body {
  background-color: #f5f5f5;
}
.title1 h2 {
  color: #333;
  position: relative;
  text-align: center;
}
.title1 h2 span {
  position: relative;
}
.title1 h2 span::before,
.title1 h2 span::after {
  content: '';
  width: 0.34133333rem;
  height: 0.34133333rem;
  background: url("../images/solution8/title_img_black.png") no-repeat;
  position: absolute;
  background-size: contain;
  top: 0.384rem;
}
.title1 h2 span::before {
  left: -0.64rem;
}
.title1 h2 span::after {
  right: -0.64rem;
}
.title1 p {
  color: #666;
}
.title2 {
  margin-top: 1.28rem;
}
.title2 h2 {
  color: #fff;
  position: relative;
  text-align: center;
}
.title2 h2 span {
  position: relative;
}
.title2 h2 span::before,
.title2 h2 span::after {
  content: '';
  width: 0.34133333rem;
  height: 0.34133333rem;
  background: url("../images/solution8/title_img_white.png") no-repeat;
  position: absolute;
  background-size: contain;
  top: 0.384rem;
}
.title2 h2 span::before {
  left: -0.64rem;
}
.title2 h2 span::after {
  right: -0.64rem;
}
.title2 p {
  color: #fff;
}
.tpqcds-banner {
  background: url("../images/solution8/banner_bg.jpg") no-repeat;
  background-size: cover;
}
.floor1 {
  overflow: hidden;
  padding-bottom: 2.13333333rem;
}
.floor1 .floor1_list {
  margin-top: 1.68533333rem;
}
.floor1 .floor1_list li {
  float: left;
  width: 33.333%;
}
.floor1 .floor1_list li img {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
  box-shadow: 0 0.17066667rem 0.21333333rem 0 rgba(255, 76, 76, 0.3);
  border-radius: 50%;
}
.floor1 .floor1_list li .floor1_list_title {
  display: block;
  color: #333;
  font-size: 0.512rem;
  margin-top: 0.832rem;
  margin-bottom: 0.61866667rem;
  text-align: center;
}
.floor1 .floor1_list li .floor1_list_des {
  width: 80%;
  line-height: 0.768rem;
  font-size: 0.42666667rem;
  color: #666;
  margin: 0 auto;
  text-align: center;
}
.floor1 .floor1_banner {
  width: 14.72rem;
  height: auto;
  display: block;
  margin: 1.38666667rem auto 1.28rem;
}
.floor1 .badness_list li img {
  box-shadow: 0 0.17066667rem 0.21333333rem 0 rgba(102, 102, 102, 0.3);
}
.floor2 {
  background: url("../images/solution8/floor2_bg.jpg") no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 1.94133333rem;
}
.floor2 .floor2_img1 {
  width: 14.464rem;
  height: auto;
  display: block;
  margin: 1.87733333rem auto 0;
}
.floor3 {
  overflow: hidden;
}
.floor3 .floor3_list_one {
  margin-top: 1.25866667rem;
  background-color: #fff;
}
.floor3 .floor3_list {
  overflow: hidden;
  padding-bottom: 2.13333333rem;
}
.floor3 .floor3_list h3 {
  color: #333;
  font-size: 0.64rem;
  margin-top: 2.13333333rem;
  max-height: 100%;
  text-align: center;
}
.floor3 .floor3_list p {
  margin: 1.28rem auto 0;
  font-size: 0.512rem;
  color: #666;
  max-height: 100%;
  width: 14rem;
}
.floor3 .floor3_list_one img {
  display: block;
  width: 13.568rem;
  height: auto;
  margin: 1.28rem auto 0;
}
.floor3 .floor3_list_three {
  background-color: #fff;
}
.floor3 .floor3_list_four img {
  display: block;
  width: 14.4rem;
  height: auto;
  margin: 1.28rem auto 0;
}
.floor4 {
  height: 9.6rem;
  background: url("../images/solution8/floor4_bg.jpg") no-repeat;
  background-size: cover;
  overflow: hidden;
  margin-bottom: 12.8rem;
}
.floor4 .floor4_btn {
  width: 6.4rem;
  height: 1.70666667rem;
  border-radius: 0.21333333rem;
  background: linear-gradient(-45deg, #3388ff 0%, #53acff 100%);
  box-shadow: 0 0.10666667rem 0.192rem 1px rgba(51, 136, 255, 0.2);
  margin: 1.70666667rem auto 0;
  line-height: 1.70666667rem;
  text-align: center;
  color: #fff;
  display: block;
  font-size: 0.64rem;
  font-weight: bold;
}
/*# sourceMappingURL=tpqcds.css.map */