:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}
.brandstory-content .img-wrap{justify-content:space-between;align-items:center;width:65%;max-width:820px;margin:auto;display:flex}.brandstory-content .img-wrap img{width:50%;max-width:457px}.brandstory-content .img-wrap img:last-child{width:40%;max-width:256px}.platform-info{margin-top:43px;padding:0}.platform-info li{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.platform-info li:last-child{margin-bottom:0}.platform-info li p{color:#000;font-size:18px;font-weight:700}.platform-info li p span:last-child{color:#464646;letter-spacing:.2px;font-size:13.5px;font-weight:400;display:block}.platform-info li p:last-child{letter-spacing:.54px;color:#0862ff;text-align:right;-webkit-text-stroke:1.5px #0862ff;font-size:36px;font-weight:700}.content-box{background-color:#fff;border-radius:33px;width:100%;max-width:1093px;margin:auto auto 20px;padding:50px 0 60px 144px;position:relative;overflow:hidden;box-shadow:0 3px 6px #00000029}.content-box:before{clear:both;content:"";background-position:100% 0;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;position:absolute;bottom:0;right:0}.content-box p{color:#0862ff;letter-spacing:.3px;font-size:20px;font-weight:700}.content-box h3{letter-spacing:-.9px;color:#000;margin:33px 0 16px;font-size:60px;font-weight:700;line-height:1.33}.content-box span{color:#383838;letter-spacing:.23px;font-size:15px;font-weight:500}.content-box.box1:before{background-image:url(/assets/images/brandstory/brandstory-box1.png);background-position:100%;background-size:360px}.content-box.box2:before{background-image:url(/assets/images/brandstory/brandstory-box2.png)}.content-box.box3:before{background-image:url(/assets/images/brandstory/brandstory-box3.png)}.brandstory-slide{width:100%;max-width:1286px;height:713px;margin:auto}.brandstory-slide .swiper{height:100%}.brandstory-slide .swiper-slide{background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%}.brandstory-slide .swiper-slide img{display:none}.brandstory-slide .slide1{background-image:url(/assets/images/brandstory/brandstory-bg1.png)}.brandstory-slide .slide2{background-image:url(/assets/images/brandstory/brandstory-bg2.png)}.brandstory-slide .slide3{background-image:url(/assets/images/brandstory/brandstory-bg3.png)}.brandstory-slide .slide4{background-image:url(/assets/images/brandstory/brandstory-bg4.png)}.info-txt{width:65%;position:absolute;bottom:84px;left:130px}.info-txt .use-date{color:#0862ff;font-size:11px;display:none}.info-txt .title{color:#000;align-items:center;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.info-txt .title span{margin-left:10px;font-size:15px}.info-txt .sub-title{color:#000;font-size:15px}.info-txt .sub-title strong{font-weight:400}.swiper-slide.swiper-slide-active{z-index:3}.swiper-pagination{opacity:0;margin:0;position:absolute;right:40px;width:auto!important;top:36px!important;bottom:auto!important;left:auto!important}.swiper-pagination-bullet{opacity:1;background-color:#0000;border-radius:0;width:150px;height:60px;display:block;margin-bottom:12px!important}.swiper-pagination-bullet:last-child{margin-bottom:0!important}.page-button{opacity:1;cursor:pointer;background-color:gray;width:150px;height:60px;display:block;margin-bottom:12px!important}.swiper-pagination-bullet{background-color:#ddd}.swiper-pagination-bullet-active{background-color:red}.swiper-button-next,.swiper-button-prev{color:#fffc;width:36px;height:36px;display:none;top:110px}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-next:after,.swiper-button-prev:after{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:36px;font-style:normal;font-weight:400;line-height:1;font-family:xeicon!important}.swiper-button-next:after{content:""}.swiper-button-prev:after{content:""}@media (max-width:1366px){.brandstory-slide{height:660px}.swiper-pagination{right:36px;top:40px!important}.swiper-pagination-bullet{height:54px}}@media (max-width:1180px){.content-box{padding-left:114px}.section-slide .content-wrapper{width:90%}.brandstory-slide{height:633px}.info-txt{bottom:73px}.swiper-pagination{right:30px;top:26px!important}.swiper-pagination-bullet{width:140px;height:55px}}@media (max-width:1024px){.content-box{padding-left:84px}.content-box .info h3{font-size:50px}.section-slide .content-wrapper{width:95%}.info-txt{bottom:55px;left:100px}.swiper-pagination{right:30px;top:12px!important}.swiper-pagination-bullet{width:119px;height:49px}.info-txt .title{margin-bottom:0}.brandstory-slide{height:553px}}@media (max-width:820px){.content-box{padding-left:54px}.content-box h3{font-size:50px}.content-box.box1:before{background-size:45%}.section-slide .content-wrapper{width:100%}.brandstory-slide{height:463px;transform:translate(10px)}.swiper-pagination{right:23px;top:7px!important}.swiper-pagination-bullet{height:40px}.info-txt{width:68%;bottom:40px;left:90px}.info-txt .title{font-size:18px}.info-txt .sub-title{font-size:14px}}@media (max-width:768px){.section-slide h4{margin-bottom:38px}.swiper-pagination{top:25px!important}.swiper-pagination-bullet{width:99px;height:35px}.info-txt{bottom:47px;left:81px}.info-txt .sub-title{font-size:13px}}@media (max-width:430px){.content-box{border-radius:4px;min-height:300px;padding:29px 25px}.content-box:before{background-position:100% 100%;background-size:90%}.content-box p{font-size:13.5px}.content-box h3{margin:14px 0;font-size:28px}.content-box span{font-size:13.5px}.content-box.box1:before{background-position:100% 80%;background-size:50%}.content-box.box2:before{background-image:url(/assets/images/brandstory/brandstory-box2-mb.png);background-size:60%}.content-box.box3:before{background-image:url(/assets/images/brandstory/brandstory-box3-mb.png)}.brandstory-content .img-wrap{flex-wrap:wrap;width:100%}.brandstory-content .img-wrap img{width:100%}.section-slide .content-wrapper{padding:0}.section-slide .content-wrapper h2,.section-slide .content-wrapper h4{padding:0 24px}.brandstory-slide{height:253px}.swiper-pagination{display:none}.brandstory-slide{width:100%;height:auto;transform:none}.brandstory-slide .swiper-slide{background:#fff;width:85%}.brandstory-slide .swiper-slide img{width:100%;display:block;position:relative;top:auto;left:auto}.info-txt{width:100%;margin-top:15px;position:relative;bottom:auto;left:auto}.info-txt .use-date{display:block}.info-txt .title{font-size:15px}.info-txt .title span{color:#c4c4c4}.info-txt .sub-title{font-size:11px}.info-txt .sub-title strong{font-weight:700}.swiper-button-next,.swiper-button-prev{display:block}}@media (max-width:414px){.swiper-button-next,.swiper-button-prev{top:105px}}@media (max-width:390px){.swiper-button-next,.swiper-button-prev{top:100px}}@media (max-width:375px){.swiper-button-next,.swiper-button-prev{top:100px}}@media (max-width:360px){.swiper-button-next,.swiper-button-prev{top:95px}}
