@charset "utf-8";
/* ============================================================
   响应式补丁层 —— 在 legacy.css（原站还原样式）之后加载
   仅在窄屏生效，负责把原站 990px 定宽版式安全降级为移动端。
   桌面宽度下本文件不产生任何影响，保证与原站视觉一致。
   ============================================================ */

/* ============================================================
   中等宽度（821–999px）：原站是 990px 定宽，此区间会横向溢出。
   保持三栏，但改为百分比弹性缩放，避免出现横向滚动条。
   ============================================================ */
@media (min-width: 821px) and (max-width: 999px) {
  html, body { overflow-x: hidden; }
  .w990, .wrapper, .w980 {
    width: 100% !important; max-width: 100% !important;
    margin: 0 auto !important; padding-left: 8px !important; padding-right: 8px !important;
    box-sizing: border-box !important;
  }
  .w980.main { overflow: hidden; }
  .w232.l { width: 23% !important; float: left !important; }
  .w478.l { width: 48% !important; margin-left: 2% !important; float: left !important; }
  .w232.r { width: 23% !important; float: right !important; }
  .w232, .w478, .w690 { box-sizing: border-box !important; }
  .bannerside { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .menu { width: 100% !important; }
  .menu li { width: 12.5% !important; }
  .foot_nav_w, .yqlj_ul { width: 100% !important; box-sizing: border-box !important; }
}

@media (max-width: 820px) {

  /* ---- 强制解除定宽，避免横向滚动 ---- */
  html, body { overflow-x: hidden; }
  .w990, .wrapper, .w980, .w100, .w95, .w97 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }
  img, table, iframe { max-width: 100% !important; height: auto !important; }

  /* ---- 头部：固定高度解除 ---- */
  .header { height: auto !important; min-height: 0 !important; padding: 12px 0 !important; text-align: center; }
  .logo, .topright { margin: 0 auto !important; float: none !important; }
  .topright { display: none; }
  .toptonav { display: none; }

  /* ---- 导航：汉堡菜单 ---- */
  .menu_warapper { height: auto !important; min-height: 0 !important; background: #530600 !important; }
  .menu { display: none !important; width: 100% !important; height: auto !important; background: #530600; }
  .menu_warapper.open .menu { display: block !important; }
  .menu li { float: none !important; width: 100% !important; height: 44px !important;
             line-height: 44px !important; text-align: left !important;
             border-bottom: 1px solid #6e0c00; }
  .menu a { padding-left: 14px !important; background: none !important; color: #feeac5 !important; }
  .menu a:hover, .menu a.focus, .menu li.current a { background: #6e0c00 !important; color: #fff !important; }
  .menu ul.sub_menu { position: static !important; display: block !important;
                      width: 100% !important; background: #3f0400 !important; padding-left: 14px !important; }
  .menu ul.sub_menu li { width: 100% !important; height: 38px !important; line-height: 38px !important; }

  /* ---- 大图轮播（Flash 替代方案）---- */
  .banner { height: auto !important; padding: 8px 0 !important; }
  .bannerside { width: 100% !important; height: auto !important; padding: 4px !important; background: none !important; }
  .hero-carousel { width: 100% !important; max-width: 100% !important; aspect-ratio: 976 / 286; height: auto !important; }

  /* ---- 主体多列：全部堆叠 ---- */
  .l, .r { float: none !important; }
  .w232, .w478, .w690, .w307, .w213 {
    width: 100% !important; max-width: 100% !important;
    margin: 0 0 12px 0 !important; padding: 0 !important; float: none !important;
  }
  /* 原站遗留的硬定宽容器：不解除会在窄屏把内容顶出屏幕 */
  .indu, .xiazailist, .yqlj_ul, .foot_nav_w, .regform {
    width: 100% !important; max-width: 100% !important;
    height: auto !important; min-height: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
    margin-left: 0 !important; margin-right: 0 !important;
    box-sizing: border-box !important; float: none !important;
  }
  .indu { overflow: visible !important; }
  .xiazailist { padding-top: 8px !important; }
  .main_wrapper { padding-top: 4px !important; }
  .main { padding-top: 12px !important; }
  .nmain { padding: 12px 6px !important; overflow: visible !important; }

  /* ---- 滚动区：窄屏改为自然展开，避免内容被裁掉 ---- */
  #bbs_list, #bbs_list ul { height: auto !important; overflow: visible !important; }
  [id^="indexgun"], [id^="demo"], [id^="jinguo"] {
    height: auto !important; width: 100% !important; overflow: visible !important; margin: 0 !important;
  }
  /* jinguo 是横向无缝滚动条，窄屏保留可滑动，不要撑破版面 */
  #jinguo { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; }
  #jinguo table { width: auto !important; max-width: none !important; }

  /* ---- 列表与图文 ---- */
  .inewslist li a { width: 75% !important; }
  .inewslist li span { width: 20% !important; }
  .imgsinfo_list li.imgsinfo { width: 100% !important; float: none !important; }
  .top_img_news .limg, .top_img_news .rinfo { float: none !important; width: 100% !important; }
  .rcklist li, .dlinklist li, .yqlj_ul li, .xiazailist li {
    width: 100% !important; float: none !important; margin-left: 0 !important; height: auto !important;
  }
  .youlike li { width: 100% !important; float: none !important; margin-left: 0 !important; }

  /* ---- 页脚：固定高度解除 ---- */
  .footer { height: auto !important; padding-bottom: 16px !important; }
  .foot_nav_w { width: 100% !important; display: flex; flex-wrap: wrap; }
  .foot_nav, .footnav li, .foot_nav li {
    width: 50% !important; height: auto !important; min-height: 0 !important;
    border-left: none !important; border-top: 1px solid #323e41; padding: 6px 10px !important;
  }
  .copy { padding: 16px 8px !important; }
}

@media (max-width: 480px) {
  h1 { font-size: 20px !important; }
  h2 { font-size: 18px !important; }
  .hero-nav { width: 32px !important; height: 44px !important; font-size: 20px !important; }
  .foot_nav, .footnav li, .foot_nav li { width: 100% !important; }
  .menu a { font-size: 13px !important; }
}