html {
  scroll-behavior: smooth;
}

.page {
  background-color: rgba(248, 248, 248, 1);
  position: relative;
  width: 1958px;
  height: 6293px;
  margin: 0 auto;
  padding-top: 108px;
  overflow: hidden;
}

.box_1 {
  background-color: rgba(255, 255, 255, 1);
  width: 1921px;
  height: 108px;
  position: fixed;
  top: 0;
  left: calc(50% - 960px);
  z-index: 1000;
  transition: box-shadow 0.3s ease;
}

/* 导航底色整体平铺：铺满整个视口宽度，内容随页面居中 */
.box_1::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 108px;
  background-color: rgba(255, 255, 255, 1);
  z-index: -1;
}

.box_1.scrolled::before {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* 导航链接：继承导航文字颜色，hover 变品牌红 */
.text-wrapper_1 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

.text-wrapper_1 a:hover {
  color: rgba(192, 5, 19, 1);
}

.image_1 {
  width: 190px;
  height: 58px;
  margin: 26px 0 0 183px;
}

.text-wrapper_1 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
  margin: 27px 310px 0 54px;
}

.text_1 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

.text_2 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(192, 5, 19, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

.text_3 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

.box_2 {
  position: relative;
  width: 1958px;
  height: 6183px;
  margin-bottom: 1px;
}

.box_3 {
  width: 100%;
  height: 864px;
  background: url(./img/FigmaDDSSlicePNG9e6bb15ada9d37f3914298635720fc6a.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 0px;
}

.paragraph_1 {
  width: 971px;
  height: 130px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 60px;
  margin: 302px 0 0 161px;
}

.group_1 {
  width: 1600px;
  height: 230px;
  margin: 42px 0 160px 161px;
}

.box_4 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  height: 230px;
  width: 735px;
}

.group_2 {
  width: 20px;
  height: 6px;
  margin: 23px 0 0 29px;
}

.group_3 {
  box-shadow: 0px 4px 8px 1px rgba(219, 79, 81, 0.3);
  background-image: linear-gradient(
    90deg,
    rgba(203, 47, 48, 1) 0,
    rgba(233, 110, 116, 1) 100%
  );
  border-radius: 3px;
  width: 20px;
  height: 6px;
}

.text-wrapper_2 {
  width: 480px;
  height: 121px;
  margin: 25px 0 55px 121px;
}

.paragraph_2 {
  width: 480px;
  height: 121px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
}

.box_5 {
  background-color: rgba(178, 0, 34, 1);
  border-radius: 20px;
  height: 230px;
  width: 735px;
}

.group_4 {
  width: 20px;
  height: 6px;
  margin: 23px 0 0 29px;
}

.box_6 {
  box-shadow: 0px 4px 8px 1px rgba(219, 79, 81, 0.3);
  background-image: linear-gradient(
    90deg,
    rgba(203, 47, 48, 1) 0,
    rgba(233, 110, 116, 1) 100%
  );
  border-radius: 3px;
  width: 20px;
  height: 6px;
}

.text-wrapper_3 {
  width: 540px;
  height: 121px;
  margin: 25px 0 55px 91px;
}

.paragraph_3 {
  width: 540px;
  height: 121px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
}

.box_7 {
  height: 898px;
  background: url(./img/FigmaDDSSlicePNG1dab316d3a2a7811bb4a6c9018aca67f.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 100%;
  margin: 998px 0 0 0px;
}

.text-wrapper_4 {
  background-color: rgba(178, 0, 34, 1);
  width: 1115px;
  height: 547px;
  margin: 174px 0 0 413px;
}

.text_4 {
  width: 240px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
  margin: 55px 0 0 438px;
}

.paragraph_4 {
  width: 976px;
  height: 320px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 40px;
  margin: 58px 0 61px 59px;
}

.text_5 {
  width: 240px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin: 129px 0 0 861px;
}

.box_8 {
  width: 1430px;
  height: 395px;
  margin: 79px 0 0 209px;
}

.section_1 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 1) 0,
    rgba(53, 59, 196, 1) 100%
  );
  width: 202px;
  height: 202px;
}

.image-wrapper_1 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 42px 0 0 66px;
}

.label_1 {
  width: 43px;
  height: 49px;
  margin: 12px 0 0 15px;
}

.text_6 {
  width: 95px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 14px 0 41px 55px;
}

.section_2 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  width: 202px;
  height: 202px;
  margin-left: 22px;
}

.image-wrapper_2 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 42px 0 0 65px;
}

.label_2 {
  width: 46px;
  height: 41px;
  margin: 16px 0 0 13px;
}

.text_7 {
  width: 95px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 14px 0 41px 54px;
}

.section_3 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  width: 202px;
  height: 202px;
  margin: 193px 0 0 132px;
}

.image-wrapper_3 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 41px 0 0 65px;
}

.label_3 {
  width: 44px;
  height: 44px;
  margin: 14px 0 0 14px;
}

.text_8 {
  width: 117px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 15px 0 44px 43px;
}

.section_4 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  width: 202px;
  height: 202px;
  margin: 193px 0 0 20px;
}

.image-wrapper_4 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 41px 0 0 66px;
}

.label_4 {
  width: 48px;
  height: 48px;
  margin: 13px 0 0 11px;
}

.text_9 {
  width: 117px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 15px 0 44px 43px;
}

.section_5 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  width: 202px;
  height: 202px;
  margin: 193px 0 0 22px;
}

.image-wrapper_5 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 41px 0 0 65px;
}

.image_2 {
  width: 52px;
  height: 50px;
  margin: 11px 0 0 8px;
}

.text_10 {
  width: 117px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 15px 0 44px 42px;
}

.section_6 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  width: 202px;
  height: 202px;
  margin: 193px 0 0 22px;
}

.image-wrapper_6 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 41px 0 0 65px;
}

.label_5 {
  width: 46px;
  height: 46px;
  margin: 14px 0 0 12px;
}

.text_11 {
  width: 117px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 15px 0 44px 43px;
}

.text_12 {
  width: 240px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin: 301px 0 0 857px;
}

.box_9 {
  width: 1598px;
  height: 410px;
  margin: 67px 0 0 177px;
}

.block_1 {
  width: 295px;
  height: 410px;
}

.group_5 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  width: 295px;
  height: 189px;
}

.text-group_1 {
  width: 271px;
  height: 138px;
  margin: 19px 0 0 12px;
}

.text_13 {
  width: 271px;
  height: 74px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  letter-spacing: 2px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.paragraph_5 {
  width: 251px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 4px 0 0 10px;
}

.group_6 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  width: 295px;
  height: 189px;
  margin-top: 32px;
}

.text-group_2 {
  width: 271px;
  height: 138px;
  margin: 15px 0 0 12px;
}

.text_14 {
  width: 271px;
  height: 74px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  letter-spacing: 2px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.paragraph_6 {
  width: 251px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 4px 0 0 10px;
}

.block_2 {
  width: 296px;
  height: 410px;
  margin-left: 39px;
}

.section_7 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  width: 296px;
  height: 189px;
}

.text-group_3 {
  width: 272px;
  height: 138px;
  margin: 19px 0 0 12px;
}

.text_15 {
  width: 272px;
  height: 74px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  letter-spacing: 2px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.paragraph_7 {
  width: 252px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 4px 0 0 10px;
}

.section_8 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  width: 296px;
  height: 189px;
  margin-top: 32px;
}

.text-group_4 {
  width: 272px;
  height: 138px;
  margin: 15px 0 0 12px;
}

.text_16 {
  width: 272px;
  height: 74px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  letter-spacing: 2px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.paragraph_8 {
  width: 252px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 4px 0 0 10px;
}

.block_3 {
  width: 295px;
  height: 410px;
  margin-left: 41px;
}

.section_9 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  width: 295px;
  height: 189px;
}

.text-group_5 {
  width: 271px;
  height: 138px;
  margin: 19px 0 0 12px;
}

.text_17 {
  width: 271px;
  height: 74px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  letter-spacing: 2px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.paragraph_9 {
  width: 251px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 4px 0 0 10px;
}

.section_10 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  width: 295px;
  height: 189px;
  margin-top: 32px;
}

.text-group_6 {
  width: 271px;
  height: 138px;
  margin: 15px 0 0 12px;
}

.text_18 {
  width: 271px;
  height: 74px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  letter-spacing: 2px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.paragraph_10 {
  width: 251px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 4px 0 0 10px;
}

.grid_1 {
  width: 593px;
  height: 410px;
  margin-left: 39px;
  flex-wrap: wrap;
}

.text-wrapper_5 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  width: 278px;
  margin: 0 37px 30px 0;
}

.text_19 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text-wrapper_6 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  margin-bottom: 30px;
  width: 278px;
}

.text_20 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text-wrapper_7 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  width: 278px;
  margin: 0 37px 30px 0;
}

.text_21 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text-wrapper_8 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  margin-bottom: 30px;
  width: 278px;
}

.text_22 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text-wrapper_9 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  width: 278px;
  margin: 0 37px 30px 0;
}

.text_23 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text-wrapper_10 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  margin-bottom: 30px;
  width: 278px;
}

.text_24 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text-wrapper_11 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  width: 278px;
  margin: 0 37px 30px 0;
}

.text_25 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text-wrapper_12 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 12px;
  height: 80px;
  margin-bottom: 30px;
  width: 278px;
}

.text_26 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 20px;
}

.text_27 {
  width: 240px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin: 364px 0 0 863px;
}

.box_10 {
  width: 1595px;
  height: 177px;
  margin: 85px 0 0 153px;
}

.text_28 {
  width: 278px;
  height: 39px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin-top: 103px;
}

.image_3 {
  width: 185px;
  height: 168px;
  margin: 9px 0 0 49px;
}

.image_4 {
  width: 177px;
  height: 172px;
  margin: 5px 0 0 90px;
}

.image_5 {
  width: 188px;
  height: 164px;
  margin: 13px 0 0 90px;
}

.image_6 {
  width: 185px;
  height: 170px;
  margin: 7px 0 0 90px;
}

.image_7 {
  width: 173px;
  height: 177px;
  margin-left: 90px;
}

.list_1 {
  width: 1561px;
  height: 108px;
  margin: 15px 0 1137px 201px;
}

.list-items_1-0 {
  position: relative;
  width: 186px;
  height: 108px;
  margin-right: 92px;
}

.text_29-0 {
  position: absolute;
  left: 0;
  top: 0;
  width: 186px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
}

.text_30-0 {
  width: 179px;
  height: 68px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 40px 0 0 3px;
}

.list-items_1-1 {
  position: relative;
  width: 186px;
  height: 108px;
  margin-right: 92px;
}

.image-text_1-1 {
  position: absolute;
  left: 0;
  top: -183px;
  width: 186px;
  height: 223px;
}

.image_3-1 {
  width: 185px;
  height: 168px;
  margin-left: 1px;
}

.text-group_7-1 {
  width: 186px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-top: 15px;
}

.text_30-1 {
  width: 179px;
  height: 68px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 40px 0 0 3px;
}

.list-items_1-2 {
  position: relative;
  width: 186px;
  height: 108px;
  margin-right: 92px;
}

.image-text_1-2 {
  position: absolute;
  left: 0;
  top: -183px;
  width: 186px;
  height: 223px;
}

.image_3-2 {
  width: 185px;
  height: 168px;
  margin-left: 1px;
}

.text-group_7-2 {
  width: 186px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-top: 15px;
}

.text_30-2 {
  width: 179px;
  height: 68px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 40px 0 0 3px;
}

.list-items_1-3 {
  position: relative;
  width: 186px;
  height: 108px;
  margin-right: 92px;
}

.text_29-3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 186px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
}

.text_30-3 {
  width: 179px;
  height: 68px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 40px 0 0 3px;
}

.list-items_1-4 {
  position: relative;
  width: 186px;
  height: 108px;
  margin-right: 92px;
}

.image-text_1-4 {
  position: absolute;
  left: 0;
  top: -183px;
  width: 186px;
  height: 223px;
}

.image_3-4 {
  width: 185px;
  height: 168px;
  margin-left: 1px;
}

.text-group_7-4 {
  width: 186px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-top: 15px;
}

.text_30-4 {
  width: 179px;
  height: 68px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 40px 0 0 3px;
}

.list-items_1-5 {
  position: relative;
  width: 186px;
  height: 108px;
  margin-right: 92px;
}

.image-text_1-5 {
  position: absolute;
  left: 0;
  top: -183px;
  width: 186px;
  height: 223px;
}

.image_3-5 {
  width: 185px;
  height: 168px;
  margin-left: 1px;
}

.text-group_7-5 {
  width: 186px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-top: 15px;
}

.text_30-5 {
  width: 179px;
  height: 68px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 40px 0 0 3px;
}

.box_11 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  position: absolute;
  left: 323px;
  top: 3214px;
  width: 202px;
  height: 202px;
}

.image-wrapper_7 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 41px 0 0 65px;
}

.label_6 {
  width: 46px;
  height: 46px;
  margin: 13px 0 0 12px;
}

.text_31 {
  width: 117px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 15px 0 44px 42px;
}

.box_12 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  position: absolute;
  left: 544px;
  top: 3214px;
  width: 202px;
  height: 202px;
}

.image-wrapper_8 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 41px 0 0 65px;
}

.label_7 {
  width: 36px;
  height: 42px;
  margin: 15px 0 0 18px;
}

.text_32 {
  width: 117px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 15px 0 44px 43px;
}

.box_13 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  position: absolute;
  left: 656px;
  top: 3021px;
  width: 202px;
  height: 202px;
}

.image-wrapper_9 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 42px 0 0 65px;
}

.label_8 {
  width: 46px;
  height: 46px;
  margin: 14px 0 0 13px;
}

.text_33 {
  width: 95px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 14px 0 41px 55px;
}

.box_14 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  position: absolute;
  left: 879px;
  top: 3021px;
  width: 202px;
  height: 202px;
}

.image-wrapper_10 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 42px 0 0 66px;
}

.label_9 {
  width: 44px;
  height: 44px;
  margin: 14px 0 0 13px;
}

.text_34 {
  width: 95px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 14px 0 41px 55px;
}

.box_15 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  position: absolute;
  left: 1103px;
  top: 3021px;
  width: 202px;
  height: 202px;
}

.image-wrapper_11 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 42px 0 0 65px;
}

.label_10 {
  width: 42px;
  height: 42px;
  margin: 16px 0 0 15px;
}

.text_35 {
  width: 108px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 12px 0 36px 49px;
}

.box_16 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  position: absolute;
  left: 1326px;
  top: 3021px;
  width: 202px;
  height: 202px;
}

.image-wrapper_12 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 42px 0 0 65px;
}

.label_11 {
  width: 44px;
  height: 43px;
  margin: 16px 0 0 14px;
}

.text_36 {
  width: 108px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 12px 0 36px 48px;
}

.box_17 {
  background-image: linear-gradient(
    180deg,
    rgba(73, 190, 229, 0.9) 0,
    rgba(53, 59, 196, 0.9) 100%
  );
  position: absolute;
  left: 1549px;
  top: 3021px;
  width: 202px;
  height: 202px;
}

.image-wrapper_13 {
  background-color: rgba(247, 247, 247, 1);
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 42px 0 0 65px;
}

.label_12 {
  width: 45px;
  height: 46px;
  margin: 13px 0 0 13px;
}

.text_37 {
  width: 108px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 30px;
  margin: 12px 0 36px 48px;
}

.image_8 {
  position: absolute;
  left: 1947px;
  top: 3545px;
  width: 901px;
  height: 1947px;
}

.box_18 {
  height: 1944px;
  background: url(./img/FigmaDDSSlicePNGec5827b83d32edbd1e2ad6f0ae256aaa.png)
    0px -784px no-repeat;
  background-size: 1945px 785px;
  width: 784px;
  position: absolute;
  left: 0px;
  top: 5222px;
}

.box_19 {
  background-color: rgba(221, 231, 240, 0.8);
  position: relative;
  width: 1958px;
  height: 712px;
  margin-top: -4px;
}

.image_9 {
  width: 319px;
  height: 124px;
  margin: 89px 0 0 820px;
}

.paragraph_11 {
  width: 853px;
  height: 239px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 60px;
  margin: 70px 0 190px 275px;
}

.image_10 {
  position: absolute;
  left: 900px;
  top: 0px;
  width: 1057px;
  height: 703px;
}

.image_11 {
  position: absolute;
  left: 203px;
  top: 4751px;
  width: 187px;
  height: 175px;
}

.box_20 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  position: absolute;
  left: 178px;
  top: 858px;
  width: 1600px;
  height: 1059px;
}

.text_38 {
  width: 240px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
  margin: 42px 0 0 680px;
}

.paragraph_12 {
  width: 976px;
  height: 240px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 40px;
  margin: 49px 0 0 311px;
}

.image_12 {
  width: 1120px;
  height: 630px;
  margin: 16px 0 29px 0;
}

.image_13 {
  position: absolute;
  left: 1055px;
  top: 397px;
  width: 532px;
  height: 662px;
}

.box_21 {
  background-color: rgba(228, 228, 228, 1);
  position: absolute;
  left: 0px;
  top: 6038px;
  width: 100%;
  height: 248px;
}

.block_4 {
  width: 1593px;
  height: 58px;
  margin: 32px 0 0 167px;
}

.text_39 {
  width: 528px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 34px;
  margin-top: 12px;
}

.image_14 {
  width: 190px;
  height: 58px;
}

.block_5 {
  width: 100%;
  height: 0;
  border: none;
  border-top: 1px dashed rgba(47, 47, 47, 1);
  margin-top: 28px;
}

.text-wrapper_13 {
  width: 1593px;
  height: 90px;
  margin: 39px 0 0 167px;
}

.paragraph_13 {
  width: 939px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 30px;
}

.text_40 {
  width: 311px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 30px;
  margin-top: 32px;
}

.text-wrapper_14 {
  background-color: rgba(47, 47, 47, 1);
  border-radius: 30px;
  height: 49px;
  border: 1px solid rgba(82, 82, 82, 1);
  width: 282px;
  position: absolute;
  left: 819px;
  top: 93px;
}

.text_41 {
  width: 83px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 34px;
  margin: 7px 0 0 7px;
}

.text_42 {
  position: absolute;
  left: 74px;
  top: 0;
  width: 206px;
  height: 49px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 49px;
}

/* 融媒体平台卡片：使用六边形背景图（替代原蓝色渐变方块） */
.section_1,
.section_2,
.section_3,
.section_4,
.section_5,
.section_6,
.box_11,
.box_12,
.box_13,
.box_14,
.box_15,
.box_16,
.box_17 {
  background-image: url(./img/polygon_platform.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 重要栏目区块背景图（铺在标题与卡片下方，内容不受影响） */
.columns-bg {
  position: absolute;
  left: 0;
  top: 3532px;
  width: 100%;
  height: 900px;
  background-image: url(./img/columns_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.text_12,
.box_9 {
  position: relative;
  z-index: 1;
}

/* 传播形式区块背景图（铺在标题与图标下方，内容不受影响） */
.spread-bg {
  position: absolute;
  left: 0;
  top: 4432px;
  width: 100%;
  height: 790px;
  background-image: url(./img/spread_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.text_27,
.box_10,
.list_1 {
  position: relative;
  z-index: 1;
}

/* 传播形式：隐藏 box_10 中与 list_1 重复且位置偏移的图标，消除重影（
   保留 visibility:hidden 以维持 flex 占位，不影响 H5 图标 image_5 的位置与行高） */
.image_3,
.image_4,
.image_6,
.image_7 {
  visibility: hidden;
}

/* ===== 滚动淡入上浮：主要模块默认隐藏并下移，进入视口加 .in-view 渐显上浮 =====
   注意：box_2 本身不做动画（它是所有绝对定位子元素的包含块，变换会整体错位）；
   蜂窝（box_8 + box_11~17）、图标行（box_10 + list_1 + image_11）同处一条视口带，
   独立观察时几乎同时触发，形成自然的层叠上浮。 */
.box_3,
.box_7,
.text_5,
.box_8,
.box_11,
.box_12,
.box_13,
.box_14,
.box_15,
.box_16,
.box_17,
.text_12,
.box_9,
.text_27,
.box_10,
.list_1,
.image_11,
.box_18,
.box_20,
.box_21 {
  opacity: 0;
  transform: translateY(48px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.box_3.in-view,
.box_7.in-view,
.text_5.in-view,
.box_8.in-view,
.box_11.in-view,
.box_12.in-view,
.box_13.in-view,
.box_14.in-view,
.box_15.in-view,
.box_16.in-view,
.box_17.in-view,
.text_12.in-view,
.box_9.in-view,
.text_27.in-view,
.box_10.in-view,
.list_1.in-view,
.image_11.in-view,
.box_18.in-view,
.box_20.in-view,
.box_21.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* ===== 卡片 hover 上浮：上移 8px + 阴影加深；
   重要栏目的每张红色卡片单独响应 hover（而非整列一起上浮） ===== */
.box_4,
.box_5,
.group_5,
.group_6,
.section_7,
.section_8,
.section_9,
.section_10 {
  transition: transform 0.3s ease, box-shadow 0.3s ease,
    background-color 0.3s ease;
}

.box_4:hover,
.box_5:hover,
.group_5:hover,
.group_6:hover,
.section_7:hover,
.section_8:hover,
.section_9:hover,
.section_10:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}