.home-seventh-section {
  background: linear-gradient(#fff 0%, #cbdcff 100%);
  text-align: center;
  padding-top: 2.5em;
  padding-bottom: 0.625em;
  z-index: 100;
  margin-bottom: -0.625em;
  border-bottom: 1px solid #cbdcff;
  .seventh-main {
    position: relative;
  }
  .clients {
    position: absolute;
    width: 100%;
    height: 31.25em;
    left: 0;
    bottom: 2.5em;
    .client {
      position: absolute;
      width: 6.25em;
      height: 6.25em;
      border-radius: 50%;
      z-index: 100;
    }

    .client:nth-child(1) {
      top: 0;
      left: 0;
      animation: zoomin 0.9s infinite alternate;
    }
    .client:nth-child(2) {
      top: 11.875em;
      left: -7.1875em;
      animation: zoomin 1.3s infinite alternate;
    }
    .client:nth-child(3) {
      left: 0;
      bottom: 4.375em;
      animation: zoomin 1.6s infinite alternate;
    }
    .client:nth-child(4) {
      top: 2.5em;
      right: 0;
      animation: zoomin 1.9s infinite alternate;
    }
    .client:nth-child(5) {
      right: -5.3125em;
      bottom: 8.4375em;
      animation: zoomin 2.1s infinite alternate;
    }
    .client:nth-child(6) {
      right: 9.375em;
      bottom: 0.625em;
      animation: zoomin 1.6s infinite alternate;
    }

    .icon-a-shuangyinhao12x {
      position: absolute;
      color: #ef7a30;
      font-size: 2.25em !important ;
    }
    .start-icon {
      top: 50px;
      left: 280px;
      transform: rotateY(180deg);
      z-index: 100;
    }
    .end-icon {
      bottom: 130px;
      right: 330px;
      z-index: 100;
    }
  }

  .slick-dots {
    height: 31.25em;
    left: 0;
    bottom: -4.5em;
    z-index: 101;
    li {
      position: absolute;
      width: 7em;
      height: 7em;
      border-radius: 50%;
      button{
        width: inherit;
        height: inherit;
        &:before {
          width: inherit;
          height: inherit;
          color: #fff;
          opacity: 0;
        }
      }
      
    }
    li:nth-child(1) {
      top: -.5em;
      left: -.5em;
    }
    li:nth-child(2) {
      top: 11.875em;
      left: -7.6875em;
    }
    li:nth-child(3) {
      left: -.5em;
      bottom: 3.875em;
    }
    li:nth-child(4) {
      top: 2.5em;
      right: -.5em;
    }
    li:nth-child(5) {
      right: -5.8125em;
      bottom: 8em;
    }
    li:nth-child(6) {
      right: 8.875em;
      bottom: 0.125em;
    }
  }
  .slick-slider {
    margin: 2.5em auto 1.25em;
    height: 30em;
    background: url(../img/7-bg.png) no-repeat;
    background-size: 50.25em 29.625em;
    background-position: center;
  }
  .slick-list {
    width: 33.75em;
    margin: 0 auto;
    z-index: 1001;
  }
  .issue-item {
    text-align: center;

    .author-head {
      width: 8.125em;
      height: 8.125em;
      border-radius: 50%;
      margin: 0 auto;
    }
    .issue-author {
      display: inline-block;
      font-size: 1.125em;
      font-weight: 500;
      color: #ff7300;
      line-height: 1.75em;
      margin: 0.625em auto;
    }
    .issue-title {
      font-size: 1.25em;
      font-weight: 500;
      color: #000870;
      line-height: 1.75em;
      margin-bottom: 1.25em;
    }
    .issue-content {
      text-align: left;
      text-indent: 2em;
      font-size: 0.95em;
      font-weight: 400;
      color: #3c476e;
      line-height: 1.75em;
    }
    .issue-time {
      height: 1.75em;
      font-size: 0.95em;
      color: #3c476e;
      line-height: 1.75em;
    }
  }

  .homepage-btn {
    margin-top: 3.125em;
  }

  @keyframes zoomin {
    0% {
      transform: scale(0.9);
    }

    100% {
      transform: scale(1.1);
    }
  }
}

@media screen and (max-width: 1400px) {
  .home-seventh-section {
    .slick-dots,.clients {
      width: 86%;
      left: 8%;
      
    }
  }
}

@media screen and (max-width: 1200px) {
  .home-seventh-section {
    .slick-dots,.clients {
      width: 80%;
      left: 11%;
    }
  }
}
