/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
  'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

* {
  box-sizing: border-box;
  flex-shrink: 0;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

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

.items-start {
  display: flex;
  align-items: flex-start;
}

.items-center {
  display: flex;
  align-items: center;
}

.items-end {
  display: flex;
  align-items: flex-end;
}
.text_4 {
  text-transform: uppercase;
}
.group_5 {
  flex: 1 1 373px;
  padding-top: 51px;
  width: 373px;
  position: relative;
}
.text_16 {
  text-transform: uppercase;
  opacity: 0.85;
}
.section_5 {
  flex-shrink: 0;
  background-color: #9a9a9a;
  width: 2px;
  height: 249px;
}
.group_33 {
  flex: 1 1 371px;
  padding-top: 24px;
  width: 371px;
  position: relative;
}
.image_5 {
  width: 373px;
  height: 241px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_3 {
  padding: 207px 25px 15px;
  background-color: #efefef;
  width: 373px;
}
.section_4 {
  padding: 207px 24px 15px;
  background-color: #efefef;
  width: 373px;
}
.image-wrapper_1 {
  width: 294px;
}
.image_3 {
  margin-top: 3px;
  width: 30px;
  height: 14px;
}
.image_32 {
  margin-top: 24px;
  width: 371px;
  height: 266px;
}
.text_7 {
  color: #000;
  font-size: 19px;
  font-family: Adobe Heiti Std;
  line-height: 19px;
  letter-spacing: -1.14px;
}
.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.section_1 {
  padding-bottom: 98px;
  background-color: #f7f7f7;
}
.text_5 {
  margin-top: 112px;
  align-self: center;
  color: #000;
  font-size: 53px;
  font-family: Adobe Heiti Std;
  line-height: 50px;
  letter-spacing: -3.18px;
}
.text_6 {
  margin-top: 35px;
  align-self: center;
  color: #000;
  font-size: 19px;
  font-family: Adobe Heiti Std;
  line-height: 19px;
  letter-spacing: -1.14px;
}
.group_3 {
  margin-top: 42px;
  align-self: center;
}
.group_7 {
  margin-top: 133px;
  align-self: center;
}
.group_8 {
  margin-top: 86px;
  align-self: center;
  width: 935px;
}
.group_15 {
  margin-top: 65px;
  align-self: center;
  width: 952px;
}
.group_23 {
  margin-top: 174.5px;
  align-self: center;
}
.group_24 {
  margin-top: 161px;
  align-self: center;
  width: 1138px;
}
.group_29 {
  margin-top: 136px;
  align-self: center;
}
.image_42 {
  margin-top: 139px;
  align-self: center;
  width: 634px;
  height: 54px;
}
.text-wrapper_1 {
  margin-top: 61px;
  padding: 22px 0 19px;
  background-color: #9a9a9a;
}
.image-wrapper {
  padding: 19px 0;
  background-color: #ffffff;
  border-bottom: solid 1px #654498;
}
.group {
  margin-top: 60px;
  padding: 232px 2px 295px;
  align-self: center;
  width: 1150px;
  position: relative;
}
.group_6 {
  margin-top: 38px;
}
.text_14 {
  color: #000;
  font-size: 52px;
  font-family: SourceHanSansSC;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -3.12px;
}
.text_15 {
  color: #000;
  font-size: 52px;
  font-family: SourceHanSansSC;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -3.12px;
}
.group_9 {
  margin-top: 5px;
  width: 245px;
}
.group_11 {
  margin-left: 57px;
  margin-top: 4px;
}
.group_13 {
  margin-left: 58px;
  width: 243px;
}
.group_16 {
  margin-top: 44px;
  padding-left: 12px;
}
.text_29 {
  color: #000;
  font-size: 52px;
  font-family: SourceHanSansSC;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -3.12px;
}
.text_30 {
  color: #000;
  font-size: 52px;
  font-family: SourceHanSansSC;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -3.12px;
}
.group_25 {
  padding: 14px 12px 11px 43px;
  position: relative;
}
.group_26 {
  margin-top: 49px;
}
.text_31 {
  align-self: center;
  color: #000;
  font-size: 52px;
  font-family: Adobe Heiti Std;
  line-height: 51px;
  letter-spacing: -3.12px;
}
.group_30 {
  margin-top: 46px;
}
.text_35 {
  color: #ffffff;
  font-size: 24px;
  font-family: Adobe Heiti Std;
  line-height: 23px;
  letter-spacing: -0.48px;
}
.image {
  margin-left: 385px;
  width: 79px;
  height: 61px;
}
.group_1 {
  line-height: 30px;
}
.text-wrapper {
  margin-top: 36px;
  padding: 15px 0 18px;
  border-radius: 27.5px;
  width: 214px;
  border: solid 1px #654498;
}
.group_2 {
  width: 1150px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.view_1 {
  margin-left: 46px;
}
.view_3 {
  margin-left: 46px;
}
.view_7 {
  margin-left: 46px;
}
.view_9 {
  margin-left: 46px;
}
.text_18 {
  margin-top: 52.5px;
  color: #000;
  font-size: 20px;
  font-family: Adobe Heiti Std;
  line-height: 31px;
  letter-spacing: -1.2px;
}
.view_11 {
  margin-top: 31px;
}
.group_12 {
  padding-left: 40px;
  padding-right: 38px;
  flex-shrink: 0;
  width: 328px;
}
.view_12 {
  margin-top: 31px;
}
.image_19 {
  align-self: center;
  width: 46px;
  height: 46px;
}
.group_14 {
  margin-top: 36px;
}
.section_6 {
  flex-shrink: 0;
  align-self: flex-start;
  background-color: #9a9a9a;
  width: 257px;
  height: 3px;
}
.section_7 {
  flex-shrink: 0;
  align-self: center;
  background-color: #9a9a9a;
  width: 239px;
  height: 3px;
}
.section_8 {
  margin-right: 29px;
  flex-shrink: 0;
  align-self: flex-end;
  background-color: #9a9a9a;
  width: 224px;
  height: 3px;
}
.group_17 {
  width: 236px;
}
.group_19 {
  margin-left: 66px;
  align-self: center;
}
.group_21 {
  margin-left: 58px;
  margin-top: 10px;
  width: 248px;
}
.image_23 {
  position: absolute;
  left: 43px;
  top: 50%;
  transform: translateY(-50%);
  width: 188px;
  height: 248px;
}
.image_24 {
  align-self: center;
  width: 286px;
  height: 223px;
}
.image_25 {
  position: absolute;
  right: 12px;
  bottom: 20px;
  width: 271px;
  height: 188px;
}
.group_28 {
  margin-top: 30px;
  padding-left: 30px;
  padding-bottom: 29px;
  position: relative;
}
.group_31 {
  padding-top: 25px;
  flex: 1 1 371px;
  width: 371px;
  position: relative;
}
.view_18 {
  margin-left: 41px;
}
.view_19 {
  margin-left: 39px;
}
.text {
  color: #666666;
  font-size: 22px;
  font-family: Adobe Heiti Std;
  line-height: 30px;
  letter-spacing: 1.32px;
}
.text_1 {
  color: #666666;
  font-size: 22px;
  font-family: Adobe Heiti Std;
  line-height: 30px;
  letter-spacing: 1.32px;
}
.text_2 {
  color: #654498;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
}
.image_1 {
  margin-left: 660px;
  width: 490px;
  height: 680px;
}
.text_3 {
  color: #333333;
  font-size: 60px;
  font-family: Microsoft YaHei;
  line-height: 60px;
  letter-spacing: 3.6px;
  position: absolute;
  left: 0;
  top: 138px;
}
.image_2 {
  width: 686px;
  height: 1px;
  position: absolute;
  left: 4px;
  top: 214px;
}
.section_2 {
  padding: 207px 26px 15px 27px;
  background-color: #efefef;
  width: 373px;
}
.image_17 {
  width: 52px;
  height: 52px;
}
.text_17 {
  margin-top: 25px;
  color: #000;
  font-size: 37px;
  font-family: SourceHanSansSC;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -2.22px;
}
.image_18 {
  align-self: center;
  width: 51px;
  height: 43px;
}
.text_19 {
  margin-top: 35px;
  align-self: center;
  color: #000;
  font-size: 37px;
  font-family: SourceHanSansSC;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -2.22px;
}
.text_20 {
  margin-top: 53.5px;
  color: #000;
  font-size: 20px;
  font-family: Adobe Heiti Std;
  line-height: 31px;
  letter-spacing: -1.2px;
}
.text_21 {
  align-self: center;
  color: #000;
  font-size: 37px;
  font-family: SourceHanSansSC;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -2.22px;
}
.text_22 {
  margin-top: 52.5px;
  color: #000;
  font-size: 20px;
  font-family: Adobe Heiti Std;
  line-height: 31px;
  letter-spacing: -1.2px;
}
.image_20 {
  align-self: center;
  width: 49px;
  height: 47px;
}
.group_18 {
  margin-top: 41px;
}
.group_20 {
  padding-left: 40px;
  padding-right: 14px;
  flex-shrink: 0;
  width: 328px;
}
.text_28 {
  margin-top: 53.5px;
  color: #000;
  font-size: 20px;
  font-family: Adobe Heiti Std;
  line-height: 31px;
  letter-spacing: -1.2px;
}
.view_17 {
  margin-right: 13px;
}
.image_29 {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 234px;
  height: 49px;
}
.image_30 {
  width: 259px;
  height: 20px;
}
.image_31 {
  position: absolute;
  right: 0;
  top: 0;
  width: 319px;
  height: 20px;
}
.section_9 {
  padding: 23px 0 47px;
  background-color: #efefef;
}
.image_35 {
  width: 43px;
  height: 78px;
  position: absolute;
  left: 28px;
  top: 0;
}
.section_10 {
  padding: 23px 0 46px;
  background-color: #efefef;
}
.image_38 {
  width: 56px;
  height: 77px;
  position: absolute;
  left: 23px;
  top: 0;
}
.section_11 {
  padding: 23px 0 65px;
  background-color: #efefef;
}
.image_41 {
  width: 61px;
  height: 79px;
  position: absolute;
  left: 19px;
  top: 0;
}
.image_4 {
  margin-top: 0;
}
.text_23 {
  align-self: center;
  color: #000;
  font-size: 37px;
  font-family: SourceHanSansSC;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -2.22px;
}
.text_24 {
  margin-top: 53.5px;
  color: #000;
  font-size: 20px;
  font-family: Adobe Heiti Std;
  line-height: 31px;
  letter-spacing: -1.2px;
}
.image_21 {
  align-self: center;
  width: 46px;
  height: 42px;
}
.text_25 {
  margin-top: 34px;
  align-self: center;
  color: #000;
  font-size: 37px;
  font-family: SourceHanSansSC;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -2.22px;
}
.text_26 {
  margin-top: 52.5px;
  color: #000;
  font-size: 20px;
  font-family: Adobe Heiti Std;
  line-height: 31px;
  letter-spacing: -1.2px;
}
.image_22 {
  width: 42px;
  height: 47px;
}
.text_27 {
  margin-top: 31px;
  color: #000;
  font-size: 37px;
  font-family: SourceHanSansSC;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -2.22px;
}
.image_26 {
  width: 294px;
  height: 27px;
}
.image_27 {
  width: 203px;
  height: 27px;
}
.image_28 {
  width: 264px;
  height: 27px;
}
.image_34 {
  margin-top: 44px;
  align-self: center;
  width: 113px;
  height: 50px;
}
.image_37 {
  margin-top: 44px;
  align-self: center;
  width: 170px;
  height: 51px;
}
.image_40 {
  margin-top: 56px;
  align-self: center;
  width: 212px;
  height: 20px;
}
.text_32 {
  color: #000;
  font-size: 28px;
  font-family: Adobe Heiti Std;
  line-height: 27px;
  letter-spacing: -1.68px;
}
.text_33 {
  color: #000;
  font-size: 28px;
  font-family: Adobe Heiti Std;
  line-height: 27px;
  letter-spacing: -1.68px;
}
.text_34 {
  color: #000;
  font-size: 28px;
  font-family: Adobe Heiti Std;
  line-height: 26px;
  letter-spacing: -1.68px;
}
.image_39 {
  margin-top: 25px;
}