* {
	margin: 0;
	padding: 0;
}
li{list-style-type: none;}



.year {
	
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	margin-top: -20px;
}
	

a{text-decoration: none;}
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	#timeline {
		width: 94%;
		height: 360px;

		overflow: hidden;
		
		margin:14px auto;
		position: relative;
	
	}
		#dates {
			width: 100%;
			
			overflow: hidden;
			float: left;
		}
			#dates li {
				list-style: none;
				width: 100%;
				height: 60px;
				position: relative;

			
			}
				#dates a {
				display: block;
				}
				#dates .selected .year{
			        font-size: 24px;
			        font-weight: bold;
				}
		
		
				
		
		
		#next,
		#prev {
			
			display: block;
			
			width: 35px;
			margin:0 auto;
			height: 35px;
		
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			
			#next {
				
				background-image: url('../images/bottom2.png');background-size: cover;
			}
			#prev {
				
				background-image: url('../images/top2.png');background-size: cover;
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}
.year{
	font-size: 20.85px;
    color: #fff;
    font-family: 微软雅黑;
    width: 120px;height: 47px;line-height: 47px;text-align: center;
    
	    
}
.event{
	    
	    font-size: 15px;
	    color:#0b2539;
	    line-height: 25px;
	}

.time-left{text-align: right;
padding-right: 30px;
width: 50%;
position: absolute;left:0;top:50%;transform:translateY(-50%);
}
.time-right{text-align: left;padding-left: 30px;position: absolute;right:0;top:50%;transform:translateY(-50%);
    width: 50%;}
.clear{clear:both;}
/*.time-right{background: url(../images/t.png) left 0px no-repeat;}
.time-left{background: url(../images/t.png) right 0px no-repeat;}*/


#issues li{height:60px;}
.time-left .year{float: right;}

#timeline .line {
    width: 1px;
    height:60px;
    margin: 0 auto;
    background-color:  #bbb;
}
#timeline .circle{background: url(../images/t.png) no-repeat;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 20px;height: 20px;background-size: 20px}
.time{color: #000000;font-size: 15px;}
.event{color: #575656;font-size: 15px;}
.sj_bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 10;}