.questionnaires {
  width: 80% !important;
  height: 90px !important;
  margin: 0 auto;
  position: relative;
}
.questionnaires .tab {
  width: calc(50% + 10px);
  height: 100%;
  background-color: aqua;
  display: flex;
  align-items: center;
  font-family: SourceHanSansCN-Normal;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: justify;
}
.questionnaires .tab_l {
  background: url("/template/1/china-nap/image/index/application.png") no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0px;
  z-index: 2;
}
.questionnaires .tab_l .ml {
  width: 164px;
  position: absolute;
  left: 1.6%;
  display: flex;
  align-items: center;
}
.questionnaires .tab_r .mr {
  width: 216px;
  position: absolute;
  right: 1.6%;
  display: flex;
  align-items: center;
}
.questionnaires .tab a {
  display: block;
  width: 52px;
  height: 24px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 12px;
  line-height: 24px;
  text-align: center;
  margin-left: 20px;
}
.questionnaires .tab_r {
  background: url("/template/1/china-nap/image/index/questionnaires.png")
    no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0px;
  z-index: 1;
}
.active-container {
  display: flex;
  width: 100% !important;
  justify-content: center;
  align-items: center;
  position: relative;
}
.active-container a {
  display: flex;
  width: 80%;
}
.active-container .box .goInto {
  padding: 10px 80px 0 10px;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 99999;
  background: url("/template/1/china-nap/image/active/goInto.png") no-repeat;
  background-size: 12% 65%;
  background-position: 93px 12px;
  cursor: pointer;
  color: white;
}
.active-container a .active-img {
  width: 100%;
  cursor: pointer;
}

/* 盒子 */
.box {
  position: relative;
  width: 80%;
  cursor: pointer;
}

/* banner图 */
.box .box-banner {
  width: 100%;
  height: 400px;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}
.box-banner li {
  display: none;
  width: 100%;
  height: 100%;
}
.box-banner li img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.box-banner .b1 {
  display: block;
}
/* 轮播图的样式 */
.swiper-img-container {
  display: flex;
}

.banner {
  margin: 0 auto;
  width: 100% !important;
  height: 240px !important;
  position: relative;
  overflow: hidden;
}

.banner a {
  z-index: 100;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
}

.banner .first {
  left: 0;
}

.banner a img {
  width: 100%;
  height: 100%;
}

.choose {
  z-index: 1000;
  position: absolute;
  left: 150px;
  top: 180px;
  width: 100px;
  height: 10px;
}

.choose span {
  margin-right: 15px;
  float: left;
  display: block;
  background: blue;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

.choose span:hover {
  background: red;
}

.choose .red {
  background: red;
}

.banner .pre,
.next {
  cursor: pointer;
  text-align: center;
  border-radius: 20px;
  display: block;
  background: #cccccc;
  opacity: 0.4;
  text-decoration: none;
  z-index: 200;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: red;
  position: absolute;
  top: 80px;
}

.banner .pre {
  left: 0px;
}

.banner .next {
  right: 0px;
  display: none;
}