@-webkit-keyframes arrow-ani{from{margin-top:-10px}to{margin-top:0px}}@keyframes arrow-ani{from{margin-top:-10px}to{margin-top:0px}}@-webkit-keyframes flash{from{opacity:1}to{opacity:.25}}@keyframes flash{from{opacity:1}to{opacity:.25}}@-webkit-keyframes flash2{from{opacity:.75}to{opacity:.25}}@keyframes flash2{from{opacity:.75}to{opacity:.25}}body::-webkit-scrollbar{width:0px;height:1px}body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:hsla(0,0%,33%,0.8)}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:rgba(237,237,237,0.5)}html,body,#main_wrapper{height:100%}body{opacity:0;background:white}body.dark_bg{background:#101920}.page_content{position:absolute;height:auto;width:var(--contentwidth);max-width:1440px;left:var(--contentpadding)}.page_content.state2{pointer-events:auto}.page_content.state1,.page_content.state3{pointer-events:none}.stage1{background:#19242d;position:relative}.stage1 .title_part{color:#ffffff;display:flex;flex-direction:column;z-index:1;align-self:center;transition:all .5s ease-out}.stage1 .title_part.state1{opacity:0;-webkit-transform:translateY(10px) !important;transform:translateY(10px) !important}.stage1 .title_part.state2{opacity:1;-webkit-transform:translateY(0) !important;transform:translateY(0) !important}.stage1 .title_part.state3{opacity:0;-webkit-transform:translateY(-10px) !important;transform:translateY(-10px) !important}.stage1 .title_part .sub_part1{font-size:16px;font-weight:400;opacity:.96;line-height:28px;margin-bottom:27px}.stage1 .title_part .sub_part2{font-size:54px;font-weight:500;line-height:70px;margin-bottom:52px}.stage1 .bg_video,.stage1 .fake_video{position:absolute;width:100%;height:100%;background:#101920;-o-object-fit:cover;object-fit:cover}.stage1 .bg_video video,.stage1 .fake_video video{position:absolute;width:100%;height:100%}.stage1 .left-progress{height:30%;left:min(4%, 72px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;width:2px;display:flex;flex-direction:column}.stage1 .left-progress .trunk{width:2px;height:100%;background:#f3f6f9;opacity:.05;position:absolute}.stage1 .left-progress.state1 .bar{top:0%}.stage1 .left-progress.state2 .bar{top:33.33%}.stage1 .left-progress.state3 .bar{top:66.66%}.stage1 .left-progress .bar{transition:all .3s;position:absolute;height:33.3%;width:2px;background:linear-gradient(180deg, #3c98cc, #3aab8b)}.stage1 .left-progress .info{margin-top:10px;top:100%;position:absolute;-webkit-transform:translateX(calc(-50% + 2px));transform:translateX(calc(-50% + 2px))}.stage1 .left-progress .info::after{font-size:12px;font-family:OPPOSans;font-weight:400;color:#ffffff;line-height:28px;opacity:.96}.stage1 .left-progress.state1 .info::after{content:"1/3"}.stage1 .left-progress.state2 .info::after{content:"2/3"}.stage1 .left-progress.state3 .info::after{content:"3/3"}.stage1 .title3_mask{pointer-events:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:0;top:0;left:0;opacity:0}.stage1 .title3{height:100%;top:0;max-width:unset!important;width:calc(100% - var(--contentpadding));overflow:hidden}.stage1 .title3 .sub_part_title{font-size:28px;font-weight:bold;color:#ffffff;line-height:23px;margin-top:130px;margin-bottom:20px}.stage1 .title3 .sub_part_title span:first-child{margin-right:15px}.stage1 .title3 .sub_part{margin-bottom:120px;width:100%;display:flex;justify-content:space-between}.stage1 .title3 .sub_part .left-part{width:70%}.stage1 .title3 .sub_part .left-part .divider{background:#495763}.stage1 .title3 .sub_part .left-part .sub_part_content{display:grid;grid-template-areas:"a a";grid-auto-columns:1fr 1fr;grid-gap:94px}.stage1 .title3 .sub_part .left-part .sub_part_content .sub_part_content_item{display:flex;flex-direction:column;flex:1;overflow:hidden}.stage1 .title3 .sub_part .left-part .sub_part_content .sub_part_content_item .pic_wrapper{margin-bottom:57px}.stage1 .title3 .sub_part .left-part .sub_part_content .sub_part_content_item .pic_wrapper .sub_part_content_item_img{border-radius:8px;-o-object-fit:cover;object-fit:cover}.stage1 .title3 .sub_part .left-part .sub_part_content .sub_part_content_item .sub_part_content_item_caption{display:flex;justify-content:space-between}.stage1 .title3 .sub_part .left-part .sub_part_content .sub_part_content_item .sub_part_content_item_caption span{flex:1;font-size:20px;line-height:34px;margin-right:34px}.stage1 .title3 .sub_part .right-part{width:20%}.stage1 .title3 .sub_part .right-part .side-title{height:88px;font-size:140px;font-family:Gilroy;font-weight:bold;color:#0c1217;background:linear-gradient(0deg, #041627 0%, #081521 100%)}.stage1 .title3 .sub_part .right-part svg.year{width:270px;height:92px}.stage1 .title3 .sub_part .right-part svg.month{width:135px;height:92px;margin-right:20px}.stage1 .title3 .sub_part .right-part svg{position:-webkit-sticky;position:sticky;top:0;left:0}.stage1 .title3 .sub_part .right-part svg.year{position:relative}.btn-with-arrow i.fa{transition:all .3s;margin-right:0}.btn-with-arrow:hover i.fa{-webkit-transform:translateX(3px);transform:translateX(3px)}.stage2_mobile{display:none}.stage2_pc{display:block}.stage2{position:relative}.stage2 .sticky{background:linear-gradient(180deg, #97a0b2, #fff)}.stage2 .page_content{height:100%;margin:auto}.stage2 .left_part{width:50%;color:#000;margin-right:80px;flex:1;justify-content:center}.stage2 .left_part .bussiness_title1{font-size:18px;font-weight:500;color:#000000;margin-bottom:10px}.stage2 .left_part .bussiness_title2{font-size:48px;font-weight:500;color:#000000;line-height:60px}.stage2 .left_part .bussiness_content{margin-right:120px}.stage2 .left_part .bussiness_content .bussiness_sub_item.active .bussiness_sub_item_title{color:#3b60bf;margin-bottom:20px}.stage2 .left_part .bussiness_content .bussiness_sub_item.active .bussiness_sub_item_child{height:auto;opacity:1}.stage2 .left_part .bussiness_content .bussiness_sub_item .bussiness_sub_item_title{font-size:18px;font-weight:bold;color:#0d141a;cursor:pointer}.stage2 .left_part .bussiness_content .bussiness_sub_item .bussiness_sub_item_child{transition:all .3s;height:0;opacity:0;overflow:hidden;font-size:16px;font-family:OPPOSans;color:#78797b}.stage2 .left_part .bussiness_content .bussiness_sub_item .bussiness_sub_item_child li{position:relative;padding-left:20px;line-height:28px;font-size:16px;white-space:nowrap}.stage2 .left_part .bussiness_content .bussiness_sub_item .bussiness_sub_item_child li::after{content:"";height:8px;width:8px;background:#2c5094;display:block;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:9px;left:4px;opacity:.3}.stage2 .left_part .bussiness_content .bussiness_sub_item .bussiness_sub_item_child li span{font-weight:bold;color:#3f547b}.stage2 .left_part .bussiness_content .bussiness_bottom_part{margin-top:10px}.stage2 .right_part{overflow:hidden;position:relative;flex:1}.stage2 .right_part .pic_part{position:absolute;width:100%;height:100%;display:flex;align-items:center;padding:50px 0;box-sizing:border-box}.stage2 .right_part .pic_part:nth-child(2){top:100%}.stage2 .right_part .pic_part:nth-child(3){top:200%}.stage2 .right_part .pic_part:nth-child(4){top:300%}.stage2 .right_part .pic_part>.wrapper{margin:auto;position:relative;height:100%}.stage2 .right_part .pic_part>.wrapper>img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.stage2 .right_part .pic_part>.wrapper .info_part{position:absolute;left:7%;top:48%;width:20%;display:flex;font-weight:400}.stage2 .right_part .pic_part>.wrapper .info_part .title_part{font-size:30px;line-height:1;font-weight:500}.stage2 .right_part .pic_part>.wrapper .info_part span{font-size:16px;line-height:27px;letter-spacing:1px}.stage2 .right_part .pic_part>.wrapper .info_part img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:40px;width:100%;-o-object-fit:cover;object-fit:cover}.stage2 .right_part .pic_part>.wrapper .info_part>*{margin-bottom:20px}.stage2 .right_part .pic_part>.wrapper ._number{position:absolute;bottom:50px;right:50px;font-size:140px;font-family:Gilroy;font-weight:800;color:#ffffff;line-height:1}.stage3{background:#eef2f9;color:#808692;height:800px;position:relative;display:flex;flex-direction:column}.stage3 .padding_area{width:100%;height:0px}.stage3 .page_content{position:relative;padding:80px 0;z-index:1;flex:1}.stage3 video,.stage3 .fake_video{width:100%;height:100%;position:absolute;z-index:0;-o-object-fit:cover;object-fit:cover}.stage3 .left-part{margin-right:120px;display:flex}.stage3 .right-part{margin:auto;justify-content:space-between}.stage3 .right-part .title>span{font-size:18px;font-weight:500;margin-bottom:23px}.stage3 .right-part .title>img{width:409px;margin-bottom:62px}.stage3 .right-part .locations{margin-bottom:81px;display:flex;width:100%;max-width:510px;justify-content:space-between}.stage3 .right-part .locations ul{display:flex;flex-direction:column;flex-wrap:nowrap;margin-right:18px;border-left:1px solid #dee6f0}.stage3 .right-part .locations ul li{padding-left:18px}.stage3 .right-part .locations ul li:not(:last-child){margin-bottom:12px}.stage3 .right-part .locations ul li a{color:#272727;font-size:16px;font-weight:400}.stage3 .right-part .action_btn.first{margin-right:24px}.stage3 .right-part .action_btn.second{color:#616161;border:1px solid #3c3c3c3b}.overview{pointer-events:none;position:fixed;z-index:111;left:0;top:0;width:100%;height:100%}.overview .mouse{position:fixed;right:64px;bottom:64px}.overview .mouse span{-webkit-transform:rotate(-90deg) translateX(20px);transform:rotate(-90deg) translateX(20px);font-size:12px;font-weight:400;color:#ffffff;line-height:28px;opacity:.2}.overview .mouse .round{width:20px;height:30px;border:1px solid #ffffff;opacity:.1;border-radius:10px}.overview .mouse .dot{width:2px;height:6px;background:#ffffff;top:35px;border-radius:1px;position:absolute}.overview .arrow-down{position:fixed;right:6%;bottom:6%;opacity:.6;width:20px;height:40px;z-index:11111}.overview .arrow-down.hide{display:none}.overview .header1{transition:all .5s ease-out}.overview .header1.state1{opacity:0;-webkit-transform:translateY(10px) !important;transform:translateY(10px) !important}.overview .header1.state2{opacity:1;-webkit-transform:translateY(0) !important;transform:translateY(0) !important}.overview .header1.state3{opacity:0;-webkit-transform:translateY(-10px) !important;transform:translateY(-10px) !important}.controls{position:fixed;z-index:111;right:0;top:0}.nicescroll-rails{transition:all .3s;opacity:1 !important}.nicescroll-rails.hide{opacity:0 !important}@media screen and (min-width:750px) and (max-width:1440px){.overview .mouse{display:none}}@media screen and (max-width:750px){.header1{margin:0;padding:10px 20px}.stage1 .bg_video,.stage1 .fake_video{height:100%;top:0;-o-object-fit:cover;object-fit:cover}.stage1 .left-progress{height:20%;top:15%;display:none}.stage1 .title_part{height:auto;top:auto;bottom:6%}.stage1 .title_part.title3{width:unset;height:100%;top:0%;display:flex;flex-direction:column;justify-content:center}.stage1 .title_part.title3 .sub_part_title{margin-top:0%;margin-bottom:0%;font-size:18px;display:flex;flex-direction:column}.stage1 .title_part.title3 .sub_part_title span:first-child{font-size:24px;margin-bottom:8px}.stage1 .title_part.title3 .inner_scroll_warpper{display:flex;overflow:auto}.stage1 .title_part.title3 .sub_part{width:auto;flex-direction:column;margin-bottom:0}.stage1 .title_part.title3 .sub_part .left-part{width:unset}.stage1 .title_part.title3 .sub_part .left-part .divider{margin:50px 0}.stage1 .title_part.title3 .sub_part .left-part .sub_part_content{display:flex;grid-gap:unset}.stage1 .title_part.title3 .sub_part .left-part .sub_part_content .sub_part_content_item{max-width:calc(.8*var(--contentwidth));min-width:calc(.8*var(--contentwidth));margin-right:20px}.stage1 .title_part.title3 .sub_part .right-part{display:flex;width:unset;margin-top:22px}.stage1 .title_part.title3 .sub_part .right-part svg.year{width:162px;height:55px}.stage1 .title_part.title3 .sub_part .right-part svg.month{width:81px;height:55px}.stage1 .title_part.title3 .sub_part .left-part,.stage1 .title_part.title3 .sub_part .right-part{width:100%}.stage1 .title_part.title3 .sub_part .left-part .sub_part_content{grid-template-areas:unset}.stage1 .title_part.title3 .sub_part .left-part .sub_part_content .pic_wrapper{margin-bottom:22px}.stage1 .title_part.title3 .sub_part .left-part .sub_part_content .round_btn{width:32px;height:32px}.stage1 .title_part.title3 .sub_part .left-part .sub_part_content .round_btn i{font-size:15px}.stage1 .title_part.title3 .sub_part .left-part .sub_part_content .sub_part_content_item_caption span{font-size:14px;line-height:22px}.stage1 .title_part .sub_part1{margin-bottom:10px}.stage1 .title_part .sub_part2{width:100%;font-size:27px;line-height:35px}.stage2_pc{display:none}.stage2_mobile{display:block}.stage2_mobile .page_content{position:relative !important;height:auto !important;background:linear-gradient(180deg, #97a0b2, #fff);background-attachment:local;left:0 !important;top:0 !important;right:0 !important;padding:80px 6% !important}.stage2_mobile .divider{width:80%!important;margin:20px 0 !important}.stage2_mobile .left_part .bussiness_content .bussiness_sub_item .bussiness_sub_item_child li{font-size:12px;white-space:normal}.stage2_mobile .bussiness_bottom_part{margin-top:40px !important;margin-bottom:40px !important}.stage2_mobile .bussiness_sub_item:not(:last-child){margin-bottom:80px !important}.stage2_mobile .pic_part .wrapper{position:relative}.stage2_mobile .pic_part img{width:100% !important}.stage2_mobile .pic_part .info_part{position:absolute !important;top:55% !important;left:15% !important;-webkit-transform:translate(-50%, -50%) !important;transform:translate(-50%, -50%) !important}.stage2_mobile .pic_part .info_part img{width:60px !important}.stage2 .page_content{height:calc(100% - 58px)}.stage2 .left_part{width:100%;margin-right:0!important}.stage2 .left_part .bussiness_title1{font-size:13px;line-height:1;margin-bottom:23px}.stage2 .left_part .bussiness_title2{font-size:24px;line-height:30px}.stage2 .left_part .bussiness_sub_item .bussiness_sub_item_title{font-size:13px!important;line-height:1;margin-bottom:15px!important}.stage2 .left_part .bussiness_sub_item .bussiness_sub_item_child li{font-size:14px}.stage2 .left_part .bussiness_content{margin-right:0}.action_btn span{font-size:12px}.stage3{height:auto !important}.stage3 .padding_area{height:0}.stage3 .right-part .title>span{font-size:13px!important}.stage3 .page_content{position:unset !important;flex-direction:column-reverse;padding:50px 20px;padding-bottom:500px;height:auto !important}.stage3 .page_content .left-part{margin-right:0}.stage3 .page_content .left-part video,.stage3 .page_content .left-part .fake_video{width:100%}.stage3 .page_content .right-part{width:100%;margin-bottom:20px}.stage3 .page_content .right-part .title>img{width:60%;margin-bottom:32px}.stage3 .page_content .right-part .locations{margin-bottom:54px}.stage3 .page_content .right-part .locations ul{margin-bottom:0 !important;margin-right:5px}.stage3 .page_content .right-part .locations li{padding-left:5px}.stage3 .page_content .right-part .locations li a{font-size:12px!important}.stage3 .page_content .right-part .locations li:not(:last-child){margin-bottom:4px !important}.stage3 .page_content .right-part .bussiness_bottom_part{justify-content:center}.stage3 .page_content .right-part svg{width:100%}.stage3 .page_content .right-part ul{margin-bottom:20px}.page_content{position:absolute;left:20px;right:20px;top:58px;height:calc(100% - 58px);width:auto}.overview .video_mask{background:rgba(0,0,0,0.1);position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:auto}.overview .video_mask.hide{display:none}.overview .mouse{display:none}.action_btn{width:156px;padding:10px 20px}.action_btn.second{margin-right:0}}