.cooperationcase-wrapper .case-list{display:flex;flex-wrap:wrap;--column:4;--gap:24px;gap:var(--gap)}.cooperationcase-wrapper .case-list .case-item{width:calc(100% / var(--column) - (var(--gap) * (var(--column) - 1) / var(--column)));box-shadow:0 0 8px rgba(35,35,35,0.11);border-radius:40px;aspect-ratio:1 / 1;overflow:hidden;position:relative}.cooperationcase-wrapper .case-list .case-item .image-box{width:100%;height:100%}.cooperationcase-wrapper .case-list .case-item .image-box img{width:100%;height:100%;object-fit:contain;transition:all .5s ease}.cooperationcase-wrapper .case-list .case-item .text-wrapper{position:absolute;left:0;bottom:0;width:100%;transform:translateY(110%);transition:all .5s ease;padding:12px;background:rgba(0,104,183,0.8)}.cooperationcase-wrapper .case-list .case-item .text-wrapper .title{text-align:center;color:#fff}.cooperationcase-wrapper .case-list .case-item .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}.cooperationcase-wrapper .case-list .case-item .img-link-icon .iconfont{font-size:26px}.cooperationcase-wrapper .case-list .case-item:hover .image-box img{transform:scale(1.2)}.cooperationcase-wrapper .case-list .case-item:hover .text-wrapper{transform:translateY(0)}.cooperationcase-wrapper .case-list .case-item:hover .img-link-icon{transform:translate(-50%, -50%) scale(1)}@media screen and (max-width:1400px){.cooperationcase-wrapper .case-list{--column:3}}@media screen and (max-width:1200px){.cooperationcase-wrapper .case-list{--column:2}}@media screen and (max-width:992px){.cooperationcase-wrapper .case-list{--gap:12px}.cooperationcase-wrapper .case-list .case-item{width:100%}.cooperationcase-wrapper .case-list .case-item .text-wrapper{transform:translateY(0)}}