header {
	margin-bottom:0
}
.recruit_banner {
	width:100%;
	height:280px;
	background:url(http://res.smzdm.com/style/images/joinus_bg.png) center 0 #efeee1
}
section.wrap {
	width:100%;
	padding-top:10px;
	font-family:"Helvetica", "Hiragino Sans GB", "Microsoft Yahei", sans-serif
}
.recruit_left {
	width:0px;
	float:left
}
.recruit_left a {
	color:#666;
	font-size:18px;
	margin-bottom:26px;
	display:block;
	width:92px;
	text-align:right
}
.recruit_left a:hover, .recruit_left a.current {
	color:#fb5d5e
}
.job_scroll_box {
	width:1040px;
	min-height:200px
}
.job_box {
	width:100%;
	overflow:hidden
}
.recruit_right .prev, .recruit_right .next {
	font-size:48px;
	font-family:"SimSun";
	font-weight:bold;
	position:absolute;
	left:-40px;
	top:160px;
	color:#eee
}
.recruit_right .next {
	right:-40px;
	left:auto
}
.recruit_right .prev:hover, .recruit_right .next:hover {
	color:#666
}
.recruit_right {
	width:100%
	float:right;
	padding-bottom:300px;
	position:relative
}
.recruit_right h2 {
	font-size:24px;
	color:#333;
	font-weight:normal;
	margin-bottom:10px
}
.recruit_info {
	color:#999;
	line-height:24px;
	font-size:14px;
	margin-bottom:55px
}
.recruit_part {
	width:260px;
	float:left;
	margin-bottom:50px
}
.job_scroll_box .recruit_part {
	width:190px
}
.recruit_icon_box {
	width:86px;
	height:73px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	padding-top:13px
}
.icon_technology {
	background-color:#fb5d5e
}
.icon_operate {
	background-color:#22be97
}
.icon_operate2 {
	background-color:#062657
}
.icon_market {
	background-color:#e8c81e
}
.icon_personnel {
	background-color:#43b1e6
}
.recruit_icon {
	background:url(http://www.pzhqjjs.com/zhaopin/recruit_icon.png) no-repeat;
	width:60px;
	height:60px;
	display:block;
	margin:0 auto
}
.icon_operate .recruit_icon {
	background-position:0 -60px
}
.icon_operate2 .recruit_icon {
	background-position:0 -180px
}
.icon_market .recruit_icon {
	background-position:0 -120px
}
.icon_personnel .recruit_icon {
	background-position:1px -643px
}
.recruit_part p {
	font-size:16px;
	height:38px;
	line-height:38px;
	color:#666;
	text-align:center;
	width:86px;
	margin-bottom:10px
}
.recruit_part ul li {
	line-height:28px;
	font-size:12px
}
.recruit_part ul li a:hover {
	text-decoration:underline
}
.recruit_job {
	border-top:1px solid #e6e6e6;
	clear:both
}
.recruit_job li {
	border-bottom:1px solid #e6e6e6; clear:both;
}
.job_name {
	height:60px;
	line-height:60px;
	cursor:pointer
}
.job_name h3, .job_name .time, .job_name .arrow {
	float:left;
	font-size:16px
}
.job_name h3 {
	width:590px;
	color:#333;
	font-weight:normal
}
.job_name h3 span.hot {
	color:#fff;
	background-color:#f04848;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:0 3px;
	display:inline-block;
	margin-left:15px;
	line-height:16px;
	font-family:tahoma;
	font-size:10px;
	-webkit-transform:scale(0.83);
	-o-transform:scale(1)
}
.job_name .time {
	width:140px;
	color:#999
}
.job_name .arrow {
	width:0;
	height:0;
	border-width:9px 9px 0;
	border-color:#ddd transparent transparent;
	border-style:solid;
	position:relative;
	margin-top:26px;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in
}
.job_name em {
	width:0;
	height:0;
	border-width:8px 8px 0;
	border-color:#fff transparent transparent;
	border-style:solid;
	position:absolute;
	left:-8px;
	top:-10px;
	display:block;
transition:.3s ease-in
}
.job_info_box {
	margin-bottom:20px
}
.job_info_box h4 {
	color:#333;
	font-weight:normal;
	font-size:16px;
	margin-bottom:8px
}
.job_info_box p {
	color:#666;
	line-height:24px;
	font-size:14px;
	margin-bottom:20px
}
.job_info_box a{ font-family:"Î¢ÈíÑÅºÚ";}
.job_info_box a:hover{ color:#fff; font-family:"Î¢ÈíÑÅºÚ";}
ol.list-paddingleft-2 {
	margin-bottom:20px
}
ol.list-paddingleft-2 li {
	color:#666;
	font-size:14px;
	line-height:28px;
	border-bottom:0;
	list-style-type:decimal;
	margin-left:30px
}
ol.list-paddingleft-2 li p {
	color:#666;
	margin-bottom:0
}
.recruit_btn {
	width:220px;
	height:60px;
	text-align:center;
	line-height:60px;
	background-color:#22be97;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:20px;
	color:#fff;
	margin:0 auto 30px;
	display:block
}
.recruit_btn img {
	vertical-align:-5px
}
.recruit_btn:hover {
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.current_job .arrow {
	border-width:0 9px 9px;
	border-color:transparent transparent #ddd;
	margin-top:26px;
	-ms-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg)
}
.current_job em {
	border-width:0 12px 12px;
	border-color:transparent transparent #fff;
	left:-12px;
	top:2px
}
.current_job .job_name h3 {
	font-weight:bold
}
.grey_color {
	background-color:#f9f9f9
}
.grey_color .job_name em {
	border-top-color:#f9f9f9
}
.yjs_icon_box {
	width:138px;
	float:left;
	padding-bottom:55px
}
.yjs_icon {
	width:86px;
	height:73px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	padding-top:13px;
	float:left
}
.yjs_icon1 .yjs_icon {
	background-color:#43b1e6
}
.yjs_icon1 .recruit_icon {
	background-position:0 -180px
}
.yjs_icon2 .yjs_icon {
	background-color:#22be97
}
.yjs_icon2 .recruit_icon {
	background-position:0 -240px
}
.yjs_icon3 .yjs_icon {
	background-color:#e8c81e
}
.yjs_icon3 .recruit_icon {
	background-position:0 -300px
}
.yjs_icon4 .yjs_icon {
	background-color:#9dbd4e
}
.yjs_icon4 .recruit_icon {
	background-position:0 -360px
}
.yjs_icon5 .yjs_icon {
	background-color:#4b98e3
}
.yjs_icon5 .recruit_icon {
	background-position:0 -483px;
	height:67px
}
.yjs_icon6 {
	width:86px
}
.yjs_icon6 .yjs_icon {
	background-color:#ff6d6d
}
.yjs_icon6 .recruit_icon {
	background-position:0 -421px
}
.yjs_icon_box p {
	font-size:16px;
	height:38px;
	line-height:38px;
	color:#666;
	text-align:center;
	width:90px;
	clear:both
}
.yjs_icon_box span {
	color:#999;
	font-size:12px;
	text-align:center;
	display:block;
	width:100px;
	margin-left:-5px;
	line-height:1.6em
}
.yjs_arrow {
	width:40px;
	height:50px;
	display:block;
	float:left;
	background:url(http://www.pzhqjjs.com/zhaopin/recruit_icon.png) no-repeat 13px -562px;
	margin-top:18px
}
.footer {
	width:1000px
}

.gb{ display:none;}
.job_name{ width:100%; clear:both;}


@media only screen and (max-width: 1024px) {
.job_scroll_box{ width:100%;}	
.job_scroll_box .recruit_part{ width:20%;}

.job_name h3 { width: 75%;}
.job_name .time {  width: 15%;}
	
	}
	
@media only screen and (max-width: 768px){
.recruit_icon_box {  width: 76px;  height: 63px;}
.recruit_icon{ width:40px; height:46px; background-size:100% auto;}
.icon_technology .recruit_icon { background-position: 0 3px;}
.icon_operate .recruit_icon { background-position: 0 -36px;}
.icon_operate2 .recruit_icon { background-position: 0 -116px;}
.icon_market .recruit_icon {background-position: 0 -78px;}
.icon_personnel .recruit_icon {background-position: 1px -424px;}
.job_name .time {  width: 20%;}
	}

@media only screen and (max-width: 700px){	
.gb{ display:block;}
.arrow{ display:none;}	
.recruit_right{ padding-bottom:30px;}	

}
@media only screen and (max-width: 480px){	
.job_box{ display:none;}
.job_name h3{ color:#ff0000;}
.job_info_box{ line-height:20px;}
}

@media only screen and (max-width: 425px) {
.job_name .time { width: 25%;}
.recruit_btn {  width: 40%; height: 50px; line-height: 50px;}
	}
	
@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 395px) {

}

@media only screen and (max-width: 375px) {

}


@media only screen and (max-width: 360px) {
.recruit_btn{ font-size:15px;}
.recruit_btn {  width: 40%; height: 40px; line-height: 40px;}
}

@media only screen and (max-width: 320px) {
.job_name h3 { width: 70%;}
.job_name .time {  width: 30%;}
}

@media only screen and (max-width: 240px) {


}