@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;}



.top1{overflow: hidden; height: 45px; background: #0e974b;}
.top1 .fl{ font-weight: 100; color: #fff;line-height: 45px; }
.top1 .fr a{ color: #fff; padding: 0px 20px; border-left: 1px solid #36a768; display: inline-block; float:left; line-height: 45px;}
.top1 .fr a:nth-child(2){  border-right: 1px solid #36a768;}
.top_tel{  color: #fff;  padding:0px 20px;display: flex;float: left;  border-right: 1px solid #36a768; line-height:45px;}
.top_tel strong{ font-size: 22px; color: #fff; font-family: Arial; }
.top_one strong{ color:#0e974b;}
.top{ height: 140px; position:relative;}
.top_l{ position: absolute; left: 0%; top: 40px;}
.top_one { margin-top: 3px; margin-left: 20px;}
.top_one p{ font-size: 17px;color: #777;} 
.top_r{ position: absolute; right: 0%;}
.nav li{ float: left;    padding: 0 8px; position: relative; margin-left: 10px;}
.nav li a{ font-size: 17px; display: block; line-height: 140px; position: relative;  z-index:1;}
.nav li::before{content: "";display: block;width: 100%;height: 35px;background: #0e974b;position: absolute;top: 54px;transition: all 0.3s;left: 0;opacity: 0;z-index: 0;}
.nav li.cur a, .nav li:hover a{color: #fff; font-weight: bold;}
.nav li.cur::before, .nav li:hover::before{opacity: 1;}
.top_tel span{ display: inline-block;  font-weight: 100; font-size: 14px; color: #fff;margin-left: 10px;vertical-align: super;   }
.top_one{ font-size:24px;}


.title{ text-align: center; margin: 60px auto 45px;}
.title strong{ font-size: 42px;}
.title strong span{ color: #0e974b;}
.title p{ font-size: 16px; color: #999;}

.company{ margin-bottom:70px; overflow:hidden;}
.company .fl{ width: 670px; height: 419px; overflow: hidden; position: relative;}
.company .fl img{ transition: all 0.3s ease-in-out; position: relative; z-index: 0;}
.company .fl:hover img{ transform: scale(1.1);}
.company .fl::before{ position: absolute; top: 14px; left: 14px; width: 640px; height: 389px; border: 1px solid #fff; content: ""; z-index: 1;}
.company .fr{ width: 675px;}
.company .fr img{ display: block; margin: 46px 0px 2px;}
.company .fr strong{ font-size: 30px; color: #0e974b;margin-left: -13px;}
.company .fr p{ font-size: 15px; color: #777777; line-height: 31px; text-align: justify;margin: 31px 0px 42px;}
.con_one{ display: flex; justify-content: left;}
.con_one a{ margin-right: 20px; border: 1px solid #333; box-sizing: border-box; width: 154px; height: 43px; line-height: 41px; background: url(images/4_07.png) no-repeat 35px 11px;padding-left: 62px; transition: all 0.3s;}
.con_one a:hover{ background: #0e974b url(images/4_08.png) no-repeat 35px 11px; border-color: #0e974b; color: #fff;}

.com_com{ display: flex; justify-content: space-between; margin-top: 40px;}
.com_com li{ padding: 0px 14px; width: 292px; height: 330px; background: #f5f5f5; overflow: hidden; position: relative;}
.com_img{ width: 292px; height: 170px; overflow: hidden; background: url(images/8_03.jpg) no-repeat; position: relative; margin-top: 14px; z-index: 1
    ;}
.com_com li:nth-child(2) .com_img{ background: url(images/7_03.jpg) no-repeat; }
.com_com li:nth-child(3) .com_img{ background: url(images/6_03.jpg) no-repeat; }
.com_com li:nth-child(4) .com_img{ background: url(images/5_03.jpg) no-repeat; }
.com_img strong{ width: 130px; height: 36px; background: rgba(14, 151, 75, .8); line-height: 36px; text-align: center; font-size: 18px; color: #fff; display: block; position: absolute; left: 50%; margin-left: -65px;top: 134px;}
.com_com li p{ font-size: 15px; color: #777; line-height: 26px;margin-top: 20px;text-align: center; position: relative; z-index: 1;}
.com_com li::before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #0e974b; transition: all 0.3s ease-in-out;}
.com_com li:hover::before{ height: 100%;}
.com_com li:hover p{ color: #fff;}


.products>.title{    margin: 60px auto 10px;}
.title1{    margin: 10px auto 20px;}
.title1 strong span{font-size: 30px; color:#333;font-weight: initial;}
.title1 p{font-size: 12px;color: #999;text-transform: uppercase;font-family: Arial;}
.products_box{display: flex; justify-content: space-between; flex-wrap: wrap; }
.pro_box{    width: 100%;}
.products{ background: #f5f5f5; overflow: hidden; padding-bottom: 70px;  }
.pro_nav{ float: left; width: 310px; overflow: hidden;}
.pro_t{ height: 127px; background: url(images/9_03.jpg) no-repeat; padding-left: 30px; width: 280px; overflow: hidden;}
.pro_t strong{ color: #fff; font-size: 28px;  display: block; margin: 35px 0 5px;}
.pro_t span{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff;}
.pro_a{ height: 60px; background: #fff url(images/10_03.png) no-repeat 259px 18px; margin-top: 1px; padding-left: 30px; width: 280px; position: relative;font-size: 16px; display: block; line-height: 60px; transition: all 0.3s ease-in-out;}
.pro_a:first-child{ margin-top: 0;}
.pro_a:hover{ background: #0e974b  url(images/10_04.png) no-repeat 259px 18px; color: #fff;}
.pro_b{ padding-left: 97px; width: 213px; background: url(images/11_03.jpg); height: 127px; overflow: hidden;}
.pro_b span{ color: #fff; display: block; margin: 38px 0px 0px;}
.pro_b strong{ font-size: 28px; font-family: Arial, Helvetica, sans-serif; color: #fff;}
.pro_con1{ display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.pro_con{ display: flex; justify-content: space-between; flex-wrap: wrap; height:824px;overflow: hidden;}
.pro_con a{ display: block; width: 330px; height: 298px; overflow: hidden;}
.pro_con a:nth-child(n+4){ margin-top: 20px;}
.pro_con a .pro_img1{ width: 330px; height: 248px; overflow: hidden;}
.pro_con a .pro_img1 img{ width: 100%; transition: all 0.3s ease-in-out;}
.pro_con a p{ width: 100%; height: 50px; background: #fff; text-align: center; line-height: 50px; font-size: 15px;transition: all 0.3s ease-in-out;}
.pro_con a:hover .pro_img1 img{ transform: scale(1.1);}
.pro_con a:hover p{ background: #0e974b; color: #fff;}
#colee2{ margin-top:20px;}



.advantage{overflow: hidden;  background: url(images/13_02.jpg) no-repeat; }
.advantage .title span,.advantage .title p{ color: #fff;}
.adv_box{overflow: hidden;display: flex; justify-content: space-between; margin-bottom:70px;}
.adv_box dl{ width: 177px; height: 490px; overflow: hidden; transition: all 0.5s ease; position: relative;}
.adv_box dl .pro_one{ opacity: 1; transition: all 0.5s ease; }
.adv_box dl .pro_two{ opacity: 0; transition: all 0.5s ease;}
.adv_box dl.on{ width: 809px; overflow: hidden;}
.adv_box dl.on .pro_one{opacity: 0;}
.adv_box dl.on .pro_con{opacity: 1;}
.adv_box dl.on .pro_two{opacity: 1;position: absolute; left: 0; top: 0;}
.adv_til span{ width: 88px; height: 88px; border: 1px solid #fff; border-radius: 44px; background: url(images/21_03.png);display: block;margin: 144px auto 23px;}
.adv_til strong{ font-size:26px; color:#fff;}
.adv_til{    position: absolute;top: 0;left: 0;width: 107px;text-align: center; width:100%; background:url(images/26_03.png)no-repeat center bottom; padding-bottom:65px;}
.adv_box dl:nth-child(2) .adv_til span{; background: url(images/20_03.png);}
.adv_box dl:nth-child(3) .adv_til span{; background: url(images/19_03.png);}
.adv_box dl:nth-child(4) .adv_til span{; background: url(images/18_03.png);}
.adv_ms{background: rgba(14, 151, 75, .8); font-size: 16px; color: #fff; line-height: 30px; padding: 40px 50px;position: absolute;bottom: 0;left: 0; height:70px; opacity:0;}
.adv_box dl.on .adv_ms{ opacity:1;}


.adv_tel{ text-align: center; font-size: 16px; color: #fff; display: flex; justify-content: center; align-items: center;}
.adv_tel a{ width: 285px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; border: 1px solid #fff; box-sizing: border-box; color: #fff; display: inline-block; transition: all 0.3s ease-in-out; margin-right: 44px;}
.adv_tel img{ height: 29px; margin-right: 10px;}
.adv_tel a:hover{ background: #0e974b; border-color: #0e974b; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);}
.adv_tel strong{ font-size: 28px; font-family: Arial, Helvetica, sans-serif; color: #fff}




.solution-cont {}
.solution-img { width: 32%; height: auto; margin:0 0 1.3% 1.3%; position: relative; overflow: hidden;}
.solution-img .img-box1 { width: 100%; }
.solution-img p { width: 170px;background: #0e974b; background: rgba(0, 0, 0, .6);  text-align: center; position: absolute; bottom: 0px; height: 50px; line-height: 50px; left: 0; z-index: 3; color: #fff; font-size: 16px;margin: 0;}
.solution-img .mask { width: 91.5619%;  height: 86.8%; background-color: #0e974b; background-color: rgba(12,140,37,.9); position: absolute; left: 4.219%; top: 6.6%; z-index: 9; text-align: center; color: #fff; display: none;}
.solution-img .mask h3 { font-weight: 400; font-size: 22px; padding: 13% 0 4%; position: relative; margin: 0;}
/*.solution-img .mask h3:before { content: ''; display: block; width: 26px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -13px;} */
.solution-img .mask span { display: block; width: 88%; height: 64px; line-height: 26px; margin: 0% auto 8%; overflow: hidden; }
.solution-img .mask .links { width: 58%; margin: 0 auto; overflow: hidden; }
.solution-img .links a { display: block; float: left; width: 50%; padding: 5% 0; color: #fff;background-color: #fbbe00; font-size:13px;}
.solution-img:hover .mask { display: block; height: 86.8%;}

.img-box img, .solution-img img, .news-infos { 
  -webkit-transition:all .6s linear;
  -moz-transition:all .6s linear;
  -ms-transition:all .6s linear;
  transition:all .6s linear;
}
.img-box:hover img, .solution-img:hover img { 
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05);
}
.solution-img img { width: 100%; display:block;}   
.solution-img .links a.shipin { background-color: #fff; color: #222; }    

.solution-cont{ display: flex; flex-wrap: wrap; justify-content: center;}