.banner {
  width: 100%;
  position: relative;
}
.banner img {
  width: 100%;
}
.banner_text {
  width: 1424px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner_text p {
  text-align: center;
}
.banner_text p:first-child {
  line-height: 51px;
  font-family:
    Microsoft YaHei UI,
    Microsoft YaHei UI;
  font-weight: bold;
  font-size: 40px;
  color: #303350;
  margin-bottom: 20px;
}
.banner_text p:nth-child(2) {
  font-family:
    Microsoft YaHei UI,
    Microsoft YaHei UI;
  font-weight: 400;
  font-size: 18px;
  color: #6f7182;
  line-height: 23px;
}

.tab_style {
  height: 57px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_style > div {
  line-height: 57px;
  font-family:
    Microsoft YaHei UI,
    Microsoft YaHei UI;
  font-weight: 400;
  font-size: 20px;
  color: #303350;
  letter-spacing: 1px;
  margin-right: 120px;
  cursor: pointer;
}
.tab_style > div:last-child {
  margin-right: 0;
}
.tab_style .selted {
  border-bottom: 4px solid #276ef9;
  color: #276ef9;
}

@media only screen and (max-width: 1424px) {
  .banner {
    width: 100%;
    margin-bottom: 20rem;
  }
  .banner img {
    width: 100%;
  }
  .banner_text {
    width: 100%;
  }

  .banner_text p:first-child {
    line-height: 51rem;
    font-size: 40rem;
    margin-bottom: 20rem;
  }
  .banner_text p:nth-child(2) {
    font-size: 18rem;
    line-height: 23rem;
  }

  .tab_style {
    height: 57rem;
    padding: 0 40rem;
  }
  .tab_style > div {
    line-height: 57rem;
    font-weight: 400;
    font-size: 20rem;
    letter-spacing: 1rem;
    margin-right: 60rem;
  }

  .tab_style .selted {
    border-bottom: 4rem solid #276ef9;
  }
}