/* 首页流式布局：2033 × 700 Banner 作为最大尺寸基准 */
.home-page .home-extras { display: none; }
body { min-width: 0; }
.container {
  width: 93%;
  max-width: none;
  padding: 0;
  box-sizing: border-box;
}
.banner {
  width: 100%;
  max-width: 2033px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.banner .swiper-slide {
  height: min(700px, 34.431874vw);
  background-size: cover;
  background-position: center;
}
.banner .swiper-pagination { bottom: clamp(8px, 2vw, 30px); }
.in-about dd img,
.in-about dd video,
.in-about dd iframe {
  max-width: 100%;
  height: auto;
}

/* 首页导航、搜索及正文使用同一条左边线；蓝色导航背景仍铺满屏幕。 */
@media screen and (min-width: 992px) {
  .home-page .container { width: min(93%, 1360px); max-width: 1360px; }
  .home-page .header .nav li a {
    font-size: clamp(16px, 1.05vw, 19px);
    line-height: 68px;
  }
}

@media screen and (min-width: 1230px) {
  .home-product-sidebar { width: 20%; }
  .in-prd-con { width: 77%; }
  .in-prd-con .list-1 li .img-center {
    height: auto;
    line-height: normal;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .in-case-menu { width: 20%; }
  .in-case-con { margin-left: calc(20% + 32px); }
  .in-case-con dt { width: 45%; }
  .in-case-con dd { margin-left: calc(45% + 24px); }
  .in-case-con dd p { height: auto; }
  .in-about dt { width: 40%; }
  .in-about dd { margin-left: calc(40% + 32px); }
}

@media screen and (max-width: 1229px) {
  .header .nav li a { padding: 0 clamp(9px, 1.5vw, 26px); }
  .home-product-sidebar { width: 25%; }
  .in-prd-con { width: 73%; }
  .in-prd-con .list-1 li .img-center {
    height: auto;
    line-height: normal;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .in-case-menu { width: 24%; }
  .in-case-con { margin-left: calc(24% + 20px); }
  .in-case-con dt { width: 45%; }
  .in-case-con dd { margin-left: calc(45% + 22px); }
  .in-case-con dd p { height: auto; }
  .in-about dt { width: 43%; }
  .in-about dd { margin-left: calc(43% + 24px); }
  .footer-nav a { margin: 0 10px; }
}

@media screen and (max-width: 991px) {
  .container { width: 100%; padding: 0 15px; }
  .header .text { display: none; }
  .home-product-sidebar,
  .in-prd-con { float: none; width: 100%; }
  .home-product-sidebar { margin-bottom: 28px; }
  .home-product-sidebar .in-prd-cate dl {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 5px 12px;
  }
  .home-product-sidebar .in-prd-cate .tit { clear: both; }
  .home-product-sidebar .in-prd-cate:after {
    content: '';
    display: table;
    clear: both;
  }
  .home-contact-card { max-width: 430px; margin: 20px auto 0; }
  .in-case-menu { width: 23%; }
  .in-case-menu li a { padding-left: 15px; padding-right: 12px; }
  .in-case-con { margin-left: calc(23% + 16px); }
  .in-case-con dt { width: 44%; }
  .in-case-con dd { margin-left: calc(44% + 18px); }
  .in-case-con dd p { line-height: 1.55; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .header .nav ul { display: flex; flex-wrap: wrap; }
  .header .nav li { display: flex; position: relative; background: none; }
  .header .nav li a { line-height: 46px; padding: 0 12px; font-size: 14px; }
  .header .nav li .arr { display: block; order: 2; width: 24px; height: 46px; }
  .header .nav li.dropdown:before { display: none; }
}

@media screen and (max-width: 767px) {
  .home-product-sidebar { display: block; }
  .home-product-sidebar .in-prd-cate { display: block; }
  .home-product-sidebar .in-prd-cate dl { width: 100%; }
  .home-product-sidebar .in-prd-cate .tit { padding: 16px 0; }
  .home-product-sidebar .in-prd-cate .tit:before { font-size: 24px; }
  .home-product-sidebar .in-prd-cate .tit:after { font-size: 16px; margin-top: 8px; }
  .home-contact-card { width: 100%; }
  .in-prd-con .list-1 li .img-center {
    height: auto;
    line-height: normal;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .in-prd-con .list-1 li p { font-size: 14px; }
  .banner .swiper-slide { height: clamp(110px, 34.43vw, 264px); }
}

/* 产品展示独立限宽，避免超宽屏把侧栏与图片无限拉大。 */
@media screen and (min-width: 992px) {
  .home-product-layout.container {
    width: min(93%, 1360px);
    display: grid;
    grid-template-columns: clamp(260px, 20vw, 320px) minmax(0, 1fr);
    align-items: start;
    column-gap: clamp(26px, 2.2vw, 38px);
  }
  .home-product-layout:before,
  .home-product-layout:after { content: none; display: none; }
  .home-product-layout .home-product-sidebar,
  .home-product-layout .in-prd-con {
    float: none;
    width: auto;
    min-width: 0;
  }
  .home-product-layout .list-1 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin: 0;
  }
  .home-product-layout .list-1:before,
  .home-product-layout .list-1:after { content: none; display: none; }
  .home-product-layout .list-1 li {
    float: none;
    width: auto;
    min-width: 0;
  }
  .home-product-layout .list-1 li a { margin: 0; }
  .home-product-layout .list-1 li .img-center {
    height: auto;
    line-height: normal;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .home-product-layout .list-1 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}