.case-wrap[data-v-fe5fbd08]{background-color:#fff;container-type:inline-size;position:relative}.case-wrap .container[data-v-fe5fbd08]{padding:50px 0}.case-wrap .container .header[data-v-fe5fbd08]{position:relative;text-align:center}.case-wrap .container .header .title[data-v-fe5fbd08]{color:#2b2c2f;font-size:36px;font-weight:700;line-height:44px}.case-wrap .container .header .desc[data-v-fe5fbd08]{color:#545558;font-size:20px;line-height:28px;margin-top:15px}.case-wrap .container .contnt[data-v-fe5fbd08]{margin-top:60px}.case-wrap .container .contnt .tabs-box[data-v-fe5fbd08]{border-bottom:1px solid #e7e7e7;padding:0 100px}.case-wrap .container .contnt .tabs-box .tabs[data-v-fe5fbd08]{-moz-column-gap:50px;column-gap:50px;display:flex;justify-content:space-between;margin:0 auto;padding-bottom:25px;width:-moz-fit-content;width:fit-content}.case-wrap .container .contnt .tabs-box .tabs .item[data-v-fe5fbd08]{align-items:center;color:#bababa;cursor:pointer;display:flex;font-family:SourceHanSansCN;font-size:14px;font-weight:600;justify-content:center;margin:0 25px;position:relative}.case-wrap .container .contnt .tabs-box .tabs .item .line[data-v-fe5fbd08]{background-color:var(--tig-primary);bottom:-26px;height:2px;position:absolute;transition:transform .3s ease;width:0}.case-wrap .container .contnt .tabs-box .tabs .item .icon[data-v-fe5fbd08]{background-color:currentColor;display:inline-block;flex-shrink:0;height:16px;margin-right:8px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:16px}.case-wrap .container .contnt .tabs-box .tabs .item.active[data-v-fe5fbd08]{color:var(--tig-primary)}.case-wrap .container .contnt .tabs-box .tabs .item.active .line[data-v-fe5fbd08]{width:100%}.case-wrap .container .contnt .tabs-box .tabs .item .tab-title[data-v-fe5fbd08]{font-size:16px}.case-wrap .container .contnt .content-info[data-v-fe5fbd08]{align-items:center;display:flex;flex-wrap:wrap;margin-top:40px;min-height:500px;transition:opacity .3s ease}.case-wrap .container .contnt .content-info[data-v-fe5fbd08]:not([style*="display: none"]){opacity:1}.case-wrap .container .contnt .content-info[style*="display: none"][data-v-fe5fbd08]{opacity:0}.case-wrap .container .contnt .content-info .left[data-v-fe5fbd08]{aspect-ratio:16/10;background:#f5f5f5;border-radius:8px;line-height:0;overflow:hidden;position:relative;width:68%}.case-wrap .container .contnt .content-info .left img[data-v-fe5fbd08]{border-radius:8px;display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.case-wrap .container .contnt .content-info .right[data-v-fe5fbd08]{flex:1;padding:40px 0 40px 40px}.case-wrap .container .contnt .content-info .right .title[data-v-fe5fbd08]{color:#2b2c2f;font-size:24px;font-weight:700;line-height:32px;margin-bottom:20px}.case-wrap .container .contnt .content-info .right .label-box[data-v-fe5fbd08]{align-items:flex-start;color:#545558;display:flex;font-size:15px;line-height:26px;margin-bottom:10px}.case-wrap .container .contnt .content-info .right .label-box .icon[data-v-fe5fbd08]{color:var(--tig-primary);height:19px;margin-right:10px;margin-top:5px;width:19px}.case-wrap.product .container[data-v-fe5fbd08]{padding:0!important}.case-wrap.product .header .title[data-v-fe5fbd08]{font-size:32px;line-height:40px}.case-wrap.product .header .desc[data-v-fe5fbd08]{font-size:16px;line-height:24px}@media only screen and (max-width:1200px){.case-wrap .container[data-v-fe5fbd08]{padding:80px 30px}}@media only screen and (max-width:1000px){.content-info .left[data-v-fe5fbd08]{padding:20px;width:100%!important}.tabs-box[data-v-fe5fbd08]{padding:0!important}.case-wrap .container .contnt .tabs-box .tabs .item .icon[data-v-fe5fbd08]{margin-right:5px}.case-wrap .container .contnt .tabs-box .tabs[data-v-fe5fbd08]{-moz-column-gap:20px;column-gap:20px;padding-bottom:15px}.case-wrap .container .contnt .tabs-box .tabs .item[data-v-fe5fbd08]{font-size:12px;margin:0 10px}.case-wrap .container .contnt .tabs-box .tabs .item .line[data-v-fe5fbd08]{bottom:-16px}}@media only screen and (max-width:767px){.case-wrap .container[data-v-fe5fbd08]{padding:60px 20px}.case-wrap .container .contnt .tabs-box .tabs .item .tab-title[data-v-fe5fbd08]{display:none}.case-wrap .container .header .title[data-v-fe5fbd08]{font-size:24px}.case-wrap .container .header .desc[data-v-fe5fbd08]{font-size:14px}}
