/*大事记start*/

.event_box {
  position: relative;
}

.event_box .parHd {
  width: 100%;
  display: inline-block;


  overflow: hidden;
}
.cps-link{
  color: #fff;
}
.cps-link:hover{
  color: #333 !important;
}


.about {
  height: 440px;
  /* background: url('../assets/img/about/banner.png') no-repeat;
  background-size: 810px 100%;
  background-position: 100% 0%; */
  background-color: #F7F8FA;
}
.about .section-content{
  height: 100%;
  position: relative;
}
.about .section-content::after{
  content: '';
  width: 810px;
  height: 100%;
  background: url('../assets/img/about/banner.png') no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}
.parHd ul {
  width: 100%;
  text-align: center;
  height: 260px;
  margin: 0 auto;
}

.parHd .tempWrap {
  margin: 0 auto;
}

.parHd .tempWrap:after {
  content: '';

  width: 95%;

  height: 1px;

  background: rgba(255, 255, 255, 0.4);

  position: absolute;

  /* top: 33%; */

  /* right: -140%; */

  right: 3%;

  top: 50%;

  /* margin-top: -0.5px; */

  z-index: 10;
}

/*.parHd li:before{ content: ''; width: 180%; height: 1px; background: #580000; position: absolute;top: 0; right:-140%;right: 0;}*/

.parHd li.no_line:before {
  display: none;
}

.parHd li {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  color: #000;
  margin: 0 30px;
  position: relative;
}

.parHd li:after {
  content: '';
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  z-index: 20;
  top: 126px;
  left: 50%;
  margin-left: -4px;

}

.parHd li::before {
  content: '';
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  opacity: 0.22;
  border-radius: 50%;
  position: absolute;
  z-index: 20;
  top: 120px;
  left: 50%;
  margin-left: -10px;
}

.parBd {
  text-align: center;
  margin-top: 60px;
}

.parBd h4 {
  position: relative;
  font-size: 40px;
  margin-bottom: 3%;
  /*width: 200px;*/
  padding: 0 60px;
  display: inline-block;
  text-align: center;
}

.parBd h4:after {
  content: '';
  background: #000;
  width: 100px;
  height: 1px;
  position: absolute;
  left: -100px;
  bottom: 12px;
}

.parBd h4:before {
  content: '';
  background: #000;
  width: 100px;
  height: 1px;
  position: absolute;
  right: -100px;
  bottom: 12px;
}

.parBd p {
  line-height: 180%;
  font-size: 16px;
  width: 80%;
  margin: 0 auto;
}

div#listBox {

  width: 100%;

}

.sPrev,
.sNext {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}

.sPrev {
  left: 0;
}

.sNext {
  right: 0;
}

.sPrev img,
.sNext img {
  transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

  -moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

  -webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

  -o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
}

.time-box {
  color: #fff;
  height: 130px;
  width: 200px;
  font-size: 14px;
}

.time-box .line {
  top: 50%;
  left: 50%;
  margin-top: 29px;
  position: absolute;
  width: 1px;
  height: 26px;
  background: #FFFFFF;
  opacity: 0.4;
}


.about-time .parHd ul li:nth-child(odd) .time-box {
  position: relative;
  top: 180px;
}

.about-time .parHd ul li:nth-child(odd) .time-box .line {
  position: absolute;
  top: -70px;
}

/* =================== Stellar 响应式 =================== */
@media (max-width: 992px) {
  .about { height: auto; min-height: 300px; }
  .about .section-content::after { width: 100%; opacity: 0.3; }
  .parHd ul { height: 200px; }
  .parHd li { margin: 0 16px; font-size: 14px; }
  .parBd h4 { font-size: 28px; padding: 0 30px; }
  .parBd h4::before,
  .parBd h4::after { width: 50px; }
  .parBd h4::before { left: -60px; }
  .parBd h4::after { right: -60px; }
  .parBd p { width: 90%; font-size: 14px; }
  .time-box { width: 160px; height: auto; }
  .about-time .parHd ul li:nth-child(odd) .time-box { top: 140px; }
}

@media (max-width: 768px) {
  .about { height: auto; min-height: 200px; }
  .about .section-content::after { display: none; }
  .parHd ul { height: auto; padding: 20px 0; }
  .parHd .tempWrap::after { display: none; }
  .parHd li { margin: 0 8px 20px; font-size: 13px; }
  .parHd li::after,
  .parHd li::before { display: none; }
  .parBd h4 { font-size: 22px; padding: 0 12px; }
  .parBd h4::before,
  .parBd h4::after { display: none; }
  .parBd p { width: 95%; font-size: 14px; }
  .time-box { width: 100%; height: auto; }
  .about-time .parHd ul li:nth-child(odd) .time-box { top: 0; }
  .about-time .parHd ul li:nth-child(odd) .time-box .line { display: none; }
  .sPrev, .sNext { display: none; }
}