.banner1 {
  width: 100%;
  background: #112d60;
  height: 460px;
}

/* mail */

.banner_bg1 {
  width: 100%;
  height: 100%;
  background: url("/img/m_bg.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.m_1 {
  width: 58.75rem;
  height: 6.0625rem;
  background: url("/img/ma_1.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 25%;
  left: 15%;
}

.m_2 {
  width: 44.125rem;
  height: 3.0625rem;
  background: url("/img/ma_2.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 48%;
  left: 14.7%;
}

.banner_bg1 ul {
  display: flex;
  position: absolute;
  top: 63%;
  left: 14.5%;
}

.banner_bg1 ul li {
  width: 10rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  margin: 0 1rem;
  color: #fff;
  z-index: 500;
  font-size: 1.25rem;
  cursor: pointer;
}

.banner_bg1 ul a:nth-child(1) li {
  background: rgba(255, 255, 255, 0.25);
}

.banner_bg1 ul a:nth-child(2) li {
  border: 1px solid #ffffff;
}

/* stapling */

.banner_bg2 {
  width: 100%;
  height: 100%;
  background: url("/img/s_bg.png") no-repeat;
  background-size: cover;
  padding-top: 7.5rem;
  position: relative;
}

.s_1 {
  width: 49.625rem;
  height: 6.375rem;
  background: url("/img/s_1.png") no-repeat;
  background-size: 100% 100%;

  margin-left: 16.937rem;
}

.s_2 {
  width: 33.812rem;
  height: 3rem;
  background: url("/img/s_2.png") no-repeat;
  background-size: 100% 100%;
  margin: 2rem 0 0 25rem;
}

.banner_bg2 ul {
  display: flex;
  position: absolute;
  top: 67%;
  left: 24rem;
}
@media screen and (max-width: 1690px) {
  .banner_bg2 ul {
    display: flex;
    position: absolute;
    top: 67%;
    left: 32rem;
  }
}
@media screen and (max-width: 1440px) {
  .banner_bg2 ul {
    display: flex;
    position: absolute;
    top: 67%;
    left: 39rem;
  }
}
@media screen and (max-width: 1280px) {
  .banner_bg2 ul {
    display: flex;
    position: absolute;
    top: 67%;
    left: 24rem;
  }
}
.banner_bg2 ul li {
  width: 13rem;
  height: 4.125rem;
  line-height: 3.5rem;
  text-align: center;
  margin-right: 2rem;
  color: #fff;
  background: linear-gradient(139deg, #d56917 0%, #ffa372 100%);
  border-radius: 35px;
  border: 4px solid #fafbff;
  z-index: 500;
  font-size: 1.25rem;
  cursor: pointer;
}

/* price */

.banner_bg3 {
  width: 100%;
  height: 100%;
  background: url("/img/p_bg.png") no-repeat;
  background-size: cover;
  padding-top: 7.5rem;
}

.p_1 {
  width: 42.687rem;
  height: 7.25rem;
  background: url("/img/p_1.png") no-repeat;
  background-size: 100% 100%;
  margin-left: 20.125rem;
}

.p_2 {
  width: 31.062rem;
  height: 4.625rem;
  background: url("/img/p_2.png") no-repeat;
  background-size: 100% 100%;
  margin: 2rem 0 0 25rem;
}

.banner_bg3 ul {
  display: flex;
  margin: 2rem 0 0 36rem;
}

.banner_bg3 ul li {
  width: 10rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  margin: 0 1rem;
  color: #ff0000;
  z-index: 500;
  font-size: 1.25rem;
  cursor: pointer;
  background: #ffdb6d;
}
.banner_bg3 a {
  display: block;
  width: 100%;
  height: 100%;
}
/* discount */

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

.banner_img {
  display: block;
  width: 100%;
}

/* help */

.banner_bg5 {
  width: 100%;
  height: 100%;
  background: url("/img/h_bg.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.h_1 {
  width: 57.375rem;
  height: 5.937rem;
  background: url("/img/h_1.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 25%;
  left: 26.5%;
  margin: 0 auto;
}

.h_2 {
  width: 43.125rem;
  height: 1.875rem;
  background: url("/img/h_2.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 52%;
  left: 32.5%;
}

.banner_bg5 ul {
  display: flex;
  position: absolute;
  top: 67%;
  left: 45.6%;
}

.banner_bg5 ul li {
  width: 10rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  margin: 0 1rem;
  color: #fff;
  font-size: 1.25rem;
  z-index: 500;
  cursor: pointer;
  background: #32d9fa;
}