@charset "UTF-8";
@import url('./font.css');
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.w1400 {
  width: 73.57%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .w1400 {
    width: 90%;
    margin: 0 auto;
  }
  .index-s3-position {
    gap: 0.2rem;
  }
}
.w1600 {
  width: 84.08%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .w1400 {
    width: 90%;
  }
}
h1 {
  font-weight: 600;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: max(calc(100vw / 19.2), 40px); /* 适配1920px宽度 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.15;
  --font-size-72: max(0.72rem, 24px);
  --font-size-60: max(0.6rem, 26px);
  --font-size-48: max(0.48rem, 24px);
  --font-size-40: max(0.4rem, 24px);
  --font-size-36: max(0.36rem, 24px);
  --font-size-34: max(0.34rem, 24px);
  --font-size-32: max(0.32rem, 22px);
  --font-size-30: max(0.3rem, 22px);
  --font-size-28: max(0.28rem, 22px);
  --font-size-26: max(0.26rem, 20px);
  --font-size-24: max(0.24rem, 16px);
  --font-size-22: max(0.22rem, 16px);
  --font-size-20: max(0.2rem, 16px);
  --font-size-18: max(0.18rem, 14px);
  --font-size-16: max(0.16rem, 14px);
  --font-size-14: max(0.14rem, 12px);
  --font-size-12: max(0.12rem, 12px);
}
body {


  font: 'Microsoft YaHei', 'sans-serif';
  --theme-color: #053fa7;
  --font-bold: 'sans-serif';
  --font-medium: 'sans-serif';
  --font-regular: 'sans-serif';
}

.solution-s1-container {
  position: relative;
}
.solution-s1-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.solution-s1-title {
  font-size: var(--font-size-60);
  color: #fff;
}
.solution-s1-bg img {
  min-height: 200px;
  object-fit: cover;
}

/* solution-s2  */
.solution-s2 {
  padding: 1.2rem 0;
  background-color: #f2f2f2;
}
.solution-s2-item {
  padding: 0.36rem 2rem 0.4rem;
  background-color: #fff;
  border-radius: max(0.1rem, 10px);
  margin-bottom: 0.24rem;
  text-align: center;
}
.solution-s2-title {
  font-size: var(--font-size-18);
  margin-bottom: 8px;
  font-family: var(--font-bold);
}
.solution-s2-desc {
  margin-bottom: 2px;
  color: #666;
  font-family: var(--font-medium);
}
.solution-s2-img {
  margin-top: 0.3rem;
}
.solution-s2-item:last-child img {
  width: auto;
  margin: auto;
}
.solution-s2-item:last-child .solution-s2-img {
  margin-bottom: 0.3rem;
}
@media (max-width: 768px) {
  .solution-s2-item {
    padding: 0.6rem;
  }
}