@charset "UTF-8";

.ftr {
	width: 100%;
	height: 234px;
	background: #000;
	font-size: 13px;
	color: #fff;
}
.ftr *{
	box-sizing:border-box;
}
.ftr a{
	text-decoration:none;
}
.ftr.w100{
	width:100%;
}
.ftr .w1000{
	width:1000px;
	margin:0 auto;
}

.ftrCap {
	height: 55px;
	padding-top: 22px;
	text-align: center;
}
.archWrp {
	height: 125px;
	border-top: 1px solid #212121;
	border-bottom: 1px solid #212121;
}

.year {
	float: left;
	width: 125px;
	height: 123px;
	line-height: 123px;
	text-align: center;
	color: #212121;
	border-left: 1px solid #212121;
	background: #000;
	display: block;
}
.year:last-child {
	border-right: 1px solid #212121;
}
.year a {
	color: #fff;
	display: block;
	background: #000;
}
.thisYear {
	background: #212121!important;
	color: #fff!important;
}
.year a:hover {
	background: #777!important;
	color: #fff!important;
}


.crd {
	text-align: center;
	height: 54px;
	line-height: 54px;
}

@media screen and ( max-width: 768px ) {
	.ftr.w100{
		height:auto;
	}
	.ftr .w1000{
		width:100%;
	}
	.year {
		width: 25%;
		height:auto;
	}
.crd {

	display: inline-block;
	}

}