.page {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.section {
  /*padding-bottom: 12.19rem;*/
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481133310555106.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-y-60 > *:not(:first-child) {
  margin-top: 3.75rem;
}
.section_2 {
  padding-bottom: 5.81rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790472021486972617.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_3 {
  padding: 0.94rem 22.5rem;
  background-color: #00000000;
}
.image {
  width: 3.94rem;
  height: 2.6rem;
}
.text {
  color: #0350ff;
  font-size: 1.38rem;
  font-family: PingFang SC;
  line-height: 1.28rem;
}
.font_1 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  color: #101010;
}
.text_2 {
  margin-left: 4.13rem;
}
.text_3 {
  margin-left: 3.75rem;
}
.group {
  margin-left: 3.75rem;
}
.space-x-37 > *:not(:first-child) {
  margin-left: 2.31rem;
}
.text-wrapper {
  padding: 0.75rem 0;
  /*background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418875115891027.png');*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.75rem;
  height: 2.5rem;
  margin-left: 20px
}
.text_4 {
  font-weight: 600;
}
.space-x-9 > *:not(:first-child) {
  margin-left: 0.56rem;
}
.text-wrapper_2 {
  padding: 0.75rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418878233541180.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.75rem;
  height: 2.5rem;
}
.font_2 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  font-weight: 600;
  color: #0350ff;
}
.text-wrapper_3 {
  padding: 0.75rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418878167136912.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.75rem;
  height: 2.5rem;
}
.font_3 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  font-weight: 600;
  color: #ffffff;
}
.group_2 {
  padding: 0 25.69rem;
}
.space-y-52 > *:not(:first-child) {
  margin-top: 3.25rem;
}
.text_5 {
  margin-left: 0.13rem;
  color: #0e1423;
  font-size: 3.25rem;
  font-family: PingFang SC;
  line-height: 3.03rem;
}
.font_4 {
  font-size: 2.13rem;
  font-family: PingFang SC;
  line-height: 3.75rem;
  color: #555963;
}
.section_4 {
  /*margin-top: 0.5rem;*/
  background-color: #ffffff;
  overflow: hidden;
  width: 11.25rem;
  height: 46px;
}
.image_2 {
  width: 4.25rem;
  height: 3.38rem;
}
.text_6 {
  color: #ffffff;
  font-size: 1.13rem;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 1.06rem;
}
.pos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section_5 {
  padding: 5.63rem 22.5rem 32rem;
  background-color: #f8fafd;
}
.space-y-42 > *:not(:first-child) {
  margin-top: 2.63rem;
}
.text_7 {
  color: #070f1e;
  font-size: 3rem;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 2.81rem;
}
.space-x-18 > *:not(:first-child) {
  margin-left: 1.13rem;
}
.section_6 {
  flex: 1 1 24.25rem;
  padding-bottom: 0.75rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481133464212931.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 30rem;
}
.section_7 {
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481137721347780.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image_3 {
  opacity: 0.13;
  width: 24.25rem;
  height: 15rem;
}
.section_8 {
  padding: 3.38rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481133531105817.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pos_2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.section_12 {
  padding: 0.38rem 0;
  background-color: #667d964b;
  width: 19.88rem;
}
.section_13 {
  margin: 0 0.44rem;
  padding: 1.5rem 0 1.88rem;
  background-color: #ffffffb1;
  width: 19rem;
}
.font_5 {
  font-size: 1.75rem;
  font-family: PangMenZhengDao;
  line-height: 1.28rem;
  color: #070f1e;
}
.text_11 {
  color: #52545c;
}
.font_6 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.16rem;
  font-weight: 600;
  color: #0e1423;
}
.text_12 {
  margin-left: 1.38rem;
  margin-top: 1.75rem;
  line-height: 1.19rem;
}
.group_3 {
  margin-top: 1.63rem;
  padding: 0 1.25rem;
}
.space-x-8 > *:not(:first-child) {
  margin-left: 0.5rem;
}
.font_7 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 0.81rem;
  color: #9fa4ab;
}
.group_4 {
  margin-top: 1.25rem;
  line-height: 1.28rem;
  width: 20.91rem;
}
.font_8 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 1.28rem;
  color: #52545c;
}
.font_9 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 1.28rem;
  color: #0350ff;
}
.section_10 {
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481139548844967.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image_4 {
  opacity: 0.5;
  mix-blend-mode: SCREEN;
  filter: blur(0.63rem);
  backdrop-filter: blur(0.063rem);
  width: 24.25rem;
  height: 15rem;
}
.image_5 {
  width: 16.06rem;
  height: 5.44rem;
}
.pos_4 {
  position: absolute;
  left: 1.47rem;
  top: 0;
}
.section_9 {
  padding: 1.5rem 1.25rem 1.75rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481133552026844.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 16.69rem;
}
.text_8 {
  color: #ffffff;
}
.text_9 {
  color: #ffffffa6;
}
.section_11 {
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481140716263160.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image_6 {
  opacity: 0.5;
  filter: blur(0.63rem);
  backdrop-filter: blur(0.063rem);
  width: 24.25rem;
  height: 15rem;
}
.pos_6 {
  position: absolute;
  left: 1.47rem;
  top: 3.66rem;
}
.section_14 {
  padding: 1.38rem 2.5rem 2.25rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481136860972663.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 16.69rem;
}
.space-y-30 > *:not(:first-child) {
  margin-top: 1.88rem;
}
.pos_3 {
  position: absolute;
  left: 0;
  top: 0;
}
.pos_5 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.text_10 {
  color: #9fa4ab;
}
.section_15 {
  margin-top: -17.69rem;
  background-color: #e4e9f3;
  overflow: hidden;
}
.group_5 {
  padding: 3.13rem 22.5rem;
}
.space-y-40 > *:not(:first-child) {
  margin-top: 2.5rem;
}
.space-x-14 > *:not(:first-child) {
  margin-left: 0.88rem;
}
.image_7 {
  width: 2.56rem;
  height: 2.5rem;
}
.text_13 {
  color: #364f67;
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 1.75rem;
}
.space-y-22 > *:not(:first-child) {
  margin-top: 1.38rem;
}
.space-x-20 > *:not(:first-child) {
  margin-left: 1.25rem;
}
.font_10 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  color: #364f67;
}
.text_14 {
  opacity: 0.791;
}
.text_15 {
  line-height: 0.91rem;
}
.group_8 {
  line-height: 0.72rem;
  height: 0.72rem;
}
.font_11 {
  font-size: 1rem;
  font-family: DIN Alternate;
  line-height: 0.72rem;
  font-weight: 700;
  color: #364f67;
}
.font_13 {
  font-size: 1rem;
  font-family: DIN Alternate;
  line-height: 0.94rem;
  font-weight: 700;
  color: #364f67;
}
.text_17 {
  line-height: 0.91rem;
}
.text_18 {
  line-height: 0.91rem;
}
.text_19 {
  font-weight: 600;
}
.group_9 {
  margin-left: 2.5rem;
}
.font_12 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.16rem;
  color: #364f67;
}
.group_6 {
  margin-left: 8rem;
}
.space-x-80 > *:not(:first-child) {
  margin-left: 5rem;
}
.group_7 {
  width: 6.75rem;
}
.space-y-20 > *:not(:first-child) {
  margin-top: 1.25rem;
}
.text-wrapper_4 {
  padding: 0.75rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418878233541180.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.75rem;
}
.section_16 {
  background-color: #ffffff;
  overflow: hidden;
}
.image_9 {
  width: 6.75rem;
  height: 2.5rem;
}
.text_16 {
  width: 4.06rem;
}
.pos_7 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.image_8 {
  width: 9.44rem;
  height: 9.44rem;
}
.section_18 {
  background-color: #ffffff;
}
.section_17 {
  padding: 0 22.5rem 1.63rem;
  background-color: #e4e9f3;
  overflow: hidden;
}
.space-y-26 > *:not(:first-child) {
  margin-top: 1.63rem;
}
.section_19 {
  background-color: #ccd3e1;
  height: 0.063rem;
}
.text_20 {
  color: #0b2944;
  line-height: 1.03rem;
}

/* 轮播图 */
#slideshow {
  position: relative;
  width: 100%;
  height: 680px;
  /* margin: 0 auto; */
  margin-top:-90px;
}
#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
#slideshow img:first-child {
  display: block;
}
#slideshow .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  font-size: 16px;
  text-align: center;
}

#next {
  background: url(../images/banner_arrow.png) no-repeat left bottom;
  position: absolute;
  right: 20px;
  top: 45%;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  z-index: 999;
}
#pre {
  background: url(../images/banner_arrow.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 45%;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  z-index: 999;
}