.footer{background-color:var(--primary-color);box-sizing:border-box;color:#fff;display:flex;justify-content:center;padding:50px 0;width:100%}.footer a{background-color:initial;border:none;color:inherit;color:#dfdfdf;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;padding:0;text-decoration:none}.footer a:hover{color:#fff}.footer-content{box-sizing:border-box;display:flex;flex-direction:row;gap:40px;padding:0 20px;padding-bottom:28px;width:100%}.footer-content a{font-size:14px}.footer .footer-sub-title{font-size:20px;margin-bottom:10px}.footer .contact{display:flex;flex-direction:column;font-size:14px;gap:20px;min-width:30%;width:30%}.footer .contact .font-size-large{font-size:18px}.footer .e-mail{background-color:#fff;border-radius:200px;display:flex;gap:10px;padding:6px 12px;position:relative;width:85%}.footer .e-mail input{font-family:inherit;font-size:inherit}.footer .e-mail button,.footer .e-mail input{background:transparent;border:none;margin:0;outline:none;padding:0}.footer .e-mail button{border-radius:0;font:inherit}.footer .e-mail .contact-input{background-color:initial;color:#fff;font-size:16px;height:40px;padding:0 15px;width:100%}.footer .e-mail .contact-btn{background-color:#000;border-radius:50px;cursor:pointer;padding:10px;transition:all .2s ease-in-out;width:50px}.footer .e-mail .contact-btn:focus,.footer .e-mail .contact-btn:hover{background-color:#fff;border-color:#0056b3}.footer .e-mail .contact-btn:active{background-color:#004085}.footer .e-mail .contact-checkbox>input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;display:inline-block;position:relative}.footer .e-mail .contact-checkbox-mask{cursor:pointer;display:block;font-size:14px;margin-right:20px;padding-left:35px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.footer .e-mail .contact-checkbox:checked{background-color:#2196f3}.footer .link-wrapper{width:100%}.footer .link{display:grid;gap:80px;grid-template-columns:repeat(3,1fr);width:100%}.footer .link-item{display:flex;flex-direction:column;gap:20px}.footer .link-item-title{font-size:18px}.footer .link-item-content{display:flex;flex-direction:column;gap:20px}.desc-word{color:#c7c7c7;font-size:14px}.app-qrcode{display:flex;flex-direction:column;gap:10px}.app-qrcode img{height:40px;width:40px}@media screen and (max-width:600px){.footer .e-mail{background-color:#eee;border:1px solid #000}.footer .e-mail .contact-btn{background-color:initial;border:2px solid #000;box-sizing:border-box;color:#000}.footer .footer-sub-title{font-size:14px;font-weight:700}.footer-content{flex-direction:column-reverse}.footer-content .contact{gap:10px;width:100%}.footer-content .contact .e-mail{width:100%}.footer-content .link-wrapper{border-bottom:1px solid #fff;padding-bottom:30px}.footer-content .link{gap:30px;grid-template-columns:auto 1fr 1fr;margin-left:min(20px,1%)}.footer-content .link .link-item{width:100%}.footer-content .link .link-item,.footer-content .link .link-item-content{gap:10px}.footer-content .link .link-item-title{font-size:14px;font-weight:700}.footer-content .link a{color:#fff;font-size:12px}.contact .font-size-large{font-weight:700}.contact .contact-us{margin-top:20px}}.page-wrap{min-height:60px}.page-header,.page-wrap{position:fixed;top:0;width:100%}.page-header{align-items:center;animation:fadeInUp_header;animation-duration:.4s;background-color:#fff;box-sizing:border-box;display:flex;display:none;gap:20px;height:60px;opacity:0;padding:0 100px;z-index:100}.page-header a{align-items:center;color:#000;cursor:pointer;display:flex;font-size:14px;height:100%;justify-content:center}.header-bg{background-color:#fff;color:#000}.header-bg a{color:#000;cursor:pointer}.header-menu{align-items:center;bottom:0;display:flex;flex:1 1;gap:50px;justify-content:center;left:0;position:absolute;right:0;top:0}.show-header{animation:fadeInDown;animation-duration:.4s;display:flex;justify-content:space-between;opacity:1}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown_height{0%{height:0;opacity:0}to{height:60px;opacity:1}}@keyframes fadeInUp_header{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}.popup-list{box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.popup-list a{font-size:13px!important}.popup-list a:hover{color:#000}.mobile-menu{padding:10px 20px}.mobile-menu .mobile-menu-header{display:flex;justify-content:space-between;width:100%}.mobile-menu .mobile-menu-body{margin-top:20px}.page-is-top,.page-is-top-white{background-color:initial}.page-is-top-white{color:#fff}.page-is-top-white a{color:#fff!important}@media screen and (max-width:600px){.page-header{padding:0 20px}.mobile-menu-title{font-size:16px;font-weight:700}.trigger-popup{align-items:flex-start!important;background-color:initial!important;display:flex;justify-content:start!important;width:100%!important}.trigger-popup .mobile-popup-list{padding:0!important}.trigger-popup .mobile-popup-list div{font-weight:400!important}.page-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000065;border-radius:var(--border-radius-6);color:#fff;margin-left:var(--padding-body-padding);margin-top:6px;width:calc(100% - var(--padding-body-padding)*2);z-index:99}}.flicking-viewport{overflow:hidden;position:relative}.flicking-viewport:not(.vertical){height:100%;width:100%}.flicking-viewport.vertical,.flicking-viewport.vertical>.flicking-camera{display:inline-block}.flicking-viewport.vertical.middle>.flicking-camera>*{vertical-align:middle}.flicking-viewport.vertical.bottom>.flicking-camera>*{vertical-align:bottom}.flicking-viewport.vertical>.flicking-camera>*{display:block}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{height:100%;position:relative;white-space:nowrap;width:100%;will-change:transform;z-index:1}.flicking-camera>*{display:inline-block;vertical-align:top;white-space:normal}.section{border-radius:6px;box-sizing:border-box;height:100%;margin:6px 0;overflow:hidden}.project-banner{border-radius:var(--border-radius-6);margin-bottom:6px;overflow:hidden}.list{display:flex;flex-direction:column;gap:6px;max-width:1480px;width:100%}.list section{overflow:hidden}.project-banner{box-sizing:border-box;width:100%}.project-banner .project-banner-inner{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;min-height:100vh;padding-bottom:20px;padding-top:60px;width:100%}.project-banner .project-banner-info{align-items:end;display:flex;justify-content:space-between;width:100%;width:1000px}.project-banner .project-banner-info .banner-title{font-size:30px;font-weight:700}.project-banner .project-banner-info .sub-title{color:#7a7a7a;font-size:16px}.project-banner .project-banner-swiper{background-color:#f3f4f6;display:flex;height:100%;justify-content:center;position:relative}.project-banner .project-banner-swiper img{height:100%;object-fit:cover;width:100%}.project-banner .project-banner-swiper .banner-arrow{align-items:center;background-color:#000;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:60px;justify-content:center;position:absolute;right:50px;top:50%;transition:all .3s ease-in-out;width:60px}.project-banner .project-banner-swiper .banner-arrow:hover{transform:rotate(90deg)}.list section{display:flex}.list section .left{box-sizing:border-box;min-width:50%;padding-left:10%;width:50%}.list section .left,.list section .left .left-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease-in-out}.list section .left .left-wrapper{gap:20px;height:100%;padding:20px;width:100%}.list section .left p{font-weight:600}.list section .right{height:500px;width:100%}.list section .right img{height:100%;object-fit:cover}.f-reverse{flex-direction:row-reverse}.section{display:flex;height:auto;width:100%}.section img{height:100%;object-fit:cover;position:relative;transition:all 1s ease-in-out;width:100%}.section video{height:auto;width:100%}.section .text{padding:0 200px;position:absolute;width:100%}.section .text .divider{height:20px;width:100%}.section .text .link-btn{background-color:#fff;border-radius:10px;box-sizing:border-box;font-size:12px;min-width:100px;padding:10px 15px;text-align:center;transition:all .3s ease-in-out}.section .text-wrapper{align-items:start;display:flex;flex-direction:column;gap:10px}.section .text-wrapper p{font-size:40px}.section .text-wrapper span{font-size:16px;line-height:1.7}.section .right-text{box-sizing:border-box;color:#fff;display:flex;flex:1 1;justify-content:end;padding-right:300px}.section .right-text .text-desc{font-size:36px}.section-fullpage{align-items:center;display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.section-fullpage img{height:80%;object-fit:contain;position:relative;transition:all 2s ease-in-out;width:70%}.project-footer{display:flex;justify-content:end}.project-footer img{height:100%;transform:scale(1.4);width:75%}.project-footer .top-text{color:#fff;top:20%}.project-footer .link-btn{border-radius:50px!important}.s-28{font-size:28px}.story-desc-word{box-sizing:border-box;color:#393939;line-height:2.5;padding-right:0}.link-btn{background:#fff;border-radius:10px;color:#000;cursor:pointer;padding:10px 30px;text-align:center;width:auto}.link-btn:hover{background-color:#000!important;color:#fff!important}.project-ams{background-image:linear-gradient(45deg,#d0d0d0,#979795)}@media screen and (max-width:1600px){.left{padding-left:0}.right-text{padding-right:100px!important}}@media screen (max-width:960px){.left{padding-left:0}.right-text{padding-right:100px}}@media screen and (max-width:600px){.project-banner .project-banner-info{align-items:start!important;flex-direction:column;padding:20px;width:100%}.project-banner .project-banner-inner{background-color:initial;flex-direction:column;height:auto!important;justify-content:flex-start;min-height:auto}.project-banner .project-banner-inner .banner-title{font-size:24px}.project-banner .project-banner-inner .sub-title{font-size:13px}.project-banner .banner-arrow{height:40px!important;right:50px;top:10%!important;transform:rotate(90deg);transition:all .3s ease-in-out;width:40px!important}.story-bg p,.story-footer p{font-size:14px;padding:0 20px!important}.right-text{justify-content:start!important;padding:6% 20px!important}.section{border-radius:0}.list section{display:flex;flex-direction:column-reverse;position:relative}.list section .video-wrapper{z-index:20}.list section .no-bg-title{color:#000!important}.list section .no-bg-right{box-sizing:border-box!important;padding:60px 20px!important}.list section .left{left:0;padding-left:0!important;width:100%!important;z-index:10}.list section .left .left-wrapper{gap:10px;padding-bottom:8%;padding-right:0;padding-top:8%;position:relative;width:100%!important}.list section .left .story-desc-word{color:#000;font-size:14px;padding-right:0;padding-top:10px}.list section .left p{font-size:24px!important;width:100%}.list section .right{aspect-ratio:16/16;display:flex;height:auto!important;overflow:hidden}.list section .right img{height:100%;object-fit:cover;width:100%}.section-fullpage img{height:100%;width:100%}.section-fullpage .text{justify-content:start!important;padding:20px;top:2%}.text-wrapper span{font-size:13px!important}.text-wrapper p{font-size:24px!important;font-weight:700}.project-footer{aspect-ratio:16/16;display:flex;justify-content:end;position:relative}.project-footer img{height:100%;transform:scale(1);width:100%}.project-footer .top-text{color:#fff;justify-content:center;padding:20px;position:absolute;top:10%}.project-footer .link-btn{border-radius:50px!important}.project-footer p{font-weight:400}.product-info img{margin-top:80px}}.animation .text-extra,.animation a,.animation img,.animation p,.animation span,.animation-text .text-extra,.animation-text a,.animation-text img,.animation-text p,.animation-text span{opacity:0}.animation img,.animation-text img{transform:translate3d(-20%,0,0)}.scrolled img{animation-duration:1.5s!important;opacity:1;transform:translateZ(0)}.scrolled .action,.scrolled .text-extra,.scrolled a,.scrolled desc,.scrolled p,.scrolled span{animation:fadeInUp;animation-duration:1.5s;opacity:1}.scrolled .link-btn{animation:fadeInUp2;animation-duration:1.5s;opacity:1}.product-swiper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:-50px;position:relative;width:min(100%,1200px)}.product-swiper .arco-carousel-wrap{width:1200px}.radius-num-indicator{display:flex;gap:10px;position:relative}.dot{border:2px solid transparent;border-radius:50%;padding:6px;transition:all .2s ease-in-out}.dot-inner{background-color:#000;border-radius:50%;height:30px;width:30px}.active-dot{border:2px solid #000}.color-name{color:#000!important;font-weight:700;padding:4px 10px;padding-bottom:14px}.product-param{left:100px;position:absolute;top:170px}.param-area{align-items:center;border:2px solid var(--primary-color);display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;width:100%}.param-area .param-item{border-right:2px solid var(--primary-color);box-sizing:border-box;flex-grow:1;overflow:hidden;padding:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.param-area .param-item:last-child{border-right:none}.arco-carousel-item .carousel-item-img,.arco-carousel-item-inner>img,.arco-carousel-item>img{max-height:100%;max-width:100%;width:90%}@media screen and (max-width:600px){.product-param{font-size:10px;left:20px;position:absolute;top:-35px}.param-area .param-item{flex-basis:50%;font-size:12px}.param-area .param-item:first-child,.param-area .param-item:nth-child(2){border-bottom:2px solid var(--primary-color)}.param-area .param-item:nth-child(2n){border-right:none}.product-swiper{display:flex;justify-content:center;margin-top:0;padding-bottom:20px;width:100%}.product-swiper .arco-carousel-wrap{width:100%}.color-name{font-weight:400}.dot-inner{background-color:#000;border-radius:50%;height:20px;width:20px}}.arco-carousel-item .carousel-item-img,.arco-carousel-item-inner>img,.arco-carousel-item>img{transform:translateY(-40px)}