@import 'common.css';
body {
  background-color: rgb(247, 247, 247);
}
.header.fixed .nav li.rootItem .subMenu li {
  background-color: #3368c8;
  text-shadow: 0 0 10px #3368c8;
}
.banner {
  height: 480px;
  background: url(../images/honor/banner.png) center bottom #3368c8;
  position: relative;
}
.dates.wrap {
  width: 1000px;
}

.swiper-slide {
  width: auto;
}
.swiper-slide img {
  display: block;
  background-color: #000;
  height: 190px;
  min-width: 50px;
}

ul,
dl {
  list-style: none;
  margin: 0;
  padding: 0;
}
dl.dates.wrap {
  margin: 90px auto 125px !important;
  padding: 0 0 0 180px;
  position: relative;
}
dl.dates.wrap:before {
  content: '';
  display: block;
  position: absolute;
  left: 70px;
  top: 0;
  bottom: 0;
  border-left: 1px dotted #ccc;
}
dd {
  margin: 0;
  padding: 0;
}
dt {
  position: relative;
  margin-top: 30px;
}
dt:first-child {
  margin-top: 0;
}
dt .date:before {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #666;
  border: solid 7px #fff;
  box-shadow: 0 0 2px #666;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 61px;
  top: 10px;
}
dt .date {
  position: absolute;
  left: -180px;
  top: 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 36px;
}
dt .value:before {
  content: '获得了';
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 36px;
  padding-right: 1.5em;
}
dt .value {
  margin-left: -4.5em;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 36px;
}
dd {
  padding: 20px 0 5px;
}
.swiper-container {
  position: relative;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 100%;
  top: 0;
  margin-top: 0;
  background: url(../images/next1.png) center center no-repeat rgba(0, 0, 0, 0.3);
  background-size: 45%;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}