/*公共*/
.header{position: fixed;top: 0;left: 0;width: 100%;transition: background .3s;z-index: 3000;}
.header .width{display: flex;align-items: center;}
.header .logo{width: 2.33rem;height: .4rem;justify-content: flex-start;filter: brightness(0%) invert(100%);}
.header .con{flex:1;display: flex;justify-content: flex-end;align-items: center;}
.header ul{display: flex;transition: .3s;}
.header li{padding: 0 .35rem;}
.header li>a{line-height: 1rem;position: relative;color:#fff}
.header li>a::after{content:'';width: 0;height: .02rem;position: absolute;bottom: -.01rem;left: 50%;transform: translateX(-50%);background: #fff;transition: .3s;z-index: 2;}
.header .child{position: absolute;top: 1rem;background: #fff;border-top: 1px #eee solid;border-bottom: 1px #eee solid;display: none;width: 100%;left: 0;text-align: center;}
.header .child>a{display: inline-block;line-height: .8rem;margin-right: .35rem;}
.header .child>a:last-child{margin-right: 0;}
.header .product{position: absolute;top: 1rem;background: #fff;border-top: 1px #eee solid;border-bottom: 1px #eee solid;display: none;width: 100%;left: 0;padding: .3rem 0;}
.header .product .items{display: flex;justify-content: center;}
.header .product .item{margin-right: .3rem;position: relative}
.header .product .item:last-child{margin-right: 0;}
.header .product .img-div{width: .9rem;height: .8rem;margin: 0 auto .1rem;}
.header .product .item>p{text-align: center;font-size: .12rem;}
.header .search{position: relative;margin: 0 .4rem 0 .15rem;}
.header .search>p{width: .2rem;height: 1rem;background: url(../images/search.png) no-repeat center center/100%;cursor: pointer;transition: .3s;filter: brightness(0%) invert(100%);}
.header .search .popup{position: absolute;transform: scale(0);top: .25rem;right: 0;display: flex;align-items: center;transition: .3s}
.header .search .input{position: relative;}
.header .search .input>input{height: .5rem;border-radius: .05rem;border: 1px #eee solid;background: #fff;width: 3rem;padding: 0 .5rem 0 .2rem;}
.header .search .btn{width: .5rem;height: 100%;background: url(../images/search.png) no-repeat center center/.18rem;position: absolute;top: 0;right: 0;cursor: pointer;}
.header .search .close{width: .2rem;height: .2rem;background: url(../images/close.svg) no-repeat center center/100%;margin-left: .1rem;cursor: pointer;}
.header .con>a{width: 1.6rem;line-height: .38rem;transition: .3s;border-radius: .2rem;color:#fff;background: url(../images/arrow1-w.svg) no-repeat 1.15rem center/.18rem;padding-left: .35rem;border: 1px #fff solid;}
.header.active{border-bottom: 1px #eee solid;background: #fff;}
.header.active .logo{filter:none}
.header.active li>a{color:#333}
.header.active li>a.active{color:#009ced}
.header.active li>a.active::after{background: #009ced}
.header.active .search>p{filter:none}
.header.active .con>a{background-color: #009ced;border-color: #009ced}
.header li>a.active::after{width: 100%;}
.header ul.hide{transform: scale(0);}
.header .search.active>p{transform: scale(0);}
.header .search.active .popup{transform: scale(1);}
.header-space{height: 1rem;}
.header-space.hide{display: none;}

.footer{background: #f5f5f5;padding: .6rem 0 1rem;}
.footer .logo{border-bottom: 1px solid #e5e5e5;padding-bottom: .45rem;}
.footer .logo .width{display: flex;align-items: center;justify-content: space-between;}
.footer .logo .img-div{width: 2.33rem;height: .4rem;justify-content: flex-start;}
.footer .back{font-size: .16rem;color:#666;position: relative;padding-right: .7rem;line-height: .5rem;cursor: pointer;}
.footer .back::after{content:'';width: .5rem;height: .5rem;background: #009ced url(../images/5.png) no-repeat center center/.2rem;position: absolute;right: 0;top: 0;border-radius: 50%;}
.footer .nav{display: flex;padding: .75rem 0 .6rem;border-bottom: 1px solid #e5e5e5;margin-bottom: .35rem;}
.footer ul{display: flex;width: 60%;}
.footer li{margin-right: 1.2rem;}
.footer li:last-child{margin-right: 0;}
.footer li>a{font-size: .18rem;margin-bottom: .15rem;}
.footer .child>a{line-height: .36rem;color:#666}
.footer .product{display: flex;}
.footer .item:first-child{margin-right: .8rem;}
.footer .item>a{line-height: .36rem;color:#666}
.footer .infos{flex:1;padding-left: .8rem;border-left: 1px solid #e5e5e5;display: flex;flex-wrap: wrap;}
.footer .info{width: calc(50% - .1rem);margin-bottom: .15rem;}
.footer .info:nth-child(2n+1){margin-right: .2rem;}
.footer .info.w100{width: 100%;margin-right: 0;}
.footer .info>span{font-size: .18rem;color:#333;margin-bottom: .05rem;display: block;}
.footer .info>p{color:#666}
.footer .phone{line-height: .24rem;}
.footer .address{line-height: .24rem;}
.footer .media{display: flex;margin-top: .1rem;}
.footer .media>.img-div{width: .4rem;height: .4rem;border-radius: 50%;background: #e3e3e3;margin-right: .1rem;position: relative;}
.footer .media>.img-div:last-child{margin-right: 0;}
.footer .media>.img-div>img{max-width: 70%;max-height: 40%;}
.footer .media>.img-div .img-div{position: absolute;top: calc(100% + .1rem);left: 50%;width: 1.2rem;height: 1.2rem;transform: translateX(-50%) scale(0);align-items: flex-start;}
.footer .media>.img-div:hover{background: #009ced;}
.footer .media>.img-div:hover>img{filter: brightness(0%) invert(100%);}
.footer .media>.img-div:hover .img-div{transform: translateX(-50%) scale(1);}
.footer .copyright{display: flex;}
.footer .width>p{flex:1;color:#666}
.footer .beian{display: flex;justify-content: flex-end;flex: 1;}
.footer .beian>a{color:#666;margin-right: .1rem;}
.footer .gwab{background: url(../images/6.png) no-repeat left center/.18rem;padding-left: .25rem;}
.footer .beian>a:last-child{margin-right: 0;}

.inner-banner{position: relative;}
.inner-banner .img{padding-bottom: 20.83%;}
.inner-banner .m{display: none;}
.inner-banner>h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: .6rem;line-height: .7rem;color:#000}

.form{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 4000;background: rgba(0,0,0,.5);padding: .5rem 0;display: none;}
.form .width{max-width: 10rem;background: #fff;border-radius: .2rem;padding: .7rem .8rem .85rem;position: relative;}
.form .close{position: absolute;right: .5rem;top: .5rem;width: .45rem;height: .45rem;border-radius: 50%;background: #f5f5f5 url(../images/close.svg) no-repeat center center/.2rem;cursor: pointer;transition: .3s;}
.form .width>h3{font-size: .42rem;color:#000;text-align: center;}
.form .width>p{font-size: .2rem;color:#666;text-align: center;margin: .15rem 0 .45rem;}
.form ul{display: flex;flex-wrap: wrap;}
.form li{width: calc(50% - .15rem);margin-bottom: .3rem;}
.form li:nth-child(2n+1){margin-right: .3rem;}
.form li:last-child{margin-bottom: 0;}
.form li.w100{width: 100%;margin-right: 0;}
.form li>p{font-size: .18rem;color:#666;margin-bottom: .1rem;}
.form li>p>span{color:#ed3434;margin-left: .05rem;}
.form li>input{height: .5rem;border-radius: .05rem;background: #f5f5f5;border: 1px solid #e5e5e5;width: 100%;font-size: .16rem;transition: .3s;}
.form li>input::placeholder{color:rgba(0,0,0,.3);font-size: .16rem;}
.form li>input:focus{border-color: #009ced;}
.form .select>select{height: .5rem;border-radius: .05rem;background: #f5f5f5;border: 1px solid #e5e5e5;font-size: .16rem;transition: .3s;}
.form .select>select:focus{border-color: #009ced;}
.form li>textarea{height: 1.2rem;border-radius: .05rem;background: #f5f5f5;border: 1px solid #e5e5e5;width: 100%;font-size: .16rem;transition: .3s;}
.form li>textarea::placeholder{color:rgba(0,0,0,.3);font-size: .16rem;}
.form li>textarea:focus{border-color: #009ced;}
.form label{display: flex;align-items: center;cursor: pointer;margin: .2rem 0 .45rem;}
.form label>input{width: .15rem;height: .15rem;border-radius: .03rem;border: 1px solid #666;margin-right: .1rem;}
.form label>input:checked{border-color: #009ced;}
.form label>p{font-size: .16rem;color:#999;flex:1}
.form label>p>a{display: inline-block;color: #009ced;}
.form .btn{width: 2.2rem;line-height: .6rem;border-radius: .3rem;font-size: .2rem;background: #009ced;text-align: center;color:#fff;cursor: pointer;transition: .3s;}

.nav-m{display: none;}

@media (max-width:1024px){
    .header .logo{width: 3.5rem;height: .6rem;}
    .header ul{display: none}
    .header .search{margin: 0 .3rem 0 0;}
    .header .search>p{width: .35rem;height: 1.2rem;}
    .header .search .popup{position: fixed;top: 1.3rem;right: auto;left:.2rem;display: block;width: calc(100% - .4rem);display: none;transform: scale(1);transition: 0s;}
    .header .search .input>input{height: .9rem;width: 100%;padding: 0 .9rem 0 .3rem;}
    .header .search .btn{width: .9rem;background-size:.3rem;}
    .header .search .close{display: none;}
    .header .menu{width: .45rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;filter: brightness(0%) invert(100%);}
    .header .con>a{display: none;}
    .header.active .menu{filter:none}
    .header-space{height: 1.2rem;}

    .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: 3.5rem;height: .6rem;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;}
    .nav-m .product{display: none;}
    .nav-m .product .items{display: flex;flex-wrap: wrap;padding: .3rem 0;}
    .nav-m .product .item{position: relative;width: calc(50% - .1rem);margin-bottom: .4rem;}
    .nav-m .product .item:nth-child(2n+1){margin-right: .2rem;}
    .nav-m .product .img-div{width:1.6rem;height: 1.5rem;margin: 0 auto .1rem;}
    .nav-m .product .item>p{text-align: center;}

    .footer{padding: .8rem 0 .4rem;}
    .footer .logo{padding-bottom: .4rem;}
    .footer .logo .img-div{width: 4.08rem;height: .7rem;}
    .footer .back{padding-right: 0;height: .7rem;}
    .footer .back>span{display: none;}
    .footer .back::after{width: .7rem;height: .7rem;background-size:.3rem;}
    .footer .nav{display: block;padding: .2rem 0 .4rem;}
    .footer ul{display: block;width: 100%;}
    .footer li{margin-right: 0;position: relative;border-bottom: 1px #e5e5e5 solid;padding: .3rem 0;}
    .footer li:last-child{margin-right: 0;}
    .footer 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;}
    .footer li.active::after{transform: rotate(90deg);}
    .footer li>a{font-size: .32rem;margin-bottom: 0;display: inline-block;}
    .footer .child{display: none;padding: .2rem 0 0 .4rem;}
    .footer .child>a{line-height: .8rem;border-bottom: 1px #e5e5e5 solid}
    .footer .child>a:last-child{border-bottom: 0;}
    .footer .product{display: none;overflow: hidden;padding-top: .2rem;}
    .footer .item{width: calc(50% - .1rem);float: left;}
    .footer .item:first-child{margin-right: .2rem;}
    .footer .item>a{line-height: .56rem;}
    .footer .infos{padding: .4rem 0 0;border-left: 0}
    .footer .info{margin-bottom: .25rem;}
    .footer .info>span{font-size: .28rem;margin-bottom: .1rem;}
    .footer .phone{font-size: .32rem;line-height: .52rem;}
    .footer .address{font-size: .3rem;line-height: .5rem;}
    .footer .media{margin-top: .2rem;}
    .footer .media>.img-div{width: .8rem;height: .8rem;margin-right: .2rem;}
    .footer .media>.img-div .img-div{top: calc(100% + .2rem);width: 2.4rem;height: 2.4rem;}
    .footer .media>.img-div:first-child .img-div{transform: translateX(0) scale(0);left: 0;justify-content: flex-start;}
    .footer .media>.img-div:first-child:hover .img-div{transform: translateX(0) scale(1);}
    .footer .copyright{display: block;text-align: center;}
    .footer .copyright>p{line-height: .44rem;margin-bottom: .1rem;}
    .footer .beian>a{margin-right: .2rem;display: inline-block;font-size: .24rem;line-height: .36rem;}
    .footer .gwab{background-size:.36rem;padding-left: .5rem;}

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

    .form{padding: .8rem 0;}
    .form .width{max-width: 100%;padding: .7rem .4rem}
    .form .close{right: -.1rem;top: -.1rem;width: .7rem;height: .7rem;background-size:.3rem}
    .form .width>h3{font-size: .45rem;}
    .form .width>p{font-size: .28rem;}
    .form ul{display: block}
    .form li{width: 100%;margin-bottom: .4rem;}
    .form li:nth-child(2n+1){margin-right: 0;}
    .form li>p{font-size: .28rem;margin-bottom: .15rem;}
    .form li>input{height: .8rem;font-size: .26rem;}
    .form li>input::placeholder{font-size: .26rem;}
    .form .select>select{height: .8rem;font-size: .26rem}
    .form li>textarea{height: 3rem;font-size: .26rem}
    .form li>textarea::placeholder{font-size: .26rem;}
    .form label{align-items: flex-start;}
    .form label>input{width: .25rem;height: .25rem;margin: .05rem .15rem 0 0;}
    .form label>p{font-size: .24rem;line-height: .4rem;}
    .form .btn{width: 3rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem;margin: 0 auto;}
}

@media (any-hover:hover){
    .header:hover{border-bottom: 1px #eee solid;background: #fff;}
    .header:hover .logo{filter:none}
    .header:hover li>a{color:#333}
    .header:hover li>a.active{color:#009ced}
    .header:hover li>a.active::after{background: #009ced}
    .header:hover .search>p{filter:none}
    .header:hover .con>a{background-color: #009ced;border-color: #009ced}
    .header li:hover>a{color:#009ced}
    .header li:hover>a::after{width: 100%;}
    .header .child>a:hover{color: #009ced;}
    .header .product .item:hover .img-div>img{transform: scale(1.05);}
    .header .product .item:hover>p{color:#009ced}
    .header .con>a:hover{opacity: .8;}

    .footer .back:hover{color: #009ced;}
    .footer li>a:hover{color:#009ced}
    .footer .child>a:hover{color:#009ced}
    .footer .item>a:hover{color:#009ced}
    .footer .beian>a:hover{color:#009ced}

    .form .close:hover{transform: rotate(180deg);}
    .form .btn:hover{opacity: .8;}
}

/* 首页 */
.index-page .tit{text-align: center;}
.index-page .tit>h2{font-size: .24rem;line-height: .34rem;color: #666;}
.index-page .tit>p{font-size: .48rem;line-height: .58rem;color:#000;margin-bottom: .05rem;}

.index-page .box1 .m{display: none;}
.index-page .box1 .img{padding-bottom: 48.43%;}
.index-page .box1 .swiper-slide-active .img{transform:scale(1.1);animation:index-box1-img 2s linear forwards}
.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%);top: 18%;text-align: center;}
.index-page .box1 .width>h1,.index-page .box1 .width>span{font-size: .6rem;line-height: .7rem;display: block;color:#000;margin-bottom: .15rem;}
.index-page .box1 .width.w>h1,.index-page .box1 .width.w>span{color:#fff}
.index-page .box1 .width>p{font-size: .18rem;line-height: .28rem;color:#666}
.index-page .box1 .width.w>p{color:#fff}
.index-page .box1 .width .more {transition: .3s;color: #000;margin: .3rem auto 0;background: url(../images/arrow1.svg) no-repeat right center/.18rem;padding-right: .3rem;display: inline-block;}
.index-page .box1 .width.w .more{color:#fff;background-image: url(../images/arrow1-w.svg);}
.index-page .box1 .swiper-pagination {bottom:.4rem;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 linear;}

.index-page .box2{display: flex;flex-wrap: wrap;padding: .2rem 0 1rem;}
.index-page .box2 li{width: calc(50% - .1rem);margin-bottom: .2rem;position: relative;}
.index-page .box2 li:nth-child(2n+1){margin-right: .2rem;}
.index-page .box2 .img{padding-bottom: 56.84%;}
.index-page .box2 .m{display: none;}
.index-page .box2 .info{position: absolute;top: 0;left: 0;width: 100%;text-align: center;padding: .55rem;}
.index-page .box2 .info>h3{font-size: .36rem;line-height: .46rem;color:#fff;margin-bottom: .1rem;}
.index-page .box2 .info>a{padding:10px 18px 10px 20px;border-radius:99px;position: relative;z-index: 100;color:#fff;display: inline-flex;transition: .3s;    align-items: center;gap:0.1rem}
.index-page .box2 .info>a img {
    width: clamp(14px ,0.16rem,16px);
}
.index-page .box2 .info>a:hover {
    background: #009ced;
}
.index-page .box3 .tits{display: flex;align-items: flex-end;}
.index-page .box3 .tit{flex:1;text-align: left;}
.index-page .box3 .tits>a{width: 1.6rem;text-align: right;font-size: .16rem;color:#009ced;background: url(../images/arrow1-m.svg) no-repeat right center/.18rem;padding-right: .3rem;transition: .3s;filter: grayscale(1);}
.index-page .box3 .swiper-container{margin: .45rem 0;}
.index-page .box3 .swiper-slide{width: 4.9rem;}
.index-page .box3 .img-div{background: #f5f5f5 url(../images/2.jpg) no-repeat center center/cover;height: 3.7rem;transition: .5s;}
.index-page .box3 .img-div>img{max-width: 60%;max-height: 60%;transition: .8s;}
.index-page .box3 .swiper-slide>h3{font-size: .24rem;color:#000;margin: .25rem 0 .1rem;}
.index-page .box3 .swiper-slide>p:nth-of-type(1){font-size: .16rem;color:#999;}
.index-page .box3 .swiper-slide>p:nth-of-type(2){position: absolute;width: .55rem;height: .55rem;background: #f5f5f5 url(../images/arrow1.svg) no-repeat center center/.2rem;border-radius: 50%;right: .1rem;top: 3.25rem;transition: .5s;}
.index-page .box3 .swiper-slide-active{height: 5.4rem;}
.index-page .box3 .swiper-slide-active .img-div{height: 4.5rem;background-image: url(../images/1.jpg);}
.index-page .box3 .swiper-slide-active>p:nth-of-type(2){top: 3.95rem;background-color: #009ced;background-image: url(../images/arrow1-w.svg);}
.index-page .box3 .swiper-pagination{position: static;}
.index-page .box3 .swiper-pagination-progress{height: .01rem;background: #eee;top: auto;bottom: 0;}
.index-page .box3 .swiper-pagination-progressbar{background: #009ced !important;height: .03rem !important;top: -.01rem !important;}
.index-page .box4 {padding:1.1rem 0 0}
.index-page .box4 .width>p{text-align: center;}
.index-page .box4 .width>p:nth-of-type(1){font-size: .18rem;line-height: .36rem;color:#666;margin: .35rem 0 .65rem;}
.index-page .box4 .width>p:nth-of-type(2){font-size: .12rem;color:#999;margin: .45rem 0 .65rem;}
.index-page .box4 ul{display: flex;justify-content: space-between;}
.index-page .box4 li{text-align: center;}
.index-page .box4 li>p:nth-of-type(1){display: flex;align-items: flex-end;color:#009ced;justify-content: center;margin-bottom: .1rem;}
.index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;line-height: .6rem;}
.index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .3rem;}
.index-page .box4 li>p:nth-of-type(2){font-size: .16rem;color:#666}
.index-page .box4 .img-div{position: relative;}
.index-page .box4 .img-div>img{width: 100%;}
.index-page .box4 .img-div>a{position: absolute;width: .6rem;height: .6rem;background: #009ced url(../images/arrow1-w.svg) no-repeat center center/.22rem;border-radius: 50%;left: calc(50% - .3rem);top: calc(50% - .1rem);transition: .3s;}

.index-page .box5{padding: 1.1rem 0;}
.index-page .box5 .swiper-container{margin: .45rem 0 .5rem;}
.index-page .box5 .swiper-slide{width: 10.4rem;height: 5.8rem;border-radius: .2rem;}
.index-page .box5 .info{position: absolute;bottom: 0;left: 0;background: rgba(0,156,237,.9);border-radius: 0 .2rem 0 0;max-width: 50%;color:#fff;padding: .4rem;min-width: 2.4rem;transition: .3s;transform: scale(0);}
.index-page .box5 .swiper-slide-active .info{transform: scale(1);}
.index-page .box5 .img-div{width: .45rem;height: .45rem;}
.index-page .box5 .info>h3{font-size: .24rem;line-height: .34rem;margin: .15rem 0 .05rem;}
.index-page .box5 .info>p{font-size: .16rem;line-height: .26rem;opacity: .6;}
.index-page .box5 .arrow{width: .55rem;height: .55rem;border-radius: 50%;background: rgba(255,255,255,.5) url(../images/arrow1.svg) no-repeat center center/.2rem;position: absolute;top: calc(50% - .28rem);right: 8%;cursor: pointer;transition: .3s;z-index: 2;}
.index-page .box5 .prev{transform: rotate(180deg);right: auto;left: 8%}
.index-page .box5 .cons{border-bottom: 1px #e5e5e5 solid;padding-bottom: .55rem;}
.index-page .box5 .con{width: 10.4rem;margin: 0 auto;display: none;}
.index-page .box5 .con>div{display: flex;align-items: center;}
.index-page .box5 .con>div>p{width: 2.4rem;font-size: .24rem;line-height: .32rem;color:#000;padding: 0 .55rem;position: relative;}
.index-page .box5 .con>div>p::before{content:'';width: 100%;height: .03rem;background: #009ced;position: absolute;bottom: -.56rem;left: 0;}
.index-page .box5 .con>div>p::after{content:'';width: 1px;height: 100%;background: #e5e5e5;position: absolute;top: 0;right: .1rem;}
.index-page .box5 .con>div>span{flex: 1;font-size: .16rem;line-height: .24rem;color:#666;padding: 0 .4rem;text-align: center;}
.index-page .box5 .m{display: none;}

@keyframes index-box1 {
    to{stroke-dashoffset: 0;}
}

@keyframes index-box1-img {
    to{transform: scale(1)}
}

@media (max-width:1024px){
    .index-page .tit>h2{font-size: .36rem;line-height: .46rem;}
    .index-page .tit>p{font-size: .45rem;line-height: .65rem;margin-bottom: .1rem;}

    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .img{padding-bottom: 120%;}
    .index-page .box1 video{display: none;}
    .index-page .box1 .width{top: 18%;}
    .index-page .box1 .width>h1,.index-page .box1 .width>span{font-size: .45rem;line-height: .65rem;margin-bottom: .15rem;}
    .index-page .box1 .width>p{font-size: .28rem;line-height: .48rem}
    .index-page .box1 .width .more {background-size:.3rem;padding-right: .4rem}
    .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{display: block;padding: .4rem .4rem .6rem;}
    .index-page .box2 li{width:100%;margin-bottom: .4rem;border-radius: .2rem;}
    .index-page .box2 li:nth-child(2n+1){margin-right: 0;}
    .index-page .box2 .img{padding-bottom: 70.31%;}
    .index-page .box2 .pc{display: none;}
    .index-page .box2 .m{display: block;}
    .index-page .box2 .info{height: 100%;display: flex;flex-direction: column;justify-content: center;background:rgba(0,0,0,.1);align-items: center;}
    .index-page .box2 .info>h3{font-size: .45rem;line-height: .65rem;margin-bottom: .1rem;}
    .index-page .box2 .info>a{background-size:.3rem;padding-right: .35rem;}

    .index-page .box3 .tits{display: block}
    .index-page .box3 .tit{text-align: center;}
    .index-page .box3 .tits>a{width: 2.7rem;text-align: center;font-size: .28rem;background-size:.3rem;margin: .3rem auto 0;}
    .index-page .box3 .swiper-container{margin: .6rem .4rem 0;}
    .index-page .box3 .swiper-slide{width: 5.4rem;}
    .index-page .box3 .img-div{height: 4.19rem}
    .index-page .box3 .swiper-slide>h3{font-size: .32rem;margin: .3rem 0 .2rem;}
    .index-page .box3 .swiper-slide>p:nth-of-type(1){font-size: .28rem}
    .index-page .box3 .swiper-slide>p:nth-of-type(2){width: .7rem;height: .7rem;background-size:.3rem;right: 0;top: 3.49rem;}
    .index-page .box3 .swiper-slide-active{height: 6.8rem;}
    .index-page .box3 .swiper-slide-active .img-div{height: 4.96rem;}
    .index-page .box3 .swiper-slide-active>p:nth-of-type(2){top: 4.26rem;}

    .index-page .box4 .tit{text-align: left;}
    .index-page .box4 .width>p{text-align: left;}
    .index-page .box4 .width>p:nth-of-type(1){font-size: .28rem;line-height: .52rem;margin: .35rem 0 .65rem;}
    .index-page .box4 .width>p:nth-of-type(2){font-size: .24rem;margin: .2rem 0 .4rem;line-height: .44rem;}
    .index-page .box4 ul{justify-content: center;flex-wrap: wrap;}
    .index-page .box4 li{text-align: center;width: calc(50% - .1rem);margin-bottom: .4rem;}
    .index-page .box4 li:nth-child(2n+1){margin-right: .2rem;}
    .index-page .box4 li>p:nth-of-type(1){margin-bottom: .2rem;}
    .index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;line-height: .6rem;width: auto !important;margin-right: .1rem;}
    .index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .24rem;}
    .index-page .box4 li>p:nth-of-type(2){font-size: .28rem;}
    .index-page .box4 .img-div>a{width: .7rem;height: .7rem;background-size:.3rem;left: calc(50% - .35rem);}

    .index-page .box5{padding: 1rem 0;}
    .index-page .box5 .swiper-container{margin: .6rem .4rem .4rem;border-radius: .2rem;}
    .index-page .box5 .swiper-slide{width: 100%;height: auto}
    .index-page .box5 .img{padding-bottom: 65%;}
    .index-page .box5 .info{max-width: 80%;padding: .4rem .3rem .3rem}
    .index-page .box5 .info>h3{font-size: .28rem;line-height: .48rem;margin: .15rem 0 0;}
    .index-page .box5 .info>p{font-size: .24rem;line-height: .44rem;}
    .index-page .box5 .arrow{display: none;}
    .index-page .box5 .swiper-pagination{text-align: right;padding-right: .3rem;}
    .index-page .box5 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .index-page .box5 .swiper-pagination-bullet-active{background: #009ced;}
    .index-page .box5 .cons{padding-bottom: .4rem;}
    .index-page .box5 .con{width: 100%;display: none;}
    .index-page .box5 .con>div{display: block}
    .index-page .box5 .con>div>p{width: 100%;font-size: .36rem;line-height: .56rem;padding: 0 0 .1rem;}
    .index-page .box5 .con>div>p::before{display: none;}
    .index-page .box5 .con>div>p::after{display: none;}
    .index-page .box5 .con>div>span{font-size: .28rem;line-height: .48rem;padding-left: 0;}
    .index-page .box5 .m{display: block;}
    .index-page .box5 .pc{display: none;}
}

@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 .box1 .width .more:hover{color: #009ced;background-image: url(../images/arrow1-m.svg);}

    .index-page .box2 li:hover .img{transform: scale(1.1);}

    .index-page .box3 .tits>a:hover{filter: grayscale(0);}
    .index-page .box3 .swiper-slide:hover .img-div>img{transform: scale(1.05);}
    .index-page .box3 .swiper-slide:hover>h3{color:#009ced}
    
    .index-page .box4 .img-div>a:hover{opacity: .8;}

    .index-page .box5 .arrow:hover{background-color: #009ced;background-image: url(../images/arrow1-w.svg);}
}

/* 产品 */
.product-page.list .tit{text-align: center;}
.product-page.list .tit>h1{font-size: .24rem;line-height: .34rem;color:#666;}
.product-page.list .tit>p{font-size: .48rem;line-height: .58rem;color:#000;margin-bottom: .05rem;}

.product-page.list .box1{padding: .55rem 0 .95rem;}
.product-page.list .box1 ul{display: flex;flex-wrap: wrap;margin-top: .5rem;}
.product-page.list .box1 li{width: calc(20% - .24rem);margin: 0 .3rem .45rem 0;position: relative;}
.product-page.list .box1 li:nth-child(5n){margin-right: 0;}
.product-page.list .box1 .img-bg{position: relative;}
.product-page.list .box1 .img{padding-bottom: 100.33%;}
.product-page.list .box1 .img-div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-page.list .box1 .img-div>img{max-width: 60%;max-height: 60%;transition: .8s;}
.product-page.list .box1 .img-bg>p{position: absolute;width: 11.66%;background: #f5f5f5 url(../images/arrow1.svg) no-repeat center center/.14rem;border-radius: 50%;right: 1.66%;bottom: 0;transition: .3s;}
.product-page.list .box1 .img-bg>p>span{padding-bottom: 100%;display: block;}
.product-page.list .box1 li>h2{font-size: .2rem;color:#000;margin: .25rem 0 .1rem;}
.product-page.list .box1 li>p{color:#999}

.product-page.list .box2{padding-bottom: 1rem;}
.product-page.list .box2 .tit{margin-bottom: .45rem;}

.product-page.detail .box1{position: relative;}
.product-page.detail .box1 .img{padding-bottom: 43.22%;}
.product-page.detail .box1 .m{display: none;width:100%}
.product-page.detail .box1 video{position: absolute;width: 100%;height: 100%;top:0;left:0;object-fit:cover;}
.product-page.detail .box1 .width{position: absolute;top: 25%;left: 50%;transform: translateX(-50%);color:#fff;}
.product-page.detail .box1 .width.black{color:#333}
.product-page.detail .box1 .width>h1{font-size: .6rem;line-height: .7rem;}
.product-page.detail .box1 .width>p{font-size: .36rem;line-height: .46rem;margin: .15rem 0 .55rem;}
.product-page.detail .box1 .btn{display: flex;}
.product-page.detail .box1 .btn>a{width: 2rem;line-height: .58rem;border-radius: .3rem;background: #009ced url(../images/arrow1-w.svg) no-repeat 1.5rem center/.18rem;padding-left: .4rem;font-size: .16rem;color: #fff;border: 1px solid #009ced;}
.product-page.detail .box1 .btn>a:nth-of-type(2){margin-left: .2rem;background: url(../images/7.png) no-repeat .35rem center/.2rem;border-color: #fff;padding-left: .7rem;}

.product-page.detail .box2 .item{position: relative;}
.product-page.detail .box2 .m{display: none;}
.product-page.detail .box2 .item>img{width: 100%;}
.product-page.detail .box2 video{position: absolute;width: 100%;height: 100%;top:0;left:0;object-fit:cover;}
.product-page.detail .box2 .m_video{display: none;}
.product-page.detail .box2 .width{position: absolute;top: 20%;left: 50%;transform: translateX(-50%);color:#fff;}
.product-page.detail .box2 .width>h2{font-size: .6rem;line-height: .7rem;}
.product-page.detail .box2 .width>p{font-size: .24rem;line-height: .36rem;margin: .15rem auto .7rem;max-width: 11rem;}
.product-page.detail .box2 ul{max-width: 5.6rem;display: flex;flex-wrap: wrap;margin: 0 auto;}
.product-page.detail .box2 li{width: 2.4rem;display: flex;align-items: center;border-bottom: 1px solid rgba(255,255,255,.3);padding-bottom: .2rem;margin-bottom: .4rem;justify-content: space-between;}
.product-page.detail .box2 li:nth-child(2n+1){margin-right: .8rem;}
.product-page.detail .box2 li>h3{font-size: .2rem;width: calc(100% - .5rem);}
.product-page.detail .box2 .img-div{width: .39rem;height: .31rem;}
.product-page.detail .box2 .img-div>img{filter: brightness(0) invert(100%);}
.product-page.detail .box2 .width.center{text-align: center;top: 0;padding-top: 1rem;}
.product-page.detail .box2 .width.black{color:#333}
.product-page.detail .box2 .width.black li{border-bottom-color: #ddd;}
.product-page.detail .box2 .width.black .img-div>img{filter:none}

.product-page.detail .box3{padding: 1.1rem 0 1rem;}
.product-page.detail .box3>h2{text-align: center;font-size: .48rem;color:#000;margin-bottom: .45rem;}
.product-page.detail .box3 ul{display: flex;flex-wrap: wrap;}
.product-page.detail .box3 li{width: calc(50% - .1rem);margin-bottom: .2rem;position: relative;border-radius: .1rem;}
.product-page.detail .box3 li:nth-child(2n+1){margin-right: .2rem;}
.product-page.detail .box3 .img{padding-bottom: 56.84%;}
.product-page.detail .box3 .m{display: none;}
.product-page.detail .box3 .info{position: absolute;top: 0;left: 0;width: 100%;text-align: center;padding: .45rem;}
.product-page.detail .box3 .info>h3{font-size: .32rem;line-height: .42rem;color:#fff;margin-bottom: .1rem;}
.product-page.detail .box3 .info>a{position: relative;z-index: 100;background: url(../images/arrow1-w.svg) no-repeat right center/.14rem;color:#fff;display: inline-block;padding-right: .2rem;transition: .3s;}

@media (max-width:1024px){
    .product-page.list .tit>h1,.product-page.list .tit>h2{font-size: .36rem;line-height: .56rem;}
    .product-page.list .tit>p{font-size: .44rem;line-height: .64rem;margin-bottom: .1rem;}

    .product-page.list .box1{padding: .6rem 0;}
    .product-page.list .box1 li{width: calc(50% - .1rem);margin: 0 .2rem .4rem 0;}
    .product-page.list .box1 li:nth-child(5n){margin-right: .2rem;}
    .product-page.list .box1 li:nth-child(2n){margin-right: 0;}
    .product-page.list .box1 .img-bg>p{background-size:.2rem;}
    .product-page.list .box1 li>h2{font-size: .28rem}
    .product-page.list .box1 li>p{font-size: .24rem;}

    .product-page.list .box2 .tit>h1{margin-bottom: 0;}
    .product-page.list .box2 .tit>p{margin-bottom: .1rem;}

    .product-page.detail .box1 .img{padding-bottom: 180%;}
    .product-page.detail .box1 .pc{display: none;}
    .product-page.detail .box1 .m{display: block;}
    .product-page.detail .box1 .width{top: 10%;}
    .product-page.detail .box1 .width>h1{font-size: .6rem;text-align: center;line-height: .8rem;}
    .product-page.detail .box1 .width>p{font-size: .36rem;line-height: .56rem;margin: .1rem 0 .2rem;text-align: center;}
    .product-page.detail .box1 .btn{display: flex;justify-content: center;}
    .product-page.detail .box1 .btn>a{width: 3rem;line-height: .75rem;border-radius: .6rem;background-position:2.3rem center;background-size:.3rem;padding-left: .45rem;font-size: .28rem;}
    .product-page.detail .box1 .btn>a:nth-of-type(2){background-position: .35rem center;background-size:.35rem;padding-left: .9rem;}

    .product-page.detail .box2 .pc{display: none;}
    .product-page.detail .box2 .m{display: block;}
    .product-page.detail .box2 .pc_video{display: none;}
    .product-page.detail .box2 .m_video{display: block;}
    .product-page.detail .box2 .width{top: 0;padding-top: 1rem;text-align: center;}
    .product-page.detail .box2 .width>h2{font-size: .5rem;}
    .product-page.detail .box2 .width>p{font-size: .28rem;line-height: .48rem;margin: .15rem auto .4rem;max-width: 100%;}
    .product-page.detail .box2 ul{max-width: 100%;display: block;}
    .product-page.detail .box2 li{width: 100%;margin-bottom: .3rem;text-align: left;font-size: .32rem;}
    .product-page.detail .box2 li:nth-child(2n+1){margin-right: 0;}
    .product-page.detail .box2 li>h3{font-size: .28rem;width: calc(100% - .5rem);}
    .product-page.detail .box2 .img-div{width: .59rem;height: .51rem;}

    .product-page.detail .box3{padding: .7rem 0 .6rem;}
    .product-page.detail .box3>h2{font-size: .5rem;}
    .product-page.detail .box3 ul{display: block;}
    .product-page.detail .box3 li{width: 100%;margin-bottom: .4rem;}
    .product-page.detail .box3 li:nth-child(2n+1){margin-right: 0;}
    .product-page.detail .box3 .img{padding-bottom: 70.31%;}
    .product-page.detail .box3 .pc{display: none;}
    .product-page.detail .box3 .m{display: block;}
    .product-page.detail .box3 .info{height: 100%;display: flex;flex-direction: column;justify-content: center;background:rgba(0,0,0,.1);align-items: center;}
    .product-page.detail .box3 .info>h3{font-size: .45rem;line-height: .65rem;margin-bottom: .1rem;}
    .product-page.detail .box3 .info>a{background-size:.3rem;padding-right: .35rem;}
}

@media (any-hover:hover){
    .product-page.list .box1 li:hover .img-div>img{transform: scale(1.05);}
    .product-page.list .box1 li:hover .img-bg>p{background-color: #009ced;background-image: url(../images/arrow1-w.svg);}
    .product-page.list .box1 li:hover>h2{color:#009ced}

    .product-page.detail .box1 .btn>a:nth-of-type(1):hover{opacity: .8;}
    .product-page.detail .box1 .btn>a:nth-of-type(2):hover{border-color: #009ced;background-color: #009ced;}

    .product-page.detail .box3 li:hover .img{transform: scale(1.1);}
    .product-page.detail .box3 .info>a:hover{background-position: calc(100% + .05rem) center;}
}

/* 方案 */
.solution-page .tit{text-align: center;}
.solution-page .tit>h2{font-size: .24rem;line-height: .34rem;color:#666;}
.solution-page .tit>p{font-size: .48rem;line-height: .58rem;color:#000;margin-bottom: .05rem;}

.solution-page .box1{position: relative;color:#fff}
.solution-page .box1.black{color:#333}
.solution-page .box1 .img{height: 8.6rem;}
.solution-page .box1 .m{display: none;}
.solution-page .box1 video{position: absolute;width: 100%;height: 100%;top:0;left:0;object-fit:cover;}
.solution-page .box1 .con{position: absolute;top: 22%;left: 50%;transform: translateX(-50%);}
.solution-page .box1 .info{width: 7.4rem;}
.solution-page .box1 .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;}
.solution-page .box1 .info>h1{font-size: .6rem;line-height: .7rem;margin: .05rem 0 .3rem;}
.solution-page .box1 .info>p:nth-of-type(2){font-size: .18rem;line-height: .36rem;}
.solution-page .box1 ul{border-top: 1px solid rgba(255,255,255,.15);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;padding: .3rem 0 .8rem;}
.solution-page .box1 li>p:nth-of-type(1){display: flex;align-items: flex-end;margin-bottom: .1rem;}
.solution-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;text-align: center;}
.solution-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .3rem;margin-bottom: .1rem;}
.solution-page .box1 li>p:nth-of-type(2){font-size: .16rem;}

.solution-page .box2{padding-top: 1.4rem}
.solution-page .box2 .item{display: flex;margin-bottom: 1rem;align-items:flex-start}
.solution-page .box2 .item:last-child{margin-bottom: 0;}
.solution-page .box2 .img-bg{width: 46.25%;border-radius: .2rem;}
.solution-page .box2 .item:nth-child(2n) .img-bg{order:2}
.solution-page .box2 .img{padding-bottom: 97.29%;}
.solution-page .box2 .info{flex:1;padding-left: 1.2rem;}
.solution-page .box2 .item:nth-child(2n) .info{padding: 0 1.2rem 0 0;}
.solution-page .box2 .info>h2{font-size: .48rem;line-height: .58rem;color:#000;margin: .5rem 0 .2rem;}
.solution-page .box2 .info>p{font-size: .24rem;line-height: .34rem;color:#666;margin-bottom: .45rem;}
.solution-page .box2 ul{display: flex;flex-wrap: wrap;}
.solution-page .box2 li{width: calc(50% - .1rem);height: 2.3rem;margin-bottom: .2rem;background: url(../images/8.jpg) no-repeat center center/cover;padding: .4rem;border: 1px #eee solid;border-radius: .2rem;}
.solution-page .box2 li:nth-child(2n+1){margin-right: .2rem;}
.solution-page .box2 li>p:nth-of-type(1){line-height: .38rem;border-radius: .2rem;border: 1px solid #009ced;display: inline-block;font-size: .2rem;color:#009ced;padding: 0 .2rem;margin-bottom: .4rem;}
.solution-page .box2 li>p:nth-of-type(2){font-size: .2rem;line-height: .32rem;padding-right: .05rem;max-height: .64rem;}

.solution-page .box3{padding-top: 1.1rem}
.solution-page .box3 .con{margin-top: .45rem;border-radius: .2rem;background: #f8f8f8;padding: .6rem .6rem .6rem .8rem;}
.solution-page .box3 .infos{position: relative;margin-bottom: .5rem;}
.solution-page .box3 .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .8s;display: flex;align-items: center;}
.solution-page .box3 .info.active{position: relative;opacity: 1;z-index: 2;}
.solution-page .box3 .img-bg{width: 54.79%;border-radius: .2rem;}
.solution-page .box3 .img{padding-bottom: 60%;}
.solution-page .box3 .txt{flex:1;padding-right: .8rem;}
.solution-page .box3 .txt>h3{font-size: .4rem;line-height: .5rem;color:#000;margin-bottom: .3rem;}
.solution-page .box3 .note{max-height: 3rem;padding-right: .05rem;}
.solution-page .box3 .note>p{position: relative;font-size: .18rem;line-height: .28rem;color:#666;padding-left: .2rem;margin-bottom: .15rem;}
.solution-page .box3 .note>p:last-child{margin-bottom: 0;}
.solution-page .box3 .note>p::before{content:'';width: .06rem;height: .06rem;background: #999;position: absolute;top: .1rem;left: 0;border-radius: 50%;}
.solution-page .box3 .tab{display: flex;}
.solution-page .box3 .tab>p{flex:1;margin-right: .55rem;font-size: .24rem;color:#666;line-height: .34rem;border-top: 1px #ddd solid;padding-top: .25rem;cursor: pointer;position: relative;}
.solution-page .box3 .tab>p:last-child{margin-right: 0;}
.solution-page .box3 .tab>p::before{content:'';width: 0;height: .02rem;background: #009ced;top: -.01rem;left: 0;position: absolute;transition: .3s;}
.solution-page .box3 .tab>p.active{color:#009ced}
.solution-page .box3 .tab>p.active::before{width: 1.2rem}

.solution-page .box4{padding: 1.1rem 0 .75rem;}
.solution-page .box4 ul{display: flex;flex-wrap: wrap;margin-top: .5rem;}
.solution-page .box4 li{width: calc(20% - .24rem);margin: 0 .3rem .45rem 0;position: relative;}
.solution-page .box4 li:nth-child(5n){margin-right: 0;}
.solution-page .box4 .img-bg{position: relative;}
.solution-page .box4 .img{padding-bottom: 100.33%;}
.solution-page .box4 .img-div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.solution-page .box4 .img-div>img{max-width: 60%;max-height: 60%;transition: .8s;}
.solution-page .box4 .img-bg>p{position: absolute;width: 11.66%;background: #f5f5f5 url(../images/arrow1.svg) no-repeat center center/.14rem;border-radius: 50%;right: 1.66%;bottom: 0;transition: .3s;}
.solution-page .box4 .img-bg>p>span{padding-bottom: 100%;display: block;}
.solution-page .box4 li>h2{font-size: .2rem;color:#000;margin: .25rem 0 .1rem;}
.solution-page .box4 li>p{color:#999}

@media (max-width:1024px){
    .solution-page .tit>h2{font-size: .36rem;line-height: .56rem;}
    .solution-page .tit>p{font-size: .44rem;line-height: .64rem;margin-bottom: .1rem;}

    .solution-page .box1 .img{height: auto;padding-bottom: 161.81%;}
    .solution-page .box1 .pc{display: none;}
    .solution-page .box1 .m{display: block;}
    .solution-page .box1 video{display: none;}
    .solution-page .box1 .con{top: 15%}
    .solution-page .box1 .info{width: 100%;text-align: center;}
    .solution-page .box1 .info>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .solution-page .box1 .info>h1{font-size: .5rem;margin: .05rem 0 .2rem;}
    .solution-page .box1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .solution-page .box1 ul{justify-content: center;flex-wrap: wrap;padding: .3rem 0;}
    .solution-page .box1 li{width: calc(50% - .1rem);margin-bottom: .4rem;}
    .solution-page .box1 li:nth-child(2n+1){margin-right: .2rem;}
    .solution-page .box1 li>p:nth-of-type(1){margin-bottom: .1rem;justify-content: center;}
    .solution-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;}
    .solution-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .28rem;margin: 0 0 .1rem .1rem;}
    .solution-page .box1 li>p:nth-of-type(2){font-size: .28rem;text-align: center;}

    .solution-page .box2{padding-top: .8rem}
    .solution-page .box2 .item{margin-bottom: .5rem;flex-wrap: wrap;}
    .solution-page .box2 .img-bg{width: 100%}
    .solution-page .box2 .info{padding: .4rem 0 0;order:2}
    .solution-page .box2 .item:nth-child(2n) .info{padding: .4rem 0 0}
    .solution-page .box2 .info>h2{font-size: .45rem;line-height: .65rem;margin: 0 0 .1rem;text-align: center;}
    .solution-page .box2 .info>p{font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;text-align: center}
    .solution-page .box2 ul{display: block;}
    .solution-page .box2 li{width: 100%;height: auto;margin-bottom: .3rem;background: none;padding: .4rem;}
    .solution-page .box2 li:nth-child(2n+1){margin-right: 0;}
    .solution-page .box2 li>p:nth-of-type(1){line-height: .5rem;border-radius: .6rem;font-size: .28rem;padding: 0 .2rem;margin-bottom: .2rem;}
    .solution-page .box2 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;padding-right: 0;max-height: 1000rem;}

    .solution-page .box3{padding-top: .5rem;}
    .solution-page .box3 .con{padding: 0;background: none;}
    .solution-page .box3 .infos{margin-bottom: 0;}
    .solution-page .box3 .info{position: static;opacity: 1;flex-wrap: wrap;background: #f8f8f8;padding: .4rem .4rem .6rem;margin-bottom: .6rem;border-radius: .2rem;}
    .solution-page .box3 .img-bg{width: 100%;}
    .solution-page .box3 .txt{padding: .4rem 0 0;order:2}
    .solution-page .box3 .txt>h3{line-height: .6rem;margin-bottom: .2rem;}
    .solution-page .box3 .note{max-height: 1000rem;padding-right: 0;}
    .solution-page .box3 .note>p{font-size: .28rem;line-height: .48rem;padding-left: .3rem;}
    .solution-page .box3 .note>p::before{width: .1rem;height: .1rem;top: .17rem;}
    .solution-page .box3 .tab{display: none;}

    .solution-page .box4{padding: .4rem 0 .6rem;}
    .solution-page .box4 ul{display: flex;flex-wrap: wrap;margin-top: .5rem;}
    .solution-page .box4 li{width: calc(50% - .1rem);margin: 0 .2rem .4rem 0;}
    .solution-page .box4 li:nth-child(5n){margin-right: .2rem;}
    .solution-page .box4 li:nth-child(2n){margin-right: 0;}
    .solution-page .box4 .img-bg>p{background-size:.2rem;}
    .solution-page .box4 li>h2{font-size: .28rem}
    .solution-page .box4 li>p{font-size: .24rem;}
}

@media (any-hover:hover){
    .solution-page .box4 li:hover .img-div>img{transform: scale(1.05);}
    .solution-page .box4 li:hover .img-bg>p{background-color: #009ced;background-image: url(../images/arrow1-w.svg);}
    .solution-page .box4 li:hover>h2{color:#009ced}
}

/* 资源 */
.resource-page h2{text-align: center;font-size: .48rem;line-height: .58rem;color:#000}
.resource-page .download{width: 2rem;line-height: .58rem;border: 1px #eee solid;border-radius: .3rem;color:#666;font-size: .16rem;padding-left: .4rem;position: relative;transition: .3s;}
.resource-page .download::after{content:'';width: .25rem;height: 100%;background: url(../images/9.png) no-repeat center center/100%;position: absolute;top: 0;right: .4rem;transition: .3s;}
.resource-page .download.sm{width: 1.4rem;line-height: .43rem;border-radius: .25rem;font-size: .14rem;padding-left: .2rem;}
.resource-page .download.sm::after{width: .18rem;right: .2rem;}

.resource-page .box1{padding-top: 1.1rem;}
.resource-page .box1 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.resource-page .box1 li{width: calc(50% - .2rem);margin-bottom: .4rem;border: 1px #eee solid;border-radius: .2rem;padding: .9rem .7rem 1rem .8rem;}
.resource-page .box1 li:nth-child(2n+1){margin-right: .4rem;}
.resource-page .box1 li>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;color:#999}
.resource-page .box1 li>h3{font-size: .36rem;line-height: .46rem;color:#000;margin: .15rem 0;}
.resource-page .box1 li>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;color:#666;margin-bottom: .55rem;}

.resource-page .box2{padding: .8rem 0 .7rem;}
.resource-page .box2 ul{margin-top: .45rem;display: flex;flex-wrap: wrap;}
.resource-page .box2 li{width: calc(20% - .2rem);margin: 0 .25rem .5rem 0;}
.resource-page .box2 li:nth-child(5n){margin-right: 0;}
.resource-page .box2 .img-div{background: #f5f5f5;height: 3rem;border-radius: .2rem;}
.resource-page .box2 .img-div>img{max-width: 60%;max-height: 60%;}
.resource-page .box2 li>h3{font-size: .2rem;line-height: .3rem;color:#000;margin: .25rem 0 .2rem;}

@media (max-width:1024px){
    .resource-page h2{font-size: .45rem;line-height: .55rem;}
    .resource-page .download{width: 3rem;line-height: .9rem;border-radius: .6rem;font-size: .28rem;padding-left: .6rem;margin: 0 auto;}
    .resource-page .download::after{width: .35rem;right: .5rem;}
    .resource-page .download.sm{width: 2.5rem;line-height: .7rem;border-radius: .6rem;font-size: .26rem;padding-left: .45rem;}
    .resource-page .download.sm::after{width: .3rem;right: .4rem;}

    .resource-page .box1{padding-top: 1rem;}
    .resource-page .box1 ul{display: block;}
    .resource-page .box1 li{width: 100%;margin-bottom: .4rem;padding: .6rem .4rem;}
    .resource-page .box1 li:nth-child(2n+1){margin-right: 0;}
    .resource-page .box1 li>p:nth-of-type(1){font-size: .28rem;line-height: .48rem;text-align: center;}
    .resource-page .box1 li>h3{font-size: .4rem;line-height: .6rem;text-align: center}
    .resource-page .box1 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;text-align: center}

    .resource-page .box2{padding: .6rem 0 .4rem;}
    .resource-page .box2 li{width: calc(50% - .1rem);margin: 0 .2rem .6rem 0;}
    .resource-page .box2 li:nth-child(5n){margin-right: .2rem;}
    .resource-page .box2 li:nth-child(2n){margin-right: 0;}
    .resource-page .box2 li>h3{font-size: .28rem;line-height: .48rem;text-align: center;}
}

@media (any-hover:hover){
    .resource-page .download:hover{border-color: #009ced;background: #009ced;color:#fff}
    .resource-page .download:hover::after{filter: brightness(0) invert(100%);}

    .resource-page .box1 li:hover>h3{color:#009ced}

    .resource-page .box2 li:hover .img-div>img{transform: scale(1.05);}
    .resource-page .box2 li:hover>h3{color:#009ced}
}

/* 关于 */
.about-page .tit>h2{font-size: .24rem;line-height: .34rem;color:#666;}
.about-page .tit>p{font-size: .48rem;line-height: .58rem;color:#000;margin-bottom: .05rem}

.about-page .box1{padding: .5rem 0 1.2rem;}
.about-page .box1 .con{min-height: 5.6rem;position: relative;}
.about-page .box1 .info{width: 46%;padding: .55rem 0 0;}
.about-page .box1 .info>p{font-size: .18rem;line-height: .36rem;color:#666;margin-top: .45rem;}
.about-page .box1 .imgs{width: 6.27rem;height: 7rem;position: absolute;top: 0;right: 0;}
.about-page .box1 .circle{width: 1.3rem;height: 1.3rem;background: #009ced;color:#fff;border-radius: 50%;text-align: center;padding-top: .25rem;position: absolute;top: 2rem;left: -.65rem;}
.about-page .box1 .circle>p:nth-of-type(2){display: flex;align-items: center;font-size: .42rem;justify-content: center;line-height: .42rem;}
.about-page .box1 .circle::before{content:'';width: 100%;height: 100%;transform: translate(-50%,-50%);border:1px solid rgba(0,156,237,.8);position: absolute;top: 50%;left: 50%;border-radius: 50%;animation: about-box1-1 1.5s ease-in-out infinite;}
.about-page .box1 .circle::after{content:'';width: 100%;height: 100%;transform: translate(-50%,-50%);border:1px solid rgba(0,156,237,.4);position: absolute;top: 50%;left: 50%;border-radius: 50%;animation: about-box1-2 1.5s ease-in-out infinite;}
.about-page .box1 ul{display: flex;flex-wrap: wrap;margin-bottom: .55rem;}
.about-page .box1 li{width: calc(25% - .51rem);margin: 0 .68rem 0 0;border-bottom: 1px solid #e5e5e5;padding: .8rem 0 .25rem;}
.about-page .box1 li:nth-child(4n){margin-right: 0;}
.about-page .box1 li>p:nth-of-type(1){display: flex;align-items: flex-end;color:#009ced;margin-bottom: .1rem}
.about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;line-height: .6rem;}
.about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .3rem;}
.about-page .box1 li>p:nth-of-type(2){font-size: .16rem;color:#666;}
.about-page .box1>p{font-size: .12rem;color:#999;text-align: center;}

.about-page .box2{background: #f8f8f8;padding: 1.1rem 0 1.2rem;}
.about-page .box2 .con{display: flex;align-items: flex-start;justify-content: space-between;}
.about-page .box2 .year{width: 41%;position: sticky;top: calc(50vh - 2.4rem);display: flex;align-items: center;height: 4.8rem;margin-top: .8rem;}
.about-page .box2 .circle{width: 4.8rem;height: 4.8rem;border-radius: 50%;border: 1px solid #ddd;position: absolute;right: 0;top: 0;transform: rotate(90deg);}
.about-page .box2 .circle>svg{position: absolute;top: -1px;left: -1px;width: 4.8rem;height: 4.8rem;}
.about-page .box2 .circle>svg>path{fill: none;stroke: #009ced;stroke-width: 1px;stroke-dasharray: var(--path);stroke-dashoffset: var(--path1)}
.about-page .box2 .year>p{font-size: 2.4rem;position: relative;z-index: 2;color:#009ced;line-height: 1.8rem;}
.about-page .box2 .num{height: 1.8rem;position: relative;z-index: 2;}
.about-page .box2 ul{position: absolute;top: 0;left: 0;}
.about-page .box2 li{font-size: 2.4rem;color:#eee;line-height: 1.8rem;transition:.3s;margin-bottom: .7rem;}
.about-page .box2 li:last-child{margin-bottom: 0;}
.about-page .box2 li.active{color:#009ced}
.about-page .box2 .items{width: 48.12%;padding: 2rem 0 1.2rem;}
.about-page .box2 .item{border-bottom: 1px #e5e5e5 solid;padding: .5rem 0;transition: .3s;}
.about-page .box2 .item:first-child{border-top: 1px #e5e5e5 solid;}
.about-page .box2 .item>p{font-size: .16rem;line-height: .3rem;}
.about-page .box2 .item>p:nth-of-type(1){color:#999;margin-bottom: .15rem;transition: .3s;}
.about-page .box2 .item>p:nth-of-type(2){color:#666;}
.about-page .box2 .item.active{border-bottom-color: #009ced;}
.about-page .box2 .item.active>p:nth-of-type(1){color:#009ced;font-size: .24rem;line-height: .4rem;font-weight: bold;}

.about-page .box3{padding: 1.1rem 0;}
.about-page .box3 .tits{display: flex;align-items: flex-end;margin-bottom: .5rem;}
.about-page .box3 .tit{flex:1}
.about-page .box3 .tab{display: flex;justify-content: flex-end;}
.about-page .box3 .tab>p{font-size: .24rem;color:#666;position: relative;margin-left: .4rem;padding-bottom: .1rem;cursor: pointer;}
.about-page .box3 .tab>p::after{content:'';width: 0;height: .02rem;background: #009ced;left: 50%;transform: translateX(-50%);position: absolute;bottom: 0;transition: .3s;}
.about-page .box3 .tab>p.active{color:#009ced}
.about-page .box3 .tab>p.active::after{width: 100%;}
.about-page .box3 .con{position: relative;}
.about-page .box3 .swiper-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .8s;border-radius: .2rem 0 0;}
.about-page .box3 .swiper-container.active{position: relative;z-index: 2;opacity: 1;}
.about-page .box3 .swiper-slide{width: 4.7rem;}
.about-page .box3 .img-bg{border-radius: .2rem;}
.about-page .box3 .img{padding-bottom: 68.08%;}
.about-page .box3 .swiper-slide>p:nth-of-type(1){color:#009ced;margin: .2rem 0 .15rem;}
.about-page .box3 .swiper-slide>h3{font-size: .3rem;line-height: .48rem;color:#000;margin-bottom: .5rem;height: .96rem}
.about-page .box3 .swiper-slide>p:nth-of-type(2){color:#009ced;font-size: .16rem;background: url(../images/arrow1-m.svg) no-repeat right center/.16rem;filter: grayscale(1);display: inline-block;padding-right: .25rem;transition: .3s;}

@media (max-width:1024px){
    .about-page .tit{text-align:center}
    .about-page .tit>h2{font-size: .36rem;line-height: .56rem;}
    .about-page .tit>p{font-size: .44rem;line-height: .64rem;margin-bottom: .1rem}

    .about-page .box1{padding: .8rem 0 1rem;}
    .about-page .box1 .con{min-height: 0;}
    .about-page .box1 .info{width: 100%;padding: 0 0 .6rem;}
    .about-page .box1 .tit{text-align: left;}
    .about-page .box1 .info>p{font-size: .28rem;line-height: .52rem;margin-top: .3rem;}
    .about-page .box1 .imgs{width: 100%;height: 7rem;position: relative}
    .about-page .box1 .circle{width: 2rem;height: 2rem;padding-top: .35rem;top: calc(50% - 1.6rem);left: calc(50% - 1.3rem);font-size: .24rem;}
    .about-page .box1 .circle>p:nth-of-type(2){font-size: .55rem;line-height: .55rem;margin-top: .1rem;}
    .about-page .box1 ul{margin-bottom: 0;}
    .about-page .box1 li{width: calc(50% - .1rem);margin: 0 .2rem .4rem 0;padding: 0 0 .3rem;}
    .about-page .box1 li:nth-child(4n){margin-right: .2rem;}
    .about-page .box1 li:nth-child(2n){margin-right: 0;}
    .about-page .box1 li>p:nth-of-type(1){margin-bottom: .2rem;justify-content: center;}
    .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .24rem;}
    .about-page .box1 li>p:nth-of-type(2){font-size: .24rem;text-align: center;}
    .about-page .box1>p{font-size: .24rem;line-height: .4rem;}

    .about-page .box2{padding: 1rem 0;}
    .about-page .box2 .con{display: block}
    .about-page .box2 .year{display: none;}
    .about-page .box2 .items{width: 100%;padding: .6rem 0 0;}
    .about-page .box2 .item{padding: .5rem 0;}
    .about-page .box2 .item>p{font-size: .28rem;line-height: .48rem;}
    .about-page .box2 .item>p:nth-of-type(1){color:#009ced;font-size: .32rem;line-height: .52rem;font-weight: bold;}
    .about-page .box2 .item.active{border-bottom-color: #e5e5e5;}
    .about-page .box2 .item.active>p:nth-of-type(1){color:#009ced;font-size: .32rem;line-height: .52rem;font-weight: bold;}

    .about-page .box3{padding: 1rem 0;}
    .about-page .box3 .tits{display: block;margin-bottom: .6rem;}
    .about-page .box3 .tab{justify-content: center;margin-top: .5rem;}
    .about-page .box3 .tab>p{font-size: .32rem;margin-left: .3rem;}
    .about-page .box3 .tab>p:nth-of-type(1){margin-left: 0;}
    .about-page .box3 .swiper-container{margin-left: .4rem;}
    .about-page .box3 .swiper-slide{width: 80%;}
    .about-page .box3 .swiper-slide>p:nth-of-type(1){margin: .3rem 0 .15rem;}
    .about-page .box3 .swiper-slide>h3{font-size: .32rem;line-height: .52rem;margin-bottom: .5rem;height: 1.04rem}
    .about-page .box3 .swiper-slide>p:nth-of-type(2){font-size: .28rem;background-size:.3rem;padding-right: .5rem}
}

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

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

@media (any-hover:hover){
    .about-page .box3 .swiper-slide:hover .img{transform: scale(1.1);}
    .about-page .box3 .swiper-slide:hover>h3{color:#009ced}
    .about-page .box3 .swiper-slide:hover>p:nth-of-type(2){filter: grayscale(0);}
}

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

@media (max-width:1024px){
    .news-page{padding: .8rem 0 1rem;}
    .news-page>h2{line-height: .6rem;}
    .news-page>p{font-size: .28rem;}
    .news-page .content p{font-size: .28rem;line-height: .52rem;}
    .news-page .jump{display: block;}
    .news-page .info{width: 100%;margin-bottom: .3rem;}
    .news-page .info>a{font-size: .28rem;line-height: .52rem;}
    .news-page .jump>a{line-height: .8rem;font-size: .28rem;border-radius: .6rem;display: inline-block;}
}

@media (any-hover:hover){
    .news-page .info>a:hover{color:#009ced}
    .news-page .jump>a:hover{opacity: .8;}
}

/* 服务 */
.service-page{margin: 1.2rem auto;background: #f8f8f8;border: 1px #e5e5e5 solid;border-radius: .1rem;height: 3.5rem;display: flex;}
.service-page li{flex:1;border-right: 1px #e5e5e5 solid;display: flex;flex-direction: column;justify-content: space-between;padding: .55rem .6rem .45rem;}
.service-page li:last-child{border-right: 0;}
.service-page li>p{font-size: .16rem;color:#666}
.service-page li>div>h2{font-size: .48rem;color:#000;margin-bottom: .05rem;}
.service-page li>div>p{font-size: .22rem;color:#666}
.service-page li>div>a{font-size: .22rem;color:#009ced;filter: grayscale(1);transition: .3s;background: url(../images/11.png) no-repeat right center/.12rem;padding-right: .25rem;display: inline-block;}

@media (max-width:1024px){
    .service-page{margin: .8rem auto 1rem;height: auto;display: block;}
    .service-page li{border-bottom: 1px #e5e5e5 solid;border-right:0;display: block;padding: .5rem .4rem;text-align: center;}
    .service-page li:last-child{border-bottom: 0;}
    .service-page li>p{font-size: .28rem}
    .service-page li>div>h2{font-size: .5rem;margin: .6rem 0 .2rem;}
    .service-page li>div>p{font-size: .32rem}
    .service-page li>div>a{font-size: .32rem;background-size:.2rem;padding-right: .4rem}
}

@media (any-hover:hover){
    .service-page li>div>a:hover{filter: grayscale(0);}
}

/* 联系 */
.contact-page{padding: 1.2rem 0;display: flex;justify-content: space-between;align-items: flex-start;}
.contact-page .box1{position: sticky;top: .6rem;width: 31.25%;}
.contact-page .box1>h1{font-size: .48rem;line-height: .6rem;color:#000;margin: .9rem 0 .25rem;}
.contact-page .box1>p:nth-of-type(1){font-size: .18rem;line-height: .3rem;color:#666;margin-bottom: .6rem;}
.contact-page .box1>span{font-size: .18rem;color:#666;display: block;margin-top: .4rem;}
.contact-page .box1>p.b{font-size: .3rem;color:#009ced;line-height: .4rem;margin-top: .1rem;}

.contact-page .box2{width: 62.5%;border-radius: .2rem;box-shadow: 0 0 .2rem rgba(0,0,0,.1);padding: .7rem .8rem .9rem;}
.contact-page .box2>h2{font-size: .42rem;color: #000;text-align: center;}
.contact-page .box2>p{font-size: .2rem;color: #666;text-align: center;margin: .15rem 0 .4rem;}
.contact-page .box2 ul{display: flex;flex-wrap: wrap;}
.contact-page .box2 li{width: calc(50% - .15rem);margin-bottom: .3rem;}
.contact-page .box2 li:nth-child(2n){margin-right: .3rem;}
.contact-page .box2 li:last-child{margin-bottom: 0;}
.contact-page .box2 li.w100{width: 100%;margin-right: 0;}
.contact-page .box2 li>p{font-size: .18rem;color:#666;margin-bottom: .1rem;}
.contact-page .box2 li>p>span{color:#ed3434;margin-left: .05rem;}
.contact-page .box2 .tab{display: flex;padding-top: .05rem;}
.contact-page .box2 .tab>p{line-height: .48rem;background: #f5f5f5;border: 1px solid #e5e5e5;border-radius: .05rem;color:#666;padding: 0 .3rem;margin-right: .1rem;font-size: .16rem;transition: .3s;cursor: pointer;}
.contact-page .box2 .tab>p:last-child{margin-right: 0;}
.contact-page .box2 .tab>p.active{border-color: #009ced;color:#009ced;background: rgba(0,156,237,.1);}
.contact-page .box2 li>input{height: .5rem;border-radius: .05rem;background: #f5f5f5;border: 1px solid #e5e5e5;width: 100%;font-size: .16rem;transition: .3s;}
.contact-page .box2 li>input::placeholder{color:rgba(0,0,0,.3);font-size: .16rem;}
.contact-page .box2 li>input:focus{border-color: #009ced;}
.contact-page .box2 .select>select{height: .5rem;border-radius: .05rem;background: #f5f5f5;border: 1px solid #e5e5e5;font-size: .16rem;transition: .3s;}
.contact-page .box2 .select>select:focus{border-color: #009ced;}
.contact-page .box2 li>textarea{height: 1.2rem;border-radius: .05rem;background: #f5f5f5;border: 1px solid #e5e5e5;width: 100%;font-size: .16rem;transition: .3s;}
.contact-page .box2 li>textarea::placeholder{color:rgba(0,0,0,.3);font-size: .16rem;}
.contact-page .box2 li>textarea:focus{border-color: #009ced;}
.contact-page .box2 label{display: flex;align-items: center;cursor: pointer;margin: .2rem 0 .45rem;}
.contact-page .box2 label>input{width: .15rem;height: .15rem;border-radius: .03rem;border: 1px solid #666;margin-right: .1rem;}
.contact-page .box2 label>input:checked{border-color: #009ced;}
.contact-page .box2 label>p{font-size: .16rem;color:#999;flex:1}
.contact-page .box2 label>p>a{display: inline-block;color: #009ced;}
.contact-page .box2 .btn{width: 2rem;line-height: .6rem;border-radius: .3rem;font-size: .2rem;background: #009ced;text-align: center;color:#fff;cursor: pointer;transition: .3s;}

@media (max-width:1024px){
    .contact-page{padding: .8rem 0 1rem;display: block;}
    .contact-page .box1{position: static;width: 100%;text-align: center;margin-bottom: 1rem;}
    .contact-page .box1>h1{font-size: .5rem;line-height: .7rem;margin: 0 0 .25rem;}
    .contact-page .box1>p:nth-of-type(1){font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .contact-page .box1>span{font-size: .28rem;}
    .contact-page .box1>p.b{font-size: .4rem;line-height: .6rem;}

    .contact-page .box2{width: 100%;padding: .8rem .4rem;}
    .contact-page .box2>h2{font-size: .45rem;}
    .contact-page .box2>p{font-size: .28rem;line-height: .48rem;}
    .contact-page .box2 ul{display: block}
    .contact-page .box2 li{width: 100%;margin-bottom: .4rem;}
    .contact-page .box2 li:nth-child(2n){margin-right: 0;}
    .contact-page .box2 li>p{font-size: .28rem;margin-bottom: .15rem;}
    .contact-page .box2 .tab>p{line-height: .7rem;padding: 0 .4rem;margin-right: .2rem;font-size: .28rem;}
    .contact-page .box2 li>input{height: .8rem;font-size: .26rem;}
    .contact-page .box2 li>input::placeholder{font-size: .26rem;}
    .contact-page .box2 .select>select{height: .8rem;font-size: .26rem}
    .contact-page .box2 li>textarea{height: 3rem;font-size: .26rem}
    .contact-page .box2 li>textarea::placeholder{font-size: .26rem;}
    .contact-page .box2 label{align-items: flex-start;margin: .2rem 0 .45rem;}
    .contact-page .box2 label>input{width: .25rem;height: .25rem;margin: .05rem .15rem 0 0;}
    .contact-page .box2 label>p{font-size: .24rem;line-height: .4rem;}
    .contact-page .box2 .btn{width: 3rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem;margin: 0 auto;}
}

@media (any-hover:hover){
    .contact-page .box2 .btn:hover{opacity: .8;}
}

/* 搜索 */
.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: #009ced;border-color: #009ced;}
}