@charset "utf-8";
.channel_content {
    padding: 50px 0;
    min-height: 300px;
    background: #f5f5f5;
}

.channel_content .wrap {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}
html, body {
    background: #f4f5f6;
}
#banner {
    width: 100%;
    height: 650px;
    background: url(../images/b_document.jpg) center/cover no-repeat;
    position: relative;
}
@media (max-width: 1366px){
	#banner {
	    height: 600px;
	}
}
@media (max-width: 1280px){
	#banner {
	    height: 580px;
	}
}
@media (max-width: 1080px){
	#banner {
	    height: 260px;
	}
}

.job_list01 li{border:1px solid #bfbfbf; margin-bottom:20px; background:#fff;}
:root .job_list01 li{border:none;}
.job_list01 .li_top{position:relative; }
.job_list01 .li_top .top_l{padding-right:200px;	}
.job_list01 .li_top .box{ padding:15px 0; margin:0 40px; }
.job_list01 .li_top .top_h{ margin-bottom:15px; }
.job_list01 .li_top .top_h span{display: inline-block;}
.job_list01 .li_top .tit{font-size:23px; padding-right:8%; color:#3c3c3c; font-weight:bold;}
.job_list01 .li_top .time1{ position:relative; padding:0 3%;}
.job_list01 .li_top .time1,.job_list01 .li_top .time2{color:#525252; line-height:40px; }
.job_list01 .li_top .time1:after{content:""; position:absolute; top:0; width:1px; height:100%; background-color:#999; display:block; }
.job_list01 .li_top .time1:after{ right:0; }
.job_list01 .li_top .time2{ padding-left:3%;}
.job_list01 .li_top .top_d_item{ display:inline-block; padding-right:20px; line-height:30px; font-size:17px; color:#3f3f3f;}
.job_list01 .li_top .top_r{ position:absolute; top:10%; right:0; height:80%; width:150px; border-left:1px solid #bfbfbf; line-height:111px; text-align:center; cursor:pointer; }
.job_list01 .li_top .top_r .see{ font-size:17px; color:#ffb040;}
.job_list01 .li_top .top_r .see_close{ position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-18px; display:none; }
.job_list01 .li_bottom{ display:none; }
.job_list01 .li_bottom .box{ padding:40px; position:relative; }
.job_list01 .li_bottom .box .infor{margin-bottom:15px;}
.job_list01 .li_bottom .box .tit{font-size:18px; color:#141414; margin-bottom:10px;}
.job_list01 .li_bottom .box .con{font-size:14px; color:#626262; line-height:32px;}
.job_list01 .li_bottom .send{float:right; margin-top:30px; padding:10px 45px; background:#ffb040; background-size:cover; color:#fff; font-size:17px; }
.job_list01 li.cur{box-shadow:0 0 10px #c1c1c1; }
.job_list01 li.cur .li_top .box{ border-bottom:1px solid #bfbfbf; }
.job_list01 li.cur .li_top .top_r .see{display:none;}
.job_list01 li.cur .li_top .top_r .see_close{ display:block;}

@media only screen and (max-width: 1240px){
	.job_list01 .li_top .tit{font-size:18px; padding-right:0;}
	.job_list01 .li_bottom .send{font-size:18px;}
	.job_list01 .li_top .top_d_item{width:28%; font-size:16px;}
	.job_list01 .li_top .box{margin:0 20px;}
}

@media only screen and (max-width: 768px){
	.channel_content .wrap {
	    padding-left: 2%;
	    padding-right: 2%;
	    width: auto;
	}
	.job_list01 .li_top .top_l{width:100%;}
	.job_list01 .li_top .top_r{display:none;}
	.job_list01 .li_top .tit{ font-size:18px; display:block; margin-bottom:10px; }
	.job_list01 .li_top .time1, .job_list01 .li_top .time2{padding:0; font-size:13px; line-height:1.5; }
	.job_list01 .li_top .time2{ padding-left:0; }
	.job_list01 .li_top .time1:before,.job_list01 .li_top .time1:after{ display:none; }
	.job_list01 .li_top .top_d_item{ font-size:13px; line-height:1.4; width:auto; vertical-align:top;}
	.job_list01 .li_top .top_r{ line-height:257px; }
	.job_list01 .li_top .box{margin:0 15px;}
	.job_list01 .li_bottom .box{padding:15px;}
	.job_list01 .li_bottom .box .tit{font-size:16px;}
	.job_list01 .li_bottom .box .con{font-size:13px;}
	.job_list01 .li_bottom .send{font-size:13px; padding:10px 40px;}
}
