* {
  margin: 0;
  padding: 0;
}

/* 自定义整个滚动条 */
::-webkit-scrollbar {
  width: 2px;
  /* 设置滚动条的宽度 */
  background-color: #f9f9f9;
  /* 滚动条的背景色 */
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f9f9f9;
  /* 轨道的背景色 */
  /* 轨道的圆角 */
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
  background-color: #B47664;
  /* 滑块的背景色 */
  /
}


.bnner_swiper {
  width: 100%;
  height: calc(200px + 40rem);
}

.home_banner_swiper {
  width: 100%;
  height: 100%;
}

.banner_pic {
  width: 100%;
  height: 100%;
  position: relative;
}

.banner_pic .ban_pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner_text {
  max-width: 1640px;
  width: 85%;
  height: 100%;

  position: absolute;
  top: 0;
  z-index: 10;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.banner_text .p1 {
  font-family: Source_Han_Light;
  font-weight: 300;
  font-size: calc(4px + 1rem);
  color: #FFFFFF;
  line-height: calc(5px + 1.5rem);
  margin-bottom: calc(3px + 1.5rem);
}

.banner_text .p2 {
  font-family: Source_Han_Regular;
  font-weight: 500;
  font-size: calc(12px + 3rem);
  color: #FFFFFF;
  line-height: calc(4px + 5rem);
  text-shadow: 0px calc(2px + 0.1rem) calc(5px + 0.25rem) rgba(0, 0, 0, 0.1);

}

.home_num_box {
  width: 100%;
  padding: calc(30px + 5rem) calc(14px + 3rem);

}

.home_num {
  max-width: 1640px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home_num .p1 {
  font-family: Source_Han_Regular;
  font-weight: 400;
  font-size: calc(8px + 2rem);
  color: #333333;
  line-height: calc(10px + 3rem);
  text-align: center;
}

.home_num .p2 {
  font-family: Source_Han_normal;
  font-weight: 350;
  font-size: calc(6px + 0.5rem);
  color: #333333;
  line-height: calc(3px + 1rem);
  margin-top: calc(3px + 0.25rem);
  text-align: center;
}

.home_text_box {
  width: 100%;
  background: url(../images/home_text_bg.jpg) no-repeat;
  background-size: cover;
  padding-top: calc(12px + 5rem);
  padding-bottom: calc(17px + 4rem);
}

.home_text_box .p1 {
  font-family: Source_Han_normal;
  font-weight: 350;
  font-size: calc(6px + 1.5rem);
  color: #A22124;
  line-height: calc(12px + 2rem);
  text-align: center;
}

.home_text_box .p2 {
  width: calc(138px + 30rem);
  font-family: Source_Han_normal;
  font-weight: 350;
  font-size: calc(8px + 0.5rem);
  color: #666666;
  line-height: calc(6px + 1.5rem);
  text-align: center;
  margin: auto;
  margin-top: calc(7px + 0.5rem);
}

.product_box {
  width: 100%;
  padding-top: calc(53px + 5rem);
  padding-bottom: calc(27px + 5rem);
}

.product {
  max-width: 1640px;
  width: 85%;
  margin: auto;
}

.procuct_nav_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.procuct_nav_box .product_nav_title {
  font-family: Source_Han_Regular;
  font-weight: 600;
  font-size: calc(8px + 2rem);
  color: #333333;
  line-height: 70px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.procuct_nav_box .product_nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(18px + 2rem);
}

.procuct_nav_box .product_nav .product_nav_item {
  font-family: Source_Han_normal;
  font-weight: 350;
  font-size: calc(8px + 0.5rem);
  color: #333333;
  line-height: calc(6px + 1rem);
  cursor: pointer;
}

.procuct_nav_box .product_nav .product_nav_item:nth-of-type(1) {
  color: #A22124;
}

.product_main_box {
  width: 100%;
  margin-top: calc(1px + 4rem);
}

.product_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.product_main:nth-of-type(1) {
  display: flex;
}

.product_item {
  width: 12.439%;
  transition: .5s;
  cursor: pointer;
}

.product_item:nth-of-type(1) {
  width: 59.756%;

}

.product_item .product_img {
  width: 100%;
  height: calc(100px + 20rem);
  position: relative;
}

.product_item .product_img .img1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: .5s;
}

.product_item .product_img .img2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: .5s;
}

.product_img_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .5s;
  background: url(../images/pro_mask.png) no-repeat;
  background-size: cover;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_more {
  width: calc(2px + 2rem);
  height: calc(2px + 2rem);
  background: #A22124;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_more .img3 {
  width: calc(10px + 0.5rem);
}

.product_item .product_img .img1 {
  opacity: 1;
}

.product_item .product_img .img2 {
  opacity: 0;
}

.product_name_1 {
  font-family: Source_Han_Light;
  font-weight: 300;
  font-size: calc(6px + 0.5rem);
  color: #333333;
  margin-top: calc(3px + 2rem);
}

.product_name_2 {
  font-family: Source_Han_Regular;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #333333;
  line-height: calc(6px + 1rem);
  margin-top: calc(4px + 0.25rem);
}

.view_more {
  font-family: Source_Han_normal;
  font-weight: 350;
  font-size: calc(8px + 0.5rem);
  color: #666666;
  line-height: calc(6px + 1rem);
  text-align: center;
  margin-top: calc(9px + 3rem);
}

.contact_box {
  width: 100%;
  padding-bottom: calc(5px + 4rem);
}

.contact_box .contact {
  max-width: 1780px;
  width: 92.5%;
  position: relative;
  left: 7.5%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.contact_left {
  width: 37.0787%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: calc(15px + 2rem);
}

.contact_left_text {
  border-bottom: calc(0px + 0.1rem) #D8D8D8 solid;
  padding-bottom: calc(6px + 3rem);
  cursor: pointer;
  transition: .3s;
}

.contact_left_text:hover .p2 .p4 {
  color: #A22124;
}

.contact_left_text:hover {
  border-bottom: calc(0px + 0.1rem) #A22124 solid;
}

.contact_left_text .p1 {
  font-family: Source_Han_Regular;
  font-weight: 400;
  font-size: calc(4px + 1rem);
  color: #222222;
  line-height: calc(5px + 1.5rem);
}

.contact_left_text .p2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(6px + 1rem);
}

.contact_left_text .p2 .p3 {
  width: calc(17px + 20rem);
  font-family: Source_Han_normal;
  font-weight: 350;
  font-size: calc(8px + 0.5rem);
  color: #666666;
  line-height: calc(6px + 1.5rem);

}

.contact_left_text .p2 .p4 {
  font-family: Source_Han_normal;
  font-weight: 350;
  font-size: calc(8px + 0.5rem);
  color: #222222;
  line-height: calc(6px + 1.5rem);
  transition: .3s;
}

.contact_left_pic {
  width: 100%;
  height: calc(16px + 10rem);
  margin-top: calc(16px + 2rem);
}

.contact_left_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact_right {
  width: 55.0562%;
  height: calc(180px + 40rem);
}

.contact_right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mail_box {
  width: 100%;
  background: url(../images/mail_bg.jpg) no-repeat;
  background-size: cover;
  padding: calc(15px + 4rem) 0;
}

.mail_box .mail .p1 {
  font-family: Source_Han_Regular;
  font-weight: 400;
  font-size: calc(4px + 1rem);
  color: #FFFFFF;
  line-height: calc(10px + 1.5rem);
  text-align: center;
}

.mail_box .mail .p2 {
  font-family: Source_Han_Light;
  font-weight: 300;
  font-size: calc(6px + 0.5rem);
  color: rgba(244, 245, 246, 0.7);
  line-height: calc(10px + 1.5rem);
  text-align: center;
  margin-top: calc(1px + 0.25rem);
}

.main_input label {
  display: none;
}

.main_input {
  width: calc(182px + 20rem);
  height: calc(14px + 2rem);
  border-radius: calc(29px + 5rem);
  border: 1px solid #F4F5F6;
  margin: auto;
  margin-top: calc(9px + 0.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: calc(2px + 0.25rem);
}

.main_input .form-horizontal {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_input .btn {
  width: calc(2px + 2rem) !important;
  height: calc(2px + 2rem) !important;
  background: #A22124;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_input .btn img {
  width: calc(10px + 0.5rem);
}

.main_input .fc-form-body {
  width: 85%;
}

.main_input .fc-form-body input {
  width: 100% !important;
  border: none;
  background-color: transparent;
  outline: medium;
  padding-left: calc(9px + 1rem);
  color: #ffffff;
}

.main_input .fc-form-body input::placeholder {
  color: #ffffff;
}

.card_box {
  width: 100%;
  padding-top: calc(19px + 5rem);
  padding-bottom: calc(7px + 3rem);
  overflow: hidden;
}

.card_box .card {
  max-width: 1640px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card_swiper {
  width: 94.0244%;
}

.cardSwiper {
  width: 100%;
}

.cardSwiper .swiper-slide {
  transform: scale(0.8) !important;
  /* width: calc(122px + 20rem) !important; */
  /* height: calc(122px + 20rem); */
  transition: .5s;
}

.cardSwiper .swiper-slide .card_pic_box {
  width: 100%;
  height: 100%;
  border-radius: calc(10px + 0.5rem);
  position: relative;
}

.cardSwiper .card_pic_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(10px + 0.5rem);
}

.cardSwiper .swiper-slide-active {
  transform: scale(1) !important;
}

.card_prev {
  width: calc(2px + 2rem);
  height: calc((2px + 2rem));
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_next {
  width: calc(2px + 2rem);
  height: calc((2px + 2rem));
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_title {
  width: 100%;
  height: calc(5px + 3rem);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0px 0px calc(10px + 0.5rem) calc(10px + 0.5rem);
  position: absolute;
  bottom: 0;
  font-family: Source_Han_Regular;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;
  line-height: calc(10px + 1.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(7px + 1rem);
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(1px + 0.5rem);
  margin-top: calc(16px + 3rem);
  position: static !important;
}

.swiper-pagination-bullet {
  width: calc(4px + 1.5rem) !important;
  height: calc(1px + 0.25rem) !important;
  background-color: #33333340;
  border-radius: 4px !important;
}

.swiper-pagination-bullet-active {
  background-color: #000000 !important;
}

@media (max-width: 1100px) {
  .bnner_swiper {
    height: calc(200px + 1rem);
  }

  .banner_text .p1 {
    font-size: calc(10px + 1rem);
    text-align: left;
    line-height: 1.5;
  }

  .banner_text .p2 {
    font-size: calc(16px + 1rem);
    line-height: 1.5;
  }

  .home_num_box {
    padding-left: 0;
    padding-right: 0;
  }

  .home_num {
    width: 95%;
  }

  .home_num .p2 {
    font-size: calc(6px + 1rem);
    line-height: 1.5;
  }

  .home_text_box .p1 {
    font-size: calc(12px + 1rem);
    line-height: 1.5;
  }

  .home_text_box .p2 {
    width: 85%;
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }

  .product_box {

    padding-top: calc(53px + -7rem);

  }

  .procuct_nav_box {
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);
  }

  .procuct_nav_box .product_nav {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: calc(10px + 1rem);
    row-gap: calc(10px + 3rem);
  }

  .procuct_nav_box .product_nav .product_nav_item {
    width: 30%;
    font-size: calc(10px + 1rem);
  }

  .product_name_1 {
    font-size: calc(10px + 1rem);
  }

  .product_name_2 {
    font-size: calc(10px + 1rem);
  }

  .product_item:nth-of-type(1) {
    width: 42.756%;
  }

  .product_item {
    width: 31.439%;

  }

  .view_more {
    font-size: calc(10px + 1rem);
  }

  .product_more {
    width: calc(18px + 2rem);
    height: calc(18px + 2rem);

  }

  .contact_box .contact {
    max-width: 1640px;
    width: 85%;
    margin: auto;
    position: static;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(10px + 1rem);
  }

  .contact_left {
    width: 100%;
  }

  .contact_left_text .p1 {
    font-size: calc(12px + 1rem);
  }

  .contact_left_text .p2 .p3 {
    width: 70%;
    font-size: calc(10px + 1rem) !important;
    line-height: 1.5;
  }

  .contact_left_text .p2 .p4 {
    font-size: calc(10px + 1rem);
  }

  .contact_right {
    width: 100%;
  }

  .mail_box .mail .p1 {
    font-size: calc(12px + 1rem);
  }

  .mail_box .mail .p2 {
    font-size: calc(10px + 1rem);
  }

  .cardSwiper .swiper-slide {
    transform: scale(1) !important;
  }

  .card_prev {
    display: none;
  }

  .card_next {
    display: none;
  }

  .card_swiper {
    width: 100%;
  }

  .card_title {
    font-size: calc(10px + 1rem);
  }

  .contact_left_pic {

    height: calc(16px + 22rem);

  }

  .main_input {
    height: calc(26px + 2rem);
  }

  .main_input .btn {
    width: calc(18px + 2rem) !important;
    height: calc(18px + 2rem) !important;
  }

  .mail_box .mail .p2 {
    margin-top: calc(12px + 0.25rem);
  }
}