@charset "utf-8";
/* ============================================================
   移动端适配  —— 长沙众通空调维修部
   说明：本文件在 style.css 之后加载，用媒体查询覆盖 960px 固定布局。
        电脑端完全不受影响（所有规则都在 max-width:980px 内）。
   ============================================================ */

/* 手机专用横幅：电脑端隐藏 */
.mobile-banner { display: none; }

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

  /* ---------- 1. 全局：取消固定宽度，改用自适应 ---------- */
  html { -webkit-text-size-adjust: 100%; }
  body {
    background: #eef4e6 !important;
    font-size: 15px !important;
    line-height: 190% !important;
    text-align: left !important;
  }
  #wrap, #header, #menu, #banner, #container, #footer {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #wrap {
    padding: 0 8px !important;
    background-image: none !important;
  }
  #header { padding-top: 6px !important; }
  #container { margin-top: 8px !important; }
  #footer { width: auto !important; padding: 10px 8px !important; line-height: 24px !important; }

  /* ---------- 2. 页头：Logo 与电话上下居中排 ---------- */
  .logo {
    float: none !important;
    width: auto !important;
    height: auto !important;
    text-align: center !important;
    padding: 4px 0 !important;
  }
  .logo img { max-width: 88% !important; height: auto !important; }
  .rlink {
    float: none !important;
    text-align: center !important;
    padding: 0 0 8px !important;
  }
  .rlink span {
    float: none !important;
    margin: 0 auto 8px !important;
    width: auto !important;
    padding: 0 12px !important;
    background-image: none !important;
  }
  .tel, .telrow {
    width: auto !important;
    height: auto !important;
    padding: 6px 0 !important;
  }
  .telrow { justify-content: center !important; }
  .telrow a { font-size: 26px !important; }

  /* ---------- 3. 轮播图换成整幅静态横幅 ---------- */
  .gw_zzsc { display: none !important; }
  #banner { margin: 0 !important; padding: 0 !important; }
  .mobile-banner {
    display: block !important;
    margin: 8px 0 0 !important;
    max-width: 100% !important;
  }
  .mobile-banner img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border: 0 !important;
  }

  /* ---------- 4. 导航：每行 3 个，自动换行 ---------- */
  #menu {
    background: #4d8b11 !important;
    height: auto !important;
    padding: 2px 0 !important;
  }
  #menu ul {
    width: auto !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
  }
  #menu li {
    width: 33.333% !important;
    float: left !important;
    background-image: none !important;
    font-size: 13px !important;
    line-height: 34px !important;
    text-align: center !important;
  }
  #menu li a {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
    display: block !important;
    line-height: 34px !important;
  }

  /* ---------- 5. 主体：左右两栏改成上下单栏 ---------- */
  #sidebar, #mainbody, #rightbody {
    float: none !important;
    width: auto !important;
    background-image: none !important;
  }
  #sidebar { margin-bottom: 10px !important; }
  .sidebox, .side_b, .sidecon, .contact { width: auto !important; }
  .sidebox {
    background: #f2f9ea !important;
    border: 1px solid #d6e6c4 !important;
    margin-bottom: 8px !important;
  }
  .contact { background: #dff5cd !important; }
  .contact p { font-size: 14px !important; }

  /* ---------- 6. 首页两栏、产品列表 ---------- */
  .about_index, .news_index {
    float: none !important;
    width: auto !important;
  }
  .news_index { margin-top: 12px !important; }
  .plist, .plist ul { width: auto !important; }
  .plist li {
    width: 48% !important;
    margin-right: 2% !important;
    margin-top: 8px !important;
  }
  .plist li img {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .piclist, .piclist ul { width: auto !important; }
  .piclist li {
    width: 46% !important;
    margin-right: 4% !important;
  }
  .piclist li img {
    width: 100% !important;
    height: auto !important;
  }

  /* ---------- 7. 正文与标题：手机上放大到能读 ---------- */
  #content .content, .content, .text {
    font-size: 15px !important;
    line-height: 190% !important;
    width: auto !important;
  }
  .place { font-size: 13px !important; line-height: 22px !important; }
  .title h1, #rightbody h1 {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  #rightbody h2, .sidebox h3 { font-size: 16px !important; }
  .like li { width: auto !important; float: none !important; }

  /* ---------- 8. 表格：价目表 8 列要能在手机上放下 ---------- */
  table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }
  td, th {
    font-size: 10px !important;
    line-height: 15px !important;
    padding: 1px 0 !important;
    word-break: break-all !important;
  }

  /* ---------- 9. 表单 ---------- */
  .formbox {
    width: auto !important;
    height: auto !important;
    padding: 0 8px !important;
  }
  .formbox li { height: auto !important; }
  .formbox li span { width: 68px !important; font-size: 14px !important; }
  .formbox li input.text, .formbox li textarea {
    width: 88% !important;
    box-sizing: border-box !important;
  }

  /* ---------- 10. 图片统一不溢出 ---------- */
  img { max-width: 100% !important; }
  iframe, embed, object { max-width: 100% !important; }
}