/*时间轴轮播css*/
 .blue_line{
    height: 100px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 400px;
    z-index: 100;
    margin-top: -50px;
    background-image:url("../img/history_link.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color:#fff;
}

#lf_button{
    top: 35px;
	left:60px;
	cursor: pointer;
	position:absolute;
}


#rt_button{
	top: 35px;
	right: 60px;
	cursor: pointer;
	position:absolute;
}


.wolkinto_history_container{
	height: 600px;	
	padding-top: 100px;
	position: relative;
}

.history-swiper-container{
	width: 100%;
	overflow: hidden;
}

.history_item{
	height: 600px;
    position: relative;
}

.history_item .details{
	height: 250px;
	width: 200%;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;

}

.history-swiper-container .swiper-slide:nth-child(even) .history_item .details 
{
	top: 46px;
}

.history-swiper-container .swiper-slide:nth-child(odd) .history_item .details 
{
	
	padding-top: 100px;	padding-left: 85px;

}

.history-swiper-container .swiper-slide:nth-child(odd) .history_item .details p.year{
	color: #35b0bd;
	font-size: 42px;
	padding-left: 50px;
	position: relative;
	line-height: 1;
}

.history-swiper-container .swiper-slide:nth-child(odd)  p.year:before{
	content: "";
	position: absolute;
    display: block;
    width: 1px; 
    height: 100px;
    left: 0;
    top: -100px;
    background: #35b0bd;
}


.history-swiper-container .swiper-slide:nth-child(odd)  p.year:after{
	content: "";
	position: absolute;
    display: block;
    width: 30px; 
    height: 30px;
    left:2;
    border-radius: 50%;
    left: -15px;
    top: 0px;
    box-sizing: border-box;
    border: 2px solid #35b0bd;
    background: #fff;
}

.history-swiper-container .swiper-slide:nth-child(odd)  p.year .circle{
	display: block;
	width: 16px;
	top: 7px;
	z-index: 1;
	left: -8px;
	height: 16px;
	position: absolute;
	background: #35b0bd;
	border-radius: 50%;
}

.history-swiper-container .content{
	line-height: 1.8;
	padding-top: 14px;
	padding-left: 50px;
	color: #666;
	font-size: 16px;
	padding-right:50px;
}


.history-swiper-container .swiper-slide:nth-child(even)  p.year{
	color: #35b0bd;
	font-size: 42px;
	position: relative;
	line-height: 1;
	padding-left: 50px;
}

.history-swiper-container .swiper-slide:nth-child(even)  .content{
    line-height: 1.8;
	padding-top: 14px;
	color: #666;
	font-size: 16px;
	padding-left: 50px;
	padding-right:50px;

}

.history-swiper-container .swiper-slide:nth-child(even)  p.year:before{
	content: "";
	position: absolute;
    display: block;
    width: 1px; 
    height: 240px;
    left: 0;
    top: 30px;
    background: #35b0bd;
}


.history-swiper-container .swiper-slide:nth-child(even)  p.year:after{
	content: "";
	position: absolute;
    display: block;
    width: 30px; 
    height: 30px;
    left:2;
    border-radius: 50%;
    left: -15px;
    top: 0px;
    box-sizing: border-box;
    border: 2px solid #35b0bd;
    background: #fff;
}

.history-swiper-container .swiper-slide:nth-child(even)  p.year .circle{
	display: block;
	width: 16px;
	top: 7px;
	z-index: 1;
	left: -8px;
	height: 16px;
	position: absolute;
	background: #35b0bd;
	border-radius: 50%;
}


.history-swiper-container .swiper-slide-prev{
	opacity: 0;
	transition: all .5s;
}