.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}


.containerbangong {
  padding: 0 15px;
  width: 1600px;
  margin: 0 auto;
}
.containerbangong2 {
  width: 1600px;
  margin: 0 auto
}
.containerbangong3 {
  padding: 50px 15px;
  width: 1600px;
  margin: 0 auto;
}
.section {
  padding: 60px 0;
}
.section-title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 28px;
}
.section-title p {
  color: #999;
  font-size: 18px;
  margin: 5px 0 0;
}
.section-title:after {
  display: block;
  content: '';
  width: 38px;
  height: 3px;
  margin: 15px auto 0;
  background-color: #023793;
}
.bg1 {
  background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
}
.bg2 {
  background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
}

@media screen and (min-width:1200px) {
  @-webkit-keyframes circle {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes circle {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
.in-ys-list li {
  float: left;
  width: 32.5%;
  position: relative;
  background: url("https://www.adp-inc.com/static/images/ys2-line.png") no-repeat center;
}
.in-ys-list li .ys-circle {
  
  width: 154px;
  height: 146px;
  margin: 0 auto;
}
.in-ys-list li .ys-circle img {
  display: block;
  width: 100%;
  height: 100%;
}
.in-ys-list li .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
.in-ys-list li .icon img {
  display: block;
  margin: 40px auto 4px;
}
.in-ys-list li .icon h3 {
  margin: 0;
  font-weight: normal;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .top {
    display: none
  }
  .containerbangong {
    width: auto;
  }

  .in-ys-list {
    margin-top: -15px;
  }
  .in-ys-list li {
    width: 33.333333%;
    margin-top: 15px;
    background: none;
  }
  .in-ys-list li .ys-circle {
    width: 86px;
    height: 80px;
  }
  .in-ys-list li .icon img {
    width: 21px;
    height: 21px;
    margin-top: 20px;
  }
  .in-ys-list li .icon h3 {
    font-size: 16px;
  }