/* ===== 首页设备列表：卡片式（白卡 + contain 图 + 悬浮浮起） =====
   供各语种首页共用，避免在 index.css / index_en.css 里各维护一份 */
.mechanical-equipment .mk-eq-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.mechanical-equipment .mk-eq-i{
    display:block;
    padding:16px 16px 20px;
    background:#fff;
    border-radius:2px;
    transition:box-shadow .28s ease,transform .28s ease;
}
.mechanical-equipment .mk-eq-i:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px -16px rgba(11,20,32,.35);
}
.mechanical-equipment .mk-eq-img{
    position:relative;
    display:block;
    height:0;
    padding-top:80%;
    overflow:hidden;
    background:#fff;
}
.mechanical-equipment .mk-eq-img-in{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:transform .5s ease;
}
.mechanical-equipment .mk-eq-i:hover .mk-eq-img-in{
    transform:scale(1.05);
}
.mechanical-equipment .mk-eq-t{
    display:block;
    margin-top:16px;
    font-size:14.5px;
    font-weight:600;
    line-height:1.42;
    color:#20262e;
    text-align:center;
}
@media screen and (max-width:1199px){
    .mechanical-equipment .mk-eq-grid{
        gap:14px;
    }
}
@media screen and (max-width:991px){
    .mechanical-equipment .mk-eq-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media screen and (max-width:460px){
    .mechanical-equipment .mk-eq-grid{
        gap:10px;
    }
    .mechanical-equipment .mk-eq-i{
        padding:10px 10px 14px;
    }
    .mechanical-equipment .mk-eq-t{
        margin-top:10px;
        font-size:13px;
    }
}