@font-face {
  font-family: "MiSansBold";
  src: url("data:font/ttf;charset=utf-8;base64,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")
    format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MiSans";
  src: url("../font/font.ttf");
}
/* @font-face {
  font-family: "PingFang SC";
  src: url("../font/PingFangSC.ttf");
} */

.head h1 {
  font-family: "MiSansBold";
}
body {
  margin: 0;
  position: absolute;
  width: 100vw;
  overflow-x: hidden;
}

.page * {
  box-sizing: border-box;
  margin: 0;
}

.page a {
  text-decoration: none;
}

.page ul,
.page ol {
  list-style: none;
}

body > .page {
  font-family: "MiSans";
  margin: 0;
  position: relative;
  width: 100vw;
  overflow-x: hidden;
  height: 100%;
  overflow-y: hidden;
}

.page > div {
  position: relative;
}
.page a::after {
  content: " ";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNy4wNTEyNjk1MzEyNSIgaGVpZ2h0PSIxMy44NDgxNDQ1MzEyNSIgdmlld0JveD0iMCAwIDE3LjA1MTI2OTUzMTI1IDEzLjg0ODE0NDUzMTI1Ij48Zz48Zz48cGF0aCBkPSJNMTUuODU0NSw2LjI5MjMwOTc2MTA0NzM2M0wxNS44NTQ1LDcuNTQyMzA5NzYxMDQ3MzYzTDAsNy41NDIzMDk3NjEwNDczNjNMMCw2LjI5MjMwOTc2MTA0NzM2M0wxNS44NTQ1LDYuMjkyMzA5NzYxMDQ3MzYzWiIgZmlsbD0iIzMwNzNGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTA2NzY5MDg0OTMwNCwtMC43MDcxMDY3NjkwODQ5MzA0LDAuNzA3MTA2NzY5MDg0OTMwNCwwLjcwNzEwNjc2OTA4NDkzMDQsLTMuOTU3ODY4MDYyNTA2NzA1LDQuMjkzNzc3MDQ4MjkxOTQzKSI+PHBhdGggZD0iTTEyLjk5NTc3MzI0NTAxMDM3Niw2LjkyMzQ4MTQ2NDg4NTk4NkwxMi45OTU3NzMyNDUwMTAzNzYsMTYuNzE1MTQ4MDI2ODg1OTg0TDMuMjA0MTEzMjQ1MDEwMzc2LDE2LjcxNTE0ODAyNjg4NTk4NEwzLjIwNDExMzI0NTAxMDM3NiwxNS40NjUxNDgwMjY4ODU5ODZMMTEuNzQ1NjMzMjQ1MDEwMzc2LDE1LjQ2NDk5ODAyNjg4NTk4NkwxMS43NDU3NzMyNDUwMTAzNzYsNi45MjM0ODE0NjQ4ODU5ODZMMTIuOTk1NzczMjQ1MDEwMzc2LDYuOTIzNDgxNDY0ODg1OTg2WiIgZmlsbD0iIzMwNzNGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=");
  width: 1.0416666666666667vw;
  height: 1.0416666666666667vw;
  float: right;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg > div {
  position: absolute;
  border-radius: 50%;
  z-index: -1;
}

.bg > .bg1 {
  left: 69.16666666666667vw;
  top: 68.4375vw;
  width: 45.208333333333336vw;
  height: 45.208333333333336vw;
  opacity: 0.1893;
  background: linear-gradient(210deg, #ffffff 45%, #c3d0e8 92%);
}
.bg > .bg2 {
  left: -24.84375vw;
  top: 92.23958333333334vw;
  width: 54.6875vw;
  height: 54.6875vw;
  opacity: 0.7;
  background: linear-gradient(
    150deg,
    #ffffff 24%,
    rgba(206, 241, 255, 0.3915) 77%
  );
}
.bg > .bg3 {
  left: 83.07291666666667vw;
  top: 137.34375vw;
  width: 44.427083333333336vw;
  height: 44.427083333333336vw;
  opacity: 0.6;
  background: radial-gradient(63% 63% at 58% 38%, #f9fbff 0%, #f3f6fe 100%);
}
.bg > .bg4 {
  left: -31.979166666666668vw;
  top: 172.39583333333334vw;
  width: 41.82291666666667vw;
  height: 41.82291666666667vw;
  opacity: 0.7;
  background: radial-gradient(63% 63% at 58% 38%, #f9fbff 0%, #f3f6fe 100%);
}
.bg > .bg5 {
  position: absolute;
  left: 74.53125vw;
  top: 211.14583333333334vw;
  width: 38.645833333333336vw;
  height: 38.645833333333336vw;
  opacity: 0.7;
  background: linear-gradient(
    150deg,
    #ffffff 24%,
    rgba(206, 241, 255, 0.3915) 77%
  );
}

/** head */
.head {
  background-image: url("../images/head@2x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  top: 0;
  width: 100vw;
  height: 31.25vw;
  padding-left: 18.75vw;
  padding-top: 6.666666666666667vw;
  color: #ffffff;
}
.head > img {
  width: 35.78125vw;
  position: absolute;
  top: 3.6458333333333335vw;
  left: 48.333333333333336vw;
}
.head > h1,
.head > h2 {
  font-size: 2.916666666666667vw;
  font-weight: 600;
  line-height: 2.604166666666667vw;
  margin: 1.25vw 0;
}

.head > h3 {
  font-size: 1.6666666666666667vw;
  font-weight: 500;
  line-height: 2.604166666666667vw;
  margin-top: 2.1875vw;
}

.head > a {
  width: 9.166666666666668vw;
  height: 3.125vw;
  padding: 0.7291666666666667vw 2.0833333333333335vw;
  border-radius: 1.6666666666666667vw;
  background: #ffffff;
  display: block;
  color: #2a68ff;
  font-size: 1.25vw;
  font-weight: 500;
  margin-top: 1.6666666666666667vw;
}
.head > a::after {
  content: unset;
}

/** head END */
/** reason */
.reason {
  width: 100vw;
  overflow: hidden;
  height: 34.270833333333336vw;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reason > h1 {
  margin-top: 5.208333333333334vw;
  font-size: 2.1875vw;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
.reason > div {
  width: 100vw;
  display: flex;
  justify-content: center;
  margin: 2.5vw 0;
}

.reason .item {
  border-radius: 1.0416666666666667vw;
  background: #ffffff;
  box-sizing: border-box;
  border: 0.10416666666666667vw solid #e2e6f7;
  box-shadow: 0vw 0.625vw 1.0416666666666667vw 0vw rgba(41, 69, 138, 0.08);
  width: 20vw;
  height: 11.546875vw;
  margin: 0 0.625vw;
  font-family: "MiSans";
  /* font-family: "PingFang SC"; */
}
.reason .item > * {
  position: relative;
  left: 1.5625vw;
}
.reason .item img {
  width: 3.75vw;
  top: 0.5208333333333334vw;
  left: 15.104166666666668vw;
}

.reason .item h2 {
  font-size: 1.0416666666666667vw;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0vw;
  color: #292a2f;
  top: -1.3541666666666667vw;
}

.reason .item span {
  background-color: #3073ff;
  display: block;
  width: 1.9791666666666667vw;
  height: 0.15625vw;
  top: -0.625vw;
}

.reason .item h3 {
  font-size: 0.9375vw;
  font-weight: normal;
  line-height: 1.6666666666666667vw;
  color: #505668;
  width: 17.1875vw;
  top: 0.5208333333333334vw;
}
.reason > a,
.process > a {
  width: 9.375vw;
  height: 2.1875vw;
  padding: 0.5208333333333334vw 2.0833333333333335vw;
  border-radius: 1.1458333333333335vw;
  opacity: 1;
  background: #ffffff;
  border: 0.052083333333333336vw solid #3073ff;
  display: block;
  color: #2a68ff;
  font-size: 0.8333333333333334vw;
  font-weight: 500;
}

/** reason END */
/** business */
.business {
  width: 100vw;
  height: 131.77083333333334vw;
}

.business > h1 {
  font-size: 2.1875vw;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  color: #000000;
}

.business .item {
  display: flex;
  margin: 3.75vw 16.458333333333336vw;
  justify-content: space-between;
}

.business .item:nth-child(2n-1) {
  flex-direction: row-reverse;
}

.business .item h3 {
  font-size: 1.6666666666666667vw;
  font-weight: 600;
  line-height: 2.5vw;
  color: #292a2f;
  margin: 1.7708333333333335vw 0.20833333333333334vw;
  margin-bottom: 1.875vw;
}
.business .item ul {
  margin: 0.625vw 2.0833333333333335vw 0 0;
  white-space: nowrap;
}

.business .item ul > li {
  font-size: 0.8333333333333334vw;
  font-weight: normal;
  line-height: 1.6666666666666667vw;
  color: #5b5b5b;
}
.business .item ul > li::before {
  text-transform: none;
  width: 0.3125vw;
  height: 0.3125vw;
  border-radius: 50%;
  background-color: #2a68ff;
  border: 0.10416666666666667vw solid #c1e1fb;
  display: inline-block;
  content: " ";
  margin-right: 0.9895833333333334vw;
}

.business .item a {
  width: 9.375vw;
  height: 2.1875vw;
  border-radius: 1.1458333333333335vw;
  opacity: 1;
  background: #ffffff;
  border: 0.052083333333333336vw solid #3073ff;
  text-align: center;
  max-width: 9.375vw;
  padding: 0.5208333333333334vw 2.0833333333333335vw;
  font-size: 0.8333333333333334vw;
  font-weight: normal;
  color: #3073ff;
  margin-top: 1.7708333333333335vw;
  margin-left: 0.20833333333333334vw;
  display: block;
  line-height: 0.9375vw;
}
.business .item > img {
  position: relative;
}

/** business END*/
/** process */
.process {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.process > h1 {
  font-size: 2.1875vw;
  font-weight: 600;
}
.process > img {
  margin-top: 4.322916666666667vw;
  margin-bottom: -0.20833333333333334vw;
  width: 66.92708333333334vw;
}
.process > a {
  margin-bottom: 4.947916666666667vw;
}
/** process END*/