@charset "UTF-8";

#timeLine{width: 1030px;margin: 80px auto 20px auto;/*border:  solid 1px #434343;*//*background: rgba(500,500,500,0.9);*/overflow: hidden;}
#yearList{width: 100%;list-style: none;position: relative;z-index:1;/*left: 457px;margin-left: 457px;*/}
#yearList:after,.container-li:after{content: "";display: table;clear: both;}
#yearList li{float: left;cursor: pointer;text-align: center;font-size: 16px;padding: 10px 40px 20px;}
.year-dot{width:14px; height:14px; border-radius:7px;background-color:#c9c9c9;margin:31px auto -5px;display: block;}
#yearList li:nth-child(1){color: #0a71f5;font-size: 22px;color: #73468f;font-weight: bold;}
#yearList li:nth-child(1) i{width:21px; height:21px;background: url(../images/licbgt.png) no-repeat center top;margin: 20px auto -5px;}



.dotted-line{border-bottom:dashed 2px  #C9C9C9;position: relative;top: -27px;z-index: 0;}
#cList{width: 100%;position: relative;margin-top:40px;}
#btnLeft,#btnRight{cursor:pointer;width:54px;height:54px;position:absolute;border-radius:100%;display:inline-block;text-align:center;line-height:54px;}
#btnLeft img,#btnRight img{display: inline-block;}
#btnLeft{left:10px;top:60%;}
#btnRight{right:10px;top:60%;}
.cCenter{width:1020px;margin:0px auto;overflow:hidden;background: #fafafa;}
#cUl{width: 100%;list-style: none;height:380px;margin: 0 auto;position: relative;left: 0px;}
#cUl li{width: 1020px;position: absolute;  left: 0;}
.li-tit{display:block;float:left;font-size:24px;text-align:center;color:#333333;}
/* .li-tit img{max-width:100%;} */
.container-li{float:left;width:410px;color:#666666;font-size:16px;padding:15px 2%;line-height:25px;}
.c-li-left{width: 40%;float: left;}
.c-li-right{width: 60%;float: right;}
#yearList li.year-active{color: #0a71f5;font-size: 22px;color: #73468f;font-weight: bold;}
#yearList li.year-active i{width:21px; height:21px;background: url(../images/licbgt.png) no-repeat center top;margin: 20px auto -5px;}
@media (max-width:640px){
  #timeLine{width:100%;height:auto;display:block;}
  #cUl li{width:100%;}
  .cCenter{width:90%;background:none;}
  #cUl{height:400px;}
  #cList{margin-top:10px;}
  #btnLeft,#btnRight{margin-bottom:30px;top:15px;background:none;box-shadow:0px 0px 0px;border-radius:0px;z-index:999;}
  #btnLeft{left:15px;}
  #btnRight{right:15px;}
  .container-li{width:100%;padding:0;float:none;}
  .li-tit{margin-top:0px;width:100%;float:none;}
  .li-tit img{width:100%;}
}