.inner-banner {
  background-image: url('../../img/images/culture/culture-banner.png');
}
.cul-box {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}
.cul-nav-box {
  width: 1200px;
  margin: 0 auto;
}
.cul-nav {
  width: 100%;
}
.cul-nav > li {
  float: left;
  margin-right: 32px;
}
.cul-nav > li > a {
  font-size: 14px;
  line-height: 80px;
}
.cul-nav > li.current-a a {
  color: #d20127;
}
.cul-container {
  width: 1200px;
  margin: 0 auto 36px auto;
}
.cul-container > li {
  position: relative;
  padding: 42px 0;
  border-bottom: 1px dotted #e1e1e1;
}
/* .cul-container > li:nth-child(2n-1)::after {
  position: absolute;
  right: 0;
  content: '';
  display: block;
  width: 1px;
  height: 100px;
  background-color: #000;
} */
.cul-cont-title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 42px;
}
.cul-cont-title-en {
  font-size: 14px;
  color: #999999;
}
.cul-cont-small-title {
  color: #777777;
  line-height: 42px;
}
.ud-cul-cont-small-title {
  margin-top: 16px;
}

/*荣誉*/
.reward-title {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin: 24px 0;
}
.ud-reward-title {
  font-size: 14px;
  color: #777777;
  text-align: center;
  line-height: 21px;
  margin-bottom: 24px;
}
.reward {
  margin: 30px auto;
}
.reward ul li {
  float: left;
  width: 350px;
  /*height: 210px;*/
  border: 1px solid #e1e1e1;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.reward ul li {
  margin: 10px 0;
}
.reward ul li:nth-child(3n + 2) {
  margin: 10px 75px;
}
.reward ul li img {
  display: block;
  width: 310px;
  height: 210px;
  margin: 0 auto;
}

/*大事记*/
.time-container {
  margin-top: 24px;
}
/* .time-line {
  width: 1px;
  height: 1666px;
  background-color: #333;
  margin-top: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} */
.time-container .time-box {
  position: relative;
  height: 126px;
  /*padding-bottom: 20px;*/
}
.time-box::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 110px;
  background-color: #000;
}
.time-title {
  font-size: 16px;
  color: #333333;
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 36px;
}
.time-title:before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  background: url('../../img/images/culture/time-circle.png') no-repeat center center;
  vertical-align: middle;
  position: absolute;
  left: -8px;
}
.time-box > ul {
  margin-bottom: 48px;
}
.time-box > ul > li {
  margin-left: 24px;
  line-height: 32px;
  margin-bottom: 24px;
  /*max-width: 1200px;*/
}
.time-box > ul > li > span {
  display: block;
  font-size: 14px;
  color: #999999;
  margin-left: 48px;
}
.time-box > ul > li > p {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

.adv-container {
  position: relative;
  padding-top: 30px;
}
.adv-line {
  width: 1px;
  /* height: 1175px; */
  border-right: 1px dotted #333333;
  position: absolute;
  top: 60px;
  left: calc(50% + 1px);
}
.adv-container > ul > li {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  margin: 21px 0;
}
.adv-container > ul > li:nth-child(odd) {
  padding-right: 55%;
  text-align: right;
}
.adv-container > ul > li:nth-child(even) {
  padding-left: 55%;
  /*background: red;*/
}
.adv-container > ul > li:nth-child(odd):after,
.adv-container > ul > li:nth-child(even):before {
  display: block;
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: #333333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 3px;
  right: calc(50% - 6px);
}