@charset "utf-8";
/* ============================================================
   千映动画 · 移动端适配样式（第一阶段 / 过渡方案）
   配合 <meta name="viewport" content="width=device-width, initial-scale=1.0">
   使用。全部规则仅在 ≤768px 屏幕生效，桌面端表现完全不受影响。
   修改日期: 2026-09-22
   ============================================================ */

@media screen and (max-width: 768px) {

  /* ---------- 全局 ---------- */
  html, body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  body { font-size: 15px; line-height: 1.6; }
  img, video, iframe { max-width: 100% !important; height: auto; }
  table { width: 100% !important; }
  .fl, .fr { float: none !important; }

  /* ---------- 容器：固定宽度改为流式 ---------- */
  .container, .w1200, .menu,
  .modulePhotoView, #contentPage, #indexPage, #photoView1 {
    width: 100% !important; max-width: 100% !important;
    padding-left: 10px; padding-right: 10px; box-sizing: border-box;
  }

  /* ---------- 顶部：解除固定定位，导航改为可横向滑动 ---------- */
  #header { position: static !important; top: auto !important; }
  #sitecontent { margin-top: 0 !important; }
  .toplogo_tel { height: auto !important; padding: 8px 0; overflow: visible; }
  .toplogo_tel .logo { float: none !important; margin: 0 auto; text-align: center; }
  .toplogo_tel .logo img { max-height: 44px; width: auto; margin: 0 auto; }
  .toplogo_tel .logotxt { border-left: 0 !important; }
  .toplogo_tel .tel { float: none !important; text-align: center; margin-top: 4px; }

  .menu #nav { overflow-x: auto; overflow-y: hidden; white-space: nowrap;
               -webkit-overflow-scrolling: touch; padding-bottom: 6px; }
  .menu #nav > li.navitem { float: none !important; display: inline-block !important;
               padding: 0 10px 10px !important; font-size: 13px !important; }
  .menu #nav li .subnav { display: none !important; }

  /* ---------- 首屏视频与内页横幅 ---------- */
  .covervid-wrapper { height: 220px !important; }
  .covervid-video { min-height: 220px; }
  #banner, #contentPage #banner, #contentPage #banner div { height: 170px !important; }

  /* ---------- 案例卡片：单列铺满 ---------- */
  .listViewItem { float: none !important; width: 100% !important;
                  margin: 0 0 14px 0 !important; padding: 0 !important; }
  .listViewItem a { width: 100% !important; }
  .listViewItem a .imgBlock { width: 100% !important; height: auto !important; padding-bottom: 56%; }
  .listViewItem a .imgBlock img { width: 100%; height: auto; }

  /* ---------- 后台富文本里的内联固定宽高统一放开 ---------- */
  [style*="width:1200px"], [style*="width: 1200px"],
  [style*="width:1020px"], [style*="width: 1020px"],
  [style*="width:980px"],  [style*="width: 980px"],
  [style*="width:800px"],  [style*="width: 800px"],
  [style*="width:760px"],  [style*="width: 760px"] { width: 100% !important; }
  [style*="height:550px"], [style*="height: 550px"],
  [style*="height:500px"], [style*="height: 500px"],
  [style*="height:490px"], [style*="height: 490px"] { height: auto !important; min-height: 160px; }

  /* ---------- 排版 ---------- */
  h1, h2, h3, .title, .subtitle { line-height: 1.5 !important; word-break: break-word; }
  .title { font-size: 20px !important; }
  .subtitle { font-size: 14px !important; }

  /* ---------- 页脚 ---------- */
  #footer, .footer, .footer_nav { padding: 14px 10px !important;
                text-align: center !important; line-height: 1.9 !important; }
  #footer ul li { display: inline-block !important; float: none !important; padding: 0 6px; }
}