﻿.container {
  max-width: 1200px;
  margin: 0px auto;
}
.YearHistory .title p {
  font-size: 16px;
  font-family: NotoSansSC-Bold;
}
.YearHistory .title h2 {
  font-size: 36px;
  font-weight: bold;
  font-family: NotoSansSC-Bold;
}
.titsub {
  text-align: center;
  line-height: 96px;
  padding-top: 20px;
  color: #444444;
  font-size: 24px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
}

.YearSlider {
  text-align: center;
  margin-bottom: 25px;
  position: relative;
  padding: 0px 58px;
}

.YearSlider .slider {
  padding: 5% 0 0;
}

.YearSlider .slick-arrow,
.EventList .slick-arrow {
  width: 37px;
  cursor: pointer;
  height: 85px;
  position: absolute;
  top: 50%;
  border-radius: 0;
}
.YearSlider .slick-arrow {
  top: 70%;
}

.YearSlider li.slick-current {
  border: 1px solid #e91a2e;
  background: #e91a2e;
}
.YearSlider li {
  border: 1px solid #b2b2b2;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  margin: 0 15px;
  border-radius: 25px;
}
.YearSlider li a {
  color: #666666;
  display: block;
}
.YearSlider li.slick-current a {
  color: #fff;
}

.EventList .item {
  height: 275px;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  margin: 0px 13px;
  border-radius: 5px;
}
.EventList li .box {
  padding: 13px 22px;
}
.EventList li .box .time {
  display: block;
  line-height: 47px;
  border-bottom: 1px solid #c5c5c5;
  color: #444444;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.EventList li .box .info {
  padding: 8px 0px 0px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.YearSlider .slick-prev,
.EventList .slick-prev {
  background: url(../images/prev2.png) no-repeat left bottom;
  left: -35px;
}
.YearSlider .slick-prev.slick-disabled,
.EventList .slick-prev.slick-disabled {
  background: url(../images/prev2.png) no-repeat left top;
}
.YearSlider .slick-next,
.EventList .slick-next {
  background: url(../images/prev2.png) no-repeat right bottom;
  right: -35px;
}
.slick-arrow:hover {
  background-color: #920b27;
}
.parBd .slick-prev {
  left: 0;
}
@media screen and (max-width: 768px) {
  .container {
  }
  .YearHistory .title p {
    font-size: 14px;
  }
  .YearHistory .title h2 {
    font-size: 20px;
  }
  .parBd .slick-next {
    right: 0 !important;
  }
}
