#timeline {
  width: 1162px;
  height: 731px;
  margin: 140px auto 76px;
  overflow: hidden;
  position: relative;
}

#timeline .title {
  font-size:18px;
  font-weight:400;
  color:#0B1013;
  margin-bottom: 17px;
}

#dates {
  width: 90px;
  height: 731px;
  float: left;
  padding-left: 0;
  margin-left: 35px;
  border-left:1px solid #7B7B88;
}
#dates li :nth-child(1) {
  margin-top: 8px;
}
#dates li {
  list-style: none;
  width: 90px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
}
#dates a {
  padding-left: 45px;
  color: #0B1013;
  height: 105px;
  display: block;
  line-height: 105px;
  text-decoration:none
}
#dates .selected {
  position: relative;
  padding-left: 43px;
  margin-left: -2px;
  border-left: 4px solid red;
  /*font-size: 38px;*/
}
#dates .selected:before {
  content: " ";
  position: absolute;
  left: -1px;
  top: 50%;
  margin-top: -5px;
  width: 5px;
  height: 6px;
  background: url(./../img/jiantou_bg.png);
}

#issues {
  width: 1037px;
  height: 731px;
  overflow: hidden;
  padding-left: 0;
  float: left;
}
#issues li {
  width: 1037px;
  height: 731px;
  list-style: none;
}

#issues li.selected img:nth-child(1) {
  -webkit-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
  box-shadow:34px 57px 56px 0px rgba(2,2,2,0.26);

}
#issues li img:nth-child(1) {
  float: left;
  margin: 73px 0 0 46px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
  zoom: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transform: scale(0.7,0.7);
  -moz-transform: scale(0.7,0.7);
  -o-transform: scale(0.7,0.7);
  -ms-transform: scale(0.7,0.7);
  transform: scale(0.7,0.7);
}
#issues li h1 {
  color: #ffcc00;
  font-size: 48px;
  text-align: center;
  text-shadow: #000 1px 1px 2px;
}
#issues li p {
  font-size: 14px;
  margin: 10px 20px;
  font-weight: normal;
  line-height: 22px;
  text-shadow: #000 1px 1px 2px;
}

#grad_top,
#grad_bottom {
  width: 500px;
  height: 80px;
  position: absolute;
}

#next,
#prev {
  position: absolute;
  width:25px;
  height:25px;
  border-radius: 50%;
  background: #FFFFFF;
  overflow: hidden;
}
#next:hover,
#prev:hover {
  background-position:  0 0;
}
#next {
  bottom: 57px;
  right: 14px;
  padding-top:4px ;
  padding-left:4px ;
}
#prev {
  bottom: 91px;
  right: 14px;
  padding-top:4px ;
  padding-left:4px ;
}

#next i{
  display: inline-block;
  width: 18px;
  height: 12px;
  background: url(./../img/triangle_index.png) no-repeat 0 -375px;
}
#prev i{
  display: inline-block;
  width: 18px;
  height: 12px;
  background: url(./../img/triangle_index.png) no-repeat 0 -327px;
}
#next.disabled,
#prev.disabled {
  opacity: 0.2;
}

@media (max-width: 980px){
  .about_us_rongyap > div > div {
    float: left;
    width: 12.5%;
    height: 196px;
    display: inline-block;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 16px;
    color: #ffffff;
  }
  .about_us_yewu {
    width: 932px;
    margin: 0 auto;
    overflow: hidden;
  }
  #issues{
    width: 700px;
    overflow: hidden;
    padding-left: 0;
    float: left;
  }
  .red_slide {
    right: 100px;
  }
  #timeline{
    width: 980px;
  }
}