@charset "utf-8";
/* CSS Document */

.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.scroll_top {overflow:hidden;zoom:1;position:relative}
.clr{ clear:both;  height:0px; overflow:hidden;}
.pubW{ width:1190px;}
.center{ margin:0 auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.bgff{ background:#fff;}
.bgf2{ background:#f2f2f2;}
/*Í·²¿½áÊø*/

#scroll_nav {position:absolute;top:754px;width:100%;color:#fff;background:#38a073;z-index:100;}
#scroll_nav h3{ font-size:18px; width:143px; line-height:25px; margin:10px 0 10px 30px;  border-right:solid 1px #fff; padding-right:20px;}
#scroll_nav h3 span{ letter-spacing:3px; display:block;}
#scroll_nav ul { margin-left:32px;}
#scroll_nav ul li{ font-size:16px; float:left; display:inline; width:136px; text-align:center; line-height:71px; color:#fff; padding:0 10px;}
#scroll_nav ul li a{ color:#fff; width:136px; height:71px; margin:0 auto; display:block;}
#scroll_nav ul li a:hover,#scroll_nav ul li a.active{ color:#38a073; background:#fff; text-decoration:none; font-weight:bold;}

.ml20{ margin:0 0px;}
.box h2{ padding:0;overflow:hidden;}

.box7{ padding:20px 0 0;}
.box7_1{ font-size:24px; width:1190px; margin:0 auto; padding-bottom:20px;}
.box7_1 span{ color:#538085; display:block; text-align:center; line-height:34px;}
.box7_1 p{ width:850px; text-align:center; margin:0 auto; line-height:34px; color:#565656;}


#silde-focus, #banner-silde {
    width: 100%;
    height: 573px;
    position: relative;
    overflow: hidden;
   
}
#banner-silde li {
    width: 100%;
    height: 573px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
}

/* banner-ctr */
	.banner-ctr{
		/*width: 100%;*/
		width: 30%;
		height: 30px;
		position: absolute;
		text-align: center;
		bottom: 0;
		z-index: 9;
		margin-left:65%
	}
		.banner-ctr span{
			display: inline-block;
			width: 14px;
			height: 14px;
			overflow: hidden;
			cursor: pointer;
			background-color: #dfdfdf;
   		border-radius: 50%;
   		margin: 5px 10px;
		}
		.banner-ctr span.current{
			margin: 3px 8px;
			border: 2px solid #fff;
   		background-color: #004ea2;
		}
/* banner-btn */
.banner-btn{
		width: 44px;
		height: 44px;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		top: 50%;
		z-index: 9;
		margin-top: -22px;
		-moz-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
		filter: alpha(opacity=0);
		opacity: 0;
		background: url(../images/sprite.png) left bottom no-repeat;
	}
#silde-focus .pre{left: 0;}
#silde-focus .next{right: 0;background-position: right bottom;}
#silde-focus:hover .banner-btn{opacity: 0.5;filter: alpha(opacity=50);}
#silde-focus:hover .pre{left: 10%;}
#silde-focus:hover .next{right: 10%;}
#silde-focus .banner-btn:hover {opacity: 1;filter: alpha(opacity=100);}
.bannerdhbox{ width:1190px; margin:0 auto;}
.list_zj{float:left; display:block; width:480px; height:573px; padding-left:40px;}
.doc{ float:right; padding:100px 150px 0 0}
.bannerdhbox .title{ position:relative;}
.bannerdhbox .title b{ font-size:50px; height:51px; line-height:51px; color:#031112; position:absolute; }
.bannerdhbox .title b a{border-right:solid 1px #22646b; padding-left:10px; height:51px; line-height:51px; display:inline-block; position:absolute; top:5px;}
.bannerdhbox .title span{ font-size:16px; color:#3e5b62; display:block; position:absolute; left:170px; top:5px;}
.bannerdhbox .title span.span1{position:absolute; left:170px; top:30px; font-size:20px;}
.bannerdhbox .txt{ padding:100px 0 0;}
.bannerdhbox .txt a{background:url(../images/icon2.png) no-repeat -1058px -53px; width:29px; height:29px; display:inline-block;}
.bannerdhbox .txt p{font-size:18px; color:#123a3e; width:270px; margin-left:15px; line-height:28px; width:453px; height:120px;}
.bannerdhbox .detail{ padding:100px 0 0;}
.bannerdhbox .detail a{background:url(../images/icon2.png) no-repeat -1096px -53px; width:29px; height:29px; display:inline-block;}
.bannerdhbox .detail p{ width:453px; margin-left:15px; line-height:25px; color:#123a3e; font-size:16px;}
.bannerdhbox .zx{ padding:20px 0 0;}
.bannerdhbox .zx a{background: url(../images/icon2.png) no-repeat -383px -11px; width: 148px; height: 32px; display:block; margin-left:180px;}
.bannerdhbox .zx a:hover{ background-position: -383px -50px;}




.banner2 .bannerdhbox .title span,.banner3 .bannerdhbox .title span,.banner5 .bannerdhbox .title span{left:170px; top:5px;}
.banner2 .bannerdhbox .title span.span1,.banner3 .bannerdhbox .title span.span1,.banner5 .bannerdhbox .title span.span1{ top:30px;}
.box8{ padding:30px 0; overflow:hidden;}
.box8_1{ margin-left:70px;}
.box8_1_1{ width:227px; height:31px; line-height:31px; background:#8ec98c; font-size:20px; color:#fff; text-align:center; padding:13px 0; font-weight:bold; cursor:pointer;}
.box8_1_2{ width:227px; height:340px; background:#f2f2f2;}
.box8_1_2 p{ width:180px; text-indent:2em; margin:0 auto; font-size:16px; color:#676767; padding:106px 0 0;}
#deve2 p{ padding:40px 0 0;}
.box8_2{ margin-right:30px;}
.box9{ margin:18px auto; width:1160px; overflow:hidden;}
.box9 a{ float:left; display:block; border:solid 2px #eaeaea; width:350px; height:267px;}
.box9 a.mid{ margin:0 49px;}
.box9 a:hover{ border:solid 2px #08907e;}
.box9 a img{ width:350px; height:267px; text-align:center; display:block;}
.kcy img{ float:none !important;}