.main {
  width: 100%;
  min-height: calc(100vh - .84rem);
  background-image: url('../img/intro/bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.intro {
  margin: 0 auto;
  width: calc(942px + 0.8rem * 2);
  max-width: 100%;
  box-sizing: border-box;
  padding: .8rem;
  text-align: center;
}
.intro .title {
  width: fit-content;
  font-size: .5rem;
  font-family: YPchuangxiang-GB, YPchuangxiang-GB-Regular;
  font-weight: 400;
  color: #003c6e;
  margin: 0 auto .4rem;
}
.intro .content {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 67%;
  background-image: url('../img/intro/intro_bg.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.intro .content .text {
  position: absolute;
  top: 0;
  left: 0;
  padding: .64rem 1.2rem;
  font-size: 24px;
  font-family: Segoe UI, Segoe UI-Regular;
  text-align: left;
  color: #000;
  text-indent: .48rem;
  line-height: 1.5;
}
.intro .content .text_en {
  font-size: 22px;
  padding: 64px 80px 0 350px;
}
@media screen and (max-width: 1022px) {
  .intro .content .text {
    font-size: .4rem;
  }
  .intro .content .text_en {
    padding: .64rem 1.2rem 0 5rem;
  }
}