.wrapper1{background-size:cover;background-position:center}.wrapper1 .container .banner{width:100%;padding:160px 20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-column-gap:40px;grid-row-gap:40px}.wrapper1 .container .banner .left{display:flex;flex-direction:column;justify-content:center}.wrapper1 .container .banner .left .p1{font-size:40px;font-weight:600;color:#fff;line-height:52px;letter-spacing:2px}.wrapper1 .container .banner .left .p2{font-size:28px;font-weight:400;color:#fff;line-height:40px;margin-top:20px}.wrapper1 .container .banner .left .p3{font-size:16px;font-weight:400;color:#fff;line-height:30px;margin-top:20px}.wrapper1 .container .banner .left .btn1{width:200px;height:64px;margin-top:40px;margin-left:0}.wrapper1 .container .banner .left .btn1>span{font-size:20px}.wrapper1 .container .banner .left .banner-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;width:fit-content;padding:0 40px;height:60px;background:linear-gradient(135deg,#0062ea 0,#00dcb2 100%);border-radius:30px;color:#fff;text-decoration:none;font-size:20px;font-weight:500;box-shadow:0 8px 24px #0062ea4d;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.wrapper1 .container .banner .left .banner-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.wrapper1 .container .banner .left .banner-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0062ea73;background:linear-gradient(135deg,#0d70f2 0,#0bebbd 100%)}.wrapper1 .container .banner .left .banner-cta-button:hover:before{left:100%}.wrapper1 .container .banner .left .banner-cta-button:hover .cta-icon{transform:translate(4px)}.wrapper1 .container .banner .left .banner-cta-button .cta-logo{font-size:24px}.wrapper1 .container .banner .left .banner-cta-button .cta-icon{transition:transform .3s ease;font-size:18px}.wrapper1 .container .banner .right{display:flex;align-items:center;height:100%}.wrapper1 .container .banner .right .medium{width:100%;height:auto;position:relative;border-radius:12px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.wrapper1 .container .banner .right .medium .cover{width:100%;height:auto;aspect-ratio:4891/2368;object-fit:cover}.wrapper1 .container .banner .right .medium .play{position:absolute;top:calc((100% - 80px)/2);left:calc((100% - 80px)/2);width:80px;height:80px;cursor:pointer}.wrapper2{background-size:cover;background-position:center}.wrapper2 .container .box{padding:40px 20px}.wrapper2 .container .box .feature{padding:120px 0 60px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-column-gap:40px;grid-row-gap:80px}.wrapper2 .container .box .feature .feature-item .feature-container{max-width:360px;background:#fff;box-shadow:0 1px 5px #0062ea2e;border-radius:4px;padding:20px 30px 18px}.wrapper2 .container .box .feature .feature-item .feature-container .feature-title{display:flex;align-items:center}.wrapper2 .container .box .feature .feature-item .feature-container .feature-title>span{font-size:16px;font-weight:500;color:#0062ea;line-height:22px}.wrapper2 .container .box .feature .feature-item .feature-container .feature-title>img{width:22px;height:22px}.wrapper2 .container .box .feature .feature-item .feature-container .feature-content{width:100%;font-size:14px;font-weight:400;color:#5b636f;line-height:20px;margin-top:20px}.wrapper2 .container .box .feature .feature-item .feature-container:hover{transition:.4s cubic-bezier(.075,.82,.165,1);scale:1.01}.wrapper2 .container .box .feature .feature-item:nth-of-type(1){margin-left:80px}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container{float:left}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container .feature-title{justify-content:flex-end}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container .feature-title>span{margin-right:10px}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container .feature-content{text-align:right}.wrapper2 .container .box .feature .feature-item:nth-of-type(2){margin-right:80px}.wrapper2 .container .box .feature .feature-item:nth-of-type(2) .feature-container{float:right}.wrapper2 .container .box .feature .feature-item:nth-of-type(2) .feature-container .feature-title{justify-content:flex-start}.wrapper2 .container .box .feature .feature-item:nth-of-type(2) .feature-container .feature-title>span{order:2}.wrapper2 .container .box .feature .feature-item:nth-of-type(2) .feature-container .feature-title>img{order:1;margin-right:10px}.wrapper2 .container .box .feature .feature-item:nth-of-type(2) .feature-container .feature-content{text-align:left}.wrapper2 .container .box .feature .feature-item:nth-of-type(3){margin-top:68px}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container{float:left}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container .feature-title{justify-content:flex-end}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container .feature-title>span{margin-right:10px}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container .feature-content{text-align:right}.wrapper2 .container .box .feature .feature-item:nth-of-type(4){margin-top:92px}.wrapper2 .container .box .feature .feature-item:nth-of-type(4) .feature-container{float:right}.wrapper2 .container .box .feature .feature-item:nth-of-type(4) .feature-container .feature-title{justify-content:flex-start}.wrapper2 .container .box .feature .feature-item:nth-of-type(4) .feature-container .feature-title>span{order:2}.wrapper2 .container .box .feature .feature-item:nth-of-type(4) .feature-container .feature-title>img{order:1;margin-right:10px}.wrapper2 .container .box .feature .feature-item:nth-of-type(4) .feature-container .feature-content{text-align:left}.wrapper3{background-size:cover;background-position:center}.wrapper3 .container .box{padding:80px 20px}.wrapper3 .container .box .function{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-column-gap:40px;grid-row-gap:40px}.wrapper3 .container .box .function .function-item{background:#fff;box-shadow:0 2px 8px #d9d9d970;border-radius:8px;overflow:hidden}.wrapper3 .container .box .function .function-item .func-img{width:100%;height:300px;background-color:#0d0d0d;background-size:100% 100%;background-repeat:no-repeat;background-position:center;overflow:hidden;transition:transform .4s ease}.wrapper3 .container .box .function .function-item .func-img:hover{transform:scale(1.02)}.wrapper3 .container .box .function .function-item .func-content{width:100%;padding:20px 80px}.wrapper3 .container .box .function .function-item .func-content .func-title{text-align:center;font-size:16px;font-weight:500;color:#011f40;line-height:22px;letter-spacing:2px;text-shadow:0 2px 8px rgba(217,217,217,.44)}.wrapper3 .container .box .function .function-item .func-content .func-dots .dots-item{position:relative;padding-left:12px;margin-top:10px}.wrapper3 .container .box .function .function-item .func-content .func-dots .dots-item>p{width:100%;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#5b636f;line-height:17px;text-shadow:0 2px 8px rgba(217,217,217,.44)}.wrapper3 .container .box .function .function-item .func-content .func-dots .dots-item:before{content:" ";position:absolute;top:5px;left:0;width:6px;height:6px;background:#00ddb3;border-radius:1px;transform:rotate(45deg)}.wrapper3 .container .box .function .function-item:hover{transition:.4s cubic-bezier(.075,.82,.165,1);scale:1.01}.wrapper3 .container .box .btn1{margin-top:40px}.wrapper4{background:#fff}.wrapper4 .container .box{padding:60px 20px}.wrapper4 .container .box .advantage{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-column-gap:40px;grid-row-gap:80px;margin-top:90px}.wrapper4 .container .box .advantage .adva-item{padding:60px 45px 20px;background:#fff;box-shadow:0 2px 8px #d9d9d970;border-radius:8px;transition:.4s cubic-bezier(.075,.82,.165,1);position:relative}.wrapper4 .container .box .advantage .adva-item .adva-img{width:80px;height:80px;position:absolute;top:-40px;left:calc(50% - 40px)}.wrapper4 .container .box .advantage .adva-item .adva-title{text-align:center;font-size:16px;font-weight:500;color:#001d31;line-height:22px;text-shadow:0 2px 8px rgba(217,217,217,.44)}.wrapper4 .container .box .advantage .adva-item .adva-text{font-size:12px;font-weight:400;color:#1d1b1a70;line-height:17px;text-shadow:0 2px 8px rgba(217,217,217,.44);margin-top:10px}.wrapper4 .container .box .advantage .adva-item:hover{background-image:var(--home-bg3);background-size:cover;background-position:center}.wrapper4 .container .box .advantage .adva-item:hover .adva-title,.wrapper4 .container .box .advantage .adva-item:hover .adva-text{color:#fff}.wrapper5{background:#f5f9ff}.wrapper5 .container .box{padding:60px 20px}.wrapper5 .container .box .scene{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-column-gap:40px;grid-row-gap:40px;margin-top:50px}.wrapper5 .container .box .scene .scene-item{box-shadow:0 2px 8px #d9d9d999;border-radius:8px;overflow:hidden}.wrapper5 .container .box .scene .scene-item .scene-img>img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease}.wrapper5 .container .box .scene .scene-item .scene-content{padding:20px;text-align:center;font-size:16px;font-weight:500;color:#001d31;line-height:22px;letter-spacing:4px}.wrapper5 .container .box .scene .scene-item:hover{transition:.4s cubic-bezier(.075,.82,.165,1);scale:1.01}.wrapper5 .container .box .btn1{margin-top:40px;border:1px solid #c5c5c5;background:#fff}.wrapper5 .container .box .btn1>span{color:#0062ea}.wrapper5 .container .box .btn1:hover{border:2px solid transparent;background-image:linear-gradient(to right,#00dcb2 0,#0062ea 50%,#00dcb2 100%);background-size:200%}.wrapper5 .container .box .btn1:hover>span{color:#fff}@property --colorA{syntax:"<color>";inherits:false;initial-value:#91bfff}@property --colorB{syntax:"<color>";inherits:false;initial-value:#0062ea}@keyframes w5bg{50%{--colorA:#0062ea;--colorB:#91bfff}}.wrapper6{background-image:linear-gradient(144deg,var(--colorA) 0%,var(--colorB) 100%);animation:w5bg 3s infinite linear}.wrapper6 .container{max-width:100%}.wrapper6 .container .box{padding:60px 20px}.wrapper6 .container .box .title{width:100%;max-width:1400px;margin:0 auto}.wrapper6 .container .box .swiper-container{width:100%;padding-bottom:20px;margin-top:40px}.wrapper6 .container .box .swiper-container .swiper-wrapper{width:100%}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide{width:920px!important;background:#fff;box-shadow:0 2px 8px #858585b3;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:512fr 408fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:0}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-left{width:100%;padding:5px;display:flex;align-items:center;justify-content:center;position:relative}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-left .img_cover,.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-left video{width:100%;height:100%;aspect-ratio:512/288;object-fit:cover}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-left .img_play{position:absolute;width:60px;height:60px;top:calc((100% - 60px)/2);left:calc((100% - 60px)/2)}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right{width:100%;padding:20px;background-size:cover;background-position:center}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right .right-p1{font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#001d31;line-height:28px;position:relative}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right .right-p1:before{content:" ";position:absolute;bottom:-10px;left:0;width:123px;height:4px;background:linear-gradient(159deg,#00dcb2 0,#0062ea 100%)}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right .right-p2{margin-top:44px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#686d74;line-height:24px}.wrapper6 .container .box .swiper-container .swiper-pagination{bottom:0}.wrapper6 .container .box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#fff}.wrapper7 .container{max-width:unset}.wrapper7 .container .box{padding:60px 20px}.wrapper7 .container .box .friend{width:100%;height:84px;margin-top:40px;overflow-x:hidden;overflow-y:hidden;position:relative}.wrapper7 .container .box .friend .friend-move{display:flex;align-items:center;position:absolute;top:0;left:0}.wrapper7 .container .box .friend .friend-move .friend-item{display:inline-block;width:320px;height:84px;margin:0 10px;padding:10px 0}.wrapper7 .container .box .friend .friend-move .friend-item>img{width:100%;height:100%;object-fit:contain;box-shadow:0 1px 4px #00000029;border-radius:4px}.wrapper7 .container .box .friend .friend-move .friend-item:hover{transition:.4s cubic-bezier(.075,.82,.165,1);scale:1.01}@media screen and (max-width:1200px){.wrapper2 .container .box .feature{padding:60px 0}.wrapper2 .container .box .feature .feature-item .feature-container{height:100%;margin:0 auto}.wrapper2 .container .box .feature .feature-item:nth-of-type(1){margin-left:0}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container{float:unset}.wrapper2 .container .box .feature .feature-item:nth-of-type(2){margin-right:0}.wrapper2 .container .box .feature .feature-item:nth-of-type(2) .feature-container{float:unset}.wrapper2 .container .box .feature .feature-item:nth-of-type(3){margin-top:0}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container{float:unset}.wrapper2 .container .box .feature .feature-item:nth-of-type(4){margin-top:0}.wrapper2 .container .box .feature .feature-item:nth-of-type(4) .feature-container{float:unset}}@media screen and (max-width:1000px){.wrapper1 .container .banner{padding:120px 20px 60px;grid-template-columns:1fr}.wrapper1 .container .banner .left{order:2}.wrapper1 .container .banner .left .p1,.wrapper1 .container .banner .left .p2{text-align:center}.wrapper1 .container .banner .left .btn1{margin:20px auto 0}.wrapper1 .container .banner .left .banner-cta-button{margin:30px auto 0;width:fit-content}.wrapper1 .container .banner .right{order:1}.wrapper1 .container .banner .right .medium{width:80%;margin:0 auto}.wrapper2 .container .box,.wrapper3 .container .box{padding:20px}.wrapper3 .container .box .function{margin-top:20px;grid-column-gap:20px;grid-row-gap:20px}.wrapper3 .container .box .function .function-item .func-content{padding:20px}.wrapper3 .container .box .btn1{margin-top:20px}.wrapper4 .container .box{padding:20px}.wrapper4 .container .box .advantage{grid-template-columns:1fr 1fr;grid-row-gap:60px;grid-column-gap:20px;margin-top:60px}.wrapper5 .container .box{padding:20px}.wrapper5 .container .box .scene{grid-template-columns:1fr 1fr;grid-row-gap:20px;grid-column-gap:20px;margin-top:20px}.wrapper5 .container .box .btn1{margin-top:20px}.wrapper6 .container .box{padding:20px}.wrapper6 .container .box .swiper-container{grid-row-gap:20px;grid-column-gap:20px;margin-top:20px}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide{width:100%!important}.wrapper7 .container .box{padding:20px}.wrapper7 .container .box .friend{grid-row-gap:20px;grid-column-gap:20px;margin-top:20px;height:64px}.wrapper7 .container .box .friend .friend-move .friend-item{width:200px;height:64px}}@media screen and (max-width:800px){.wrapper1 .container .banner{padding:100px 20px 40px;grid-row-gap:20px}.wrapper1 .container .banner .left .p1{font-size:32px;line-height:44px;text-align:center;word-break:keep-all;overflow-wrap:break-word}.wrapper1 .container .banner .left .p3{font-size:14px;line-height:24px;text-align:center}.wrapper1 .container .banner .left .btn1{margin:20px auto 0;width:160px;height:50px}.wrapper1 .container .banner .left .btn1>span{font-size:16px}.wrapper1 .container .banner .left .banner-cta-button{margin:30px auto 0;width:fit-content;padding:0 32px;height:50px;font-size:16px}.wrapper1 .container .banner .right .medium{width:95%;margin:0 auto;border-radius:8px;border-width:1px}.wrapper3 .container .box .function{grid-template-columns:1fr}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide{grid-template-columns:1fr;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000026}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-left{padding:0}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-left .img_cover,.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-left video{aspect-ratio:16/9}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right{padding:24px 20px;min-height:160px}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right .right-p1{font-size:18px;line-height:26px}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right .right-p2{margin-top:20px;font-size:14px;line-height:22px}.wrapper7 .container .box .friend{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.wrapper1 .container .banner .right .medium .play{top:calc((100% - 60px)/2);left:calc((100% - 60px)/2);width:60px;height:60px}.wrapper2 .container .box .feature{padding:0;margin-top:20px;grid-template-columns:1fr;grid-row-gap:20px}.wrapper2 .container .box .feature .feature-item .feature-container{padding:20px;max-width:unset}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container .feature-title{justify-content:flex-start}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container .feature-title>span{order:2;margin-right:0}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container .feature-title>img{order:1;margin-right:10px}.wrapper2 .container .box .feature .feature-item:nth-of-type(1) .feature-container .feature-content{text-align:left}.wrapper2 .container .box .feature .feature-item:nth-of-type(2) .feature-container .feature-title{justify-content:flex-start}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container .feature-title{justify-content:flex-start}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container .feature-title>span{order:2;margin-right:0}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container .feature-title>img{order:1;margin-right:10px}.wrapper2 .container .box .feature .feature-item:nth-of-type(3) .feature-container .feature-content{text-align:left}.wrapper2 .container .box .feature .feature-item:nth-of-type(4) .feature-container .feature-title{justify-content:flex-start}.wrapper4 .container .box .advantage{grid-template-columns:1fr}.wrapper4 .container .box .advantage .adva-item{padding:40px 20px 20px}.wrapper4 .container .box .advantage .adva-item .adva-img{width:60px;height:60px;top:-30px;left:calc(50% - 30px)}.wrapper5 .container .box .scene,.wrapper7 .container .box .friend{grid-template-columns:1fr}}@media screen and (max-width:420px){.wrapper1 .container .banner{padding:80px 20px 20px;grid-row-gap:20px}.wrapper1 .container .banner .left .p2{margin-top:10px}.wrapper1 .container .banner .left .btn1{margin:20px auto 0}.wrapper1 .container .banner .left .banner-cta-button{margin:20px auto 0;width:100%;height:48px;font-size:16px}.wrapper1 .container .banner .right .medium{width:100%}}