/*公共*/
.top{display: flex;align-items: center;border-bottom: 1px solid rgba(255,255,255,.1);justify-content: space-between;z-index: 2;position: relative;}
.top>p{font-size: .18rem;color:#fff;line-height: .8rem;}
.top .searchs{display: flex;align-items: center;}
.top .search{width: 2rem;position: relative;margin-right: .3rem;}
.top .search>input{width: 2rem;height: .4rem;border: 1px rgba(255,255,255,.2) solid;border-radius: .2rem;padding: 0 .2rem 0 .55rem;background: none;color:#fff}
.top .search>input::placeholder{color:rgba(255,255,255,.5)}
.top .btn{position: absolute;width: .18rem;height: 100%;background: url(../images/search.png) no-repeat center center/100%;top: 0;left: .25rem;cursor: pointer;filter: brightness(0%) invert(100%);}
.top .searchs>p{color:#00a1e9;font-size: .2rem;padding-left: .25rem;background: url(../images/1.png) no-repeat left center/.2rem;filter: brightness(0%) invert(100%);}
.top.w{border-color:rgba(0,0,0,.1)}
.top.w>p{color:#666}
.top.w .search>input{border-color:#eee;color:#666}
.top.w .search>input::placeholder{color:#666}
.top.w .btn{filter:none}
.top.w .searchs>p{filter:none}

.header{position: sticky;top: 0;transition: background .5s;z-index: 3000;width: 100%;}
.header .width{display: flex;align-items: center;}
.header .logo{width: 2.2rem;height: .58rem;justify-content: flex-start;}
.header .con{flex:1;display: flex;justify-content: flex-end;}
.header ul{display: flex;margin-right: .3rem;}
.header li{padding: 0 .3rem;position: relative;}
.header li>a{line-height: 1rem;color:#fff;font-size: .18rem;position: relative;}
.header li>a::after{content:'';width: 0;height: .02rem;bottom: .3rem;background: #00a1e9;left: 50%;transform: translateX(-50%);position: absolute;transition: .3s;z-index: 2;}
.header li>a.active::after{width: 100%;}
.header .child{position: absolute;top: calc(100% - .32rem);left: 50%;transform: translateX(-50%);background: #fff;border-radius: .1rem;width: max-content;padding: .15rem 0;display: none;border: 1px solid #e6e6e6;text-align: center;}
.header .child>a{line-height: .45rem;border-bottom: 1px solid #e6e6e6;font-size: .16rem;padding: 0 .5rem;}
.header .child>a:last-child{border-bottom: 0;}
.header .lang{position: relative;}
.header .lang>p{width: .21rem;height: 1rem;background: url(../images/lang.png) no-repeat center center/100%;filter: brightness(0%) invert(100%);transition: .3s;cursor: pointer;}
.header .search{display: none;}
.header.w{border-bottom: 1px #eee solid;background: #fff;}
.header.w li>a{color:#333}
.header.w li>a.active{color:#00a1e9}
.header.w .lang>p{filter:none}
.header.fixed{position: fixed;}

.footer1 .width{display: flex;align-items: center;height: 2.8rem;}
.footer1 .info{flex:1;color:#fff;font-size: .18rem;}
.footer1 .info>p:nth-of-type(1){font-size: .48rem;margin-bottom: .05rem;}
.footer1 .btn{display: flex;flex:1;justify-content: flex-end;}
.footer1 .ask{margin-left: .1rem;display: flex;align-items: center;height: .56rem;border: .02rem #fff solid;border-radius: .3rem;color:#fff;padding: 0 .4rem 0 .45rem;font-size: .18rem;overflow: hidden;}
.footer1 .ask>span{transition: .3s;}
.footer1 .ask>span:nth-of-type(1){width: .25rem;height: 100%;background: url(../images/8.png) no-repeat center center/100%;margin-right: .1rem;}
.footer2{display: flex;padding: 1rem 0 .3rem;border-bottom: 1px #eee solid;}
.footer2 .con{width: 28.75%;}
.footer2 .logo{width: 2.56rem;height: .69rem;justify-content: flex-start;}
.footer2 .con>p:nth-of-type(1){font-size: .18rem;margin: .9rem 0 .05rem;}
.footer2 .con>p:nth-of-type(2){font-size: .24rem;color:#000;margin-bottom: .3rem;}
.footer2 .qrs{display: flex;}
.footer2 .qr{width: 1.1rem;margin-right: .2rem;}
.footer2 .qr .img-div{width: 100%;height: 1.1rem;margin-bottom: .05rem;}
.footer2 .qr>p{font-size: .16rem;text-align: center;}
.footer2 .nav{flex:1;}
.footer2 .nav>p{font-size: .48rem;color:#000;text-align: right;border-bottom: 1px solid #eee;padding-bottom: .3rem;margin-bottom: .6rem;}
.footer2 ul{display: flex;justify-content: space-between;}
.footer2 li>a{font-size: .2rem;margin-bottom: .1rem;}
.footer2 .child>a{font-size: .18rem;line-height: .4rem;color:#666}
.footer3{display: flex;padding: .3rem 0 1rem;}
.footer3>p{flex:1;font-size: .16rem;color: #999;}
.footer3>p>a{display: inline-block;color:#999}
.footer3 .single{display: flex;justify-content: flex-end;}
.footer3 .single>a{font-size: .16rem;color:#999;padding-right: .15rem;margin-right: .15rem;position: relative;}
.footer3 .single>a:last-child{padding-right: 0;margin-right: 0;}
.footer3 .single>a::after{content:'';width: 1px;height: .14rem;background: #999;position: absolute;top: .05rem;right: 0;}
.footer3 .single>a:last-child::after{display: none;}

.more{display: flex;align-items: center;height: .56rem;border: .02rem #00a1e9 solid;border-radius: .3rem;background: #00a1e9;color:#fff;padding: 0 .03rem 0 .35rem;font-size: .18rem;overflow: hidden;}
.more>span:nth-of-type(1){margin-right: .35rem;transition: .3s;}
.more>span:nth-of-type(2){width: .48rem;height: .48rem;background: #fff url(../images/arrow2.png) no-repeat center center/.16rem;border-radius: 50%;transition: .3s;}
.more.plain{background: none;border-color:#fff}

.inner-banner{position: relative;}
.inner-banner .img{padding-bottom: 31.25%;}
.inner-banner .m{display: none;}
.inner-banner .width{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color:#fff}
.inner-banner .width>h1{font-size: .48rem;line-height: .58rem;}
.inner-banner .width>p{font-size: .24rem;line-height: .34rem;margin: .15rem 0 .5rem;}

.form{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 3001;display: none;}
.form .con{width: 9rem;margin: 0 auto;background: #fff;border-radius: .2rem;position: absolute;top: calc(50% - 2.7rem);left: calc(50% - 4.5rem);padding: .6rem;height: 5.4rem;}
.form .close{width: .4rem;height: .4rem;border-radius: 50%;background: #e5e5e5 url(../images/close.svg) no-repeat center center/.16rem;position: absolute;right: -.1rem;top: -.1rem;transition: .3s;cursor: pointer;}
.form .con>p:nth-of-type(1){font-size: .3rem;color: #00a1e9;text-align: center;margin-bottom: .3rem;}
.form ul{display: flex;flex-wrap: wrap;}
.form li{width: calc(100% / 3 - .12rem);margin: 0 .18rem .25rem 0;}
.form li:nth-child(3){margin-right: 0;}
.form li:last-child{width: 100%;margin-right: 0;}
.form li>p{font-size: .16rem;color:#666;margin-bottom: .1rem;}
.form li>p>span{color:#ed3434;margin-left: .05rem;}
.form li>input{transition: .3s;height: .5rem;width: 100%;border-radius: .05rem;border: 1px #eee solid;}
.form li>input:focus{border-color: #00a1e9;}
.form li>textarea{transition: .3s;height: 1.2rem;width: 100%;border-radius: .05rem;border: 1px #eee solid;}
.form li>textarea:focus{border-color: #00a1e9;}
.form .con>p:nth-of-type(2){line-height: .48rem;border-radius: .25rem;font-size: .16rem;background: #00a1e9;color:#fff;transition: .3s;width: 1.5rem;text-align: center;margin: 0 auto;cursor: pointer;}

.nav-m{display: none;}

@media (max-width:1024px){
    .top{display: none;}

    .header .logo{width: 2.66rem;height: .7rem}
    .header ul{display: none}
    .header .child{top: 100%;padding: .1rem 0;}
    .header .child>a{line-height: .7rem;font-size: .28rem;padding: 0 .4rem;}
    .header .lang>p{width: .35rem;height: 1.2rem}
    .header .search{margin: 0 .3rem;display: block;}
    .header .search>p{width: .35rem;height: 1.2rem;background: url(../images/search.png) no-repeat center center/100%;filter: brightness(0%) invert(100%)}
    .header .search .popup{position: fixed;top: 1.3rem;left: .3rem;width: calc(100% - .6rem);display: none;}
    .header .search .popup>div{display: flex;}
    .header .search .popup>div>input{width:100%;height: .8rem;background: #f5f5f5;border-radius: .1rem;overflow: hidden;padding: 0 .8rem 0 .3rem;}
    .header .search .btn{width: .8rem;height: 100%;background: url(../images/search.png) no-repeat center center/.3rem;position: absolute;top: 0;right: 0;}
    .header .menu{width: .45rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;filter: brightness(0%) invert(100%)}
    .header.w .search>p{filter:none}
    .header.w .menu{filter:none}

    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:3001;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 2.66rem;height: .7rem;justify-content: flex-start;}
    .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;}

    .footer1 .width{display: block;height: auto;padding: 1rem 0;}
    .footer1 .info{font-size: .28rem;text-align: center;line-height: .48rem;margin-bottom: .3rem;}
    .footer1 .info>p:nth-of-type(1){font-size: .44rem;margin-bottom: .1rem;line-height: .64rem;}
    .footer1 .btn{justify-content: center;}
    .footer1 .ask{margin-left: .2rem;height: .76rem;border-radius: .6rem;padding: 0 .45rem 0 .4rem;font-size: .28rem}
    .footer1 .ask>span:nth-of-type(1){width: .35rem;margin-right: .2rem;}
    .footer1 .ask>span:nth-of-type(2){line-height: .28rem;}
    .footer2{display: block;padding: .8rem 0 .2rem}
    .footer2 .con{width: 100%;margin-bottom: .4rem;}
    .footer2 .logo{width: 3.41rem;height: .9rem;margin: 0 auto;}
    .footer2 .con>p{text-align: center;}
    .footer2 .con>p:nth-of-type(1){font-size: .28rem;margin: .6rem 0 .05rem;}
    .footer2 .con>p:nth-of-type(2){font-size: .4rem;}
    .footer2 .qrs{justify-content: center;}
    .footer2 .qr{width: 2.2rem;margin-right: .3rem;}
    .footer2 .qr .img-div{height: 2.2rem;margin-bottom: .15rem;}
    .footer2 .qr>p{font-size: .28rem}
    .footer2 .nav>p{font-size: .44rem;text-align: center;margin-bottom: .2rem;}
    .footer2 ul{display: block}
    .footer2 li{margin-right: 0;position: relative;border-bottom: 1px #eee solid;padding: .3rem 0;}
    .footer2 li:last-child{margin-right: 0;border-bottom: 0;}
    .footer2 li::after{background: url(../images/arrow1.svg) no-repeat center center/100%;position: absolute;content:'';width: .35rem;height: .35rem;top: .32rem;right: 0;transition: .3s;}
    .footer2 li.active::after{transform: rotate(90deg);}
    .footer2 li>a{font-size: .32rem;margin-bottom: 0;display: inline-block;}
    .footer2 .child{display: none;padding: .2rem 0 0 .4rem;}
    .footer2 .child>a{font-size: .28rem;line-height: .8rem;border-bottom: 1px #eee solid}
    .footer2 .child>a:last-child{border-bottom: 0;}
    .footer3{display: block;padding: .4rem 0;}
    .footer3>p{font-size: .28rem;line-height: .44rem;text-align: center;margin-bottom: .1rem;}
    .footer3 .single{justify-content: center;}
    .footer3 .single>a{font-size: .28rem;padding-right: .2rem;margin-right: .2rem}
    .footer3 .single>a::after{height: .25rem;top: .07rem;}

    .more{height: .76rem;border-radius: .6rem;padding: 0 .05rem 0 .45rem;font-size: .28rem}
    .more>span:nth-of-type(1){margin-right: .3rem;line-height: .28rem;}
    .more>span:nth-of-type(2){width: .6rem;height: .6rem;background-size:.25rem;}

    .inner-banner .img{padding-bottom: 80%;}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .width{text-align: center;}
    .inner-banner .width>h1{font-size: .5rem;line-height: .7rem;}
    .inner-banner .width>p{font-size: .28rem;line-height: .48rem}

    .form .con{width: 90%;top: 1rem;left: 5%;padding: .6rem .4rem;height: auto;}
    .form .close{width: .7rem;height: .7rem;background-size:.28rem;right: -.2rem;top: -.2rem;}
    .form .con>p:nth-of-type(1){font-size: .44rem;margin-bottom: .3rem;}
    .form ul{display: block}
    .form li{width: 100%;margin: 0 0 .3rem 0;}
    .form li>p{font-size: .28rem;margin-bottom: .15rem;}
    .form li>p>span{margin-left: .1rem;}
    .form li>input{height: .8rem;}
    .form li>textarea{height: 2rem;}
    .form .con>p:nth-of-type(2){line-height: .8rem;border-radius: .6rem;font-size: .28rem;width: 2.2rem}
}

@media (any-hover:hover){
    .header li>a:hover::after{width: 100%;}
    .header.w li>a:hover{color:#00a1e9}
    .header .child>a:hover{color:#00a1e9}
    .footer3>p>a:hover{color:#00a1e9}

    .footer1 .ask:hover{justify-content: center;}
    .footer1 .ask:hover>span:nth-of-type(1){transform: translateX(-.7rem);}
    .footer1 .ask:hover>span:nth-of-type(2){transform: translateX(-.2rem);}
    .footer2 li>a:hover{color: #00a1e9;}
    .footer2 .child>a:hover{color: #00a1e9;}
    .footer3 .single>a:hover{color: #00a1e9;}

    .more:hover{justify-content: center;}
    .more:hover>span:nth-of-type(1){transform: translateX(.26rem);}
    .more:hover>span:nth-of-type(2){transform: translateX(.51rem);}

    .form .close:hover{transform: rotate(180deg);}
    .form .con>p:nth-of-type(2):hover{opacity: .8;}
}

/* 首页 */
.index-head{position: absolute;top:0;left:0;width:100%;height: 1.8rem;}
.index-page .tit>h2{font-size: .3rem;line-height: .4rem;color:#00a1e9;margin-bottom: .05rem;}
.index-page .tit>p{font-size: .48rem;line-height: .6rem;color:#000}
.index-page .tit.sm>p{font-size: .4rem;line-height: .55rem;}

.index-page .box1 .m{display: none;}
.index-page .box1 video{position: absolute;width: 100%;height: 100%;top:0;left:0;object-fit:cover}
.index-page .box1 .width{position: absolute;left: 50%;transform: translateX(-50%);color:#fff;top: 35%;}
.index-page .box1 .info{display: none;}
.index-page .box1 .info>h1,.index-page .box1 .info>span{font-size: .48rem;line-height: .58rem;}
.index-page .box1 .info>p{font-size: .22rem;line-height: .32rem;margin: .2rem 0 .55rem;}
.index-page .box1 .btn{display: flex;}
.index-page .box1 .more{margin-right: .2rem;}
.index-page .box1 .more:last-child{margin-right: 0;}
.index-page .box1 .swiper-pagination {bottom:.5rem;width: auto;left: 50%;transform: translateX(-50%);}
.index-page .box1 .swiper-pagination-bullet{position: relative;width: .06rem;height: .06rem;margin: 0 .25rem;background: #fff;opacity: 1;}
.index-page .box1 .swiper-pagination-bullet::after{content:'';width: .3rem;height: .3rem;border-radius: 50%;border:1px solid rgba(255,255,255,.3);position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%)}
.index-page .box1 .swiper-pagination svg{position: absolute;top: 50%;left: 50%;width: .3rem;height: .3rem;transform:translate(-50%,-50%) rotate(-90deg);border-radius:50%;}
.index-page .box1 .swiper-pagination circle{stroke-dasharray: 100;stroke-dashoffset: 100;cx: .15rem;cy: .15rem;r: .15rem;}
.index-page .box1 .swiper-pagination-bullet.active .circle{animation: 5s index-box1-svg linear;}
@keyframes index-box1-svg {
    to{stroke-dashoffset: 0;}
}

.index-page .box2{padding: 1.2rem 0 .85rem;background-position: center .7rem;background-size: auto}
.index-page .box2 .con{display: flex;justify-content: space-between;height: 6.4rem;margin-bottom: .85rem;}
.index-page .box2 .info{width: 53.43%;}
.index-page .box2 .info>p{font-size: .18rem;line-height: .36rem;margin: .15rem 0 .4rem;}
.index-page .box2 .info ul{display: flex;margin-top: .65rem;position: relative;z-index: 3;}
.index-page .box2 .info li{margin-right: .9rem;position: relative;}
.index-page .box2 .info li:last-child{margin-right: 0;}
.index-page .box2 .info li::after{content:'';width: .1rem;height: .1rem;border: .02rem solid #00a1e9;border-radius: 50%;position: absolute;bottom: .2rem;left: 50%;transform: translateX(-50%);background: #fff;}
.index-page .box2 .info li>p:nth-of-type(1){display: flex;align-items: flex-end;color:#00a1e9;justify-content: center;font-size: .18rem;}
.index-page .box2 .info li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;text-align: center;line-height: .6rem;}
.index-page .box2 .info li>p:nth-of-type(2){font-size: .18rem;text-align: center;margin: .05rem 0 .2rem;}
.index-page .box2 .img-div{width: .5rem;height: .5rem;border-radius: 50%;background: #00a1e9;margin: 0 auto;transition: .5s;transform: scale(0);position: relative;z-index: 2;}
.index-page .box2 .info li.active .img-div{transform: scale(1);}
.index-page .box2 .img-div>img{max-width: 45%;max-height: 45%;}
.index-page .box2 .pic{width: 37.5%;position: relative;}
.index-page .box2 .img-bg{border-radius: .2rem;height: 100%;}
.index-page .box2 .arrow{width: 1rem;height: 1rem;border-radius: 50%;background: #fff url(../images/3.png) no-repeat center center/.26rem;position: absolute;top: .95rem;left: -.5rem;transition: .5s;transform: scale(0);z-index: 2;}
.index-page .box2 .arrow.active{transform: scale(1);}
.index-page .box2 .brand{width: 6.76rem;height: 1.07rem;position: absolute;bottom: 0;left: -3.4rem;z-index: 2;transition: .5s;transform: scale(0);}
.index-page .box2 .brand.active{transform: scale(1);}
.index-page .box2 .brand::before{content:'';width: 200%;height: 1px;background: #eee;position: absolute;top: .53rem;left: -200%;}
.index-page .box2 .years{position: relative;}
.index-page .box2 #waveCanvas{height: .6rem;position: absolute;top: 50%;transform: translateY(-50%);left: 0;background-attachment: fixed;}
.index-page .box2 .swiper-container{padding: .15rem .9rem}
.index-page .box2 .swiper-container:nth-of-type(2){padding: 2.2rem .9rem .15rem 4.25rem;}
.index-page .box2 .swiper-slide{width: 4.5rem;height: 2rem;border-radius: .1rem;box-shadow: 0 0 .15rem rgba(0,0,0,.1);padding: .35rem .4rem 0;margin-right: 2.25rem;position: relative;}
.index-page .box2 .swiper-slide:last-child{margin-right: 0;}
.index-page .box2 .swiper-slide::before{content:'';width: .07rem;height: .07rem;border-radius: 50%;background: #00a1e9;position: absolute;top: 0;left: -.35rem;}
.index-page .box2 .swiper-container:nth-of-type(2) .swiper-slide::before{top: auto;bottom: 0;}
.index-page .box2 .swiper-slide::after{content:'';width: .03rem;height: 2.1rem;border-radius: .15rem;background: #00a1e9;position: absolute;top: .2rem;left: -.33rem;}
.index-page .box2 .swiper-container:nth-of-type(2) .swiper-slide::after{top: auto;bottom: .2rem;}
.index-page .box2 .swiper-slide>p:nth-of-type(1){font-size: .36rem;color:#00a1e9;line-height: .36rem;margin-bottom: .1rem;}
.index-page .box2 .swiper-slide>p:nth-of-type(2){font-size: .16rem;color:#666;line-height: .3rem;max-height: .9rem;padding-right: .05rem;}
.index-page .box2 .swiper-arrow>div{position: absolute;top: calc(50% - .3rem);right: .5rem;width: .5rem;height: .5rem;border-radius: 50%;background: #f5f5f5 url(../images/arrow1-m.svg) no-repeat center center/.2rem;z-index: 3;cursor: pointer;transition: .3s;}
.index-page .box2 .prev{right: auto;left: .5rem;transform: rotate(180deg);}

.index-page .box3{position: relative;}
.index-page .box3 .imgs{height: 9.3rem;position: relative;}
.index-page .box3 .imgs .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 1s;}
.index-page .box3 .imgs .img.active{opacity: 1;z-index: 2;}
.index-page .box3 .width{position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 3;height: 100%;}
.index-page .box3 .tit{max-width: 7.2rem;margin: 1rem 0 .35rem;}
.index-page .box3 .cons{position: relative;}
.index-page .box3 .con{position: absolute;top:0;left: 0;display: none;max-width: 6.1rem;}
.index-page .box3 .con .icon{display: flex;align-items: center;}
.index-page .box3 .con .img-div{width: .57rem;height: .51rem;margin-right: .15rem;}
.index-page .box3 .con .icon>h3{flex:1;color:#00a1e9;font-size: .22rem;}
.index-page .box3 .con>p:nth-of-type(1){font-size: .24rem;color:#000;margin: .2rem 0 .15rem;}
.index-page .box3 .con>p:nth-of-type(2){font-size: .18rem;line-height:.3rem;margin-bottom: .4rem;}
.index-page .box3 ul{display: flex;position: absolute;left: 0;bottom: .8rem;}
.index-page .box3 li{width: 1.6rem;transition: .3s;margin-right: .3rem;position: relative;}
.index-page .box3 li::after{content:'';width: 2rem;height: 1.98rem;background: url(../images/6.png) no-repeat center center/100%;position: absolute;right: -.28rem;top: -.15rem;transition: .5s;transform: scale(0);}
.index-page .box3 li .unhover{height: 1.6rem;background: #fff;border-radius: .2rem;display: flex;flex-direction: column;justify-content: space-between;padding: .2rem .2rem .15rem .3rem;}
.index-page .box3 li .unhover>p{font-size: .18rem;}
.index-page .box3 li .unhover .img-div{justify-content: flex-end;width:100%;height: .51rem}
.index-page .box3 li .hover{display: none;height: 1.6rem;background: #fff;border-radius: .2rem;align-items: center;padding: .15rem;}
.index-page .box3 li .hover .img-bg{width: 1.3rem;height: 1.3rem;border-radius: .15rem;margin-right: .3rem;}
.index-page .box3 li .hover .txt{width: calc(100% - 1.6rem);}
.index-page .box3 li .hover .img-div{width: .57rem;height: .51rem;margin-bottom: .05rem;}
.index-page .box3 li .hover .txt>p{font-size: .22rem;color:#00a1e9}
.index-page .box3 li.active{width: 3.2rem;margin-right: .6rem;}
.index-page .box3 li.active::after{transform: scale(1);}
.index-page .box3 li.active .unhover{display: none;}
.index-page .box3 li.active .hover{display: flex;}
.index-page .box3 .swiper-container{display: none}

.index-page .box4{position: relative;}
.index-page .box4 .tits{display: flex;align-items: center;padding: .7rem 0 .4rem;}
.index-page .box4 .tit{width: 45%;}
.index-page .box4 .tabs{flex:1;display: flex;justify-content: flex-end;}
.index-page .box4 .tab{border: 1px #eee solid;border-radius: .2rem;margin-left: .2rem;display: flex;flex-direction: column;justify-content: space-between;width: 1.4rem;height: 1.4rem;padding: .15rem;transition: .3s;text-align: center;}
.index-page .box4 .tab>p{font-size: .18rem;}
.index-page .box4 .tab .img-div{width: .59rem;height: .48rem;margin: 0 auto;}
.index-page .box4 .tab.active{border-color: #00a1e9;background: #00a1e9;}
.index-page .box4 .tab.active>p{color:#fff}
.index-page .box4 .cons{height: 9.3rem;position: relative;}
.index-page .box4 .imgs{position: relative;height: 100%;}
.index-page .box4 .imgs .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 1s;}
.index-page .box4 .imgs .img.active{opacity: 1;z-index: 2;}
.index-page .box4 .cons .width{position: absolute;top: 0;left: 50%;width: 100%;height: 100%;z-index: 3;transform: translateX(-50%);display: flex;justify-content: flex-end;align-items: center;}
.index-page .box4 .con{width: 57.5%;border-radius: .2rem;background: rgba(229,244,253,.5);backdrop-filter:blur(.05rem);max-height:7.5rem;padding: .7rem .8rem .4rem;display: none;}
.index-page .box4 .con .icon{display: flex;align-items: center;}
.index-page .box4 .con .img-div{width: .49rem;height: .39rem;}
.index-page .box4 .con .icon>h3{font-size: .36rem;color:#000;width: calc(100% - .49rem);padding-left: .1rem;}
.index-page .box4 .con>p{font-size: .18rem;line-height: .3rem;margin: .15rem 0 .35rem;}
.index-page .box4 .child{display: flex;flex-wrap: wrap;margin-bottom: .4rem;max-height: 3.6rem;}
.index-page .box4 .child>a{border: 1px solid transparent;line-height: .48rem;width: calc(25% - .09rem);margin: 0 .12rem .1rem 0;background: rgba(255,255,255,.5);border-radius: .1rem;font-size: .18rem;text-align: center;transition: .3s;padding: 0 .1rem;}
.index-page .box4 .child>a:nth-child(4n){margin-right: 0;}
.index-page .box4 .swiper-container{display: none}

.index-page .box5{padding: .7rem 0 1.1rem}
.index-page .box5 .tits{display: flex;align-items: center;margin-bottom: .4rem;}
.index-page .box5 .tit{flex:1;padding-right: 1rem;}
.index-page .box5 .con{position: relative;height: 9.3rem;}
.index-page .box5 .imgs{position: relative;height: 100%;}
.index-page .box5 .imgs .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 1s;}
.index-page .box5 .imgs .img.active{opacity: 1;z-index: 2;}
.index-page .box5 .con .width{position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;z-index: 3;display: flex;padding-top: 1.2rem;justify-content: flex-end}
.index-page .box5 ul{width: 46.87%;}
.index-page .box5 li{width: calc(50% - .15rem);background: #fff;border-radius: .2rem;transition: .3s;margin-bottom: .3rem;padding: .4rem .5rem 0;height: 3rem;float:left;overflow: hidden;}
.index-page .box5 li::after{content:'';width:1.9rem;height: 1.6rem;background: url(../images/7.png) no-repeat left bottom/2.39rem;top: 0;right: 0;position: absolute;transition: .3s;transform: scale(0);}
.index-page .box5 li:nth-child(2n+1){margin-right: .3rem;}
.index-page .box5 li:first-child{margin-top: .6rem;}
.index-page .box5 li:nth-of-type(4){margin-top: -.6rem;}
.index-page .box5 li .img-div{width: .54rem;height: .54rem;}
.index-page .box5 li>p:nth-of-type(1){font-size: .3rem;color:#000;margin: .1rem 0 .05rem;}
.index-page .box5 li>p:nth-of-type(2){font-size: .18rem;margin-bottom: .15rem;}
.index-page .box5 li>p:nth-of-type(3){font-size: .16rem;line-height: .24rem;}
.index-page .box5 li.active{background: #00a1e9;color:#fff}
.index-page .box5 li.active::after{transform: scale(1);}
.index-page .box5 li.active>p:nth-of-type(1){color:#fff}
.index-page .box5 .swiper-container{display: none}

.index-page .box6{padding-bottom: 1.2rem;}
.index-page .box6 .tits{display: flex;align-items: center;margin-bottom: .4rem;}
.index-page .box6 .tit{flex:1}
.index-page .box6 .tab{flex:1;display: flex;justify-content: flex-end;}
.index-page .box6 .tab>p{line-height: .6rem;border-radius: .3rem;padding: 0 .4rem;font-size: .18rem;transition: .3s;cursor: pointer;}
.index-page .box6 .tab>p.active{background: #00a1e9;color:#fff}
.index-page .box6 .con{height: 4.7rem;position: relative;}
.index-page .box6 .swiper-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
.index-page .box6 .swiper-container.active{opacity: 1;z-index: 3;}
.index-page .box6 .swiper-wrapper{z-index: 3;}
.index-page .box6 .swiper-slide{width: 4rem;margin-right: .8rem;height: 2.7rem;}
.index-page .box6 .big{display: flex;height: 100%;position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}
.index-page .box6 .big .img-bg{width: 62.5%;border-radius: .2rem;}
.index-page .box6 .info{width: 37.5%;padding-left: .6rem;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.index-page .box6 .txt>p:nth-of-type(1){font-size: .18rem;color:#00a1e9}
.index-page .box6 .txt>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;}
.index-page .box6 .txt>a>h3{font-size: .32rem;color:#000;line-height: .4rem;margin: .05rem 0 .4rem;}
.index-page .box6 .small{width: 100%;height: 100%;position: absolute;top: 0;left: 0;width: 100%;opacity: .5;border-radius: .2rem;}
.index-page .box6 .swiper-slide-active{width: 11.2rem;height: 4.7rem;opacity: 1;}
.index-page .box6 .swiper-slide-active .big{opacity: 1;}
.index-page .box6 .swiper-slide-active .small{opacity: 0;}
.index-page .box6 .arrow{position: absolute;display: flex;width: 33.75%;height: .5rem;right: 0;bottom: .05rem;justify-content: flex-end;right: 5%;z-index: 2;}
.index-page .box6 .arrow::before{content:'';width: calc(100% - 1.4rem);height: 1px;background: #e5e5e5;position: absolute;top: .25rem;left: 0;}
.index-page .box6 .arrow>div{width: .48rem;height: .48rem;border-radius: 50%;border: .02rem solid #00a1e9;background: url(../images/arrow1-m.svg) no-repeat center center/.18rem;filter: grayscale(1);opacity: .6;transition: .3s;cursor: pointer;}
.index-page .box6 .prev{margin-right: .2rem;transform: rotate(180deg);}

@media (max-width:1024px){
    .index-head{height: 1.2rem;}
    .index-page .tit{text-align: center;}
    .index-page .tit>h2{font-size: .4rem;line-height: .6rem;margin-bottom: .1rem;}
    .index-page .tit>p{font-size: .44rem;line-height: .64rem;}
    .index-page .tit.sm>p{font-size: .44rem;line-height: .64rem;}

    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 video{display: none;}
    .index-page .box1 .width{top: 25%;text-align: center;}
    .index-page .box1 .info>h1,.index-page .box1 .info>span{font-size: .5rem;line-height: .7rem;}
    .index-page .box1 .info>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .55rem;}
    .index-page .box1 .btn{justify-content: center;}
    .index-page .box1 .more{margin-right: .2rem;}
    .index-page .box1 .swiper-pagination {bottom:.4rem;}
    .index-page .box1 .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 20px;}
    .index-page .box1 .swiper-pagination-bullet::after{width: 30px;height: 30px;}
    .index-page .box1 .swiper-pagination svg{width: 30px;height: 30px;}
    .index-page .box1 .swiper-pagination circle{cx: 15px;cy: 15px;r: 15px;}

    .index-page .box2{padding: 1rem 0;background:none !important}
    .index-page .box2 .con{display: block;height: auto;margin-bottom: .85rem;}
    .index-page .box2 .info{width: 100%;text-align: center;}
    .index-page .box2 .info>p{font-size: .28rem;line-height: .48rem;}
    .index-page .box2 .info ul{margin: .6rem 0;}
    .index-page .box2 .info ul::after{width: calc(100% + .6rem);height: 1px;background: #eee;position: absolute;bottom: .3rem;left: -.3rem;content:'';}
    .index-page .box2 .info li{margin-right: .21rem;width: calc(100% / 3 - .14rem);position: relative;z-index:2}
    .index-page .box2 .info li::after{content:'';width: .16rem;height: .16rem;bottom: .22rem;}
    .index-page .box2 .info li>p:nth-of-type(1){font-size: .24rem;}
    .index-page .box2 .info li>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;margin-right: .05rem;}
    .index-page .box2 .info li>p:nth-of-type(2){font-size: .28rem;margin: .1rem 0 .2rem;}
    .index-page .box2 .img-div{width: .6rem;height: .6rem}
    .index-page .box2 .pic{width: 100%;position: relative}
    .index-page .box2 .img-bg{height: auto;}
    .index-page .box2 .img{padding-bottom: 106.66%;}
    .index-page .box2 .arrow{display: none;}
    .index-page .box2 .brand{width: 95%;height: 1.07rem;left: 2.5%;background-size: 100%;bottom: .2rem;}
    .index-page .box2 .brand::before{display: none;}
    .index-page .box2 .years{position: relative;}
    .index-page .box2 #waveCanvas{height: 1rem}
    .index-page .box2 .swiper-container{padding: .15rem .4rem .15rem .9rem}
    .index-page .box2 .swiper-container:nth-of-type(2){padding: 2.2rem .4rem .15rem .9rem;}
    .index-page .box2 .swiper-slide{width: 80%;height: 3.1rem;padding: .5rem .4rem 0;margin-right: 1rem}
    .index-page .box2 .swiper-slide::before{width: .1rem;height: .1rem;left: -.4rem;}
    .index-page .box2 .swiper-slide::after{height: 3rem;top: .25rem;left: -.37rem;}
    .index-page .box2 .swiper-container:nth-of-type(2) .swiper-slide::after{bottom: .25rem;}
    .index-page .box2 .swiper-slide>p:nth-of-type(1){font-size: .5rem;line-height: .5rem;margin-bottom: .15rem;}
    .index-page .box2 .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-height: 1.44rem}
    .index-page .box2 .swiper-arrow>div{top: calc(50% - .35rem);right: .3rem;width: .7rem;height: .7rem;background-size:.3rem}
    .index-page .box2 .prev{left: .3rem}

    .index-page .box3 .imgs{display: none;}
    .index-page .box3 .width{position: static;transform: translateX(0)}
    .index-page .box3 .tit{max-width: 100%;margin: 0 0 .4rem;}
    .index-page .box3 .cons{display: none;}
    .index-page .box3 ul{display: none}
    .index-page .box3 .swiper-container{display: block;border-radius: .2rem;}
    .index-page .box3 .swiper-slide{border-radius: .2rem;overflow: hidden;}
    .index-page .box3 .swiper-slide::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;}
    .index-page .box3 .img{padding-bottom: 117.18%;}
    .index-page .box3 .info{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;padding: 1rem .4rem;}
    .index-page .box3 .icon{display: flex;align-items: center;}
    .index-page .box3 .img-div{width: .77rem;height: .81rem;margin-right: .15rem;}
    .index-page .box3 .icon>h3{flex:1;color:#00a1e9;font-size: .36rem;}
    .index-page .box3 .info>p:nth-of-type(1){font-size: .32rem;margin: .2rem 0 .15rem;}
    .index-page .box3 .info>p:nth-of-type(2){font-size: .28rem;line-height:.48rem;margin-bottom: .4rem;}
    .index-page .box3 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .index-page .box3 .swiper-pagination-bullet-active{background: #00a1e9;}

    .index-page .box4 .tits{display: block;padding: 1rem 0 .4rem;}
    .index-page .box4 .tit{width: 100%;}
    .index-page .box4 .tabs{display: none}
    .index-page .box4 .cons{display: none;}
    .index-page .box4 .swiper-container{display: block;}
    .index-page .box4 .img{padding-bottom: 60%;border-radius: .2rem;margin-bottom: .4rem;}
    .index-page .box4 .icon{display: flex;align-items: center;}
    .index-page .box4 .img-div{width: .69rem;height: .59rem;}
    .index-page .box4 .icon>h3{font-size: .36rem;color:#000;width: calc(100% - .69rem);padding-left: .2rem;}
    .index-page .box4 .swiper-slide>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .35rem;}
    .index-page .box4 .child{margin-bottom: .5rem;max-height: 4.5rem;padding-right: .1rem;}
    .index-page .box4 .child>a{border: 1px solid #eee;line-height: .7rem;width: calc(50% - .1rem);margin: 0 .2rem .2rem 0;font-size: .28rem;padding: 0 .2rem;}
    .index-page .box4 .child>a:nth-child(4n){margin-right: .2rem;}
    .index-page .box4 .child>a:nth-child(2n){margin-right: 0;}
    .index-page .box4 .inline{display: flex;justify-content: center;}
    .index-page .box4 .swiper-pagination{position: static;margin-top: .3rem;}
    .index-page .box4 .swiper-pagination-bullet-active{background: #00a1e9;}

    .index-page .box5{padding: 1rem 0}
    .index-page .box5 .tits{display: block;margin-bottom: .6rem;}
    .index-page .box5 .tit{padding: 0 0 .3rem;}
    .index-page .box5 .inline{display: flex;justify-content: center;}
    .index-page .box5 .con{display: none;}
    .index-page .box5 .swiper-container{display: block;border-radius: .2rem;}
    .index-page .box5 .swiper-slide{border-radius: .2rem;padding-bottom: 100%;overflow: hidden;}
    .index-page .box5 .info{background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);position: absolute;left: 0;bottom: 0;width: 100%;padding: 20% .4rem 1rem;color:#fff;text-align: center;}
    .index-page .box5 .info .img-div{width: .74rem;height: .74rem;}
    .index-page .box5 .info>p:nth-of-type(1){font-size: .4rem;margin: 0 0 .1rem;}
    .index-page .box5 .info>p:nth-of-type(2){font-size: .36rem;margin-bottom: .15rem;}
    .index-page .box5 .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;}
    .index-page .box5 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .index-page .box5 .swiper-pagination-bullet-active{background: #00a1e9;}

    .index-page .box6{padding-bottom: 1rem;}
    .index-page .box6 .tits{display: block;margin-bottom: .6rem;}
    .index-page .box6 .tab{white-space: nowrap;overflow: auto hidden;justify-content: center;margin-top: .4rem;}
    .index-page .box6 .tab>p{line-height: .7rem;border-radius: .6rem;padding: 0 .3rem;font-size: .26rem;}
    .index-page .box6 .con{height: auto;width: calc(100% - .6rem);margin: 0 auto;}
    .index-page .box6 .swiper-container.active{position: static;}
    .index-page .box6 .swiper-slide{width: 100%;margin-right: 0;height: auto;}
    .index-page .box6 .big{display: block;height: auto;position: static;opacity: 1;}
    .index-page .box6 .big .img-bg{width: 100%}
    .index-page .box6 .img{padding-bottom: 67.14%;}
    .index-page .box6 .info{width: 100%;padding: .4rem 0 0;}
    .index-page .box6 .txt>p:nth-of-type(1){font-size: .28rem;}
    .index-page .box6 .txt>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .3rem;}
    .index-page .box6 .txt>a>h3{line-height: .52rem;margin: .15rem 0 .2rem;}
    .index-page .box6 .small{display: none;}
    .index-page .box6 .swiper-slide-active{width: 100%;height: auto}
    .index-page .box6 .arrow{display: none;}
    .index-page .box6 .swiper-pagination-bullet-active{background: #00a1e9;}
}

@media (max-width:480px){
    .index-page .box1 .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 15px;}
    .index-page .box1 .swiper-pagination-bullet::after{width: 22px;height: 22px;}
    .index-page .box1 .swiper-pagination svg{width: 22px;height: 22px;}
    .index-page .box1 .swiper-pagination circle{cx: 11px;cy: 11px;r: 11px;}
}

@media (any-hover:hover){
    .index-page .box2 .swiper-arrow>div:hover{background-color: #00a1e9;background-image: url(../images/arrow1-w.svg);}

    .index-page .box4 .child>a:hover{border-color: #00a1e9;color:#00a1e9}

    .index-page .box6 .txt>a>h3:hover{color:#00a1e9}
    .index-page .box6 .arrow>div:hover{opacity: 1;filter: grayscale(0);}
}

/* 关于 */
.about-page .tit>h2{font-size: .48rem;line-height: .58rem;color:#000}
.about-page .tit>p{font-size: .24rem;line-height: .34rem;margin-top: .15rem;}
.about-page .tit>div{font-size: .18rem;line-height: .3rem}

.about-page .box1{background: linear-gradient(to bottom,transparent,#e4f1f6);padding-top: .9rem;}
.about-page .box1 .info{display: flex;margin-bottom: .4rem;}
.about-page .box1 .tit:nth-of-type(1){width: 42.85%;padding-right: 1rem;}
.about-page .box1 .tit:nth-of-type(2){flex:1}
.about-page .box1 .icon{display: flex;}
.about-page .box1 .icon>.img-div{width: 73.57%;align-items: flex-end;padding: 0 .6rem 0 .8rem;}
.about-page .box1 ul{flex:1;}
.about-page .box1 li{display: flex;margin-bottom: .55rem;}
.about-page .box1 li:nth-child(2n){margin-left: 1.35rem;}
.about-page .box1 li .img-div{width: .59rem;height: .54rem;margin-right: .2rem;}
.about-page .box1 .txt{flex:1}
.about-page .box1 .txt>p:nth-of-type(1){display: flex;align-items: flex-end;color:#00a1e9;font-size: .18rem;}
.about-page .box1 .txt>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;text-align: center;line-height: .45rem;}
.about-page .box1 .txt>p:nth-of-type(2){font-size: .18rem;margin: .15rem 0 0 .05rem;}

.about-page .box2{height: 9.3rem;display: flex;background-attachment: fixed;}
.about-page .box2 ul{flex:1;display: flex;flex-wrap: wrap;}
.about-page .box2 ul:nth-of-type(1){border-right: 1px solid rgba(255,255,255,.2);}
.about-page .box2 ul li{width: 50%;display: flex;flex-direction: column;justify-content: flex-end;color:#fff;padding: .7rem;}
.about-page .box2 ul li:nth-of-type(1){width: 100%;padding-right: 2.1rem;}
.about-page .box2 ul:nth-of-type(1) li{padding-left: 1rem;}
.about-page .box2 ul:nth-of-type(2) li{height: 50%;}
.about-page .box2 ul:nth-of-type(2) li:nth-of-type(1){border-bottom: 1px solid rgba(255,255,255,.2);}
.about-page .box2 ul:nth-of-type(2) li:nth-of-type(2){border-right: 1px solid rgba(255,255,255,.2);}
.about-page .box2 .img-div{width: .53rem;height: .51rem;}
.about-page .box2 ul li>p{font-size: .24rem;line-height: .34rem;margin: .25rem 0 .15rem;}
.about-page .box2 ul li>h3{font-size: .3rem;line-height: .42rem;min-height: .84rem;}

.about-page .box3{padding:1.3rem 0 1.15rem;}
.about-page .box3 .width{display: flex;justify-content: space-between;}
.about-page .box3 .tit{width: 44.28%;padding-top: .7rem;}
.about-page .box3 .tit>div{max-height: 1.5rem;padding-right: .05rem;margin-top: .5rem;}
.about-page .box3 .img-bg{width: 6.8rem;overflow: visible;position: relative;height: 6.07rem;}
.about-page .box3 .img-bg::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/10.png) no-repeat center center/cover;}
.about-page .box3 .brand{width: 11.86rem;height: 1.09rem;background: url(../images/11.png) no-repeat center center/100%;position: absolute;bottom:.55rem;left: -8.47rem;z-index: 2;transition: .5s;transform: scale(0);}
.about-page .box3 .brand.active{transform: scale(1);}

.about-page .box4{position: relative;}
.about-page .box4 .tit{position: absolute;top: .9rem;left: 50%;transform: translateX(-50%);}
.about-page .box4 .tit>h2{text-align: center;color:#fff;}
.about-page .box4 .swiper-container{height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
.about-page .box4 .circle{position: absolute;top: 0;left: 0;width: .12rem;height: .12rem;background: #fff;border-radius: 50%;transition: .3s;top: 45%;left: 50%;}
.about-page .box4 .circle::after{content:'';width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 50%;animation: about-box4 1s linear infinite;}
.about-page .box4 .swiper-slide.pos2 .circle{top: 38.3%;left: 47%;}
.about-page .box4 .swiper-slide.pos3 .circle{top: 42.9%;left: 47%;}
.about-page .box4 .swiper-slide.pos4 .circle{top: 54.4%;left: 47%;}
.about-page .box4 .swiper-slide.pos5 .circle{top: 58.6%;left: 47%;}
.about-page .box4 .swiper-slide.pos6 .circle{top: 51.5%;left: 50%;}
.about-page .box4 .circle>p{font-size: .24rem;color:#fff;position: absolute;bottom: .25rem;left: 50%;transform: translateX(-50%);}
.about-page .box4 .hover{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);width: 3.6rem;border-radius: .1rem;background: #00a1e9;z-index: 2;transition: .5s;}
.about-page .box4 .swiper-slide.pos1 .hover{left: calc(50% + .5rem)}
.about-page .box4 .swiper-slide.pos6 .hover{left: calc(50% - .5rem);}
.about-page .box4 .hover.active{transform: translate(-50%,-50%) scale(1)}
.about-page .box4 .img-bg{height: 1.8rem;border-radius: .1rem .1rem 0 0;}
.about-page .box4 .info{color:#fff;padding: .25rem .3rem .4rem .4rem;}
.about-page .box4 .info>p:nth-of-type(1){font-size: .3rem;line-height: .3rem;margin-bottom: .1rem;}
.about-page .box4 .info>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;max-height: 1.2rem;padding-right: .05rem;}
.about-page .box4 .myscroll::-webkit-scrollbar-thumb{background: #fff}
.about-page .box4 .myscroll::-webkit-scrollbar-track{background:rgba(255,255,255,.5)}

.about-page .box5{padding: 1.1rem 0 1.2rem;}
.about-page .box5 .tit{display: flex;margin-bottom: .5rem;}
.about-page .box5 .tit>h2{width: 38.21%;padding-right: 1rem;}
.about-page .box5 .tit>div{flex:1}
.about-page .box5 .con{display: flex;justify-content: space-between;}
.about-page .box5 .tab{width: 37.85%;max-height: 5.05rem;padding-right: .5rem;}
.about-page .box5 .tab>h3{font-size: .2rem;line-height: 1rem;border-bottom: .01rem solid #e5e5e5;padding-right: .6rem;transition: .3s;cursor: pointer;position: relative;}
.about-page .box5 .tab>h3::after{content:'';width: .3rem;height: .3rem;border-radius: 50%;background: #00a1e9 url(../images/arrow1-w.svg) no-repeat center center/.2rem;position: absolute;right: .2rem;top: .35rem;opacity: 0;transition: .3s;}
.about-page .box5 .tab>h3.active{color:#00a1e9;border-color: #00a1e9;}
.about-page .box5 .tab>h3.active::after{opacity: 1;right: 0;}
.about-page .box5 .myscroll::-webkit-scrollbar{width:.05rem;height:.05rem;}
.about-page .box5 .myscroll::-webkit-scrollbar-thumb{background: #00a1e9}
.about-page .box5 .myscroll::-webkit-scrollbar-track{background:#e5e5e5}
.about-page .box5 .swiper-container{width: 57.14%;margin: 0;}
.about-page .box5 .img-bg{border-radius: .2rem;margin-bottom: .25rem;}
.about-page .box5 .img{padding-bottom: 53.75%;}
.about-page .box5 .swiper-slide{opacity: 0 !important;}
.about-page .box5 .swiper-slide-active{opacity: 1 !important;}
.about-page .box5 .swiper-slide>p{font-size: .2rem;line-height: .3rem;color:#000}

@keyframes about-box4 {
    to{transform: translate(-50%,-50%) scale(2.5);opacity: 0;}
}

@media (max-width:1024px){
    .about-page .tit{text-align: center;}
    .about-page .tit>h2{font-size: .44rem;line-height: .64rem;}
    .about-page .tit>p{font-size: .32rem;line-height: .52rem;margin-top: .15rem;}
    .about-page .tit>div{font-size: .28rem;line-height: .48rem;text-align: left;}

    .about-page .box1{padding-top: 1rem;}
    .about-page .box1 .info{display: block;margin-bottom: .6rem;}
    .about-page .box1 .tit:nth-of-type(1){width: 100%;padding:0 0 .2rem;}
    .about-page .box1 .icon{flex-wrap: wrap;}
    .about-page .box1 .icon>.img-div{width: 100%;padding: 0;order:2}
    .about-page .box1 ul{display: flex;margin-bottom: .6rem;}
    .about-page .box1 li{display: block;margin: 0 .21rem 0 0;width: calc(100% / 3 - .14rem);}
    .about-page .box1 li:nth-child(2n){margin-left: 0;}
    .about-page .box1 li:last-child{margin-right: 0;}
    .about-page .box1 li .img-div{width: .79rem;height: .74rem;margin: 0 auto .2rem;}
    .about-page .box1 .txt>p:nth-of-type(1){justify-content: center;font-size: .24rem;}
    .about-page .box1 .txt>p:nth-of-type(1)>span:nth-of-type(1){line-height: .6rem;width: auto !important;margin-right: .1rem;}
    .about-page .box1 .txt>p:nth-of-type(2){font-size: .28rem;text-align: center;}

    .about-page .box2{height: auto;display: block;padding: .4rem 0;}
    .about-page .box2 ul{display: block;}
    .about-page .box2 ul:nth-of-type(1){border-bottom: 1px solid rgba(255,255,255,.2);border-right: 0;}
    .about-page .box2 ul li{width: 100%;display: block;padding: .8rem .4rem;text-align: center;}
    .about-page .box2 ul li:nth-of-type(1){padding-right: .4rem;}
    .about-page .box2 ul:nth-of-type(1) li{padding-left: .4rem;}
    .about-page .box2 ul:nth-of-type(2) li{height: auto;}
    .about-page .box2 ul:nth-of-type(2) li:nth-of-type(2){border-bottom: 1px solid rgba(255,255,255,.2);border-right: 0;}
    .about-page .box2 .img-div{width: .73rem;height: .71rem;margin: 0 auto;}
    .about-page .box2 ul li>p{font-size: .32rem;line-height: .52rem;margin: .4rem 0 .15rem;}
    .about-page .box2 ul li>h3{font-size: .36rem;line-height: .56rem;min-height: 0;}

    .about-page .box3{padding:1rem 0;}
    .about-page .box3 .width{display: block}
    .about-page .box3 .tit{width: 100%;padding: 0 0 .6rem;}
    .about-page .box3 .tit>div{max-height: 10000rem;padding-right: 0;margin-top: .2rem;}
    .about-page .box3 .img-bg{width: 100%;overflow: visible;position: relative;height: auto;}
    .about-page .box3 .img{padding-bottom: 89.26%;}
    .about-page .box3 .brand{width: 100%;background-image: url(../images/11-m.png);bottom:.3rem;left: 0;}

    .about-page .box4{background: url(../images/12-m.jpg) no-repeat center center/cover;padding:1rem 0}
    .about-page .box4 .tit{position: static;transform: translateX(0);}
    .about-page .box4 .swiper-container{height: auto;position: static;width: calc(100% - .6rem);margin: .5rem auto 0;border-radius: .1rem;}
    .about-page .box4 .circle{position: static;width: auto;height: auto;background: none;border-radius: 0}
    .about-page .box4 .circle::after{display: none;}
    .about-page .box4 .circle>p{display: none;}
    .about-page .box4 .hover{position: static;transform: translate(0,0) scale(1);width: 100%;}
    .about-page .box4 .hover.active{transform: translate(0,0) scale(1)}
    .about-page .box4 .img-bg{height: auto}
    .about-page .box4 .img{padding-bottom: 50%;}
    .about-page .box4 .info{padding: .4rem .4rem .5rem;text-align: center;}
    .about-page .box4 .info>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;margin-bottom: .15rem;}
    .about-page .box4 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-height: 10000rem;padding-right: 0;}
    .about-page .box4 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .about-page .box4 .swiper-pagination-bullet-active{background: #00a1e9;}
    .about-page .box4 .pc{display: none;}

    .about-page .box5{padding: 1rem 0;}
    .about-page .box5 .tit{display: block;}
    .about-page .box5 .tit>h2{width: 100%;padding-right: 0;margin-bottom: .15rem;}
    .about-page .box5 .con{display: block}
    .about-page .box5 .tab{display: none;}
    .about-page .box5 .swiper-container{width: 100%;}
    .about-page .box5 .img-bg{margin-bottom: .3rem;}
    .about-page .box5 .swiper-slide{opacity: 1 !important;}
    .about-page .box5 .swiper-slide>p{font-size: .28rem;line-height: .48rem;text-align: center;}
    .about-page .box5 .swiper-pagination{position: static;margin-top: .3rem;text-align: center;}
    .about-page .box5 .swiper-pagination-bullet{margin:0 .06rem}
    .about-page .box5 .swiper-pagination-bullet-active{background: #00a1e9;}
}

/* 优势 */
.advantage-page{padding: 1rem 0 .2rem;}
.advantage-page li{margin-bottom: .8rem;position: relative;display: flex;}
.advantage-page .img-bg{height: 5.5rem;width: 68.57%;border-radius: .2rem;}
.advantage-page .info{position: absolute;height: 4.6rem;top: .45rem;right: 0;width: 50%;border-radius: .2rem;background: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);display: flex;flex-direction: column;justify-content: center;padding: 0 .6rem 0 .8rem;}
.advantage-page .img-div{width: .54rem;height: .54rem;}
.advantage-page .info>h3{font-size: .3rem;line-height: .4rem;color:#000;margin: .15rem 0 .05rem;}
.advantage-page .info>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;color:#000;margin-bottom: .15rem;}
.advantage-page .info>p:nth-of-type(2){font-size: .18rem;line-height: .32rem;max-height: 1.6rem;padding-right: .05rem;}
.advantage-page li:nth-child(2n){justify-content: flex-end;}
.advantage-page li:nth-child(2n) .info{right: auto;left: 0;}

@media (max-width:1024px){
    .advantage-page{padding: 1rem 0 .4rem;}
    .advantage-page li{margin-bottom: .6rem;display: block;}
    .advantage-page .img-bg{height: auto;width: 100%;}
    .advantage-page .img{padding-bottom: 57.29%;}
    .advantage-page .info{position: relative;height: auto;width: 95%;display: block;padding: .8rem .4rem .6rem;margin: -.8rem auto 0;top: 0;text-align: center;}
    .advantage-page .img-div{width: 1rem;height: 1rem;margin: 0 auto;}
    .advantage-page .info>h3{font-size: .4rem;line-height: .6rem;margin: .25rem 0 .1rem;}
    .advantage-page .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;}
    .advantage-page .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-height: 10000rem;padding-right: 0;}
}

/* 新闻 */
.news-page.list{padding: 1rem 0;}
.news-page.list .cate{display: flex;justify-content: center;margin-bottom: .6rem;}
.news-page.list .cate>a{font-size: .18rem;border: 1px #eee solid;border-radius: .3rem;line-height: .58rem;transition: .3s;padding: 0 .45rem;margin-right: .2rem}
.news-page.list .cate>a.active{background: #00a1e9;color:#fff;border-color: #00a1e9;}
.news-page.list .cate>a:last-child{margin-right: 0;}

.news-page.list .swiper-container{margin-bottom: .55rem;border-radius: .2rem;}
.news-page.list .swiper-slide{display: flex}
.news-page.list .img-bg{border-radius: .2rem;width: 50%;}
.news-page.list .img{padding-bottom: 67.14%;}
.news-page.list .swiper-slide .info{width:50%;padding: 0 1.2rem 0 .8rem;}
.news-page.list .swiper-slide .info>p:nth-of-type(1){font-size: .18rem;color:#00a1e9;margin: .75rem 0 .05rem;}
.news-page.list .swiper-slide .info>p:nth-of-type(1)>span:nth-of-type(1){margin-right: .3rem;}
.news-page.list .swiper-slide .info h2{font-size: .32rem;color:#000}
.news-page.list .swiper-slide .info>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;margin: .25rem 0 .55rem;}
.news-page.list .swiper-pagination{width: 50%;right: 0;left: auto;text-align: left;padding-left: .8rem;bottom: .35rem;}
.news-page.list .swiper-pagination-bullet-active{background: #00a1e9;}

.news-page.list li{display: flex;position: relative;border-bottom: 1px #eee solid;padding: .35rem 0;align-items: center;}
.news-page.list li .info{width: 83%;}
.news-page.list li .info>p:nth-of-type(1){font-size: .16rem;color:#666}
.news-page.list li .info>h3{font-size: .24rem;color:#000;margin: .1rem 0 .15rem;}
.news-page.list li .info>p:nth-of-type(2){font-size: .18rem;line-height: .32rem;}
.news-page.list li>p{flex:1;text-align: right;font-size: .16rem;color:#666}
.news-page.list .page{padding-top: .5rem;}

.news-page.detail{padding: .9rem 0 1rem;}
.news-page.detail>h2{text-align: center;font-size: .36rem;color:#000;line-height: .52rem;margin-bottom: .25rem;}
.news-page.detail>p{font-size: .18rem;margin-bottom:.45rem;text-align: center;}
.news-page.detail>p>span{margin-right: .4rem;}
.news-page.detail>p>span:last-child{margin-right: 0;}
.news-page.detail .content{border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding: .45rem 0 .65rem;margin-bottom: .5rem;}
.news-page.detail .content p{font-size: .16rem;line-height: .3rem;}
.news-page.detail .jump{display: flex;align-items: center;justify-content: space-between;}
.news-page.detail .info{width: 60%;}
.news-page.detail .info>a{font-size: .18rem;line-height: .36rem;}
.news-page.detail .jump>a{line-height: .6rem;font-size: .16rem;color:#fff;border-radius: .3rem;background: #00a1e9;transition: .3s;padding: 0 .55rem;}

@media (max-width:1024px){
    .news-page.list{padding:.8rem 0 1rem}
    .news-page.list .cate{flex-wrap: wrap;}
    .news-page.list .cate>a{font-size: .28rem;border-radius: .6rem;line-height: .7rem;padding: 0 .4rem;margin: 0 .2rem .2rem 0;width: calc(50% - .1rem);text-align: center;}
    .news-page.list .cate>a:nth-child(2n){margin-right: 0;}

    .news-page.list .swiper-slide{display: block}
    .news-page.list .img-bg{width: 100%;}
    .news-page.list .swiper-slide .info{width:100%;padding: .4rem 0 0;}
    .news-page.list .swiper-slide .info>p:nth-of-type(1){font-size: .28rem;margin: 0 0 .1rem;}
    .news-page.list .swiper-slide .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .2rem 0 .3rem;}
    .news-page.list .swiper-pagination{width: auto;text-align: right;padding: 0 .2rem 0 0;bottom: .2rem;}

    .news-page.list li{display: block;padding: .4rem 0;}
    .news-page.list li .info{width: 100%;}
    .news-page.list li .info>p:nth-of-type(1){font-size: .28rem}
    .news-page.list li .info>h3{font-size: .32rem;}
    .news-page.list li .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .15rem;}
    .news-page.list li>p{text-align: left;font-size: .28rem}

    .news-page.detail{padding: .8rem 0 1rem;}
    .news-page.detail>h2{font-size: .32rem;}
    .news-page.detail>p{font-size: .28rem}
    .news-page.detail .content p{font-size: .28rem;line-height: .52rem;}
    .news-page.detail .jump{display: block}
    .news-page.detail .info{width: 100%;margin-bottom: .4rem;}
    .news-page.detail .info>a{font-size: .28rem;line-height: .48rem;}
    .news-page.detail .jump>a{line-height: .8rem;font-size: .28rem;border-radius: .6rem;padding: 0 .55rem;display: inline-block;}
}

@media (any-hover:hover){
    .news-page.list .cate>a:hover{background: #00a1e9;color:#fff;border-color: #00a1e9;}
    .news-page.list .swiper-slide .info h2:hover{color:#00a1e9}
    .news-page.list li:hover .info>h3{color:#00a1e9}
    .news-page.detail .info>a:hover{color:#00a1e9}
    .news-page.detail .jump>a:hover{opacity: .8;}
}

/* 服务 */
.service-page.list{padding-bottom: 1.2rem;}
.service-page.list li{display: flex;padding-top: 1.2rem;}
.service-page.list .img-bg{width: 51.42%;height: 6.4rem;border-radius: .2rem;}
.service-page.list .info{flex:1;min-height: 6.4rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding-left: .9rem;}
.service-page.list .img-div{width: .68rem;height: .62rem;}
.service-page.list .info>h2{font-size: .48rem;line-height: .58rem;color:#000;margin: .15rem 0;}
.service-page.list .info>p{font-size: .18rem;line-height: .32rem;margin-bottom: .45rem;}
.service-page.list li:nth-child(2n) .img-bg{order:2}
.service-page.list li:nth-child(2n) .info{padding: 0 .9rem 0 0;}
.service-page.list .child{display: flex;flex-wrap: wrap;}
.service-page.list .child>a{line-height: .48rem;min-width: 1.4rem;text-align: center;padding: 0 .2rem;border-radius: .1rem;border: 1px #eee solid;font-size: .18rem;margin: 0 .1rem .1rem 0;transition: .3s;}

.service-page.detail{padding: 1rem 0;display: flex;align-items: flex-start;justify-content: space-between;}
.service-page.detail .cate{width: 24.28%;background: #f6f9fb;border-radius: .1rem;overflow: hidden;}
.service-page.detail .cate>p{font-size: .2rem;line-height: .7rem;color: #fff;background: #00a1e9;padding: 0 .4rem;}
.service-page.detail .cate ul{padding: .1rem .4rem .6rem;}
.service-page.detail .cate li{border-bottom: 1px solid #e5e5e5;padding: .25rem 0;transition: .3s;}
.service-page.detail .cate li>a{padding-right: .25rem;position: relative;}
.service-page.detail .cate li>a::after{content:'';width: .18rem;height: .18rem;background: url(../images/arrow1-m.svg) no-repeat center center/100%;position: absolute;right: 0;top: .05rem;transition: .3s;filter: grayscale(1);}
.service-page.detail .cate li>a>h2{font-size: .18rem;}
.service-page.detail .cate .child{display: none;padding: .15rem 0 .05rem;}
.service-page.detail .cate .child>a>h2{font-size: .16rem;line-height: .48rem;color:#666}
.service-page.detail .cate li.open>a::after{transform: rotate(90deg);}
.service-page.detail .cate li.active{border-color: #00a1e9;}
.service-page.detail .cate li.active>a::after{filter: grayscale(0);}
.service-page.detail .cate li.active>a>h2{color:#00a1e9}
.service-page.detail .cate .child>a.active>h2{color:#00a1e9}

.service-page.detail h3{border-bottom: .02rem #eee solid;}
.service-page.detail h3>span{font-size: .24rem;color: #000;border-bottom: .02rem solid #00a1e9;display: inline-block;padding-bottom: .1rem;margin-bottom: -.02rem;}
.service-page.detail .con{width: 70%;}

.service-page.detail .box1{display: flex;align-items: flex-start;}
.service-page.detail .box1 .img-bg{width: 47.95%;border-radius: .2rem;}
.service-page.detail .box1 .img{padding-bottom: 87.67%;}
.service-page.detail .box1 .info{flex:1;padding-left: .7rem;}
.service-page.detail .box1 .info>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;color:#000;margin: .1rem 0;}
.service-page.detail .box1 .info>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;border-bottom: 1px #eee solid;padding-bottom: .2rem;}
.service-page.detail .box1 .info>p:nth-of-type(3){font-size: .2rem;color:#000;margin: .2rem 0 .1rem;}
.service-page.detail .box1 .info>p:nth-of-type(4){font-size: .18rem;line-height: .32rem;margin-bottom: .3rem;}
.service-page.detail .box1 .inline>a{display: flex;align-items: center;height: .48rem;border-radius: .25rem;color:#fff;padding: 0 .3rem;overflow: hidden;background: #00a1e9;}
.service-page.detail .box1 .inline>a>span{transition: .3s;}
.service-page.detail .box1 .inline>a>span:nth-of-type(1){width: .22rem;height: 100%;background: url(../images/13.png) no-repeat center center/100%;margin-right: .1rem;}

.service-page.detail .box2{padding-top: .55rem;}
.service-page.detail .box2 .content{margin-top: .3rem;}
.service-page.detail .box2 .content p{font-size: .18rem;line-height: .36rem;}

.service-page.detail .box3{padding-top: .8rem;}
.service-page.detail .box3 .info{display: flex;height: 5rem;border: 1px #eee solid;border-radius: .2rem;margin-top: .3rem;overflow: hidden;}
.service-page.detail .box3 .items{width: 30.61%;position: relative;}
.service-page.detail .box3 .item{display: none;height: 100%;flex-direction: column;justify-content: center;padding: .6rem .35rem .6rem .4rem;}
.service-page.detail .box3 .item.active{display: flex;}
.service-page.detail .box3 .img-div{width: .44rem;height: .36rem;}
.service-page.detail .box3 .item>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#000;margin: .2rem 0;}
.service-page.detail .box3 .item>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;padding-right: .05rem;}
.service-page.detail .box3 .imgs{flex:1;position: relative;}
.service-page.detail .box3 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .8s;}
.service-page.detail .box3 .img.active{opacity: 1;z-index: 2;}
.service-page.detail .box3 ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;display: flex;}
.service-page.detail .box3 li{flex:1;border-right: 1px solid rgba(255,255,255,.2);position: relative;cursor: pointer;}
.service-page.detail .box3 li:last-child{border-right: 0;}
.service-page.detail .box3 li>p{padding: 2.45rem .2rem 0;text-align: center;font-size: .2rem;color:#fff}
.service-page.detail .box3 li>span{width: .06rem;height: .06rem;background: #fff;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);top: 2.05rem;transition: .3s;}
.service-page.detail .box3 li>span::before{width: .2rem;height: .2rem;border: 1px solid rgba(255,255,255,.5);border-radius: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;content:'';transition: .3s;}
.service-page.detail .box3 li>span::after{width: .36rem;height: .36rem;border: 1px solid rgba(255,255,255,.1);border-radius: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;content:'';transition: .3s;}
.service-page.detail .box3 li.active>span{width: .16rem;height: .16rem;top: 2rem;}
.service-page.detail .box3 li.active>span::before{width: 100%;height: 100%;animation: service-box3-1 1s linear infinite;}
.service-page.detail .box3 li.active>span::after{width: 100%;height: 100%;animation: service-box3-2 1s linear infinite;}
.service-page.detail .box3 .swiper-container{display: none;}

.service-page.detail .box4{padding-top: .7rem;}
.service-page.detail .box4 .info{margin-top: .4rem;position: relative;}
.service-page.detail .box4 .swiper-container{border-radius: .2rem;}
.service-page.detail .box4 .swiper-slide{border: 1px #e5e5e5 solid;border-radius: .2rem;overflow: hidden;}
.service-page.detail .box4 .img{padding-bottom: 66.17%;}
.service-page.detail .box4 .txt{padding: .35rem .4rem .4rem;}
.service-page.detail .box4 .txt>a{font-size: .24rem;color: #000;}
.service-page.detail .box4 .txt>p{font-size: .18rem;margin: .1rem 0 .3rem;}
.service-page.detail .box4 .a{display: flex;}
.service-page.detail .box4 .a>a{font-size: .16rem;color:#00a1e9;padding-right: .25rem;background: url(../images/arrow4-m.png) no-repeat right center/.14rem;transition: .3s;filter: grayscale(1);}
.service-page.detail .box4 .a>a:first-child{margin-right: .4rem;}
.service-page.detail .box4 .arrow{position: absolute;top: calc(50% - .24rem);right: -.6rem;width: .46rem;height: .46rem;border-radius: 50%;border: 1px #e5e5e5 solid;background: url(../images/arrow4.png) no-repeat center center/.14rem;cursor: pointer;transition: .3s;}
.service-page.detail .box4 .prev{right: auto;left: -.6rem;transform: rotate(180deg);}
.service-page.detail .box4 .swiper-button-disabled{cursor: auto;opacity: .5;}

.service-page.detail .box5{padding-top: .65rem;}
.service-page.detail .box5 ul{display: flex;justify-content: center;margin: .6rem 0 .4rem;}
.service-page.detail .box5 li{margin-right: .8rem;position: relative;}
.service-page.detail .box5 li::after{background: url(../images/arrow3.png) no-repeat center center/100%;width: .21rem;height: .08rem;content:'';position: absolute;top: .7rem;right: -.5rem;}
.service-page.detail .box5 li:last-child{margin-right: 0;}
.service-page.detail .box5 li:last-child::after{display: none;}
.service-page.detail .box5 .img-div{width: 1.44rem;height: 1.44rem;border-radius: 50%;background: #f6f9fb;position: relative;margin-bottom: .25rem;}
.service-page.detail .box5 .img-div::before{content:'';width: 1.62rem;height: 1.62rem;border-radius: 50%;border: 1px solid #f6f9fb;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.service-page.detail .box5 .img-div>img{max-width: 40%;max-height: 40%;}
.service-page.detail .box5 li>p{font-size: .24rem;text-align: center;}
.service-page.detail .box5 li:first-child>p{color:#00a1e9}
.service-page.detail .box5 form{border-radius: .2rem;border: 1px #eee solid;padding: .6rem .7rem .7rem;}
.service-page.detail .box5 form>p{font-size: .3rem;color: #00a1e9;}
.service-page.detail .box5 .items{display: flex;flex-wrap: wrap;margin: .35rem 0 .15rem;}
.service-page.detail .box5 .item{width: calc(100% / 3 - .2rem);margin: 0 .3rem .25rem 0;}
.service-page.detail .box5 .item:nth-child(3){margin-right: 0;}
.service-page.detail .box5 .item:last-child{width: 100%;margin-right: 0;}
.service-page.detail .box5 .item>p{font-size: .18rem;color:#666;margin-bottom: .15rem;}
.service-page.detail .box5 .item>p>span{color:#ed3434;margin-left: .05rem;}
.service-page.detail .box5 .item>input{transition: .3s;height: .6rem;width: 100%;border-radius: .05rem;border: 1px #eee solid;font-size: .16rem;}
.service-page.detail .box5 .item>input::placeholder{font-size: .16rem;}
.service-page.detail .box5 .item>input:focus{border-color: #00a1e9;}
.service-page.detail .box5 .item>textarea{transition: .3s;height: 1.2rem;width: 100%;border-radius: .05rem;border: 1px #eee solid;font-size: .16rem;}
.service-page.detail .box5 .item>textarea::placeholder{font-size: .16rem;}
.service-page.detail .box5 .item>textarea:focus{border-color: #00a1e9;}
.service-page.detail .box5 .btn{display: flex;}
.service-page.detail .box5 .btn>a{line-height: .48rem;border-radius: .25rem;font-size: .18rem;padding: 0 .35rem;background: #00a1e9;color:#fff;border: 1px solid #00a1e9;transition: .3s;}
.service-page.detail .box5 .btn>a:nth-of-type(2){margin-left: .2rem;border-color: #eee;background: none;color:#333}

.service-page.detail .box6{display: flex;align-items: flex-start;}
.service-page.detail .box6 .img-bg{width: 47.95%;border-radius: .2rem;}
.service-page.detail .box6 .img{padding-bottom: 87.67%;}
.service-page.detail .box6 .info{flex:1;padding-left: .7rem;}
.service-page.detail .box6 .txt{border-bottom: 1px #eee solid;padding-bottom: .15rem;}
.service-page.detail .box6 .txt>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;color:#000;}
.service-page.detail .box6 .txt>p:nth-of-type(2){font-size: .18rem;margin-top: .1rem;}
.service-page.detail .box6 ul{margin: .25rem 0;}
.service-page.detail .box6 li{display: flex;margin-bottom: .1rem;}
.service-page.detail .box6 li>p:nth-of-type(1){font-size: .2rem;width: 1.1rem;}
.service-page.detail .box6 li>p:nth-of-type(2){font-size: .18rem;line-height: .32rem;color:#666;flex:1}
.service-page.detail .box6 .inline>a{display: flex;align-items: center;height: .48rem;border-radius: .25rem;color:#fff;padding: 0 .3rem;overflow: hidden;background: #00a1e9;}
.service-page.detail .box6 .inline>a>span{transition: .3s;}
.service-page.detail .box6 .inline>a>span:nth-of-type(1){width: .22rem;height: 100%;background: url(../images/13.png) no-repeat center center/100%;margin-right: .1rem;}

.service-page.detail .box7{padding-top: .55rem;}
.service-page.detail .box7 ul{margin-top: .3rem;}
.service-page.detail .box7 li{margin-bottom: .2rem;border-radius: .1rem;overflow: hidden;border: 1px #eee solid;}
.service-page.detail .box7 li:last-child{margin-bottom: 0;}
.service-page.detail .box7 li>p:nth-of-type(1){background: #f6f9fb url(../images/14.png) no-repeat .4rem .27rem/.33rem;font-size: .2rem;line-height: .3rem;color:#000;padding: .25rem .8rem .25rem .95rem;position: relative;cursor: pointer;}
.service-page.detail .box7 li>p:nth-of-type(1)::after{content:'';width: .18rem;height: .18rem;background: url(../images/arrow-m.svg) no-repeat center center/100%;position: absolute;right: .4rem;top: .3rem;transition: .3s;filter: grayscale(1);}
.service-page.detail .box7 li>p:nth-of-type(2){display: none;background: url(../images/15.png) no-repeat .4rem .3rem/.33rem;font-size: .18rem;line-height: .3rem;padding: .3rem .4rem .5rem .95rem}
.service-page.detail .box7 li.active>p:nth-of-type(1){font-weight: bold;color:#00a1e9}
.service-page.detail .box7 li.active>p:nth-of-type(1)::after{filter: grayscale(0);transform: rotate(180deg);}

@keyframes service-box3-1 {
    to{transform: translate(-50%,-50%) scale(2.5);opacity: 0;}
}

@keyframes service-box3-2 {
    to{transform: translate(-50%,-50%) scale(4);opacity: 0;}
}

@media (max-width:1024px){
    .service-page.list{padding-bottom: 1rem;}
    .service-page.list li{flex-wrap: wrap;padding-top: .8rem;}
    .service-page.list .img-bg{width: 100%;height: auto;}
    .service-page.list .img{padding-bottom: 88.88%;}
    .service-page.list .info{min-height: 0;padding: .5rem 0 0;order: 2;}
    .service-page.list .img-div{width: .88rem;height: .82rem;}
    .service-page.list .info>h2{font-size: .4rem;line-height: .6rem;}
    .service-page.list .info>p{font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .service-page.list li:nth-child(2n) .info{padding: .5rem 0 0}
    .service-page.list .child>a{line-height: .7rem;min-width: 0;padding: 0 .3rem;margin: 0 .2rem .2rem 0;font-size: .26rem;}

    .service-page.detail{padding: .8rem 0 1rem;display: block;}
    .service-page.detail .cate{width: 100%;margin-bottom: .6rem;}
    .service-page.detail .cate>p{font-size: .32rem;line-height: 0;padding: .45rem .4rem;position: relative;}
    .service-page.detail .cate>p::after{content:'';width: .35rem;height: .35rem;background: url(../images/arrow1-w.svg) no-repeat center center/100%;position: absolute;top: .27rem;right: .3rem;transform: rotate(90deg);transition: .3s;}
    .service-page.detail .cate>p.active::after{transform: rotate(-90deg);}
    .service-page.detail .cate ul{display: none;}
    .service-page.detail .cate li{padding: .35rem 0;}
    .service-page.detail .cate li>a{padding-right: .35rem}
    .service-page.detail .cate li>a::after{width: .3rem;height: .3rem;}
    .service-page.detail .cate li>a>h2{font-size: .28rem;}
    .service-page.detail .cate .child{padding: .25rem 0 0;}
    .service-page.detail .cate .child>a>h2{font-size: .26rem;line-height: .6rem;}

    .service-page.detail h3>span{font-size: .36rem;padding-bottom: .2rem;}
    .service-page.detail .con{width: 100%;}

    .service-page.detail .box1{display: block}
    .service-page.detail .box1 .img-bg{width: 100%}
    .service-page.detail .box1 .info{padding: .4rem 0 0;}
    .service-page.detail .box1 .info>p:nth-of-type(1){line-height: .56rem;margin: 0 0 .1rem;}
    .service-page.detail .box1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .service-page.detail .box1 .info>p:nth-of-type(3){font-size: .32rem;margin: .3rem 0 .1rem;}
    .service-page.detail .box1 .info>p:nth-of-type(4){font-size: .28rem;line-height: .48rem;}
    .service-page.detail .box1 .inline>a{height: .8rem;border-radius: .6rem;padding: 0 .5rem}
    .service-page.detail .box1 .inline>a>span:nth-of-type(1){width: .37rem;margin-right: .2rem;}

    .service-page.detail .box2{padding-top: .8rem;}
    .service-page.detail .box2 .content{margin-top: .4rem;}
    .service-page.detail .box2 .content p{font-size: .28rem;line-height: .52rem;}

    .service-page.detail .box3 .info{display: none;}
    .service-page.detail .box3 .swiper-container{display: block;margin-top: .5rem;border-radius: .2rem;padding-right: 1px;}
    .service-page.detail .box3 .swiper-slide{border-radius: .2rem;border: 1px #eee solid;overflow: hidden;}
    .service-page.detail .box3 .img{position: static;opacity: 1;padding-bottom: 73.52%;}
    .service-page.detail .box3 .item{display: block;padding: .5rem .4rem 1rem;}
    .service-page.detail .box3 .img-div{width: .74rem;height: .76rem;;}
    .service-page.detail .box3 .item>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin: .2rem 0 .1rem;}
    .service-page.detail .box3 .item>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;padding-right: 0;}
    .service-page.detail .box3 .swiper-pagination-bullet-active{background: #00a1e9;}

    .service-page.detail .box4{padding-top: .8rem;}
    .service-page.detail .box4 .info{margin-top: .6rem;}
    .service-page.detail .box4 .swiper-container{padding-right: 1px;}
    .service-page.detail .box4 .txt{padding: .5rem .4rem 1rem;}
    .service-page.detail .box4 .txt>a{font-size: .32rem;}
    .service-page.detail .box4 .txt>p{font-size: .28rem}
    .service-page.detail .box4 .a>a{font-size: .28rem;padding-right: .35rem;background-size:.2rem}
    .service-page.detail .box4 .a>a:first-child{margin-right: .6rem;}
    .service-page.detail .box4 .arrow{display: none;}
    .service-page.detail .box4 .swiper-pagination-bullet-active{background: #00a1e9;}

    .service-page.detail .box5{padding-top: .8rem;}
    .service-page.detail .box5 ul{flex-wrap: wrap;margin: .6rem 0 .2rem;}
    .service-page.detail .box5 li{margin: 0 .2rem .4rem 0;width: calc(50% - .1rem);}
    .service-page.detail .box5 li:nth-child(2n){margin-right: 0;}
    .service-page.detail .box5 li::after{width: .31rem;height: .18rem;top: .8rem;right: -.25rem;}
    .service-page.detail .box5 li:nth-child(2n)::after{display: none;}
    .service-page.detail .box5 .img-div{width: 1.8rem;height: 1.8rem;margin: 0 auto .25rem;}
    .service-page.detail .box5 .img-div::before{width: 2rem;height: 2rem;}
    .service-page.detail .box5 li>p{font-size: .32rem}
    .service-page.detail .box5 form{padding: .6rem .4rem .8rem;}
    .service-page.detail .box5 form>p{font-size: .36rem;text-align: center;margin-bottom: .15rem;}
    .service-page.detail .box5 .items{display: block;margin: .4rem 0 .15rem;}
    .service-page.detail .box5 .item{width: 100%;margin: 0 0 .4rem 0;}
    .service-page.detail .box5 .item>p{font-size: .28rem;margin-bottom: .2rem;}
    .service-page.detail .box5 .item>p>span{margin-left: .1rem;}
    .service-page.detail .box5 .item>input{height: .8rem;font-size: .26rem;}
    .service-page.detail .box5 .item>input::placeholder{font-size: .26rem;}
    .service-page.detail .box5 .item>textarea{height: 3rem;font-size: .26rem;}
    .service-page.detail .box5 .item>textarea::placeholder{font-size: .26rem;}
    .service-page.detail .box5 .btn{justify-content: center;}
    .service-page.detail .box5 .btn>a{line-height: .8rem;border-radius: .6rem;font-size: .28rem;padding: 0 .5rem}
    .service-page.detail .box5 .btn>a:nth-of-type(2){margin-left: .3rem;}

    .service-page.detail .box6{display: block;}
    .service-page.detail .box6 .img-bg{width: 100%}
    .service-page.detail .box6 .info{padding: .4rem 0 0;}
    .service-page.detail .box6 .txt{padding-bottom: .25rem;}
    .service-page.detail .box6 .txt>p:nth-of-type(1){line-height: .56rem}
    .service-page.detail .box6 .txt>p:nth-of-type(2){font-size: .28rem;}
    .service-page.detail .box6 ul{margin: .4rem 0;}
    .service-page.detail .box6 li{margin-bottom: .2rem;}
    .service-page.detail .box6 li>p:nth-of-type(1){font-size: .28rem;width: 1.5rem;line-height: .48rem;}
    .service-page.detail .box6 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .service-page.detail .box6 .inline>a{height: .8rem;border-radius: .6rem;padding: 0 .5rem}
    .service-page.detail .box6 .inline>a>span:nth-of-type(1){width: .37rem;margin-right: .2rem;}

    .service-page.detail .box7{padding-top: .8rem;}
    .service-page.detail .box7 ul{margin-top: .5rem;}
    .service-page.detail .box7 li{margin-bottom: .3rem;}
    .service-page.detail .box7 li>p:nth-of-type(1){background-position: .3rem .32rem;background-size: .5rem;font-size: .28rem;line-height: .48rem;padding: .3rem .7rem .3rem 1rem}
    .service-page.detail .box7 li>p:nth-of-type(1)::after{width: .28rem;height: .28rem;right: .3rem;top: .4rem;}
    .service-page.detail .box7 li>p:nth-of-type(2){background-position: .3rem .42rem;background-size: .5rem;font-size: .28rem;line-height: .48rem;padding: .4rem .4rem .4rem 1rem}
}

@media (any-hover:hover){
    .service-page.list .child>a:hover{background: #00a1e9;color:#fff;border-color: #00a1e9;}

    .service-page.detail .cate li>a:hover>h2{color:#00a1e9}
    .service-page.detail .cate .child>a:hover>h2{color:#00a1e9}

    .service-page.detail .box1 .inline>a:hover{justify-content: center;}
    .service-page.detail .box1 .inline>a:hover>span:nth-of-type(1){transform: translateX(-.52rem);}
    .service-page.detail .box1 .inline>a:hover>span:nth-of-type(2){transform: translateX(-.16rem);}

    .service-page.detail .box4 .txt>a:hover{color:#00a1e9}
    .service-page.detail .box4 .a>a:hover{filter: grayscale(0);}
    .service-page.detail .box4 .arrow:not(.swiper-button-disabled):hover{border-color: #00a1e9;background-image: url(../images/arrow4-w.png);background-color: #00a1e9;}

    .service-page.detail .box5 .btn>a:hover{opacity: .8;}
    .service-page.detail .box5 .btn>a:nth-of-type(2):hover{opacity: 1;border-color: #00a1e9;color:#00a1e9}

    .service-page.detail .box6 .inline>a:hover{justify-content: center;}
    .service-page.detail .box6 .inline>a:hover>span:nth-of-type(1){transform: translateX(-.52rem);}
    .service-page.detail .box6 .inline>a:hover>span:nth-of-type(2){transform: translateX(-.16rem);}
}

/* 行业 */
.industry-page.list{padding: 1rem 0 .2rem;}
.industry-page.list li{margin-bottom: .8rem;border-radius: .2rem;overflow: hidden;height: 6.9rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;padding:0 .4rem}
.industry-page.list li:nth-child(2n){align-items: flex-start;}
.industry-page.list .img{display: none;}
.industry-page.list .con{width: 59.28%;border-radius: .2rem;background: rgba(229,244,253,.5);backdrop-filter:blur(.05rem);max-height:5.9rem;padding: .5rem .6rem}
.industry-page.list .con .icon{display: flex;align-items: center;}
.industry-page.list .con .img-div{width: .49rem;height: .39rem;}
.industry-page.list .con .icon>h2{font-size: .36rem;color:#000;width: calc(100% - .49rem);padding-left: .1rem;}
.industry-page.list .con>p{font-size: .18rem;line-height: .28rem;margin: .15rem 0 .25rem;}
.industry-page.list .child{display: flex;flex-wrap: wrap;max-height: 3.48rem;}
.industry-page.list .child>a{border: 1px solid transparent;line-height: .48rem;width: calc(25% - .06rem);margin: 0 .08rem .08rem 0;background: rgba(255,255,255,.5);border-radius: .1rem;font-size: .18rem;text-align: center;transition: .3s;padding: 0 .1rem;}
.industry-page.list .child>a:nth-child(4n){margin-right: 0;}

.industry-page.detail h3{font-size: .48rem;line-height: .58rem;color:#000;text-align: center;}
.industry-page.detail .box1 .cate{border-bottom: 1px solid #eee;margin-bottom: .6rem;}
.industry-page.detail .box1 .cate .width{display: flex;flex-wrap: wrap;border-left: 1px solid #eee;}
.industry-page.detail .box1 .cate .width>a{width: 25%;display: flex;justify-content: center;align-items: center;padding: 0 .3rem;transition: .3s;height: .7rem;border-right: 1px solid #eee;}
.industry-page.detail .box1 .cate .width>a.active{background: #00a1e9;}
.industry-page.detail .box1 .img-div{width: .49rem;height: .39rem;margin-right: .2rem;}
.industry-page.detail .box1 .cate .width>a>h2{font-size: .18rem;max-width: calc(100% - .69rem);}
.industry-page.detail .box1 .cate .width>a.active{background: #00a1e9;}
.industry-page.detail .box1 .cate .width>a.active>h2{color:#fff}
.industry-page.detail .box1 .child{display: flex;flex-wrap: wrap;}
.industry-page.detail .box1 .child>a{width: calc(100% / 7 - .12rem);margin: 0 .14rem .14rem 0;}
.industry-page.detail .box1 .child>a:nth-child(7n){margin-right: 0;}
.industry-page.detail .box1 .child>a>h2{line-height: .53rem;text-align: center;padding: 0 .15rem;font-size: .18rem;border: 1px #eee solid;border-radius: .05rem;transition: .3s;}
.industry-page.detail .box1 .child>a.active>h2{border-color: #00a1e9;color:#fff;background: #00a1e9;}

.industry-page.detail .box2{padding: .35rem 0 1rem;}
.industry-page.detail .box2 .tab{display: flex;justify-content: space-between;border-bottom: 1px #eee solid;margin-bottom: .6rem;}
.industry-page.detail .box2 .tab>a{font-size: .16rem;color: #666;position: relative;padding-bottom: .2rem;}
.industry-page.detail .box2 .tab>a::after{content:'';width: 0;height: .02rem;bottom: -.01rem;left: 50%;transform: translateX(-50%);position: absolute;background: #00a1e9;transition: .3s;}
.industry-page.detail .box2 .tab>a.active{color:#00a1e9}
.industry-page.detail .box2 .tab>a.active::after{width: 100%;}
.industry-page.detail .box2 .cons{position: relative;}
.industry-page.detail .box2 .con{display: flex;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .8s;}
.industry-page.detail .box2 .con.active{position: relative;z-index: 2;opacity: 1;}
.industry-page.detail .box2 .img-bg{width: 48.57%;border-radius: .2rem;}
.industry-page.detail .box2 .img{padding-bottom: 66.17%;}
.industry-page.detail .box2 .info{flex:1;padding-left: .9rem;}
.industry-page.detail .box2 .info>p:nth-of-type(1){font-size: .2rem;color:#00a1e9;line-height: .3rem;}
.industry-page.detail .box2 .info>h3{text-align: left;border-bottom: 1px #eee solid;padding: .1rem 0 .25rem;}
.industry-page.detail .box2 .info>p:nth-of-type(2){font-size: .18rem;line-height: .32rem;max-height: 1.6rem;margin: .25rem 0 .45rem;padding-right: .05rem;}
.industry-page.detail .box2 .inline>a{display: flex;align-items: center;height: .6rem;border-radius: .3rem;color:#fff;padding: 0 .35rem;overflow: hidden;background: #00a1e9;font-size: .18rem;}
.industry-page.detail .box2 .inline>a>span{transition: .3s;}
.industry-page.detail .box2 .inline>a>span:nth-of-type(1){width: .28rem;height: 100%;background: url(../images/13.png) no-repeat center center/100%;margin-right: .15rem;}

.industry-page.detail .box3{background: #f6f9fb;padding: .9rem 0 .8rem;}
.industry-page.detail .box3 .con{display: flex;justify-content: space-between;margin-top: .35rem;}
.industry-page.detail .box3 ul{width: 52.85%;}
.industry-page.detail .box3 li{border-radius: .2rem;overflow: hidden;background: #fff;margin-bottom: .2rem;}
.industry-page.detail .box3 li>p{font-size: .22rem;line-height: .32rem;padding: .25rem .8rem .25rem .4rem;background: url(../images/16.png) no-repeat calc(100% - .4rem) .34rem/.16rem;transition: .3s;cursor: pointer;}
.industry-page.detail .box3 li.active>p{background-color: #00a1e9;background-image: url(../images/17.png);color:#fff}
.industry-page.detail .box3 li>div{display: none;}
.industry-page.detail .box3 li>div>p{display: flex;flex-wrap: wrap;padding: .4rem .3rem .3rem .4rem;}
.industry-page.detail .box3 li>div>p>span{min-width: 1rem;text-align: center;border: 1px solid #e5e5e5;padding: 0 .25rem;line-height: .43rem;border-radius: .1rem;font-size: .18rem;margin: 0 .1rem .1rem 0;}
.industry-page.detail .box3 .img-bg{border-radius: .2rem;width: 42.85%;}
.industry-page.detail .box3 .img{padding-bottom: 116.66%;}

/* .industry-page.detail .box4{padding: .9rem 0 1rem;} */
.industry-page.detail .box4{padding: 0 0 1rem;}
.industry-page.detail .box4 ul{margin-top: .35rem;display: flex;}
.industry-page.detail .box4 li{margin-right: .2rem;border-radius: .1rem;overflow: hidden;width: calc((100% - 7.1rem) / 3);transition: .3s;height: 4.4rem;}
.industry-page.detail .box4 li.active{width: 6.5rem;}
.industry-page.detail .box4 li:last-child{margin-right: 0;}
.industry-page.detail .box4 .unhover{background: #f6f9fb;height: 100%;text-align: center;padding: 1rem .2rem;}
.industry-page.detail .box4 li.active .unhover{display: none;}
.industry-page.detail .box4 .unhover .img-div{width: .67rem;height: .62rem;margin: 0 auto;}
.industry-page.detail .box4 .unhover>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#000;margin: .1rem 0;}
.industry-page.detail .box4 .unhover>p:nth-of-type(2){font-size: .18rem;line-height: .28rem}
.industry-page.detail .box4 .hover{display: none;height: 100%;position: relative;}
.industry-page.detail .box4 li.active .hover{display: block;}
.industry-page.detail .box4 .hover::after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right,#00a1e9 5%,transparent 95%);}
.industry-page.detail .box4 .info{position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;height: 100%;padding: .6rem .5rem;width: 5.4rem;color:#fff;align-items: flex-start;}
.industry-page.detail .box4 .hover .img-div{width: .67rem;height: .62rem}
.industry-page.detail .box4 .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;margin: .1rem 0 .05rem;}
.industry-page.detail .box4 .info>p:nth-of-type(2){font-size: .18rem;line-height: .28rem}
.industry-page.detail .box4 .info>p:nth-of-type(3){font-size: .18rem;line-height: .3rem;margin: .1rem 0 .25rem;padding-right: .05rem;max-height: .9rem;}
.industry-page.detail .box4 .info>a{display: flex;align-items: center;height: .48rem;border-radius: .25rem;color:#00a1e9;padding: 0 .3rem;overflow: hidden;background: #fff;}
.industry-page.detail .box4 .info>a>span{transition: .3s;}
.industry-page.detail .box4 .info>a>span:nth-of-type(1){width: .22rem;height: 100%;background: url(../images/18.png) no-repeat center center/100%;margin-right: .1rem;}
.industry-page.detail .box4 .myscroll::-webkit-scrollbar-thumb{background: #fff}
.industry-page.detail .box4 .myscroll::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}

.industry-page.detail .box5{background: #f6f9fb;padding: .9rem 0 .8rem;}
.industry-page.detail .box5 ul{margin-top: .35rem;}
.industry-page.detail .box5 li{margin-bottom: .2rem;border-radius: .1rem;overflow: hidden;border: 1px #eee solid;background: #fff;}
.industry-page.detail .box5 li>p:nth-of-type(1){background: url(../images/14.png) no-repeat .4rem .27rem/.33rem;font-size: .2rem;line-height: .3rem;color:#000;padding: .25rem .8rem .25rem .95rem;position: relative;cursor: pointer;transition: .3s;}
.industry-page.detail .box5 li>p:nth-of-type(1)::after{content:'';width: .18rem;height: .18rem;background: url(../images/arrow.svg) no-repeat center center/100%;position: absolute;right: .4rem;top: .3rem;transition: .3s;}
.industry-page.detail .box5 li>p:nth-of-type(2){display: none;background: url(../images/15.png) no-repeat .4rem .35rem/.33rem;font-size: .18rem;line-height: .3rem;padding: .35rem .8rem .35rem .95rem}
.industry-page.detail .box5 li.active>p:nth-of-type(1){font-weight: bold;color:#fff;background-color: #00a1e9;background-image: url(../images/14-h.png);}
.industry-page.detail .box5 li.active>p:nth-of-type(1)::after{transform: rotate(180deg);background-image: url(../images/arrow-w.svg);}

.industry-page.detail .box6{padding: .9rem 0 1rem;}
.industry-page.detail .box6 .swiper-container{margin-top: .35rem;cursor: grab;}
.industry-page.detail .box6 .swiper-slide{width: 6.8rem;}
.industry-page.detail .box6 .img-bg{border-radius: .2rem;}
.industry-page.detail .box6 .img{padding-bottom: 66.17%;}
.industry-page.detail .box6 .swiper-slide>a{font-size: .24rem;color: #000;margin: .25rem 0 .1rem;}
.industry-page.detail .box6 .swiper-slide>p{font-size: .18rem;margin-bottom: .2rem;}
.industry-page.detail .box6 .a{display: flex;}
.industry-page.detail .box6 .a>a{font-size: .16rem;color:#00a1e9;padding-right: .25rem;background: url(../images/arrow4-m.png) no-repeat right center/.14rem;transition: .3s;filter: grayscale(1);}
.industry-page.detail .box6 .a>a:first-child{margin-right: .4rem;}

.industry-page.detail .box7{background: #f6f9fb;padding: .9rem 0 1rem;}
.industry-page.detail .box7 ul{display: flex;justify-content: center;margin: .4rem 0;}
.industry-page.detail .box7 li{margin-right: .8rem;position: relative;}
.industry-page.detail .box7 li::after{background: url(../images/arrow3.png) no-repeat center center/100%;width: .21rem;height: .08rem;content:'';position: absolute;top: .7rem;right: -.5rem;}
.industry-page.detail .box7 li:last-child{margin-right: 0;}
.industry-page.detail .box7 li:last-child::after{display: none;}
.industry-page.detail .box7 .img-div{width: 1.44rem;height: 1.44rem;border-radius: 50%;background: #fff;position: relative;margin-bottom: .25rem;}
.industry-page.detail .box7 .img-div::before{content:'';width: 1.62rem;height: 1.62rem;border-radius: 50%;border: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.industry-page.detail .box7 .img-div>img{max-width: 40%;max-height: 40%;}
.industry-page.detail .box7 li>p{font-size: .24rem;text-align: center;}
.industry-page.detail .box7 li:first-child>p{color:#00a1e9}
.industry-page.detail .box7 form{border-radius: .2rem;padding: .6rem .7rem .8rem;background: #fff;}
.industry-page.detail .box7 form>p{font-size: .3rem;color: #00a1e9;margin-bottom: .25rem;}
.industry-page.detail .box7 .items{display: flex;flex-wrap: wrap;}
.industry-page.detail .box7 .item{width: calc(100% / 3 - .2rem);margin: 0 .3rem .25rem 0;}
.industry-page.detail .box7 .item:nth-child(3){margin-right: 0;}
.industry-page.detail .box7 .item:last-child{width: 100%;margin-right: 0;}
.industry-page.detail .box7 .item>p{font-size: .18rem;color:#666;margin-bottom: .15rem;}
.industry-page.detail .box7 .item>p>span{color:#ed3434;margin-left: .05rem;}
.industry-page.detail .box7 .item>input{transition: .3s;height: .6rem;width: 100%;border-radius: .05rem;border: 1px #eee solid;font-size: .16rem;}
.industry-page.detail .box7 .item>input::placeholder{font-size: .16rem;}
.industry-page.detail .box7 .item>input:focus{border-color: #00a1e9;}
.industry-page.detail .box7 .item>textarea{transition: .3s;height: 1.2rem;width: 100%;border-radius: .05rem;border: 1px #eee solid;font-size: .16rem;}
.industry-page.detail .box7 .item>textarea::placeholder{font-size: .16rem;}
.industry-page.detail .box7 .item>textarea:focus{border-color: #00a1e9;}
.industry-page.detail .box7 .btn{display: flex;}
.industry-page.detail .box7 .btn>a{line-height: .48rem;border-radius: .25rem;font-size: .18rem;padding: 0 .35rem;background: #00a1e9;color:#fff;border: 1px solid #00a1e9;transition: .3s;}
.industry-page.detail .box7 .btn>a:nth-of-type(2){margin-left: .2rem;border-color: #eee;background: none;color:#333}

@media (max-width:1024px){
    .industry-page.list{padding: .8rem 0 .2rem;}
    .industry-page.list li{height: auto;display: block;padding:0;background: none !important;}
    .industry-page.list .img{display: block;padding-bottom: 58.59%;border-radius: .2rem;}
    .industry-page.list .con{width: 100%;background:none;max-height:10000rem;padding: .4rem 0 0}
    .industry-page.list .con .img-div{width: .69rem;height: .59rem;}
    .industry-page.list .con .icon>h2{font-size: .36rem;width: calc(100% - .69rem);padding-left: .2rem;}
    .industry-page.list .con>p{font-size: .28rem;line-height: .48rem;margin: .25rem 0 .35rem;}
    .industry-page.list .child{max-height: 4.5rem;}
    .industry-page.list .child>a{border: 1px solid #eee;line-height: .7rem;width: calc(50% - .1rem);margin: 0 .2rem .2rem 0;font-size: .28rem;padding: 0 .2rem;}
    .industry-page.list .child>a:nth-child(4n){margin-right: .2rem;}
    .industry-page.list .child>a:nth-child(2n){margin-right: 0;}

    .industry-page.detail h3{font-size: .44rem;line-height: .64rem;}
    .industry-page.detail .box1 .cate{border-bottom: 0;}
    .industry-page.detail .box1 .cate .width{border-left: 0;width: 100%;}
    .industry-page.detail .box1 .cate .width>a{width: 50%;height: .9rem;border-bottom: 1px #eee solid;}
    .industry-page.detail .box1 .cate .width>a:nth-child(2n){border-right: 0;}
    .industry-page.detail .box1 .img-div{width: .54rem;height: .44rem;}
    .industry-page.detail .box1 .cate .width>a>h2{font-size: .28rem;max-width: calc(100% - .74rem);}
    .industry-page.detail .box1 .child>a{width: calc(50% - .1rem);margin: 0 .2rem .2rem 0;}
    .industry-page.detail .box1 .child>a:nth-child(7n){margin-right: .2rem;}
    .industry-page.detail .box1 .child>a:nth-child(2n){margin-right: 0;}
    .industry-page.detail .box1 .child>a>h2{line-height: .7rem;padding: 0 .3rem;font-size: .26rem;}

    .industry-page.detail .box2 .tab{white-space: nowrap;overflow: auto hidden;}
    .industry-page.detail .box2 .tab>a{font-size: .26rem;padding-bottom: .2rem;margin-right: .2rem;}
    .industry-page.detail .box2 .tab>a:last-child{margin-right: 0;}
    .industry-page.detail .box2 .tab>a::after{bottom: 0;}
    .industry-page.detail .box2 .con{display: block;}
    .industry-page.detail .box2 .img-bg{width: 100%}
    .industry-page.detail .box2 .info{padding: .4rem 0 0;}
    .industry-page.detail .box2 .info>p:nth-of-type(1){font-size: .28rem;line-height: .48rem;}
    .industry-page.detail .box2 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-height: 10000rem;margin: .25rem 0 .35rem;padding-right: 0;}
    .industry-page.detail .box2 .inline>a{height: .8rem;border-radius: .6rem;padding: 0 .5rem;font-size: .28rem;}
    .industry-page.detail .box2 .inline>a>span:nth-of-type(1){width: .38rem;}

    .industry-page.detail .box3{padding: 1rem 0 .7rem;}
    .industry-page.detail .box3 .con{margin-top: .5rem;flex-wrap: wrap;}
    .industry-page.detail .box3 ul{width: 100%;order:2}
    .industry-page.detail .box3 li{margin-bottom: .3rem;}
    .industry-page.detail .box3 li>p{font-size: .3rem;line-height: .52rem;padding: .25rem .7rem .2rem .4rem;background-position: calc(100% - .3rem) .38rem;background-size: .22rem}
    .industry-page.detail .box3 li>div>p{padding: .4rem .3rem .3rem .4rem;}
    .industry-page.detail .box3 li>div>p>span{min-width: 0;padding: 0 .25rem;line-height: .6rem;font-size: .26rem;margin: 0 .2rem .2rem 0;}
    .industry-page.detail .box3 .img-bg{width: 100%;margin-bottom: .6rem;}

    .industry-page.detail .box4{padding: 1rem 0 .4rem;}
    .industry-page.detail .box4 ul{margin-top: .5rem;display: block;}
    .industry-page.detail .box4 li{margin: 0 0 .6rem;width: 100%;height: auto;}
    .industry-page.detail .box4 li.active{width: 100%;}
    .industry-page.detail .box4 .unhover{display: none;}
    .industry-page.detail .box4 .hover{display: block;height: auto}
    .industry-page.detail .box4 .info{padding: 1rem .4rem;width: 100%;align-items: center;text-align: center;}
    .industry-page.detail .box4 .hover .img-div{width: .97rem;height: .92rem}
    .industry-page.detail .box4 .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin: .2rem 0 .1rem;}
    .industry-page.detail .box4 .info>p:nth-of-type(2){font-size: .32rem;line-height: .52rem}
    .industry-page.detail .box4 .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin: .2rem 0 .35rem;padding-right: 0;max-height: 10000rem;}
    .industry-page.detail .box4 .info>a{height: .8rem;border-radius: .6rem;padding: 0 .5rem}
    .industry-page.detail .box4 .info>a>span:nth-of-type(1){width: .4rem;margin-right: .2rem;}

    .industry-page.detail .box5{padding: 1rem 0 .7rem;}
    .industry-page.detail .box5 ul{margin-top: .5rem;}
    .industry-page.detail .box5 li{margin-bottom: .3rem;}
    .industry-page.detail .box5 li>p:nth-of-type(1){background-position: .3rem .32rem;background-size: .5rem;font-size: .28rem;line-height: .48rem;padding: .3rem .7rem .3rem 1rem;}
    .industry-page.detail .box5 li>p:nth-of-type(1)::after{width: .28rem;height: .28rem;right: .3rem;top: .4rem;}
    .industry-page.detail .box5 li>p:nth-of-type(2){background-position: .3rem .42rem;background-size:.5rem;font-size: .28rem;line-height: .48rem;padding: .4rem .4rem .4rem 1rem}

    .industry-page.detail .box6{padding: 1rem 0;}
    .industry-page.detail .box6 .swiper-container{margin: .5rem .3rem 0;}
    .industry-page.detail .box6 .swiper-slide{width: 100%;}
    .industry-page.detail .box6 .swiper-slide>a{font-size: .32rem;margin: .3rem 0 .1rem;}
    .industry-page.detail .box6 .swiper-slide>p{font-size: .28rem;margin-bottom: .2rem;}
    .industry-page.detail .box6 .a>a{font-size: .28rem;padding-right: .4rem;background-size:.2rem}

    .industry-page.detail .box7{padding: 1rem 0;}
    .industry-page.detail .box7 ul{flex-wrap: wrap;margin: .6rem 0 .2rem;}
    .industry-page.detail .box7 li{margin: 0 .2rem .4rem 0;width: calc(50% - .1rem);}
    .industry-page.detail .box7 li:nth-child(2n){margin-right: 0;}
    .industry-page.detail .box7 li::after{width: .31rem;height: .18rem;top: .8rem;right: -.25rem;}
    .industry-page.detail .box7 li:nth-child(2n)::after{display: none;}
    .industry-page.detail .box7 .img-div{width: 1.8rem;height: 1.8rem;margin: 0 auto .25rem;}
    .industry-page.detail .box7 .img-div::before{width: 2rem;height: 2rem;}
    .industry-page.detail .box7 li>p{font-size: .32rem}
    .industry-page.detail .box7 form{padding: .6rem .4rem .8rem;}
    .industry-page.detail .box7 form>p{font-size: .36rem;text-align: center;margin-bottom: .15rem;}
    .industry-page.detail .box7 .items{display: block;margin: .4rem 0 .15rem;}
    .industry-page.detail .box7 .item{width: 100%;margin: 0 0 .4rem 0;}
    .industry-page.detail .box7 .item>p{font-size: .28rem;margin-bottom: .2rem;}
    .industry-page.detail .box7 .item>p>span{margin-left: .1rem;}
    .industry-page.detail .box7 .item>input{height: .8rem;font-size: .26rem;}
    .industry-page.detail .box7 .item>input::placeholder{font-size: .26rem;}
    .industry-page.detail .box7 .item>textarea{height: 3rem;font-size: .26rem;}
    .industry-page.detail .box7 .item>textarea::placeholder{font-size: .26rem;}
    .industry-page.detail .box7 .btn{justify-content: center;}
    .industry-page.detail .box7 .btn>a{line-height: .8rem;border-radius: .6rem;font-size: .28rem;padding: 0 .5rem}
    .industry-page.detail .box7 .btn>a:nth-of-type(2){margin-left: .3rem;}
}

@media (any-hover:hover){
    .industry-page.list .child>a:hover{border-color: #00a1e9;color:#00a1e9}

    .industry-page.detail .box1 .cate .width>a:hover{background: #00a1e9;}
    .industry-page.detail .box1 .cate .width>a:hover>h2{color:#fff}
    .industry-page.detail .box1 .child>a:hover>h2{border-color: #00a1e9;color:#fff;background: #00a1e9;}
    
    .industry-page.detail .box1 .inline>a:hover{justify-content: center;}
    .industry-page.detail .box2 .inline>a:hover>span:nth-of-type(1){transform: translateX(-.64rem);}
    .industry-page.detail .box2 .inline>a:hover>span:nth-of-type(2){transform: translateX(-.2rem);}
    
    .industry-page.detail .box4 .info>a:hover{justify-content: center;}
    .industry-page.detail .box4 .info>a:hover>span:nth-of-type(1){transform: translateX(-.52rem);}
    .industry-page.detail .box4 .info>a:hover>span:nth-of-type(2){transform: translateX(-.16rem);}

    .industry-page.detail .box6 .swiper-slide>a:hover{color:#00a1e9}
    .industry-page.detail .box6 .a>a:hover{filter: grayscale(0);}

    .industry-page.detail .box7 .btn>a:hover{opacity: .8;}
    .industry-page.detail .box7 .btn>a:nth-of-type(2):hover{opacity: 1;border-color: #00a1e9;color:#00a1e9}
}

/* 实验室 */
.lab-page{padding: 1rem 0;display: flex;align-items: flex-start;justify-content: space-between;}
.lab-page .cate{width: 24.28%;position: sticky;top:1.5rem;background: #f6f9fb;border-radius: .1rem;overflow: hidden;}
.lab-page .cate>p{font-size: .2rem;line-height: .7rem;color: #fff;background: #00a1e9;padding: 0 .4rem;}
.lab-page .cate ul{padding: .1rem .4rem .6rem;}
.lab-page .cate li{border-bottom: 1px solid #e5e5e5;padding: .25rem 0;transition: .3s;}
.lab-page .cate li>a{padding-right: .25rem;position: relative;}
.lab-page .cate li>a::after{content:'';width: .18rem;height: .18rem;background: url(../images/arrow1-m.svg) no-repeat center center/100%;position: absolute;right: 0;top: .05rem;transition: .3s;filter: grayscale(1);}
.lab-page .cate li>a>h2{font-size: .18rem;}
.lab-page .cate li.active{border-color: #00a1e9;}
.lab-page .cate li.active>a::after{filter: grayscale(0);}
.lab-page .cate li.active>a>h2{color:#00a1e9}

.lab-page h3{border-bottom: .02rem #eee solid;}
.lab-page h3>span{font-size: .24rem;color: #000;border-bottom: .02rem solid #00a1e9;display: inline-block;padding-bottom: .1rem;margin-bottom: -.02rem;}
.lab-page .con{width: 70%;}
.lab-page .content{margin-top: .3rem;}
.lab-page .content p{font-size: .18rem;line-height: .36rem;}

@media (max-width:1024px){
    .lab-page{padding: .8rem 0 1rem;display: block}
    .lab-page .cate{width: 100%;position: static;margin-bottom: .6rem;}
    .lab-page .cate>p{font-size: .32rem;line-height: 0;position: relative;padding: .45rem .4rem;}
    .lab-page .cate>p::after{content:'';width: .35rem;height: .35rem;background: url(../images/arrow1-w.svg) no-repeat center center/100%;position: absolute;top: .27rem;right: .3rem;transform: rotate(90deg);transition: .3s;}
    .lab-page .cate>p.active::after{transform: rotate(-90deg);}
    .lab-page .cate ul{display: none;}
    .lab-page .cate li{padding: .35rem 0}
    .lab-page .cate li>a{padding-right: .35rem}
    .lab-page .cate li>a::after{width: .3rem;height: .3rem}
    .lab-page .cate li>a>h2{font-size: .28rem;}

    .lab-page h3>span{font-size: .36rem;padding-bottom: .2rem}
    .lab-page .con{width: 100%;}
    .lab-page .content{margin-top: .4rem;}
    .lab-page .content p{font-size: .28rem;line-height: .52rem;}
}

@media (any-hover:hover){
    .lab-page .cate li>a:hover>h2{color:#00a1e9}
}

/* 设备 */
.equipment-page{padding: 1rem 0 .6rem;}
.equipment-page ul{display: flex;flex-wrap: wrap;}
.equipment-page li{margin-bottom: .4rem;background: url(../images/19.jpg) no-repeat center center/cover;border-radius: .1rem;width: calc(50% - .2rem);height: 4rem;display: flex;align-items: center;padding: .6rem .5rem .6rem .6rem;}
.equipment-page li:nth-child(2n+1){margin-right: .4rem;}
.equipment-page .info{flex:1;padding-right: .4rem;}
.equipment-page .info>h2{font-size: .24rem;line-height: .36rem;color:#000}
.equipment-page .info>p{font-size: .18rem;line-height: .3rem;}
.equipment-page .brand{margin-top: .19rem;}
.equipment-page .myscroll{margin-top: .1rem;padding-right: .05rem;max-height: 1.2rem;}
.equipment-page .img-div{width: 33.4%;height: 2.55rem;}
.equipment-page .page{padding: .1rem 0 .4rem;}

@media (max-width:1024px){
    .equipment-page{padding: .8rem 0 .4rem;}
    .equipment-page ul{display: block}
    .equipment-page li{margin-bottom: .6rem;width: 100%;height: auto;padding: .6rem .4rem;flex-wrap: wrap;}
    .equipment-page li:nth-child(2n+1){margin-right: 0;}
    .equipment-page .info{padding: .4rem 0 0;order:2}
    .equipment-page .info>h2{font-size: .32rem;line-height: .52rem}
    .equipment-page .info>p{font-size: .28rem;line-height: .48rem;}
    .equipment-page .myscroll{padding-right: 0;max-height: 10000rem;}
    .equipment-page .img-div{width: 100%;height: 4rem;}
    .equipment-page .page{padding: 0 0 .4rem;}
}

@media (any-hover:hover){
    .equipment-page li:hover .img-div{transform:scale(1.05)}
}

/* 工作站 */
.workstation-page h2{font-size: .48rem;line-height: .58rem;color:#000;text-align: center;}

.workstation-page .box1{padding: 1rem 0;}
.workstation-page .box1 .con{display: flex;align-items: center;margin-bottom: .5rem;}
.workstation-page .box1 .img-bg{width: 50%;border-radius: .2rem;}
.workstation-page .box1 .img{padding-bottom: 78.57%;}
.workstation-page .box1 .info{flex:1;padding-left: .8rem;}
.workstation-page .box1 .info>h2{text-align: left;}
.workstation-page .box1 .info>p{font-size: .18rem;line-height: .32rem;max-height: 2.56rem;padding-right: .05rem;margin: .15rem 0 .35rem;}
.workstation-page .box1 ul{display: flex;}
.workstation-page .box1 li{margin-right: .65rem;}
.workstation-page .box1 li>p:nth-of-type(1){display: flex;align-items: center;color: #00a1e9;}
.workstation-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;}
.workstation-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .18rem;}
.workstation-page .box1 li>p:nth-of-type(2){font-size: .16rem;padding-left: .05rem;}
.workstation-page .box1 .icon{position: relative;}
.workstation-page .box1 .img-div{height: 1.1rem;border: 1px #eee solid;border-radius: .1rem;}
.workstation-page .box1 .img-div>img{max-width: 70%;max-height: 70%;}
.workstation-page .box1 .arrow{border: 1px #e5e5e5 solid;width: .35rem;height: .35rem;border-radius: 50%;background: url(../images/arrow4.png) no-repeat center center/.1rem;position: absolute;top: calc(50% - .18rem);right: -.55rem;cursor: pointer;transition: .3s;}
.workstation-page .box1 .prev{left: -.55rem;right: auto;transform: rotate(180deg);}
.workstation-page .box1 .swiper-button-disabled{cursor: auto;opacity: .5;}

.workstation-page .box2{background: #f5f8fa;padding: .9rem 0;}
.workstation-page .box2 .width>p{display: none;}
.workstation-page .box2 .con{margin-top: .4rem;position: relative;}
.workstation-page .box2 .slogan{position: absolute;top: 52.5%;left: 50%;transform: translate(-50%,-50%);}
.workstation-page .box2 .slogan .img-div{width: 1.93rem;height: 1.91rem;animation: workstation-box2 3s linear infinite;}
.workstation-page .box2 .slogan>p{position: absolute;top: .11rem;left: .11rem;color:#fff;font-size: .3rem;line-height: .36rem;width: 1.7rem;height: 1.7rem;background: #00a1e9;border-radius: 50%;text-align: center;padding-top:.5rem}
.workstation-page .box2 ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.workstation-page .box2 li{position: absolute;cursor: pointer;}
.workstation-page .box2 li:nth-of-type(1){top: 6%;left: 30%;}
.workstation-page .box2 li:nth-of-type(2){top: 6%;right: 30%;}
.workstation-page .box2 li:nth-of-type(3){top: 29%;left: 24%;}
.workstation-page .box2 li:nth-of-type(4){top: 29%;right: 24%;}
.workstation-page .box2 li:nth-of-type(5){top: 54%;left: 24%;}
.workstation-page .box2 li:nth-of-type(6){top: 54%;right: 24%;}
.workstation-page .box2 li:nth-of-type(7){top: 78%;left: 29%;}
.workstation-page .box2 li:nth-of-type(8){top: 78%;right: 29%;}
.workstation-page .box2 li .img-div{width: 1rem;height: 1rem;border-radius: 50%;background: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.workstation-page .box2 li .img-div>img{max-width: 50%;max-height: 50%;}
.workstation-page .box2 .info{width: max-content;position: absolute;top: 0;right: 1rem;text-align: right;font-size: .18rem;height: 100%;display: flex;flex-direction: column;justify-content: center;padding-right: .3rem;}
.workstation-page .box2 .info>h3{font-size: .24rem;color:#000;margin-bottom: .05rem;}
.workstation-page .box2 .info>p{display: none;}
.workstation-page .box2 li:nth-child(2n) .info{text-align: left;right: auto;left: 1rem;padding: 0 0 0 .3rem;}

.workstation-page .box3{padding: .9rem 0 .75rem;}
.workstation-page .box3 ul{margin-top: .35rem;display: flex;flex-wrap: wrap;}
.workstation-page .box3 li{margin: 0 .24rem .25rem 0;width: calc(100% / 3 - .16rem);background: #f5f8fa;border-radius: .2rem;transition: .3s;padding: .55rem .5rem;}
.workstation-page .box3 li:nth-child(3n){margin-right: 0;}
.workstation-page .box3 .img-div{width: .67rem;height: .61rem;}
.workstation-page .box3 li>h3{font-size: .3rem;line-height: .4rem;color:#000;margin: .15rem 0 .1rem;}
.workstation-page .box3 li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin-bottom: .15rem;}
.workstation-page .box3 li>p:nth-of-type(2){font-size: .18rem;line-height: .36rem;}

@keyframes workstation-box2 {
    to{transform: rotate(-360deg);}
}

@media (max-width:1024px){
    .workstation-page h2{font-size: .44rem;line-height: .64rem}

    .workstation-page .box1 .con{display: block;margin-bottom: .5rem;}
    .workstation-page .box1 .img-bg{width: 100%}
    .workstation-page .box1 .info{padding: .4rem 0 0;}
    .workstation-page .box1 .info>h2{text-align: center;}
    .workstation-page .box1 .info>p{font-size: .28rem;line-height: .48rem;max-height: 10000rem;padding-right: 0;margin: .2rem 0 .4rem;text-align: center}
    .workstation-page .box1 ul{justify-content: center;}
    .workstation-page .box1 li{margin-right: .21rem;width: calc(100% / 3 - .14rem);}
    .workstation-page .box1 li:last-child{margin-right: 0;}
    .workstation-page .box1 li>p:nth-of-type(1){justify-content: center;}
    .workstation-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;width: auto !important;margin-right: .1rem;}
    .workstation-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .24rem;}
    .workstation-page .box1 li>p:nth-of-type(2){font-size: .28rem;text-align: center;padding-left: 0;}
    .workstation-page .box1 .img-div{height: 1.5rem;}
    .workstation-page .box1 .arrow{display: none;}
    .workstation-page .box1 .swiper-pagination{position: static;text-align: center;margin-top: .3rem;}
    .workstation-page .box1 .swiper-pagination-bullet{margin: 0 .06rem;}
    .workstation-page .box1 .swiper-pagination-bullet-active{background: #00a1e9;}

    .workstation-page .box2{padding: 1rem 0 .4rem;}
    .workstation-page .box2 .width>p{display: block;font-size: .4rem;color:#00a1e9;text-align: center;margin-top: .2rem;}
    .workstation-page .box2 .con>.img-div{display: none;}
    .workstation-page .box2 .slogan{display: none;}
    .workstation-page .box2 ul{position: static;height: auto;display: flex;flex-wrap: wrap;}
    .workstation-page .box2 li{position: static;margin-bottom: .6rem;width: calc(50% - .1rem);}
    .workstation-page .box2 li:nth-child(2n+1){margin-right: .2rem;}
    .workstation-page .box2 li .img-div{width: 1.5rem;height: 1.5rem;margin: 0 auto;}
    .workstation-page .box2 .info{width: auto;position: static;text-align: center;font-size: .24rem;height: auto;display: block;padding-right: 0;line-height: .44rem;}
    .workstation-page .box2 .info>h3{font-size: .32rem;margin: .2rem 0 .05rem;line-height: .56rem;}
    .workstation-page .box2 .info>p{display: block;}
    .workstation-page .box2 li:nth-child(2n) .info{text-align: center;padding: 0;}

    .workstation-page .box3{padding: 1rem 0 .6rem;}
    .workstation-page .box3 ul{margin-top: .5rem;display: block}
    .workstation-page .box3 li{margin: 0 0 .4rem 0;width: 100%;padding: .8rem .4rem .6rem;text-align: center;}
    .workstation-page .box3 .img-div{width: 1.07rem;height: 1.01rem;margin: 0 auto;}
    .workstation-page .box3 li>h3{font-size: .4rem;line-height: .6rem;margin: .2rem 0 .1rem;}
    .workstation-page .box3 li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .workstation-page .box3 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
}

@media (any-hover:hover){
    .workstation-page .box1 .img-div:hover>img{transform: scale(1.05);}
    .workstation-page .box1 .arrow:not(.swiper-button-disabled):hover{border-color: #00a1e9;background-image: url(../images/arrow4-w.png);background-color: #00a1e9;}

    .workstation-page .box2 li:hover .img-div{background: #00a1e9;}
    .workstation-page .box2 li:hover .img-div>img{filter: brightness(0%) invert(100%);}
    .workstation-page .box2 li:hover .info>p{display: block;}

    .workstation-page .box3 li:hover{transform: translateY(-.05rem);}
}

/* 联系 */
.rotate-circle,.tmap-zoom-control,.tmap-scale-control,.logo-text{display:none !important}
.contact-page{padding: 1rem 0;display: flex;justify-content: space-between;}
.contact-page .con{width: 45%;}
.contact-page .con>p{font-size: .16rem;color:#999;line-height: .26rem;}
.contact-page .con>h2{font-size: .4rem;color:#000;line-height: .5rem;margin: .05rem 0 .3rem;}
.contact-page ul{border-top: 1px solid #e5e5e5;margin-bottom: .5rem;}
.contact-page li{border-bottom: 1px solid #e5e5e5;display: flex;padding: .2rem 0;}
.contact-page li .img-div{width: .42rem;height: .4rem;}
.contact-page li>p{padding-top: .06rem;font-size: .18rem;line-height: .28rem;}
.contact-page li>p:nth-of-type(1){color: #666;padding-left: .4rem;width: 1.2rem;}
.contact-page li>p:nth-of-type(2){color: #000;flex:1}
.contact-page .qrs{display: flex;}
.contact-page .qr{width: 1.1rem;margin-right: .2rem;}
.contact-page .qr .img-div{width: 100%;height: 1.1rem;margin-bottom: .05rem;}
.contact-page .qr>p{font-size: .16rem;text-align: center;color:#666}
.contact-page #map{width: 50%;height: 6rem;border-radius: .2rem;}
.contact-page .map-info{background: #00a1e9;line-height: 40px;color:#fff;padding: 0 30px;position: relative;font-size: 16px;border-radius: 10px;}
.contact-page .map-info::before{content:'';position: absolute;left: 50%;bottom: -55px;transform: translateX(-50%);background: url(../images/26.png) no-repeat center center/100%;width: 27px;height: 39px;}
.contact-page .map-info::after{content:'';position: absolute;left: 50%;bottom: -5px;transform: translateX(-50%) rotate(45deg);background: #00a1e9;width: 15px;height: 15px;}

@media (max-width:1024px){
    .contact-page{display: block}
    .contact-page .con{width: 100%;margin-bottom: .6rem;}
    .contact-page .con>p{font-size: .3rem;line-height: .5rem;}
    .contact-page .con>h2{font-size: .44rem;line-height: .64rem;margin: .1rem 0 .3rem;}
    .contact-page ul{margin-bottom: .6rem;}
    .contact-page li{padding: .4rem 0;}
    .contact-page li .img-div{width: .52rem;height: .5rem;}
    .contact-page li>p{padding-top: 0;font-size: .28rem;line-height: .48rem;}
    .contact-page li>p:nth-of-type(1){padding-left: .25rem;}
    .contact-page .qrs{justify-content: center;}
    .contact-page .qr{width: 2.2rem;margin-right: .4rem;}
    .contact-page .qr:last-child{margin-right: 0;}
    .contact-page .qr .img-div{height: 2.2rem;margin-bottom: .15rem;}
    .contact-page .qr>p{font-size: .28rem;}
    .contact-page #map{width: 100%;}
}

/* 搜索 */
.search-page{padding: .5rem 0 1rem;}
.search-page .result{display: flex;justify-content: space-between;font-size: .16rem;color:#999;margin-bottom: .5rem;}
.search-page li{border-bottom: 1px #e5e5e5 solid;line-height: .7rem;font-size: .16rem;position: relative;transition: .3s;}
.search-page .page{padding-top: .5rem;}

@media (max-width:1024px){
    .search-page{padding: .6rem 0 1rem;}
    .search-page .result{font-size: .28rem;}
    .search-page li{line-height: 1rem;font-size: .28rem;}
}

@media (any-hover:hover){
    .search-page li:hover{color: #00a1e9;border-color: #00a1e9;}
}