#header-oct{position:absolute;top:0;background:transparent;-webkit-box-shadow:none;box-shadow:none}#header-oct .blackimg{display:none}#header-oct .nav-link{color:#fff}#header-oct .nav-drop{color:#fff}#header-oct .nav-drop .nav-linktxt::after{background-image:url(/resource/images/header-and-footer/dp-nav-ic-arrow-16-w.svg)}#header-oct .nav-search{background-color:rgba(255,255,255,0.1);background-image:url(/resource/images/header-and-footer/dp-nav-ic-search-16-w.svg)}#header-oct:hover{background:#fff;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,0.05);box-shadow:0 4px 10px 0 rgba(0,0,0,0.05)}#header-oct:hover .blackimg{display:inline-block}#header-oct:hover .whiteimg{display:none}#header-oct:hover .nav-link,#header-oct:hover .nav-drop{color:#000}#header-oct:hover .nav-search{background-color:#f7f7f7;background-image:url(/resource/images/header-and-footer/dp-nav-ic-search-16.svg)}body{-skrollr-animation-name:bod}@-skrollr-keyframes bod{5000{height:auto}}.banner{background:rgba(0,0,0,0.9);-skrollr-animation-name:bnr}@-skrollr-keyframes bnr{0{display:block;height:960px}500{height:2200px}1200{height:100px}}@media screen and (max-width:1200px){.banner .bnr{position:relative;overflow:hidden;height:auto}.banner .bnr .video{position:absolute}.banner .bnr .txt-one{position:relative;padding:120px 0}.banner .bnr .txt-one h1{font-size:40px}}.bnr{width:100%;height:960px}.bnr video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-o-object-fit:cover;object-fit:cover}.bnr .video{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;overflow:hidden;-skrollr-animation-name:video}@-skrollr-keyframes video{0{display:block;height:960px;top:0%;left:0%;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);border-radius:0px}500{width:600px;height:416px;top:50%;left:52%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:16px}700{top:50%}700{top:50%}800{top:0%}1000{top:-50%}1200{display:none}}.bnr .mask{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);-skrollr-animation-name:mask}@-skrollr-keyframes mask{0{background:rgba(0,0,0,0.4)}1500{background:rgba(0,0,0,0)}}.bnr .txt-one{padding-top:355px;position:fixed;text-align:center;width:100%;height:100%;left:0;z-index:2;color:#fff;-skrollr-animation-name:txtOne}.bnr .txt-one .name{font-size:40px;font-weight:bold;line-height:46px}.bnr .txt-one .title{margin:24px 0;font-size:80px;font-weight:bold;line-height:1.2}.bnr .txt-one .desc{margin:0 auto;max-width:800px;font-size:24px;font-weight:normal;line-height:30px}@-skrollr-keyframes txtOne{0{opacity:1;display:block;scale:1;left:0%}500{opacity:1;scale:.5;left:-20%}600{opacity:0}610{display:none}}.bnr .txt-two{display:block;opacity:0;position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:52%;width:560px;color:#fff;z-index:2;-skrollr-animation-name:txtTwo}.bnr .txt-two h2{margin-bottom:16px;font-size:56px;font-weight:bold;line-height:1.2}.bnr .txt-two .desc{font-size:20px;font-weight:normal;line-height:1.4}@-skrollr-keyframes txtTwo{0{opacity:0;top:70%}600{opacity:0}650{opacity:0}700{opacity:1;top:50%}800{top:0%}1000{top:-50%}1200{opacity:0}}.unlock,.tap{padding:120px 0;background:#f8f9fa;text-align:center}.unlock h2,.tap h2{padding:0 57px;font-size:56px;line-height:1.2;margin-bottom:80px}.unlock h3,.tap h3{margin:40px 0 16px;font-size:24px;line-height:30px}.unlock p,.tap p{font-size:16px;line-height:1.4}.unlock .ulist,.tap .ulist{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.unlock .ulist li,.tap .ulist li{width:416px;min-height:309px;border-radius:24px;padding:60px 20px;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#ffffff;-webkit-box-shadow:inset -1px -1px 1px 0 rgba(255,255,255,0.2),inset 1px 1px 1px 0 rgba(255,255,255,0.2);box-shadow:inset -1px -1px 1px 0 rgba(255,255,255,0.2),inset 1px 1px 1px 0 rgba(255,255,255,0.2)}.tap{background:#fff}.tap .ulist li{background:#f8f9fa}.tap .btn{margin-top:60px;position:relative;padding-right:42px;width:180px;height:56px;border-radius:32px;background:#2258f6;font-size:18px;font-weight:normal;line-height:24px}.tap .btn .more{padding-top:15px}.tap .btn .more::after{position:absolute;right:8px;top:8px;content:"";display:inline-block;vertical-align:middle;width:40px;height:40px;margin-left:8px;background:url("/resource/images/branding/more-arr-32@2x.png") center / cover}.method{padding:120px 0}.method h3{font-size:40px;line-height:46px;margin-bottom:24px}.method dt{font-size:18px;font-weight:bold;line-height:26px;margin-bottom:8px}.method dd{margin-bottom:15px;font-size:16px;font-style:italic}.method-content{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:80px}.your{padding:160px 0;background:#000;color:#fff}.your h2{font-size:56px;line-height:1.2}.your .btn{position:relative;padding-right:42px;width:180px;height:56px;border-radius:32px;background:#2258f6;font-size:18px;font-weight:normal;line-height:24px}.your .btn .more{padding-top:15px}.your .btn .more::after{position:absolute;right:8px;top:8px;content:"";display:inline-block;vertical-align:middle;width:40px;height:40px;margin-left:8px;background:url("/resource/images/branding/more-arr-32@2x.png") center / cover}.your .title{margin-bottom:80px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.your .piclist{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.your .piclist li{position:relative;width:410px;height:320px;border-radius:16px;overflow:hidden}.your .piclist li img{-webkit-transition:all .3s;transition:all .3s}.your .piclist li .txt{position:absolute;width:100%;padding:40px;bottom:0px;color:#fff;font-size:18px;line-height:24px;z-index:2}.your .piclist li .txt strong{display:block;font-size:24px;font-weight:bold;line-height:30px}.your .piclist li::before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(9,17,33,0)), to(#091121));background:linear-gradient(180deg, rgba(9,17,33,0) 0%, #091121 100%)}.your .piclist li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.make{padding:120px 0;background:#f8f9fa}.make .con{padding:40px 40px 40px 80px;background:#ffffff;border-radius:24px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.make .con .txt{width:500px}.make h2{margin-bottom:60px;font-size:56px;line-height:1.2}.make ul li{position:relative;margin-bottom:40px;font-size:28px;line-height:1.2;padding-left:40px;font-style:italic}.make ul li::before{content:"";position:absolute;top:5px;left:0;width:24px;height:24px;background:url(/resource/images/branding/hook.png) center / cover}@media (max-width:768px){.make .con{padding:30px}.make ul li{font-size:22px}}.customer{padding:120px 0}.customer h2{margin-bottom:80px;font-size:56px;line-height:1.2;text-align:center}.customer .content{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:80px}.customer .appraise-slick .slick-arrow{top:95%;width:32px;height:32px;background:url(/resource/images/branding/dp-brand-ic-32-arrow.svg) center / cover}.customer .appraise-slick .slick-arrow.slick-prev{left:93%;rotate:180deg}.customer .appraise-txt{width:655px;height:412px}.customer .appraise-txt .user{margin-bottom:24px;padding-bottom:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;font-weight:bold;line-height:30px;border-bottom:1px solid #ebebeb}.customer .appraise-txt .user span{margin-top:8px;display:block;font-size:16px;line-height:22px;font-weight:normal}.customer .appraise-txt .user img{margin:unset}.customer .appraise-txt .info p{font-style:italic;font-size:24px;font-weight:normal;line-height:1.6}.customer .appraise-txt .info p.strong{font-size:32px;font-weight:bold;line-height:1.2;margin-bottom:16px}@media (max-width:768px){.customer .appraise-txt{height:auto}.customer .appraise-txt .info p{font-size:18px;line-height:1.4}.customer .appraise-txt .info p.strong{font-size:24px;line-height:1.2}}.trust{padding:120px 0;background:#f8f9fa;text-align:center;overflow:hidden}.trust h2{margin-bottom:60px;font-size:56px;line-height:1.2}.trust .awards-ls{text-align:left}.trust .awards-ls .item{float:left;width:280px;height:120px;margin:20px;background:#f8f9fa;border-radius:16px;position:relative;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.trust .awards-ls .item>img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.trust .btn-more{margin-top:80px;display:inline-block;vertical-align:middle;min-width:395px;height:56px;line-height:56px;font-size:18px;color:#2258f6;background:#ffffff;border:1px solid #2258f6}.history{position:relative;padding:160px 0 80px;color:#fff;width:100%;min-height:1391px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.history::before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(9,17,33,0.2)), to(#091121));background:linear-gradient(180deg, rgba(9,17,33,0.2) 0%, #091121 100%)}.history h2{position:relative;z-index:1;font-size:56px;line-height:1.2;margin-bottom:40px}.history .video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.history video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.history-swiper{position:relative;z-index:1;height:500px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;-webkit-overflow-scrolling:touch}.history-swiper.history-swiper::-webkit-scrollbar{display:none}.history-ul{margin:40px 6% 80px;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;gap:120px}.history-li{display:inline-block;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:500px;min-height:340px;padding:40px 0px 40px 60px;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear, -webkit-transform .2s linear;will-change:transform}.history-li::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(50%, #fff), to(rgba(153,153,153,0)));background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 50%, rgba(153,153,153,0) 100%)}.history-li .time{font-weight:700;font-size:40px;-webkit-transition:all .3s ease;transition:all .3s ease}.history-li .title{margin-bottom:16px;font-size:20px;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease}.history-li .info{font-size:20px;font-weight:normal;line-height:160%;font-style:italic;-webkit-transition:all .3s ease;transition:all .3s ease}.history-drag-ico{position:absolute;pointer-events:none;z-index:10;top:0;left:0;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);will-change:transform}.history-data{padding:120px 0 0;position:relative;z-index:1;text-align:center}.history-data .name{margin-bottom:45px}.history-data .name img,.history-data .name span{display:inline-block;vertical-align:middle;font-size:24px;font-weight:bold;line-height:30px}.history-data .name span{margin:0 5px}.history-data h2{margin-bottom:40px;font-size:56px;font-weight:bold;line-height:120%}.history-data .btn{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 55px 0 15px;height:56px;border-radius:32px;background:#2258f6;font-size:18px;font-weight:normal;line-height:24px}.history-data .btn .more{padding-top:15px}.history-data .btn .more::after{position:absolute;right:8px;top:8px;content:"";display:inline-block;vertical-align:middle;width:40px;height:40px;margin-left:8px;background:url("/resource/images/branding/more-arr-32@2x.png") center / cover}@media (max-width:1280px){.history-ul{display:block}.history-drag-ico{display:none}}
/*# sourceMappingURL=./branding-index.css.map */