.header{position: fixed;width: 100%;z-index: 1000;top:0;background:white;}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header>div{padding:0 .6rem;display:flex;height:.9rem;line-height:.9rem;justify-content: space-between;align-items: center;}
.header  .nav_right{display:flex;gap:.3rem}
.header  .nav_right .navs ul{display:flex;}
.header  .nav_right .navs ul li>a{font-size:.16rem;color:black;padding:0 .35rem}
.header  .nav_right .navs ul li>a:hover{background:#90c42f;color:white}
.header  .nav_right .navs ul li.active>a{background:#90c42f;color:white}
.header  .nav_right .navs ul li dl{position:absolute;line-height:normal;box-shadow:3px 5px 5px 0px rgba(0,0,0,0.15);transition:none;display:none}
.header  .nav_right .navs ul li dl dd a{width:2.1rem;padding:.08rem .1rem;background:white;;border-bottom:1px solid #dcdcdc;font-size:.15rem;color:#777777}
.header  .nav_right .navs ul li  dl dd a:hover{color:#90c42f}
.header  .nav_right .navs ul li dl dd a.acts {color:#90c42f}
.header .nav_right .right{line-height:normal;display:flex;align-items: center;gap:.32rem}
.header .nav_right .right .langs{position:relative}
.header .nav_right .right .langs.acts>a:after{transform:translateY(-50%) rotate(180deg)  }
.header .nav_right .right .langs>a{font-size:.16rem;color:#222222;padding-right:.18rem;position:relative}
.header .nav_right .right .langs>a:after{content:"";position:absolute;background:url(../images/2.png) 0 0 no-repeat;width:9px;height:8px;right:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s}
.header .nav_right .right .langs dl{position:absolute;width:130%;top:110%;text-align:center;left:50%;transform:translateX(-50%);display:none;transition:none}
.header .nav_right .right .langs dl a{background:#90c42f;font-size:.16rem;color:white;height:.3rem;line-height:.3rem}

.header .right .search  .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;transition: none;}
.header .right .search .content .container{position: relative;height: 100%;}
.header .right .search .content .s-content{background: #fff;text-align: center;padding:6vh 20px;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
.header .right .search .content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;}
.header .right .search .content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;}
.header .right .search .content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;}
.header .right .search .content input{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;}
.header .right .search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt4{width:.6rem;background: #222;border:none;}
.header .right .search .content button{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt4 i {font-size: .24rem;color:#fff;}
.header .right .search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}

.tem_banner{padding:.9rem 0 0}

.tem_banner  .flash{position:relative}
.tem_banner  .flash .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.tem_banner  .flash .txt h2{font-size:.6rem;color:#ffffff;font-weight:bold;margin:0 0 .45rem;letter-spacing:9px}
.tem_banner  .flash .txt .mbx{display:flex;align-items: center;justify-content: center;gap:8px;color:white}
.tem_banner  .flash .txt .mbx a{color:white;font-size:.16rem}
.tem_banner  .flash .txt .mbx  i{color:white;font-size:.16rem}
.company{padding:1rem 0}
.company>div{display:flex;justify-content: space-between;}
.about_nav{width:17.2%}
.about_nav h2{height:.48rem;background:#005129;text-align:center;line-height:.48rem;font-size:.24rem;color:white;font-weight:bold;margin:0 0 2px}
.about_nav ul li {margin:0 0 1px}
.about_nav ul li a{height:.44rem;line-height:.44rem;background:#f3f6ed;padding:0 .2rem;color:#333333;font-size:.15rem}
.about_nav ul li a:hover{background:#90c42f;color:white}
.about_nav ul li.active a{background:#90c42f;color:white;font-weight:bold}
.company .infos{width:80.2%}
.company .infos>h2{font-size:.4rem;color:#005129;font-weight:bold;position:relative;padding:0 0 .2rem;margin:0 0 .5rem}
.company .infos>h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.company .infos  .content h1{font-size:.22rem;color:#333333;font-weight:bold;text-indent: 1.4em;}
.company .infos  .content p{font-size:.16rem;color:#333333;text-indent: 2em;margin:.2rem 0 0;line-height:.25rem}
.company .infos .text{padding:.45rem 0 .7rem}

.hexin{padding:1rem 0}
.hexin>div{display:flex;justify-content: space-between;}
.hexin .infos{width:80.2%}
.hexin .infos>h2{font-size:.4rem;color:#005129;font-weight:bold;position:relative;padding:0 0 .2rem;margin:0 0 .5rem}
.hexin .infos>h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.hexin .infos  .content h1{font-size:.22rem;color:#333333;font-weight:bold;text-indent: 1.4em;}
.hexin .infos  .content p{font-size:.16rem;color:#333333;text-indent: 2em;margin:.2rem 0 0;line-height:.25rem}
.hexin .infos  .img{margin:.5rem 0 0}


/* grid-template-columns:auto auto auto auto */
.company .infos .text ul{display:flex;justify-content: space-between;}
.company .infos .text ul li h1{font-size:.24rem;color:#90c42f}
.company .infos .text ul li h1 em{font-size:.55rem;color:#90c42f;font-weight:bold;margin-right:.15rem;height:.68rem;line-height:.68rem}
.company .infos .text ul li p{font-size:.18rem;color:#333333;margin:.2rem 0 0}
.company .video{position:relative}
.company .video video{width:100%}
.company .video .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.788rem;text-align:center}
.company .video .btns i{color:white;font-size:.24rem}
.company .video .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#90c42f;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.company .video .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba(144,196,47,.35);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.company .video .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.company .video .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}


@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}


.fot_contact{background:url(../images/4.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1rem}
.fot_contact{position:relative}
.fot_contact>div{position:initial}
.fot_contact .img{position:absolute;right:.6rem;bottom:-.85rem;width:44.8%}
.fot_contact .title{padding:1rem 0 .5rem;width:52%;}
.fot_contact .title h2{font-size:.48rem;color:#ffffff;font-weight:bold;padding:0 0 .2rem;;position:relative}
.fot_contact .title h2:after{content:"";position:absolute;}
.fot_contact .title h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.fot_contact .title p{font-size:.15rem;color:white;margin:.5rem 0 0}
.fot_contact .form{width:48%;font-size:0}
.fot_contact .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.15rem}
.fot_contact .form ul li input{width:100%;height:.45rem;border-radius:5px;border:0;padding:0 .15rem;background:white;font-size:.16rem;color:black}
.fot_contact .form .area {margin:.15rem 0 0}
.fot_contact .form .area textarea{width:100%;height:1.7rem;border-radius:5px;border:0;padding:.15rem;font-size:.16rem;color:black}
.fot_contact .form  .sub{margin:.15rem 0 0}
.fot_contact .form  .sub button {width:1.8rem;height:.45rem;background:#90c42f;color:white;font-size:.2rem;font-weight:bold;border:00;border-radius:5px}


.fot_infos{background:#f5f5f5;padding:1.65rem 0 .8rem}
.fot_infos ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .4rem}
.fot_infos ul li {background:white;border-radius:10px;padding:.25rem 0 }
.fot_infos ul li  p{font-size:.16rem;text-align:center;position:relative;padding:.65rem 0 0}
.fot_infos ul li:nth-child(1)  p:after{content:"";position:absolute;background:url(../images/5.png) 0 0 no-repeat;width:.41rem;height:.49rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.fot_infos ul li:nth-child(2)  p:after{content:"";position:absolute;background:url(../images/6.png) 0 0 no-repeat;width:.51rem;height:.48rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.fot_infos ul li:nth-child(3)  p:after{content:"";position:absolute;background:url(../images/7.png) 0 0 no-repeat;width:.45rem;height:.45rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}

.footer{padding:0 .6rem;}
.footer .top{padding:.7rem 0 .6rem;display:flex;justify-content: space-between;border-bottom:1px solid #dcdcdc}
.footer .top .logo{width:12.5%}
.footer .top .logo h2{font-size:.18rem;color:#333333;font-weight:bold;margin:.25rem 0 0}
.footer .top .fot_navs{width:80.2%;padding-right:2.6rem;padding-top:.15rem;position:relative}
.footer .top .fot_navs ul{display:flex;justify-content: space-between;}
.footer .top .fot_navs ul li>a{font-size:.2rem;color:#333333;margin:0 0 .25rem}
.footer .top .fot_navs ul li dl dd{margin:0 0 .1rem}
.footer .top .fot_navs ul li dl dd:last-child{margin:0}
.footer .top .fot_navs ul li dl dd a{color:#777777;font-size:.15rem;display:inline-block}
.footer .top .fot_navs ul li dl dd a:hover{color:#90c42f}
.footer .top .fot_navs .return{top:80%;right:.6rem;position:fixed;z-index:999;display:none;transition:none}
.footer .top .fot_navs .return a{width:.65rem;height:.65rem;background:#bebebe url(../images/8.png) center center no-repeat;background-size:.23rem .34rem;border-radius:100%}
.footer .top .fot_navs .return a:hover{background-color:#90c42f;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.footer .bot{display:flex;height:1.1rem;align-items: center;justify-content: space-between;}
.footer .bot .share ul{display:flex;gap:18px}
.footer .bot .share ul li a{width:.4rem;height:.4rem;border-radius:100%;text-align:center;border:1px solid #434343;line-height:.4rem;font-size:.2rem;color:#434343}
.footer .bot .share ul li a:hover{background:#90c42f;color:white;border-color:#90c42f}
.footer .bot p{font-size:.14rem;color:#777777}


.gongyi{padding:1rem 0}
.gongyi>div{display:flex;justify-content: space-between;}
.gongyi .infos{width:80.2%}
.gongyi .infos>h2{font-size:.4rem;color:#005129;font-weight:bold;position:relative;padding:0 0 .2rem;margin:0 0 .55rem}
.gongyi .infos>h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.gongyi .infos ul li{display:flex;justify-content: space-between;margin:0 0 .8rem;position:relative}
.gongyi .infos ul li:after{content:"";position:absolute;background:url(../images/9.png) 0 0 no-repeat;width:.2rem;height:.2rem;left:50%;transform:translateX(-50%);background-size:100%;z-index:2;top:.25rem}
.gongyi .infos ul li >div{width:44.81%;border-radius:10px}
.gongyi .infos ul {position:relative}
.gongyi .infos ul:after{content:"";position:absolute;width:2px;background:#90c42f;height:100%;left:50%;transform:translateX(-50%);top:0}
.gongyi .infos ul li:nth-child(2n-1) .tit h1{display:flex;justify-content: flex-end;}
.gongyi .infos ul li .tit   h1{font-size:.36rem;color:#005129;font-weight:bold;display:flex;align-items: flex-end;gap:15px}
.gongyi .infos ul li .tit   h1 em{font-size:.72rem;height:.6rem;line-height:.6rem}

.honor{padding:1rem 0}
.honor>div{display:flex;justify-content: space-between;}
.honor .infos{width:80.2%}
.honor .infos>h2{font-size:.4rem;color:#005129;font-weight:bold;position:relative;padding:0 0 .2rem;margin:0 0 .55rem}
.honor .infos>h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.honor .infos .lists ul{display:grid;  grid-template-columns: repeat(6, 1fr); grid-gap:.58rem .72rem}
.honor .infos .lists ul li:nth-child(-n+6) {grid-column: span 2; }
.honor .infos .lists ul li:nth-child(n+7) { grid-column: span 3;}

.honor .infos .lists ul li a:hover:hover{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.3);}


.product_box {padding:1rem 0}
.product_box>div{display:flex;justify-content: space-between;}


.product_box .pro_nav{width:17.2%}
.product_box .pro_nav  h2{height:.48rem;background:#005129;text-align:center;line-height:.48rem;font-size:.24rem;color:white;font-weight:bold;margin:0 0 2px}
.product_box .pro_nav ul li {margin:0 0 1px}
.product_box .pro_nav  ul li>a{background:#f3f6ed;padding:.1rem .35rem .1rem .2rem;color:#333333;font-size:.15rem;position:relative}
.product_box .pro_nav  ul li dt{display:none;transition:none}
/* .product_box .pro_nav  ul li dt .xx.active dl{display:block} */
.product_box .pro_nav  ul li dt .xx>a {height:.35rem;line-height:.35rem;border-bottom:1px solid #3333;padding:0 .35rem 0 .3rem;color:black;font-size:.14rem;position:relative;font-weight:normal}
.product_box .pro_nav  ul li dt .xx>a i{color:#333;font-weight:bold;font-size:.18rem;position:absolute;right:.18rem;top:50%;transform:translateY(-50%)}
.product_box .pro_nav  ul li dt .xx.active >a i{transform:translateY(-50%) rotate(180deg)}
.product_box .pro_nav ul li>a i{color:#94c636;font-weight:bold;font-size:.2rem;position:absolute;right:.18rem;top:50%;transform:translateY(-50%)}
.product_box .pro_nav  ul li>a:hover{background:#90c42f;color:white}
.product_box .pro_nav  ul li>a:hover i{color:white}
.product_box .pro_nav  ul li.active>a{background:#90c42f;color:white;font-weight:bold}
.product_box .pro_nav  ul li.active>a i{color:white;transform:translateY(-50%) rotate(180deg)}
.product_box .pro_nav  ul li dl {display:none;transition:none;border-right:1px solid #f5f5f5;border-left:1px solid #f5f5f5}

.product_box .pro_nav  ul li dl dd a{padding:.1rem .2rem;color:#333333;font-size:.13rem;position:relative}
.product_box .pro_nav  ul li dl dd a:after{content:"";position:absolute;width:0%;height:1px;background:#90c42f;left:0;bottom:0;transition:.5s}
.product_box .pro_nav  ul li dl dd a:hover:after{width:100%}
.product_box .pro_nav  ul li dl dd a:hover{color:#90c42f}
.product_box .pro_nav  ul li dl dd.active a:after{width:100%}
.product_box .pro_nav  ul li dl dd.active a{color:#90c42f}
.product_box .infos{width:80.2%}
.product_box .infos .big_img{margin:0 0 .8rem}
.product_box .infos .text h2{text-align:center;font-size:.4rem;color:#005129;font-weight:bold;padding:0 0 .23rem;position:relative;margin:0 0 .2rem}
.product_box .infos .text h2:after{content:"";position:absolute;background:#90c42f;width:.75rem;height:4px;left:50%;transform:translateX(-50%);bottom:0;}
.product_box .infos .lists h2{margin:.4rem 0 .2rem;text-align:center;font-size:.4rem;color:#005129;font-weight:bold;padding:0 0 .23rem;position:relative;}
.product_box .infos .lists p{font-size:.16rem;color:#333333;text-align:center;margin:0 0 .3rem}
.product_box .infos .lists h2:after{content:"";position:absolute;background:#90c42f;width:.75rem;height:4px;left:50%;transform:translateX(-50%);bottom:0;}
.product_box .infos .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.38rem .35rem }
.product_box .infos .lists ul li a .img{border-radius:25px;position:relative;font-size:0}
.product_box .infos .lists ul li a .img:after{content:'';position:absolute;background:rgba(0,0,0,.3);left:0;top:0;width:100%;height:100%;border-radius:25px;transition:.3s;opacity:0}
.product_box .infos .lists ul li a .img:before{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;width:.34rem;height:.34rem;left:50%;top:60%;transform:translate(-50%,-50%);background-size:100%;z-index:2;opacity:0;transition:.3s}
.product_box .infos .lists ul li a  h1{margin:.2rem 0 0;font-size:.16rem;color:#333333;text-align:center;height:.28rem;line-height:.28rem}
.product_box .infos .lists ul li a:hover .img:after{opacity:1}
.product_box .infos .lists ul li a:hover h1{color:#005129}
.product_box .infos .lists ul li a:hover .img:before{opacity:1;transition-delay:.3s;top:50%}
.product_box .infos .lists ul li a:hover img{transform:scale(1.1)}


.product_box .pro_infos{width:80.2%}
.product_box .pro_infos .top{display:flex;justify-content: space-between;padding:0 0 .7rem;border-bottom:10px solid #eeeeee}
.product_box .pro_infos .top  .left{width:48.7%}
.product_box .pro_infos .top  .left .bigimg{margin:0 0 .2rem}
.product_box .pro_infos .top  .left .bigimg  .img{border-radius:30px}
.product_box .pro_infos .top  .left  .img_list .img{border-radius:10px;border:2px solid #e5e5e5;cursor:pointer}
.product_box .pro_infos .top  .left  .img_list .swiper-slide-thumb-active  .img{border:2px solid #90c42f}
.product_box .pro_infos .top  .text{width:48%;position:relative}
.product_box .pro_infos .top  .text>h2{font-size:.36rem;color:#005129;font-weight:bold;margin:0 0 .4rem}
.product_box .pro_infos .top  .text .content{line-height:.25rem;height:3.6rem;overflow-y:auto}
.product_box .pro_infos .top  .text .content::-webkit-scrollbar-thumb{background:#90c42f}
.product_box .pro_infos .top  .text .contacts{margin:.13rem 0 0}
.product_box .pro_infos .top  .text .contacts a{width:1.5rem;height:.5rem;background:#90c42f;text-align:center;line-height:.5rem;color:white;font-size:.18rem;font-weight:bold;border-radius:10px;}
.product_box .pro_infos .top  .text .contacts a:hover{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.product_box .pro_infos .top  .text .met_page{position:absolute;left:0;bottom:0}
.product_box .pro_infos .top  .text .met_page li{display:flex;font-size:.14rem;color:#777777;gap:8px}
.product_box .pro_infos .top  .text .met_page li:nth-child(1){margin:0 0 .08rem}
.product_box .pro_infos .top  .text .met_page li *{font-size:.14rem;color:#777777}
.product_box .pro_infos .top  .text .met_page li a{font-size:.14rem;color:#90c42f}
.product_box .pro_infos   .pro_desc{padding:.5rem 0 0}
.product_box .pro_infos   .pro_desc .items1{margin:0 0 .6rem}
.product_box .pro_infos   .pro_desc .items1>h2{font-size:.3rem;color:#005129;font-weight:bold;text-align:center;margin:0 0 .35rem}
.product_box .pro_infos   .pro_desc .items2{margin:0 0 .6rem}
.product_box .pro_infos   .pro_desc .items2>h2{font-size:.3rem;color:#005129;font-weight:bold;text-align:center;margin:0 0 .35rem}
.product_box .pro_infos  .pro_desc .items3>h2{font-size:.3rem;color:#005129;font-weight:bold;text-align:center;margin:0 0 .35rem}

.pro_about{padding:0 0 1rem}
.pro_about>div>h2{font-size:.4rem;font-weight:bold;color:#005129;margin:0 0 .5rem;padding:0 0 .25rem;position:relative}

.pro_about>div>h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.pro_about .lists  a .img{border-radius:25px;position:relative;font-size:0}
.pro_about .lists  a  .img:after{content:'';position:absolute;background:rgba(0,0,0,.3);left:0;top:0;width:100%;height:100%;border-radius:25px;transition:.3s;opacity:0}
.pro_about .lists  a  .img:before{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;width:.34rem;height:.34rem;left:50%;top:60%;transform:translate(-50%,-50%);background-size:100%;z-index:2;opacity:0;transition:.3s}
.pro_about .lists  a   h1{margin:.2rem 0 0;font-size:.16rem;color:#333333;text-align:center;height:.28rem;line-height:.28rem}
.pro_about .lists  a:hover .img:after{opacity:1}
.pro_about .lists  a:hover h1{color:#005129}
.pro_about .lists  a:hover .img:before{opacity:1;transition-delay:.3s;top:50%}
.pro_about .lists  a:hover img{transform:scale(1.1)}
.pro_about .lists {position:relative}
.pro_about .lists .swiper-page>div{position:absolute;left:-.5rem;top:36%;color:#bfbfbf;font-weight:bold;font-size:.48rem}
.pro_about .lists .swiper-page>div.slide-button-next{left:auto;right:-.5rem}
.pro_about .lists .swiper-page>div:hover{color:#90c42f}

.news_box .news_nav{padding:1rem 0 .8rem}
.news_box .news_nav ul{display:flex;justify-content: center;}
.news_box .news_nav ul li{margin:0 .25rem}
.news_box .news_nav ul li a{height:.46rem;line-height:.42rem;font-size:.2rem;color:black;font-weight:bold;border-radius:5px;border:2px solid black;padding:0 .5rem}
.news_box .news_nav ul li a:hover{background:#90c42f;border-color:#90c42f;;color:white}
.news_box .news_nav ul li.active a{background:#90c42f;border-color:#90c42f;;color:white}

.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.48rem .4rem}
.news_box .lists ul li a .img{border-radius:20px}
.news_box .lists ul li a:hover img{transform:scale(1.1)}
.news_box .lists ul li a .text{padding:.3rem 0 0 }
.news_box .lists ul li a .text span{display:inline-block;padding-left:.5rem;font-size:.15rem;color:#90c42f;position:relative;margin:0 0 .2rem}
.news_box .lists ul li a .text span:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:2px;background:#90c42f;width:.35rem;left:0;}
.news_box .lists ul li a .text h2{font-size:.2rem;color:#333333;height:.54rem;line-height:.27rem;padding-left:.5rem;margin:0 0 .15rem}
.news_box .lists ul li a .text p{font-size:.15rem;color:#777777;;padding-left:.5rem}

.news_box  .page{padding:.75rem 0 1rem;display:flex;justify-content: center;}
.news_box  .page a{border-radius:5px;width:.4rem;height:.4rem;line-height:.4rem;font-size:.16rem;color:#959595;font-family:"MONTSERRAT-LIGHT";margin:0 5px;}
.news_box  .page a.page-link{width:.7rem;border:1px solid #d2d2d2}
.news_box  .page a.page-links{border:1px solid #d2d2d2;}
.news_box  .page a.page-links i{font-size:.2rem;color:#959595;}
.news_box  .page a.page-link:hover{background:#90c42f;color:white;border-color:#90c42f}
.news_box  .page a.page-links:hover{background:#90c42f;color:white;border-color:#90c42f}
.news_box  .page a.page-links:hover i{color:white}
.news_box  .page a:hover{background:#90c42f;color:white;border-color:#90c42f}
.news_box  .page a.page-num-current{background:#90c42f;color:white;border-color:#90c42f}

.contact_box{padding:1rem 0 }
.contact_box >div>h2{font-size:.15rem;color:#777777;margin:0 0 .5rem}
.contact_box  .form ul{display:grid;grid-template-columns:1fr 1fr}
.contact_box  .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.15rem}
.contact_box  .form ul li input{width:100%;height:.45rem;border-radius:5px;border:1px solid #dcdcdc;padding:0 .15rem;background:white;font-size:.16rem;color:black}
.contact_box  .form .area {margin:.15rem 0 0}
.contact_box  .form .area textarea{width:100%;border:1px solid #dcdcdc;height:1.7rem;border-radius:5px;padding:.15rem;font-size:.16rem;color:black}
.contact_box  .form  .sub{margin:.15rem 0 0}
.contact_box  .form  .sub button {width:1.8rem;height:.45rem;background:#90c42f;color:white;font-size:.2rem;font-weight:bold;border:00;border-radius:5px}

.tem_banner.index .swiper{position:relative}
.tem_banner.index .label_text{position:absolute;left:50%;top:35%;z-index:2;width:100%;text-align:center;transform:translateX(-50%)}
.tem_banner.index .label_text h2{font-size:.72rem;color:white;letter-spacing:10px;font-weight:bold;transform:translateY(-3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text p{font-size:.3rem;color:white;font-weight:bold;font-family:"DIN Light";font-weight:100;text-transform:uppercase;margin:.3rem 0 0 ;transform:translateY(3vw);opacity:0;transition:all .8s linear}
.tem_banner.index  .swiper .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .swiper .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:300ms}

.index_guimo{padding:.9rem 0 1.25rem;border-bottom:1px solid #dcdcdc}
.index_guimo ul{display:flex;justify-content: space-between;}
.index_guimo ul li h1{font-size:.24rem;color:#90c42f;display:flex;align-items: flex-end;}
.index_guimo ul li h1 em{font-size:.62rem;color:#90c42f;font-weight:bold;margin-right:.15rem;height:.68rem;line-height:.68rem}
.index_guimo ul li p{font-size:.18rem;color:#333333;margin:.2rem 0 0}

.index_about {padding:1rem 0 0}
.index_about .text{display:flex;justify-content: space-between;align-items: flex-start;padding:0 0 .75rem}
.index_about .text h2{width:30%;font-size:.48rem;color:#005129;font-weight:bold;padding:0 0 .2rem;position:relative}

.index_about .text h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}

.index_about .text .con{width:50%}
.index_about .text .con p{font-size:.16rem;color:#333333;line-height:.26rem;text-indent: 2em}
.index_about .text .con .more{margin:.35rem 0 0}
.index_about .text .con .more a{height:.5rem;line-height:.5rem;;color:white;font-size:.15rem;background:#90c42f;display:inline-block;font-weight:bold;border-radius:5px;padding:0 .45rem}
.index_about .text .con .more a:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}

.index_about  .index_video{position:relative;font-size:0}
.index_about  .index_video video{width:100%}
.index_about  .index_video .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.9rem;text-align:center}
.index_about  .index_video .btns i{color:white;font-size:.24rem}
.index_about  .index_video .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#90c42f;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about  .index_video .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba(144,196,47,.35);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about  .index_video .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.index_about  .index_video .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}


.index_product {padding:1rem 0 }
.index_product .title{margin:0 0 .5rem}
.index_product .title h2{font-size:.48rem;color:#005129;font-weight:bold;padding:0 0 .2rem;position:relative}
.index_product .title h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.index_product .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .4rem}
.index_product .lists ul li a .img{border-radius:30px}
.index_product .lists ul li a {position:relative}
.index_product .lists ul li a .text{position:absolute;width:100%;padding:0 .3rem;bottom:.3rem;left:0;z-index:2}
.index_product .lists ul li a .text h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .15rem}
.index_product .lists ul li a .text p{font-size:.14rem;color:white;height:.88rem;line-height:.22rem}
.index_product .lists ul li a .text em{display:inline-block;margin:.15rem 0 0;height:.5rem;line-height:.5rem;;color:black;font-size:.15rem;background:#ffffff;display:inline-block;font-weight:bold;border-radius:10px;padding:0 .45rem}
.index_product .lists ul li a:hover img{transform:scale(1.1)}
.index_product .lists ul li a:hover  .text em{background:#90c42f;color:white}
.index_gongyi{padding:0 0 1rem}
.index_gongyi .title {margin:0 0 .5rem}
.index_gongyi .title h2{font-size:.48rem;color:#005129;font-weight:bold;padding:0 0 .2rem;position:relative}
.index_gongyi .title h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.index_gongyi .lists .items1{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 1.4rem}
.index_gongyi .lists .items1 .img h2{position:absolute;font-size:.48rem;color:white;left:.2rem;top:.17rem;font-family:"MONTSERRAT";font-weight:bold}
.index_gongyi .lists .items1 .img p{display:none}
.index_gongyi .lists .items1 .img{border-radius:5px}
.index_gongyi .lists .items1 .img:hover img{transform:scale(1.1)}
.index_gongyi .lists .items2{margin:.23rem 0;text-align:center;position:relative} 
.index_gongyi .lists .items2 .imgs{display:inline-block}
.index_gongyi .lists .items2  ul{position:absolute;width:100%;display:flex;padding:0 .5rem;top:50%;transform:translateY(-50%);}
.index_gongyi .lists .items2  ul li{width:25%}
.index_gongyi .lists .items2  ul li h2{font-size:.28rem;color:#005129;font-weight:bold}

.index_gongyi .lists .items3{display:grid;grid-template-columns:26.05% 26.05%;grid-gap:0 1.4rem;justify-content: center;}
.index_gongyi .lists .items3 .img h2{position:absolute;font-size:.48rem;color:white;left:.2rem;top:.17rem;font-family:"MONTSERRAT";font-weight:bold}
.index_gongyi .lists .items3 .img p{display:none}
.index_gongyi .lists .items3 .img{border-radius:5px;}
.index_gongyi .lists .items3 .img:hover img{transform:scale(1.1)}

.index_bigimg{padding:0 .6rem;position:relative}
.index_bigimg .bg{height:6rem;border-radius:30px;transition:none}
.index_bigimg .text{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;text-align:center;width:100%}
.index_bigimg .text h2{font-size:.6rem;color:white;font-weight:bold;margin:0 0 .3rem}
.index_bigimg .text p{font-size:.3rem;color:white;font-family:"DIN Light";text-transform:uppercase;line-height:.38rem}
.index_prolist{padding:.85rem  0  1rem}
.index_prolist  .title {margin:0 0 .5rem}
.index_prolist  .title h2{font-size:.48rem;color:#005129;font-weight:bold;padding:0 0 .2rem;position:relative}
.index_prolist  .title h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.index_prolist  .lists  a .img{border-radius:25px;position:relative;font-size:0}
.index_prolist  .lists  a  .img:after{content:'';position:absolute;background:rgba(0,0,0,.3);left:0;top:0;width:100%;height:100%;border-radius:25px;transition:.3s;opacity:0}
.index_prolist  .lists  a  .img:before{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;width:.34rem;height:.34rem;left:50%;top:60%;transform:translate(-50%,-50%);background-size:100%;z-index:2;opacity:0;transition:.3s}
.index_prolist  .lists  a   h1{margin:.2rem 0 0;font-size:.16rem;color:#333333;text-align:center;height:.28rem;line-height:.28rem}
.index_prolist  .lists  a:hover .img:after{opacity:1}
.index_prolist  .lists  a:hover h1{color:#005129}
.index_prolist  .lists  a:hover .img:before{opacity:1;transition-delay:.3s;top:50%}
.index_prolist  .lists  a:hover img{transform:scale(1.1)}
.index_prolist  .lists {position:relative}
.index_prolist  .lists .swiper-page>div{position:absolute;left:-.5rem;top:36%;color:#bfbfbf;font-weight:bold;font-size:.48rem}
.index_prolist  .lists .swiper-page>div.slide-button-next{left:auto;right:-.5rem}
.index_prolist  .lists .swiper-page>div:hover{color:#90c42f}
.index_news {padding:0 0 1rem}
.index_news .title {margin:0 0 .5rem}
.index_news  .title h2{font-size:.48rem;color:#005129;font-weight:bold;padding:0 0 .2rem;position:relative}
.index_news  .title h2:after{content:"";position:absolute;background:#90c42f;height:4px;width:.75rem;left:0;bottom:0}
.index_news  .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.48rem .4rem}
.index_news  .lists ul li a .img{border-radius:20px}
.index_news  .lists ul li a:hover img{transform:scale(1.1)}
.index_news  .lists ul li a .text{padding:.3rem 0 0 }
.index_news  .lists ul li a .text span{display:inline-block;padding-left:.5rem;font-size:.15rem;color:#90c42f;position:relative;margin:0 0 .2rem}
.index_news  .lists ul li a .text span:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:2px;background:#90c42f;width:.35rem;left:0;}
.index_news  .lists ul li a .text h2{font-size:.2rem;color:#333333;height:.54rem;line-height:.27rem;padding-left:.5rem;margin:0 0 .15rem}
.index_news  .lists ul li a .text p{font-size:.15rem;color:#777777;;padding-left:.5rem}

.fixed_box{position:fixed;right:.15rem;z-index:999;top:40%}
.fixed_box ul li{margin:0 0 5px;position:relative}
.fixed_box ul li>a{width:.48rem;height:.48rem;border-radius:5px;border:2px solid #90c42f;box-shadow:0 0 12px rgba(0,0,0,0.1)}
.fixed_box ul li:nth-child(1)>a{background:white url(../images/13.png) center center no-repeat;background-size:.29rem .21rem}
.fixed_box ul li:nth-child(2)>a{background:white url(../images/14.png) center center no-repeat;background-size:.25rem .26rem}
.fixed_box ul li:nth-child(3)>a{background:white url(../images/15.png) center center no-repeat;background-size:.3rem .24rem}

.fixed_box ul li:nth-child(1):hover>a{background:#90c42f url(../images/13-1.png) center center no-repeat;background-size:.29rem .21rem}
.fixed_box ul li:nth-child(2):hover>a{background:#90c42f url(../images/14-1.png) center center no-repeat;background-size:.25rem .26rem}
.fixed_box ul li:nth-child(3):hover>a{background:#90c42f url(../images/15-1.png) center center no-repeat;background-size:.3rem .24rem}

.fixed_box ul li .txt{position:absolute;right:-2.5rem;width:2.5rem;top:50%;transform:translateY(-50%);opacity:0;z-index:-1}
.fixed_box ul li .txt{padding-right:.1rem}
.fixed_box ul li .txt a{height:.45rem;line-height:.45rem;background:white;text-align:center;font-size:.15rem;color:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.fixed_box ul li:hover  .txt{right:100%;opacity:1;}
.fixed_box ul li .txt a:hover{background:#90c42f;color:white}

.searchs_box .page{padding:.75rem 0 1rem;display:flex;justify-content: center;}
.searchs_box  .page a{border-radius:5px;width:.4rem;height:.4rem;line-height:.4rem;font-size:.16rem;color:#959595;font-family:"MONTSERRAT-LIGHT";margin:0 5px;}
.searchs_box  .page a.page-link{width:.7rem;border:1px solid #d2d2d2}
.searchs_box  .page a.page-links{border:1px solid #d2d2d2;}
.searchs_box  .page a.page-links i{font-size:.2rem;color:#959595;}
.searchs_box  .page a.page-link:hover{background:#90c42f;color:white;border-color:#90c42f}
.searchs_box  .page a.page-links:hover{background:#90c42f;color:white;border-color:#90c42f}
.searchs_box  .page a.page-links:hover i{color:white}
.searchs_box  .page a:hover{background:#90c42f;color:white;border-color:#90c42f}
.searchs_box  .page a.page-num-current{background:#90c42f;color:white;border-color:#90c42f}
/* .fixed_box ul li .txts{position:absolute;right:-1.45rem;top:50%;transform:translateY(-50%);opacity:0;z-index:-1}
.fixed_box ul li .txts{padding-right:.1rem}
.fixed_box ul li .txts img{max-width:1.43rem}
.fixed_box ul li:hover  .txts{right:100%;opacity:1;} */
/********<=767 mobile nav style css 2********/
/********<=767 mobile nav style css********/

.fl-page{position:relative;top:-.8rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/
@media(max-width:1700px){
    .footer .top .logo{width:15%}
    .footer .top .fot_navs{width:75%}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner.index .label_text{top:30%}
.tem_banner.index .label_text h2{font-size:.48rem}
.tem_banner.index .label_text p{font-size:.3rem;}
.index_guimo ul{display:flex;flex-wrap: wrap;gap: .2rem 0}
.index_guimo ul li{width:50%}
.index_about .text{display:inherit}
.index_about .text h2{width:100%;margin:0 0 .3rem}
.index_about .text .con{width:100%;line-height:.35rem}
.index_about .text .con p{line-height:.45rem;font-size:.25rem}
.index_product .lists ul{display:grid;grid-template-columns:1fr;grid-gap: .2rem 0 }
.index_product .lists ul li a .text h2{font-size:.38rem}
.index_product .lists ul li a .text p{height:1.2rem;line-height:.4rem}
.index_gongyi .lists .items1{grid-template-columns:1fr 1fr 1fr;grid-gap:.2rem}
.index_gongyi .lists .items2 ul{padding:0 .1rem}
.index_gongyi .lists .items3{grid-template-columns:30% 30%;grid-gap:0 .8rem}
.index_bigimg .bg{height:3rem;background-position:center center !important}
.index_bigimg .text h2{font-size:.4rem}
.index_bigimg .text{width:100%;padding:0 .2rem}
.index_bigimg .text p{font-size:.244rem}
.index_bigimg{padding:0 .2rem}
.index_prolist  .lists{padding:0 .3rem}
.index_prolist  .lists .swiper-page>div{left:-.1rem;}
.index_prolist  .lists .swiper-page>div.slide-button-next{left:auto;right:-.1rem}
.index_news .lists ul{display:grid;grid-template-columns:1fr }
.fot_contact .img{display:none}
.fot_contact .form{width:100%}
.fot_infos{padding:1rem 0 }
.fot_infos ul{grid-template-columns:1fr;grid-gap:.2rem 0 }
.footer .top .fot_navs ul{display:none}
.footer .top .logo{width:100%;text-align:center}
.footer .top .fot_navs{position:absolute}
.footer .bot{display:inherit;padding:.2rem 0 }
.footer .bot{height:auto}
.footer .bot .share ul{display:flex;justify-content: center;}
.footer .bot p{text-align:center}
.fixed_box ul li .txt{width:3rem}
.company>div{display:inherit}
.about_nav{width:100%;margin:0 0 .3rem}
.about_nav ul{display:grid;grid-template-columns:1fr 1fr}
.about_nav ul li a{height:.6rem;line-height:.6rem}
.about_nav h2{height:.8rem;line-height:.8rem;font-size:.4rem}
.company .infos{width:100%}
.company .infos .content p{line-height:.3rem}

.company .infos .text ul{display:flex;flex-wrap: wrap;gap: .2rem 0}
.company .infos .text ul li{width:50%}
.hexin>div{display:inherit}
.hexin .infos{width:100%}
.hexin .infos .content p{line-height:.3rem}

.gongyi>div{display:inherit}
.gongyi .infos{width:100%}
.honor>div{display:inherit}
.honor .infos{width:100%}
.product_box>div{display:inherit}
.product_box .pro_nav{width:100%}
.product_box .pro_nav h2{height:.8rem;line-height:.8rem;font-size:.4rem}
.product_box .pro_nav ul li>a{height:.7rem;line-height:.7rem}
.product_box .pro_nav ul li>a i{font-size:.3rem}
.product_box .infos{width:100%;margin:.5rem 0 0}
.product_box .infos .lists ul{grid-template-columns:1fr 1fr}
.product_box .pro_infos{width:100%;margin:.5rem 0 0}
.product_box .pro_infos .top{display:inherit}
.product_box .pro_infos .top .left{width:100%;}
.product_box .pro_infos .top .text{width:100%;margin:.5rem 0 0}
.product_box .pro_infos .top .text .content{line-height:.5rem}
.product_box .pro_infos .top .text .met_page{position:inherit}
.product_box .pro_infos .top .text .contacts{margin:.3rem 0}
.product_box .pro_infos .top .text .content{height:auto}
.product_box .pro_infos .top .text .contacts a{width:2rem;height:.8rem;line-height:.8rem;font-size:.3rem}

.pro_about .lists{padding:0 .3rem}
.pro_about .lists .swiper-page>div{left:-.1rem;}
.pro_about .lists .swiper-page>div.slide-button-next{left:auto;right:-.1rem}
.tem_banner .flash .txt{width:100%}
.news_box .news_nav ul li a{height:.8rem;line-height:.75rem}
.news_box .lists ul{grid-template-columns:1fr 1fr}
.news_box .lists ul li a .text h2{height:40px;line-height:20px}
.news_box .lists ul li a .text h2{font-size:14px}
}