@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: initial;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; color:#333333;}
a{font-size:14px; color:#333333;}
.w1400 { width:1400px; margin:auto;}
.mar50{ margin:50px auto;}
.bottom30{margin-bottom:50px;}
.dis{ display: none;}
.w1050{width:1050px; float:right;}

.top_bg{ height: 5px; background: #009b4c; width: 100%;}
.top{ height: 114px; }
.logo{ display: block; margin-right: 20px;}
.top_l{ padding-top: 10px;}
.top_one strong{ font-size: 28px; color: #333;margin-top: -2px;display: block;}
.top_one img{vertical-align: bottom;}
.top_one p{ font-size: 15px; color: #999;}
.nav{ line-height: 114px;}
.nav li{float: left; position: relative; margin-left: 15px;}
.nav li a{ font-size: 16px; font-weight: 100; padding: 0px 15px; line-height: 30px; position: relative;z-index: 1;}
.nav li::before{position: absolute;left: 0; top: 41px; width: 0%; height: 30px; transition: all 0.3s ease; content: ""; display: block; background: #009b4c; z-index: 0; border-radius: 5px;}
.nav li.cur::before,.nav li:hover::before{ width: 100%;}
.nav li.cur a,.nav li:hover a{ color: #fff;}

.top_tel{ float: left;margin-left: 40px; position: relative; cursor: pointer;}
.top_tel img{display: block;margin-top: 40px;}
#menu { height:70px; line-height:72px; position:absolute; z-index:100000; top:114px; right:0; width:325px; background:#f4f4f4;}
#menu span { background: url(../images/3.png) no-repeat; background-position:29px 25px; display:block; float:left; color:#666; padding-left:62px;}
#menu span a{  font-weight:bold;font-size:20px; color:#009b4c;font-family:Arial;}


.title1{ background: url(../images/4_03.jpg) no-repeat center top; margin: 50px auto 40px; text-align: center; overflow: hidden;}
.title1 span{ font-weight: 100; color: #009b4c; font-size: 16px; display: block;letter-spacing: 2px; margin: 84px 0 -6px;}
.title1 em{ font-size: 40px; color: #009b4c; display: block; margin-bottom: 55px;}
.title1 p{ font-size: 17px; color: #333; font-weight: 100;color: #777;}

.title1 p::before{ content: ""; display: inline-block; width: 33px; height: 1px; background: #999; margin-right: 20px;margin-bottom: 4px;}
.title1 p::after{ content: ""; display: inline-block; width: 33px; height: 1px; background: #999;margin-left: 20px;margin-bottom: 4px;}

.products{overflow: hidden;display: flex; justify-content: space-between; margin-bottom:70px;}
.products dl{ width: 177px; height: 558px; overflow: hidden; transition: all 0.5s ease; position: relative;}
.products dl .pro_one{ opacity: 1; transition: all 0.5s ease;}
.products dl .pro_two{ opacity: 0; transition: all 0.5s ease;}
.products dl.on{ width: 809px;}
.products dl.on .pro_one{opacity: 0;}
.products dl.on .pro_con{opacity: 1;}
.products dl.on .pro_two{opacity: 1;position: absolute; left: 0; top: 0;}
.pro_con{ padding-left: 60px; padding-top: 118px; height: 114px; background: url(../images/6_03.png) no-repeat; position: absolute; left: 0; bottom: 0; width: 233px; display: block; opacity: 0; transition: all 0.5s ease;}
.pro_con p{ font-size: 24px; color: #fff;margin-bottom: 10px;}
.pro_con span{ font-size: 14px; font-family: Arial; color: #fff;background: url(../images/5_03.png) no-repeat right; font-weight: 100; transition: all 0.5s ease; display: block;    width: 120px;}
.pro_con:hover span{transform: translateX(20px);}

.case{overflow: hidden; height: 1005px; background: url(../images/15_02.jpg) no-repeat center;}


.advantage{ overflow: hidden; height: 800px; background: url(../images/16_02.jpg) no-repeat center top;}
.adv_til .fl span{ font-family: Arial; color: #fff; font-size: 16px; font-weight: 100;}
.adv_til .fl p{ font-size: 40px; color: #fff;}
.adv_til .fr { font-size: 17px; color: #fff; opacity: .8;margin-top: 24px;}
.adv_til{ margin-top: 68px;}
.adv_box{ display: flex; justify-content: space-between;}
.adv_box li{ width: 335px; }
.adv_d{margin: 35px auto 36px; width: 28px; height: 28px; background: rgba(255, 255, 255, .2); border-radius: 28px;overflow: hidden;}
.adv_d div{ width: 16px; height: 16px; border: 3px solid #fff; border-radius: 28px; margin: 6px auto;box-sizing: border-box;}
.adv_con{ width: 335px; height: 486px; background: #fff; text-align: center; overflow: hidden; position: relative; transition: all 0.3s ease;}
.adv_con span{ font-size: 18px;  width: 256px; display: block; border-top: 1px solid #cccccc;  border-bottom: 1px solid #cccccc; line-height: 32px;margin: 67px auto 34px; padding: 25px 0px 27px; }

.adv_con span strong{ font-size: 28px; }
.adv_con strong{ color: #009b4c; display: block;}
.adv_con p{ font-size: 15px; color: #999; line-height: 25px; width: 256px; margin: 0 auto;}
.adv_ico{ width: 28px; height: 23px;background-image: url(../images/17.png); background-repeat: no-repeat; background-position: left top; transition: all 0.3s;margin: 36px auto 35px ; }
.adv_box li:nth-child(2) .adv_ico{ background-position-x: -38px; width: 24px;}
.adv_box li:nth-child(3) .adv_ico{ background-position-x: -72px; width: 23px;}
.adv_box li:nth-child(4) .adv_ico{ background-position-x: -105px; width: 20px;}
.adv_yw{ font-size: 12px; line-height: 16px; color: #333333; opacity: 0.3;}
.adv_box li.on .adv_d{  background: rgba(0, 155, 76, .2); border: none;}
.adv_box li.on .adv_d div{  background: #009b4c; border: none;}
.adv_box li.on .adv_con{ background: #009b4c;}
.adv_box li.on .adv_con span{ border-top-color: #33af70;border-bottom-color: #33af70; color: #fff;}
.adv_box li.on .adv_con span strong{ color: #fff;}
.adv_box li.on .adv_con p{ color: #94e6bc; opacity: .8;}
.adv_box li.on .adv_ico{ background-position-y:bottom ;}
.adv_box li.on .adv_yw{ color: #94e6bc;}


.tuandui{ position: relative; margin-bottom:40px;}
.tuandui a{ width: 335px; height: 448px; display: block; overflow: hidden; float: left; margin-right: 20px;}
.tuandui a img{ width: 100%; transition: all 0.3s ease;}
.tuandui a:hover img{ transform: scale(1.1);}
.tua_ico{ width: 50px; height: 50px; border-radius: 50px; background: #333; position: absolute; left: -80px; top: 200px; transition: all 0.3s; cursor: pointer;}
.tua_r{background: #333; right: -80px; left: auto;}
.tua_ico:hover{ background: #009b4c;}
.company{   overflow: hidden; background: url(../images/abj.jpg); padding-bottom: 50px; background-size: cover;background-attachment: fixed;}
.com_l{overflow: hidden;}
.com_l span{ font-size: 30px; font-family: Arial; display: block; margin: 55px auto 0px; color: #fff}
.com_l em{ font-size: 30px; color: #fff; margin-bottom: 30px; display: block;background: url(../images/24_07.png) no-repeat 348px 0px;}
.com_l p{ line-height: 27px; font-size: 16px; color: #fff; margin-bottom: 8px; width: 740px;}
.com_l a{ font-size: 14px; color: #fff; width: 136px; height: 40px; border-radius: 5px; background: #009b4c; line-height: 40px; display: block; margin-top: 50px; text-align: center;}
.plant{display: flex;flex-wrap: wrap; justify-content: space-between; margin-top:40px;}
.plant a{ flex-basis: 337px; border: 1px #eee solid; overflow: hidden; box-sizing: border-box;}
.case_img{width: 100%; position: relative;    height: 251px;}
.plant a img{width: 100%;transition:all .6s ease; position: relative; z-index: 0;}
.plant a:hover img{-webkit-transform:scale(1.2) rotate(0deg); transform:scale(1.2) rotate(0deg);}
.plant a p{line-height: 50px;background: #eee;font-size: 16px;padding: 0px 20px; text-align: center; position: relative; z-index: 1;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.3s ;}
.plant a:hover p{ background:#009b4c; color:#fff;}