.index-page {
  .swiper-container  {
    height: 514px;
  }
  .item-container {
    margin: 10px 3px;
    ul {
	    flex-direction: row;
	    flex-wrap: wrap;
    }
  }
  .item {
    text-align: center;
    margin: 1px;
    border-radius: 5px;
    padding-top: 8px;
    &.index-icon-item {
   	   width: 32%;
    }    
    .item-text {
      font-size: 12px;
      text-align: center;
      display: block;
      padding-top: 8px;
    }
    .item-img {
    }
  }
  .part-1 {
    .item-text {
      color: #333333;
    }
  }
  div[class^="part-"] {
    margin-bottom: 20px;
  }
  .part-3, .part-4, .part-5 {
    height: 470px;
    width: 100%;
    .white-circle {
      display: inline-block;
      @size: 8px;
      width: @size;
      height: @size;
      border-radius: @size/2;
      margin: 0 8px;
      background:#DDCBBD;
    }
    .container {
      height: 281px;
      background:rgba(0,0,0,0.3);
      align-self: center;
      color: #fff;
      width: 100%;
      .text {
        font-size: 12px;
        line-height: 24px;
        width: 70%;
        border-bottom: 1.5px solid #fff;
        margin: 0 auto;
        padding-top: 18px;
        text-align: center;
      }
      .main-text {
        width: 100%;
        height:36px;
        font-size: 22px;
        font-family:SanFranciscoDisplay-Regular;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height: 3.6rem;
        text-align: center;
      }
      .item-text {
        color: #fff;
      }
      .icon-div {
        padding-top: 20px;
      }
      .bottom {
        width: 80%;
        margin: 0 auto;
        padding-top: 38px;
        .ul {
          li {
            line-height: 25px;
          }
        }
      }
    }

  }
  .part-3 {
    display: flex;
    background: url("../images/index/img_Home_Star_Products01.png");
  }
  .part-4 {
    background: url("../images/index/img_Home_Star_Products02.png");
  }
  .part-5 {
    display: flex;
    background: url("../images/index/img_Home_Star_Products03.png");
  }
  .part-3, .part-4, .part-5 {
    background-size: cover;
  }
  .part-6 {
    padding-top: 47px;
    padding-bottom: 40px;
    .title1 {
      height:34px;
      font-size:28px;
      font-family:SanFranciscoDisplay-Medium;
      font-weight:500;
      color:rgba(51,51,51,1);
      line-height:34px;
      padding-bottom: 4px;
    }
    .title2 {
      font-size:12px;
      font-family:SourceHanSansCN-Normal;
      font-weight:400;
      color:rgba(102,102,102,1);
      line-height:18px;
      padding-bottom: 30px;
    }
  }
  .part-7, .part-8 {
    .bottom-text {
      height: 80px;
      text-align: center;
      .title {
        height:33px;
        font-size:24px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:33px;
        padding-top: 10px;
      }
      .more {
        a {
          height:17px;
          font-size:12px;
          color:rgba(102,102,102,1);
          line-height:17px;
        }
        i {
          display: inline-block;
          @size: 20px;
          width: @size;
          height: @size;
          background: url("../images/index/more.png") no-repeat;
          position: relative;
          top: 7px;
          background-size: cover;
        }
      }
    }
  }
  .part-9 {
    width: 100%;
    height: 270px;
    .hover {
      width: 100%;
      padding-top: 32%;
      img {
        width: 60px;
        z-index: 100;
      }
    }
    .video-container {
      .video {

      }
    }
  }
  .part-10 {
    .title {
      height: 70px;
      font-size: 24px;
      font-family: SourceHanSansCN-Medium;
      font-weight: 500;
      color: #4d4d4d;
      line-height: 50px;
    }
    .icon-ul {
      .li {
        height: 49px;
        img {
          width: 70%;
        }
      }
    }
  }
}
.img-c {
  height: 40px;
  //border: 1px dashed #ccc;
  width: 40px;
  margin: 0 auto;
}