﻿@charset "utf-8";
*{margin:0px;padding:0px;}
/*内外边距初始化*/
html, body, div, h1, h2, h3, h4, h5, h6, p, span, img, input, textarea, ul, ol, li, hr { margin: 0;padding: 0;font-size:62.5%; font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
/*去除 list 默认样式*/
ul, ol {list-style-type: none;}
/*去除 a 标签默认样式*/
a {text-decoration: none;}
/*左右浮动*/
.fl {float: left;}
.fr {float: right;}
/*清除浮动*/
.clear{clear:both;}
.clearfix::after {display: block; height: 0; content: ""; clear: both; visibility: hidden;}
/*不同字号*/
.f-13 {font-size: 1.3rem;}
.f-14 {font-size: 1.4rem;}
.f-16 {font-size: 1.6rem;}
.f-18 {font-size: 1.8rem;}
.f-20 {font-size: 2rem;}
/*元素类型*/
.inline {display: inline;}
.block {display: block;}
.inline-block {display: inline-block;}
/*box-sizing*/
.border-box {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*外边距*/
.mar20 { margin:20px auto;}
.mar15 { margin:15px auto;}
.mar10 { margin:10px auto;}
/*内边距*/
.pad20 { padding:20px;}
.pad15 { padding:15px;}
.pad10 { padding:10px;}
/*省略号*/
.slh {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slhm {overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*透明度*/
.opacity{opacity: 0; cursor:pointer;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
/*首行缩进*/
.shsj { text-indent:2em}
/*字体对齐*/
.textl {text-align:left}
.textc {text-align:center}
.textr {text-align:right}
/*强制换行*/
.qzhh {word-wrap:break-word; word-break:break-all; padding:0px;}
/*图片链接边框*/ 
.borimg{border:0 none;}
/* 鼠标样式 */
.pointer{ cursor:pointer;}
/* 定位关系 */
.absolute{ position:absolute;}
.relative{ position:relative;}

.wirte{color:#fff;}
.line-35{line-height:35px}
.line-45{line-height:45px;}
.line-25{line-height:25px;}
/*-------------分割线-----------------*/
/*top 内边距为 12
main: 内边距为 20
上下栏目边距为 15px*/

/*顶部*/
.top{width:100%; max-width:750px; margin:0 auto;overflow:hidden;padding:0 12px; box-sizing:border-box; background:#0a95e1; }
.top_nav{font-size: 1.6rem; color:#fff; line-height: 43px;margin-top: 5px;}
.top_nav img {display: inline-block;margin-left: 6px;position: relative;top: 3px;width: 20px;}

/*主体*/
.main{width:100%; max-width:750px; margin:0 auto;overflow:hidden; box-sizing:border-box; background:#eff0f2;}


/*搜索样式*/
.main_search {
    background-color: #fff;
    padding: 0px 10px;
    height: 45px;
    /*line-height: 45px;*/
	position: relative;
}

/*.main_search input[type="text"] {
    border-radius: 10px;
    height: 28px;
    width: 74%;
    border: 1px solid #DBDBDB ;
    position: relative;
    padding-left: 16px;
    color: #b6bdc8;
    top: 7px;
	outline:none;
    background-color: #e5e9ee;
}*/

/*.main_search .txt_box {
        border-radius: 5px;
        height: 28px;
        width: 74%;
        border: 1px solid #dcdcdd;
        position: relative;
        padding-left: 16px;
        color: #101010;
        top: 7px;
        outline: none;
        -webkit-appearance: none;
        font-size: 1.3rem;
    }*/

.main_search .txt_box {
    border-radius: 14px;
    height: 30px;
    width: 74%;
    border: none;
    position: relative;
    padding-left: 16px;
    color: #101010;
    top: 7px;
    outline: none;
    -webkit-appearance: none;
    background-color: #EFF0F2;
    font-size: 1.3rem;
}

span.search_btn img {
    width: 38%;
    position: relative;
    top: 6px;
    /*left: 2px;*/
}

span.search_tit {
    font-size: 1.5rem;
    position: relative;
    top: 0px;
    display: inline-block;
}

span.search_btn {
    display: inline-block;
    width: 20%;
    height: 45px;
    line-height: 45px;
    float: right;
	text-align:right;
}
span.search_icon {
    position: absolute;
    left: 65%;
    height: 20px;
    top: 12px;
    padding: 0px 12px;
    border-left: 1px solid #9da4b1;
}

span.search_icon img {
    height: 22px;
}
span.search_icon input {
    height: 22px;
}



/*遮罩层效果*/

div.slide-mask {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display:none;
}
aside.slide-wrapper {
  position: fixed;
  z-index: 4;
  right: 0;
  top: 0;
  width: 90%;
  height:100%;
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  
}
aside.slide-wrapper > div {
  background-color: #ffffff;
  min-height: 100%;
}
aside.slide-wrapper > div > div {
  padding: 0 10px;
  height: 45px;
  background-color: #fff;
  overflow: hidden;
}
aside.slide-wrapper > div > div strong {
  height: 45px;
  line-height: 45px;
  font-size: 1.4rem;
  color: #333;
  font-weight: 600;
}
aside.slide-wrapper.moved {
  
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slide-qy ul li {
    width: 91%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    position:relative;
    padding: 5px 0px;
}


.slide-qy ul li  a {
    width: 15%;
    height: 28px;
    line-height: 25px;
    font-size: 1.2rem;
    display: inline-block;
    margin: 5px 1px;
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 0.4em;
    color:#333;
}

.slide-on {
    background-color:#0a95e1 !important;
    color:#ffffff !important;    
}





.slide-qy ul {
    overflow: auto;
}

.qy_bott {
    width: 100%;
    padding: 0px !important;
    position: fixed;
    bottom: 0px;
}
.zz_gw{border-top:1px solid #cecece;padding: 0px !important;margin: 0 10px;}
ul.gw_name li a {
    width: 23%;
}
.qy_chongzhi {
    width: 50%;
    display: inline-block;
    text-align: center;
    background-color: #dff4ff;
    float:left;
    color: #0a95e1;
    height: 45px;
    line-height: 45px;
}
.qy_chongzhi a {
    font-size:1.4rem;
}
.qy_sure {
    display: inline-block;
    width: 50%;
    height: 45px;
    line-height: 45px;
    float:right;
    text-align: center;
    background-color: #0a95e1;
    color: #ffffff;
}
.qy_sure a {
    font-size:1.4rem;
}


/*列表*/
.main_list li {
    margin-top: 10px;
    background-color: #fff;
	color:#000000;
    padding: 10px;
	position:relative;
    box-sizing: border-box;
}
.main_list li a{
	color:#000000;
	}
p.recruit_js {
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}

span.recruit_zw {
     font-size: 1.8rem;
}

span.recruit_gz {
     font-size: 2rem;
    color: #d50000;
}

p.recruit_js {
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}

span.recruit_gz_size {
    font-size: 1.6rem;
    color: #d50000;
}

.gsjs span {
    background-color: #3cb2f3;
    color: #fff;
    font-size: 1.6rem;
    padding: 0px 5%;
    height: 27px;
    line-height: 27px;
    margin-right: 10px;
    margin-top: 10px;
}
p.zpyq {
    margin-top: 5px;
}

p.zpyq span {
    font-size: 1.4rem;
    padding: 0px 1px;
    color: #777;
}

span.zwyq {
    padding-left: 0px;
}

p.zpyq {
    margin-top: 5px;
}

p.zpyq span {
    font-size: 1.4rem;
    padding: 0px 0.5%;
    color: #777;
}

span.zwyq {
    padding-left: 0px;
}
p.gsdz {
margin-top: 10px;}

.gsdz span {
    font-size: 1.6rem;
    color: #323232;
}

span.gs_addicon {
    width: 35px;
    height: 34px;
    display: inline-table;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    background-color: #f2f5f7;
}

span.gs_addicon img {
    width: 63%;
    margin-top: 5px;
}

span.addre_name {
    margin-left: 8px;
}
p.recruit_time {
    width: 20%;
	text-align:right;
    font-size:1.2rem;
    position: absolute;
    right: 10px;
    top: 53px;
    color: #999999;
}
/*返回顶部*/
.top{width:100%; max-width:750px; margin:0 auto;overflow:hidden;padding:0 12px; box-sizing:border-box; background:#0a95e1; }
.top_nav{font-size: 1.6rem; color:#fff; line-height: 43px;margin-top: 5px;}
.top_nav img {display: inline-block;margin-left: 6px;position: relative;top: 3px;width: 20px;}
	
/*查看更多*/
.recruit_more{
	text-align:center;
	height: 40px;
	line-height: 40px;
	color: #333333;
	font-size: 1.3rem;
	}

.post {
    padding-top: 10px;
    max-height: 73px;
    overflow: hidden;
}

/*详情页部分样式*/
.pad10{
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	background-color:#fff;
}
.details_name {
    background: #fff;
}
p.recruit_yq span {
    color: #777777;
    padding: 3px;
    font-size:1.3rem;
    margin-right: 10px;
    height: 20px;
    line-height: 20px;
}
span.gs_img {
    display: inline-block;
    text-align: center;
    padding: 5px;
    border: 1px solid #cdd6dd;
    background-color: #f2f5f7;
    border-radius: 50%;
    float: left;
}

.gs_img img {
    width: 89%;
}
.gw_name {
    overflow:auto;
}

span.gs_name {height: 45px;line-height: 45px;display: inline-block;float: left;margin-left: 10px;font-size: 1.6rem;font-weight: 600;}

p.details_title {
    padding: 0px 5px  5px 5px;
    border-bottom: 1px solid #d9d9d9;
}
p.gs_address {
    font-size: 1.3rem;
    color: #0a95e1;
    padding: 0px 5px;
    height: 30px;
    line-height: 30px;
}
.details_js p {
    padding: 0px 5px;
    font-size: 1.4rem;
    height: auto;
    line-height: 25px;
    color: #333;
}

.details_js {
    margin-top: 10px;
}


/*任职要求*/
.details_jobs { background-color: #fff;border-bottom: 1px solid #d9d9d9; margin-top:15px;}
.jobs_tit img { width: 34px; position: relative; display: inline-block; top: 8px; }
.jobs_tit {padding: 0 5px;height: 45px;border-bottom: 1px solid #d9d9d9;padding-bottom: 5px;}
.jobs_tit span { font-size: 1.6rem; display: inline-block; color:#333; margin-left: 10px; font-weight: 600;}
.details_jobs ul li {
				font-size: 1.4rem;
				text-align: left;
				color: #333;
				padding: 2px 4px;
				line-height: 24px;
				/* height: 56px; */
				/* overflow: hidden; */
				/*padding-left: 36px;*/
				/* border-bottom: 1px solid #d9d9d9; */
				background: url(../images/dt_list_03.png) no-repeat  top 9px left 11px;
				background-size: 11px;
				}
.details_jobs ul li:first-child{
	margin-top: 8px;
	} 
.yxkl_tit {
    font-size: 1.4rem;
    font-weight: 600;
    background: url(../images/star_01_03.png) no-repeat top 2px left 7px;
    padding-left: 33px;
    margin-top: 10px;
    background-size: 20px;
    height: 26px;
    line-height: 26px;
}

.yxkl span {
    display: block;
    padding-left: 33px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #333333;
}
/*详情页部分样式end*/

/*底部*/
.footer{width:100%; max-width:750px; margin:0 auto;overflow:hidden;padding: 10px 12px 20px 12px; box-sizing:border-box; background:#5d626a; }


/*针对样式适配手机宽度为320px*/
@media (max-device-width:320px) {
	.slide-qy ul li a {
    width: 14%;
    height: 28px;
    line-height: 25px;
    font-size: 1.2rem;
    display: inline-block;
    margin: 5px 1px;
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 0.4em;
    color: #333;
}
ul.gw_name li a {
    width: 23%;
}
	p.recruit_time {
    width: 22%;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 53px;
    color: #999999;
}
/*详情页*/
span.gs_name {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-size: 1.5rem;
    font-weight: 600;
}
}
