/*公共*/
.header{background: #fff;border-bottom: 1px solid #eee;position: sticky;top: 0;z-index: 2000;}
.header .width{max-width:16rem;display: flex;align-items: center;}
.header .logo{width: .65rem;height: .8rem;}
.header .con{flex:1;display: flex;justify-content: flex-end;height: 1rem;}
.header ul{display: flex;}
.header li{margin-right: .55rem;position: relative;}
.header li:last-child{margin-right: .25rem;}
.header li>a{line-height: 1rem;font-size: .16rem;}
.header li>a.active{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}
.header .lang{position: relative;height: 100%;background: url(../images/lang.svg) no-repeat center center/.22rem;padding: 0 .4rem;cursor: pointer;}
.header .search{position: relative;width:.22rem;height: 100%;background: url(../images/search.png) no-repeat center center/100%;cursor: pointer;margin-right: .25rem;}
.header .search .popup{display: none;position: absolute;right:0;top: calc(100% + 1px);}
.header .search .popup>div{display: flex;}
.header .search .popup>div>input{width: 2.5rem;background: #f5f5f5;}
.header .search .popup .btn{width: .5rem;height: .5rem;position: relative;}
.header .search .popup .btn>p{background: url(../images/search-w.png) no-repeat center center/.2rem;position: relative;z-index: 2;width: 100%;height: 100%;}
.header .wx{position: relative;width:.29rem;height: 100%;background: url(../images/1.png) no-repeat center center/100%;cursor: pointer;}
.header .wx .img-div{position: absolute;top: calc(100% + 1px);left: 50%;transform: translateX(-50%);width: 1rem;height: 1rem;display: none;z-index: 2000;}
.header .child{position: absolute;top: calc(100% + 1px);left: 50%;transform: translateX(-50%);background: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,.1);padding: .15rem .3rem;width:max-content;display: none;z-index: 2000;text-align: center;}
.header .child>a{font-size: .16rem;line-height: .4rem;}

.footer{background: linear-gradient(to right,#17bc9b,#8b54ab);padding: .5rem 0 .45rem;}
.footer .width{max-width: 16rem;display: flex;align-items: center;color:#fff}
.footer .logo{width: 1.01rem;height: 1.04rem;}
.footer .con{width: 33.75%;padding: 0 .35rem;}
.footer .con>p{line-height: .24rem;margin-bottom: .1rem;}
.footer .single{display: flex;}
.footer .single>a{height: .14rem;border-right:1px #fff solid;color:#fff;line-height: .14rem;margin-right: .15rem;padding-right: .15rem;}
.footer .single>a:last-child{border-right: 0;margin-right: 0;padding-right: 0;}
.footer .search{display: flex;align-items: center;width: 37.5%;justify-content: center;border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1);height: .6rem;}
.footer .search>p{font-size: .16rem;margin-right: .2rem;}
.footer .input{display: flex;border: 1px solid rgba(255,255,255,.1);border-radius: .25rem;width: 60%;}
.footer .input>input{height: .45rem;background: none;color:#fff;flex:1}
.footer .input>input::placeholder{color:rgba(255,255,255,.8)}
.footer .btn{width: .6rem;height: .45rem;background:url(../images/search-w.png) no-repeat center center/.18rem;cursor:pointer}
.footer .qrs{flex:1;display: flex;justify-content: flex-end;align-items: center;}
.footer .qrs>p{font-size: .18rem;line-height: .28rem;margin: 0 .25rem 0 .3rem;}
.footer .qr{width: 1rem;text-align: center;}
.footer .qr .img-div{width: 1rem;height: 1rem;margin-bottom: .05rem;}
.footer .qr .img-div>img{border-radius: .1rem;}

.inner-banner{height: 6.5rem;position: relative;overflow:hidden}
.inner-banner .img{transform:scale(1.2);animation:banner-play 2s linear forwards}
.inner-banner .m{display: none;}
.inner-banner .width{position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);color:#fff;max-width:16rem}
.inner-banner .width>p:nth-of-type(1){font-size: .22rem;line-height: .32rem;}
.inner-banner .width>p:nth-of-type(2){font-size: .72rem;line-height: .82rem;margin: .05rem 0 .25rem;}
.inner-banner .width>p:nth-of-type(3){font-size: .22rem;line-height: .36rem;}

.tit>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#666;padding-left: .4rem;background: url(../images/3.png) no-repeat left .04rem/.3rem;margin-bottom: .15rem;}
.tit>p:nth-of-type(2){font-size: .54rem;line-height: .68rem;color:#000}

.nav-m{display: none;}

.more{position: relative;display: inline-block;width: 2rem;line-height: .6rem;border-radius: .3rem;}
.more::after{border-radius: .3rem;}
.more>p{position: relative;z-index: 2;font-size: .16rem;color:#fff;padding-left: .65rem;background: url(../images/2.png) no-repeat .3rem center/.25rem;}

.jb::after{content:'';width:100%;height:100%;background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;top: 0;left: 0;}
@keyframes jb-play {
    30%{transform:translateX(5%)}
    50%{transform:translateX(-5%)}
    100%{transform:translateX(0)}
}

@keyframes banner-play{
    to{transform:scale(1)}
}

@media (max-width:1600px){
    .footer .con{width:33%}
}

@media (max-width:1440px){
    .footer .con{width:30%}
}

@media (max-width:1280px){
    .footer .qrs{flex-direction: column;}
    .footer .qrs>p{margin: 0 0 .1rem;text-align: center;font-size: .16rem;line-height: .24rem;}
    .tit>p:nth-of-type(2){font-size: .48rem;line-height: .62rem;}
}

@media (max-width:1024px){
    .header{position: fixed;left:0;width:100%}
    .header .logo{width: .73rem;height: .9rem;}
    .header .con{height: 1.2rem;}
    .header ul{display: none;}
    .header .lang{background-size:100%;padding: 0;width:.35rem}
    .header .search{width:.35rem;margin: 0 .3rem;}
    .header .search .popup{position: fixed;width:100%;left:0;top:1.2rem}
    .header .search .popup>div>input{width: calc(100% - .8rem)}
    .header .search .popup .btn{width: .8rem;height: .8rem}
    .header .search .popup .btn>p{background-size:.3rem;}
    .header .wx{width:.4rem;}
    .header .wx .img-div{left: auto;right:0;transform: translateX(0);width: 2rem;height: 2rem}
    .header .child{padding: .2rem .4rem;}
    .header .child>a{font-size: .28rem;line-height: .6rem;}
    .header .menu{width:.45rem;height:100%;background: url(../images/menu.svg) no-repeat center center/100%;margin-left: .3rem;}
    .header-space{height:1.2rem}

    .footer{padding: .8rem 0 .6rem;}
    .footer .width{display: block}
    .footer .logo{width: 1.6rem;height: 1.64rem;margin: 0 auto;}
    .footer .con{width: 100%;padding: 0;}
    .footer .con>p{line-height: .44rem;margin: .6rem 0 .3rem;text-align: center;}
    .footer .single{justify-content: center;}
    .footer .single>a{height: .28rem;line-height: .28rem;margin-right: .2rem;padding-right: .2rem;}
    .footer .search{width: 100%;border-left: 0;border-right: 0;height: .8rem;margin:.6rem 0}
    .footer .search>p{font-size: .28rem}
    .footer .input{border-radius: .6rem;width: auto;flex:1}
    .footer .input>input{height: .8rem}
    .footer .btn{width: .8rem;height: .8rem;background-size:.3rem;}
    .footer .qrs{display: block}
    .footer .qrs>p{font-size: .28rem;line-height: .48rem;margin: 0 0 .2rem;}
    .footer .qr{width: 2rem;margin: 0 auto;}
    .footer .qr .img-div{width: 2rem;height: 2rem;margin-bottom: .1rem;}

    .inner-banner{height: auto;}
    .inner-banner .img{padding-bottom: 75%;}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .width{text-align: center;}
    .inner-banner .width>p:nth-of-type(1){font-size: .28rem;line-height: .48rem;}
    .inner-banner .width>p:nth-of-type(2){font-size: .5rem;line-height: .7rem;margin: .1rem 0 .2rem;}
    .inner-banner .width>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;}

    .tit{display: flex;flex-direction: column;align-items: center;}
    .tit>p{text-align: center;}
    .tit>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;padding-left: .55rem;background-position:left .08rem;background-size:.4rem;margin-bottom: .2rem;}
    .tit>p:nth-of-type(2){font-size: .44rem;line-height: .62rem}

    .more{width: 3rem;line-height: .8rem;border-radius: .6rem;}
    .more::after{border-radius: .6rem;}
    .more>p{font-size: .26rem;padding-left: .95rem;background-position:.4rem center;background-size:.35rem;}

    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:2001;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: .73rem;height: .9rem;}
    .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-y: auto;overflow-x:hidden;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;}
}

@media (any-hover:hover){
    .jb-txt:hover{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}
    .jb.animate:hover::after{animation:jb-play .3s forwards}

    .footer .single>a:hover{text-decoration: underline;}
}

/* 首页 */
.index-page .width{max-width:16rem}

.index-page .box1 .img{padding-bottom: 44.79%;}
.index-page .box1 .swiper-slide-active .img{transform:scale(1.2);animation:banner-play 2s linear forwards}
.index-page .box1 .m{display: none;}
.index-page .box1 .width{position: absolute;left: 50%;transform: translate(-50%,-50%);top: 45%;}
.index-page .box1 .info{width: 37%;color:#fff}
.index-page .box1 .info>p:nth-of-type(1){font-size: .22rem;line-height: .36rem;}
.index-page .box1 .info>p:nth-of-type(2){font-size: .72rem;line-height: .82rem;margin:.05rem 0 .25rem}
.index-page .box1 .info>p:nth-of-type(3){font-size: .22rem;line-height: .36rem;margin-bottom: .5rem;}
.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 .box2{padding: 1.15rem 0}
.index-page .box2 .width{position: relative;z-index: 2;}
.index-page .box2 .con{display: flex;}
.index-page .box2 .tit{width: 40.31%;padding-right: 1rem;}
.index-page .box2 .info{flex:1}
.index-page .box2 .info>p{font-size: .18rem;line-height: .36rem;color:#666;margin: .5rem 0 .4rem;}
.index-page .box2 .width>img{max-width: 100%;margin: -.2rem auto 0;}

.index-page .box3{padding-bottom: 1.2rem;}
.index-page .box3 .tit-box{display: flex;align-items: flex-end;margin-bottom: .6rem;}
.index-page .box3 .tit{flex:1.5;padding-right: 1rem;}
.index-page .box3 ul{flex:1;display: flex;justify-content: flex-end;}
.index-page .box3 li{position: relative;margin-right: .2rem;cursor: pointer;}
.index-page .box3 li:last-child{margin-right: 0;}
.index-page .box3 li::after{border-radius: .3rem;opacity: 0;transition: .3s;}
.index-page .box3 li.active::after{opacity: 1;}
.index-page .box3 li>p{min-width: 1.6rem;line-height: .56rem;border: .02rem solid #eee;border-radius: .3rem;position: relative;z-index: 2;font-size: .16rem;text-align: center;padding: 0 .3rem;}
.index-page .box3 li.active>p{border-color: transparent;color:#fff}
.index-page .box3 .con{position: relative;height: 5.1rem;}
.index-page .box3 .swiper-container{padding-bottom: .5rem;transition: .3s;opacity: 0;position: absolute;top: 0;left: 0;height: 100%;width:100%}
.index-page .box3 .swiper-container.show{opacity: 1;z-index: 2;}
.index-page .box3 .swiper-slide{height: 4.6rem;width:4.2rem;border-radius: .2rem;padding: .55rem .4rem .4rem;transition: .3s;background: #f1f5f8}
.index-page .box3 .swiper-slide::before{content:'';background: url(../images/5.png) no-repeat left .8rem/3.82rem;width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: 2;}
.index-page .box3 .swiper-slide::after{content:'';width:100%;height:100%;position: absolute;top: 0;left: 0;background: url(../images/4.jpg) no-repeat center center/cover;transition: .3s;opacity: 0;border-radius: .2rem;}
.index-page .box3 .info{position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.index-page .box3 .txt>p:nth-of-type(1){font-size: .24rem;color:#000;margin-bottom: .65rem;}
.index-page .box3 .txt>p:nth-of-type(2){font-size: .18rem;line-height:.36rem;color:#666;}
.index-page .box3 .btn{display: flex;}
.index-page .box3 .btn>p{color:#999;padding-right: .45rem;position: relative;margin: .25rem .4rem 0 0;}
.index-page .box3 .btn>p::after{content:'';width:.34rem;height:.34rem;background: url(../images/6.png) no-repeat center center/100%;position: absolute;right:0;top: -.07rem;transition: .3s;}
.index-page .box3 .img-div{height: 1.2rem;flex:1}
.index-page .box3 .swiper-scrollbar{opacity:1 !important;height:1px;background:#ccc;left:0;border-radius: 0;}
.index-page .box3 .swiper-scrollbar-drag{background:linear-gradient(to right,#17bc9b,#8b54ab);height:.03rem;top:-.01rem;border-radius: .1rem;}

.index-page .box4 .tit-box{display: flex;align-items: flex-end;margin-bottom: .6rem;}
.index-page .box4 .tit{flex:1.5;padding-right: 1rem;}
.index-page .box4 ul{flex:1;display: flex;justify-content: flex-end;}
.index-page .box4 li{position: relative;margin-right: .2rem;cursor: pointer;}
.index-page .box4 li:last-child{margin-right: 0;}
.index-page .box4 li::after{border-radius: .3rem;opacity: 0;transition: .3s;}
.index-page .box4 li.active::after{opacity: 1;}
.index-page .box4 li>p{min-width: 1.8rem;line-height: .56rem;border: .02rem solid #eee;border-radius: .3rem;position: relative;z-index: 2;font-size: .16rem;text-align: center;padding: 0 .3rem;}
.index-page .box4 li.active>p{border-color: transparent;color:#fff}
.index-page .box4 .cons{position: relative;height: 8rem;background: rgba(0,0,0,.3);}
.index-page .box4 .con{position: absolute;top: 0;left: 0;opacity: 0;height: 100%;width:100%;transition: .3s;}
.index-page .box4 .con.show{opacity: 1;z-index: 2;}
.index-page .box4 .big{height: 100%;}
.index-page .box4 .big .swiper-slide-active .img{transform:scale(1.2);animation:banner-play 2s linear forwards}
.index-page .box4 .big .m{display: none;}
.index-page .box4 .big .width{position: absolute;top: 27%;left: 50%;transform: translateX(-50%);color:#fff}
.index-page .box4 .big .info{max-width:5.6rem}
.index-page .box4 .big .img-div{display: none;}
.index-page .box4 .big .info>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;}
.index-page .box4 .big .info>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;margin: .2rem 0 .5rem;}
.index-page .box4 .thumb{position: absolute;bottom: 0;left: 0;z-index:2;width:100%;overflow: hidden;}
.index-page .box4 .thumb .mask{height: 1.9rem;background: rgba(0,0,0,.3);bottom: 0;right: 0;position: absolute;}
.index-page .box4 .thumb .width{display: flex;justify-content: flex-end;}
.index-page .box4 .thumb .items{display: flex;position: relative;z-index: 2;align-items: flex-end;}
.index-page .box4 .thumb .item{padding:.45rem .65rem 0;position: relative;background: rgba(0,0,0,.3);transition: .3s;height: 1.9rem;}
.index-page .box4 .thumb .item:first-child{border-radius: .2rem 0 0;}
.index-page .box4 .thumb .item::after{content:'';width:100%;height: 0;background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;bottom:0;left:0;border-radius: .2rem .2rem 0 0;transition: .3s;opacity: .8;}
.index-page .box4 .thumb .item>div{position: relative;z-index: 2;}
.index-page .box4 .thumb .img-div{width: .54rem;height: .5rem;margin: 0 auto;}
.index-page .box4 .thumb .item>div>p:nth-of-type(1){font-size: .18rem;line-height: .24rem;color:#fff;text-align: center;margin: .15rem 0;transition: .3s;}
.index-page .box4 .thumb .item>div>p:nth-of-type(2){width: .34rem;height: .34rem;background: url(../images/6-h.png) no-repeat center center/100%;margin: 0 auto;transform: translateY(120%);transition: .3s;}
.index-page .box4 .thumb .item.active{background: none;padding: .5rem .65rem 0;height: 2.4rem;}
.index-page .box4 .thumb .item.active::after{height: 100%;}
.index-page .box4 .thumb .item.active>div>p:nth-of-type(1){margin: .2rem 0 .15rem;}
.index-page .box4 .thumb .item.active>div>p:nth-of-type(2){transform: translateY(0);}

.index-page .box5{padding: 1.2rem 0;}
.index-page .box5 .tit-box{display: flex;align-items: flex-end;margin-bottom: .6rem;}
.index-page .box5 .tit{flex:1;padding-right: 1rem;}
.index-page .box5 ul{flex:1;display: flex;justify-content: flex-end;}
.index-page .box5 li{position: relative;margin-right: .2rem;cursor: pointer;}
.index-page .box5 li:last-child{margin-right: 0;}
.index-page .box5 li::after{border-radius: .3rem;opacity: 0;transition: .3s;}
.index-page .box5 li.active::after{opacity: 1;}
.index-page .box5 li>p{min-width: 1.8rem;line-height: .56rem;border: .02rem solid #eee;border-radius: .3rem;position: relative;z-index: 2;font-size: .16rem;text-align: center;padding: 0 .3rem;}
.index-page .box5 li.active>p{border-color: transparent;color:#fff}
.index-page .box5 .cons{position: relative;height: 5.9rem;}
.index-page .box5 .con{position: absolute;height: 100%;top: 0;left: 0;width: 100%;opacity: 0;transition: .3s;}
.index-page .box5 .con.show{opacity: 1;z-index: 2;}
.index-page .box5 .swiper-container{border-radius: .2rem;}
.index-page .box5 .swiper-slide{background: #f5f6f7;border-radius: .2rem;}
.index-page .box5 .img-bg{height: 3.4rem;background: #f5f6f7;border-radius: .2rem .2rem 0 0;}
.index-page .box5 .info{display: flex;align-items: center;height: 2.5rem;}
.index-page .box5 .txt{width:77%;border-right: 1px #ccc solid;height: 100%;padding: .5rem .4rem 0;}
.index-page .box5 .txt>p:nth-of-type(1){font-size: .2rem;line-height: .34rem;margin-bottom: .15rem;}
.index-page .box5 .txt>p:nth-of-type(2){font-size: .16rem;line-height: .28rem;color:#999}
.index-page .box5 .time{width:23%;text-align: center;color: #666;}
.index-page .box5 .time>p:nth-of-type(1){font-size: .36rem;}
.index-page .box5 .arrow{position: absolute;right: -.9rem;width: .6rem;height: .6rem;top: 2.75rem;cursor: pointer;transition: .3s;}
.index-page .box5 .prev{right: 0;left: -.9rem;transform: rotate(180deg);}
.index-page .box5 .arrow::after{content:'';width: 100%;height: 100%;background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;top: 0;left: 0;border-radius: 50%;opacity: 0;transition: .3s;}
.index-page .box5 .arrow>p{width: 100%;height: 100%;background: url(../images/7.png) no-repeat center center/.18rem;border-radius: 50%;border:1px #eee solid;position: relative;z-index: 2;transition: .3s;}

.index-page .box6{padding-bottom: 1rem;}
.index-page .box6 .tit-box{display: flex;align-items: flex-end;margin-bottom: .6rem;}
.index-page .box6 .tit{flex:1;padding-right: 1rem;}
.index-page .box6 .tit-box>a{width: 1.8rem;line-height: .6rem;text-align: center;position: relative}
.index-page .box6 .tit-box>a::after{border-radius: .3rem;}
.index-page .box6 .tit-box>a>p{color:#fff;font-size: .16rem;position: relative;z-index: 2;}
.index-page .box6 ul{display: flex;flex-wrap: wrap;}
.index-page .box6 li{border-radius: .1rem;border: 1px solid #e5e5e5;width: calc(100% / 7 - .18rem);margin-right: .21rem;height: .9rem;margin-bottom: .2rem;transition: .3s;}
.index-page .box6 li:nth-child(7n){margin-right: 0;}
.index-page .box6 li>img{max-width: 70%;max-height: 70%;}

@media (max-width:1280px){
    .index-page .box1 .info>p:nth-of-type(2){font-size: .6rem;}
    .index-page .box4 .thumb .item{padding:.45rem .5rem 0}
}

@media (max-width:1024px){
    .index-page .box1 .img{padding-bottom: 100%;}
    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .info{width: 100%}
    .index-page .box1 .info>p{text-align: center;}
    .index-page .box1 .info>p:nth-of-type(1){font-size: .28rem;line-height: .48rem;}
    .index-page .box1 .info>p:nth-of-type(2){font-size: .5rem;line-height: .7rem;margin:.1rem 0 .2rem}
    .index-page .box1 .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .index-page .box1 .more{margin: 0 auto;display: block;}
    .index-page .box1 .swiper-pagination-bullet{width:.1rem;height: .1rem;}
    .index-page .box1 .swiper-pagination-bullet-active::after{width: .39rem;height: .39rem}

    .index-page .box2{padding: .8rem 0}
    .index-page .box2 .con{display: block;}
    .index-page .box2 .tit{width: 100%;padding-right: 0;}
    .index-page .box2 .info>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .4rem;text-align: center;}
    .index-page .box2 .more{margin: 0 auto;display: block;}
    .index-page .box2 .width>img{margin: .4rem auto 0;}

    .index-page .box3{padding-bottom: .8rem;}
    .index-page .box3 .tit-box{display: block;}
    .index-page .box3 .tit{flex:1;padding: 0 0 .4rem;}
    .index-page .box3 ul{justify-content: center;}
    .index-page .box3 li{margin-right: .3rem}
    .index-page .box3 li::after{border-radius: .6rem;}
    .index-page .box3 li>p{min-width: 2rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem;padding: 0 .4rem;}
    .index-page .box3 .con{height: 6.5rem;margin:0 .3rem}
    .index-page .box3 .swiper-slide{height: 6rem;width:100%;padding: .6rem .4rem}
    .index-page .box3 .swiper-slide::before{background-position:left .7rem;background-size:90%;}
    .index-page .box3 .txt>p:nth-of-type(1){font-size: .32rem;margin-bottom: .65rem;}
    .index-page .box3 .txt>p:nth-of-type(2){font-size: .28rem;line-height:.6rem}
    .index-page .box3 .btn>p{padding-right: .6rem;}
    .index-page .box3 .btn>p::after{width:.5rem;height:.5rem;}
    .index-page .box3 .img-div{height: 2rem}

    .index-page .box4 .tit-box{display: block;}
    .index-page .box4 .tit{flex:1;padding: 0 0 .4rem;}
    .index-page .box4 ul{justify-content: center;}
    .index-page .box4 li{margin-right: .3rem}
    .index-page .box4 li::after{border-radius: .6rem;}
    .index-page .box4 li>p{min-width: 2rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem;padding: 0 .4rem;}
    .index-page .box4 .cons{height: auto}
    .index-page .box4 .con{position: static;opacity: 1;display: none;}
    .index-page .box4 .con.show{display: block;}
    .index-page .box4 .big{height: auto;}
    .index-page .box4 .big .img{padding-bottom: 100%;}
    .index-page .box4 .big .pc{display: none;}
    .index-page .box4 .big .m{display: block;}
    .index-page .box4 .big .width{top: 20%;}
    .index-page .box4 .big .info{max-width:100%}
    .index-page .box4 .big .img-div{display: block;width: .74rem;height: .7rem;margin: 0 auto .3rem;}
    .index-page .box4 .big .info>p{text-align: center;}
    .index-page .box4 .big .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box4 .big .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .1rem 0 .4rem;}
    .index-page .box4 .big .more{margin: 0 auto;display: block;}
    .index-page .box4 .swiper-pagination-bullet{background: #fff;opacity: .5;}
    .index-page .box4 .swiper-pagination-bullet-active{background: #17bc9b;opacity: 1;}
    .index-page .box4 .thumb{display: none;}

    .index-page .box5{padding: .8rem 0;}
    .index-page .box5 .tit-box{display: block;}
    .index-page .box5 .tit{padding: 0 0 .4rem;}
    .index-page .box5 ul{justify-content: center;}
    .index-page .box5 li{margin-right: .3rem}
    .index-page .box5 li::after{border-radius: .6rem}
    .index-page .box5 li>p{min-width: 2rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem;padding: 0 .4rem;}
    .index-page .box5 .cons{height: auto;}
    .index-page .box5 .con{position: static;height: auto;opacity: 1;display: none;}
    .index-page .box5 .con.show{display: block;}
    .index-page .box5 .swiper-container{padding-bottom: .8rem;}
    .index-page .box5 .img-bg{height: auto}
    .index-page .box5 .img{padding-bottom: 67.44%;}
    .index-page .box5 .info{height: auto;}
    .index-page .box5 .txt{width:90%;height: auto;padding: .5rem .4rem;}
    .index-page .box5 .txt>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin-bottom: .1rem;}
    .index-page .box5 .txt>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .index-page .box5 .time{width:1.5rem;font-size: .24rem;}
    .index-page .box5 .time>p:nth-of-type(1){font-size: .4rem;}
    .index-page .box5 .arrow{display: none;}
    .index-page .box5 .swiper-pagination-bullet{background: #ccc;opacity: 1;}
    .index-page .box5 .swiper-pagination-bullet-active{background: #17bc9b;}

    .index-page .box6{padding-bottom: .8rem;}
    .index-page .box6 .tit-box{display: block}
    .index-page .box6 .tit{padding: 0 0 .4rem;}
    .index-page .box6 .tit-box>a{width: 2.5rem;line-height: .8rem;display: block;margin: 0 auto;}
    .index-page .box6 .tit-box>a::after{border-radius: .6rem;}
    .index-page .box6 .tit-box>a>p{font-size: .28rem}
    .index-page .box6 li{width: calc(100% / 3 - .14rem);margin-right: .21rem;height: 1.2rem;margin-bottom: .21rem;}
    .index-page .box6 li:nth-child(7n){margin-right: .21rem;}
    .index-page .box6 li:nth-child(3n){margin-right: 0;}
    .index-page .box6 li>img{max-width: 60%;max-height: 60%;}
}

@media (any-hover:hover){
    .index-page .box3 .swiper-slide:hover::before{opacity: .4;}
    .index-page .box3 .swiper-slide:hover::after{opacity: 1;}
    .index-page .box3 .swiper-slide:hover .txt>p:nth-of-type(1){color:#fff}
    .index-page .box3 .swiper-slide:hover .txt>p:nth-of-type(2){color:#fff}
    .index-page .box3 .swiper-slide:hover .btn>p{color:#fff}
    .index-page .box3 .swiper-slide:hover .btn>p::after{background-image: url(../images/6-h.png);}
    .index-page .box3 .swiper-slide:hover .img-div>img{transform: scale(1.1);}

    .index-page .box5 .swiper-slide:hover .img{transform: scale(1.1);}
    .index-page .box5 .swiper-slide:hover .jb-txt{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}
    .index-page .box5 .arrow:hover::after{opacity: 1;}
    .index-page .box5 .arrow>p:hover{filter: brightness(0%) invert(100%);border-color: transparent;}

    .index-page .box6 li:hover{transform: translateY(-.05rem);}
}

/* 关于 */
.about-page .box1{padding: 1.15rem 0 0;overflow: hidden;}
.about-page .box1 .width{display: flex;}
.about-page .box1 .con{width: 51.7%;padding-right: .5rem;}
.about-page .box1 ul{display: flex;flex-wrap: wrap;margin-top: .75rem;}
.about-page .box1 li{width: 2.6rem;display: flex;margin-bottom: .55rem;}
.about-page .box1 li:nth-child(2n+1){padding-right: .3rem;}
.about-page .box1 li .img-div{width: .52rem;height: .51rem;margin-right: .1rem;}
.about-page .box1 li .info{flex:1;}
.about-page .box1 li .info>p:nth-of-type(1){display: flex;align-items: flex-end;margin-bottom: .05rem;}
.about-page .box1 li .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;color:#000}
.about-page .box1 li .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: .16rem;color:#666;margin: 0 0 .1rem .05rem;}
.about-page .box1 li .info>p:nth-of-type(2){font-size: .16rem;color:#5e5e5e}
.about-page .box1 .width>p{flex:1;font-size: .18rem;line-height: .36rem;color:#666;padding-top: .5rem;position: relative;z-index: 2;}
.about-page .box1>img{float:right;margin-top: -2.5rem;}

.about-page .box2{padding: 1.2rem 0;}
.about-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.about-page .box2 li{border-radius: .2rem;background: #fff;width: calc(100% / 3 - .12rem);margin-right: .18rem;margin-bottom: .18rem;position: relative;padding: .6rem .5rem .65rem .7rem;}
.about-page .box2 li.sm{padding: .5rem .5rem .45rem .7rem;}
.about-page .box2 li:first-child,.about-page .box2 li:nth-child(2){width: calc(50% - .09rem)}
.about-page .box2 li:nth-child(3n+2){margin-right: 0;}
.about-page .box2 li::after{content:'';width:100%;height:100%;background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;top:0;left:0;opacity: 0;transition: .3s;border-radius: .2rem}
.about-page .box2 .con{position: relative;z-index: 2;display: flex;}
.about-page .box2 .info{flex:1;padding-right: .2rem;}
.about-page .box2 .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color: #000;margin-bottom: .1rem;}
.about-page .box2 .info>p:nth-of-type(2){font-size: .16rem;line-height: .28rem;color:#848484}
.about-page .box2 .img-div{width: .6rem;height: .6rem;margin-top: .05rem;}

.about-page .box3{position: relative;overflow: hidden;padding: 1.15rem 0 .5rem;}
.about-page .box3 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation:banner-play 2s linear forwards;transform: scale(1.2);animation-play-state: paused;}
.about-page .box3 .img.animate{animation-play-state: running}
.about-page .box3 .m{display: none;}
.about-page .box3 .width{position: relative;z-index: 2;}
.about-page .box3 .tit>p:nth-of-type(1){color:#fff}
.about-page .box3 .tit>p:nth-of-type(2){color:#fff}
.about-page .box3 ul{margin-top: .65rem;position: relative;padding-left: .5rem;}
.about-page .box3 ul::after{content:'';width:1px;height:100%;background: rgba(255,255,255,.2);position: absolute;left:0;top:0}
.about-page .box3 li{color:#fff;display: flex;opacity: .5;border-top: 1px rgba(255,255,255,.2) solid;padding-top: .5rem;transition: .3s;margin-bottom: .5rem;}
.about-page .box3 li:first-child{padding-top: 0;border-top: 0;}
.about-page .box3 li:nth-last-of-type(1){border-bottom: 1px rgba(255,255,255,.2) solid;padding-bottom: .5rem;}
.about-page .box3 li>p:nth-of-type(1){width:2.9rem;font-size: .5rem;line-height: .55rem;}
.about-page .box3 li>p:nth-of-type(2){flex:1;font-size: .18rem;line-height: .36rem}
.about-page .box3 li.active{opacity: 1}
.about-page .box3 li.active>p:nth-of-type(1){font-size: .8rem;line-height: .6rem;}
.about-page .box3 .progress{content:'';width:1px;height:0;background: #fff;position: absolute;left:0;top:0;transition: .3s;max-height: 100%;}

.about-page .box4{padding: 1.15rem 0 1.35rem;}
.about-page .box4 ul{display: flex;flex-wrap: wrap;margin-top: .65rem;}
.about-page .box4 li{border-radius: .2rem;width:calc(20% - .12rem);margin-right: .15rem;margin-bottom: .15rem;position: relative;padding: 1rem .3rem .3rem;background: #f1f5f8 url(../images/9.png) no-repeat center .35rem/.37rem;transition: .3s;}
.about-page .box4 li:nth-child(5n){margin-right: 0;}
.about-page .box4 li>p:nth-of-type(1){background: #b9c6cf;line-height: .25rem;padding: 0 .1rem;position: absolute;top: 0;right: 0;border-radius: 0 .15rem 0 .15rem;color:#fff}
.about-page .box4 .pc{font-size: .16rem;line-height: .24rem;color:#666;text-align: center;}
.about-page .box4 .m{display:none}
.about-page .box4 .load{display: flex;justify-content: center;margin-top: .4rem;}
.about-page .box4 .load>p{font-size: .16rem;color:#666;cursor: pointer;}
.about-page .box4 .load>p.active{background: url(../images/load.gif) no-repeat left center/.32rem;padding-left: .4rem;}

@media (max-width:1280px){
    .about-page .box4 li{width:calc(25% - .12rem);margin-right: .16rem;}
    .about-page .box4 li:nth-child(5n){margin-right: .16rem;}
    .about-page .box4 li:nth-child(4n){margin-right: 0;}
}

@media (max-width:1024px) {
    .about-page .box1{padding: .8rem 0 0}
    .about-page .box1 .width{display: block;}
    .about-page .box1 .con{width: 100%;padding-right: 0;}
    .about-page .box1 ul{margin-top: .6rem;}
    .about-page .box1 li{width: calc(50% - .1rem);display: block;margin-bottom: .4rem;}
    .about-page .box1 li:nth-child(2n+1){padding-right: 0;margin-right: .2rem;}
    .about-page .box1 li .img-div{width: .82rem;height: .81rem;margin:0 auto;}
    .about-page .box1 li .info>p:nth-of-type(1){margin: .2rem 0 .1rem;justify-content: center;}
    .about-page .box1 li .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;}
    .about-page .box1 li .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: .26rem;margin: 0 0 .1rem .15rem;}
    .about-page .box1 li .info>p:nth-of-type(2){font-size: .28rem;text-align: center;}
    .about-page .box1 .width>p{font-size: .28rem;line-height: .48rem;padding-top: .2rem}
    .about-page .box1>img{float:none;margin-top: 0;max-width: 100%;}

    .about-page .box2{padding: 1rem 0 .7rem;}
    .about-page .box2 ul{display: block}
    .about-page .box2 li{width: 100%;margin-right:0;margin-bottom: .3rem;padding: .5rem .4rem}
    .about-page .box2 li.sm{padding: .5rem .4rem;}
    .about-page .box2 li:first-child,.about-page .box2 li:nth-child(2){width: 100%}
    .about-page .box2 .con{align-items: center;}
    .about-page .box2 .info{padding-right: .3rem;}
    .about-page .box2 .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin-bottom: .1rem;}
    .about-page .box2 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .about-page .box2 .img-div{width: .7rem;height: .7rem;margin-top: 0;}

    .about-page .box3{padding: 1rem 0 .6rem;}
    .about-page .box3 .pc{display: none;}
    .about-page .box3 .m{display: block;}
    .about-page .box3 ul{margin-top: .6rem;padding-left: .5rem;}
    .about-page .box3 li{display: block;padding-top: .4rem;margin-bottom: .4rem;}
    .about-page .box3 li:nth-last-of-type(1){padding-bottom: .4rem;}
    .about-page .box3 li>p:nth-of-type(1){width:100%;font-size: .4rem;line-height: .6rem;margin-bottom:.1rem}
    .about-page .box3 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .about-page .box3 li.active>p:nth-of-type(1){font-size: .6rem;line-height: .8rem;}

    .about-page .box4{padding: .8rem 0;}
    .about-page .box4 ul{margin-top: .6rem;}
    .about-page .box4 li{width:calc(50% - .1rem);margin-right: .2rem;margin-bottom: .2rem;padding: 1.2rem .4rem .5rem;background-position:center .5rem;background-size:.47rem}
    .about-page .box4 li:nth-child(5n){margin-right: .2rem;}
    .about-page .box4 li:nth-child(2n){margin-right: 0;}
    .about-page .box4 li>p:nth-of-type(1){line-height: .4rem;padding: 0 .2rem;font-size: .24rem;}
    .about-page .box4 .pc{display:none}
    .about-page .box4 .m{display:block;font-size: .26rem;line-height: .42rem;color:#666;text-align: center;}
    .about-page .box4 .load>p{font-size: .28rem}
    .about-page .box4 .load>p.active{background-size:.5rem;padding-left: .6rem;}
}

@media (any-hover:hover){
    .about-page .box2 li:hover::after{opacity: 1;}
    .about-page .box2 li:hover .info>p:nth-of-type(1){color:#fff}
    .about-page .box2 li:hover .info>p:nth-of-type(2){color:#fff}
    .about-page .box2 li:hover .img-div{filter: brightness(0%) invert(100%)}

    .about-page .box4 li:hover{transform: translateY(-.05rem);}
}

/* 加入 */
.joins-page{padding: 1.15rem 0 .55rem;}
.joins-page ul{display: flex;flex-wrap: wrap;margin-top: .5rem;}
.joins-page li{width: calc(100% / 3 - .32rem);margin-right: .48rem;border:1px solid #c4cbd1;border-radius: .2rem;position: relative;cursor: pointer;margin-bottom: .45rem;}
.joins-page li:nth-child(3n){margin-right: 0;}
.joins-page li::after{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background: linear-gradient(to right,#17bc9b,#8b54ab);border-radius: .2rem;opacity: 0;transition: .3s;}
.joins-page .con{position: relative;z-index: 2;padding: .4rem .4rem .25rem;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.joins-page .con>div>p{font-size: .3rem;line-height: .4rem;color: #000;position: relative;padding-bottom: .2rem;}
.joins-page .con>div>p::after{background:#6b6b6b;position: absolute;bottom: 0;left: 0;width:.35rem;height:.02rem;content:''}
.joins-page li .attr{padding: .2rem 0 .3rem;}
.joins-page li .attr>p{font-size: .16rem;line-height: .3rem;color:#666}
.joins-page .con>p{width:.55rem;height: .3rem;border: 1px #ccc solid;border-radius: .15rem;background: url(../images/10.png) no-repeat center center/.06rem;transition: .3s;}
.joins-page .hide{display: none;}
.joins-page .page{padding: .1rem 0 .45rem;}
.joins-page .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 2001;display: none;}
.joins-page .popup .width{background: #fff;border-radius: .2rem;margin: .8rem auto;position: relative;padding: .6rem .75rem .7rem;}
.joins-page .popup .close{width:.3rem;height:.3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;right: .2rem;top: .2rem;cursor: pointer;}
.joins-page .popup .width>p{font-size: .36rem;line-height: .46rem;color:#000}
.joins-page .popup .attr{display: flex;flex-wrap: wrap;border-bottom: 1px #ddd solid;padding: .2rem 0;}
.joins-page .popup .attr>p{font-size: .16rem;line-height: .26rem;color:#666;margin-right: .8rem;}
.joins-page .popup .attr>p:last-child{margin-right: 0;}
.joins-page .popup .content{padding:.3rem 0 .45rem}
.joins-page .popup .content p{font-size: .16rem;line-height: .32rem;color:#666}
.joins-page .popup .contact p{font-size: .16rem;line-height: .3rem;color:#000}
.joins-page .popup .img-div{width:1rem;height:1rem;margin-top: .15rem;}

@media (max-width:1024px){
    .joins-page{padding: .8rem 0 .4rem;}
    .joins-page ul{display: block;margin-top: .6rem;}
    .joins-page li{width: 100%;margin-right: 0;margin-bottom: .4rem;}
    .joins-page .con{padding: .5rem .4rem;display: block}
    .joins-page .con>div>p{font-size: .36rem;line-height: .56rem;padding-bottom: .1rem;}
    .joins-page .con>div>p::after{width:.5rem;}
    .joins-page li .attr{padding: .3rem 0;}
    .joins-page li .attr>p{font-size: .28rem;line-height: .48rem}
    .joins-page .con>p{width:1rem;height: .5rem;border-radius: .6rem;background-size:.1rem;}
    .joins-page .page{padding: .2rem 0 .4rem;}
    .joins-page .popup .width{padding: .8rem .4rem;}
    .joins-page .popup .close{width:.4rem;height:.4rem;right: .3rem;top: .3rem}
    .joins-page .popup .width>p{font-size: .4rem;line-height: .6rem}
    .joins-page .popup .attr{display: block;padding: .3rem 0;}
    .joins-page .popup .attr>p{font-size: .28rem;line-height: .48rem;margin-right: 0;}
    .joins-page .popup .content{padding:.4rem 0}
    .joins-page .popup .content p{font-size: .28rem;line-height: .48rem}
    .joins-page .popup .contact p{font-size: .28rem;line-height: .48rem}
    .joins-page .popup .img-div{width:2rem;height:2rem;margin-top: .2rem;}
}

@media (any-hover:hover){
    .joins-page li:hover{border-color: transparent;}
    .joins-page li:hover::after{opacity: 1;}
    .joins-page li:hover .con>div>p{color:#fff}
    .joins-page li:hover .con>div>p::after{background: #fff;}
    .joins-page li:hover .con>p{background-image: url(../images/10-h.png);background-color: #fff;border-color: #fff;}
    .joins-page li:hover .attr>p{color:#f1f1f1}
}

/* 联系 */
.contact-page .con{padding: 1.15rem 0 1.7rem;display: flex;}
.contact-page .info{width:49.65%;padding-right: .5rem;}
.contact-page .info>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;color:#000;margin-top: .55rem;}
.contact-page .info>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;color:#666;margin-bottom: .7rem;}
.contact-page .info li{margin-bottom: .45rem;padding-left: .65rem;}
.contact-page .phone{background: url(../images/13.png) no-repeat left top/.24rem;}
.contact-page .email{background: url(../images/14.png) no-repeat left top/.26rem;}
.contact-page .time{background: url(../images/15.png) no-repeat left top/.26rem;}
.contact-page .address{background: url(../images/16.png) no-repeat left top/.26rem;}
.contact-page .info li:last-child{margin-bottom: 0;}
.contact-page .txt{border-left: 1px solid #bfbfbf;padding-left: .35rem;}
.contact-page .txt>p:nth-of-type(1){font-size: .16rem;color:#666;margin-bottom: .05rem;}
.contact-page .txt>p:nth-of-type(2){font-size: .18rem;color:#000}

.contact-page .form{flex:1}
.contact-page .form>p{font-size: .3rem;color:#000;position: relative;padding-bottom: .3rem;margin: .55rem 0 .35rem}
.contact-page .form>p::after{content:'';background: #bbb;width:.3rem;height:.02rem;position: absolute;bottom: 0;left: 0;}
.contact-page .form ul{display: flex;flex-wrap: wrap;}
.contact-page .form li{width: calc(50% - .18rem);margin-bottom: .25rem;}
.contact-page .form li:nth-child(2n+1){margin-right: .36rem;}
.contact-page .form li.w100{width:100%;margin-right: 0;}
.contact-page .form li>input{height: .45rem;border: 1px solid #bbb;width:100%;border-radius: .2rem;font-size: .16rem;}
.contact-page .form li>input::placeholder{font-size: .16rem;}
.contact-page .form li>input:focus{border-color:#17bc9b}
.contact-page .form li>textarea{height: 1.95rem;border: 1px solid #bbb;width:100%;border-radius: .2rem;font-size: .16rem;}
.contact-page .form li>textarea::placeholder{font-size: .16rem;}
.contact-page .form li>textarea:focus{border-color:#17bc9b}
.contact-page .form .btn{width:1.3rem;line-height: .5rem;position: relative;border-radius: .2rem;cursor: pointer;}
.contact-page .form .btn::after{border-radius: .2rem;}
.contact-page .form .btn>p{position: relative;z-index: 2;color:#fff;font-size: .16rem;text-align: center;}

.contact-page #map{height:6.85rem}
.rotate-circle,.tmap-zoom-control{display: none !important;}

@media (max-width:1024px){
    .contact-page .con{padding: .8rem 0;display: block;}
    .contact-page .info{width:100%;padding: 0;}
    .contact-page .info>p:nth-of-type(1){font-size: .38rem;line-height: .58rem;margin-top: .6rem;}
    .contact-page .info>p:nth-of-type(2){font-size: .36rem;line-height: .56rem;margin-bottom: .4rem;}
    .contact-page .info li{margin-bottom: .4rem;padding-left: .55rem;}
    .contact-page .phone{background-size:.34rem;}
    .contact-page .email{background-size:.36rem;}
    .contact-page .time{background-size:.36rem;}
    .contact-page .address{background-size:.36rem;}
    .contact-page .txt{padding-left: .25rem;}
    .contact-page .txt>p:nth-of-type(1){font-size: .28rem;}
    .contact-page .txt>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;}

    .contact-page .form>p{font-size: .4rem;padding-bottom: .2rem;margin: .6rem 0 .4rem}
    .contact-page .form>p::after{width:.5rem;}
    .contact-page .form ul{display: block}
    .contact-page .form li{width: 100%;margin-bottom: .25rem;}
    .contact-page .form li:nth-child(2n+1){margin-right: 0;}
    .contact-page .form li>input{height: .8rem;font-size: .26rem;}
    .contact-page .form li>input::placeholder{font-size: .26rem;}
    .contact-page .form li>textarea{height: 4rem;font-size: .26rem;}
    .contact-page .form li>textarea::placeholder{font-size: .26rem;}
    .contact-page .form .btn{width:2.2rem;line-height: .8rem}
    .contact-page .form .btn>p{font-size: .28rem}
}

/* 新闻 */
.news-page.list{padding: 1.15rem 0 .2rem;}
.news-page.list .tit-box{display: flex;align-items: flex-end;margin-bottom: .5rem;}
.news-page.list .tit{flex:1;padding-right: 1rem;}
.news-page.list .arrow{width:1.11rem;display: flex;}
.news-page.list .arrow>div{width: .48rem;height: .48rem;cursor: pointer;position: relative;}
.news-page.list .prev{transform: rotate(180deg);margin-right: .15rem;}
.news-page.list .arrow>div::after{content:'';width: 100%;height: 100%;background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;top: 0;left: 0;border-radius: 50%;opacity: 0;transition: .3s;}
.news-page.list .arrow>div>p{width: 100%;height: 100%;background: url(../images/7.png) no-repeat center center/.14rem;border-radius: 50%;border:1px #eee solid;position: relative;z-index: 2;transition: .3s;}

.news-page.list .swiper-container{margin-bottom: 1.05rem;border-radius: .2rem;}
.news-page.list .swiper-slide{background:#f1f5f8;border-radius: .2rem;display: flex;align-items: center;}
.news-page.list .swiper-slide .img-bg{height: 5.6rem;width:48.61%;border-radius: .2rem 0 0 .2rem;}
.news-page.list .swiper-slide .con{width:51.39%;padding: 0 1rem 0 .7rem;}
.news-page.list .swiper-slide .con>p:nth-of-type(1){font-size: .16rem;color:#999}
.news-page.list .swiper-slide .con>p:nth-of-type(2){font-size: .24rem;color:#000;line-height: .38rem;margin: .2rem 0 .15rem;}
.news-page.list .swiper-slide .con>p:nth-of-type(3){font-size: .16rem;color:#666;line-height: .3rem;margin-bottom: 1.1rem;}
.news-page.list .swiper-slide .con>p:nth-of-type(4){color:#666;position: relative;display: inline-block;padding-right: .45rem;transition: .3s}
.news-page.list .swiper-slide .con>p:nth-of-type(4)::after{content:'';width:.34rem;height:.34rem;background: url(../images/6.png) no-repeat center center/100%;position: absolute;right:0;top: -.07rem;}

.news-page.list ul{display: flex;flex-wrap: wrap;}
.news-page.list li{position: relative;width:calc(100% / 3 - .5rem);margin-right: .75rem;margin-bottom: .8rem;}
.news-page.list li:nth-child(3n){margin-right: 0;}
.news-page.list li::after{content:'';width:calc(100% + .6rem);height:calc(100% + .5rem);background: linear-gradient(to right,#17bc9b,#8b54ab);top:-.25rem;left:-.3rem;position: absolute;opacity: 0;transition: .3s;border-radius: .2rem;}
.news-page.list li .con{position: relative;z-index: 2;}
.news-page.list li .con>p:nth-of-type(1){font-size: .16rem;color:#999}
.news-page.list li .con>p:nth-of-type(2){font-size: .2rem;color:#000;line-height: .34rem;height:.68rem;margin: .15rem 0 .25rem;}
.news-page.list li .con>p:nth-of-type(3){font-size: .16rem;color:#666;line-height: .3rem;height: .6rem;margin: .4rem 0 .3rem;}
.news-page.list li .con>p:nth-of-type(4){color:#fff;padding-right: .45rem;background: url(../images/6-h.png) no-repeat right center/.34rem;display: inline-block;line-height: .34rem;opacity: 0;transition: .3s;}
.news-page.list li .img-bg{height: 2.9rem;border-radius: .2rem}
.news-page.list .page{padding-bottom: .8rem;}

.news-page.detail{padding: .95rem 0 .9rem;}
.news-page.detail>p:nth-of-type(1){font-size: .16rem;color:#666}
.news-page.detail>p:nth-of-type(2){font-size: .36rem;color:#000;line-height: .46rem;margin: .2rem 0 .35rem;}
.news-page.detail .content{border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;padding: .3rem 0 .6rem;margin-bottom: .35rem;}
.news-page.detail .content p{font-size: .16rem;line-height: .3rem;color:#666}
.news-page.detail .content img{margin:0 auto}
.news-page.detail .jump{display: flex;align-items: center;justify-content: space-between;}
.news-page.detail .con{max-width:calc(100% - 3rem)}
.news-page.detail .con>a{font-size: .16rem;line-height: .4rem;color:#666;}
.news-page.detail .jump>a{width:1.8rem;line-height: .6rem;position: relative;}
.news-page.detail .jump>a::after{border-radius: .3rem;}
.news-page.detail .jump>a>p{position: relative;z-index: 2;font-size: .16rem;color:#fff;text-align: center;}

@media (max-width:1024px){
    .news-page.list{padding: .8rem 0 .4rem;}
    .news-page.list .tit-box{display: block;margin-bottom: .6rem;}
    .news-page.list .tit{padding-right: 0;}
    .news-page.list .arrow{display: none;}

    .news-page.list .swiper-container{margin-bottom: .6rem;}
    .news-page.list .swiper-slide{display: block}
    .news-page.list .swiper-slide .img-bg{height: auto;width:100%;border-radius: .2rem .2rem 0 0;}
    .news-page.list .swiper-slide .img{padding-bottom: 80%;}
    .news-page.list .swiper-slide .con{width:100%;padding: .5rem .4rem .8rem;}
    .news-page.list .swiper-slide .con>p:nth-of-type(1){font-size: .28rem}
    .news-page.list .swiper-slide .con>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin: .1rem 0 .2rem;}
    .news-page.list .swiper-slide .con>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .news-page.list .swiper-slide .con>p:nth-of-type(4){padding-right: .7rem;}
    .news-page.list .swiper-slide .con>p:nth-of-type(4)::after{width:.5rem;height:.5rem;}
    .news-page.list .swiper-pagination-bullet-active{background: #17bc9b;}

    .news-page.list ul{display: block;}
    .news-page.list li{width:100%;margin-right: 0;margin-bottom: .4rem;border-bottom: 1px #eee solid;padding-bottom: .4rem;}
    .news-page.list li:nth-child(3n){margin-right: 0;}
    .news-page.list li .con>p:nth-of-type(1){font-size: .28rem}
    .news-page.list li .con>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;height:auto;margin: .1rem 0 .3rem;}
    .news-page.list li .con>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;height: auto;margin: .3rem 0;}
    .news-page.list li .con>p:nth-of-type(4){padding-right: .7rem;background-image:url(../images/6.png);background-size:.5rem;line-height: .5rem;opacity: 1;color:#17bc9b}
    .news-page.list li .img-bg{height: auto}
    .news-page.list li .img{padding-bottom: 67.44%;}
    .news-page.list .page{padding: .2rem 0 .4rem;}

    .news-page.detail{padding: .6rem 0 .8rem;}
    .news-page.detail>p:nth-of-type(1){font-size: .26rem;}
    .news-page.detail>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin: .2rem 0 .3rem;}
    .news-page.detail .content{padding: .3rem 0 .4rem;margin-bottom: .4rem;}
    .news-page.detail .content p{font-size: .28rem;line-height: .48rem}
    .news-page.detail .jump{display: block}
    .news-page.detail .con{max-width:100%;margin-bottom: .3rem;}
    .news-page.detail .con>a{font-size: .28rem;line-height: .48rem}
    .news-page.detail .jump>a{width:2.5rem;line-height: .8rem}
    .news-page.detail .jump>a::after{border-radius: .6rem;}
    .news-page.detail .jump>a>p{font-size: .28rem}
}

@media (any-hover:hover){
    .news-page.list .arrow>div:hover::after{opacity: 1;}
    .news-page.list .arrow>div>p:hover{filter: brightness(0%) invert(100%);border-color: transparent;}

    .news-page.list .swiper-slide:hover .img{transform: scale(1.1);}
    .news-page.list .swiper-slide:hover .jb-txt{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent !important}
    .news-page.list .swiper-slide:hover .con>p:nth-of-type(4){padding-right: .5rem;}

    .news-page.list li:hover::after{opacity: 1;}
    .news-page.list li:hover .con>p:nth-of-type(1){color:#fff}
    .news-page.list li:hover .con>p:nth-of-type(2){color:#fff}
    .news-page.list li:hover .con>p:nth-of-type(3){color:#fff}
    .news-page.list li:hover .con>p:nth-of-type(4){opacity: 1;}
    .news-page.list li:hover .img{transform: scale(1.1);}

    .news-page.detail .con>a:hover{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent !important}
}

/* 技术 */
.technology-page .box1{padding:.95rem 0}
.technology-page .box1 ul{display: flex;margin-top: .4rem;}
.technology-page .box1 li{flex:1;margin-right: .2rem;border-radius: .1rem;position: relative;height: 5.4rem;transition: .3s;}
.technology-page .box1 li:last-child{margin-right: 0;}
.technology-page .box1 li>p{font-size: .24rem;line-height: .34rem;color:#fff;position: absolute;bottom: 0;left: 0;width: 100%;padding:50% .2rem .45rem;text-align: center;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.9) 90%);border-radius: 0 0 .1rem .1rem;transition: .3s;}
.technology-page .box1 li.active{flex:2.5}
.technology-page .box1 li.active>p{text-align: left;padding:50% .4rem .35rem}

.technology-page .box2{padding-bottom:.85rem}
.technology-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.technology-page .box2 li{width:calc(25% - .12rem);margin-right: .16rem;margin-bottom: .15rem;background: #f1f5f8;border-radius: .2rem;position: relative;}
.technology-page .box2 li:nth-child(4n){margin-right: 0;}
.technology-page .box2 li::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right,#17bc9b,#8b54ab);opacity: 0;border-radius: .2rem;transition: .3s;}
.technology-page .box2 .con{position: relative;z-index: 2;padding: .4rem .4rem .6rem;}
.technology-page .box2 .img-div{width:.64rem;height:.64rem;transition: .3s;}
.technology-page .box2 .con>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#000;margin: .3rem 0 .1rem;}
.technology-page .box2 .con>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;color:#666}

.technology-page .box3{position: relative;min-height: 8.48rem;padding: 1.15rem 0 .8rem;overflow: hidden;}
.technology-page .box3 .img{position: absolute;top: 0;left: 0;width:100%;height:100%;transform: scale(1.2);animation:banner-play 2s linear forwards;animation-play-state: paused}
.technology-page .box3 .img.animate{animation-play-state: running}
.technology-page .box3 .m{display: none;}
.technology-page .box3 .width{position: relative;z-index: 2;}
.technology-page .box3 .tit>p:nth-of-type(1){color:#fff}
.technology-page .box3 .tit>p:nth-of-type(2){color:#fff;margin-bottom: .55rem;}
.technology-page .box3 .con>p{color:#fff;font-size: .18rem;line-height: .28rem;padding-left: .2rem;margin-bottom: .1rem;background: url(../images/17.png) no-repeat left .1rem/.06rem;}

.technology-page .box4{padding:.95rem 0 .5rem}
.technology-page .box4 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.technology-page .box4 li{width:calc(50% - .25rem);margin-bottom: .5rem;border-radius: .2rem;position: relative;height: 4.9rem}
.technology-page .box4 li:nth-child(2n+1){margin-right: .5rem;}
.technology-page .box4 .con{position: absolute;top: 0;left: 0;width:100%;height:100%;text-align: center;padding: 1.75rem .85rem 0;transition: .3s;}
.technology-page .box4 .con>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;color:#fff;margin-bottom: .1rem;}
.technology-page .box4 .con>p:nth-of-type(2){font-size: .24rem;line-height: .36rem;color:#dadada}

@media (max-width:1280px){
    .technology-page .box1 li>p{font-size: .2rem;}
}

@media (max-width:1024px){
    .technology-page .box1{padding:.8rem 0 .4rem}
    .technology-page .box1 ul{display: block;margin-top: .6rem;}
    .technology-page .box1 li{margin-right: 0;margin-bottom:.4rem;height: auto;}
    .technology-page .box1 li:last-child{margin-right: 0;}
    .technology-page .box1 .img{padding-bottom: 85.71%;}
    .technology-page .box1 li>p{font-size: .32rem;line-height: .52rem;padding:10% .4rem .4rem;}
    .technology-page .box1 li.active{flex:1}
    .technology-page .box1 li.active>p{text-align: center;padding:10% .4rem .4rem}

    .technology-page .box2{padding-bottom:.4rem}
    .technology-page .box2 ul{display: block;margin-top: .6rem;}
    .technology-page .box2 li{width:100%;margin-right: 0;margin-bottom: .4rem;}
    .technology-page .box2 .con{padding: .6rem .4rem;}
    .technology-page .box2 .img-div{width:.74rem;height:.74rem}
    .technology-page .box2 .con>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .technology-page .box2 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}

    .technology-page .box3{min-height: 0;padding: 1rem 0 .85rem}
    .technology-page .box3 .pc{display: none;}
    .technology-page .box3 .m{display: block;}
    .technology-page .box3 .tit>p:nth-of-type(2){margin-bottom: .4rem;}
    .technology-page .box3 .con>p{font-size: .28rem;line-height: .48rem;padding-left: .3rem;margin-bottom: .15rem;background-position:left .15rem;background-size:.12rem;}

    .technology-page .box4{padding:.8rem 0 .4rem}
    .technology-page .box4 ul{display: block;margin-top: .6rem;}
    .technology-page .box4 li{width:100%;margin-bottom: .4rem;height: auto}
    .technology-page .box4 li:nth-child(2n+1){margin-right: 0;}
    .technology-page .box4 .img{padding-bottom: 70.5%;}
    .technology-page .box4 .con{padding: .6rem .4rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .technology-page .box4 .con>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;margin-bottom: .2rem;}
    .technology-page .box4 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
}

@media (any-hover:hover){
    .technology-page .box2 li:hover::after{opacity: 1;}
    .technology-page .box2 li:hover .img-div{filter: brightness(0%) invert(100%)}
    .technology-page .box2 li:hover .con>p:nth-of-type(1){color:#fff}
    .technology-page .box2 li:hover .con>p:nth-of-type(2){color:#fff}

    .technology-page .box4 li:hover .img{transform: scale(1.1);}
    .technology-page .box4 li:hover .con{transform: translateY(-.1rem);}
}

/* 方案 */
.solution-page.list .box1{padding-top:1.15rem}
.solution-page.list .box1 .con{display: flex;height: 6.4rem;margin-top: .4rem;}
.solution-page.list .box1 .con .info{width:35%;border: 1px #eee solid;border-right: 0;border-radius: .2rem 0 0 .2rem;}
.solution-page.list .box1 .con .items{height:100%;display: none;}
.solution-page.list .box1 .con .item{padding: .8rem;display: flex;flex-direction: column;justify-content: center;height:100%;}
.solution-page.list .box1 .con .item .img-div{width:.54rem;height:.5rem}
.solution-page.list .box1 .con .item>a:nth-of-type(1){font-size: .36rem;line-height: .46rem;margin: .2rem 0 .15rem;}
.solution-page.list .box1 .con .item>p{font-size: .16rem;line-height: .3rem;color:#666;}
.solution-page.list .box1 .con .more{margin: .4rem 0 .2rem;}
.solution-page.list .box1 .con .txt{flex:1;position: relative;}
.solution-page.list .box1 .con .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0 .2rem .2rem 0;opacity: 0;}
.solution-page.list .box1 .con .img.show{opacity: 1;z-index: 2;}
.solution-page.list .box1 .con ul{display: flex;height: 100%;}
.solution-page.list .box1 .con ul::after{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background: rgba(0,0,0,.1);z-index: 2;border-radius: 0 .2rem .2rem 0;}
.solution-page.list .box1 .con li{flex:1;position: relative;z-index: 3;color:#fff;text-align: center;font-size: .16rem;line-height: .26rem;border-right: 1px solid rgba(255,255,255,.2);padding: 3.45rem .1rem 0;position: relative;}
.solution-page.list .box1 .con li:last-child{border-right: 0;}
.solution-page.list .box1 .con li>span{width:.1rem;height:.1rem;background: #fff;border-radius: 50%;position: absolute;top: 3rem;left: 50%;transform: translateX(-50%);transition: .3s;}
.solution-page.list .box1 .con li>span::before{width:260%;height:260%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);content:'';border-radius: 50%;border: 1px rgba(255,255,255,.5) solid}
.solution-page.list .box1 .con li>span::after{width:460%;height:460%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);content:'';border-radius: 50%;border: 1px rgba(255,255,255,.1) solid;}
.solution-page.list .box1 .con li.active>span{width:.2rem;height:.2rem;top:2.9rem}
.solution-page.list .box1 .con li.active>span::before{animation: solution-box1-play 1s linear infinite;background: rgba(255,255,255,.5);border: 0;width:100%;height:100%}
.solution-page.list .box1 .con li.active>span::after{animation: solution-box1-play1 1s linear infinite;background: rgba(255,255,255,.3);border: 0;width:100%;height:100%}
.solution-page.list .box1 .swiper-container{display: none;}

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

@keyframes solution-box1-play1 {
    to{transform: translate(-50%,-50%) scale(3);opacity: 0}
}

.solution-page.list .box2{padding-top:1.15rem}
.solution-page.list .box2 .tit{margin-bottom: .4rem;}
.solution-page.list .box2 .cons{background-size: 100%;background-position: center top;padding: .6rem 0 .4rem;}
.solution-page.list .box2 .cate{display: flex;flex-wrap: wrap;padding-bottom: .3rem;}
.solution-page.list .box2 .cate>p{min-width:1.8rem;line-height: .58rem;border: 1px #fff solid;border-radius: .3rem;text-align: center;padding: 0 .4rem;font-size: .16rem;color:#fff;margin-right: .2rem;margin-bottom: .2rem;transition: .3s;cursor: pointer;}
.solution-page.list .box2 .cate>p:last-child{margin-right: 0;}
.solution-page.list .box2 .cate>p.active{background: #fff;color:#4e8aa3}
.solution-page.list .box2 .con{display: none;}
.solution-page.list .box2 .info{min-height: 6.7rem;position: relative;overflow: hidden;border-radius: .2rem;margin-bottom: .65rem;}
.solution-page.list .box2 .info .img{position: absolute;top:0;left:0;width:100%;height:100%;}
.solution-page.list .box2 .txt{width:43.4%;border-radius: .2rem 0 0 .2rem;background: rgba(27,59,100,.95);position: relative;z-index: 2;min-height: 6.7rem;color:#fff;display: flex;flex-direction: column;justify-content: center;padding: 1rem .55rem;}
.solution-page.list .box2 .txt>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.solution-page.list .box2 .txt>p:nth-of-type(2){font-size: .24rem;line-height: .34rem;margin: .15rem 0 .25rem;}
.solution-page.list .box2 .txt>p:nth-of-type(3){width:1.8rem;line-height: .58rem;border: 1px #fff solid;border-radius: .3rem;font-size: .16rem;text-align: center;transition: .3s;}
.solution-page.list .box2 .note{margin-bottom: .45rem;}
.solution-page.list .box2 .note>p{font-size: .16rem;line-height: .26rem;color:#e6e6e6;padding-left: .2rem;background: url(../images/17.png) no-repeat left .1rem/.06rem;margin-bottom: .1rem;}
.solution-page.list .box2 ul{display: flex;flex-wrap: wrap;}
.solution-page.list .box2 li{width:calc(100% / 3 - .4rem);margin-right: .6rem;margin-bottom: .6rem;position: relative;}
.solution-page.list .box2 li:nth-child(3n){margin-right: 0;}
.solution-page.list .box2 li .img-bg{height: 2.7rem;border-radius: .2rem;}
.solution-page.list .box2 li>p:nth-of-type(1){font-size: .2rem;margin: .25rem 0 .1rem}
.solution-page.list .box2 li>p:nth-of-type(2){font-size: .16rem;line-height: .28rem;color:#999;height: 1.1rem;margin-bottom: .15rem;border-bottom: 1px #ddd solid;}
.solution-page.list .box2 li>p:nth-of-type(3){color:#999;position: relative;display: inline-block;}
.solution-page.list .box2 li>p:nth-of-type(3)::after{content:'';left: .65rem;top: .04rem;width:.08rem;height:.1rem;background: url(../images/19.png) no-repeat center center/100%;position: absolute;}

.solution-page.detail{padding: .85rem 0 .65rem;}
.solution-page.detail .name{display: flex;align-items: flex-end;}
.solution-page.detail .name>p{flex:1;padding-right: 1rem;font-size: .54rem;line-height: .64rem;}
.solution-page.detail .time{width:.75rem;text-align: center;font-size: .18rem;color:#666}
.solution-page.detail .time>p:nth-of-type(1){font-size: .6rem;color:#000;line-height: .65rem;}
.solution-page.detail .content{border-bottom: 1px #ddd solid;padding: .3rem 0 .8rem;margin-bottom: .35rem;}
.solution-page.detail .content p{font-size: .18rem;line-height: .4rem;color:#666;}
.solution-page.detail .jump{display: flex;justify-content: space-between;}
.solution-page.detail .jump>a{display: inline-block;max-width: 48%;font-size: .16rem;color:#666}
.solution-page.detail .jump>a:last-child{text-align: right;}

@media (max-width:1280px){
    .solution-page.list .box1 .con .info{width:38%}
    .solution-page.list .box1 .con .item{padding: .8rem .3rem;}
}

@media (max-width:1024px){
    .solution-page.list .box1{padding-top:.8rem}
    .solution-page.list .box1 .con{display: none}
    .solution-page.list .box1 .swiper-container{border-radius: .2rem;margin-top: .6rem;display: block;}
    .solution-page.list .box1 .swiper-slide{border-radius: .2rem;border:1px #eee solid;height: auto;}
    .solution-page.list .box1 .swiper-slide .img{padding-bottom:75.29%}
    .solution-page.list .box1 .swiper-slide .info{padding: .5rem .4rem 1rem;}
    .solution-page.list .box1 .swiper-slide .img-div{width:.84rem;height:.8rem}
    .solution-page.list .box1 .swiper-slide .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin: .3rem 0 .1rem;}
    .solution-page.list .box1 .swiper-slide .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .solution-page.list .box1 .swiper-pagination-bullet-active{background: #17bc9b;}

    .solution-page.list .box2{padding-top:.8rem}
    .solution-page.list .box2 .tit{margin-bottom: .6rem;}
    .solution-page.list .box2 .cons{background-size: 250%;padding: .6rem 0 .2rem;}
    .solution-page.list .box2 .cate{padding-bottom: .6rem;}
    .solution-page.list .box2 .cate>p{min-width:0;line-height: .8rem;border-radius: .6rem;font-size: .28rem;margin-right: .3rem;margin-bottom: .3rem;width:calc(50% - .15rem);}
    .solution-page.list .box2 .cate>p:nth-child(2n){margin-right: 0;}
    .solution-page.list .box2 .info{min-height: 0;margin-bottom: .6rem;}
    .solution-page.list .box2 .info .img{position: static;width:100%;height:auto;padding-bottom: 46.52%;}
    .solution-page.list .box2 .txt{width:100%;border-radius: 0 0 .2rem .2rem;min-height: 0;display: block;padding: .6rem .4rem;}
    .solution-page.list .box2 .txt>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;}
    .solution-page.list .box2 .txt>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin: .1rem 0 .2rem;}
    .solution-page.list .box2 .txt>p:nth-of-type(3){width:2.5rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem}
    .solution-page.list .box2 .note{margin-bottom: .4rem;}
    .solution-page.list .box2 .note>p{font-size: .28rem;line-height: .48rem;padding-left: .3rem;background-position:left .15rem;background-size: .12rem;}
    .solution-page.list .box2 ul{display: block}
    .solution-page.list .box2 li{width:100%;margin-right: 0;margin-bottom: .6rem;}
    .solution-page.list .box2 li .img-bg{height: auto}
    .solution-page.list .box2 li .img{padding-bottom: 60.67%;}
    .solution-page.list .box2 li>p:nth-of-type(1){font-size: .32rem;margin: .3rem 0 .1rem}
    .solution-page.list .box2 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;height: auto;margin-bottom: .2rem;padding-bottom: .2rem;}
    .solution-page.list .box2 li>p:nth-of-type(3)::after{left: 1.3rem;top: .07rem;width:.16rem;height:.2rem}

    .solution-page.detail{padding: .6rem 0 .8rem;}
    .solution-page.detail .name>p{padding-right: .4rem;font-size: .4rem;line-height: .6rem;}
    .solution-page.detail .time{width:1.1rem;font-size: .26rem;}
    .solution-page.detail .time>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .solution-page.detail .content{padding: .4rem 0;margin-bottom: .4rem;}
    .solution-page.detail .content p{font-size: .28rem;line-height: .48rem}
    .solution-page.detail .jump{display: block}
    .solution-page.detail .jump>a{max-width: 100%;font-size: .28rem;display: block;line-height: .48rem;}
    .solution-page.detail .jump>a:last-child{text-align: left;}
}

@media (any-hover:hover){
    .solution-page.list .box1 .con .item>a:nth-of-type(1):hover{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}

    .solution-page.list .box2 .info:hover .img{transform: scale(1.1);}
    .solution-page.list .box2 .info:hover .txt>p:nth-of-type(3){background: #fff;color:#4e8aa3}
    .solution-page.list .box2 li:hover .img{transform: scale(1.1);}
    .solution-page.list .box2 li:hover .jb-txt{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}
    .solution-page.list .box2 li:hover>p:nth-of-type(3)::after{background-image: url(../images/19-h.png);}

    .solution-page.detail .jump>a:hover{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}
}

/* 产品 */
.product-page.list{padding: 1.15rem 0 .45rem;}
.product-page.list .tit-box{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: .95rem;}
.product-page.list .tit{width:50%;padding-right: .5rem;}
.product-page.list .cate{display: flex;justify-content: flex-end;flex:1}
.product-page.list .cate>a{min-width:1.4rem;border: .02rem solid #eee;border-radius: .3rem;margin-right: .2rem;position: relative;transition: .3s;}
.product-page.list .cate>a:last-child{margin-right: 0;}
.product-page.list .cate>a::after{content:'';width:calc(100% + .04rem);height:calc(100% + .04rem);position: absolute;top: -.02rem;left: -.02rem;background: linear-gradient(to right,#17bc9b,#8b54ab);border-radius: .3rem;opacity: 0;transition: .3s;}
.product-page.list .cate>a>p{text-align: center;padding: 0 .35rem;font-size: .16rem;line-height: .56rem;position: relative;z-index: 2}
.product-page.list .cate>a.active{border-color: transparent;}
.product-page.list .cate>a.active::after{opacity: 1;}
.product-page.list .cate>a.active>p{color:#fff}
.product-page.list ul{display: flex;flex-wrap: wrap;}
.product-page.list li{width:calc(100% / 3 - .14rem);margin-right: .21rem;border: 1px #c4cbd1 solid;border-radius: .2rem;position: relative;margin-bottom: .55rem;}
.product-page.list li:nth-child(3n){margin-right: 0;}
.product-page.list li::after{content:'';background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;top: 0;left: 0;width:100%;height:100%;border-radius: .2rem;opacity: 0;transition: .3s;}
.product-page.list .con{display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 2;padding: .3rem .45rem;height: 100%;}
.product-page.list .con::after{content:'';background: url(../images/5.png) no-repeat .45rem 3.8rem/3.82rem;position: absolute;top: 0;left: 0;width:100%;height:100%}
.product-page.list .con>div>p:nth-of-type(1){font-size: .16rem;color:#999;height: .2rem;}
.product-page.list .con>div>p:nth-of-type(2){font-size: .24rem;color:#000}
.product-page.list .img-div{height:2.45rem;margin: .3rem 0 .35rem;transition: .3s;}
.product-page.list .attr{position: relative;margin: .6rem 0 .4rem;}
.product-page.list .attr::after{content:'';width:1px;height:calc(100% - .1rem);background: #ddd;position: absolute;top: .05rem;left: 1rem;}
.product-page.list .attr>p{display: flex;font-size: .16rem;line-height: .24rem;}
.product-page.list .attr>p>span:nth-of-type(1){width:.9rem;margin-right: .4rem;color:#2f2f2f}
.product-page.list .attr>p>span:nth-of-type(2){width: calc(100% - 1.3rem);color:#666}
.product-page.list .attr em{display: none;}
.product-page.list .con>p{color: #999;background: url(../images/6.png) no-repeat .65rem center/.34rem;line-height: .34rem}
.product-page.list .page{padding-bottom: .55rem;}

.product-page.detail .box1{padding: .7rem 0 1rem;}
.product-page.detail .box1>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#666}
.product-page.detail .box1>p:nth-of-type(2){font-size: .54rem;line-height: .64rem;color:#000;margin: .15rem 0 .3rem;}
.product-page.detail .box1 .con{display: flex;}
.product-page.detail .box1 .img-bg{width:45.13%;height:7.1rem;border-radius: .2rem;}
.product-page.detail .box1 .info{flex:1;padding: .1rem 0 0 .75rem;}
.product-page.detail .box1 .info>p{font-size: .3rem;line-height: .4rem;color: #000;margin-bottom: .15rem;}
.product-page.detail .box1 ul{margin-bottom: .5rem}
.product-page.detail .box1 ul:last-child{margin-bottom: 0}
.product-page.detail .box1 li{border-bottom: 1px #ddd solid;display: flex;padding: .1rem 0;}
.product-page.detail .box1 li>p{font-size: .18rem;line-height: .28rem;}
.product-page.detail .box1 li>p:nth-of-type(1){color:#2f2f2f;width:58%;padding-right: .5rem;}
.product-page.detail .box1 li>p:nth-of-type(2){color:#666;width:42%}
.product-page.detail .box1 li em{display: none;}

.product-page.detail .box2{border-radius: .2rem;display: flex;padding: .9rem .9rem .45rem 1.3rem;margin-bottom: .7rem;}
.product-page.detail .box2 .img-div{width:34%;height: 4.55rem}
.product-page.detail .box2 .con{flex:1;padding: 0 0 .2rem 1.2rem;min-height: 4.55rem;display: flex;flex-direction: column;justify-content: center;}
.product-page.detail .box2 .con>p:nth-of-type(1){font-size: .3rem;color:#000}
.product-page.detail .box2 .con>p:nth-of-type(2){font-size: .18rem;color:#666;line-height: .36rem;margin: .3rem 0 .55rem;}
.product-page.detail .box2 .con>a{color:#8a54ab;font-size: .18rem;padding-right: .3rem;background: url(../images/22.png) no-repeat .85rem center/.17rem;display: inline-block;}

.product-page.detail .box3{padding-bottom: 1rem;}
.product-page.detail .box3>p{font-size: .3rem;color:#000;margin-bottom: .55rem;}
.product-page.detail .box3 ul{display: flex;flex-wrap: wrap;}
.product-page.detail .box3 li{width:calc(100% / 3 - .14rem);margin-right: .21rem;border: 1px #c4cbd1 solid;border-radius: .2rem;position: relative;margin-bottom: .2rem;}
.product-page.detail .box3 li:nth-child(3n){margin-right: 0;}
.product-page.detail .box3 li::after{content:'';background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;top: 0;left: 0;width:100%;height:100%;border-radius: .2rem;opacity: 0;transition: .3s;}
.product-page.detail .box3 .con{display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 2;padding: .3rem .45rem;height: 100%;}
.product-page.detail .box3 .con::after{content:'';background: url(../images/5.png) no-repeat .45rem 3.8rem/3.82rem;position: absolute;top: 0;left: 0;width:100%;height:100%}
.product-page.detail .box3 .con>div>p:nth-of-type(1){font-size: .16rem;color:#999}
.product-page.detail .box3 .con>div>p:nth-of-type(2){font-size: .24rem;color:#000}
.product-page.detail .box3 .img-div{height:2.45rem;margin: .3rem 0 .35rem;transition: .3s;}
.product-page.detail .box3 .attr{position: relative;margin: .6rem 0 .4rem;}
.product-page.detail .box3 .attr::after{content:'';width:1px;height:calc(100% - .1rem);background: #ddd;position: absolute;top: .05rem;left: 1rem;}
.product-page.detail .box3 .attr>p{display: flex;font-size: .16rem;line-height: .24rem;}
.product-page.detail .box3 .attr>p>span:nth-of-type(1){width:.9rem;margin-right: .4rem;color:#2f2f2f}
.product-page.detail .box3 .attr>p>span:nth-of-type(2){flex:1;color:#666}
.product-page.detail .box3 .attr em{display: none;}
.product-page.detail .box3 .con>p{color: #999;background: url(../images/6.png) no-repeat .65rem center/.34rem;line-height: .34rem}

.product-page.detail .box4{display: flex;justify-content: space-between;border-top: 1px #eee solid;padding: .35rem 0 1.05rem;}
.product-page.detail .box4>a{display: inline-block;max-width: 48%;font-size: .16rem;color:#666}
.product-page.detail .box4>a:last-child{text-align: right;}

@media (max-width:1024px){
    .product-page.list{padding: .8rem 0 .4rem;}
    .product-page.list .tit-box{display: block;margin-bottom: .6rem;}
    .product-page.list .tit{width:100%;padding: 0 0 .6rem;}
    .product-page.list .cate{justify-content: center}
    .product-page.list .cate>a{min-width:1.8rem;border-radius: .6rem}
    .product-page.list .cate>a::after{border-radius: .6rem;}
    .product-page.list .cate>a>p{padding: 0 .4rem;font-size: .28rem;line-height: .8rem}
    .product-page.list ul{display: block}
    .product-page.list li{width:100%;margin-right: 0;margin-bottom: .4rem;}
    .product-page.list .con{display: block;padding: .5rem .4rem;height: auto;}
    .product-page.list .con::after{background-position:.4rem 4.1rem;background-size:calc(100% - .8rem);}
    .product-page.list .con>div>p:nth-of-type(1){font-size: .28rem;height: .3rem;}
    .product-page.list .con>div>p:nth-of-type(2){font-size: .32rem;}
    .product-page.list .img-div{height:2.45rem;margin: .4rem 0}
    .product-page.list .attr{margin: .6rem 0 .4rem;}
    .product-page.list .attr::after{display: none;}
    .product-page.list .attr>p{font-size: .28rem;line-height: .52rem;display: block;}
    .product-page.list .attr>p>span:nth-of-type(1){width:auto;margin-right: 0;}
    .product-page.list .attr>p>span:nth-of-type(2){width:auto}
    .product-page.list .attr em{display: inline-block;font-style: normal;}
    .product-page.list .con>p{background-position:1.3rem center;background-size:.5rem;line-height: .5rem}
    .product-page.list .page{padding: .2rem 0 .4rem;}

    .product-page.detail .box1{padding: .6rem 0 .8rem;}
    .product-page.detail .box1>p:nth-of-type(1){font-size: .28rem;line-height: .48rem}
    .product-page.detail .box1>p:nth-of-type(2){font-size: .4rem;line-height: .6rem;margin: .1rem 0 .4rem;}
    .product-page.detail .box1 .con{display: block;}
    .product-page.detail .box1 .img-bg{width:100%;height:auto}
    .product-page.detail .box1 .img{padding-bottom: 109.23%;}
    .product-page.detail .box1 .info{padding: .6rem 0 0;}
    .product-page.detail .box1 .info>p{font-size: .36rem;line-height: .56rem;margin-bottom: .1rem;}
    .product-page.detail .box1 ul{margin-bottom: .4rem}
    .product-page.detail .box1 li{display: flex;padding: .1rem 0;}
    .product-page.detail .box1 li>p{font-size: .28rem;line-height: .48rem;}
    .product-page.detail .box1 li>p:nth-of-type(1){width:auto;padding-right: 0;}
    .product-page.detail .box1 li>p:nth-of-type(2){width:auto}
    .product-page.detail .box1 li em{display: inline-block;font-style: normal;}

    .product-page.detail .box2{display: block;padding: .8rem .4rem .6rem;margin-bottom: .6rem;}
    .product-page.detail .box2 .img-div{width:100%}
    .product-page.detail .box2 .con{padding: .6rem 0 0;min-height: 0;display: block}
    .product-page.detail .box2 .con>p:nth-of-type(1){font-size: .36rem}
    .product-page.detail .box2 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .2rem 0 .3rem;}
    .product-page.detail .box2 .con>a{font-size: .28rem;padding-right: .5rem;background: url(../images/22.png) no-repeat right center/.28rem;}

    .product-page.detail .box3{padding-bottom: .4rem;}
    .product-page.detail .box3>p{font-size: .36rem;margin-bottom: .4rem;}
    .product-page.detail .box3 ul{display: block}
    .product-page.detail .box3 li{width:100%;margin-right: 0;margin-bottom: .4rem;}
    .product-page.detail .box3 .con{display: block;padding: .5rem .4rem;height: auto;}
    .product-page.detail .box3 .con::after{background-position:.4rem 4.1rem;background-size:calc(100% - .8rem);}
    .product-page.detail .box3 .con>div>p:nth-of-type(1){font-size: .28rem;height: .3rem;}
    .product-page.detail .box3 .con>div>p:nth-of-type(2){font-size: .32rem;}
    .product-page.detail .box3 .img-div{height:2.45rem;margin: .4rem 0}
    .product-page.detail .box3 .attr{margin: .6rem 0 .4rem;}
    .product-page.detail .box3 .attr::after{display: none;}
    .product-page.detail .box3 .attr>p{font-size: .28rem;line-height: .52rem;display: block;}
    .product-page.detail .box3 .attr>p>span:nth-of-type(1){width:auto;margin-right: 0;}
    .product-page.detail .box3 .attr>p>span:nth-of-type(2){width:auto}
    .product-page.detail .box3 .attr em{display: inline-block;font-style: normal;}
    .product-page.detail .box3 .con>p{background-position:1.3rem center;background-size:.5rem;line-height: .5rem}

    .product-page.detail .box4{display: block;padding: .4rem 0 .8rem;}
    .product-page.detail .box4>a{display: block;max-width: 100%;font-size: .28rem;line-height: .52rem;}
    .product-page.detail .box4>a:last-child{text-align: left;}
}

@media (any-hover:hover){
    .product-page.list .cate>a:hover{border-color: transparent;}
    .product-page.list .cate>a:hover::after{opacity: 1;}
    .product-page.list .cate>a:hover>p{color:#fff}
    .product-page.list li:hover::after{opacity: 1;}
    .product-page.list li:hover .con>div>p:nth-of-type(1){color:#fff}
    .product-page.list li:hover .con>div>p:nth-of-type(2){color:#fff}
    .product-page.list li:hover .img-div{transform: scale(1.1);}
    .product-page.list li:hover .attr>p>span:nth-of-type(1){color:#fff}
    .product-page.list li:hover .attr>p>span:nth-of-type(2){color:#fff}
    .product-page.list li:hover .con>p{color:#fff;background-image: url(../images/6-h.png)}

    .product-page.detail .box2 .con>a:hover{color:#17bc9b;background-image: url(../images/22-h.png)}

    .product-page.detail .box3 li:hover::after{opacity: 1;}
    .product-page.detail .box3 li:hover .con>div>p:nth-of-type(1){color:#fff}
    .product-page.detail .box3 li:hover .con>div>p:nth-of-type(2){color:#fff}
    .product-page.detail .box3 li:hover .img-div{transform: scale(1.1);}
    .product-page.detail .box3 li:hover .attr>p>span:nth-of-type(1){color:#fff}
    .product-page.detail .box3 li:hover .attr>p>span:nth-of-type(2){color:#fff}
    .product-page.detail .box3 li:hover .con>p{color:#fff;background-image: url(../images/6-h.png)}

    .product-page.detail .box4>a:hover{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}
}

/* 伙伴 */
.partner-page{padding:1.2rem 0 1.1rem}
.partner-page ul{display: flex;flex-wrap: wrap;margin-top: .55rem;}
.partner-page li{width:calc(20% - .16rem);margin-right: .2rem;margin-bottom: .6rem;border-radius: .2rem;border: 1px solid #c4cbd1;transition: .3s;padding: .4rem .4rem .25rem;}
.partner-page li:nth-child(5n){margin-right: 0;}
.partner-page li>p{font-size: .18rem;line-height: .24rem;text-align: center;color:#454545;height: .48rem;}
.partner-page li .img-div:nth-of-type(1){height: 1.75rem;margin: .3rem 0 .4rem}
.partner-page li .img-div:nth-of-type(2){height: .45rem}

@media (max-width:1024px){
    .partner-page{padding:.8rem 0 .5rem}
    .partner-page ul{margin-top: .6rem;}
    .partner-page li{width:calc(50% - .15rem);margin-right: .3rem;margin-bottom: .3rem;padding: .5rem .4rem}
    .partner-page li:nth-child(5n){margin-right: .3rem;}
    .partner-page li:nth-child(2n){margin-right: 0;}
    .partner-page li>p{font-size: .28rem;line-height: .48rem}
    .partner-page li .img-div:nth-of-type(1){height: 2rem;}
    .partner-page li .img-div:nth-of-type(2){height: .6rem}
}

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

/* 单页面 */
.single-page{padding: .95rem 0 1rem;}
.single-page>p{font-size: .36rem;color:#000;line-height: .46rem}
.single-page .content{border-top: 1px #ddd solid;padding-top: .3rem;margin-top:.35rem;}
.single-page .content p{font-size: .16rem;line-height: .3rem;color:#666}
.single-page .content img{margin:0 auto}

@media (max-width:1024px){
    .single-page{padding: .6rem 0 .8rem;}
    .single-page>p{line-height: .56rem}
    .single-page .content{padding-top: .3rem;margin-top:.2rem;}
    .single-page .content p{font-size: .28rem;line-height: .48rem;}
}

/* 搜索 */
.search-page{padding: .6rem 0;}
.search-page .tabs{display: flex;justify-content: space-between;align-items: center;margin-bottom: .5rem;}
.search-page .tab{display: flex}
.search-page .tab>a{min-width:1.2rem;border: .01rem solid #ddd;border-radius: .3rem;margin-right: .1rem;position: relative;transition: .3s;}
.search-page .tab>a:last-child{margin-right: 0;}
.search-page .tab>a::after{content:'';width:calc(100% + .02rem);height:calc(100% + .02rem);position: absolute;top: -.01rem;left: -.01rem;background: linear-gradient(to right,#17bc9b,#8b54ab);border-radius: .3rem;opacity: 0;transition: .3s;}
.search-page .tab>a>p{text-align: center;padding: 0 .35rem;line-height: .48rem;position: relative;z-index: 2}
.search-page .tab>a.active{border-color: transparent;}
.search-page .tab>a.active::after{opacity: 1;}
.search-page .tab>a.active>p{color:#fff}
.search-page .input{display: flex;}
.search-page .input>input{width: 2.5rem;background: #f5f5f5;}
.search-page .input .btn{width: .5rem;height: .5rem;position: relative;cursor: pointer;}
.search-page .input .btn>p{background: url(../images/search-w.png) no-repeat center center/.2rem;position: relative;z-index: 2;width: 100%;height: 100%;}
.search-page .search-item{display: none;}

.search-page .product ul{display: flex;flex-wrap: wrap;}
.search-page .product li{width:calc(100% / 3 - .14rem);margin-right: .21rem;border: 1px #c4cbd1 solid;border-radius: .2rem;position: relative;margin-bottom: .2rem;}
.search-page .product li:nth-child(3n){margin-right: 0;}
.search-page .product li::after{content:'';background: linear-gradient(to right,#17bc9b,#8b54ab);position: absolute;top: 0;left: 0;width:100%;height:100%;border-radius: .2rem;opacity: 0;transition: .3s;}
.search-page .product .con{display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 2;padding: .3rem .45rem;height: 100%;}
.search-page .product .con::after{content:'';background: url(../images/5.png) no-repeat .45rem 3.8rem/3.82rem;position: absolute;top: 0;left: 0;width:100%;height:100%}
.search-page .product .con>div>p:nth-of-type(1){font-size: .16rem;color:#999;height: .2rem;}
.search-page .product .con>div>p:nth-of-type(2){font-size: .24rem;color:#000}
.search-page .product .img-div{height:2.45rem;margin: .3rem 0 .35rem;transition: .3s;}
.search-page .product .attr{position: relative;margin: .6rem 0 .4rem;}
.search-page .news .attr::after{content:'';width:1px;height:calc(100% - .1rem);background: #ddd;position: absolute;top: .05rem;left: 1rem;}
.search-page .product .attr>p{display: flex;font-size: .16rem;line-height: .24rem;}
.search-page .product .attr>p>span:nth-of-type(1){width:.9rem;margin-right: .4rem;color:#2f2f2f}
.search-page .product .attr>p>span:nth-of-type(2){flex:1;color:#666}
.search-page .product .attr em{display: none;}
.search-page .product .con>p{color: #999;background: url(../images/6.png) no-repeat .65rem center/.34rem;line-height: .34rem}

.search-page .solution ul{display: flex;flex-wrap: wrap;}
.search-page .solution li{width:calc(100% / 3 - .4rem);margin-right: .6rem;margin-bottom: .6rem;position: relative;}
.search-page .solution li:nth-child(3n){margin-right: 0;}
.search-page .solution li .img-bg{height: 2.7rem;border-radius: .2rem;}
.search-page .solution li>p:nth-of-type(1){font-size: .2rem;margin: .25rem 0 .1rem}
.search-page .solution li>p:nth-of-type(2){font-size: .16rem;line-height: .28rem;color:#999;height: 1.1rem;}
.search-page .solution li>p:nth-of-type(3){color:#999;position: relative;display: block;margin-top: .15rem;border-top: 1px #ddd solid;padding-top: .15rem;}
.search-page .solution li>p:nth-of-type(3)::after{content:'';left: .65rem;top: .2rem;width:.08rem;height:.1rem;background: url(../images/19.png) no-repeat center center/100%;position: absolute;}

.search-page .news ul{display: flex;flex-wrap: wrap;}
.search-page .news li{position: relative;width:calc(100% / 3 - .5rem);margin-right: .75rem;margin-bottom: .8rem;}
.search-page .news li:nth-child(3n){margin-right: 0;}
.search-page .news li::after{content:'';width:calc(100% + .6rem);height:calc(100% + .5rem);background: linear-gradient(to right,#17bc9b,#8b54ab);top:-.25rem;left:-.3rem;position: absolute;opacity: 0;transition: .3s;border-radius: .2rem;}
.search-page .news li .con{position: relative;z-index: 2;}
.search-page .news li .con>p:nth-of-type(1){font-size: .16rem;color:#999}
.search-page .news li .con>p:nth-of-type(2){font-size: .2rem;color:#000;line-height: .34rem;height:.68rem;margin: .15rem 0 .25rem;}
.search-page .news li .con>p:nth-of-type(3){font-size: .16rem;color:#666;line-height: .3rem;height: .6rem;margin: .4rem 0 .3rem;}
.search-page .news li .con>p:nth-of-type(4){color:#fff;padding-right: .45rem;background: url(../images/6-h.png) no-repeat right center/.34rem;display: inline-block;line-height: .34rem;opacity: 0;transition: .3s;}
.search-page .news li .img-bg{height: 2.9rem;border-radius: .2rem}

.search-page .joins ul{display: flex;flex-wrap: wrap;}
.search-page .joins li{width: calc(100% / 3 - .32rem);margin-right: .48rem;border:1px solid #c4cbd1;border-radius: .2rem;position: relative;cursor: pointer;margin-bottom: .45rem;}
.search-page .joins li:nth-child(3n){margin-right: 0;}
.search-page .joins li::after{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background: linear-gradient(to right,#17bc9b,#8b54ab);border-radius: .2rem;opacity: 0;transition: .3s;}
.search-page .joins .con{position: relative;z-index: 2;padding: .4rem .4rem .25rem;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.search-page .joins .con>div>p{font-size: .3rem;line-height: .4rem;color: #000;position: relative;padding-bottom: .2rem;}
.search-page .joins .con>div>p::after{background:#6b6b6b;position: absolute;bottom: 0;left: 0;width:.35rem;height:.02rem;content:''}
.search-page .joins li .attr{padding: .2rem 0 .3rem;}
.search-page .joins li .attr>p{font-size: .16rem;line-height: .3rem;color:#666}
.search-page .joins .con>p{width:.55rem;height: .3rem;border: 1px #ccc solid;border-radius: .15rem;background: url(../images/10.png) no-repeat center center/.06rem;transition: .3s;}
.search-page .joins .hide{display: none;}
.search-page .joins .page{padding: .1rem 0 .45rem;}
.search-page .joins .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 2001;display: none;}
.search-page .joins .popup .width{background: #fff;border-radius: .2rem;height: 900px;margin: .8rem auto;position: relative;padding: .6rem .75rem .7rem;}
.search-page .joins .popup .close{width:.3rem;height:.3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;right: .2rem;top: .2rem;cursor: pointer;}
.search-page .joins .popup .width>p{font-size: .36rem;line-height: .46rem;color:#000}
.search-page .joins .popup .attr{display: flex;flex-wrap: wrap;border-bottom: 1px #ddd solid;padding: .2rem 0;}
.search-page .joins .popup .attr>p{font-size: .16rem;line-height: .26rem;color:#666;margin-right: .8rem;}
.search-page .joins .popup .attr>p:last-child{margin-right: 0;}
.search-page .joins .popup .content{padding:.3rem 0 .45rem}
.search-page .joins .popup .content p{font-size: .16rem;line-height: .32rem;color:#666}
.search-page .joins .popup .contact p{font-size: .16rem;line-height: .3rem;color:#000}
.search-page .joins .popup .img-div{width:1rem;height:1rem;margin-top: .15rem;}

.search-page .partner ul{display: flex;flex-wrap: wrap}
.search-page .partner li{width:calc(20% - .16rem);margin-right: .2rem;margin-bottom: .6rem;border-radius: .2rem;border: 1px solid #c4cbd1;transition: .3s;padding: .4rem .4rem .25rem;}
.search-page .partner li:nth-child(5n){margin-right: 0;}
.search-page .partner li>p{font-size: .18rem;line-height: .24rem;text-align: center;color:#454545;height: .48rem;}
.search-page .partner li .img-div:nth-of-type(1){height: 1.75rem;margin: .3rem 0 .4rem}
.search-page .partner li .img-div:nth-of-type(2){height: .45rem}

@media (max-width:1024px){
    .search-page{padding: .6rem 0;}
    .search-page .tabs{display: block;margin-bottom: .6rem;}
    .search-page .tab{flex-wrap:wrap;justify-content:center;margin-bottom: .3rem;}
    .search-page .tab>a{min-width:0;border-radius: .6rem;margin-right: .21rem;width:calc(100% / 3 - .14rem);margin-bottom:.2rem}
    .search-page .tab>a:nth-child(3n){margin-right: 0;}
    .search-page .tab>a::after{border-radius: .6rem}
    .search-page .tab>a>p{line-height: .8rem}
    .search-page .input>input{width: calc(100% - .8rem)}
    .search-page .input .btn{width: .8rem;height: .8rem}
    .search-page .input .btn>p{background-size:.3rem;}

    .search-page .product ul{display: block}
    .search-page .product li{width:100%;margin-right: 0;margin-bottom: .4rem;}
    .search-page .product .con{display: block;padding: .5rem .4rem;height: auto;}
    .search-page .product .con::after{background-position:.4rem 4.1rem;background-size:calc(100% - .8rem);}
    .search-page .product .con>div>p:nth-of-type(1){font-size: .28rem;height: .3rem;}
    .search-page .product .con>div>p:nth-of-type(2){font-size: .32rem;}
    .search-page .product .img-div{height:2.45rem;margin: .4rem 0}
    .search-page .product .attr{margin: .6rem 0 .4rem;}
    .search-page .product .attr::after{display: none;}
    .search-page .product .attr>p{font-size: .28rem;line-height: .52rem;display: block;}
    .search-page .product .attr>p>span:nth-of-type(1){width:auto;margin-right: 0;}
    .search-page .product .attr>p>span:nth-of-type(2){width:auto}
    .search-page .product .attr em{display: inline-block;font-style: normal;}
    .search-page .product .con>p{background-position:1.3rem center;background-size:.5rem;line-height: .5rem}

    .search-page .solution ul{display: block}
    .search-page .solution li{width:100%;margin-right: 0;}
    .search-page .solution li .img-bg{height: auto}
    .search-page .solution li .img{padding-bottom: 75.29%;}
    .search-page .solution li>p:nth-of-type(1){font-size: .32rem;margin: .3rem 0 .2rem}
    .search-page .solution li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;height: auto;}
    .search-page .solution li>p:nth-of-type(3){margin-top: .3rem;padding-top: .3rem;}
    .search-page .solution li>p:nth-of-type(3)::after{left: 1.3rem;top: .4rem;width:.16rem;height:.2rem;}

    .search-page .news ul{display: block}
    .search-page .news li{width:100%;margin-right: 0;margin-bottom: .4rem;border-bottom: 1px #eee solid;padding-bottom: .4rem;}
    .search-page .news li:nth-child(3n){margin-right: 0;}
    .search-page .news li .con>p:nth-of-type(1){font-size: .28rem}
    .search-page .news li .con>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;height:auto;margin: .1rem 0 .3rem;}
    .search-page .news li .con>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;height: auto;margin: .3rem 0;}
    .search-page .news li .con>p:nth-of-type(4){padding-right: .7rem;background-image:url(../images/6.png);background-size:.5rem;line-height: .5rem;opacity: 1;color:#17bc9b}
    .search-page .news li .img-bg{height: auto}
    .search-page .news li .img{padding-bottom: 67.44%;}

    .search-page .joins ul{display: block;}
    .search-page .joins li{width: 100%;margin-right: 0;margin-bottom: .4rem;}
    .search-page .joins .con{padding: .5rem .4rem;display: block}
    .search-page .joins .con>div>p{font-size: .36rem;line-height: .56rem;padding-bottom: .1rem;}
    .search-page .joins .con>div>p::after{width:.5rem;}
    .search-page .joins li .attr{padding: .3rem 0;}
    .search-page .joins li .attr>p{font-size: .28rem;line-height: .48rem}
    .search-page .joins .con>p{width:1rem;height: .5rem;border-radius: .6rem;background-size:.1rem;}
    .search-page .joins .page{padding: .2rem 0 .4rem;}
    .search-page .joins .popup .width{padding: .8rem .4rem;}
    .search-page .joins .popup .close{width:.4rem;height:.4rem;right: .3rem;top: .3rem}
    .search-page .joins .popup .width>p{font-size: .4rem;line-height: .6rem}
    .search-page .joins .popup .attr{display: block;padding: .3rem 0;}
    .search-page .joins .popup .attr>p{font-size: .28rem;line-height: .48rem;margin-right: 0;}
    .search-page .joins .popup .content{padding:.4rem 0}
    .search-page .joins .popup .content p{font-size: .28rem;line-height: .48rem}
    .search-page .joins .popup .contact p{font-size: .28rem;line-height: .48rem}
    .search-page .joins .popup .img-div{width:2rem;height:2rem;margin-top: .2rem;}

    .search-page .partner ul{display: flex;flex-wrap: wrap;margin-top: .55rem;}
    .search-page .partner li{width:calc(50% - .15rem);margin-right: .3rem;margin-bottom: .3rem;padding: .5rem .4rem}
    .search-page .partner li:nth-child(5n){margin-right: .3rem;}
    .search-page .partner li:nth-child(2n){margin-right: 0;}
    .search-page .partner li>p{font-size: .28rem;line-height: .48rem}
    .search-page .partner li .img-div:nth-of-type(1){height: 2rem;}
    .search-page .partner li .img-div:nth-of-type(2){height: .6rem}
}

@media (any-hover:hover){
    .search-page .tab>a:hover{border-color: transparent;}
    .search-page .tab>a:hover::after{opacity: 1;}
    .search-page .tab>a:hover>p{color:#fff}

    .search-page .product li:hover::after{opacity: 1;}
    .search-page .product li:hover .con>div>p:nth-of-type(1){color:#fff}
    .search-page .product li:hover .con>div>p:nth-of-type(2){color:#fff}
    .search-page .product li:hover .img-div{transform: scale(1.1);}
    .search-page .product li:hover .attr>p>span:nth-of-type(1){color:#fff}
    .search-page .product li:hover .attr>p>span:nth-of-type(2){color:#fff}
    .search-page .product li:hover .con>p{color:#fff;background-image: url(../images/6-h.png)}

    .search-page .solution li:hover .img{transform: scale(1.1);}
    .search-page .solution li:hover .jb-txt{background-image:linear-gradient(to right,#17bc9b,#8b54ab);-webkit-background-clip:text;color:transparent}
    .search-page .solution li:hover>p:nth-of-type(3)::after{background-image: url(../images/19-h.png);}

    .search-page .news li:hover::after{opacity: 1;}
    .search-page .news li:hover .con>p:nth-of-type(1){color:#fff}
    .search-page .news li:hover .con>p:nth-of-type(2){color:#fff}
    .search-page .news li:hover .con>p:nth-of-type(3){color:#fff}
    .search-page .news li:hover .con>p:nth-of-type(4){opacity: 1;}
    .search-page .news li:hover .img{transform: scale(1.1);}

    .search-page .joins li:hover{border-color: transparent;}
    .search-page .joins li:hover::after{opacity: 1;}
    .search-page .joins li:hover .con>div>p{color:#fff}
    .search-page .joins li:hover .con>div>p::after{background: #fff;}
    .search-page .joins li:hover .con>p{background-image: url(../images/10-h.png);background-color: #fff;border-color: #fff;}
    .search-page .joins li:hover .attr>p{color:#f1f1f1}
    
    .search-page .partner li:hover{transform: translateY(-.05rem);}
}