@import url(reset.css);
@import url(font.css);
@import url(column.css);
@import url(common.css);
@import url(pc.css);
@import url(mobile.css);
.about .first {
  margin: 5.2vw 0;
}
.about .first h2 {
  padding-left: 23.54vw;
  font-size: 3.75vw;
  font-weight: 600;
  font-stretch: normal;
  line-height: 4.69vw;
  letter-spacing: 0vw;
  color: #05152e;
  margin-bottom: 3vw;
}
.about .first p {
  padding-left: 23.54vw;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  line-height: 1.5vw;
  color: #05152e;
  opacity: 0.7;
}
.about .first .imgs {
  margin: 4vw 0;
  display: flex;
  justify-content: space-around;
}
.about .first .imgs li {
  position: relative;
  margin: 0 1vw;
}
.about .first .imgs li h3 {
  position: absolute;
  left: 2.66vw;
  bottom: 3.63vw;
  font-size: 1.56vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.34vw;
  letter-spacing: 0vw;
  color: #ffffff;
}
.about .first h4 {
  padding-left: 23.54vw;
  margin-top: 3.85vw;
  font-size: 1.88vw;
  font-weight: 600;
  font-stretch: normal;
  letter-spacing: 0vw;
  color: #05152e;
}
.about .cp {
  padding: 4.27vw 2.7vw;
  background-color: #c9dfe6;
  border-radius: 2.6vw;
}
.about .cp h2 {
  margin-bottom: 2.55vw;
  font-size: 2.5vw;
  font-weight: 600;
  font-stretch: normal;
  line-height: 3.75vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.about .cp h5 {
  margin-bottom: 2.66vw;
  font-size: 1.25vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.46vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.about .cp .item {
  padding: 0 1vw;
  box-sizing: border-box;
}
.about .cp .item p {
  margin-bottom: 2.92vw;
  height: 7.5vw;
  font-family: "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.46vw;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
}
.about .cp .item img {
  width: 100%;
}
.about .history {
  width: 100%;
  overflow: hidden;
}
.about .history ul {
  margin: 6vw 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  transition-timing-function: linear;
}
.about .history ul li {
  font-size: 3.75vw;
  font-weight: 600;
  font-stretch: normal;
  letter-spacing: 0vw;
  color: #071f43;
}
.about .history .intro {
  position: relative;
  margin-bottom: 4.22vw;
}
.about .history .intro h3 {
  position: absolute;
  left: 2.6vw;
  bottom: 15.76vw;
  font-size: 2.5vw;
  font-weight: 600;
  font-stretch: normal;
  line-height: 6.56vw;
  letter-spacing: 0vw;
  color: #ffffff;
}
.about .history .intro p {
  position: absolute;
  left: 2.6vw;
  right: 2.6vw;
  bottom: 8.6vw;
  font-size: 1.25vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  line-height: 2vw;
  color: #ffffff;
}
.about .history .years {
  margin-left: 1.5vw;
  height: 62.97vw;
  overflow-y: scroll;
}
.about .history .years dl {
  display: flex;
  padding: 2.8vw 3vw;
  border-radius: 2.6vw;
  border: solid 0.05vw #a6abb2;
  margin-bottom: 1.5vw;
  align-items: center;
}
.about .history .years dl:last-of-type {
  margin-bottom: 0;
}
.about .history .years dl dt {
  width: 9.27vw;
  flex: none;
  font-family: Avenir-Medium;
  font-size: 3.75vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 4.38vw;
  letter-spacing: 0vw;
  color: #071f43;
}
.about .history .years dl dd {
  margin-left: 2.6vw;
  flex: 1;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  color: #071f43;
  opacity: 0.7;    
  line-height: 1.6vw;
}
.about .history .years dl dd span{
  font-size: 1.1vw;
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  .about .first {
    padding: 8vw;
  }
  .about .first h2 {
    padding-left: 0;
    font-size: 6.4vw;
    line-height: 8vw;
  }
  .about .first p {
    margin: 6vw 0;
    padding-left: 0;
    font-size: 2.93vw;
    line-height: 5.33vw;
  }
  .about .first h4 {
    padding-left: 0;
    font-size: 4.8vw;
    line-height: 7.2vw;
  }
  .about .first .imgs {
    margin: 11vw 0;
  }
  .about .first .imgs li {
    width: 70vw;
  }
  .about .first .imgs li h3 {
    font-size: 4vw;
    line-height: 6vw;
    left: 6.8vw;
    bottom: 9.33vw;
  }
  .about .cp {
    padding: 13vw 8vw;
  }
  .about .cp h2 {
    font-size: 6.4vw;
    line-height: 9.6vw;
  }
  .about .cp h5 {
    font-size: 4vw;
    line-height: 6.4vw;
    margin: 8vw 0;
  }
  .about .cp .item p {
    margin-bottom: 8vw;
    height: auto;
    font-size: 2.93vw;
    line-height: 5.33vw;
  }
  .about .cp .item img {
    margin-bottom: 8vw;
  }
  .about .history {
    padding: 8vw 0;
  }
  .about .history ul li {
    font-size: 11vw;
  }
  .about .history .intro {
    margin-top: 4vw;
  }
  .about .history .intro h3 {
    bottom: 50.65vw;
    left: 8.27vw;
    font-size: 6.4vw;
    line-height: 10.8vw;
  }
  .about .history .intro p {
    margin: 0 8vw;
    font-size: 2.93vw;
    line-height: 6vw;
    bottom: 12vw;
  }
  .about .history .years {
    height: auto;
  }
  .about .history .years dl {
    padding: 7vw;
    margin-bottom: 4vw;
  }
  .about .history .years dl dt {
    font-size: 6.4vw;
    width: 16vw;
  }
  .about .history .years dl dd {
    font-size: 2.4vw;
    margin-left: 8vw;
    line-height: 3.6vw;
  }

  .about .history .years dl dd span{
    font-size: 2.8vw;
    font-weight: bold;
  }
}
/*# sourceMappingURL=./about.css.map */