.content{max-width: 1600px;margin: 0 auto;width: 85%;}
/* banner */
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li a img{max-width: 1920px;vertical-align: top;transition: 1s linear 2s;transform: scale(1.1,1.1);}
.slides li.flex-active-slide a img{transition: 7s linear; transform: scale(1,1);}
.slides li a{display: block;}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:40px;height:3px;margin:0 6px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:40px;height:3px;line-height:40px;overflow:hidden;cursor:pointer;background: #fff;}
.flex-control-nav .flex-active{background: #006b3d;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:22px;height:70px;overflow:hidden;cursor:pointer;position:absolute;opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:30px;background:url(../img/lef.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:30px;background:url(../img/rig.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{background:url(../img/lef_h.png) center center no-repeat;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url(../img/rig_h.png) center center no-repeat;opacity: 1;}

.adv{transform: translateY(-50%);position: relative;z-index: 9;}
.adv li{background: #fff;border-radius: 5px;overflow: hidden;margin-right: 2.5%;padding:25px 30px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);width: 34%;}
.adv li h2{color: #006b3d;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.adv li p{color: #666;font-size: 16px;line-height: 24px;}
.adv li:last-child{margin-right: 0;}
.adv li .ico{width: 57px;margin-right: 5%;align-self: center;}
.adv li .ico_w{width: 80%;}

.about_d{margin-top: 60px;}
.ab_vd video{width: 652px;height: 450px;background: #000;vertical-align: top;transition: all 0.5s;-ms-transition: all 0.5s;}
.ab_vd:hover video{transform: scale(1.1);-ms-transform: scale(1.1);}
.controls .switch img{}
.fa-play {position: absolute;left: 50%;top: 50%;margin-left: -32px;margin-top: -30px;}
.fa-pause {position: absolute;left: 30px;bottom: 30px;}
.fa-play .pause{ display: none;}
.fa-pause .play{display:none;}
.ab_vd{position: relative;border-radius: 10px;overflow: hidden;box-shadow: 20px 20px 0px #d9e9e2;width: 652px;}
.ab_n{width: 750px;padding-top: 30px;}
.ab_n i{color: #006b3d;background: #d9e9e2;font-style: normal;font-size: 12px;text-transform: uppercase;padding: 6px 13px;border-radius: 3px;}
.ab_n h2{font-size: 32px;color: #333;font-weight: bold;margin: 22px 0 30px;}
.ab_n p{font-size: 16px;color: #333;line-height: 30px;margin-bottom: 30px;}
.ab_n a{background: #333;font-size: 16px;color: #fff;line-height: 50px;display: block;width: 180px;border-radius: 5px;text-align: center;letter-spacing: 1px;margin-top: 40px;}
.ab_n a:hover{background: #006b3d;}

.ab_ns{margin-top: 60px;}
.ab_ns li{text-align: center;width: 100%;}
.ab_ns li a{background: url(../img/ab_bg.png) no-repeat center;display: block;font-size: 30px;text-align: center;line-height: 160px;color: #fff;transition: all ease 0.5s;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.ab_ns li a:hover{-webkit-animation: jello 1s;-moz-animation: jello 1s; animation: jello 1s;}
.ab_ns li a i{font-size: 48px;font-style: normal;}
.ab_ns li p{font-size: 18px;color: #666;margin-top: 20px;}

.bt_title{text-align: center;margin-top: 80px;margin-bottom: 30px;}
.bt_title h2{font-size: 30px;font-weight: bold;color: #006b3d;line-height: 40px;margin-bottom: 5px;}
.bt_title h2 span{color: #333;}
.bt_title p{font-size: 22px;color: #006b3d;font-weight: 100;line-height: 30px;text-transform: uppercase;}

.picBtnLeft{ position:relative;  overflow:hidden;  zoom:1;   } 
.picBtnLeft .hd{} 
.picBtnLeft .hd ul{overflow:hidden; zoom:1; } 
.picBtnLeft .hd ul li{_display:inline; text-align:center;position: relative;margin-right: 12px;margin-top: 12px;overflow: hidden;} 
.picBtnLeft .hd ul li img{cursor:pointer;} 
.picBtnLeft .hd ul li.on{} 
.picBtnLeft .hd ul li.on img{} 
.picBtnLeft .bd{position:relative;} 
.picBtnLeft .bd img{  } 
.picBtnLeft .bd li{ position:relative; zoom:1; } 
.picBtnLeft .bd li .pic{ position:relative; z-index:0; line-height:0px;  } 
.picBtnLeft .bd li .title{width:100%; height:100%; line-height:30px; left:0; bottom:0;position:absolute; z-index:2;color: #fff;background:rgba(0,0,0,0.5);text-align: center;display: flex;align-items:center;} 
.picBtnLeft .bd li .title div{width: 100%;}
.picBtnLeft .bd li .title h3{font-size: 36px;font-weight: bold;}
.picBtnLeft .bd li .title p{font-size: 18px;line-height: 30px;margin: 60px auto 40px;width: 65%;}
.picBtnLeft .bd li .title a{font-size: 16px;color: #fff;background: #006b3d;display: block;width: 230px;height: 50px;line-height: 50px;margin: 0 auto;border-radius: 50px;}
.hy_m{position: absolute;z-index: 9;background: rgba(0,0,0,0.5);top: 0;width: 100%;height: 100%;align-items: center;}
.hy_m p{font-size: 18px;color: #fff;}
.hy_m div{width: 100%;}
.picBtnLeft .hd ul li.on .hy_m{background: rgba(0,107,61,0.8);}
.picBtnLeft .hd ul li:last-child{margin-right: 0;}
.picBtnLeft img{transition: all 0.5s;-ms-transition: all 0.5s;}
.picBtnLeft .hd ul li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.picBtnLeft .bd li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.picBtnLeft .hd li:hover .hy_m div img{transform: scale(1);-ms-transform: scale(1);}

.product .hy_m div p{color: #666;}
.product li.on .hy_m div p{color: #fff;}
.product .hy_m div i{display: block;height: 57px;overflow: hidden;position: relative;margin-bottom: 5px;}
.product li.on .hy_m div i img{margin-top: -57px;}
.product .hy_m{position: initial;background: none;}
.product .picBtnLeft .hd ul li.on .hy_m {}
.product .picBtnLeft .hd ul{box-shadow: 0px 0px 5px rgba(0,0,0,0.1);display: inline-flex;overflow: initial;margin-bottom: 10px;margin-top: 5px;background: #fff;}
.product .picBtnLeft .hd .content{text-align: center;}
.product .picBtnLeft .bd {position: relative;background: #eaf9f0;margin-top: -70px;padding-top: 120px;padding-bottom: 50px;}
.product .picBtnLeft .hd ul li{padding: 15px 30px;margin: 0;border-right: 2px solid #f5f5f5;    width: 150px;overflow: initial;}
.product .picBtnLeft .hd ul li.on {background: #006b3d;}
.product .picBtnLeft .hd ul li:last-child{border-right: 0;}
.product .picBtnLeft .hd {z-index: 1;position: relative;}
.product_list{text-align: center;}
.product_list h2{font-size: 18px;color: #333;font-weight: normal;line-height: 30px;margin-top: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product_list a{width: 32%;}
.product_list a .pic{box-shadow: 0px 0px 8px rgba(0,0,0,0.1);overflow: hidden;}
.product_list a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.product .picBtnLeft .hd ul li.on::after{content: "";width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #006b3d;
display: block;bottom: -20px;position: absolute;left: 50%;margin-left: -20px;}

.slideBox{overflow:hidden; position:relative;    } 
.slideBox .hd{overflow: hidden;position: absolute;top: 0;z-index: 1;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);margin-top: 0;} 
.slideBox .hd ul{ overflow:hidden; zoom:1;height: 100%;    display: flex;} 
.slideBox .hd ul li{ float:left;width:25%;text-align:center;cursor:pointer;border-right:1px solid rgba(255,255,255,0.3);position: relative;display: flex;} 
.slideBox .hd ul li:last-child{border-right: 0;}
.slideBox .hd ul li a{color: #fff;font-size: 24px;writing-mode: vertical-lr;display: block;text-align: center;height: 100%;margin: 0 auto;letter-spacing: 5px;}
.slideBox .hd ul li.on{ background:rgba(25,70,130,0.7); color:#fff; } 
.slideBox .bd{ position:relative; height:100%; z-index:0;   } 
.slideBox .bd img{animation: bgmov1 3s infinite;-webkit-animation: bgmov1 3s infinite;animation-direction: alternate;-webkit-animation-direction: alternate;} 
@keyframes bgmov1 {
from {transform: scale(1);-ms-transform: scale(1);}
to {transform: scale(1.1);-ms-transform: scale(1.1);}
}
@-webkit-keyframes bgmov1 {
from {transform: scale(1);-ms-transform: scale(1);}
to {transform: scale(1.1);-ms-transform: scale(1.1);}
}

.news_list h2{font-size: 22px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;}
.news_list p{font-size: 16px;line-height: 24px;min-height: 40px;margin: 10px 0 5px;}
.news_list i{font-size: 16px;font-style: normal;}
.news_t{width: 49.25%;}
.news_l{width: 49.25%;}
.news_l{margin-left: 1.5%;}
.news_list img{transition: all 0.5s;-ms-transition: all 0.5s;}
.news_t_n{position: absolute;bottom: 0;left: 0;width: 88.5%;padding: 3% 6%;background: rgba(0,107,61,0.7);}
.news_t h2{color: #fff;}
.news_t p{color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;min-height: initial;}
.news_t i{color: #fff;}
.news_l h2{color: #006b3d;}
.news_l p{color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_l i{color: #666;}
.news_t a{display: block;position: relative;overflow: hidden;}
.news_t a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.news_t_t{overflow: hidden;}
.news_l li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.news_l_t{overflow: hidden;width: 225px;margin-right: 20px;}
.news_l_n{width: 485px;margin-top: 22px;}
.news_l li a{display: flex;justify-content: space-between;}
.news_l li{margin-bottom: 2.75%;}
.news_l li:hover{background: #f9f9f9;}

.contact{background: #fafafa;padding: 20px 0;margin-top: 60px;}
.contact .bt_title{margin-top: 0;align-items: center;}
.contact .bt_title p{margin-left: 10px;margin-top: 5px;}
.contact .content{align-items: center;}
.contact .hd li{font-size: 16px;color: #666;}
.contact .hd li.on{font-size: 18px;color: #006b3d;font-weight: bold;}
.contact .picBtnLeft .hd ul li{margin: 0 15px;}
.contact .picBtnLeft .hd ul li:first-child{margin-left: 0;}
.contact .picBtnLeft .hd ul li:last-child{margin-right: 0;}
.contact .picBtnLeft .bd li:hover img {transform: scale(1);-ms-transform: scale(1);}
.contact .picBtnLeft .bd img{height: 22px;margin-right: 10px;vertical-align: text-top;}
.contact .picBtnLeft .bd a{margin-right: 30px;font-size: 16px;color: #666;white-space: nowrap;}
.contact .picBtnLeft .bd a.ico_dz{display: block;}
.contact .picBtnLeft .bd{margin-top: 15px;line-height: 40px;}
.message{margin-top: 25px;}
.message input{height: 50px;font-size: 16px;color: #666;background: #fff;outline: 0;border: 1px solid #fafafa;text-indent: 20px;margin-bottom: 15px;line-height: 48px;    box-shadow: 0px 0px 10px rgba(0,0,0,0.01);}
.message input:focus{border: 1px solid #006b3d;}
.message input.submit{width: 145px;height: 50px;color: #fff;text-align: center;background: #006b3d;line-height: 48px;text-indent: 0;display: block;border-radius: 50px;}
.contact_n{width: 50%;margin: 40px 0;}
.contact_t{width: 50%;position: relative;}
.wx_e{display: none;position: absolute;width: 90px;height: auto !important;bottom: 32px;left: 43%;z-index: 9999;}
.contact .picBtnLeft .bd a.wx_ewm:hover .wx_e{display: block;}


@-webkit-keyframes wateranimate {
0% {-webkit-transform: scale(0);opacity: 0.5;}
100% {-webkit-transform: scale(2);opacity: 0;}
}
@keyframes wateranimate {
0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0.5;}
100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}
}			
.container {position: relative;width: 50px;height: 50px;background: url(../img/d.png) no-repeat 18px 19px;margin: 0 auto;}	
.water1 {-webkit-animation: wateranimate 6s 6s ease-out infinite;animation: wateranimate 6s 6s ease-out infinite;}			
.water2 {-webkit-animation: wateranimate 6s 4s ease-out infinite;animation: wateranimate 6s 4s ease-out infinite;}
.water3 {-webkit-animation: wateranimate 6s 2s ease-out infinite;animation: wateranimate 6s 2s ease-out infinite;}
.water4 {-webkit-animation: wateranimate 6s 0s ease-out infinite;animation: wateranimate 6s 0s ease-out infinite;}
.water1, .water2, .water3, .water4 {padding: 20%;position: absolute;left: 30%;top: 30%;border: 1px solid pink;box-shadow: 0 0 120px 30px rgba(0,107,61,1) inset;border-radius: 100%;z-index: 1;	opacity: 0;}
.dw h2{text-indent: 7px;font-size: 15px;color: #333;margin-top: -5px;}
.dw h2.dbt{font-size: 18px;}
.dw{text-align: center;position: absolute;}
.dw_l h2{float: left;margin-top: 13px;margin-right: -10px;}
.dw_r h2{margin-right: 0;margin-left: -10px;margin-top: 1px;}
.dw_l .container{float: left;}
.dw_1{bottom: 5.5%;right: 30.5%;}
.dw_2{bottom: 8.5%;right: 34%;}
.dw_3{bottom: 23%;right: 35%;}
.dw_4{bottom: 34%;right: 15%;}
.dw_5{bottom: 36%;right: 16%;}
.dw_6{bottom: 20%;right: 16%;}

.f7 .m-mod{font:14px/1.43 'Microsoft Yahei',Arial,sans-serif;color: #333;}
.f7 .m-mod *{margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.f7 .m-mod a{color: inherit;text-decoration: none;}
.f7 .m-mod img{max-width: 100%;border: 0;vertical-align: middle;}
.f7 .m-mod ul,.f7 .m-mod li{list-style: none;}
.f7 .m-gotop{position:fixed;z-index:55;right:10px;bottom:85px;width:70px;height:240px;}
.f7 .m-gotop-box{position:relative;float:right;}
.f7 .m-gotop .a{display:block;width:44px;height:44px;background-color:#333;margin-bottom:4px;cursor:pointer;outline:none;border-radius: 50px;}
.f7 .m-gotop .a.active,.f7 .m-gotop .a:hover{background:#006b3d;}
.f7 .m-gotop .a .i{float:left;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
.f7 .m-gotop .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.f7 .m-gotop .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.f7 .m-gotop .a-qrcode .i{background-position:-44px 0;}
.f7 .m-gotop .a-cart .i{background-position:-88px 0;}
.f7 .m-gotop .a-top .i{background-position:-132px 0;}
.f7 .m-gotop .a-top{background:#006b3d;display:none;}
.f7 .m-gotop .a-top:hover{background:#006b3d;}
.f7 .m-gotop .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.f7 .m-gotop .d-qrcode .inner-box .qrcode-img{padding-bottom: 20px;}
.f7 .m-gotop .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.f7 .m-gotop .d-service{top:0;}
.f7 .m-gotop .d-service-phone{top:34px;}
.f7 .m-gotop .d-qrcode{top:78px;width: 180px;}
.f7 .m-gotop .d .inner-box{padding:8px 22px 12px;}
.f7 .m-gotop .d-service-item{padding:14px 0;}
.f7 .m-gotop .d-service .d-service-item{border-bottom:none;}
.f7 .m-gotop .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.f7 .m-gotop .d-service-item .i-qq{width:44px;height:44px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.f7 .m-gotop .d-service-item:hover .i-qq{background-position:center 3px;}
.f7 .m-gotop .d-service-item .i-tel{width: 40px;height: 40px;background: url(../img/side_con_icon02.png) no-repeat 12px 12px;display: block;background-size: 20px;}
.f7 .m-gotop .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.f7 .m-gotop .d-service-item .text{float:left;width:120px;line-height:22px;font-size:15px;margin-left:12px;padding-bottom: 20px;}
.f7 .m-gotop .clearfix:after{display:none;}
.f7 .m-gotop .d-service-item .text .number{font-family:"Microsoft Yahei",Arial,sans-serif;}
.f7 .m-gotop .d-service-intro{padding-top:10px;}
.f7 .m-gotop .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.f7 .m-gotop .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.f7 .m-gotop .d-qrcode{text-align:center;}
.f7 .m-gotop .d-qrcode .inner-box{padding:20px 0 0;}
.f7 .m-gotop .d-qrcode p{font-size:14px;color:#93959c;}

@media screen and (max-width: 1550px)
{
.navigation>li a{padding: 0 10px;}
.ab_vd{width: 45%;}
.ab_n {width: 50%;}
.ab_vd video {width: 100%;height: 100%;}
.ab_vd{background: #000;}
.content {max-width: 90%;width: 90%;}
.ab_ns li a{font-size: 26px;line-height: 140px;background-size: contain;}
.ab_ns li a i {font-size: 40px;}
.news_l li{margin-bottom: 1.4vw;}
.news_l_n{margin-top: 0.5vw;width: 67%;}
.news_l_t{width: 30%;margin-right: 3%;}

}

@media screen and (max-width: 1350px)
{
.news_l li {margin-bottom: 1.18vw;}
}

@media screen and (max-width: 1300px)
{
.news_l li {margin-bottom: 0.98vw;}
}

@media screen and (max-width: 1250px)
{
.news_list h2 {font-size: 20px;}
.news_l li {margin-bottom: 1.3vw;}
.news_l p{-webkit-line-clamp: 1;}
.news_list p {min-height: initial;}
}

@media screen and (max-width: 1200px)
{
.navigation>li a {padding: 0 5px;}
}

@media screen and (max-width: 1100px)
{
.news_l li {margin-bottom: 0.5vw;}
}
@media screen and (max-width: 950px){
.navigation{display: none;}
}