.clear {
    clear: both;
}


/************middleNav ***************/

.middleNavWrapper {
    background: #FFF;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    width: 100%;
}

.middleNavWrapper .middleNav {
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
}

.middleNavWrapper .middleNav li {
    height: 50px;
    line-height: 50px;
    float: left;
}

.middleNavWrapper .middleNav .middleNav {
    color: #757575;
    font-size: 16px;
    font-family: Helvetica, Arial, "黑体", sans-serif;
}

.middleNavWrapper .middleNav .middleNav_active {
    color: #0c0c0c;
}


/************employ ***************/

.mb {
    display: none;
}

.pd {
    display: none;
}

.detailInfo_mb {
    display: none;
}

.employ_wrapper img {
    width: 100%;
}

.employ_wrapper .main_wrapper {
    width: 100%;
    background: #dadada;
    padding: 50px 0;
    margin-bottom: 60px;
    margin-top: -3px;
}

.employ_wrapper .main_wrapper .main_info {
    width: 1180px;
    margin: 0 auto;
}

.employ_wrapper .main_wrapper .main_info h2 {
    font-size: 24px;
    padding: 0 0 15px 0;
    color: #0e1b8e;
}

.position {
    width: 335px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.position a {
    width: 165px;
    display: inline-block;
    background: #FFF;
    text-align: center;
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #4d4d4d;
    font-size: 18px;
    font-family: Helvetica, Arial, "黑体", sans-serif;
    font-weight: bold;
}

.active_employ {
    background: #0989ec !important;
    color: #FFF !important;
}

.positionSearch {
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
}

.positionSearch li {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 1%;
}

.positionSearch li:last-child {
    margin-right: 0px;
}

.positionSearch li.companyName,
.positionSearch li.workAdress {
    width: 45%;
    background: #FFF;
}

.positionSearch .searchBtn {
    width: 8%;
    height: 40px;
    line-height: 40px;
    background: #0989ec;
}

.positionSearch .searchBtn .btn {
    color: #FFF;
    font-size: 18px;
    font-family: Helvetica, Arial, "黑体", sans-serif;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    background: #0989ec;
}


/*下拉框*/

.select_box {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: url(images/nameIcon_blank.png) no-repeat 98% center;
    background-size: auto;
    border: none;
    font-size: 12px;
}

.select_txt {
    display: inline-block;
    padding-left: 10px;
    width: 80%;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6c6c6c;
}

.select-box {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: url(images/nameIcon_blank.png) no-repeat 98% center;
    background-size: auto;
    border: none;
    font-size: 12px;
}

.select-header {
    display: inline-block;
    padding-left: 10px;
    width: 100%;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #6c6c6c;
}

.select-content {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 1px #cdcdcd;
    position: absolute;
    top: 40px;
    left: -1px;
    display: none;
    z-index: 11;
    padding-left: 0px;
}

.select-content li {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: left;
    padding: 0 5px;
    width: 100%;
    background: #FFF;
    font-family: Helvetica, Arial, '黑体', sans-serif;
    font-size: 18px;
    color: #6c6c6c;
}

.select_txt span {
    font-size: 18px;
    font-family: Helvetica, Arial, "黑体", sans-serif;
}

.option {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 1px #cdcdcd;
    position: absolute;
    top: 40px;
    left: -1px;
    display: none;
    z-index: 11;
}

.option a {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: left;
    padding: 0 5px;
    width: 100%;
    background: #FFF;
    font-family: Helvetica, Arial, '黑体', sans-serif;
    font-size: 18px;
    color: #6c6c6c;
}

.content .option a:hover {
    background: #ccc;
}

.order_textarea_hide {
    display: none;
}

.order_textarea_show {
    display: block;
}

.employ_wrapper .main_wrapper .detailInfo {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    background: #FFF;
}

.employ_wrapper .main_wrapper .detailInfo li {
    float: left;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #5a5a5a;
    border-bottom: 1px solid #e3e3e3;
    font-size: 14px;
    font-family: "宋体";
}

.employ_wrapper .main_wrapper .detailInfo li:first-child,
.employ_wrapper .main_wrapper .detailInfo li:last-child {
    border-bottom: none;
}

{
    border-bottom: none;
}

.employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 {
    width: 100%;
    height: 44px;
}

.employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li {
    width: 20%;
    padding-left: 20px;
    border-bottom: none;
}

.employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li.title {
    border-bottom: none;
}

.employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li.zwName {
    width: 25%;
}

.employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li.gzAdress {
    width: 18%;
}

.employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li.fbDate {
    width: 15%;
}

.employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li.zwDetail {
    width: 13.188%;
}

.employ_wrapper .main_wrapper .detailInfo li .look_info {
    display: inline-block;
    padding-left: 15px;
    background: url(../images/triggle.png) no-repeat 5px 20px;
}

.employ_wrapper .main_wrapper .detailInfo li.clear {
    width: 0px;
    padding: 0;
    margin: 0;
    height: 0;
}

.employ_wrapper .main_wrapper .detailInfo li.zwName {
    width: 25%;
}

.employ_wrapper .main_wrapper .detailInfo li.gsName,
.employ_wrapper .main_wrapper .detailInfo li.zwName {
    color: #10218b;
    font-weight: bold;
    text-decoration: underline;
}

.employ_wrapper .main_wrapper .detailInfo li.title {
    border-right: 1px solid #FFF;
    background: #737373;
    color: #FFF;
    border-bottom: none;
    text-decoration: none;
    font-weight: normal;
}

.employ_wrapper .main_wrapper .detailInfo li.gzAdress {
    width: 18%;
}

.employ_wrapper .main_wrapper .detailInfo li.fbDate {
    width: 15%;
    font-family: Arial, Helvetica, sans-serif;
}

.employ_wrapper .main_wrapper .detailInfo li.zwDetail {
    width: 13.188%;
    border: none;
    border-bottom: 1px solid #e3e3e3;
}

.employ_wrapper .main_wrapper .detailInfo li.zwDetail a span {
    color: #5a5a5a;
}


/**分页***/

.employ_wrapper .main_wrapper .fenPage {
    width: 190px;
    margin: 0 auto;
    padding: 25px 0 0 0;
}

.employ_wrapper .main_wrapper .fenPage li {
    float: left;
    width: 15px;
    color: #a8a8a8;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.employ_wrapper .main_wrapper .fenPage li a {
    color: #a8a8a8;
}

.employ_wrapper .main_wrapper .fenPage li .active_page {
    color: #000;
}

.employ_wrapper .main_wrapper .fenPage li.prev,
.employ_wrapper .main_wrapper .fenPage li.next {
    width: 60px;
}

@media only screen and (max-width: 1024px) {
    .pc {
        display: none;
    }
    .pd {
        display: block;
    }
    .mb {
        display: none;
    }
    .middleNavWrapper,
    .topPicWrapper,
    .productsClassWrapper {
        margin: 0px;
        padding-left: 20px;
    }
    .employ_wrapper {
        width: 1024px;
    }
    .employ_wrapper .main_wrapper .main_info h2 {
        padding: 0 0 15px 20px;
    }
    .employ_wrapper .main_wrapper .main_info {
        width: 98%;
    }
    .employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li.zwDetail {
        width: 11.8%;
    }
    .employ_wrapper .main_wrapper .detailInfo li .detailInfo_1 li.gzAdress {
        width: 17.84%;
    }
    /*下拉框*/
    .select_box {
        width: 100%;
        background: url(../images/nameIcon_blank.png) no-repeat 95% center;
        background-size: 6.8%;
    }
    .select_txt,
    .select_box {
        height: 40px;
        line-height: 40px;
    }
    .option {
        width: 100%;
        top: 34px;
    }
    .option a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 800px) {
    .pc {
        display: none;
    }
    .pd {
        display: none;
    }
    .mb {
        display: block;
    }
    .middleNavWrapper {
        display: none;
    }
    .detailInfo {
        display: none;
    }
    .fenPage {
        display: none;
    }
    .detailInfo_mb {
        display: block;
    }
    .banner {
        width: 100%;
    }
    .employ_wrapper {
        width: 100%;
    }
    .employ_wrapper .main_wrapper {
        padding: 15px 0;
    }
    .employ_wrapper .main_wrapper .main_info .position {
        width: 167px;
    }
    .employ_wrapper .main_wrapper .main_info h2 {
        font-size: 24px;
    }
    .employ_wrapper .main_wrapper .main_info .position {
        width: 335px;
    }
    .employ_wrapper .main_wrapper .main_info .position li {
        width: 49.2%;
        height: 60px;
        line-height: 60px;
    }
    .employ_wrapper .main_wrapper .main_info .position li a {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }
    .employ_wrapper .main_wrapper .main_info .positionSearch {
        width: 96.5%;
    }
    .employ_wrapper .main_wrapper .main_info .positionSearch .searchBtn {
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        width: 13.2%;
    }
    .employ_wrapper .main_wrapper .main_info .positionSearch li {
        height: 60px;
        line-height: 60px;
    }
    .employ_wrapper .main_wrapper .main_info .positionSearch li.companyName,
    .employ_wrapper .main_wrapper .main_info .positionSearch li.workAdress {
        width: 42.6%;
        height: 60px;
        line-height: 60px;
    }
    /*下拉框*/
    .select_box {
        width: 100%;
        background: url(../images/nameIcon_blank.png) no-repeat 95% center;
    }
    .select_txt,
    .select_box {
        height: 40px;
        line-height: 40px;
        background-size: 8%;
    }
    .option {
        width: 100%;
        top: 40px;
    }
    .option a {
        font-size: 14px;
    }
    .employ_wrapper .main_wrapper #loading {
        margin: 0 auto;
        width: 92.5%;
        height: 564px;
        background-color: #FFF;
        margin-top: 1.5%;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb {
        width: 100%;
        margin: 0 auto;
        background-color: #FFF;
        height: auto;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li {
        width: 100%;
        font-size: 18px;
        color: #122689;
        font-family: Helvetica, Arial, '黑体', sans-serif;
        background: url(../images/jobInfoLine_mb.png) no-repeat left bottom;
        border-bottom: 1px solid #CCC;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li:last-child {
        border-bottom: none;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li .detailInfo_mb_1 {
        width: 88%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li .detailInfo_mb_1 li {
        height: 30px;
        line-height: 30px;
        border: none;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li .detailInfo_mb_1 li span .date_mb {
        font-family: Arial, Helvetica, sans-serif;
    }
    #look_mb {
        background: url(../images/triggle.png) no-repeat left 13px;
        padding-left: 10px;
    }
    /*加载数据*/
    #pullDown .pullDownIcon,
    #pullUp .pullUpIcon {
        display: block;
        float: left;
        width: 40px;
        height: 40px;
        background: url(../images/pull-icon@2x.png) 0 0 no-repeat;
        -webkit-background-size: 40px 80px;
        background-size: 40px 80px;
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-duration: 250ms;
    }
}

@media only screen and (max-width: 500px) {
    .employ_wrapper {
        width: 100%;
    }
    .employ_wrapper .banner img {
        width: 100%;
    }
    .employ_wrapper .main_wrapper {
        padding: 15px 0;
    }
    .employ_wrapper .main_wrapper .main_info h2 {
        font-size: 16px;
    }
    .position {
        width: 100%;
        text-align: center;
    }
    .position a {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .positionSearch {
        width: 92.5%;
    }
    .positionSearch li.companyName,
    .employ_wrapper .main_wrapper .main_info .positionSearch li.workAdress {
        width: 40.7%
    }
    .positionSearch .searchBtn {
        width: 15.92%;
        height: 35px;
        line-height: 35px;
    }
    .positionSearch .searchBtn a .btn {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    /*下拉框*/
    .select_box {
        width: 100%;
        background: url(../images/nameIcon_blank.png) no-repeat 95% center;
    }
    .select_txt,
    .select_box {
        height: 40px;
        line-height: 40px;
        background-size: 16%;
    }
    .select_txt span {
        font-size: 12px;
    }
    .option {
        width: 100%;
        top: 34px;
    }
    .option a {
        font-size: 12px;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb {
        width: 92.5%;
        margin: 0 auto;
        background-color: #FFF;
        margin-top: 1.5%;
        height: auto;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li {
        width: 100%;
        font-size: 13px;
        color: #122689;
        font-family: Helvetica, Arial, '黑体', sans-serif;
        background: url(../images/jobInfoLine_mb.png) no-repeat left bottom;
        border-bottom: 1px solid #CCC;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li:last-child {
        border-bottom: none;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li .detailInfo_mb_1 {
        width: 88%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb li .detailInfo_mb_1 li {
        height: 20px;
        line-height: 20px;
        border: none;
    }
    .employ_wrapper .main_wrapper .main_info .positionSearch li.companyName,
    .employ_wrapper .main_wrapper .main_info .positionSearch li.workAdress {
        height: 35px;
        line-height: 35px;
    }
    .employ_wrapper .main_wrapper .detailInfo_mb .look_mb {
        background: url(../images/triggle.png) no-repeat left 10px;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .employ_wrapper .main_wrapper .main_info .positionSearch .searchBtn {
        width: 15.5%;
    }
}

@media only screen and (max-width: 375px) {
    .employ_wrapper .main_wrapper .main_info .positionSearch .searchBtn {
        width: 15.16%;
    }
}


/*招聘页重置*/

.footer {
    margin-top: 30px;
    width: 100%;
    height: 64px;
    line-height: 64px;
    background: #000000;
    color: #c3c3c3;
}

.footer .links {
    text-align: center;
}

.footer .links a {
    margin: 0 10px;
    color: #c3c3c3;
    font-size: 14px;
}

@media only screen and (max-width: 800px) {
    .positionSearch {
        width: 100%;
    }
    .positionSearch .searchBtn {
        width: 15%;
        height: 35px;
        line-height: 35px;
    }
    .searchInfo .submit {
        width: 100%;
        font-size: 13px;
        height: 35px;
        line-height: 35px;
    }
}

@media only screen and (width:736px) {
    .select_txt,
    .select_box {
        background-size: 10%;
        height: 40px;
        line-height: 40px;
    }
    .searchInfo .submit {
        height: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 667px)and (min-width: 500px) {
    .select_txt,
    .select_box {
        background-size: 10%;
        height: 40px;
        line-height: 40px;
    }
    .searchInfo .submit {
        height: 40px;
        line-height: 40px;
    }
    .select_txt span {
        font-size: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .positionSearch li.companyName,
    .positionSearch li.workAdress {
        width: 41%
    }
}

@media only screen and (max-width: 320px) {
    .positionSearch .searchBtn {
        width: 14%;
    }
    #company a:first-child {
        height: 38px;
        line-height: 18px;
    }
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    border-radius: 0;
    -webkit-appearance: none;
}

textarea {
    border-radius: 0;
    -webkit-appearance: none;
}