/*---职位页面响应式布局---*/
/*---使用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;
 	}
 	.width100 img{
 		/*! height: 500px; */
 		width: 100%;
 	}
 	.Contentdisplaybox{
 		width:98%;
 	}
 	.Job-search-box{
 		height: 40px;
 		width: 60%;
 		border: 1px solid #c9c9c9;
 		/*! padding-left: 10px; */
 		float: left;
 	}
 	.Job-search-button{
 		height: 43px;
 		width: 36%;
 		border: 1px solid #ff9600;
 		margin-left: 2%;
 		background-color: #ff9600;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 	}
 	.jobbox{
 		width: 100%;
 		border-bottom: 1px solid #eeeeee;
 	}
 	.jobboxTextWidth{
 		width :70%;
 		display: block;
 		text-align: left;
 	}
 	.jobboxtext1{
 		font-size: 20px;
 		/*! margin-left: 20px; */
 	}
 	.jobboxtext2{
 		margin-left: 20px;
 		margin-top: -70px;
 		font-size: 14px;
 		display: block;
 	}
 	.jobboxtext3{
 		margin-left: 20px;
 		margin-top: -40px;
 		font-size: 14px;
 		display: none;
 	}
 	.jobboxchakanzhiwei{
 		width: 100%;
 		height: px;
 		background-color: #ff9600;
 		display: block;
 		float:left;
 		line-height: 35px;
 		color: #fff;
 		text-align: center;
 		border: 0;
 		margin-top: 30px;
 	}
 	.jobbox img{
 		height: 100px;
 		width: 100px;
 	}
 	.rukoubox{
 		width: 100%;
 		display: block;
 	}
 	.rukoutext{
 		font-size: 20px;
 		color: #6e6e6e;
 	}
 	.rukouimg{
 		width: 33%;
 		display: block;
 		float: left;
 		text-align: center;
 		/*! margin-top: 60px; */
 	}
 	.width{
 		width: 100%;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	.ifheight{
			height:1060px;
		}
		.CGtiaomu{
		line-height: 50px;
		margin: 10px;
		padding: 0 20px;
		font-size: 18px;
		border-bottom: 1px solid #e9e9e9;
	}
	.CGtiaomu:hover{
		line-height: 50px;
		background: #f9f9f9;
		margin: 10px;
		padding: 0 20px;
		font-size: 18px;
	}
	.name{
		/*! float: left */
	}
	.shenchengriqi{
		/*! float: right; */
		text-align: center;
	}
}


@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;
 	}
 	.width100 img{
 		/*! height: 500px; */
 		width: 100%;
 	}
 	.Contentdisplaybox{
 		width:740px;
 	}
 	.Job-search-box{
 		height: 40px;
 		width: 500px;
 		border: 1px solid #c9c9c9;
 		padding-left: 10px;
 		float: left;
 	}
 	.Job-search-button{
 		height: 43px;
 		width: 193px;
 		border: 1px solid #ff9600;
 		margin-left: 10px;
 		background-color: #ff9600;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 	}
 	.jobbox{
 		width: 680px;
 		border-bottom: 1px solid #eeeeee;
 		padding: 20px;
 	}
 	.jobboxTextWidth{
 		width :580px;
 		display: block;
 	}
 	.jobboxtext1{
 		font-size: 20px;
 		margin-left: 20px;
 	}
 	.jobboxtext2{
 		margin-left: 20px;
 		margin-top: -75px;
 		font-size: 14px;
 		display: block;
 	}
 	.jobboxtext3{
 		margin-left: 20px;
 		margin-top: -50px;
 		font-size: 14px;
 		display: block;
 	}
 	.jobboxchakanzhiwei{
 		width: 150px;
 		height: 50px;
 		background-color: #ff9600;
 		display: block;
 		float:right;
 		line-height: 50px;
 		color: #fff;
 		text-align: center;
 		border: 0;
 	}
 	.jobbox img{
 		height: 100px;
 		width: 100px;
 	}
 	.rukoubox{
 		width: 100%;
 		display: block;
 	}
 	.rukoutext{
 		font-size: 18px;
 		color: #6e6e6e;
 	}
 	.rukouimg{
 		width: 33%;
 		display: block;
 		float: left;
 		text-align: center;
 		margin-top: 60px;
 	}
 	.width{
 		width: 100%;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	.ifheight{
			height:420px;
		}
		.CGtiaomu{
		line-height: 50px;
		margin: 10px;
		padding: 0 20px;
		font-size: 16px;
	}
	.CGtiaomu:hover{
		line-height: 50px;
		background: #f9f9f9;
		margin: 10px;
		padding: 0 20px;
		font-size: 18px;
	}
	.name{
		float: left
	}
	.shenchengriqi{
		float: right;
	}
}


@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;
 	}
 	.width100 img{
 		height: 500px;
 		width: 100%;
 	}
 	.Contentdisplaybox{
 		width:960px;
 	}
 	.Job-search-box{
 		height: 40px;
 		width: 700px;
 		border: 1px solid #c9c9c9;
 		padding-left: 10px;
 		float: left;
 	}
 	.Job-search-button{
 		height: 43px;
 		width: 193px;
 		border: 1px solid #ff9600;
 		margin-left: 10px;
 		background-color: #ff9600;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 	}
 	.jobbox{
 		width: 880px;
 		border-bottom: 1px solid #eeeeee;
 		padding: 20px;
 	}
 	.jobboxTextWidth{
 		width :760px;
 		display: block;
 	}
 	.jobboxtext1{
 		font-size: 20px;
 		margin-left: 20px;
 	}
 	.jobboxtext2{
 		margin-left: 20px;
 		margin-top: -70px;
 		font-size: 14px;
 		display: block;
 	}
 	.jobboxtext3{
 		margin-left: 20px;
 		margin-top: -40px;
 		font-size: 14px;
 		display: block;
 	}
 	.jobboxchakanzhiwei{
 		width: 150px;
 		height: 50px;
 		background-color: #ff9600;
 		display: block;
 		float:right;
 		line-height: 50px;
 		color: #fff;
 		text-align: center;
 		border: 0;
 	}
 	.jobbox img{
 		height: 100px;
 		width: 100px;
 	}
 	.rukoubox{
 		width: 100%;
 		display: block;
 	}
 	.rukoutext{
 		font-size: 20px;
 		color: #6e6e6e;
 	}
 	.rukouimg{
 		width: 33%;
 		display: block;
 		float: left;
 		text-align: center;
 		margin-top: 60px;
 	}
 	.width{
 		width: 100%;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	.ifheight{
			height:420px;
		}
			.CGtiaomu{
		line-height: 50px;
		margin: 10px;
		padding: 0 20px;
		font-size: 18px;
	}
	.CGtiaomu:hover{
		line-height: 50px;
		background: #f9f9f9;
		margin: 10px;
		padding: 0 20px;
		font-size: 18px;
	}
	.name{
		float: left
	}
	.shenchengriqi{
		float: right;
	}
}


@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;
 	}
 	.width100 img{
 		height: 500px;
 		width: 100%;
 	}
 	.Contentdisplaybox{
 		width:1200px;
 	}
 	.Job-search-box{
 		height: 40px;
 		width: 800px;
 		border: 1px solid #c9c9c9;
 		padding-left: 10px;
 		float: left;
 		margin-left: 40px;
 	}
 	.Job-search-button{
 		height: 43px;
 		width: 293px;
 		border: 1px solid #ff9600;
 		margin-left: 10px;
 		background-color: #ff9600;
 		color: #fff;
 		font-size: 18px;
 		font-weight: bolder;
 	}
 	.jobbox{
 		width: 1080px;
 		border-bottom: 1px solid #eeeeee;
 		padding: 20px;
 	}
 	.jobboxTextWidth{
 		width :960px;
 		display: block;
 	}
 	.jobboxtext1{
 		font-size: 20px;
 		margin-left: 20px;
 	}
 	.jobboxtext2{
 		margin-left: 20px;
 		margin-top: -70px;
 		font-size: 14px;
 		display: block;
 	}
 	.jobboxtext3{
 		margin-left: 20px;
 		margin-top: -40px;
 		font-size: 14px;
 		display: block;
 	}
 	.jobboxchakanzhiwei{
 		width: 150px;
 		height: 50px;
 		background-color: #ff9600;
 		display: block;
 		float:right;
 		line-height: 50px;
 		color: #fff;
 		text-align: center;
 		border: 0;
 	}
 	.jobbox img{
 		height: 100px;
 		width: 100px;
 	}
 	.rukoubox{
 		width: 1120px;
 		display: block;
 	}
 	.rukoutext{
 		font-size: 20px;
 		color: #6e6e6e;
 	}
 	.rukouimg{
 		width: 33%;
 		display: block;
 		float: left;
 		text-align: center;
 		margin-top: 60px;
 	}
 	.width{
 		width: 100%;
 	}
 	.Pagewidth{
 		width: 1200px;
 	}
 	.ifheight{
			height:420px;
		}
	.CGtiaomu{
		line-height: 50px;
		margin: 10px;
		padding: 0 20px;
		font-size: 18px;
	}
	.CGtiaomu:hover{
		line-height: 50px;
		background: #f9f9f9;
		margin: 10px;
		padding: 0 20px;
		font-size: 18px;
	}
	.name{
		float: left
	}
	.shenchengriqi{
		float: right;
	}
}