@charset "UTF-8";
/* 手机：最大宽度 600px（适用于手机） */
@media only screen and (max-width: 600px) {
  /* 在这里添加手机端样式 */
  .product-left-category {
    display: none;
  }
  .product-list {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .home_swiper-container {
    height: 30vh !important;
    /* 设置为屏幕高度的三分之一 */
  }
  .about_top {
    gap: 10px;
  }
  .news_item {
    flex-direction: column;
    gap: 20px;
  }
  .news_item .left_img img {
    width: 100% !important;
  }
  .container2 p {
    width: 100%;
  }
  .container4 {
    height: 820px;
  }
  .container4 .container .content {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .date_line .title {
    margin: 40px 0 20px 0;
  }
  .date_line .content .left {
    gap: 20px;
  }
  .date_line .content .right {
    display: none;
  }
  .more_box {
    margin-top: 20px;
  }
  .more_box .header .title {
    font-size: 24px;
  }
  .more_box .row {
    padding: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
  .container1 {
    height: 500px;
  }
  .container1 .ct2 .text-contaner {
    padding-top: 30px;
  }
  .container1 img {
    height: 240px;
  }
  .container3 {
    display: grid;
    margin-top: 50px;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .container5 .text-box {
    padding: 30px 0;
  }
  .container5 .btns {
    top: inherit;
    bottom: -30px;
    transform: none;
  }
  .foot-navbar-nav {
    flex-direction: column;
    gap: 20px !important;
  }
  .foot-navbar-nav .container .row {
    justify-content: center;
  }
  .navbar-collapse {
    position: fixed;
    margin: 0 !important;
    left: 0;
    bottom: 0;
    height: 100vh;
    width: 200px;
    background: #fff;
    z-index: 999;
  }
  .navbar-collapse .navbar-nav {
    height: auto !important;
  }
  .foot-navbar-nav .container {
    display: none;
  }
}

/* 平板：601px到768px（适用于平板设备） */
@media only screen and (min-width: 601px) and (max-width: 768px) {
  /* 在这里添加平板端样式 */
  .home_swiper-container {
    height: 50vh;
    /* 设置为屏幕高度的一半 */
  }
  .news_item {
    gap: 20px;
  }
  .product-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .concat_top_form {
    min-height: 300px;
  }
  .concat_top_form .left {
    padding: 14px !important;
  }
  .container4 {
    height: 820px;
  }
  .container4 .container .content {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .navbar-collapse {
    position: fixed;
    margin: 0 !important;
    left: 0;
    bottom: 0;
    height: 100vh;
    width: 200px;
    background: #fff;
    z-index: 999;
  }
  .navbar-collapse .navbar-nav {
    height: auto !important;
  }
  .foot-navbar-nav {
    gap: 20px !important;
  }
  .foot-navbar-nav .container {
    display: none;
  }
}

/* 中等屏幕：769px到1024px（适用于较大平板或小型桌面设备） */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .product-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  /* 在这里添加中等屏幕设备样式 */
  /* 在这里添加平板端样式 */
  .home_swiper-container {
    height: 50vh;
    /* 设置为屏幕高度的一半 */
  }
  .search-input {
    display: none;
  }
  .foot-navbar-nav .container {
    display: none;
  }
}

/* 大屏幕：1025px到1199px（适用于桌面设备） */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  /* 在这里添加桌面端样式 */
}

/* 超大屏幕：1200px及以上（适用于非常大的显示器） */
@media only screen and (min-width: 1200px) {
  /* 在这里添加超大屏幕设备样式 */
}