#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)}.banner{position:relative;padding:64px 0 0px;color:#fff;width:100%;min-height:1391px;overflow:hidden}.banner .video-wrapper{position:absolute;top:0;left:0;width:100%;height:960px;z-index:0;overflow:hidden}.banner .video-wrapper::before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(255,255,255,0)), to(#ffffff)),rgba(0,0,0,0.4);background:linear-gradient(180deg, rgba(255,255,255,0) 75%, #ffffff 100%),rgba(0,0,0,0.4)}.banner .video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.banner h1{text-align:center;position:relative;z-index:1;font-size:80px;line-height:1.2;margin:240px 0}.banner h2{margin-bottom:24px;font-size:4.8rem;line-height:1.2}.banner p.desc{font-size:2rem;line-height:1.4;margin-bottom:20px}.banner p.desc:last-child{margin-bottom:0}.banner .box{padding:120px 0;position:relative;z-index:1;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:40px;color:#000}.banner .box-l{width:502px;text-align:left}.banner .box-r{width:738px;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;gap:8px}.banner .box-img{width:180px;height:600px;border-radius:16px;overflow:hidden;position:relative;-webkit-transition:width .3s;transition:width .3s;will-change:width}.banner .box-img.active{width:362px}.banner .box-img.active img{scale:1.2}.banner .box-img.active .box-text h3{text-align:left}.banner .box-img.active .box-text p{display:block;opacity:0;-webkit-animation:fadeIn 2s ease forwards;animation:fadeIn 2s ease forwards}.banner .box-img::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, color-stop(74%, rgba(0,0,0,0)), to(#000000));background:linear-gradient(180deg, rgba(0,0,0,0) 74%, #000000 100%)}.banner .box-img img{scale:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease;transition:all .3s ease}.banner .box-text{z-index:1;padding:0 40px;position:absolute;width:100%;bottom:40px;color:#fff}.banner .box-text h3{text-align:center;font-size:20px;line-height:1.2;-webkit-transition:all .3s ease;transition:all .3s ease}.banner .box-text p{display:none;text-align:left;margin-top:16px;font-size:16px;line-height:1.2}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}@media (max-width:768px){.banner h1{margin:60px 0 40px;font-size:60px}.banner .box-l{color:#fff}.banner .box-r{-ms-flex-wrap:wrap;flex-wrap:wrap}.banner .box-img{width:362px}}.our{padding:120px 0;background:#f8f9fa}.our h2{margin-bottom:24px;font-size:4.8rem;line-height:1.2}.our h3{margin:16px 0 8px;font-size:2.4rem;line-height:30px}.our p.desc{font-size:2rem;line-height:26px}.our p.info{font-size:1.6rem;line-height:1.4}.our-list{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;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;text-align:center}.our-list li{padding:40px 10px;width:416px;min-height:237px;border-radius:24px;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)}.our-list li:first-child{text-align:left;padding-top:65px;background:none}.why{padding:120px 0 0;background:#000000;color:#fff;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.why h2{margin-bottom:60px;text-align:center;font-size:5.6rem;line-height:120%}.why h3{font-size:3.2rem;line-height:40px;margin-bottom:24px}.why p{font-size:1.8rem;line-height:28px}.why .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;width:100px;height:100px;background:url(/resource/images/branding/dp-brand-ic-32-arrow.svg) center / cover no-repeat}.why .drag-ico.nextico{background-image:url(/resource/images/branding/dp-brand-ic-32-arrow.svg)}.why .drag-ico.previco{background-image:url(/resource/images/branding/dp-brand-ic-32-arrowl.svg)}.why .rote-swpier{width:100%;position:relative}.why .rote-swpier .prev,.why .rote-swpier .next{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:32%;height:100%;opacity:1;cursor:none}.why .rote-swpier .prev{left:0}.why .rote-swpier .next{right:0}.why .rote-swpier .video-wrapper{position:absolute;top:0;left:0;width:100%;height:960px;z-index:0;overflow:hidden}.why .rote-swpier .video-wrapper::before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.why .rote-swpier .video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.why .swiper{position:relative;width:100%;height:800px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.why .swiper .item{width:640px;height:800px;border-radius:16px;overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;z-index:1;pointer-events:none;-webkit-transition:z-index .2s;transition:z-index .2s;-webkit-filter:grayscale(1);filter:grayscale(1)}.why .swiper .item.active{-webkit-filter:grayscale(0);filter:grayscale(0)}.why .swiper .item.active::before{content:"";position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;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%)}.why .swiper .item.active .text{opacity:1}.why .swiper .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;-webkit-box-shadow:0 8px 32px #0008;box-shadow:0 8px 32px #0008;background:#fff}.why .swiper .text{opacity:0;position:absolute;z-index:1;bottom:126px;text-align:left;padding:0 48px}.why .water-box{z-index:15;pointer-events:none;width:100%;position:absolute;bottom:-1px;left:0}.why .water-box .water{width:100%;height:1.1rem;height:100px;margin:0;display:block}.why .water-box .water .parallax>use{-webkit-animation:5s linear 2s infinite moveforever;animation:5s linear 2s infinite moveforever}@-webkit-keyframes moveforever{0%{-webkit-transform:translate(-90px);transform:translate(-90px)}to{-webkit-transform:translate(85px);transform:translate(85px)}}@keyframes moveforever{0%{-webkit-transform:translate(-90px);transform:translate(-90px)}to{-webkit-transform:translate(85px);transform:translate(85px)}}@media (max-width:768px){.why{padding:120px 0}.why .rote-swpier .video-wrapper{height:100%}.why .swiper{display:block;height:auto}.why .swiper .item{width:auto;height:400px;position:relative;top:unset;left:unset;-webkit-transform:unset;-ms-transform:unset;transform:unset;opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}.why .swiper .item::before{content:"";display:block;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(9,17,33,0.233)), to(#091121));background:linear-gradient(180deg, rgba(9,17,33,0.233) 0%, #091121 100%);position:absolute;top:0;left:0;z-index:1}.why .swiper .text{text-align:center;opacity:1;bottom:40px;padding:0 20px;width:100%}.why .drag-ico{display:none}.why .swiper-btn{display:none !important}.why .water-box{display:none}}.customer{padding:80px 0 120px;background:#f8f9fa}.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 .pic{border-radius:24px;overflow:hidden}.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}.customer .appraise-txt .user{margin-top:24px;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}.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}.data{padding:120px 0;background:#fff;text-align:center;color:#fff}.data .box{padding:80px 0;width:100%;height:428px;border-radius:40px;background:url(/resource/images/branding-about/download-bg.svg) center / cover}.data .box h2 img,.data .box h2 span{display:inline-block;vertical-align:middle;font-size:2.4rem;line-height:38px}.data .box p.desc{margin:24px 0 40px;font-size:3.8rem;line-height:1.2;font-weight:bold}.data .box .btn{width:280px;height:64px;line-height:64px;font-size:18px;font-weight:bold;-webkit-box-shadow:0 10px 20px 0 rgba(34,88,246,0.4);box-shadow:0 10px 20px 0 rgba(34,88,246,0.4)}.data .box .btn i.down{display:inline-block;vertical-align:-5px;width:24px;height:24px;margin-left:8px;background:url("/resource/images/branding-about/dp-free-ic-download-24.png") center / cover no-repeat}@media (max-width:768px){.data .box{height:auto;padding:40px}.data .box p.desc{font-size:3rem}}
/*# sourceMappingURL=./branding-about.css.map */