@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; }
}

/* ================= 2026-10-18 修复：资讯列表「标题压住日期」 =================
   原来 a 固定 75%/230px、span 固定 75px，两者之和超过行宽，标题直接压在日期上。
   改成 a 吃掉剩余宽度、日期定宽，标题超长自动省略号。 */
.inewslist li { position: relative; }
.inewslist li a { width: calc(100% - 84px) !important; }
.inewslist li span { width: 80px !important; box-sizing: border-box; }
.inewslist li:has(a:empty) { display: none !important; }

/* ================= 2026-10-18 修复：页脚栏目排列 =================
   语言切换列与 7 个栏目列原本各自换行、错位，且固定高 417px 装不下内容，
   内容溢出到红色 body 背景上。改为 flex 并排、高度随内容。 */
@media (min-width: 821px) {
  .footer {
    height: auto !important;
    min-height: 417px;
    padding-bottom: 28px;
    background: #061113 url(../img/footbg.jpg) top center repeat-x !important;
  }
  .foot_nav_w {
    width: 900px !important;
    max-width: calc(100% - 40px);
    margin: 0 auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
  }
  .foot_nav {
    flex: 0 0 112px;
    width: 112px !important;
    height: auto !important;
    min-height: 0;
    box-sizing: border-box;
  }
  .foot_nav li { height: 20px; line-height: 20px; }
  .footnav {
    flex: 0 0 784px;
    width: 784px !important;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
  }
  .footnav > li {
    flex: 0 0 112px;
    width: 112px !important;
    height: auto !important;
    min-height: 0;
    padding-left: 10px;
    box-sizing: border-box;
  }
  .footnav ul.sub_menu { display: block; width: 100%; }
  .footnav ul.sub_menu li {
    width: 100% !important;
    height: 20px;
    line-height: 20px;
    padding: 0;
    box-sizing: border-box;
  }
}

/* 821–999px：栏宽收窄，保证语言列与 7 个栏目列仍在同一行 */
@media (min-width: 821px) and (max-width: 999px) {
  .foot_nav { flex: 0 0 92px; width: 92px !important; }
  .footnav { flex: 0 0 644px; width: 644px !important; }
  .footnav > li { flex: 0 0 92px; width: 92px !important; padding-left: 8px; }
}

/* 820px 以下：栏目宽度按真实屏宽算，二级项不再被压成两列 */
@media (max-width: 820px) {
  .footnav { width: 100% !important; }
  .footnav > li {
    width: 50% !important; float: left; padding-left: 8px !important;
    height: auto !important; min-height: 0; box-sizing: border-box;
  }
  .footnav ul.sub_menu { display: block; width: 100%; }
  .footnav ul.sub_menu li { width: 100% !important; float: none !important; height: 20px; line-height: 20px; }
}