body {
}
.recuits {
    background: #01458e;
    height:53px
}
    .recuits span.span1 {
        padding-left: 5px;
        width: 18.68%;
    }

    .recuits span.span1 {
        padding-left: 5px;
        width: 18.68%;
    }

    .recuits span {
        display: block;
        float: left;
        height: 53px;
        line-height: 53px;
        color: #ffffff;
        font-size: 16px;
    }

.recuits span.span2 {
    width: 15.13%;
}
.recuitetle {
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    cursor: pointer;
    transition: 0.56s;
}
    .recuitetle span {
        display: block;
        text-indent: 5px;
        float: left;
        height: 63px;
        line-height: 63px;
        color: #838383;
        font-size: 14px;
        transition: 0.4s;
    }

        .recuitetle span.span2 {
            width: 15.13%;
        }
    .recuitetle b {
        display: block;
        width: 20px;
        height: 20px;
        color: #838383;
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
        line-height: 20px;
        overflow: hidden;
    }
.recuitetext p {
    color: #838383;
    font-size: 14px;
}
.recuitetle {
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    cursor: pointer;
    transition: 0.56s;
}
.recuits span.span3 {
    width: 17%;
}
.recuits span.span4 {
    width: 15.8%;
}
.recuitetle span.span4 {
    width: 13.8%;
}