﻿/* 招聘 Recruitment */


.section-nav {
    width: 500px;
    margin: 40px auto;
}
.section-nav a {
    font-size: 18px;
    float: left;
    display: inline-block;
    width: 210px;
    height: 60px;
    line-height: 60px;
    margin: 0 20px;
    text-align: center;
    border: 1px solid #393c8f;
}
.section-nav a.active {
    color: #fff;
    background: #ed813c;
    border: 1px solid #ed813c;
}
.section-con .section-con-list{
    display: none;
}
.section-con .section-con-list.active {
    display: block!important;
}


/* 人才招聘*/
.recruitment{
    background: #fcfcfc;
    padding: 50px;
}
.recruitment-nav {
    padding-left: 100px;
    background: #f5f5f5;
    border-radius: 30px 30px 0 0;
    -moz-box-shadow: 2px 0px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 0px 7px rgba(0,0,0,0.2);
    box-shadow: 2px 0px 7px rgba(0,0,0,0.2);
    /*filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);*/
} 
.recruitment-nav a {
    float: left;
    width: 220px;
    font-size: 22px;
    line-height: 70px;
    text-align: center;
}
.recruitment-nav .active {
    color: #fff;
    background: #0c2349;
    display: block!important;
}

.recruitment-con {
    background: #fff;
    -moz-box-shadow: 2px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 3px 7px rgba(0,0,0,0.2);
    box-shadow: 2px 3px 7px rgba(0,0,0,0.2);
    padding: 20px 100px;
    border-radius: 0 0 30px 30px;
}
.recruitment-con .type-box {
    background: #f5f5f5;
    padding: 40px 10px;
    margin-bottom: 15px;
}
.recruitment-con .type-box label {
    padding: 5px 15px;
    margin: 10px 0;
}
.recruitment-con .type-box span  {
    padding: 8px 30px;
    cursor: pointer;
}
.recruitment-con .type-box span.active {
    background: #0c2349;
    border-radius: 5px;
    color: #fff;
}

.div-table .div-thead {
    border-bottom: 1px solid #aaa;
}
.div-table .div-tr {
    font-size: 16px;
    line-height: 40px;
    color: #000;
}
.div-table .div-th {
    font-size: 16px;
}
.div-table .div-th, .div-table .div-td {
    float: left;
    line-height: 40px;
    width: 15%;
}
.div-table .div-td {
    color: #666;
    font-size: 15px;
}
.div-table .div-th.child-1, .div-table .div-td.child-1 {
    width: 20%;
}
.div-table .div-th.child-2, .div-table .div-td.child-2 {
    width: 9%;
}
.div-table .div-th.child-3, .div-table .div-td.child-3 {
    width: 9%;
}
.div-table .div-th.child-4, .div-table .div-td.child-4 {
    width: 11%;
}
.div-table .div-th.child-5, .div-table .div-td.child-5 {
    width: 8%;
}
.div-table .div-th.child-6, .div-table .div-td.child-6 {
    width: 8%;
}
.div-table .div-th.child-7, .div-table .div-td.child-7 {
    width: 9%;
}
.div-table .div-th.child-8, .div-table .div-td.child-8 {
    width: 9%;
}
.div-table .div-th.child-9, .div-table .div-td.child-9 {
    width: 14%;
}
.div-table .div-th.child-0, .div-table .div-td.child-0 {
    width: 2%;
}
.div-table .div-td.icon-down {
    background: url('/content/img/icon/icon-down.png') no-repeat center center;
}
.div-table .div-td.icon-up {
    background: url('/content/img/icon/icon-up.png') no-repeat center center;
}
.div-table .div-tr-con {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.div-table .div-tr-extend {
    display: none;
    height: 0;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    color: #777;
    position: relative;
    padding: 30px 0 55px;
    text-align: left;
}
.div-table .btnPost {
    width: 100px;
    line-height: 30px;
    color: #fff;
    background: #ed813c;
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    cursor: pointer;
}

.dlgPost {
    position: absolute;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 9999;
}
.dlgPost .dlgPost-body {
    width: 400px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background: #fff;
}


/* 公司福利 */
.welfare .welfare-detail {
    padding: 0 0 50px;
}
.welfare .welfare-detail ul {
    padding: 20px 0;
}
.welfare .welfare-detail li {
    float: left;
    width: 14%;
    width: calc(100% / 7);
}
.welfare-detail .welfare-icon {
    width: 100%;
    height: 80px;
}
.welfare-detail .welfare-text {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.icon-welfare-1 {
    background: url('/content/img/icon/icon-welfare-1.png') no-repeat center center;
}
.icon-welfare-2 {
    background: url('/content/img/icon/icon-welfare-2.png') no-repeat center center;
}
.icon-welfare-3 {
    background: url('/content/img/icon/icon-welfare-3.png') no-repeat center center;
}
.icon-welfare-4 {
    background: url('/content/img/icon/icon-welfare-4.png') no-repeat center center;
}
.icon-welfare-5 {
    background: url('/content/img/icon/icon-welfare-5.png') no-repeat center center;
}
.icon-welfare-6 {
    background: url('/content/img/icon/icon-welfare-6.png') no-repeat center center;
}
.icon-welfare-7 {
    background: url('/content/img/icon/icon-welfare-7.png') no-repeat center center;
}
.icon-welfare-8 {
    background: url('/content/img/icon/icon-welfare-8.png') no-repeat center center;
}
.icon-welfare-9 {
    background: url('/content/img/icon/icon-welfare-9.png') no-repeat center center;
}
.icon-welfare-10 {
    background: url('/content/img/icon/icon-welfare-10.png') no-repeat center center;
}
.icon-welfare-11 {
    background: url('/content/img/icon/icon-welfare-11.png') no-repeat center center;
}
.icon-welfare-12 {
    background: url('/content/img/icon/icon-welfare-12.png') no-repeat center center;
}
.icon-welfare-13 {
    background: url('/content/img/icon/icon-welfare-13.png') no-repeat center center;
}
.icon-welfare-14 {
    background: url('/content/img/icon/icon-welfare-14.png') no-repeat center center;
}
.icon-welfare-15 {
    background: url('/content/img/icon/icon-welfare-15.png') no-repeat center center;
}
.icon-welfare-16 {
    background: url('/content/img/icon/icon-welfare-16.png') no-repeat center center;
}
.icon-welfare-17 {
    background: url('/content/img/icon/icon-welfare-17.png') no-repeat center center;
}
.icon-welfare-18 {
    background: url('/content/img/icon/icon-welfare-18.png') no-repeat center center;
}
.icon-welfare-19 {
    background: url('/content/img/icon/icon-welfare-19.png') no-repeat center center;
}
.icon-welfare-20 {
    background: url('/content/img/icon/icon-welfare-20.png') no-repeat center center;
}
.icon-welfare-21 {
    background: url('/content/img/icon/icon-welfare-21.png') no-repeat center center;
    background-size: auto 60px;
}

/* search */
.search {
    height: 38px;
    margin-bottom: 20px;
}
.search .search-box {
   max-width: 335px;
}
.search .search-box .search-inner-layer {
    border-color: #0c2349;
}
.search .search-box input {
    padding-right: 100px;
}
.search .search-box button {
    width: 100px;
    background: #0c2349;
    color: #fff;
    font-size: 16px;
}
