/* banner图 */

.banner_wrap {
  width: 100%;
  height: var(--eeSize);
  position: relative;
  overflow: hidden;
}

.banner_wrap .item {
  position: absolute;
  width: 100%;
  height: 100%;
}

.banner_wrap .item img {
  width: 100%;
  height: 100%;
}

.banner_wrap .item:nth-child(1) {
  display: block;
}
.item0 {
  background: url("/img/banner.png") no-repeat;
  background-size: 100% 100%;
}
.tab_btn {
  display: flex;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 96%;
  left: 45%;
}

.tab_btn .btn {
  width: var(--uSize);
  height: var(--tSize);
  background: #f9f2f2;
  opacity: 0.4;
}

.tab_btn .btn:nth-child(2) {
  margin: 0 var(--cSize);
}

.tab_btn .active {
  background: #ffffff;
  opacity: 1;
}

/* banner */

.item1 {
  background: url("/img/bg_ban1.png") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  z-index: 1;
}

.ba_1 {
  width: 79rem;
  height: 13rem;
  background: url("/img/ba_1.png") no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  top: 25%;
  /* margin-left: -45.37rem;
  margin-top: -3.312rem; */
  transform: translateX(-50%);
}

.ba_2 {
  width: 14.812rem;
  height: 2.625rem;
  background: url("/img/ba_2.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 43%;
  top: 45%;
}

.item1 ol {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 49%;
  transform: translateX(-50%);
  z-index: 100;
}

.item1 ol li {
  width: 13.06rem;
  height: 4.125rem;
  /* line-height: 3.125rem; */
  text-align: center;
  background: linear-gradient(139deg, #5579ff 0%, #8297ff 100%);
  border-radius: 35px;
  border: 4px solid #fafbff;
  /* margin: 0 2rem; */
  margin-right: 2rem;
}
.item1 ol li:last-child {
  margin-right: 0;
}
.item1 ol li a {
  display: block;
  color: #fff;
  height: 100%;
  line-height: 3.5;
}
.item2 {
  background: url("/img/ba_bg1.png") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.ba_12 {
  width: 44.75rem;
  height: 5.812rem;
  background: url("/img/ba_12.png") no-repeat;
  background-size: 100% 100%;
  margin: 23rem 0 0 10rem;
}

.item2 ol {
  display: flex;
  position: absolute;
  left: 32%;
  top: 55%;
  transform: translateX(-50%);
}

.item2 ol li {
  width: 13rem;
  height: 4.125rem;
  line-height: 3.5rem;
  background: linear-gradient(139deg, #d56917 0%, #ffa372 100%);
  border-radius: 35px;
  border: 4px solid #fafbff;
  text-align: center;
  margin-right: 2rem;
  color: #fff;
  z-index: 500;
  cursor: pointer;
}

.item3 {
  background: url("/img/ba_bg2.png") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.ba_21 {
  width: 64.562rem;
  height: 4.75rem;
  background: url("/img/ba_21.png") no-repeat;
  background-size: 100% 100%;
  margin: 14.562rem 0 0 9.625rem;
}

.ba_22 {
  width: 44.75rem;
  height: 5.812rem;
  background: url("/img/ba_22.png") no-repeat;
  background-size: 100% 100%;
  margin: 2rem 0 0 9.625rem;
}

.item3 ol {
  display: flex;
  position: absolute;
  left: 31%;
  top: 60%;
  transform: translateX(-50%);
}

.item3 ol li {
  width: 13rem;
  height: 4.125rem;
  line-height: 3.5rem;
  background: linear-gradient(139deg, #5579ff 0%, #5bafff 100%);
  border-radius: 35px;
  border: 4px solid #fafbff;
  text-align: center;
  margin: 0 1rem;
  color: #fff;
  z-index: 500;
  cursor: pointer;
}