body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/*body{*/
/*	background: #FFFFFF;*/
/*	color: #02147f;*/
/*	font-weight: 500;*/
/*	font-size: 1.05em;*/
/*	font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;*/
/*}*/

.main-timeline{
		overflow: hidden;
		position: relative;
	}
	.main-timeline:before{
		content: "";
		width: 1px;
		height: 100%;
		background: #bbc0c6;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.main-timeline .timeline{
		width: 50%;
		padding-left: 50px;
		float: right;
		position: relative;
	}

.main-timeline .timeline::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #02147f;
	border: 2px solid #44449b;
	position: absolute;
	top: 50%;
	left: -4px;
	transform: translateY(-50%);
}
/*	.main-timeline .timeline:after{
		content: "";
		display: block;
		border-right: 30px solid #02147f;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		position: absolute;
		top: 50%;
		left: 24px;
		transform: translateY(-50%);
	}*/
.main-timeline .timeline::after {
	content: "";
	display: block;
	border-right: 80px solid #02147f;
	border-top: 1px solid;
	/* border-bottom: 1px solid transparent; */
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
	.main-timeline .timeline-content{
		display: block;
		padding: 25px;
		border-radius: 0px;
/*		background: #ee4423;*/
		position: relative;
	}
	.main-timeline .timeline-content:before,
	.main-timeline .timeline-content:after{
		content: "";
		display: block;
		width: 100%;
		clear: both;
	}
	.main-timeline .timeline-content:hover{ text-decoration: none; }
	.main-timeline .inner-content{
		width: 100%;
		float: right;
		padding: 15px 20px 15px 15px;
		background: #fff;
/*		border-radius: 0 100px 100px 0;*/
		color: #02147f;
	}
	.main-timeline .year{
		display: inline-block;
		font-size: 50px;
		font-weight: 600;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 7%;
		transform: translateY(-50%);
	}
	.main-timeline .title{
		font-size: 20px;
		font-weight: 600;
		text-transform: none;
		margin: 0 0 5px 0;
		line-height: 2;
	}
	.main-timeline .description{
		font-size: 14px;
		margin: 0 0 5px 0;
	}
	.main-timeline .timeline:nth-child(2n){ padding: 0 50px 0 0; }
	.main-timeline .timeline:nth-child(2n):before,
	.main-timeline .timeline:nth-child(2n) .year{
		left: auto;
		right: -4px;
	}
	.main-timeline .timeline:nth-child(2n) .year{ right: 7%; }
	.main-timeline .timeline:nth-child(2n):after{
		border-right: none;
		border-left: 80px solid #02147f;
		left: auto;
		right: 0px;
	}
	.main-timeline .timeline:nth-child(2n) .inner-content{
		float: none;
		border-radius: 100px 0 0 100px;
		text-align: right;
	}
	.main-timeline .timeline:nth-child(2){ margin-top: 50px; }
	.main-timeline .timeline:nth-child(odd){ margin: -130px 0 0 0; }
	.main-timeline .timeline:nth-child(even){ margin-bottom: 80px; }
	.main-timeline .timeline:first-child,
	.main-timeline .timeline:last-child:nth-child(even){ margin: 0; }
	.main-timeline .timeline:nth-child(2n) .timeline-content{ background: none; }
	.main-timeline .timeline:nth-child(2n),
	.main-timeline .timeline:nth-child(2n) .inner-content{ color: #02147f; }
	.main-timeline .timeline:nth-child(2n):after{ border-left-color: #02147f; }
	.main-timeline .timeline:nth-child(3n) .timeline-content{ background: none; }
	.main-timeline .timeline:nth-child(3n),
	.main-timeline .timeline:nth-child(3n) .inner-content{ color: #02147f; }
	.main-timeline .timeline:nth-child(3n):after{ border-right-color: #02147f; }
	.main-timeline .timeline:nth-child(4n) .timeline-content{ background: none; }
	.main-timeline .timeline:nth-child(4n),
	.main-timeline .timeline:nth-child(4n) .inner-content{ color: #02147f; }
	.main-timeline .timeline:nth-child(4n):after{ border-left-color: #02147f; }
	.main-timeline .timeline:nth-child(5n) .timeline-content{ background: none; }
	.main-timeline .timeline:nth-child(5n),
	.main-timeline .timeline:nth-child(5n) .inner-content{ color: #02147f; }
	.main-timeline .timeline:nth-child(5n):after{ border-right-color: none; }
	@media only screen and (max-width: 1200px){
		.main-timeline .inner-content{ width: 80%; }
		.main-timeline .year{
			font-size: 45px;
			left: 10px;
			transform: translateY(-50%) rotate(-90deg);
		}
		.main-timeline .timeline:nth-child(2n) .year{ right: 10px; }
	}
	@media only screen and (max-width: 990px){
		.main-timeline .year{
			font-size: 40px;
			left: 0;
		}
		.main-timeline .timeline:nth-child(2n) .year{ right: 0; }
	}
	@media only screen and (max-width: 767px){
		.main-timeline:before,
		.main-timeline .timeline:before{
			left: 10px;
			transform: translateX(0);
		}
		.main-timeline .timeline:nth-child(2n):after{
			border-left: none;
			border-right: 30px solid #02147f;
			right: auto;
			left: 24px;
		}
		.main-timeline .timeline,
		.main-timeline .timeline:nth-child(even),
		.main-timeline .timeline:nth-child(odd){
			width: 100%;
			float: none;
			margin: 0 0 30px 0;
		}
		.main-timeline .timeline:last-child{ margin-bottom: 0; }
		.main-timeline .timeline:nth-child(2n){ padding: 0 0 0 50px; }
		.main-timeline .timeline:before,
		.main-timeline .timeline:nth-child(2n):before{ left: -2px; }
		.main-timeline .inner-content{ width: 85%; }
		.main-timeline .timeline:nth-child(2n) .inner-content{
			float: right;
			border-radius: 0 100px 100px 0;
			text-align: left;
		}
		.main-timeline .timeline:nth-child(2n) .year{
			right: auto;
			left: 0;
		}
		.main-timeline .timeline:nth-child(2n):after{ border-right-color: #f68829; }
		.main-timeline .timeline:nth-child(3n):after{ border-left-color: #2991d0; }
		.main-timeline .timeline:nth-child(4n):after{ border-right-color: #02147f; }
		.main-timeline .timeline:nth-child(5n):after{ border-left-color: #a7be26; }
	}
	 
	@media only screen and (max-width: 479px){
		.main-timeline .timeline-content{ padding: 15px; }
		.main-timeline .inner-content{ width: 80%; }
		.main-timeline .year{ font-size: 30px; }
	}
	.tlogo img {
		display: block;
		margin: 0 auto;
		z-index: 10;
	}
	.mh5 {

		font-size: 18px !important;
		color: #555 !important;
		line-height: 1.5 !important;
		font-family: '微软雅黑' !important;
	}
	.mh4 {

		font-size: 20px !important;
		color: #02147f !important;
		line-height: 2 !important;
		font-family: '微软雅黑' !important;
		font-weight: 600;
	}