/* ========================================
   滢皓环保 - 手机端精细排版优化版
   ======================================== */

@media screen and (max-width: 991px) {
    /* 1. 基础重置，干掉 PC 端固定宽度 */
    html, body {
        min-width: 320px !important;
        width: 100% !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100%; /* 防止字体被自动放大 */
    }
    img { max-width: 100% !important; height: auto !important; }
    
    /* 2. 隐藏 PC 端占位元素和背景图，防止错位 */
    .h_dw, .erji { display: none !important; }
    .bo1 { background: #f9f9f9 !important; padding: 10px 0 !important; margin: 0 !important; }
    .bo2 { margin-top: 10px !important; }
    
    /* 3. 容器统一缩进 */
    .content, .wp, .h_con, .search {
        width: 100% !important;
        padding: 0 15px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* 4. 顶部导航：强制横向滑动（覆盖 head.htm 的样式） */
    .h_con { text-align: center; padding-top: 10px !important; }
    .logo { float: none !important; display: inline-block !important; }
    .h_tel { float: none !important; display: block !important; margin: 5px 0 !important; font-size: 14px !important; }
    .h_nav {
        display: block !important;
        width: 100% !important;
        background: #057fd9;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        margin-top: 10px !important;
    }
    .h_nav ul { padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: nowrap !important; }
    .h_nav ul li { float: none !important; display: inline-block !important; padding: 10px 12px !important; border: none !important; }
    .h_nav ul li a { color: #fff !important; font-size: 15px !important; font-weight: normal !important; }

    /* 5. 标题字号缩小，防止一行字挤爆 */
    .yin_t { font-size: 20px !important; height: auto !important; line-height: 1.4 !important; padding: 15px 0 !important; }
    .yin_t b { font-size: 22px !important; display: block !important; margin: 5px 0 !important; }
    .yin_t span { font-size: 12px !important; padding: 0 !important; }
    .yin_t i { padding: 0 5px !important; }

    /* 6. 产品展示区：手机端两列网格，干净利落 */
    .cp_l { width: 100% !important; float: none !important; margin-bottom: 20px !important; }
    .cp_l h3 { width: 100% !important; padding: 10px 0 !important; text-align: center !important; border-radius: 5px; }
    .cp_r { width: 100% !important; float: none !important; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .cp_r dl { 
        width: 48% !important; float: none !important; margin: 0 0 15px 0 !important; 
        height: auto !important; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 5px; overflow: hidden;
    }
    .cp_r dl dt img { width: 100% !important; height: auto !important; object-fit: cover; }
    .cp_r dl dt h4 { font-size: 12px !important; height: 30px !important; line-height: 30px !important; width: 100% !important; background: rgba(0,0,0,0.5) !important; }
    .cp_r dl dd { display: none !important; } /* 手机端隐藏悬浮的商品描述，保持干净 */

    /* 7. 四大金刚优势区 */
    .yin1 { padding: 20px 0 !important; }
    .yin1 dl { width: 48% !important; float: left !important; margin: 0 1% 15px 1% !important; height: 200px !important; }
    .yin1 dl dt img { width: 100% !important; height: 100% !important; object-fit: cover; }
    .yin1 dl dt h4 { font-size: 14px !important; height: 40px !important; line-height: 40px !important; }
    .yin1 dl dd { display: none !important; }

    /* 8. 案例分享 & 新闻区：单列展示 */
    .al_nr { height: auto !important; padding: 10px 0 !important; }
    .al_nr li { width: 100% !important; float: none !important; margin: 0 0 15px 0 !important; height: auto !important; padding-bottom: 10px; }
    .al_nr li i img { width: 100% !important; height: 180px !important; object-fit: cover; }
    .news { height: auto !important; margin-top: 20px !important; }
    .new_l, .new_r { width: 100% !important; float: none !important; height: auto !important; margin-bottom: 20px !important; padding: 10px !important; box-sizing: border-box; }
    .new_l dt img, .new_r dt img { width: 100% !important; height: auto !important; }

    /* 9. 公司简介区（清理内联边距） */
    .bo1 div p { margin: 10px 15px !important; font-size: 13px !important; line-height: 1.6 !important; }
    .bo1 div p[style*="font-size:20px"] { font-size: 15px !important; margin-top: 15px !important; }
    
    /* 10. 底部区域 */
    .fd-nav li { width: 33.33% !important; float: left; }
    .fd-qr, .fd-txt, .fd-logo { width: 100% !important; float: none !important; text-align: center !important; padding: 10px 0 !important; }
    .f_nav { width: 50% !important; float: left !important; text-align: left !important; margin: 0 0 15px 0 !important; }
    .copy p { font-size: 12px !important; line-height: 1.5 !important; text-align: center !important; }
}

/* 更小屏幕优化 */
@media screen and (max-width: 480px) {
    .cp_r dl { width: 100% !important; } /* 屏幕特别小的产品变单列 */
    .yin1 dl { width: 100% !important; height: 250px !important; }
    .f_nav { width: 100% !important; }
}