@charset "utf-8";

/* 1600px 原始画布在中等屏幕上等比收缩，1680px 以上保持原貌。 */
@media screen and (min-width: 1000px) and (max-width: 1679px) {
  html {
    font-size: min(100px, calc((100vw - 64px) / 16));
    overflow-x: hidden;
  }

  body,
  .body_home,
  .body_b,
  .body_r {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
  }

  body {
    overflow-x: hidden;
  }

  .wrapper,
  .content-container,
  .crumbs-container,
  .foot-container {
    max-width: 100%;
  }

  .wrapper > .inner {
    width: 16rem;
    max-width: calc(100vw - 64px);
  }

  .header .head-right {
    margin-right: 0;
  }

  #head2.header .head-right {
    min-width: 0;
    margin-left: 0.6rem;
    flex: 1 1 auto;
  }

  #head2 .nav {
    width: 9.16rem;
    min-width: 0;
  }

  #head2 .head-top {
    width: auto;
    min-width: 1.2rem;
    margin-left: 0.2rem;
    padding-left: 0.2rem;
    flex: 0 0 auto;
  }

  .static-temp #head1 .head-right {
    min-width: 0;
    margin-left: 1rem;
    flex: 1 1 auto;
  }

  body .header-container .header,
  body .crumbs-container .crumbs,
  body .content-container .content,
  body .foot-container .link-container .link-container-first-row,
  body .foot-container .link-container .link-container-second-row,
  body .foot-container .foot {
    width: calc(100% - 64px) !important;
    max-width: 1600px;
  }

  body .header-container .header .nav {
    margin-left: clamp(32px, 7vw, 150px);
  }

  body .foot-container .link-container .link-container-first-row,
  body .foot-container .link-container .link-container-second-row {
    display: flex;
    align-items: flex-start;
  }

  body .foot-container .link-container .link-list-container {
    min-width: 0;
    max-width: none;
    flex: 1 1 auto;
  }

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