body .header-background .title-wrapper{margin-top:70px}.service-case-list .img-link-icon{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:2;color:#fff;transition:all .5s ease .2s;width:44px;height:44px;border-radius:50%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center}.service-case-list .img-link-icon .iconfont{font-size:26px}.service-case-list .service-case-item:hover .img-link-icon{transform:translate(-50%, -50%) scale(1)}.service-case-list .service-case-wrapper{display:flex;flex-wrap:wrap;gap:24px}.service-case-list .service-case-wrapper .service-case-item{transition:all .3s ease;box-shadow:0 0 10px #ccc;width:calc(100% / 3 - 24px * 2 / 3)}.service-case-list .service-case-wrapper .service-case-item:hover img{transform:scale(1.1)}.service-case-list .service-case-wrapper .service-case-item:hover .content-wrapper .title{color:#fff}.service-case-list .service-case-wrapper .service-case-item:hover .content-wrapper::after{width:100%}.service-case-list .service-case-wrapper .service-case-item .image-wrapper{width:100%;aspect-ratio:4 / 3;overflow:hidden;position:relative}.service-case-list .service-case-wrapper .service-case-item .image-wrapper img,.service-case-list .service-case-wrapper .service-case-item .image-wrapper video{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.service-case-list .service-case-wrapper .service-case-item .content-wrapper{padding:12px;text-align:center;position:relative}.service-case-list .service-case-wrapper .service-case-item .content-wrapper::after{content:'';position:absolute;top:0;left:0;width:0;height:100%;transition:all .5s ease;background-color:var(--primary-color);z-index:-1}@media screen and (max-width:992px){body .header-background .title-wrapper{margin-top:0}.service-case-list .service-case-wrapper .service-case-item{width:100%}}