.frame-31,
.frame-31 * {
  box-sizing: border-box;
}

.body-content {
  width: 100%;
  height: 2827px;
  position: relative;
}
.frame-31 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame {
  flex-shrink: 0;
  width: 1920px;
  position: relative;
  z-index: 2;
}

.banner {
  align-self: stretch;
  flex-shrink: 0;
  height: 600px;
  position: relative;
}
.banner2 {
  width: 1920px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 1920/600;
}
.div9 {
  color: #ffffff;
  text-align: left;
  font-family: var(---font-family, "SourceHanSansCn-Heavy", sans-serif);
  font-size: var(---font-size, 42px);
  letter-spacing: var(---letter-spacing, 0.1em);
  font-weight: var(---font-weight, 400);
  position: absolute;
  left: 150px;
  top: 163px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._1-2-3-n-ict {
  color: #ffffff;
  text-align: left;
  font-family: var(---font-family, "SourceHanSansCn-Regular", sans-serif);
  font-size: var(---font-size, 22px);
  line-height: var(---line-height, 48px);
  font-weight: var(---font-weight, 400);
  position: absolute;
  left: 150px;
  top: 251px;
  width: 932px;
  height: 173px;
}

._12 {
  width: 1920px;
  background: #ffffff;
  align-self: stretch;
  flex-shrink: 0;
  height: 729px;
  position: relative;
  z-index: 2;
}

.display-content {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.frame-3 {
  padding: 10px 160px 20px 160px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 70px;
}
._1-2-3-n {
  color: var(--, #404040);
  text-align: center;
  font-family: "SourceHanSansCn-Heavy", sans-serif;
  font-size: 42px;
  letter-spacing: 0.1em;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

._2 {
  width: 300px;
  height: 471px;
  position: absolute;
  left: 642px;
  top: 188px;
}
._1-22 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 108.5px;
  top: 35px;
  overflow: visible;
  aspect-ratio: 1;
}
._3 {
  width: 300px;
  height: 471px;
  position: absolute;
  left: 970px;
  top: 188px;
}
._1-23 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 108.5px;
  top: 35px;
  overflow: visible;
  aspect-ratio: 1;
}
._4 {
  width: 300px;
  height: 471px;
  position: absolute;
  left: 1298px;
  top: 188px;
}
._1-24 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 108.5px;
  top: 35px;
  overflow: visible;
  aspect-ratio: 1;
}
._22 {
  background: #ffffff;
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 691px;
  position: relative;
}
._1-2-3-n2 {
  color: #404040;
  text-align: center;
  font-family: "SourceHanSansCn-Heavy", sans-serif;
  font-size: 42px;
  letter-spacing: 0.1em;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._14 {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 20px 36px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 240px;
  height: 433px;
  left: 316px;
  top: 188px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div14 {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 200px;
  position: relative;
}
._1-12 {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
  background-color: #104fff;
}
.div15 {
  color: rgba(64, 64, 64, 1);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div16 {
  color: rgba(153, 153, 153, 1);
  text-align: justified;
  font-family: var(---font-family, "SourceHanSansCn-Regular", sans-serif);
  font-size: 18px;
  font-weight: 400;
  position: relative;
  width: 220px;
  height: 240px;
}
.demand-content-list2 ul li:hover {
  margin-top: -20px;
}
.demand-content-list2 ul li:hover .div16 {
  color: rgba(64, 64, 64, 1);
}

._23 {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 20px 36px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 240px;
  height: 433px;
  position: absolute;
  left: 576px;
  top: 188px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.group-1-1 {
  flex-shrink: 0;
  width: 66px;
  height: 65px;
  position: relative;
  overflow: visible;
  aspect-ratio: 66/65;
}
._32 {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 20px 36px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 240px;
  height: 433px;
  position: absolute;
  left: 836px;
  top: 188px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
._1-13 {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._42 {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 20px 36px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 240px;
  height: 433px;
  position: absolute;
  left: 1096px;
  top: 188px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.group-2-1 {
  flex-shrink: 0;
  width: 67px;
  height: 65px;
  position: relative;
  overflow: hidden;
}
.clip-path-group {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.vector {
  width: 37.44%;
  height: 37.75%;
  position: absolute;
  right: 0%;
  left: 62.56%;
  bottom: 0%;
  top: 62.25%;
  overflow: visible;
}
.vector2 {
  width: 37.44%;
  height: 37.75%;
  position: absolute;
  right: 0%;
  left: 62.56%;
  bottom: 0%;
  top: 62.25%;
  overflow: visible;
}
._5 {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 20px 36px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 240px;
  height: 433px;
  position: absolute;
  left: 1356px;
  top: 188px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.group-3-1 {
  flex-shrink: 0;
  width: 65px;
  height: 64px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 65/64;
}
.clip-path-group2 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.vector3 {
  width: 35.59%;
  height: 35%;
  position: absolute;
  right: 0%;
  left: 64.41%;
  bottom: 0%;
  top: 65%;
  overflow: visible;
}
.vector4 {
  width: 35.59%;
  height: 35%;
  position: absolute;
  right: 0%;
  left: 64.41%;
  bottom: 0%;
  top: 65%;
  overflow: visible;
}
._15 {
  background-color: #efefef;
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 970px;
  position: relative;
  background-color: #efefef;
}
.div17 {
  color: #404040;
  text-align: left;
  font-family: var(---font-family, "SourceHanSansCn-Regular", sans-serif);
  font-size: var(---font-size, 22px);
  line-height: var(---line-height, 48px);
  font-weight: var(---font-weight, 400);
  position: absolute;
  left: 317px;
  top: 188px;
  width: 1281px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.image-2 {
  width: 1013px;
  height: 544px;
  object-fit: cover;
  aspect-ratio: 1013/544;
}
._24 {
  background: var(--, #efefef);
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 944px;
  position: relative;
  background-color: #efefef;
}
.frame-32 {
  padding: 10px 160px 20px 160px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: calc(50% - 253px);
  top: 70px;
}
.image-22 {
  width: 1277.53px;
  height: 686px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 188px;
  object-fit: cover;
  aspect-ratio: 1277.53/686;
}
._16 {
  min-height: 416px;
  padding: 59px 350px 0px 300px;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div18 {
  width: 611px;
  height: 222px;
  position: relative;
  display: flex !important;
  flex-direction: center !important;
  align-items: center !important;
  justify-content: center !important;
}
.div19 {
  width: 611px;
  height: 222px;
  position: static;
}
._17 {
  width: 611px;
  height: 222px;
  position: absolute;
  left: 990px;
  top: 469px;
  object-fit: cover;
}
.div20 {
  color: #565656;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: var(--footer-font-size, 24px);
  letter-spacing: var(--footer-letter-spacing, 0.1em);
  font-weight: var(--footer-font-weight, 700);
  position: absolute;
  left: 1071px;
  top: 558px;
}
.line-1 {
  margin-top: -2px;
  border-style: solid;
  border-color: #404040;
  border-width: 2px 0 0 0;
  width: 105px;
  height: 0px;
  position: absolute;
  left: 1071px;
  top: 616px;
}
.otct {
  width: 611px;
  height: 222px;
  position: static;
}
._18 {
  width: 611px;
  height: 222px;
  position: absolute;
  left: 320px;
  top: 469px;
  object-fit: cover;
}
.otct2 {
  color: #404040;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: var(--footer-font-size, 24px);
  letter-spacing: var(--footer-letter-spacing, 0.1em);
  font-weight: var(--footer-font-weight, 700);
  position: absolute;
  left: 401px;
  top: 558px;
}
.line-12 {
  margin-top: -2px;
  border-style: solid;
  border-color: #404040;
  border-width: 2px 0 0 0;
  width: 105px;
  height: 0px;
  position: absolute;
  left: 401px;
  top: 616px;
}
._19 {
  width: 611px;
  height: 222px;
  position: absolute;
  left: 990px;
  top: 188px;
  object-fit: cover;
}
.div21 {
  color: #404040;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: var(--footer-font-size, 24px);
  letter-spacing: var(--footer-letter-spacing, 0.1em);
  font-weight: var(--footer-font-weight, 700);
  position: absolute;
  left: 1071px;
  top: 277px;
  width: 183px;
}
.line-13 {
  margin-top: -2px;
  border-style: solid;
  border-color: #404040;
  border-width: 2px 0 0 0;
  width: 105px;
  height: 0px;
  position: absolute;
  left: 1071px;
  top: 335px;
}
._110 {
  width: 611px;
  height: 222px;
  position: absolute;
  top: 188px;
  object-fit: cover;
}
.div22 {
  color: #404040;
  text-align: center !important; /* 将文本左对齐改为居中 */
  font-family: var(--footer-font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: var(--footer-font-size, 24px);
  letter-spacing: var(--footer-letter-spacing, 0.1em);
  font-weight: var(--footer-font-weight, 700);
  top: 20px !important;
  margin-left: auto !important; /* 移除左侧固定边距，改为自动 */
  margin-right: auto !important; /* 添加右侧自动边距 */
  text-align: center !important; /* 确保文本居中 */
  width: fit-content; /* 让元素宽度适应内容 */
}
.line-14 {
  border-style: solid;
  border-color: #404040;
  border-width: 2px 0 0 0;
  width: 105px;
  height: 0px;
  margin-left: auto !important; /* 添加左右自动边距实现水平居中 */
  margin-right: auto !important;
  top: 30% !important;
  transform: translateY(-50%) !important;
}
._25 {
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 768px;
  position: relative;
}
.div23 {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 317px;
  top: 188px;
}
.div24 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 643px;
  position: relative;
}
._111 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.ecu {
  color: var(--, #404040);
  text-align: left;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 24px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: relative;
  width: 500px;
  height: 36px;
}
.ecu2 {
  color: var(--, #999999);
  text-align: left;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  position: relative;
  width: 643px;
  height: 108px;
}
._26 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div25 {
  color: var(--, #404040);
  text-align: left;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 24px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: relative;
  width: 500px;
}
.div26 {
  color: var(--, #999999);
  text-align: left;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  position: relative;
  width: 643px;
}
._33 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div27 {
  color: var(--, #404040);
  text-align: left;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 24px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: relative;
  width: 500px;
  height: 36px;
}
.ai-ai {
  color: var(--, #999999);
  text-align: left;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  position: relative;
  width: 643px;
}
.div28 {
  background: #d9d9d9;
  flex-shrink: 0;
  width: 560px;
  height: 510px;
  position: relative;
}
._34 {
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 768px;
  position: relative;
}
.div29 {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 1281px;
  position: absolute;
  left: 317px;
  top: 188px;
}
._35 {
  background: var(--, #efefef);
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 851px;
  position: relative;
  background-color: #efefef;
}

._112 {
  flex-shrink: 0;
  width: 300px;
  height: 284px;
  position: static;
}
.div31 {
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  height: 284px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div32 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
  position: absolute;
  top: 33px;
}

.icon2 {
  width: 50px;
  height: 50px;
  position: static;
}

._27 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
  background-color: #104fff;
}

._28 {
  flex-shrink: 0;
  width: 300px;
  height: 284px;
  position: static;
}
.div36 {
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  height: 284px;
  position: absolute;
  left: 327px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div37 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
  position: absolute;
  left: 367px;
  top: 33px;
}
._29 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
}
._20 {
  color: var(--, #999999);
  text-align: justified;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 139px;
  text-overflow: ellipsis;
  overflow: hidden;
}
._36 {
  flex-shrink: 0;
  width: 300px;
  height: 284px;
  position: static;
}
.div38 {
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  height: 284px;
  position: absolute;
  left: 654px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div39 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
  position: absolute;
  left: 694px;
  top: 33px;
}
._210 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
}
.div40 {
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  height: 284px;
  position: absolute;
  left: 981px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div41 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
  position: absolute;
  left: 1021px;
  top: 33px;
}
._211 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
}
.div42 {
  display: flex;
  flex-direction: row;
  gap: 27px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 317px;
  top: 497px;
}
._212 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
}
._213 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
}
._214 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
}
._215 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 1;
}
._43 {
  background: var(--, #efefef);
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 651px;
  position: relative;
  background-color: #efefef;
}

.div44 {
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  height: 393px;
  left: 0px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div45 {
  display: flex;
  flex-direction: column;
  gap: 21px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
  position: absolute;
  top: 38px;
}
.div46 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-left: 20px;
}

._217 {
  flex-shrink: 0;
  width: 300px;
  height: 393px;
  position: static;
}
.div49 {
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  height: 393px;
  position: absolute;
  left: 490.5px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div50 {
  display: flex;
  flex-direction: column;
  gap: 21px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
  position: absolute;
  left: 530.5px;
  top: 38px;
}
._218 {
  width: 110px;
  height: 110px;
  position: absolute;
  left: 656.5px;
  top: 271px;
  overflow: visible;
  aspect-ratio: 1;
}
._37 {
  flex-shrink: 0;
  width: 300px;
  height: 393px;
  position: static;
}
.div51 {
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  height: 393px;
  position: absolute;
  left: 981px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div52 {
  display: flex;
  flex-direction: column;
  gap: 21px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
  position: absolute;
  left: 1021px;
  top: 38px;
}
._219 {
  width: 110px;
  height: 110px;
  position: absolute;
  left: 1147px;
  top: 271px;
  overflow: visible;
  aspect-ratio: 1;
}
.div53 {
  background: #ffffff;
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 802px;
  position: relative;
}
.div54 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1279.58px;
  position: absolute;
  left: 318px;
  top: 188px;
}
._114 {
  flex-shrink: 0;
  width: 410px;
  height: 260px;
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._220 {
  border-radius: 20px;
  width: auto;
  height: 260px;
  left: 0px;
  top: 0px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.rectangle-31 {
  background: rgba(77, 77, 77, 0.3);
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.div55 {
  color: #ffffff;
  text-align: center;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 38px;
  letter-spacing: 0.05em;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
._221 {
  flex-shrink: 0;
  width: 410px;
  height: 260px;
  position: static;
}
._115 {
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 434px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 410/260;
}
.rectangle-32 {
  background: rgba(77, 77, 77, 0.3);
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 434px;
  top: 0px;
}
.div56 {
  color: #ffffff;
  text-align: center;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 38px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: absolute;
  left: 511px;
  top: 102px;
  width: 256px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._38 {
  flex-shrink: 0;
  width: 411.58px;
  height: 260px;
  position: static;
}
.ne-2-b-7377-1 {
  border-radius: 20px;
  width: 411.58px;
  height: 260px;
  position: absolute;
  left: 868px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 411.58/260;
}
.rectangle-33 {
  background: rgba(77, 77, 77, 0.3);
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 869px;
  top: 0px;
}
.div57 {
  color: #ffffff;
  text-align: center;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 38px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: absolute;
  left: 946px;
  top: 103px;
  width: 256px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._44 {
  flex-shrink: 0;
  width: 410px;
  height: 260px;
  position: static;
}
._222 {
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 0px;
  top: 284px;
  object-fit: cover;
}
.rectangle-312 {
  background: rgba(77, 77, 77, 0.3);
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 0px;
  top: 284px;
}
.div58 {
  color: #ffffff;
  text-align: center;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 38px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: absolute;
  left: 77px;
  top: 387px;
  width: 256px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._52 {
  flex-shrink: 0;
  width: 410px;
  height: 260px;
  position: static;
}
._116 {
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 434px;
  top: 284px;
  object-fit: cover;
  aspect-ratio: 410/260;
}
.rectangle-322 {
  background: rgba(77, 77, 77, 0.3);
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 434px;
  top: 284px;
}
.div59 {
  color: #ffffff;
  text-align: center;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 38px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: absolute;
  left: 511px;
  top: 386px;
  width: 256px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._6 {
  flex-shrink: 0;
  width: 411.58px;
  height: 260px;
  position: static;
}
.ne-2-b-7377-12 {
  border-radius: 20px;
  width: 411.58px;
  height: 260px;
  position: absolute;
  left: 868px;
  top: 284px;
  object-fit: cover;
  aspect-ratio: 411.58/260;
}
.rectangle-332 {
  background: rgba(77, 77, 77, 0.3);
  border-radius: 20px;
  width: 410px;
  height: 260px;
  position: absolute;
  left: 869px;
  top: 284px;
}
.div60 {
  color: #ffffff;
  text-align: center;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 38px;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: absolute;
  left: 946px;
  top: 387px;
  width: 256px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._223 {
  background: #efefef;
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 773px;
  position: relative;
}
._117 {
  width: 350px;
  height: 515px;
  position: relative;
  top: 188px;
}
#owl-demo3 .owl-controls .owl-buttons .owl-prev,
#owl-demo3 .owl-controls .owl-buttons .owl-next {
  color: #ff0000 !important; /* 箭头颜色改为红色 */
  font-size: 30px !important; /* 可选：调整箭头大小 */
}
.div61 {
  background: #ffffff;
  border-radius: 20px;
  width: 350px;
  height: 515px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
}
.div62 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  width: 350px;
  position: relative;
  left: 0px;
  top: 1px;
}

._118 {
  width: 350px;
  height: 515px;
  position: absolute;
  left: 1249px;
  top: 188px;
}
._119 {
  width: 350px;
  height: 515px;
  position: absolute;
  left: 783px;
  top: 188px;
}
.o-1 {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 1748px;
  top: 396px;
  transform: translate(-100px, 0px);
  overflow: visible;
  aspect-ratio: 1;
}
.o-2 {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 167px;
  top: 396px;
  overflow: visible;
  aspect-ratio: 1;
}
.div65 {
  background: var(--, #efefef);
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 1000px;
  position: relative;
}
.img-e-7540-4 {
  width: 400px;
  height: 300px;
  position: absolute;
  left: calc(50% - -560px);
  top: 263px;
  filter: blur(7px);
  object-fit: cover;
  aspect-ratio: 4/3;
}
.img-e-7540-5 {
  width: 400px;
  height: 300px;
  position: absolute;
  left: calc(50% - 960px);
  top: 263px;
  filter: blur(7px);
  object-fit: cover;
  aspect-ratio: 4/3;
}
.img-e-7540-3 {
  width: 480px;
  height: 360px;
  position: absolute;
  left: calc(50% - 643px);
  top: 233px;
  filter: blur(7px);
  object-fit: cover;
  aspect-ratio: 4/3;
}
.img-e-7540-2 {
  width: 480px;
  height: 360px;
  position: absolute;
  left: calc(50% - -158px);
  top: 233px;
  filter: blur(7px);
  object-fit: cover;
  aspect-ratio: 4/3;
}
.img-e-7540-1 {
  width: 600px;
  height: 450px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 188px;
  object-fit: cover;
  aspect-ratio: 4/3;
}
.div66 {
  background: #ffffff;
  padding: 70px 398px 0px 358px;
  align-self: stretch;
  flex-shrink: 0;
  height: 978px;
  position: relative;
}
.frame-33 {
  padding: 10px 160px 20px 160px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 39px;
}

._120 {
  width: 160px;
  height: 160px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 468px;
  overflow: visible;
  aspect-ratio: 1;
}
.footer {
  align-self: stretch;
  flex-shrink: 0;
  height: 555px;
  position: relative;
}
.rectangle-8 {
  background: var(--, #efefef);
  width: 1920px;
  height: 555px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.footer2 {
  display: flex;
  flex-direction: row;
  gap: 211px;
  align-items: center;
  justify-content: flex-start;
  width: 1276px;
  position: absolute;
  left: 320px;
  top: 59px;
}
.div68 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.logo-slogan-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 159.87px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 261/159.87;
}
.div69 {
  padding: 0px 8px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div70 {
  color: #404040;
  text-align: left;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.08em;
  font-weight: 700;
  position: relative;
  flex: 1;
}
.div71 {
  padding: 10px 10px 10px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
._400-700-2800-paclink-telstra-pbs-cn {
  color: #404040;
  text-align: left;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 12px;
  line-height: 23px;
  letter-spacing: 0.08em;
  font-weight: 400;
  position: relative;
}
.qr {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 261px;
  position: relative;
}
.div72 {
  padding: 0px 10px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div73 {
  color: #202020;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: var(--footer-font-size, 24px);
  letter-spacing: var(--footer-letter-spacing, 0.1em);
  font-weight: var(--footer-font-weight, 700);
  position: relative;
  flex: 1;
}
.qr2 {
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div74 {
  flex-shrink: 0;
  width: 68px;
  height: 92px;
  position: static;
}
.div75 {
  color: #404040;
  text-align: center;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 127.5px);
  top: 84px;
}
.qr3 {
  width: 68px;
  height: 68px;
  position: absolute;
  left: 0px;
  top: 10px;
  object-fit: cover;
  aspect-ratio: 1;
}
.div76 {
  flex-shrink: 0;
  width: 66.29px;
  height: 92px;
  position: static;
}
.div77 {
  color: #404040;
  text-align: center;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 35.5px);
  top: 84px;
}
.qr4 {
  width: 66.29px;
  height: 67px;
  position: absolute;
  left: 93px;
  top: 10px;
  object-fit: cover;
  aspect-ratio: 66.29/67;
}
.div78 {
  flex-shrink: 0;
  width: 67px;
  height: 92px;
  position: static;
}
.div79 {
  color: #404040;
  text-align: center;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -55.79px);
  top: 84px;
}
.qr5 {
  width: 67px;
  height: 67px;
  position: absolute;
  left: 184.29px;
  top: 10px;
  object-fit: cover;
  aspect-ratio: 1;
}
.footer3 {
  padding: 5px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 77px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 402px;
  position: relative;
}
.div80 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 156px;
  height: 358px;
  position: relative;
  overflow: hidden;
}
.footer4 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.div81 {
  color: #404040;
  text-align: left;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 24px;
  letter-spacing: 0.1em;
  font-weight: 700;
  position: relative;
}
.frame-29 {
  padding: 0px 10px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div82 {
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
._1-2-3-n3 {
  color: #404040;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Normal", sans-serif);
  font-size: var(--footer-font-size, 16px);
  letter-spacing: var(--footer-letter-spacing, 0.05em);
  font-weight: var(--footer-font-weight, 400);
  position: relative;
}
.div83 {
  color: #404040;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Normal", sans-serif);
  font-size: var(--footer-font-size, 16px);
  letter-spacing: var(--footer-letter-spacing, 0.05em);
  font-weight: var(--footer-font-weight, 400);
  position: relative;
}
.div84 {
  margin: -2px 0 0 0;
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.ot {
  color: #404040;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Normal", sans-serif);
  font-size: var(--footer-font-size, 16px);
  letter-spacing: var(--footer-letter-spacing, 0.05em);
  font-weight: var(--footer-font-weight, 400);
  position: relative;
}
.ai {
  color: #404040;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Normal", sans-serif);
  font-size: var(--footer-font-size, 16px);
  letter-spacing: var(--footer-letter-spacing, 0.05em);
  font-weight: var(--footer-font-weight, 400);
  position: relative;
}
.div85 {
  color: #404040;
  text-align: left;
  font-family: var(--footer-font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: var(--footer-font-size, 24px);
  letter-spacing: var(--footer-letter-spacing, 0.1em);
  font-weight: var(--footer-font-weight, 700);
  position: relative;
}
.copyright-2023-2025-pbs-all-r-igthts-reserved-icp-11004395-13 {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 511px;
  width: 845px;
}
.copyright-2023-2025-pbs-all-r-igthts-reserved-icp-11004395-13-span {
  color: #404040;
  font-family: var(--footer-font-family, "SourceHanSansCn-Normal", sans-serif);
  font-size: var(--footer-font-size, 16px);
  letter-spacing: var(--footer-letter-spacing, 0.05em);
  font-weight: var(--footer-font-weight, 400);
}
.copyright-2023-2025-pbs-all-r-igthts-reserved-icp-11004395-13-span2 {
  color: #ff795a;
  font-family: "SourceHanSansCn-Medium", sans-serif;
  font-weight: 500;
}
.div86 {
  flex-shrink: 0;
  width: 3.12%;
  height: 2.08%;
  position: absolute;
  right: 2.76%;
  left: 94.11%;
  bottom: 95.69%;
  top: 2.23%;
}
.div87 {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 55px;
  position: absolute;
  left: 0px;
  top: -27px;
}
.div88 {
  align-self: stretch;
  flex-shrink: 0;
  height: 55px;
  position: relative;
}
.ellipse-1 {
  background: #fefefe;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: -3px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  aspect-ratio: 1;
}
._121 {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 16px;
  top: 13px;
  overflow: visible;
  aspect-ratio: 1;
}
.ellipse-12 {
  background: #fefefe;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  aspect-ratio: 1;
}
._122 {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 16px;
  top: 16px;
  overflow: visible;
  aspect-ratio: 1;
}
._2-1 {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 17px;
  top: 17px;
  overflow: visible;
  aspect-ratio: 1;
}

.shichang1 {
  display: flex;
  justify-content: center;
  width: 1920px;
  background: #ffffff;
  align-self: stretch;
  flex-shrink: 0;
  height: 729px;
  position: relative;
  z-index: 2;
}
.demand-content-list {
  width: 1260px;
  height: 506px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.demand-content-list ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  overflow-y: auto;
}
.demand-content-list ul li {
  width: 300px;
  height: 390px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.demand-content-list ul li:hover {
  top: -10px;
}
.div10 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 277px;
  position: absolute;
  top: -56px;
}
._1-2 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 108.5px;
  top: 35px;
  overflow: visible;
  aspect-ratio: 1;
  background-color: #104fff;
}

.demand-content-list ul li:hover .div10 {
  top: -66px;
  color: rgba(64, 64, 64, 1);
}
.demand-content-list ul li:hover ._1-2 {
  background-color: rgba(255, 121, 90, 1);
}
.icon {
  flex-shrink: 0;
  width: 130px;
  height: 130px;
  position: static;
}
.ellipse-4 {
  background: #ffffff;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 73.5px;
  top: 0px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
  aspect-ratio: 1;
}
.div11 {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 700;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.div12 {
  color: rgba(64, 64, 64, 1);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div13 {
  color: rgba(153, 153, 153, 1);
  text-align: justified;
  font-family: var(---font-family, "SourceHanSansCn-Regular", sans-serif);
  font-size: 18px;
  font-weight: 400;
  position: relative;
  width: 220px;
  height: 240px;
}

.demand-content-list2 {
  width: 1260px;
  height: 506px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.demand-content-list2 ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  overflow-y: auto;
}
.demand-content-list2 ul li {
  width: 300px;
  height: 433px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
  display: flex;
  justify-content: center;
}

.ul-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0 20px;
  margin-top: 90px;
}

.ul-list-li {
  margin: 10px;
  list-style: none;
}

.ul-list-li-2col {
  width: calc(50% - 20px);
  margin: 0 10px 65px;
  list-style: none;
}

.ul-list-li-3col {
  width: calc(33.33% - 20px);
  margin: 0 10px 65px;
  list-style: none;
}

.flex-container {
  display: flex; /* 启用Flex布局 */
  flex-wrap: wrap; /* 允许换行 */
  list-style: none; /* 移除默认列表符号 */
  padding: 0; /* 清除默认内边距 */
  gap: 10px; /* 设置项间距（可选） */
}
.flex-container li {
  flex: 0 0 calc(50% - 10px); /* 每行2个（减去间隙） */
  box-sizing: border-box; /* 防止宽度溢出 */
  padding: 10px;
}

.div67 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 50px;
  box-shadow: none !important;
}

.responsive-video {
  width: 100%;
  height: auto;
  border-radius: 8px;
  background-color: #000;
  box-shadow: none !important;
}

/* 视频控制栏样式优化 */
video::-webkit-media-controls {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
}

/* 轮播容器样式 */
/* .carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
} */

/* 轮播列表 */
/* .carousel-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: transform 0.5s ease;
} */

/* 轮播项样式 */
/* .carousel-item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
} */

.carousel-container {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 105px;
}

.scheme-carousel-list {
  display: flex;
  flex-direction: row;
}

.carousel-list {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-item {
  flex-shrink: 0;
  width: 80%; /* 可根据需要调整显示宽度 */
  margin: 0 10px;
}

.carousel-item img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

/* 指示器样式 */
.carousel-indicators {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}

.indicator-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
  cursor: pointer;
  transition: background-color 0.3s;
}

.indicator-dot.active {
  background-color: #104fff;
}

/* 轮播容器样式 */
.scenario-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 视口样式 */
.carousel-viewport {
  overflow: hidden;
  width: calc(100% - 80px); /* 留出箭头位置 */
  margin: 0 auto;
}

/* 列表样式 */
.carousel-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: transform 0.5s ease;
}

/* 列表项基础样式 */
.carousel-list li {
  flex: 0 0 auto;
  width: 30%; /* 默认3个一组 */
  margin: 0 1.5%;
}

/* 箭头样式 */
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  display: none; /* 默认隐藏 */
  z-index: 10;
}

.prev-arrow {
  left: 0;
}

.next-arrow {
  right: 0;
}

/* 小于等于3个卡片时的样式 */
.carousel-list.evenly-spaced {
  justify-content: space-between;
}

.carousel-list.evenly-spaced li {
  width: 30%;
  margin: 0;
}

/* 箭头显示条件 */
.scenario-carousel.has-arrows .carousel-arrow {
  display: block;
}

.demand-content-list ul.ul-content-list li {
  transition: transform 0.3s ease;
}

.demand-content-list ul.ul-content-list li:hover {
  transform: translateY(-20px);
  /* 兼容性处理 */
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
}

.ul-list-li {
  transition: transform 0.3s ease-in-out;
}

.ul-list-li:hover {
  transform: translateY(-20px);
}

.div67 .video-js {
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto;
}

/* 自定义播放按钮颜色 */
.vjs-big-play-button {
  background-color: rgba(0, 153, 255, 0.8) !important;
  border-color: #fff !important;
}

.ul-list-li:hover ._1-12,
.ul-list-li:hover ._27 {
  background-color: #ff795a;
}

.ul-content-list-li:hover ._1-2 {
  background-color: #ff795a;
}

.ul-list-li-2col:hover .scheme-detail {
  display: block;
}

.div18 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.div22,
.scheme-detail,
.line-14 {
  position: absolute !important;
  text-align: center !important;
  left: 36px !important;
}

body {
  display: flex;
  justify-content: center;
}
.demand-content-list2 ul li:hover ._1-12 {
  background-color: rgba(255, 121, 90, 1);
}

.fangan1 {
  width: 1260px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
}

.fangan1 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.fangan1 ul li {
  width: 611px;
  height: 222px;
  position: relative;
}

.fangan1 ul li img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.fangan1-des {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 36px;
  position: relative;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.fangan1-des-tit {
  width: 100%;
  position: relative;
}

.fangan1-des-tit-text {
  color: #404040;
  font-family: var(--footer-font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: 24px;
  font-weight: 700;
  position: relative;
}

.fangan1-des-tit-line {
  border-style: solid;
  border-color: #404040;
  border-width: 2px 0 0 0;
  width: 105px;
  height: 0px;
  position: relative;
  top: 8px;
}

.fangan1-scheme-detail {
  display: none;
}

.fangan1 ul li:hover .fangan1-scheme-detail {
  display: block;
}

.hexin1 {
  width: 1280px;
  position: relative;
  top: 146px;
}
.hexin1 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.hexin1 ul li {
  width: 300px;
  height: 284px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 42px;
}

.hexin1-tit {
  height: 66px;
  position: static;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
}

.hexin1-tit-img {
  width: 32px;
  height: 32px;
  background-color: #104fff;
}
.hexin1-tit-text {
  color: #404040;
  text-align: left;
  font-family: var(---font-family, "SourceHanSansCn-Bold", sans-serif);
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hexin1-line {
  width: 100%;
  border-style: solid;
  border-color: #e4e4e4;
  border-width: 2px 0 0 0;
  height: 0px;
}
.hexin1-des {
  color: #999999;
  font-family: "SourceHanSansCn-Regular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-overflow: ellipsis;
}
.hexin1 ul li:hover {
  margin-top: -10px;
}

.hexin2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1280px;
  position: relative;
  top: 160px;
}
.hexin2 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.hexin2 ul li {
  width: 300px;
  height: 393px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: var(---box-shadow, 4px 4px 20px 0px rgba(108, 108, 108, 0.25));
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 20px;
  padding: 30px 20px;
}
.hexin2-tit {
  color: #404040;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hexin2-line {
  background: #104fff;
  flex-shrink: 0;
  width: 50px;
  height: 6px;
  position: relative;
}
.hexin2-des {
  color: #999999;
  font-family: var(---font-family, "SourceHanSansCn-Regular", sans-serif);
  font-size: 18px;
  font-weight: 400;
  position: relative;
  text-overflow: ellipsis;
  line-height: 36px;
}
.hexin2-img {
  width: 110px;
  height: 110px;
  position: absolute;
  top: 271px;
  overflow: visible;
  aspect-ratio: 1;
  margin-left: 160px;
}

.hexin2 ul li:hover {
  margin-top: -10px;
}

.owldemo3-content {
  width: 350px;
  height: 477px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
  background-color: #ffffff;
}
._224 {
  width: 100%;
  border-radius: 20px 20px 0px 0px;
  align-self: stretch;
  flex-shrink: 0;
  height: auto !important;
  position: relative;
  object-fit: cover;
  aspect-ratio: 350/221;
}
.div63 {
  color: #404040;
  font-family: "SourceHanSansCn-Bold", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
.div64 {
  color: #999999;
  font-family: "SourceHanSansCn-Normal", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  text-align: left;
  padding: 0 20px;
}