#timeline{position:relative;overflow:hidden;margin:50px auto;width:1200px}
.hrLine{margin-top:72px}
#dates{overflow:hidden;width:760px;height:90px}
#dates li{float:left;width:150px;height:50px;list-style:none;text-align:center;font-size:24px}
#dates>li>.onepx{margin:0 auto;width:1px;height:20px;background:#eee}
#dates a{font-weight:400;font-size:14px;line-height:50px}
#dates .selected{display:block;margin-bottom:20px;color:#4f96f5;font-size:38px;line-height:30px}
#issues{overflow:hidden;height:300px;background:url(../../images/sjz_bg.png) top center no-repeat;text-align:center}
#issues li{position:relative;float:left;width:100%;height:200px;list-style:none}
.timeline{position:relative}
.timeline>button{position:absolute;top:10px;z-index:9999;outline:0;border:0}
.timeline>button>i{display:block;width:40px;height:40px}
.timeline>button>i>img{float:left;width:100%}
.prev{left:0}
.next{right:0}
.dates{position:absolute;top:0;z-index:999}
.wrap{overflow:hidden}
.issues>li>div{position:relative;display:block;width:50%;height:200px}
.issues>li .right>h5{position:absolute;left:-7px;z-index:9;padding-left:60px;background:url(../../images/icon_pointoftime.png) no-repeat;background-size:contain;text-align:left;font-size:28px; color: #319dc9; font-weight: bold;}
.issues>li .left>h5{position:absolute;right:-7px;z-index:9;padding-right:60px;background:url(../../images/icon_pointoftime.png) right 0 no-repeat;background-size:contain;text-align:left;font-size:28px;color: #319dc9; font-weight: bold;}
.issues>li .right .textArea{display:block;margin-top:50px;padding:0 50px;color:#a0a0a0; font-size: 22px; line-height: 32px;}
.issues>li .left .textArea{display:block;margin-top:50px;padding:0 50px;color:#a0a0a0; font-size: 22px; line-height: 32px;}
.issues>li .left .yearLine{position:absolute;top:0;right:0;margin:8px 0;width:30px;height:1px}
.issues>li .right .yearLine{position:absolute;top:0;left:0;margin:8px 0;width:30px;height:1px}