.s1{background:#232323;position:relative;width:100%;height:100%;overflow:hidden}.s1 picture{display:block}.s1 img,.s1 video{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.s1 img.videobg{position:absolute;top:0;left:0;opacity:0;-webkit-transition:all 5s;transition:all 5s}.s1 img.videobg.show{opacity:1}.s1 .blocks{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;display:none}.s1 .blocks ul{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:704px}.s1 .blocks li{width:64px;height:64px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#000;opacity:0;-webkit-transition:opacity .12s linear;transition:opacity .12s linear}.s1 .slogan{position:absolute;left:50%;top:calc(48% - 24px);width:704px;height:384px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.s1 .slogan.active p{-webkit-transition:opacity .8s linear .5s;transition:opacity .8s linear .5s}.s1 .slogan.active .slogan2{-webkit-transition:opacity .8s linear 1.2s;transition:opacity .8s linear 1.2s}.s1 .slogan>img{display:block;margin:0 auto;position:relative;width:calc(100% - 268px);top:136px;opacity:0;-webkit-transition:opacity .8s linear .3s;transition:opacity .8s linear .3s}.s1 .slogan p{position:absolute;text-align:center;font-size:20px;line-height:70px;font-weight:500;letter-spacing:10px;opacity:0;left:50%;top:201px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.s1 .slogan .txt{width:2048px!important;height:auto!important;overflow:hidden;margin:0 auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;position:absolute}.s1 .slogan .slogan2{width:calc(100% - 50px);position:absolute;top:136px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;opacity:0;font-size:46px;font-weight:700;letter-spacing:20px}.s1 .slogan .slogan2 .slogan2-con{display:inline-block}.s1 .slogan .slogan2 .slogan2-con .letter{display:inline-block;opacity:0;font-size:46px;font-weight:700;margin-right:20px}.s1 .slogan .slogan2 .slogan2-con .letter div{display:inline-block}.s1 .swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:.2;border-radius:6px;-webkit-transition:.3s;transition:.3s;margin:0 6px}.s1 .swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;opacity:.5}.s1 .mapstudio{position:relative}.s1 .mapstudio:after{content:"";width:50.8%;height:48.8%;position:absolute;border:3px solid;-o-border-image:linear-gradient(134deg,#30ff97,#21b6ed) 4 4;border-image:linear-gradient(134deg,#30ff97,#21b6ed) 4 4;top:50%;right:30.3%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);clip-path:polygon(0 3px,3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px))}.s1 .mapstudio .btns{position:absolute;left:9.4%;bottom:29%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:66px}.s1 .mapstudio .button{background:-webkit-gradient(linear,left top,right top,from(#26ff48),to(#21caff));background:linear-gradient(90deg,#26ff48 0,#21caff);color:#131418}.s1 .mapstudio .button,.s1 .mapstudio .button1{position:relative;width:166px;height:61px;border-radius:6px;font-size:22px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:61px;text-align:center;cursor:pointer}.s1 .mapstudio .button1{background:#3f4f33;color:#fff}.s1 .change_btn{position:absolute;top:0;width:100%;z-index:2}.s1 .change_btn div{position:absolute;top:45vh;width:60px;height:60px;cursor:pointer;opacity:.5}.s1 .change_btn div:hover{opacity:1}.s1 .change_btn .btn_prev{left:30px;background:url(../img/icon_prev.efc42b5b.svg) no-repeat 50%/100%}.s1 .change_btn .btn_next{right:30px;background:url(../img/icon_next.3325c3fc.svg) no-repeat 50%/100%}@media screen and (max-width:1440px){.s1:not(.mobile) .blocks ul{width:550px}.s1:not(.mobile) .blocks li{width:50px;height:50px}.s1:not(.mobile) .slogan{height:300px;width:550px;padding-top:100px;top:calc(50% - 18px)}.s1:not(.mobile) .slogan>img{width:calc(100% - 210px);top:-22px}.s1:not(.mobile) .slogan .slogan2{width:calc(100% - 40px);position:absolute;top:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;font-size:36px;letter-spacing:16px}.s1:not(.mobile) .slogan .slogan2 .slogan2-con{display:inline-block}.s1:not(.mobile) .slogan .slogan2 .slogan2-con .letter{display:inline-block;opacity:0;font-size:38px;font-weight:700;margin-right:14px}.s1:not(.mobile) .slogan .slogan2 .slogan2-con .letter div{display:inline-block}.s1:not(.mobile) p{font-size:16px;letter-spacing:8px;line-height:50px;top:130px}.s1 .mapstudio .btns{gap:40px}.s1 .mapstudio .button,.s1 .mapstudio .button1{width:120px;height:46px;border-radius:6px;font-size:18px;line-height:46px}}.s1.mobile{width:100vw;height:100vh;overflow-x:hidden;background-size:cover}.s1.mobile .poster-wapper{width:100%;position:relative;height:100%;background:url(../img/poster-wap2.fd9cc7e1.jpg) no-repeat top;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:7.35rem;-webkit-box-sizing:border-box;box-sizing:border-box}.s1.mobile .poster-wapper.poster-mapstudio{background:url(../img/poster-mapstudio.f42a910a.png) no-repeat top;background-size:cover;color:#fff;font-family:PingFangSC-Light,PingFang SC;font-size:.8rem;position:relative;z-index:2}.s1.mobile .poster-wapper.poster-mapstudio img{width:auto;-webkit-transform:scale(.5);transform:scale(.5)}.s1.mobile .poster-wapper.poster-mapstudio .mapStudio{-webkit-transform:scale(1);transform:scale(1);width:62%}.s1.mobile .poster-wapper.poster-mapstudio .release{margin:.25rem 0 .95rem 0;width:37%}.s1.mobile .poster-wapper.poster-mapstudio .tipsText{font-weight:300}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap{position:absolute;bottom:12%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap .learnMore{font-family:PingFangSC-Regular,PingFang SC;font-weight:400;font-size:.65rem;margin-top:1.85rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10.35rem;margin-bottom:.85rem;padding:1rem}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap .learnMore .contactBtn{width:5rem;height:1.8rem;line-height:36px;text-align:center;background:linear-gradient(138deg,#26ff48,#21caff);border-radius:.1rem;font-weight:400;color:#131418;font-size:.7rem;font-family:PingFangSC-Regular,PingFang SC;margin-top:3.35rem}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap .learnMore span{margin-right:.35rem}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap .learnMore .arrows img{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-name:jumping;animation-name:jumping;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1.5s;animation-duration:1.5s}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap .funList{display:-webkit-box;display:-ms-flexbox;display:flex}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap .funList li{width:4.8rem;height:5.45rem;background:hsla(0,0%,84.7%,.12);border-radius:.2rem;backdrop-filter:blur(.15rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.5rem;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:.7rem;margin:0 .2rem;padding:.75rem .4rem}.s1.mobile .poster-wapper.poster-mapstudio .bottomWrap .funList li img{-webkit-transform:scale(1);transform:scale(1);width:2rem;height:2.2rem}@-webkit-keyframes arrows_animation{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes arrows_animation{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes jumping{0%{-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}50%{-webkit-transform:translateX(30%) scale(.5);transform:translateX(30%) scale(.5)}to{-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}}@keyframes jumping{0%{-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}50%{-webkit-transform:translateX(30%) scale(.5);transform:translateX(30%) scale(.5)}to{-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}}.s1.mobile video{width:110%;min-height:100%;-o-object-fit:fill;object-fit:fill;-webkit-animation:fadeIn .8s;animation:fadeIn .8s}.s1.mobile .slogan{padding-top:0;height:9.6rem;top:48%}.s1.mobile .slogan>img{width:57vw;top:4rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.s1.mobile .slogan>img,.s1.mobile .slogan p{-webkit-transition:opacity .8s linear;transition:opacity .8s linear}.s1.mobile .slogan p{font-size:.7rem;line-height:1.6rem;letter-spacing:.2rem;top:5.6rem;width:11rem}.s1.mobile .slogan p img{-o-object-fit:contain;object-fit:contain}.s1.mobile .slogan .slogan2{width:90vw;font-size:1.2rem;letter-spacing:.5rem;top:4rem;-webkit-transform:translate(-50%,-50%);transform:translateX(-50%,-50%);-webkit-transition:opacity .8s linear .8s;transition:opacity .8s linear .8s}.s1.mobile .slogan .slogan2 .slogan2-con .letter{font-size:1.2rem;margin-right:.5rem}.s1.mobile .blocks{display:block}.s1.mobile .blocks ul{width:17.6rem;-webkit-transform:translate(0);transform:translate(0)}.s1.mobile .blocks li{-webkit-transform:scaleY(2);transform:scaleY(2);height:1.6rem;width:1.6rem}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}