html {
  scroll-behavior: smooth;
}

.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  max-width: 1920px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.block_1 {
  max-width: 1920px;
  width: 100%;
  min-height: 865px;
  background: url(./img/da1867c086d36025cc68284a39833a54.png)
    center no-repeat;
  background-size: cover;
}

.box_1 {
  box-shadow: 0px 3px 4px 0px rgba(125, 105, 78, 0.2);
  background-color: rgba(247, 238, 222, 1);
  min-height: 107px;
  max-width: 1920px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.group_1 {
  max-width: 1632px;
  width: 95%;
  min-height: 60px;
  margin: 24px auto 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 40px;
}

.image_1 {
  max-width: 478px;
  width: 100%;
  height: auto;
}

.text_1 {
  max-width: 52px;
  width: 100%;
  height: 25px;
  overflow-wrap: break-word;
  color: rgba(52, 41, 24, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
}

.text_2 {
  max-width: 111px;
  width: 100%;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(52, 41, 24, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
}

.text_3 {
  max-width: 110px;
  width: 100%;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(52, 41, 24, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
}

.text_4 {
  max-width: 111px;
  width: 100%;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(52, 41, 24, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
}

.group_2 {
  max-width: 52px;
  width: 100%;
  height: 4px;
  margin: 2px auto 17px;
}

.block_2 {
  background-color: rgba(106, 61, 43, 1);
  max-width: 52px;
  width: 100%;
  height: 4px;
}

.box_2 {
  max-width: 1416px;
  width: 90%;
  min-height: 615px;
  margin: 89px auto 54px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  align-items: flex-start;
}

.box_3 {
  max-width: 645px;
  width: 100%;
  min-height: 593px;
}

.section_1 {
  max-width: 456px;
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image_2 {
  max-width: 100px;
  width: 100%;
  height: auto;
  margin-top: 4px;
}

.text_5 {
  max-width: 205px;
  width: 100%;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 48px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 48px;
  margin-left: 26px;
}

.image_3 {
  max-width: 100px;
  width: 100%;
  height: auto;
  margin: 4px 0 0 25px;
}

.section_2 {
  max-width: 645px;
  width: 100%;
  height: 66px;
  margin-top: 64px;
  display: flex;
  align-items: center;
}

.image_4 {
  max-width: 60px;
  width: 100%;
  height: auto;
  margin-top: 1px;
}

.text-wrapper_1 {
  max-width: 565px;
  width: 100%;
  min-height: 66px;
}

.text_6 {
  max-width: 254px;
  width: 100%;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
}

.text_7 {
  max-width: 563px;
  width: 100%;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(106, 81, 59, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 32px;
  margin: 16px 0 0 2px;
}

.section_3 {
  max-width: 633px;
  width: 100%;
  min-height: 100px;
  margin-top: 80px;
  display: flex;
  align-items: flex-start;
}

.image_5 {
  max-width: 60px;
  width: 100%;
  height: auto;
}

.text-group_1 {
  max-width: 551px;
  width: 100%;
  min-height: 98px;
  margin-top: 2px;
}

.text_8 {
  max-width: 168px;
  width: 100%;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin-left: 1px;
}

.paragraph_1 {
  max-width: 551px;
  width: 100%;
  min-height: 57px;
  overflow-wrap: break-word;
  color: rgba(106, 81, 59, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 32px;
  margin-top: 15px;
}

.section_4 {
  max-width: 634px;
  width: 100%;
  min-height: 100px;
  margin-top: 36px;
  display: flex;
  align-items: flex-start;
}

.image_6 {
  max-width: 60px;
  width: 100%;
  height: auto;
}

.text-group_2 {
  max-width: 551px;
  width: 100%;
  min-height: 98px;
  margin-top: 2px;
}

.text_9 {
  max-width: 110px;
  width: 100%;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
}

.paragraph_2 {
  max-width: 551px;
  width: 100%;
  min-height: 57px;
  overflow-wrap: break-word;
  color: rgba(106, 81, 59, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 32px;
  margin-top: 15px;
}

.section_5 {
  max-width: 634px;
  width: 100%;
  min-height: 102px;
  margin-top: 37px;
  display: flex;
  align-items: flex-start;
}

.image_7 {
  max-width: 60px;
  width: 100%;
  height: auto;
}

.text-group_3 {
  max-width: 552px;
  width: 100%;
  min-height: 99px;
  margin-top: 3px;
}

.text_10 {
  max-width: 139px;
  width: 100%;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 26px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
}

.paragraph_3 {
  max-width: 551px;
  width: 100%;
  min-height: 57px;
  overflow-wrap: break-word;
  color: rgba(106, 81, 59, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 32px;
  margin: 16px 0 0 1px;
}

.image_8 {
  max-width: 706px;
  width: 100%;
  height: auto;
  margin-top: 31px;
}

.block_3 {
  position: relative;
  max-width: 1920px;
  width: 100%;
}

.section_6 {
  max-width: 1920px;
  width: 100%;
  min-height: 832px;
  background: url(./img/f5fe9fabf621f325396f0f4963dfbbd8.png)
    center no-repeat;
  background-size: cover;
  padding-bottom: 50px;
}

.box_4 {
  max-width: 456px;
  width: 100%;
  height: 46px;
  margin: 156px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image_9 {
  max-width: 100px;
  width: 100%;
  height: auto;
  margin-top: 4px;
}

.text_11 {
  max-width: 205px;
  width: 100%;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 48px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 48px;
  margin-left: 26px;
}

.image_10 {
  max-width: 100px;
  width: 100%;
  height: auto;
  margin: 4px 0 0 25px;
}

.paragraph_4 {
  max-width: 983px;
  width: 90%;
  min-height: 421px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: justifyLeft;
  line-height: 44px;
  margin: 89px auto 120px;
}

.section_7 {
  max-width: 1920px;
  width: 100%;
  min-height: 833px;
  background: url(./img/c6b44bc7c961904db093c282e9ae92e7.png)
    center no-repeat;
  background-size: cover;
  padding-bottom: 50px;
}

.box_5 {
  max-width: 456px;
  width: 100%;
  height: 46px;
  margin: 112px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-text_1 {
  max-width: 322px;
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
}

.image_11 {
  max-width: 100px;
  width: 100%;
  height: auto;
  margin-top: 3px;
}

.text-group_4 {
  max-width: 202px;
  width: 100%;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 48px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 48px;
}

.image_12 {
  max-width: 100px;
  width: 100%;
  height: auto;
  margin-top: 3px;
}

.text_12 {
  max-width: 524px;
  width: 100%;
  height: 25px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin: 48px auto 0;
  text-align: center;
  display: block;
}

.box_6 {
  max-width: 1403px;
  width: 90%;
  min-height: 359px;
  margin: 93px auto 150px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.group_3 {
  background-color: rgba(243, 227, 208, 1);
  border-radius: 24px;
  min-height: 357px;
  border: 1px solid rgba(130, 104, 83, 1);
  max-width: 680px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.group_4 {
  max-width: 470px;
  width: 90%;
  height: 103px;
  margin: 70px auto 0;
  display: flex;
  align-items: center;
}

.image_13 {
  max-width: 88px;
  width: 100%;
  height: auto;
}

.text-wrapper_2 {
  max-width: 344px;
  width: 100%;
  min-height: 94px;
  margin-top: 6px;
}

.text_13 {
  max-width: 293px;
  width: 100%;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 42px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
}

.text_14 {
  max-width: 344px;
  width: 100%;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin-top: 30px;
}

.image-wrapper_1 {
  max-width: 188px;
  width: 100%;
  height: 60px;
  margin: 67px auto 57px;
  display: flex;
  justify-content: center;
}

.image_14 {
  max-width: 188px;
  width: 100%;
  height: auto;
}

.group_5 {
  background-color: rgba(243, 227, 208, 1);
  border-radius: 24px;
  min-height: 357px;
  border: 1px solid rgba(130, 104, 83, 1);
  margin-top: 2px;
  max-width: 680px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.group_6 {
  max-width: 388px;
  width: 90%;
  height: 100px;
  margin: 66px auto 0;
  display: flex;
  align-items: center;
}

.image_15 {
  max-width: 80px;
  width: 100%;
  height: auto;
}

.text-wrapper_3 {
  max-width: 267px;
  width: 100%;
  min-height: 92px;
  margin-top: 8px;
}

.text_15 {
  max-width: 262px;
  width: 100%;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 42px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
}

.text_16 {
  max-width: 267px;
  width: 100%;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin-top: 28px;
}

.image-wrapper_2 {
  max-width: 188px;
  width: 100%;
  height: 60px;
  margin: 72px auto 59px;
  display: flex;
  justify-content: center;
}

.image_16 {
  max-width: 188px;
  width: 100%;
  height: auto;
}

.section_8 {
  position: relative;
  max-width: 1920px;
  width: 100%;
  min-height: 549px;
  background: url(./img/e827ab4d00efa43f303b84ea61dc793a.png)
    center no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}

.block_4 {
  max-width: 628px;
  width: 100%;
  height: 60px;
  margin: 90px auto 0;
}

.block_5 {
  max-width: 1401px;
  width: 90%;
  min-height: 101px;
  margin: 75px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.image-text_2 {
  max-width: 232px;
  width: 100%;
  min-height: 57px;
  margin-top: 6px;
  display: flex;
  align-items: center;
}

.label_1 {
  max-width: 47px;
  width: 100%;
  height: auto;
}

.text-group_5 {
  max-width: 167px;
  width: 100%;
  min-height: 54px;
  margin-top: 3px;
}

.text_17 {
  max-width: 47px;
  width: 100%;
  height: 23px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin-left: 2px;
}

.text_18 {
  max-width: 167px;
  width: 100%;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin-top: 14px;
}

.box_7 {
  background-color: rgba(205, 181, 151, 1);
  width: 1px;
  height: 90px;
}

.image-text_3 {
  max-width: 478px;
  width: 100%;
  min-height: 95px;
  margin-top: 6px;
  display: flex;
  align-items: center;
}

.label_2 {
  max-width: 47px;
  width: 100%;
  height: auto;
}

.text-group_6 {
  max-width: 418px;
  width: 100%;
  min-height: 92px;
  margin-top: 3px;
}

.text_19 {
  max-width: 51px;
  width: 100%;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin-left: 1px;
}

.paragraph_5 {
  max-width: 418px;
  width: 100%;
  min-height: 59px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 36px;
  margin-top: 11px;
}

.box_8 {
  background-color: rgba(205, 181, 151, 1);
  width: 1px;
  height: 90px;
}

.image-text_4 {
  max-width: 367px;
  width: 100%;
  min-height: 62px;
  display: flex;
  align-items: center;
}

.label_3 {
  max-width: 47px;
  width: 100%;
  height: auto;
  margin-top: 6px;
}

.text-group_7 {
  max-width: 306px;
  width: 100%;
  min-height: 62px;
}

.text_20 {
  max-width: 50px;
  width: 100%;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Bold;
  font-weight: 700;
  /*text-align: right;*/
  white-space: nowrap;
  line-height: 44px;
}

.text_21 {
  max-width: 306px;
  width: 100%;
  height: 21px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 24px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 36px;
  margin-top: 17px;
}

.block_6 {
  min-height: 87px;
  background: url(./img/60ade53afc6f9738c01f8407cbc76623.png)
    center no-repeat;
  background-size: cover;
  margin-top: 136px;
  max-width: 1920px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-wrapper_4 {
  max-width: 481px;
  width: 100%;
  min-height: 21px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
  margin: 33px auto 0;
  text-align: center;
}

.text_22 {
  max-width: 481px;
  width: 100%;
  height: 21px;
  overflow-wrap: break-word;
  color: rgba(66, 46, 29, 1);
  font-size: 20px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44px;
}

.text_23 {
  max-width: 481px;
  width: 100%;
  height: 21px;
  overflow-wrap: break-word;
  color: rgba(56, 38, 17, 1);
  font-size: 20px;
  font-family: SourceHanSerifCN-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.image_17 {
  position: relative;
  max-width: 630px;
  width: 90%;
  height: auto;
  margin: 90px auto 0;
  display: block;
}

/* 响应式媒体查询 */
@media (max-width: 768px) {
  /* 导航修复 - 手机端居中 */
  .group_1 {
    gap: 8px;
    padding: 10px 0;
    width: 100%;
    justify-content: center;
    flex-direction: column;
  }

  .nav-links {
    justify-content: center;
    flex-wrap: wrap;
  }

  .text_1, .text_2, .text_3, .text_4 {
    font-size: 14px !important;
    margin: 5px 8px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    display: inline-block;
  }

  .image_1 {
    max-width: 150px !important;
    width: 100%;
    margin-bottom: 10px;
  }

  .box_1 {
    padding: 10px 0;
  }

  /* 文字调整 */
  .text_5, .text_11, .text-group_4 {
    font-size: 28px;
  }

  .text_6, .text_8, .text_9, .text_10 {
    font-size: 18px;
    white-space: normal !important;
    height: auto !important;
  }

  .text_7, .paragraph_1, .paragraph_2, .paragraph_3, .paragraph_4, .text_12 {
    font-size: 14px;
    white-space: normal !important;
    height: auto !important;
    line-height: 1.6;
  }

  /* 布局调整 */
  .box_2 {
    margin: 30px auto;
    padding: 0 10px;
  }

  .section_2, .section_3, .section_4, .section_5 {
    height: auto !important;
    min-height: auto;
    margin-top: 30px;
  }

  .text-wrapper_1, .text-group_1, .text-group_2, .text-group_3 {
    height: auto !important;
    min-height: auto;
  }

  /* 下载区域 */
  .box_6 {
    gap: 20px;
  }

  .group_3, .group_5 {
    width: 100%;
    max-width: 350px;
  }

  /* 联系我们 - 底部修复 */
  .section_8 {
    min-height: auto;
    padding: 30px 10px;
  }

  .block_5 {
    gap: 30px;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }

  .box_7, .box_8 {
    display: none;
  }

  .image-text_2, .image-text_3, .image-text_4 {
    width: 100%;
    max-width: 300px;
    min-height: auto;
    height: auto;
    justify-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    margin: 0;
  }

  .text-group_5, .text-group_6, .text-group_7 {
    min-height: auto;
    height: auto;
    margin-left: 15px;
    margin-top: 0;
  }

  .text_17, .text_19, .text_20 {
    font-size: 18px !important;
    height: auto !important;
    line-height: 1.4;
    margin: 0 0 5px 0 !important;
  }

  .text_18, .paragraph_5, .text_21 {
    font-size: 16px !important;
    white-space: normal !important;
    height: auto !important;
    line-height: 1.5;
    margin: 0 !important;
  }

  .paragraph_5 {
    min-height: auto;
  }

  .label_1, .label_2, .label_3 {
    max-width: 40px;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-top: 0;
  }

  .image_17 {
    position: relative;
    margin: 30px auto 0;
    width: 90%;
    max-width: 400px;
  }

  .block_6 {
    margin-top: 40px;
    min-height: auto;
    padding: 20px 0;
  }

  .text-wrapper_4 {
    margin: 0 auto;
    min-height: auto;
  }

  .text_22, .text_23 {
    font-size: 14px !important;
    height: auto !important;
    white-space: normal !important;
    line-height: 1.5;
  }
}

/* 小屏幕优化 */
@media (max-width: 480px) {
  .group_1 {
    flex-direction: column;
    gap: 10px;
  }

  .nav-links {
    gap: 10px;
  }

  .text_1, .text_2, .text_3, .text_4 {
    font-size: 16px !important;
    margin: 5px 0 !important;
  }

  .image_1 {
    max-width: 360px !important;
  }

  .text_13, .text_15 {
    font-size: 24px !important;
  }

  .text_14, .text_16 {
    font-size: 14px !important;
    white-space: normal !important;
  }

  /* 底部小屏幕优化 */
  .image-text_2, .image-text_3, .image-text_4 {
    max-width: 280px;
  }

  .text_17, .text_19, .text_20 {
    font-size: 16px !important;
  }

  .text_18, .paragraph_5, .text_21 {
    font-size: 14px !important;
  }

  .label_1, .label_2, .label_3 {
    max-width: 35px;
    width: 35px;
    height: 35px;
  }
}