@charset "utf-8";

/*banner*/
.banner{position: relative;overflow: hidden;clear: both;}
.ban_p,.ban_p li{overflow: hidden;}
.ban_p li a{ display:block;}
.ban_p li img{width: 100%;display:block;}
.ban_t{width:1100px;height:50px;bottom:30px;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff; border: 1px solid #00913e;}
.ban_t em.on{background: #00913e; border: 1px solid #fff;}
/**/
.china{background:url(../images/china.jpg) no-repeat  center 0; height:660px; overflow: hidden; padding-top:123px; box-sizing: border-box; margin-bottom:70px;}
.china dl dt{ text-align: center;}
.china dl dt h3{ text-align: center; color: #333; font-size: 50px;line-height: 100%; padding-bottom: 64px; margin-bottom: 32px;background:url(../images/h2.png) no-repeat  center bottom;}
.china dl dd p{ font-size: 16px; color: #333; line-height:31px; margin: 0 125px; text-align: center; height: 169px;}
.china dl dd h4{font-weight: normal; font-size: 16px; color: #333; overflow: hidden; padding-left:108px;}
.china dl dd h4 em{ display: inline-block; float: left; text-align: center;position: relative; width: 280px;}
.china dl dd h4 em:nth-of-type(2){width: 380px;}
.china dl dd h4 em:before{ content:""; position:absolute;height:100px;width:1px;right:0;top:1px; background:#ddd;}
.china dl dd h4 em:last-child:before{ background: none;}
.china dl dd h4 em i{ display: block; color: #666; font-size: 18px; color: #666;}
.china dl dd h4 em span{ font-size: 80px; color: #333; font-family: Arial; line-height: 100%; padding-right:3px;}
.china dl dd h4 em:hover,.china dl dd h4 em:hover span{ color: #00913e;}
.china dl dd h4 em:hover i{color: #333;}
/**/
.pros{ height: 1253px; overflow: hidden;}
.pros h2{background:url(../images/h2.jpg) no-repeat center 0;  height: 190px; padding-top: 42px; box-sizing: border-box; text-align: center;}
.pros h2 a{ display: block; font-size: 50px; color: #333; text-decoration: none;}
.pros h2 i{ display: block; line-height: 100%;}
.pros h2 span{ display: block; line-height: 100%; font-weight: normal; font-size: 18px; color: #666; padding-top: 21px;}
.p_nav{ margin: 0 auto; width: 1200px; height: 90px;}
.p_nav ul li{ float: left; width: 390px; height: 60px; border-radius:3px; background: #999; margin-right: 15px;}
.p_nav ul li:last-of-type{ margin-right: 0;}
.p_nav ul li a{ font-size: 24px;color: #fff; display: block; line-height: 60px; padding-left: 165px;background:url(../images/p_nav1.png) no-repeat 105px 12px;}
.p_nav ul li:nth-of-type(2) a{;background:url(../images/p_nav2.png) no-repeat 105px 12px;}
.p_nav ul li:nth-of-type(3) a{;background:url(../images/p_nav3.png) no-repeat 105px 12px;}
.p_nav ul li.on,.p_nav ul li:hover{ background: #00913e;}
.p_om p{background:url(../images/p_om2.jpg) no-repeat center 0; height: 500px; margin-bottom: 50px;}
.p_om ul{ overflow: hidden; width: 1200px; margin: 0 auto; height: 300px;}
.p_om ul li{ float: left; overflow: hidden; width: 280px; font-size: 0; line-height: 0; margin-right: 26px;}
.p_om ul li img{ width: 280px;}
.p_om ul li i{ display: block; overflow: hidden; padding-top: 13px; height: 37px; border-bottom: 2px solid #b7b7b7; line-height: 24px; font-size: 16px; color: #333;}
.p_om ul li i span{ display: inline-block; float: right; padding-top: 7px; height: 17px; width: 24px; text-align: center; background: #999; border-radius:24px;}
.p_om ul li i span img{ width: 11px;}
.p_om ul li:last-of-type{ margin-right: 0;}
.p_om ul li:hover span{ background: #008f3d;}
.p_om ul li:hover i{ color: #008f3d;border-bottom: 2px solid #008f3d; }
.p_om h4{ text-align: center;}
.p_om h4 a{ display: inline-block; width: 200px; height: 42px; line-height: 42px; color: #fff; background: #00903e; font-size: 16px; border-radius: 5px;}
    /**/
.yos1{ overflow: hidden;background:url(../images/yos1.jpg) no-repeat center 0; height: 660px; }
.yos1 h2{ text-align: center; color: #fff; padding-top: 123px; padding-bottom: 103px;}
.yos1 h2 i{ display: block;line-height: 100%; font-size: 50px; padding-bottom: 22px;}
.yos1 h2 span{ display: block; font-weight: normal; line-height: 100%; font-size: 18px; padding-bottom: 24px;background:url(../images/h2.png) no-repeat center bottom;}
.ys1{ padding-left: 185px; color: #fff;}
.ys1 h4{ line-height: 100%; font-size: 36px; font-weight:bold; padding-bottom: 19px;}
.ys1 p{ font-size: 18px; line-height: 30px; padding-bottom: 30px;}
.ys1 em { display: block;}
.ys1 em a{ display: block; width: 140px; height: 42px; text-align: center; line-height: 42px; background: #00913e; color: #fff; font-size: 16px; font-weight: bold; border-radius: 5px;}
.yos2{ overflow: hidden;background:url(../images/yos2.jpg) no-repeat center 0; height:740px; }
.yos2 .ys1{ padding: 320px 0 0 833px; color:#333;}
.yos2 .ys1 h4{ color: #00913e;}
.yos3{ overflow: hidden;background:url(../images/yos3.jpg) no-repeat center 0; height: 620px; }
.yos3 .ys1{ padding-top: 110px; color:#333;}
.yos3 .ys1 h4{ color: #00913e;}
/**/
.cases{ overflow: hidden;background:url(../images/case.jpg) no-repeat center 0; height:980px; }
.cases h2{ text-align: center; color: #fff; padding-top: 113px; padding-bottom:43px;}
.cases h2 i{ display: block;line-height: 100%; font-size: 50px; padding-bottom: 22px;}
.cases h2 span{ display: block; font-weight: normal; line-height: 100%; font-size: 18px; padding-bottom: 24px;background:url(../images/h21.png) no-repeat center bottom;}
.case1{margin-left: -1px;}
.case1 ul li{ float: left; overflow: hidden; font-size: 0; line-height: 0; position: relative; margin-bottom: 20px; overflow: hidden;}
.case1 ul li img{ width: 384px; height: 288px;}
.case1 ul li:first-of-type{ margin-right: 20px;}
.case1 ul li:first-of-type img{ width: 796px; height: 596px;}
.case1 ul li i{ display: block; width: 100%; left: 0; text-align: center; line-height: 100%; font-size: 24px; color: #fff; bottom:33px; position: absolute;}
.c_u{ position: absolute; z-index: 5; cursor: pointer; left: -99px; top:539px; padding-top: 23px; font-size: 0; line-height: 0; text-align: center; height: 37px; width: 60px; background: #999; border-radius: 60px;}
.c_d{ position: absolute; z-index: 5; cursor: pointer; right: -99px; top: 539px;padding-top: 23px; font-size: 0; line-height: 0; text-align: center; height: 37px; width: 60px;background: #999; border-radius: 60px;}
.c_u:hover,.c_d:hover{ background: #00913e;}
/**/
.maps{ overflow: hidden;background:url(../images/map.jpg) no-repeat center 0; height:760px; margin-bottom: 80px;}
.maps p{ padding: 210px 0 0 760px;}
.maps p i{ display: block; line-height: 100%; font-size: 46px; color: #333; font-weight: bold; padding-bottom: 16px;}
.maps p em{ display: block; line-height: 40px; font-size: 23px; color: #333; padding-bottom: 34px;}
.maps p em span{ display: block;}
.maps  b{ display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #00913e; border-radius:4px;}
.maps b a{ display: block; color: #fff; font-size: 16px; font-weight: normal;}
/**/
.xinw{ height:863px; overflow: hidden;}
.xinw h2{background:url(../images/h2.jpg) no-repeat center 0;  height: 170px; padding-top: 40px; text-align: center;}
.xinw h2 a{ display: block; font-size: 50px; color: #333; text-decoration: none;}
.xinw h2 i{ display: block; line-height: 100%;}
.xinw h2 span{ display: block; line-height: 100%; font-weight: normal; font-size: 18px; color: #666; padding-top: 21px;}
.xw_l{ width: 572px;}
.xw_l h3{ overflow: hidden; height: 160px; background: url(../images/xw_l.jpg) no-repeat; margin-bottom: 29px;}
.xw_l h3 i{ display: inline-block; float: left; padding: 70px 0 0 25px; width:125px; line-height: 100%; color: #fff;font-size: 24px; font-weight: bold;}
.xw_l h3 span{ display: block; line-height: 100%; font-family: Arial; font-size: 14px; color: #fff; font-weight: normal; padding-top: 8px;}
.xw_l ul li{ overflow: hidden; padding:11px 0 12px; border-bottom: 1px solid #e2e2e2;}
.xw_l ul li i{ display: inline-block; float: left; margin-left: 45px; width: 110px; font-size: 0; font-family: Arial;}
.xw_l ul li i span{ color: #999; font-size: 16px;}
.xw_l ul li em{ display: inline-block; width: 380px; float: left;margin-left: 5px;}
.xw_l ul li em span{ display: none;}
.xw_l ul li em a{ display: block; font-size: 18px; color: #333;}
.xw_l ul li em a:hover{ color: #00913e;}
.xw_l ul li.cur i span{ display: block; color: #333; font-size:50px; padding-top: 0; line-height:70%;background: url(../images/x_lin.jpg) no-repeat  0 60px;font-weight: bold;padding-bottom: 50px;}
.xw_l ul li.cur i{color: #999;font-size:0; margin-left: 30px; line-height: 120%; }
.xw_l ul li.cur em a{ font-size: 18px;}
.xw_l ul li.cur em span{ display: block; font-size: 14px; color: #888; line-height: 24px; padding-top: 12px; height: 109px;}
.xw_l ul li.cur{ padding-bottom: 0;}

.xw_r{ width: 570px;}
.xw_r ul{ overflow: hidden; height: 336px;}
.xw_r ul li a{ display: block; padding-left: 20px; font-size: 18px; color: #010101; height: 22px; line-height: 22px; overflow: hidden;background: url(../images/xw_i.jpg) no-repeat 0 8px;}
.xw_r ul li a:hover{ color: #00913e;}
.xw_r ul li span{ display: block; font-size: 15px; color: #888; line-height: 24px; padding: 8px 0 0; height: 80px;}
.xw_r h4 a{ display: block; box-sizing: border-box;background: url(../images/xw_i2.jpg) no-repeat; height: 160px; padding:69px 0 0 440px; font-size: 24px; color: #fff; font-weight: bold; line-height: 100%;}
.xw_r h4 a span{ display: block; color: #fff; font-size: 12px; font-weight: normal; font-family: Arial; line-height: 100%; padding-top:7px; text-transform: uppercase;}
/**/
.zji{background: url(../images/zji.jpg) no-repeat center 0; height: 640px;}
.zji dl dt{ float: left; margin-left: -360px;}
.zji dl dd{ float: right;}
.zji dl dd h3{ float: right; padding-top: 113px;}
.zji dl dd p{ float: right; padding: 163px 52px 0 0;}
/**/

/**/
/**/

/**/


/**/

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}