/* 分类页面3列布局样式 - 覆盖原有4列布局 */
.mian_cnter .ming_ldr dl {
    width: 32% !important; /* 改为3列布局，每列约32%宽度 */
    margin-right: 2% !important; /* 列间距 */
    margin-bottom: 30px !important;
    display: inline-table !important;
    float: left !important;
}

.mian_cnter .ming_ldr dl:nth-child(3n) {
    margin-right: 0px !important; /* 每行第3个元素右边距为0 */
}

.mian_cnter .ming_ldr dl:nth-child(4n) {
    margin-right: 2% !important; /* 重置4n的样式 */
}

/* 强制3列布局 */
.mian_cnter .ming_ldr dl:nth-child(3n+1) {
    clear: left !important;
}

/* 响应式设计 - 调整断点 */
@media (max-width: 1024px) {
    .mian_cnter .ming_ldr dl {
        width: 49.5% !important; /* 中等屏幕显示2列 */
        margin-right: 1% !important;
    }
    
    .mian_cnter .ming_ldr dl:nth-child(3n) {
        margin-right: 1% !important;
    }
    
    .mian_cnter .ming_ldr dl:nth-child(2n) {
        margin-right: 0px !important; /* 每行第2个元素右边距为0 */
    }
    
    .mian_cnter .ming_ldr dl:nth-child(3n+1) {
        clear: none !important;
    }
    
    .mian_cnter .ming_ldr dl:nth-child(2n+1) {
        clear: left !important;
    }
}

@media (max-width: 400px) {
    .mian_cnter .ming_ldr dl {
        width: 100% !important; /* 手机设备显示1列 */
        margin-right: 0px !important;
        float: none !important;
    }
    
    .mian_cnter .ming_ldr dl:nth-child(3n),
    .mian_cnter .ming_ldr dl:nth-child(2n) {
        margin-right: 0px !important;
    }
    
    .mian_cnter .ming_ldr dl:nth-child(3n+1),
    .mian_cnter .ming_ldr dl:nth-child(2n+1) {
        clear: none !important;
    }
}