.case-container[data-v-031a285c]{width:100%}.case-container .layout-banner[data-v-031a285c]{height:100vh;display:flex;justify-content:center;overflow:hidden;align-items:center}.case-container .layout-banner img[data-v-031a285c]{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-031a285c 3s ease-out forwards}.case-container .layout-banner .title[data-v-031a285c]{z-index:2;font-size:3rem;color:#fff;font-weight:700;letter-spacing:2px}.case-container .case-content[data-v-031a285c]{margin-top:2.375rem}.case-container .case-content .tab-wrapper[data-v-031a285c]{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}.case-container .case-content .tab-wrapper .tab-item[data-v-031a285c]{cursor:pointer}.case-container .case-content .tab-item[data-v-031a285c]:not(:last-child){margin-right:5rem}.case-container .case-content .active-tab[data-v-031a285c]{color:#2372e9;font-weight:700;position:relative}.case-container .case-content .active-tab[data-v-031a285c]:after{content:"";position:absolute;width:100%;left:0;bottom:0;height:2px;background:#2372e9}.case-container .case-content .case-box[data-v-031a285c]{max-width:var(--main-width);width:84%;margin:0 auto 9rem}.case-container .case-content .case-box .case-row[data-v-031a285c]{display:flex;height:25.68rem;margin-bottom:2.3rem}.case-container .case-content .case-box .case-row .bg[data-v-031a285c]{background-color:#f5f7fa;padding:2.75rem 5.93rem 3.25rem 2.812rem;box-sizing:border-box;width:38.5rem}.case-container .case-content .case-box .case-row img[data-v-031a285c]{transition:all .2s}.case-container .case-content .case-box .case-row .case-row-left[data-v-031a285c],.case-container .case-content .case-box .case-row .case-row-right[data-v-031a285c]{overflow:hidden}.case-container .case-content .case-box .case-row .case-text[data-v-031a285c]{padding-top:5.25rem}.case-container .case-content .case-box .case-row .case-title[data-v-031a285c]{font-size:1.75rem;font-weight:700;letter-spacing:1px;color:#333;margin-bottom:3.312rem;position:relative;white-space:nowrap}.case-container .case-content .case-box .case-row .case-title[data-v-031a285c]:before{content:"";position:absolute;left:0;bottom:-30px;width:30px;transition:all .3s;height:1px;background:#d9d9d9}.case-container .case-content .case-box .case-row .case-value-row[data-v-031a285c]{display:flex;justify-content:space-between;margin-bottom:2.812rem}.case-container .case-content .case-box .case-row .case-value-row .value[data-v-031a285c]{font-size:1.5rem;font-weight:700;margin-bottom:5px;color:#333}.case-container .case-content .case-box .case-row .case-value-row .text[data-v-031a285c]{color:#666;font-size:.9rem}.case-container .case-content .case-box .case-row .case-desc[data-v-031a285c]{color:#888;margin-bottom:1.25rem;line-height:25px;letter-spacing:1px}.case-container .case-content .case-box .case-row .project-desc[data-v-031a285c]{line-height:25px;letter-spacing:1px}.case-container .case-content .case-box .case-row:hover img[data-v-031a285c]{transform:scale(1.1)}.case-container .case-content .case-box .case-row:hover .case-title[data-v-031a285c]:before{width:65px!important;background-color:#2372e9!important}.case-container .case-content .case-box .case-row:hover .case-title[data-v-031a285c],.case-container .case-content .case-box .case-row:hover .value[data-v-031a285c]{color:#2372e9!important}@keyframes zoomIn-031a285c{0%{transform:scale(1.1)}to{transform:scale(1)}}@media only screen and (max-width:1200px) and (min-width:768px){.case-box[data-v-031a285c]{width:100%!important}.case-box .case-row[data-v-031a285c]{height:auto!important;flex-wrap:wrap}.case-box .case-row .img-wrap[data-v-031a285c]{overflow:hidden;height:25.875rem;display:flex;justify-content:center;align-items:center}.case-box .case-row .img-wrap img[data-v-031a285c]{width:100%}.case-box .case-row .bg[data-v-031a285c]{width:100%!important}.case-box .case-row .case-row-left[data-v-031a285c],.case-box .case-row .case-row-right[data-v-031a285c]{width:100%}}@media only screen and (max-width:768px){[data-v-031a285c]:root{font-size:14px!important}.case-container .layout-banner[data-v-031a285c]{height:300px!important;justify-content:flex-start!important}.case-container .layout-banner>img[data-v-031a285c]{width:100%;height:100%;position:relative!important}.case-container .layout-banner .title[data-v-031a285c]{font-size:32px!important}.case-container .tab-wrapper[data-v-031a285c]{font-size:16px!important;justify-content:space-around!important}.case-container .tab-wrapper .tab-item[data-v-031a285c]{white-space:nowrap!important;margin-right:0!important}.case-container .case-content[data-v-031a285c]{padding:0 15px;margin-top:0!important}.case-container .case-content .case-box[data-v-031a285c]{width:100%!important}.case-container .case-content .case-box .case-row[data-v-031a285c]{height:auto!important;flex-wrap:wrap}.case-container .case-content .case-box .case-row .img-wrap[data-v-031a285c]{overflow:hidden;display:flex;justify-content:center;align-items:center}.case-container .case-content .case-box .case-row .img-wrap img[data-v-031a285c]{width:100%}.case-container .case-content .case-box .case-row .case-value-row[data-v-031a285c]{margin-bottom:20px}.case-container .case-content .case-box .case-row .case-desc[data-v-031a285c],.case-container .case-content .case-box .case-row .project-desc[data-v-031a285c]{line-height:17px}.case-container .case-content .case-box .case-row .case-title[data-v-031a285c]{font-size:16px;color:#2372e9;margin-bottom:31px}.case-container .case-content .case-box .case-row .case-title[data-v-031a285c]:before{bottom:-15px}.case-container .case-content .case-box .bg[data-v-031a285c]{width:100%!important;padding:20px!important;box-sizing:border-box}.case-container .case-content .case-box .case-row-left[data-v-031a285c],.case-container .case-content .case-box .case-row-right[data-v-031a285c]{width:100%}.case-container .value[data-v-031a285c]{font-size:15px!important}.case-container .case-text[data-v-031a285c]{padding-top:20px!important}}