[data-v-4ef97bf2]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-4ef97bf2]:root{--header-height:60px;--sticky-top-ad-height:63px}}.box-container[data-v-4ef97bf2]{margin:0 auto;max-width:1440px;padding:1.6rem 20px 2.4rem}.box-container .header[data-v-4ef97bf2]{text-align:center}.box-container .header .section-desc[data-v-4ef97bf2]{margin:48px auto 0;max-width:900px}.box-container .section-container[data-v-4ef97bf2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:64px auto 0;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;aspect-ratio:2.68714012;gap:10px}.box-container .section-container .case-item[data-v-4ef97bf2]{position:relative;-webkit-box-flex:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.24rem;cursor:pointer;-ms-flex:1;flex:1;height:100%;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}.box-container .section-container .case-item.more[data-v-4ef97bf2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:"Inter-ExtraBold";font-size:.29rem;font-weight:400;line-height:.35rem}.box-container .section-container .case-item .mask[data-v-4ef97bf2]{background:hsla(0,0%,100%,.5);height:100%;left:0;position:absolute;top:0;width:100%}.box-container .section-container .case-item.active[data-v-4ef97bf2]{-webkit-box-flex:6.87;-ms-flex:6.87;flex:6.87}.box-container .section-container .case-item.active .case-title[data-v-4ef97bf2],.box-container .section-container .case-item.active .tags-container[data-v-4ef97bf2]{opacity:1}.box-container .section-container .case-item.active .mask[data-v-4ef97bf2]{height:0;width:0}.box-container .section-container .case-item .case-title[data-v-4ef97bf2]{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background:linear-gradient(180deg,#000,transparent);color:#fff;font-family:"Inter-Bold";font-size:.2rem;font-weight:400;height:1.67rem;line-height:.3rem;opacity:0;padding:.16rem .4rem 0;text-shadow:0 2px 4px rgba(0,0,0,.25);width:100%}.box-container .section-container .case-item .tags-container[data-v-4ef97bf2]{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.2rem;left:0;opacity:0;padding:0 .4rem .44rem;position:absolute;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.87)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.87))}.box-container .section-container .case-item .tags-container .case-tag[data-v-4ef97bf2]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:30%}.box-container .section-container .case-item .tags-container .case-tag .title[data-v-4ef97bf2]{color:hsla(0,0%,100%,.5);font-family:"Inter-Regular";font-size:.14rem;font-weight:400;line-height:.17rem}.box-container .section-container .case-item .tags-container .case-tag .content[data-v-4ef97bf2]{color:#fff;font-family:"Inter-SemiBold";font-size:.16rem;line-height:.24rem}.box-container .section-container .case-item .tags-container .case-tag .overflow-ellipsis[data-v-4ef97bf2]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-container .stories-container[data-v-4ef97bf2]{overflow:hidden;width:100%}.box-container .case-studies_swiper[data-v-4ef97bf2],.box-container .wap-more[data-v-4ef97bf2]{display:none}@media screen and (max-width:1024px){.box-container[data-v-4ef97bf2]{padding:1.6rem .41rem 2.4rem;width:100%}.box-container .header[data-v-4ef97bf2]{color:#333;text-align:left}.box-container .header .section-desc[data-v-4ef97bf2]{margin:.64rem 0 0}.box-container .section-container[data-v-4ef97bf2]{display:none;width:100%}.box-container .case-studies_swiper[data-v-4ef97bf2]{display:block;height:auto;padding-top:1.15rem}.box-container .case-studies_swiper[data-v-4ef97bf2] .swiper-slide{border-radius:.16rem}.box-container .case-studies_swiper_item[data-v-4ef97bf2]{border-radius:.16rem;-webkit-box-shadow:0 9px 17px 0 rgba(0,0,0,.15);box-shadow:0 9px 17px 0 rgba(0,0,0,.15);height:7.69rem;width:5.42rem}.box-container .case-studies_swiper_item>img[data-v-4ef97bf2]{border-radius:.16rem .16rem 0 0;height:3.05rem;-o-object-fit:cover;object-fit:cover;width:100%}.box-container .case-studies_swiper_item_content[data-v-4ef97bf2]{padding:.4rem .4rem 0}.box-container .case-studies_swiper_item_content .title[data-v-4ef97bf2]{display:-webkit-box;font-family:"Inter-Bold";font-size:.28rem;height:1.26rem;line-height:1.5;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#333;letter-spacing:-.03px;text-overflow:ellipsis}.box-container .case-studies_swiper_item_content .attrs[data-v-4ef97bf2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.4rem}.box-container .case-studies_swiper_item_content .attrs .attr[data-v-4ef97bf2]{margin-top:.15rem;width:45%}.box-container .case-studies_swiper_item_content .attrs .attr .label[data-v-4ef97bf2]{color:#999;display:-webkit-box;font-size:.24rem;line-height:1.2;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.box-container .case-studies_swiper_item_content .attrs .attr .value[data-v-4ef97bf2]{display:-webkit-box;font-family:"Inter-SemiBold";font-size:.24rem;height:.72rem;line-height:1.5;margin-top:.04rem;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;text-overflow:ellipsis}.box-container .wap-more[data-v-4ef97bf2]{color:#333;display:block;font-family:"Inter-Bold";font-size:.3rem;line-height:1.2;padding-top:.8rem;text-align:center;-webkit-text-decoration:underline;text-decoration:underline}.box-container .swiper-pagination-bullets[data-v-4ef97bf2]{padding-top:.4rem;position:static}.box-container .swiper-pagination[data-v-4ef97bf2]{font-size:0;margin-top:.4rem}.box-container[data-v-4ef97bf2] .swiper-pagination-bullet{background:rgba(0,0,0,.8);border-radius:.04rem;height:.08rem;width:.32rem}.box-container[data-v-4ef97bf2] .swiper-pagination-bullet-active{background:#ffa844;width:.64rem}}