/* 老站是固定 1180 的 PC 版（手机走 destoon 的 wap 模板），新站要一套页面自适应，
   这里给作用域内的老版式补响应式：容器流式、三栏在窄屏依次堆叠。 */
@media (max-width: 1240px) {
  .portal-legacy .main-body,
  .portal-legacy .topNav-width,
  .portal-legacy #container,
  .portal-legacy .w {
    width: auto;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .portal-legacy .topNav-width,
  .portal-legacy #container,
  .portal-legacy .w {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 1080px) {
  .portal-legacy .lw380,
  .portal-legacy .cw480,
  .portal-legacy .mod-box {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 0 0 16px 0;
  }
  .portal-legacy .mod-row,
  .portal-legacy .mod-box.right {
    float: none;
    width: auto;
    max-width: 100%;
  }
  .portal-legacy .ad1180x90 img,
  .portal-legacy .ad1180x90 {
    width: 100%;
    height: auto;
  }
  .portal-legacy .ad1180x90 img {
    height: auto;
    object-fit: cover;
  }
  .portal-legacy .headNav .navCon-menu ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .portal-legacy .headNav .navCon-menu ul li {
    flex: 0 0 auto;
    width: auto;
    padding: 0 18px;
  }
  .portal-legacy .product-img-map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .portal-legacy .map-list {
    width: auto;
  }
  .portal-legacy .supply-list {
    height: auto;
  }
  .portal-legacy .supply-list li {
    float: none;
    width: auto;
    display: block;
    height: auto;
  }
  .portal-legacy .hasMoreTab .hd {
    position: static !important;
    left: 0 !important;
    height: auto !important;
    overflow: hidden;
  }
  .portal-legacy .hasMoreTab .hd ul {
    width: auto;
    height: auto;
  }
}

@media (max-width: 767px) {
  .portal-legacy .headerbg .main-body {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .portal-legacy .headerbg .logo {
    float: none;
    width: auto;
    margin-bottom: 8px;
  }
  .portal-legacy .headerbg .logo img {
    height: 46px;
    width: auto;
  }
  .portal-legacy .headerbg .search_box {
    float: none;
    width: 100%;
    margin-bottom: 8px;
  }
  .portal-legacy .headerbg .search_box .search,
  .portal-legacy .headerbg .lg-search {
    width: 100%;
  }
  .portal-legacy .headerbg .ad240x95 {
    display: none;
  }
  .portal-legacy .topNav {
    height: auto;
  }
  .portal-legacy .topNav .tnLeft,
  .portal-legacy .topNav .tnRight {
    float: none;
    width: auto !important;
    height: auto;
    padding: 4px 0;
  }
  .portal-legacy .topNav .tnRight dd {
    width: auto;
    padding: 0 10px;
  }
  .portal-legacy .topNav .tnRight dd h3 {
    line-height: 22px;
  }
  .portal-legacy .slide-news.slide-img-wrap {
    height: 240px;
  }
  .portal-legacy .slide-news.slide-img-wrap .bd .pic img {
    width: 100%;
    height: 210px;
  }
  .portal-legacy .focusBox,
  .portal-legacy .focusBox .pic img {
    width: 100%;
  }
  .portal-legacy .ad280x90,
  .portal-legacy .ad280x90 img,
  .portal-legacy .w280 .img-wrapper img {
    width: 100%;
    height: auto;
  }
  .portal-legacy .w280 .img-wrapper {
    display: block;
  }
  .portal-legacy .wrap-ad-row {
    display: none;
  }
  .portal-legacy .wrapper {
    margin-top: 14px;
  }
  .portal-legacy .footer_about,
  .portal-legacy .foot_copy {
    height: auto;
    padding: 10px 0;
  }
  .portal-legacy .footer_about .w,
  .portal-legacy .foot_copy .w {
    text-align: center;
    line-height: 2;
  }
  .portal-legacy .product-img-map {
    grid-template-columns: minmax(0, 1fr);
  }
}