/* 证书图片网格布局 - 一行4个，显示2行 */
.certificate-list-n120m-1 {
    position: relative;
    margin: 0 0 30px 0;
}

.certificate-list-n120m-1 .certificate-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

.certificate-list-n120m-1 .item {
    width: 100%;
    position: relative;
}

.certificate-list-n120m-1 .item .blk {
    border: 1px solid #f2f2f2;
    -webkit-transition: border .5s;
    -moz-transition: border .5s;
    -o-transition: border .5s;
    transition: border .5s;
    overflow: hidden;
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 66.67%; /* 保持原有的3:2比例 */
}

.certificate-list-n120m-1 .item .blk .square-cont {
    position: absolute;
    width: 100%;
    height: 100%;
}

.certificate-list-n120m-1 .item .blk .cover-image > span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.certificate-list-n120m-1 .item .blk .cover-image > span > img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
}

.certificate-list-n120m-1 .item .blk .cover-image img {
    transition: all .5s;
    width: 100%;
    height: 100%;
}

.certificate-list-n120m-1 .item .title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.576;
    text-align: center;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #505050;
    margin: 0;
    padding: 8px;
    text-decoration: none;
}

.certificate-list-n120m-1 .item:hover .blk {
    border: 1px solid #015a9f;
}

.certificate-list-n120m-1 .item:hover .title {
    color: #015a9f;
}

.certificate-list-n120m-1 .item:hover img {
    transform: scale(1.1, 1.1);
}

/* 响应式设计 - 自适应屏幕 */
@media (max-width: 1200px) {
    .certificate-list-n120m-1 .certificate-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }
}

@media (max-width: 992px) {
    .certificate-list-n120m-1 .certificate-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .certificate-list-n120m-1 {
        margin: 0 0 40px 0;
    }
    
    .certificate-list-n120m-1 .certificate-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .certificate-list-n120m-1 .certificate-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
}