.sec{padding-block:160px}.sec .wrapper{padding-inline:30px}@media screen and (min-width: 1280px){.sec .wrapper{padding-inline:0}}.project-info{display:block;text-align:end;letter-spacing:1px}.project-info .project-info__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px}.project-info .project-info__detail{font-size:13px}@media screen and (min-width: 768px){.project-info .project-info__detail{font-size:14px}}@media screen and (min-width: 1280px){.page-top{align-items:flex-end;display:flex;justify-content:space-between}}.page-top .page-top__title{font-size:36px}@media screen and (min-width: 1280px){.page-top .page-top__title{font-size:48px}}.page-top .page-top__line{width:100%;height:.5px;background-color:#727171;position:relative;margin-block:60px 32px}@media screen and (min-width: 1280px){.page-top .page-top__line{display:none}}.page-top .page-top__line .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);position:relative;width:14px;height:14px;opacity:1}.page-top .page-top__line .circle:before,.page-top .page-top__line .circle:after{content:"";position:absolute;border-radius:50%}.page-top .page-top__line .circle:before{width:14px;height:14px;background-color:#82393b80}.page-top .page-top__line .circle:after{width:7px;height:7px;background-color:#82393b;top:50%;left:50%;transform:translate(-50%,-50%)}.page-top .page-top__title-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-bottom:80px;gap:24px}@media screen and (min-width: 1280px){.page-top .page-top__title-container{flex-direction:column;gap:20px;margin-bottom:0}}.page-top .page-top__title-container .page-top__title-container__en{font-size:20px;letter-spacing:2px;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 1280px){.page-top .page-top__title-container .page-top__title-container__en{font-size:24px;flex-direction:row}}.page-top .page-top__title-container .page-top__title-container__zh{font-size:16px;letter-spacing:1px}.slider-container{display:none}@media screen and (min-width: 1280px){.slider-container{display:block}}.slider-container .slider-container__pagination-slider{width:80%;margin:0 auto;position:relative}.slider-container .slider-container__pagination-slider:before{position:absolute;content:"";width:100%;height:1px;background-color:#727171;top:50%;left:0;transform:translateY(-50%)}.slider-container .slider-container__pagination-slider .page{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.slider-container .slider-container__pagination-slider .page .circle{transition:opacity .3s ease-in-out;position:relative;width:14px;height:14px;opacity:.1}.slider-container .slider-container__pagination-slider .page .circle:before,.slider-container .slider-container__pagination-slider .page .circle:after{content:"";position:absolute;border-radius:50%}.slider-container .slider-container__pagination-slider .page .circle:before{width:14px;height:14px;background-color:#82393b80}.slider-container .slider-container__pagination-slider .page .circle:after{width:7px;height:7px;background-color:#82393b;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-container .slider-container__pagination-slider .slick-current .page .circle{opacity:1}.slider-container .slider-container__main-slider .slick-track .slick-slide{display:block}.slider-container .slider-container__main-slider.eq-h .img-container{position:relative;padding-bottom:100%}.slider-container .slider-container__main-slider.eq-h .img-container .project-image{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.slider-container__btn-container{display:none}@media screen and (min-width: 1280px){.slider-container__btn-container{position:relative;display:flex;flex-direction:row;align-items:center;margin-block:128px 64px}}.slider-container__btn-container .slick-arrow{padding:4px 8px 5px;gap:32px}.slider-container__btn-container .slick-arrow .square-btn{font-size:14px}.slider-container__btn-container .slick-arrow .square-btn:before,.slider-container__btn-container .slick-arrow .square-btn:after{font-size:14px}.tp-container{display:flex;flex-direction:column;gap:64px}@media screen and (min-width: 576px){.tp-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}}@media screen and (min-width: 768px){.tp-container{grid-template-columns:repeat(3,1fr);gap:48px}}@media screen and (min-width: 1280px){.tp-container{display:none}}.tp-container a{opacity:0}.tp-container .project-info{margin-bottom:24px}.tp-container .img-container{position:relative;padding-bottom:100%}.tp-container .img-container .project-image{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.slider-container__main-slider{width:80%;margin:0 auto}.slider-container__main-slider .slick-track{display:flex}.slider-container__main-slider .slick-track .slick-slide{display:flex;height:auto;align-items:flex-end}.slider-container__main-slider .slick-track .slick-slide:hover .project-info{transform:translateY(-8px)}.slider-container__main-slider .slick-track .slick-slide:hover .project-image{transform:scale(1.1)}.slider-container__main-slider .project-info{margin-top:8px;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.slider-container__main-slider .project-info{margin-bottom:24px;font-size:16px}}.slider-container__main-slider .item-container{margin-inline:16px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.slider-container__main-slider .project-image{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-height:445px;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}#project{padding-block:96px;background-color:#82393b;color:#fff}@media screen and (min-width: 1280px){#project{padding-block:128px 160px}#project .wrapper{padding-inline:0;display:flex;justify-content:space-between}}#project .title-container{color:#fff;margin-bottom:80px}@media screen and (min-width: 1280px){#project .title-container{margin-bottom:36px}}#project .title-container .title{line-height:1.4;font-size:36px;margin-bottom:16px}@media screen and (min-width: 1280px){#project .title-container .title{font-size:48px}}#project .content-container{display:flex;flex-direction:column;align-items:start;gap:64px}@media screen and (min-width: 1280px){#project .content-container{flex-direction:row;align-items:flex-end;width:40%}}#project .content-container .content{line-height:2}@media screen and (min-width: 1280px){#project .content-container .content{margin-left:auto}}#project .square-btn-container{padding:4px 6px 5px;gap:4px}#project .square-btn-container .square-btn{font-size:16px}#project .square-btn-container .square-btn:before,#project .square-btn-container .square-btn:after{font-size:14px}#project .square-btn-container .square-btn:after{transform:translate(-50%,calc(100% + 10px))}@media screen and (min-width: 1280px){#project .square-btn-container .square-btn:after{transform:translateY(calc(100% + 10px))}}#project .square-btn-container:hover{background:#fff}#project .square-btn-container:hover .square-btn:before,#project .square-btn-container:hover .square-btn:after{font-size:14px;color:#4d4d4d}#project .square-btn-container:hover .square-btn:before{transform:translate(-50%,calc(-50% - 10px))}@media screen and (min-width: 1280px){#project .square-btn-container:hover .square-btn:before{transform:translateY(calc(-50% - 10px))}}#project .square-btn-container:hover .square-btn:after{transform:translate(-50%,calc(100% - 14px))}@media screen and (min-width: 1280px){#project .square-btn-container:hover .square-btn:after{transform:translateY(calc(100% - 14px))}}#project .square-btn-container:hover .icon{stroke:#4d4d4d}