/**
 * 手机端自适应（对照旧站 mobile 的 viewport 能力，给 PC 模板补媒体查询）
 * 主要把 1180 定宽改为流式布局，避免横向撑破。
 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1200px) {
  header .top_box,
  header .nav_box,
  footer .footer_box,
  footer .footer_box .bottom_box,
  .news_box .box,
  .section0,
  .section1,
  .section2,
  .section5,
  .section6,
  .section7,
  .section8,
  .credit_box,
  .w {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
  }

  .news_box,
  header nav {
    min-width: 0 !important;
    width: 100% !important;
  }

  header .top_box {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  header .top_box .logo {
    max-width: 220px;
  }

  header .top_box .himt {
    flex-wrap: wrap;
    justify-content: center;
  }

  header .top_box .ipt_box {
    width: 100%;
    max-width: 100%;
  }

  header .nav_box {
    flex-wrap: wrap;
    height: auto !important;
    justify-content: flex-start;
    gap: 0;
  }

  header .nav_box > li {
    flex: 0 0 auto;
  }

  header .nav_box > li > a.big {
    display: block;
    padding: 10px 8px;
    font-size: 13px;
    white-space: nowrap;
  }

  header nav {
    height: auto !important;
  }

  .section1,
  .section0 {
    height: auto !important;
    flex-direction: column;
    align-items: stretch;
  }

  .section1 .box,
  .section0 .box {
    width: 100% !important;
    margin-bottom: 12px;
  }

  .section1 .swiper,
  .section0 .swiper {
    height: 200px !important;
  }

  .section5 .content,
  .section7 .content,
  .section8 .content {
    flex-direction: column !important;
  }

  .section5 .list,
  .section7 .box,
  .section8 .box {
    width: 100% !important;
    margin-bottom: 16px;
  }

  /* 列表/详情旧版布局 */
  #center,
  #news_list_left,
  #news_list_right,
  #news_list,
  #details,
  #details .txt {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
  }

  #news_list_left {
    display: none;
  }

  .xfk,
  .overlay + .xfk,
  ul.xfk {
    display: none !important;
  }

  iframe {
    width: 100% !important;
    max-width: 100% !important;
  }

  .footer {
    padding: 16px 12px;
    word-break: break-all;
  }
}

@media screen and (max-width: 768px) {
  header .top_box .himt {
    display: none;
  }

  header .nav_box > li > a.big {
    font-size: 12px;
    padding: 8px 6px;
  }

  .section1 .swiper,
  .section0 .swiper {
    height: 160px !important;
  }

  .swiper_title .title,
  .general_title_box .title {
    font-size: 16px !important;
  }
}