.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:42px;font-weight:600;color:#fff;line-height:60px;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 .right .medium{width:100%;height:auto;position:relative;border-radius:12px;border:2px solid #ffffff;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:64px 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:#ffffff;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:60px 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:#ffffff;box-shadow:0 2px 8px #d9d9d970;border-radius:8px;overflow:hidden}.wrapper3 .container .box .function .function-item .func-img{width:100%;background:#0d0d0d;display:flex;align-items:center;justify-content:center}.wrapper3 .container .box .function .function-item .func-img>img{width:100%;height:auto;aspect-ratio:2868/1494;object-fit:cover}.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:0px 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:0px 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:#ffffff}.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:#ffffff;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:0px 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:0px 2px 8px rgba(217,217,217,.44);margin-top:10px}.wrapper4 .container .box .advantage .adva-item:hover{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:auto;aspect-ratio:2206/1242;object-fit:cover}.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:#ffffff}.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:#ffffff;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:#ffffff}.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 .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 60px;grid-row-gap:20px}.wrapper1 .container .banner .left .p2{margin-top:10px}.wrapper1 .container .banner .left .btn1{margin:20px auto 0}.wrapper1 .container .banner .right .medium{width:80%;margin:0 auto}.wrapper3 .container .box .function{grid-template-columns:1fr}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide{grid-template-columns:1fr;height:auto}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right{padding:20px}.wrapper6 .container .box .swiper-container .swiper-wrapper .swiper-slide .swiper-right .right-p2{margin-top:24px}.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 .right .medium{width:100%}}