.data-p {
  min-height: 9.12rem;
  overflow: hidden;
}
.data-p > div > h3 {
  text-align: center;
  font-size: 0.3rem;
  margin-top: 1rem;
  font-weight: 600;
}
.data-p > div > p {
  text-align: center;
  font-size: 0.2rem;
  margin-top: 0.3rem;
  font-weight: 500;
}
.data-p .slogan {
  margin-top: 1rem;
  margin-bottom: .4rem;
}
.data-p .slogan .mr {
  margin-right: 1rem;
}
.data-p .slogan .ml {
  margin-left: 1rem;
}
.data-p .slogan .ite {
  margin-bottom: 0.3rem;
}
.data-p .slogan .ite:last-child {
  margin: 0;
}
.data-p .slogan h4 {
  font-size: 0.2rem;
  margin-bottom: 0.1rem;
  font-weight: 600;
  color: #4b4b4b;
}
.data-p .slogan p {
  font-size: 0.16rem;
  color: #7b7b7b;
  line-height: 1.8;
}
.data-p .slogan .pic {
  max-width: 50%;
}
.data-p .pic img {
  width: 100%;
  display: block;
}
.data-p1 {
  height: 9.18rem;
  background: bottom center no-repeat #fff;
  background-size: cover;
}
.data-p1 h3 {
  margin-top: .7rem !important;
}
.data-p1 .slogan {
  max-width: 8.39rem;
  margin: 0.7rem auto .5rem;
}
.data-p1 .slogan img {
  width: 100%;
  display: block;
}
.data-p2 {
  background: url(../img/database/p2.mini.png) bottom center no-repeat;
  background-size: cover;
}
.data-p2 .pic {
  width: 7.19rem;
}
.data-p3 {
  background: center center no-repeat #fff;
  background-size: contain;
}
.data-p3 .pic {
  width: 8.67rem;
}
.data-p4 {
  background: url(../img/database/p4.mini.png) center center no-repeat #efeeeb;
  background-size: cover;
}
.data-p4 .pic {
  width: 7.82rem;
}
.data-p5 {
  background: #fff;
  min-height: 0;
}
.data-p5 .pic {
  width: 7.19rem;
}
.data-p6 {
  background: url(../img/database/p6.mini.png) center center no-repeat #ccc;
  background-size: cover;
  height: auto;
  min-height: 0;
  padding: 1rem 0;
}
.data-p6 > div > h3 {
  margin-top: 0;
  color: #fff;
}
.data-p6 > div > p {
  color: #fff;
}
@media (max-width: 767px) {
  .data-p1 {
    height: auto;
    min-height: 1px;
  }
  .data-p {
    min-height: 1px;
  }
  .data-p .slogan {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
  }
  .data-p .slogan .pic {
    max-width: 100%;
    margin-bottom: .3rem;
  }
  .data-p .slogan .flex-s.mr,
  .data-p .slogan .flex-s.ml {
    margin-right: 0;
    margin-left: 0;
  }
  .data-p .pic {
    width: 100%;
  }
  .data-p3 {
    background-size: contain;
  }
}