@import '../utils/reset.less';
@import '../utils/variable.less';
@import './component/foot.less';
@import './component/head.less';
@import './component/banner.less';

#banner {
  .banner190();
  background: #D9DBE8 url('../../images/20230421/banner-product.png') no-repeat center center;
  background-size: cover;
}

#product {
  h2 {
    height: 27rem;
    line-height: 27rem;
    font-family: AlibabaPuHuiTiM;
    font-weight: 500;
    font-size: 20rem;
    color: #333333;
    text-align: center;
  }
  .block {
    padding-top: 24rem;
    position: relative;
    .img {
      // position: absolute;
      width: 100%;
      margin-top: 12rem;
      // height: 240rem;
      // top: 58rem;
      // left: 0;
      img {
        width: 100%;
      }
    }
    .b_content {
      flex: 1;
    }
  }
  .b_content {
    h3 {
      height: 22rem;
      line-height: 22rem;
      font-family: AlibabaPuHuiTiM;
      font-size: 16rem;
      color: #333333;
      // margin-bottom: 275rem;
      font-weight: 500;
    }
    article {
      margin-top: 8rem;
      line-height: 20rem;
      font-family: AlibabaPuHuiTiR;
      font-size: 14rem;
      color: #666666;
      span {
        margin: 20rem 0 8rem 0;
        font-family: AlibabaPuHuiTiM;
        color: #333333;
        font-weight: 500;
        display: block;
      }
    }
  }
  .p-block {
    padding: 24rem 16rem;
    &:nth-child(2n+1) {
      background: #F5F7FA;
      // .img {
      //   height: 181rem;
      // }
      // .b_content {
      //   h3 {
      //     margin-bottom: 213rem;
      //   }
      // }
    }
  }
}
.p_content {
  .block + .block {
    margin-top: 16rem;
  }
}