#timeLine{
    width: 1200px;
    margin: 0 auto;
    /*border:  solid 1px #434343;*/
    /*background: rgba(500,500,500,0.9);*/
/*     overflow: hidden; */
    
}

#yearList{
    width: 1000%;
    list-style: none;
    position: relative;
    padding-left: 400px;
    /*left: 457px;*/
    z-index: 3;
   
}
.xia_bg{ position: absolute; left: -3%; top: 0px;  background: url(../images/fzlc_bg_xian.png) repeat-x 11px 0px; width: 100%; height: 11px; }


#yearList:after,.container-li:after{
    content: "";
    display: table;
    clear: both;
}
#yearList li{
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    padding: 30px 0px;
    width: 400px;
}
.dotted-line{
    border-bottom: dashed 2px  #7b7d7b;
    position: relative;
    top: -26px;
    z-index: -1;
}
#cList{
    width: 100%;
    position: relative;
}
#btnLeft{
    z-index: 99;
    width: 34px; height: 34px;
    display: inline-block;
    position: absolute;
    left: 33%;
    top: 231px;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 34px;
    background:url(../images/left_ico.png) no-repeat center;
    text-decoration: none;
}
#btnRight{
    z-index: 99;
    width: 34px; height: 34px;
    display: inline-block;
    position: absolute;
    right: 33%;
    top: 231px;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 34px;
    background:url(../images/right_ico.png) no-repeat center;
    text-decoration: none;
}
#btnLeft:hover{
    background:url(../images/left_ico_on.png) no-repeat center;
}
#btnRight:hover{
    background:url(../images/right_ico_on.png) no-repeat center;
}
#cUl{
    width: 100%;
    list-style: none;
    height: 210px;
    margin: 0 auto;
    position: relative;
    left: 0px;
}
#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{
    width: 40%;
    float: left;
}
.c-li-right{
    width: 60%;
    float: right;
}
.year-active{
    color: #009fe8;
}

.container-li h4 {font-size:40px;line-height:100%;color:#fff;font-weight:bold;width: 240px; height: 120px; line-height: 120px; background-color: #009fe8; display:inline-block;text-align:center;}
.container-li .fzlc_cont{height: 70px; text-align: left; font-size:16px;color:#333;background-color: #fff; line-height:35px;width:830px;padding:25px 65px;}
#yearList li{ position: relative; color: #fff;}
#yearList li i{ display: block; position: absolute; top: 10px; left: 50%; width: 81px; height: 0px; margin-left: -40.5px; background: url(../images/chufa.png) no-repeat; transition: 0.8s;}
#yearList li:hover i{ height: 30px; top: -20px;}
#yearList li.year-active i{ height: 30px; top: -20px; }
#yearList li.year-active{ color: #009fe8; }