@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "EU-HZ";
  src: url("../fonts/EU-HZ.woff2") format("woff2"),
       url("../fonts/EU-HZ.woff") format("woff"),
       url("../fonts/EU-HZ.ttf") format("truetype"),
       url("../fonts/EU-HZ.eot") format("embedded-opentype"),
       url("../fonts/EU-HZ.svg") format("svg");
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ }
body {  }

a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1300px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1760px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}


h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:40px;}
div.fy a {  margin:2px 2px;padding:8px 12px;color:#232323;font-size:1.4em; display:inline; background-color:#fff; border:1px solid #a9a9a9;}
div.fy a:hover {background-color:#00883f;color:#FFF; border:1px solid #00883f;}
div.fy a:active { background-color:#00883f;color:#FFF;  border:1px solid #00883f;}
div.fy span.current { margin:2px 2px;padding:8px 12px; border:1px solid #00883f; background-color:#00883f;color:#FFF; font-size:1.4em;}
div.fy span.disabled {   margin:2px 2px;padding:8px 12px;color:#232323; font-size:1.4em; background-color:#fff; border:1px solid #a9a9a9;}














/*product*/
.productdaohang-list .swiper-slide,.product-list .swiper-slide:after{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.productdaohang-list{ padding:0 10%; text-align:center; color:#fff; position:relative;}
.productdaohang-list:after{ position:absolute; top:0; left:0; width:100%; background:#39861b; content:""; height:calc(100% - 58px);}
.productdaohang-list .pro-slider{ position:relative; }
.productdaohang-list .pro-slider:after{ position:absolute; top:30%; height:20%; width:2px; content:""; background:#2c5730; right:0;}
.productdaohang-list .swiper-slide{ overflow:hidden; position:relative; padding:30px 0 60px 0;}
.productdaohang-list .swiper-slide:after{ position:absolute; top:30%; height:20%; width:2px; content:""; background:#2c5730; left:0;}
.productdaohang-list .swiper-slide img{ opacity:0.6;}
.productdaohang-list .swiper-slide h3{ font-size:1.1em; color:#bad5af; line-height:20px; padding:15px 0;}
.productdaohang-list .swiper-slide h4{ font-size:1em; color:#bad5af; line-height:14px;}
.productdaohang-list .swiper-slide span{ position:absolute; right:0; bottom:-24px; font-family: "EU-HZ"; font-size:8.8em; color:#fff; opacity:0;}
.productdaohang-list .swiper-slide:hover{ transform:translateY(0px); background:#7eac2a;}
.productdaohang-list .swiper-slide:hover:after{ opacity:0;}
.productdaohang-list .swiper-slide:hover span{ opacity:0.25}
.productdaohang-list .swiper-slide:hover img{ opacity:1;}
.productdaohang-list .swiper-slide:hover h3,.product-list .swiper-slide:hover h4{ color:#fff;}

.pro-boxs .boxs .box .txt>*,.pro-boxs .boxs .box .img,.pro-boxs .boxs .box .img:after,.pro-boxs .boxs .box .txt{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.pro-boxs{ padding:70px 0 60px 0;}
.pro-boxs .boxs{ width:calc(100% + 30px); margin-left:-15px;}
.pro-boxs .boxs .box{ float:left; width:calc(25% - 30px); margin:30px 15px;}
.pro-boxs .boxs .box .img img{ width:100%;}
.pro-boxs .boxs .box .img{ position:relative;}
.pro-boxs .boxs .box .img:after{ opacity:0; position:absolute; width:100%; height:100%; content:""; border:1px solid #96c935; top:0; left:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .boxs .box .txt{ height:45px; width:100%; overflow:hidden; border:1px solid #39861b;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pro-boxs .boxs .box .txt>*{ float:left; padding:10px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:24px;}
.pro-boxs .boxs .box .txt h3{ width:calc(100% - 60px); font-size:1.4em; color:#000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:45px;}
.pro-boxs .boxs .box .txt span{ font-size:1em; color:#fff; text-align:center; background:#39861b; width:60px;}
.pro-boxs .boxs .box:hover .img:after{ opacity:1; width:calc(100% - 10px); height:calc(100% - 10px); top:4px; left:4px;}
.pro-boxs .boxs .box:hover .txt{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #96c935;}
.pro-boxs .boxs .box:hover .txt h3{ color:#fff; width:calc(100%) !important; text-align:center; background:#96c935;}
.pro-boxs .boxs .box:hover .txt span{ width:0;}

/*productshow*/
.pro-show .txts  .txt .btn a{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.pro-show{ overflow:hidden; padding:60px 0;}
.pro-show .txts>*{ float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-show .txts .img{ padding:5px; background-image:linear-gradient(90deg,#38b830 0%,#3eea6d 100%); }
.pro-show .txts .img img{ width:100%;}
.pro-show .txts  .txt{ padding:10px 6%;}
.pro-show .txts  .txt h3{ margin-bottom:12px; font-size:1.8em; color:#39861b;}
.pro-show .txts  .txt .t h4:first-child{ font-size:1.6em;}
.pro-show .txts  .txt .t *{ line-height:1.5; font-size:1.4em;}
.pro-show .txts  .txt .btn{ margin-top:30px;}
.pro-show .txts  .txt .btn a{ border:1px solid #999; border-radius:5px; padding:12px; display:inline-block; margin-right:20px; font-size:1.4em; color:#666;}
.pro-show .txts  .txt .btn a:hover{ background:#39861b; color:#fff;}















@media screen and (max-width:580px) { 
    
 
/*product*/
.productdaohang-list .swiper-slide,.product-list .swiper-slide:after{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.productdaohang-list{ padding:0 10%; text-align:center; color:#fff; position:relative; display:none;}
.productdaohang-list:after{ position:absolute; top:0; left:0; width:100%; background:#39861b; content:""; height:calc(100% - 20px);}
.productdaohang-list .pro-slider{ position:relative; }
.productdaohang-list .pro-slider:after{ position:absolute; top:30%; height:20%; width:2px; content:""; background:#2c5730; right:0;}
.productdaohang-list .swiper-slide{ overflow:hidden; position:relative; padding:50px 0 60px 0;}
.productdaohang-list .swiper-slide:after{ position:absolute; top:30%; height:20%; width:2px; content:""; background:#2c5730; left:0;}
.productdaohang-list .swiper-slide img{ opacity:0.6;}
.productdaohang-list .swiper-slide h3{ font-size:1.1em; color:#bad5af; line-height:20px; padding:15px 0;}
.productdaohang-list .swiper-slide h4{ font-size:1em; color:#bad5af; line-height:14px;}
.productdaohang-list .swiper-slide span{ position:absolute; right:0; bottom:-24px; font-family: "EU-HZ"; font-size:8.8em; color:#fff; opacity:0;}
.productdaohang-list .swiper-slide:hover{ transform:translateY(20px); background:#7eac2a;}
.productdaohang-list .swiper-slide:hover:after{ opacity:0;}
.productdaohang-list .swiper-slide:hover span{ opacity:0.25}
.productdaohang-list .swiper-slide:hover img{ opacity:1;}
.productdaohang-list .swiper-slide:hover h3,.product-list .swiper-slide:hover h4{ color:#fff;}

.pro-boxs .boxs .box .txt>*,.pro-boxs .boxs .box .img,.pro-boxs .boxs .box .img:after,.pro-boxs .boxs .box .txt{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.pro-boxs{ padding:70px 0 60px 0;}
.pro-boxs .boxs{ width:calc(100% + 30px); margin-left:-15px;}
.pro-boxs .boxs .box{ float:left; width:calc(25% - 30px); margin:30px 15px;}
.pro-boxs .boxs .box .img img{ width:100%;}
.pro-boxs .boxs .box .img{ position:relative;}
.pro-boxs .boxs .box .img:after{ opacity:0; position:absolute; width:100%; height:100%; content:""; border:1px solid #96c935; top:0; left:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .boxs .box .txt{ height:45px; width:100%; overflow:hidden; border:1px solid #39861b;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pro-boxs .boxs .box .txt>*{ float:left; padding:10px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:24px;}
.pro-boxs .boxs .box .txt h3{ width:calc(100% - 60px); font-size:1.4em; color:#000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:45px;}
.pro-boxs .boxs .box .txt span{ font-size:1em; color:#fff; text-align:center; background:#39861b; width:60px;}
.pro-boxs .boxs .box:hover .img:after{ opacity:1; width:calc(100% - 10px); height:calc(100% - 10px); top:4px; left:4px;}
.pro-boxs .boxs .box:hover .txt{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #96c935;}
.pro-boxs .boxs .box:hover .txt h3{ color:#fff; width:calc(100%) !important; text-align:center; background:#96c935;}
.pro-boxs .boxs .box:hover .txt span{ width:0;}

/*productshow*/
.pro-show .txts  .txt .btn a{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.pro-show{ overflow:hidden; padding:60px 0;}
.pro-show .txts>*{ float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-show .txts .img{ padding:5px; background-image:linear-gradient(90deg,#38b830 0%,#3eea6d 100%); }
.pro-show .txts .img img{ width:100%;}
.pro-show .txts  .txt{ padding:10px 6%;}
.pro-show .txts  .txt h3{ margin-bottom:12px; font-size:1.8em; color:#39861b;}
.pro-show .txts  .txt .t h4:first-child{ font-size:1.6em;}
.pro-show .txts  .txt .t *{ line-height:1.5; font-size:1.4em;}
.pro-show .txts  .txt .btn{ margin-top:30px;}
.pro-show .txts  .txt .btn a{ border:1px solid #999; border-radius:5px; padding:12px; display:inline-block; margin-right:20px; font-size:1.4em; color:#666;}
.pro-show .txts  .txt .btn a:hover{ background:#39861b; color:#fff;}
   
    
}