.wrap{
	width:1172px;
}
.banner{
	height:451px;
	background: url(404.png) center center no-repeat;
}
.red-title{
	color: #b31b1b;
	padding:10px 0;
	font-weight: 700;
}
.intro .title{
	text-align: center;
	padding:30px 0;
}
.intro .content{
	height: 10.8em;
	overflow: hidden;
}
.intro .unfold{
	font-size: 16px;
	display: block;
	text-align: center;
	width: 5em;
	margin:20px auto;
	background: url(404.png) right center no-repeat;
}
.intro .unfold.fold{
	background: url(404.png) right center no-repeat;

}
.campus .cleft{
	width: 288px;
	height: 288px;
	float: left;

}
.campus .ccenter{
	width: 571px;
	height: 586px;
	float: left;
	margin-left: 10px;
}
.campus .cright{
	width: 293px;
	height: 293px;
	float: right;
}
.campus a{
	display: block;
	position: relative;
	height: 288px;
	width: 288px;
	margin-bottom: 10px;
}

.campus a p{
	position: absolute;
}
.campus .pic,.campus .label{
	top:0;
	left: 0;
	height: 288px;
	width: 288px;
}
.campus .pic{
	background-repeat: none;
	background-position: center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	z-index: 0;
}
.campus a:hover .pic{
	-webkit-background-size: auto 120%;
	background-size: auto 110%;
	transition: background-size .2s;
}
.campus .label{
	background: url(404.png) center bottom no-repeat;
	z-index: 1;
}

.campus .text{
	width:80%;
	height:3.6em;
	bottom: 1em;
	left:10%;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	z-index: 2;
}
.campus .ccenter a,.campus .ccenter .pic,.campus .ccenter .label{
	height: 586px;
	width: 571px;
}

.campus .ccenter .label{
	background-image: url(404.png);
}
.campus .ccenter .text{
	font-size:25px;
}

.maps{
	background: #f6f6f6;
	border-top:1px solid #e7e7e7;
	margin-top: 120px;
		padding-bottom: 30px;
}

.maps .wrap{
	position: relative;
}
.maps .cleft{
	width:636px;
	float: left;
}

.maps #map-container{
	height: 226px;
}

.maps .cright{
	width: 480px;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	background: #fff;
	position: absolute;
	right:0;
	top:-40px;
padding-bottom: 30px;
}
.maps .cright .content{
	padding:21px 50px;
}
.maps .cright .content p{
	padding:5px 0;
}
.maps .cright .title{
	background: #fff url(404.png) center center no-repeat;
	height: 96px;
	margin-top: -38px;
}

.president{
	background: #191b1b;
	padding-bottom: 80px;
}

.president>.wrap>.title{
	color: #7d7f80;
	padding:50px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.president .cleft{
	width: 599px;
	height: 503px;
	float: left;
	background: #212727;
	color: #fff;
	
}
.president .cleft .title{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding:30px 0;
}
.president .cleft .content{
	padding:0px 50px;
	font-weight: 700;
}
.president .cright{
	width: 573px;
	height: 503px;
	float: right;
}

.elegant{
margin-top: 30px;
margin-bottom: 80px;
}
.elegant .title{
	padding:30px 0;
	position: relative;
}
.elegant .title .more{
	position: absolute;
	right: 0px;
}
.elegant .cleft{
	float: left;
	width: 570px;
}

.elegant .cleft .title .more{
	right: 35px;
}


.elegant .cleft li{
	margin-right: 25px;
	width: 255;
	float: left;
}

.elegant .cright{
	float: right;
	width: 570px;
}
.elegant .cright .title{
	margin-left: 35px;
}
.elegant .cright li{
	margin-left: 25px;
	width: 255;
	float: right;
}