* {
  margin: 0;
  padding: 0;
}

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

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

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


.home_banner {
  width: 100%;
  height: calc(80px + 50rem);
}

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

.home_banner_swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.home_banner_swiper .swiper-slide .banner_pic {
  width: 100%;
  height: 100%;
  position: relative;
}

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

.ban_text {
  max-width: 1640px;
  width: 85%;
  height: max-content;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.ban_text .p1 {
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(8px + 0.5rem);
  color: #3E3E3E;
  line-height: calc(10px + 0.5rem);
  text-align: left;
}

.ban_text .p2 {
  width: 50%;
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(20px + 3rem);
  color: #333333;
  line-height: calc(20px + 4rem);
  letter-spacing: calc(2px + 0.1rem);
  text-align: left;
  margin-top: calc(10px + 0.5rem);

}

.more {
  width: calc(8px + 10rem);
  height: calc(18px + 2rem);
  background: linear-gradient(-270deg, #EFA28B 0%, #B67865 100%);
  border-radius: calc(10px + 1rem);
  transition: .3s;
}

.more a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(7px + 1rem);
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(6px + 0.5rem);
  color: #FFFFFF;
  transition: .3s;
}

.more a img {
  width: calc(3.5px + 0.5rem);
}

.more:hover a {
  gap: calc(10px + 1.5rem);
}

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

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

.sub_title {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #666666;
  line-height: calc(10px + 1.5rem);
  text-align: center;
  margin-top: calc(9px + 0.5rem);
}

.product_main_box {
  width: 100%;
  margin-top: calc(11px + 3rem);
  display: flex;
  justify-content: space-between;
}

.product_main_item{
    width: 32.3171%;
    height: calc(40px + 30rem);
    position: relative;
    overflow: hidden;
}
.product_main_pic{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}
.product_main_mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: calc(8px + 1.5rem);
    padding-bottom: calc(3px + 2rem);
    
}
.product_main_item_name{
    width: 80%;
font-family: DM_Sans-bold;
font-weight: 600;
font-size: calc(6px + 1.5rem);
color: #FFFFFF;
line-height: calc(10px + 1.5rem);
letter-spacing: 1px;
text-align: left;
margin-bottom:calc(10px + 1.5rem);
}
.product_main_item:hover .more{
    background: linear-gradient(-270deg, #EFA28B 0%, #B67865 100%) !important;
}
.product_main_item:hover .more a{
    justify-content: center !important;
}
.product_main_item:hover .product_main_pic{
    transform: scale(1.1);
}

.product_mask {
  width: 100%;
  height: 100%;
  background-color: #5A312475;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: calc(21px + 5rem);
}

.product_mask .p1 {
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(6px + 1.5rem);
  color: #FFFFFF;
  line-height: calc(10px + 3rem);
  letter-spacing: 1px;
}

.product_mask .p2 {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #FFFFFF;
  line-height: calc(10px + 1.5rem);
  width: 45%;
  margin-top: calc(7px + 0.5rem);
}

.product_main_right {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product_main_right_item {
  width: 50%;
  height: calc(41px + 15rem);
  position: relative;
}

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

.product_main_right_item .product_main_right_item_name {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: calc(7px + 2rem);
  width: max-content;
  display: flex;
  align-items: center;
  border: 1px rgba(255, 255, 255, 0.6) solid;
  border-left: none;
  border-right: none;
  padding: 0 calc(1px + 0.25rem);

}

.about_box {
  width: 100%;
  background-color: #F7F6F2;
}

.about_box .about {
  max-width: 1780;
  width: 92.5%;
  margin-left: 7.5%;
  display: flex;
  justify-content: space-between;
  position: relative;

}

.about_left {
  flex: 1;
  padding-right: 7%;
}

.about_left .p1 {
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(0px + 2rem);
  color: #B37563;
  line-height: calc(10px + 3rem);
  letter-spacing: calc(0px + 0.1rem);
  margin-top: calc(59px + 5rem);
}

.about_left .p2 {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #666666;
  line-height: calc(10px + 1.5rem);
  margin-top: calc(9px + 1rem);
}

.about_pic {
  width: 53.9326%;
  height: calc(200px + 30rem);
}

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

.about_num {
  width: 50%;
  height: calc(32px + 10rem);
  background-color: #ffffff;
  border-radius: calc(5px + 0.25rem);
  position: absolute;
  bottom: calc(5px + 4rem);
  left: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-left: calc(5px + 1rem);
  z-index: 100;
}

.about_num .line {
  width: calc(0px + 0.1rem);
  height: calc(20px + 4rem);
  background: #EFEFEF;

}

.about_num .line:nth-last-of-type(1) {
  display: none;
}

.about_num_item img {
  width: calc(5px + 2rem);
}

.about_num_item .p1 {
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(6px + 1.5rem);
  color: #333333;
  margin-top: calc(8px + 0.5rem);

}

.about_num_item .p2 {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #666666;
  line-height: calc(1px + 1rem);
  margin-top: calc(1px + 0.25rem);
}

.why_box {
  width: 100%;
  padding-top: calc(51px + 5rem);
  padding-bottom: calc(33px + 5rem);
}

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

.why_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: calc(7px + 3rem);
}

.why_list_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.why_list_item img {
  width: calc(80px + 5rem);
}

.why_list_item .p1 {
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(4px + 1rem);
  color: #333333;
  line-height: calc(1px + 1.5rem);
  text-align: center;
  margin-top: calc(10px + 1rem);
}

.why_list_item .p2 {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #666666;
  line-height: calc(1px + 1rem);
  text-align: center;
  margin-top: calc(2px + 0.5rem);
}

.contact_box {
  width: 100%;
  height: calc(100px + 15rem);
  background: url(../images/contact_bg.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(2px + 2rem);
}

.contact_box .p1 {
  width: calc(116px + 50rem);
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(10px + 1rem);
  color: #FFFFFF;
  line-height: calc(20px + 2rem);
  letter-spacing: 1px;
  text-align: center;

}

.blog_box {
  width: 100%;
  padding-top: calc(3px + 5rem);
  padding-bottom: calc(19px + 5rem);
  height: calc(91px + 50rem);
  background: url(../images/blog_bg.jpg) no-repeat;
  background-size: contain;
  background-position: right;
}

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

.blog_list_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(8px + 4rem);
}

.blog_list_left {
  width: 35.6098%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(10px + 1rem);
}

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

.blog_list_left_item:nth-last-of-type(1) {
  border: none;
  padding-bottom: 0;
}

.blog_list_left_item:hover .p3 {
  color: #B67865;
}

.blog_list_left_item:hover {
  border-bottom: 1px #B67865 solid;
}

.blog_list_left_item:nth-last-of-type(1):hover {
  border: none;
}

.blog_list_left_item .p1 {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(2px + 1rem);
  color: #333333;
  line-height: calc(10px + 2rem);
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.blog_list_left_item .p2 {
  font-family: DM_Sans-regular;
  font-weight: 300;
  font-size: calc(4px + 0.5rem);
  color: #999999;
  line-height: calc(6px + 1rem);
  margin-top: 1px;

}

.blog_list_left_item .p3 {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(4px + 0.5rem);
  color: #333333;
  line-height: calc(8px + 0.5rem);
  margin-top: calc(15px + 0.5rem);
  transition: .3s;
}

.blog_list_right {
  width: 58.53.66%;
}

.blog_list_right_pic {
  width: 100%;
  height: calc(36px + 30rem);
  display: none;
}

.blog_list_right_pic:nth-of-type(1) {
  display: block;
}

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

@media screen and (max-width: 1100px){
  .ban_text .p1{
    font-size: calc(12px + 1rem);
  }

  .more {
    width: calc(100px + 10rem);
    height: calc(22px + 2rem);
  }
  .more a{
    font-size: calc(10px + 1rem);
  }
  .more a img {
    width: calc(10.5px + 0.5rem);
}
.sub_title{
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.product_main_box{
  flex-direction: column;
  justify-content: flex-start;
}
.product_main_box .product_main_left{
  width: 100%;
  height: calc(82px + 48rem);
}
.product_mask .p1{
  font-size: calc(14px + 1rem);
}
.product_mask .p2{
  width: 100%;
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.product_main_right_item {
  width: 50%;
  height: calc(41px + 22rem);
  position: relative;
}
.product_main_right_item .product_main_right_item_name{
  font-size: calc(10px + 1rem);
  height: calc(16px + 2rem);
}
.about_box .about{
  width: 85%;
  margin: auto;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(10px + 1rem);
}
.about_left .p1 {
  font-size: calc(14px + 1rem);
  margin-top: calc(10px + 3rem);
}
.about_left .p2{
  width: 100%;
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.about_pic{
  width: 100%;
  height: calc(150px + 30rem);

}
.about_num{
  width: 100%;
  height: calc(45px + 10rem);
}
.about_num_item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about_num_item img {
  width: calc(10px + 2rem);
}
.about_num_item .p1{
  font-size: calc(12px + 1rem);
}
.about_num_item .p2{
  font-size: calc(10px + 1rem);
}

.why_list_item{
  width: 48.75%;
}
.why_list{
  flex-wrap: wrap;
}
.why_list_item .p1{
  font-size: calc(12px + 1rem);
  line-height: 1.5;
}
.why_list_item .p2{
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.contact_box .p1{
  font-size: calc(12px + 1rem);
  line-height: 1.5;
}
.blog_box{
  height: auto;
}
.blog_list_box{
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(10px + 3rem);
}
.blog_list_left{
  width: 100%;
}
.blog_list_left_item .p1{
  font-size: calc(12px + 1rem);
  line-height: 1.5;
}
.blog_list_left_item .p2{
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.blog_list_left_item .p3{
  font-size: calc(9px + 1rem);
}
.blog_list_right{
  width: 100%;
}
.blog_list_right_pic {
 
  height: calc(36px + 54rem);
 
}

}