/*公共*/
.header{background: rgba(255,255,255,.8);position: fixed;top:0;left: 0;width: 100%;border-bottom: 1px #fff solid;z-index: 1001;transition: .3s;}
.header .width{display: flex;align-items: center;}
.header .info{display: flex;align-items: center;height: .4rem;background: linear-gradient(to right,#a6d836,#5cc138);}
.header .contact{display: flex;flex:1}
.header .contact>p{color:#fff;background: url(../images/1.png) no-repeat left center/.17rem;padding-left: .25rem;margin-right: .25rem;line-height: .17rem;}
.header .contact>p:last-child{margin-right: 0;}
.header .contact>p.phone{background-image: url(../images/2.png);}
.header .media{display: flex;flex:1;justify-content: flex-end;padding-left: .5rem;}
.header .media>a{width: .25rem;height: .25rem;border-radius: 50%;background: #a9bcc7;margin-right: .05rem}
.header .media>a:last-child{margin-right: 0;}
.header .media>a>img{max-width: 50%;max-height: 50%;position: relative;z-index: 2;}
.header .logo{width: 3.47rem;height: .33rem;}
.header .nav{display: flex;align-items: center;padding-left: .5rem;flex:1;justify-content: flex-end;}
.header .nav ul{display: flex;flex:1;justify-content: center;}
.header .nav li{padding: 0 .2rem;}
.header .nav li:first-child{padding-left: 0;}
.header .nav li.arrow{background: url(../images/arrow.svg) no-repeat right center/.15rem;}
.header .nav li>a{color:#505b62;font-size: .16rem;line-height: .8rem;}
.header .nav li>a.active{color:#5dc138}
.header .product{position: fixed;top: calc(1.2rem + 1px);left: 0;width: 100%;background: rgba(255,255,255,.98);display: none;border-bottom: 1px #eee solid;}
.header .product .width{display: flex;align-items: stretch;}
.header .product .items{border-right: 1px solid #eee;width: 29.16%;padding: .6rem .3rem .1rem;}
.header .product .items:first-child{padding-left: 0;}
.header .product .items:last-child{border-right: 0;padding-right: 0;}
.header .product .items:nth-of-type(2){width: 39.23%;}
.header .product .items:nth-of-type(3){width: 31.61%;}
.header .product .item{display: flex;width: 100%;margin-bottom: .7rem;}
.header .product .item:last-child{margin-bottom: 0;}
.header .product .img-div{width: 1.18rem;height: 1.28rem;}
.header .product .cate{width: calc(100% - 1.18rem);padding-left:.2rem;}
.header .product .one{color:#36455c;font-size: .16rem;margin-bottom: .2rem;}
.header .product .two{color:#65676b;line-height: .24rem;}
.header .product .three{color:#959aa0;line-height: .24rem;}
.header .product .three-first{margin-top: .05rem}
.header .product .three-last{margin-bottom: .2rem}
.header .solution{position: fixed;top: calc(1.2rem + 1px);left: 0;width: 100%;background: rgba(255,255,255,.98);display: none;padding: .4rem 0 .1rem;border-bottom: 1px #eee solid;}
.header .solution .width{display: flex;flex-wrap: wrap;}
.header .solution .item{width: calc(20% - .24rem);margin-right: .3rem;margin-bottom: .3rem;position: relative;}
.header .solution .item:nth-child(5n){margin-right: 0;}
.header .solution .img-bg{border-radius: .1rem;margin-bottom: .15rem;}
.header .solution .img{padding-bottom: 65.04%;}
.header .solution .item>p{color:#36455c;font-size: .16rem;text-align: center;}
.header .childs{position: fixed;top: calc(1.2rem + 1px);left: 0;width: 100%;background: rgba(255,255,255,.98);display: none;border-bottom: 1px #eee solid;}
.header .child{display: flex;justify-content: center;align-items: center;height: .6rem;}
.header .child>a{font-size: .16rem;color:#36455c;margin-right: .5rem;}
.header .child>a:last-child{margin-right: 0;}
.header .tool{width: 1.3rem;display: flex;justify-content: flex-end;}
.header .search{position: relative;}
.header .search>p{border-radius: .05rem;margin-right: .05rem;cursor: pointer;background: #a9bcc7}
.header .search>p>span{width: .45rem;height: .25rem;display: block;position: relative;z-index: 2;background: url(../images/search.png) no-repeat center center/.15rem;}
.header .search-popup{position: absolute;right: 0;top: .39rem;width: 3rem;display: none;}
.header .search-popup>div{display: flex;}
.header .search-popup>div>input{width: 2.6rem;border-radius: .05rem 0 0 .05rem;}
.header .search-popup .btn{background: #a9bcc7;border-radius: 0 .05rem .05rem 0;cursor: pointer;}
.header .search-popup .btn>p{width: .4rem;height: .4rem;background: url(../images/search.png) no-repeat center center/.2rem;position: relative;z-index: 2;}
.header .lang{position: relative;}
.header .lang>a{border-radius: .05rem;background: linear-gradient(to right,#a6d836,#5cc138)}
.header .lang>a>span{width: .8rem;color:#fff;line-height: .25rem;background: url(../images/lang.png) no-repeat .15rem center/.15rem;padding-left: .38rem;display: block;position: relative;z-index: 2;}
.header .lang>a>span::after{content:'';width: .07rem;height: 100%;background: url(../images/3.png) no-repeat center .1rem/100%;position: absolute;top: 0;right: .1rem}
.header .lang-popup{position: absolute;right: 0;top: 100%;width: 100%;display: none;background: rgba(255,255,255,.98);padding: .1rem 0;}
.header .lang-popup>a{font-size: .16rem;color:#36455c;line-height: .26rem;text-align: center;}
.header.active{background: #fff;border-bottom: 1px #eee solid;}

.footer1{padding-top: .85rem;position: relative;}
.footer1 .img{background: url(../images/8.png) no-repeat 90% bottom/39%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.footer1 .con{background: #f4f7f8;}
.footer1 .con .width{height: 4rem;display: flex;padding-top: 1rem;}
.footer1 .info{position: relative;z-index: 2;}
.footer1 .info>p:nth-of-type(1){font-size: .4rem;color:#5dc138;line-height: .5rem;}
.footer1 .info>p:nth-of-type(2){font-size: .18rem;color:#666;line-height: .28rem;margin: .1rem 0 .35rem;}
.footer1 .btn{display: flex;}
.footer1 .btn>a{background: linear-gradient(to right,#a6d836,#5cc138);border-radius: .3rem;}
.footer1 .btn>a>p{width: 1.8rem;line-height: .56rem;font-size: .16rem;color:#fff;padding-left: .7rem;position: relative;z-index: 2;background: url(../images/6.png) no-repeat .4rem center/.21rem;}
.footer1 .btn>a:last-child{margin-left: .1rem;background: none;border: .02rem #5cb636 solid;}
.footer1 .btn>a:last-child>p{background: url(../images/7.png) no-repeat .35rem center/.24rem;color:#5cb636}

.footer2{background: #1e2f42;padding: .95rem 0 1.2rem;}
.footer2 .logo{width: 3.47rem;height: .33rem;}
.footer2 .width>p{font-size: .18rem;line-height: .28rem;color:#fff;margin: .25rem 0 .7rem;}
.footer2 ul{display: flex;justify-content: space-between;}
.footer2 li{max-width: 25%;}
.footer2 li>a{font-size: .16rem;color:#fff;margin-bottom: .3rem;}
.footer2 .child>a{font-size: .16rem;line-height: .3rem;color:#bdc5d2}
.footer2 li>p{font-size: .16rem;line-height: .3rem;color:#bdc5d2;padding-left: .3rem;}
.footer2 li>p.email{background: url(../images/9.png) no-repeat left .09rem/.19rem;}
.footer2 li>p.phone{background: url(../images/10.png) no-repeat .01rem .08rem/.17rem;}
.footer2 li>p.domain{background: url(../images/11.png) no-repeat .01rem .08rem/.17rem;}
.footer2 li>p.address{background: url(../images/12.png) no-repeat left .07rem/.19rem;}
.footer2 li:last-child>p{line-height: .24rem;padding: 0 0 .35rem;}
.footer2 li>p>a{color:#bdc5d2}
.footer2 .media{display: flex;}
.footer2 .media>a{width: .35rem;height: .35rem;border-radius: 50%;background: #a9bcc7;margin-right: .1rem}
.footer2 .media>a:last-child{margin-right: 0;}
.footer2 .media>a>img{max-width: 45%;max-height: 45%;position: relative;z-index: 2;}

.footer3{background: #121e2b;}
.footer3 .width{display: flex;}
.footer3 .width>p{color:#bdc5d2;font-size: .16rem;line-height: .26rem;flex:1;padding: .25rem 1rem .2rem 0}
.footer3 .width>p>a{color:#bdc5d2;display: inline-block;}
.footer3 .back{background: linear-gradient(to right,#a6d836,#5cc138);cursor: pointer;}
.footer3 .back>p{width: .8rem;height: 100%;position: relative;z-index: 2;background: url(../images/13.png) no-repeat center center/.22rem;}

.float{position: fixed;right: 0;top: 50%;width: .6rem;height: 2.8rem;margin-top: -1.4rem;background: #5ec138;border-radius: .2rem 0 0 .2rem;z-index: 1001;}
.float .item{height: .7rem;position: relative;}
.float .item>span{display: block;width: calc(100% - .2rem);height: 100%;border-bottom: 1px rgba(255,255,255,.3) solid;margin: 0 auto;}
.float .item:last-child>span{border-bottom: 0;}
.float .phone>span{background: url(../images/14.png) no-repeat center center/.28rem;}
.float .whatsapp>span{background: url(../images/15.png) no-repeat center center/.34rem;}
.float .message>span{background: url(../images/16.png) no-repeat center center/.25rem;}
.float .email>span{background: url(../images/17.png) no-repeat center center/.28rem;}
.float .item>p{position: absolute;top: 0;right: 0;height: 100%;width: max-content;background:#5ec138 url(../images/14.png) no-repeat .2rem center/.2rem;border-radius: .2rem 0 0 .2rem;padding: 0 .2rem 0 .5rem;font-size: .16rem;color:#fff;line-height: .7rem;display: none;}
.float .item.email>p{background-image: url(../images/17.png);}
.float .item .img-div{width: 1.5rem;height: 1.5rem;background: #5ec138;border-radius: .2rem 0 0 .2rem;padding: .2rem;position: absolute;top: -.4rem;right: .6rem;display: none;}

.inner-banner>img{max-width: 100%;}
.inner-banner .m{display: none;}

.crumb .width{display: flex;align-items: center;}
.crumb .width>a{color:#878787;}
.crumb .width>a:first-child{background: url(../images/18.png) no-repeat left center/.16rem;padding-left: .35rem;}
.crumb .width>em{font-style: normal;color:#878787;margin: 0 .15rem;}
.crumb .width>span{color:#474747}

.jb{position: relative;overflow: hidden;}
.jb::after{position: absolute;top: 0;left: 0;width: 0;height: 100%;background: linear-gradient(to right,#a6d836,#5cc138);content:'';transition: .3s;}

.jb-txt{background-image:linear-gradient(to right,#a6d836,#5cc138);-webkit-background-clip:text;color:transparent;display: inline-block;}

.nav-m{display: none;}

@media (max-width:1600px){
    .footer1 .img{background-size: 46%;}
}

@media (max-width:1440px){
    .header .width{width:calc(100% - .5rem)}
    .header .logo{width:3rem}
    .header .nav{padding-left: .2rem;}
    .header .nav li{padding:0 .15rem}
    .header .nav li.arrow{background-size: .12rem;}
    
    .footer1 .img{background-size: 48%;}
}

@media (max-width:1280px){
    .header .logo{width:2.2rem}

    .footer1 .img{background-size: 55%}
}

@media (max-width:1024px){
    .header .width{width:calc(100% - .6rem)}
    .header .logo{width: 4.21rem;height: .4rem;margin-right: 0;}
    .header .info{display: none;}
    .header .nav ul{display: none}
    .header .tool{width: 100%}
    .header .search>p{border-radius: 0;margin-right: 0;background: url(../images/search-g.png) no-repeat center center/100%;width:.4rem;height: 1.2rem;}
    .header .search>p>span{display: none;}
    .header .search-popup{position: fixed;right: 0;top: 1.2rem;width: 100%}
    .header .search-popup>div>input{width: calc(100% - .8rem);border-radius: 0;}
    .header .search-popup .btn{border-radius: 0;}
    .header .search-popup .btn>p{width: .8rem;height: .8rem;background-size:.3rem}
    .header .lang{margin:0 .2rem;background: url(../images/lang-g.png) no-repeat center center/100%;width:.4rem;height: 1.2rem;}
    .header .lang>a{display: none;}
    .header .lang-popup{width: 1.2rem;display: none;padding: .1rem 0;right:auto;left: 50%;transform: translateX(-50%);}
    .header .lang-popup>a{font-size: .28rem;line-height: .48rem}
    .header .menu{width: .45rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;}

    .footer1{padding-top: 0}
    .footer1 .img{display: none;}
    .footer1 .con .width{height: auto;display: block;padding: .8rem 0;}
    .footer1 .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .footer1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .1rem 0 .4rem;}
    .footer1 .btn>a{border-radius: .6rem;}
    .footer1 .btn>a>p{width: 2.6rem;line-height: .7rem;font-size: .28rem;padding-left: .9rem;background-position:.4rem center;background-size:.35rem;}
    .footer1 .btn>a:last-child{margin-left: .2rem;width:2.5rem}
    .footer1 .btn>a:last-child>p{background: url(../images/7.png) no-repeat .4rem center/.35rem}

    .footer2{padding: .8rem 0 .1rem;}
    .footer2 .logo{width: 4.21rem;height: .4rem;}
    .footer2 .width>p{font-size: .24rem;line-height: .44rem;margin: .3rem 0 .6rem;}
    .footer2 ul{justify-content: flex-start;flex-wrap: wrap;}
    .footer2 li{max-width: 100%;width: calc(50% - .1rem);margin-bottom: .3rem;}
    .footer2 li:first-child{margin-right: .2rem;}
    .footer2 li:nth-child(3){width: 100%;}
    .footer2 li:last-child{width: 100%;}
    .footer2 li>a{font-size: .32rem;margin-bottom: .2rem;}
    .footer2 .child>a{font-size: .24rem;line-height: .44rem}
    .footer2 li>p{font-size: .28rem;line-height: .48rem;padding: 0 0 .1rem .6rem;}
    .footer2 li>p.email{background-size:.35rem;}
    .footer2 li>p.phone{background-size:.33rem;}
    .footer2 li>p.domain{background-size:.33rem;}
    .footer2 li>p.address{background-size:.35rem;}
    .footer2 li:last-child>p{line-height: .48rem;}
    .footer2 .media>a{width: .7rem;height: .7rem;margin-right: .2rem}

    .footer3 .width{align-items: center;}
    .footer3 .width>p{font-size: .24rem;line-height: .44rem;padding: .2rem .4rem .2rem 0}
    .footer3 .back>p{width: .8rem;height:.8rem;background-size:.3rem;}

    .float{top: auto;bottom: 2rem;}
    .float .item>p{background-size:.3rem;padding: 0 .2rem 0 .65rem;font-size: .28rem;line-height: .8rem;height: .8rem;}
    .float .item .img-div{width: 2.5rem;height: 2.5rem;padding: .2rem;top: -.6rem;right: .61rem;border-radius: .2rem;}

    .inner-banner>img{max-width: 100%;}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block}

    .crumb .width{white-space: nowrap;overflow-x: auto;}
    .crumb .width>a:first-child{background-size:.3rem;padding-left: .5rem;}

    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:1002;display: none;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 4.21rem;height: .4rem;}
    .nav-m .close{width:.4rem;height:.4rem;background:url(../images/close.svg) no-repeat center center/100%}
    .nav-m ul{border-top:1px solid #eee;overflow-y: auto;height:calc(100% - 1.2rem);position: absolute;top: 1.2rem;left: 0;width: 100%;padding: 0 .3rem;}
    .nav-m li{border-bottom:1px solid #eee;padding:.4rem 0;position:relative}
    .nav-m li::after{position:absolute;top:.42rem;right:0;content:'';width:.35rem;height:.35rem;background:url(../images/arrow1.svg) no-repeat center center/100%;transition:.3s}
    .nav-m li.rotate::after{transform:rotate(90deg);top:35%}
    .nav-m li>a{font-size:.32rem;display: inline-block;}
    .nav-m li.block>a{display: block;}
    .nav-m .child{display:none;margin-left:.3rem;margin-bottom:.1rem}
    .nav-m .child>a{display:block;padding:.3rem 0;border-bottom:1px rgba(0,0,0,.1) solid;font-size:.28rem}
    .nav-m .product{display: none}
    .nav-m .product .item{border-bottom: 1px #eee solid;padding: .3rem 0;}
    .nav-m .product .img-div{height: 3rem;}
    .nav-m .product .one{font-size: .32rem;margin:.1rem 0 .15rem .3rem;}
    .nav-m .product .two{font-size: .3rem;margin:0 0 .15rem .5rem;}
    .nav-m .product .three{margin:0 0 .15rem .7rem;}
    .nav-m .solution{display: none;padding-top: .4rem;border-bottom: 1px #eee solid;}
    .nav-m .solution .item{margin-bottom: .4rem;position: relative;}
    .nav-m .solution .img-bg{border-radius: .1rem;margin-bottom: .2rem;}
    .nav-m .solution .img{padding-bottom: 65.04%;}
    .nav-m .solution .item>p{font-size: .28rem;text-align: center;}
}

@media (any-hover:hover){
    .jb:hover::after{width: 100%;}

    .header .nav li>a:hover{color:#5dc138}
    .header .child>a:hover{color:#5dc138}
    .header .product .one:hover{color:#5dc138}
    .header .product .two:hover{color:#5dc138}
    .header .product .three:hover{color:#5dc138}
    .header .solution .item:hover .img{transform: scale(1.1);}
    .header .solution .item:hover>p{color:#5dc138}
    .header .lang-popup>a:hover{color:#5dc138}

    .footer1 .btn>a:last-child:hover{border: 0;}
    .footer1 .btn>a:last-child:hover>p{line-height: .6rem;filter: brightness(0%) invert(100%)}
    .footer2 .child>a:hover{color:#fff}
    .footer3 .width>p>a:hover{color: #fff;}

    .crumb .width>a:hover{color:#5dc138;}
}

/* 首页 */
.index-page .more{display: inline-block;border-radius: .05rem;border: 1px solid #b2bac5;}
.index-page .more>p{width: 1.4rem;line-height: .45rem;position: relative;z-index: 2;background: url(../images/4.png) no-repeat .85rem center/.19rem;color:#909cad;padding-left: .3rem;}
.index-page .more.sm>p{width: 1.35rem;line-height: .35rem;padding-left: .15rem;background-position: 1.02rem center;}

.index-page .tit-box{display: flex;align-items: flex-end;}
.index-page .tit{flex:1;padding-right: 1rem;}
.index-page .tit>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;color:#5ec138;margin-bottom: .15rem;}
.index-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .32rem;color:#7e7e7e;max-width: 10rem;}
.index-page .tit-box>a{margin-bottom: .05rem;}

.index-page .box1 .swiper-container{height: 100vh;}
.index-page .box1 .swiper-slide>video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.index-page .box1 .m{display: none;}
.index-page .box1 .swiper-slide .width{position: absolute;top: 35%;left: 50%;transform: translateX(-50%);}
.index-page .box1 .swiper-slide .width>p:nth-of-type(1){font-size: .67rem;line-height: .67rem;}
.index-page .box1 .swiper-slide .width>p:nth-of-type(2){font-size: .24rem;line-height: .34rem;color:#505b62;margin: .1rem 0 .3rem;}
.index-page .box1 .more{background: linear-gradient(to right,#a6d836,#5cc138);border: 0;}
.index-page .box1 .more>p{background-image: url(../images/4-w.png);color:#fff;}
.index-page .box1 .swiper-pagination{text-align: left;left: 50%;transform: translateX(-50%);bottom: .3rem;}
.index-page .box1 .swiper-pagination-bullet{width: .19rem;height: .21rem;background: url(../images/5.png) no-repeat center center/100%;opacity: 1;border-radius: 0;filter: brightness(0%) invert(100%)}
.index-page .box1 .swiper-pagination-bullet-active{filter:none}

.index-page .box2{padding-top: .9rem;background:#F7F7F7}
.index-page .box2 .pc{position: relative;margin-top: .5rem;}
.index-page .box2 .pc .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .8s;}
.index-page .box2 .pc .img.show{opacity: 1;}
.index-page .box2 .pc .width{position: relative;z-index: 2;display: flex;justify-content: flex-end;padding: .75rem 0 .65rem;}
.index-page .box2 .pc ul{width: 3.5rem;}
.index-page .box2 .pc li{margin-bottom: .25rem;position: relative;background: #fff;border-radius: .05rem;overflow: hidden;}
.index-page .box2 .pc li::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right,#a6d836,#5cc138);transition: .3s;opacity: 0;}
.index-page .box2 .pc .info{height: .85rem;display: flex;align-items: center;padding: 0 .2rem;position: relative;z-index: 2;transition: height .3s;}
.index-page .box2 .pc .img-div{width: .49rem;height: .38rem;margin-right: .15rem;}
.index-page .box2 .pc .info>p:nth-of-type(1){font-size: .23rem;width: calc(100% - .64rem);color:#455771}
.index-page .box2 .pc .info>p:nth-of-type(2){display: none;font-size: .16rem;line-height: .24rem;}
.index-page .box2 .pc li.active .info{height: 2.8rem;padding: .45rem .3rem 0;filter: brightness(0%) invert(100%);display: block;}
.index-page .box2 .pc .hover .img-div{margin-right: 0;}
.index-page .box2 .pc li.active .info>p:nth-of-type(1){margin: .2rem 0 .1rem;width: 100%}
.index-page .box2 .pc li.active .info>p:nth-of-type(2){display: -webkit-box;}
.index-page .box2 .pc li.active::after{opacity: 1;}
.index-page .box2 .swiper-container{display: none;}

.index-page .box3{padding: .95rem 0 .9rem;background:#F7F7F7}
.index-page .box3 .con{position: relative;margin-top: .5rem}
.index-page .box3 .swiper-container{border-radius: .05rem;}
.index-page .box3 .swiper-slide{background: #fff;border-radius: .05rem;width: 11.35rem;display: flex;padding: .9rem 1.5rem .5rem 1rem;justify-content: space-between;opacity: .6;}
.index-page .box3 .swiper-slide-active{opacity: 1;}
.index-page .box3 .info{width: calc(100% - 3.5rem);}
.index-page .box3 .info>a:nth-of-type(1){color:#3f5068;font-size: .36rem;line-height: .4rem;padding-bottom: .2rem;position: relative;transition: .3s;}
.index-page .box3 .info>a:nth-of-type(1)::before{content:'';width: 100%;height: .02rem;background: #e5eef4;position: absolute;left: 0;bottom: 0;}
.index-page .box3 .info>a:nth-of-type(1)::after{content:'';width: 1.1rem;height: .02rem;background: linear-gradient(to right,#a6d836,#5cc138);position: absolute;left: 0;bottom: 0;}
.index-page .box3 .info>p{color:#666;font-size: .16rem;line-height: .32rem;margin: .25rem 0 .6rem;}
.index-page .box3 .img-div{width: 2.1rem;height: 3.45rem;}
.index-page .box3 .arrow{width: .3rem;height: .3rem;background: url(../images/arrow1.svg) no-repeat center center/100%;position: absolute;top: 2.2rem;left: 10.9rem;z-index: 2;opacity: .5;cursor: pointer;transition: .3s;}
.index-page .box3 .prev{right: auto;left: .2rem;transform: rotate(180deg);}

.index-page .box4{background:#F7F7F7;padding-bottom: 1.3rem;}
.index-page .box4 .arrow{display: flex;align-items: center;margin: .7rem 0 .35rem;}
.index-page .box4 .line{display: flex;margin-right: .65rem;}
.index-page .box4 .line>p{color:#455771;font-size: .16rem;}
.index-page .box4 .line>p:nth-of-type(2){width: 1rem;height: .02rem;background: #c6c9cc;position: relative;margin: .13rem .1rem 0;}
.index-page .box4 .line>p:nth-of-type(2)>span{width: 0;height: .02rem;background: linear-gradient(to right,#a6d836,#5cc138);position: absolute;top: 0;left: 0;transition: .3s;}
.index-page .box4 .arrow>a{width: .3rem;height: .3rem;border-radius: .05rem;border: 1px solid #455771;background: url(../images/4-m.png) no-repeat center center/.15rem;transition: .3s;}
.index-page .box4 .prev{margin-right: .1rem;transform: rotate(180deg);}
.index-page .box4 .img-bg{border-radius: .05rem;}
.index-page .box4 .img{padding-bottom: 58.42%;}
.index-page .box4 .swiper-container{padding-left: 1px;}
.index-page .box4 .swiper-slide>p{color:#959ba4;margin: .3rem 0 .15rem;}
.index-page .box4 .swiper-slide>a:nth-of-type(2){font-size: .18rem;line-height: .3rem;color:#455771;margin-bottom: .25rem;}

.index-page .box5{padding: .65rem 0 .55rem;}
.index-page .box5 .arrow{display: flex;align-items: center;margin: .7rem 0 .35rem;}
.index-page .box5 .line{display: flex;margin-right: .65rem;}
.index-page .box5 .line>p{color:#455771;font-size: .16rem;}
.index-page .box5 .line>p:nth-of-type(2){width: 1rem;height: .02rem;background: #c6c9cc;position: relative;margin: .13rem .1rem 0;}
.index-page .box5 .line>p:nth-of-type(2)>span{width: 0;height: .02rem;background: linear-gradient(to right,#a6d836,#5cc138);position: absolute;top: 0;left: 0;transition: .3s;}
.index-page .box5 .arrow>a{width: .3rem;height: .3rem;border-radius: .05rem;border: 1px solid #455771;background: url(../images/4-m.png) no-repeat center center/.15rem;transition: .3s;}
.index-page .box5 .prev{margin-right: .1rem;transform: rotate(180deg);}
.index-page .box5 .img-bg{border-radius: .05rem;}
.index-page .box5 .img{padding-bottom: 59.14%;}
.index-page .box5 .swiper-slide>p{color:#959ba4;margin: .35rem 0 .15rem;}
.index-page .box5 .swiper-slide>a:nth-of-type(2){font-size: .18rem;line-height: .3rem;height:.6rem;color:#455771;margin-bottom: .4rem;}

@media (max-width:1440px){
    .index-page .box1 .swiper-pagination{width:calc(100% - 1rem)}
}

@media (max-width:1024px){
    .index-page .more{border-radius: .1rem}
    .index-page .more>p{width: 2.3rem;line-height: .7rem;background-position:1.6rem center;background-size: .3rem;padding-left: .5rem;}
    .index-page .more.sm>p{width: 2.7rem;line-height: .6rem;padding-left: .35rem;background-position: 2.1rem center;}

    .index-page .tit-box{flex-direction: column;align-items: center;}
    .index-page .tit{padding-right: 0;text-align: center;}
    .index-page .tit>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;margin-bottom: .15rem;}
    .index-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-width: 100%;}
    .index-page .tit-box>a{margin: .3rem auto 0;}

    .index-page .box1 .swiper-container{height: auto;}
    .index-page .box1 .swiper-slide>video{display: none;}
    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;padding-bottom: 133.33%;}
    .index-page .box1 .swiper-slide .width{top: 30%;display: flex;flex-direction: column;align-items: center;}
    .index-page .box1 .swiper-slide .width>p{text-align: center;}
    .index-page .box1 .swiper-slide .width>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;display: block;}
    .index-page .box1 .swiper-slide .width>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .1rem 0 .4rem;}
    .index-page .box1 .swiper-pagination{text-align: center}
    .index-page .box1 .swiper-pagination-bullet{width: .35rem;height: .38rem;}

    .index-page .box2{padding-top: .8rem}
    .index-page .box2 .pc{display: none;}
    .index-page .box2 .swiper-container{display: block;margin-top: .6rem;}
    .index-page .box2 .swiper-slide{height:auto;background: linear-gradient(to right,#a6d836,#5cc138);}
    .index-page .box2 .img{padding-bottom: 45.83%;}
    .index-page .box2 .info{padding: .6rem .4rem .8rem;color:#fff}
    .index-page .box2 .img-div{width: .79rem;height: .68rem;filter: brightness(0%) invert(100%)}
    .index-page .box2 .info>p:nth-of-type(1){font-size: .4rem;margin: .3rem 0 .2rem;}
    .index-page .box2 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .index-page .box2 .swiper-pagination-bullet{background: #fff;opacity: .5;}
    .index-page .box2 .swiper-pagination-bullet-active{background: #3f5068;}

    .index-page .box3{padding: .8rem 0}
    .index-page .box3 .con{margin: .6rem auto 0;width: calc(100% - .6rem);}
    .index-page .box3 .swiper-slide{width: 100%;flex-direction: column;padding: .6rem .4rem;height: auto;justify-content: flex-start;}
    .index-page .box3 .info{width: 100%;order:2}
    .index-page .box3 .info>a:nth-of-type(1){font-size: .32rem;line-height: .52rem}
    .index-page .box3 .info>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .4rem;}
    .index-page .box3 .img-div{width: 100%;height: 4rem;margin-bottom: .4rem;}
    .index-page .box3 .arrow{width: .5rem;height: .5rem;left: auto;right:.1rem}
    .index-page .box3 .prev{left: .1rem}

    .index-page .box4{padding-bottom: .8rem;}
    .index-page .box4 .arrow{display: flex;margin: .7rem 0 .35rem;}
    .index-page .box4 .line{display: flex;margin-right: .5rem;}
    .index-page .box4 .line>p{font-size: .28rem;}
    .index-page .box4 .line>p:nth-of-type(2){width: 2rem;margin: .2rem .2rem 0;}
    .index-page .box4 .arrow>a{width: .5rem;height: .5rem;background-size:.25rem}
    .index-page .box4 .prev{margin-right: .2rem}
    .index-page .box4 .img-bg{border-radius: .1rem;}
    .index-page .box4 .swiper-slide>a:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .25rem;}

    .index-page .box5{padding: .8rem 0;}
    .index-page .box5 .arrow{display: flex;margin: .7rem 0 .35rem;}
    .index-page .box5 .line{display: flex;margin-right: .5rem;}
    .index-page .box5 .line>p{font-size: .28rem;}
    .index-page .box5 .line>p:nth-of-type(2){width: 2rem;margin: .2rem .2rem 0;}
    .index-page .box5 .arrow>a{width: .5rem;height: .5rem;background-size:.25rem}
    .index-page .box5 .prev{margin-right: .2rem}
    .index-page .box5 .img-bg{border-radius: .1rem;}
    .index-page .box5 .swiper-slide>a:nth-of-type(2){font-size: .28rem;line-height: .48rem;height:auto;margin-bottom: .3rem;}
}

@media (any-hover:hover){
    .index-page .more:hover{border-color: #a6d836;}
    .index-page .more:hover>p{color:#fff;background-image: url(../images/4-w.png);}

    .index-page .box3 .swiper-slide:hover .info>a:nth-of-type(1){color:#5dc138}
    .index-page .box3 .swiper-slide:hover .img-div{transform: scale(1.1);}
    .index-page .box3 .arrow:hover{background-image: url(../images/arrow1-m.svg);opacity: 1;}

    .index-page .box4 .arrow>a:hover{background-image: url(../images/4-w.png);background-color: #5dc138;border-color:#5dc138}
    .index-page .box4 .swiper-slide:hover>a:nth-of-type(2){color:#5dc138}
    
    .index-page .box5 .arrow>a:hover{background-image: url(../images/4-w.png);background-color: #5dc138;border-color:#5dc138}
    .index-page .box5 .swiper-slide:hover>a:nth-of-type(2){color:#5dc138}
}

/* 关于 */
.about-page .tit>p:nth-of-type(1){color:#5ec138;font-size: .48rem;line-height: .58rem;}
.about-page .tit>p:nth-of-type(2){color:#7e7e7e;font-size: .16rem;line-height: .32rem;max-width: 8.2rem;margin-top: .15rem;}
.about-page .crumb{background: #f7f7f7;padding: .3rem 0 .75rem;}

.about-page .box1{background: #f7f7f7}
.about-page .box1 .con{display: flex;justify-content: space-between;margin-bottom: .6rem;}
.about-page .box1 .info{width: 30%;}
.about-page .box1 .info>p{font-size: .18rem;line-height: .32rem;color:#000;margin: .2rem 0 .05rem;}
.about-page .box1 .info .img-div{width: 3.88rem;height: 4.3rem;margin-left: .45rem;}
.about-page .box1 .detail{width: 60%;}
.about-page .box1 .detail>p{color:#7e7e7e;font-size: .16rem;line-height: .32rem;margin-bottom: .3rem;}
.about-page .box1 ul{display: flex;flex-wrap: wrap;}
.about-page .box1 li{width: calc(100% / 3);position: relative;text-align: center;color:#455771;margin-bottom: .35rem;}
.about-page .box1 li::after{content:'';width: 1px;height: .8rem;background: #cbdce7;position: absolute;right: 0;bottom: 0;}
.about-page .box1 li:nth-child(3n)::after{display: none;}
.about-page .box1 li .img-div{width: .44rem;height: .44rem;margin: 0 auto .1rem;}
.about-page .box1 li>p:nth-of-type(1){font-size: .3rem;position: relative;display: inline-block;}
.about-page .box1 li>p:nth-of-type(1)>span{position: absolute;top: -.15rem;left: calc(100% + .02rem);}
.about-page .box1 li>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;}
.about-page .box1 .width>.img-div{position: relative;border-radius: .05rem;overflow: hidden;}
.about-page .box1 .width .btn{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../images/20.png) no-repeat center center/.75rem;cursor: pointer;}

.about-page .box2{background: #f7f7f7;padding: .9rem 0;}
.about-page .box2 .con{display: flex;margin-top: .45rem;}
.about-page .box2 ul{flex:1;padding: .1rem .5rem 0 0;}
.about-page .box2 li{margin-bottom: .2rem;}
.about-page .box2 li:last-child{margin-bottom: 0;}
.about-page .box2 li>p:nth-of-type(1){color:#36455c;font-size: .24rem;line-height: .34rem;position: relative;margin-bottom: .2rem;}
.about-page .box2 li>p:nth-of-type(1)::after{content:'';width: .4rem;height: .02rem;background: linear-gradient(to right,#a6d836,#5cc138);bottom: -.1rem;left: 0;position: absolute;}
.about-page .box2 li>p:nth-of-type(2){color:#606060;font-size: .18rem;line-height: .24rem}
.about-page .box2 .img-bg{width: 65%;border-radius: .05rem;}
.about-page .box2 .img{padding-bottom: 54.74%;}

.about-page .box3{padding: .5rem 0 .6rem;}
.about-page .box3 .tit>p:nth-of-type(1){color:#fff}
.about-page .box3 .tit>p:nth-of-type(2){color:#fff;}
.about-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: .3rem;}
.about-page .box3 li{margin-bottom: .3rem;width: calc(100% / 6 - .25rem);margin-right: .3rem;border-radius: .05rem;border:1px rgba(255,255,255,.5) solid;background: rgba(255,255,255,.3);padding: .4rem 0 .3rem;}
.about-page .box3 li:nth-child(6n){margin-right: 0;}
.about-page .box3 .img-div{width: 1.45rem;height: 1.45rem;border-radius: 50%;background: #fff;margin: 0 auto .15rem;}
.about-page .box3 .img-div>img{max-width: 60%;max-height: 60%;}
.about-page .box3 li>p{font-size: .18rem;line-height: .28rem;color:#fff;text-align: center;padding: 0 .2rem;}
@keyframes about-box3-play {
    0%{transform: rotate(0);}
    20%{transform: rotate(30deg);}
    40%{transform: rotate(-30deg);}
    60%{transform: rotate(15deg);}
    80%{transform: rotate(-15deg);}
    100%{transform: rotate(0);}
}

.about-page .box4{padding: 1rem 0 .75rem;}
.about-page .box4 .year{padding: .45rem 0 1rem;position: relative;}
.about-page .box4 .year .swiper-container{margin-bottom: .15rem;}
.about-page .box4 .year .swiper-slide{color:#7e7e7e;font-size: .24rem;text-align: center;padding-top: .12rem;cursor: pointer;transition: .3s;}
.about-page .box4 .year .swiper-slide.active{color:#5ec138;font-size: .36rem;font-weight: bold;padding-top: 0;}
.about-page .box4 .arrow{width: .25rem;height: .25rem;background: url(../images/arrow1.svg) no-repeat center center/100%;opacity:.6;position: absolute;top: .58rem;right: -.05rem;cursor: pointer;transition: .3s;z-index: 2;}
.about-page .box4 .swiper-button-disabled{opacity: .2;cursor: auto;}
.about-page .box4 .prev{right: auto;left: -.05rem;transform: rotate(180deg);}
.about-page .box4 .year .m{display: none;}
.about-page .box4 .con .swiper-slide{display: flex;align-items: flex-start;opacity: 0 !important;}
.about-page .box4 .con .swiper-slide-active{opacity: 1 !important;}
.about-page .box4 .img-bg{width: 50%;border-radius: .05rem;}
.about-page .box4 .img{padding-bottom: 54.86%;}
.about-page .box4 .info{flex:1;padding-left: 7%;}
.about-page .box4 .info>p:nth-of-type(1){font-size: .48rem;color:#5ec138;margin: .3rem 0 .25rem;}
.about-page .box4 .info>p:nth-of-type(2){font-size: .16rem;color:#7e7e7e;line-height: .32rem;}

@media (max-width:1280px){
    .about-page .box3 .img-div{width:1.2rem;height:1.2rem}
}

@media (max-width:1024px){
    .about-page .tit>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;}
    .about-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-width: 100%;margin-top: .15rem;}
    .about-page .crumb{padding: .4rem 0 .6rem;}

    .about-page .box1 .con{display: block;margin-bottom: .2rem;}
    .about-page .box1 .info{width: 100%;}
    .about-page .box1 .info>p{font-size: .32rem;line-height: .52rem;margin: .1rem 0 .2rem;}
    .about-page .box1 .info .img-div{display: none;}
    .about-page .box1 .detail{width: 100%;}
    .about-page .box1 .detail>p{font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .about-page .box1 li{width: 50%;margin-bottom: .4rem;}
    .about-page .box1 li::after{height: 1.2rem;}
    .about-page .box1 li:nth-child(3n)::after{display: block;}
    .about-page .box1 li:nth-child(2n)::after{display: none;}
    .about-page .box1 li .img-div{width: .64rem;height: .64rem;margin: 0 auto .2rem;}
    .about-page .box1 li>p:nth-of-type(1){font-size: .4rem;}
    .about-page .box1 li>p:nth-of-type(1)>span{top: -.2rem;left: calc(100% + .05rem);}
    .about-page .box1 li>p:nth-of-type(2){font-size: .24rem;line-height: .44rem;}
    .about-page .box1 .width>.img-div{border-radius: .1rem}

    .about-page .box2{padding: .8rem 0;}
    .about-page .box2 .con{display: block;margin-top: .3rem;}
    .about-page .box2 ul{padding: 0 0 .4rem;}
    .about-page .box2 li{margin-bottom: .3rem;}
    .about-page .box2 li>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin-bottom: .2rem;}
    .about-page .box2 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .about-page .box2 .img-bg{width: 100%;border-radius: .1rem;}

    .about-page .box3{padding: .8rem 0 .4rem;}
    .about-page .box3 ul{margin-top: .4rem;}
    .about-page .box3 li{margin-bottom: .3rem;width: calc(50% - .15rem);margin-right: .3rem;border-radius: .1rem;}
    .about-page .box3 li:nth-child(6n){margin-right: .3rem;}
    .about-page .box3 li:nth-child(2n){margin-right: 0;}
    .about-page .box3 .img-div{margin: 0 auto .15rem;width:2rem;height:2rem}
    .about-page .box3 li>p{font-size: .28rem;line-height: .48rem;padding: 0 .4rem;}

    .about-page .box4{padding: .8rem 0;}
    .about-page .box4 .year{padding: .4rem 0 .6rem}
    .about-page .box4 .year .swiper-slide{font-size: .32rem;padding-top: .08rem;}
    .about-page .box4 .year .swiper-slide.active{font-size: .4rem;}
    .about-page .box4 .arrow{width: .4rem;height: .4rem;top: .5rem;right: -.2rem;}
    .about-page .box4 .prev{left: -.2rem}
    .about-page .box4 .year .pc{display: none;}
    .about-page .box4 .year .m{display: block;}
    .about-page .box4 .con .swiper-slide{display: block;}
    .about-page .box4 .img-bg{width: 100%;border-radius: .1rem;}
    .about-page .box4 .info{padding: .3rem 0 0;}
    .about-page .box4 .info>p:nth-of-type(1){font-size: .5rem;margin: 0 0 .1rem;}
    .about-page .box4 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
}

@media (any-hover:hover){
    .about-page .box1 .width>.img-div:hover>img{transform: scale(1.1);}

    .about-page .box3 li:hover .img-div{animation: about-box3-play .5s linear;}

    .about-page .box4 .arrow:not(.swiper-button-disabled):hover{background-image: url(../images/arrow1-m.svg);opacity: 1;}
}

/* 产品 */
.product-page.list{padding: .3rem 0 .6rem;}
.product-page.list .crumb .width{width: 100%;}
.product-page.list .con{display: flex;justify-content: space-between;margin-top: .9rem;align-items: flex-start;}
.product-page.list .cate{width: 30%;background: #f7f7f7;position: sticky;top: 1.5rem;padding: .35rem .3rem .5rem .4rem;border-radius: .05rem;}
.product-page.list .cate>p{color:#5dc138;font-size: .36rem;margin-bottom: .4rem;}
.product-page.list .cate .one{border-bottom: 1px solid #36455c;padding-bottom:.05rem;margin-bottom: .2rem;display: flex;}
.product-page.list .cate .one>a{font-size: .16rem;line-height: .24rem;color:#36455c;flex:1;margin-right: .25rem;}
.product-page.list .cate .one>p{background: url(../images/22.png) no-repeat center center/100%;width: .15rem;height: .15rem;margin-top: .04rem;cursor: pointer;}
.product-page.list .child{display: none;padding-bottom: .3rem;}
.product-page.list .child:last-child{padding-bottom: 0;}
.product-page.list .cate .two{color: #65676b;line-height: .22rem;margin-bottom: .05rem;}
.product-page.list .cate .two:last-child{margin-bottom: 0;}
.product-page.list .cate .threes{margin-bottom: .15rem;}
.product-page.list .cate .threes:last-child{margin-bottom: 0;}
.product-page.list .cate .three{color: #959aa0;line-height: .22rem;padding-left: .1rem;position: relative;}
.product-page.list .cate .three::before{content:'';position: absolute;top: .09rem;left: 0;width: .04rem;height: .04rem;background: #959aa0;border-radius: 50%;}
.product-page.list .cate .one.active{border-color:#5dc138;}
.product-page.list .cate .one.active>a{color:#5dc138;}
.product-page.list .cate .one.active>p{background-image: url(../images/22-m.png);}
.product-page.list .cate .one.open>p{background-image: url(../images/23.png);}
.product-page.list .cate .one.open.active>p{background-image: url(../images/23-m.png)}
.product-page.list .cate .two.active{color:#5dc138}
.product-page.list .cate .three.active{color:#5dc138}
.product-page.list .cate .three.active::before{background: #5dc138;}
.product-page.list .m-cate{display: none;}
.product-page.list .info{width: 66%;}
.product-page.list ul{display: flex;flex-wrap: wrap;}
.product-page.list li{width: calc(100% / 3 - .14rem);margin-right: .21rem;background: #f7f7f7;border-radius: .05rem;transition: .3s;padding: .1rem .1rem .25rem;margin-bottom: .4rem;}
.product-page.list li:nth-child(3n){margin-right: 0;}
.product-page.list .img-div{height: 3rem;background: #fff;border-radius: .05rem;transition: .3s;}
.product-page.list .img-div>img{max-width: 80%;max-height: 80%;}
.product-page.list .txt{padding: .25rem .15rem 0;}
.product-page.list .txt>a:nth-of-type(1){color:#36455c;font-size: .16rem;line-height: .2rem;height: .4rem;}
.product-page.list .txt>p{color:#8d8d8d;font-size: .16rem;margin: .1rem 0 .25rem;}
.product-page.list .txt>a:nth-of-type(2){display: inline-block;border-radius: .05rem;border: 1px solid #b2bac5;}
.product-page.list .txt>a:nth-of-type(2)>p{width: 1.35rem;line-height: .35rem;position: relative;z-index: 2;background: url(../images/4.png) no-repeat 1.02rem center/.19rem;color:#949494;padding-left: .15rem;}
.product-page.list .page{padding: .1rem 0 .4rem;}

.product-page.detail{padding-bottom: 1rem;}
.product-page.detail .width{max-width: 12rem;}
.product-page.detail .space{height: 1.2rem;}
.product-page.detail .crumb{background: #ececec;}
.product-page.detail .crumb .width{height: .65rem;max-width: 14.4rem;}
.product-page.detail .tit{color:#5dc138;font-size: .36rem;margin-bottom: .45rem;}
.product-page.detail .tit1{line-height: .45rem;background: linear-gradient(to right,#a6d836,#5cc138);color:#fff;font-size: .22rem;padding-left: .15rem;}

.product-page.detail .box1{display: flex;margin-top: .85rem;}
.product-page.detail .box1 .pic{width: 55.5%;display: flex;;margin-right: .55rem;}
.product-page.detail .box1 .thumb{width: .95rem;height: 5.8rem;}
.product-page.detail .box1 .thumb .swiper-slide{height: 1.04rem !important;border: 1px solid #d4d4d4;border-radius: .05rem;overflow: hidden;cursor: pointer;}
.product-page.detail .box1 .thumb .swiper-slide.active{border-color:#5dc138}
.product-page.detail .box1 .big{width: calc(100% - 1.2rem);border: 1px solid #d4d4d4;border-radius: .05rem;overflow: hidden;}
.product-page.detail .box1 .big .swiper-slide{height: 5.8rem;}
.product-page.detail .box1 .con{flex:1}
.product-page.detail .box1 .con>p:nth-of-type(1){font-size: .3rem;line-height: .36rem;color:#000;margin: .1rem 0 .3rem;}
.product-page.detail .box1 .con>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;color:#505050;}
.product-page.detail .box1 .con>p:nth-of-type(3){font-size: .16rem;line-height: .24rem;color:#868686;margin: .25rem 0 .3rem;}
.product-page.detail .box1 .con>a{background: linear-gradient(to right,#a6d836,#5cc138);border-radius: .05rem;display: inline-block;}
.product-page.detail .box1 .con>a>p{width: 1.9rem;line-height: .45rem;text-align: center;color: #fff;font-size: .16rem;position: relative;z-index: 2;}

.product-page.detail .box2{margin-top: .85rem;}

.product-page.detail .box3{margin-top: .6rem;}
.product-page.detail .box3 ul{display: flex;justify-content: space-between;}
.product-page.detail .box3 li{width: 63.75%;}
.product-page.detail .box3 li.sm{width: calc(36.25% - .35rem);}
.product-page.detail .box3 .img{height: 5.25rem;border-radius: .1rem;}
.product-page.detail .box3 li.sm .img{height: 2.5rem;}
.product-page.detail .box3 li.sm .img:nth-of-type(1){margin-bottom: .25rem;}

.product-page.detail .box4{margin-top: .6rem;}
.product-page.detail .box4 p{font-size: .16rem;line-height: .24rem;}

.product-page.detail .box5{margin-top: .6rem;}
.product-page.detail .box5 ul{display: flex;flex-wrap: wrap;margin-top: .5rem;}
.product-page.detail .box5 li{width: calc(100% / 8 - .21rem);margin-right: .24rem;margin-bottom: .3rem;transition: .3s;height: .5rem;}
.product-page.detail .box5 li:nth-child(8n){margin-right: 0;}

@media (max-width:1024px){
    .product-page.list{padding: .4rem 0 .5rem;}
    .product-page.list .con{display: block;margin-top: .4rem;}
    .product-page.list .cate{width: 100%;position: fixed;padding: .5rem .4rem;border-radius: .1rem;top:2rem;left:2%;width:94%;z-index: 1001;overflow-y: auto;max-height: calc(100% - 2.5rem);display: none;}
    .product-page.list .cate .close{width:.4rem;height: .4rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .3rem;right: .3rem;}
    .product-page.list .cate>p{font-size: .4rem;margin-bottom: .3rem;}
    .product-page.list .cate .one{padding-bottom:.15rem;margin-bottom: .3rem}
    .product-page.list .cate .one>a{font-size: .32rem;line-height: .52rem;margin-right: .4rem;}
    .product-page.list .cate .one>p{width: .25rem;height: .25rem;margin-top: .12rem}
    .product-page.list .cate .two{line-height: .48rem;margin-bottom: 0;}
    .product-page.list .cate .threes{margin-bottom: .1rem;}
    .product-page.list .cate .three{line-height: .48rem;padding-left: .2rem}
    .product-page.list .cate .three::before{top: .2rem;width: .08rem;height: .08rem}
    .product-page.list .m-cate{display: block;font-size: .28rem;color:#fff;background: #5dc138;margin-bottom: .4rem;text-align: center;line-height: .7rem;border-radius: .1rem;}

    .product-page.list .info{width: 100%;}
    .product-page.list ul{display: block}
    .product-page.list li{width: 100%;margin-right: 0;border-radius: .1rem;padding: .2rem .2rem .4rem;margin-bottom: .3rem;}
    .product-page.list .img-div{height: 4rem;border-radius: .1rem}
    .product-page.list .txt{padding: .3rem 0 0;}
    .product-page.list .txt>a:nth-of-type(1){font-size: .32rem;line-height: .42rem;height: auto;}
    .product-page.list .txt>p{font-size: .28rem;margin: .15rem 0 .3rem;}
    .product-page.list .txt>a:nth-of-type(2){border-radius: .1rem;}
    .product-page.list .txt>a:nth-of-type(2)>p{width: 2.7rem;line-height: .6rem;background-position:2.1rem center;background-size:.3rem;padding-left: .3rem;}
    .product-page.list .page{padding: .3rem 0;}

    .product-page.detail{padding-bottom: .4rem;}
    .product-page.detail .width{max-width: 100%;}
    .product-page.detail .space{height: 1.2rem;}
    .product-page.detail .crumb .width{height: .8rem;max-width: 100%;}
    .product-page.detail .tit{font-size: .36rem;margin-bottom: .3rem;}
    .product-page.detail .tit1{line-height: .8rem;font-size: .32rem;padding-left: .4rem;}

    .product-page.detail .box1{display: block;margin-top: .6rem;}
    .product-page.detail .box1 .pic{width: 100%;margin: 0 0 .4rem;flex-direction: column;}
    .product-page.detail .box1 .thumb{width: 100%;height: auto;order:2}
    .product-page.detail .box1 .thumb .swiper-slide{height: auto !important;border-radius: .1rem;}
    .product-page.detail .box1 .thumb .swiper-slide .img{padding-bottom: 107.40%;}
    .product-page.detail .box1 .big{width: 100%;border-radius: .1rem;margin-bottom: .3rem;}
    .product-page.detail .box1 .big .swiper-slide{height: auto;}
    .product-page.detail .box1 .big .swiper-slide .img{padding-bottom: 107.40%;}
    .product-page.detail .box1 .con>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin: 0 0 .1rem;}
    .product-page.detail .box1 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .product-page.detail .box1 .con>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin: .1rem 0 .2rem;}
    .product-page.detail .box1 .con>a{border-radius: .1rem;}
    .product-page.detail .box1 .con>a>p{width: 2.4rem;line-height: .7rem;font-size: .28rem}

    .product-page.detail .box2{margin-top: .8rem;}

    .product-page.detail .box3{margin-top: .8rem;}
    .product-page.detail .box3 ul{display: block;}
    .product-page.detail .box3 li{width: 100%;}
    .product-page.detail .box3 li.sm{width: 100%;}
    .product-page.detail .box3 .img{height: auto;padding-bottom: 69.28%;margin-bottom: .4rem;}
    .product-page.detail .box3 li.sm .img{height: auto;padding-bottom: 63.75%;}
    .product-page.detail .box3 li.sm .img:nth-of-type(1){margin-bottom: .4rem;}

    .product-page.detail .box4{margin-top: .8rem;}

    .product-page.detail .box5{margin-top: .8rem;}
    .product-page.detail .box5 ul{margin-top: .4rem;}
    .product-page.detail .box5 li{width: calc(50% - .1rem);margin-right: .2rem;margin-bottom: .4rem;height: 1rem;}
    .product-page.detail .box5 li:nth-child(8n){margin-right: .2rem;}
    .product-page.detail .box5 li:nth-child(2n){margin-right: 0;}
}

@media (any-hover:hover){
    .product-page.list .cate .one>a:hover{color:#5dc138;}
    .product-page.list .cate .two:hover{color:#5dc138}
    .product-page.list .cate .three:hover{color:#5dc138}
    .product-page.list .cate .three:hover::before{background: #5dc138;}
    .product-page.list li:hover{box-shadow: 0 0 .08rem rgba(56,57,62,.23);background: #fff;}
    .product-page.list li:hover .img-div{background: #efefef;}
    .product-page.list li:hover .img-div>img{transform: scale(1.1);}
    .product-page.list li:hover .txt>a:nth-of-type(1){color:#5dc138}
    .product-page.list .txt>a:nth-of-type(2):hover{border-color: #a6d836;}
    .product-page.list .txt>a:nth-of-type(2):hover>p{color:#fff;background-image: url(../images/4-w.png);}

    .product-page.detail .box5 li:hover{transform: translateY(-.05rem);}
}

/* 方案 */
.solution-page .tit{color:#5dc138;font-size: .36rem}

.solution-page .crumb{background: #f7f7f7;padding: .3rem 0 .65rem;}

.solution-page .box1{background: #f7f7f7;padding-bottom: 1rem;}
.solution-page .box1 .content{margin-top: .35rem;}
.solution-page .box1 .content p{font-size: .16rem;line-height: .24rem;color:#505050}

.solution-page .box2{background: #f7f7f7;padding-bottom: .75rem;}
.solution-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .35rem;}
.solution-page .box2 li{width: calc(50% - .25rem);background: #fff;transition: .3s;border-radius: .1rem;margin-bottom: .5rem;padding: .4rem .7rem;}
.solution-page .box2 li:nth-child(2n+1){margin-right: .5rem;}
.solution-page .box2 .img-div{width: .8rem;height: .7rem;border-radius: .1rem;border: 1px solid #5dc138;}
.solution-page .box2 .img-div>img{max-width: 60%;max-height: 60%;}
.solution-page .box2 li>p:nth-of-type(1){font-size: .24rem;line-height: .32rem;color:#36455c;margin: .2rem 0 .1rem;}
.solution-page .box2 li>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;color:#505050}

.solution-page .box3{background: #f7f7f7;padding-bottom: .9rem;}
.solution-page .box3 .swiper-container{margin-top: .4rem;}
.solution-page .box3 .img-bg{border-radius: .1rem;}
.solution-page .box3 .img{padding-bottom: 57.77%;}
.solution-page .box3 .swiper-slide>p{color:#36455c;font-size: .2rem;line-height: .3rem;padding: .2rem .1rem 0;}
.solution-page .box3 .arrow{position: absolute;z-index: 2;width: .5rem;height: .5rem;cursor: pointer;background:url(../images/arrow1-w.svg) no-repeat center center/100%;top: 30%;right: .15rem;transition: .3s;}
.solution-page .box3 .prev{right: auto;left: .15rem;transform: rotate(180deg);}
.solution-page .box3 .swiper-button-disabled{opacity: .3;cursor: auto;}

.solution-page .box4{padding: 1rem 0;}
.solution-page .box4 .swiper-container{margin-top: .4rem;padding: .08rem;max-width: 14.56rem;}
.solution-page .box4 .swiper-slide{background: #f7f7f7;border-radius: .05rem;transition: .3s;padding: .1rem .1rem .25rem}
.solution-page .box4 .img-div{height: 3.4rem;background: #fff;border-radius: .05rem;transition: .3s;}
.solution-page .box4 .img-div>img{max-width: 80%;max-height: 80%;}
.solution-page .box4 .info{padding: .3rem .15rem 0;}
.solution-page .box4 .info>a:nth-of-type(1){color:#36455c;font-size: .18rem;line-height: .22rem;height: .44rem;}
.solution-page .box4 .info>p{color:#8d8d8d;font-size: .18rem;margin: .1rem 0 .25rem;}
.solution-page .box4 .info>a:nth-of-type(2){display: inline-block;border-radius: .05rem;border: 1px solid #b2bac5;}
.solution-page .box4 .info>a:nth-of-type(2)>p{width: 1.55rem;line-height: .4rem;position: relative;z-index: 2;background: url(../images/4.png) no-repeat 1.18rem center/.19rem;color:#949494;padding-left: .15rem;font-size: .16rem;}
.solution-page .box4 .arrow{position: absolute;z-index: 2;width: .4rem;height: .4rem;cursor: pointer;background:url(../images/arrow1.svg) no-repeat center center/100%;top: 1.6rem;right: .2rem;transition: .3s;opacity: .6;}
.solution-page .box4 .prev{right: auto;left: .2rem;transform: rotate(180deg);}
.solution-page .box4 .swiper-button-disabled{opacity: .3;cursor: auto;}

@media (max-width:1280px){
    .solution-page .box3 .arrow{top:32%}
}

@media (max-width:1024px){
    .solution-page .tit{font-size: .4rem}

    .solution-page .crumb{padding: .4rem 0 .6rem;}

    .solution-page .box1{padding-bottom: .8rem;}
    .solution-page .box1 .content p{font-size: .28rem;line-height: .48rem;}

    .solution-page .box2{padding-bottom: .5rem;}
    .solution-page .box2 ul{display: block;margin-top: .4rem;}
    .solution-page .box2 li{width: 100%;margin-bottom: .3rem;padding: .6rem .4rem;}
    .solution-page .box2 li:nth-child(2n+1){margin-right: 0;}
    .solution-page .box2 .img-div{width: 1.1rem;height: 1rem;}
    .solution-page .box2 li>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;margin: .3rem 0 .1rem;}
    .solution-page .box2 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .solution-page .box3{padding-bottom: .6rem;}
    .solution-page .box3 .swiper-container{margin-top: .4rem;padding-bottom: .7rem;}
    .solution-page .box3 .swiper-slide{height:auto}
    .solution-page .box3 .swiper-slide>p{font-size: .28rem;line-height: .48rem;padding: .3rem 0 0;}
    .solution-page .box3 .arrow{display: none;}
    .solution-page .box3 .swiper-pagination-bullet-active{background: #5dc138;}

    .solution-page .box4{padding: .8rem 0;}
    .solution-page .box4 .swiper-container{padding: 0;max-width: 100%;}
    .solution-page .box4 .swiper-slide{border-radius: .1rem;padding: .2rem .2rem .8rem;height:auto}
    .solution-page .box4 .img-div{height: 4rem;border-radius: .1rem;}
    .solution-page .box4 .info{padding: .3rem 0 0;}
    .solution-page .box4 .info>a:nth-of-type(1){font-size: .32rem;line-height: .52rem;height: auto;}
    .solution-page .box4 .info>p{font-size: .28rem;margin: .1rem 0 .3rem;}
    .solution-page .box4 .info>a:nth-of-type(2){border-radius: .1rem}
    .solution-page .box4 .info>a:nth-of-type(2)>p{width: 2.6rem;line-height: .6rem;background-position:2rem center;background-size: .3rem;padding-left: .3rem;font-size: .28rem;}
    .solution-page .box4 .arrow{display: none;}
    .solution-page .box4 .swiper-pagination-bullet-active{background: #5dc138;}
}

@media (any-hover:hover){
    .solution-page .box2 li:hover{transform: translateY(-.05rem);}

    .solution-page .box3 .swiper-slide:hover .img{transform: scale(1.1);}
    .solution-page .box3 .swiper-slide:hover>p{color:#5dc138}
    .solution-page .box3 .arrow.arrow:not(.swiper-button-disabled):hover{background-image: url(../images/arrow1-m.svg);}

    .solution-page .box4 .swiper-slide:hover{box-shadow: 0 0 .08rem rgba(56,57,62,.23);background: #fff;}
    .solution-page .box4 .swiper-slide:hover .img-div{background: #efefef;}
    .solution-page .box4 .swiper-slide:hover .img-div>img{transform: scale(1.1);}
    .solution-page .box4 .swiper-slide:hover .info>a:nth-of-type(1){color:#5dc138}
    .solution-page .box4 .info>a:nth-of-type(2):hover{border-color: #a6d836;}
    .solution-page .box4 .info>a:nth-of-type(2):hover>p{color:#fff;background-image: url(../images/4-w.png);}
    .solution-page .box4 .arrow.arrow:not(.swiper-button-disabled):hover{background-image: url(../images/arrow1-m.svg);}
}

/* 新闻 */
.news-page.list .crumb{padding: .35rem 0 .55rem;}
.news-page.list .crumb .width{width: 100%;}

.news-page.list .cate{display: flex;justify-content: center;border-bottom: 1px solid #ddd;padding-bottom: .2rem;margin-bottom: .9rem;}
.news-page.list .cate>a{color:#36455c;font-size: .36rem;margin-right: .4rem;position: relative;padding: 0 .1rem;}
.news-page.list .cate>a:last-child{margin-right: 0;}
.news-page.list .cate>a::after{content: '';position: absolute;bottom: -.2rem;left: 0;width: 0;height: .02rem;background: #5dc138;transition: .3s;}
.news-page.list .cate>a.active{color:#5dc138}
.news-page.list .cate>a.active::after{width: 100%;}

.news-page.list .best{margin-bottom: 1.2rem;}
.news-page.list .best .swiper-slide{display: flex;align-items: center;justify-content: space-between;}
.news-page.list .best .info{width: 46%;}
.news-page.list .best .info>a:nth-of-type(1){color:#36455c;font-size: .24rem;line-height: .36rem;}
.news-page.list .best .info>p:nth-of-type(1){color:#848484;background: url(../images/24.png) no-repeat left center/.2rem;padding-left: .3rem;margin: .15rem 0 .25rem;line-height: .2rem;}
.news-page.list .best .info>p:nth-of-type(2){color:#505050;font-size: .16rem;line-height: .24rem;}
.news-page.list .best .info>a:nth-of-type(2){background: linear-gradient(to right,#a6d836,#5cc138);border-radius: .05rem;display: inline-block;margin: .4rem 0 .3rem;}
.news-page.list .best .info>a:nth-of-type(2)>p{width: 1.35rem;line-height: .35rem;position: relative;z-index: 2;color:#fff;padding-left: .15rem;background: url(../images/4-w.png) no-repeat 1.02rem center/.19rem;}
.news-page.list .best .img-bg{width: 48.61%;border-radius: .1rem;}
.news-page.list .best .img{padding-bottom: 57.85%;}
.news-page.list .best .swiper-pagination{text-align: left;width: auto;}
.news-page.list .best .swiper-pagination-bullet{width: .12rem;height: .03rem;background: #939eae;border-radius: 0;opacity: 1;}
.news-page.list .best .swiper-pagination-bullet-active{background: #5dc138;width: .26rem;}

.news-page.list ul{display: flex;flex-wrap: wrap;padding-bottom: .3rem;}
.news-page.list li{width: calc(100% / 3 - .14rem);background: #f7f7f7;transition: .3s;border-radius: .1rem;margin-right: .21rem;padding: .1rem .1rem 1.1rem;position: relative;margin-bottom: .5rem;overflow: hidden;}
.news-page.list li::after{content:'';width: 0;height: .05rem;background: #5dc138;position: absolute;bottom: 0;left: 50%;transition: .3s;transform: translateX(-50%);}
.news-page.list li:nth-child(3n){margin-right: 0;}
.news-page.list li .img-bg{border-radius: .1rem;}
.news-page.list li .img{padding-bottom: 57.77%;}
.news-page.list li>p:nth-of-type(1){color:#36455c;font-size: .2rem;line-height: .3rem;margin: .2rem .1rem 0;}
.news-page.list li>p:nth-of-type(2){color:#848484;background: url(../images/24.png) no-repeat left center/.2rem;padding-left: .3rem;position: absolute;bottom: .2rem;left: .2rem;line-height: .2rem;}
.news-page.list .page{padding-bottom: .8rem;}

.news-page.detail .space{height: 1.2rem;}
.news-page.detail .crumb{background: #ececec;}
.news-page.detail .crumb .width{height: .65rem;max-width: 14.4rem;}
.news-page.detail .con{display: flex;justify-content: space-between;align-items: flex-start;padding: .7rem 0 .9rem;}
.news-page.detail .body{width: 68.5%;}
.news-page.detail .body>p{color:#36455c;font-size: .3rem;line-height: .48rem;}
.news-page.detail .time{display: flex;margin: .3rem 0 .2rem;}
.news-page.detail .time>p{color:#848484;padding-left: .3rem;background: url(../images/24.png) no-repeat left center/.2rem;line-height: .2rem;}
.news-page.detail .time>p:nth-of-type(2){background-image: url(../images/25.png);margin-left: .45rem;}
.news-page.detail .content{border-top:1px #ddd solid;border-bottom:1px #ddd solid;padding: .4rem 0 .6rem;margin-bottom: .3rem;}
.news-page.detail .content p{color:#505050;font-size: .16rem;line-height: .24rem;}
.news-page.detail .jump>p:nth-of-type(1){margin-bottom: .2rem;}
.news-page.detail .jump>p>span{font-size: .18rem;color:#36455c;}
.news-page.detail .jump>p>a{font-size: .16rem;color:#767676;margin-top: .15rem;}
.news-page.detail .best{position: sticky;top: 1.3rem;width: 27%;background: #f7f7f7;border-radius: .1rem;padding: .45rem .3rem .5rem .4rem;}
.news-page.detail .best>p{font-size: .24rem;color:#5dc138}
.news-page.detail .best li{border-bottom: 1px solid #d4d4d4;padding: .25rem 0 .15rem;}
.news-page.detail .best li>p{color:#848484;background: url(../images/24.png) no-repeat left center/.13rem;font-size: .12rem;padding-left: .2rem;margin-bottom: .1rem;}
.news-page.detail .best li>a{color:#36455c;line-height: .2rem;}

@media (max-width:1024px){
    .news-page.list .crumb{padding: .4rem 0 .6rem;}

    .news-page.list .cate{margin-bottom: .6rem;}

    .news-page.list .best{margin-bottom: .6rem;}
    .news-page.list .best .swiper-slide{flex-direction: column;}
    .news-page.list .best .info{width: 100%;order:2;}
    .news-page.list .best .info>a:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .news-page.list .best .info>p:nth-of-type(1){background-size:.3rem;padding-left: .45rem;line-height: .3rem;}
    .news-page.list .best .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .news-page.list .best .info>a:nth-of-type(2){border-radius: .1rem;margin: .3rem 0 0;}
    .news-page.list .best .info>a:nth-of-type(2)>p{width: 2.6rem;line-height: .6rem;padding-left: .3rem;background-position:2rem center;background-size: .3rem;}
    .news-page.list .best .img-bg{width: 100%;margin-bottom: .4rem;}
    .news-page.list .best .swiper-pagination{text-align: center;width: 100%;}
    .news-page.list .best .swiper-pagination-bullet{width: .15rem;height: .08rem;}
    .news-page.list .best .swiper-pagination-bullet-active{width: .3rem;}

    .news-page.list ul{display: block;padding-bottom: .4rem;}
    .news-page.list li{width: 100%;margin-right: 0;padding: .2rem .2rem .5rem;margin-bottom: .4rem}
    .news-page.list li .img-bg{border-radius: .2rem;}
    .news-page.list li>p:nth-of-type(1){font-size: .28rem;line-height: .48rem;margin: .3rem 0 .2rem;}
    .news-page.list li>p:nth-of-type(2){background-size:.3rem;padding-left: .45rem;position: static;line-height: .3rem;}
    .news-page.list .page{padding-bottom:.8rem;}

    .news-page.detail .space{height: 1.2rem;}
    .news-page.detail .crumb .width{height: .8rem;max-width: 100%;}
    .news-page.detail .con{display: block;padding: .6rem 0 .8rem;}
    .news-page.detail .body{width: 100%;margin-bottom: .6rem;}
    .news-page.detail .body>p{font-size: .32rem;line-height: .52rem;}
    .news-page.detail .time{margin: .3rem 0;}
    .news-page.detail .time>p{padding-left: .45rem;background-size:.3rem;line-height: .3rem;}
    .news-page.detail .time>p:nth-of-type(2){margin-left: .4rem;}
    .news-page.detail .content{padding: .4rem 0;margin-bottom: .4rem;}
    .news-page.detail .content p{font-size: .28rem;line-height: .48rem;}
    .news-page.detail .jump>p:nth-of-type(1){margin-bottom: .2rem;}
    .news-page.detail .jump>p>span{font-size: .28rem;}
    .news-page.detail .jump>p>a{font-size: .28rem;}
    .news-page.detail .best{position: static;width: 100%;padding: .6rem .4rem;}
    .news-page.detail .best>p{font-size: .36rem}
    .news-page.detail .best li{padding: .4rem 0;}
    .news-page.detail .best li>p{background-size:.3rem;font-size: .28rem;padding-left: .45rem;margin-bottom: .2rem;line-height: .3rem;}
    .news-page.detail .best li>a{line-height: .44rem;}
}

@media (any-hover:hover){
    .news-page.list .cate>a:hover{color:#5dc138}
    .news-page.list .cate>a:hover::after{width: 100%;}
    .news-page.list .best .swiper-slide:hover .info>a:nth-of-type(1){color:#5dc138}
    .news-page.list li:hover{background: #fff;box-shadow: 0 0 .08rem rgba(56,57,62,.23);}
    .news-page.list li:hover::after{width: 100%;}
    .news-page.list li:hover .img{transform: scale(1.1);}
    .news-page.list li:hover>p:nth-of-type(1){color:#5dc138}

    .news-page.detail .jump>p>a:hover{color:#5dc138}
    .news-page.detail .best li>a:hover{color:#5dc138}
}

/* 案例 */
.cases-page.list .crumb{padding: .35rem 0 .55rem;}
.cases-page.list .crumb .width{width: 100%;}

.cases-page.list .cate{display: flex;justify-content: center;border-bottom: 1px solid #ddd;padding-bottom: .2rem;margin-bottom: .9rem;}
.cases-page.list .cate>a{color:#36455c;font-size: .36rem;margin-right: .4rem;position: relative;padding: 0 .1rem;}
.cases-page.list .cate>a:last-child{margin-right: 0;}
.cases-page.list .cate>a::after{content: '';position: absolute;bottom: -.2rem;left: 0;width: 0;height: .02rem;background: #5dc138;transition: .3s;}
.cases-page.list .cate>a.active{color:#5dc138}
.cases-page.list .cate>a.active::after{width: 100%;}

.cases-page.list ul{display: flex;flex-wrap: wrap;padding-bottom: .3rem;}
.cases-page.list li{width: calc(100% / 3 - .14rem);background: #f7f7f7;transition: .3s;border-radius: .1rem;margin-right: .21rem;padding: .1rem .1rem 1.1rem;position: relative;margin-bottom: .5rem;overflow: hidden;}
.cases-page.list li::after{content:'';width: 0;height: .05rem;background: #5dc138;position: absolute;bottom: 0;left: 50%;transition: .3s;transform: translateX(-50%);}
.cases-page.list li:nth-child(3n){margin-right: 0;}
.cases-page.list .img-bg{border-radius: .1rem;}
.cases-page.list .img{padding-bottom: 58.42%;}
.cases-page.list li>p{color:#36455c;font-size: .2rem;line-height: .3rem;margin: .15rem .1rem 0;}
.cases-page.list .icon{display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: .25rem;padding:0 .3rem;left: 0;width: 100%;}
.cases-page.list .img-div{width: .5rem;height: .32rem;}
.cases-page.list .icon>p{color:#848484;padding-left: .3rem;background: url(../images/24.png) no-repeat left center/.2rem;line-height: .2rem;}
.cases-page.list .page{padding-bottom: .8rem;}

.cases-page.detail .space{height: 1.2rem;}
.cases-page.detail .crumb{background: #ececec;}
.cases-page.detail .crumb .width{height: .65rem;max-width: 14.4rem;}
.cases-page.detail .con{display: flex;justify-content: space-between;align-items: flex-start;padding: .7rem 0 .9rem;}
.cases-page.detail .body{width: 68.5%;}
.cases-page.detail .body>p{color:#36455c;font-size: .3rem;line-height: .48rem;}
.cases-page.detail .time{display: flex;margin: .3rem 0 .2rem;}
.cases-page.detail .time>p{color:#848484;padding-left: .3rem;background: url(../images/24.png) no-repeat left center/.2rem;line-height: .2rem;}
.cases-page.detail .time>p:nth-of-type(2){background-image: url(../images/25.png);margin-left: .45rem;}
.cases-page.detail .content{border-top:1px #ddd solid;border-bottom:1px #ddd solid;padding: .4rem 0 .6rem;margin-bottom: .3rem;}
.cases-page.detail .content p{color:#505050;font-size: .16rem;line-height: .24rem;}
.cases-page.detail .jump>p:nth-of-type(1){margin-bottom: .2rem;}
.cases-page.detail .jump>p>span{font-size: .18rem;color:#36455c;}
.cases-page.detail .jump>p>a{font-size: .16rem;color:#767676;margin-top: .15rem;}
.cases-page.detail .best{position: sticky;top: 1.3rem;width: 27%;background: #f7f7f7;border-radius: .1rem;padding: .45rem .3rem .5rem .4rem;}
.cases-page.detail .best>p{font-size: .24rem;color:#5dc138}
.cases-page.detail .best li{border-bottom: 1px solid #d4d4d4;padding: .25rem 0 .15rem;}
.cases-page.detail .best li>p{color:#848484;background: url(../images/24.png) no-repeat left center/.13rem;font-size: .12rem;padding-left: .2rem;margin-bottom: .1rem;}
.cases-page.detail .best li>a{color:#36455c;line-height: .2rem;}

@media (max-width:1024px){
    .cases-page.list .crumb{padding: .4rem 0 .6rem;}

    .cases-page.list .cate{justify-content: flex-start;padding-bottom: .2rem;margin-bottom: .6rem;white-space: nowrap;overflow-x: auto;}
    .cases-page.list .cate>a{font-size: .32rem;padding: 0;}

    .cases-page.list ul{display: block;padding-bottom: .4rem;}
    .cases-page.list li{width: 100%;margin-right: 0;padding: .2rem .2rem .5rem;margin-bottom: .4rem}
    .cases-page.list .img-bg{border-radius: .2rem;}
    .cases-page.list li>p{font-size: .28rem;line-height: .48rem;margin: .2rem .1rem;}
    .cases-page.list .icon{position: static;padding:0 .1rem}
    .cases-page.list .img-div{width: .6rem;height: .42rem;}
    .cases-page.list .icon>p{padding-left: .45rem;background-size:.3rem;line-height: .3rem;}
    .cases-page.list .page{padding: .2rem 0 .4rem;}

    .cases-page.detail .space{height: 1.2rem;}
    .cases-page.detail .crumb .width{height: .8rem;max-width: 100%;}
    .cases-page.detail .con{display: block;padding: .6rem 0 .8rem;}
    .cases-page.detail .body{width: 100%;margin-bottom: .6rem;}
    .cases-page.detail .body>p{font-size: .32rem;line-height: .52rem;}
    .cases-page.detail .time{margin: .3rem 0;}
    .cases-page.detail .time>p{padding-left: .45rem;background-size:.3rem;line-height: .3rem;}
    .cases-page.detail .time>p:nth-of-type(2){margin-left: .4rem;}
    .cases-page.detail .content{padding: .4rem 0;margin-bottom: .4rem;}
    .cases-page.detail .content p{font-size: .28rem;line-height: .48rem;}
    .cases-page.detail .jump>p>span{font-size: .28rem;}
    .cases-page.detail .jump>p>a{font-size: .28rem;margin-top: .1rem;}
    .cases-page.detail .best{position: static;width: 100%;padding: .6rem .4rem;}
    .cases-page.detail .best>p{font-size: .36rem}
    .cases-page.detail .best li{padding: .4rem 0;}
    .cases-page.detail .best li>p{background-size:.3rem;font-size: .28rem;padding-left: .45rem;margin-bottom: .2rem;}
    .cases-page.detail .best li>a{line-height: .44rem;}
}

@media (any-hover:hover){
    .cases-page.list .cate>a:hover{color:#5dc138}
    .cases-page.list .cate>a:hover::after{width: 100%;}
    .cases-page.list li:hover{background: #fff;box-shadow: 0 0 .08rem rgba(56,57,62,.23);}
    .cases-page.list li:hover::after{width: 100%;}
    .cases-page.list li:hover .img{transform: scale(1.1);}
    .cases-page.list li:hover>p{color:#5dc138}

    .cases-page.detail .jump>p>a:hover{color:#5dc138}
    .cases-page.detail .best li>a:hover{color:#5dc138}
}

/* FAQ */
.faq-page .tit{color:#36455c;font-size: .24rem;}

.faq-page .crumb{padding: .35rem 0 .55rem;}
.faq-page .crumb .width{width: 100%;}

.faq-page .cate{display: flex;justify-content: center;border-bottom: 1px solid #ddd;padding-bottom: .2rem;}
.faq-page .cate>a{color:#36455c;font-size: .36rem;margin-right: .4rem;position: relative;padding: 0 .1rem;}
.faq-page .cate>a:last-child{margin-right: 0;}
.faq-page .cate>a::after{content: '';position: absolute;bottom: -.2rem;left: 0;width: 0;height: .02rem;background: #5dc138;transition: .3s;}
.faq-page .cate>a.active{color:#5dc138}
.faq-page .cate>a.active::after{width: 100%;}

.faq-page .box1{padding: .8rem 0 .65rem;}
.faq-page .box1 .content{margin-top: .35rem;}
.faq-page .box1 .content p{font-size: .16rem;line-height: .24rem;color:#505050}

.faq-page .box2{padding-bottom: .8rem;}
.faq-page .box2>p{font-size: .16rem;color:#8e8e8e;margin: .1rem 0 .3rem;}
.faq-page .box2 li{border-radius: .1rem;border: 1px solid #d7d7d7;background: #f7f7f7;transition: .3s;margin-bottom: .2rem;}
.faq-page .box2 li>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;color:#36455c;padding: .12rem .8rem .12rem .3rem;background: url(../images/22.png) no-repeat calc(100% - .2rem) .15rem/.2rem;cursor: pointer;transition: .3s;}
.faq-page .box2 li>p:nth-of-type(2){color:#707070;font-size: .16rem;line-height: .24rem;padding: .15rem .8rem .4rem .3rem;display: none;}
.faq-page .box2 li.active{border-color:#5dc138;background: none;}
.faq-page .box2 li.active>p:nth-of-type(1){background-image: url(../images/23-m.png);color:#5dc138}

@media (max-width:1024px){
    .faq-page .tit{font-size: .36rem;}

    .faq-page .crumb{padding: .4rem 0 .6rem;}

    .faq-page .cate>a{padding: 0;}

    .faq-page .box1{padding: .6rem 0 .8rem;}
    .faq-page .box1 .content{margin-top: .4rem;}
    .faq-page .box1 .content p{font-size: .28rem;line-height: .48rem}

    .faq-page .box2{padding-bottom: .5rem;}
    .faq-page .box2>p{font-size: .28rem;margin: .1rem 0 .4rem;line-height: .48rem;}
    .faq-page .box2 li{margin-bottom: .3rem;}
    .faq-page .box2 li>p:nth-of-type(1){font-size: .32rem;line-height: .48rem;padding: .25rem .7rem .25rem .4rem;background-position:calc(100% - .3rem) .35rem;background-size:.25rem}
    .faq-page .box2 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;padding: 0 .4rem .6rem;}
}

@media (any-hover:hover){
    .faq-page .cate>a:hover{color:#5dc138}
    .faq-page .cate>a:hover::after{width: 100%;}

    .faq-page .box2 li>p:nth-of-type(1):hover{color:#5dc138}
}

/* 售后 */
.aftersale-page .crumb{padding: .35rem 0 .55rem;}
.aftersale-page .crumb .width{width: 100%;}

.aftersale-page .cate{display: flex;justify-content: center;border-bottom: 1px solid #ddd;padding-bottom: .2rem;}
.aftersale-page .cate>a{color:#36455c;font-size: .36rem;margin-right: .4rem;position: relative;padding: 0 .1rem;}
.aftersale-page .cate>a:last-child{margin-right: 0;}
.aftersale-page .cate>a::after{content: '';position: absolute;bottom: -.2rem;left: 0;width: 0;height: .02rem;background: #5dc138;transition: .3s;}
.aftersale-page .cate>a.active{color:#5dc138}
.aftersale-page .cate>a.active::after{width: 100%;}

.aftersale-page>p:nth-of-type(1){color:#36455c;font-size: .24rem;line-height: .34rem;margin: .7rem 0 .35rem;}
.aftersale-page>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;color:#505050;margin-bottom: .4rem;}
.aftersale-page>img{border-radius: .1rem;}
.aftersale-page .comment{margin: -2.1rem auto .6rem;border-radius: .1rem;background: #f7f7f7;position: relative;z-index: 2;width: 12rem;padding: .7rem .6rem;}
.aftersale-page .comment>p{color:#36455c;font-size: .24rem;text-align: center;margin-bottom: .5rem;}
.aftersale-page ul{display: flex;flex-wrap: wrap;margin-bottom: .4rem;}
.aftersale-page li{width: calc(50% - .15rem);margin-bottom: .2rem;}
.aftersale-page li:nth-child(2n+1){margin-right: .3rem;}
.aftersale-page li.w100{width: 100%;margin-right: 0;}
.aftersale-page li>p{font-size: .16rem;color:#36455c;margin-bottom: .1rem;}
.aftersale-page li>p>span{color:red}
.aftersale-page li>input{border: 1px solid #d7d7d7;height: .55rem;border-radius: .1rem;width: 100%;font-size: .16rem;}
.aftersale-page li>input::placeholder{font-size: .16rem;}
.aftersale-page li>input:focus{border-color:#5dc138}
.aftersale-page .btn{background: linear-gradient(to right,#a6d836,#5cc138);border-radius: .1rem;cursor: pointer;width: 1.7rem;margin: 0 auto;}
.aftersale-page .btn>p{line-height: .45rem;position: relative;z-index: 2;font-size: .16rem;text-align: center;color:#fff;}

@media (max-width:1024px){
    .aftersale-page .crumb{padding: .4rem 0 .6rem;}

    .aftersale-page .cate>a{padding: 0;}

    .aftersale-page>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin: .6rem 0 .4rem;}
    .aftersale-page>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .aftersale-page .comment{margin: .6rem auto .8rem;width: 100%;padding: .6rem .4rem .8rem;}
    .aftersale-page .comment>p{font-size: .36rem;margin-bottom: .4rem;}
    .aftersale-page ul{display: block;margin-bottom: .6rem;}
    .aftersale-page li{width: 100%;margin-bottom: .3rem;}
    .aftersale-page li:nth-child(2n+1){margin-right: 0;}
    .aftersale-page li>p{font-size: .28rem;margin-bottom: .2rem;}
    .aftersale-page li>input{height: .8rem;font-size: .26rem;}
    .aftersale-page li>input::placeholder{font-size: .26rem;}
    .aftersale-page .btn{width: 2.2rem}
    .aftersale-page .btn>p{line-height: .8rem;font-size: .28rem}
}

@media (any-hover:hover){
    .aftersale-page .cate>a:hover{color:#5dc138}
    .aftersale-page .cate>a:hover::after{width: 100%;}
}

/* 下载 */
.download-page .crumb{padding: .35rem 0 .55rem;}
.download-page .crumb .width{width: 100%;}

.download-page .nav{display: flex;justify-content: center;border-bottom: 1px solid #ddd;padding-bottom: .2rem;}
.download-page .nav>a{color:#36455c;font-size: .36rem;margin-right: .4rem;position: relative;padding: 0 .1rem;}
.download-page .nav>a:last-child{margin-right: 0;}
.download-page .nav>a::after{content: '';position: absolute;bottom: -.2rem;left: 0;width: 0;height: .02rem;background: #5dc138;transition: .3s;}
.download-page .nav>a.active{color:#5dc138}
.download-page .nav>a.active::after{width: 100%;}

.download-page>p{color:#36455c;font-size: .16rem;line-height: .24rem;text-align: center;max-width: 8.9rem;margin: .5rem auto .7rem;}
.download-page .con{display: flex;justify-content: space-between;margin-bottom: .4rem;align-items: flex-start;}
.download-page .cate{width: 30%;background: #f7f7f7;position: sticky;top: 1.3rem;padding: .35rem .3rem .5rem .4rem;border-radius: .05rem;}
.download-page .cate>p{color:#5dc138;font-size: .36rem;margin-bottom: .4rem;}
.download-page .cate .one{border-bottom: 1px solid #36455c;padding-bottom:.05rem;margin-bottom: .2rem;display: flex;}
.download-page .cate .one>a{font-size: .16rem;line-height: .24rem;color:#36455c;flex:1;margin-right: .25rem;}
.download-page .cate .one>p{background: url(../images/22.png) no-repeat center center/100%;width: .15rem;height: .15rem;margin-top: .04rem;cursor: pointer;}
.download-page .child{display: none;padding-bottom: .3rem;}
.download-page .child:last-child{padding-bottom: 0;}
.download-page .cate .two{color: #65676b;line-height: .22rem;margin-bottom: .05rem;}
.download-page .cate .two:last-child{margin-bottom: 0;}
.download-page .cate .one.active{border-color:#5dc138;}
.download-page .cate .one.active>a{color:#5dc138;}
.download-page .cate .one.active>p{background-image: url(../images/22-m.png);}
.download-page .cate .one.open>p{background-image: url(../images/23.png);}
.download-page .cate .one.open.active>p{background-image: url(../images/23-m.png)}
.download-page .cate .two.active{color:#5dc138}
.download-page .m-cate{display: none;}
.download-page .info{width: 66%;}
.download-page ul{display: flex;flex-wrap: wrap;}
.download-page li{width: calc(100% / 3 - .14rem);margin-right: .21rem;background: #f7f7f7;border-radius: .05rem;transition: .3s;padding: .1rem .1rem .8rem;margin-bottom: .3rem;position: relative;}
.download-page li:nth-child(3n){margin-right: 0;}
.download-page .img-div{height: 3rem;background: #fff;border-radius: .05rem;transition: .3s;}
.download-page .img-div>img{max-width: 80%;max-height: 80%;}
.download-page .txt{padding: .3rem .15rem 0;}
.download-page .txt>a:nth-of-type(1){color:#36455c;font-size: .16rem;line-height: .2rem;}
.download-page .txt>a:nth-of-type(2){display: inline-block;border-radius: .05rem;border: 1px solid #b2bac5;position: absolute;bottom: .2rem;left: .25rem;}
.download-page .txt>a:nth-of-type(2)>p{width: 1.35rem;line-height: .35rem;position: relative;z-index: 2;background: url(../images/4.png) no-repeat 1.02rem center/.19rem;color:#949494;padding-left: .15rem;}

@media (max-width:1024px){
    .download-page .crumb{padding: .4rem 0 .6rem;}

    .download-page .nav>a{padding: 0;}

    .download-page>p{font-size: .28rem;line-height: .48rem;max-width: 100%;margin: .4rem auto .6rem;}
    .download-page .con{display: block;margin-bottom: .8rem;}
    .download-page .cate{width: 100%;position: fixed;padding: .5rem .4rem;border-radius: .1rem;top:2.5rem;left:2%;width:94%;z-index: 1001;overflow-y: auto;max-height: calc(100% - 3rem);display: none;}
    .download-page .cate .close{width:.4rem;height: .4rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .3rem;right: .3rem;}
    .download-page .cate>p{font-size: .4rem;margin-bottom: .3rem;}
    .download-page .cate .one{padding-bottom:.15rem;margin-bottom: .3rem}
    .download-page .cate .one>a{font-size: .32rem;line-height: .52rem;margin-right: .4rem;}
    .download-page .cate .one>p{width: .25rem;height: .25rem;margin-top: .12rem}
    .download-page .cate .two{line-height: .48rem;margin-bottom: 0;}
    .download-page .m-cate{display: block;font-size: .28rem;color:#fff;background: #5dc138;margin-bottom: .4rem;text-align: center;line-height: .7rem;border-radius: .1rem;}
    .download-page .info{width: 100%;}
    .download-page ul{display: block}
    .download-page li{width: 100%;margin-right: 0;border-radius: .1rem;padding: .2rem .2rem .6rem;}
    .download-page .img-div{height: 4rem;border-radius: .1rem}
    .download-page .txt{padding: .3rem .1rem 0;}
    .download-page .txt>a:nth-of-type(1){font-size: .28rem;line-height: .48rem;margin-bottom: .3rem;}
    .download-page .txt>a:nth-of-type(2){border-radius: .1rem;position: static;}
    .download-page .txt>a:nth-of-type(2)>p{width: 2.6rem;line-height: .6rem;background: url(../images/4.png) no-repeat 2rem center/.3rem;padding-left: .4rem;}
}

@media (any-hover:hover){
    .download-page .nav>a:hover{color:#5dc138}
    .download-page .nav>a:hover::after{width: 100%;}

    .download-page .cate .one>a:hover{color:#5dc138;}
    .download-page .cate .two:hover{color:#5dc138}
    .download-page li:hover{box-shadow: 0 0 .08rem rgba(56,57,62,.23);background: #fff;}
    .download-page li:hover .img-div{background: #efefef;}
    .download-page li:hover .img-div>img{transform: scale(1.1);}
    .download-page li:hover .txt>a:nth-of-type(1){color:#5dc138}
    .download-page .txt>a:nth-of-type(2):hover{border-color: #a6d836;}
    .download-page .txt>a:nth-of-type(2):hover>p{color:#fff;background-image: url(../images/4-w.png);}
}

/* 联系 */
.contact-page .crumb{padding: .35rem 0 .85rem;}
.contact-page .crumb .width{width: 100%;}
.contact-page>p{max-width: 9rem;margin: 0 auto;font-size: .16rem;line-height: .24rem;color:#36455c;text-align: center;}
.contact-page>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;color:#5dc138;margin-bottom: .3rem;}
.contact-page ul{display: flex;margin: .7rem 0;}
.contact-page li{background: #f7f7f7;border-radius: .1rem;margin-right: .32rem;text-align: center;color:#36455c;padding: .3rem .2rem;width: calc(25% - .24rem);margin-right: .32rem;}
.contact-page li:last-child{margin-right: 0;}
.contact-page li .img-div{width: .55rem;height: .55rem;border: 1px solid #5dc138;border-radius: 50%;margin: 0 auto;}
.contact-page li .img-div>img{max-width: 60%;max-height: 60%;}
.contact-page li>p:nth-of-type(1){font-size: .24rem;margin: .1rem 0 .05rem;}
.contact-page li>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;}
.contact-page .company{margin-bottom: .4rem;}
.contact-page .company>p{font-size: .36rem;color:#5dc138;margin-bottom: .3rem;text-align: center;}
.contact-page .company .items{display: flex;flex-wrap: wrap;}
.contact-page .company .item{width: calc(25% - .24rem);margin-right: .32rem;margin-bottom: .3rem;background: #f7f7f7;border-radius: .1rem;transition: .3s;}
.contact-page .company .item:nth-child(4n){margin-right: 0;}
.contact-page .company .item .img-bg{border-radius: .1rem .1rem 0 0;}
.contact-page .company .item .img{padding-bottom: 59.7%;}
.contact-page .company .item .info{padding: .2rem;}
.contact-page .company .item .info>p{line-height: .22rem;color:#666;margin-bottom: .05rem;}
.contact-page .company .item .info>p:nth-of-type(1){font-size: .18rem;line-height: .24rem;color:#333;margin-bottom: .1rem;}
.contact-page .message{margin-bottom: .8rem;}
.contact-page .message>p{font-size: .36rem;color:#5dc138;margin-bottom: .3rem;text-align: center;}
.contact-page .message .item{display: flex;flex-wrap: wrap;}
.contact-page .message .item>input{width: calc(50% - .15rem);height: .55rem;border: 1px #eee solid;margin-bottom: .2rem;}
.contact-page .message .item>input:nth-child(2n+1){margin-right: .3rem;}
.contact-page .message .item>input:focus{border-color:#5dc138}
.contact-page .message .item>textarea{width: 100%;height: 1.5rem;border: 1px #eee solid;margin-bottom: .3rem;}
.contact-page .message .item>textarea:focus{border-color:#5dc138}
.contact-page .message .btn{background: linear-gradient(to right,#a6d836,#5cc138);width: 2.2rem;margin: 0 auto;cursor: pointer;font-size: .16rem;}
.contact-page .message .btn>p{position: relative;z-index: 2;line-height: .55rem;color:#fff;text-align: center;}
.contact-page #map{height:6.6rem;border-radius: .1rem;margin-bottom: .8rem;}
.contact-page .BMap_cpyCtrl,.contact-page .BMap_stdMpCtrl,.contact-page .anchorBL,.contact-page .BMap_omCtrl,.contact-page .BMap_noprint{display:none}
.contact-page .BMap_Marker>div{display: none;}
.contact-page .BMapLabel{border:0 !important;background: none !important;}
.contact-page .map-tip{padding-bottom: 10px;position: relative;}
.contact-page .map-tip::before{content:'';width:21px;height:31px;background: url(../images/29.png) no-repeat center center/100%;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);}
.contact-page .map-tip>p{width:200px;line-height:45px;background: #00923f;color:#fff;border-radius: 5px;position: relative;font-size: 16px;text-align: center;transform:translateY(-35px);}
.contact-page .map-tip>p::before{content:'';width:15px;height:15px;background: #00923f;position: absolute;bottom:-5px;left: 50%;transform: translateX(-50%) rotate(45deg);}

@keyframes contact-play {
    0%{transform: rotate(0);}
    20%{transform: rotate(30deg);}
    40%{transform: rotate(-30deg);}
    60%{transform: rotate(15deg);}
    80%{transform: rotate(-15deg);}
    100%{transform: rotate(0);}
}

@media (max-width:1024px){
    .contact-page .crumb{padding: .4rem 0 .6rem;}
    .contact-page>p{max-width: 100%;font-size: .28rem;line-height: .48rem;}
    .contact-page>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin-bottom: .1rem;}
    .contact-page ul{display: block;margin: .6rem 0 .8rem;}
    .contact-page li{margin-right: 0;padding: .6rem .4rem;margin-bottom: .3rem;width: 100%;margin-right: 0;}
    .contact-page li .img-div{width: 1rem;height: 1rem}
    .contact-page li .img-div>img{max-width: 50%;max-height: 50%;}
    .contact-page li>p:nth-of-type(1){font-size: .36rem;margin: .2rem 0 .1rem;}
    .contact-page li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .contact-page .company{margin-bottom: .8rem;}
    .contact-page .company>p{margin-bottom: .4rem}
    .contact-page .company .items{display: block}
    .contact-page .company .item{width: 100%;margin-right: 0;margin-bottom: .4rem;}
    .contact-page .company .item .info{padding: .4rem;}
    .contact-page .company .item .info>p{line-height: .48rem}
    .contact-page .company .item .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;}
    .contact-page .message>p{margin-bottom: .4rem;}
    .contact-page .message .item{display: block}
    .contact-page .message .item>input{width: 100%;height: .8rem;margin-bottom: .3rem;}
    .contact-page .message .item>input:nth-child(2n+1){margin-right: 0;}
    .contact-page .message .item>textarea{height: 3rem;}
    .contact-page .message .btn{width: 3.8rem}
    .contact-page .message .btn>p{line-height: .8rem;font-size: .28rem;}
}

@media (any-hover:hover){
    .contact-page li:hover .img-div>img{animation: contact-play .5s linear;}
    .contact-page .company .item:hover{background: #5dc138;}
    .contact-page .company .item:hover .info>p{color:#fff}
    .contact-page .company .item:hover .info>p:nth-of-type(1){color:#fff}
}

/* 搜索 */
.search-page .space{height: 1.2rem;}
.search-page .crumb{background: #ececec;}
.search-page .crumb .width{height: .65rem;max-width: 14.4rem;}
.search-page ul{display: flex;flex-wrap: wrap;padding: .8rem 0 .3rem;}
.search-page li{width: calc(100% / 3 - .14rem);background: #f7f7f7;transition: .3s;border-radius: .1rem;margin-right: .21rem;padding: .1rem .1rem .3rem;position: relative;margin-bottom: .5rem;overflow: hidden;}
.search-page li::after{content:'';width: 0;height: .05rem;background: #5dc138;position: absolute;bottom: 0;left: 50%;transition: .3s;transform: translateX(-50%);}
.search-page li:nth-child(3n){margin-right: 0;}
.search-page li .img-bg{border-radius: .1rem;height: 2.6rem;}
.search-page li .img-div{border-radius: .1rem;height: 2.6rem;background: #fff;}
.search-page li .img-div>img{max-width: 80%;max-height: 80%;}
.search-page li>p{color:#36455c;font-size: .2rem;line-height: .3rem;margin: .2rem .1rem 0;}
.search-page .page{padding-bottom: .8rem;}

@media (max-width:1024px){
    .search-page .space{height: 1.2rem;}
    .search-page .crumb .width{height: .8rem;max-width: 100%;}
    .search-page ul{display: block;padding: .6rem 0 .4rem;}
    .search-page li{width: 100%;margin-right: 0;padding: .2rem .2rem .4rem;margin-bottom: .4rem}
    .search-page li .img-bg{border-radius: .2rem;height: 4rem;}
    .search-page li .img-div{border-radius: .2rem;height: 4rem}
    .search-page li>p{font-size: .28rem;line-height: .48rem;margin: .3rem .1rem 0;}
    .search-page .page{padding-bottom: .8rem;}
}

@media (any-hover:hover){
    .search-page li:hover{background: #fff;box-shadow: 0 0 .08rem rgba(56,57,62,.23);}
    .search-page li:hover::after{width: 100%;}
    .search-page li:hover .img-div{background: #f7f7f7;}
    .search-page li:hover .img-div>img{transform: scale(1.1);}
    .search-page li:hover .img{transform: scale(1.1);}
    .search-page li:hover>p{color:#5dc138}
}

/* 单页面 */
.single-page .space{height: 1.2rem;}
.single-page .crumb{background: #ececec;}
.single-page .crumb .width{height: .65rem;max-width: 14.4rem;}
.single-page .con{padding: .7rem 0 .9rem;}
.single-page .con>p{color:#36455c;font-size: .3rem;line-height: .48rem;margin-bottom: .3rem;}
.single-page .content{border-top:1px #ddd solid;padding-top: .3rem}
.single-page .content p{color:#505050;font-size: .16rem;line-height: .24rem;}

@media (max-width:1024px){
    .single-page .space{height: 1.2rem;}
    .single-page .crumb .width{height: .8rem;max-width: 100%;}
    .single-page .con{padding: .6rem 0 .8rem;}
    .single-page .con>p{font-size: .32rem;line-height: .52rem;}
    .single-page .content{padding-top: .3rem}
    .single-page .content p{font-size: .28rem;line-height: .48rem;}
}