/* ============================================================
   responsive.css — 智晨照明 maccms 响应式覆盖（default_pc）
   设计原则：追加式、不破坏桌面布局；仅在媒体查询内覆盖。
   全局流式 + 内容页容器自适应 + 首页移动端堆叠。
   ============================================================ */

/* ---------- 全局基线 ---------- */
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }

/* ---------- 内容页固定宽度容器 → 流式 ---------- */
.marg,
.box,
#lbsub,
#channel-box,
.wenzhang,
.bread-crumb-nav {
    width: 100% !important;
    max-width: 1000px;
}

/* 列表/网格容器（原为 1150/467 等溢出值） */
.box .box_con .img-list { width: 100% !important; }
.box .box_news { width: 100% !important; }
.vodlist_l { width: 100% !important; max-width: 650px; }

/* 搜索框在窄屏不溢出 */
.topDiv .fr .input1,
.search-input {
    max-width: 100%;
}

/* ---------- 卡片网格：默认桌面保持原样，媒体查询内改流式 ---------- */
/* 桌面（>992px）保持原 186px 卡片多列 */

@media (max-width: 992px) {
    .box .box_con .img-list li {
        width: 25% !important;
        padding: 0 8px 16px !important;
    }
    .box .box_con .img-list li a { width: 100% !important; }
    .box .box_con .img-list li a img { width: 100% !important; height: auto !important; }
    .box .box_news li { width: 50% !important; }
    #channel-box .qire-box { width: 100% !important; }
}

@media (max-width: 768px) {
    .box .box_con .img-list li { width: 33.333% !important; }
    .box .box_news li { width: 100% !important; }
    .vodlist_l { width: 100% !important; }
    /* 左侧列表 + 右侧详情 在手机端堆叠 */
    .vodlist_l, .vodlist_r { width: 100% !important; float: none !important; }
    .channel-item > * { width: 100% !important; float: none !important; }
}

@media (max-width: 480px) {
    .box .box_con .img-list li { width: 50% !important; }
    .box .box_con .img-list li a h2,
    .box .box_con .img-list li a p { margin: 0 6px; }
}

/* ============================================================
   首页（zc/index.html）移动端处理
   首页样式来自 template/default（1180px 固定 + 绝对定位装饰）。
   此处只做"不崩/流式"覆盖，不重写结构。
   ============================================================ */
@media (max-width: 768px) {
    /* 两栏浮动块堆叠为单列 */
    .fl, .fr {
        float: none !important;
        width: 100% !important;
        display: block;
    }
    /* 1180px 宽幅 banner / 闪屏 → 流式 */
    .pageBanenr,
    .indexFlash,
    .solid,
    #solid {
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }
    .indexFlash .prev,
    .indexFlash .next,
    .pageBanenr .prev,
    .pageBanenr .next { display: none !important; }

    /* 隐藏溢出的绝对定位装饰（桌面专用） */
    .sNav1, .sNav2, .topA, .sidePart1 .tel { display: none !important; }

    /* 首页导航换行，避免横向溢出 */
    .headDiv .nav > ul,
    .nav > ul {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .headDiv .nav > ul > li,
    .nav > ul > li { float: none !important; }

    /* 首页主内容容器内边距，避免贴边 */
    .content { width: 100% !important; padding: 0 10px; }
}

@media (max-width: 480px) {
    .headDiv .nav > ul > li > a,
    .nav > ul > li > a { padding: 6px 10px; font-size: 14px; }
}