/* ============================================================
   case-mobile.css — 解决方案栏目（case/）移动端适配
   ------------------------------------------------------------
   背景1：css_style.css 中 .tg-3 为固定 1190px 容器 + 300px
   浮动卡片，且图片带内联宽高，media.css 未覆盖该类，
   导致手机/平板端横向溢出、无法自适应。
   背景2：css_style.css 原有 body{min-width:1190px}（已改为
   仅桌面生效），此处再以 !important 兜底中和。
   背景3：第三方客服组件(chat.eassoft.cn)在移动端渲染异常
   （左侧竖排"在线咨询"卡片遮挡内容），移动端隐藏，
   咨询入口使用导航内"咨询热线"。
   本文件加载于 css_style.css 之后，仅覆盖上述固定布局；
   >=1200px 桌面端保持原样。内联样式一律用 !important 兜底
   （防止 CMS 模板重新生成时内联样式回归）。
   ============================================================ */

/* ---------- 全局兜底（<=1199px）：解除 body 级最小宽度 ---------- */
@media only screen and (max-width: 1199px) {
  body { min-width: 0 !important; max-width: 100% !important; }
}

/* ---------- 平板（<=1199px）：卡片流式化，3列 ---------- */
@media only screen and (max-width: 1199px) {
  .tg-3 {
    width: 100% !important;
    min-height: 0 !important;
    padding: 24px 0 40px !important;
    box-sizing: border-box;
  }
  .tg .w-1190 {
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .tg-3 li {
    float: none !important;
    display: block !important;
    width: 32% !important;
    margin: 0 0.66% 22px !important;
    box-sizing: border-box;
  }
  .tg-3 li a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  .tg-3 li dt {
    height: auto !important;
  }
  .tg-3 li dt img {
    width: 100% !important;
    height: auto !important;
  }
  .tg-3 li dd {
    padding: 4px 6px !important;
  }
}

/* ---------- 手机（<=767px）：两列卡片 + banner 压缩 ---------- */
@media only screen and (max-width: 767px) {
  .tg-3 {
    padding: 16px 0 28px !important;
  }
  .tg .w-1190 {
    padding: 0 12px !important;
  }
  .tg-3 li {
    width: 48.6% !important;
    margin: 0 0.7% 14px !important;
  }
  .tg-3 li a {
    border-radius: 4px;
  }
  .tg-3 li dt img {
    width: 100% !important;
    height: auto !important;
  }
  .tg-3 li dd {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 2px 4px !important;
  }
  /* 解决方案标题条：200px/36px 在手机上过大 */
  .banner-ty {
    height: 110px !important;
    line-height: 110px !important;
    font-size: 22px !important;
  }
}

/* ---------- 小屏手机（<=480px）：进一步紧凑 ---------- */
@media only screen and (max-width: 480px) {
  .tg-3 {
    padding: 12px 0 22px !important;
  }
  .tg-3 li {
    margin: 0 0.7% 12px !important;
  }
  .tg-3 li dd {
    font-size: 13px !important;
  }
  .banner-ty {
    height: 92px !important;
    line-height: 92px !important;
    font-size: 20px !important;
  }
}

/* ---------- 新闻区标题换行（<=767px） ----------
   原 .title/.title2 为 white-space:nowrap + ellipsis，
   手机端会截断标题信息，改为正常换行。 */
@media only screen and (max-width: 767px) {
  .icont3 .box1_list .title,
  .icont3 .box2_list .title2 {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.5 !important;
    font-size: 15px !important;
    height: auto !important;
  }
}