@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;}
.yb_bar ul li { background-color:#0e974b !important; }
.contant_right{width:1130px;}


.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: inline-block;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: 30px;}
.top_one { margin-top: 17px; margin-left: 20px;}
.top_one p{ font-size: 15px;letter-spacing: 4.5px;color: #777;} 
.top_r{ position: absolute; right: 0%;}
.nav li{ float: left; margin-left: 20px; position: relative;    }
.nav li a{ font-size: 17px; display: block; line-height: 140px;}

.nav li::before{content: ""; display: block; width: 15px; height: 13px; background: url(images/3_03.png) no-repeat; position: absolute; left: 50%; margin-left: -7.5px;top: 98px; transition: all 0.3s; opacity: 0;}
.nav li.cur a, .nav li:hover a{color: #0e974b;}
.nav li.cur::before, .nav li:hover::before{opacity: 1;}
.xiala{display:none; position:absolute; background:#fff; z-index:999;width: 100%; text-align: center; left:-18px;}
.xiala a {
    font-size: 14px !important;
    line-height: 60px !important;
    color:#222 !important;
    background: #fff;
    width: 100px;
}
.xiala a:hover{ background:#0e974b; color:#fff !important;}
.nav li:hover .xiala{display:block;}

.top_tel span{ display: inline-block;  font-weight: 100; font-size: 14px; color: #fff;margin-left: 10px;vertical-align: super;   }

.top_one{ font-size:22px;}


.title{ text-align: center; margin: 70px auto 40px;}
.title span{ font-size: 42px;}
.title span strong{ color: #0e974b;}
.title p{ font-size: 17px; color: #999; margin-top: 5px;}

.products{overflow: hidden; display: flex; justify-content: space-between;}
.products a{ display: block; width: 25%;} 
.pro_img{ max-width: 480px;}
.pro_img img{ width: 100%; display: block;}
.pro_txt{padding: 38px 48px 42px; background: url(images/5_02.jpg) repeat-y; transition: all 0.3s ease-in-out;position: relative;}
.pro_txt strong{ font-size: 25px; color: #333; display: block; font-weight: initial;transition: all 0.3s ease-in-out; position: relative; z-index: 1;}
.pro_txt p{ line-height: 24px; color: #777; font-size: 15px; text-align: justify;margin: 15px 0 22px;transition: all 0.3s ease-in-out; position: relative; z-index: 1;}
.pro_txt span{ display: block; width: 26px; height: 3px; background: #0e974b;transition: all 0.3s ease-in-out; position: relative; z-index: 1;}
.pro_txt::before{ content: ""; display: block; width: 0%; height: 100%; background: #0e974b; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; z-index: 0;}
.products a:hover .pro_txt::before{ width: 100%;}
.products a:hover strong{ color: #fff;}
.products a:hover p{ color: #fff;}
.products a:hover span{ background: #fff;}

.adv_box{ position: relative;}
.adv_img{ position: absolute; left: 50%; margin-left: -262px;}
.adv_l{ float: left;}
.adv_box dl{ margin-top: 57px;}
.adv_box dl dt{ width: 79px; height: 79px; border-radius:50%; border: 2px solid #0e974b; position: relative; overflow: hidden; float: left; box-sizing: border-box;}
.adv_box dl dt::before{ content: ""; display: block; background: url(images/8.png) no-repeat left top; width: 33px; height: 36px; margin: 20px auto; z-index: 1; position: relative; transition: 0.3s all ease-in-out;}
.adv_one{ float: left; margin-left: 20px;}
.adv_one em{ font-size: 26px; display: block; margin-top: -2px;}
.adv_one p{ font-size: 15px; color: #777;  line-height: 24px; width: 350px; margin-top: 5px;}
.adv_r{ float: right;}
.adv_r dt{ float: right !important;}
.adv_r .adv_one{ text-align: right; margin-left: 0px; margin-right: 20px;}
.adv_l dl:nth-child(2) dt::before{ background-position-x: -63px; width: 44px;}
.adv_l dl:nth-child(3) dt::before{ background-position-x: -137px; width: 50px;}
.adv_r dl:nth-child(1) dt::before{ background-position-x: -218px; width: 35px;}
.adv_r dl:nth-child(2) dt::before{ background-position-x: -287px; width: 40px;}
.adv_r dl:nth-child(3) dt::before{ background-position-x: -357px; width: 36px;}
.adv_box dt::after{ content: '';width: 100%;height: 100%;background: #0e974b;display: block;position: absolute;left: 0;top: 0;transition: 0.3s all ease-in-out;transform: scale(0);z-index: 0;}
.adv_box dt:hover::after{transform: scale(1);}
.adv_box dt:hover::before{background-position-y: bottom;}
.adv_box dt:hover{ border: none;}
.adv_txt{ display: flex; justify-content: center;margin-top: 85px;}
.adv_txt li{ width: 138px; height: 40px; background: #0e974b; border-radius: 5px; text-align: center; line-height: 40px; font-size: 18px; font-weight: bold; color: #fff; margin: 0 20px;transition: .1s ease-out;animation: data3 1.5s linear infinite;}
.adv_tel{margin-left: 45px;    margin-top: 3px;}
.adv_tel span{ font-size: 16px; display: inline-block; margin: 0px 10px; vertical-align: super;}
.adv_tel strong{ font-family: Arial; font-size: 30px; color: #0e974b;}
@keyframes data3{
    25% {-webkit-transform: translateY(-5px);}
    50%, 100% {-webkit-transform: translateY(0);}
   75% {-webkit-transform: translateY(5px);}
}


.pro_nav {width: 1400px;margin: 0 auto 40px; display: flex;justify-content: space-around; }
.pro_nav li a { border: 1px solid #eee; width: 150px; text-align: center; padding:20px 0px;font-size: 16px; display: block;}
.pro_nav li:hover { background: #0e974b;}
.pro_nav li:hover a { color: #fff;}
.pro_con{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.pro_con a{ display: block; width: 24.5%; margin-right: 0.5%; position: relative; overflow: hidden;}
.pro_con a:nth-child(4n){ margin-right: 0;}
.pro_con a:nth-child(n+5){ margin-top: 0.6%;}
.pro_con .pro_img img{ width: 100%; transition: all 0.3s;}
.pro_con span{ display: block; position: absolute; bottom: 0; left: 0; height: 60px; line-height: 60px; background: rgba(26, 148, 76, .8); width: 100%; color: #fff; text-align: center; font-size: 16px; transition: all 0.3s;}
.pro_con a:hover span{ background: #ff6a06;}
.pro_con a:hover .pro_img img{ transform: scale(1.1);}



.company{ overflow: hidden;  height: 779px; background: url(images/9_02.jpg)no-repeat center; margin-bottom:80px;}
.company .w1400{ position: relative;height: 779px;}
.com_con{ margin-left: 570px;}
.com_con span{padding-top: 22px; font-size: 26px; color: #0e974b; text-transform: uppercase; font-weight: bold; display: block;}
.com_con strong{ display: block;margin-bottom: 20px;}
.com_con strong a{ font-size: 26px; color: #333;}
.com_con p{ line-height: 30px; font-size: 15px; color: #777; margin-bottom: 30px;}
.com_a{ display: flex; justify-content:end; }
.com_a a{ display: block; padding: 15px 35px; background: #eee; font-size: 16px; color: #333;margin-right: 30px; transition: all 0.3s;}
.com_a a:hover{ background: #0e974b; color: #fff;}
.plant{ width: 1268px; background: #0e974b; height: 396px; position: absolute; left: 300px; bottom: 0; padding-left: 80px;}  
.plant span{ font-size: 26px; color: #fff; text-transform: uppercase; font-weight: bold; display: block; margin-top: 35px;}
.plant p{ font-size: 16px; color: #fff; font-weight: 100;}
.pal_con{ width: 1014px;}
.pal_con{ display: flex; justify-content: space-between; margin-top: 25px;}
.pal_con a{ width: 310px; height: 233px; overflow:hidden; position: relative;}
.pal_con img{ width: 100%;transition: all 0.3s;}
.pal_con em{position: absolute;height: 50px; line-height: 50px; width: 100%; left: 0; bottom: 0; text-align: center;background: rgba(0, 0, 0, .8); color: #fff; font-size: 16px; transition: all 0.3s;}
.pal_con a:hover em{ background: #ff6a06;}
.pal_con a:hover img{ transform: scale(1.1);}





.ser_con{ width: 640px; height: 559px; overflow: hidden;}
.ser_con img{ width: 100%; transition: all 0.3s;}
.ser_nav{ width: 740px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ser_nav li{ width: 312px; height: 270px; background: #f5f5f5; text-align: center; padding: 0px 25px; transition: all 0.3s ease-in-out;}
.ser_nav li:nth-child(n+3){ margin-top: 19px;}
.ser_ico{ width: 76px; height: 76px; border-radius: 50%; background: #fff url(images/11.png); margin:33px auto 15px;;}
.ser_nav li strong{ font-size: 20px;}
.ser_nav li p{ font-size: 15px; color: #777; line-height: 24px;margin-top: 12px;}
.ser_nav li:nth-child(2) .ser_ico{ background: #fff url(images/12.png);}
.ser_nav li:nth-child(3) .ser_ico{ background: #fff url(images/13.png);}
.ser_nav li:nth-child(4) .ser_ico{ background: #fff url(images/14.png);}
.ser_nav li.on{ background: #0e974b;}
.ser_nav li.on strong{ color: #fff;}
.ser_nav li.on p{ color: #fff; opacity: .8;}