*{margin:0;padding:0}body{overflow:hidden}#section-kv{background:#000;height:240vh;height:calc(var(--vh, 1vh)*240);z-index:2}#section-kv .loading-mask{align-items:center;background:#000;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}#section-kv .loading-mask.disappear{opacity:0;transition:opacity .5s linear .3s}#section-kv .loading-mask .loading-progress-wrapper{align-items:center;display:flex;height:100px;justify-content:center;opacity:0;position:relative;width:100px}#section-kv .loading-mask .loading-progress-0,#section-kv .loading-mask .loading-progress-100,#section-kv .loading-mask .loading-progress-30,#section-kv .loading-mask .loading-progress-60{border:1px solid #fff;border-radius:24px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@-webkit-keyframes loadingLoop{0%{border-radius:24px;opacity:0;transform:translate(-50%,-50%) scale(1)}25%{opacity:1;transform:translate(-50%,-50%) scale(.875)}to{border-radius:16px;opacity:0;transform:translate(-50%,-50%) scale(.5)}}@keyframes loadingLoop{0%{border-radius:24px;opacity:0;transform:translate(-50%,-50%) scale(1)}25%{opacity:1;transform:translate(-50%,-50%) scale(.875)}to{border-radius:16px;opacity:0;transform:translate(-50%,-50%) scale(.5)}}#section-kv .loading-mask .loading-progress-100{-webkit-animation:loadingLoop 2s linear 0s infinite;animation:loadingLoop 2s linear 0s infinite}#section-kv .loading-mask .loading-progress-60{-webkit-animation:loadingLoop 2s linear .5s infinite;animation:loadingLoop 2s linear .5s infinite}#section-kv .loading-mask .loading-progress-30{-webkit-animation:loadingLoop 2s linear 1s infinite;animation:loadingLoop 2s linear 1s infinite}#section-kv .loading-mask .loading-progress-0{align-items:center;-webkit-animation:loadingLoop 2s linear 1.5s infinite;animation:loadingLoop 2s linear 1.5s infinite;display:flex;justify-content:center}#section-kv .loading-mask .loading-progress{color:#fff;font-weight:700}#section-kv .sticky{height:100vh;height:calc(var(--vh, 1vh)*100);position:-webkit-sticky;position:sticky;top:0}#section-kv .kv-wrapper{position:relative;width:100%}#section-kv .mainEnterWrapper{left:50%;opacity:0;position:absolute;text-align:center;top:24vh;top:calc(var(--vh, 1vh)*24);transform:translate(-50%);z-index:2}#section-kv .mainEnterWrapper.appear{opacity:1;transition:opacity .5s linear .3s}#section-kv .mainEnterWrapper .mainTitle{color:#fff;font-weight:700;pointer-events:none;white-space:nowrap}#section-kv .webgl{height:100vh;height:calc(var(--vh, 1vh)*100);outline:none;position:relative;width:100vw;width:calc(var(--vw, 1vw)*100);z-index:2}#section-kv .webgl-fog{left:0;position:absolute;top:0}#section-kv .kvImg,#section-kv .webgl-fog{height:100vh;height:calc(var(--vh, 1vh)*100);outline:none;width:100vw;width:calc(var(--vw, 1vw)*100);z-index:0}#section-kv .kvImg{-o-object-fit:cover;object-fit:cover;position:relative;will-change:transform}@media (orientation:landscape) and (min-width:400px){#section-kv .loading-mask .loading-progress{font-size:7px;line-height:11px}#section-kv .mainEnterWrapper .mainTitle{font-size:23px;line-height:31px;text-shadow:0 3px 12px #000}}@media (min-width:1024px) and (max-width:1399px){#section-kv .loading-mask .loading-progress{font-size:12px;line-height:19px}#section-kv .mainEnterWrapper .mainTitle{font-size:40px;line-height:53px;text-shadow:0 5px 20px #000}}@media (min-width:1400px) and (max-width:1799px){#section-kv .loading-mask .loading-progress{font-size:15px;line-height:23px}#section-kv .mainEnterWrapper .mainTitle{font-size:49px;line-height:65px;text-shadow:0 7px 25px #000}}@media (min-width:1800px) and (max-width:2299px){#section-kv .loading-mask .loading-progress{font-size:18px;line-height:28px}#section-kv .mainEnterWrapper .mainTitle{font-size:58px;line-height:78px;text-shadow:0 8px 30px #000}}@media (min-width:2300px){#section-kv .loading-mask .loading-progress{font-size:24px;line-height:37px}#section-kv .mainEnterWrapper .mainTitle{font-size:77px;line-height:104px;text-shadow:0 11px 40px #000}}@media $mo{#section-kv .mainEnterWrapper{top:27.5vh;top:calc(var(--vh, 1vh)*27.5)}}@media (orientation:portrait) and (max-width:1023px){#section-kv .mainEnterWrapper .mainTitle{font-size:7.7778vw;line-height:11.1111vw}}#section-intro{margin-top:-150vh;margin-top:calc(var(--vh, 1vh)*-150);z-index:1}#section-intro .order{font-weight:700}#section-intro .module-content{height:100vh;height:calc(var(--vh, 1vh)*100);margin:auto;width:100%}#section-intro .module-content .content .media-content .media{width:100%}#section-intro .module-content .content .items .item span{font-size:14px}#section-intro .progress{background:#4b5057;height:24.074074074074073vh;height:calc(var(--vh, 1vh)*24.07407);left:12.5vw;left:calc(var(--vw, 1vw)*12.5);top:38vh;top:calc(var(--vh, 1vh)*38);width:2px}#section-intro .more{background:#131313}@media (orientation:landscape) and (min-width:400px){#section-intro .module-content .content .media-content{width:263px}#section-intro .module-content .content .media-content .media{height:160px}#section-intro .module-content .content .items{margin-top:8px}#section-intro .module-content .content .items>:not(:first-child){margin-left:24px}#section-intro .module-content .content .items .item span{font-size:8px}#section-intro .module-content .content .detail{margin:27px 0 0 -19px}#section-intro .module-content .content .detail .trigger{height:40px;width:40px}#section-intro .module-content .content .detail .desc{margin-top:15px}#section-intro .module-content .content .detail .desc-t{margin:20px 0 0 14px;width:140px}#section-intro .module-content .content .media-content-normal{height:210px;width:416px}#section-intro .module-content .content .detail-normal{margin:12px 0 0 auto;width:276px}#section-intro .more{height:168px;margin:123px auto 0;padding:50px 0 0 56px;width:525px}#section-intro .more>:nth-child(2){margin-top:12px}#section-intro .more .phone{bottom:-8px;height:245px;right:6px;width:358px}}@media (min-width:1024px) and (max-width:1399px){#section-intro .module-content .content .media-content{width:449px}#section-intro .module-content .content .media-content .media{height:273px}#section-intro .module-content .content .items{margin-top:14px}#section-intro .module-content .content .items>:not(:first-child){margin-left:41px}#section-intro .module-content .content .items .item span{font-size:14px}#section-intro .module-content .content .detail{margin:46px 0 0 -32px}#section-intro .module-content .content .detail .trigger{height:68px;width:68px}#section-intro .module-content .content .detail .desc{margin-top:26px}#section-intro .module-content .content .detail .desc-t{margin:34px 0 0 25px;width:239px}#section-intro .module-content .content .media-content-normal{height:358px;width:710px}#section-intro .module-content .content .detail-normal{margin:20px 0 0 auto;width:471px}#section-intro .more{height:287px;margin:210px auto 0;padding:85px 0 0 96px;width:896px}#section-intro .more>:nth-child(2){margin-top:20px}#section-intro .more .phone{bottom:-14px;height:418px;right:10px;width:611px}}@media (min-width:1400px) and (max-width:1799px){#section-intro .module-content .content .media-content{width:552px}#section-intro .module-content .content .media-content .media{height:335px}#section-intro .module-content .content .items{margin-top:17px}#section-intro .module-content .content .items>:not(:first-child){margin-left:50px}#section-intro .module-content .content .items .item span{font-size:17px}#section-intro .module-content .content .detail{margin:56px 0 0 -39px}#section-intro .module-content .content .detail .trigger{height:84px;width:84px}#section-intro .module-content .content .detail .desc{margin-top:32px}#section-intro .module-content .content .detail .desc-t{margin:42px 0 0 30px;width:293px}#section-intro .module-content .content .media-content-normal{height:439px;width:872px}#section-intro .module-content .content .detail-normal{margin:25px 0 0 auto;width:578px}#section-intro .more{height:352px;margin:258px auto 0;padding:105px 0 0 117px;width:1100px}#section-intro .more>:nth-child(2){margin-top:25px}#section-intro .more .phone{bottom:-17px;height:513px;right:12px;width:750px}}@media (min-width:1800px) and (max-width:2299px){#section-intro .module-content .content .media-content{width:658px}#section-intro .module-content .content .media-content .media{height:400px}#section-intro .module-content .content .items{margin-top:20px}#section-intro .module-content .content .items>:not(:first-child){margin-left:60px}#section-intro .module-content .content .items .item span{font-size:20px}#section-intro .module-content .content .detail{margin:67px 0 0 -47px}#section-intro .module-content .content .detail .trigger{height:100px;width:100px}#section-intro .module-content .content .detail .desc{margin-top:38px}#section-intro .module-content .content .detail .desc-t{margin:50px 0 0 36px;width:350px}#section-intro .module-content .content .media-content-normal{height:524px;width:1040px}#section-intro .module-content .content .detail-normal{margin:30px 0 0 auto;width:690px}#section-intro .more{height:420px;margin:308px auto 0;padding:125px 0 0 140px;width:1312px}#section-intro .more>:nth-child(2){margin-top:30px}#section-intro .more .phone{bottom:-20px;height:612px;right:14px;width:894px}}@media (min-width:2300px){#section-intro .module-content .content .media-content{width:875px}#section-intro .module-content .content .media-content .media{height:532px}#section-intro .module-content .content .items{margin-top:27px}#section-intro .module-content .content .items>:not(:first-child){margin-left:80px}#section-intro .module-content .content .items .item span{font-size:27px}#section-intro .module-content .content .detail{margin:89px 0 0 -63px}#section-intro .module-content .content .detail .trigger{height:133px;width:133px}#section-intro .module-content .content .detail .desc{margin-top:51px}#section-intro .module-content .content .detail .desc-t{margin:67px 0 0 48px;width:466px}#section-intro .module-content .content .media-content-normal{height:697px;width:1383px}#section-intro .module-content .content .detail-normal{margin:40px 0 0 auto;width:918px}#section-intro .more{height:559px;margin:410px auto 0;padding:166px 0 0 186px;width:1745px}#section-intro .more>:nth-child(2){margin-top:40px}#section-intro .more .phone{bottom:-27px;height:814px;right:19px;width:1189px}}@media (orientation:portrait) and (max-width:1023px){#section-intro .headline-o{margin-top:3.3333vw}#section-intro .module-content{height:calc(100vh - 13.8889vw);height:calc(var(--vh, 1vh)*100 - 13.8889vw);width:88.8889vw}#section-intro .module-content .content .media-content{margin:5.5556vw auto;width:88.8889vw}#section-intro .module-content .content .media-content .media{height:55.5556vw}#section-intro .module-content .content .items>:not(:first-child){margin-left:9.4444vw}#section-intro .module-content .content .item-wrap>:not(:first-child){margin:3.3333vw 0 0}#section-intro .module-content .content .detail .trigger{height:13.0556vw;width:13.0556vw}#section-intro .module-content .content .detail .desc-t{margin:5.5556vw auto 0;width:88.8889vw}#section-intro .module-content .content .media-content-normal{height:102.2222vw;width:88.8889vw}#section-intro .module-content .content .detail-normal{margin:5.5556vw auto 0;width:88.8889vw}#section-intro .more{height:125vw;padding:15.8333vw 0}#section-intro .more>:nth-child(2){margin-top:2.7778vw}#section-intro .more .phone{bottom:-20.8333vw;height:105.8333vw;right:-8.6111vw;width:155vw}}@media $mo{#section-intro .more{margin:0;width:100%}}.zn--popup{align-items:center;background:#000;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;left:0;position:fixed;top:0;transform:translateY(100vh);transform:translateY(calc(var(--vh, 1vh)*100));visibility:hidden;width:100%;z-index:999}.zn--popup.show{transform:translateY(0);transition:transform .4s ease-out,height .2s ease;visibility:visible}.zn--popup .content{height:auto;position:relative}.zn--popup .content video{height:100%;-o-object-fit:contain;object-fit:contain;outline:none;width:100%}.zn--popup .content .popup-close{cursor:pointer;height:12px;position:absolute;right:0;top:-32px;width:12px;z-index:2}.zn--popup .content .popup-close .inner{height:100%;width:100%}.zn--popup .content .popup-close .inner polygon{fill:#fff}[ani-autoplay-video],[ani-video-wrapper]{contain:paint;overflow:hidden;position:relative}[ani-autoplay-video] canvas,[ani-autoplay-video] img,[ani-video-wrapper] canvas,[ani-video-wrapper] img{height:100%;left:0;position:absolute;top:0;width:100%}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-video-wrapper] img{-o-object-fit:cover;object-fit:cover}*,:after,:before{border:0 solid;box-sizing:border-box}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body{font-family:inherit;line-height:inherit;margin:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.cursor-pointer{cursor:pointer}.block{display:block}.flex{display:flex}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.font-m{font-family:OPPOSans-Ver2-Medium}.font-b{font-family:OPPOSans-Ver2-Bold}.font-r{font-family:OPPOSans-Ver2-Regular}.h-screen{height:100vh;height:calc(var(--vh, 1vh)*100)}.h-250vh{height:250vh;height:calc(var(--vh, 1vh)*250)}.h-30px{height:30px}.h-20px{height:20px}.text-16rpx,.text-20rpx,.text-24px,.text-28rpx,.text-30rpx,.text-36rpx,.text-68rpx,.text-80rpx{line-height:1}.text-24px{font-size:24px}.text-22px{font-size:22px;line-height:1}.text-14px{font-size:14px;line-height:1}.leading-32px{line-height:32px}.leading-30px{line-height:30px}.leading-24px{line-height:24px}.leading-26px{line-height:26px}.mt-\[-100vh\]{margin-top:-100vh;margin-top:calc(var(--vh, 1vh)*-100)}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.overflow-hidden{overflow:hidden}.pt-100vh{padding-top:100vh;padding-top:calc(var(--vh, 1vh)*100)}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.whitespace-nowrap{white-space:nowrap}.w-30px{width:30px}.w-20px{width:20px}.z-3{z-index:3}.z-1{z-index:1}.z-2{z-index:2}.origin-top{transform-origin:top}.flex-center{align-items:center;display:flex;justify-content:center}.abs-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.full{height:100%;width:100%}.full-s{height:100vh;height:calc(var(--vh, 1vh)*100);width:100%}.abs-clip{left:0;position:absolute;top:0}.c-opacity{opacity:0;transition:opacity .5s}.c-opacity.active{opacity:1}@media (orientation:landscape) and (min-width:400px){.text-80rpx{font-size:32px}.text-28rpx{font-size:11px}.text-30rpx{font-size:12px}.text-68rpx{font-size:27px}.text-36rpx{font-size:14px}.text-16rpx{font-size:6px}.text-20rpx{font-size:8px}.leading-90rpx{line-height:36px}.leading-40rpx{line-height:16px}.leading-82rpx{line-height:33px}.leading-48rpx{line-height:19px}.leading-28rpx{line-height:11px}.leading-50rpx{line-height:20px}.leading-34rpx{line-height:14px}.mt-16rpx{margin-top:6px}}@media (min-width:1024px) and (max-width:1399px){.text-80rpx{font-size:55px}.text-28rpx{font-size:19px}.text-30rpx{font-size:20px}.text-68rpx{font-size:46px}.text-36rpx{font-size:25px}.text-16rpx{font-size:11px}.text-20rpx{font-size:14px}.leading-90rpx{line-height:61px}.leading-40rpx{line-height:27px}.leading-82rpx{line-height:56px}.leading-48rpx{line-height:33px}.leading-28rpx{line-height:19px}.leading-50rpx{line-height:34px}.leading-34rpx{line-height:23px}.mt-16rpx{margin-top:11px}}@media (min-width:1024px),(orientation:landscape){.pc\:h-1200vh{height:1200vh;height:calc(var(--vh, 1vh)*1200)}.pc\:h-\[56\.25vw\]{height:56.25vw;height:calc(var(--vw, 1vw)*56.25)}.pc\:w-\[60\%\]{width:60%}.pc\:full-s{height:100vh;height:calc(var(--vh, 1vh)*100);width:100%}}@media (min-width:1400px) and (max-width:1799px){.text-80rpx{font-size:67px}.text-28rpx{font-size:23px}.text-30rpx{font-size:25px}.text-68rpx{font-size:57px}.text-36rpx{font-size:30px}.text-16rpx{font-size:13px}.text-20rpx{font-size:17px}.leading-90rpx{line-height:75px}.leading-40rpx{line-height:34px}.leading-82rpx{line-height:69px}.leading-48rpx{line-height:40px}.leading-28rpx{line-height:23px}.leading-50rpx{line-height:42px}.leading-34rpx{line-height:29px}.mt-16rpx{margin-top:13px}}@media (min-width:1800px) and (max-width:2299px){.text-80rpx{font-size:80px}.text-28rpx{font-size:28px}.text-30rpx{font-size:30px}.text-68rpx{font-size:68px}.text-36rpx{font-size:36px}.text-16rpx{font-size:16px}.text-20rpx{font-size:20px}.leading-90rpx{line-height:90px}.leading-40rpx{line-height:40px}.leading-82rpx{line-height:82px}.leading-48rpx{line-height:48px}.leading-28rpx{line-height:28px}.leading-50rpx{line-height:50px}.leading-34rpx{line-height:34px}.mt-16rpx{margin-top:16px}}@media (min-width:2300px){.text-80rpx{font-size:106px}.text-28rpx{font-size:37px}.text-30rpx{font-size:40px}.text-68rpx{font-size:90px}.text-36rpx{font-size:48px}.text-16rpx{font-size:21px}.text-20rpx{font-size:27px}.leading-90rpx{line-height:120px}.leading-40rpx{line-height:53px}.leading-82rpx{line-height:109px}.leading-48rpx{line-height:64px}.leading-28rpx{line-height:37px}.leading-50rpx{line-height:67px}.leading-34rpx{line-height:45px}.mt-16rpx{margin-top:21px}}@media (orientation:portrait) and (max-width:1023px){.mo\:h-80vh{height:80vh;height:calc(var(--vh, 1vh)*80)}.mo\:h-\[177\.33vw\]{height:177.33vw;height:calc(var(--vw, 1vw)*177.33)}.mo\:text-24ex,.mo\:text-32ex,.mo\:text-38ex{line-height:1}.mo\:opacity-60{opacity:.6}.mo\:invisible{visibility:hidden}.mo\:w-\[90\%\]{width:90%}.mo\:leading-45ex{line-height:12.5vw}.mo\:leading-30ex{line-height:8.3333vw}.mo\:leading-40ex{line-height:11.1111vw}.mo\:leading-50ex{line-height:13.8889vw}.mo\:text-32ex{font-size:8.8889vw}.mo\:text-24ex{font-size:6.6667vw}.mo\:text-38ex{font-size:10.5556vw}#oc-header.fixed{visibility:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}*,:after,:before{box-sizing:content-box}.zn--wrapper *{contain:layout}@media (orientation:portrait) and (max-width:1023px) and (min-width:721px){#oc-header{overflow:hidden}}@media (min-width:1024px){#oc-wrapper .oppo-navbar{height:58px}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}@media (max-width:1023px){#oc-wrapper .oppo-navbar{height:51px}}