/*-------------------about--------------------*/
.nav-space{background:#00266f;}
.job-box{}
.job-box-content{width:100%;}
.job-menu{width:23vw; height:100%; position:fixed; top:0; left:0; bottom:0; background-color:#eee; z-index:10;}
.job-menu li{padding:5px 0;}
.job-menu li a{padding:0 10px; height:34px; line-height:34px; display:inline-block; border-left:3px solid #eee;}
.job-menu li.on{background-color:#fff;}
.job-menu li.on a{border-left:3px solid #377ee9;}

.job-top-menu{width:100%; height:44px; position:fixed; background-color:#fff; padding-left:22vw; padding-right:1vw; top:0; left:0; box-sizing:border-box;}
.job-top-menu li{float:left; width:20%; text-align:center; line-height:42px;}
.job-top-menu li.on a{border-bottom:2px solid #377ee9; color:#377ee9; display:inline-block;}
.job-list{margin-left:23vw; padding:5px 0; margin-top:44px;}

.job-list li{padding:10px 15px}
.job-title{padding:5px 0; font-size:3.9vw;}
.job-title span{float:right; color:#FF5D32; font-weight:800;font-size:3.6vw; margin-top:3px;}
.job-ops{font-size:12px; color:#999;}
.vline {display: inline-block; font-size:12px; width: 1px; height: 12px;vertical-align: middle; background: #e0e0e0; margin: 0 5px;}
/*----------------detail------------------*/
.job-detail-top{padding:15px;}
.job-detail-top h1{font-size:5vw; height:8vw; padding:5px 0;}
.job-detail-top h1 span{float:right; color:#FF5D32; font-weight:800;font-size:3.9vw; margin-top:3px;}
.job-detail-ops{font-size:14px; color:#666; padding:5px 0;}
.job-detail-ops .vline {font-size:14px; width: 1px; height: 12px;vertical-align: middle; background: #999; margin: 0 10px;}
.job-detail-fl{font-size:14px; color:#666;}

.job-detail{padding:15px;}
.job-detail-li li{width:50%; float:left; color:#999;}
.job-detail-li li span{color:#666;}

.job-detail-text{padding:12px 0;}
.job-detail-text h2{font-size:4.4vw;}
.job-detail-text h3{font-size:4vw; padding:10px 0;}
.detail-text{line-height:1.8; padding-bottom:10px;}