.section7 {
  padding-bottom: 0;
  overflow: hidden;
}

.history {
  position: relative;
  z-index: 1;
}

.history::before {
  content: "";
  width: 100%;
  z-index: -1;
  height: 100%;
  position: absolute;
  left: 0;
  top: 110px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../images/bg_line1.png");
  background-position: top center;
}

.history ul {
  width: 100%;
  overflow: hidden;
  padding: 0 35px;
}

.history li {
  width: 14.28%;
  text-align: center;
  margin-bottom: 125px;
  float: left;
}

.history li .item {
  height: 221px;
  padding: 21px 35px;
  justify-content: space-between;
}

.history li .item .tit {
  height: 51px;
  width: 147px;
  background-image: url("../images/bg_lc1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 32px;
  color: #fff;
}

.history li .item .year {
  height: 51px;
  font-family: 'Bahnschrift';
  font-weight: bold;
}

.history li .item .year span {
  font-size: 36px;
  margin: -10px 3px 0 0;
  color: #BE1019;
}

.history li:nth-child(2n) .item {
  flex-direction: column-reverse;
  background: rgba(255, 255, 255, 0.4);
}

.history li:nth-child(2n) .item .tit {
  background-image: url("../images/bg_lc2.png");
  padding-top: 3px;
}

.history li:nth-child(2n) .item .year span {
  color: #DF7D02;
}


.history li:nth-child(n+7):nth-child(-n+14) .item {
  background: none;
}

.history li:nth-child(9) .item, .history li:nth-child(11) .item, .history li:nth-child(13) .item {
  background: rgba(255, 255, 255, 0.4) !important;
}

@media (min-width: 1200px) {
  .history::before {
    left: 1.82vw;
    top: 5.17vw;
  }
  .history li {
    margin-bottom: 6.51vw;
  }
  .history li .item {
    height: 11.51vw;
    padding: 1.09vw 1.82vw 1.09vw 1.3vw;
    margin-left: 0.52vw;
  }
  .history li .item .tit {
    width: 7.66vw;
    height: 2.66vw;
    padding-left: 1.67vw;
  }
  .history li .item .year {
    height: 2.66vw;
  }
  .history li .item .year span {
    font-size: 1.88vw;
    margin: -0.52vw 0.16vw 0 0;
  }
}

@media (max-width: 1199px) {
  .history {
    margin: 65px 0;
  }
  .history::before {
    top: 60px;
  }
  .history ul {
    padding: 0 15px;
  }
  .history li {
    margin-bottom: 100px;
  }
  .history li .item {
    padding: 10px;
    height: 125px;
  }
  .history li .item .tit {
    width: 100px;
    height: 35px;
  }
  .history li .item .year span {
    font-size: 30px;
    margin: -6px 5px 0 0;
  }
}
@media (min-width: 951px) {
	
.history li:nth-child(n+7):nth-child(-n+14) {
  float: right;
}
}
@media (max-width: 950px) {
  .history {
    margin: 45px 0;
  }
  .history::before {
    background-image: url("../images/bg_line2.png");
    background-repeat: repeat-y;
    top: 60px;
  }
  .history ul {
    padding: 0 15px;
  }
  .history li {
    width: 33.33%;
    margin-bottom: 40px;
  }
  .history li .item {
    padding: 10px;
    height: 130px;
  }
  .history li .item .tit {
    height: 35px;
  }
  .history li .item .year span {
    font-size: 30px;
    margin: -6px 5px 0 0;
  }
  .history li:nth-child(n+3):nth-child(-n+6),.history li:nth-child(n+9):nth-child(-n+12),.history li:nth-child(n+9):nth-child(-n+12){
  float: right;
}
}