.join-bg{
    width: 1280px;
    height:154px;
    margin: 0 auto ;
    background: url(../img/contact_txt.png) no-repeat  50% 50%;
    position:relative ;
}
.join-bg>h3{
    font-size: 40px;
    font-weight: bold;
    color:#555;
    position:absolute ;
    left:560px;
    top:80px
    
    
}
.hr-title {
    width:100% ;
    height: 100px;
    line-height: 100px;
    background-color: #f5f5f5;
    
}
.recruit-type{
    width:560px;
    height: 100px;
    margin: 0 auto ;
    line-height: 100px;
}
.social{
    display:block ;
    width: 100px;
    height: 100px;
    float:left ;
    padding-left: 70px;
    background: url(../img/contact_icon1.png) no-repeat left 50%;
    font-size: 14px;
    color:#333;


}
.school{
    display: block;
    width:100x;
    height:100px;
    float:right;
    
    padding-left:70px;
    background: url(../img/contact_icon1_h.png) no-repeat left 50%;
    font-size: 14px;
    color:#333;



}
.jd-list{
	padding-bottom:20px;
}

.jd-list >ul>li{
   	float:left ;
    margin-top: 20px;
    width:138px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color:#666 ;
    text-align: center;
    border:1px solid #ccc;
    cursor: pointer;
    
}
.m30{
    margin-left: 30px;
}
.jd-content{
    width:1208px;
    height:506px;
    border:1px solid #ccc;
    margin-bottom: 84px;
    padding-top:50px;
    padding-left:70px;
}
.container .qr-code{
	margin-top:40px;
	margin-bottom:40px;
	padding:0 20px; 
	
}
.container .qr-code ul li{
	float:left ;
	margin-left:20px;
}
.container .qr-code ul li img{
	display:block ;
	width:80px;
	height:80px;
	
}
.hl{
	margin-left:40px;
	margin-top:40px;
	margin-bottom:60px;
}
.current{
	background-color: #16559c !important;
	color:#fff !important;
}
.current-category{
	font-weight:bold !important;
	color: #16559c !important;
	
}