.styles_navHeaderPage__k40At{background:#000;position:relative;font-family:var(--new-font-family)}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG{align-items:center;box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.05);display:flex;height:64px;justify-content:space-between;margin:auto;max-width:1312px;transition:all .5s ease}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_left__o71kn .styles_logo__5PVnO{display:block;height:15px}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_right__AXBo_ .styles_menu__GlgLF{display:flex;list-style:none;margin:0;padding-left:0}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_right__AXBo_ .styles_menu__GlgLF .styles_menuItem__A7D_3{margin-left:20px;padding-left:20px;white-space:nowrap}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_right__AXBo_ .styles_menu__GlgLF .styles_menuItem__A7D_3.styles_compact__8YeD_{padding-left:0}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_right__AXBo_ .styles_menu__GlgLF .styles_menuItem__A7D_3.styles_active__Ec7pW .styles_pageLink__oKDZC{color:#fff}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_right__AXBo_ .styles_menu__GlgLF .styles_menuItem__A7D_3 .styles_pageLink__oKDZC{color:#d2d2d6;display:block;font-size:14px;line-height:56px;transition:all .25s ease-in-out}.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_right__AXBo_ .styles_menu__GlgLF .styles_menuItem__A7D_3 .styles_pageLink__oKDZC.styles_de-de__beGcg,.styles_navHeaderPage__k40At .styles_productSubHeader__JxqrG .styles_right__AXBo_ .styles_menu__GlgLF .styles_menuItem__A7D_3 .styles_pageLink__oKDZC.styles_es-es__4KXSD{font-size:13px}.styles_buyBtn__9bU5y{background:#ffd200;border-radius:18px;color:#2d2d2d;font-size:14px;line-height:36px;padding:0 18px}.styles_buyBtn__9bU5y,.styles_contactUsBtn__SmCTc{align-items:center;display:flex;font-weight:600;height:36px;margin:10px 0}.styles_contactUsBtn__SmCTc{padding:7px 14px;justify-content:center;border-radius:56px;background:#fff;min-width:101px;color:#000;font-size:12px;line-height:22px}.popup-player{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:none}.popup-player .popup-player-ct{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.popup-player .mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.9)}.popup-player .video-fr{position:relative;width:960px;height:540px}.popup-player .no-youtube{height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.popup-player .no-youtube p{color:#fff}@media (max-width:1279px){.popup-player .popup-player-ct{display:block}.popup-player .video-fr{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-player .no-youtube{height:160px}}body{background-color:#fafafa}.section-ct{width:960px;padding:0 16px;margin:auto;position:relative}.common-text-group,.common-text-group-dark{text-align:center}.common-text-group .xs-group,.common-text-group-dark .xs-group{display:flex;align-items:center;justify-content:center}.common-text-group .tag,.common-text-group-dark .tag{margin-left:20px;padding:2px 8px;border-radius:2px;border:1px solid #1a1a1a;color:#1a1a1a;font-weight:500;font-size:14px}.common-text-group .text-xs,.common-text-group-dark .text-xs{font-size:16px;line-height:24px;color:#1a1a1a;font-weight:500}.common-text-group .text,.common-text-group-dark .text{margin-top:8px;font-size:44px;color:#1a1a1a;line-height:66px;font-weight:500}.common-text-group .text-sm,.common-text-group-dark .text-sm{margin-top:16px;font-size:16px;color:#666;line-height:27px}.common-text-group .text,.common-text-group .text-xs{color:#fff}.common-text-group .text-sm{color:#b3b3b3}.common-text-group .tag{border:1px solid #fff;color:#fff}.sec-1{margin-top:-64px;height:768px;background-color:#141414;background-image:url(https://static.insta360.com/assets/www/project/official/product/nanos/01_shadow@2x.jpg);background-size:auto 768px;background-position:bottom;overflow:hidden}.sec-1 .layout-left{padding-top:176px;width:500px}.sec-1 .layout-left .logo{height:24px}.sec-1 .layout-left .slogan{margin-top:16px;font-size:44px;color:#fff;line-height:56px}.sec-1 .layout-left .btn-video{margin-top:32px;position:relative;overflow:hidden;cursor:pointer;height:96px;width:360px}.sec-1 .layout-left .btn-video .btn-video-mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.2);border-radius:100px}.sec-1 .layout-left .btn-video .btn-video-bg{position:absolute;top:0;left:0;width:100%;border-radius:100px}.sec-1 .layout-left .btn-video .btn-video-icon{position:absolute;left:25px;height:60px;margin:18px 0}.sec-1 .layout-left .btn-video .btn-video-text{position:relative;font-size:18px;line-height:96px;height:96px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center}.sec-1 .layout-left .other-list{display:flex;margin-top:56px}.sec-1 .layout-left .other-list .btn-img{margin-right:24px;opacity:.8}.sec-1 .layout-left .other-list .btn-img img{height:16px}.sec-1 .layout-left .other-list .btn-img:hover{opacity:1}.sec-1 .layout-left .mfi-list{margin-top:16px}.sec-1 .layout-left .mfi-list img{height:36px}.sec-1 .product{position:absolute;width:454px;right:-67px;top:48px;opacity:0}.sec-1 .product img{position:absolute;width:100%}.sec-1 .product .nanos,.sec-1 .product .phone{transition:transform 2s cubic-bezier(.2,0,.25,1)}.sec-1 .product .screen{transition:opacity 1.2s ease-in-out 2.2s}.sec-1 .product .light{transition:opacity .3s ease-in-out 1.7s}.sec-1 .product .nanos{transform:translateY(-50px)}.sec-1 .product .phone,.sec-1 .product .screen{transform:translateY(260px)}.sec-1 .product .light,.sec-1 .product .screen{opacity:0}.sec-1 .product.active .nanos,.sec-1 .product.active .phone,.sec-1 .product.active .screen{transform:translateY(0)}.sec-1 .product.active .light,.sec-1 .product.active .screen{opacity:1}.sec-2{overflow:hidden;position:relative;background-color:#fff}.sec-2 .section-ct{margin-top:72px;margin-bottom:40px}.sec-2 .wrapper{position:relative}.sec-2 .wrapper .bg{height:829px;position:relative;left:50%;width:1920px;margin-left:-960px;overflow:hidden}.sec-2 .wrapper .bg .img{display:block;width:100%;height:auto;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.25,1)}.sec-2 .wrapper .bg .mask{position:absolute;top:0;left:0;right:0}.sec-2 .wrapper .mask-left,.sec-2 .wrapper .mask-right{position:absolute;top:0;width:50%;height:100%;background-color:#fff;transition:transform .8s cubic-bezier(.4,0,.25,1)}.sec-2 .wrapper .mask-left{right:50%}.sec-2 .wrapper .mask-right{left:50%}.sec-2 .wrapper.active .bg .img{opacity:1}.sec-2 .wrapper.active .mask-left{transform:translateX(-100%)}.sec-2 .wrapper.active .mask-right{transform:translateX(100%)}.sec-2 .wrapper .operation{position:absolute;left:50%;top:75px;width:597px;height:758px;transform:translateX(-135px)}.sec-2 .wrapper .operation .shell{position:absolute;height:100%}.sec-2 .wrapper .operation .video{position:absolute;left:48px;top:120px;height:408px}.sec-3{background-color:#fff;height:712px}.sec-3 .layout-left{width:480px}.sec-3 .layout-left .common-text-group-dark{padding:176px 0 64px;text-align:left}.sec-3 .layout-left .common-text-group-dark .xs-group{justify-content:flex-start}.sec-3 .layout-left .text-tip{font-size:16px;color:#666;line-height:24px}.sec-3 .layout-left .platform{margin-top:16px;height:30px}.sec-3 .product{position:absolute;right:20px;top:60px;height:569px;width:226px}.sec-3 .product .shell{position:absolute;height:100%}.sec-3 .product video{position:absolute;left:19px;top:124px;height:430px;width:200px;border-radius:20px}.sec-4{background-color:#141414;overflow:hidden}.sec-4 .restricter{max-width:1920px;margin:auto}.sec-4 .common-text-group{margin:72px 0 64px}.sec-4 .box-1{display:flex;align-items:flex-start}.sec-4 video{display:block;width:50%}.sec-4 .box-2{width:50%;display:flex;flex-wrap:wrap;margin-bottom:-16px}.sec-4 .box-3{position:relative;width:50%;padding-left:12px;padding-bottom:14px}.sec-4 .box-3:hover .mask-img .mask{opacity:0}.sec-4 .box-3:hover .mask-img img{transform:scale(1.1)}.sec-4 .box-3 .mask-img{position:relative;width:100%;overflow:hidden}.sec-4 .box-3 .mask-img img{display:block;width:100%;transition:transform .3s}.sec-4 .box-3 .mask-img .mask{position:absolute;bottom:0;top:0;left:0;right:0;background-image:linear-gradient(-180deg,transparent,transparent 50%,rgba(0,0,0,.5));transition:opacity .3s}.sec-4 .box-3 .text{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:20px;color:#fff}.sec-5{overflow:hidden;background-color:#141414}.sec-5 .common-text-group{margin:112px 0 56px}.sec-5 .video-wrapper{width:720px;margin:auto auto 40px}.sec-5 .video-wrapper video{border-radius:4px;width:100%}.sec-6{overflow:hidden;background-color:#141414}.sec-6.active .video-wrapper video{top:-405px}.sec-6.active .switch-wrapper .text-1{opacity:.2}.sec-6.active .switch-wrapper .text-2{opacity:1}.sec-6.active .switch-wrapper .switch .circle{transform:translateX(48px);background-color:#ffd200}.sec-6 .common-text-group{margin:72px 0 48px}.sec-6 .video-wrapper{position:relative;display:block;width:720px;height:405px;margin:auto;overflow:hidden;border-radius:4px}.sec-6 .video-wrapper video{position:absolute;top:0;left:0;width:100%}.sec-6 .switch-wrapper{margin:40px 0 80px;display:flex;justify-content:center;align-items:center}.sec-6 .switch-wrapper .text-1,.sec-6 .switch-wrapper .text-2{margin:0 24px;font-weight:500;font-size:14px;color:#fff;letter-spacing:.1em;transition:opacity .2s}.sec-6 .switch-wrapper .text-1{opacity:1}.sec-6 .switch-wrapper .text-2{opacity:.2}.sec-6 .switch-wrapper .switch{position:relative;cursor:pointer;background:hsla(0,0%,100%,.1);border-radius:100px;width:88px;height:40px}.sec-6 .switch-wrapper .switch .circle{position:absolute;height:28px;width:28px;margin:6px;background-color:#fff;border-radius:50%;transition:all .3s ease-in-out}.sec-7{overflow:hidden;position:relative}.sec-7 .common-text-group-dark{margin:72px 0 28px}.sec-7 .platform{display:block;margin:auto;height:36px}.sec-7 video{display:block;width:800px;height:450px;margin:40px auto}.sec-8{position:relative;overflow:hidden;height:712px;transition:background .3s ease-in-out}.sec-8 .product-group{position:absolute;left:0;top:0}.sec-8 .product-group .product-1,.sec-8 .product-group .product-2{position:absolute;height:620px;opacity:0;transition:transform 2s cubic-bezier(.215,.61,.355,1),opacity .3s ease-in-out .2s}.sec-8 .product-group .product-1{left:150px;top:64px;transform:translateY(-50px)}.sec-8 .product-group .product-2{left:0;top:280px;transform:translateY(50px)}.sec-8 .layout-right{padding-left:560px;padding-top:180px}.sec-8 .layout-right .logo{display:none;height:24px}.sec-8 .layout-right .slogan{margin-top:16px;font-size:44px;line-height:1.2;color:#1a1a1a}.sec-8 .layout-right .selector{margin-top:24px;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.sec-8 .layout-right .selector .selector-text{margin:20px 0;color:#1a1a1a}.sec-8 .layout-right .selector .color-list{margin:20px 0;display:flex}.sec-8 .layout-right .selector .color-list .color-item{display:flex;cursor:pointer;margin-right:40px}.sec-8 .layout-right .selector .color-list .color-item:hover .circle{border:2px solid hsla(0,0%,100%,.1)}.sec-8 .layout-right .selector .color-list .color-item.active .circle{border:2px solid #ffd200}.sec-8 .layout-right .selector .color-list .color{position:relative;height:20px;width:20px;border-radius:50%}.sec-8 .layout-right .selector .color-list .color .circle{position:absolute;left:-5px;top:-5px;height:30px;width:30px;border-radius:50%;transition:border .3s;border:2px solid transparent}.sec-8 .layout-right .selector .color-list .color.gray{background-color:#e6e6e6}.sec-8 .layout-right .selector .color-list .color.black{background-color:#4d4d4d}.sec-8 .layout-right .selector .color-list .color-text{margin-left:12px;font-size:16px;color:#1a1a1a}.sec-8 .layout-right .btn{display:inline-block;margin-top:24px;padding:0 36px;border-radius:100px;height:48px;line-height:48px;font-size:16px;font-weight:500;color:#2d2d2d;background-image:linear-gradient(-138deg,#ffeb00,#ffd200)}.sec-8.black{background-color:#1a1a1a}.sec-8.black .color-text,.sec-8.black .selector-text,.sec-8.black .slogan{color:#fff!important}.sec-8.black .selector{border-top:1px solid hsla(0,0%,100%,.05)!important;border-bottom:1px solid hsla(0,0%,100%,.05)!important}.sec-8.black .product-group[data-index="1"] .product-1,.sec-8.black .product-group[data-index="1"] .product-2{opacity:1;transform:translateY(0)}.sec-8.black .layout-right .logo[data-index="1"]{display:block}.sec-8.white .product-group[data-index="2"] .product-1,.sec-8.white .product-group[data-index="2"] .product-2{opacity:1;transform:translateY(0)}.sec-8.white .layout-right .logo[data-index="2"]{display:block}.sec-media{margin:0 auto;padding:120px 0;background-color:#f8f8f8;position:relative}.sec-media .media-test{text-align:center;font-family:PingFangSC-Medium;font-size:44px;color:rgba(0,0,0,.7);line-height:52px;font-weight:700}.sec-media .media-test.en{font-family:var(--content-font-family)}.sec-media .media-test-desc{margin-top:4px;text-align:center;font-size:16px;color:#8c8c8c;line-height:24px}.sec-media .media-content{width:945px;margin:32px auto 0;display:flex;flex-wrap:wrap}.sec-media .media-content .content{position:relative;width:460px;background:#fff;border-radius:4px;margin-bottom:20px;padding:24px 40px 0;z-index:1;overflow:hidden}.sec-media .media-content .content .title{word-wrap:break-word;word-break:normal;font-family:var(--content-font-family);font-size:18px;color:rgba(0,0,0,.7);line-height:24px;font-weight:700;margin-bottom:10px}.sec-media .media-content .content .desc{word-wrap:break-word;word-break:normal;font-size:14px;color:rgba(0,0,0,.5);line-height:24px;margin-bottom:90px}.sec-media .media-content .content .desc.en{font-family:var(--content-font-family)}.sec-media .media-content .content .img{position:absolute;height:30px;left:40px;bottom:24px}.sec-media .media-content .content .bottom-img{height:2px;position:absolute;left:0;bottom:0}.sec-media .media-content .content:nth-child(odd){margin-right:20px}.sec-media .media-content-bg{position:absolute;top:376px;width:100%;height:346px;background:#f2f2f2}