@charset "utf-8";
.wrap {
    background:url(../images/zsyz.jpg) 50% 212px no-repeat;
}
.content {
  padding:0 26px 10px;
    background:url(../images/content.png) center repeat-y;
  font-family:microsoft yahei;
  position:relative;
  z-index:3;
}
.pp {
  width:300px;
  height:300px;
    background:url(../images/autumn.png) no-repeat;
  position:absolute;
  left:0;
  top:212px;
  z-index:2;
}
img.lazy {
  display:none;
}
.timeline {
  width:880px;
  height:280px;
  margin:0 auto;
    background:url(../images/timeline.png) 0 252px no-repeat;
  position:relative;
  overflow:hidden;
}
.timeline .up {
  display:none;
  width:388px;
  height:200px;
    background:url(../images/up.png) no-repeat;
  position:absolute;
  top:300px;
  left:-400px;
}
.timeline .time {
  display:none;
  width:520px;
  height:250px;
  background-repeat:no-repeat;
  position:absolute;
  top:300px;
}
.point1 {
  left:42px;
    background-image:url(../images/timepoint1.png);
  z-index:5;
}
.point2 {
  left:102px;
    background-image:url(../images/timepoint2.png);
  z-index:4;
}
.point3 {
  left:302px;
    background-image:url(../images/timepoint3.png);
  z-index:3;
}
.point4 {
  left:462px;
    background-image:url(../images/timepoint4.png);
  z-index:2;
}
.point5 {
  left:502px;
    background-image:url(../images/timepoint5.png);
}
.arr {
  width:890px;
  height:47px;
  margin:-55px auto 0;
}