*html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.nav-inner,.b-inner{width:1100px; clear: both; margin:0 auto; overflow: hidden;}
.title{ display: block; margin: 100px auto 40px;}
.area5 a:hover img{transform: scale(1.05, 1.05); transition: .3s transform;}
.area1{ height:720px; background:url(../images/banner.jpg) no-repeat center top;}

.area2 .left{ width: 605px; float: left;}
.area2 .left  p{ font-size: 14px; line-height: 24px; text-indent: 20px; color: #242424; text-align: justify;}
.area2 .sk{ display: block; float: right;}
.area2 h3{ font-size: 16px; margin-top: 28px;  color: #242424; font-weight: bolder;}
.area2 .one{ margin-top: 37px;}
.area3 .title{ margin-top: 88px;}
.area3 dl{ height: 300px; }
.area3 dl.one{ background:#f8f8f8 url(../images/kb.jpg) no-repeat center left;}
.area3 .one dd{ padding-left: 780px;  padding-top: 85px;}
.area3 .one dd p{ font-size:14px; line-height: 30px; color: #474747;}
.area3 dd .one{ padding-left: 22px;}
.area3 dl.two{ background: #f8f8f8 url(../images/zb.jpg) no-repeat center right;}
.area3 dl.two p{font-size: 22px; padding-left: 112px; line-height: 52px; color: #474747;}
.area3 dl.two p span{ color: #5fc714; font-weight: bolder; font-size: 28px; font-style: italic; }
.area3 dl.two dd{ padding-top: 40px;}
.area4 ul{ margin-right: -170px;}
.area4 li{ height: 141px; margin-right: 170px; margin-bottom: 45px; width: 465px; float: left;}
.area4 li.one{ background: url(../images/round1.jpg) no-repeat center left;}
.area4 li.two{ background: url(../images/round2.jpg) no-repeat center left;}
.area4 li.three{ background: url(../images/round3.jpg) no-repeat center left;}
.area4 li.four{ background: url(../images/round4.jpg) no-repeat center left;}

.area4 li p{font-size: 18px;  padding-left: 170px; line-height: 29px; color: #4d4d4d;}
.area4 li p span{ font-size: 22px; font-weight: bolder; color: #5fc714;}
.area4 .gy{ margin-top: 36px;}
.area5 .title{ margin-top: 55px;}
.picScroll-left{ overflow:hidden; position:relative; padding-left: 70px;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 20px; width: 440px; height: 295px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li img{width: 440px; height: 295px; }
.picScroll-left .prev, .picScroll-left .next{ width: 29px; height: 58px;}
.picScroll-left .prev{ position: absolute;z-index: 8; background: url(../images/1.jpg) no-repeat center top; left: 10px; top:120px;}
.picScroll-left .next{ position: absolute;z-index: 8; background: url(../images/2.jpg) no-repeat center top; right: 10px; top:120px;}
.area6 .left{ width: 540px; float: left;}
.area6 .left h3{ font-size: 30px; margin-bottom: 50px; line-height: 30px; text-align: center; color: #58ab35;}
.area6 .lab{ width: 100px; float: left; font-size: 14px;}
.area6 ul li input{ width: 418px; color: #333; font-size: 14px;  height: 38px; padding-left: 20px; border:solid 1px #a0a0a0; outline: none; border-radius: 5px; -webkit-border-radius: 5px; float: left;}
.area6 ul li .lab{ line-height: 38px; font-size: 16px; }
.area6 ul li .lab span{ color: #f80000;}
.area6 ul li{ margin-bottom: 40px; height: 40px;}
.area6 .subline{outline: none; margin-bottom:100px; margin-top: 90px; display: block; margin-left: 110px; border:0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69aa3b+0,448612+100 */
background: #69aa3b; /* Old browsers */
background: -moz-linear-gradient(top, #69aa3b 0%, #448612 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #69aa3b 0%,#448612 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #69aa3b 0%,#448612 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69aa3b', endColorstr='#448612',GradientType=0 ); /* IE6-9 */ width: 200px; height: 50px; font-size: 20px; color: #fff; text-align: center;}
.area6 .right{ width: 470px; float: right; }
.area6 .right .title1{ height: 420px; float: left; width: 55px; background: #364980;}
.area6 .right .title1 img{ margin:0 auto ; padding-top: 140px; display: block;}
.picMarquee-top{ margin:0 auto; float: left; height: 420px;   width:415px; overflow:hidden; position:relative;   }
		.picMarquee-top .hd{ overflow:hidden;   }

		.picMarquee-top .bd ul li{ height: 45px; line-height: 40px; margin-bottom: 0px;  border-bottom:dashed 1px #ddd; text-align:center; font-size: 16px; zoom:1; }
	




.area9{ height: 305px; background: #364980;}
.area9 .inner{ height: 305px; position: relative;}
.area9 img{ display: block; margin: 60px auto 0;}
.area9 a{ width: 505px; height: 45px; display: block; position: absolute;}
.area9 a.one{left: 300px; top:138px;}
.area9 a.two{left: 297px; top:197px;}
/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60); }