body,
html{font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;min-width:1340px;padding:0;margin:0;}
html{overflow-x:auto;overflow-y:auto;}
ul,
li,
p{list-style:none;padding:0;margin:0;}
a,
a:link,
a:focus{color:inherit;text-decoration:none;}
.pull-left{float:left;}
.pull-right{float:right;position:relative;margin-right:100px}
.c-full{width:100%;}
.c-container{width:1200px;margin:0 auto;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-uppercase{text-transform:uppercase;}
.clear{clear:both;}
h1,
h2,
h2,
h3,
h4{margin:0;padding:0;font-weight:400;}
.middle{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.bg-img{background-position:center center;background-size:cover;background-repeat:no-repeat;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.header{float:left;width:100%;z-index:9999;}
.h-hd{height:107px;}
.h-hd .site-des{font-size:26px;color:#006e30;padding-top:45px;float:left;}
.h-hd .tel{font-size:21px;letter-spacing:5px;padding-top:40px;}
.h-hd .tel img{width:43px;height:43px;vertical-align:middle;position:absolute;top:40px;left:-50px;}
.h-hd .tel span{letter-spacing:normal;font-size:21px;margin-left:-2px;}
.hd-nav{height:72px;line-height:72px;position:relative;color:#fff;background:#006e30;font-size:16px;}
.top-a:hover{color:#006e30;background:#fff;}
.hd-nav li{width:113px;display:inline-block;position:relative;}
.hd-nav li:hover .nav-1{height:500px;display:block;}
.tel .text-right{height:48px;line-height:48px;font-size:14px;}
.tel .text-right img{vertical-align:middle;padding-right:10px;}
.h-logo{float:left;}
.nav-f{float:right;}
.nav-1{-webkit-transition:all .6s linear;transition:all .6s linear;max-height:0;display:none;z-index:20;bottom:0;position:absolute;background:#006c2e;line-height:45px;color:#fff;left:50%;border-radius:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:100%;}
.h-left{float:left;width:236px;}
.h-left img{height:100%;width:auto;}
.nav-1 li{word-break:keep-all;height:45px;width:140px;font-size:14px;text-align:center;background-color:#006c2e;display:inline-block;}
.nav-1 li a{padding:0 10px;}
.nav-1 li:hover{background:#fff;background-color:#008c3c;}
.nav-1 li:hover .nav-2{max-height:500px;}
.nav-2{position:absolute;left:100%;top:50%;width:100%;max-height:0;overflow:hidden;-webkit-transition:all .6s linear;transition:all .6s linear;}
.nav-2 li{color:#fff;}
.swiper-slide img{width:100%;}
.service-lists{height:278px;}
.service-lists .service-item{width:25%;float:left;padding-top:111px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;text-align:left;color:#333;}
.service-lists .service-item .catdir{font-size:20px;margin-bottom:8px;}
.service-lists .service-item .catname{font-size:18px;}
.service-lists .service-item .it-img{margin-right:28px;vertical-align:middle;width:56px;height:56px;background-image:url(../image/icon_b.png);}
.service-lists .service-item .it-box{margin:0 auto;width:220px;}
.service-lists .service-item.active,
.service-lists .service-item:hover{color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#006c2e),to(#0d76e1));background-image:linear-gradient(to right,#006c2e,#0d76e1);}
.service-lists .service-item.active .it-img,
.service-lists .service-item:hover .it-img{background-image:url(../image/icon_w.png);}
.content{margin-top:-3px;}
.pro-s{height:70px;padding-top:18px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.s-words{color:#a5a5a5;font-size:12px;}
.s-words img{vertical-align:bottom;margin-right:13px;}
.s-input input{width:300px;height:35px;line-height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
.s-input span{display:inline-block;width:45px;height:35px;background:#006e30;text-align:center;vertical-align:middle;}
.s-input span img{vertical-align:middle;padding-top:9px;}
.cat-title{width:200px;}
.cat-title .catdir-one{float:left;font-size:54px;color:#006e30;padding-right:8px;}
.cat-title .catname{padding-top:10px;font-size:16px;}
.cat-title .catdir{font-size:14px;color:#b7b6b6;margin-top:5px;}
.cat-title .line{width:71px;height:3px;background-color:#8ac239;margin-top:13px;}
.product{background:#f4f3f3;padding-top:30px;}
.pro-nav{float:right;text-align:right;padding-top:25px;}
.pro-nav span{display:inline-block;height:32px;line-height:32px;color:#000;font-size:16px;padding:0 15px;}
.pro-nav span.active{background:#006e30;color:#fff;}
.pro-right{display:none;margin:0 -8.5px;padding-top:38px;}
.pro-right.active{display:block;}
.pro-one{font-size:14px;float:left;width:25%;padding:0 8.5px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:53px;}
.pro-one .p1{background:#fff;padding:0 15px;}
.pro-one .bg-img{padding-top:65.15%;}
.pro-one .title{border-bottom:1px solid #006e30;line-height:46px;color:#006e30;}
.pro-one .title span{float:right;display:block;width:18px;height:18px;line-height:18px;font-size:20px;color:#fff;background:#006e30;border-radius:50%;text-align:center;margin-top:15px;}
.pro-one p{padding:20px 0;line-height:1.29;height:50px;color:#8c8c8b;}
.pro-one:hover .title{color:#006e30;border-bottom:1px solid #006e30;}
.pro-one:hover .title span{background:#006e30;}
.pro-one:hover p{color:#000;}
.cat-1{text-align:center;}
.cat-1 .catdir{font-size:39px;color:#bebebe;}
.cat-1 .catname{font-size:18px;color:#006e30;padding-top:7px;width:105px;margin:0 auto;background:#fff;position:relative;z-index:2;}
.cat-1 .line-w{width:200px;height:1px;background-color:#006e30;margin:0 auto;margin-top:-14px;}
.about{padding-top:74px;}
.fb{display:flex;margin-top:36px;padding:0 70px;position:relative;}
.fb::after{position:absolute;content:'';width:100%;height:1px;top:40%;left:0;z-index:-1;border-top:1px dashed #9ed647;color:#9ed647}
.fb .abbox{text-align:center;flex:1;display:block;font-size:14px;}
.fb .abimg{position:relative;width:89px;height:89px;border-radius:100%;border:1px solid #9ed647;background:#fff;margin:0 auto;margin-bottom:20px;}
.about p{width:980px;margin:0 auto;font-size:14px;line-height:1.93;color:#636363;text-align:center;padding-top:54px;}
.about img{margin:0 auto;padding-top:25px;}
.swiper-containers{position:relative;}
.swiper-containers .swiper-slide{padding:0 22px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.swiper-containers .swiper-slide img{height:100%;width:auto;margin:0 auto;}
.swiper-containers .swiper-slide .sl-img{height:99px;overflow:hidden;text-align:center;border:1px solid #eee;}
.ptn-title{font-size:30px;}
.banner-btn{font-family:'幼圆';width:25px;height:56px;background-color:#006e30;line-height:56px;font-size:24px;color:#fff;text-align:center;position:absolute;bottom:20px;z-index:2000;cursor:pointer;}
.banner-btn:hover{background:#006e30;}
.banner-prev{left:-2px;}
.banner-next{right:-2px;}
.ptn{padding-top:90px;position:relative;margin:0 -20px;margin-bottom:68px;text-align:center;}
.ptn .line{width:35px;height:2px;margin:14px auto;background-color:#006e30;}
.ptn .des{font-size:16px;}
.banner-box-ptn{overflow:hidden;margin-top:53px;}
.case-b{position:relative;z-index:11;}
.case-b::after{content:"";position:absolute;width:800px;height:100%;top:0;left:69%;background:#006e30;z-index:10;background-image:url(../image/bgg.png);background-position:center left;}
.case{background:#f4f3f3;color:#fff;}
.case .catname{color:#000;}
.case .cat-title{padding:50px 0 38px 0;position:relative;z-index:3;}
.case .cat-title::after{z-index:2;content:"";position:absolute;width:400px;height:100%;left:-400px;top:0;background:#006e30;}
.case .case-one{position:relative;z-index:12;width:50%;float:left;margin-bottom:37px;}
.case .case-one .title{font-size:16px;padding:30px 0 20px 0;border-bottom:1px solid #fff;}
.case .case-one .case-box{padding-right:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.case .case-one .case-box p{padding-top:25px;}
.case .case-one .case-box-right{padding-right:0;padding-left:40px;}
.case .case-l{background:#006e30;position:relative;z-index:9;}
.case .case-img{float:left;width:232px;height:164px;margin-right:22px;}
.footer{font-size:14px;background:#333;color:#2c2f34;}
.addr{height:54px;line-height:54px;background-color:#212528;color:#b7b7b7;font-size:14px;text-align:center;}
.qr{padding-top:50px;padding-bottom:50px;}
.qr img{width:157px;height:157px;margin:0 auto;}
.qr .qr-title{text-align:center;padding-top:15px;font-size:12px;color:#fff;}
.news-pos .time{margin-right:13px;text-align:center;width:67px;height:91px;background-color:#006e30;font-size:45px;color:#fefefe;padding-top:10px;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;}
.news-pos .time span{display:block;font-size:12px;}
.news-pos .title{font-size:14px;}
.news-pos p{line-height:2.14;font-size:14px;color:#636363;padding-top:19px;}
.news-right{display:none;padding-top:60px;}
.news-right.active{display:block;}
.news-right .more{width:107px;height:28px;border:1px solid #000;text-align:center;line-height:28px;margin-left:80px;margin-top:46px;color:#636363;font-size:14px;}
.news-lf{width:50%;float:left;padding-right:70px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:68px;border-right:1px solid #d0d0d0;}
.news-rg{width:50%;float:left;padding-left:70px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:68px;}
.news-list{margin-top:44px;border-bottom:1px solid #d0d0d0;}
.news-list li{font-size:14px;letter-spacing:0.7px;padding:20px 0;border-top:1px solid #d0d0d0;}
.news-list li:hover{color:#006e30;}
.news{background:#fff;}
.link{font-size:16px;color:#000;padding-bottom:8px;}
.link .catname{font-family:Gadugi;font-size:32px;color:#7ec028;padding-right:19px;}
.link .link-a{font-size:14px;padding-left:10px;}
.f-tel{color:#fff;font-size:27px;font-family:Candara;margin-bottom:38px;position:relative;}
.f-tel span{font-family:'微软雅黑';display:block;  /* width: 91px; */height:20px;font-size:16px;  /* background-color: #006e30; */line-height:50px;  /* text-align: center; */border-radius:20px;margin:0 auto;margin-bottom:10px;color:#fff!important;margin-left:68px;}
.f-tel img{height:50px;width:50px;position:absolute;top:17px;left:6px;}
.f-nav{padding:70px 0;float:right;color:#fff;margin-right:-30px;}
.f-nav li{width:150px;text-align:center;font-size:16px;}
.f-nav .f-top-a{float:left;}
.f-nav .f-nav-1{padding-top:20px;}
.f-nav .f-nav-1 li{font-size:14px;color:#b7b7b7;line-height:2.57;}
#content{max-width:1200px;margin:0 auto;}