.container[data-v-4bcb23fc]{display:flex;height:600px;width:100%}.box[data-v-4bcb23fc]{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:flex .3s ease}.box .mask[data-v-4bcb23fc]{background-color:transparent;left:0;position:absolute;top:0;transition:background-color .3s ease}.box .mask[data-v-4bcb23fc],.box img[data-v-4bcb23fc]{height:100%;width:100%}.box .service-title[data-v-4bcb23fc]{color:#fff;left:40px;position:absolute;top:48px;z-index:5}.box .service-btn[data-v-4bcb23fc]{background-color:var(--WH_100);bottom:48px;cursor:pointer;opacity:0;padding:13px 20px;position:absolute;right:84px;transition:opacity .3s ease;z-index:5}.box .service-btn .view-desc[data-v-4bcb23fc]{transform:translate(7%);transition:transform .3s ease}.box .service-btn .view-img[data-v-4bcb23fc]{opacity:0;transform:translate(0);transition:transform .3s ease}.box .service-btn .view-img img[data-v-4bcb23fc]{width:16px}.box .service-btn:hover .view-desc[data-v-4bcb23fc]{transform:translate(0)}.box .service-btn:hover .view-img[data-v-4bcb23fc]{opacity:1;transform:translate(20%)}.box:hover .mask[data-v-4bcb23fc]{background-color:#0006}.box:hover .service-btn[data-v-4bcb23fc]{opacity:1}.container-m img[data-v-4bcb23fc]{width:100%}.container-m .box[data-v-4bcb23fc]{height:400px}@media(max-width:560px){.box .service-btn[data-v-4bcb23fc]{opacity:1}}@media(max-width:1440px){.container[data-v-4bcb23fc]{height:400px}}@media(max-width:1280px){.service-btn[data-v-4bcb23fc]{height:48px;width:160px}}@media(min-width:1120.99px){.container-m[data-v-4bcb23fc]{display:none}}@media(max-width:1120px){.container[data-v-4bcb23fc]{display:none}}