/* banner */
.banner-container {
  width: 100%;
  position: relative;
}

.banner {
  width: 100%;
  /* height: 620px; */
  /* object-fit: cover; */
  object-fit: contain;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.max-banner {
  /* height: 620px; */
}

.min-banner {
  /* height: 390px; */
}

/* banner 装饰方块 */
.banner-decoration img {
  width: 21%;
  position: absolute;
  bottom: -44px;
  left: 0;
  object-fit: contain;
  z-index: 9;
}

.banner-decoration img.right {
  left: unset;
  right: 0;
}

.banner-content-box {
  position: absolute;
  left: 0;
  z-index: 98;
  left: 50%;
  transform: translate(-50%, 0);
}

.banner-content {
  position: relative;
}

.banner .title1 {
  position: relative;
  z-index: 9;
  margin-top: 78px;
  text-align: center;
  font-size: 64px;
  font-weight: bold;
  color: #000000;
  user-select: none;
}

.banner .title2 {
  position: relative;
  z-index: 9;
  margin-top: 20px;
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  color: #000000;
  user-select: none;
}

@media screen and (max-width: 986px) {
   /* banner */
   .banner-container  img.banner {
    /* object-fit: contain !important; */
    /* height: unset !important; */
    /* width: 100% !important; */
  }
}

@media screen and (max-width: 1260px) {

  /* banner */
  .banner-container img.banner {
    /* height: 500px; */
  }
}

@media screen and (max-width: 1200px) {

  .banner-container img.banner {
    /* height: 400px; */
  }

  .banner .title1 {
    margin-top: 60;
    font-size: 48px;
  }

  .banner .title2 {
    font-size: 26px;
  }

}