.timeline_alone {
	position: absolute;
	/* top: -170%; */
}
.font_alone{
	position: absolute;
	width: 800px;
	/* top: -150%; */
}


.timeline{
	position: relative;
	list-style: none;
	text-align: right;
	/* border-right: 4px solid #e3e3e3; */
	/* background: linear-gradient(0deg, #ffffff, #e3e3e3 80%); */
	background: transparent;
	border-radius: 10px;
	/* border-image: -webkit-linear-gradient(#F80, #2ED) 20 20; */
	/* width: 47px; */
	width: 25px;
	height: 520px;
	margin:0 0 0 0px;
	padding: 0 0px 0 0;
}
.timeline li{
	position: relative;
	background: #c6c2c2;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	content: "";
	margin: 5px  0;
	cursor: pointer;
	margin-bottom: 0px;
}
/* .timeline li:nth-last-child(1){
	position: relative;
	background-image: radial-gradient(circle at center, #ffffff, transparent 95%, transparent);
	border-radius: 50%;
	height: 25px;
	width: 25px;
	content: "";
	margin: 100px  0;
	cursor: pointer;
	margin-bottom: 30px;
} */

.timeline .active{
	position: relative;
	background: #4d8130;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	content: "";
	margin: 5px  0;
}
.timeline li span {
	position: absolute;
	font-size: 24px;
	color: #000000;
	left: -70px;
}
.time-font {
	position: absolute;
	transition: opacity 1s;
	line-height: 40px;
}
.time-font h2 {
	color: #4d8130;
	padding: 20px 0;
	font-weight: bold;
}
.time-font p {
	font-size: 20px;
}

/* -----------------------------------流动箭头动画 ----------------------------------------------*/
.scrollarrows { 
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	width: 25px; 
	height: 87.5px; 
	margin: 5px 0 0 0;
}
/* .scrollarrows path {
	width: 25px; 
	height: 0px; 
} */
.scrollarrows path.a1 { 
	animation-delay: 0s; 
	-webkit-animation-delay: 0s; 
}

.scrollarrows path.a2 { 
	animation-delay: -1s; 
	-webkit-animation-delay: -1s; 
}
.scrollarrows path.a3 { 
	animation-delay: -2s;
	-webkit-animation-delay: -2s; 
}
.scrollarrows path.a4 { 
	animation-delay: -3s;
	-webkit-animation-delay: -3s; 
}
.scrollarrows path.a5 { 
	animation-delay: -4s;
	-webkit-animation-delay: -4s; 
}
.scrollarrows path.a6 { 
	animation-delay: -5s;
	-webkit-animation-delay: -5s; 
}
.scrollarrows path.a7 { 
	animation-delay: -6s;
	-webkit-animation-delay: -6s; 
}
.scrollarrows path { 
	stroke: #4d8130; 
	fill: transparent; 
	stroke-width: 5px; 
	animation: arrow 10s infinite; 
	-webkit-animation: arrow 10s infinite; 
}

@keyframes arrow{
	0% { opacity: 0.1; }
	20% { opacity: 0.3; }
	40% { opacity: 0.6; }
	50% { opacity: 1.0; }
	60% { opacity: 0.6; }
	80% { opacity: 0.3; }
	100% { opacity: 0.1; }
}

/* -----------------------------------流动箭头动画结束 ----------------------------------------------*/

/* -----------------------------------媒体自适应开始 ----------------------------------------------*/
@media only screen and (max-width: 992px){
        .font_alone{
			position: absolute;
			width: 300px;
			margin-left: 50px;
			/* top: -150%; */
		}	
		.time-font h2 {
			color: #4d8130;
			padding: 20px 0;
			font-weight: bold;
			font-size: 18px;
		}
		.time-font p {
			font-size: 14px;
		}
    }

/* -----------------------------------媒体自适应结束-----------------------------------------------*/