@keyframes content-slide-in-6{0%{width:0}60%,70%,80%,90%{width:136rem}to{width:136rem}}@keyframes sprinkle-bling{0%{background:transparent}to{background:#000}}@font-face{font-family:"long-cang";src:url("/assets/font/LongCang-Regular.ttf")}.case-details .case-photo-list{width:100%;min-height:64vh}@keyframes scroll{from{left:0}to{left:calc(var(--width) * -1px + 100%)}}.case-details .case-photo-list.full .stick-cont .photo-list{animation:unset}.case-details .case-photo-list .stick-cont{width:100%;position:sticky;top:20vh;overflow:clip;padding-bottom:8rem}.case-details .case-photo-list .stick-cont .photo-list{user-select:none;width:calc(var(--width) * 1px);min-width:100%;filter:drop-shadow(32px 18px 4px #00000033);animation:scroll 4s linear both;animation-timeline:view();animation-range:contain;position:relative;white-space:nowrap}.case-details .case-photo-list .stick-cont .photo-list .line{position:absolute;left:0;top:5.2rem;width:100%;background-repeat:repeat-x;background-size:contain;background-image:url("https://oss.starify.cn/matchpages/share_center/2025/0827/5418/68aea187938e8/line.png");height:1.4rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer{vertical-align:top;display:inline-block;perspective:800px}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer.hide .photo-item .clip{transform:translateY(-2rem)}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer.hide .photo-item .image{opacity:0;transform:translateY(6rem)}.case-details .case-photo-list .stick-cont .photo-list .photo-item{width:30vw;transform-origin:0 5%;transition-duration:300ms;animation-duration:1600ms;animation-fill-mode:both;animation-name:burl}.case-details .case-photo-list .stick-cont .photo-list .photo-item .clip{transition-delay:200ms;transition-duration:800ms;z-index:1;position:relative;height:12rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item .clip .clip-1,.case-details .case-photo-list .stick-cont .photo-list .photo-item .clip .clip-2{height:100%;filter:drop-shadow(4px 2px 0.5px #00000088)}.case-details .case-photo-list .stick-cont .photo-list .photo-item .clip .clip-1{rotate:calc(var(--seed) * 0.04deg);position:absolute;left:10rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item .clip .clip-2{rotate:calc(var(--seed) * -0.04deg);position:absolute;right:10rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item .image{top:-3.6rem;opacity:1;transition-delay:200ms;transition-duration:800ms;position:relative;overflow:hidden;background:white;transform-origin:50% 0;rotate:calc((var(--seed) - 50) * 0.04deg);margin:0 3.2rem;box-shadow:0 0 64px 4px #00000011;padding:3.2rem 3.2rem 5.2rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item .image .text{max-width:80%;max-height:60%;position:absolute;font-family:"long-cang", serif;font-size:3.6rem;right:2.4rem;bottom:1.8rem;transform:translateX(calc(var(--seed) * 0.1px)) translateY(calc(var(--seed) * 0.1px)) rotate(calc(var(--seed) * -0.05deg))}.case-details .case-photo-list .stick-cont .photo-list .photo-item .image::after{transition-duration:600ms;content:"";position:absolute;width:1600px;height:800px;background-image:linear-gradient(#ffffff21 95%, #ffffff00 100%);left:-400px;top:-800px;rotate:-20deg;animation-name:light-burl;animation-duration:1600ms}.case-details .case-photo-list .stick-cont .photo-list .photo-item .image img{width:100%}.case-details .case-photo-list .stick-cont .photo-list .photo-item:hover{animation-name:hover;animation-duration:500ms}.case-details .case-photo-list .stick-cont .photo-list .photo-item:hover .image::after{top:-700px;animation-name:light-hover;animation-duration:500ms}@keyframes light-hover{0%{top:-800px}60%{top:-660px}100%{top:-700px}}@keyframes light-burl{0%{top:-700px}15%{top:-880px}30%{top:-730px}45%{top:-840px}60%{top:-750px}75%{top:-820px}90%{top:-800px}}@keyframes hover{0%{transform:rotate3d(1, 0, 0, 0deg)}60%{transform:rotate3d(1, 0, 0, 6deg)}100%{transform:rotate3d(1, 0, 0, 4deg)}}@keyframes burl{0%{transform:rotate3d(1, 0, 0, 4deg)}15%{transform:rotate3d(1, 0, 0, -3deg)}30%{transform:rotate3d(1, 0, 0, 2deg)}45%{transform:rotate3d(1, 0, 0, -1deg)}60%{transform:rotate3d(1, 0, 0, 0.5deg)}75%{transform:rotate3d(1, 0, 0, -0.2deg)}90%{transform:rotate3d(1, 0, 0, 0deg)}}.case-details .case-details-info{padding:12rem 36rem;position:relative;background-size:cover;color:#FFFFFF;display:flex}.case-details .case-details-info .case-m-box{height:100%;width:100%;background-color:rgba(0,0,0,0.6);left:0;top:0;position:absolute;z-index:1}.case-details .case-details-info .case-title{padding-right:2.4rem;z-index:2;flex:1}.case-details .case-details-info .case-title .title{font-size:4.8rem;font-weight:bold}.case-details .case-details-info .case-title .desc{margin-top:6.4rem;font-size:2.4rem}.case-details .case-details-info .case-title .case-tag{display:grid;width:74rem;margin-top:6rem;grid-template-columns:13rem 13rem 13rem 13rem;grid-gap:2.4rem 6.5rem}.case-details .case-details-info .case-title .case-tag .tag-item{display:flex;flex-direction:column}.case-details .case-details-info .case-title .case-tag .tag-item>div:first-child{color:#FCA695;font-size:4.8rem}.case-details .case-details-info .case-title .case-tag .tag-item>div:last-child{font-size:1.6rem;margin-top:.8rem}.case-details .case-details-info .case-title .case-num-list{width:100%;max-width:78.2rem;display:flex;flex-wrap:wrap;grid-gap:2.5rem;margin:5rem 0 0}.case-details .case-details-info .case-title .case-num-list .case-num-item{width:calc((100% - 5rem) / 3);text-align:center;padding:2.2rem 1.2rem;background-color:#0058DB;border-radius:1.5rem}.case-details .case-details-info .case-title .case-num-list .case-num-item .case-num-title{font-weight:500;font-size:1.6rem;color:#FFFFFF;line-height:1.2;margin:0 0 2rem}.case-details .case-details-info .case-title .case-num-list .case-num-item .case-num-number{display:flex;align-items:flex-end;justify-content:center;color:#fff}.case-details .case-details-info .case-title .case-num-list .case-num-item .case-num-number .num-text{font-weight:600;font-size:8.8rem;line-height:1}.case-details .case-details-info .case-title .case-num-list .case-num-item .case-num-number .num-unit{font-size:2.4rem;line-height:1;font-weight:500}.case-details .case-details-info .case-info{width:36.8rem;z-index:2;background-color:#FFFFFF;color:#061331;padding:2.4rem;border-radius:1.2rem;max-width:100%}.case-details .case-details-info .case-info img{width:13.4rem;height:auto;display:block;margin:0 auto}.case-details .case-details-info .case-info>div{margin-top:1.4rem}.case-details .case-content-box{width:100%;padding:6rem 35.4rem;display:flex;flex-wrap:wrap;grid-gap:6.4rem}.case-details .case-content-box .case-content{padding:0;flex:1}.case-details .case-content-box .case-content-right{width:42rem;display:flex;align-items:flex-start}.case-details .case-content-box .case-content-right .right-box{position:sticky;top:11rem;width:100%;height:auto}.case-details .case-content-box .case-content-right .right-box .case-tag-box{width:100%;overflow:hidden;box-shadow:0 0 2px 1px #f5f6f8;border-radius:1rem;padding:2.4rem 2.4rem 3.2rem;background-color:#fff;margin-bottom:2.4rem}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-title{margin:0 0 .8rem;font-weight:400;font-size:1.6rem;color:#7D7D7D;line-height:2;letter-spacing:.1rem}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-menu-list{width:100%;display:flex;flex-direction:column;margin:0 0 1.8rem}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-menu-list .menu-item{max-width:100%;font-size:1.6rem;line-height:1.5;color:#535353;padding:.8rem 0;transition:all 0.3s ease}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-menu-list .menu-item:hover,.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-menu-list .menu-item.active{color:#2869ff;cursor:pointer}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-btn{background-color:#2869ff;color:#fff;border-radius:.6rem;padding:1.2rem 2rem;font-size:1.6rem;font-weight:500;line-height:1.5;transition:.3s all;max-width:100%;display:inline-block}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-btn:hover{cursor:pointer;background-color:#1943a5}.case-details .project-owl-module{padding:6rem 35.4rem}.case-details .project-owl-module .outter{position:relative}.case-details .project-owl-module .outter .nav-list{z-index:1;user-select:none;position:absolute;transform:translateY(-50%);top:50%;left:2rem;display:flex;flex-direction:column;grid-gap:.8rem}.case-details .project-owl-module .outter .nav-list .dot-list{display:flex;flex-direction:column;grid-gap:.8rem}.case-details .project-owl-module .outter .nav-list .dot-list .dot-item{cursor:pointer;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center}.case-details .project-owl-module .outter .nav-list .dot-list .dot-item .out{transition-duration:300ms;border:.1rem solid #ffffff00;border-radius:50%}.case-details .project-owl-module .outter .nav-list .dot-list .dot-item .out .in{transition-duration:300ms;width:.8rem;height:.8rem;background-color:white;border-radius:50%}.case-details .project-owl-module .outter .nav-list .dot-list .dot-item.active .out{padding:.6rem;border-color:#ffffffff}.case-details .project-owl-module .outter .nav-list .dot-list .dot-item.active .out .in{background-color:#2869ff}.case-details .project-owl-module .outter .nav-list .prev,.case-details .project-owl-module .outter .nav-list .next{cursor:pointer;width:2.2rem;height:2.2rem;color:white;display:flex;align-items:center;justify-content:center}.case-details .project-owl-module .main-image{margin-top:4rem;margin-bottom:-6rem}.case-details .project-owl-module .main-image .owl-dots{display:none}.case-details .project-owl-module .main-image .item{position:relative;overflow:hidden;aspect-ratio:21/9}.case-details .project-owl-module .main-image .item .image-wrapper{width:100%;height:100%;overflow:hidden}.case-details .project-owl-module .main-image .item .image-wrapper img{width:100%;height:100%;object-fit:cover}.case-details .project-owl-module .main-image .item .overlay{padding:0 20rem;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:flex-start}.case-details .project-owl-module .main-image .item .overlay .title{color:#fff;font-size:var(--f-s-48);text-align:left;font-weight:400}.case-details .project-owl-module .thumbnail-wrapper{width:90%;margin:0 auto;position:relative;z-index:2}.case-details .project-owl-module .thumbnail-wrapper .thumbnails{display:flex;gap:1.5rem;justify-content:center}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb{transition-duration:300ms;position:relative;overflow:hidden;width:21rem;height:13rem;cursor:pointer}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb .image-wrapper{width:100%;height:100%;overflow:hidden}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb .image-wrapper img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb .overlay{border:solid .2rem transparent;padding:1.2rem 0;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;align-items:flex-end;justify-content:center;transition:all 0.3s ease}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb .overlay .title{color:#fff;font-size:var(--f-s-16);text-align:center}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb:hover .overlay{background:rgba(0,0,0,0.5)}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb:hover .image-wrapper img{transform:scale(1.05)}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb.active{transform:scale(1.1)}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb.active .overlay{border:solid .2rem #2869ff}.case-details .project-owl-module .itemIn{animation-name:item-in;animation-duration:2000ms}.case-details .project-owl-module .itemIn:nth-child(4n){transform-origin:0 50%}.case-details .project-owl-module .itemIn:nth-child(4n-1){transform-origin:100% 50%}.case-details .project-owl-module .itemIn:nth-child(4n-2){transform-origin:50% 0}.case-details .project-owl-module .itemIn:nth-child(4n-3){transform-origin:50% 100%}.case-details .project-owl-module .itemOut{animation-name:item-out;animation-duration:2000ms}@keyframes item-in{from{scale:1.5;opacity:0}to{scale:1;opacity:1}}@keyframes item-out{from{scale:1;opacity:1}to{scale:1.1;opacity:0}}.case-details .recent-news-module{padding:6rem 35.4rem}.case-details .recent-news-module .news-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:4rem;justify-content:center}.case-details .recent-news-module .news-list .news-item{width:100%;aspect-ratio:3 / 2;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.case-details .recent-news-module .news-list .news-item:before{position:absolute;width:100%;height:100%;top:0;left:0;content:'';background-color:#000000;opacity:0;z-index:4;transition:.3s ease}.case-details .recent-news-module .news-list .news-item:hover:before{opacity:.4}.case-details .recent-news-module .news-list .news-item:hover .content-box{transform:translateY(0);opacity:1}.case-details .recent-news-module .news-list .news-item .news-title{position:absolute;bottom:0;width:100%;font-size:2.4rem;padding:1rem 2rem;background-color:rgba(40,40,40,0.57);color:#FFFFFF;z-index:5;display:flex;justify-content:center}.case-details .recent-news-module .news-list .news-item .news-title>span{color:#ffffff;width:fit-content}.case-details .recent-news-module .news-list .news-item .background-img{position:absolute;top:0;left:0;width:100%;height:100%}.case-details .recent-news-module .news-list .news-item .background-img>img{width:100%;height:100%;object-fit:cover;object-position:top}.case-details .recent-news-module .news-list .news-item .content-box{position:relative;width:100%;color:#FFFFFF;font-size:1.8rem;line-height:1.6;padding:2.4rem;opacity:0;transform:translateY(100px);transition:.3s ease;z-index:5}.case-details .case-card-list-module .owl-height{height:auto !important}.case-details .case-card-list-module .module-width{padding:6rem 35.4rem}.case-details .case-card-list-module .module-width .card-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2.4rem}.case-details .case-card-list-module .module-width .card-list .item{min-height:27rem;padding:2.4rem 4.6rem 4rem;background-color:#FFFFFF;box-shadow:0 0 1rem 0 rgba(0,0,0,0.15);border-radius:1rem;transition:.3s ease}.case-details .case-card-list-module .module-width .card-list .item:hover{background-color:#2969ff}.case-details .case-card-list-module .module-width .card-list .item:hover .number-box{color:#FFFFFF}.case-details .case-card-list-module .module-width .card-list .item:hover .desc{color:#FFFFFF}.case-details .case-card-list-module .module-width .card-list .item .number-box{margin-bottom:2rem;transition:.3s ease;font-size:4rem;font-weight:bold;color:#2969ff}.case-details .case-card-list-module .module-width .card-list .item .desc{line-height:1.2;color:#000000;transition:.3s ease;font-size:2.4rem;font-weight:bold}@media (max-width: 992px){.case-details .case-photo-list .stick-cont .photo-list .line{top:1.6rem;height:.8rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer .photo-item{width:80vw}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer .photo-item .clip{height:6rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer .photo-item .clip-1{left:6rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer .photo-item .clip-2{right:6rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer .photo-item .image{top:-1.6rem;margin:0 1.6rem;padding:1.6rem 1.6rem 3.2rem}.case-details .case-photo-list .stick-cont .photo-list .photo-item-outer .photo-item .image .text{font-size:1.8rem}.case-details .case-details-info{padding:6.4rem 1.4rem;display:flex;flex-direction:column;background-position:center}.case-details .case-details-info .case-title{padding:0}.case-details .case-details-info .case-title .title{font-size:3.2rem}.case-details .case-details-info .case-title .desc{margin-top:4rem;font-size:2rem}.case-details .case-details-info .case-title .case-tag{display:flex;flex-direction:column;align-items:center;width:auto}.case-details .case-details-info .case-title .case-tag .tag-item{align-items:center}.case-details .case-details-info .case-title .case-num-list{max-width:100%;grid-gap:2.4rem 2rem;margin:3.2rem 0 0}.case-details .case-details-info .case-title .case-num-list .case-num-item{width:calc(50% - 1rem);padding:1.8rem 1rem;display:flex;flex-direction:column-reverse;grid-gap:1.6rem;justify-content:flex-end}.case-details .case-details-info .case-title .case-num-list .case-num-item .case-num-title{font-size:1.4rem;margin:0}.case-details .case-details-info .case-title .case-num-list .case-num-item .case-num-number .num-text{font-size:6rem}.case-details .case-details-info .case-title .case-num-list .case-num-item .case-num-number .num-unit{font-size:2rem;line-height:1.2}.case-details .case-details-info .case-info{margin-top:3.2rem}.case-details .case-content-box{padding:4rem 1.4rem;flex-direction:column-reverse;grid-gap:2.4rem}.case-details .case-content-box .case-content{padding:0;flex:1}.case-details .case-content-box .case-content-right{width:100%}.case-details .case-content-box .case-content-right .right-box{position:relative;top:0;width:100%}.case-details .case-content-box .case-content-right .right-box .case-tag-box{border-radius:.8rem;padding:1.6rem 1.4rem 2rem;margin-bottom:2rem}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-title{margin:0 0 1.2rem;font-size:1.4rem}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-menu-list{margin:0 0 1.6rem}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-menu-list .menu-item{font-size:1.4rem;padding:.4rem 0}.case-details .case-content-box .case-content-right .right-box .case-tag-box .tag-btn{padding:.8rem 1.6rem;font-size:1.4rem}.case-details .project-owl-module{padding:4rem 1.5rem}.case-details .project-owl-module .outter .nav-list{left:.4rem}.case-details .project-owl-module .main-image{width:100%;margin-bottom:1rem}.case-details .project-owl-module .main-image .item{aspect-ratio:2/3}.case-details .project-owl-module .main-image .item .overlay{padding:0 3rem}.case-details .project-owl-module .main-image .item .overlay .title{font-size:var(--f-s-32)}.case-details .project-owl-module .thumbnail-wrapper{width:100%;height:auto}.case-details .project-owl-module .thumbnail-wrapper .thumbnails{gap:.8rem;overflow-x:auto;justify-content:flex-start;padding:0;scrollbar-width:none}.case-details .project-owl-module .thumbnail-wrapper .thumbnails::-webkit-scrollbar{display:none}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb{width:calc(50% - .4rem);height:10rem;flex:0 0 auto}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb .overlay .title{font-size:var(--f-s-14)}.case-details .project-owl-module .thumbnail-wrapper .thumbnails .thumb.active{transform:scale(1)}.case-details .case-card-list-module .module-width{padding:0 1.5rem}.case-details .case-card-list-module .module-width .card-list{display:flex;flex-direction:column;grid-template-columns:unset;grid-gap:2rem}.case-details .case-card-list-module .module-width .card-list .item{width:100%;min-height:unset}.case-details .case-card-list-module .module-width .card-list .item .number-box{margin-bottom:1rem;font-size:3rem}.case-details .case-card-list-module .module-width .card-list .item .desc{font-size:1.8rem}}