.banner{
    background: url(//www.51cube.com/wp-content/uploads/2019/05/job_banner_pc.jpg);
    height: 530px;
    background-size: 1920px 530px;
    background-position: center;
    position: relative;
}
.banner .text-box{
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner .text-box h2{
    font-size: 30px;
    font-weight: 500;
    margin:0 0 10px;
}
.banner .text-box p{
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin:0 0 30px;
}
.text-white{
    color: #fff;
}
.banner .text-box .join{
    padding:10px;
    border:1px solid #fff;
    font-size: 28px;
    color: #fff;
    font-weight: 300;
}
.part-title{
    margin:50px 0;
    text-align: center;
}
.part-title h3{
    font-size: 23px;
    color: #333;
    margin:0 0 10px;
    font-weight: 400;
}
.part-title p{
    font-size: 14px;
    font-weight: 400;
    color: #bbb;
    margin:0;
}
.part-title .blue-line{
    height: 1px;
    width: 60px;
    display: inline-block;
    background: #00afec;
    margin-top: 10px
}

.square{
    width: 20%;
    float: left;
    position: relative;
}
.bg-img{
    background-position: center!important;
    background-size: cover!important;
}
.bg-white{
    background: #fff;
}
.bg-blue{
    background: #00afec
}
.square-wrapper .square:nth-of-type(1){
    background: url(//www.51cube.com/wp-content/uploads/2017/11/1.png);
}
.square-wrapper .square:nth-of-type(3){
    background: url(//www.51cube.com/wp-content/uploads/2017/11/2.png);
}
.square-wrapper .square:nth-of-type(5){
    background: url(//www.51cube.com/wp-content/uploads/2017/11/3.png);
}
.square-wrapper .square:nth-of-type(6){
    background: url(//www.51cube.com/wp-content/uploads/2017/11/4.png);
}
.square-wrapper .square:nth-of-type(8){
    background: url(//www.51cube.com/wp-content/uploads/2017/11/5.png);
}
.square-wrapper .square:nth-of-type(10){
    background: url(//www.51cube.com/wp-content/uploads/2017/11/6.png);
}
.intitle{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.square .intitle h4{
    font-size: 30px;
    margin:0;
    margin-bottom: 10px;
}
.square .intitle p{
    font-size: 12px;
    margin:0;
}
.bg-white .intitle h4,
.bg-white .intitle p{
    color:#9f9f9f;;
}
.bg-blue .intitle h4,
.bg-blue .intitle p{
    color: #fff;
}

.society-index main {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, .05);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .05);
    background-color: #fff;
}
.society-index main td, .society-index main th {
    padding: .75rem!important;
    padding-left: 0!important;
    border-top: 0!important;
}
.society-index main th {
    text-align: left;
    color: #666;
    border-bottom: 1px solid #e8e8e8!important;
}
.society-index{
    padding-bottom: 60px;
}
.jobs-wrapper{
    font-size: 15px;
}
.paginations{
    margin:30px 0 20px;
}
@media(min-width: 576px){
    .table-to-list-on-mobile td:first-child .show-link, .table-to-list-on-mobile td:first-child dl {
        display: none;
    }
}
@media(max-width: 1440px){
    .banner{
        height: 398px;
        background-size: 1440px 398px;
    }
    .society-index{
        padding-bottom: 40px;
    }
}
@media (max-width: 767px){
    .society-index{
        padding-bottom: 0;
    }
    .jobs-wrapper{
        font-size: 14px;
    }
    .paginations{
        margin:40px 0 60px;
    }
    .banner{
        height: 250px;
        background-size: 906px 250px;
    }
    .part-title{
        margin:6vw 0;
    }
    .part-title h3{
        font-size: 5vw;
        margin:0 0 2vw;
    }
    .part-title .blue-line{
        width: 20vw;
        margin-top: 1vw;
    }
    .part-title p{
        font-size: 3vw;
    }
    .banner .text-box h2{
        font-size: 5vw;
        margin:0 0 2vw;
    }
    .banner .text-box p{
        font-size: 3vw;
        margin:0 0 3vw;
    }
    .banner .text-box .join{
        padding:1vw;
        font-size: 4vw;
    }
    .society-index main{
        padding:0;
    }
    .table-to-list-on-mobile td>a {
        display: block;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 12px;
    }
    .table-to-list-on-mobile dl>div {
        margin-bottom: 12px;
    }
    .d-inline {
        display: inline!important;
        margin-left: 0
    }
    .table-to-list-on-mobile .show-link {
        position: absolute;
        right: 20px;
        bottom: 0;
        color: #008ddc;
        font-size: 14px;
    }
    .table-to-list-on-mobile td {
        position: relative;
    }
    .table-to-list-on-mobile dl{
        margin-bottom: 0;
    }
    .table-to-list-on-mobile tr:not(:last-child) dl {
        border-bottom: 1px solid #eee;
    }
    .table-to-list-on-mobile td:not(:first-child), .table-to-list-on-mobile thead {
        display: none;
    }
    .society-index main .table-to-list-on-mobile td {
        padding: 30px 20px 0!important;
        background-color: #fff;
    }
    .square .intitle h4{
        font-size: 5vw;
        margin-bottom: 2vw;
    }
    .square .intitle p{
        font-size: 3vw;
    }
    .square{
        width: 50%;
    }
}