/*!
 * logo886 内页移动端自适应覆盖样式
 * 仅对 <=991px 的屏幕生效，桌面端不受影响。
 * 作用：把老 PC 模板里的固定宽度（1000/1200px 容器、315px 案例格子、1000px 图片等）
 *       改为流式宽度，让案例/产品/新闻/关于等内页在手机上像首页一样自适应。
 */

/* logo886: 内页头部(经 head.html 引入)带一个遗留旧移动菜单 #ea_h.nav_none
   (ShoveWebControl 老菜单)。它的 .xn_n_14_wrap_main 是绝对定位(top:-73px;right:187px;width:750px)，
   外层 .xn_n_14_wrap 宽 1200px——在手机窄屏会溢出并贴到屏幕左上角，造成"菜单跑到左上角"。
   首页(index)根本没有这个块，所以统一隐藏它，让内页手机菜单与首页一致(只用 header_menu 的 Bootstrap 汉堡菜单)。 */
#ea_h.nav_none { display: none !important; }

@media (max-width: 991px) {
    /* 1. 把所有固定宽度的大容器改为满宽 */
    .n_content,
    .n_content_right,
    .case_banner,
    .t_t,
    .xn_n_14_wrap,
    .foot_c,
    .xn_c_case_15_wrap,
    .xn_c_case_15_list,
    .xn_c_casev_58_wrap,
    .xn_c_casev_58_wbox,
    .xn_c_casev_58_bigbox,
    .xn_c_casev_58_bigImg,
    .xn_c_casev_58_smallImg,
    .xn_c_casev_58_smallImg_scroll,
    .xn_c_newsv_511_top,
    .dd,
    .title,
    .content,
    .content2,
    .content3,
    .content4,
    .xn_c_casev_2_warp,
    .xn_c_casev_25_warp,
    .xn_c_casev_27_warp,
    .wenbentitle,
    .dizhi_jiage {
        width: 100% !important;
        max-width: 100% !important;
    }
    .xn_c_case_15_wrap { margin-left: 0 !important; }
    .case_banner img { width: 100% !important; height: auto !important; }

    /* 2. 所有图片改为流式（压住老 css 里的 img{width:1000px} 等） */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 3. 案例列表格子：桌面 3 列(315px) -> 平板 2 列 */
    .xn_c_case_15_xhbox {
        width: 48% !important;
        height: auto !important;
        margin: 0 1% 20px !important;
    }
    .xn_c_case_15_xhbox a {
        width: 100% !important;
        height: auto !important;
    }
    .xn_c_case_15_xhbox img {
        width: 100% !important;
        height: auto !important;
    }
    .xn_c_case_15_image-hvboxname {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* 4. 详情页相关案例：2 列 -> 2 列(平板) */
    .xn_c_newsv_511_cocnt > div {
        width: 48% !important;
        margin: 0 1% 15px !important;
        box-sizing: border-box;
    }

    /* 5. 详情页大图查看器流式化 */
    .xn_c_casev_58_bigImg img,
    .xn_c_casev_58_smallImg_box li img {
        width: 100% !important;
        height: auto !important;
    }

    /* 6. 详情页标签切换(图片展示/地图/街景/户型) 横向可滚动，不撑破 */
    .dd .title ul {
        display: -webkit-box !important;
        display: flex !important;
        flex-wrap: wrap;
    }
    .dd .title ul li {
        width: auto !important;
        white-space: nowrap;
    }

    /* 7. 文章正文自然换行 */
    .xn_c_casev_2_warp,
    .n_content_right_m,
    .content {
        word-break: break-word;
    }

    /* 8. case_view 详情页：正文/大图容器里的图片强制满宽，杜绝横向溢出 */
    .content img,
    .content2 img,
    .content3 img,
    .content4 img,
    .xn_c_casev_2_warp img,
    .xn_c_casev_58_bigImg img,
    .xn_c_casev_58_smallImgList img,
    .xn_c_casev_58_smallImgList_curr img,
    .xn_c_casev_58_smallImg_box img,
    .n_content img,
    .n_content_right img,
    .dd img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }
}

@media (max-width: 575px) {
    /* 手机：案例格子 1 列，相关案例 1 列 */
    .xn_c_case_15_xhbox {
        width: 100% !important;
        margin: 0 0 18px !important;
    }
    .xn_c_newsv_511_cocnt > div {
        width: 100% !important;
        margin: 0 0 15px !important;
    }
    /* 内边距收敛，避免贴边 */
    .n_content { padding: 0 10px; box-sizing: border-box; }
    .n_content_left_cnt ul li { padding: 0 12px; }
    /* 缩略图横向滚动轨道保持可滑动 */
    .xn_c_casev_58_smallImg_scroll { overflow-x: auto; }
}

@media (max-width: 480px) {
    .n_content_right_name_l { font-size: 22px !important; line-height: 28px !important; }
    .n_content_left_t1 { padding: 0 20px; }
}