.time-line-content {background: url('../images/timeline/timeline_bg.png') no-repeat center top; background-size: cover;}
.time-line{width:1300px;margin:20px auto;position: relative; }
.time-line .left-btn,.time-line .right-btn{width: 40px;height: 40px; background-repeat: no-repeat; position: absolute; top:50%; margin-top:-20px;cursor: pointer; background-position: center center; background-color: #e2e2e2;}
.time-line .left-btn:hover,.time-line .right-btn:hover{background-color: #0966ae;}
.time-line .left-btn.no-active,.time-line .right-btn.no-active{cursor: auto;}
.time-line .left-btn.no-active:hover,.time-line .right-btn.no-active:hover{background-color: #e2e2e2;}
.time-line .left-btn {background-image: url(../images/timeline/left.svg); left:0;}
.time-line .right-btn {background-image: url(../images/timeline/right.svg); right:0; /*transform: rotate(180deg);*/}
/*.time-line .right-btn:hover{background: url(../images/timeline/arrow-hover.png) no-repeat;transform: rotate(180deg);}*/
/*.time-line .left-btn:hover{background: url(../images/timeline/arrow-hover.png) no-repeat;}*/
.time-line .time-box{width: 1200px;margin: 0 auto;overflow: hidden; }
.time-line .time-box ul{overflow: hidden;position: relative;/*height: 255px; */ padding: 20px 0;}
/*.time-line .time-box ul:after{content: "";background: #dcdcdc;height: 1px;width: 100%;position: absolute;left:0;top:50%;}*/
.time-line .time-box li{width:240px; height: 300px; float: left;position: relative; cursor: pointer; border-bottom: 1px solid #dcdcdc; padding-left: 5px; padding-right: 5px; padding-bottom: 90px; text-align: center;}
.time-line .time-box li:before{content: ""; position: absolute; height: 58px; width: 1px; border-left: 1px dashed #ccc; bottom: 10px; left: 50%; margin-left: -1px;}
.time-line .time-box li:after{content: "";width: 10px;height: 10px; border-radius: 50%; background: #999; position: absolute;left:50%;margin-left:-5px; bottom: -6px; z-index: 1;}
.time-line .time-box li:nth-child(2n){margin-top: 300px; padding-top: 90px; padding-bottom: 0; border-bottom: none; border-top: 1px solid #dcdcdc;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: 10px; margin-left: 0px;}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top: -5px;}
/*.time-line .time-box li:hover,.time-line .time-box li.active{background: #1b96ff;color:#fff;border-color: #1b96ff;}*/
/*.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #1b96ff;background: #1b96ff;}*/
/*.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../images/timeline/point-hover.png) no-repeat;}*/

.time-line-cell{position: absolute; width: 100%; bottom: 90px; left: 0;}
.time-line .time-box li:nth-child(2n) .time-line-cell{bottom: auto; top: 90px;}
.time-line-cell h3{margin: 0; font-size: 28px; color: #333; font-weight: 600; margin-bottom: 25px;}
.time-line-cell p{color: #999; line-height: 1.5;}