/* =====================================================================
   GEO 整改补充样式（新增文件，不修改原 css.css）
   作用：
   1. 为全站补充 H1 的视觉样式（原模板无 H1，新增后需要排版）
   2. 补充移动端断点（原 css.css 最低断点为 1280px，手机端未适配）
   3. 中英文切换按钮样式
   4. 案例页新增结构的样式
   加载方式：已在 template/cn/html/head.html 中通过 link 引入
   ===================================================================== */

*, *::before, *::after { box-sizing: border-box; }

img { max-width: 100%; height: auto; }

/* ---------- 页面主标题 ---------- */
.page-h1 {
  font-size: 26px;
  line-height: 1.4;
  font-weight: 700;
  color: #222;
  margin: 26px 0 18px;
  text-align: center;
  letter-spacing: 0;
}
.show_case2 .page-h1 { text-align: left; margin-top: 0; }

/* ---------- 中英文切换 ---------- */
.topbj .nav .lang-switch a {
  display: inline-block;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 4px;
  padding: 0 10px;
  line-height: 26px;
  margin-left: 12px;
  font-size: 13px;
}
.topbj .nav .lang-switch a:hover { background: #ff7200; border-color: #ff7200; }

/* ---------- 案例页新增结构 ---------- */
.case-cover { display: block; width: 100%; max-width: 900px; margin: 0 auto 26px; }
.case-body { font-size: 16px; line-height: 1.9; color: #333; }
.case-body h2, .case-body h3 { margin: 24px 0 10px; font-size: 19px; color: #222; }
.case-empty-notice {
  margin-top: 28px; padding: 16px 20px; background: #fff7f0;
  border-left: 4px solid #ff7200; color: #555; font-size: 14px; line-height: 1.8;
}

/* =====================================================================
   移动端兜底适配
   说明：本站原始布局为固定宽度桌面版。以下规则让手机端可用
   （取消固定宽度、取消浮动、图片自适应），属于第一版兜底方案。
   建议后续按现有视觉规范整体重做响应式模板。
   ===================================================================== */
@media screen and (max-width: 1280px) {
  body { overflow-x: hidden; }
}

@media screen and (max-width: 900px) {
  /* 容器取消固定宽度 */
  .box1, .box2, .box3, .box6, .box7, .box8, .box9, .box5, .box10,
  .bottom, .xwzx1, .xwzx2, .jjfa1, .wx1, .wzjs1, .wltg1, .dswz1,
  .show_case1, .show_case2, .about1, .about2 {
    width: auto !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* 取消所有浮动，改为纵向堆叠 */
  .fl, .fr { float: none !important; }
  .box2 .bod ul.fl, .box2 .bod ul.fr,
  .box6 .fl, .box6 .fr,
  .box9 .fl, .box9 .fr,
  .show_case1 .fl, .show_case1 .fr {
    width: auto !important;
    max-width: 100% !important;
  }

  /* 顶部导航改为可横向滚动的一行 */
  .topbj { position: relative; padding: 0 12px; }
  .topbj .logo { max-height: 42px; }
  .topbj ul.fr { display: none; }
  .topbj .nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
  }
  .topbj .nav li { float: none; flex: 0 0 auto; padding: 0 10px; }
  .topbj .nav .lang-switch a { margin-left: 0; }

  /* 流程、优势等卡片改为纵向 */
  .box3 ul, .box2 .bod, .box7 .bod, .box5 .bod { display: block; }
  .box3 ul li, .box2 .bod ul li, .box7 .bod .center {
    width: auto !important; max-width: 100% !important;
    margin: 0 0 16px !important; float: none !important;
  }

  /* 表格在窄屏可横向滚动 */
  table { display: block; overflow-x: auto; }

  /* 标题与正文缩排 */
  .page-h1 { font-size: 20px; text-align: left; }
  .index_tit dt { font-size: 19px; }
  .index_tit dd { font-size: 13px; }
  .ny_banner img { width: 100%; height: auto; }
  .news_bod, .wx1, .case-body { font-size: 15px; line-height: 1.85; }

  /* 页脚 */
  .bottombj .bottom { text-align: left; }
  .bottombj .bottom .fl, .bottombj .bottom .fr,
  .bottombj .bottom .ewm { float: none !important; width: auto !important; margin: 0 0 16px; }
  .gotop { right: 14px; }
}

@media screen and (max-width: 480px) {
  .page-h1 { font-size: 18px; }
  .box1 .bod dl { width: 48% !important; margin: 0 1% 12px !important; }
}