.about_b {
  padding:4% 0 8%;
}
.about_b #history{ position:relative;}
.about_b #history:before{ width:100%; position:absolute; left:0; top:50%; height:1px; background:#eee; content:"";}
.about_b #history .swiper-slide {
  text-align: center;
  position: relative;
  cursor: pointer;
}

.about_b #history .swiper-slide .circle {
  width:80px;
  height:80px;
  margin:20px auto;
  line-height:80px;
  background:#e6e6e7;
  border-radius:50%;
  text-align: center !important;
  font-size:21px;
  transition: all .4s;
}
.about_b #history .swiper-slide:hover .circle {
  background: #bd002e; color:#fff;
}


.about_b #history .swiper-slide-active .circle {
  width:120px;
  height:120px;
  line-height:120px;
  margin:0 auto;
  background-color: #bd002e !important;
  color:#fff;
  font-size:36px;
}

.about_b .year_text {
  max-width:1200px;
  text-align:center;
  margin: 0 auto;
}
.about_b .year_text .textbox { font-size:18px; color:#555; line-height:2;}







.about_d {
	background:#f5f5f5;
  padding:4% 0 7%;
  overflow:hidden;
}
.about_d .mktitle {
  text-align: center;
  margin-bottom: 5.203%;
}
.about_d .wrap {
  position: relative;
}
.about_d .wrap .btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -40px;
  border: solid 1px rgba(255, 255, 255, 0.4);
  cursor: pointer;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  z-index: 20;
}
.about_d .wrap .btn:hover {
  border-color: #0062a7;
  background: #0062a7;
}
.about_d .wrap .prev_honor {
  left: -100px;
}
.about_d .wrap .next_honor {
  right: -100px;
}
.about_d #honor {
  padding-bottom: 80px;
}
.about_d #honor #honorSP {
  top: auto;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
}
.about_d #honor #honorSP span {
  background: #fff;
}
.about_d .swiper-slide img {
  width: 100%;
}