* {
  font-size: 16px;
}

body {
  background-color: #fff;

  /* 火狐浏览器隐藏滚动条 */
  -ms-overflow-style: none;

  /* ie浏览器隐藏滚动条 */
  scrollbar-width: none;
}

.flex {
  display: flex;
}

.swiper-box .swiper {
  display: flex;
}

.swiper-box .sw {
  width: 360px;
  overflow: hidden;
  margin-top: 30px;
  height: 150px;
  margin-left: 6px;
}

/* copy S*/

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 自定义分页器 */
.swiper-pagination-custom {
  bottom: 10%;
  left: 0;
  width: 100%;
  height: 20px;
  text-align: left;
}

/*自定义分页器的样式*/
.swiper-pagination-custom .swiper-pagination-customs {
  position: relative;
  font-size: 0;
  width: 8px;
  height: 8px;
  background: #eee;
  overflow: hidden;
  border-radius: 8px;
  display: inline-block;
  padding: 0;
  margin: 0 7px 0 0;
  text-align: left;
  outline: none;
  border: 0;
}

/*自定义分页器激活时的样式表现*/
.swiper-pagination-custom .swiper-pagination-customs-active {
  width: 36px;
}

.swiper-pagination-custom .swiper-pagination-customs-active span {
  background-color: #48ade2 !important;
  animation: progressAnimation 3s;
}

.swiper-pagination-custom .swiper-pagination-customs span {
  font-size: 0;
  width: 100%;
  height: 100%;
  float: left;
  padding: 0;
  margin: 0;
  border-radius: 10px;
  opacity: 1;
}

@keyframes progressAnimation {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

/* copy E*/

.banner {
  flex-direction: column;
  width: 1200px;
  margin: 101px auto 160px;
}

.banner .banner-box {
  /* width: 90%; */
  margin: 0 auto;
  position: relative;
}

.banner .banner-top {
  justify-content: space-between;
  width: 1098px;
}

.b-title {
  color: #333333;
  /* font-size: 2.4rem; */
  font-size: 40px;
  font-weight: 400;
}

.s-title {
  color: #7e7e7e;
  font-size: 25px;
  margin-top: 16px;
  /* font-size: 2rem; */
}

.banner-top .banner-right {
  height: 53px;
  align-items: center;
}

.banner-right .nbb_logo {
  width: 90px;
}

.banner-right .hd {
  width: 155px;
}

.banner-center {
  position: relative;
}

.banner-center .jl-box {
  position: relative;
  height: 500px;
  width: 521px;
  left: -40px;
}

.banner-center .jl {
  width: 100%;
  height: 100%;
}

.banner-center .jl-text {
  position: absolute;
  top: 89px;
  right: 122px;
  z-index: 1001;
  color: #d1e8ff;
  font-size: 11px;
}

/* 数据统计 */
.cumulative-box {
  position: absolute;
  top: 116px;
  left: 408px;
  
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.07);
}

.cumulative-box .videoBox {
  padding: 25px;
  border-radius: 20px;
  width: 662px;
}
.cumulative-box .number-tips {
  width: 720px;
  height: 68px;
  border-radius: 5px;
  border: 1px solid rgba(112, 112, 112, 0.1);
  /* background: linear-gradient(to bottom,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.98),rgba(255, 255, 255, 0.63)); */
  background: rgba(255, 255, 255, 1);
  color: #022334;
  line-height: 68px;
  text-align: center;
  font-size: 17px;
}

.cumulative-box .number-box {
  margin-top: 3px;
  height: 190px;
  color: #022334;
  font-size: 16px;
  text-align: center;
}

.cumulative-box .number-box .numberBox-item {
  flex: 1;
  width: 33%;
  background-color: #fff;
  border: 1px solid rgba(112, 112, 112, 0.1);
  padding: 47px 20px;
}

.numberBox-item .num-box {
  margin-top: 34px;
}

.numberBox-item .num-box .num {
  color: #033333;
  font-size: 30px;
  font-weight: bold;
}

.banner-bottom .banner-three {
  width: 754px;
  /* position: absolute;
top: -258px;
left: -562px; */
  z-index: 10;
}

/* 滚动 */
.swiper-box {
  position: relative;
  margin-top: 80px;
  width: 400px;
  margin-left: 76px;
}

.swiper-box .help {
  color: #48ade2;
  font-size: 36px;
  width: 338px;
}

.swiper-box .hand {
  width: 115px;
  height: 115px;
}

.handBox {
  position: absolute;
  left: -110px;
  top: 88px;
}

.swiper-box .head-img {
  height: 36px;
  width: 36px;
}

.swiper-box .swiper {
  /* margin-top: 30px;
  width: 1800px;
  overflow-x: scroll; */
}

.swiper .swiper-item {
  width: 400px;
  height: 100%;
  /* margin-right: 58px; */
}

.swiper .word {
  margin-top: 11px;
  color: #909090;
  font-size: 14px;
  text-align: left;
}

.banner-bottom {
  margin: 132px auto 0;
  position: relative;
  width: 100%;
}

/* 问题收集 */
.contact-box {
  height: 140px;
  /* width: 1052px; */
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(112, 112, 112, 0.1);
  color: #333333;
  font-size: 14px;
  align-items: center;
  padding: 0 30px;
  margin-top: 30px;
  z-index: 1011;
  position: relative;
  text-align: left;
  /* margin-left: 72px; */
}

.contact-box input {
  border: 0px;
  margin-top: 30px;
  height: 30px;
  width: 94%;
  margin-bottom: 6px;
}

.contact-box .contact-item {
  border-bottom: 0.5px solid #bebebe;
  margin-right: 21px;
  /* width: 114px; */
  /* 不是很好看，加大了一点 */
  width: 154px;
}

.contact-item .codeBox {
  border-left: 1px solid #707070;
  padding: 0 11px 0;
  line-height: 100%;
  height: 34px;
  color: #48ade2;
  font-size: 15px;
  line-height: 34px;
  margin-bottom: 7px;
  cursor: pointer;
  flex-shrink: 0;
}

.contact-box .contact-button {
  height: 44px;
  width: 124px;
  border-radius: 44px;
  background: linear-gradient(to right, #48ade2, #afd7ff);
  color: #ffffff;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
}

/* 第三屏 */
.wrap {
  background: url(/assets/images/newNBB/content/wrap.png) no-repeat center top;
  background-size: 1920px 100%;
}

.wrap .wrapImg {
  margin: 0 auto;
  width: 676px;
  height: 934px;
}

/* 合作公司 */
.company-box {
  /* width: 68%; */
  width: 1200px;
  margin: 81px auto 0;
}

.company-box .company-roll {
  margin-top: 87px;
  padding-bottom: 180px;
  margin-left: 30px;
  position: relative;
}

.company-roll .company-blue {
  width: 223px;
  height: 437px;
  background: url(/assets/images/newNBB/content/company-blue.png) no-repeat center top;
  background-size: 100% 100%;
  color: #ffffff;
  font-size: 35px;
}

.company-roll .company-logo {
  width: 352px;
  height: 409px;
  position: absolute;
  left: -332px;
}

.roll-box {
  flex-direction: column;
}

.roll-box .roll-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 33%;
  width: 940px;
  overflow-x: scroll;
}

.roll-box .roll-list::-webkit-scrollbar {
  display: -moz-box;
  display: -ms-flexbox;
  display: none;
}

.roll-box .roll-list::-webkit-scrollbar {
  width: 0 !important;
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}

div {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.roll-box .roll-list img {
  width: 236px;
  height: 138px;
  /* height: 97px; */
}

.progressBar {
  float: left;
  margin-left: 38px;
}

.progressBar .active {
  /* width: 38px; */
  height: 100%;
  transition: all 2s;
  width: 100%;
  border-radius: 7px;
}

.progressBar .active:hover {
  width: 38px;
  background: #48ade2;
}

.progressBar .bar-item {
  height: 7px;
  width: 7px;
  border-radius: 7px;
  background: #eee;
  border: 0px;
  padding: 0px;
  margin-right: 6px;
}