.tk_content{

	max-width: 1600px;

	width: 100%;

	margin: auto;

	margin-top: 72px;

	margin-bottom: 80px;

}

.tk_Alltitle{

	display: inline-block;

	float: left;

}

.tk_Alltitle h1{

	font-size: 30px;

	color: #000000;

	font-weight: 500;
	float: left;

}

.tk_Alltitle h2{

	font-size: 30px;

	color: #b7b7b7;

	font-family: "Din";

	font-weight: 500;
	display: inline-block;
	text-indent: 0.3em;

}

.tk_yeartime{

	width: 130px;

	height: 35px;

	background-color: #e8e8e8;

	border-radius: 3px;

	float: right;

	position: relative;

	top: 10px;

	text-align: center;

	cursor: pointer;

	cursor: hand;

}

.tk_atyear{

	font-size: 16px;

	color: #000000;

	width: 75px;

	display: inline-block;

	line-height: 35px;

}

.tk_yearpicjt{

	width: 10px;

	height: 6px;

	background: url("../images/developmentthree/xialajt.png") no-repeat;

	display: inline-block;

	position: relative;

	top: -2px;

}



.tk_yearchoose{

	width: 128px;

	border: 1px solid #CCCCCC;

	border-top: none;

	display: none;

	position: relative;

	z-index: 100;

	background-color: #fff;

}

.tk_yearchoose .oneofyear{

	height: 30px;

	line-height: 30px;

	font-size: 16px;

	text-indent: -13px;

}

.tk_yearchoose .oneofyear:hover{

	background-color: #2eb7a7;

	color: #FFFFFF;

}

.Allbox{

	position: relative;

	margin-top: 140px;

}

.midline{

	height: 100%;

	width: 0px;

	border-left: 1px dashed #2eb7a7;

	margin: auto;

}

.tk_chronicle{

	width: 455px;

	margin-top: -78px;

	position: relative;
	
	clear: both;

}

.chronicleyear{

	font-size: 36px;

	color: #000000;

}

.chroniclemouth{

	font-size: 24px;

	color: #404040;

}

.tk_chronicle h3{

	font-size: 18px;

	color: #000000;

	margin-top: 15px;

	margin-bottom: 10px;

	line-height: 30px;

}

.chroniclecon{

	font-size: 16px;

	color: #3d3d3d;

	text-align: justify;

	line-height: 24px;

}

.chroniclenum{

	display: inline-block;

	width: 33px;

	height: 33px;

	background: url("../images/developmentthree/numbg.png") no-repeat;

	text-align: center;

	line-height: 33px;

	font-size: 18px;

	color: #FFFFFF;

	font-family: "Din";

	position: absolute;

}

.textRight{

	text-align: right;

}

.textLeft{

	text-align: left;

}

.float_left{

	float: left;

	margin-left: 90px;

	/* margin-bottom: -50px; */

}

.float_right{

	float: right;

	margin-right: 90px;

}

.singular{

	top: 63px;

	right: -106px;

}

.dual{

	top: 63px;

	left: -106px;

}


.marginTop1{
	margin-top: -240px;
}
.marginTop2{

	margin-top: -400px;

}
.marginTop3{

	margin-top: 0;

}
.marginTop4{

	margin-top: -300px;

}
.marginTop5{

	margin-top: -100px;

}
.marginTop6{

	margin-top: -500px;

}

@media screen and (max-width: 1120px){

	.midline{

		margin: 0;

	}
	.float_right{

		float: left;

    	margin-left: 90px;

    	margin-top: 40px;

	}

	.marginTop{

		margin-top: 40px;

	}

	.singular{

		top: 63px;

    	left: -106px;

	}

	.textRight{

		text-align: left;

	}

	.marginfirst{

		margin-top: -78px;

	}

	.Allbox{

		width: 100%;

    	max-width: 575px;

   	 	margin: 140px auto 0px;

	}

	.tk_yeartime{

		float: right;

	}
}

@media screen and (max-width: 620px){

	.tk_Alltitle h1{

		font-size: 30px;

	}

	.tk_Alltitle h2{

		font-size: 30px;

		letter-spacing: -3px

	}

	.tk_Alltitle{

		float: none;

	}

	.tk_yeartime{

		float: none;

	}

	.chronicleyear{

		font-size: 30px;

	}

	.chroniclemouth{

		font-size: 20px;

	}	

	.float_right{

		margin-left: 25px;

	}

	.Allbox{

		margin-left: 15px;

		width: auto; 

		max-width:auto;

	}

	.singular{

		left: -42px;

	}

	.float_left{

		margin-left: 25px;

	}

	.dual{

		left: -42px;

	}

	.midline{

		width: 93%;

	}

	.tk_chronicle{

		width: 92%;

	}

	.tk_chronicle img{

		width: 100%;

		height: auto;

	}

}