/*公共*/
.header{position: fixed;top: 0;left: 0;width: 100%;transition: .3s;z-index: 1000;}
.header .bg{width:0;height:0;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: .5s;border-bottom: 1px #eee solid;}
.header .width{display: flex;align-items: center;position: relative;z-index: 2;}
.header .logo{width: .8rem;height: .8rem;justify-content: flex-start;transition: .3s;}
.header .con{flex:1;display: flex;justify-content: flex-end;}
.header ul{display: flex;position: relative;padding: 0 .1rem;transition: .3s;}
.header ul::after{content:'';position: absolute;top: .3rem;left: 0;background: #fff;border-radius: .3rem;width:100%;height: .6rem;}
.header li{font-size: .18rem;position: relative;z-index: 2;margin-right: .3rem;}
.header li>a{line-height: 1.2rem;color:#666;padding: 0 .2rem;position: relative;transition: .3s}
.header li>a::after{width: 0;height: .4rem;background: #b9d14c;top: 50%;left: 50%;transform: translate(-50%,-50%);content:'';position: absolute;border-radius: .2rem;transition: .3s;}
.header li>a>span{position: relative;z-index: 2;}
.header .child{background: #fff;border-radius: .1rem;position: absolute;top: 1rem;left: 50%;transform: translateX(-50%);padding: .2rem .4rem;box-shadow: 0 0 .1rem rgba(0,0,0,.1);display: none;width: max-content;text-align: center;}
.header .child>a{line-height: .4rem;font-size: .16rem;}
.header .searchs{position: relative;margin: 0 .2rem 0 .5rem;}
.header .search-icon{width: .6rem;height: .6rem;border-radius: 50%;background: #fff url(../images/search.png) no-repeat center center/.21rem;margin-top: .3rem;cursor: pointer;transition: .3s;margin-top: .3rem;}
.header .search-box{margin-right: .2rem;display: flex;transform: scale(0);transition: .3s;position: absolute;top: .3rem;right: 0;}
.header .search{display: flex;width: 3.6rem;background: #fff;border-radius: .3rem;border: 1px #eee solid;margin-right: .2rem;}
.header .search>input{width: 3rem;height: .58rem;border-radius: .3rem 0 0 .3rem;padding: 0 .25rem;border-right: 0;}
.header .search .btn{width: .6rem;height: .58rem;border-radius: 50%;background: #b9d14c url(../images/search-w.png) no-repeat center center/.21rem;cursor: pointer;transition: .3s;}
.header .search-box .close{width: .6rem;height: .6rem;border-radius: 50%;background: #b9d14c url(../images/close-w.svg) no-repeat center center/.21rem;cursor: pointer;transition: .3s}
.header .con>a{background: #fff;border-radius: .3rem;padding-right: .3rem;margin-top: .3rem;height: .6rem;transition: .3s;}
.header .con>a>p{font-size: .16rem;background: url(../images/arrow1.svg) no-repeat right center/.2rem;padding: 0 .5rem 0 .3rem;line-height: .6rem;transition: .3s}
.header.active .bg{width:100%;height:100%}
.header ul.scale{transform: scale(0);}
.header li>a.active{color:#fff}
.header li>a.active::after{width: 100%;}
.header.active .search-icon{background-color: #b9d14c;background-image: url(../images/search-w.png);}
.header .search-icon.scale{transform: scale(0);}
.header .search-box.scale{transform: scale(1);}
.header.active .con>a{background: #b9d14c;}
.header.active .con>a>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
.header.sm .logo{width: .7rem;height: .7rem}
.header.sm li>a{line-height: 1rem}
.header.sm .search-icon{width: .5rem;height: .5rem;background-size:.18rem;margin-top: .25rem}
.header.sm .search-box{top: .25rem}
.header.sm .search{display: flex;width: 3.5rem}
.header.sm .search>input{height: .48rem;}
.header.sm .search .btn{width: .5rem;height: .48rem;background-size:.18rem}
.header.sm .search-box .close{width: .5rem;height: .48rem;background-size:.18rem}
.header.sm .con>a{margin-top: .25rem;height: .5rem}
.header.sm .con>a>p{padding: 0 .5rem 0 .3rem;line-height: .5rem;}
.header.hide{transform: translateY(-2rem);}

.footer1{padding-bottom: 20.83%;position: relative;}
.footer1 .width{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color:#fff}
.footer1 .width>p:nth-of-type(1){font-size: .4rem;}
.footer1 .width>p:nth-of-type(2){font-size: .18rem;margin: .15rem 0 .35rem;}
.footer1 .btn{display: flex;}
.footer1 .btn>a{line-height: .56rem;border: .02rem solid #fff;border-radius: .3rem;color:#b9d14c;font-size: .16rem;background: #fff url(../images/8.png) no-repeat .3rem center/.21rem;padding:0 .3rem 0 .6rem;margin-right: .2rem;transition: .3s;}
.footer1 .btn>a:last-child{background: url(../images/9-w.png) no-repeat .45rem center/.24rem;color:#fff;padding: 0 .45rem 0 .8rem;}

.footer2{background: #222;color:#fff}
.footer2 a{color:#fff}
.footer2 .width{display: flex;border-bottom: 1px solid rgba(255,255,255,.1);padding: .9rem 0 .8rem;justify-content: space-between;}
.footer2 .info{width: 31%;}
.footer2 .logo{width: .8rem;height: .8rem;justify-content: flex-start;}
.footer2 .info>p{font-size: .2rem;margin: .3rem 0;}
.footer2 .form{display: flex;flex-wrap: wrap;}
.footer2 .form>input{width: calc(50% - .05rem);border: 1px solid rgba(255,255,255,.1);border-radius: .05rem;background: none;height: .5rem;padding: 0 .2rem;margin-bottom: .1rem;color:#fff}
.footer2 .form>input:first-child{margin-right: .1rem;}
.footer2 .form>input:nth-child(3){width: 100%;}
.footer2 .form>input:focus{border-color:#fff}
.footer2 .form>textarea{width: 100%;border: 1px solid rgba(255,255,255,.1);border-radius: .05rem;background: none;height: 1rem;padding: .15rem .2rem;margin-bottom: .2rem;color:#fff}
.footer2 .form>textarea:focus{border-color:#fff}
.footer2 .btn{line-height: .5rem;font-size: .16rem;padding: 0 .4rem;background: #b9d14c;border-radius: .25rem;display: inline-block;cursor: pointer;transition: .3s;}
.footer2 .con{width: 54%;}
.footer2 ul{display: flex;justify-content: space-between;margin-bottom: .8rem;}
.footer2 li>a{font-size: .2rem;margin-bottom: .1rem;}
.footer2 .child>a{line-height: .36rem;opacity: .5;}
.footer2 .txt{display: flex;align-items: flex-end;justify-content: space-between;}
.footer2 .contact{width: calc(100% - 3.5rem);}
.footer2 .contact>p{padding-left: .4rem;color:rgba(255,255,255,.5);line-height: .3rem;margin-bottom: .1rem;}
.footer2 .address{background: url(../images/10.png) no-repeat left .03rem/.17rem;}
.footer2 .phone{background: url(../images/11.png) no-repeat left .05rem/.16rem;}
.footer2 .email{background: url(../images/12.png) no-repeat left .08rem/.2rem;}
.footer2 .medias{width: 2.3rem;}
.footer2 .medias>p{color:#b9d14c;margin-bottom: .15rem;}
.footer2 .media{display: flex;flex-wrap: wrap;}
.footer2 .media .img-div{width: .48rem;height: .48rem;border: 1px solid #b9d14c;border-radius: 50%;background: #fff;margin-right: .1rem;margin-bottom: .1rem;transition: .3s;}
.footer2 .media .img-div:nth-child(4n){margin-right: 0;}
.footer2 .media .img-div>img{max-width: 40%;max-height: 40%;transition: .3s;}

.footer3{background: #222;padding: .35rem 0 .75rem;}
.footer3 .width{display: flex;justify-content: space-between;}
.footer3 .width>p{color:rgba(255,255,255,.5);flex:1;padding-right: 1rem;}
.footer3 .width>a{color:rgba(255,255,255,.5)}

.float{position: fixed;right: .05rem;top: 50%;margin-top: -1.55rem;z-index: 1000;}
.float>a{width: .8rem;height: .8rem;border-radius: .1rem;background: #f2f2f2;margin-bottom: .1rem;padding-top: .2rem;transition: .3s;position: relative;}
.float>a:last-child{margin-bottom: 0;height: .5rem;padding-top: .15rem;}
.float>a>.img-div{height: .23rem;margin-bottom:.1rem;}
.float>a:last-child>.img-div{margin-bottom: 0;height: .22rem;}
.float>a>.img-div>img{transition: .3s;}
.float>a>p{text-align: center;font-size: .12rem;color:#000;}
.float .phone .popup{position: absolute;right: -5rem;top: 0;background: #b9d14c;color:#fff;width: max-content;border-radius: .1rem;height: 100%;padding: .15rem .2rem;font-size: .16rem;transition: .3s;}
.float .phone .popup>p{padding-left: .25rem;}
.float .phone .popup>p:nth-of-type(1){background: url(../images/13-w.png) no-repeat left center/.17rem;line-height: .23rem;margin-bottom: .05rem;}

.inner-banner{position: relative;}
.inner-banner .img{padding-bottom: 28.12%;}
.inner-banner .m{display: none;}
.inner-banner .width{position: absolute;top: 45%;left: 50%;transform: translateX(-50%);color:#fff}
.inner-banner .width>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;margin-bottom: .1rem;}
.inner-banner .width>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;max-width: 6.2rem;}
.inner-banner .width>p:nth-of-type(2).w100{max-width: 100%;}

@media (any-hover:hover){
    .header li:hover>a{color:#fff}
    .header li:hover>a::after{width: 100%;}
    .header .child>a:hover{color:#b9d14c}
    .header .search-icon:hover{opacity: .8;}
    .header .con>a:hover{opacity: .8;}
    .header .search .btn:hover{opacity: .8;}
    .header .search-box .close:hover{opacity: .8;}

    .footer1 .btn>a:hover{background-color: #b9d14c;border-color:#b9d14c;color:#fff;background-image: url(../images/8-w.png);}
    .footer1 .btn>a:last-child:hover{background-image: url(../images/9-w.png)}
    .footer2 .btn:hover{opacity: .8;}
    .footer2 li>a:hover{text-decoration: underline;}
    .footer2 .child>a:hover{opacity: 1;}
    .footer2 .media .img-div:hover{background: #b9d14c;}
    .footer2 .media .img-div:hover>img{filter: brightness(0%) invert(100%)}
    .footer3 .width>a:hover{color: #fff;}

    .float>a:hover{background: #b9d14c;}
    .float>a:hover>.img-div>img{filter: brightness(0%) invert(100%)}
    .float>a:hover>p{color:#fff}
    .float .phone:hover .popup{right: 0;}
}

/* 首页 */
.index-page .tit{text-align: center;}
.index-page .tit.left{text-align: left;}
.index-page .tit>p:nth-of-type(1){font-size: .48rem;line-height: .6rem;color:#000;margin-bottom: .15rem;}
.index-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .32rem;color:#666}
.index-page .more{border-radius: .3rem;padding-right: .3rem;height: .58rem;transition: .3s;display: inline-block;border: 1px solid #e5e5e5;}
.index-page .more>p{font-size: .16rem;background: url(../images/arrow1.svg) no-repeat right center/.2rem;padding: 0 .35rem 0 .3rem;line-height: .56rem}

.index-page .box1 .img{padding-bottom: 48%;}
.index-page .box1 .m{display: none;}
.index-page .box1 .width{position: absolute;left: 50%;transform: translateX(-50%);top: 32%;}
.index-page .box1 .info{color:#fff;max-width: 5.5rem;}
.index-page .box1 .info>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;opacity: 0;transition: opacity .5s, transform .5s;transform: translateY(20px);transition-delay: 0.7s}
.index-page .box1 .info>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;margin: .2rem 0 .5rem;opacity: 0;transition:opacity .5s, transform .5s;transform: translateY(20px);transition-delay: 0.9s}
.index-page .box1 .more{background: #fff;border-color:#fff;opacity: 0;transition: opacity .5s, transform .5s;transform: translateY(20px);transition-delay: 1.1s}
.index-page .box1 .swiper-pagination{bottom: .4rem;}
.index-page .box1 .swiper-pagination-bullet{background: #fff;opacity: 1;width:.06rem;height: .06rem;position: relative;margin: 0 .2rem;}
.index-page .box1 .swiper-pagination-bullet-active::after{content:'';position: absolute;width: .28rem;height: .28rem;border-radius: 50%;top: 50%;left: 50%;transform:translate(-50%,-50%);border: 1px #eee solid;}

.index-page .box1 .swiper-slide-active .info>p:nth-of-type(1) ,
.index-page .box1 .swiper-slide-active .info>p:nth-of-type(2) ,
.index-page .box1 .swiper-slide-active .more  {
    opacity: 1;
    transform: translateY(0);
}

.index-page .box2{padding: 1.2rem 0;}
.index-page .box2 .con{display: flex;margin-bottom: .6rem;}
.index-page .box2 .img-bg{height: 6rem;border-radius: .2rem;width: 50%;position: relative;}
.index-page .box2 .items{position: absolute;bottom: .4rem;left: .4rem; -webkit-backdrop-filter: blur(20px);backdrop-filter:blur(20px);background: rgba(0,0,0,0.1);max-width: calc(100% - .8rem);border-radius: .2rem;color:#fff;padding: .45rem .5rem .4rem;}
.index-page .box2 .items>p{font-size: .3rem;line-height: .4rem;margin-bottom: .2rem;}
.index-page .box2 .item{display: flex;margin-bottom: .1rem;}
.index-page .box2 .item .img-div{width: .2rem;height: .19rem;margin-right: .1rem;}
.index-page .box2 .item>p{font-size: .16rem;line-height: .24rem;flex:1}
.index-page .box2 .items .more{background: #b9d14c;border-color:#b9d14c;padding-right: .65rem;margin-top: .1rem;}
.index-page .box2 .items .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);font-size: .18rem;padding: 0 .3rem 0 .65rem;}
.index-page .box2 .info{flex:1}
.index-page .box2 .tit{padding-left: 12%;min-height: 6rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.index-page .box2 .tit>p:nth-of-type(2){margin-bottom: .45rem;}
.index-page .box2 ul{display: flex;justify-content: space-between;}
.index-page .box2 li{position: relative;}
.index-page .box2 li .img-div{width: .8rem;height: .8rem;border-radius: 50%;background: #eefcac;}
.index-page .box2 li .img-div>img{max-width: 40%;max-height: 40%;}
.index-page .box2 li>p:nth-of-type(1){display: flex;color:#000;margin: .2rem 0 .05rem;}
.index-page .box2 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;}
.index-page .box2 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .18rem;margin-top: .05rem;}
.index-page .box2 li>p:nth-of-type(2){font-size: .16rem;color:#999;line-height: .24rem;}
.index-page .box2 li>span{background: #eee;width: 1px;height: 1.5rem;position: absolute;top: .2rem;}

.index-page .box3{background: url(../images/1.png) no-repeat 85% top/34.94%;}
.index-page .box3 .tit{max-width: 6.7rem;padding: .55rem 0 18%;}
.index-page .box3 .imgs{position: relative;padding-bottom: 29.68%;}
.index-page .box3 .imgs::after{content:'';width: 100%;height: 100%;background: url(../images/27.png) no-repeat center center/100%;position: absolute;top: 0;left: 0;z-index: 3;}
.index-page .box3 .img{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: .3s;height: 100%;}
.index-page .box3 .img.show{opacity: 1;z-index: 2;}
.index-page .box3 ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;}
.index-page .box3 li{position: absolute;cursor: pointer;}
.index-page .box3 li::before{content:'';width: .38rem;height: .38rem;border-radius: 50%;background: #fff;border: 1px solid #eee;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: .3s;}
.index-page .box3 li::after{content:'';width: .1rem;height: .1rem;border-radius: 50%;background: #b2b5a2;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: .3s}
.index-page .box3 li>p{font-size: .18rem;line-height: .24rem;text-align: center;color:#b2b5a2;width: max-content;position: absolute;left: 50%;transform: translateX(-50%);bottom: .35rem;transition: .3s}
.index-page .box3 li>div{display: none;width: 4.6rem;background: #b9d14c url(../images/2.png) no-repeat right .2rem/2.37rem;border-radius: .3rem .3rem .3rem 0;color:#fff;position: absolute;left: -.25rem;bottom: 1.8rem;padding: .45rem .4rem .5rem;}
.index-page .box3 li>div::after{content:'';width: .43rem;height: .5rem;background: url(../images/3.png) no-repeat left center/100%;position: absolute;left: 0;bottom: -.48rem;}
.index-page .box3 li>div>p:nth-of-type(1){font-size: .18rem;line-height: .26rem;margin-bottom: .05rem;}
.index-page .box3 li>div>p:nth-of-type(2){line-height: .24rem;}
.index-page .box3 li.active::before{width: .48rem;height: .48rem;border-color: #b9d14c;}
.index-page .box3 li.active::after{width: .16rem;height: .16rem;background: #b9d14c;}
.index-page .box3 li.active>p{color:#000;font-family: 'ms-b';bottom: .45rem;}
.index-page .box3 li.right>div{left:auto;right: -.25rem;border-radius: .3rem .3rem 0 .3rem;}
.index-page .box3 li.right>div::after{left:auto;right:0;background-image: url(../images/4.png);}

.index-page .box4{padding: 1.1rem 0;}
.index-page .box4 .tit>p:nth-of-type(1){max-width: 10rem;margin: 0 auto .15rem;}
.index-page .box4 .tit>p:nth-of-type(2){max-width: 6.8rem;margin: 0 auto;}
.index-page .box4 .cates{display: flex;justify-content: center;margin: .45rem 0 .8rem;}
.index-page .box4 .cate{border: 1px solid #eee;border-radius: .3rem;display: flex;background: #f8f8f8;}
.index-page .box4 .cate>a{line-height: .58rem;font-size: .16rem;color:#000;min-width: 1.8rem;padding: 0 .3rem;transition: background .3s;border: 1px solid #f8f8f8;}
.index-page .box4 .cate>a.active{background: #fff;border-radius: .3rem;border-color: #eee;}
.index-page .box4 .product{position: relative;}
.index-page .box4 ul{display: flex;padding: 0 .2rem;}
.index-page .box4 ul.space{opacity: 0;}
.index-page .box4 ul.item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
.index-page .box4 ul.item.show{opacity: 1;z-index: 2;}
.index-page .box4 li{width: calc(25% - .21rem);margin-right: .28rem;border: .02rem solid #eee;border-radius: .2rem;position: relative;}
.index-page .box4 li:last-child{margin-right: 0;}
.index-page .box4 .imgs{position: relative;}
.index-page .box4 .imgs>a{transition: .3s;transform: scale(0);position: relative;z-index: 2;}
.index-page .box4 .img{padding-bottom: 75.55%;border-radius: .2rem .2rem 0 0;}
.index-page .box4 .img-div{height: 80%;position: absolute;top: 20%;left: .3rem;width: calc(100% - .6rem);transition: .3s;}
.index-page .box4 .tag{position: absolute;top: .3rem;left: .3rem;width: calc(100% - .6rem);display: flex;justify-content: space-between;z-index: 3;}
.index-page .box4 .tag>p{color: #666;border: 1px #eee solid;border-radius: .25rem;line-height: .48rem;padding: 0 .2rem;transition: .3s;}
.index-page .box4 .tag>a{border: 1px #ccc solid;border-radius: 50%;height: .5rem;width: .5rem;background: url(../images/arrow1.svg) no-repeat center center/.2rem;opacity: .5;transition: .3s;}
.index-page .box4 .info{text-align: center;padding: .4rem;}
.index-page .box4 .info>p{color: #666;margin-bottom: .15rem;}
.index-page .box4 .info>a{color: #000;font-size: .2rem;}

.index-page .box5 .tit>p:nth-of-type(2){max-width: 7.5rem;margin: 0 auto;}
.index-page .box5 .con{margin-top: .5rem;position: relative;}
.index-page .box5 .con::after{content:'';width: 100%;height: 100%;background: url(../images/5.png) no-repeat center 30%/100%;position: absolute;top: 0;left: 0;}
.index-page .box5 .img{width: 55.57%;height: 100%;background-size: 100%;position: absolute;right: 0;top: 0;z-index: 2;background-position: left top;}
.index-page .box5 .width{position: relative;z-index: 2;}
.index-page .box5 ul{display: flex;flex-wrap: wrap;width: 40%;padding-top: .9rem;margin-bottom: .85rem;}
.index-page .box5 li{width: 50%;margin-bottom: .3rem;}
.index-page .box5 li>p:nth-of-type(1){font-size: .48rem;color:#000;line-height: .58rem;margin-bottom: .05rem;}
.index-page .box5 li>p:nth-of-type(2){color:#666;line-height: .24rem;}
.index-page .box5 .items{display: flex;align-items: flex-end;}
.index-page .box5 .item{flex:1;margin-right: .2rem;background: #f8f8f8;border-radius: .2rem;padding: .5rem .4rem 0;height: 2rem;transition: flex .3s;}
.index-page .box5 .item:last-child{margin-right: 0;}
.index-page .box5 .img-div{width: .5rem;height: .41rem;margin-bottom: .15rem;transition: .3s}
.index-page .box5 .item>p:nth-of-type(1){font-size: .16rem;line-height: .24rem;color:#000;transition: .3s}
.index-page .box5 .item>p:nth-of-type(2){line-height: .24rem;color:#fff;display: none;margin-top: .1rem;}
.index-page .box5 .item.active{flex:2.3;background: #b9d14c url(../images/2.png) no-repeat right .3rem/2.37rem;height: 2.8rem;padding: .6rem .4rem 0}
.index-page .box5 .item.active .img-div{filter: brightness(0%) invert(100%);margin-bottom: .35rem;}
.index-page .box5 .item.active>p:nth-of-type(1){color:#fff;font-size: .18rem;line-height: .26rem;}
.index-page .box5 .item.active>p:nth-of-type(2){display: block;}

.index-page .box6{padding: 1.1rem 0;}
.index-page .box6 .con{margin: .35rem .4rem 0;position: relative;}
.index-page .box6 .swiper-slide{opacity: 0 !important;}
.index-page .box6 .swiper-slide-active{opacity: 1 !important;}
.index-page .box6 .swiper-slide::after{content:'';width: 100%;height: 100%;background: url(../images/28.png) no-repeat center center/100%;position: absolute;top: 0;left: 0;}
.index-page .box6 .img{padding-bottom: 43.47%;border-radius: .5rem;}
.index-page .box6 .m{display: none;}
.index-page .box6 .info{position: absolute;top: 32%;left: 8%;color:#fff;z-index: 2;}
.index-page .box6 .info>p:nth-of-type(1){font-size: .4rem;}
.index-page .box6 .info>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;max-width: 7.1rem;margin: .2rem 0 .55rem;}
.index-page .box6 .more{border-color: #fff;}
.index-page .box6 .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
.index-page .box6 .arrow{width: .48rem;height: .48rem;border-radius: 50%;border: 1px #fff solid;background: url(../images/arrow1-w.svg) no-repeat center center/.2rem;position: absolute;right: .3rem;top: 40%;z-index: 2;cursor: pointer;transition: .3s;}
.index-page .box6 .prev{transform: rotate(180deg);right: auto;left: .3rem;}
.index-page .box6 .tab{position: absolute;right: 0;bottom: 0;width: 47.28%;height: 13%;display: flex;z-index: 2;}
.index-page .box6 .tab>a{width: calc(50% - 1.5%);border-radius: .5rem;border: .02rem solid #eee;margin-right: 3%;font-size: .2rem;color:#000;display: flex;justify-content: center;align-items: center;transition: .3s;}

.index-page .box7{padding-bottom: .9rem;}
.index-page .box7 ul{display: flex;margin-top: .4rem;}
.index-page .box7 li{width: calc(100% / 3 - .34rem);margin-right: .51rem;position: relative;}
.index-page .box7 li:last-child{margin-right: 0;}
.index-page .box7 .img-bg{border-radius: .2rem;margin-bottom: .3rem;}
.index-page .box7 .img{padding-bottom: 68%;}
.index-page .box7 li>p:nth-of-type(1){background: #f4f6e8;color:#b9d14c;line-height: .28rem;border-radius: .05rem;padding: 0 .1rem;font-size: .12rem;display: inline-block;margin-bottom: .2rem;}
.index-page .box7 li>p:nth-of-type(2){font-size: .2rem;line-height: .28rem;color:#000}
.index-page .box7 li>p:nth-of-type(3){line-height: .26rem;color:#666;margin: .15rem 0 .1rem;}
.index-page .box7 li>p:nth-of-type(4){font-size: .12rem;color:#999;padding-left: .25rem;background: url(../images/6.png) no-repeat left center/.16rem;line-height: .16rem;margin-bottom: .25rem;}
.index-page .box7 .more{height: .48rem;padding-right: .2rem;}
.index-page .box7 .more>p{line-height: .46rem;font-size: .14rem;padding: 0 .25rem 0 .2rem;background-size: .16rem;}

@media (any-hover:hover){
    .index-page .more:hover{background: #b9d14c;border-color:#b9d14c}
    .index-page .more.white:hover{background: #b9d14c;border-color:#b9d14c}
    .index-page .more:hover>p{color:#fff;background-image: url(../images/arrow1-w.svg);}

    .index-page .box2 .items .more:hover{opacity: .9;}

    .index-page .box4 li:hover .imgs>a{transform: scale(1)}
    .index-page .box4 li:hover .img-div{opacity: 0;}
    .index-page .box4 li:hover .tag>p{border-color:#fff;background: #fff;}
    .index-page .box4 li:hover .tag>a{background-color: #b9d14c;background-image: url(../images/arrow1-w.svg);border-color: #b9d14c;opacity: 1;}
    .index-page .box4 .info>a:hover{color:#b9d14c}

    .index-page .box6 .arrow:hover{background-color: #b9d14c;border-color: #b9d14c;}
    .index-page .box6 .tab>a:hover{background-color: #b9d14c;color:#fff;border-color: #b9d14c;}

    .index-page .box7 li:hover .img{transform: scale(1.1);}
    .index-page .box7 li:hover>p:nth-of-type(2){color:#b9d14c}
    .index-page .box7 li:hover .more{background: #b9d14c;border-color:#b9d14c}
    .index-page .box7 li:hover .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
}

/* 产品 */
.product-page.list .cate{display: flex;margin: 1rem 0 .6rem;justify-content: center;}
.product-page.list .cate>a{padding: 0 .3rem;line-height: .52rem;font-size: .16rem;color:#000;border-radius: .25rem;background: #f5f5f5;margin-right: .1rem;transition: .3s;}
.product-page.list .cate>a:last-child{margin-right: 0;}
.product-page.list .cate>a.active{background: #b9d14c;color:#fff}
.product-page.list ul{display: flex;flex-wrap: wrap;}
.product-page.list .tmp1{padding-bottom: .5rem;}
.product-page.list .tmp1 li{width: calc(100% / 3 - .18rem);margin-right: .27rem;border: .02rem solid #eee;border-radius: .2rem;position: relative;margin-bottom: .3rem;}
.product-page.list .tmp1 li:nth-child(3n){margin-right: 0;}
.product-page.list .tmp1 .imgs{position: relative;}
.product-page.list .tmp1 .imgs>a{transition: .3s;transform: scale(0);position: relative;z-index: 2;}
.product-page.list .tmp1 .img{padding-bottom: 75.55%;border-radius: .2rem .2rem 0 0;}
.product-page.list .tmp1 .img-div{height: 80%;position: absolute;top: 20%;left: .3rem;width: calc(100% - .6rem);transition: .3s;}
.product-page.list .tmp1 .tag{position: absolute;top: .3rem;left: .3rem;width: calc(100% - .6rem);display: flex;justify-content: space-between;z-index: 3;}
.product-page.list .tmp1 .tag>p{color: #666;border: 1px #eee solid;border-radius: .25rem;line-height: .48rem;padding: 0 .2rem;transition: .3s;}
.product-page.list .tmp1 .tag>a{border: 1px #ccc solid;border-radius: 50%;height: .5rem;width: .5rem;background: url(../images/arrow1.svg) no-repeat center center/.2rem;opacity: .5;transition: .3s;}
.product-page.list .tmp1 .info{text-align: center;padding: .4rem;}
.product-page.list .tmp1 .info>p{color: #666;margin-bottom: .15rem;}
.product-page.list .tmp1 .info>a{color: #000;font-size: .2rem;}
.product-page.list .tmp1 .page{padding: .2rem 0 .3rem;}
.product-page.list .tmp2{padding-bottom: .3rem;}
.product-page.list .tmp2 li{width: calc(100% / 3 - .18rem);margin-right: .27rem;border: .02rem solid #eee;border-radius: .2rem;position: relative;margin-bottom: .5rem;}
.product-page.list .tmp2 li:nth-child(3n){margin-right: 0;}
.product-page.list .tmp2 .img-bg{border-radius: .2rem .2rem 0 0;}
.product-page.list .tmp2 .img{padding-bottom: 75.55%;}
.product-page.list .tmp2 li>p{font-size: .2rem;color:#000;text-align: center;padding: .35rem .3rem .4rem;}
.product-page.list .tmp2 .page{padding: .1rem 0 .5rem;}

.product-page.detail{padding-bottom: .8rem;}
.product-page.detail .con{display: flex;}
.product-page.detail .con-l{width: 74.47%;border-right: 1px #eee solid;}
.product-page.detail .con-r{width: 25.53%;padding: .45rem 0 0 2.3%;}
.product-space{height: 1rem;}
.product-page.detail .tit{font-size: .24rem;color:#000;border-bottom: 1px #eee solid;padding-bottom: .25rem;}

.product-page.detail .box1 .img{padding-bottom: 46.85%;}
.product-page.detail .box1 .arrow{width: .48rem;height: .48rem;border-radius: 50%;border: 1px #e5e5e5 solid;background: #fff url(../images/arrow1.svg) no-repeat center center/.2rem;position: absolute;right: 4%;top: calc(50% - .25rem);z-index: 2;cursor: pointer;transition: .3s;}
.product-page.detail .box1 .prev{transform: rotate(180deg);right: auto;left: 4%;}
.product-page.detail .box1 .swiper-button-disabled{opacity: .5;cursor: auto;}

.product-page.detail .box2{padding-top: .95rem;}
.product-page.detail .box2 table{margin-top: .3rem;border-collapse: collapse;width: 100%;table-layout: fixed;text-align: center;}
.product-page.detail .box2 td{border: 1px #eee solid;padding: .2rem;font-size: .16rem;color:#666;line-height: .26rem;}
.product-page.detail .box2 td:nth-child(2n+1){background: #f7f7f7;font-size: .2rem;line-height: .3rem;color:#333}
.product-page.detail .box2 td:nth-child(6){border-right: 0;}

.product-page.detail .box3{padding-top: .9rem;}
.product-page.detail .box3>p{font-size: .16rem;line-height: .26rem;margin: .25rem .2rem 0 0;}

.product-page.detail .box4{padding-top: .9rem;}
.product-page.detail .box4 ul{display: flex;margin-top: .3rem;}
.product-page.detail .box4 li{width: calc(100% / 3 - .14rem);margin-right: .21rem;border: .02rem solid #eee;border-radius: .2rem;position: relative;}
.product-page.detail .box4 .imgs{position: relative;}
.product-page.detail .box4 .imgs>a{transition: .3s;transform: scale(0);position: relative;z-index: 2;}
.product-page.detail .box4 .img{padding-bottom: 75.55%;border-radius: .2rem .2rem 0 0;}
.product-page.detail .box4 .img-div{height: 80%;position: absolute;top: 20%;left: .25rem;width: calc(100% - .5rem);transition: .3s;}
.product-page.detail .box4 .tag{position: absolute;top: .25rem;left: .25rem;width: calc(100% - .5rem);display: flex;justify-content: space-between;z-index: 3;}
.product-page.detail .box4 .tag>p{color: #666;border: 1px #eee solid;border-radius: .25rem;line-height: .43rem;padding: 0 .2rem;transition: .3s;}
.product-page.detail .box4 .tag>a{border: 1px #ccc solid;border-radius: 50%;height: .43rem;width: .43rem;background: url(../images/arrow1.svg) no-repeat center center/.18rem;opacity: .5;transition: .3s;}
.product-page.detail .box4 .info{text-align: center;padding: .3rem;}
.product-page.detail .box4 .info>p{color: #666;margin-bottom: .1rem;font-size: .12rem;}
.product-page.detail .box4 .info>a{color: #000;font-size: .18rem;}

.product-page.detail .box5>p{font-size: .16rem;line-height: .26rem;margin: .25rem .4rem 0 0;color:#000}

.product-page.detail .box6{padding-top: .7rem;}
.product-page.detail .box6 ul{padding: .4rem .4rem 0 0;}
.product-page.detail .box6 li{display: flex;margin-bottom: .5rem;}
.product-page.detail .box6 li:last-child{margin-bottom: 0;}
.product-page.detail .box6 .img-div{width: .5rem;height: .41rem;}
.product-page.detail .box6 li>p{font-size: .16rem;line-height: .26rem;color:#000;margin: .05rem 0 0 .2rem;flex:1}

.product-page.detail .box7{padding-top: .7rem;}
.product-page.detail .box7 ul{padding: .3rem .4rem 0 0;}
.product-page.detail .box7 li{margin-bottom: .3rem;cursor: pointer;}
.product-page.detail .box7 li:last-child{margin-bottom: 0;}
.product-page.detail .box7 .img-bg{border-radius: .2rem;position: relative;margin-bottom: .1rem;}
.product-page.detail .box7 .img{padding-bottom: 63.63%;}
.product-page.detail .box7 .btn{position: absolute;top: calc(50% - .25rem);left: 50%;width: .48rem;height: .48rem;background: rgba(0,0,0,.2) url(../images/17.png) no-repeat calc(50% + .01rem) center/.1rem;transform: translateX(-50%);border: 1px #fff solid;border-radius: 50%;transition: .3s;}
.product-page.detail .box7 li>p{font-size: .16rem;line-height: .24rem;color: #000;}

.product-page.detail .box8{padding-top: .9rem;}
.product-page.detail .box8 ul{display: flex;flex-wrap: wrap;margin-top: .3rem;}
.product-page.detail .box8 li{width: calc(50% - .3rem);margin: 0 .3rem .3rem 0;border: 1px #eee solid;border-radius: .1rem;padding: .45rem .6rem .45rem .5rem;}
.product-page.detail .box8 li>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;margin-bottom: .1rem;}
.product-page.detail .box8 li>p:nth-of-type(2){line-height: .24rem;color:#666;max-height: .72rem;padding-right: .1rem;}

.product-page.detail .box9{padding-top: .7rem;}
.product-page.detail .box9 .content{padding: .3rem .2rem 0 0;}

.product-page.detail .box10{padding-top: .9rem;}
.product-page.detail .box10 ul{display: flex;flex-wrap: wrap;margin-top: .3rem;}
.product-page.detail .box10 li{width: calc(100% / 3 - .3rem);margin: 0 .3rem .3rem 0;}
.product-page.detail .box10 .img-bg{border-radius: .2rem;margin-bottom: .15rem;}
.product-page.detail .box10 .img{padding-bottom: 65%;}
.product-page.detail .box10 li>p{font-size: .18rem;line-height: .28rem;color:#000;text-align: center;}

.product-page.detail .box11{padding-top: .6rem;}
.product-page.detail .box11 .item{padding-right: .2rem;}
.product-page.detail .box11 ul{display: flex;justify-content: space-between;margin:.4rem 0 .3rem}
.product-page.detail .box11 li{position: relative;cursor: pointer;}
.product-page.detail .box11 li .img-div{width: .98rem;height: .98rem;border: 1px solid #eee;border-radius: 50%;transition: .3s;margin: 0 auto .15rem;}
.product-page.detail .box11 li .img-div>img{max-width: 45%;max-height: 45%;}
.product-page.detail .box11 li>p{font-size: .16rem;line-height: .24rem;color:#000;text-align: center;}
.product-page.detail .box11 li.active .img-div{border-color: #b9d14c;background: #b9d14c;}
.product-page.detail .box11 li.active .img-div>img{filter: brightness(0%) invert(100%)}
.product-page.detail .box11 li.active>p{color:#b9d14c}
.product-page.detail .box11 li>span{content:'';background: url(../images/18.png) no-repeat center center/100%;width: .36rem;height: .1rem;position: absolute;top: .45rem;}
.product-page.detail .box11 .swiper-container{padding-right:1px}
.product-page.detail .box11 .swiper-slide{border-radius: .2rem;border: 1px #eee solid;padding: .35rem .6rem .5rem;opacity: 0 !important;}
.product-page.detail .box11 .swiper-slide-active{opacity: 1 !important;}
.product-page.detail .box11 .swiper-slide .img-div{width: .37rem;height: .37rem;}
.product-page.detail .box11 .swiper-slide>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;color:#000;margin: .1rem 0;}
.product-page.detail .box11 .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}

.product-page.solution .tit{font-size: .48rem;line-height: .58rem;color:#000}
.product-page.solution .box1{display: flex;justify-content: space-between;padding: 1.2rem 0;}
.product-page.solution .box1 .con{width: 51.8%;min-height: 5rem;display: flex;flex-direction: column;justify-content: center;}
.product-page.solution .box1 .con>p{font-size: .16rem;line-height: .3rem;color: #666;border-top: 1px #eee solid;padding-top: .2rem;margin-top: .15rem;}
.product-page.solution .box1 .img-bg{width: 41.42%;border-radius: .2rem;height: 5rem;}

.product-page.solution .box2{background: #f7f9fa;padding: 1.1rem 0 1.2rem;}
.product-page.solution .box2 .con{height: 6.2rem;display: flex;margin-top: .45rem;}
.product-page.solution .box2 .con .infos{width: 35.71%;position: relative;}
.product-page.solution .box2 .con .info{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;border-radius: .2rem 0 0 .2rem;transition: .3s;display: flex;flex-direction: column;justify-content: center;padding: .6rem;}
.product-page.solution .box2 .con .info.show{opacity: 1;z-index: 2;}
.product-page.solution .box2 .con .info .img-div{width: .7rem;height: .7rem;border-radius: 50%;background: #b9d14c;}
.product-page.solution .box2 .con .info .img-div>img{max-width: 55%;max-height: 55%;}
.product-page.solution .box2 .con .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color: #000;margin: .2rem 0 .1rem;}
.product-page.solution .box2 .con .info>p:nth-of-type(2){line-height: .3rem;color: #666;margin-bottom: .8rem;}
.product-page.solution .box2 .con .tab{width: 64.29%;position: relative;}
.product-page.solution .box2 .con .imgs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-page.solution .box2 .con .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;border-radius: 0 .2rem .2rem 0;}
.product-page.solution .box2 .con .img.show{opacity: 1;z-index: 2;}
.product-page.solution .box2 .con ul{display: flex;position: relative;z-index: 3;height: 100%;}
.product-page.solution .box2 .con li{flex:1;cursor: pointer;text-align: center;color: #fff;position: relative;line-height: .24rem;font-size: .16rem;padding: 3rem .3rem .5rem;border-right: 1px solid rgba(255,255,255,.2);}
.product-page.solution .box2 .con li:last-child{border-right: 0;}
.product-page.solution .box2 .con li>span{position: absolute;top: 2.5rem;left: 50%;width: .07rem;height: .07rem;border-radius: 50%;background: #fff;transform: translateX(-50%);transition: .3s;}
.product-page.solution .box2 .con li>span::before{content: '';position: absolute;top:50%;left: 50%;width:.25rem;height:.25rem;border-radius: 50%;border: 1px rgba(255,255,255,.5) solid;transform: translate(-50%,-50%);}
.product-page.solution .box2 .con li>span::after{content: '';position: absolute;top:50%;left: 50%;width:.45rem;height: .45rem;border: 1px rgba(255,255,255,.1) solid;border-radius: 50%;transform: translate(-50%,-50%)}
.product-page.solution .box2 .con li.active{font-family: 'ms-b';}
.product-page.solution .box2 .con li.active>span{width: .2rem;height: .2rem;top:2.4rem}
.product-page.solution .box2 .con li.active>span::before{width: 100%;height: 100%;animation: product-box2-play 1s linear infinite;}
.product-page.solution .box2 .con li.active>span::after{width: 100%;height: 100%;animation: product-box2-play1 1s linear infinite;}
@keyframes product-box2-play {
    to{transform: translate(-50%,-50%) scale(2);opacity: 0;}
}
@keyframes product-box2-play1 {
    to{transform: translate(-50%,-50%) scale(3);opacity: 0;}
}

.product-page.solution .box3{padding: 1.1rem 0;}
.product-page.solution .box3 ul{display: flex;justify-content: space-between;margin:.5rem 0 .3rem}
.product-page.solution .box3 li{position: relative;cursor: pointer;}
.product-page.solution .box3 li .img-div{width: .98rem;height: .98rem;border: 1px solid #eee;border-radius: 50%;transition: .3s;margin: 0 auto .15rem;}
.product-page.solution .box3 li .img-div>img{max-width: 45%;max-height: 45%;}
.product-page.solution .box3 li>p{font-size: .16rem;line-height: .24rem;color:#000;text-align: center;}
.product-page.solution .box3 li.active .img-div{border-color: #b9d14c;background: #b9d14c;}
.product-page.solution .box3 li.active .img-div>img{filter: brightness(0%) invert(100%)}
.product-page.solution .box3 li.active>p{color:#b9d14c}
.product-page.solution .box3 li>span{content:'';background: url(../images/18.png) no-repeat center center/100%;width: .36rem;height: .1rem;position: absolute;top: .45rem;}
.product-page.solution .box3 .swiper-slide{border-radius: .2rem;border: 1px #eee solid;padding: .35rem .6rem .5rem;opacity: 0 !important;}
.product-page.solution .box3 .swiper-slide-active{opacity: 1 !important;}
.product-page.solution .box3 .swiper-slide .img-div{width: .37rem;height: .37rem;}
.product-page.solution .box3 .swiper-slide>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;color:#000;margin: .1rem 0;}
.product-page.solution .box3 .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}

.product-page.solution .box4{padding-bottom: .8rem;}
.product-page.solution .box4 .con{position: relative;margin-top: .4rem;}
.product-page.solution .box4 .swiper-container{border-radius: .2rem;}
.product-page.solution .box4 .swiper-slide{height: auto;border-radius: .2rem;border: 1px #eee solid;}
.product-page.solution .box4 .img-bg{border-radius: .2rem .2rem 0 0;}
.product-page.solution .box4 .img{padding-bottom: 63.63%;}
.product-page.solution .box4 .info{padding: .25rem .3rem .35rem;transition: .3s;border-radius: 0 0 .2rem .2rem;}
.product-page.solution .box4 .info>p:nth-of-type(1){font-size: .18rem;color:#000;margin-bottom: .1rem;}
.product-page.solution .box4 .info>p:nth-of-type(2){line-height: .24rem;color:#666}
.product-page.solution .box4 .arrow{width: .48rem;height: .48rem;border-radius: 50%;border: 1px #e5e5e5 solid;background: #fff url(../images/arrow1.svg) no-repeat center center/.2rem;position: absolute;right: -.8rem;top: 30%;z-index: 2;cursor: pointer;transition: .3s;}
.product-page.solution .box4 .prev{transform: rotate(180deg);right: auto;left: -.8rem;}
.product-page.solution .box4 .swiper-button-disabled{opacity: .5;cursor: auto;}

@media (any-hover:hover){
    .product-page.list .cate>a:hover{background: #b9d14c;color:#fff}
    .product-page.list .tmp1 li:hover .imgs>a{transform: scale(1)}
    .product-page.list .tmp1 li:hover .img-div{opacity: 0;}
    .product-page.list .tmp1 li:hover .tag>p{border-color:#fff;background: #fff;}
    .product-page.list .tmp1 li:hover .tag>a{background-color: #b9d14c;background-image: url(../images/arrow1-w.svg);border-color: #b9d14c;opacity: 1;}
    .product-page.list .tmp1 .info>a:hover{color:#b9d14c}
    .product-page.list .tmp2 li:hover .img{transform: scale(1.1);}
    .product-page.list .tmp2 li:hover .img{transform: scale(1.1);}
    .product-page.list .tmp2 li:hover>p{color:#b9d14c}

    .product-page.detail .box1 .arrow:not(.swiper-button-disabled):hover{background-color: #b9d14c;background-image: url(../images/arrow1-w.svg);border-color: #b9d14c;}

    .product-page.detail .box4 li:hover .imgs>a{transform: scale(1)}
    .product-page.detail .box4 li:hover .img-div{opacity: 0;}
    .product-page.detail .box4 li:hover .tag>p{border-color:#fff;background: #fff;}
    .product-page.detail .box4 li:hover .tag>a{background-color: #b9d14c;background-image: url(../images/arrow1-w.svg);border-color: #b9d14c;opacity: 1;}
    .product-page.detail .box4 .info>a:hover{color:#b9d14c}

    .product-page.solution .box4 .swiper-slide:hover .img{transform: scale(1.1);}
    .product-page.solution .box4 .swiper-slide:hover .info{background: #b9d14c;}
    .product-page.solution .box4 .swiper-slide:hover .info>p:nth-of-type(1){color:#fff}
    .product-page.solution .box4 .swiper-slide:hover .info>p:nth-of-type(2){color:#fff}
    .product-page.solution .box4 .arrow:not(.swiper-button-disabled):hover{background-color: #b9d14c;background-image: url(../images/arrow1-w.svg);border-color: #b9d14c;}

    .product-page.detail .box7 li:hover .btn{background-color: #b9d14c;border-color: #b9d14c;}
    .product-page.detail .box7 li:hover>p{color: #b9d14c;}
}

/* 方案 */
.solution-page .tit{font-size: .48rem;line-height: .58rem;color:#000}

.solution-page .box1{padding: 1.1rem 0 .6rem;}
.solution-page .box1 ul{display: flex;flex-wrap: wrap;margin-top: .55rem;}
.solution-page .box1 li{width: calc(50% - .2rem);background: #f7f9fa;margin-bottom: .4rem;border-radius: .2rem;padding: .4rem .5rem .45rem;transition: .3s;}
.solution-page .box1 li:nth-child(2n+1){margin-right: .4rem;}
.solution-page .box1 .img-div{width: .5rem;height: .42rem;}
.solution-page .box1 li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin: .1rem 0;}
.solution-page .box1 li>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color: #666;max-height: .6rem;padding-right: .1rem;}

.solution-page .box1 li:hover{background: #b9d14c;}
.solution-page .box1 li:hover .img-div{filter: brightness(0%) invert(100%);}
.solution-page .box1 li:hover>p:nth-of-type(1){color:#fff}
.solution-page .box1 li:hover>p:nth-of-type(2){color:#fff}
.solution-page .box1 li:hover .myscroll::-webkit-scrollbar-thumb{background: #fff}
.solution-page .box1 li:hover .myscroll::-webkit-scrollbar-track{background:rgba(255,255,255,.4)}

.solution-page .box2{background: #f7f9fa;padding: .9rem 0 1rem;}
.solution-page .box2 .myscroll{margin-top: .45rem;}
.solution-page .box2 table{width: 100%;border-collapse: collapse;}
.solution-page .box2 td{border-right: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;padding: .25rem .35rem;line-height: .24rem;background: #fff;}
.solution-page .box2 td:last-child{border-right: 0;}
.solution-page .box2 td:first-child{background: #edeff0;font-size: .18rem;width: 17.5%;}
.solution-page .box2 tr:first-child td{background: #b9d14c;font-size: .18rem;color:#fff;}
.solution-page .box2 tr:first-child td:first-child{border-radius: .1rem 0 0 0;}
.solution-page .box2 tr:first-child td:last-child{border-radius: 0 .1rem 0 0;}
.solution-page .box2 tr:last-child td{border-bottom: 0;}
.solution-page .box2 tr:last-child td:first-child{border-radius: 0 0 0 .1rem;}
.solution-page .box2 tr:last-child td:last-child{border-radius: 0 0 .1rem 0;}

.solution-page .box3{padding: .9rem 0 .4rem;}
.solution-page .box3 .tit{color:#fff}
.solution-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: .35rem;}
.solution-page .box3 li{width: calc(100% / 3 - .26rem);margin-right: .39rem;margin-bottom: .5rem;}
.solution-page .box3 li:nth-child(3n){margin-right: 0;}
.solution-page .box3 .img-bg{border-radius: .2rem;margin-bottom: .25rem;}
.solution-page .box3 .img{padding-bottom: 63.63%;}
.solution-page .box3 li>p{font-size: .2rem;line-height: .3rem;text-align: center;color:#fff}

.solution-page .box4{background: #f7f9fa;padding: .9rem 0 1rem;}
.solution-page .box4 .img-bg{border-radius: .2rem;margin-top: .45rem;position: relative;}
.solution-page .box4 .img-bg.hasvideo::after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.2);}
.solution-page .box4 .img{padding-bottom: 46.42%;}
.solution-page .box4 .btn{position: absolute;top: calc(50% - .25rem);left: 50%;width: .48rem;height: .48rem;background: #b9d14c url(../images/17.png) no-repeat calc(50% + .01rem) center/.1rem;transform: translateX(-50%);border-radius: 50%;transition: .3s;z-index: 2;cursor: pointer;}
.solution-page .box4 .btn::after{content:'';background: rgba(185,209,76,.1);width: .7rem;height: .7rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;}

.solution-page .box5{padding: .9rem 0 .7rem;}
.solution-page .box5 ul{margin-top: .45rem;}
.solution-page .box5 li{border: 1px #eee solid;border-radius: .1rem;margin-bottom: .3rem;overflow: hidden;transition: .3s;}
.solution-page .box5 li>p{display: flex;padding: .42rem .4rem .42rem .5rem;position: relative;cursor: pointer;transition: .3s;}
.solution-page .box5 li>p::after{content:'';width: .4rem;height: .4rem;background: #eee url(../images/arrow.svg) no-repeat center center/.14rem;position: absolute;right: .5rem;top: .37rem;transition: .3s;border-radius: 50%;}
.solution-page .box5 li>p>span:nth-of-type(1){width: .32rem;height: .29rem;background: url(../images/20.png) no-repeat center center/100%;font-size: .16rem;text-align: center;color: #fff;padding-top: .03rem;transition: .3s;}
.solution-page .box5 li>p>span:nth-of-type(2){font-size: .2rem;line-height: .3rem;padding: 0 1.5rem 0 .2rem;flex:1;;transition: .3s;}
.solution-page .box5 .note{display: none;font-size: .16rem;line-height: .3rem;color:#666;padding: 0 1.5rem .3rem .5rem;transform: translateY(-.2rem)}
.solution-page .box5 li.active{background: #f7f9fa;}
.solution-page .box5 li.active>p::after{background-image: url(../images/arrow-w.svg);background-color: #b9d14c;transform: rotate(180deg);}
.solution-page .box5 li.active>p>span:nth-of-type(1){background-image: url(../images/19.png);}
.solution-page .box5 li.active>p>span:nth-of-type(2){font-family: 'ms-b';color:#b9d14c}

.solution-page .box6{background: #f7f9fa;padding: .9rem 0;}
.solution-page .box6 .con{margin-top: .5rem;position: relative;}
.solution-page .box6 .img-bg{border-radius: .2rem;margin-bottom: .25rem;}
.solution-page .box6 .img{padding-bottom: 63.63%;}
.solution-page .box6 .swiper-slide>p{font-size: .2rem;color:#000;text-align: center;}
.solution-page .box6 .arrow{width: .5rem;height: .5rem;border-radius: 50%;background: #fff url(../images/arrow1.svg) no-repeat center center/.2rem;border: 1px #e5e5e5 solid;position: absolute;top: 35%;right: -.9rem;cursor: pointer;transition: .3s;}
.solution-page .box6 .prev{transform:rotate(180deg);right: auto;left: -.9rem;}
.solution-page .box6 .swiper-button-disabled{cursor: auto;opacity: .5;}

@media (any-hover:hover){
    .solution-page .box4 .img-bg:hover .img{transform: scale(1.1);}

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

/* 案例 */
.cases-page.list{padding:1rem 0 .5rem;}
.cases-page.list ul{display: flex;flex-wrap: wrap;}
.cases-page.list li{border-radius: .2rem;border: 1px #eee solid;width: calc(100% / 3 - .26rem);margin-right: .39rem;margin-bottom: .5rem;position: relative;}
.cases-page.list li:nth-child(3n){margin-right: 0;}
.cases-page.list .img-bg{border-radius: .2rem .2rem 0 0;}
.cases-page.list .img{padding-bottom: 63.63%;}
.cases-page.list .info{padding: .25rem .3rem .35rem;transition: .3s;border-radius: 0 0 .2rem .2rem;}
.cases-page.list .info>p:nth-of-type(1){font-size: .18rem;color:#000;margin-bottom: .1rem;}
.cases-page.list .info>p:nth-of-type(2){line-height: .24rem;color:#666}
.cases-page.list .page{padding-bottom: .5rem;}

.cases-page.detail{padding: .9rem 0 .8rem;}
.cases-page.detail>p{text-align: center;font-size: .16rem;line-height: .26rem;color: #666;}
.cases-page.detail>p:nth-of-type(1){font-size: .34rem;line-height: .44rem;color: #000;margin-bottom: .1rem;}
.cases-page.detail .con{border-top: 1px #e5e5e5 solid;padding-top: .5rem;margin-top: .35rem;position: relative;}
.cases-page.detail .swiper-container{border-radius: .2rem;}
.cases-page.detail .img{padding-bottom: 39.28%;}
.cases-page.detail .arrow{width: .48rem;height: .48rem;border-radius: 50%;border: 1px #e5e5e5 solid;background: #fff url(../images/arrow1.svg) no-repeat center center/.2rem;position: absolute;right: -.8rem;top: calc(50% - .1rem);z-index: 2;cursor: pointer;transition: .3s;}
.cases-page.detail .prev{transform: rotate(180deg);right: auto;left: -.8rem;}
.cases-page.detail .swiper-button-disabled{opacity: .5;cursor: auto;}

@media (any-hover:hover){
    .cases-page.list li:hover .img{transform: scale(1.1);}
    .cases-page.list li:hover .info{background: #b9d14c;}
    .cases-page.list li:hover .info>p:nth-of-type(1){color:#fff}
    .cases-page.list li:hover .info>p:nth-of-type(2){color:#fff}
    .cases-page.detail .arrow:not(.swiper-button-disabled):hover{background-color: #b9d14c;background-image: url(../images/arrow1-w.svg);border-color: #b9d14c;}
}

/* 新闻 */
.news-page.list .cate{display: flex;margin: 1rem 0 .75rem;justify-content: center;}
.news-page.list .cate>a{padding: 0 .3rem;line-height: .52rem;font-size: .16rem;color:#000;border-radius: .25rem;background: #f5f5f5;margin-right: .1rem;transition: .3s;min-width: 2rem;text-align: center;}
.news-page.list .cate>a:last-child{margin-right: 0;}
.news-page.list .cate>a.active{background: #b9d14c;color:#fff}
.news-page.list .head{display: flex;border: 1px #eee solid;border-radius: .2rem;position: relative;align-items: center;margin-bottom: .6rem;}
.news-page.list .head .img-bg{border-radius: .2rem;height: 5rem;width: 48.57%;}
.news-page.list .head .info{width: 51.43%;padding: .5rem 5%;}
.news-page.list .head .info>p:nth-of-type(1){background: #f4f6e8;color:#b9d14c;line-height: .3rem;border-radius: .05rem;padding: 0 .15rem;display: inline-block;}
.news-page.list .head .info>p:nth-of-type(2){font-size: .26rem;line-height: .34rem;color:#000;margin: .25rem 0 .2rem;}
.news-page.list .head .info>p:nth-of-type(3){line-height: .3rem;color:#666;font-size: .16rem;}
.news-page.list .head .info>p:nth-of-type(4){color:#999;padding-left: .25rem;background: url(../images/6.png) no-repeat left center/.16rem;line-height: .16rem;margin: .2rem 0 .4rem;}
.news-page.list .more{border-radius: .25rem;padding-right: .2rem;height: .43rem;transition: .3s;border: 1px #eee solid;display: inline-block}
.news-page.list .more>p{font-size: .12rem;background: url(../images/arrow1.svg) no-repeat right center/.14rem;padding: 0 .25rem 0 .2rem;line-height: .41rem}
.news-page.list ul{display: flex;flex-wrap: wrap;}
.news-page.list li{width: calc(100% / 3 - .22rem);margin-right: .33rem;position: relative;margin-bottom: .5rem;}
.news-page.list li:nth-child(3n){margin-right: 0;}
.news-page.list li .img-bg{border-radius: .2rem;}
.news-page.list li .img{padding-bottom: 68%;}
.news-page.list li>p:nth-of-type(1){background: #f4f6e8;color:#b9d14c;line-height: .28rem;border-radius: .05rem;padding: 0 .1rem;font-size: .12rem;display: inline-block;margin: .3rem 0 .2rem;}
.news-page.list li>p:nth-of-type(2){font-size: .2rem;line-height: .28rem;color:#000;margin-bottom: .15rem;}
.news-page.list li>p:nth-of-type(3){font-size: .12rem;color:#999;padding-left: .25rem;background: url(../images/6.png) no-repeat left center/.16rem;line-height: .16rem}
.news-page.list .page{padding-bottom: .5rem;}

.news-page.detail{background: #f7f7f7;padding: 1rem 0 .8rem;}
.news-page.detail .width{background: #fff;border-radius: .2rem;padding: .9rem 1rem 1rem;}
.news-page.detail .width>p{font-size: .34rem;line-height: .44rem;text-align: center;color: #000;}
.news-page.detail .time{display: flex;justify-content: center;margin: .3rem 0 .45rem;}
.news-page.detail .time>p{color:#666;color: #666;padding-left: .25rem;background: url(../images/6.png) no-repeat left center/.17rem;height: .17rem;}
.news-page.detail .content{border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding: .4rem 0 .6rem;margin-bottom: .6rem;}
.news-page.detail .content p{font-size: .16rem;line-height: .3rem;color: #666;}
.news-page.detail .jump{display: flex;align-items: center;justify-content: space-between;}
.news-page.detail .info{width: 60%;}
.news-page.detail .info>a{display: block;font-size: .16rem;line-height: .3rem;color: #666;}
.news-page.detail .jump>a{line-height: .5rem;border-radius: .25rem;background: #b9d14c;color: #fff;padding: 0 .45rem;font-size: .16rem;transition: .3s;}

@media (any-hover:hover){
    .news-page.list .cate>a:hover{background: #b9d14c;color:#fff}
    .news-page.list .head:hover .img{transform: scale(1.1);}
    .news-page.list .head:hover .info>p:nth-of-type(2){color:#b9d14c}
    .news-page.list .head:hover .info .more{background: #b9d14c;border-color:#b9d14c}
    .news-page.list .head:hover .info .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
    .news-page.list li:hover .img{transform: scale(1.1);}
    .news-page.list li:hover>p:nth-of-type(2){color:#b9d14c}

    .news-page.detail .info>a:hover{color: #b9d14c;}
    .news-page.detail .jump>a:hover{opacity: .8;}
}

/* faq */
.faq-page{padding: 1rem 0 .6rem;}
.faq-page .cate{display: flex;margin-bottom: .6rem;justify-content: center;}
.faq-page .cate>a{padding: 0 .3rem;line-height: .52rem;font-size: .16rem;color:#000;border-radius: .25rem;background: #f5f5f5;margin-right: .1rem;transition: .3s;min-width: 2rem;text-align: center;}
.faq-page .cate>a:last-child{margin-right: 0;}
.faq-page .cate>a.active{background: #b9d14c;color:#fff}
.faq-page li{border: 1px #e5e5e5 solid;border-radius: .1rem;margin-bottom: .2rem;overflow: hidden;}
.faq-page li>p{display: flex;padding: .25rem .4rem .25rem .3rem;position: relative;cursor: pointer;transition: .3s;}
.faq-page li>p::after{content:'';width: .2rem;height: .2rem;background: url(../images/arrow-m.svg) no-repeat center center/100%;position: absolute;right: .4rem;top: .3rem;transition: .3s;}
.faq-page li>p>span:nth-of-type(1){width: .32rem;height: .29rem;background: url(../images/19.png) no-repeat center center/100%;font-size: .2rem;text-align: center;color: #fff;}
.faq-page li>p>span:nth-of-type(2){font-size: .16rem;line-height: .26rem;color: #000;padding: .03rem 1rem 0 .2rem;flex:1}
.faq-page li>div{display: none;}
.faq-page li>div>p{display: flex;padding: .25rem .3rem .45rem .3rem;}
.faq-page li>div>p>span:nth-of-type(1){width: .32rem;height: .29rem;background: url(../images/20.png) no-repeat center center/100%;font-size: .2rem;text-align: center;color: #fff;margin-right: .2rem;}
.faq-page li>div>p>span:nth-of-type(2){line-height: .24rem;flex:1}
.faq-page li.active>p{background: #b9d14c;border-radius: 0 0 .1rem .1rem;}
.faq-page li.active>p::after{background-image: url(../images/arrow-w.svg);transform: rotate(180deg);}
.faq-page li.active>p>span:nth-of-type(1){background-image: url(../images/19-w.png);color: #b9d14c;}
.faq-page li.active>p>span:nth-of-type(2){color:#fff}
.faq-page .page{padding: .25rem 0 .2rem;}

@media (any-hover:hover){
    .faq-page .cate>a:hover{background: #b9d14c;color:#fff}
}

/* 视频 */
.video-page{padding: 1rem 0 .35rem;}
.video-page .cate{display: flex;margin-bottom: .6rem;justify-content: center;}
.video-page .cate>a{padding: 0 .3rem;line-height: .52rem;font-size: .16rem;color:#000;border-radius: .25rem;background: #f5f5f5;margin-right: .1rem;transition: .3s;min-width: 2rem;text-align: center;}
.video-page .cate>a:last-child{margin-right: 0;}
.video-page .cate>a.active{background: #b9d14c;color:#fff}
.video-page .head{margin-bottom: .6rem;position: relative;border-radius: .2rem;cursor: pointer;}
.video-page .head .img{padding-bottom: 40%;}
.video-page .head>p{font-size: .2rem;line-height: .3rem;color: #fff;position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8));padding: 10% .4rem .35rem;width: 100%;transition: .3s;}
.video-page ul{display: flex;flex-wrap: wrap;}
.video-page li{margin-bottom: .45rem;cursor: pointer;width: calc(100% / 3 - .26rem);margin-right: .39rem;}
.video-page li:nth-child(3n){margin-right: 0;}
.video-page li .img-bg{border-radius: .2rem;position: relative;margin-bottom: .2rem;}
.video-page li .img{padding-bottom: 63.63%;}
.video-page li>p{font-size: .18rem;line-height: .26rem;color: #000;}
.video-page .btn{position: absolute;top: calc(50% - .25rem);left: 50%;width: .48rem;height: .48rem;background: rgba(0,0,0,.2) url(../images/17.png) no-repeat calc(50% + .01rem) center/.1rem;transform: translateX(-50%);border: 1px #fff solid;border-radius: 50%;transition: .3s;}
.video-page .page{padding-bottom: .45rem;}

@media (any-hover:hover){
    .video-page .cate>a:hover{background: #b9d14c;color:#fff}
    .video-page .head:hover .img{transform: scale(1.1);}
    .video-page .head:hover .btn{background-color: #b9d14c;border-color: #b9d14c;}
    .video-page .head:hover>p{padding-bottom: .4rem;}
    .video-page li:hover .btn{background-color: #b9d14c;border-color: #b9d14c;}
    .video-page li:hover>p{color: #b9d14c;}
}

/* 关于 */
.about-page .tit{font-size: .48rem;line-height: .58rem;color: #000;}

.about-page .box1{padding-top: .9rem}
.about-page .box1>p{font-size: .22rem;line-height: .32rem;margin: .2rem 0 .5rem;}
.about-page .box1 .con{display: flex;align-items: center;margin-bottom: .2rem;}
.about-page .box1 .img-bg{width: 50%;height: 4.5rem;border-radius: .2rem;position: relative;cursor: pointer;}
.about-page .box1 .btn{position: absolute;top: calc(50% - .25rem);left: 50%;transform: translateX(-50%);width: .48rem;height: .48rem;}
.about-page .box1 .btn>span{width: 100%;height: 100%;background: #b9d14c url(../images/17.png) no-repeat calc(50% + .01rem) center/.1rem;border-radius: 50%;position: relative;z-index: 2;display: block;}
.about-page .box1 .btn::after{content:'';width: 100%;height: 100%;top: 50%;left: 50%;position: absolute;background: #b9d14c;transform: translate(-50%,-50%);border-radius: 50%;animation: about-box1-play 1s linear infinite;}
.about-page .box1 .con>p{flex:1;font-size: .16rem;line-height: .3rem;color: #666;max-height: 4.2rem;padding: 0 .2rem 0 5%;}
.about-page .box1 ul{display: flex;flex-wrap: wrap;}
.about-page .box1 li{width: calc(50% - .4rem);display: flex;border-bottom: 1px #e5e5e5 solid;padding: .6rem 0 .3rem 0;}
.about-page .box1 li:nth-child(2n+1){margin-right: .8rem;}
.about-page .box1 .info{flex:1;display: flex;}
.about-page .box1 .info>p:nth-of-type(1){display: flex;color:#000;min-width: 1rem;margin-right: .4rem;}
.about-page .box1 .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;}
.about-page .box1 .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: .18rem;margin-top: .05rem;flex:1}
.about-page .box1 .info>p:nth-of-type(2){font-size: .16rem;color:#999;line-height: .24rem;margin: .18rem .3rem 0 0;}
.about-page .box1 .img-div{width: .8rem;height: .8rem;border-radius: 50%;background: #eefcac;}
.about-page .box1 .img-div>img{max-width: 40%;max-height: 40%;}

.about-page .box2{background-size: cover;padding: 1.15rem 0 .85rem;}
.about-page .box2 .tit-box{display: flex;align-items: center;margin-bottom: .15rem;}
.about-page .box2 .tit{flex:1;padding-right: 1rem;}
.about-page .box2 .arrow{display: flex;width: 1.1rem;}
.about-page .box2 .arrow>div{width: .5rem;height: .5rem;border-radius: 50%;border: 1px #ccc solid;background: url(../images/arrow1.svg) no-repeat center center/.2rem;cursor: pointer;transition: .3s;}
.about-page .box2 .prev{margin-right: .1rem;transform: rotate(180deg);}
.about-page .box2 .swiper-button-disabled{cursor: auto;opacity: .5;}
.about-page .box2 .swiper-container{padding: .25rem;max-width: 14.5rem;}
.about-page .box2 .swiper-slide{border-radius: .2rem;box-shadow: 0 0 .25rem rgba(217,235,132,.3);padding: .5rem .2rem .25rem;background: #fff;}
.about-page .box2 .img-div{height: 2.9rem;margin-bottom: .4rem;}
.about-page .box2 .swiper-slide>p{font-size: .18rem;line-height: .24rem;text-align: center;}

.about-page .box3{padding-bottom: .5rem;}
.about-page .box3>p{font-size: .18rem;line-height: .3rem;color: #666;margin: .15rem 0 .45rem;}
.about-page .box3 ul{display: flex;flex-wrap: wrap;}
.about-page .box3 li{width: calc(59.58% - .15rem);height: 3.6rem;border-radius: .2rem;position: relative;margin-bottom: .3rem;}
.about-page .box3 li:nth-child(2),.about-page .box3 li:nth-child(3),.about-page .box3 li:nth-child(6),.about-page .box3 li:nth-child(7){width: calc(38.57% - .15rem)}
.about-page .box3 li:nth-child(2n+1){margin-right: .3rem;}
.about-page .box3 .info{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);color:#fff;padding: 10% .4rem .35rem;}
.about-page .box3 .info>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;}
.about-page .box3 .info>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;margin-top: .05rem;display: none}

@keyframes about-box1-play {
    to{transform: translate(-50%,-50%) scale(1.75);opacity: 0;}
}

@media (any-hover:hover){
    .about-page .box2 .arrow>div:not(.swiper-button-disabled):hover{border-color: #b9d14c;background-color: #b9d14c;background-image: url(../images/arrow1-w.svg);}

    .about-page .box3 li:hover .img{transform: scale(1.1);}
}

/* 联系 */
.contact-page{padding: 1rem 0 .8rem;}
.contact-page>p{font-size: .48rem;color:#000}
.contact-page ul{display: flex;margin: .3rem 0 .6rem;}
.contact-page li{flex:1;margin-right: .25rem;border: 1px #eee solid;border-radius: .2rem;text-align: center;padding: .5rem .3rem .3rem;}
.contact-page li:last-child{margin-right: 0;}
.contact-page li .img-div{height: 1.08rem;}
.contact-page li>p:nth-of-type(1){font-size: .12rem;color:#b9d14c;margin: .4rem 0 .1rem;}
.contact-page li>p:nth-of-type(2){font-size: .16rem;line-height:.24rem;color:#000}
.contact-page li>p:nth-of-type(2).address{font-size: .12rem;line-height: .2rem;}
.contact-page .media{display: flex;flex-wrap: wrap;justify-content: center;margin-top: .15rem;}
.contact-page .media .img-div{width: .38rem;height: .38rem;border: 1px solid #b9d14c;border-radius: 50%;background: #f8f8f8;margin-right: .1rem;margin-bottom: .1rem;transition: .3s;}
.contact-page .media .img-div:last-child{margin-right: 0;}
.contact-page .media .img-div>img{max-width: 40%;max-height: 40%;transition: .3s;}
.contact-page .con{height: 6.15rem;border: 1px #eee solid;border-radius: .2rem;display: flex;align-items: center;}
.contact-page #map{width: 50%;border-radius: .2rem;height: 100%;}
.rotate-circle,.tmap-zoom-control{display:none !important}
.contact-page .map-tit{display:flex;height:.9rem;align-items:center;width:4.5rem;background: #b9d14c;border-radius: .1rem;padding: .1rem;position: relative;}
.contact-page .map-tit::after{content:'';width: .15rem;height: .15rem;background: #b9d14c;transform: translateX(-50%) rotate(45deg);position: absolute;left: 50%;bottom: -.05rem;}
.contact-page .map-tit .img-div{width: 1.2rem;height: .7rem;background: #fff;border-radius: .1rem;margin-right: .2rem;}
.contact-page .map-tit .img-div>img{max-width: 80%;max-height: 80%;}
.contact-page .map-tit>p{flex:1;color:#fff;font-size: .16rem;line-height: .24rem;}
.contact-page .info{flex:1;padding: 0 .6rem;}
.contact-page .info>p{font-size: .3rem;color:#000;margin-bottom: .25rem;}
.contact-page .form{display: flex;flex-wrap: wrap;}
.contact-page .item{width: calc(50% - .1rem);margin-bottom: .25rem;}
.contact-page .item:first-child{margin-right: .2rem;}
.contact-page .item.w100{width: 100%;margin-right: 0;}
.contact-page .item>p{font-size: .16rem;color: #000;margin-bottom: .1rem;}
.contact-page .item>p>span{color:red;margin-right: .05rem;}
.contact-page .item>input{height: .55rem;border-radius: .05rem;border: 1px #eee solid;padding: 0 .2rem;width: 100%;}
.contact-page .item>input:focus{border-color: #b9d14c;}
.contact-page .item>textarea{height: 1rem;border-radius: .05rem;border: 1px #eee solid;padding: .15rem .2rem;width: 100%;}
.contact-page .item>textarea:focus{border-color: #b9d14c;}
.contact-page .btn{font-size: .16rem;border-radius: .25rem;background: #b9d14c;color: #fff;padding: 0 .5rem;display: inline-block;line-height: .5rem;cursor: pointer;transition: .3s;}

@media (any-hover:hover){
    .contact-page .media .img-div:hover{background: #b9d14c;}
    .contact-page .media .img-div:hover>img{filter: brightness(0%) invert(100%)}
    .contact-page .btn:hover{opacity: .8;}
}

/* 搜索 */
.search-space{height: 1rem}
.search-page{padding:.5rem 0;}
.search-page .crumb{display: flex;align-items: center;margin-bottom: .5rem;}
.search-page .crumb>span{color: #999;}
.search-page ul{display: flex;flex-wrap: wrap;}
.search-page li{border-radius: .2rem;border: 1px #eee solid;width: calc(100% / 3 - .26rem);margin-right: .39rem;margin-bottom: .5rem;position: relative;}
.search-page li:nth-child(3n){margin-right: 0;}
.search-page .img-bg{border-radius: .2rem .2rem 0 0;}
.search-page .img{padding-bottom: 63.63%;}
.search-page .info{padding: .25rem .3rem .35rem;transition: .3s;border-radius: 0 0 .2rem .2rem;}
.search-page .info>p:nth-of-type(1){font-size: .18rem;color:#000;margin-bottom: .1rem;}
.search-page .info>p:nth-of-type(2){line-height: .24rem;color:#666}
.search-page .page{padding-bottom: .5rem;}

@media (any-hover:hover){
    .search-page .crumb>a:hover{color:#b9d14c}
    .search-page li:hover .img{transform: scale(1.1);}
    .search-page li:hover .info{background: #b9d14c;}
    .search-page li:hover .info>p:nth-of-type(1){color:#fff}
    .search-page li:hover .info>p:nth-of-type(2){color:#fff}
}

.nav-m{display: none;}

@media (max-width:1024px){


    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:1000;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 1.44rem;height: .7rem;}
    .nav-m .close{width: .4rem;height:100%;background:url(../images/close.svg) no-repeat left center/100%}
    .nav-m ul{border-top:1px solid #eee;overflow: 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:.35rem 0;position:relative;}
    .nav-m li::after{position:absolute;top:0;right:0;content:'';width:.4rem;height:100%;background:url(../images/arrow1.svg) no-repeat center center/100%;transition:.3s}
    .nav-m li.active::after{transform: rotate(90deg);}
    .nav-m li>a{display:inline-block;font-size: .32rem;}
    .nav-m li.block>a{display: block;}
    .nav-m .child{margin: .1rem 0 .2rem .3rem;display: none;}
    .nav-m .child>a{padding: .3rem 0;border-bottom: 1px #eee solid;font-size: .3rem;}
}

.imgs_phone {
    display: none;
}
.header-phone {
    display: none;
}
@media (max-width:767px){
    .header {
        display: none;
    }
    .header-phone {
        display: block;
    }
    .width {
        width: 100%;
    }
    .index-page .box1 .img {
        padding-bottom: 130%;
    }
    .index-page .box1 .info>p:nth-of-type(1) {
        font-size: 24px;
        line-height: 1.2;
    }
    .index-page .box1 .width {
        top: 0;
        bottom: 0;
        margin: auto;
        height: fit-content;
    }
    .index-page .box2 {
        padding-top: 30px;
    }
    .index-page .box2 .con {
        flex-direction: column;
    }
    .index-page .box2 .img-bg {
        width: 100%;
    }
    .index-page .box2 .tit {
        padding-left: 0;
    }
    .index-page .box2 ul {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .index-page .box2 li>p:nth-of-type(1)>span:nth-of-type(1) {
        font-size: 28px;
    }
    .index-page .box7 ul {
        flex-direction: column;
        gap: 30px;
    }
    .index-page .box7 li {
        width: 100%;
    }
    .index-page .box2 li>span {
        display: none;
    }
    .index-page .box2 .items {
        padding: 20px;
        left: 10px;
        right: 10px;
        max-width: 100%;
    }
    .index-page .tit>p:nth-of-type(1) {
        font-size: 24px;
        line-height: 1.2;
    }
    .index-page .box3 .img {
        display: none;
    }
    .index-page .box4 ul {
        flex-direction: column;
    }
    .index-page .box4 li {
        margin-bottom: 20px;
        width: 100%;
    }
    .index-page .box4 .imgs>a {
        transform: scale(1);
    }
    .index-page .box4 ul.item {
        position: initial;
    }
    .index-page .box4 .img {
        opacity: 0;
    }
    .index-page .box4 ul.space {
        display: none;
    }
    .index-page .box5 ul {
        width: 100%;
    }
    .index-page .box5 .img {
        width: 100%;
        position: initial;
        height: 200px;
        background-size: contain;
        background-position: center;
    }
    .index-page .box5 li>p:nth-of-type(1) {
        font-size: 14px;
    }
    .index-page .box5 .items {
        flex-direction: column;
        gap: 20px;
    }
    .index-page .box5 .item {
        width: 100%;
        margin-right: 0;
        padding-bottom: 30px !important;
        height: auto !important;
    }
    .index-page .box5 .item>p:nth-of-type(2) {
        display: block;
        color: #000;
    }
    .index-page .box5 .item.active>p:nth-of-type(2) {
        color: #fff;
    }
    .index-page .box6 .con {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 90%;
    }
    .index-page .box6 .tab {
        position: initial;
        width: 100%;
        margin-top: 20px;
    }
    .index-page .box6 .tab>a {
        font-size: 12px;
        padding: 10px 0;
        text-align: center;
    }
    .index-page .box6 .img {
        border-radius: 10px;
        padding-bottom: 100%;
    }
    .index-page .box6 .arrow {
        display: none;
    }
    .index-page .box6 .swiper-slide::after {
        display: none;
    }
    .index-page .box6 .info>p:nth-of-type(1) {
        font-size: 14px;
    }
    .index-page .box4 .cate {
        width: 100%;
        flex-direction: column;
    }
    .index-page .box4 .cates {
        margin-bottom: 20px;
    }
    .index-page .box3 .tit {
        padding-bottom: 20px;
    }
    .imgs_phone {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
    }
    .imgs_phone img {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }
    .imgs_phone .item {
        margin-bottom: 20px;
    }
    .imgs_phone .item p {
        font-size: 12px;
    }
    .imgs_phone .item p.b {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 6px;
    }
    .index-page .box4 {
        padding-top: 40px;
    }

    .index-page .box3 .imgs {
        display: none;
    }

    .footer1 {
        padding-bottom: 70%;
    }
    .footer2 .width,
    .footer3 .width{
        flex-direction: column;
        gap: 30px;
    }
    .footer2 .info,
    .footer2 .con,
    .footer2 .contact,
    .footer2 .medias{
        width: 100%;
    }
    .footer2 ul {
        display: none;
    }
    .footer2 .txt {
        flex-direction: column;
        gap: 30px;
    }
    .footer3 .width>p {
        padding-right: 0;
    }
    .footer1 .btn>a:last-child {
        padding-right: 20px;
        padding-left: 40px;
        background: url(../images/9-w.png) no-repeat .2rem center / .24rem;
    }
    .footer1 .btn>a {
        padding-right: 10px;
        padding-left: 40px;
        background: #fff url('../images/8.png') no-repeat .2rem center / .21rem;
    }

    .inner-banner .img {
        padding-bottom: 60%;
    }
    .inner-banner .width>p:nth-of-type(1) {
        font-size: 20px;
        margin-bottom: 0;
    }
    .inner-banner .width {
        top: 0;
        bottom: 0;
        margin: auto;
        height: fit-content;
    }

    .about-page .box1 .con {
        flex-direction: column;
        gap: 30px;
    }
    .about-page .box1 .img-bg {
        width: 100%;
    }
    .about-page .box1 li {
        width: 100%;
        margin-right: 0 !important;
    }
    .about-page .box1 .info {
        flex-direction: column;
    }
    .about-page .box1 .con>p {
        padding-left: 0;
    }
    .about-page .box3 ul {
        flex-direction: column;
    }
    .about-page .box3 li {
        width: 100% !important;
    }
    .about-page .box1 .info>p:nth-of-type(2) {
        margin-top: 0;
    }
    .about-page .tit,
    .footer1 .width>p:nth-of-type(1){
        font-size: 24px;
    }
    .about-page .box1>p {
        margin-top: 0;
        font-size: 14px;
    }

    .news-page.list .head,.news-page.list ul {
        flex-direction: column;
        gap: 20px;
    }
    .news-page.list .head .img-bg,
    .news-page.list li{
        width: 100%;
    }
    .news-page.list .head .info {
        width: 100%;
        padding-top: 0;
    }
    .news-page.list .cate,.faq-page .cate ,.video-page .cate,.product-page.list .cate{
        margin-top: 30px;
        margin-bottom: 30px;
        justify-content: flex-start;
        overflow: auto;
    }
    .product-page.list .cate>a {
        flex-shrink: 0;
    }
    .faq-page ,.video-page{
        padding-top: 0;
    }
    .video-page ul {
        flex-direction: column;
    }
    .video-page li {
        width: 100%;
    }
    .video-page .head .img {
        padding-bottom: 63.63%;
    }

    .cases-page.list ul {
        flex-direction: column;
    }
    .cases-page.list li {
        width: 100%;
        margin-bottom: 20px;
    }
    .cases-page.list {
        padding-top: 30px;
    }
    .solution-page .tit {
        font-size: 24px;
        line-height: 1.3;
    }
    .solution-page .box1 ul {
        flex-direction: column;
        margin-top: 20px;
    }
    .solution-page .box1 ul li {
        width: 100%;
        padding: 20px;
    }
    .solution-page .box1 li>p:nth-of-type(2) {
        max-height: inherit;
    }
    .solution-page .box3 li {
        width: 100%;
        margin-right: 0;
    }
    .solution-page .box5 li>p {
        padding: 20px;
    }
    .solution-page .box5 li>p::after {
        top: 20px;
        right: 20px;
    }
    .solution-page .box5 li>p>span:nth-of-type(2) {
        padding-right: 40px;
        font-size: 14px;
    }
    .solution-page .box5 .note {
        padding-left: 20px;
        padding-right: 20px;
    }
    .solution-page .box4 .img-bg ,.solution-page .box6 .con{
        margin-top: 10px;
    }

    .product-page.list .tmp1 li {
        width: 100%;
        margin-right: 0;
    }
    .product-page.detail .con {
        flex-direction: column;

    }
    .product-page.detail .con .body {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .product-page.detail .con-l {
        width: 100%;
    }
    .product-page.detail .box2,
    .product-page.detail .box3,
    .product-page.detail .box8,
    .product-page.detail .box9,
    .product-page.detail .box10{
        padding-top: 30px;

    }
    .product-page.detail .box2 tr{
        display: flex;
        flex-wrap: wrap;
    }
    .product-page.detail .box2 td {
        width: 50%;
        font-size: 12px;
    }
    .product-page.detail .box2 td:nth-child(2n+1) {
        font-size: 14px;
    }

    .product-page.detail .tit {
        font-size: 16px;
    }
    .product-page.detail .box8 li {
        width: 100%;
        margin-right: 0;
        padding: 20px;
    }
    .product-page.detail .box10 li {
        width: 100%;
        margin-right: 0;
    }
    .product-page.detail .box11 .swiper-slide {
        padding: 20px;
    }
    .product-page.detail .box11 ul {
        flex-wrap: wrap;
    }
    .product-page.detail .box11 li {
        width: 50%;
        margin-bottom: 20px;
    }
    .product-page.detail .box4 ul {
        flex-direction: column;
    }
    .product-page.detail .box4 li {
        width: 100%;
        margin-bottom: 20px;
    }
    .product-page.detail .con-r {
        width: 100%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
    }


    .product-space {
        display: none;
    }

    .news-page.detail .width {
        padding: 20px;
    }
    .news-page.detail .width>p {
        font-size: 20px;
        line-height: 1.2;
    }
    .news-page.detail .jump {
        flex-direction: column;
        gap: 20px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .news-page.detail .time {
        margin-bottom: 20px;
    }
    .news-page.detail .content {
        padding-top: 10px;
    }
    .product-page.list .tmp1 .imgs>a,.product-page.detail .box4 .imgs>a {
        transform: scale(1);
        opacity: 0;
    }
    .solution-page .box1 {
        padding-top: 30px;
    }

    .solution-page {
        overflow: hidden;
    }

    .solution-page .box6 .con .swiper-container {
        overflow: auto;
    }
}




.header-phone .logo {
    width: clamp(100px, 1.33rem, 133px);
}
@media screen and (max-width: 767px) {
    .header-phone {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 9000999;
    }
    .header-phone .logo {
        width: 100%;
        justify-content: flex-start;
        max-width: 40px;
        display: block;
        filter: none;
        margin-left: 20px;
    }
    .header-phone .logo.pc {
        display: none;
    }
}
.header-phone .logo img {
    max-width: inherit;
    max-height: 100%;
    object-fit: contain;
    width: 100%;
}
.header-phone .header-menu {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin-left: clamp(100px, 2rem, 200px);
    /*导航*/
    /*导航*/
}
@media screen and (max-width: 1280px) {
    .header-phone .header-menu {
        margin-left: 40px;
    }
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu {
        width: 100%;
        position: absolute;
        background: #fff;
        top: 60px;
        height: 100vh;
        z-index: 10;
        left: 0;
        margin-left: 0;
        padding: 30px 5% 30px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: none;
        overflow: auto;
    }
}
.header-phone .header-menu nav {
    color: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    gap: clamp(20px, 0.5rem, 50px);
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: auto;
        gap: 0;
    }
}
.header-phone .header-menu nav .first-item {
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item {
        height: auto;
        width: 100%;
        margin-right: 0;
        justify-content: flex-start;
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
    }
}
.header-phone .header-menu nav .first-item .first-box {
    position: relative;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .first-box {
        border-bottom: 1px solid #eee;
    }
}
.header-phone .header-menu nav .first-item.active .first-box::after,
.header-phone .header-menu nav .first-item:hover .first-box::after {
    opacity: 1;
}
.header-phone .header-menu nav .first-item.active .first-item-title,
.header-phone .header-menu nav .first-item:hover .first-item-title {
    color: #000;
}
.header-phone .header-menu nav .first-item.active .first-item-title::after,
.header-phone .header-menu nav .first-item:hover .first-item-title::after {
    opacity: 1;
}
.header-phone .header-menu nav .first-item .first-item-title {
    font-size: clamp(14px, 0.18rem, 18px);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #333;
    transition: all 0.5s;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .first-item-title {
        height: 50px;
        width: 100%;
        justify-content: flex-start;
        color: #333;
    }
}
.header-phone .header-menu nav .first-item .first-item-title::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    opacity: 0;
    transition: all 0.5s;
    background: #fff;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .first-item-title::after {
        display: none;
    }
}
.header-phone .header-menu nav .first-item i {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item i {
        display: block;
    }
}
.header-phone .header-menu nav .first-item i::before,
.header-phone .header-menu nav .first-item i::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000;
}
.header-phone .header-menu nav .first-item i::before {
    width: 14px;
    height: 2px;
}
.header-phone .header-menu nav .first-item i::after {
    height: 14px;
    width: 2px;
}
.header-phone .header-menu nav .first-item i.active {
    transform: rotate(45deg);
}
.header-phone .header-menu nav .first-item .second-box {
    position: absolute;
    top: clamp(60px, 0.8rem, 80px);
    -webkit-box-shadow: 0 10px 50px rgba(54, 56, 79, 0.11);
    box-shadow: 0 10px 50px rgba(54, 56, 79, 0.11);
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    background: #ffffff;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    padding: clamp(20px, 0.6rem, 60px) 0;
    /*特殊*/
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box {
        width: 100%;
        position: relative;
        top: 0;
        background: none;
        opacity: 1;
        visibility: visible;
        transform: translate(0);
        padding: 0;
        box-shadow: none;
        border: none;
        display: none;
        transition: all 0s;
        pointer-events: auto;
        left: 0;
    }
}
.header-phone .header-menu nav .first-item .second-box::before {
    position: absolute;
    height: 10px;
    left: 0;
    top: -10px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box::before {
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box::after {
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    margin: auto;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #eee transparent transparent;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box::after {
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box .section {
    display: grid;
    gap: clamp(20px, 0.4rem, 40px) clamp(20px, 0.7rem, 70px);
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .section {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}
.header-phone .header-menu nav .first-item .second-box .brand-section {
    width: clamp(12.9rem, 12.9rem, 1290px);
    position: relative;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .brand-section {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}
.header-phone .header-menu nav .first-item .second-box .brand-section .second-item {
    width: clamp(3.5rem, 3.5rem, 350px);
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .brand-section .second-item {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .brand-section .second-item .second-item-title {
        position: relative;
        width: 100%;
    }
}
.header-phone .header-menu nav .first-item .second-box .second-item {
    height: fit-content;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box .second-item {
        position: relative;
    }
}
.header-phone .header-menu nav .first-item .second-box .second-item i {
    bottom: auto;
    height: 40px;
}
.header-phone .header-menu nav .first-item .second-box .second-item .second-item-title {
    color: #000;
    font-size: clamp(12px, 0.18rem, 18px);
    transition: all 0.2s;
    text-align: left;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-phone .header-menu nav .first-item .second-box .second-item .second-item-title .title {
    font-size: clamp(14px, 0.24rem, 24px);
}
.header-phone .header-menu nav .first-item .second-box .second-item .second-item-title .img {
    border-radius: 10px;
    overflow: hidden;
    width: 3rem;
    margin-top: clamp(10px, 0.2rem, 20px);
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box .second-item .second-item-title .img {
        width: 200px;
    }
}
.header-phone .header-menu nav .first-item .second-box .second-item .second-item-title .img .imgBox {
    padding-bottom: 56.65%;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box .second-item .second-item-title {
        color: #000;
        text-align: left;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }
}
.header-phone .header-menu nav .first-item .second-box .second-item .second-item-title span {
    opacity: 0.6;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .second-item .second-item-title span {
        display: none;
    }
}
@media screen and (min-width: 769px) {
    .header-phone .header-menu nav .first-item .second-box .second-item .second-item-title:hover {

    }
}
.header-phone .header-menu nav .first-item .second-box .second-item .second-item-title:hover {

}
.header-phone .header-menu nav .first-item .second-box .second-item .second-item-title:hover span {
    opacity: 1;
}
.header-phone .header-menu nav .first-item .second-box .second-item:hover .three-box {
    opacity: 1;
    pointer-events: auto;
}
.header-phone .header-menu nav .first-item .second-box .second-item:hover .three-box2 {
    opacity: 1;
    pointer-events: auto;
}
.header-phone .header-menu nav .first-item .second-box .three-box {
    margin-top: clamp(10px, 0.5rem, 50px);
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 0.5rem, 50px);
    padding-left: 20px;
}
.header-phone .header-menu nav .first-item .second-box .three-box .title {
    font-size: clamp(14px, 0.2rem, 20px);
    color: #000;
}
.header-phone .header-menu nav .first-item .second-box .three-box .list {
    font-size: clamp(12px, 0.18rem, 18px);
    color: #666;
    display: block;
    margin-top: clamp(6px, 0.1rem, 10px);
    transition: all 0.5s;
}
.header-phone .header-menu nav .first-item .second-box .three-box .list:hover {
    color: var(--dominant-color);
}
.header-phone .header-menu nav .first-item .second-box .three-box2 {
    opacity: 0;
    width: clamp(4.7rem, 4.7rem, 470px);
    padding-left: clamp(1.2rem, 1.2rem, 120px);
    position: absolute;
    left: clamp(3.5rem, 3.5rem, 350px);
    top: 0;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .three-box2 {
        position: relative;
        width: 100%;
        padding-left: 20px;
        left: 0;
        opacity: 1;
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box .three-box2::after {
    content: '';
    top: 0;
    left: clamp(0.6rem, 0.6rem, 60px);
    background: #d1d1d1;
    width: 1px;
    height: 100%;
    position: absolute;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .three-box2::after {
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box .three-box2 .three-item {
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(14px, 0.24rem, 24px);
    transition: all 0.2s;
    line-height: 1.4;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .three-box2 .three-item {
        display: block;
    }
}
.header-phone .header-menu nav .first-item .second-box .three-box2 .three-item a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .three-box2 .three-item a {
        color: #000;
    }
}
.header-phone .header-menu nav .first-item .second-box .three-box2 .three-item a:hover {
    color: var(--dominant-color);
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .three-box2 .three-item a span {
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box .three-box2 .three-item:hover .four-item {
    opacity: 1;
}
.header-phone .header-menu nav .first-item .second-box .four-item {
    opacity: 0;
    position: absolute;
    left: 100%;
    top: 0;
    width: clamp(4.7rem, 4.7rem, 470px);
    padding-left: clamp(1.2rem, 1.2rem, 120px);
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .four-item {
        position: relative;
        left: 10px;
        width: 100%;
        padding-left: 0;
        opacity: 1;
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box .four-item::after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: clamp(0.6rem, 0.6rem, 60px);
    background: #d1d1d1;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .second-box .four-item::after {
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box .four-item a {
    padding: 12px 0;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: clamp(14px, 0.2rem, 20px);
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box .four-item a {
        padding: 10px;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box {
    width: 100vw;
    min-height: 338px;
    padding: 0;
    position: fixed;
    border-radius: 0;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box {
        position: relative;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .product-box {
    align-items: flex-start;
    padding: 50px 0;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .product-box {
        width: 100%;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .left {
    flex-basis: 300px;
    background: #fff;
    border-radius: 10px 0 0 10px;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .left {
        flex-basis: 100px;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .left .p-title {
    margin-bottom: 20px;
    color: #888;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .left .p-item {
    color: #333;
    margin-bottom: 10px;
    width: 100%;
    background: #f8f8f8;
    padding: 15px;
    font-size: 14px;
    transition: all 0.5s;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .left .p-item {
        font-size: 12px;
        padding: 10px;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .left .p-item:hover,
.header-phone .header-menu nav .first-item .second-box.product-second-box .left .p-item.active {
    background: #e7e7e7;
    color: #2f2f2f;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right {
    margin-left: 60px;
    flex: 1;
    border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .right {
        margin-left: 10px;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items {
    display: none;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items .p-title {
    color: #333;
    margin-bottom: 20px;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items.active {
    display: block;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items .p-item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items .p-item {
        display: flex;
        overflow: auto;
        grid-gap: 10px;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items .p-item .item {
    background: #f1f2f4;
    padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items .p-item .item {
        flex-shrink: 0;
        width: 130px;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items .p-item .item .imgBox {
    padding-bottom: 75%;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .right .p-items .p-item .title {
    color: #333;
    text-align: center;
    margin-top: 10px;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item {
    flex-basis: 20%;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .second-item {
        flex-basis: 100%;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item:nth-child(n + 6) {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .second-item:nth-child(n + 6) {
        margin-top: 0;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .img {
    height: 40px;
    position: relative;
    display: block;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .img {
        display: none;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .img img {
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .second-item-title {
    color: #222;
    text-align: left;
    padding: 0;
    transition: all 0.5s;
    margin-top: 10px;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .second-item-title {
        margin-top: 10px;
        padding: 0 10px;
        position: relative;
        width: 100%;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .second-item-title:hover {
    color: var(--dominant-color);
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .three-box {
    margin-top: 10px;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .three-box {
        margin-top: 0;
        display: none;
        padding-left: 30px;
        margin-bottom: 10px;
    }
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .three-box .three-item-title {
    display: block;
    transition: all 0.5s;
    font-size: 12px;
    color: #999;
    width: fit-content;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .three-box .three-item-title:hover {
    color: var(--dominant-color);
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item .three-box .three-item-title.news {
    color: var(--dominant-color);
    font-size: 12px;
}
.header-phone .header-menu nav .first-item .second-box.product-second-box .second-item:hover .three-box {
    opacity: 1;
    visibility: visible;
}
.header-phone .header-menu nav .first-item .product-section {
    background: #f7f7f7;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .product-section {
        background: #fff;
    }
}
.header-phone .header-menu nav .first-item .product-section .product-first {
    background: #fff;
    display: flex;
    justify-content: center;
    height: clamp(50px, 0.7rem, 70px);
    border-bottom: 1px solid #eee;
    color: #000;
    gap: clamp(30px, 1rem, 100px);
}
.header-phone .header-menu nav .first-item .product-section .product-first .product-first-item {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: clamp(12px, 0.18rem, 18px);
    cursor: pointer;
}
.header-phone .header-menu nav .first-item .product-section .product-first .product-first-item.active {
    color: var(--dominant-color);
}
.header-phone .header-menu nav .first-item .product-section .section {
    display: block;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .product-section .section {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box {
    display: none;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box.active {
    display: flex;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left {
    padding-top: clamp(30px, 0.5rem, 50px);
    padding-bottom: clamp(30px, 0.5rem, 50px);
    flex-basis: 3rem;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.2rem, 20px);
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left {
        flex-basis: 50%;
    }
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left .item {
    font-size: clamp(12px, 0.18rem, 18px);
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: clamp(40px, 0.5rem, 50px);
    padding: 0 clamp(10px, 0.3rem, 30px);
    cursor: pointer;
    position: relative;
    transition: all 0.5s;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left .item::after {
    content: '';
    background: url('../images/img75.jpg') no-repeat top left / contain;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left .item .fa {
    transition: all 0.5s;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left .item.active {
    background: #fff;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left .item.active::after {
    opacity: 1;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .left .item.active .fa {
    color: var(--dominant-color);
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right {
    padding-top: clamp(30px, 0.5rem, 50px);
    padding-bottom: clamp(30px, 0.5rem, 50px);
    padding-left: clamp(20px, 0.5rem, 50px);
    flex: 1;
    background: #fff;
    position: relative;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: -100%;
    top: 0;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .r-box {
    width: 100%;
    display: none;
    justify-content: space-between;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .r-box.active {
    display: flex;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .l-item {
    flex-basis: 3rem;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.2rem, 20px);
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .l-item {
        flex-basis: 100%;
    }
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .l-item .item {
    font-size: clamp(12px, 0.16rem, 16px);
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: clamp(40px, 0.5rem, 50px);
    background: #f7f7f7;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 clamp(10px, 0.2rem, 20px);
    transition: all 0.5s;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .l-item .item:hover {
    background: var(--dominant-color);
    color: #fff;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .r-item {
    flex-basis: 4.3rem;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .r-item {
        display: none;
    }
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .r-item img {
    display: none;
}
.header-phone .header-menu nav .first-item .product-section .section .product-first-item-box .right .r-item img.active {
    display: block;
}
@media screen and (min-width: 1025px) {
    .header-phone .header-menu nav .first-item:hover .second-box {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
.header-phone .header-menu nav .first-item:hover a {
    color: var(--dominant-color);
}
.header-phone .header-menu nav .logo {
    margin-left: auto;
    margin-right: auto;
}
.header-phone .header-menu nav .logo ~ .first-item {
    margin-left: 60px;
    margin-right: 0;
}
@media screen and (max-width: 1600px) {
    .header-phone .header-menu nav .logo ~ .first-item {
        margin-left: 30px;
    }
}
@media screen and (max-width: 1280px) {
    .header-phone .header-menu nav .logo ~ .first-item {
        margin-left: 15px;
    }
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .logo ~ .first-item {
        margin-left: 0;
    }
}
.header-phone .header-menu nav .shop {
    margin-left: 60px;
    background: #1e1e1e;
    border-radius: 25px;
    width: 120px;
    height: 50px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
}
@media screen and (max-width: 1600px) {
    .header-phone .header-menu nav .shop {
        margin-left: 30px;
    }
}
@media screen and (max-width: 1280px) {
    .header-phone .header-menu nav .shop {
        margin-left: 15px;
    }
}
@media screen and (max-width: 768px) {
    .header-phone .header-menu nav .shop {
        margin-left: 0;
        margin-top: 30px;
        height: 40px;
        font-size: 14px;
        width: 100%;
    }
}
.header-phone .header-menu nav .shop img {
    width: 19px;
    height: 19px;
    margin-right: 10px;
}
.header-phone .header-phone-click {
    cursor: pointer;
    width: 22px;
    height: 16px;
    align-items: center;
    position: relative;
    right: 20px;
    margin-right: 0;
    margin-left: auto;
}
@media screen and (max-width: 1024px) {
    .header-phone .header-phone-click {
        display: flex;
        order: 3;
        margin-left: 0;
    }
}
.header-phone .header-phone-click .phone-click-line {
    height: 2px;
    background: #000;
    width: 100%;
    transition: all 0.5s;
    overflow: hidden;
}
.header-phone .header-phone-click .phone-click-line::before,
.header-phone .header-phone-click .phone-click-line::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    transition: all 0.5s;
}
.header-phone .header-phone-click .phone-click-line::before {
    top: 0;
    transition: all 0.5s;
}
.header-phone .header-phone-click .phone-click-line::after {
    bottom: 0;
    transition: all 0.5s;
}
.header-phone .header-phone-click.active .phone-click-line {
    background: transparent;
    transition: all 0.5s;
}
.header-phone .header-phone-click.active .phone-click-line::before {
    margin: auto;
    transition: all 0.5s;
    transform: translateY(7px) rotate(45deg);
}
.header-phone .header-phone-click.active .phone-click-line::after {
    margin: auto;
    transition: all 0.5s;
    transform: translateY(-7px) rotate(-45deg);
}