@charset 'UTF-8';

/* 发展历程 */
.historyBg {
  height: 23.20833vw;
  padding-top: 3.25vw;
}

.historyBg .history {
  position: relative;
}

.historyBg .history .detailTitle {
  text-align: left;
}

.historyBg .history .historyMain {
  margin-top: 3.10417vw;
}

.historyBg .history .historyMain .swiper-slide {
  position: relative;

  height: 15.625vw;
  padding-left: 2vw;
}

.historyBg .history .historyMain .swiper-slide:nth-child(odd) {
  margin-top: 2.60417vw;
}

.historyBg .history .historyMain .swiper-slide::after {
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 1.19792vw;
  height: 13.4375vw;

  content: '';

  background: url('../images/historyicon.png') no-repeat;
  background-size: 1.19792vw 13.4375vw;
}

.historyBg .history .historyMain .swiper-slide .year {
  font-size: 1.5vw;
  font-weight: bold;

  margin-top: 1.09375vw;
  margin-bottom: .20833vw;

  color: #fff;
}

.historyBg .history .historyMain .swiper-slide p {
  font-size: .85vw;
  line-height: 1.5625vw;

  color: #fff;
}

.historyBg .history .swiper-button-prev,
.historyBg .history .swiper-button-next {
  font-size: 1.25vw;

  top: 0;

  width: 2.60417vw;
  height: 2.60417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: none;
}

.historyBg .history .swiper-button-prev::after,
.historyBg .history .swiper-button-next::after {
  display: none;
}

.historyBg .history .swiper-button-prev:hover,
.historyBg .history .swiper-button-next:hover {
  color: #fff;
  border-color: var(--vi-color);
  background-color: #8C8B8B;
}

.historyBg .history .swiper-button-prev {
  right: 3.64583vw;
  left: auto;
}

.historyBg .history .swiper-button-prev::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.historyBg .history .swiper-button-next {
  right: 0;
}



@media (max-width: 992px) {


  /* 发展历程 */
  .historyBg {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .historyBg .history {
    position: relative;

    padding-bottom: 0px;
  }

  .historyBg .history .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .historyBg .history .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .historyBg .history .detailTitle {
    text-align: center;
  }

  .historyBg .history .historyMain {
    margin-top: 35px;
  }

  .historyBg .history .historyMain .swiper-slide {
    height: auto;
    min-height: 190px;
    padding-left: 20px;
    padding-bottom: 10px;
  }

  .historyBg .history .historyMain .swiper-slide::after {
    width: 11px;
    height: 123px;

    background-size: 11px 123px;
  }

  .historyBg .history .historyMain .swiper-slide .year {
    font-size: 18px;

    margin-top: 10px;
    margin-bottom: 8px;
  }

  .historyBg .history .historyMain .swiper-slide p {
    font-size: 14px;
    line-height: 24px;
  }

  .historyBg .history .swiper-button-prev,
  .historyBg .history .swiper-button-next {
    display: none;
  }

  
}