.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 100%;
  height: 6425px;
}

.group_1 {
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/0c8b67487a004f10b5de1883e592cae2_mergeImage.png);
  width: 100%;
  height: 28vw;
  background-size: cover;
  background-position: center;
}

.section_1 {
  width: 1920px;
  height: 64px;
  justify-content: flex-center;
}

.label_1 {
  width: 36px;
  height: 35px;
  margin: 18px 0 0 360px;
}

.image_1 {
  width: 112px;
  height: 23px;
  margin: 23px 0 0 8px;
}

.text_1 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 20px 0 0 618px;
}

.text_2 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 20px 0 0 45px;
}

.text_3 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 20px 0 0 31px;
}

.text_4 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 20px 0 0 31px;
}

.text_5 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 20px 360px 0 31px;
}

.text_6 {
  width: 480px;
  height: 84px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 84px;
  margin: 172px 0 0 360px;
}

.text_7 {
  width: 552px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin: 45px 0 175px 360px;
}

.group_2 {
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1b56d4b47ee44886b4d922cdc2112992_mergeImage.png);
  height: 1022px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.text-wrapper_21 {
    width: 160px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: end;
    margin: 0 auto;
}

.text_8 {
  width: 160px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
}

.box_23 {
  width: 1200px;
  height: 650px;
  justify-content: center;
  align-items: end;
  margin: 0 auto;
}

.group_16 {
  width: 160px;
  height: 524px;
}

.group_3 {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  background-color: rgb(255, 255, 255);
  width: 160px;
  height: 110px;
}

.image-text_17 {
  width: 64px;
  height: 69px;
  margin: 20px 0 0 48px;
}

.label_2 {
  width: 40px;
  height: 40px;
  margin-left: 12px;
}

.text-group_1 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 7px;
}

.group_4 {
  background-color: rgba(255, 255, 255, 1);
  width: 160px;
  height: 110px;
  margin-top: 28px;
}

.image-text_18 {
  width: 40px;
  height: 69px;
  margin: 22px 0 0 63px;
}

.label_3 {
  width: 40px;
  height: 40px;
}

.text-group_2 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 7px 0 0 4px;
}

.group_5 {
  background-color: rgba(255, 255, 255, 1);
  width: 160px;
  height: 110px;
  margin-top: 28px;
}

.image-text_19 {
  width: 40px;
  height: 66px;
  margin: 22px 0 0 63px;
}

.label_4 {
  width: 40px;
  height: 40px;
}

.text-group_3 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 4px 0 0 2px;
}

.group_6 {
  background-color: rgba(255, 255, 255, 1);
  width: 160px;
  height: 110px;
  margin-top: 28px;
}

.image-text_20 {
  width: 40px;
  height: 64px;
  margin: 26px 0 0 63px;
}

.label_5 {
  width: 40px;
  height: 40px;
}

.text-group_4 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 2px 0 0 2px;
}

.group_17 {
  width: 160px;
  height: 524px;
  margin-left: 30px;
}

.box_3 {
  background-color: rgba(255, 255, 255, 1);
  width: 160px;
  height: 110px;
}

.image-text_21 {
  width: 64px;
  height: 69px;
  margin: 20px 0 0 48px;
}

.label_6 {
  width: 40px;
  height: 40px;
  margin-left: 12px;
}

.text-group_5 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 7px;
}

.box_4 {
  background-color: rgba(255, 255, 255, 1);
  width: 160px;
  height: 110px;
  margin-top: 28px;
}

.image-text_22 {
  width: 34px;
  height: 66px;
  margin: 25px 0 0 63px;
}

.label_7 {
  width: 34px;
  height: 34px;
}

.text-group_6 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 10px 0 0 1px;
}

.box_5 {
  background-color: rgba(255, 255, 255, 1);
  width: 160px;
  height: 110px;
  margin-top: 28px;
}

.image-text_23 {
  width: 40px;
  height: 66px;
  margin: 22px 0 0 62px;
}

.label_8 {
  width: 40px;
  height: 40px;
}

.text-group_7 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 4px 0 0 4px;
}

.box_6 {
  background-color: rgba(255, 255, 255, 1);
  width: 160px;
  height: 110px;
  margin-top: 28px;
}

.image-text_24 {
  width: 64px;
  height: 66px;
  margin: 24px 0 0 50px;
}

.label_9 {
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.text-group_8 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 4px;
}

.box_7 {
  height: 536px;
  border: 8px solid rgba(255, 255, 255, 1);
  background-size: 797px 536px;
  width: 796px;
  margin: -8px -8px 0 62px;
  position: relative;
  z-index: 1;
}

.box_8 {
  background-color: rgba(0, 47, 167, 0.8);
  width: 427px;
  height: 134px;
  margin: 388px 0 0 357px;
}

.text-group_19 {
  width: 363px;
  height: 75px;
  margin: 28px 0 0 36px;
}

.text_9 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_10 {
  width: 363px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
  margin-top: 13px;
}

.section_13 {
    width: 100%;
    height: 1329px;
}

.text_11 {
  width: 80px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 40px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  align-items: end;
  margin: auto;
}

.grid_7 {
  width: 1200px;
  height: 733px;
  flex-wrap: wrap;
  margin: auto;
}

.list-items_1-0 {
  background-color: rgba(255, 255, 255, 1);
  width: 360px;
  height: 318px;
  margin: 0 60px 97px 0;
}

.image_2-0 {
  width: 80px;
  height: 80px;
  margin: 30px 0 0 140px;
}

.text-group_20-0 {
  width: 264px;
  height: 88px;
  margin: 49px 0 71px 48px;
}

.text_12-0 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
  margin-left: 84px;
}

.text_13-0 {
  width: 282px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin-top: 15px;
}

.list-items_1-1 {
  background-color: rgba(255, 255, 255, 1);
  width: 360px;
  height: 318px;
  margin: 0 60px 97px 0;
}

.image_2-1 {
  width: 80px;
  height: 80px;
  margin: 30px 0 0 140px;
}

.text-group_20-1 {
  width: 264px;
  height: 88px;
  margin: 49px 0 71px 48px;
}

.text_12-1 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
  margin-left: 53px;
}

.text_13-1 {
  width: 282px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin-top: 15px;
}

.list-items_1-2 {
  background-color: rgba(255, 255, 255, 1);
  width: 360px;
  height: 318px;
  margin: 0 60px 97px 0;
  margin-right: 0;
}

.image_2-2 {
  width: 80px;
  height: 80px;
  margin: 30px 0 0 140px;
}

.text-group_20-2 {
  width: 264px;
  height: 88px;
  margin: 49px 0 71px 48px;
}

.text_12-2 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
  margin-left: 84px;
}

.text_13-2 {
  width: 282px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin-top: 15px;
}

.list-items_1-3 {
  background-color: rgba(255, 255, 255, 1);
  width: 360px;
  height: 318px;
  margin: 0 60px 97px 0;
  margin-bottom: 0;
}

.image_2-3 {
  width: 80px;
  height: 80px;
  margin: 30px 0 0 140px;
}

.text-group_20-3 {
  width: 264px;
  height: 88px;
  margin: 49px 0 71px 48px;
}

.text_12-3 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
  margin-left: 84px;
}

.text_13-3 {
  width: 282px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin-top: 15px;
}

.list-items_1-4 {
  background-color: rgba(255, 255, 255, 1);
  width: 360px;
  height: 318px;
  margin: 0 60px 97px 0;
  margin-bottom: 0;
}

.image_2-4 {
  width: 80px;
  height: 80px;
  margin: 30px 0 0 140px;
}

.text-group_20-4 {
  width: 264px;
  height: 88px;
  margin: 49px 0 71px 48px;
}

.text_12-4 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
  margin-left: 84px;
}

.text_13-4 {
  width: 282px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin-top: 15px;
}

.list-items_1-5 {
  background-color: rgba(255, 255, 255, 1);
  width: 360px;
  height: 318px;
  margin: 0 60px 97px 0;
  margin-right: 0;
  margin-bottom: 0;
}

.image_2-5 {
  width: 80px;
  height: 80px;
  margin: 30px 0 0 140px;
}

.text-group_20-5 {
  width: 264px;
  height: 88px;
  margin: 49px 0 71px 48px;
}

.text_12-5 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
  margin-left: 84px;
}

.text_13-5 {
  width: 282px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin-top: 15px;
}

.group_8 {
  background-color: rgba(245, 245, 245, 1);
  height: 1852px;
  margin-top: -1px;
  width: 100%;
  position: relative;
}

.text-wrapper_22 {
  width: 856px;
  height: 130px;
  margin: 110px 0 0 879px;
}

.text_14 {
  width: 160px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 40px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin: auto;
}

.text_15 {
  width: 75px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 60px;
  font-family: HONORSansCN-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 79px;
  margin-top: 51px;
}

.group_18 {
  width: 1464px;
  height: 1459px;
  margin: 24px 0 129px 360px;
}

.group_19 {
  width: 785px;
  height: 1376px;
}

.grid_8 {
  width: 785px;
  height: 901px;
  flex-wrap: wrap;
}

.list-items_2-0 {
  position: relative;
  width: 372px;
  height: 426px;
  background-size: 100% 100%;
  margin: 0 41px 49px 0;
  background-color:white
}

.image_3-1 {
  position: absolute;
  left: 72px;
  top: 50px;
  width: 228px;
  height: 225px;
}

.group_9-0 {
  background-color: rgba(255, 255, 255, 1);
  width: 372px;
  height: 134px;
  margin-top: 292px;
}

.box_10-0 {
  background-color: rgba(131, 206, 236, 1);
  width: 6px;
  height: 6px;
  margin: 13px 0 0 34px;
}

.text-group_21-0 {
  width: 309px;
  height: 80px;
  margin: 7px 0 28px 34px;
}

.text_16-0 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
}

.text_17-0 {
  width: 309px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-top: 7px;
}

.text_18-0 {
  position: absolute;
  left: 269px;
  top: 275px;
  width: 74px;
  height: 85px;
  overflow-wrap: break-word;
  color: rgba(215, 215, 215, 0.5);
  font-size: 60px;
  font-family: HONORSans-ExtraBold;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 85px;
}

.list-items_2-1 {
  position: relative;
  width: 372px;
  height: 426px;
  background-size: 100% 100%;
  margin: 0 41px 49px 0;
  margin-right: 0;
  background-color: white;
}

.group_9-1 {
  background-color: rgba(255, 255, 255, 1);
  width: 372px;
  height: 134px;
  margin-top: 292px;
}

.box_10-1 {
  background-color: rgba(131, 206, 236, 1);
  width: 6px;
  height: 6px;
  margin: 13px 0 0 34px;
}

.text-group_21-1 {
  width: 309px;
  height: 80px;
  margin: 7px 0 28px 34px;
}

.text_16-1 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
}

.text_17-1 {
  width: 309px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-top: 7px;
}

.text_18-1 {
  position: absolute;
  left: 269px;
  top: 275px;
  width: 74px;
  height: 85px;
  overflow-wrap: break-word;
  color: rgba(215, 215, 215, 0.5);
  font-size: 60px;
  font-family: HONORSans-ExtraBold;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 85px;
}

.list-items_2-2 {
  position: relative;
  width: 372px;
  height: 426px;
  background-size: 100% 100%;
  margin: 0 41px 49px 0;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 1);
}

.group_9-2 {
  background-color: rgba(255, 255, 255, 1);
  width: 372px;
  height: 134px;
  margin-top: 292px;
}

.box_10-2 {
  background-color: rgba(131, 206, 236, 1);
  width: 6px;
  height: 6px;
  margin: 13px 0 0 34px;
}

.text-group_21-2 {
  width: 309px;
  height: 80px;
  margin: 7px 0 28px 34px;
}

.text_16-2 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
}

.text_17-2 {
  width: 309px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-top: 7px;
}

.text_18-2 {
  position: absolute;
  left: 269px;
  top: 275px;
  width: 74px;
  height: 85px;
  overflow-wrap: break-word;
  color: rgba(215, 215, 215, 0.5);
  font-size: 60px;
  font-family: HONORSans-ExtraBold;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 85px;
}

.list-items_2-3 {
  position: relative;
  width: 372px;
  height: 426px;
  background-size: 100% 100%;
  margin: 0 41px 49px 0;
  margin-right: 0;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 1);
}

.image_3-3 {
  position: absolute;
  left: 72px;
  top: 50px;
  width: 228px;
  height: 225px;
}

.group_9-3 {
  background-color: rgba(255, 255, 255, 1);
  width: 372px;
  height: 134px;
  margin-top: 292px;
}

.box_10-3 {
  background-color: rgba(131, 206, 236, 1);
  width: 6px;
  height: 6px;
  margin: 13px 0 0 34px;
}

.text-group_21-3 {
  width: 309px;
  height: 80px;
  margin: 7px 0 28px 34px;
}

.text_16-3 {
  width: 168px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
}

.text_17-3 {
  width: 309px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-top: 7px;
}

.text_18-3 {
  position: absolute;
  left: 269px;
  top: 275px;
  width: 74px;
  height: 85px;
  overflow-wrap: break-word;
  color: rgba(215, 215, 215, 0.5);
  font-size: 60px;
  font-family: HONORSans-ExtraBold;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 85px;
}

.section_4 {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 374px;
  height: 426px;
  margin-top: 49px;
}

.box_11 {
  background-color: rgba(255, 255, 255, 1);
  width: 372px;
  height: 134px;
  margin-top: 292px;
}

.group_10 {
  background-color: rgba(131, 206, 236, 1);
  width: 6px;
  height: 6px;
  margin: 13px 0 0 34px;
}

.text-group_22 {
  width: 315px;
  height: 79px;
  margin: 8px 0 28px 34px;
}

.text_19 {
  width: 96px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 33px;
}

.text_20 {
  width: 315px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(57, 58, 57, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-top: 6px;
}

.text_21 {
  position: absolute;
  left: 275px;
  top: 274px;
  width: 74px;
  height: 85px;
  overflow-wrap: break-word;
  color: rgba(215, 215, 215, 0.5);
  font-size: 60px;
  font-family: HONORSans-ExtraBold;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 85px;
}

.text-wrapper_23 {
  width: 79px;
  height: 668px;
  margin: 321px 0 0 103px;
}

.text_22 {
  width: 75px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 60px;
  font-family: HONORSansCN-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 79px;
}

.text_23 {
  width: 75px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 60px;
  font-family: HONORSansCN-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 79px;
  margin-top: 200px;
}

.text_24 {
  width: 75px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 60px;
  font-family: HONORSansCN-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 79px;
  margin: 231px 0 0 4px;
}

.image_4 {
  width: 489px;
  height: 1459px;
  margin-left: -54px;
}

.text_25 {
  width: 75px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(74, 74, 74, 1);
  font-size: 60px;
  font-family: HONORSansCN-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 79px;
  margin: 335px 0 0 -13px;
}

.section_5 {
  height: 28px;
  background: url(../img/line_4.png) -2px -2px
    no-repeat;
  background-size: 124px 32px;
  width: 120px;
  position: absolute;
  left: 1623px;
  top: 240px;
}

.group_11 {
  background-color: rgba(74, 74, 74, 1);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 22px 0 0 -6px;
}

.section_6 {
  height: 28px;
  background: url(../img/line_2.png) -2px -2px
    no-repeat;
  background-size: 124px 32px;
  width: 120px;
  position: absolute;
  left: 1239px;
  top: 664px;
}

.group_12 {
  background-color: rgba(74, 74, 74, 1);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 22px 0 0 114px;
}

.section_7 {
  height: 28px;
  background: url(../img/line_4.png) -2px -2px
    no-repeat;
  background-size: 124px 32px;
  width: 120px;
  position: absolute;
  left: 1715px;
  top: 678px;
}

.section_8 {
  background-color: rgba(74, 74, 74, 1);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 22px 0 0 -6px;
}

.image-rc{
  width: 80px;
  height: 200px;
  margin: 450 0 0 130;
}

.section_9 {
  height: 107px;
  background: url(../img/line_3.png) -2px -2px
    no-repeat;
  background-size: 194px 111px;
  width: 190px;
  position: absolute;
  left: 1239px;
  top: 757px;
}

.group_13 {
  background-color: rgba(74, 74, 74, 1);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 184px;
}

.section_10 {
  height: 28px;
  background: url(../img/line_2.png) -2px -2px
    no-repeat;
  background-size: 124px 32px;
  width: 120px;
  position: absolute;
  left: 1241px;
  top: 1253px;
}

.block_1 {
  background-color: rgba(74, 74, 74, 1);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 22px 0 0 114px;
}

.section_14 {
  width: 100%;
  height: 1624px;
  margin-bottom: 1px;
}

.text_26 {
  width: 10vw;
  height: 2.2vw;
  overflow-wrap: break-word;
  color: rgba(24, 24, 24, 1);
  font-size: 40px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin: 3vw 0 0 44vw;
}

.grid_9 {
  width: 50vw;
  height: 26vw;
  flex-wrap: wrap;
  margin: auto;
}

.box_12 {
  height: 300px;
  width: 580px;
  margin: 0 40px 40px 0;
  background-size: cover;
  background-position: center;
}

.text-wrapper_4 {
  background-color: rgba(0, 47, 167, 0.7);
  height: 300px;
  margin-left: 290px;
  width: 290px;
}

.paragraph_1 {
  width: 120px;
  height: 66px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  text-decoration: none;
  font-weight: 600;
  text-align: left;
  line-height: 33px;
  margin: 117px 0 0 50px;
}

.box_13 {
  height: 300px;
  margin-bottom: 40px;
  width: 580px;
  background-size: cover;
  background-position: center;
}

.text-wrapper_5 {
  background-color: rgba(0, 47, 167, 0.7);
  height: 300px;
  width: 290px;
}

.paragraph_2 {
  width: 120px;
  height: 66px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  text-decoration: none;
  font-weight: 600;
  text-align: left;
  line-height: 33px;
  margin: 117px 0 0 50px;
}

.box_14 {
  height: 300px;
  width: 580px;
  margin: 0 40px 40px 0;
  background-size: cover;
  background-position: center;
}

.text-wrapper_6 {
  background-color: rgba(0, 47, 167, 0.7);
  height: 300px;
  margin-left: 290px;
  width: 290px;
}

.paragraph_3 {
  width: 120px;
  height: 66px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  text-decoration: none;
  font-weight: 600;
  text-align: left;
  line-height: 33px;
  margin: 117px 0 0 50px;
}

.box_15 {
  height: 300px;
  margin-bottom: 40px;
  width: 580px;
  background-size: cover;
  background-position: center;
}

.text-wrapper_7 {
  background-color: rgba(0, 47, 167, 0.7);
  height: 300px;
  width: 290px;
}

.paragraph_4 {
  width: 120px;
  height: 66px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFangSC-Semibold;
  text-decoration: none;
  font-weight: 600;
  text-align: left;
  line-height: 33px;
  margin: 117px 0 0 50px;
}

.block_3 {
  background-color: rgba(24, 24, 24, 1);
  width: 1920px;
  height: 573px;
  margin: 161px 0 1px 0;
}

.box_24 {
  width: 1200px;
  height: 186px;
  margin: 116px 0 0 360px;
}

.image_9 {
  width: 92px;
  height: 80px;
}

.text-wrapper_24 {
  width: 126px;
  height: 182px;
  margin: 4px 0 0 107px;
}

.text_67 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 22px;
}

.text_68 {
  width: 112px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_69 {
  width: 112px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_70 {
  width: 126px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_71 {
  width: 126px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text-wrapper_25 {
  width: 112px;
  height: 102px;
  margin: 4px 0 0 75px;
}

.text_72 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 22px;
}

.text_73 {
  width: 112px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_74 {
  width: 112px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text-wrapper_26 {
  width: 64px;
  height: 142px;
  margin: 4px 0 0 88px;
}

.text_75 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_76 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_77 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_78 {
  width: 28px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text-wrapper_27 {
  width: 64px;
  height: 182px;
  margin: 4px 0 0 135px;
}

.text_79 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_80 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_81 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_82 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text_83 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 20px;
}

.text-group_23 {
  width: 202px;
  height: 182px;
  margin: 4px 0 0 135px;
}

.paragraph_11 {
  width: 201px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-left: 1px;
}

.paragraph_12 {
  width: 106px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-top: 22px;
}

.paragraph_13 {
  width: 128px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  margin-top: 20px;
}

.text_84 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 20px 0 0 1159px;
}

.image_10 {
  width: 1200px;
  height: 1px;
  margin: 89px 0 0 360px;
}

.text-wrapper_28 {
  width: 1201px;
  height: 20px;
  margin: 13px 0 108px 360px;
}

.text_85 {
  width: 242px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
}

.text_86 {
  width: 127px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
}

/* 模式项目样式 */
.mode-item {
  cursor: pointer;
  transition: all 0.3s ease;
}

.mode-item:hover {
  background-color: rgba(0, 47, 167, 0.8) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.mode-item:hover .text-group_1,
.mode-item:hover .text-group_2,
.mode-item:hover .text-group_3,
.mode-item:hover .text-group_4,
.mode-item:hover .text-group_5,
.mode-item:hover .text-group_6,
.mode-item:hover .text-group_7,
.mode-item:hover .text-group_8 {
  color: rgba(255, 255, 255, 1) !important;
}

.mode-item.selected {
  background-color: rgba(0, 47, 167, 1) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.mode-item.selected .text-group_1,
.mode-item.selected .text-group_2,
.mode-item.selected .text-group_3,
.mode-item.selected .text-group_4,
.mode-item.selected .text-group_5,
.mode-item.selected .text-group_6,
.mode-item.selected .text-group_7,
.mode-item.selected .text-group_8 {
  color: rgba(255, 255, 255, 1) !important;
}

/* 隐藏模式样式 */
.hidden-mode {
  opacity: 0.3;
  pointer-events: none;
}

.hidden-mode:hover {
  background-color: inherit !important;
  transform: none !important;
  box-shadow: none !important;
}