.case-list ul {display: flex;flex-wrap: wrap; gap: 20px}
.case-list ul li { width:calc(33.33% - 20px); height: auto; /*overflow: hidden;*/ margin-bottom: 15px; position: relative;-webkit-transition:0.5s;transition:0.5s; /* overflow: hidden; */}
/* .case-list ul li:nth-child(3n) {margin-right:0;} */
.case-list ul li .img { overflow: hidden; width: 100%; height: 250px;
    border-radius: 10px;
    /*display: inherit;*/ justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ transition: 0.5s; }
.case-list ul li .img img {
    display: block;
    width: 100%;
    height: 100%; /* 高度自适应 */
    object-fit: contain; /* cover 保持比例并填充容器 */
    transition: all 0.3s;
}
.case-list ul li:hover .img img {
    object-fit: contain;
    /* -webkit-transform:scale(1.1);transform:scale(1.1); */
}
/* .case-list ul li .txt {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);
display: flex;align-items: center;justify-content: center;-webkit-transition:0.5s;transition:0.5s;} */
.case-list ul li .txt {
    /* position: absolute; left: 0; right: 0; bottom: -2rem; */
    display: flex;align-items: center;justify-content: center;-webkit-transition:0.5s;transition:0.5s;
    color: #333;
    text-align: center;
}
/* .case-list ul li .txt span {font-size: 18px;line-height: 18px;color: #fff;border-top: 1px solid rgba(255, 255, 255, 0.7);border-bottom: 1px solid rgba(255, 255, 255, 0.7);padding: 30px 0;width: 80%;text-align: center;} */
.case-list ul li:hover .img {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
/* .case-list ul li:hover .txt {opacity: 0;} */


@media (max-width: 768px) {
    .case-list ul li {
        width: calc(50% - 15px);
        margin-bottom: 15px;
    }
}