/* ========== 基础：不破坏PC，增强中小屏体验 ========== */

/* 图文媒体：默认不超过容器宽度 */
img, video, canvas {
    max-width: 100%;
    height: auto;
  }
  
  /* 文本排版：移动端适度增大行高 */
  body {
    -webkit-text-size-adjust: 100%;
  }
  p { line-height: 1.75; }
  
  /* 容器：常用最大宽 + 内边距（不覆盖你原来的 .main/.product_con 等） */
  .rwd-container,
  .location_box,
  .main,
  .product_con {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: min(4vw, 16px);
    padding-right: min(4vw, 16px);
  }
  
  /* 表格在小屏可横向滚动，避免撑爆布局 */
  .rwd-table,
  table {
    width: 100%;
    border-collapse: collapse;
  }
  .table-wrap { overflow-x: auto; }
  
  /* 表单元素在小屏拉满 */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="search"],
  select, textarea {
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* ====== 常见网格助手（可选） ====== */
  .rwd-grid {
    display: grid;
    gap: 20px;
  }
  .rwd-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (max-width: 1100px){
    .rwd-3 { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 720px){
    .rwd-3 { grid-template-columns: 1fr; }
  }
  
  /* 让带图片+文字的左右布局在小屏自动上下堆叠 */
  .rwd-split {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .rwd-split > .left, .rwd-split > .right { flex: 1 1 0; }
  @media (max-width: 992px){
    .rwd-split { flex-direction: column; align-items: stretch; }
  }
  
  /* ====== 头部：移动端按钮 + 菜单（极简显示/隐藏） ====== */
  /* 默认：PC显示原导航，隐藏移动按钮和菜单 */
  #pc-nav { display: block; }
  #m-nav-toggle, #m-menu { display: none; }
  
  /* ≤ 992：隐藏PC导航，显示按钮与简易菜单 */
  @media (max-width: 992px){
    #pc-nav { display: none !important; }
    #m-nav-toggle {
      display: inline-block !important;
      border: 0; background: transparent; color: #fff;
      font-size: 26px; line-height: 1; padding: 6px 8px; cursor: pointer;
    }
    #m-menu {
      display: none;            /* 默认隐藏，由JS切换 */
      position: absolute;
      right: 0; left: 0; top: 100%;
      background: #313131; color: #fff;
      border-top: 1px solid rgba(255,255,255,.1);
      z-index: 2000;
    }
    #m-menu ul { list-style: none; margin: 0; padding: 8px 12px; }
    #m-menu li { border-bottom: 1px solid rgba(255,255,255,.08); }
    #m-menu a { display: block; padding: 12px 4px; color: #fff; text-decoration: none; }
    #m-menu a:hover { color: #F57021; }
  }
  
  /* ====== 你已有模块的温柔增强（不改PC样式） ====== */
  
  /* 案例网格（如果你用 .case-grid，那这段会让它自适应） */
  .case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  @media (max-width: 1100px){ .case-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 720px){ .case-grid { grid-template-columns: 1fr; } }
  .case-card { background:#F9F9F9; border:1px solid #eee; border-radius:10px; overflow:hidden; transition:.25s; display:flex; flex-direction:column; }
  .case-card:hover{ transform: translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.08); }
  .case-thumb{ width:100%; height:240px; object-fit:cover; display:block; }
  .case-body{ padding:12px 14px; }
  .case-title{ font-size:15px; font-weight:800; color:#222; line-height:1.6; text-align:center; }
  
  /* “关于我们”页：让图片/文字块在小屏竖排（若使用了 rwd-split 类的话） */
  .about-split { display:flex; gap:24px; align-items:center; }
  .about-split > * { flex:1 1 0; }
  @media (max-width: 992px){ .about-split { flex-direction: column; } }
  
  /* 四信息块：一行四个，在窄屏自动换行为2列/1列 */
  .info-4 { display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
  @media (max-width: 1100px){ .info-4 { grid-template-columns: repeat(2,1fr); } }
  @media (max-width: 560px){ .info-4 { grid-template-columns: 1fr; } }
  .info-4 .about-box {
    padding:20px; text-align:center; background:#fff; color:#666;
    font-weight:600; border-radius:6px; transition:.3s;
  }
  
  /* banner图避免拉伸 */
  .contact_banner img,
  .product_banner img,
  .about_banner img,
  .news_banner img { width: 100%; height: auto; display: block; }
  
  /* 底部区域在小屏堆叠 */
  .footer_box, .footer_nei { display: flex; gap: 16px; }
  @media (max-width: 992px){
    .footer_box, .footer_nei { flex-direction: column; }
  }
  
  /* 页面内边距：在超窄屏留白不要太小 */
  @media (max-width: 560px){
    .product_con, .main, .location_box { padding-left: 12px; padding-right: 12px; }
  }
  
  /* 可选工具类 */
  .hide-mobile { display: block; }
  .show-mobile { display: none; }
  @media (max-width: 768px){
    .hide-mobile { display: none !important; }
    .show-mobile { display: block !important; }
  }

  @media (max-width: 768px){
    .about-header {          /* 给最外层容器加这个 class */
      flex-direction: column !important;
      text-align: center !important;
    }
    .about-header > div {
      width: 100% !important;
      min-width: auto !important;
    }
    .about-header img {
      max-width: 180px;      /* LOGO 居中显示 */
      margin: 0 auto;
    }
  }