@charset "utf-8";
/* CSS Document */
html,body{ height:100%; min-height:100%; font-size:40px;}
body,div,dl,dt,dd,ul,ol,li,pre,form,label,input,select,textarea,p,th,td {font-size: 14px; }
* {margin:0px; padding:0px;word-wrap: break-word; word-break: normal; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height:150%; font-family: 'Microsoft YaHei',SimSun;}
body {margin: 0px; padding:0; background:#f2f2f2; position:relative;}
img{border:0; vertical-align:middle; max-width:100%; max-height:100%}
input,select {border:0; background-image:none; background-color:#fff;}
/*input,input:focus, button, button:focus {-webkit-appearance:none;outline:none}*//*去除input默认样式*/
input[type="submit"],input[type="reset"],input[type="button"],input,select{appearance:none;-webkit-appearance:none; border-radius:0; background-image:none}
input, select {   vertical-align: middle;}
input, select, textarea {color:#444444; font: normal 12px/auto; font-family:"myriad-pro-1","myriad-pro-2",'Microsoft YaHei',"Arial" !important;}
input, select {vertical-align: middle;}
textarea {word-wrap: break-word; word-break: normal;}
.clear{background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0;}
div,span,a,li{ -webkit-tap-highlight-color: rgba(255,255,255,0);}/*去除移动端点击事件出现的背景框*/
li{ list-style:none;}
a{color:#666666; text-decoration:none; cursor:pointer;}
a:hover{text-decoration: none;}
table {word-break: break-all;}
table a {color:#135589;}
table a:hover {color:#f1524f;}
.cl-red{ color:#ff5000; font-weight:normal;}
.cl-redjc{ color:red;}
.clearfix:after {visibility: hidden; display: block; content:" "; clear:both; height:0; line-height:0; font-size:0;}
.clearfix{*zoom:1;}
.hide {display: none !important;  visibility: hidden !important}
.affix {position: fixed !important; z-index:9996;}
.abote{ position:absolute!important;}
.text-center {text-align:center}
.text-left {text-align:left}
.text-right {text-align:right}
.pull-left {float:left}
.pull-right {float:right}
.box20 {padding:20px;}
.box10 {padding:10px 10px 10px 10px;}
.mt10 {margin-top:10px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}

/* 主要样式 */
.xyzp_main{ min-width: 320px; max-width:640px; margin: 0 auto; width: 100%; text-align: left; position: relative; height:100%; min-height:100%;}
.xyzp_cnt{ width:100%; height:100%; min-height:100%; background-size:100%; background-color:#f2f2f2; position:relative;}
.xyzp_fer{ width:100%; position:absolute; bottom:0; right:0; z-index:0;}
.xyzp_cc{ width:100%; height:100%; min-height:100%;  position:relative;}

/*主要内容*/
.xyzp-c-w{ position:absolute; top:45px; bottom:50px; left:0; right:0; overflow-x:hidden; overflow-y:auto;}

/*头部*/
.xyzp-top{ padding-bottom:45px;}
.xyzp-top-c{min-width: 320px; max-width:640px; margin: 0 auto; width:100%; height:45px; background:#369ee7; position: absolute; top:0; z-index:2;}
.xyzp-top-c h1{ padding:0 10px; height:45px; line-height:45px; text-align:center; font-size:18px; font-weight:normal; color:#fff;}

/*操作按钮*/
.btn{height:35px; display:inline-block; text-align:center; padding:0 20px; background-color:#ccc; color:#fff; line-height:35px; font-size:18px;border-radius:4px; border:1px solid #ccc; float:left;}
.btn-b100{width:100%;}
.btn-b46{ width:46%;}
.btn-r8{ margin-right:8%;}
.btn-ls{background-color:#369ee7; border:1px solid #369ee7;}
.btn-ls:active{background:#50b7ff; border:1px solid #50b7ff}
.btn-bs{background-color:#fff; border:1px solid #cccccc; color:#333333;}
.btn-bs:active{background-color:#f2f2f2; border:1px solid #cccccc;}
.xyzp-bot{ padding-top:50px;}
.xyzp-bot-c{ width:100%; position: absolute; bottom:0; left:0; z-index:2;}
.xyzp-bot-cc{ min-width: 320px; max-width:640px; margin: 0 auto; padding:10px; overflow:hidden;}

/*提示文字*/
.xyzp-ts{ padding:8px 10px;}
.xyzp-ts p{ color:#ff5900; line-height:15px; font-size:12px;}

/* 表单 */
.zp-info{ padding:10px 10px; background:#fff; margin-bottom:10px;}
.zp-info-tit{ width:100%; height:21px; margin-bottom:10px;}
.zp-info-tit i{ display:block; width:16px; height:16px; background:url(../images/zp_icon01.png) 0 0 no-repeat; background-size:100%; float:left; margin-top:3px; margin-right:5px;}
.zp-info-tit span{ display:block;font-size:16px; color:#369ee7; height:21px; line-height:21px;}
.zp-info-cnt{}
.zp-info-cnt li{ margin-bottom:8px; min-height:40px; position:relative;}
.zp-info-cnt li .select-arrow{ position: absolute; right:8px; width: 11px; height: 7px; top:45%; background:url(../images/zp_icon02.png) 0 0 no-repeat; background-size: 100%;}
.zp-info-cnt .form-set{ display:block; width:100%; height:40px; line-height:40px; border:1px solid #cccccc; padding:0 8px; border-radius:5px; color:#000; font-size:14px; overflow:hidden;}
.zp-info-cnt .form-int{ display:block; width:100%; height:40px; line-height:40px; border:1px solid #cccccc; padding:0 8px; border-radius:5px; color:#000; font-size:14px; overflow:hidden;}
.zp-info-cnt .form-txt{ display:block; width:100%; height:80px; line-height:18px; border:1px solid #cccccc; padding:5px 8px; border-radius:5px; color:#000; font-size:14px; overflow:hidden;}
.error{ font-size:12px; line-height:15px; color:red; padding:5px 10px 0 10px;}

.zp-info-cnt .form-int::-webkit-input-placeholder { font-weight:normal; color:#999;}
.zp-info-cnt .form-int:-moz-placeholder { font-weight:normal; opacity: 1; color:#999;}
.zp-info-cnt .form-int::-moz-placeholder {font-weight:normal; opacity: 1; color:#999;}
.zp-info-cnt .form-int:-ms-input-placeholder {font-weight:normal; color:#999;}
.zp-info-cnt .form-txt::-webkit-input-placeholder { font-weight:normal; color:#999;}
.zp-info-cnt .form-txt:-moz-placeholder { font-weight:normal; opacity: 1; color:#999;}
.zp-info-cnt .form-txt::-moz-placeholder {font-weight:normal; opacity: 1; color:#999;}
.zp-info-cnt .form-txt:-ms-input-placeholder {font-weight:normal; color:#999;}

/*确认信息*/
.qr-info-cnt{}
.qr-info-cnt li{ margin-bottom:8px; min-height:30px; position:relative; border-bottom:1px solid #ccc; padding:0 5px; overflow:hidden;}
.qr-info-cnt li .qrinfo-t1{ display:block; float:left; font-size:14px; color:#333; font-weight:normal;}
.qr-info-cnt li .qrinfo-t2{display:block; float: right; font-size:14px; color:#369ee7;}
.qr-info-cnt li .qrinfo-t3{display:block; float: left; width:100%;  font-size:14px; color:#369ee7; padding-bottom:5px;}

/*结果*/
.zp-jg{ padding:60px 20px 0 20px; text-align:center;}
.zp-jg img{ width:60px; margin-bottom:20px;}
.zp-jg h1{ font-size:18px; color:#01ab53; font-weight:normal;}
.zp-jg h2{font-size:14px; color:#999999; font-weight:normal;}


/*弹层*/
.mask{position:fixed;top:0;left:0; height:100%;width:100%;background:#000;opacity:0.6;display:none;z-index:3;}

.gk-box{ width: 100%; position: fixed; top:35%; z-index:4; display:none;}
.gk-box-w{min-width:300px; max-width:640px; margin: 0 auto; padding:0 25px; height:100%;}
.gk-box-wc{ background:#fff; width:100%; border-radius:5px; position:relative; height:100%;}
.gk-box .gkbox-gb{ display:block; width:35px; height:35px; background:#ccc;}
.gk-box .gkbox-cnt{ padding:15px 10px; text-align:center;}

.kjtc-t1{ font-size:14px; line-height:18px; font-weight:normal; padding-top:10px;}
.kjtc-t1 b{ color:#d43a3c;}
.kjtc-anniu{ display:block; text-align:center; padding-top:15px;}
.kjtc-anniu a{ display:inline-block; width:40%; height:35px; line-height:35px; color:#fff; text-decoration:none; background:#369ee7; border-radius:5px;}

/* ======================================== */
/*首页样式*/
.sy_cnt{ width:100%; height:100%; min-height:100%; background-size:100%; background:url(../images/zp_bg001.jpg) 0 0 no-repeat; background-size:100% 100%; background-color:#02214d; position:relative;}
.syn_cnt{ width:100%; height:100%; min-height:100%; background-size:100%; background:url(../images/zp_bg002.jpg) 0 0 no-repeat; background-size:100% 100%; background-color:#02214d; position:relative;}
.sy-zttxt{ padding:0 0px; padding-top:7.8rem;}
.sy-zttxt h1{ font-size:0.6rem; color:#fff; text-align: left; padding-left:5rem; font-weight: normal;}

.sy-bot{ padding:40px 20px 0 20px; position:absolute; bottom:40px; left:0; right:0;}
.sy-bot a{ display:block; float:left; height:60px; background:#ccc; text-align:center; opacity:0.9; font-size:18px; color:#fff; font-weight:bold;}
.sy-bot a:active{opacity:1;}
.sy-bot a span{display:inline-block; margin-top:5px;}
.sy-bot a i{ display:block; width:40px; height:40px; float:left; background:#ccc; margin-top:5px;}
.sy-bot a b{ display:block; float:left; padding-top:12px; padding-left:5px;}
.sy-bot .sy-btn01{ width:48%; background:#9ac728; margin-right:4%; margin-bottom:10px;}
.sy-bot .sy-btn01 i{ background:url(../images/zp_icon04.png) 0 0 no-repeat; background-size:100%;}
.sy-bot .sy-btn02{ width:48%; background:#0095d6; margin-bottom:10px;}
.sy-bot .sy-btn02 i{ background:url(../images/zp_icon05.png) 0 0 no-repeat; background-size:100%;}
.sy-bot .sy-btn03{ width:100%; background:#e82b89; }
.sy-bot .sy-btn03 i{ background:url(../images/zp_icon06.png) 0 0 no-repeat; background-size:100%;}


/*首页-招聘计划*/
.zpjh-w{ padding:2.2rem 20px 30px 20px; height:100%;}
.zpsm-col{ background-color: rgba(255,255,255,0.97); height:100%; margin-bottom:30px; 
-moz-box-shadow:0px 3px 11px #ccc; 
-webkit-box-shadow:0px 3px 11px #ccc; 
box-shadow:0px 3px 11px #ccc; padding:20px 5px 20px 10px;}
.zpsm-col-w{ width:100%; height:95%; overflow-y:auto; overflow-x:auto; padding-right:5px;}
.zpsm-col-w::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0);  
    border-left: 1px solid rgba(0, 0, 0, 0);  
}  
.zpsm-col-w::-webkit-scrollbar {  
    width: 5px;  
    height: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}  
.zpsm-col-w::-webkit-scrollbar-thumb {  
    background-color: rgba(0, 0, 0, 0.3);  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 28px;  
}  
.zpsm-col-w::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(0, 0, 0, 0.3);  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}


.zpsm-tit{ text-align:center; font-size:18px; color:#0095d6; padding:0 0 15px 0;}
.zpsm-cnt{}
.jh-tab01{ width:100%; border:1px solid #999999; border-bottom:0; border-right:0; font-size:12px; color:#333;}
.jh-tab01 th{ height:20px; font-size:12px; text-align:center; font-weight:normal; border-bottom:1px solid #999; border-right:1px solid #999; line-height:14px; padding:5px 0;}
.jh-tab01 td{ height:20px; font-size:12px; text-align:center; font-weight:normal; border-bottom:1px solid #999; border-right:1px solid #999; line-height:14px; padding:5px 0;}

.jh-tab02{ width:150%; border:1px solid #999999; border-bottom:0; border-right:0; font-size:12px; color:#333;}
.jh-tab02 th{ height:20px; font-size:12px; text-align:center; font-weight:normal; border-bottom:1px solid #999; border-right:1px solid #999; line-height:14px; padding:5px 0; color:#000; font-weight:bold;}
.jh-tab02 td{ height:20px; font-size:12px; text-align:center; font-weight:normal; border-bottom:1px solid #999; border-right:1px solid #999; line-height:14px; padding:5px 0;}
.jh-tab02 .jhhj-bg{ background-color: rgba(0,0,0,0.1);}

/*首页-招聘公告*/
.swiper-container {width: 100%; height:100%; padding:2.2rem 0px 30px 0px;}
.swiper-slide { font-size:14px; height:100%;}
.zpgg-col{ width:100%; height:100%; overflow-y:auto; overflow-x:hidden; padding-right:5px;}
.zpgg-col::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0);  
    border-left: 1px solid rgba(0, 0, 0, 0);  
}  
.zpgg-col::-webkit-scrollbar {  
    width: 5px;  
    height: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}  
.zpgg-col::-webkit-scrollbar-thumb {  
    background-color: rgba(0, 0, 0, 0.3);  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 28px;  
}  
.zpgg-col::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(0, 0, 0, 0.3);  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}  
.zpgg-cnt{}
.zpgg-cnt .zc-t1{ color:#333333;  padding:0 10px; padding-bottom:20px; font-size:14px; line-height:25px;}
.zpgg-cnt .zc-t1 b{ color:#0095d6;}
.zpgg-cnt .zc-t1 i{ color:#0095d6; font-style:normal;}

.zpgg-cnt .zc-t2{ overflow:hidden; margin-bottom:20px;}
.zpgg-cnt .zc-t2 li{ width:100%; float:left; position:relative; min-height:35px; padding-bottom:15px;}
.zpgg-cnt .zc-t2 li:last-child{ padding-bottom:0;}
.zpgg-cnt .zc-t2 li b{ float:left; color:#0095d6; width:100px; text-align:right; padding-right:3px; position:absolute; top:0; left:0; line-height:14px;}
.zpgg-cnt .zc-t2 li p{ float:left; color:#333; width:100%; padding-left:115px; padding-right:10px; position:relative;}
.zpgg-cnt .zc-t2 li p i{ display:block; width:8px; height:8px; background:#e82b89; border-radius:4px; z-index:9; position:absolute; left:100px; top:6px;}
.zpgg-cnt .zc-t2 li p .wxts{ color:#e82b89; font-size:12px;}
.zpgg-cnt .zc-t2 li i.zc-xian{ display:block; width:1px; height:500px; background:#0095d6; z-index:1; position:absolute; left:104px; top:6px;}




/*loading遮罩*/
.loading{}
.loading .lg-bg{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;opacity:0.4;z-index:99;}
.loading .loader{position:fixed; top:48%; left:50%; z-index:100; margin-left:-10px;}

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative; }
.ball-spin-fade-loader > div:nth-child(1) {
top: 25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
		animation: ball-spin-fade-loader 1s 0s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) {
top: 17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
		animation: ball-spin-fade-loader 1s 0.12s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 25px;
-webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
		animation: ball-spin-fade-loader 1s 0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) {
top: -17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
		animation: ball-spin-fade-loader 1s 0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) {
top: -25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
		animation: ball-spin-fade-loader 1s 0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {
top: -17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
		animation: ball-spin-fade-loader 1s 0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -25px;
-webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
		animation: ball-spin-fade-loader 1s 0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {
top: 17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
		animation: ball-spin-fade-loader 1s 0.84s infinite linear; }
.ball-spin-fade-loader > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
position: absolute; }

/*招募计划2018-09-03*/
.zpsm-colnew-w{ width:100%; height:95%; padding-right:5px;}
.zpsm-cntnew{ width: 100%; height: 100%; position:relative; overflow:hidden;}
.zpsm-cntnew .jh-tab02{ width:100%;}
#left-div {
	width: 140px;
	height: 100%;
	position:absolute; top:0; left:0;
	padding-top:78px;
}
#left-div1 {
	width: 100%;
	margin-top:-78px;
}
#left-div2 {
	width: 100%;
	height:100%;
	overflow: hidden;
	margin-top:-1px;
	
}
#left-table2 {

}
#right-div {
	float: left;
	height: 100%;
	width: 100%;
	padding-left:140px;
	padding-top:78px;
	overflow:hidden;
}
#right-div1 {
	width: 100%;
	overflow: hidden;
	margin-top:-78px;
}
#right-div2 {
	width: 100%;
	height: 100%;
	overflow: auto;
	margin-top:-1px;
}
#right-table1 {
	width: 455px;
}
#right-table2 {
	width: 455px;
	overflow: auto;
}

#right-div1 .jh-tab02 th{ width:35px;}
#right-div2 .jh-tab02 td{ width:35px; height:38px;}

#left-div1 .jh-tab02 th{ height:25px;}
#left-div2 .jh-tab02 th ,#left-div2 .jh-tab02 td{ /*min-width:38px;*/ height:38px; line-height:13px;}