.index {
  height: 100%;
  width: 100%;
  position: relative;
  font-family: "黑体";
  .title {
    position: relative;
    height: 100%;
  }
  .content {
    position: relative;

    .product {
      .product-title {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding-top: 146px;

        h2 {
          color: #4A4A4A;
          font-size: 36px;
          padding: 0 0 100px;
          font-weight: 400;
        }
      }

      .product-content {
        position: relative;
        padding-bottom: 120px;
        overflow: hidden;
        width: 100%;

        .product-item-wrapper {
          display: flex;
          justify-content: center;

          .product-item {
            margin: 0 10px;
            width: 180px;
            height: 585px;
            cursor: pointer;
            background: #fff center no-repeat;
            transition: background-image .8s ease;
            a {
              display: block;
              width: 100%;
              height: 100%;
            }
          }
        }
      }

      .product-footer {
        background-color: #f4f4f4;
        .product-footer-wrapper {
          width: 1200px;
          margin: 0 auto;
          overflow: hidden;
          font-size: 15px;
          padding: 100px 0;
          position: relative;
          display: flex;
          justify-content: space-around;
          .qr-code {
            border-right: 1px solid #6b6b6b;
            width: 359px;
            height: 200px;
            padding-top: 40px;
            display: flex;
            justify-content: center;
            .qr-item {
              text-align: center;
              width: 150px;
              img {
                width: 94px;
                vertical-align: middle;
                border: 0;
              }
              p {
                font-family: "黑体";
                font-size: 12px;
                color: #494949;
                margin-top: 10px;
              }
            }
          }
          .footer-link {
            .footer-link-wrapper {
              display: flex;
              justify-content: space-around;
              .footer-link-item {
                width: 130px;
                text-align: center;
                .link-title {
                  span {
                    border-bottom: 1px solid #e4004f;
                    padding: 14px 0;
                    color: #333;
                    font-size: 14px;
                  }
                }
                .link-content-wrapper {
                  margin-top: 20px;
                  font-size: 12px;
                  .link-content-item {
                    padding: 8px 10px;
                    a {
                      color: #494949;
                      &:hover {

                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

}

