@charset "UTF-8";.wrap{overflow:hidden}.banner-section{position:fixed;top:0;height:615px}@media (min-width:768px) and (max-width:991px){.banner-section{height:500px}}@media (max-width:767px){.banner-section{height:auto;aspect-ratio:1/1.257}}.banner-section .blackBgcover{display:block;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}@media (min-width:768px){.banner-section>img{width:100vw;height:100%;object-fit:cover;object-position:center}}@media (max-width:767px){.banner-section>img{width:100vw;aspect-ratio:1/1.257;object-fit:cover;object-position:center}}.banner-section>img:after{content:"";position:absolute;z-index:-2;top:0;left:0;width:100%;height:100%;background:#7d7d7d}.banner-section .page-title{position:absolute;top:38.4%;left:50%;transform:translateX(-50%);width:100%;text-align:center}.banner-section .en-title{width:100%;margin:0 auto 13px}@media (max-width:767px){.banner-section .en-title{width:60.5%}}.banner-section .en-title img{margin:0 auto}.banner-section .tw-title{font-size:26px;color:#fff;font-weight:500;letter-spacing:7.67px}@media (max-width:767px){.banner-section .tw-title{font-size:20px;letter-spacing:5.4px}}.project-section{position:relative;margin-top:615px;width:100vw;background:url("../images/projectBg_1.jpg") center/100% repeat-y}@media (min-width:768px) and (max-width:991px){.project-section{margin-top:500px}}@media (max-width:767px){.project-section{margin-top:125.7%}}.project-section .bg{position:fixed;z-index:-1;top:0;left:0;height:100vh;width:100vw;background:url("../images/projectBg.jpg") center/100% repeat-y}.project-section .projectItem{position:relative;z-index:2;aspect-ratio:1/0.645}@media (max-width:767px){.project-section .projectItem{aspect-ratio:1/1.25}}.project-section .projectItem .swiper-container{height:100%}.project-section .projectItem li{position:relative;display:flex;align-items:center}@media (max-width:991px){.project-section .projectItem li{flex-direction:column}}.project-section .projectItem li:last-child:before{content:"";position:absolute;z-index:2;bottom:0;left:0;width:100%;height:100px;background:url("../images/common/project_top.png") center/cover no-repeat}.project-section .projectItem li:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#bdbdbd}@media (max-width:991px){.project-section .projectItem li:after{display:none}}.project-section .projectItem li.smallYear .year{width:28px;height:28px;background-color:#bdbdbd;font-size:0;color:rgba(255,255,255,0);color:#bdbdbd;pointer-events:none}.project-section .projectItem li.active .year{background-color:#9f877b;border:1px solid #9f877b}.project-section .projectItem li.active .img:after{opacity:0}.project-section .projectItem li .colorBg{display:inline-block;position:absolute;z-index:2;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to top,rgba(195,212,228,0),rgba(195,212,228,0));opacity:0.6}@media (min-width:992px){.project-section .projectItem li .colorBg{display:none!important}}.project-section .projectItem .year{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:70px;font-size:22px;color:#fff;background-color:#0f0c0a;border:1px solid #bdbdbd;display:flex;align-items:center;justify-content:center;transition:background-color 0.75s;letter-spacing:1px}@media (min-width:992px) and (max-width:1440px){.project-section .projectItem .year{width:125px;height:125px;border-radius:58px}}@media (max-width:991px){.project-section .projectItem .year{display:none}}.project-section .projectItem .img{position:relative;flex:0 0 50%;width:50%;overflow:hidden;aspect-ratio:1/0.645}@media (min-width:992px) and (max-width:1440px){.project-section .projectItem .img{height:500px}}@media (max-width:991px){.project-section .projectItem .img{flex:0 0 auto;width:100%}}@media (max-width:767px){.project-section .projectItem .img{aspect-ratio:1/1.25}}.project-section .projectItem .img.removeAfter:after{content:none}.project-section .projectItem .img:after{content:"";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);transition:opacity 0.75s}.project-section .projectItem .img img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:1/0.645}@media (max-width:767px){.project-section .projectItem .img img{aspect-ratio:1/1.25}}.project-section .projectItem .img .imgwrap{width:100%;height:100%;overflow:hidden;aspect-ratio:1/0.645}@media (max-width:767px){.project-section .projectItem .img .imgwrap{aspect-ratio:1/1.25}}.project-section .projectItem .txt{flex:0 0 50%;padding:110px 90px 0 122px}@media (min-width:992px) and (max-width:1440px){.project-section .projectItem .txt{padding:110px 90px 0}}@media (max-width:991px){.project-section .projectItem .txt{flex:0 0 auto;position:absolute;z-index:3;bottom:28px;width:100%;padding:0}}.project-section .projectItem .txt.noIntro{padding:34px 90px 0 122px}@media (min-width:992px) and (max-width:1440px){.project-section .projectItem .txt.noIntro{padding:34px 90px 0}}@media (max-width:991px){.project-section .projectItem .txt.noIntro{padding:0}}.project-section .proId{font-size:30px;font-weight:600;color:#fff;margin-bottom:13px;letter-spacing:1.5px}@media (max-width:991px){.project-section .proId{margin-bottom:7px;text-align:center}}@media (max-width:767px){.project-section .proId{font-size:20px}}.project-section .proId span{height:1.6em;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto}.project-section .proInfo{font-size:21px;color:#fff;margin-bottom:43px;letter-spacing:3.5px}@media (max-width:991px){.project-section .proInfo{margin-bottom:12px;text-align:center}}@media (max-width:767px){.project-section .proInfo{font-size:16px;letter-spacing:1.2px}}.project-section .proInfo span{height:1.6em;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto}.project-section .btnBox{display:flex;text-align:center}@media (max-width:991px){.project-section .btnBox{justify-content:center}}.project-section .btnBox a{font-size:14px;color:#9f877b;display:flex;letter-spacing:2px;margin-right:44px}@media (max-width:991px){.project-section .btnBox a{margin-right:22px;color:#fff}}@media (min-width:768px){.project-section .btnBox a:hover .btnArrow:after{transform:translate(10px,-50%)}}.project-section .btnBox a .btnArrow{position:relative;display:block;width:13px;height:13px}@media (max-width:991px){.project-section .btnBox a .btnArrow{width:11px;height:11px}}.project-section .btnBox a .btnArrow:after{content:"";position:absolute;top:80%;right:-10px;transform:translateY(-50%);width:100%;height:100%;background:url("../images/common/sentIcon_h.png") center/contain no-repeat;transition:transform 0.75s}@media (max-width:991px){.project-section .btnBox a .btnArrow:after{top:100%;right:-6px;background:url("../images/common/arrow_w.png") center/contain no-repeat}}.project-section .soldOut{font-size:14px;color:#8d8d8d;display:block}.project-section .sale{position:relative;font-size:14px;color:#00ff00;display:block;padding-left:26px}@media (max-width:991px){.project-section .sale{padding-left:16px}}.project-section .sale:before{content:"";position:absolute;top:50%;left:0px;transform:translateY(-50%);width:14px;height:14px;background:#00ff00;border-radius:50%}@media (max-width:991px){.project-section .sale:before{left:-2px}}.blackBgColor{display:block;position:absolute;z-index:3;top:-2px;left:0;width:100%;height:100px}@media (max-width:991px){.blackBgColor{height:144px}}.blackBgColor:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/common/project_bottom.png") center/cover no-repeat;transition:opacity 1.5s}@media (max-width:991px){.blackBgColor:after{background:url("../images/productBg_mo_new.png") center bottom/100% 144px no-repeat}}.blackBgColor.fixed{position:fixed;top:0}@media (max-width:991px){.blackBgColor.fixed{top:109px}}.blackBgColor.change{position:absolute}.flow-nav{transition:opacity 1.5s;z-index:4}@media (min-width:992px){.flow-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none}}@media (max-width:991px){.flow-nav{position:absolute;width:100%;height:38px;opacity:1;pointer-events:all;padding:0 20px;overflow:hidden}}.flow-nav.fixed{position:fixed;top:100px;width:100%;height:72px}@media (max-width:991px){.flow-nav.fixed{top:110px;height:38px}}.flow-nav.change{position:absolute}@media (max-width:991px){.flow-nav:after{content:"";position:absolute;z-index:2;top:0;left:0;width:11vw;height:100%;background:linear-gradient(to right,#000,rgba(0,0,0,0))}}@media (max-width:575px){.flow-nav:after{width:50px}}@media (max-width:991px){.flow-nav:before{content:"";position:absolute;z-index:2;top:0;right:0;width:11vw;height:100%;background:linear-gradient(to left,#000,rgba(0,0,0,0))}}@media (max-width:575px){.flow-nav:before{width:50px}}.flow-nav.active{opacity:1;pointer-events:all}.flow-nav .navSwiper{position:relative}@media (min-width:992px){.flow-nav .navSwiper{height:510px;overflow:hidden}}@media (max-width:991px){.flow-nav .navSwiper{width:85%;margin:0 auto;padding:8px 0}}@media (min-width:992px){.flow-nav .navSwiper:after{content:"";position:absolute;z-index:10;bottom:-6.5px;right:-14px;width:24px;height:10px;background-color:#0e0d0b}}.flow-nav .swiper-wrapper.jcc{justify-content:center}.flow-nav .swiper-slide{position:relative;text-align:center}.flow-nav .swiper-slide:last-child .line{display:none}.flow-nav .swiper-slide.active .year:after{background-color:#9f877b}@media (max-width:991px){.flow-nav .swiper-slide.active .year{font-size:18px}}.flow-nav .swiper-slide.active a{color:#9f877b}@media (max-width:991px){.flow-nav .swiper-slide.active a{font-size:16px}}.flow-nav .swiper-slide.swiper-slide-prev .line{display:none}.flow-nav .swiper-slide>a{display:block;font-size:0.875rem;letter-spacing:1.4px;font-weight:300;color:#bfbfbf;transition:color 0.75s}@media (max-width:991px){.flow-nav .swiper-slide>a{height:24px;line-height:24px}}@media (min-width:768px){.flow-nav .swiper-slide>a:hover{color:#9f877b}.flow-nav .swiper-slide>a:hover .year:after{background-color:#9f877b}}.flow-nav .year{padding-right:15px}@media (max-width:991px){.flow-nav .year{padding-right:0;font-size:16px}}.flow-nav .year:after{content:"";width:9px;height:9px;border-radius:50%;background-color:#bfbfbf;position:absolute;right:0;top:6px;transition:background-color 0.75s;z-index:1}@media (max-width:991px){.flow-nav .year:after{display:none}}.flow-nav .line{width:1px;height:100px;background-color:#aaaaaa;position:absolute;right:4px;top:10px}@media (max-width:991px){.flow-nav .line{display:none}}.flow-nav .swiper-button-next,.flow-nav .swiper-button-prev{margin:auto;z-index:11;transition:0.3s all ease-in-out 0s}@media (max-width:991px){.flow-nav .swiper-button-next,.flow-nav .swiper-button-prev{display:none}}.flow-nav .swiper-button-next:after,.flow-nav .swiper-button-prev:after{bottom:auto;content:"";height:0;margin:auto;position:absolute;top:auto;width:0;display:block;width:12px;height:12px;border-top:1px solid #fff;border-right:1px solid #fff}@media (max-width:991px){.flow-nav .swiper-button-next:after,.flow-nav .swiper-button-prev:after{display:none}}.flow-nav .swiper-button-prev{top:-48px;left:33px}@media (max-width:991px){.flow-nav .swiper-button-prev{display:none}}.flow-nav .swiper-button-next{top:auto;bottom:-50px;left:33px}@media (max-width:991px){.flow-nav .swiper-button-next{display:none}}.flow-nav .swiper-button-prev:after{-moz-transform:rotate(-45deg) skew(-15deg,-15deg);-webkit-transform:rotate(-45deg) skew(-15deg,-15deg);-o-transform:rotate(-45deg) skew(-15deg,-15deg);-ms-transform:rotate(-45deg) skew(-15deg,-15deg);transform:rotate(-45deg) skew(-15deg,-15deg);transition:0.4s ease}@media (max-width:991px){.flow-nav .swiper-button-prev:after{display:none}}.flow-nav .swiper-button-next:after{-moz-transform:rotate(135deg) skew(-15deg,-15deg);-webkit-transform:rotate(135deg) skew(-15deg,-15deg);-o-transform:rotate(135deg) skew(-15deg,-15deg);-ms-transform:rotate(135deg) skew(-15deg,-15deg);transform:rotate(135deg) skew(-15deg,-15deg);transition:0.4s ease}@media (max-width:991px){.flow-nav .swiper-button-next:after{display:none}}.detail .arrowTop{position:absolute;bottom:-42px;left:50%;transform:translateX(-50%);width:18px;height:9px;background:url("../images/common/detail_arrow.png") center/contain no-repeat}.detail .container{background-color:#fff}.detail .kv-section{position:relative;height:100vh;background-color:#333840}.detail .kv-section .vimeo-wrapper{position:relative;height:100%;overflow:hidden}.detail .kv-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(141,141,141),rgba(141,141,141,0));mix-blend-mode:multiply}.detail .kv-section>img{width:100%;height:100%;object-fit:cover;object-position:center}.detail .kv-section .txt{position:absolute;z-index:2;bottom:74px;left:0;width:100%;text-align:center}@media (max-width:767px){.detail .kv-section .txt{bottom:90px}}.detail .kv-section .txt .proId{font-size:22px;color:#fff;text-align:center;margin-bottom:16px}@media (max-width:991px){.detail .kv-section .txt .proId{font-size:20px;margin-bottom:5px}}.detail .kv-section .txt .proId span{height:1.6em;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto;letter-spacing:1.2px}@media (max-width:991px){.detail .kv-section .txt .proId span{letter-spacing:0.6px}}.detail .kv-section .txt .proTitle{margin:0 auto 40px;max-width:325px}@media (max-width:767px){.detail .kv-section .txt .proTitle{max-width:215px;margin-bottom:30px}}.detail .kv-section .txt .proInfo{font-size:21px;color:#fff;text-align:center;margin-bottom:26px}@media (max-width:991px){.detail .kv-section .txt .proInfo{font-size:16px;margin-bottom:6px}}@media (max-width:575px){.detail .kv-section .txt .proInfo{font-size:15.625px}}.detail .kv-section .txt .proInfo span{height:1.6em;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto;letter-spacing:3.5px}@media (max-width:991px){.detail .kv-section .txt .proInfo span{font-weight:600}}@media (max-width:767px){.detail .kv-section .txt .proInfo span{letter-spacing:1.2px}}.detail .kv-section .txt .proInfo2{font-size:18px;color:#fff;text-align:center;line-height:1.67;letter-spacing:3.3px}@media (max-width:991px){.detail .kv-section .txt .proInfo2{font-size:16px;letter-spacing:2.4px;line-height:1.5}}@media (max-width:575px){.detail .kv-section .txt .proInfo2{font-size:15.625px}}.detail .contain-section{overflow:hidden}.detail .contain-section .container{padding:42px 54px 0}@media (min-width:768px) and (max-width:991px){.detail .contain-section .container{max-width:100%;padding:31px 40px 0}}@media (max-width:767px){.detail .contain-section .container{padding:20px 17px 0 19px}}.detail .contain-section h2.titleBox{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #9f877b;margin-bottom:61px}@media (max-width:767px){.detail .contain-section h2.titleBox{padding:16px 0;margin-bottom:31px}}.detail .contain-section h2.titleBox .title{font-size:30px;font-weight:700;color:#000;letter-spacing:1.4px}@media (max-width:767px){.detail .contain-section h2.titleBox .title{font-size:20px;letter-spacing:0.7px}}.detail .contain-section h2.titleBox .type{font-size:18px;color:#8d8d8d;flex:0 0 100px;text-align:right;letter-spacing:1px}@media (max-width:767px){.detail .contain-section h2.titleBox .type{font-size:14px;letter-spacing:0.9px}}.detail .contain-section .btn{text-align:center;margin-bottom:90px}@media (max-width:767px){.detail .contain-section .btn{margin-bottom:48px}}.detail .contain-section .btn a{display:inline-flex;align-items:center;padding:10px;transition:opacity 0.75s}@media (min-width:768px){.detail .contain-section .btn a:hover{opacity:0.75}}.detail .contain-section .btn .arrow{display:inline-block;width:16px;height:17px;margin-right:10px;background:url("../images/common/arrow.jpg") center/contain no-repeat}@media (max-width:767px){.detail .contain-section .btn .arrow{width:15px;height:21px;margin-right:8px}}.detail .contain-section .btn .txt{font-size:14px;letter-spacing:1.4px}@media (max-width:767px){.detail .contain-section .btn .txt{letter-spacing:0.6px}}.detail-slider{position:relative;width:100vw;height:auto}@media (min-width:768px){.detail-slider:before{content:"";position:absolute;z-index:2;top:0;right:0;width:8.7%;height:100%;background:linear-gradient(to left,rgb(255,255,255),rgba(255,255,255,0));opacity:0.8}.detail-slider:after{content:"";position:absolute;z-index:2;top:0;left:0;width:8.7%;height:100%;background:linear-gradient(to right,rgb(255,255,255),rgba(255,255,255,0));opacity:0.8}}.detail-slider .swiper img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:1/0.566}@media (max-width:767px){.detail-slider .swiper img{aspect-ratio:1/1.25}}.detail .swiper-button-prev{left:18px;width:13px;height:26px;background:url("../images/common/left.png") center/contain no-repeat}.detail .swiper-button-prev:after{content:""}.detail .swiper-button-next{right:18px;width:13px;height:26px;background:url("../images/common/right.png") center/contain no-repeat}.detail .swiper-button-next:after{content:""}.detail .swiper-horizontal>.swiper-pagination-bullets,.detail .swiper-pagination-bullets.swiper-pagination-horizontal{width:100%;bottom:2px;display:flex;justify-content:center}.detail .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.detail .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;background:rgba(0,0,0,0)}.detail .swiper-pagination-bullet{position:relative;display:inline-block;padding:10px 0;width:34px;opacity:0.4}.detail .swiper-pagination-bullet span{position:absolute;top:0;left:0;display:inline-block;width:34px;height:2px;background:#fff}.detail .swiper-pagination-bullet-active{opacity:1}.detail .swiper.detail{position:relative}.detail .swiper.detail:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.detail .swiper.detail.removeAfter:after{content:none}.detail .swiper.detail.active{cursor:grabbing}.detail .swiper.detail .swiper-slide{transform:translate3d(0,0,0);overflow:hidden}.detail .swiper.detail .swiper-slide img{transform:translate3d(0,0,0)}