.flex{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;}
.max1206{max-width:1206px;margin:auto;}
.max992{max-width:992px;margin:auto;}
.max822{max-width:822px;margin:auto;}
.dis_mb{display:none !important;}
@media(max-width:1206px){.max1206{padding:0 4%;}
.max1206 .max992,.max1206 .max822{padding-left:0 !important;padding-right:0 !important;}
}
@media(max-width:992px){.max992{padding:0 4%;}
}
@media(max-width:822px){.max822{padding:0 4%;}
}
@font-face{font-family:"MiSansN";src:url(https://miaojie-official-test.oss-cn-hangzhou.aliyuncs.com/static/cn/fonts/MiSans-Normal.ttf);}
@font-face{font-family:"MiSansL";src:url(https://miaojie-official-test.oss-cn-hangzhou.aliyuncs.com/static/cn/fonts/MiSans-Light.ttf);}
.spwow{animation-duration:1.5s;}
.specail{background:#0f0f0f;color:#fff;line-height:1.5;font-family:"MiSansN";}
.specail *{font-family:"MiSansN";}
.specailBan{position:relative;height:100vh;}
.specailBan img{display:block;width:100%;height:100%;object-fit:cover;}
.specailBan .txt{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%);text-align:center;font-size:0.24rem;line-height:1;}
.specailBan .txt .cn{font-size:0.42rem;margin-top:12px;}
.root{font-size:100px;}
.sp1{position:relative;height:100vh;}
.sp1 .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:0.8rem;}
.sp2{padding-bottom:7%;}
.sp2 .txt{margin-top:5%;font-size:0.24rem;color:#575757;}
.sp2 .txt .span1{color:#fff;}
.sp2 video{width:100%;}
.sp3{padding-bottom:5%;text-align:center;}
.sp3 .tit{font-size:0.24rem;margin-bottom:5%;}
.sp3c{display:inline-block;position:relative;width:795px;max-width:100%;}
.sp3c>img{width:352px;margin:auto;}
.sp3c .spdata{position:absolute;left:0;bottom:0;z-index:10;width:100%;background:rgba(71,71,71,0.16);backdrop-filter:blur(166.5px);/* Note:backdrop-filter has minimal browser support */
 border-radius:0.42rem;padding:0.25rem 0.5rem;}
.spdata .d1{margin-bottom:0.2rem;}
.spdata .d1 .i{text-align:left;font-size:0.16rem;color:#575757;min-width:16%;}
.spdata .d1 .i .t{color:#fff;}
.spdata .d1 .i .t b{font-size:0.24rem;font-weight:normal;}
.spdata .d2 .i{font-size:0.16rem;color:#575757;text-align:left;padding-right:0.45rem;white-space:nowrap;}
.spdata .d2 .i:last-child{padding-right:0;}
.sp4{padding:5% 0;text-align:center;}
.sptit{margin-bottom:3%;line-height:1;}
.sptit .en{font-size:0.16rem;}
.sptit .cn{font-size:0.36rem;margin:20px 0;}
.sptit .en sup{vertical-align:top;}
.sptit .p{font-size:0.14rem;color:#575757;margin:20px 0 5%;max-width:445px;line-height:1.5;}
.colors .imgs{position:relative;max-width:425px;margin:0 auto;margin-bottom:50px;}
.colors .imgs:after{content:"";position:absolute;left:0;bottom:0;z-index:10;width:100%;background:linear-gradient(0deg,#0f0f0f 0%,transparent 100%);height:20%;}
.colors .dots .i{display:inline-block;width:0.25rem;height:0.25rem;border:1px solid transparent;border-radius:50%;margin:0 20px;cursor:pointer;position:relative;}
.colors .dots .i i{position:absolute;left:1px;right:1px;top:1px;bottom:1px;border-radius:50%;}
.colors .dots .i.cur{border-color:#89AAFF;}
.colors .tips{margin-top:30px;font-size:0.16rem;color:#575757;line-height:1;}
.colors .tips sup{font-size:12px;color:#fff;vertical-align:top;padding-left:5px;}
.sp5{padding:5% 0;background:#000;}
.sp5 .sptit{text-align:center;margin-bottom:7%;}
.sp5 .txt{padding-top:50px;}
.sp5 .txt .t{font-size:0.27rem;margin-bottom:0.25rem;}
.sp5 .txt .p{max-width:300px;color:#575757;}
.sp5 .txt .p .span1{color:#fff;}
.sp6{padding:5% 0;background:#000;}
.sp6 .img{max-width:585px;margin:50px auto;}
.sp6 .txt .t1{font-size:0.27rem;}
.sp6 .txt .t2{font-size:0.13rem;color:#575757;}
.sp6 .txt .p{margin-top:0.2rem;font-size:0.14rem;max-width:600px;}
.sp7{padding:2% 0 5%;background:#000;font-size:0;}
.sp7 .img{margin-bottom:11px;border-radius:0.4rem;overflow:hidden;}
.sp7 .tbox{display:inline-block;vertical-align:top;width:50%;font-size:0.16rem;color:#575757;}
.sp7 .tbox .t{margin-top:0.35rem;margin-bottom:20px;font-size:0.14rem;}
.sp7 .tbox .t .t1{font-size:0.24rem;color:#fff;}
.sp7 .tbox.s2{width:100%;margin-top:10%;}
.sp7 .txt{font-size:0.12rem;color:#575757;}
.sp7 .txt .t{margin-bottom:0.25rem;border-bottom:1px solid #575757;padding-bottom:5px;}
.sp8{padding:5% 0;background:#0F0F0F;}
.sp8 .sptit{text-align:center;margin-bottom:5%;}
.sp8c{padding:20px 0;}
.sp8c .img{flex:0 0 auto;width:32%;}
.sp8c .img.s2{width:13%;margin-left:10px;}
.sp8c .txt{flex:1 1 auto;padding-right:50px;font-size:0.12rem;color:#575757;}
.sp8c .txt .t1{font-size:0.24rem;color:#fff;}
.sp8c .txt .t2{margin-bottom:20px;}
.sp9{padding:0 0 5%;background:linear-gradient(180deg,#0F0F0F 0%,#000000 100%);}
.sp9 .img{max-width:747px;margin:auto;}
.sp9 .sptit{text-align:center;}
.sp9 .txt .t1{font-size:0.27rem;}
.sp9 .txt .t1 span{color:#4D74FF;}
.sp9 .txt .t2{font-size:0.27rem;margin-bottom:20px;}
.sp10{padding:1px 0 5%;background:#000;}
.sp10 .sptit{text-align:center;margin-bottom:5%;}
.sp10 .txt{padding-top:20px;}
.sp10 .txt .tl{padding-right:30px;}
.sp10 .txt .tl .t1{font-size:0.27rem;color:#4D74FF;}
.sp10 .txt .tl .t2{font-size:0.27rem;margin-bottom:20px;}
.sp10 .txt .tl .p{font-size:0.12rem;max-width:355px;}
.sp10 .txt .tr{max-width:38%;}
.sp10 .txt .tr .p{font-size:0.12rem;margin-top:20px;color:#575757;}
.sp10 .txt .tr .p .span1{color:#fff;}
.sp11 .sptit{text-align:center;}
.sp11 .sptit .p{margin-left:auto;margin-right:auto;margin-top:60px;margin-bottom:7%;}
.sp11 .img{max-width:80%;}
.sp12{padding-bottom:5%;}
.sp11.sp7{background:none;padding-top:5%;}
.sp12 .sptit{text-align:center;margin-bottom:7%;}
.imgtxt{justify-content:flex-start;}
.imgtxt .txt{padding-right:30px;padding-bottom:10%;max-width:375px;}
.imgtxt .txt .t1{font-size:0.27rem;background:linear-gradient(90deg,#FFD568 0%,#FF3131 81.42%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block;}
.imgtxt .txt .t2{font-size:0.12rem;color:#575757;}
.imgtxt .txt .p{font-size:0.14rem;background:linear-gradient(87.33deg,#E5FFC4 1.59%,#FFD067 22.22%,#FF3131 56.69%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block;margin-top:20px;}
.imgtxt .img{max-width:577px;}
.sp13{padding-bottom:5%;}
.sp13 .sptit{text-align:center;margin-bottom:7%;}
.splist{overflow:hidden;}
.splist .i{position:relative;width:35%;float:left;}
.splist .i .img{position:absolute;left:0;top:0;width:100%;bottom:60px;border-radius:0.4rem;background-size:cover;background-repeat:no-repeat;background-position:center;}
.splist .i:first-child{padding-bottom:55%;width:60%;}
.splist .i:nth-child(2){float:right;padding-bottom:31%;margin-top:5%;}
.splist .i:nth-child(3){float:right;padding-bottom:19%;}
.splist .i .p{position:absolute;bottom:0;left:0;line-height:20px;padding:10px 8%;font-size:0.12rem;color:#575757;height:60px;overflow:hidden;}
.splist .i .p .span1{color:#fff;}
.splist .i:first-child .p{padding-left:15%;padding-right:15%;}
.sp14{padding:10% 0 5%;}
.sp14 .t{font-family:"MiSansL";font-size:2.07rem;text-align:center;background:linear-gradient(179.99deg,#597EFF 12.74%,rgba(89,126,255,0) 88.56%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}
.sp14 .t1{text-align:center;font-size:0.14rem;}
.sp14 .t2{font-size:0.27rem;text-align:center;opacity:0.5;}
.sp14 .txt{padding:15% 0;font-size:0.16rem;text-align:justify;color:#575757;}
.sp14 .tlogo{padding-top:8%;text-align:center;border-top:1px solid #575757;}
/* style2 */
.specail.specail2{background:#f5f5f7;color:rgba(29,29,31,0.3);color:#1D1D1F;}
.specail2 .specailBan .txt{top:13%;transform:translate(-50%);}
.specail2 .sp1 .txt .cn{font-weight:bold;background:linear-gradient(121.9deg,#FFCCCC -3.89%,#8674F5 47.46%,#86C5FF 97.96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-align:center;line-height:1.2;font-size:0.95rem;}
.specail2 .sp1 .txt .en{font-size:0.15rem;text-align:center;color:#1D1D1F;line-height:1;margin-top:15px;}
.specail2 .sp1 .txt .en sup{vertical-align:top;}
.specail2 .sp2 .txt{color:#1D1D1F;}
.specail2 .sptit .p{max-width:535px;}
.specail2 .colors .imgs:after{background:linear-gradient(0deg,#f5f5f7 0%,transparent 100%);}
.specail2 .colors .dots .i.cur i{box-shadow:inset 8px 4px 3px -2px rgba(0,0,0,0.18);}
.specail2 .spdata .d1 .i .t{color:#1D1D1F;}
.specail2 .spdata .d1 .i{color:rgba(29,29,31,0.3);}
.specail2 .spdata .d2 .i{color:rgba(29,29,31,0.3);}
.specail2 .sp3c .spdata{background:none;padding:0.25rem 0;}
.specail2 .sp5{background:#fff;padding-bottom:0;}
.specail2 .sp5 .sptit{margin-bottom:40px;}
.specail2 .sp5 .txt .p{text-align:center;max-width:100%;font-size:0.2rem;color:#1D1D1F;}
.sp15bg{background-size:cover;background-repeat:no-repeat;background-position:bottom center;padding-top:5%;padding-bottom:40%;color:#fff;}
.sp15 .img{position:relative;left:-8%;}
.sp15 .txt{padding:0.35rem 0;}
.sp15 .txt .i{color:rgba(255,255,255,0.3);}
.sp15 .txt .i .t{font-size:0.27rem;color:#fff;}
.sp15 .txt .i .t2{font-size:12px;margin-bottom:20px;}
.sp15{padding-bottom:5%;}
.sp16 .sptit .cn{line-height:1.5;}
.sp16 .sptit .span1{color:#fff;}
.sp16 .sptit sup{vertical-align:top;color:#fff;}
.spslider .swiper-container{flex:1 1 auto;}
.sp17{padding:5% 0 0;background:#fff;}
.sp17 .sptit{text-align:center;margin-bottom:7%;}
.spslider .txt{width:290px;margin-left:10%;flex:0 0 auto;padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.3);margin-top:-10%;}
.spslider .swiper-slide .img{height:100%;width:90%;}
.spslider .swiper-slide img{transform:scale(0.8);transform-origin:left center;margin-left:0;opacity:0.5;border-radius:0.4rem;transition:.6s;}
.spslider .swiper-slide{z-index:5;left:0;padding-bottom:20%;}
.spslider .swiper-slide-next{z-index:7;}
.spslider .swiper-slide-active .img{-webkit-box-reflect:below 0.25rem -webkit-linear-gradient(90deg,rgba(255,255,255,0.2),rgba(255,255,255,0) 30%,rgba(255,255,255,00));}
.spslider .swiper-slide-active img{transform:scale(1);opacity:1;}
.spslider .swiper-slide-active{z-index:10;left:10%;}
.spslider .next{position:absolute;z-index:50;left:0;top:0;width:10%;height:100%;cursor:pointer;}
.sp18.sp7{background:#fff;padding-top:5%;}
.sp18 .img{max-width:80%;}
.sp18 .sptit{text-align:center;}
.sp18 .sptit .p{margin-left:auto;margin-right:auto;margin-top:0.34rem;margin-bottom:7%;max-width:285px;}
.sp19{padding:2% 0 5%;background:#fff;}
.sp19 .sptit{text-align:center;}
.sp19 .txt{text-align:center;color:rgba(29,29,31,0.3);padding-top:30px;}
.sp19 .txt .span1{color:#1D1D1F;}
.sp20{padding:5% 0;background:#fff;}
.sp20c .txt{padding:0 0.5rem;color:rgba(29,29,31,0.3);flex:0 0 auto;max-width:27%;}
.sp20c .txt .t{font-size:0.27rem;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.3);margin-bottom:10px;color:#1D1D1F;}
.sp20c .img{width:73%;flex:0 0 auto;}
.sp21{padding:5% 0;background:#0F0F0F;color:#fff;overflow:hidden;}
.sp21 .sptit{padding-left:10%;}
.sp21 .sptit .span1{color:#fff;}
.sp21 .sptit sup{vertical-align:top;}
.sp21 .img{margin-bottom:0.7rem;position:relative;z-index:10;}
.sp21 .img .reflect{position:absolute;left:19.5px;top:100%;right:19.5px;height:50%;filter:blur(19.5px);transform:matrix(1,0,0,-1,0,0);background-position:bottom center;background-size:cover;margin-top:10px;z-index:-1;}
.reflect:after{background:linear-gradient(180deg,#0f0f0f,transparent);content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.sp21 .txt{padding-left:10%;position:relative;z-index:20;padding-bottom:0.7rem;}
.sp21 .txt .t{font-size:0.24rem;margin-bottom:0.3rem;}
.sp21 .txt .p{opacity:0.5;max-width:585px;}
.sp22.sp5{background:none;}
.sp22.sp5 .txt{padding-top:0;margin-bottom:7%;}
.sp22.sp5 .txt .p{color:#C477EB;}
.sp22 .img{max-width:980px;margin:auto;}
.sp23{padding:5% 0;background:#fff;}
.sp23 .img{background:linear-gradient(180deg,#222222 0%,#464550 100%);box-shadow:0px 43px 60px rgba(0,0,0,0.15);border-radius:0.24rem;text-align:center;padding:0.6rem 0.4rem 0;margin-bottom:60px;}
.sp23 .img img{max-width:55%;}
.sp23 .tit{padding-left:10%;margin-bottom:0.5rem;}
.sp23 .t{font-size:0.27rem;padding-bottom:0.25rem;}
.sp23 .tit .line{width:100%;height:2px;background:linear-gradient(270deg,#608DFF 0%,#FFBF68 100%);margin-bottom:0.15rem;}
.sp23 .p{font-size:0.16rem;max-width:490px;color:rgba(29,29,31,0.3);}
.sp23 .p sup{vertical-align:top;}
.sp24{padding:2% 0 5%;background:#fff;}
.sp24c .sp24l{width:38%;flex:0 0 auto;padding:0 5%;}
.sp24c .sp24l .t{font-size:0.27rem;margin-bottom:0.26rem;}
.sp24c .sp24l .line{border-bottom:1px solid rgba(29,29,31,0.3);margin-bottom:0.16rem;}
.sp24c .sp24l .p{color:rgba(29,29,31,0.3);margin-bottom:0.55rem;max-width:210px;}
.sp24c .sp24l .img{max-width:200px;margin:auto;}
.sp24c .sp24r{flex:0 0 auto;width:65%;border-radius:0.24rem;overflow:hidden;box-shadow:0px 48px 81px rgba(0,0,0,0.15);}
.sp25{padding:2% 0 5%;background:#fff;}
.sp25 .tit{padding-left:10%;margin-bottom:0.5rem;display:inline-block;}
.sp25 .tit .t{font-size:0.27rem;margin-bottom:0.26rem;}
.sp25 .tit .line{border-bottom:1px solid rgba(29,29,31,0.3);margin-bottom:0.16rem;margin-right:-0.6rem;}
.sp25 .tit .p{color:rgba(29,29,31,0.3);}
.sp25 .img{border-radius:0.24rem;overflow:hidden;box-shadow:0px 43px 60px rgba(0,0,0,0.15);margin-bottom:60px;}
.specail2 .sp14{background:#fff;}
.specail2 .sp14 .txt{color:rgba(29,29,31,0.3);}
.specail2 .sp14 .tlogo{border-color:rgba(29,29,31,0.3);}
@media(max-width:780px){.spdata .d1{flex-wrap:wrap;}
.spdata .d1 .i{width:50%;}
.spdata .d2{flex-wrap:wrap;}
.spdata .d2 .i{width:33.33%;margin-bottom:10px;}
.sp1 .txt{white-space:nowrap;font-size:0.42rem;text-align:center;padding:0 2%;}
.sp1{height:50vh;}
.sp2 .txt{font-size:0.2rem;}
}
@media(max-width:560px){.dis_mb{display:block !important;}
.dis_pc{display:none !important;}
.sp1 .txt{font-size:0.34rem;}
.sp2 .txt{font-size:0.16rem;}
.spdata .d2 .i{width:48%;font-size:14px;}
.sp3c .spdata{position:static;padding:20px 30px;margin-top:-33%;}
.spdata .d1 .i .t b{font-size:0.2rem;}
.spdata .d1 .i{font-size:14px;margin-bottom:10px;}
.sptit .cn{font-size:0.24rem;}
.sptit .en{font-size:0.14rem;}
.colors .dots .i{width:0.2rem;height:0.2rem;margin:0 5px;}
.sp7 .tbox{width:auto;margin-bottom:30px;}
.sp8c{flex-wrap:wrap;padding:20px 0 0;}
.sp8c .txt{padding:20px 0;}
.sp8c .img{width:69%;}
.sp8c .img.s2{width:28%;margin-left:1%;}
.sp10 .txt{flex-wrap:wrap;}
.sp10 .txt .tl{padding-right:0;margin-bottom:40px;}
.sp10 .txt .tr{max-width:100%;padding-bottom:50px;}
.imgtxt{position:relative;padding-bottom:60px;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;}
.imgtxt .txt{padding-right:0;padding-bottom:0;max-width:84%;}
.splist .i:first-child,.splist .i:nth-child(2),.splist .i:nth-child(3){width:100%;float:none;padding-bottom:0;}
.splist .i .img{position:static;padding-bottom:90%;}
.splist .i .p{position:relative;height:auto;padding:20px 0 !important;}
.splist .i:nth-child(2) .img{padding-bottom:74%;}
.splist .i:nth-child(3) .img{padding-bottom:50%;}
.sp14 .txt{font-size:12px;}
.sp14{padding-bottom:0;}
.sp14 .tlogo{padding:50px 0;}
.sp3,.sp4,.sp5,.sp6,.sp7,.sp8,.sp9,.sp10,.sp11,.sp11.sp7{padding:50px 0;}
.specail2 .sp1 .txt .cn{font-size:0.5rem;}
.sp25 .tit .line{margin-right:0;}
.sp5 .txt{padding-top:20px;padding-bottom:30px;}
.sp15bg{padding-top:50px;background-size:200% auto;background-color:#030706;padding-bottom:80%;}
.sp15 .sptit{margin-bottom:30px;}
.sp15 .txt .i .t{font-size:0.24rem;}
.sp15 .txt .i{padding-right:10px;font-size:12px;padding-bottom:20px;}
.sp15 .txt .i:last-child{padding-right:0;}
.sp15 .txt{flex-wrap:wrap;padding-bottom:0;}
.sp15 .img{left:0;}
.spslider{flex-wrap:wrap;}
.spslider .swiper-container{width:100%;}
.sp20c{flex-wrap:wrap;}
.sp20c .txt{max-width:100%;margin-bottom:40px;text-align:center;width:100%;}
.sp20c .img{width:100%;}
.spslider .swiper-slide-active{left:0;}
.spslider .swiper-slide{left:0;padding-top:30px;}
.spslider .swiper-slide .img{width:100%;}
.spslider .swiper-slide img{transform-origin:top center;border-radius:0.2rem;}
.spslider .swiper-slide .img{position:relative;top:-30px;}
.spslider .swiper-slide-active .img{top:0;}
.sp18 .img{max-width:100%;}
.sp18.sp7{padding-top:50px;}
.sp20,.sp21{padding:50px 0;}
.sp21 .sptit,.sp21 .txt{padding-left:0;}
.sp21 .txt{padding-bottom:0;}
.sp21 .img{margin-bottom:0.4rem;}
.sp24c{flex-wrap:wrap;}
.sp24c .sp24l{width:100%;}
.sp24{padding:50px 0;}
.sp24c .sp24l .img{max-width:110px;}
.sp24c .sp24r{width:100%;}
.sp25 .tit{padding-left:0;}
.sp23{padding-top:50px;}
.sp23 .tit{padding-left:0;margin-bottom:30px;}
}


/* 2023/2/1 */
.sp8c .txt .span1{
    color: #fff;
}
.sp2_app{
    display: none !important;
}

@media(max-width:560px){
    .specailBan .txt {
        font-size: 0.23rem;
    }
    .specailBan .txt .cn {
        font-size: 0.4rem;
    }
    .sp1 .txt {
        font-size: 0.32rem;
    }
    .sp1 {
        height: 40vh;
    }
    .sp2 {
        padding-bottom: 26%;
    }
    .sp2 .txt {
        margin-top: 29%;
        font-size: 0.15rem;
    }
    .sp3 .tit {
        margin-bottom: 11%;
    }
    .sp3c .spdata{
        padding: 20px 25px;
        border-radius: 0.21rem;
        margin-top: -22%;
    }
    .sp3c>img {
        width: 68%;
    }
    .spdata .d1 .i .t b {
        font-size: 0.18rem;
    }
    .spdata .d1 .i {
        width: 35%;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .spdata .d2 .i {
        width: 35%;
        font-size: 12px;
        padding-right: 0.14rem;
        margin-bottom: 10px;
    }
    .spdata .d1 {
        margin-bottom: 0;
    }
    .sptit .cn {
        font-size: 0.34rem;
    }
    .sptit .en {
        font-size: 12px;
    }
    .sptit {
        margin-bottom: 14%;
    }
    .colors .dots .i {
        width: 0.34rem;
        height: 0.34rem;
        margin: 0 15px;
    }
    .sp4 .colors .dots{
        width: 90%;
        margin: 0 auto;
    }
    .colors .tips {
        font-size: 14px;
    }
    .colors .tips sup{
        font-size: 8px;
        padding-left: 0px;
    }
    .sp8 .max1206,
    .sp2 .max1206,
    .sp5 .max1206{
        padding: 0;
    }
    .sp5 .txt {
        padding: 0px 4% !important;
        padding-top: 34px !important;
    }
    .sp2 .txt,
    .sp5 .max1206 .sptit{
        padding: 0 4%;
    }
    .sp4 .colors .imgs{  
        max-width: 73%;
    }
    .sp3, .sp4, .sp5, .sp6, .sp7, .sp8, .sp9, .sp10, .sp11, .sp11.sp7 {
        padding: 80px 0;
    }
    .sp5 .sptit {
        margin-bottom: 10%;
    }
    .sp5 .txt .p{
        max-width: 204px;
        font-size: 12px;
    }
    .sp5 .txt .t {
        margin-bottom: 0.2rem;
    }
    .sp6 .img {
        margin: 42px auto;
    }
    .sp6 .txt .t2 {
        font-size: 0.12rem;
    }
    .sp6 .txt .p {
        margin-top: 0.14rem;
        font-size: 0.12rem;
    }
    .sp7 .img {
        border-radius: 0.2rem;
        margin-bottom: 0;
    }
    .sp7 .tbox .t {
        margin-top: 0.2rem;
        margin-bottom: 14px;
        font-size: 0.12rem;
    }
    .sp7 .tbox .p{
        font-size: 12px;
    }
    .sp7 .tbox {
        margin-bottom: 34px;
    }
    .sp7 .tbox .t .t1 {
        font-size: 0.27rem;
    }
    .sp7 .tbox.s2 {
        margin-top: 38%;
        margin-bottom: 26%;
    }
    .sp7 .tbox.s2 .img{
        margin-top: 90px;
    }
    .sp7 .txt {
        color: rgba(255,255,255,.5);
    }
    .sp8 .max822{
        padding: 0 4% !important;
    }
    .sp8 .sptit {
        margin-bottom: 9%;
    }
    .sp8c {
        padding: 36px 0 0;
    }
    .sp8c .txt {
        padding: 0;
        padding-top: 26px;
    }
    .sp9 .img {
        max-width: 95%;
        margin-bottom: 16%;
    }
    .sp9 .txt .t2{
        margin-bottom: 26px;
    }
    .sp9 .txt .p{
        font-size: 12px;
    }
    .sp10 .sptit {
        margin-bottom: 10%;
        padding: 0 4%;
    }
    .sp10 .max992 {
        padding: 0%;
    }
    .sp10 .sptit .cn {
        margin-bottom: 10px;
    }
    .sp10 .txt {
        padding-top: 30px;
    }
    .sp10 .txt .tl .p {
        max-width: 253px;
    }
    .sp10 .txt .tr {
        max-width: 80%;
        padding-bottom: 0;
    }
    .sp10 .txt .tr .p {
        margin-top: 30px;
    }
    .sp11 .sptit .cn {
        width: 70%;
        margin: 10px auto;
        line-height: 48px;
    }
    .sp11 .sptit .p {
        margin-top: 30px;
        font-size: 12px;
        width: 64%;
    }
    .sp11 .max1206{
        padding: 0;
    }
    .sp11 .sptit {
        padding: 0 4%;
        margin-bottom: 24%;
    }
    .sp11 .img {
        max-width: 90%;
    }
    .sp7 .txt{
        padding: 0 4%;
        margin-top: 22%;
    }
    .sp13,
    .sp12{
        padding-top: 80px;
    }
    .sp12 .sptit {
        margin-bottom: 20%;
    }
    .imgtxt .txt .p {
        font-size: 0.12rem;
    }
    .sp13 .sptit {
        margin-bottom: 9%;
    }
    .splist .i .p{
        padding-top: 14px !important;
        padding-bottom: 22px !important;
    }
    .splist .i:nth-child(2){
        margin-top: 0;
    }
    .splist .i .img {
        border-radius: 0.24rem;
    }
    .sp14 .t {
        font-size: 2.57rem;
        line-height: 1;
    }
    .sp14 {
        padding-top: 18%;
    }
    .sp14 .t1 {
        font-size: 0.12rem;
    }
    .sp14 .tlogo {
        padding: 38px 0;
    }

    /* 专题2 */
    .sp1.sp_1{
        height: 60vh;
    }
    .specail2 .sp1 .txt .cn {
        font-size: 0.32rem;
    }
    .specail2 .sp1 .txt .en {
        font-size: 0.12rem;
        margin-top: 6px;
    }
    .specail2 .sp1 .txt .en sup {
        font-size: 9px;
    }
    .sp2.sp_2 .txt {
        margin-top: 10%;
        font-size: 0.12rem;
    }
    .sp2.sp_2 .sptit .cn {
        font-size: 0.27rem;
    }
    .sptit .p {
        font-size: 0.12rem;
    }
    .sp2.sp_2{
        padding-bottom: 4%;
    }
    .sp4.sp_4 .colors .dots {
        width: 100%;
    }
    .sp_3 .sp3c>img {
        position: relative;
        z-index: 10;
    }
    .sp_3 .sp3c .spdata {
        margin-top: -40%;
        padding-bottom: 0;
    }
    .sp_3 .spdata .d1 {
        padding-top: 7px;
        padding-bottom: 13px;
        position: relative;
    }
    .sp_3 .spdata .d1::before{
        content: '';
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right , #A2DAF9 ,#D7B6F9);
        position: absolute;
        bottom: 13px;
        left: 0;
    }
    .specail2 .sp5 .txt .p {
        font-size: 0.15rem;
    }
    .specail2 .sp5 .sptit {
        margin-bottom: 26px;
    }
    .specail2 .sp5 .txt {
        padding-top: 0px !important;
        padding-bottom: 70px !important;
    }
    .specail2 .sptit .cn {
        font-size: 0.27rem;
    }
    .sp15 .txt .i .t {
        font-size: 0.2rem;
    }
    .sp15 .txt .i .t2 {
        margin-bottom: 0;
    }
    .sp15 {
        padding-bottom: 10%;
    }
    .sp16 .sptit .cn{
        margin-bottom: 14px;
    }
    .sp16 .sptit .p{
        margin-top: 14px;
        width: 62%;
    }
    .sp16 .sptit sup {
        font-size: 8px;
    }
    .sp17 {
        padding: 17% 0 0;
    }
    .specail2 .sp17 .sptit .cn {
        font-size: 0.34rem;
    }
    .sp17 .sptit {
        margin-bottom: 19%;
    }
    .sp17 .spslider .swiper-slide {
        padding-bottom: 32%;
    }
    .spslider .txt {
        width: 230px;
        margin: 0 auto;
        margin-top: 7%;
        text-align: center;
        font-size: 12px;
    }
    .sp21 .max1206,
    .sp19 .max1206,
    .sp18 .max1206{
        padding: 0;
    }
    .sp18 .sptit{
        padding: 0 4%;
        margin-bottom: 0;
    }
    .sp18.sp7 {
        padding-top: 90px;
    }
    .specail2 .sp18 .sptit .cn {
        font-size: 0.34rem;
    }
    .sp18 .sptit .p{
        margin-bottom: 0;
    }
    .specail2 .sp19 .sptit .cn {
        font-size: 0.24rem;
    }
    .sp19 .txt{
        padding: 0 4%;
        padding-top: 34px;
        font-size: 12px;
    }
    .sp20, .sp21 {
        padding: 80px 0;
    }
    .sp20c .txt {
        width: 78%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .specail2 .sp21 .sptit .cn {
        font-size: 0.34rem;
    }
    .sp21 .sptit, .sp21 .txt{
        padding: 0 4%;
    }
    .sp21 .img {
        margin-bottom: 0.6rem;
    }
    .sp21 .txt .p {
        font-size: 12px;
    }
    .sp21 .txt .t {
        margin-bottom: 0.24rem;
    }
    .specail2 .sp5 {
        padding-top: 70px;
    }
    .specail2 .sp22 .sptit .cn {
        font-size: 0.34rem;
    }
    .sp23 {
        padding-top: 70px;
    }
    .sp23 .t {
        padding-bottom: 0.2rem;
    }
    .sp23 .p {
        font-size: 0.12rem;
    }
    .sp23 .img {
        box-shadow: 0px 21px 27px rgb(0 0 0 / 15%);
        margin-bottom: 25px;
    }
    .sp24 {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .sp24c .sp24l .p {
        max-width: 198px;
        margin-bottom: 15px;
        font-size: 12px;
    }
    .sp24c .sp24l .t {
        margin-bottom: 0.2rem;
    }
    .sp25 .tit .t {
        margin-bottom: 0.2rem;
    }
    .sp25 .tit .p{
        font-size: 12px;
    }
    .sp25 .tit {
        margin-bottom: 0.3rem;
    }
    .sp25 .img {
        box-shadow: 0px 22px 22px rgb(0 0 0 / 15%);
        margin-bottom: 30px;
    }
    .specail2 .sp14 .t {
        line-height: initial;
    }
    .specail2 .sp14 .t1 {
        font-size: 0.18rem;
    }
    .specail2 .sp14 .t2 {
        font-size: 0.36rem;
    }
    .specail2 .colors .tips{
        color: rgba(29, 29, 31, 0.3);
    }
    .specail2 .colors .tips sup{
        color: #1D1D1F;
    }
    .specail2 .sp15 .txt .i {
        padding-bottom: 10px;
    }
    .specail {
        overflow: hidden;
    }
    .sp2_app{
        display: block !important;
        width: 100%;
    }
    .sp2_pc{
        display: none !important;
    }
    .sp15bg {
        background-size: 240% auto;
    }
    .sp15bg .sptit {
        margin-bottom: 26%;
    }
    .sp23 .img {
        padding: 0.72rem 0 0;
    }
    .sp23 .img img {
        max-width: 100%;
    }
    .sp3c>img {
        position: relative;
        z-index: -1;
    }
    .sp3c {
        z-index: 10;
    }
    .sp3c .spdata {
        background: rgb(24,24,24);
        backdrop-filter: initial;
    }

    .specail.specail3 .specailBan .txt {
        text-align: left;
        left: 22%;
        top: 85%;
    }
}