@CHARSET "UTF-8";
html,body {
		min-width: 1200px;
	}
/*title*/

.title {
	text-align: center;
	height: 200px;
	padding-top:45px;
	color:#ffffff;
	background: url(../../img/about/bbs_02.jpg);
}
.title h3{
	font-size: 30px;
	margin: 0;
	margin-bottom: 30px;
}
.title b {
	width: 80px;
	margin: 0 auto 25px;
	display: block;
	border-top: 4px solid #9bc1ff;
}
/*title*/	
		.main {
			width: 960px;
			margin: 0 auto;
			padding-bottom:200px;
		}
		h2 {
			text-align: center;
			margin-bottom: -50px;
		}
		.year {
			text-align: center;
			position: relative;
			margin-top: 65px;
		}
		.year h3 {
			margin-bottom: 0;
			background: #FFFFFF;
			padding-top: 5px;
			margin-top: 0;
		}
		.year::before {
		 	content: '';
		  	position: absolute;
		  	top: 60px;
		  	margin-left: -2px;
		 	height: 100%;
		  	width: 4px;
		  	background: #d7e4ed;
		  	z-index: -1;
		}
		.year>span{
			display: inline-block;
			width: 46px;
			height: 46px;
			background: url(../../img/about/img1.jpg);	
		}	
		.mainContent {
			position: relative;
		}
		.mainContent>span {
			display: inline-block;
			width: 20px;
			height: 20px;
			background: #ffffff url(../../img/about/img2.jpg) no-repeat center center;
			padding: 12px 0;
			margin-top: 70px;
			
		}
		.listContent {
			width: 420px;
			height: 130px;
			box-sizing: border-box;
			padding: 25px 30px 25px 25px;
			position: absolute;
			top: 30px;
			background: #f1f1f3;
			overflow:hidden;
		}
		.listContent img{
			width: 120px;
			height: 75px;
			margin-right:15px;
			float:left;
		}
		.listContent p {
			margin: 0;
			text-align: left;
			color: #59595b;
			font-size: 12px;
			line-height: 22px;
		}
		.year .mainContent:nth-child(2n) .listContent{
			left: 540px;
		}
		.year .mainContent:nth-child(2n) .date{
			left: 435px;
		}
		.date {
			width: 30px;
			height: 30px;
			position: absolute;
			top: 75px;
			left: 495px;
			color: #115cd1;
			font-weight: bold;
		}