@charset "utf-8";

/* CSS Document */
.aisleList1 {
	display: none;
}

#main {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 991;
}

.iosSliderDemo {
	clear: both;
	width: 100%;
	/* padding: 0 0 30% 0; */
	padding: 0 0 460px;
	position: relative;
}

.fluidHeight {
	position: absolute;
	width: 100%;
	height: 460px;
}

.sliderContainer {
	height: 100%;
	max-height: 460px;
	padding: 0 0;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	/* PKU	width: 1200px; */
	width: 100%;
	max-width: 1380px;
	height: 100%;
	padding: 0 0 0 0;
	text-align: center;
}

.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 0 10px -5px #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iosSlider .slider .item .inner img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
}

.iosSlider .slider .item .inner .selectorShadow {
	position: absolute;
	left: 0;
	bottom: 0;
	/*background: url(../_img/selector-shadow.png) no-repeat 0 0;*/
	width: 120px;
	height: 30px;
	display: none;
}

.iosSlider .slider .item .inner .text1-bg {
	/*opacity: 0;
	filter: alpha(opacity=0);

   background: none repeat scroll 0 0 #000000;
	position: absolute;

	bottom: 12%;
	padding: 0 12px 0 12px;
	height:50px;
	text-align: left;*/
}

.iosSlider .slider .item .inner .text1 {
	/*opacity: 0;
	filter: alpha(opacity=0);

	position: absolute;

	bottom: 12%;
	padding: 0 12px 0 12px;
	height:50px;
	text-align: left;*/
}

.iosSlider .slider .item .inner .text1 span {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	line-height: 50px;
	padding: 0 8px;
	font-family: "Microsoft Yahei";
}

.iosSlider .slider .item .inner .text1 span i {
	margin: 0 0 0 5px;
}

.iosSlider .slider .item .inner .text2 {
	background: none repeat scroll 0 0 #000000;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 10px 12px 10px;
	position: absolute;
	left: 100px;
	/* PKU	top: 301px; */
	top: 451px;
	text-align: left;
}

.iosSlider .slider .item .inner .text2 span {
	display: block;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 100;
	padding: 0 8px;
	font-family: "Microsoft Yahei"
}

.iosSlider .slider .item .inner .more {
	/*	opacity: 0.3;  zb */
	opacity: 0.4;
	background: none repeat scroll 0 0 #fff;
	position: absolute;
	bottom: 6%;
	right: 0;
	/*	padding: 0 5px; zb */
	padding: 0 5px 0 2px;
	height: 25px;
	width: 55px;
	z-index: 2;
	text-align: center;
}

.iosSlider .slider .item .inner .more a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	font-family: "微软雅黑"
}

.sliderContainer .slideSelectors {
	position: relative;
	bottom: 28px;
	/* PKU	left: 0;
	width: 137px; */
	width: 160px;
	margin: 0 auto;
	z-index: 1;
	height: 13px;
}

.sliderContainer .slideSelectors .prev {
	float: left;
	width: 11px;
	height: 11px;
	background: url(../../images/gb2017/arrow_left.png) no-repeat 50% 0;
}

.sliderContainer .slideSelectors .next {
	float: left;
	width: 11px;
	height: 11px;
	margin: 0 0 0 10px;
	background: url(../../images/gb2017/arrow_right.png) no-repeat 50% 0;
}

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	/*background: #8c0000;*/
	margin: 1px 1px 1px 11px;
	border: 1px solid #8c0000;
	/* opacity: 0.25; */
	/*filter: alpha(opacity=25);*/
	border-radius: 50%;
}

.sliderContainer .slideSelectors .item.first {
	margin-left: 1px;
}

.sliderContainer .slideSelectors .selected {
	width: 11px;
	height: 11px;
	margin: 0 0 0 10px;
	background: #8c0000;
	border: 1px solid #8c0000;
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: none;
}

.sliderContainer .slideSelectors .selected.first {
	margin-left: 0;
}

.sliderContainer .scrollbarContainer {
	position: relative;
	bottom: 4px;
	left: 0;
	/* PKU
	width: 1024px;
*/
	height: 4px;
	margin: 0 auto;
	z-index: 1;
}

.content {
	width: 100%;
	overflow: hidden;
	margin: 30px auto 0;
}

.mode01 {
	max-width: 1200px;
	margin: 0px auto 30px;
	overflow: hidden;
}

.mode01 .lf {
	float: left;
	width: 63.75%;
	overflow: hidden;
}

.mode01 .rt {
	float: right;
	width: 31.75%;
	overflow: hidden;
}

.articleList01 {
	overflow: hidden;
}

.title01 {
	margin-bottom: 30px;
	position: relative;
	border-bottom: 2px solid #bfbfbf;
	z-index: 1;
	/*background: url(../../images/gb2017/title_bg.png) no-repeat left bottom;*/
	height: 40px;
}

.title01 h2 {
	height: 38px;
	overflow: hidden;
	position: absolute;
	bottom: -2px;
}

.titleRight {
	float: right;
	*width: 100px;
}

.news {
	margin-right: 10px;
	color: #8c0000;
	font-size: 14px;
	padding-top: 5px;
	display: inline-block;
	*display: inline;
	*float: left;
}

.title01 .more {
	float: right;
}

/*石大新闻*/
.newsList {
	overflow: hidden;
}

.newsList .newsLf {
	float: left;
	width: 58.82%;
	overflow: hidden;
}

.newsList .newsRt {
	float: right;
	width: 38.30%;
	overflow: hidden;
}

.newsImgList {
	overflow: hidden;
}

.newsImgList a {
	display: block;
}

.newsImg {
	height: 0;
	padding-bottom: 67%;
	overflow: hidden;
	background: #ccc;
}

.newsImg img {
	width: 100%;
	display: block;
}

.newsInfo {
	position: relative;
	margin-top: 8px;
	height: 48px;
	overflow: hidden;
}

.newsInfo i {
	font-style: normal;
	line-height: 24px;
	font-size: 16px;
	display: inline-block;
	margin-right: 12%;
	overflow: hidden;
}

.newsInfo .rightDate {
	position: absolute;
	color: #8c0000;
	font-size: 14px;
	font-family: 'Cambria';
	bottom: 0;
	right: 0;
}

.newsList {
	overflow: hidden;
}

.newsList li {
	margin-bottom: 23px;
	overflow: hidden;
}

.newsList li:last-child {
	margin-bottom: 0;
}

.newsList li .leftDate {
	float: left;
	height: 33px;
	width: 53px;
	color: #8c0000;
	font-size: 18px;
	font-style: italic;
	font-family: 'Arial';
}

.newsList li a {
	font-size: 14px;
	line-height: 20px;
	margin-left: 58px;
	display: block;
	height: 40px;
	overflow: hidden;
	*margin-left: 0;
	*display: inline;
	*float: right;
}

/*通知公告*/
.noticeList {
	overflow: hidden;
}

.noticeList li {
	margin-bottom: 23px;
	overflow: hidden;
}

.noticeList li:last-child {
	margin-bottom: 0;
}

.noticeList li .leftDate {
	float: left;
	height: 33px;
	width: 90px;
	color: #8c0000;
	font-size: 18px;
	font-style: italic;
	font-family: 'Arial';
	border-right: 1px solid #ddd;
	line-height: 28px;
}

.noticeList li .leftDate strong {
	color: #8c0000;
	font-weight: bold;
}

.noticeList li .leftDate i {
	font-size: 12px;
	color: #8c0000;
}

.noticeList li a {
	font-size: 14px;
	line-height: 20px;
	margin-left: 100px;
	display: block;
	height: 40px;
	overflow: hidden;
	*margin-left: 0;
	*display: inline;
	*float: right;
}

.wrap_mode02 {
	width: 100%;
	overflow: hidden;
	margin: 30px auto 18px;
	background: #edeff2;
}

.mode02 {
	max-width: 1200px;
	margin: 30px auto;
	overflow: hidden;
}

.mode02 .lf {
	float: left;
	width: 63.75%;
	overflow: hidden;
}

.mode02 .rt {
	float: right;
	width: 31.75%;
	overflow: hidden;
}

.AcademicList {
	overflow: hidden;
}

.AcademicList li {
	width: 25%;
	float: left;
}

.AcademicList li a {
	display: block;
	margin: 0 2% 4px 0;
}

.AcademicList li img {
	display: block;
	width: 100%;
}

.academic01 {
	position: relative;
}

.academicInfo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../../images/gb2017/aca_bg.png) repeat;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-ms-opacity: 0;
	transition: 1s;
	-webkit-transition: ease 1s;
	-o-transition: all ease 1s;
	-moz-transition: ease 1s;
}

.academicInfo p {
	color: #fff;
	font-size: 14px;
	padding: 23px;
	line-height: 22px;
}

.AcademicList li:hover .academicInfo {
	opacity: 1;
	filter: alpha(opacity=100);
}

.academicImg {
	overflow: hidden;
	height: 0;
	padding-bottom: 66%;
	background: #d8494a;
}

.academicImg img {
	width: 100%;
	display: block;
}

.academicImg01 {
	background: url(../../images/gb2017/aca02.png) no-repeat center top;
	background-size: 100% 100%;
	padding-bottom: 66%;
	height: 0;
}

.academicImg03 {
	background: url(../../images/gb2017/aca03.png) no-repeat center top;
	background-size: 100% 100%;
	padding-bottom: 66%;
	height: 0;
}

.academicImg04 {
	background: url(../../images/gb2017/aca04.png) no-repeat center top;
	background-size: 100% 100%;
	padding-bottom: 66%;
	height: 0;
}

.academicImg01 p {
	color: #fff;
	font-size: 14px;
	padding: 23px;
	line-height: 22px;
}


.academicInfo01 {
	overflow: hidden;
	height: 0;
	padding-bottom: 66%;
	background: #d8494a;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-ms-opacity: 0;
	transition: 1s;
	-webkit-transition: ease 1s;
	-o-transition: all ease 1s;
	-moz-transition: ease 1s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.academicInfo01 img {
	width: 100%;
	display: block;
}

.AcademicList li:hover .academicInfo01 {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*校园文化*/
.campusList {
	overflow: hidden;
}

.campusList li {
	margin-bottom: 14px;
}

.campusList li a {
	display: block;
}

.campus01 {
	height: 75px;
	overflow: hidden;
}

.campusImg {
	width: 111px;
	float: left;
	height: 0;
	padding-bottom: 20%;
	background: #ccc;
}

.campusImg img {
	display: block;
}

.campusInfo {
	margin-left: 111px;
	height: 75px;
	background: #fff;
}

.campusInfo01 {
	padding: 10px;
}

.campusInfo01 h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	height: 40px;
	overflow: hidden;
}

.campusInfo01 .leftDate {
	display: block;
	font-size: 12px;
	margin-top: 2px;
}

.campusList li a:hover .campusInfo {
	background: #b8a7a7;
}

.campusList li a:hover .campusInfo01 h2 {
	color: #fff;
}

.campusList li a:hover .campusInfo01 .leftDate {
	color: #fff;
}



.mode03 {
	max-width: 1200px;
	margin: 0px auto;
	overflow: hidden;
}

/*专题*/
.topicList {
	overflow: hidden;
	padding-top: 39px;
}

.topicTitle {
	float: left;
	width: 200px;
	height: 125px;
	background: #8c0000;
	line-height: 125px;
	text-align: center;
}

.topicTitle h2 {
	padding-top: 23px;
	height: 100px;
}

.topicTitle h2 img {}

.bx-wrapper {
	height: 121px;
	margin-left: 200px;
	border-top: 2px solid #8c0000;
	border-bottom: 2px solid #8c0000;
}

/*快速通道*/
.mode04 {
	max-width: 1200px;
	margin: 37px auto 30px;
	overflow: hidden;
}

.title02 {
	margin-bottom: 15px;
	position: relative;
	border-bottom: 2px solid #bfbfbf;
	z-index: 1;
	/*background: url(../../images/gb2017/title_bg.png) no-repeat left bottom;*/
	height: 40px;
}

.title02 h2 {
	height: 38px;
	overflow: hidden;
	position: absolute;
	bottom: -2px;
}

.articleList02 .bx-wrapper {
	margin-left: 0;
	height: 166px;
	border-top: none;
	border-bottom: none;
}

.mode04 .bx-controls {
	display: none;
}

.bx-wrapper .bx-controls-direction a {
	top: -18%;
}

.aisleList {
	overflow: hidden;
}

.aisleList li {
	float: left;
	width: 20%;
	height: auto;
	line-height: 55px;
	margin-bottom: 3px;
}

.aisleList li a {
	display: block;
	height: 55px;
}

.aisleList li a {
	display: block;
	padding-left: 96px;
	color: #fff;
	font-size: 14px;
}

/*
.aisleList li a{background: url(../../images/gb2017/icon01.png) no-repeat 40px 6px;}
.aisleList li.ais2 a{background: url(../../images/gb2017/icon02.png) no-repeat 40px 6px;}
.aisleList li.ais3 a{background: url(../../images/gb2017/icon03.png) no-repeat 40px 6px;}
.aisleList li.ais4 a{background: url(../../images/gb2017/icon04.png) no-repeat 40px 6px;}
.aisleList li.ais5 a{background: url(../../images/gb2017/icon05.png) no-repeat 40px 6px;}
.aisleList li.ais6 a{background: url(../../images/gb2017/icon10.png) no-repeat 40px 6px;}
.aisleList li.ais7 a{background: url(../../images/gb2017/icon11.png) no-repeat 40px 6px;}
.aisleList li.ais8 a{background: url(../../images/gb2017/icon13.png) no-repeat 40px 6px;}
.aisleList li.ais12 a{line-height: 17px;height: 55px;padding-left: 84px;font-size: 10px;height: 45px;padding-top: 10px;background: url(../../images/gb2017/icon12.png) no-repeat 22px 6px;padding-right: 32px;}
.aisleList li.ais10 a{background: url(../../images/gb2017/icon14.png) no-repeat 40px 6px;}*/
/*.aisleList li.ais1{background-color: #923b3b;}
.aisleList li.ais2{background-color: #b95354;}
.aisleList li.ais3{background-color: #d68e8e;}
.aisleList li.ais4{background-color: #b95354;}
.aisleList li.ais5{background-color: #923b3b;}
.aisleList li.ais6{background-color: #b95354;}
.aisleList li.ais7{background-color: #d68e8e;}
.aisleList li.ais8{background-color: #923b3b;}
.aisleList li.ais9{background-color: #d68e8e;}
.aisleList li.ais10{background-color: #b95354;}
*/

.aisleList li a.ais1 {
	background: url(../../images/gb2017/icon01.png) no-repeat 40px 6px;
}

.aisleList li a.ais2 {
	background: url(../../images/gb2017/icon02.png) no-repeat 40px 6px;
}

.aisleList li a.ais3 {
	background: url(../../images/gb2017/icon03.png) no-repeat 40px 6px;
}

.aisleList li a.ais4 {
	background: url(../../images/gb2017/icon04.png) no-repeat 40px 6px;
}

.aisleList li a.ais5 {
	background: url(../../images/gb2017/icon05.png) no-repeat 40px 6px;
}

.aisleList li a.ais6 {
	background: url(../../images/gb2017/icon06.png) no-repeat 40px 6px;
}

.aisleList li a.ais7 {
	background: url(../../images/gb2017/icon07.png) no-repeat 40px 6px;
}

.aisleList li a.ais8 {
	background: url(../../images/gb2017/icon08.png) no-repeat 40px 6px;
}

.aisleList li a.ais9 {
	background: url(../../images/gb2017/icon09.png) no-repeat 40px 6px;
	line-height: 17px;
	height: 55px;
	font-size: 12px;
	height: 45px;
	padding-top: 10px;
	padding-right: 10px;
}

.aisleList li a.ais10 {
	background: url(../../images/gb2017/icon10.png) no-repeat 40px 6px;
}

.aisleList li a.ais11 {
	background: url(../../images/gb2017/icon11.png) no-repeat 40px 6px;
}

.aisleList li a.ais12 {
	background: url(../../images/gb2017/icon12.png) no-repeat 40px 6px;
}

.aisleList li a.ais12 {
	background: url(../images/icon12.png) no-repeat 40px 6px;
}

.aisleList li a.add1 {
	background: url(../images/add1.png) no-repeat 40px 6px;
}

.aisleList li a.add2 {
	background: url(../images/add2.png) no-repeat 40px 6px;
}

.aisleList li a.add3 {
	background: url(../images/add3.png) no-repeat 40px 6px;
}

.aisleList li a.ais1 {
	background-color: #d68e8e;
}

.aisleList li a.ais2 {
	background-color: #b95354;
}

.aisleList li a.ais3 {
	background-color: #b95354;
}

.aisleList li a.ais4 {
	background-color: #d68e8e;
}

.aisleList li a.ais5 {
	background-color: #d68e8e;
}

.aisleList li a.ais6 {
	background-color: #b95354;
}

.aisleList li a.ais7 {
	background-color: #b95354;
}

.aisleList li a.ais8 {
	background-color: #d68e8e;
}

.aisleList li a.ais9 {
	background-color: #d68e8e;
}

.aisleList li a.ais10 {
	background-color: #b95354;
}

.aisleList li a.ais11 {
	background-color: #d68e8e;
}

.aisleList li a.ais12 {
	background-color: #b95354;
}

.aisleList li a.add1 {
	background-color: #b95354;
}

.aisleList li a.add2 {
	background-color: #b95354;
}

.aisleList li a.add3 {
	background-color: #d68e8e;
}

.mode04 .bx-wrapper .bx-controls-direction a {
	top: -30%;
}

@media screen and (max-width:1200px) {
	.articleList02 .bx-wrapper {
		display: none;
	}

	.aisleList1 {
		display: block;
	}

	.sliderContainer {
		max-height: auto;
	}

	.content {
		width: 100%;
	}

	.mode01, .mode02, .mode03, .mode04 {
		width: 92%;
	}

	.newsList li {
		margin-bottom: 17px;
	}

	.noticeList li {
		margin-bottom: 17px;
	}

	.mode02 .lf {
		float: none;
		width: 100%;
		overflow: hidden;
	}

	.mode02 .rt {
		float: none;
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
	}

	.campusList li {
		width: 33.33%;
		float: left;
	}

	.campusList li a {
		margin: 0 2%;
	}

	/*.aisleList li a{padding-left:66px;}*/
	.aisleList li.ais1 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais2 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais3 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais4 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais5 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais6 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais7 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais8 a {
		background-position: 10px 6px;
	}

	.aisleList li.ais9 a {
		background-position: 10px 6px;
		padding-left: 68px;
	}

	.aisleList li.ais10 a {
		background-position: 10px 6px;
	}

	.aisleList li {
		width: 33.33%;
	}


}

@media screen and (max-width:1000px) {
	.newsInfo .rightDate {
		position: static;
		margin-top: 9px;
		display: block;
	}

	.mode01 .lf {
		float: none;
		width: 100%;
	}

	.mode01 .rt {
		float: none;
		width: 100%;
		margin-top: 30px
	}

	.newsList li {
		margin-bottom: 32px;
	}

	.noticeList li {
		float: left;
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}

	/*.aisleList li a{padding-left:59px;}*/

	.aisleList li.ais3 a {
		padding-right: 14px;
	}

	.aisleList li.ais12 a {
		font-size: 0.5em;
	}

	.aisleList li.ais9 a {
		padding-left: 58px;
		padding-right: 0;
	}
}

@media screen and (max-width:900px) {
	.newsList li {
		margin-bottom: 28px;
	}
}

@media screen and (max-width: 800px) {
	.newsList li {
		margin-bottom: 18px;
	}

	.campusList li {
		width: 100%;
		float: none;
	}

	.campusList li a {
		margin: 0 0;
	}

	.academicImg01 p {
		padding: 6px;
	}

	.academicImg p {
		padding: 6px;
	}

	.topicTitle {
		width: 90px;
	}

	.topicTitle h2 {
		padding-top: 16px;
	}

	.bx-wrapper {
		margin-left: 90px;
	}

	.aisleList li {
		width: 50%;
	}


}

@media screen and (max-width:640px) {
	.newsList .newsLf {
		float: none;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
	}

	.newsList .newsRt {
		float: none;
		width: 100%;
		overflow: hidden;
		margin: 20px auto 0;
	}

	.newsList li {
		margin-bottom: 14px;
	}

	.noticeList li {
		float: none;
		width: 100%;
	}

	.news {
		display: none;
	}

	.AcademicList li {
		width: 50%;
		margin-bottom: 10px;
	}

	.AcademicList li a {}

	.academicImg01 p {
		padding: 23px;
	}

	.academicImg p {
		padding: 23px;
	}


}

@media screen and (max-width:480px) {
	.topicTitle {
		width: 60px;
	}

	.bx-wrapper {
		margin-left: 60px;
	}

	.topicTitle h2 {
		padding-top: 10px;
	}

	.academicImg01 p {
		padding: 15px
	}

	.academicImg p {
		padding: 15px
	}

	.aisleList li {
		width: 100%;
	}

	.aisleList li.ais1 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais2 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais3 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais4 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais5 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais6 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais7 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais8 a {
		background-position: 7px 6px;
	}

	.aisleList li.ais9 a {
		background-position: 2px 6px;
		padding-left: 45px;
	}

	.aisleList li.ais10 a {
		background-position: 7px 6px;
	}

}


@media screen

/*and (min-width:320px)*/
and (max-width:360px) {
	.academicImg01 p {
		padding: 7px;
	}

	.academicImg p {
		padding: 7px;
	}
}