body{
  overflow-x: hidden;
}

.page {
  position: relative;
  width: max(1200px, 100vw);
  overflow: hidden;
}

.publish-container {
  position: relative;
  width: max(1200px, 100vw);
  background: url(/static/index/static/image/publish_slice/9dde058145fb074aa26080e827d0b6a0.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.publish-main-content {
  position: relative;
  width: max(1200px, 100vw);
  height: max(2637.6px, 219.8vw);
}

.hero-section {
  width: max(1200px, 100vw);
  height: max(416.28px, 34.69vw);
  background: url(/static/index/static/image/publish_slice/hero-section-bg.png)
    100% no-repeat;
  background-size: 100% 100%;
  /* margin-top: max(25.08px, 2.09vw); */
}

.hero-box {
  width: max(922.56px, 76.88vw);
  height: max(121.92px, 10.16vw);
  background: url(/static/index/static/image/publish_slice/hero-box-bg.png) min(-1.32px, -0.11vw)
    max(0px, 0vw) no-repeat;
  background-size: max(923.64px, 76.97vw) max(121.8px, 10.15vw);
  margin-top: max(188.16px, 15.68vw);
}

.hero-text-group {
  width: max(644.4px, 53.7vw);
  height: max(71.28px, 5.94vw);
  margin: max(27.48px, 2.29vw) 0 0 max(154.32px, 12.86vw);
}

.hero-title {
  text-shadow: 5px 9px 21px rgba(0, 0, 0, 0.05);
  width: max(277.56px, 23.13vw);
  height: max(29.4px, 2.45vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(30px, 2.5vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(30px, 2.5vw);
  margin-left: max(1.32px, 0.11vw);
}

.hero-subtitle {
  text-shadow: 5px 9px 21px rgba(0, 0, 0, 0.05);
  width: max(644.4px, 53.7vw);
  height: max(28.8px, 2.4vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(30px, 2.5vw);
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(30px, 2.5vw);
  margin-top: max(13.2px, 1.1vw);
}

.hero-badge {
  text-shadow: 5px 9px 21px rgba(0, 0, 0, 0.05);
  width: max(146.88px, 12.24vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  font-size: 0;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
  margin: max(32.4px, 2.7vw) max(314.28px, 26.19vw) 0 min(-337.44px, -28.12vw);
}

.hero-badge-text {
  width: max(146.88px, 12.24vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.hero-badge-highlight {
  width: max(146.88px, 12.24vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.hero-badge-number {
  width: max(146.88px, 12.24vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.stat-badge-1 {
  box-shadow: 5px 9px 21px 0px rgba(0, 0, 0, 0.05);
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  width: max(198.84px, 16.57vw);
  height: max(28.2px, 2.35vw);
  margin: min(-8.64px, -0.72vw) 0 0 max(154.92px, 12.91vw);
  cursor: pointer;
}

.stat-number {
  width: max(31.92px, 2.66vw);
  height: max(10.08px, 0.84vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(12.48px, 1.04vw);
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(12.6px, 1.05vw);
  margin: max(8.64px, 0.72vw) 0 0 max(60px, 5vw);
}

.stat-label {
  width: max(47.52px, 3.96vw);
  height: max(11.28px, 0.94vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(11.16px, 0.93vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(11.28px, 0.94vw);
  margin: max(9px, 0.75vw) max(58.08px, 4.84vw) 0 max(1.2px, 0.1vw);
}

.stat-badge-2 {
  box-shadow: 5px 9px 21px 0px rgba(0, 0, 0, 0.05);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 25px;
  width: max(198.84px, 16.57vw);
  height: max(28.2px, 2.35vw);
  margin: max(9.36px, 0.78vw) 0 max(49.32px, 4.11vw) max(154.92px, 12.91vw);
  cursor: pointer;
}

.why-publish-section {
  position: relative;
  width: max(283.8px, 23.65vw);
  height: max(48.24px, 4.02vw);
  margin: max(51.24px, 4.27vw) 0 0 max(493.68px, 41.14vw);
}

.why-bg-text {
  width: max(129.48px, 10.79vw);
  height: max(48.24px, 4.02vw);
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: max(49.92px, 4.16vw);
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(50.04px, 4.17vw);
  margin-left: max(154.44px, 12.87vw);
  opacity: 0.1;
}

.why-title {
  position: absolute;
  left: 0;
  top: max(18.24px, 1.52vw);
  width: max(196.32px, 16.36vw);
  height: max(21.36px, 1.78vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.benefits-grid {
  width: max(840.72px, 70.06vw);
  height: max(221.88px, 18.49vw);
  margin: max(38.04px, 3.17vw) 0 0 max(177.48px, 14.79vw);
}

.benefit-card {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  width: max(181.32px, 15.11vw);
  height: max(206.28px, 17.19vw);
  border: 2px solid rgba(223, 223, 223, 1);
  margin-top: max(15.72px, 1.31vw);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.benefit-card:hover {
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
  transform: translateY(-4px);
}

.benefit-icon-wrapper {
  height: max(51.96px, 4.33vw);
  /* background: url(https://lanhu-oss-proxy.lanhuapp.com/d20c4ed6dc0dd31cfd684995901b8dab)
    max(0px, 0vw) max(0px, 0vw) no-repeat; */
  background-color: #2D50E2;
  /* background-size: max(51.84px, 4.32vw) max(51.84px, 4.32vw); */
  border-radius: 50%;
  width: max(52.56px, 4.38vw);
  margin: max(25.56px, 2.13vw) 0 0 max(64.32px, 5.36vw);
}

.benefit-icon {
  width: max(22.92px, 1.91vw);
  height: max(23.16px, 1.93vw);
  margin: max(13.08px, 1.09vw) 0 0 max(14.4px, 1.2vw);
}

.benefit-title {
  width: max(65.64px, 5.47vw);
  height: max(16.32px, 1.36vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(16.8px, 1.4vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(25.08px, 2.09vw);
  margin: max(19.92px, 1.66vw) 0 0 max(55.56px, 4.63vw);
}

.benefit-desc {
  width: max(133.2px, 11.1vw);
  height: max(54.48px, 4.54vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(13px, 0.9vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  line-height: max(20.04px, 1.67vw);
  margin: max(13.08px, 1.09vw) 0 max(24.96px, 2.08vw) max(22.44px, 1.87vw);
}

.why-choose-section {
  width: max(1200px, 100vw);
  height: max(496.92px, 41.41vw);
  background: url(/static/index/static/image/publish_slice/why-choose-section-bg.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: max(48.84px, 4.07vw);
}

.why-choose-header {
  position: relative;
  width: max(261.36px, 21.78vw);
  height: max(47.52px, 3.96vw);
  margin: max(69.96px, 5.83vw) 0 0 max(764.28px, 63.69vw);
}

.why-choose-bg-text {
  width: max(130.08px, 10.84vw);
  height: max(47.52px, 3.96vw);
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: max(49.92px, 4.16vw);
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(50.04px, 4.17vw);
  margin-left: max(131.28px, 10.94vw);
  opacity: 0.1;
}

.why-choose-title {
  position: absolute;
  left: 0;
  top: max(18.24px, 1.52vw);
  width: max(173.16px, 14.43vw);
  height: max(21.36px, 1.78vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.why-choose-subtitle {
  width: max(261.96px, 21.83vw);
  height: max(12.6px, 1.05vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(12.48px, 1.04vw);
  font-family: Adobe Heiti Std R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(20.04px, 1.67vw);
  margin: max(42.48px, 3.54vw) 0 0 max(764.28px, 63.69vw);
}

.feature-item-1 {
  box-shadow: 7px 12px 21px 0px rgba(0, 0, 0, 0.25);
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  width: max(213.24px, 17.77vw);
  height: max(30px, 2.5vw);
  margin: max(123.12px, 10.26vw) 0 0 max(811.8px, 67.65vw);
  cursor: pointer;
}

.feature-icon {
  width: max(14.4px, 1.2vw);
  height: max(18.24px, 1.52vw);
  margin: max(6.24px, 0.52vw) 0 0 max(55.56px, 4.63vw);
}

.feature-text {
  width: max(71.28px, 5.94vw);
  height: max(13.2px, 1.1vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(13.68px, 1.14vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(13.8px, 1.15vw);
  margin: max(9.84px, 0.82vw) max(54.96px, 4.58vw) 0 0;
}

.feature-item-2 {
  box-shadow: 7px 12px 21px 0px rgba(0, 0, 0, 0.25);
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  width: max(213.24px, 17.77vw);
  height: max(30px, 2.5vw);
  margin: max(16.8px, 1.4vw) 0 0 max(811.8px, 67.65vw);
  cursor: pointer;
}

.feature-item-3 {
  box-shadow: 7px 12px 21px 0px rgba(0, 0, 0, 0.25);
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  width: max(213.84px, 17.82vw);
  height: max(30px, 2.5vw);
  margin: max(17.4px, 1.45vw) 0 max(76.8px, 6.4vw) max(811.8px, 67.65vw);
  cursor: pointer;
}

.problems-section {
  width: max(313.8px, 26.15vw);
  height: max(28.2px, 2.35vw);
  margin: max(56.76px, 4.73vw) 0 0 max(223.68px, 18.64vw);
}

.problems-title {
  width: max(179.4px, 14.95vw);
  height: max(21.36px, 1.78vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
  margin-top: max(6.36px, 0.53vw);
}

.problems-subtitle {
  width: max(116.88px, 9.74vw);
  height: max(28.2px, 2.35vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(30px, 2.5vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(30px, 2.5vw);
}

.problem-cards {
  width: max(410.04px, 34.17vw);
  height: max(188.76px, 15.73vw);
  margin: max(103.08px, 8.59vw) 0 0 max(148.68px, 12.39vw);
}

.problem-card-1 {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 11px;
  width: max(93.24px, 7.77vw);
  height: max(175.08px, 14.59vw);
  border: 2px solid rgba(223, 223, 223, 1);
  margin: max(15px, 1.25vw) 0 0 min(-1.2px, -0.1vw);
}

.problem-card-2 {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 11px;
  width: max(93.24px, 7.77vw);
  height: max(175.08px, 14.59vw);
  border: 2px solid rgba(223, 223, 223, 1);
  margin: min(-1.2px, -0.1vw) 0 0 max(13.08px, 1.09vw);
}

.problem-card-3 {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 11px;
  width: max(93.24px, 7.77vw);
  height: max(175.08px, 14.59vw);
  border: 2px solid rgba(223, 223, 223, 1);
  margin: max(15px, 1.25vw) 0 0 max(13.68px, 1.14vw);
}

.problem-card-4 {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 11px;
  width: max(93.24px, 7.77vw);
  height: max(175.08px, 14.59vw);
  border: 2px solid rgba(223, 223, 223, 1);
  margin: min(-1.2px, -0.1vw) min(-1.2px, -0.1vw) 0 max(13.08px, 1.09vw);
}

.publish-types-section {
  /* box-shadow: 7px 12px 21px 0px rgba(0, 0, 0, 0.25); */
  background-color: rgba(255, 255, 255, 1);
  border-radius: 44px;
  height: max(383.76px, 31.98vw);
  margin-top: max(240px, 20vw);
  width: max(1200px, 100vw);
}

.publish-types-box {
  position: relative;
  width: max(882.6px, 73.55vw);
  height: max(180.72px, 15.06vw);
  margin: max(93.72px, 7.81vw) 0 0 max(150.6px, 12.55vw);
}

.publish-type-card-1 {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 44px;
  height: max(183.24px, 15.27vw);
  border: 2px solid rgba(223, 223, 223, 1);
  width: max(261.96px, 21.83vw);
  margin: min(-1.2px, -0.1vw) 0 0 max(16.8px, 1.4vw);
}

.publish-type-text {
  width: max(165.72px, 13.81vw);
  height: max(46.92px, 3.91vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(17.4px, 1.25vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: left;
  line-height: max(30px, 2.5vw);
  margin: max(76.8px, 6.4vw) 0 0 max(41.76px, 3.48vw);
}

.publish-type-card-2 {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 44px;
  height: max(183.24px, 15.27vw);
  border: 2px solid rgba(223, 223, 223, 1);
  width: max(261.96px, 21.83vw);
  margin: min(-1.2px, -0.1vw) 0 0 max(41.16px, 3.43vw);
}

.publish-type-card-3 {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 44px;
  height: max(183.24px, 15.27vw);
  border: 2px solid rgba(223, 223, 223, 1);
  width: max(261.96px, 21.83vw);
  margin: min(-1.2px, -0.1vw) min(-1.2px, -0.1vw) 0 max(39.96px, 3.33vw);
}

.publish-type-badge-1 {
  background-color: rgba(45, 80, 226, 1);
  border-radius: 44px;
  height: max(28.8px, 2.4vw);
  width: max(170.64px, 14.22vw);
  position: absolute;
  left: 0;
  top: max(23.16px, 1.93vw);
}

.publish-type-badge-text {
  width: max(78.24px, 6.52vw);
  height: max(19.44px, 1.62vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(18.92px, 1.36vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(18.84px, 1.57vw);
  margin: max(4.32px, 0.36vw) 0 0 max(50.52px, 4.21vw);
}

.publish-type-badge-2 {
  background-color: rgba(45, 80, 226, 1);
  border-radius: 44px;
  height: max(28.8px, 2.4vw);
  width: max(170.64px, 14.22vw);
  position: absolute;
  left: max(303.24px, 25.27vw);
  top: max(23.16px, 1.93vw);
}

.publish-type-badge-3 {
  background-color: rgba(45, 80, 226, 1);
  border-radius: 44px;
  height: max(28.8px, 2.4vw);
  width: max(170.64px, 14.22vw);
  position: absolute;
  left: max(605.04px, 50.42vw);
  top: max(23.16px, 1.93vw);
}

.process-title {
  width: max(87.6px, 7.3vw);
  height: max(21.96px, 1.83vw);
  margin: max(76.8px, 6.4vw) 0 max(10.56px, 0.88vw) max(150.6px, 12.55vw);
}

.process-title-text {
  width: max(87.6px, 7.3vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.process-steps {
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  height: max(41.28px, 3.44vw);
  border: 5px solid rgba(255, 255, 255, 1);
  width: max(206.28px, 17.19vw);
  position: relative;
  margin: max(51.84px, 4.32vw) 0 0 max(799.92px, 66.66vw);
}

.step-number {
  width: max(28.2px, 2.35vw);
  height: max(20.04px, 1.67vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(26.16px, 2.18vw);
  font-family: Arial-BoldMT;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: max(18px, 1.5vw);
  margin: max(9.96px, 0.83vw) 0 0 max(98.64px, 8.22vw);
}

.step-wrapper {
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  height: max(41.28px, 3.44vw);
  border: 5px solid rgba(255, 255, 255, 1);
  width: max(206.28px, 17.19vw);
  position: absolute;
  left: min(-163.08px, -13.59vw);
  top: min(-0.6px, -0.05vw);
}

.step-inner {
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  height: max(41.28px, 3.44vw);
  border: 5px solid rgba(255, 255, 255, 1);
  width: max(206.28px, 17.19vw);
  position: absolute;
  left: min(-152.4px, -12.7vw);
  top: min(-2.88px, -0.24vw);
}

.step-start {
  background-color: rgba(45, 80, 226, 1);
  border-radius: 25px;
  height: max(41.28px, 3.44vw);
  border: 5px solid rgba(255, 255, 255, 1);
  width: max(183.84px, 15.32vw);
  position: absolute;
  left: min(-139.32px, -11.61vw);
  top: min(-0.6px, -0.05vw);
}

.process-steps-text {
  width: max(735.72px, 61.31vw);
  height: max(44.4px, 3.7vw);
  margin: max(13.68px, 1.14vw) 0 max(84.36px, 7.03vw) max(225.6px, 18.8vw);
}

.step-text {
  width: max(160.8px, 13.4vw);
  height: max(44.4px, 3.7vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(18.72px, 1.36vw);
  font-family: Adobe Heiti Std R;
  font-weight: normal;
  text-align: left;
  line-height: max(26.28px, 2.19vw);
}

.step-text-multiline {
  width: max(95.04px, 7.92vw);
  height: max(44.4px, 3.7vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(18.72px, 1.36vw);
  font-family: Adobe Heiti Std R;
  font-weight: normal;
  text-align: left;
  line-height: max(26.28px, 2.19vw);
}

.advantages-section {
  height: max(445.08px, 37.09vw);
  background: url(/static/index/static/image/publish_slice/advantages-section-bg.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: max(1125.72px, 93.81vw);
  position: absolute;
  left: 0;
  top: max(1478.76px, 123.23vw);
}

.advantages-title {
  width: max(323.16px, 26.93vw);
  height: max(12.6px, 1.05vw);
  margin: max(54.36px, 4.53vw) 0 0 max(275.52px, 22.96vw);
}

.advantages-title-text {
  width: max(323.16px, 26.93vw);
  height: max(12.6px, 1.05vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(12.48px, 1.04vw);
  font-family: Adobe Heiti Std R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(20.04px, 1.67vw);
}

.advantages-icons {
  width: max(338.76px, 28.23vw);
  height: max(38.16px, 3.18vw);
  margin: max(75px, 6.25vw) 0 0 max(182.4px, 15.2vw);
}

.advantage-icon {
  width: max(21.36px, 1.78vw);
  height: max(21.36px, 1.78vw);
  /* border: 1px solid rgba(45, 80, 226, 1); */
  margin-top: max(16.92px, 1.41vw);
}

.advantage-labels-1 {
  width: max(272.52px, 22.71vw);
  height: max(14.4px, 1.2vw);
  margin: max(3.72px, 0.31vw) 0 0 max(270.6px, 22.55vw);
}

.advantage-label {
  width: max(57.6px, 4.8vw);
  height: max(14.4px, 1.2vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(15px, 1.25vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(25.08px, 2.09vw);
}

.advantage-labels-2 {
  width: max(271.92px, 22.66vw);
  height: max(14.4px, 1.2vw);
  margin: max(3.72px, 0.31vw) 0 0 max(164.28px, 13.69vw);
}

.advantage-problems {
  width: max(338.76px, 28.23vw);
  height: max(43.8px, 3.65vw);
  margin: max(8.64px, 0.72vw) 0 max(176.16px, 14.68vw) max(182.4px, 15.2vw);
}

.advantage-problem-text {
  width: max(46.32px, 3.86vw);
  height: max(26.28px, 2.19vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(11.16px, 0.93vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: center;
  line-height: max(15.72px, 1.31vw);
  margin-top: max(8.52px, 0.46vw);
}

.solve-problem-bg {
  position: absolute;
  left: max(310.08px, 25.84vw);
  top: max(1428.84px, 119.07vw);
  width: max(368.16px, 30.68vw);
  height: max(46.92px, 3.91vw);
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: max(49.92px, 4.16vw);
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(50.04px, 4.17vw);
  opacity: 0.1;
}

.publish-types-title {
  box-shadow: 7px 12px 21px 0px rgba(0, 0, 0, 0.25);
  background-color: rgba(45, 80, 226, 1);
  height: max(60.72px, 5.06vw);
  width: max(1200px, 100vw);
  position: absolute;
  left: 0;
  top: max(1998.24px, 166.52vw);
}

.publish-types-title-text {
  width: max(179.4px, 14.95vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
  margin: max(18.72px, 1.56vw) 0 0 max(149.28px, 12.44vw);
}

.publish-types-image {
  position: absolute;
  left: max(960.72px, 80.06vw);
  top: max(1978.8px, 164.9vw);
  width: max(76.32px, 6.36vw);
  height: max(80.04px, 6.67vw);
}

.books-section {
  width: max(1200px, 100vw);
  /* height: max(1991.28px, 165.94vw); */
  margin: max(798.72px, 66.56vw) 0 max(0.6px, 0.05vw) 0;
}

.books-section-title {
  width: max(88.2px, 7.35vw);
  height: max(21.36px, 1.78vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
  margin: max(100.56px, 8.38vw) 0 0 max(556.2px, 46.35vw);
}

.books-gallery {
  /* width: max(948.84px, 79.07vw); */
  height: max(328.2px, 27.35vw);
  margin: 0 auto;
  margin-top: max(63.72px, 5.31vw);
  /* justify-content: space-between; */
  gap: max(25.2px, 2.1vw);
}

.books-arrow-left {
  width: max(11.28px, 0.94vw);
  height: max(12.6px, 1.05vw);
  margin-top: max(141.96px, 11.83vw);
}

.book-cover {
  width: max(191.88px, 15.99vw);
  height: max(278.16px, 23.18vw);
  /* margin: max(26.16px, 2.18vw) 0 0 max(18.72px, 1.56vw); */
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 10px;
}

.book-cover:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.books-arrow-right {
  width: max(11.28px, 0.94vw);
  height: max(12.6px, 1.05vw);
  margin: max(141.84px, 11.82vw) 0 0 max(22.44px, 1.87vw);
}

.online-platforms-title {
  width: max(133.8px, 11.15vw);
  height: max(21.36px, 1.78vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
  margin: max(163.68px, 13.64vw) 0 0 max(531.84px, 44.32vw);
}

.online-platforms-desc {
  width: max(355.68px, 29.64vw);
  height: max(11.88px, 0.99vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(12.48px, 1.04vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(20.04px, 1.67vw);
  margin: max(23.04px, 1.92vw) 0 0 max(419.28px, 34.94vw);
}

.online-platforms-icons {
  width: max(760.08px, 63.34vw);
  height: max(98.76px, 8.23vw);
  margin: max(79.92px, 6.66vw) 0 0 max(217.44px, 18.12vw);
  gap: max(36px, 3vw);
}

.platform-icon {
  width: max(98.16px, 8.18vw);
  height: max(98.16px, 8.18vw);
  margin-top: max(0.72px, 0.06vw);
}

.offline-platforms-title {
  width: max(133.8px, 11.15vw);
  height: max(21.36px, 1.78vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
  margin: max(131.76px, 10.98vw) 0 0 max(531.84px, 44.32vw);
}

.offline-platforms-desc {
  width: max(335.64px, 27.97vw);
  height: max(12.6px, 1.05vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(12.48px, 1.04vw);
  font-family: Adobe Heiti Std R;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(20.04px, 1.67vw);
  margin: max(23.04px, 1.92vw) 0 0 max(429.96px, 35.83vw);
}

.offline-platforms-images {
  width: max(948.24px, 79.02vw);
  height: max(126.96px, 10.58vw);
  margin: max(73.68px, 6.14vw) 0 0 max(128.04px, 10.67vw);
  gap: max(36px, 3vw);
}

.offline-platform-image {
  width: max(205.08px, 17.09vw);
  height: max(126.96px, 10.58vw);
  border-radius: 10px;
}

.offline-platforms-labels {
  width: max(882.6px, 73.55vw);
  height: max(14.4px, 1.2vw);
  margin: max(24.36px, 2.03vw) 0 max(60px, 5vw) max(155.52px, 12.96vw);
  gap: max(36px, 3vw);
}

.offline-platform-label {
  width: max(206.28px, 17.19vw);
  height: max(14.4px, 1.2vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(15px, 1.25vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(20.04px, 1.67vw);
}

.contact-section {
  box-shadow: 5px -1px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  height: max(799.44px, 66.62vw);
  overflow: hidden;
  width: max(1200px, 100vw);
  position: absolute;
  left: 0;
  top: max(2636.88px, 219.74vw);
}

.contact-banner {
  background-color: rgba(45, 80, 226, 1);
  height: max(82.56px, 6.88vw);
  margin-top: max(715.68px, 59.64vw);
  width: max(1200px, 100vw);
}

.contact-banner-top {
  width: max(769.44px, 64.12vw);
  height: max(21.96px, 1.83vw);
  margin: max(10.56px, 0.88vw) 0 0 max(129.12px, 10.76vw);
}

.contact-icon {
  width: max(14.76px, 1.23vw);
  height: max(16.32px, 1.36vw);
  margin-top: max(3.24px, 0.27vw);
  margin-left: max(96px, 8vw);
}

.contact-badge {
  width: max(66.36px, 5.53vw);
  height: max(15px, 1.25vw);
  overflow-wrap: break-word;
  font-size: 0;
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(15.72px, 1.31vw);
  margin: max(4.32px, 0.36vw) 0 0 max(3.6px, 0.3vw);
}

.contact-badge-text {
  width: max(66.36px, 5.53vw);
  height: max(15px, 1.25vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(15.6px, 1.3vw);
  font-family: ArialMT;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(15.72px, 1.31vw);
}

.contact-label {
  width: max(78.24px, 6.52vw);
  height: max(15px, 1.25vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(15.6px, 1.3vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(15.72px, 1.31vw);
  margin: max(4.32px, 0.36vw) 0 0 max(3px, 0.25vw);
}

.contact-banner-bottom {
  width: max(800.04px, 66.67vw);
  height: max(26.28px, 2.19vw);
  margin: max(10.56px, 0.88vw) 0 max(13.08px, 1.09vw) max(199.92px, 16.66vw);
}

.contact-desc {
  width: max(131.28px, 10.94vw);
  height: max(25.68px, 2.14vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(9.96px, 0.83vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: center;
  line-height: max(15.72px, 1.31vw);
  margin-top: max(0.72px, 0.06vw);
}

.contact-verify {
  width: max(130.08px, 10.84vw);
  height: max(25.08px, 2.09vw);
  overflow-wrap: break-word;
  font-size: 0;
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: center;
  line-height: max(15.72px, 1.31vw);
  margin-left: max(93.84px, 7.82vw);
}

.contact-verify-text {
  width: max(130.08px, 10.84vw);
  height: max(25.08px, 2.09vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(9.96px, 0.83vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: left;
  line-height: max(15.72px, 1.31vw);
}

.contact-desc-multiline {
  width: max(115.68px, 9.64vw);
  height: max(25.08px, 2.09vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(9.96px, 0.83vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: center;
  line-height: max(15.72px, 1.31vw);
  margin-left: max(98.76px, 8.23vw);
}

.contact-ip-section {
  height: max(681.36px, 56.78vw);
  background: url(/static/index/static/image/publish_slice/contact-ip-section-bg.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: max(1200px, 100vw);
  position: absolute;
  left: 0;
  top: max(-6.7px, -0.48vw);
}

.contact-ip-title {
  width: max(206.88px, 17.24vw);
  height: max(21.96px, 1.83vw);
  margin: max(45.6px, 3.8vw) 0 0 max(495.6px, 41.3vw);
}

.contact-ip-title-text {
  width: max(206.88px, 17.24vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  font-size: 0;
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.contact-ip-title-span {
  width: max(206.88px, 17.24vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.contact-ip-title-highlight {
  width: max(206.88px, 17.24vw);
  height: max(21.96px, 1.83vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(22.44px, 1.87vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(22.56px, 1.88vw);
}

.contact-stats {
  width: max(741.36px, 61.78vw);
  height: max(66.96px, 5.58vw);
  margin: max(39.36px, 3.28vw) 0 0 max(229.32px, 19.11vw);
}

.contact-stat-box {
  box-shadow: 3px 4px 70px 0px rgba(0, 0, 0, 0.02);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 18px;
  position: relative;
  width: max(220.08px, 18.34vw);
  height: max(66.96px, 5.58vw);
  border: 2px solid rgba(223, 223, 223, 1);
}

.contact-stat-group {
  width: max(60.72px, 5.06vw);
  height: max(43.8px, 3.65vw);
  margin: max(11.76px, 0.98vw) 0 0 max(80.52px, 6.71vw);
}

.contact-stat-number {
  width: max(60.72px, 5.06vw);
  height: max(19.44px, 1.62vw);
  overflow-wrap: break-word;
  color: rgba(45, 80, 226, 1);
  font-size: max(26.16px, 2.18vw);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(26.28px, 2.19vw);
}

.contact-stat-label {
  width: max(60.72px, 5.06vw);
  height: max(14.4px, 1.2vw);
  overflow-wrap: break-word;
  color: rgba(91, 91, 91, 1);
  font-size: max(15px, 1.25vw);
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(15px, 1.25vw);
  margin-top: max(10.08px, 0.84vw);
}

.contact-cta {
  width: max(147.6px, 12.3vw);
  height: max(30.72px, 2.56vw);
  margin: max(33.12px, 2.76vw) 0 max(443.64px, 36.97vw) max(526.2px, 43.85vw);
}

.contact-cta-btn {
  box-shadow: 7px 12px 21px 0px rgba(0, 0, 0, 0.25);
  background-color: rgba(45, 80, 226, 1);
  border-radius: 60px;
  height: max(30.72px, 2.56vw);
  width: max(147.6px, 12.3vw);
}

.contact-cta-text {
  width: max(59.4px, 4.95vw);
  height: max(14.4px, 1.2vw);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: max(15px, 1.25vw);
  font-family: AlibabaPuHuiTi_2_45_Light;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: max(15px, 1.25vw);
  margin: max(8.04px, 0.67vw) 0 0 max(43.08px, 3.59vw);
  cursor: pointer;
}

.contact-divider-1 {
  position: absolute;
  left: max(380.64px, 31.72vw);
  top: max(680.64px, 56.72vw);
  width: max(0.72px, 0.06vw);
  height: max(106.32px, 8.86vw);
}

.contact-divider-2 {
  position: absolute;
  left: max(600.72px, 50.06vw);
  top: max(680.64px, 56.72vw);
  width: max(0.72px, 0.06vw);
  height: max(106.32px, 8.86vw);
}

.contact-divider-3 {
  position: absolute;
  left: max(823.8px, 68.65vw);
  top: max(680.64px, 56.72vw);
  width: max(0.72px, 0.06vw);
  height: max(106.32px, 8.86vw);
}