.sub-banner-container {
  width: 100%;
  background-color: #0d68bfe6;
  color: #fff;
}
.sub-banner_box {
  width: var(--max-width);
  margin: 0 auto;
  padding: 1.9rem 0;
  display: flex;
  align-items: center;
}
.sub-navs {
  font-size: 16px;
  margin-left: 40px;
  display: flex;
}
.sub-navs .sub_link {
  margin: 0 25px;
  position: relative;
  display: block;
}
.sub-navs .sub_link:hover:after,
.sub-navs .sub_link-active:after {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: '';
  display: block;
  bottom: -10px;
}
.sub_title {
  font-size: 28px;
}
@media (min-width: 1280px) {
  .sub_title {
    font-size: 34px;
  }
}
@media (min-width: 1024px) {
  .sub-navs .sub_link{
	  margin:0 15px;
  }
}
.history {
  margin-left: auto;
}
.history .iconfont {
  font-size: 16px;
}
.history .history-item {
  font-size: 14px;
  display: inline-block;
}
.history .history-item:after {
  content: '-';
  display: inline-block;
  margin-left: 5px;
}
.history .history-item:last-child:after {
  display: none;
}
.sub-banner,
.sub-banner .banner-img {
  width: 100%;
}
.sub-banner .banner-img .img {
  width: 100%;
  min-height: 15rem;
  display: block;
  object-fit: cover;
}