#timeLine{width:100%;max-width:1000px;margin:40px auto  80px;overflow:hidden;}
#yearList{width:10000px;list-style:none;position:relative;overflow:hidden;height:44px;}
#yearList:after,.container-li:after{content:"";display:table;clear:both}
#yearList li{width:120px;float:left;cursor:pointer;text-align:center;font-size:16px;padding:10px 0}
.year-dot{width:10px;height:10px;border-radius:5px;background-color:#002f21;margin:10px auto;display:none}
.dotted-line{width:90%;margin:0 auto;height:1px;background:url(../images/dashed.jpg)repeat;position:relative;top:-26px;z-index:-1}
#cList{width:100%;position:relative}
#btnLeft{width:12px;height:20px;display:inline-block;position:absolute;left:0;top:14px;text-decoration:none;color:#000;font-size:30px;text-align:center;background:url(../images/pa.jpg)no-repeat center;z-index:10}
#btnRight{width:12px;height:20px;display:inline-block;position:absolute;right:0;top:14px;text-decoration:none;color:#000;font-size:30px;text-align:center;background:url(../images/pb.jpg)no-repeat center;z-index:10;}
#cUl{width:100%;list-style:none;height:471px;margin:0 auto;position:relative;left:0}
#cUl li{width:100%;position:absolute;left:0}
.li-tit{display:inline-block;color:#fff;background-color:#002f21;padding:10px 20px;margin:30px auto 10px}
.container-li{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.c-li-left img{display:block;width:100%;}
.c-li-right{position:absolute;right:0;top:0;width:34.4%;height:100%;padding:3%;background:rgba(0,0,0,0.3);overflow:hidden;color:#fff;}
.c-li-ableft{position:absolute;left:0;top:0;width:34.4%;height:100%;padding:3%;background:rgba(0,0,0,0.3)}
.year-active{color:red}
.year-active i{background-color:red}
.cli_year{font-size:40px;margin-bottom:6%;color:#fff}
.c-li-right p{line-height:35px;font-size:16px;color:#f0f1f3;font-weight:300}
.c-li-right .blue{color:#6bbbd2 !important;background:none !important}