.container {
  position: relative;
  width: 100%;
}


.banner {
  height: bq(608);
  background-color: #000;
  background-image: url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3232840639,190973432&fm=26&gp=0.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;

  .banner__wrap {
    width: bq(800);
    margin: 0 auto;

    .banner__title {
      box-sizing: content-box;
      margin-top: bq(248);
      width: bq(678);
      text-align: left;
      color: #fff;
      // padding-right: bq(550);
      font-size: bq(44);
      font-weight: lighter;
      line-height: bq(59.66);
      letter-spacing: 0;
      color: #ffffff;
    }

    .banner__button {
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      margin-top: 40px;
      width: bq(133);
      height: bq(41);
      line-height: bq(41);
      font-size: bq(16);
      text-align: center;
      border-radius: bq(41);
      color: #fff;
      border: 1px solid #fff;
    }
  }

}

.dd {
  margin: bq(38) 0 bq(38) 0;
  display: inline-block;

  .d1 {
    float: left;
    padding: 0 bq(20);
    font-size: bq(18);
    font-weight: 400;
    color: rgba(75, 75, 75, 1);

    &.border {
      border-right: 1px solid rgba(143, 143, 143, 1);
    }
  }
}

.hz_wrapper {
  // height: bq(100);
  margin-top: bq(40);
  position: relative;

  .line {
    position: absolute;
    top: bq(77+30+14/2);
    left: 0;
    right: 0;
    background-image: url('/image/xu.png');
    height: 1px;
  }

  .fl__wraper {
    .fl__item {
      float: left;
      position: relative;
      top: 0;
      min-width: bq(137);
      margin-right: bq(10);
      transition: .2s linear all;

      &:hover {
        top: bq(-17);
      }

      .fl__item__icon {
        box-sizing: content-box;
        width: bq(77);
        height: bq(77);
        background-image: url('/image/icon0.png');
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
        background-size: 100% 100%;
      }

      .fl__item__circle {
        margin: 0 auto;
        margin-top: bq(30);
        width: bq(15);
        height: bq(15);
        border: 2px solid #888888;
        border-radius: 50%;
      }

      .fl__item__name {
        font-size: bq(20);
        margin-top: bq(20);
      }
    }
  }
}


.swiperBox {
  height: bq(458);

  /deep/ .swiper-button-prev {
    background-image: url(/image/left.png);
    background-size: 100% 100%;
    left: 0;
    width: bq(59);
    height: bq(105);
    transform: translateY(-25%);
  }

  /deep/ .swiper-button-next {
    background-image: url(/image/right.png);
    background-size: 100% 100%;
    right: 0;
    width: bq(59);
    height: bq(105);
    transform: translateY(-25%);
  }

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