锘?bg {
    margin-top:80px;height:357px;z-index:-1;position:relative;
}
.bg > div{
/*    background-image:url(/images/about/join_banner.jpg);  
*/    
    
    top: 0; left: 0; height: 100%; width: 100%; background-position: center 60px; background-repeat: no-repeat; background-attachment: fixed;  zoom: 1;
}

.line {
    width:100%;
}
.line.bg1 {
    background:#fff;padding:30px 0 0px;
}
.line.bg1 .title{
    text-align:center;background:url(/images/about/joinus.jpg) no-repeat center center;width:100%;height:75px;
}
 
.line.bg1 .content > div{
    width:500px;float:left;
}

.line.bg1 .content > div:nth-child(2){
    padding-right:15px;
}
.line.bg1 .content > div p{
    font-size:14px;padding-bottom:40px;line-height:20px;
}
.line.bg1 .content > div p:nth-child(1){
    padding-top:10px;
}



.line.bg2 {
    background:#f8f8f8;padding:45px 0 45px;
}
.line.bg2 .title{
    text-align:center;font-size:18px;padding-bottom:20px;
}
.line.bg2 .memo{
    text-align:center;font-size:12px;padding-bottom:35px;color:#777;
}
.line.bg2 .block{
    overflow:inherit!important;
}
    .line.bg2 .block > div {
        display: inline-block;
        width: 16%;
        height: 65px;
        margin: 0 1%;
        margin-bottom: 1.3%;
        background: #fff;
        -webkit-box-shadow: 0 0 10px rgba(219, 219, 219, 0.8);
        -moz-box-shadow: 0 0 10px rgba(219, 219, 219, 0.8);
        box-shadow: 0 0 10px rgba(219, 219, 219, 0.8);
        position: relative;
    }
.line.bg2 .block > div:nth-child(4n){
    /*margin-right:0;*/
}
.line.bg2 .block > div i{
    display:block;width:100%;height:145px;
}
.line.bg2 .block > div:nth-child(1) i{
    background:url(/images/about/join_01.jpg) no-repeat center center;
}
.line.bg2 .block > div:nth-child(2) i{
    background:url(/images/about/join_02.jpg) no-repeat center center;
}
.line.bg2 .block > div:nth-child(3) i{
    background:url(/images/about/join_03.jpg) no-repeat center center;
}
.line.bg2 .block > div:nth-child(4) i{
    background:url(/images/about/join_04.jpg) no-repeat center center;
}
.line.bg2 .block > div:nth-child(5) i{
    background:url(/images/about/join_05.jpg) no-repeat center center;
}
.line.bg2 .block > div:nth-child(6) i{
    background:url(/images/about/join_06.jpg) no-repeat center center;
}
.line.bg2 .block > div:nth-child(7) i{
    background:url(/images/about/join_07.jpg) no-repeat center center;
}
.line.bg2 .block > div:nth-child(8) i{
    background:url(/images/about/join_08.jpg) no-repeat center center;
}
        .line.bg2 .block > div p {
            text-align: center;
            font-size: 14px;
            color: #777;
            position: absolute;
            top: 39%;
            left: 38%;
        }
    .line.bg2 .block > div img {
        position: absolute;
        left: 24%;
        top: 35%;
    }

    .line.bg3 {
        background: #fff;
        padding: 45px 0 15px;
    }
.line.bg3 .title{
    text-align:center;font-size:18px;padding-bottom:20px;
}
.line.bg3 .memo{
    text-align:center;font-size:12px;padding-bottom:35px;color:#777;
}
.line.bg3 .table table{
    width:100%;font-size:14px;line-height:20px;
}
.line.bg3 .table table td{
    vertical-align:top;padding-bottom:25px;
}
.line.bg3 .table table td span{
    font-weight:bold;background:url(/images/about/dot.jpg) no-repeat left center;padding-left:25px;
}

.line.bg3 .table table tr td:nth-child(2){
    color:#777;
}

.line.bg4 {
    background:#f8f8f8;padding:40px 0 70px;
}
.line.bg4 .title{
    text-align:center;font-size:18px;padding-bottom:20px;
}
.line.bg4 .memo{
    text-align:center;font-size:12px;padding-bottom:35px;color:#777;
}
.line.bg4 .blank{
    background:#fff;padding:0 20px 20px;
}
.line.bg4 .blank table{
    width:100%;
}
.line.bg4 .blank table th{
    color:#a19fa9;font-weight:bold;padding:20px;border-bottom:2px solid #ddd;
}
.line.bg4 .blank table tr{
    -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s;
}
.line.bg4 .blank table td{
    padding:20px;border-bottom:1px solid #f4f4f4;
}
.line.bg4 .blank table td p{
     color:#777;font-size:14px;line-height:22px;
}
 
.line.bg4 .blank table td.add{
    background:url(/images/about/join_add.png) no-repeat left center;
}
.line.bg4 .blank table td.red{
    background:url(/images/about/join_red.png) no-repeat left center;
}
/*.line.bg4 .blank table tbody tr:nth-child(2n) td{
    padding:0;border-bottom:none;
}
.line.bg4 .blank table tbody tr:nth-child(2n) td > div{
    margin-top:-1px;padding-left:20px;padding-right:20px;height:0;border-bottom:1px solid #f4f4f4;overflow:hidden;-webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s;
}*/
.line.bg4 .blank table tbody tr:nth-child(2n-1).hover,.line.bg4 .blank table tbody tr:nth-child(2n-1):hover{
    background:#f4f4f4;
}
.all_wrap {
   /* width: 1300px !important;*/
}



.line.bg5 {
    background: #f8f8f8;
    padding: 40px 0 70px;
}

    .line.bg5 .title {
        text-align: center;
        font-size: 18px;
        padding-bottom: 20px;
    }


/*



.line.bg5 .memo {
text-align: center;
font-size: 12px;
padding-bottom: 35px;
color: #777;
}

.line.bg5 .blank {
background: #fff;
padding: 0 20px 20px;
}

.line.bg5 .blank table {
width: 100%;
}

.line.bg5 .blank table th {
    color: #a19fa9;
    font-weight: bold;
    padding: 20px;
    border-bottom: 2px solid #ddd;
}

.line.bg5 .blank table tr {
    -webkit-transition: all .300s;
    -moz-transition: all .300s;
    -o-transition: all .300s;
    transition: all .300s;
}

.line.bg5 .blank table td {
    padding: 20px;
    border-bottom: 1px solid #f4f4f4;
}

    .line.bg5 .blank table td p {
        color: #777;
        font-size: 14px;
        line-height: 22px;
    }

    .line.bg5 .blank table td.add {
        background: url(/images/about/join_add.png) no-repeat left center;
    }

    .line.bg5 .blank table td.red {
        background: url(/images/about/join_red.png) no-repeat left center;
    }
          
.line.bg5 .blank table tbody tr:nth-child(2n-1).hover, .line.bg5 .blank table tbody tr:nth-child(2n-1):hover {
    background: #f4f4f4;
}
*/



.showSide {
    width: 1000px;
    background: #fff;
    margin-bottom: 50px;
/*    min-height: 360px;
*/}






.titieImg {
    display: block;
    margin: 100px auto 110px;
}

.comImg {
    display: block;
    width: 700px;
    margin: 0 auto 130px;
}

.joinList li {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #f5f5f5;
}

.flex {
    display: flex;
}

.joinList .flex div {
    flex: 1;
    text-align: center;
}

.joinList .flex .jobPost {
    font-size: 16px;
    text-align: left;
}

.addressImg {
    vertical-align: -1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/images/addressImg.png) no-repeat left 0px;
    background-size: 10px;
    margin-right: 6px;
}

.addressImg2 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/images/addressImg2.png) no-repeat left center;
    background-size: 14px;
    vertical-align: -2px;
    margin-left: 20px;
    margin-right: 6px;
}

.arrowUp {
    background: url(/images/arrowUp.png) no-repeat right center;
    background-size: 12px;
    cursor: pointer;
}

.arrowDown {
    background: url(/images/arrowDown.png) no-repeat right center;
    background-size: 12px;
    cursor: pointer;
}

.jobDesc .h3 {
    padding: 10px 0;
}

.jobDesc {
    line-height: 36px;
}