* {
    margin: 0;
    padding: 0;
  }
  
  body {
    overflow: hidden;
  }
  
  /* 自定义整个滚动条 */
  ::-webkit-scrollbar {
    width: 2px;
    /* 设置滚动条的宽度 */
    background-color: #f9f9f9;
    /* 滚动条的背景色 */
  }
  
  /* 自定义滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: #f9f9f9;
    /* 轨道的背景色 */
    /* 轨道的圆角 */
  }
  
  /* 自定义滚动条的滑块（thumb） */
  ::-webkit-scrollbar-thumb {
    background-color: #971D33;
    /* 滑块的背景色 */
  
  }
  
  
  .banner_box {
    width: 100%;
    height: calc(200px + 30rem);
    position: relative;
  }
  
  .index_banner {
    width: 100%;
    height: 100%;
  }
  
  .index_banner .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .index_banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .banner_text_box {
    max-width: 1440px;
    width: 85%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
  }
  
  .banner_text {
    width: calc(7px + 25rem);
    background: rgba(0, 0, 0, 0.47);
    padding: calc(13px + 2rem) calc(8px + 2rem);
  }
  
  .banner_text .p1 {
    font-family: pingfang_regular;
    font-weight: 500;
    font-size: calc(2px + 2rem);
    color: #FFFFFF;
    line-height: calc(19px + 2rem);
    text-align: left;
  
  }
  
  .banner_text .p2 {
    font-family: pingfang_regular;
    font-weight: 500;
    font-size: calc(8px + 0.5rem);
    color: #FFFFFF;
    line-height: calc(2px + 1.5rem);
    text-align: left;
    margin-top: calc(4px + 0.5rem);
  }
  
  .banner_prev {
    width: calc(5px + 0.5rem);
    height: calc(5px + 1rem);
    position: absolute;
    left: calc(20px + 5rem);
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    cursor: pointer;
  }
  
  .banner_prev img {
    width: 100%;
    height: 100%;
  }
  
  .banner_next {
    width: calc(5px + 0.5rem);
    height: calc(5px + 1rem);
    position: absolute;
    right: calc(20px + 5rem);
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    cursor: pointer;
  }
  
  .banner_next img {
    width: 100%;
    height: 100%;
  }
  
  .banner_box .swiper-pagination {
    bottom: calc(4px + 1.5rem) !important;
    display: flex;
    justify-content: flex-end;
    gap: calc(1px + 0.25rem);
    padding-right: calc(20px + 5rem);
  }
  
  .banner_box .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.5;
  }
  
  .banner_box .swiper-pagination-bullet-active {
    background-color: #ffffff;
    opacity: 1;
  }
  
  .product_box {
    width: 100%;
  }
  
  .product_title_box {
    width: 100%;
    background: #FBF7F0;
  }
  
  .product_title {
    max-width: 1440px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(15px + 5rem) 0;
  }
  
  .product_title_left {
    width: 60%;
  }
  
  .product_title_left .p1 {
    font-family: Alibaba;
    font-size: calc(4px + 2rem);
    color: #333333;
    line-height: calc(2px + 3rem);
  }
  
  .product_title_left .p2 {
    font-family: pingfang_regular;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(2px + 1.5rem);
    margin-top: calc(4px + 1rem);
  }
  
  .product_more {
    width: calc(96px + 5rem);
    height: calc(16px + 2rem);
    background-color: #971D33;
    border-radius: calc(10px + 1rem);
  }
  
  .product_more a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: pingfang_regular;
    font-weight: 500;
    font-size: calc(8px + 0.5rem);
    color: #FFFFFF;
  }
  
  .product_card_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: calc(4px + 1.5rem);
  }
  
  .product_card {
    width: 24.2186%;
    height: calc(152px + 20rem);
    background: #F7F7F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(15px + 2rem);
  }
  
  .product_card .product_card_pic {
    height: calc(56px + 15rem);
  }
  
  .product_card .product_card_pic img {
    height: 100%;
  }
  
  .product_card_more {
    width: max-content;
    padding: 0 calc(8px + 1.5rem);
    height: calc(7px + 2rem);
    background: #971D33;
    font-family: pingfang_regular;
    font-weight: 500;
    font-size: calc(8px + 0.5rem);
    color: #FFFFFF;
    line-height: 1;
  }
  
  .product_card_more a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(2px + 0.5rem);
  }
  
  .product_card_more img {
    width: calc(1px + 0.25rem);
  }
  
  .solution_box {
    width: 100%;
    padding-top: calc(10px + 5rem);
  }
  
  .solution_title .p1 {
    font-family: Alibaba;
    font-size: calc(4px + 2rem);
    color: #333333;
    line-height: calc(2px + 3rem);
    text-align: center;
  }
  
  .solution_title .p2 {
    width: calc(120px + 54rem);
    font-family: pingfang_regular;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(2px + 1.5rem);
    text-align: center;
    margin: auto;
    margin-top: calc(3px + 0.5rem);
  }
  
  .solution_card_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: calc(4px + 1rem);
    margin-top: calc(20px + 2rem);
  }
  
  .solution_card {
    width: 49.4792%;
    height: calc(136px + 20rem);
    position: relative;
  }
  
  .solution_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .solution_card .p1 {
    font-family: pingfang_medium;
    font-weight: 500;
    font-size: calc(8px + 1rem);
    color: #FFFFFF;
    line-height: calc(10px + 1.5rem);
    position: absolute;
    top: calc(2px + 2rem);
    left: calc(33px + 5rem);
  }
  
  .solution_card:nth-child(even) .p1 {
    color: #971D33;
  }
  
  .news_box {
    width: 100%;
    padding: calc(10px + 5rem) 0;
    background: url(../images/news_bg.jpg) no-repeat;
    background-size: cover;
  }
  
  .news_box .news {
    max-width: 1652px;
    width: 85%;
    margin: auto;
  }
  
  .news_title .p1 {
    font-family: Alibaba;
    font-size: calc(4px + 2rem);
    color: #333333;
    line-height: calc(2px + 3rem);
    text-align: center;
  }
  
  .news_title .p2 {
    font-family: pingfang_regular;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(2px + 1.5rem);
    text-align: center;
    margin: auto;
    margin-top: calc(3px + 0.5rem);
  }
  
  .news_list_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: calc(20px + 2rem);
  }
  
  .news_list_item {
    width: 32.5666%;
    background-color: #ffffff;
    padding-bottom: calc(10px + 1.5rem);
  }
  
  .news_list_item_pic {
    width: 100%;
    height: calc(52px + 15rem);
  }
  
  .news_list_item_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .news_list_item .p1 {
    font-family: pingfang_regular;
    font-weight: 500;
    font-size: calc(4px + 1rem);
    color: #971D33;
    line-height: calc(3px + 1.5rem);
    text-align: center;
    margin-top: calc(6px + 1rem);
  }
  
  .news_list_item .p2 {
    font-family: pingfang_regular;
    font-weight: 400;
    font-size: calc(10px + 0.5rem);
    color: #333333;
    line-height: calc(8px + 1rem);
    text-align: center;
    margin-top: calc(2px + 0.5rem);
    padding: 0 calc(5px + 0.25rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .about_box {
    width: 100%;
    padding-top: calc(10px + 5rem);
    padding-bottom: calc(60px + 5rem);
  }
  
  .about_box .about {
    max-width: 1652px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .about_left {
    width: 43.5835%;
  }
  
  .about_left .p1 {
    font-family: Alibaba;
    font-size: calc(4px + 2rem);
    color: #3A4046;
    line-height: calc(2px + 3rem);
  }
  
  .about_left .p2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(4px + 0.5rem);
    margin-top: calc(6px + 1.5rem);
  }
  
  .about_left .p2 p {
    font-family: pingfang_regular;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(2px + 1.5rem);
    text-indent: 4ch;
    text-align: justify;
  }
  
  .about_more {
    width: calc(60px + 5rem);
    height: calc(11px + 2rem);
    background: #971D33;
    margin-top: calc(20px + 2rem);
  }
  
  .about_more a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(5px + 0.25rem);
    font-family: pingfang_regular;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #FFFFFF;
    line-height: 1;
  }
  
  .about_more img {
    height: calc(1px + 0.5rem);
  }
  
  .about_pic {
    width: 50.6053%;
    height: calc(42px + 20rem);
  }
  
  .about_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  @media screen and (max-width: 1100px) {
    .banner_box {
      height: calc(158px + 6rem);
    }
  
    .banner_text .p1 {
      font-size: calc(12px + 1rem);
  
    }
  
    .banner_text .p2 {
      font-size: calc(10px + 1rem);
      line-height: 1.5;
    }
  
    .banner_text {
      width: 100%;
    }
  
    .banner_prev,
    .banner_next {
      display: none;
    }
  
    .product_title {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: calc(10px + 2rem);
    }
  
    .product_title_left {
      width: 100%;
    }
  
    .product_title_left .p1 {
      font-size: calc(14px + 1rem);
      line-height: 1.5;
    }
  
    .product_title_left .p2 {
      font-size: calc(10px + 1rem);
      line-height: 1.5;
    }
  
    .product_more {
      height: calc(25px + 2rem);
  
    }
  
    .product_more a {
      font-size: calc(10px + 1rem);
    }
  
    .product_card_box {
      flex-wrap: wrap;
      row-gap: calc(10px + 1rem);
    }
  
    .product_card {
      width: 48.5%;
      height: calc(112px + 20rem);
    }
  
    .product_card_more {
      font-size: calc(6px + 1rem);
      height: calc(18px + 2rem);
    }
 
    .product_card_more img {
      width: calc(5px + 0.25rem);
    }
  
    .solution_title .p1 {
      font-size: calc(14px + 1rem);
      line-height: 1.5;
    }
  
    .solution_title .p2 {
      width: 85%;
      font-size: calc(10px + 1rem);
      line-height: 1.5;
      text-align: justify;
    }
  
    .solution_card .p1 {
      font-size: calc(14px + 1rem);
    }
  
    .solution_card .p1 {
      width: max-content;
      top: calc(15px + 2rem);
      left: 50%;
      transform: translate(-50%);
      color: #971D33 !important;
    }
  
    .solution_card {
      width: 49.1792%;
      height: calc(64px + 20rem);
  
    }
  
    .news_title .p1 {
      font-size: calc(14px + 1rem);
      line-height: 1.5;
    }
  
    .news_title .p2 {
      font-size: calc(10px + 1rem);
      line-height: 1.5;
    }
  
    .news_list_box {
      flex-wrap: wrap;
      row-gap: calc(10px + 2rem);
    }
  
    .news_list_item {
      width: 100%;
    }
  
    .news_list_item_pic {
      height: calc(52px + 38rem);
    }
  
    .news_list_item .p1 {
      font-size: calc(9px + 1rem);
    }
  
    .news_list_item .p2 {
      font-size: calc(10px + 1rem);
      line-height: 1.5;
    }
  
    .about_box .about {
      flex-direction: column;
      justify-content: flex-start;
      gap: calc(10px + 2rem);
    }
  
    .about_left {
      width: 100%;
    }
  
    .about_left .p1 {
      font-size: calc(14px + 1rem);
      line-height: 1.5;
    }
  
    .about_left .p2 p {
      font-size: calc(10px + 1rem);
      line-height: 1.5;
    }
  
    .about_more {
      width: calc(68px + 5rem);
      height: calc(18px + 2rem);
    }
  
    .about_more a {
      font-size: calc(10px + 1rem);
    }
  
    .about_more img {
      height: calc(10px + 0.5rem);
    }
  
    .about_pic {
      width: 100%;
      height: calc(42px + 32rem);
    }
  }