::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.page {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  -ms-overflow-style: none; /* IE 10+ */
  scrollbar-width: none; /* Firefox */

  .nav {
    width: 100%;
    height: 50px;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 0;
  }
  .banner {
    width: 100%;
    height: 750px;
    position: relative;
  }
  .banner > img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .banner-text {
    position: absolute;
    width: 539px;
    left: 23%;
    top: 40%;
    display: flex;
    flex-flow: column;
    color: #fff;
    z-index: 2;
  }
  .banner-title {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
    margin-bottom: 33px;
  }
  .banner-title-desc {
    font-size: 24px;
    color: #ffffff;
    line-height: 36px;
    text-align: left;
    font-style: normal;
  }
  .content-wrapper {
    margin: auto;
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 100px 0;
  }
  .content-desc {
    margin-top: 120px;
    width: 100%;
    display: flex;
    flex-direction: column;
    .desc-title {
      text-align: center;
      font-family: AlibabaPuHuiTi_2_65_Medium;
      font-size: 32px;
      color: #101a2b;
      line-height: 36px;
      margin-bottom: 24px;
    }
    .desc-title-desc {
      width: 100%;
      font-family: AlibabaPuHuiTi_2_55_Regular;
      font-size: 16px;
      color: #101a2b;
      line-height: 28px;
      text-align: center;
      margin-bottom: 50px;
    }
    .title-image-list {
      width: 100%;
      height: 446px;
      padding: 0 85px;
      margin-bottom: 100px;
      display: flex;
      justify-content: space-between;
    }
    .image-list-item {
      display: flex;
      flex-flow: column;
      width: 310px;
      height: 100%;
      .image {
        height: 350px;
        width: 310px;
        background-color: rgb(242, 243, 243);
        margin-bottom: 30px;
      }
      .text-wrapper {
        width: 100%;
        padding: 0 25px;
        span {
          font-family: AlibabaPuHuiTi_2_65_Medium;
          font-size: 16px;
          color: #101a2b;
          line-height: 16px;
          text-align: left;
          margin-bottom: 14px;
        }
        div {
          font-family: AlibabaPuHuiTi_2_55_Regular;
          font-size: 12px;
          color: #969aa1;
          line-height: 18px;
          text-align: left;
        }
      }
    }
    .desc-text {
      font-family: AlibabaPuHuiTi_2_55_Regular;
      font-size: 16px;
      color: #101a2b;
      line-height: 28px;
      margin: 20px 0 34px 0;
    }
  }
  .product1-list {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 1140px;
    margin-bottom: 100px;
    div {
      display: flex;
      justify-content: space-between;
    }
    .product1-image {
      position: relative;
      width: 560px;
      height: 520px;
      background-color: rgb(242, 243, 243);
      margin-bottom: 100px;
    }
    .image-text {
      position: absolute;
      left: 50px;
      bottom: 40px;
      display: flex;
      flex-flow: column;
      width: 450px;
    }
    .image-text > div:first-child {
      font-family: AlibabaPuHuiTi_2_65_Medium;
      font-size: 32px;
      color: #101a2b;
      line-height: 32px;
      text-align: left;
      margin-bottom: 10px;
    }
    .image-text > div:nth-child(2) {
      font-family: AlibabaPuHuiTi_2_55_Regular;
      font-size: 16px;
      color: #969aa1;
      white-space: nowrap; /*设置不换行*/
      overflow: hidden; /*设置隐藏*/
      text-overflow: ellipsis; /*设置隐藏部分为省略号*/
      max-width: 100%;
    }
    .product1-littleImage-wrapper {
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      width: 560px;
      height: 520px;
    }
    .product1-littleImage {
      position: relative;
      height: 240px;
      width: 100%;
      background-color: rgb(242, 243, 243);
    }
  }
  .video-list {
    height: 126px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 100px;
    .video-item {
      margin-right: 60px;
      flex-flow: column;
      div {
        font-family: AlibabaPuHuiTi_2_55_Regular;
        font-size: 12px;
        color: #101a2b;
        line-height: 12px;
        text-align: left;
      }
    }
  }
  .product {
    height: 700px;
    width: 100%;
    display: flex;
    margin-bottom: 50px;
    .product-image {
      width: 600px;
      height: 700px;
      background-color: rgb(242, 243, 243);
    }
    .product-desc {
      display: flex;
      flex-flow: column;
      justify-content: center;
      width: 460px;
      height: 100%;
      text-align: left;
      margin-left: 80px;
      .product-desc-title {
        font-family: AlibabaPuHuiTi_2_65_Medium;
        font-size: 32px;
        color: #101a2b;
        line-height: 32px;
        margin-bottom: 32px;
      }
      .product-desc-content {
        font-family: AlibabaPuHuiTi_2_55_Regular;
        font-size: 16px;
        color: #101a2b;
        line-height: 29px;
      }
    }

    &:nth-child(2) {
      flex-direction: row-reverse;
    }
  }
}

@media screen and (max-width: 1200px) {
  .page {
    .banner {
      height: 5.2rem;
      background: linear-gradient(
              180deg,
              rgba(0, 0, 0, 0) 0%,
              rgba(0, 0, 0, 0.59) 100%
      );
    }

    .banner-title {
      font-size: 0.52rem;
      line-height: 0.52rem;
      margin-bottom: 0.16rem;
    }

    .banner-title-desc {
      font-size: 0.3rem;
      line-height: 0.48rem;
    }

    .banner-text {
      position: absolute;
      width: 80%;
      left: 13%;
      top: 35%;
      display: flex;
      flex-flow: column;
      color: #fff;
    }

    .content-wrapper {
      width: 90%;
      padding: 0 0 1rem 0;
    }

    .content-desc {
      margin-top: 0.8rem;
      .desc-title {
        font-size: 0.36rem;
        line-height: 0.36rem;
        margin-bottom: 0;
      }
      .desc-title-desc {
        font-size: 0.23rem;
        line-height: 0.38rem;
        margin: 0.2rem 0 0.34rem 0;
        text-align: left;
      }

      .title-image-list {
        display: block;
        height: auto;
        margin-bottom: 1rem;
        padding: 0;
      }

      .image-list-item {
        width: 100%;
        height: auto;
        .image {
          height: 3.5rem;
          width: 100%;
          margin-bottom: 0.3rem;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .text-wrapper {
          width: 100%;
          padding: 0 0.25rem;
          margin-bottom: 0.3rem;
          span {
            font-size: 0.25rem;
            line-height: 0.25rem;
          }
          div {
            font-size: 0.2rem;
            line-height: 0.2rem;
          }
        }
      }
    }

    .product {
      height: auto;
      margin-bottom: 0.5rem;
      display: block;

      .product-image {
        width: 100%;
        height: 5rem;
        margin-top: 0.5rem;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .product-desc {
        width: 100%;
        margin-left: 0;

        .product-desc-title {
          font-size: 0.32rem;
          line-height: 0.32rem;
          margin-bottom: 0.32rem;
        }
        .product-desc-content {
          font-size: 0.26rem;
          line-height: 0.29rem;
        }
      }
    }
  }
}