/*-----Student学生页面-----*/

/*---职位页面响应式布局---*/
/*---使用css判断屏幕等级写---*/

/*---这里放公用css样式---*/
	ul,ol,li,div {
	margin: 0;
	padding: 0;
	}
	ul,ol {
		list-style: none;
	}
	body{
		width: 100%;
		font-family:微软雅黑, Tahoma, Helvetica, Arial, 宋体, sans-serif;
		margin: 0;
		padding: 0;
	}
	li{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
	.Center{
	 	margin-left: auto;
	 	margin-right: auto;
	}
	.floatR{
		float: right;
	}
	.floatL{
		float: left;
		/*! display: none; */
	}
	.box{
		display: block;
	}
	.BackgroundGrey{
		background-color: #f5f5f5;
	}
	.clear{
		clear:both;
		font-size: 0;
		height: 1px;
	}
	.width100{
		width: 100%
	}

/*---结束---*/

@media screen and (max-width:749px) {
	body{
 		background-color: #fff;
 		margin: 0;
 		padding: 0;
 	}
 	.Navigation{
 		background-color: rgba(255,255,255,.8);
 		position: fixed;
 		top: 0;
 		width: 100%;
 		padding: 5px 0;
 		z-index: 9999;
 	}
 	.NavigationContentBox{
 		width: 1200px;
 		padding: 0 20px;
 	}
 	.NavigationContentBox a{
 		margin:0;
 		padding: 1px 0;
 	}
 	.font14{
 		font-size: 14px;
 	}
 	.Wordbox{
 		margin:0;
 	}
 	.Wordbox ul{
 		margin:0;
 	}
 	.Wordbox ul li{
 		float: left;
 		margin:0 20px;
 	}
 	.Wordbox ul li a{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #000;
 	}
 	.Wordbox ul li a:hover{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #008cd6;
 	}
 	.width{
 		width: 100%;
 	}
 	.width100 img{
 		/*! height: 850px; */
 		width: 100%;
 	}
 	.Modularbox{
 		width: 96%;
 		padding: 2%;
 	}
 	.spacing{
 		margin-top: 20px;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	footer{
 		background-color: #fff;
 	}
 	footer li{
 		padding: 5px 0;
 	}
 	footer li a{
 		color: #828282;
 	}
 	footer div{
 		width: 16.6%;
 		text-align: center;
 	}
 	.job-googl{
 		height: 40px;
 		width: 46%;
 		border: 1px solid #c9c9c9;
 		padding-left: 1%;
 		float: left;
 		margin: 1%;
 	}
 	.job-button{
 		height: 43px;
 		width: 48%;
 		border: 1px solid #008cd6;
 		/*! margin-left: 20px; */
 		background-color: #008cd6;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 		margin: 1%;
 	}
 	.schoolbox{
 		margin: 1%;
 		border:1px solid #dcdcdc;
 		width: 98%;
 		height: 320px;
 		background-color: #fff;
 		float: left;
 		position: relative;
 	}
 	.schoolbox img{
 		margin: 2%;
 		height: 145px;
 		width: 96%;
 	}
 	.school-name{
 		font-size: 18px;
 		text-align: center;
 	}
 	.schoolbox p{
 		font-size: 14px;
 		margin: 10px;
 		color: #888484;
 		/*! width: 270px; */
 		text-overflow: ellipsis;
 		overflow: hidden;
 		word-wrap: nowrap;
 		display: -webkit-box;
 		-webkit-line-clamp:3;
 		-webkit-box-orient:vertical;
 		height: 60px;
 		line-height: 20px;
 	}
 	.schoolbox button{
 		height: 35px;
 		width: 100%;
 		border: 0;
 		background-color: #008cd6;
 		color: #fff;
 		position:absolute;left:0;bottom:0;
 	}
 	.page{
 		text-align: center;
 		margin-right: 20px;
 		margin-top: 20px;
 	}
 	.page a{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #000;
 		background-color: #fff;
 	}
 	.page a:hover{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #fff;
 		background-color: #008cd6;
 	}
 	.ifheight{
			height:1060px;
		}
}


@media screen and (min-width: 750px) and (max-width:969px) {
	body{
 		background-color: #fff;
 		margin: 0;
 		padding: 0;
 	}
 	.Navigation{
 		background-color: rgba(255,255,255,.8);
 		position: fixed;
 		top: 0;
 		width: 100%;
 		padding: 5px 0;
 		z-index: 9999;
 	}
 	.NavigationContentBox{
 		width: 1200px;
 		padding: 0 20px;
 	}
 	.NavigationContentBox a{
 		margin:0;
 		padding: 1px 0;
 	}
 	.font14{
 		font-size: 14px;
 	}
 	.Wordbox{
 		margin:0;
 	}
 	.Wordbox ul{
 		margin:0;
 	}
 	.Wordbox ul li{
 		float: left;
 		margin:0 20px;
 	}
 	.Wordbox ul li a{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #000;
 	}
 	.Wordbox ul li a:hover{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #008cd6;
 	}
 	.width{
 		width: 100%;
 	}
 	.width100 img{
 		/*! height: 850px; */
 		width: 100%;
 	}
 	.Modularbox{
 		width: 730px;
 		padding: 10px;
 	}
 	.spacing{
 		margin-top: 20px;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	footer{
 		background-color: #fff;
 	}
 	footer li{
 		padding: 5px 0;
 	}
 	footer li a{
 		color: #828282;
 	}
 	footer div{
 		width: 16.6%;
 		text-align: center;
 	}
 	.job-googl{
 		height: 40px;
 		width: 165px;
 		border: 1px solid #c9c9c9;
 		padding-left: 10px;
 		float: left;
 		margin: 0 5px;
 	}
 	.job-button{
 		height: 43px;
 		width: 160px;
 		border: 1px solid #008cd6;
 		margin-left: 5px;
 		background-color: #008cd6;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 	}
 	.schoolbox{
 		margin: 5px;
 		border:1px solid #dcdcdc;
 		width: 353px;
 		height: 320px;
 		background-color: #fff;
 		float: left;
 		position: relative;
 	}
 	.schoolbox img{
 		margin: 10px;
 		height: 145px;
 		width: 335px;
 	}
 	.school-name{
 		font-size: 18px;
 		text-align: center;
 	}
 	.schoolbox p{
 		font-size: 14px;
 		margin: 10px;
 		color: #888484;
 		/*! width: 270px; */
 		text-overflow: ellipsis;
 		overflow: hidden;
 		word-wrap: nowrap;
 		display: -webkit-box;
 		-webkit-line-clamp:3;
 		-webkit-box-orient:vertical;
 		height: 60px;
 		line-height: 20px;
 	}
 	.schoolbox button{
 		height: 35px;
 		width: 100%;
 		border: 0;
 		background-color: #008cd6;
 		color: #fff;
 		position:absolute;left:0;bottom:0;
 	}
 	.page{
 		text-align: center;
 		margin-right: 20px;
 		margin-top: 20px;
 	}
 	.page a{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #000;
 		background-color: #fff;
 	}
 	.page a:hover{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #fff;
 		background-color: #008cd6;
 	}
 	.ifheight{
			height:420px;
		}
}


@media screen and (min-width: 970px) and (max-width:1199px) {
	body{
 		background-color: #fff;
 		margin: 0;
 		padding: 0;
 	}
 	.Navigation{
 		background-color: rgba(255,255,255,.8);
 		position: fixed;
 		top: 0;
 		width: 100%;
 		padding: 5px 0;
 		z-index: 9999;
 	}
 	.NavigationContentBox{
 		width: 1200px;
 		padding: 0 20px;
 	}
 	.NavigationContentBox a{
 		margin:0;
 		padding: 1px 0;
 	}
 	.font14{
 		font-size: 14px;
 	}
 	.Wordbox{
 		margin:0;
 	}
 	.Wordbox ul{
 		margin:0;
 	}
 	.Wordbox ul li{
 		float: left;
 		margin:0 20px;
 	}
 	.Wordbox ul li a{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #000;
 	}
 	.Wordbox ul li a:hover{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #008cd6;
 	}
 	.width{
 		width: 100%;
 	}
 	.width100 img{
 		/*! height: 850px; */
 		width: 100%;
 	}
 	.Modularbox{
 		width: 930px;
 		padding: 20px;
 	}
 	.spacing{
 		margin-top: 20px;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	footer{
 		background-color: #fff;
 	}
 	footer li{
 		padding: 5px 0;
 	}
 	footer li a{
 		color: #828282;
 	}
 	footer div{
 		width: 16.6%;
 		text-align: center;
 	}
 	.job-googl{
 		height: 40px;
 		width: 205px;
 		border: 1px solid #c9c9c9;
 		padding-left: 10px;
 		float: left;
 		margin: 0 5px;
 	}
 	.job-button{
 		height: 43px;
 		width: 235px;
 		border: 1px solid #008cd6;
 		margin-left: 10px;
 		background-color: #008cd6;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 	}
 	.schoolbox{
 		margin: 5px;
 		border:1px solid #dcdcdc;
 		width: 298px;
 		height: 320px;
 		background-color: #fff;
 		float: left;
 		position: relative;
 	}
 	.schoolbox img{
 		margin: 10px;
 		height: 145px;
 		width: 270px;
 	}
 	.school-name{
 		font-size: 18px;
 		text-align: center;
 	}
 	.schoolbox p{
 		font-size: 14px;
 		margin: 10px;
 		color: #888484;
 		width: 270px;
 		text-overflow: ellipsis;
 		overflow: hidden;
 		word-wrap: nowrap;
 		display: -webkit-box;
 		-webkit-line-clamp:3;
 		-webkit-box-orient:vertical;
 		height: 60px;
 		line-height: 20px;
 	}
 	.schoolbox button{
 		height: 35px;
 		width: 100%;
 		border: 0;
 		background-color: #008cd6;
 		color: #fff;
 		position:absolute;left:0;bottom:0;
 	}
 	.page{
 		text-align: center;
 		margin-right: 20px;
 		margin-top: 20px;
 	}
 	.page a{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #000;
 		background-color: #fff;
 	}
 	.page a:hover{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #fff;
 		background-color: #008cd6;
 	}
 	.ifheight{
			height:420px;
		}
}


@media screen and (min-width:1200px) {
	body{
 		background-color: #fff;
 		margin: 0;
 		padding: 0;
 	}
 	.Navigation{
 		background-color: rgba(255,255,255,.8);
 		position: fixed;
 		top: 0;
 		width: 100%;
 		padding: 5px 0;
 		z-index: 9999;
 	}
 	.NavigationContentBox{
 		width: 1200px;
 		padding: 0 20px;
 	}
 	.NavigationContentBox a{
 		margin:0;
 		padding: 1px 0;
 	}
 	.font14{
 		font-size: 14px;
 	}
 	.Wordbox{
 		margin:0;
 	}
 	.Wordbox ul{
 		margin:0;
 	}
 	.Wordbox ul li{
 		float: left;
 		margin:0 20px;
 	}
 	.Wordbox ul li a{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #000;
 	}
 	.Wordbox ul li a:hover{
 		font-size: 18px;
 		display: block;
 		line-height: 38px;
 		text-decoration: none;
 		color: #008cd6;
 	}
 	.width{
 		width: 100%;
 	}
 	.width100 img{
 		height: 850px;
 		width: 100%;
 	}
 	.Modularbox{
 		width: 1120px;
 		padding: 40px;
 	}
 	.spacing{
 		margin-top: 20px;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	footer{
 		background-color: #fff;
 	}
 	footer li{
 		padding: 5px 0;
 	}
 	footer li a{
 		color: #828282;
 	}
 	footer div{
 		width: 16.6%;
 		text-align: center;
 	}
 	.job-googl{
 		height: 40px;
 		width: 265px;
 		border: 1px solid #c9c9c9;
 		padding-left: 10px;
 		float: left;
 		margin: 0 10px;
 	}
 	.job-button{
 		height: 43px;
 		width: 213px;
 		border: 1px solid #008cd6;
 		margin-left: 10px;
 		background-color: #008cd6;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 	}
 	.schoolbox{
 		margin: 5px;
 		border:1px solid #dcdcdc;
 		width: 268px;
 		height: 320px;
 		background-color: #fff;
 		float: left;
 		position: relative;
 	}
 	.schoolbox img{
 		margin: 10px;
 		height: 145px;
 		width: 248px;
 	}
 	.school-name{
 		font-size: 18px;
 		text-align: center;
 	}
 	.schoolbox p{
 		font-size: 14px;
 		margin: 10px;
 		color: #888484;
 		/*! width: 270px; */
 		text-overflow: ellipsis;
 		overflow: hidden;
 		word-wrap: nowrap;
 		display: -webkit-box;
 		-webkit-line-clamp:3;
 		-webkit-box-orient:vertical;
 		height: 60px;
 		line-height: 20px;
 	}
 	.schoolbox button{
 		height: 35px;
 		width: 100%;
 		border: 0;
 		background-color: #008cd6;
 		color: #fff;
 		position:absolute;left:0;bottom:0;
 	}
 	.page{
 		text-align: center;
 		margin-right: 20px;
 		margin-top: 20px;
 	}
 	.page a{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #000;
 		background-color: #fff;
 	}
 	.page a:hover{
 		text-decoration: none;
 		border: 1px solid #dcdcdc;
 		cursor: pointer;
 		padding: 5px 7px;
 		margin: 0;
 		color: #fff;
 		background-color: #008cd6;
 	}
 	.ifheight{
			height:420px;
		}
 }