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

body {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

br {
  clear: both;
  font-size: 0;
}
#banner {
  .banner500();
  background: #d9dbe8 url('../../images/pc2/banner.png') no-repeat center center;
  background-size: cover;
}

//解决方案
@media screen and (min-width: 1680px) {
  .solution_ul li {
    height: 525px;
  }
}

@media screen and (max-width: 1680px) {
  .solution_ul li {
    height: 485px;
  }
}

@media screen and (max-width: 1440px) {
  .solution_ul li {
    height: 455px;
  }
}

//核心业务
.coreBusiness {
  .content();
  text-align: center;

  .coreTitle {
    margin: 72px auto 12px;
    height: 44px;
    font-family: AlibabaPuHuiTiM;
    font-size: 32px;
    color: #333;
    letter-spacing: 0;
    font-weight: 500;
  }

  .coreCenter {
    margin: 0 auto;
    // width: 441px;
    height: 20px;
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
  }

  .coreFooter {
    display: flex;
    line-height: 96px;
    justify-content: space-between;
    margin-top: 32px;

    .logoBox {
      width: 320px;
      height: 106px;

      // width: 397px;
      // height: 165px;
      background-image: url(../../images/pc2/bg-1.png);
      background-size: 100% 100%;

      // background-image: linear-gradient(180deg, #f3f5f8 0%, #fefeff 100%);
      // box-shadow: 0 4px 16px 0 #abb0c03d;
      // border-radius: 4px;
      // border: 3px solid;
      // border-image: linear-gradient(#ffffff, transparent) 30 30;

      display: flex;
      font-family: AlibabaPuHuiTiM;
      font-size: 24px;
      color: #333;
      letter-spacing: 0;
      justify-content: center;

      .logo {
        width: 57px;
        height: 48px;
        line-height: 130px;
        margin-right: 12px;

        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .coreAbout {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    width: 100%;
    height: 416px;

    .img {
      margin-top: 41px;
      width: 418px;
      height: 259px;
      line-height: 548px;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .text {
      text-align: left;
      margin: 52px 0 0 92px;
      width: 730px;
      height: 268px;
      line-height: 20px;
      font-family: AlibabaPuHuiTiM;
      border-top: 1px solid #dbdbdb;

      .__ {
        background-color: #333;
        height: 4px;
        width: 66px;
        margin: -4px 0 32px 0;
      }

      .transcript {
        margin-bottom: 12px;
        color: #666666ff;
        font-size: 14px;
        letter-spacing: 0;
        text-align: left;

        .theme {
          color: #555;
          font-weight: 600;
        }
      }
    }
  }
}

// 查看更多
.coreButton {
  display: block;
  margin-top: 28px;
  width: 96px;
  height: 36px;
  background: #2466ff;
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
  line-height: 36px;

  > a {
    color: #fff;
  }
}

// beat365平台入口解决方案
.yuxiang {
  padding: 65px 0 56px;

  width: 100%;
  text-align: center;
  background: #f5f7fa;

  .yxTitle {
    margin: 0 auto 12px;
    height: 44px;
    font-family: AlibabaPuHuiTiM;
    font-size: 32px;
    color: #333;
    letter-spacing: 0;
    font-weight: 500;
  }

  .yxCenter {
    margin: 0 auto;
    // width: 441px;
    height: 20px;
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
  }

  .yxFooter {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;

    .imgBox {
      margin: 0 18px;
      text-align: left;
      color: #333;
      font-size: 14px;
      letter-spacing: 0;
      .fontM();
    }

    .text {
      padding: 24px 0 0 24px;
      width: 397px;
      height: 165px;
      background-image: url(../../images/pc2/A4.png);
      background-size: 100% 100%;

      .title {
        text-align: left;
        height: 33px;
        line-height: 33px;
        font-family: AlibabaPuHuiTiM;
        font-size: 24px;
        color: #333333;
        margin-bottom: 8px;
      }

      p {
        height: 20px;
        line-height: 20px;
        font-family: AlibabaPuHuiTiR;
        font-size: 14px;
        color: #666666;
        margin-bottom: 36px;
      }

      a {
        display: inline-block;
        height: 20px;
        padding-right: 16px;
        line-height: 20px;
        font-family: AlibabaPuHuiTiR;
        font-size: 14px;
        color: @theme-primary-color;
        position: relative;
        &::after {
          content: url('../../images/20230421/head-icon-active.svg');
          width: 16px;
          height: 16px;
          transform-origin: center;
          transform: scaleY(-1) rotate(-90deg);
          position: absolute;
          right: 0;
          top: 2px;
        }
      }
    }

    .A1 {
      width: 397px;
      height: 240px;
      background-image: url(../../images/pc2/A1.png);
      background-size: 100% 100%;
    }

    .A2 {
      width: 397px;
      height: 240px;
      background-image: url(../../images/pc2/A2.png);
      background-size: 100% 100%;
    }

    .A3 {
      width: 397px;
      height: 240px;
      background-image: url(../../images/pc2/A3.png);
      background-size: 100% 100%;
    }
  }

  .moreButton {
    margin: 40px auto 0px;
  }
}

//合作伙伴
.partner {
  font-family: AlibabaPuHuiTiM;
  font-size: 32px;
  color: #333333;
  background: #f5f7fa;
  padding: 64px 0;
  letter-spacing: 0;
  text-align: center;
  margin: 64px auto 0;
  font-weight: 500;

  div {
    margin-bottom: 22px;
  }
}

// 新闻部分
.IndexnewsSs {
  margin-top: 70px;

  .indexNewsTitle {
    width: 300px;
    height: 44px;
    font-family: AlibabaPuHuiTiM;
    font-size: 32px;
    color: #333333;
    letter-spacing: 0;
    margin: 0 auto;
    margin-bottom: 40px;
    font-weight: 500;
  }

  .centerBtnMore {
    margin: 40px auto 52px;
  }

  .newsTitle {
    // height: 32px;
    font-family: AlibabaPuHuiTiM;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    font-weight: 500;

    span {
      margin-left: 44px;
    }
  }

  .newsTitle1 {
    background: #fff url('../../images/pc2/news2.png') no-repeat left center;
    background-size: 28px;
  }
  .newsTitle3 {
    background: #fff url('../../images/pc2/text3.png') no-repeat left center;
    background-size: 28px;
  }

  .newsTitle2 {
    background: #fff url('../../images/pc2/week.png') no-repeat left center;
    background-size: 32px;
  }

  .newsCenter {
    display: flex;
    justify-content: center;

    .detail {
      width: 860px;
      margin-right: 32px;
    }

    .list {
      width: 348px;
    }
  }

  .newsList {
    margin-top: 24px;
    width: 348px;
    min-height: 182px;
    max-height: 578px;
    background: #fafafa;
    padding-top: 16px;

    .newsListDetail {
      width: 284px;
      height: 72px;
      padding-left: 32px;
      margin-bottom: 8px;

      .titleI {
        font-family: AlibabaPuHuiTiM;
        font-size: 14px;
        color: #333333;
        margin-bottom: 8px;
        font-weight: 500;
      }

      .centerI {
        font-family: AlibabaPuHuiTiR;
        font-size: 14px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }

  #newsLists {
    min-height: 182px;
    max-height: 578px;
    margin-top: 24px;
  }

  .newsDetail {
    border-bottom: 1px solid #dbdbdb;
    height: 182px;
    margin-bottom: 16px;
    // padding: 16px 0;
    display: flex;
    // &:not(:first-child) {
    //   margin-top: 16px;
    // }
    .imgs {
      width: 268px;
      height: 165px;
      img {
        width: 100%;
        height: 100%;
      }
    }

    .text {
      margin-left: 32px;
      width: 528px;
      height: 117px;

      .title {
        height: 25px;
        line-height: 25px;
        margin-top: 24px;
        font-family: AlibabaPuHuiTiM;
        font-size: 18px;
        color: #333;
        letter-spacing: 0;
        overflow: hidden; //超出的文本隐藏
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        font-weight: 500;
      }

      .center {
        margin: 12px 0 20px 0;
        font-family: AlibabaPuHuiTiR;
        font-size: 14px;
        color: #666;
        letter-spacing: 0;
        overflow: hidden; //超出的文本隐藏
        text-overflow: ellipsis; //溢出用省略号显示
        -webkit-line-clamp: 2; // 超出多少行
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
      }

      .time {
        font-family: AlibabaPuHuiTiR;
        font-size: 14px;
        color: #999;
        letter-spacing: 0;
      }
    }
  }
}