﻿#middle{
	width: 100%;
	padding-top: 88px;
}

.lbt-div{
	width: 100%;
	height: 500px;
	background: url(/cms/templates/320556956114700000/images/banner.jpg)no-repeat center;
}
.banner-out{
	margin: 0 auto;
	padding-top: 74px;
	letter-spacing: 1px;
	color: #ffffff;
}
.banner-tit{
	font-size: 44px;
	font-weight: bold;
}
.banner-text{
	font-size: 24px;
	margin-top: 40px;
}
.banner-p{
	display: none;
}

/* 二级导航 */
.mid-nav{
	height: 84px;
	border-bottom: 1px solid #eaeaea;
	position: sticky;
	top: 89px;
	background: #ffffff;
	z-index: 100;
}
.mid-nav-box{
	margin: 0 auto;
}
.mid-nav-box ul li{
	float: left;
	margin-right: 80px;
	font-size: 20px;
}
.mid-nav-box ul li a{
	display: block;
	padding: 0 5px;
	height: 80px;
	line-height: 80px;
	color: #292929;
	cursor: pointer;
}
.mid-nav-box ul li.current{
	border-bottom: 4px solid #e81919;
}

/* 公用 */
.main-contain{
	margin: 0 auto;
}
.each-title{
	font-size: 30px;
	font-weight: bold;
}
.each-title a{
	cursor: pointer;
	color: #000000;
}

.zp-left,
.zp-right{
	float: left;
	margin-top: 30px;
	box-sizing: border-box;
}

/* 招聘内容 */
.zp-left{
	width: calc(73% - 27px);
}
.zwsx-box{
	padding: 28px 32px 40px;
	background-color: #f6f6f7;
}
.share-box{
	float: right;
}
.share-box img{
	width: 16px;
	margin: 6px 0 0 6px;
}
.form-div{
	font-size: 18px;
	margin-top: 24px;
}
.form-row{
	margin-top: 18px;
}
.input-div,
.search-div{
	float: left;
}
.input-div{
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border: 1px solid #dadada;
	border-right: none;
	width: calc(100% - 160px);
	padding: 5px 10px;
	background-color: #ffffff;
}
.input-in{
	float: left;
	line-height: 38px;height: 38px;
	width: 100%;
	font-size: 18px;
}
.select-div{
	border-right: 1px solid #dadada;
	width: 35%;
	margin-right: 15px;
}
.search-div{
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	background-color: #7a7a7a;
	cursor: pointer;
}
.input-in::-webkit-input-placeholder{color:#4a4a4a;}
.input-in:-moz-placeholder{color:#4a4a4a;}
.input-in::-moz-placeholder{color:#4a4a4a;}
.input-in:-ms-input-placeholder{color:#4a4a4a;}
/* 职位列表 */
.zw-box{
	margin-top: 22px;
	background-color: #f6f6f7;
	padding: 8px 32px 60px;
}
.zw-list ul li{
	padding: 30px 0;
	border-bottom: 1px solid #e0e0e0;
}
.zw-list ul li .list-name{
	width: calc(100% - 240px);
}
.zw-fbsj{
	float: right;
	color: #707070;
	font-size: 16px;
}
.zw-place{
	margin-left: 18px;
	margin-top: 22px;
}
.zw-place img{
	width: 14px;
	margin-right: 6px;
}
/* 翻页 */
.page-box{
	margin-top: 70px;
}
/* PC端翻页 */
.pc-page{
	width: 435px;
	margin: 0 auto;
}
.page-box a{
	display: inline-block;
	min-width: 38px;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	margin: 0 4px;
	text-align: center;
	border: 1px solid #c2c2c2;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #ffffff;
}
.page-box a:hover{
	background-color: #576dd1;
	border-color: #576dd1;
	color: #FFFFFF;
}
.page-box .change-page{
	margin: 0 8px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.change-img-p{
	display: none;
}
.page-box .currentPage{
	background-color: #576dd1;
	border-color: #576dd1;
	color: #FFFFFF;
}
.change-page img{
	margin-top: 10px;
}
.change-page:hover .change-img-p{
	display: inline;
}
.change-page:hover .change-img{
	display: none;
}
/* 手机端翻页 */
.phone-page{
	display: none;
	width: 272px;
	margin: 0 auto;
}
.phone-page a{
	padding: 0 20px;
	background-color: #f2f2f2;
	color: #12385a;
}
.phone-page .page-tag{
	border: none;
	padding: 0 10px;
	background-color: #ffffff;
}

/* 最新职位 */
.zp-right{
	margin-left: 27px;
	width: 27%;
	height: 468px;
	background-color: #f6f6f7;
	padding: 28px 30px 0;
}
.zxzw-tit{
	font-size: 20px;
	color: #2d2d2d;
	float: left;
}
.more-zw{
	color: #2d2d2d;
	font-size: 16px;
	float: right;
	margin-top: 2px;
}
.zxzw-list{
	margin-top: 26px;
}
.zxzw-list ul li{
	border-bottom: 1px solid #dcdcdc;
	padding: 17px 0;
}
.zxzw-list ul li a{
	cursor: pointer;
}
.ji-text{
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #f35353;
	color: #ffffff;
	text-align: center;
	
}
.zw-name{
	font-size: 18px;
	float: left;
	line-height: 30px;
	margin-left: 14px;
	width: calc(100% - 44px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* ===========视图宽度============ */

.w_1300 {
	max-width: 1300px;
}

/* ==============@media============== */

@media screen and (max-width: 1920px){}

@media screen and (max-width: 1545px) {
	
	
}

@media screen and (max-width: 1340px){
	.w_1300{
		max-width: 1200px;
	}
}


@media screen and (max-width: 1240px){
	.w_1300 {
		max-width: 1000px;
	}
	
}

@media screen and (max-width: 1095px){
}

@media screen and (max-width: 1024px){
	.w_1300 {
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1000px){
	
	/* banner */
	.lbt-div{
		background: none;
		height: auto;
		position: relative;
	}
	.banner-p{
		display: inline;
		width: 100%;
	}
	.banner-out{
		position: absolute;
		margin: 0 28px 0 40px;
	}
	
	/* 中间导航 */
	.mid-nav-box ul li{
		margin: 0 18px 0 32px;
	}
	
	/* 最新职位 */
	.zp-right{
		display: none;
	}
	
	/* 职位内容 */
	.zp-left{
		float: none;
		width: 100%;
		margin-top: 0;
	}
	.zw-box{
		margin-top: 0;
		background-color: #ffffff;
	}
	.pc-page{
		display: none;
	}
	.phone-page{
		display: block;
	}
	
	
}

@media screen and (max-width: 768px){
	#middle{
		padding-top: 79px;
	}
	
	/* 二级导航 */
	.mid-nav{
		position: unset;
	}
	
	/* banner */
	.banner-out{
		padding-top: 60px;
	}
	.banner-tit{
		font-size: 36px;
	}
	.banner-text{
	    font-size: 18px;
	    margin-top: 30px;
	}
	
	.each-title{
	    font-size: 26px;
	}
	
	/* 职业筛选 */
	.form-div{
	    font-size: 16px;
	}
	.input-div{
		height: 46px;
		line-height: 46px;
		width: calc(100% - 120px);
	}
	.input-in{
		font-size: 16px;
		line-height: 36px; height: 36px;
	}
	.select-div{
		width: calc((100% - 15px) / 2);
	}
	.select-div:nth-child(2){
		margin-right: 0;
	}
	.search-div{
		width: 120px;
		height: 46px;
		line-height: 46px;
	}
	
}

@media screen and (max-width: 660px){
	
}


@media screen and (max-width: 550px){
	
	.each-title{
	    font-size: 22px;
	}
	
	/* 职位筛选 */
	.zwsx-box{
		padding: 28px 20px 40px;
	}
	.zw-box{
		padding: 8px 20px 60px;
	}
	
}

@media screen and (max-width: 425px){
	#middle{
		padding-top: 69px;
	}
	
	/* banner */
	.banner-out{
		margin: 0 15px 0 20px;
	    padding-top: 40px;
	}
	.banner-tit{
	    font-size: 26px;
	}
	.banner-text{
	    font-size: 16px;
	    margin-top: 20px;
	}
	
	.each-title{
	    font-size: 20px;
	}
	
	/* 中间导航 */
	.mid-nav{
	    height: 62px;
	}
	.mid-nav-box ul li{
		font-size: 16px;
		margin: 0 0px 0 20px;
	}
	.mid-nav-box ul li.current{
	    border-bottom: 2px solid #e81919;
	}
	.mid-nav-box ul li a{
	    height: 60px;
	    line-height: 60px;
	}
	
	/* 职位筛选 */
	.zwsx-box,
	.zw-box{
		padding-left: 12px;
		padding-right: 12px;
	}
	.zxzw-tit{
		font-size: 16px;
	}
	.share-box{
		font-size: 14px;
	}
	.share-box img{
		width: 12px;
	}
	.form-div{
		font-size: 15px;
	}
	.input-div,
	.search-div{
		height: 36px;
		line-height: 36px;
	}
	.search-div{
		width: 82px;
	}
	.input-div{
		width: calc(100% - 82px);
	}
	.input-in{
		font-size: 14px;
		line-height: 24px;height: 24px;
	}
	.select-div{
		margin-right: 10px;
		width: calc((100% - 10px) / 2);
	}
	/* 职位列表 */
	.ji-text{
	    font-size: 13px;
	    width: 20px;
	    height: 20px;
	    line-height: 20px;
	}
	.zw-list ul li{
		padding: 15px 0;
	}
	.zw-list ul li .list-name{
		font-size: 16px;
		line-height: 20px;
		margin-left: 6px;
		width: calc(100% - 160px);
	}
	.zw-fbsj{
		font-size: 12px;
	}
	.zw-place{
		font-size: 14px;
		margin-top: 18px;
	}
	.zw-place img{
	    width: 10px;
	    margin-right: 4px;
		margin-top: 2px;
	}
	.page-box{
		margin-top: 40px;
	}
	.phone-page{
		font-size: 14px;
		width: 220px;
	}
	.phone-page a{
		padding: 0 15px;
	}
	.phone-page .page-tag{
		padding: 0;
	}
	
}

@media screen and (max-width: 375px){
	
	/* banner */
	.banner-out{
	    margin: 0 8px 0 15px;
	    padding-top: 30px;
	}
	.banner-tit{
	    font-size: 24px;
	}
	.banner-text{
	    font-size: 15px;
	    margin-top: 14px;
	}
	
}

@media screen and (max-width: 320px){
	.zw-list ul li .list-name{
		font-size: 14px;
	}
}