/* about
----------------------------------------------- */
#history {
}
#history .content {
 position: relative;
}
#history .content .connect {
 position: absolute;
 top: 50%;
 margin-top: -22px;
 font-size: 30px;
 color: #999;
}
#history .content .connect.previous {
 left: 50px;
}
#history .content .connect.next {
 right: 50px
}
@media (max-width:992px) {
 #history .content .connect {
  margin-top: -12px;
  font-size: 16px;
 }
 #history .content .connect.previous {
  left: 20px;
 }
 #history .content .connect.next {
  right: 20px
 }
}
#history .content .swiper-container {
 opacity: 1;
}
#history .content .swiper-wrapper {
 display: flex;
 align-items: center;
}
#history .content .swiper-slide {
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
#history .content .swiper-slide .item {
	background-color: rgba(0, 0, 0, .5);
 height: 500px;
 color: #FFF;
 padding-top: 150px;
 text-align: center;
}
#history .content .swiper-slide .item .year {
 font-size: 80px;
 margin-bottom: 10px;
}
@media (max-width:992px) {
 #history .content .swiper-slide .item {
  height: 300px;
  padding-top: 110px;
 }
 #history .content .swiper-slide .item .year {
  font-size: 30px;
  margin-bottom: 10px;
 }
}
#history .content .swiper-slide .item .text {
 font-size: 16px;
 color: #EEE;
}
#history .content .swiper-button-prev {
 left: 150px;
}
#history .content .swiper-button-next {
 right: 150px;
}
@media (max-width:992px) {
 #history .content .swiper-button-prev {
  left: 60px;
 }
 #history .content .swiper-button-next {
  right: 60px;
 }
 #history .content .swiper-button-prev::after, #history .content .swiper-button-next::after {
  font-size: 22px;
 }
}
#history .content .swiper-button-prev, #history .content .swiper-button-next {
 color: #DDD;
}
#history .timeline {
 position: relative;
 margin-top: -20px;
}
#history .timeline::before {
 content: '';
 width: 100%;
 height: 1px;
 background-color: rgba(112, 112, 112, 0.5);
 position: absolute;
 left: 0;
 bottom: 80px;
}
#history .timeline .swiper-container {
 opacity: 1;
}
#history .timeline .swiper-slide {
 text-align: center;
 font-size: 16px;
 color: #333333;
 font-weight: bold;
 width: 107px;
 background-position: top;
 margin-right: 47px;
 line-height: 44px;
 position: relative;
 padding-top: 120px;
 background-repeat: no-repeat;
 cursor: pointer;
}
#history .timeline .swiper-slide::before {
 content: '';
 display: block;
 width: 9px;
 height: 9px;
 background-color: #919191;
 border-radius: 50px;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 bottom: 76px;
}
#history .timeline .bg1 {
 width: 100%;
 position: absolute;
 left: 0;
 bottom: 80px;
 display: none;
}
#history .timeline .swiper-slide-active {
 background-image: url(../images/timeline_btn_bg.png);
 background-position: center bottom;
 color: #fff;
}
#history .timeline .swiper-slide-active::before {
 background-color: #004FA4;
 width: 18px;
 height: 18px;
 bottom: 70px;
}