.div,
.div * {
  box-sizing: border-box;
}
.div {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(240, 240, 240, 1) 100%
  );
  min-height: 100vh;
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
.frame-5 {
  background: #000000;
  display: flex;
  flex-direction: row;
  gap: clamp(40px, 6vw, 73.32px);
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1080px;
  padding: 40px 20px;
  box-sizing: border-box;
  position: relative;
}
.frame-26086504 {
  flex-shrink: 0;
  width: clamp(250px, 20vw, 319.26px);
  height: auto;
  position: relative;
  aspect-ratio: 319.26 / 661.44;
}
.div2 {
  border-radius: 38.03px;
  border-style: solid;
  border-color: #000000;
  border-width: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.frame-24 {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 8vw, 97.77px);
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(500px, 60vw, 850px);
  position: relative;
}

.frame-5 .frame-24,
.frame-3 .frame-24 {
  position: absolute;
  left: 60%;
  top: 50%;
  transform: translateY(-50%);
}

.frame-5 .frame-26086504,
.frame-3 .frame-260865042 {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.frame-25 {
  display: flex;
  flex-direction: column;
  gap: 24.44px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-26086509 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.images {
  flex-shrink: 0;
  width: clamp(60px, 6vw, 80px);
  height: clamp(60px, 6vw, 80px);
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.vector {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0.01%;
  left: -0.01%;
  bottom: 0.01%;
  top: -0.01%;
  overflow: visible;
}
.vector2 {
  border-radius: 0px;
  width: 86.85%;
  height: 58.77%;
  position: absolute;
  right: 7.99%;
  left: 5.16%;
  bottom: 27.16%;
  top: 14.07%;
  transform: translate(-2%, -6%);
  overflow: visible;
}
.vector3 {
  width: 43.75%;
  height: 46.88%;
  position: absolute;
  right: 28.13%;
  left: 28.13%;
  bottom: 18.75%;
  top: 34.38%;
  overflow: visible;
}
.vector4 {
  width: 6.25%;
  height: 6.25%;
  position: absolute;
  right: 53.13%;
  left: 40.63%;
  bottom: 43.75%;
  top: 50%;
  overflow: visible;
}
.vector5 {
  width: 6.25%;
  height: 6.25%;
  position: absolute;
  right: 40.63%;
  left: 53.13%;
  bottom: 43.75%;
  top: 50%;
  overflow: visible;
}
.group-78 {
  width: 46.2%;
  height: 15.8%;
  position: absolute;
  right: 25.67%;
  left: 28.13%;
  bottom: 13.09%;
  top: 71.11%;
  overflow: visible;
}
.vector6 {
  border-radius: 0px;
  width: 86.85%;
  height: 16.46%;
  position: absolute;
  right: 5.74%;
  left: 7.41%;
  bottom: 10.74%;
  top: 72.8%;
  transform: translate(-2%, -6%);
  overflow: visible;
}
.div3 {
  color: #ffffff;
  text-align: left;
  font-family: "FzLanTingYuanEbGbk-Regular", sans-serif;
  font-size: clamp(35px, 4vw, 55px);
  line-height: 1.4;
  font-weight: 400;
  position: relative;
}
.div4 {
  color: #ffffff;
  text-align: left;
  font-family: "PingFangSc-Regular", sans-serif;
  font-size: clamp(24px, 3vw, 40px);
  line-height: 1.6;
  font-weight: 400;
  position: relative;
}
.group-55 {
  flex-shrink: 0;
  width: clamp(150px, 15vw, 306.56px);
  height: auto;
  aspect-ratio: 306.56 / 182.52;
  position: absolute;
  left: 5%;
  top: 8%;
  overflow: visible;
  z-index: 10;
  pointer-events: none;
}
.frame-2 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  gap: clamp(100px, 15vw, 200px);
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1080px;
  padding: 40px 20px;
  box-sizing: border-box;
}
.frame-242 {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 8vw, 110px);
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(500px, 60vw, 850px);
  position: relative;
}
.frame-26086503 {
  display: flex;
  flex-direction: row;
  gap: 61.1px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-70 {
  flex-shrink: 0;
  width: 140.54px;
  height: 140.54px;
  position: static;
}
.group-48 {
  width: 140.54px;
  height: 140.54px;
  position: static;
}
.rectangle-498 {
  background: linear-gradient(
    141.26deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(242, 242, 242, 1) 100%
  );
  border-radius: 32.25px;
  width: 140.54px;
  height: 140.54px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.mask-group {
  width: 140.54px;
  height: 140.54px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
}
.div5 {
  color: #333333;
  text-align: left;
  font-family: "FzLanTingYuanHGbk-Regular", sans-serif;
  font-size: clamp(60px, 8vw, 120.9px);
  font-weight: 650;
  position: relative;
}
.frame-252 {
  display: flex;
  flex-direction: column;
  gap: 24.44px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div6 {
  color: #333333;
  text-align: left;
  font-family: "PingFangSc-Regular", sans-serif;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.6;
  font-weight: 400;
  position: relative;
  width: 100%;
}
.frame-260865042 {
  flex-shrink: 0;
  width: clamp(250px, 20vw, 319px);
  height: auto;
  position: relative;
  aspect-ratio: 319/661;
}
.div7 {
  border-radius: 38.03px;
  border-style: solid;
  border-color: #000000;
  border-width: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.frame-3 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  gap: clamp(40px, 6vw, 73.32px);
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1080px;
  padding: 40px 20px;
  box-sizing: border-box;
  position: relative;
}
.div8 {
  border-radius: 38.03px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.image-3 {
  width: 637px;
  height: 812px;
  position: absolute;
  left: -158.71px;
  top: -75.28px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 637/812;
}
.frame-26086507 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.vector7 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0.01%;
  left: -0.01%;
  bottom: 0.01%;
  top: -0.01%;
  overflow: visible;
}
.frame {
  width: 103.13%;
  height: 100%;
  position: absolute;
  right: -3.13%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: hidden;
}
.vector8 {
  width: 18.86%;
  height: 55.61%;
  position: absolute;
  right: 77.61%;
  left: 3.52%;
  bottom: 24.31%;
  top: 20.08%;
  transform: translate(-2%, -3%);
  overflow: visible;
}
.vector9 {
  width: 64.83%;
  height: 73.65%;
  position: absolute;
  right: 15.71%;
  left: 19.47%;
  bottom: 18.43%;
  top: 7.92%;
  overflow: visible;
}
.vector10 {
  width: 64.95%;
  height: 84.18%;
  position: absolute;
  right: 15.65%;
  left: 19.4%;
  bottom: 7.9%;
  top: 7.92%;
  overflow: visible;
}
.group-83 {
  width: 21.8%;
  height: 8.83%;
  position: absolute;
  right: 34.53%;
  left: 43.66%;
  bottom: 59.41%;
  top: 31.76%;
  overflow: visible;
}
.group-81 {
  width: 36.2%;
  height: 40.14%;
  position: absolute;
  right: 9.26%;
  left: 54.55%;
  bottom: 17.26%;
  top: 42.61%;
  overflow: visible;
}
.group-82 {
  width: 30.34%;
  height: 27.73%;
  position: absolute;
  right: 51.48%;
  left: 18.18%;
  bottom: 28.52%;
  top: 43.75%;
  overflow: visible;
}
.div9 {
  color: #333333;
  text-align: left;
  font-family: "HarmonyOsSansSc-Black", sans-serif;
  font-size: clamp(35px, 4vw, 55px);
  line-height: 1.4;
  font-weight: 900;
  position: relative;
}
.div10 {
  color: #333333;
  text-align: left;
  font-family: "PingFangSc-Regular", sans-serif;
  font-size: clamp(24px, 3vw, 40px);
  line-height: 1.6;
  font-weight: 400;
  position: relative;
}
.group-56 {
  flex-shrink: 0;
  width: clamp(200px, 20vw, 306.56px);
  height: auto;
  aspect-ratio: 306.56 / 182.52;
  position: absolute;
  right: 5%;
  top: 5%;
  overflow: visible;
  z-index: 10;
  pointer-events: none;
}
.frame-50 {
  background: #000000;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 377px;
}
.frame-48 {
  display: flex;
  flex-direction: row;
  gap: 90px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.mask-group2 {
  width: 140.54px;
  height: 140.54px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
}
.line-3 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  opacity: 0.6;
  flex-shrink: 0;
  width: 60px;
  height: 0px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.frame-46 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
._24-b-9 {
  color: #ffffff;
  text-align: left;
  font-family: "PingFangSc-Regular", sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  position: relative;
}
._023-88756859 {
  color: #ffffff;
  text-align: left;
  font-family: "PingFangSc-Regular", sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  position: relative;
}
.frame-47 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.copyright-2008-2018 {
  color: #ffffff;
  text-align: left;
  font-family: var(---font-family, "PingFangSc-Regular", sans-serif);
  font-size: var(---font-size, 16px);
  font-weight: var(---font-weight, 400);
  opacity: 0.8;
  position: relative;
}
.frame-26086510 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div11 {
  color: #ffffff;
  text-align: left;
  font-family: var(---font-family, "PingFangSc-Regular", sans-serif);
  font-size: var(---font-size, 16px);
  font-weight: var(---font-weight, 400);
  opacity: 0.8;
  position: relative;
}
.frame-51 {
  background: #000000;
  display: flex;
  flex-direction: row;
  gap: clamp(40px, 6vw, 73.32px);
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1080px;
  padding: 40px 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.frame-243 {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 8vw, 97.77px);
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(500px, 60vw, 850px);
  position: relative;
}
.frame-29 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 324px;
  position: relative;
}
.div12 {
  color: #ffffff;
  text-align: left;
  font-family: "FzLanTingYuanEbGbk-Regular", sans-serif;
  font-size: clamp(35px, 4vw, 55px);
  line-height: 1.4;
  font-weight: 400;
  position: relative;
}
.frame-292 {
  background: #000000;
  border-radius: 16px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-293 {
  background: #ffffff;
  border-radius: 48px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
}
._1 {
  color: #333333;
  text-align: left;
  font-family: "HarmonyOsSansSc-Bold", sans-serif;
  font-size: 16px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
}
.div13 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-font-family, "HarmonyOsSansSc-Bold", sans-serif);
  font-size: var(--body-font-size, 17px);
  line-height: var(--body-line-height, 24px);
  font-weight: var(--body-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.div14 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-font-family, "HarmonyOsSansSc-Regular", sans-serif);
  font-size: var(--body-font-size, 17px);
  line-height: var(--body-line-height, 24px);
  font-weight: var(--body-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-32 {
  background: #000000;
  border-radius: 16px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._2 {
  color: #333333;
  text-align: left;
  font-family: "HarmonyOsSansSc-Bold", sans-serif;
  font-size: 16px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
}
.frame-33 {
  background: #000000;
  border-radius: 16px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._3 {
  color: #333333;
  text-align: left;
  font-family: "HarmonyOsSansSc-Bold", sans-serif;
  font-size: 16px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
}
.div15 {
  border-radius: 38.03px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 6px;
  width: 319px;
  height: 661px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
  aspect-ratio: 319/661;
}
.div16 {
  flex-shrink: 0;
  width: clamp(150px, 15vw, 293.83px);
  height: auto;
  aspect-ratio: 293.83 / 218;
  position: absolute;
  left: 5%;
  bottom: -1%;
  overflow: visible;
  z-index: 10;
  pointer-events: none;
}
.frame-4 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  gap: clamp(40px, 6vw, 73.32px);
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1080px;
  padding: 40px 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.frame-26086508 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.images2 {
  flex-shrink: 0;
  width: clamp(60px, 6vw, 80px);
  height: clamp(60px, 6vw, 80px);
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.vector0-png {
  flex-shrink: 0;
  width: clamp(60px, 6vw, 80px);
  height: clamp(60px, 6vw, 80px);
  position: relative;
  object-fit: contain;
  aspect-ratio: 1;
}
.vector2-png {
  flex-shrink: 0;
  width: clamp(60px, 6vw, 80px);
  height: clamp(60px, 6vw, 80px);
  position: relative;
  object-fit: contain;
  aspect-ratio: 1;
}
.div17 {
  color: #333333;
  text-align: left;
  font-family: "HarmonyOsSansSc-Black", sans-serif;
  font-size: clamp(35px, 4vw, 55px);
  line-height: 1.4;
  font-weight: 900;
  position: relative;
}
.div18 {
  color: #333333;
  text-align: left;
  font-family: "PingFangSc-Regular", sans-serif;
  font-size: clamp(24px, 3vw, 40px);
  line-height: 1.6;
  font-weight: 400;
  position: relative;
}
.div19 {
  border-radius: 38.03px;
  border-style: solid;
  border-color: #000000;
  border-width: 6px;
  width: 319px;
  height: 661px;
  position: absolute;
  left: -0.03px;
  top: -0.28px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  aspect-ratio: 319/661;
}
.image-4 {
  width: 661px;
  height: 662px;
  position: absolute;
  left: -171.03px;
  top: -0.28px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 661/662;
}
.group-54 {
  flex-shrink: 0;
  width: clamp(200px, 20vw, 411.3px);
  height: auto;
  aspect-ratio: 411.3 / 492.3;
  position: absolute;
  right: -10%;
  bottom: 5%;
  overflow: visible;
  z-index: 10;
  pointer-events: none;
}