body{background:#000}.case-section{width:100%;height:100vh;position:relative}.fit-width .case-section img{height:auto;width:100%}.fit-height .case-section img{width:auto;height:100%}.case-section-0{background-size:cover;opacity:0;transition:all 1s cubic-bezier(.13,.99,1,1);display:flex;justify-content:center;align-items:center;position:relative}.case-section-0::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1}.loaded.case-section-0{opacity:1}.case-section-0 h1{font-size:6rem;color:#fff;text-align:center;line-height:8rem;position:relative;z-index:2}.department-name{line-height:8rem;border-radius:4rem;position:relative;padding:0 9rem 0 6rem;display:inline-block;margin-top:2rem}.department-name .department-name-svg{width:2rem;height:1.2rem;opacity:0;position:absolute;right:6rem;top:50%;transform:translate(0,-50%)}.department-name .department-name-svg path{fill:#fff;stroke:#fff}.department-name .department-name-border{position:absolute;left:0;top:0;border:.4rem solid #fff;width:100%;height:100%;border-radius:4rem;opacity:0}.product-choose{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);align-items:center;justify-content:center;z-index:1000;display:none}.product-choose.show{display:flex}.product-choose-center{width:70%;max-width:1100px;background:#1d1d1d;border-radius:18px;text-align:center;padding:8rem 10rem;position:relative}.product-choose-center .close-button-svg{position:absolute;left:3rem;top:3rem;width:3rem;height:3rem;stroke:#aaa;fill:#aaa;cursor:pointer;transition:all .5s;transform-origin:center}.product-choose-center .close-button-svg:hover{transform:rotate(90deg)}.product-choose-list{display:flex;flex-wrap:wrap}.product-choose-item{width:50%;font-size:4rem;line-height:1.6;color:#fff;margin-bottom:2rem;text-align:left;cursor:pointer}.case-text-desc,.case-text-wrap{text-align:center}.product-choose-item.minorLanguag{font-size:3.4rem}.product-choose-title{font-size:4rem;margin-bottom:6rem;color:#fff}.product-choose-title.minorLanguag{font-size:3.4rem}.product-choose-item.current{color:#666;cursor:default}.case-section-1{z-index:10;height:200vh;overflow:hidden}.case-section-wrap-1{width:100%;height:100vh;background:url(/dist/static/new/img/c/c1.jpg) center no-repeat;background-size:cover}.case-section-wrap-1.fixed{position:fixed;top:0;left:0}.case-button{opacity:0;width:9rem;height:9rem;margin:6.8rem auto 0}.case-button .hover{display:none}.case-button img{width:9rem;height:9rem;display:block;margin:0 auto}.case-images{position:relative;z-index:22;font-size:0;line-height:0;width:100%;overflow:hidden;background:#000}.case-images img{display:block;width:100%;max-width:100%;height:auto;margin-bottom:10px}.case-text{position:absolute;top:calc(100vh - 30rem);left:50%;transform:translate(-50%,0);width:120rem;padding:11rem;line-height:1.2}.case-text-wrap *{color:#000}.case-text-bg{background:rgba(255,255,255,.9);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center;z-index:-1}.case-text-title{font-size:6rem;font-weight:700;margin-bottom:4rem}.case-text-desc{font-size:2.8rem;font-weight:700;line-height:1.4;opacity:0}.case-slide-image-title,.case-slide-title{font-size:3.6rem;font-weight:700;color:#fff}.case-slide-images{background:#0c0f12;padding:11rem 0;position:relative;z-index:10;width:100%;overflow:hidden}.case-slide-title{width:100%;max-width:1200px;margin:0 auto 16px}.case-slide-container .swiper-slide{width:1200px}.case-slide-container .swiper-slide img{width:1200px;height:675px;border-radius:6px}.case-images-mobile{display:none}.case-image-control{display:flex;justify-content:space-between;width:1200px;margin:10px auto 0}.case-slide-image-title{position:absolute;left:0;bottom:0;height:28%;width:100%;display:flex;align-items:center;padding:0 5rem;background:linear-gradient(180deg,rgba(0,0,0,0),#000)}.case-image-pagination{width:auto!important}.case-image-pagination .swiper-pagination-bullet{background:#fff;width:10px;height:10px;opacity:.5}.case-image-pagination .swiper-pagination-bullet-active{opacity:1}.case-image-pagination.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.case-image-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 20px 0 0}.case-image-buttons{text-align:right}.case-image-buttons img.case-image-prev{transform:rotate(180deg);margin-right:10px}.case-image-buttons img{width:54px;height:54px;display:inline-block;cursor:pointer;outline:0}.case-image-buttons img.swiper-button-disabled{opacity:.5}@media screen and (min-width:1025px){.finish{cursor:pointer}.finish.department-name:hover{background:#fff;color:#000}.finish.department-name:hover .department-name-svg path{fill:#000;stroke:#000}.case-button:hover .default{display:none}.case-button:hover .hover{display:block}}@media screen and (max-width:1440px){.case-image-control,.case-slide-container .swiper-slide,.case-slide-title{width:1000px}.case-slide-container .swiper-slide img{width:1000px;height:562px}}@media screen and (max-width:1280px){.case-text{width:100rem;padding:9rem}.product-choose-item.minorLanguag,.product-choose-title.minorLanguag{font-size:2.8rem}}@media screen and (max-width:1024px){.case-section-1{height:auto;overflow-x:hidden;overflow-y:visible}.case-text{width:100%;top:auto;bottom:0;padding:60px 8%}.case-text-title{font-size:32px}.case-text-desc{font-size:22px}.case-button,.case-text-desc{opacity:1}.case-images{z-index:9}.case-image-control,.case-slide-container .swiper-slide,.case-slide-title{width:80vw}.case-slide-container .swiper-slide img{width:80vw;height:44.9vw}.case-slide-title{font-size:28px}}@media screen and (max-width:768px){.case-images-pc{display:none}.case-images-mobile{display:block}.case-image-control,.case-slide-container .swiper-slide,.case-slide-title{width:90vw}.case-slide-container .swiper-slide img{width:90vw;height:50.5vw}.case-image-buttons img{width:44px;height:44px}}@media screen and (max-width:700px){.case-text{padding:7vw 7%}.case-text-title{font-size:4vw}.case-text-desc{font-size:3vw}.case-slide-title{font-size:24px}.case-section .case-button img{width:10vw;height:10vw}}@media screen and (max-width:600px){.product-choose-center .close-button-svg{width:20px;height:20px}.product-choose-title{font-size:3.5rem}.product-choose-center{width:90%}.case-slide-images{padding:40px 0}.case-image-pagination.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.case-image-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right:14px}}@media screen and (max-width:767px){.product-choose-item{width:100%;text-align:center}}@media screen and (max-width:510px){.case-section-0 h1{font-size:6.6vw;line-height:9.8vw}.department-name{line-height:9vw;border-radius:4.9vw;padding:0 9vw 0 5.6vw;margin-top:3vw}.department-name .department-name-svg{width:2.5vw;height:1.5vw;right:5.2vw}.department-name .department-name-border{border:2 solid #fff;border-radius:4vw}.product-choose-title{font-size:3.6vw;margin-bottom:6vw;font-weight:700}.product-choose-item{font-size:3.6vw;margin-bottom:2vw;font-weight:700}.product-choose-center{padding:8vw}.product-choose-center .close-button-svg{padding:.2vw}.case-text-title{margin-bottom:2.6vw;font-size:5vw}.case-button{margin-top:3.2vw}.case-slide-image-title{font-size:4.3vw;padding:0 4.3vw}}@media screen and (max-width:414px){.case-text{padding:12vw 9vw 15vw}}@media screen and (max-width:375px){.case-slide-title{font-size:22px}.case-image-pagination .swiper-pagination-bullet{width:8px;height:8px}.case-image-pagination.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.case-image-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right:10px}.case-image-buttons img{width:36px;height:36px}}@media screen and (max-width:350px){.department-name{line-height:9vw}.product-choose-center .close-button-svg{width:16px;height:16px}.case-text-title{margin-bottom:2vw}.case-text-desc{font-weight:400}.case-button{margin-top:4.2vw}.case-slide-images{padding:30px 0}.case-slide-title{font-size:20px;margin-bottom:12px}.case-image-pagination .swiper-pagination-bullet{width:6px;height:6px}.case-image-pagination.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.case-image-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right:8px}.case-image-buttons img{width:32px;height:32px}}