@charset "utf-8";
/* CSS Document */
/*
* * @ 516
* * _(:з」∠)_
*/

/* - main - 默认中部 - */
.main {
	z-index: 1;
	width: 100%;
	height: auto;
}

.main8 {
	z-index: 2;
	width: 500px;
	height: auto;
	background-color: #FFFFFF;
}
.main81 {
	z-index: 2;
	width: 1230px;
	height: auto;
}
.main88 {
	z-index: 2;
	width: 100%;
	height: auto;
	background-image: url(/index/xs_bg.jpg);
}

/* - main-slider - */
.main-slider {
	width: 100%;
	height: auto;
	max-height: calc(49.4rem / 1.2);
	overflow: hidden;
}

.swiper-container,
.swiper-wrapper,
.swiper-slide,
.swiper-slide img {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 500px) {
    .swiper-slide img {
		height: calc(21rem / 1.2);
	}
}

/* - main-content - */
.main-content {
	margin: calc(1.2rem / 1.2) auto;
	width: calc(125rem / 1.2);
	height: auto;
	background-color: #f6f7f6;
}


@media screen and (max-width: 500px) {
    .main-content {
		width: 100%;
	}
}

.news-list {
	height: auto;
}

.news-list:not(:last-child) {
	margin-bottom: calc(1.2rem / 1.2);
}

.hotNews,
.topicColumn {
	width: calc(100% - 2rem / 1.2);
}

.collegeNews,
.announcement {
	width: calc(50% - 3.2rem / 1.2);
	height: calc(35rem / 1.2);
	overflow: hidden;
}

.collegeNews {
	float: left;
	margin-right: calc(2.4rem / 1.2);
}

@media screen and (max-width: 500px) {
    .news-list {
		margin: 0 4%;
		width: calc(92% - 2rem / 1.2);
	}
}

/* - quickNav - */
.quickNav {
	width: 100%;
	height: calc(12rem / 1.2);
	box-shadow: 0 0 calc(.1rem / 1.2) #333;
}

.quickNav-hide {
	display: none;
	box-shadow: 0 0 calc(.1rem / 1.2) #333;
}

@media screen and (max-width: 500px) {
    .quickNav {
		display: none;
	}

	.quickNav-hide {
		display: block;
	}
}

.quickNav > h3 {
	float: left;
	padding: calc(1.2rem / 1.2) calc(2.8rem / 1.2);
	width: calc(1.4rem / 1.2);
	color: #fff;
	font-size: calc(1.4rem / 1.2);
	line-height: calc(2.4rem / 1.2);
	background-color: #3174BF;
}

.quickNav ul {
	float: right;
	padding: calc(1rem / 1.2) 0;
	width: calc(100% - 7rem / 1.2);
	height: calc(10rem / 1.2);
}

.quickNav-hide .news-list-content {
	padding: calc(1rem / 1.2) 0;
	width: 100%;
	height: auto;
}

.quickNav ul li {
	float: left;
	margin-left: calc(2.6rem / 1.2);
	width: calc(7.8rem / 1.2);
	height: 100%;
}

.quickNav-hide .news-list-content li {
	float: left;
	margin-bottom: calc(1rem / 1.2);
	width: calc(100% / 4);
	height: auto;
}

.quickNav ul li a,
.quickNav-hide .news-list-content li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	overflow: hidden;
}

.quickNav-hide .news-list-content li a {
	color: #333;
	text-align: center;
}

.quickNav ul li a:hover img {
	transform: scale(1.1);
}
 
.quickNav ul li a img {
	width: 100%;
	height: calc(7.8rem / 1.2);
	border-radius: 50%;
}

.quickNav-hide .news-list-content li a img {
	width: 60%;
	height: auto;
}

.quickNav ul li a h3 {
	position: relative;
	width: 100%;
	color: #333131;
	font-weight: 500;
	font-size: calc(1.4rem / 1.2);
	text-align: center;
	line-height: calc(2.2rem / 1.2);
}

.quickNav-hide .news-list-content li a h3 {
	font-size: calc(1.4rem / 1.2);
	line-height: calc(2.4rem / 1.2);
}