/* about */
.about {
  padding: 30px 0;
}

.about .title {
  text-align: left;
  margin-bottom: 15px;
}

.about .info>*:not(:last-child) {
  margin-bottom: 20px;
}

.about .info h2, .about .info h3 {
  font-size: 20px;
  text-align: left;
  color: var(--style-color);
}

.about .info p {
  line-height: 1.75;
}

.about .info img {
  box-shadow: 1px 5px 17px 3px rgba(1, 160, 53, 0.2);
  border-radius: 5px;
}

@media (min-width: 1200px) {
  .about {
    padding: 56px 0 60px;
  }

  .about .title {
    margin-bottom: 25px;
  }

  .about .info>*:not(:last-child) {
    margin-bottom: 30px;
  }

  .about .info h2, .about .info h3 {
    font-size: 25px;
  }
}

@media (min-width: 1440px) {
  .about {
    padding-bottom: 94px;
  }
}


/* advantage */
.advantage {
  color: #fff;
  padding: 30px 0;
}

.advantage .title {
  margin-bottom: 15px;
}

.advantage .sub-info {
  line-height: 1.75;
  text-align: center;
  margin-bottom: 20px;
}

.advantage .sub-info>*:not(:last-child) {
  margin-bottom: 20px;
}

.advantage .row {
  margin-bottom: -20px;
}

.advantage .row>div {
  text-align: center;
  margin-bottom: 20px;
}

.advantage .icon {
  width: auto;
  height: 47px;
}

.advantage .tit {
  margin-top: 15px;
}

@media (min-width: 1200px) {
  .advantage {
    padding: 60px 0;
  }

  .advantage .title {
    margin-bottom: 27px;
  }

  .advantage .sub-info {
    margin-bottom: 40px;
  }

  .advantage .sub-info>*:not(:last-child) {
    margin-bottom: 30px;
  }

  .advantage .tit {
    margin-top: 37px;
  }
}

@media (min-width: 1440px) {
  .advantage {
    padding: 95px 0;
  }

  .advantage .sub-info {
    margin-bottom: 56px;
  }
}


/* history */
.history .item {
  padding: 30px 0;
}

.history .item:nth-child(even) {
  background: #F7F7F7;
}

.history .lt {
  margin-bottom: 20px;
}

.history .title {
  text-align: left;
  margin-bottom: 15px;
}

.history .info {
  line-height: 1.75;
}

.history .info>*:not(:last-child) {
  margin-bottom: 20px;
}

.history .info ul {
  padding-left: 16px;
}

.history .info ul li::marker {
  color: var(--sub-color);
}

.history .info ul li:not(:last-child) {
  margin-bottom: 7px;
}

.history .item img {
  box-shadow: 1px 5px 17px 3px rgba(1, 160, 53, 0.2);
  border-radius: 5px;
}

@media (min-width: 992px) {
  .history .item .container {
    display: flex;
    align-items: center;
  }

  .history .item:nth-child(even) .container {
    flex-direction: row-reverse;
  }

  .history .lt {
    flex: 1;
    margin-bottom: 0;
  }

  .history .item:nth-child(odd) .lt {
    padding-right: 30px;
  }

  .history .item:nth-child(even) .lt {
    padding-left: 30px;
  }

  .history .rt {
    width: 450px;
    flex-shrink: 0;
  }
}

@media (min-width: 1200px) {
  .history .item {
    padding: 60px 0;
  }

  .history .item:nth-child(odd) .lt {
    padding-right: 60px;
  }

  .history .item:nth-child(even) .lt {
    padding-left: 60px;
  }

  .history .title {
    margin-bottom: 25px;
  }

  .history .info>*:not(:last-child) {
    margin-bottom: 30px;
  }

  .history .rt {
    width: 500px;
  }
}

@media (min-width: 1440px) {
  .history .item {
    padding: 100px 0;
  }

  .history .item:nth-child(odd) .lt {
    padding-right: 100px;
  }

  .history .item:nth-child(even) .lt {
    padding-left: 100px;
  }
}