.container .content_box {

  background: url("../img/b3.png") no-repeat center top;

  background-size: cover;

  padding-bottom: 120px;

}

.container .content_box .content {

  padding-bottom: 0;

}

.container .content_box .content .swiper-box {

  position: relative;

  margin: 30px 0 15px;

}

.container .content_box .content .swiper-box .swiper-button-next:after, .container .content_box .content .swiper-box .swiper-button-prev:after {

  font-size: 25px;

}

.container .content_box .content .swiper-container {

  width: 90%;

  margin-left: 5%;

}

.container .content_box .content .swiper-container .swiper-slide {

  text-align: center;

  position: relative;

  margin-right: 0 !important;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.container .content_box .content .swiper-container .swiper-slide:after {

  content: '';

  position: absolute;

  width: 10px;

  height: 10px;

  right: 0;

  box-sizing: border-box;

  border: 3px solid #fff;

  background-color: #ceced1;

  border-radius: 50%;

  top: 50%;

  transform: translateY(-50%);

}

.container .content_box .content .swiper-container .swiper-slide:before {

  content: '';

  position: absolute;

  height: 5px;

  width: 100%;

  background-color: #ceced1;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.container .content_box .content .swiper-container .swiper-slide .year {

  position: relative;

  z-index: 999;

  font-size: 25px;

  color: #000;

  height: 30px;

  line-height: 30px;

  align-items: center;

  justify-content: center;

  border-radius: 15px;

  width: 100%;

  text-align: center;

  transform: scale(0.9) translateY(-5px);

  transition: 0.3s linear all;

}

.container .content_box .content .swiper-container .swiper-slide .year:hover {

  color: #fff;

  background-color: #0d3b6f;

  transform: scale(1) translateY(0px);

}

.container .content_box .content .linear {

  width: 1620px;

  margin: 0 auto;

}

.container .content_box .content .linear .linear_item {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 30px 0;

  position: relative;

}

.container .content_box .content .linear .linear_item:nth-child(2n) {

  flex-direction: row-reverse;

}

.container .content_box .content .linear .linear_item:nth-child(2n) .info {

  flex-direction: row-reverse;

}

.container .content_box .content .linear .linear_item:nth-child(2n) .info .introduce {

  margin-left: 40px;

}

.container .content_box .content .linear .linear_item:nth-child(2n) .info .introduce:after {

  width: 0;

  height: 0;

  border-top: 25px solid transparent;

  border-bottom: 25px solid transparent;

  border-right: 25px solid #fff;

  border-left: none;

  left: -25px;

}

.container .content_box .content .linear .linear_item .info {

  display: flex;

  align-items: center;

  width: 46.75%;

  justify-content: flex-end;

}

.container .content_box .content .linear .linear_item .info:hover .introduce {

  background-color: #0e3067;

  transition: 0.3s all ease;

}

.container .content_box .content .linear .linear_item .info:hover .introduce .txt {

  color: #fff;

}

.container .content_box .content .linear .linear_item .info:hover .introduce:after {

  border-left-color: #0e3067;

}

.container .content_box .content .linear .linear_item .info .introduce {

  background-color: #ffffff;

  width: 100%;

  box-sizing: border-box;

  padding: 35px;

  position: relative;

  transition: 0.3s all ease;

}

.container .content_box .content .linear .linear_item .info .introduce:nth-child(2n-1) {

  margin-right: 40px;

}

.container .content_box .content .linear .linear_item .info .introduce:after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  border-top: 25px solid transparent;

  border-bottom: 25px solid transparent;

  border-left: 25px solid #ffffff;

  right: -25px;

  top: 50%;

  transform: translateY(-50%);

  transition: 0.3s all ease;

}

.container .content_box .content .linear .linear_item .info .introduce .txt {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  transition: 0.3s all ease;

  line-height: 25px;

  letter-spacing: 0px;

  color: #6f6f6f;

  margin-top: 15px;

  position: relative;

  box-sizing: border-box;

  padding-left: 10px;

}

.container .content_box .content .linear .linear_item .info .introduce .txt:before {

  content: '';

  position: absolute;

  left: 0;

  top: 10px;

  width: 5px;

  height: 5px;

  font-family: MicrosoftYaHei;

  border-radius: 50%;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  background-color: #a6a6a6;

}

.container .content_box .content .linear .linear_item .info .introduce .txt:first-child {

  margin-top: 0;

}

.container .content_box .content .linear .linear_item .info .date {

  font-size: 32px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 32px;

  letter-spacing: 0px;

  color: #0e3067;

}

.container .content_box .content .linear .linear_item .spot_box {

  width: 6.5%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.container .content_box .content .linear .linear_item .spot_box:before {

  content: '';

  position: absolute;

  background-color: #b6b6ba;

  height: 100%;

  width: 1px;

}

.container .content_box .content .linear .linear_item .spot_box .spot {

  width: 20px;

  height: 20px;

  background-color: #0e3067;

  border: solid 4px #ffffff;

  border-radius: 50%;

  position: relative;

  z-index: 1;

  flex-shrink: 0;

}

.container .content_box .content .linear .linear_item .empty {

  width: 46.75%;

}



.container .content_box .content .linear .linear_item .info:hover .introduce:nth-child(2n-1):after {

  border-right-color: #0e3067;

}



@media all and (max-width: 1620px) {

  .container .content_box .content .linear {

    width: 100%;

  }



  .container .content_box .content .linear .linear_item .info .introduce {

    padding: 25px;

  }



  .container .content_box .content .linear .linear_item .info .introduce .txt {

    font-size: 14px;

  }



  .container .content_box .content .linear .linear_item .info .introduce:after {

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-left: 20px solid #ffffff;

    right: -20px;

  }



  .container .content_box .content .linear .linear_item:nth-child(2n) .info .introduce:after {

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-right: 20px solid #fff;

    left: -20px;

  }



  .container .content_box .content .linear .linear_item .info .date {

    font-size: 27px;

  }



  .container .content_box .content .linear .linear_item .spot_box:before {

    height: 100%;

  }

}

@media all and (max-width: 1250px) {

  .container .content_box .content .linear .linear_item {

    padding: 15px 0;

  }

}

@media all and (max-width: 1150px) {

  .container .content_box .content .linear .linear_item {

    flex-direction: row-reverse;

  }

  .container .content_box .content .linear .linear_item .info {

    flex-direction: row-reverse;

  }

  .container .content_box .content .linear .linear_item .info .introduce {

    margin-right: 0;

    margin-left: 40px;

  }



  .container .content_box .content .linear .linear_item .info .introduce:after {

    left: -15px;

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    border-right: 15px solid #fff;

    border-left: none;

  }



  .container .content_box .content .linear .linear_item:nth-child(2n) .info .introduce:after {

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    border-right: 15px solid #fff;

    left: -15px;

  }



  .container .content_box .content .linear .linear_item .empty {

    width: 0%;

  }



  .container .content_box .content .linear .linear_item .info {

    width: 93.5%;

  }



  .container .content_box .content .linear .linear_item .info .introduce:nth-child(2n-1) {

    margin-right: 0;

  }



  .container .content_box .content .linear .linear_item .spot_box:before {

    height: 44%;

  }



  .container .content_box .content {

    padding-bottom: 60px;

  }

}

@media all and (max-width: 730px) {

  .container .content_box .content .linear .linear_item .spot_box:before {

    height: 64%;

  }

}

@media all and (max-width: 550px) {

  .container .content_box .content .linear .linear_item .spot_box:before {

    height: 102%;

  }



  .container .content_box .content .linear .linear_item .info .date {

    font-size: 20px;

    margin-left: 20px;

  }



  .container .content_box .content .linear .linear_item .info .introduce {

    margin-left: 20px !important;

  }



  .container .content_box .content .linear .linear_item .info {

    position: relative;

  }



  .container .content_box .content .linear .linear_item .info .date {

    position: absolute;

    top: 5px;

    left: 10px;

  }



  .container .content_box .content .linear .linear_item .info .introduce {

    padding-top: 40px !important;

  }



  .container .content_box .content .swiper-container .swiper-slide .year {

    font-size: 20px;

  }



  .container .content_box .content .linear .linear_item:hover .date {

    color: #fff !important;

  }



  .container .content_box {

    padding-bottom: 10px;

  }

}



/*# sourceMappingURL=zeXinHonor.css.map */