@charset "utf-8";
#banner img{display:block}
#banner .swiper-pagination-bullet{width:50px;border-radius:20px;opacity:1;background:#666}
#banner .swiper-pagination-bullet-active{background:#19A250}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width:50px;height:50px;background-color:rgba(0,0,0,0.3);background-size:15px;background-repeat:no-repeat;background-position:center;border-radius:50%;opacity:1}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{background-color:#19A250}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:50px}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:50px}

#product{padding:0 0 0}
.title{text-align:center;line-height:1;margin:50px 0 50px}
.title .en{font-size:84px;font-weight:bold;color:#fff;text-shadow:0 1px #F6F6F6,1px 0 #F6F6F6,-1px 0 #F6F6F6,0 -1px #F6F6F6;margin-bottom:-30px}
.title h3{font-size:36px}
.title h3 span{color:#16A14E}
.product{}
.category{width:150px}
.category dt{line-height:38px;padding:0 10px;font-size:22px;font-weight:bold;color:#fff;background:#19A250 url(../images/icon-more2.png) no-repeat 110px center}
.category dd{margin: 14px 0;line-height: 36px;background-image:linear-gradient(#fff 50%,#F7F7F7 50%);}
.category dd a{display:block;padding:0 0 0 25px;border:1px solid #E4E4E4;background:url(../images/icon-yuan2.png) no-repeat 8px center;}
.category dd a:hover{border-color:#19A250;color: #222;background-image:url(../images/icon-yuan2-on.png);}
.category div{height:100px;background:url(../images/bg1.png) no-repeat center left}
.category>a{display:block;text-align:center;line-height:38px;background:#19A250;color:#fff;border-radius:30px}
.product-ul{width:1046px}
.product-ul li{width:334px;margin-bottom:24px}
.product-ul a{display:block;border:1px solid #AEAEAE}
.pro-img{width:310px;margin:12px auto;border-radius:15px;overflow:hidden}
.pro-img img{display:block;max-width: 100%;}
.pro-text{padding:26px 2px 14px 10px;background:url(../images/pro-bg.png) center bottom}
.pro-text h4{font-size:18px;font-weight:normal;color:#333}
.pro-text h4:after{display:block;content:'';width:27px;height:6px;margin-top:1px;background:url(../images/icon-more.png)}
.pro-text .more{margin-top:5px}
.pro-text .more span{display:block;text-align:center;background:#797979;color: #fff;font-size:12px;width:60px;line-height:20px;border-radius:15px;margin-right:4px;}
.pro-text .more:before{display:block;content:'';width:10px;height:9px;background:url(../images/icon-yinhao.png);margin-left:50px;margin-bottom:5px}
.product-ul a:hover{border-color:#19A250}
.product-ul a:hover .pro-text{background-image:url(../images/pro-bg-on.png)}
.product-ul a:hover h4{color:#fff}
.product-ul a:hover h4:after{background-image:url(../images/icon-more-on.png)}
.product-ul a:hover .more span{background:#FFBB49;color:#fff}

#about{
    overflow: hidden;
}
.title2{display:flex;margin-top:60px;margin-bottom:51px}
.titleL{font-size:17px;color:#666;margin-top:27px}
.titleC{width:920px;height:90px;background:url(../images/title-bg.png) no-repeat -43px 0;margin-left:45px;text-align:center;box-sizing:border-box;padding:17px 0 0 66px}
.titleC h3{font-size:36px;line-height:1.3}
.titleC h3 span{color:#16A14E}
.titleC p{color:#666}
.titleR{background:url(../images/icon-tel2.png) no-repeat 0 3px;padding-left:50px;line-height:1.4;margin-top:8px}
.titleR dt{color:#666;font-size:18px}
.titleR dd{font-size:22px;color:#19A250;font-weight:bold}
.about-box{display:flex}
.aboutL{width:47%;display:flex;justify-content:right;flex-wrap:wrap;align-items:flex-start}
.aboutL-head{display:flex;justify-content:flex-end;background:#19A250;align-items:center;height:240px;width: 100%;}
.aboutL-head h1{color:#fff;font-size:36px;margin-right:45px}
.aboutL-head .about-more{width:260px;height: 240px;display:flex;align-items:center;justify-content:center;background:#06913E;}
.aboutL-head .about-more img{}
.aboutL-bot{padding-right:80px;width:490px}
.aboutL-bot .title3{font-size:70px;font-weight:bold;color:#fff;text-shadow:0 1px #19A250,1px 0 #19A250,-1px 0 #19A250,0 -1px #19A250;line-height:1.5;margin-right:21px}
.aboutL-bot .title3:before{display:inline-block;content:'';vertical-align:middle;width:50px;height:10px;background:#06913E;border-radius:10px;margin-right:35px}
.aboutL-bot div{width:500px;color:#777;text-indent:2em;font-weight:bold;line-height:2.3}
.aboutL-bot a{display:block;width:160px;background:#19A250;color: #fff;line-height:50px;border-radius:26px;box-sizing:border-box;padding:0 0 0 25px;font-size:15px;position:relative;margin:37px 0 22px;}
.aboutL-bot a span{display:block;width:40px;height:40px;background:#fff;color:#19A250;border-radius:50%;position:absolute;right:5px;top:5px;text-align:center;line-height:40px}
.aboutL-bot a:hover{
    background: #000;
}
.aboutL-bot a:hover span{
    color: #000;
}
.aboutR{width:53%;border-bottom:1px solid #F5F5F5}
.aboutR .about-img{}
.aboutR img{display:block}
.aboutR ul{display:flex;width:680px;justify-content:space-between}
.aboutR li{width:25%;text-align:center;padding:40px 0  30px;border-left:1px solid #F5F5F5}
.aboutR li img{margin:0 auto}
.aboutR li p{font-size:17px;color:#666;margin-top:5px}

#case{}
#case .title{margin:40px 0 45px}
.case{}
.case li{max-width:24.5%}
.case li a{}
.case-img{}
.case-img img{display:block;max-width: 100%;}
.case-more{background:#ECF0F3;padding:6px 5px;display:flex;justify-content:space-between;align-items:center}
.case-more span{color:#000;font-size:18px}
.case-more i{display:block;width:50px;height:14px;background:#19A252 url(../images/icon-more-2.png) no-repeat center;border-radius:5px}
.case li:hover .case-more{background:#19A250}
.case li:hover .case-more span{color:#fff}
.case li:hover .case-more i{background:#FDBA47 url(../images/icon-more-2.png) no-repeat center}

#news{margin-top:57px;position:relative}
#news:before{display:block;content:'';position:absolute;width:380px;height:408px;right:77%;bottom:-109px;background:url(../images/bg2.png);z-index:-1}
#news:after{display:block;content:'';position:absolute;width:58%;height:100%;left:42%;top:0;background:#19A250;z-index:-1}
.newsL{width:255px;text-align:right}
.newsL .title{margin:-8px 0 32px}
.newsL .subtitle{color:#666;margin-bottom:38px}
.newsL .news-more{display:inline-block;width:210px;line-height:50px;border-radius:40px;background:#19A250;color:#fff;text-align:center;font-size:18px}
.newsL .title-en{font-size:150px;font-weight:bold;writing-mode:tb-rl;display:inline-block;line-height:1;margin-top:20px;color:#F9F9F9}
.newsR{width:915px;margin-bottom:-77px;margin-top:77px;box-sizing:border-box;padding:40px 25px 16px 35px;display:flex;justify-content:space-between;background:#fff}
.news1{width:319px}
.news1 .news-img{}
.news1 .news-img img{display:block;max-width: 100%;}
.news1 .news-con{margin-top:20px}
#news .news-tit{display:inline-block;font-size:18px;font-weight:bold}
#news .news-tit:before{content:'';display:inline-block;vertical-align:middle;width:18px;height:18px;background: url(../images/icon-yuan.png) no-repeat center;margin-right:10px;}
#news .news1 .news-con .news-tit{font-size:20px;line-height:1.8}
.news1 .news-desc{text-indent:2em;margin-left:10px;margin-top:25px;width:280px;line-height:1.8;color:#666}
.news1 .news-con div{margin-top:43px;padding:0 12px;line-height:42px;background:#E7F8F2}
.news1 .news-con time{background:url(../images/icon-date-on.png) no-repeat left center;padding-left:52px;color:#666}
.news1 .news-con div a{float:right;font-size:18px;color:#19A250}
.newsR ul{width:490px}
.newsR li{padding-bottom:9px;border-bottom:1px solid #E2E2E2;margin-bottom:20px}
.newsR li:last-child{border:0}
.newsR li .news-tit{}
.newsR li p{padding-left:27px;margin-top:5px;line-height:36px}
.newsR li time{font-size:18px}
.newsR li p a{float:right;font-size:14px}
#news .news-tit:hover{}
#news .news-tit:hover:before{
    background-image: url(../images/icon-yuan-on.png);
}

#contact{background:#F1F5F4;padding-top:144px}
#contact .title{text-align:left;margin:0}
.contact{width:590px;background:url(../images/icon-kefu.png) no-repeat bottom right;padding-bottom:55px}
.contact ul{margin-top:22px}
.contact li{font-size:18px;line-height:2.6}
.contact li span{display:inline-block;vertical-align:middle;width:26px;height:20px;margin-right:5px;background-position:center;background-repeat:no-repeat}
.contact li i{font-style: normal;color: #159B48;}
.iconfont{}
.img-company{background-image:url(../images/icon-company-on.png)}
.img-contact{background-image:url(../images/icon-contact-on.png)}
.img-contact2{background-image:url(../images/icon-contact2-on.png)}
.img-telephone{background-image:url(../images/icon-telephone-on.png)}
.img-fax{background-image:url(../images/icon-fax-on.png)}
.img-email{background-image:url(../images/icon-email-on.png)}
.img-qq{background-image:url(../images/icon-qq-on.png)}
.img-address{background-image:url(../images/icon-address-on.png)}
.img-name{background-image:url(../images/icon-name.png)}
.img-phone{background-image:url(../images/icon-phone.png)}
.img-content{background-image:url(../images/icon-content.png)}
.message{width:590px}
#message{margin-top:36px}
#message ul{}
#message li{position:relative}
#message li:first-child,#message li:nth-child(2){width:48%}
#message li:nth-child(3){width:100%;margin-top:13px;margin-bottom:18px}
#message span{position:absolute;left:0;top:0;display:block;width:49px;height:50px;background-repeat:no-repeat;background-position:center}
#name,#phone{line-height:46px;border:1px solid #B9B9B9;width:100%;background:#EFEFEF;box-sizing:border-box;padding-left:50px}
#content{display:block;line-height:2;height:120px;border:1px solid #B9B9B9;width:100%;background:#EFEFEF;box-sizing:border-box;padding-left:50px}
.code{width:48%;display:flex;justify-content:space-between}
.code input{line-height:46px;border:1px solid #B9B9B9;flex:1;background:#EFEFEF;box-sizing:border-box}
.code img{display:block;width:100px;height:50px;margin-left:10px;cursor:pointer}
#sub-btn{border:0;width:48%;line-height:50px;background:#159B48;color:#fff;font-size:18px;cursor:pointer}