@charset "utf-8";
*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline: 0;}
body{font-family: -apple-system, BlinkMacSystemFont,"Montserrat","PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;font-size:14px;color:#000}
html,body,.banner,.banner .swiper-container{height:100%;width:100%;}
@font-face {
    font-family: 'DINCondensed-Bold';
    src: url('../fonts/DINCondensed-Bold.eot');
    src: local('DINCondensed-Bold'), 
        url('../fonts/DINCondensed-Bold.woff') format('woff'), 
        url('../fonts/DINCondensed-Bold.ttf') format('truetype'), 
        url('../fonts/DINCondensed-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
ul,ol,li{list-style-type:none;}
img{border:0;}
a{color:#030000;text-decoration:none;}
a:hover{color:#2C7430;text-decoration:none;}
.fl{float:left}
.fr{float:right;}
.container{/*max-width:1568px;*/margin-left:auto;margin-right:auto;}
.clear{clear:both;}
/* flex布局 */
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.header{position:absolute;top:0;z-index:22;width:100%;padding:0;}
.header .container{max-width: 1568px;}
.banner .container{max-width: 1568px;}
/* banner 幻灯片*/
.banner{clear:both}
.banner .swiper-slide{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;}
.banner .banner1{background-image:url(../img/banner1.jpg);-moz-background-size:100%; background-size:100%;}
.banner .banner2{background-image:url(../img/banner2.jpg);-moz-background-size:100%; background-size:100%;}
.banner .banner_txt{color:#2C7430;padding:18% 35px 0 35px;}
.banner .banner2 .banner_txt{color:#fff}
.banner .banner_txt .txt1{font-size:26px}
.banner .txt2{font-size:53px;margin:35px 0;font-weight:bold;}
.banner .txt3{font-size:18px;margin-bottom:35px;}
.banner .btn2 a{background: #2C7430;
box-shadow: 0px 6px 10px 0px rgba(5, 44, 7, 0.5);border-radius:0 28px 0 28px;color:#fff;width: 173px;height: 56px;line-height:56px;display:block;text-align:center;font-size:19px;color:rgba(255,255,255,.6)}
.banner .btn2 a:hover{background:rgba(44,146,48,.7);}
.banner .swiper-pagination{position: absolute;width: 100%;bottom: 1rem;left: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;position: relative;background: transparent;margin: 0 5px;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet:before{content: "";position: absolute;width: 4px;height: 4px;left: 50%;top: 50%;margin-left: -2px;margin-top: -2px;background: #fff;border-radius: 50%;}
.banner .swiper-pagination .ui-loop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;/*opacity: 0;*/
transition: all .3s;}
.banner .swiper-pagination .ui-loop svg{position: absolute;left: 0;top: 0;transition: all .3s;}
.banner .swiper-pagination .swiper-pagination-bullet .ui-loop{opacity:0;}
.banner .swiper-pagination .swiper-pagination-bullet-active .ui-loop{opacity:1;}
.banner .swiper-pagination .ui-loop .path-loop-bg{fill: none;width: 100%;height: 100%;stroke: #fff;stroke-miterlimit: 10;stroke-width: 3px;opacity: 0;}
.banner .swiper-pagination .ui-loop .path-loop{fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 3px;opacity: 0;transition: opacity .3s 1s;}
.banner .swiper-pagination .swiper-pagination-bullet-active .ui-loop .path-loop-bg{opacity: .2;}
.banner .swiper-pagination .swiper-pagination span .swiper-pagination-bullet-active .ui-loop{opacity: 1;}
.banner .swiper-pagination .swiper-pagination span .swiper-pagination-bullet-active .path-loop{opacity: 1;}

.slide .btns{position:absolute;right:5%;bottom:23%;z-index: 111;}

.main{clear:both;}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next,.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{color:#fff;background:none!important;}
.banner .swiper-button-prev{left:2%}
.banner .swiper-button-next{right:2%}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{content:""}
.banner .swiper-button-prev:hover img,.banner .swiper-button-next:hover img{opacity:0.6;}

/*二级导航*/
.nav2{margin-top: 20px;margin-bottom: 20px;}
.nav2 li{float: left;  padding-left: 10px;height: 40px; padding: 10px;vertical-align: middle;line-height: 40px;}
.nav2 li:hover{background-color:#f8f8f8; }
.ad_bg{background-color:#f8f8f8;}


/* 荣誉资质 */
.index_honor{clear:both;padding-bottom:120px;overflow:hidden;}
.index_honor .zzbox{background:url(../img/bg_honor.jpg) no-repeat left top;overflow:hidden;}
.index_honor .left_zz{width:100%;max-width:400px;float:left;margin:160px 0 0 115px}
.index_honor .left_zz .zz1{font-size:35px;color:#fff;position:relative;}
.index_honor .left_zz .zz1::before{content:"";width:106px;height:3px;position:absolute;top:-20px;z-index:11;background:#fff;}
.index_honor .left_zz .zz1 a i{float:right;color:#fff;margin-right:15px;}
.index_honor .left_zz .zz1 a{color:#fff}
.index_honor .left_zz .zz2{padding:25px 0;}
.index_honor .left_zz .zz2 ul li{height:30px;line-height:30px;overflow:hidden;margin:8px 0;}
.index_honor .left_zz .zz2 ul li a{color:#fff;font-size:16px;display:block;}
.index_honor .left_zz .zz2 ul li:hover a,.index_honor .left_zz .zz1 a:hover,.index_honor .left_zz .zz1 a:hover i{color:rgba(255,255,255,.7)}
.index_honor .left_zz .zz2 ul li i{float:right;margin:8px 20% 0 0}
.index_honor .right_zz{max-width:460px;background:#fff;border-radius:0 30px 0 30px;float:right;margin:50px 7% 0 0;text-align:center;box-shadow: 0px 2px 10px 0px rgb(44 116 48 / 19%);padding:30px 0;position:relative;}
.index_honor .right_zz .zjt1{position:absolute;left:-20px;top:45%;z-index:22;background:none;}
.index_honor .right_zz .zjt2{position:absolute;right:-30px;top:45%;z-index:22;background:none;}
.index_honor .right_zz .zjt1 i,.index_honor .right_zz .zjt2 i{font-size:45px;color:#2A7E36}

/* 推荐产品 */
.main .index_product{background:#F5F9F7;padding:0 0 150px 0}
.main .type{text-align:center;font-weight:bold;}
.main .type p{color:#828282;}
.main .index_product .item{background:#fff;border-radius:20px;padding:35px;}
.main .index_product .item:hover{box-shadow: 0px 2px 20px 0px rgba(44, 116, 48, 0.19);}
.main .index_product .item .pic{height:310px;overflow:hidden;text-align:center;}
.main .index_product .item .pic img{height:100%;}
.main .index_product .item .title{font-size:20px;height:35px;line-height:35px;overflow:hidden;}
.main .index_product .item .desc{font-size:14px;color:#929292;line-height:20px;height:40px;overflow:hidden;margin-top:8px}
.main .index_product .swiper-container{padding:20px 10px}
.main .swiper-button-prev, .swiper-container-rtl .swiper-button-next{top:inherit;bottom:-50px}
.main .swiper-button-prev,.main .swiper-button-next,.main .swiper-button-prev{width:81px;height:47px;line-height:47px;position:inherit;display:inline-block;left:inherit;right:inherit;background:#2c7430;margin:0 18px}
.main .swiper-button-prev:after,.main .swiper-button-next:after{content:"";}
.index_product .swiper-container{position:inherit;}
.index_product {position:relative;}
.btns{text-align:center;margin-top:65px}
.btns i{font-size:26px;color:#fff;display:inline-block;float:left;margin:10px 0 0  30px;}
.btns .swiper-button-next{border-radius:0 19px 0 19px;}
.btns .swiper-button-prev{border-radius:19px 0 19px 0}
.swiper-button-prev:hover,.swiper-button-next:hover, .swiper-button-prev:hover{background: rgba(44,116,48,.8)}
/* 应用领域 */
.index_apply{clear:both;}
.index_apply ul{display:flex;flex-wrap:wrap;justify-content:space-around;}
.index_apply li{width:33.33%;float:left;text-align:center;}
.index_apply li .biao{width:100%;height:180px;background:url(../img/bjs.png) no-repeat center;line-height:180px;}
.index_apply li .biao img{vertical-align:middle;}
.index_apply li .item{margin-bottom:90px;}
.index_apply li .item .desc{text-align:left;}
.index_apply li .item .title{font-size:18px;}
.index_apply li .item .desc{font-size:14px;color:#797979;line-height:20px;height:60px;overflow:hidden;max-width:285px;margin:15px auto}
/* 放大 */
.pic{overflow:hidden;}
.pic img,.biao img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.pic:hover img{webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);}
.biao:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}


/* index_news */
.index_news{clear:both;background:#fff url(../img/bg_news.png) no-repeat top center;}
.index_news .data{color:#fff}
.index_news .data .sj1{padding:45px 0 40px 0;font-size:22px}
.index_news .data .sj1 b{font-size:40px;padding-right:10px;}
.index_news .sj1 .city{height:35px;line-height:35px;float:left;border:0;background:none;color:#fff;margin:10px 5px 0 0;font-size:30px;padding-right:10px;}
.index_news .sj1 .city option{font-size:16px;color:#333;line-height:30px;height:30px;margin:5px 0;}
.index_news .data .sj1 .sj1_dw{float:right;margin-top:16px}
.index_news .data .sj2 ul{display:flex;justify-content:space-around;align-items:center;text-align:center;}
.index_news .data .sj2 ul li{width:12.5%}
.index_news .data .sj2 ul li span.num{font-weight:bold;font-family:DINCondensed-Bold;}
.index_news .data .sj2 ul li{background:url(../img/yxt.png) no-repeat right center;}
.index_news .data .sj2 ul li:last-child{background:none;}
.index_news .sj2 li p,.index_news .data .sj1 .sj1_dw{font-family: Montserrat;}
/* tab_news */
.tab_news{padding:0px 20px;background:#fff;margin-top:45px}
.tab_news .menu{text-align:center;padding:25px 0;}
.tab_news .menu li{font-size:40px;color:#939393;position:relative;cursor:pointer;padding:0 25px;}
.tab_news .menu li.off{color:#010101}
.tab_news .menu li{display:inline-block;}
.tab_news .menu li.off::after{position:absolute;width:105px;height:4px;content:"";background:#2c7430;left:50%;margin-left:-52px;bottom:-10px}
/* 新闻滚动 */
.tab_news .swiper-container{padding:30px 15px}
.tab_news .swiper-slide .item{border-radius: 20px;background:#fff;}
.tab_news .swiper-slide .item .pic{border-radius:20px 20px 0 0;}
.tab_news .swiper-slide .item .probox{background:#fff;padding:35px 30px;box-shadow: 0px 2px 20px 0px rgba(44, 116, 48, 0.19);border-radius:0 0 20px 20px;}
.tab_news .swiper-slide .item  .pic{height:200px;overflow:hidden;}
.tab_news .swiper-slide .item  .pic img{width:100%;height:100%;}
.tab_news .swiper-slide .item .title{font-size:26px;height:35px;line-height:35px;overflow:hidden;font-weight:bold;}
.tab_news .swiper-slide .item .desc{font-size:14px;color:#929292;line-height:20px;height:60px;overflow:hidden;margin:15px 0;}
.tab_news .swiper-slide .time{color:#929292;font-size:14px}
/* footer */
.footer{clear:both;background:url(../img/footer_bg.jpg) no-repeat;background-size:cover;padding:70px 0 50px 0;overflow:hidden;}
.footer .footer1{overflow:hidden;padding-bottom:15px}
.footer1 .footer1_left{width:70%;float:left;}
.footer1 .footer1_code{float:right;}
.footer1 .footer1_left dl{width:25%;float:left}
.footer1 .footer1_left dt{font-size:20px;color:#fff;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.3) ;max-width:165px;margin-bottom:18px}
.footer1 .footer1_left dl dd{height:25px;line-height:25px;overflow: hidden;font-size:16px;margin:2px 0;}
.footer1 .footer1_left dl dd a{color:#B9D8C2}
.footer1 .footer1_left dl dd:hover a{color:#fff}
.footer1 .footer1_code{float:right;}
.footer1 .tab_bar{display:flex;justify-content:center;margin:15px 0 8px 0;padding-left:35px}
.footer1 .tab_bar li{margin:0 8px;cursor:pointer;}
.footer1  .ewm li img{width:110px}
.footer1  .ewm li{padding-top:6px;width:110px;float:right;}
.footer1  .ewm li#one3{background:url(../img/sjt.png) no-repeat 30px top;}
.footer1  .ewm li#one4{background:url(../img/sjt.png) no-repeat 70px top;}
.footer1  .ewm {text-align:right;}
.footer .bottom{clear:both;padding:40px 0;font-size:14px;color:#629864;border-top:1px solid rgba(255,255,255,.3);margin-top:15px;overflow:hidden;}

@media screen and (min-width:1000px){
.m-show{display:none;}
.pc-show{display:block;}
.main .type{font-size:40px;padding:75px 0;}
.main .type p{font-size:24px;margin-top:15px;}
.index_news .data .sj2 ul li span.num{font-size:70px}
.index_news .data .sj2 ul li p{font-ize:20px;margin-top:-3px}
.footer .footer_wrap{padding:0 85px;}
.index_honor .zzbox{height:640px;}

.header .sp_logo{margin-top:20px}
.header .wrap{border-bottom:1px solid rgba(255,255,255,.3);height:85px;}
.header .sp_header{width:180px;float:left;}
.header .sjj_nav{float:right;margin-top:35px}
.header .sjj_nav ul{display:flex;justify-content:space-around;}
.header .sjj_nav li{position:relative;display:block;}
.header .sjj_nav li i{border-left:1px solid rgba(255,255,255,.6);margin:0 15px;}
.header .sjj_nav li  .sp_nav_xjb svg{display:none;}
.header .sjj_nav li ul{padding:10px 0;margin-top:0;display:none;left:-20px;position:absolute;padding-top:31px}
.header .sjj_nav li ul li{display:inline-block;}
.header .sjj_nav li ul::after{content: "";position: absolute;top:7px;left:10%;width: 0;height: 0;border: 12px solid transparent;border-bottom-color:rgba(255,255,255,.8);z-index: 1;} 

.header .sjj_nav li ul li{overflow:hidden;text-align:center;background:rgba(255,255,255,.8);padding:6px 0;border-bottom: 1px solid rgba(255,255,255,.3);}
.header .sjj_nav li a{font-size:14px;color:rgba(255,255,255,.7)}
.header .sjj_nav li:hover ul{display:flex;}
.header .sjj_nav li:hover a{color:#fff}
.header .sjj_nav li ul li{padding:18px 15px;min-width:65px}
.header .sjj_nav li:hover ul li a{color:#666}
.header .sjj_nav li ul li:nth-child(1){padding-left:25px}
.header .sjj_nav li ul li:last-child{padding-right:25px}
.header .sjj_nav li:hover ul li:hover a{color:#2C7430}
.header .yun a{height:30px;line-height:30px;border-radius:0 13px 0 13px;color:#177831;font-size:14px;background:#fff;display:block;width:93px;text-align:center;margin-left:25px;font-weight:bold;}
.header .yun a:hover{background:rgba(255,255,255,.7);}

/*
分页
*/
.pagination{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.pagination>li{
    float: left;    
    padding: 10px;
}
.pagination>.active{
    background-color:#f8f8f8f8;
}

}

@media  screen and (max-width:999px) {
.m100{width:100%!important}
.m-show{display:block;}
.pc-show{display:none;}
/*------wap menu start -----*/
.tkg{clear:both;padding:32px 0;}
.sp_header{height:65px;overflow:hidden;background:#fff;z-index:10;width:100%;position:fixed;top:0;left:0;box-shadow: 0 1px 5px rgba(0,0,0,.175)!important;}
.sp_logo{padding:10px;float:left;height:50px;position:absolute;left:0;z-index:1;top:0px}
.lang2{float:right;margin:15px 10px 0 0}
.lang2 a{margin:0 8px}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:22px}
.sp_nav span{display:block;background:#2c7430;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:65px}
.sjj_nav ul{padding:6px 10px 15px 10px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:40px;font-size:14px}
.sjj_nav .yun{border-top:1px solid #ddd}
.sjj_nav .yun a{color:#2c7430}
.sjj_nav>ul >li:first-child{border-top:0}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:26px;height:26px;fill:#555;font-weight:normal;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#29bd9b}
.sjj_nav ul li ul li>ul{margin-left:10px;padding:0;}
ul, ol, dl {margin:0;}

/*--wap menu end--*/
.banner,.banner .swiper-container{height:450px;}
.banner .swiper-slide{width:100%;}
.banner .banner_txt{color:#2C7430;padding:25% 15px 0 15px;}
.banner .banner2 .banner_txt{color:#fff}
.banner .banner_txt .txt1{font-size:16px}
.banner .txt2{font-size:24px;margin:20px 0;font-weight:bold;}
.banner .txt3{font-size:14px;margin-bottom:20px;}
.banner .btn2 a{background: #2C7430;
box-shadow: 0px 6px 10px 0px rgba(5, 44, 7, 0.5);border-radius:0 15px 0 15px;color:#fff;width:120px;height:45px;line-height:45px;display:block;text-align:center;font-size:16px;color:rgba(255,255,255,.6)}

.tkg{clear:both;padding:30px 0;}
.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}

.footer{padding:35px 0;}
.footer .footer_wrap{padding:0 15px}
.footer1 .footer1_left dl{width:30.33%;margin:0 1.5%}
.footer_logo{width:35%;float:left;margin-top:35px}
.footer1_code .code{float:right;margin:-45px 10px 0 0}
.footer1 .tab_bar{justify-content:left;padding-left:20px;}
.footer .bottom{padding:25px 0 0 0;line-height:23px;}
.footer .bottom .copyright{margin-top:15px;text-align:center;}
.footer1 .ewm{text-align:left;}
.type{padding:25px 0 25px 0!important;font-size:30px}
.type p{font-size:18px;margin-top:10px}
.index_apply li{width:50%;float:left;text-align:center;}
.index_apply li .biao{width:100%;height:150px;line-height:150px;background-size:150px;}
.index_apply li .biao img{height:40px;}
.index_apply li .item{margin:15px 15px;}
.index_apply li .item .desc{line-height:20px;height:100px;padding:0 5px;}
.main .index_product .item{padding:15px;border-radius:5px;}
.main .index_product .item .pic{height:120px;}
.main .index_product .item .title{font-size:16px}
.main .index_product .item .desc{font-size:14px}*/
.index_news .data .sj1{padding:20px 10px 35px 10px;font-size:16px}
.index_news .data .sj1 b{font-size:24px;padding-right:10px;}
.index_news .data .sj1 .sj1_dw{float:right;margin-top:5px;width:100%;}
.index_news .data .sj2 ul{display:flex;justify-content:space-around;align-items:center;text-align:center;flex-wrap:wrap;clear:both;margin-top:16px}
.index_news .data .sj2 ul li{width:25%;margin:15px 0;font-size:18px}
.index_news .data .sj2 ul li span.num{font-weight:bold;}
.index_news .data .sj2 ul li{background:url(../img/yxt.png) no-repeat right center;}
.index_news .data .sj2 ul li:last-child{background:none;}
/* tab_news */
.index_news{background-size:100% 650px;}
.tab_news{padding:10px 10px;background:#fff;margin:25px 10px}
.tab_news .menu{text-align:center;padding:25px 0 15px 0;}
.tab_news .menu li{font-size:24px;color:#939393;position:relative;cursor:pointer;padding:0 15px;}
.tab_news .menu li.off{color:#010101}
.tab_news .menu li{display:inline-block;}
.tab_news .menu li.off::after{position:absolute;width:105px;height:4px;content:"";background:#2c7430;left:50%;margin-left:-52px;bottom:-10px}

.btns{margin-top:40px}
.main .index_product{padding:15px 0 25px 0}
.main .index_apply{padding:15px 0 25px 0}

.index_honor{clear:both;padding-bottom:30px;overflow:hidden;}
.index_honor .zzbox{background:#247e36;background-size:cover;}
.index_honor .left_zz{width:90%;max-width:330px;float:left;margin:60px 0 25px 12%;}
.index_honor .left_zz .zz1{font-size:24px;}
.index_honor .left_zz .zz2{padding:15px 0;}
.index_honor .left_zz .zz2 ul li{height:25px;line-height:25px;overflow:hidden;margin:4px 0;}


.index_honor .right_zz{width:70%!important;background:#fff;border-radius:0 30px 0 30px;margin:65px auto 40px auto;padding:20px  10px;max-width:inherit;float:inherit;clear:both;position:relative;}
.index_honor .swiper-wrapper,.index_honor .swiper-container{position:inherit;}
.index_honor .right_zz .zjt1{left:-35px}
.index_honor .right_zz .zjt2{right:-35px}
.index_honor .right_zz img{width:70%}
.tab_news .swiper-slide .item .pic{height:200px;}
.index_news .sj1 .city{height:30px;line-height:30px;margin:5px 5px 0 0;font-size:20px;}
.index_news .sj1 .city option{font-size:16px;color:#333;line-height:30px;height:30px;margin:5px 0;}
.index_news .sj1 .city option:hover{background:#2c7430;}

/*
分页
*/
.pagination{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.pagination>li{
    float: left;    
    padding: 10px;
}
.pagination>.active{
    background-color:#f8f8f8f8;
}
}