@media screen and (max-width: 1024px) {
    
    /* ==========================================================================
       1. 彻底修复头部字体缩小、错位以及 Q&A 遗留的下划线后遗症
       ========================================================================== */
    .header_md, .header_md * {
        transform: none !important; /* 防止外层盒子使用 rem 导致的二次缩小 */
    }
    .T-nav > li > a {
        font-size: 16px !important; /* 统一手机端菜单字体大小 */
    }
    /* 强制移除可能被误加在 NEWS 上的高亮，并让 PRODUCT 高亮 */
    #navNews { border-bottom: none !important; }
    #navNews::after { display: none !important; }
    #navProduct { position: relative; }
    /* 如果你的移动端激活是通过某个 active 类，请确保它加在正确的地方 */

    /* ==========================================================================
       2. 产品列表排版优化（防止大块设备图片在手机端变形或单列过大）
       ========================================================================== */
    /* 假设你的产品列表外层盒子是 ul 或 div，请根据实际类名微调 */
    .product_list, .product_main ul, .news_list_main ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        padding: 10px !important;
        margin: 0 !important;
    }

    /* 将产品卡片在手机端强制改为“一行排两个”，效率更高，更符合电商习惯 */
    .product_list li, .product_item, .news_list_main ul li {
        width: 48% !important; /* 一行两个，留出4%的间距自适应 */
        margin-bottom: 15px !important;
        float: none !important; /* 清除 PC 端的浮动，防止高度塌陷 */
        display: flex;
        flex-direction: column;
    }

    /* 确保重型机械设备的图片比例不失真 */
    .product_item .mimg, .news_item .mimg {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important; /* 强制锁定 4:3 黄金比例 */
        overflow: hidden;
    }
    
    .product_item .mimg img, .news_item .mimg img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* 图片自适应裁剪，绝不拉伸变形 */
    }

    /* ==========================================================================
       3. 产品标题与排版微调（防止英文/俄语等长单词爆框撑开网页）
       ========================================================================== */
    .product_item h3, .news_item h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
        margin-top: 8px !important;
        /* 超过两行自动显示省略号 */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        word-break: break-word !important; /* 强制长单词换行 */
    }

    /* 隐藏手机端没必要显示的冗长产品简介（P标签），让界面更干净 */
    .product_item p, .news_item .mmain p {
        display: none !important; 
    }

    /* ==========================================================================
       4. 侧边栏/分类导航优化（如果有）
       ========================================================================== */
    /* 如果左侧有分类导航，在手机端如果直接往下排会拉得很长。建议改为横向滚动 */
    .product_sidebar, .class_type_list {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        overflow-x: auto !important; /* 开启横向溢出滚动 */
        white-space: nowrap !important;
        padding: 10px !important;
        -webkit-overflow-scrolling: touch; /* 顺滑滚动 */
    }
    
    .product_sidebar a, .class_type_list li {
        display: inline-block !important;
        margin-right: 10px !important;
        padding: 6px 15px !important;
        background: #f5f5f5;
        border-radius: 4px;
    }
}