﻿
.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 482px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav .flex-next {
	width: 40px;
	height: 40px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/right.png) no-repeat;
	position: absolute;
	top: 50%;
	right:10%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-prev {
	width: 40px;
	height: 40px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/left.png) no-repeat;
	position: absolute;
	top: 50%;
	left:10%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/btn1.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 482px;
	display: block;
}


.jobad{
	width:1200px;
	height:150px;
	margin: 10px auto;
}
.jobad li{
	list-style:none;
}
.jobcontent{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.jobcontent .conl_tit{
	margin: 20px 6px;
}
.jobcontent .conl_tit h3{
	font-size:20px;
}
.joblist{
	width: 100%;
}
.jobcompanys{
	width: 100%;
	height: auto;
	margin-bottom:20px
}
.jobcompanys ul li{
    float: left;
    width: 120px;
    height: 150px;
    margin: 0px 6px 15px 6px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px 15px;
    text-align: center;
}
.jobcompanys ul li img{
	border: 0;
    vertical-align: top;
    display: inline-block;
    width: 79px;
    border: 1px solid #f5f5f5;
    height: 79px;
}
.jobcompanys ul li dt{
	height: 22px;
    margin-top: 13px;
    font-size: 16px;
    color: #333;
    overflow:hidden;
}

.jobcompanys ul li dt span{
	font-size: 16px !important;
}
.jobcompanys ul li dd{
	margin-top: 5px;
    color: #555;
}
.jobcompanys ul li:hover{
	box-shadow: 2px 2px 2px #f5f5f5;
}
.joblist ul li{
	float: left;
	width: 389px;
    height: 210px;
    padding: 20px 18px;
    margin:0px 6px 15px 5px;
    background-color: #fff;
    box-sizing: border-box;
    overflow:hidden;
}
.joblist ul li:hover{
	box-shadow: 2px 2px 2px #f5f5f5;
}
.joblitop{
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.joblitop h2{
	font-size: 16px;
	color: #333;
	float: left;
	margin: 0 0;
}
.joblitop span{
	font-size: 16px;
    color: #fa6041;
    float: right;
}

.joblitop .jobtag{
	width:100%;
	overflow: hidden;
}

.joblitop .jobtag em{
	width: 100%;
	height: 30px;
	display: block;
	margin-bottom: 5px;
    line-height: 30px;
    color: #777;
}
.joblitop .jobtag a{
	display: inline-block;
    /*width: 61px;*/
    height: 26px;
    /*padding: 0 5px;*/
    font-size: 12px;
    line-height: 26px;
    color: #999;
    /*border: 1px solid #F0F0F0;*/
    /*border-radius: 3px;*/
    text-align: center;
    /*margin-right: 20px;*/
}

.joblibottom{
	margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #E0E0E0;
    overflow: hidden;
}

.joblibottom .joblibl{
	float: left;
	width: 40px;
    height: 40px;
}
.joblibottom .joblibl img{
	width: 38px;
    height: 38px;
    border: 1px solid #f5f5f5;
}
.joblibottom .joblibr{
	float: left;
    margin-left: 15px;
    overflow: hidden;
    width: 298px;
}
.joblibottom .joblibr dl dt{
	height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
}
.joblibottom .joblibr dl dd{
	height: 20px;
    line-height: 20px;
    color: #999;
}

.list_more{
	display: block;
    border: none;
    width: 150px;
    height: 35px;
    line-height: 35px;
    background: #0063c8;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    margin-top: 20px;
	margin-left:535px;
	margin-bottom:40px;
    text-align: center;
    -webkit-transition: background .3s,color .1s;
    -moz-transition: background .3s,color .1s;
    -ms-transition: background .3s,color .1s;
    -o-transition: background .3s,color .1s;
}
.list_more:hover{
	color: #fff;
    background-color: #FF5E52;
}

.jobleft{
	width: 960px;
    float: left;
    overflow:hidden;
}
.jobright{
	width: 210px;
    float: right;
    overflow: hidden;
}
.jobright a{
	 margin-top: 18px;
	 display: block;
}
.jobright a img{
	width: 210px;
	height: 210px;
}
.positionHead{
	background-color: #fafafa;
    padding: 6px 16px;
    overflow: hidden;
    line-height: 30px;
    color: #666;
    border: 1px solid #eaeaea;
}
.positionHead span{
	font-weight: 600;
    margin-right: 10px;
    float: left;
}
.positionHead a{
	float: left;
    margin-right: 5px;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    -webkit-transition: background .3s,color .1s;
    -moz-transition: background .3s,color .1s;
    -ms-transition: background .3s,color .1s;
    -o-transition: background .3s,color .1s;
}
.positionHead a:hover{
    color: #0c7df5;
}
.positionHead a:active{
    color: #0c7df5;
}
.listjob{
	width: 100%;
	height: auto;
	overflow:hidden;
	background:#fff;
}
.listjob ul li{
	color: #555;
    border-bottom: 1px solid #ededed;
    padding: 14px 15px;
    height: 132px;
    width: 100%;
	padding: 15px 20px;
	position:relative;
}
.list_item_top{
	width: 100%;
	height: 61px;
	overflow:hidden;
}
.list_item_top1{
	float: left;
    width: 430px;
    margin-right: 20px;
    overflow: hidden;
    height: 60px;
	padding-left:20px;
}
.list_item_top1 h2{
    font-size: 16px;
    color: #00b38a;
    white-space: nowrap;
    word-wrap: normal;
    height: 34px;
	margin: 0;
    line-height: 34px;
	font-weight:bold;
}    
.list_item_top1_1{
	width: 100%;
	height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #555;
}
.list_item_top1_1 span{
	margin-right: 1em;
    font-size: 16px;
    color: #fd5f39;
}
.list_item_top2{
	float: left;
    width: 550px;
    margin-right: 15px;
    overflow: hidden;
    height: 60px;
}
.list_item_top2 dl dt{
	height: 34px;
    line-height: 34px;
    display: inline-block;
    /* max-width: 180px; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    word-wrap: normal;
    font-size: 16px;
    vertical-align: middle;
}

.list_item_top2 dl dt a{
	color: #1f4797;
}
.list_item_top2 dl dt a span{
	font-size:16px !important;
}
#jobqymc{
	margin: 0 0 16px;
    line-height: 15px;
    font-size: 15px;
}

.list_item_top2 dl dd{
	height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.list_item_top3{
	float: left;
    width: 61px;
    overflow: hidden;
    height: 61px;
	position: absolute;
    right: 30px;
    top: 35px;
}
.list_item_top3 img{
	width: 59px;
    height: 59px;
    border: 1px solid #ededed;
}

.list_item_bot{
	width: 100%;
    height: 40px;
}
.list_item_bot .li_b_l{
	float: left;
    width: 430px;
    height: 40px;
    margin-right: 20px;
    line-height: 40px;
    overflow: hidden;
	padding-left:20px;
}
.list_item_bot .li_b_l span{
	display: inline-block;
    /* max-width: 108px; */
    height: 20px;
    /* padding: 0 5px; */
    font-size: 13px;
    line-height: 20px;
    color: #555;
    /* margin-right: 5px; */
    /* border: 1px solid #dcdcdc; */
    /* border-radius: 3px; */
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.list_item_bot .li_b_r{
	float: left;
    width: 550px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.jobhead_w{
    width: 100%;
    margin-top: 20px;
}
.jobhead{
	width: 1200px;
    height: 230px;
    margin: 0 auto;
	padding: 30px 20px;
    background: #fff;
}
.jobhead_l{
	float: left;
    width: 696px;
}
.jobhead_l dl dt{
	margin: 0 0 13px;
}
.jobhead_l dl dt .company{
	margin: -2px 0 12px 0;
    font-size: 14px;
    color: #555;
    left: 2px;
}
.jobhead_l dl dt .jobname{
	position: relative;
    height: 34px;
    font-size: 28px;
    color: #1f4797;
    line-height: 36px;
}
.jobhead_l dl dd{
	margin-top: 2px;
    font-size: 18px;
    color: #555;
}
.jobhead_l dl dd p{
	margin-bottom: 8px;
	width: 100%;
	overflow: hidden;
}
.jobhead_l dl dd ul li{
	float: left;
    height: 22px;
    /* margin-right: 8px; */
    /* padding: 2px 15px; */
    line-height: 22px;
    /* background-color: #fff; */
    color: #70797b;
    font-size: 14px;
    /* border-radius: 10px; */
}
.publish_time{
	padding-top: 10px;
    font-size: 14px;
    color: #999;
}
.jobhead_r{
	float:right;
	margin-top: 45px;
    width: 220px;
}
.jobhead_r .job_a{
	display: inline-block;
    padding: 0 30px;
    border: 1px solid #1f4797;
    border-radius: 3px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    background-color: #1f4797;
    color: #fff;
    cursor: pointer;
}
.jobconpage{
	width: 1190px;
    margin: 20px auto;
	height: auto;
	overflow:hidden;
    background: #fff;
    padding:0 15px 50px 15px;
}
.jobconpage_l{
	width: 750px;
    padding-right: 26px;
    padding-left: 10px;
    padding-top: 26px;
    float:left;
    min-height: 500px;
    height: auto;
    overflow:hidden;
    border-right:2px solid #f2f5f4;
}
.jobconpage_r{
	float: left;
    width: 355px;
    margin-left: 31px;
    margin-top: 26px;
    height: auto;
    overflow:hidden;
}
.jobconpage_r dl dt{
	margin-bottom: 10px;
    width: 100%;
    height: 96px;
}
.jobconpage_r dl dt img{
	float: left;
	width: 70px;
    height: 70px;
    border: 1px solid #ededed;
}
.jobconpage_r dl dt a{
	float: left;
    margin-left: 11px;
    font-size: 16px;
    line-height: 70px;
    color: #1f4797;
}
.jobconpage_r dl dt a span{
	font-size:16px !important;
}
.jobconpage_r dl dd{
	padding: 10px 0;
}
.jobconpage_r dl dd li{
	margin: 0 0 16px;
    color: #737373;
    line-height: 20px;
}
.jobconpage_r dl dd li i{
	display: inline-block;
    margin-right: 15px;
}
.positionjob{
    /* margin-top: 30px; */
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    width: 1200px;
    margin-bottom: 20px;
}
.positionjob li{
	float: left;
    margin-right: 5px;
}
.positionjob li a{
	color: #333;
}
.similar h3{    margin: 14px 0;    
    padding: 0 10px 7px 0;
    margin-right: -4px;
    margin-bottom: -2px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
	}
	.similar ul li{
	width: 100%;
    height: 90px;
    vertical-align: top;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
    overflow: hidden;
    padding: 12px 0 14px 0;
	}
	.similar ul li a img{
	float:left;
	width: 60px;
    margin-right: 12px;
	vertical-align: middle;
    border: 2px solid #f2f2f2;
	}
	.similar_r{
	width: 279px;
    float: left;
	}
	.similar_r h2{
	    width: 100%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    color: #555;
    padding: 0;
    font-size: 16px;
	}
	
.similar_r .smxz{
color: #e6775c;
    margin: 5px 0 3px 0;
    padding: 0;
    font-size: 15px;
}
.similar_r .smmc{
width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    color: #999;
}
.similar_r .smmc a{
	color: #999;
}
.jobmore{
    color: #555;
    height: 35px;
    line-height: 35px;
    margin: 10px 0 20px 0;
    text-align: center;
    display: block;
}

		.jobqyjs{position: relative;
    width: 100%;
    min-height: 90px;
    padding: 40px 0;
    margin-top: 10px;
    border-top: 1px solid #e8e8e8;}
	.jobqyjj{position: absolute;
    top: -15px;
    left: 0;
    height: 28px;
    padding-right: 16px;
    font-size: 16px;
	font-weight:bold;
    line-height: 28px;
    color: #1f4797;
    background-color: #fff;}
.jobqyjjlist ul li{
    border-bottom: 1px dashed #e5e5e5;
	margin-bottom: 20px;}
.jobnewslist dl{    color: #666;
	    width: 100%;
    overflow: hidden;
    height: 45px;
	}
	.jobnewslist dl dt{float: right;
    font-size: 16px;}
	.jobnewslist dl dd{margin: 0 0 5px 0;
    font-size: 16px;}
	
	.jobnewslist dl a{color: #666;
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
	width: 70%;
    display: block;
    overflow: hidden;
	}
#topcontrol{bottom:240px !important}

@media (max-width:760px){
	.jobcontent{width: 100%;margin-top:15px;}
	#joblistmb{
	width: 100% !important;
	padding: 0 10px;
	margin-bottom: 20px !important;
}
	.flexslider{height:150px;margin-bottom:-20px;}
	.flexslider .slides a img{height:150px;width: 100%;}
	.joblist{}
	.conl_tit{margin: 20px 3% 25px 3%;}
	.joblist ul li{width: 94%;margin: 0px 3% 15px 3%;}
	.list_more{width: 60%;margin: 20px 20% 40px 20%;}
	.hytj li{width: 100px !important;}
	.jobad{width: 100%;height: auto;}
	.jobad img{width: 100%;height: auto;}
	.jobcompanys{height: 490px;width: 94%;margin: 0 3% 20px}
	.jobcompanys ul li{    width: 46%;margin: 0px 2% 15px 2%;}
	.positionHead{width: 100%;
    padding: 6px 3%;}
	#position{width: 100%;}
	.jobleft{width: 100%;}
	.jobright{width: 0;display:none;}
	.listjob{width: 100%;}
	.listjob ul li{width: 100%;padding: 14px 0;}
	.list_item_top{width:100%;}
	.btn-container{width: 35% !important;height: 30px !important;}
	.list_item_top1{width: 100%;padding-left: 4%;}
	.list_item_bot{width: 100%;}
	.list_item_top2{display: none;}
	.list_item_top3{width: 21%;width: 21%;right: 0;top: 15px;}
	.list_item_bot .li_b_l{width: 100%;margin-right:0;padding-left: 14px;}
	.list_item_bot .li_b_r{display: none;}
	.jobhead{width: 100%;height: auto;}
	.jobhead_l{width: 100%;margin-bottom: 10px}
	.jobhead_l dl dt{margin-bottom: 18px;}
	.jobhead_l dl dt .jobname{height: auto;font-size: 24px;}
	.jobhead_r{float:none;margin-top: 0;width:100%;}
	.jobhead_r .bdshare-button-style0-16{display: none;}
	.jobconpage_l{width: 100% !important;
    padding: 20px 3% 0 3%;min-height: auto;height: auto;border-right: 0;color:#333;    padding-left: 10px !important;}
	.jobconpage_r{width: 94%;
    padding: 0 3%;margin-left: 0;margin-top:25px;}
	.jobconpage{width: 94% !important;padding: 0 3% 0px 3% !important;height: auto;overflow: hidden;}
	.jobhead_l dl dd p{ font-size: 16px;}
	.jobhead_l dl dt .company{margin-bottom:5px;}
	.jobhead_l dl dd ul li{margin-bottom:8px;}
	.publish_time{font-size: 12px !important;}
	.jobhead_r .job_a{height: 30px;line-height: 30px;font-size: 16px;}
	.jobhead_w{padding: 5px 10px;width: 100%;margin: 0 auto;}
	.positionjob{width: 100%;margin-top: 20px;line-height:18px;}
	.joblibottom .joblibr{width: 80%;margin-left:0;}
	.jobcompanys ul li dd{    height: 45px;
    overflow: hidden;}
	.similar_r｛
	width: 70%;
	｝
	.similar ul li a img{width: 25%;margin-right: 5%;}
}
@media (max-width:760px){
	.similar_r{width: 70%;}
	.jobcontent .conl_tit{margin:20px 10px;}
}
@media (max-width:320px){
	.joblibottom{height: 40px;width: 100%;}
	.joblibottom .joblibr{width: 75%;}
	.similar_r{width: 200px;}
}