@font-face{font-family:SourceHanSansCN-Regular;src:url(https://ymsz-1306458691.cos.ap-beijing.myqcloud.com/main/SourceHanSansCN-Regular.woff2) format("woff2")}@font-face{font-family:SourceHanSerifCN;src:url(https://ymsz-1306458691.cos.ap-beijing.myqcloud.com/main/SourceHanSerifCN-Regular.otf) format("woff2")}*{font-family:SourceHanSansCN-Regular,SourceHanSerifCN,ui-serif;font-weight:inherit}.t-serif{font-family:SourceHanSerifCN,ui-serif}html{--main-text-w: 350;--main-theme: #193064;--main-comparison: #DECE76;font-weight:var(--main-text-w);scrollbar-width:none;font-size:100px;scroll-behavior:smooth;scroll-snap-type:y mandatory}.screen{position:relative;width:100%;height:100vh;min-height:30vw;scroll-snap-align:start;overflow:hidden}.screen .bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}footer{scroll-snap-align:end}footer .authorization-box{padding:.36rem 0;overflow:hidden;position:relative;display:flex}footer .authorization-box .scroll-wrapper{display:flex;animation:scroll-left 20s linear infinite;will-change:transform}footer .authorization-box>.scroll-wrapper>img{display:block;flex-shrink:0;margin:0 .15rem;width:3.06rem;height:1.43rem;object-fit:cover;border-radius:.12rem;box-shadow:0 10px 20px -2px rgba(0,0,0,.04),0 2px 15px -3px rgba(0,0,0,.07)}footer .authorization-box:hover .scroll-wrapper{animation-play-state:paused}footer .separation{margin:0 .4rem;height:.01rem;background-color:rgba(25,48,100,.1)}footer .copyright-at-the-bottom{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:rgba(25,48,100,.6);font-size:.14rem;padding:.3rem 0}.navigation{position:fixed;top:.6rem;right:-0.9rem;z-index:1000;transition:right .3s ease}.navigation:hover a{transform:translateX(-0.9rem)}.navigation:hover .arrow{transform:translateX(-0.9rem)}.navigation>a{display:block;padding-bottom:.06rem;cursor:pointer;text-decoration:none;transition:background-color .3s ease,transform .2s ease;position:relative}.navigation>a:nth-child(1){transition-delay:0s}.navigation>a:nth-child(2){transition-delay:.05s}.navigation>a:nth-child(3){transition-delay:.1s}.navigation>a:nth-child(4){transition-delay:.15s}.navigation>a:nth-child(5){transition-delay:.2s}.navigation>a:nth-child(6){transition-delay:.25s}.navigation>a>div{display:flex;align-items:center;width:1.34rem;height:.58rem;background-color:#f8f9fa;border-radius:.1rem 0 0 .1rem}.navigation>a>div:hover{background-color:#f3e69e}.navigation>a svg{position:absolute;top:.18rem;left:.33rem;fill:#f5cf4b}.navigation>a .nav-dot{margin:0 .16rem;width:.16rem;height:.16rem}.navigation>a span{color:var(--main-theme);font-size:.16rem}.navigation>a.active>div{background-color:var(--main-comparison)}.navigation>a.active svg{fill:var(--main-theme)}.navigation .arrow{position:absolute;left:-0.3rem;width:.22rem;height:.2rem;transition:top .3s ease,transform .2s ease;pointer-events:none}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes floatUpDown{0%,100%{transform:translateY(-0.12rem)}50%{transform:translateY(0)}}.screen-1 .logo{position:absolute;top:.55rem;left:1.18rem;width:1.93rem}.screen-1 .title-box{position:absolute;top:1.6rem;left:0;right:0;text-align:center}.screen-1 .title-box .title-content{display:inline-block;position:relative}.screen-1 .title-box .title{display:block;color:#fff;font-size:.98rem;font-weight:bold;white-space:nowrap}.screen-1 .title-box .title .fine{font-weight:var(--main-text-w)}.screen-1 .title-box .title .emphasize{color:#eddc7e}.screen-1 .title-box p{color:#fff;line-height:.64rem;margin-top:.33rem;font-size:.29rem;position:absolute;left:0;right:0;word-wrap:break-word}.screen-1 .mouse{position:absolute;bottom:.96rem;left:0;right:0;text-align:center;width:auto;height:auto}.screen-1 .mouse .icon{width:.43rem;height:.43rem;animation:floatUpDown 2s ease-in-out infinite}.screen-1 .mouse p{margin-top:.08rem;color:#fff;font-size:.17rem}.screen-2 .whole-box{position:absolute;width:100%;height:100%;display:flex;align-items:center;padding:.6rem}.screen-2 .whole-box .left-box{width:40%;padding-left:.4rem}.screen-2 .whole-box .left-box button,.screen-2 .whole-box .left-box a{display:block;text-align:center;margin-top:.76rem;width:1.24rem;height:.52rem;line-height:.52rem;border-radius:.06rem;font-size:.16rem;background-color:var(--main-theme);color:#fff}.screen-2 .whole-box .left-box button:hover,.screen-2 .whole-box .left-box a:hover{opacity:.8}.screen-2 .whole-box .left-box p{color:#fff}.screen-2 .whole-box .left-box .serial{font-size:.36rem;line-height:.45rem}.screen-2 .whole-box .left-box .title{margin-top:.08rem;font-size:.54rem;line-height:.6rem;font-weight:bold}.screen-2 .whole-box .left-box .title-2{margin-top:1.13rem;font-size:.33rem;line-height:.55rem;text-decoration:underline;text-underline-offset:.15em;font-weight:bold}.screen-2 .whole-box .left-box .content{width:4.68rem;margin-top:.33rem;font-size:.17rem;line-height:.43rem}.screen-2 .whole-box .right-box{flex:1}.screen-2 .whole-box .right-box .img-box{position:relative;width:100%;aspect-ratio:965/780}.screen-2 .whole-box .right-box .img-box .bg-1{width:100%;height:100%}.screen-2 .whole-box .right-box .img-box .bg-2{position:absolute;top:0;left:0;width:67%}.screen-2 .bottom-box{position:absolute;bottom:.61rem;left:1.19rem;right:0}.screen-2 .bottom-box>div{border-bottom:.01rem solid #fff;opacity:.6}.screen-2 .bottom-box p{display:inline-block;width:4rem;height:.44rem;font-size:.16rem;color:#fff;text-align:center}.screen-3 .whole-box{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.48rem 1.2rem}.screen-3 .whole-box .left-box{width:100%;display:flex;align-items:stretch}.screen-3 .whole-box .left-box .img-box{width:55%;aspect-ratio:796/820;position:relative}.screen-3 .whole-box .left-box .img-box .bg-1{width:100%;height:100%}.screen-3 .whole-box .left-box .img-box .title-box{position:absolute;top:.5rem;left:.04rem}.screen-3 .whole-box .left-box .img-box .title-box p{color:var(--main-theme)}.screen-3 .whole-box .left-box .img-box .title-box .serial{font-size:.36rem;line-height:.45rem}.screen-3 .whole-box .left-box .img-box .title-box .title{margin-top:.08rem;font-size:.54rem;line-height:.6rem;font-weight:bold}.screen-3 .whole-box .left-box .img-box .bg-2{position:absolute;width:60%;left:.14rem;bottom:.96rem}.screen-3 .whole-box .left-box .right-box{flex:1}.screen-3 .whole-box .left-box .right-box .framework-box{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.screen-3 .whole-box .left-box .right-box .framework-box .content-box{padding-left:.86rem}.screen-3 .whole-box .left-box .right-box .framework-box .content-box a{display:block;text-align:center;margin-top:.76rem;width:1.24rem;height:.52rem;line-height:.52rem;border-radius:.06rem;font-size:.16rem;background-color:var(--main-theme);color:#fff}.screen-3 .whole-box .left-box .right-box .framework-box .content-box a:hover{opacity:.8}.screen-3 .whole-box .left-box .right-box .framework-box .content-box p{color:var(--main-theme)}.screen-3 .whole-box .left-box .right-box .framework-box .content-box .title-2{font-size:.33rem;line-height:.55rem;text-decoration:underline;text-underline-offset:.15em;font-weight:bold}.screen-3 .whole-box .left-box .right-box .framework-box .content-box .content{margin-top:.33rem;font-size:.17rem;line-height:.43rem}.screen-3 .whole-box .left-box .right-box .framework-box .letter{font-size:.36rem;line-height:.4rem;letter-spacing:.03rem;font-weight:600;color:#4f4f4f;opacity:.1;position:absolute;top:.57rem;right:0}.screen-3 .bottom-box{position:absolute;bottom:.5rem;left:0;right:0;display:flex;justify-content:space-evenly}.screen-3 .bottom-box>div{display:inline-flex;width:auto;height:auto;align-items:center}.screen-3 .bottom-box>div img{width:.33rem;height:.33rem;margin-right:.1rem}.screen-3 .bottom-box>div p{display:inline-block;font-size:.19rem;color:var(--main-theme);margin:0;white-space:nowrap;line-height:1.2}.screen-4 .whole-box{position:absolute;width:100%;height:100%;display:flex;align-items:center;padding:.33rem 0}.screen-4 .whole-box .left-box{width:40%;padding-left:1.19rem;padding-right:.93rem}.screen-4 .whole-box .left-box a{display:block;text-align:center;margin-top:.76rem;width:1.24rem;height:.52rem;line-height:.52rem;border-radius:.06rem;font-size:.16rem;color:var(--main-theme);background-color:var(--main-comparison)}.screen-4 .whole-box .left-box a:hover{opacity:.8}.screen-4 .whole-box .left-box p{color:#fff}.screen-4 .whole-box .left-box .serial{font-size:.36rem;line-height:.45rem}.screen-4 .whole-box .left-box .title{margin-top:.08rem;font-size:.54rem;line-height:.6rem;font-weight:bold}.screen-4 .whole-box .left-box .title-2{margin-top:1.13rem;font-size:.33rem;line-height:.55rem;text-decoration:underline;text-underline-offset:.15em;font-weight:bold}.screen-4 .whole-box .left-box .content{width:4.68rem;margin-top:.33rem;font-size:.17rem;line-height:.43rem}.screen-4 .whole-box .right-box{flex:1}.screen-4 .whole-box .right-box .img-box{width:100%;aspect-ratio:954/844;position:relative}.screen-4 .whole-box .right-box .img-box .bg-1{width:100%;height:100%}.screen-4 .whole-box .right-box .img-box .bg-2{position:absolute;width:24.5%;left:0;top:16.24%}.screen-4 .bottom-box{position:absolute;bottom:.61rem;left:1.19rem;right:1.19rem;display:flex;justify-content:space-evenly;border-bottom:hsla(0,0%,100%,.24) solid .01rem;padding-bottom:.2rem}.screen-4 .bottom-box>p{display:inline-block;color:hsla(0,0%,100%,.42);font-size:.19rem;text-align:center}.screen-5{background:linear-gradient(180deg, #cacfda, #eef2f8 100%)}.screen-5 .bg-2{aspect-ratio:767/724;position:absolute;top:10vh;left:16vh;height:80vh;width:auto}.screen-5 .bg-3{aspect-ratio:782/724;position:absolute;top:10vh;left:45vh;height:80vh;width:auto}.screen-5 .whole-box{position:absolute;top:.8rem;left:1.19rem;right:1.19rem;display:flex}.screen-5 .whole-box .left-box{width:50%}.screen-5 .whole-box .left-box p{color:var(--main-theme)}.screen-5 .whole-box .left-box .serial{font-size:.36rem;line-height:.45rem}.screen-5 .whole-box .left-box .title{margin-top:.08rem;font-size:.54rem;line-height:.6rem;font-weight:bold}.screen-5 .whole-box .left-box .title svg{display:inline-block;width:.26rem;height:.26rem;fill:#f5cf4b;position:relative;top:-0.2rem;left:.05rem}.screen-5 .whole-box .right-box{flex:1}.screen-5 .whole-box .right-box .title-box{display:flex;justify-content:space-between}.screen-5 .whole-box .right-box .title-box .title-2{font-size:.33rem;line-height:.55rem;text-decoration:underline;text-underline-offset:.15em;font-weight:bold}.screen-5 .whole-box .right-box p{color:#fff;text-shadow:0 4px 2px rgba(4,16,33,.18)}.screen-5 .whole-box .right-box .content{width:7.66rem;margin-top:.27rem;line-height:.36rem;font-size:.14rem}.screen-5 .menu-box{width:1.24rem;height:.52rem;position:absolute;bottom:.5rem;left:calc(50% - .62rem)}.screen-5 .menu-box button{display:block;width:100%;height:100%;line-height:.52rem;border-radius:.07rem;font-size:.16rem;background-color:var(--main-comparison);color:var(--main-theme)}.screen-5 .menu-box:hover .menu-panel{display:block}.screen-5 .menu-box .menu-panel{display:none;position:absolute;z-index:10;left:0;top:0;transform:translateY(-100%);width:100%;padding-bottom:.12rem;font-size:.14rem;line-height:.38rem}.screen-5 .menu-box .menu-panel>div{width:100%;overflow:hidden;border-radius:.1rem;background:#fff}.screen-5 .menu-box .menu-panel>div>a{display:block;padding:0 .16rem;margin:0;background-color:#fff;color:#4f4f4f;cursor:pointer}.screen-5 .menu-box .menu-panel>div>a:hover{background-color:#eee}.screen-6 .whole-box{position:absolute;top:1.31rem;left:1.19rem}.screen-6 .whole-box a{display:block;text-align:center;margin-top:.76rem;width:1.24rem;height:.52rem;line-height:.52rem;border-radius:.06rem;font-size:.16rem;color:var(--main-theme);background-color:var(--main-comparison)}.screen-6 .whole-box a:hover{opacity:.8}.screen-6 .whole-box p{color:#fff}.screen-6 .whole-box .serial{font-size:.36rem;line-height:.45rem}.screen-6 .whole-box .title{margin-top:.08rem;font-size:.54rem;line-height:.6rem;font-weight:bold}.screen-6 .whole-box .title-2{margin-top:1.13rem;font-size:.33rem;line-height:.55rem;text-decoration:underline;text-underline-offset:.15em;font-weight:bold}.screen-6 .whole-box .content{width:5.57rem;margin-top:.33rem;font-size:.17rem;line-height:.43rem}.screen-6 .bottom-box{position:absolute;bottom:.61rem;left:1.19rem;right:1.19rem;display:flex;justify-content:space-evenly;border-bottom:hsla(0,0%,100%,.24) solid .01rem;padding-bottom:.24rem}.screen-6 .bottom-box>p{display:inline-block;color:hsla(0,0%,100%,.42);font-size:.19rem;text-align:center}/*# sourceMappingURL=main.css.map */