.case-container[data-v-21aad2c6]{width:100%}.case-container .layout-banner[data-v-21aad2c6]{height:100vh;display:flex;justify-content:center;overflow:hidden;align-items:center}.case-container .layout-banner img[data-v-21aad2c6]{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:1;transition:transform .3s ease-out;animation:zoomIn-21aad2c6 3s ease-out forwards}.case-container .layout-banner .title[data-v-21aad2c6]{z-index:2;font-size:3rem;color:#fff;font-weight:700;letter-spacing:2px}.case-container .case-content[data-v-21aad2c6]{margin-top:2.375rem}.case-container .case-content .tab-wrapper[data-v-21aad2c6]{display:flex;font-size:1.25rem;height:4.5rem;line-height:4.5rem;margin-bottom:3.372rem;justify-content:center;border-bottom:1px solid #f2f2f2;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.case-container .case-content .tab-wrapper[data-v-21aad2c6]::-webkit-scrollbar{display:none}.case-container .case-content .tab-wrapper .tab-item[data-v-21aad2c6]{cursor:pointer;flex-shrink:0;white-space:nowrap}.case-container .case-content .tab-item[data-v-21aad2c6]:not(:last-child){margin-right:5rem}.case-container .case-content .active-tab[data-v-21aad2c6]{color:#2372e9;font-weight:700;position:relative}.case-container .case-content .active-tab[data-v-21aad2c6]:after{content:"";position:absolute;width:100%;left:0;bottom:0;height:2px;background:#2372e9}.case-container .case-content .case-box[data-v-21aad2c6]{max-width:var(--main-width);width:84%;margin:0 auto 9rem}.case-container .case-content .case-box .case-row[data-v-21aad2c6]{display:flex;align-items:stretch;min-height:clamp(220px,29vw,25.68rem);margin-bottom:2.3rem}.case-container .case-content .case-box .case-row .case-row-left[data-v-21aad2c6],.case-container .case-content .case-box .case-row .case-row-right[data-v-21aad2c6]{overflow:hidden;flex:0 0 50%;width:50%;max-width:50%;display:flex;flex-direction:column}.case-container .case-content .case-box .case-row .bg[data-v-21aad2c6]{background-color:#f5f7fa;padding:clamp(1.25rem,2.5vw,2.75rem) clamp(1.25rem,2.5vw,3rem) clamp(1.5rem,2.5vw,3.25rem) clamp(1.25rem,2.5vw,2.812rem);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.case-container .case-content .case-box .case-row .img-wrap[data-v-21aad2c6]{flex:1;width:100%;min-height:clamp(220px,29vw,25.68rem);overflow:hidden}.case-container .case-content .case-box .case-row .img-wrap img[data-v-21aad2c6]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.case-container .case-content .case-box .case-row .case-text[data-v-21aad2c6]{flex:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%}.case-container .case-content .case-box .case-row .case-title[data-v-21aad2c6]{font-size:clamp(1rem,1.5vw,1.75rem);font-weight:700;letter-spacing:1px;color:#333;margin-bottom:clamp(1.25rem,3vw,3.312rem);position:relative}.case-container .case-content .case-box .case-row .case-title[data-v-21aad2c6]:before{content:"";position:absolute;left:0;bottom:clamp(-12px,-1.5vw,-30px);width:30px;transition:all .3s;height:1px;background:#d9d9d9}.case-container .case-content .case-box .case-row .case-value-row[data-v-21aad2c6]{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:clamp(2rem,4vw,5rem);margin-bottom:clamp(1rem,2.5vw,2.812rem)}.case-container .case-content .case-box .case-row .case-value-row .case-column[data-v-21aad2c6]{flex:0 0 auto}.case-container .case-content .case-box .case-row .case-value-row .value[data-v-21aad2c6]{font-size:clamp(1rem,1.3vw,1.5rem);font-weight:700;margin-bottom:5px;color:#333}.case-container .case-content .case-box .case-row .case-value-row .text[data-v-21aad2c6]{color:#666;font-size:clamp(.75rem,.9vw,.9rem)}.case-container .case-content .case-box .case-row .case-desc[data-v-21aad2c6]{color:#888;margin-bottom:clamp(.75rem,1.5vw,1.25rem);line-height:1.6;letter-spacing:1px;font-size:clamp(.8125rem,.95vw,1rem)}.case-container .case-content .case-box .case-row .project-desc[data-v-21aad2c6]{line-height:1.6;letter-spacing:1px;font-size:clamp(.8125rem,.95vw,1rem)}.case-container .case-content .case-box .case-row:hover .case-title[data-v-21aad2c6]:before{width:65px!important;background-color:#2372e9!important}.case-container .case-content .case-box .case-row:hover .case-title[data-v-21aad2c6],.case-container .case-content .case-box .case-row:hover .value[data-v-21aad2c6]{color:#2372e9!important}@keyframes zoomIn-21aad2c6{0%{transform:scale(1.1)}to{transform:scale(1)}}@media only screen and (max-width:1200px){.case-container .case-content .tab-wrapper[data-v-21aad2c6]{font-size:clamp(.875rem,2vw,1.125rem);height:auto;line-height:3.5rem;margin-bottom:2rem;justify-content:flex-start}.case-container .case-content .tab-wrapper .tab-item[data-v-21aad2c6]:not(:last-child){margin-right:clamp(1.5rem,4vw,3rem)}.case-container .case-content .case-box[data-v-21aad2c6]{width:100%!important;margin-bottom:4rem}.case-container .case-content .case-box .case-row[data-v-21aad2c6]{min-height:auto;flex-wrap:wrap;margin-bottom:1.5rem}.case-container .case-content .case-box .case-row .case-row-left[data-v-21aad2c6],.case-container .case-content .case-box .case-row .case-row-right[data-v-21aad2c6]{flex:0 0 100%;width:100%;max-width:100%}.case-container .case-content .case-box .case-row .img-wrap[data-v-21aad2c6]{flex:none;width:100%;min-height:auto;height:clamp(200px,45vw,25.875rem)}.case-container .case-content .case-box .case-row .case-text[data-v-21aad2c6]{flex:none;width:100%}.case-container .case-content .case-box .case-row .bg[data-v-21aad2c6]{width:100%!important;padding:clamp(1.25rem,4vw,2rem)!important}}@media only screen and (max-width:768px){.case-container .layout-banner[data-v-21aad2c6]{height:300px!important;justify-content:flex-start!important}.case-container .layout-banner>img[data-v-21aad2c6]{width:100%;height:100%;position:relative!important}.case-container .layout-banner .title[data-v-21aad2c6]{font-size:32px!important}.case-container .case-content[data-v-21aad2c6]{padding:0 15px;margin-top:0!important}.case-container .case-content .tab-wrapper[data-v-21aad2c6]{font-size:14px!important;line-height:3rem;justify-content:flex-start!important;margin-left:-15px;margin-right:-15px;padding:0 15px}.case-container .case-content .tab-wrapper .tab-item[data-v-21aad2c6]:not(:last-child){margin-right:32px!important}.case-container .case-content .case-box[data-v-21aad2c6]{width:100%!important;margin-bottom:3rem}.case-container .case-content .case-box .case-row .img-wrap[data-v-21aad2c6]{height:clamp(180px,56vw,260px)}.case-container .case-content .case-box .case-row .case-title[data-v-21aad2c6]{font-size:16px;color:#2372e9;margin-bottom:24px}.case-container .case-content .case-box .case-row .case-title[data-v-21aad2c6]:before{bottom:-12px}.case-container .case-content .case-box .case-row .case-value-row[data-v-21aad2c6]{margin-bottom:16px;gap:24px}.case-container .case-content .case-box .case-row .case-desc[data-v-21aad2c6],.case-container .case-content .case-box .case-row .project-desc[data-v-21aad2c6]{line-height:1.5;font-size:14px}.case-container .case-content .case-box .case-row .value[data-v-21aad2c6]{font-size:15px!important}.case-container .case-content .case-box .case-row .bg[data-v-21aad2c6]{padding:20px!important}}