.w1200 *,.job-list *,.job-content *{

    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
}

.w1200 {
    width: 1200px;
    /*margin:0 auto;*/
    margin: 40px auto;
    /*background-color: #0b76ac;*/
    color: #000;
}



.font-black {
    color: #202020;
}


.table-top {
    /*background-color: #0a6999;*/
    width: 100%;
    height: 34px;

}

.table-top p {
    float: left;
    line-height: 34px;
    /*padding:0 20px;*/
}

.job_zh {
    /*padding: 0 20px;*/
    text-align: center;
    width: 25%;
    /*font-weight: 500;*/

    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-family: "微软雅黑";
    letter-spacing: 3px;
    background-color: #e0322e;
}

.job_en {
    width: 75%;
    color: #fff;
    /*font-family: "cursive";*/
    letter-spacing: 2px;
    /*text-transform:capitalize;*/
    font-style: italic;
    font-size: 16px;
    /*padding:0 10px;*/
    text-align: center;
    background-color: #4166c2;
}


.clearfix {
    clear: both;
}

.text-lf {
    text-align: left;
}

.job-table {
    /*width: 80%;*/
    width: 100%;
    margin: 0 auto;
    /*background-color: #fff;*/
    text-align: center;
}

.job-table tr {
    color: #000;
    background-color: #fff;
}

.job-table td {
    padding: 24px 5px 10px 5px;
    /*padding: 10px;*/
}


.job-table .table-header {

    width: 100%;

    background-color: #f4f4f4;

}

.job-table .table-header th {
    color: #202020;
    font-size: 20px;
    line-height: 60px;
    font-weight: normal;
}


.hr {
    border-bottom: 1px solid #e0e0e0;
    line-height: 40px;
}


.job-table .table-job-list .more-src {
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    background-color: #4166c2;
}

.job-email {
    max-width: 100%;
    margin-top: 60px;
    color: #fff;
    float: left;
    border-radius: 40px;
    font-size: 16px;
    background-color: #e0322e;
}

.job-email-left {
    padding: 10px;

    float: left;
}

.job-email-right {
    padding: 10px;
    border-radius: 40px;
    background: #4166c2;
    float: left;
}

.job-email-right a {
    color: #fff;
}


td.job-description {
    padding: 10px 5px 20px 25px;
}


.job_h3 {
    line-height: 60px;
    font-size: 18px;
    /*font-weight: normal;*/
}

.job_responsibilities {
    font-size: 16px;
    line-height: 26px;
}


.job_list {
    padding: 0px;
}

.job_list li {
    margin-top: 2%;
    border-bottom: 1px dotted #ccc;
    color: #999;


    clear: both;

}

.job_li_c p {
    box-sizing: border-box;
    float: left;
    line-height: 30px;
    width: 25%;
}

.job_list_descript {
    line-height: 30px;
    padding-bottom: 3%;
}

.job-list, .job-content {
    display: none;
}

@media screen and (max-width: 1450px) {




    .job-content-h2 {
        font-size: 30px;
        font-weight: normal;
        text-align: center;
        color: #000;
    }

    .job-content-p {
        margin-bottom: 20px;
        text-align: center;
        line-height: 2rem;
    }
}


@media screen and (max-width: 1200px) {

    .w1200 {
        display: none;
    }

    .job-content {
        display: block;
    }


    .job-content .job_h3 {
        color: #000;
    }


    .job-list {
        display: block;
        /*padding: 1rem 0;*/
        background-color: #f1f1f1;
        overflow: hidden;

    }

    .job-page-block {
        margin: 1rem;
        display: flex;
        align-items: center;
        padding: 1rem;
        border-radius: 10px;
        background-color: #fff;
    }

    .job-page-block h2 {
        font-size: 1.8rem;
        font-weight: normal;
        color: #000
    }

    .job-page-block .bottom-20 {
        color: #8e8e8e;
        margin-bottom: 20px;
    }

    .job-page-block .left-flag {
        width: 90%;
        display: inline-block;
        /*float:left;*/
    }


    .job-left-flag-p {
        display: inline-block;
        /*text-indent: 2rem;*/
        font-size: 1rem;
    }

    .job-left-flag-p:before {
        content: '';
        width: 2rem;
        height: 3rem;
        position: relative;
        top: 1.5rem;
        display: inline-block;
    }

    .job-left-num {
        font-size: 1rem;
        display: block;
    }

    .job-left-num:before {
        background: url("../images/job-num-mark.png") no-repeat;
    }

    .job-left-degree {
        /*margin-left: 2rem;*/
    }

    .job-left-degree:before {
        background: url("../images/degree-mark.png") no-repeat;
    }

    .job-left-address:before {


        background: url("../images/address-mark.png") no-repeat;
    }


    .job-page-block .right-more {
        font-size: 1rem;
        position: relative;
        width: 1rem;
        display: inline;
        color: #8da3da;
        /*float:left;*/
    }


    .job-page-block .right-more span:after {
        content: " > ";
        font-size: 1.2rem;
        position: absolute;
        left: 1.6rem;
        top: 50%;
        margin-top: -1rem;
    }


    .job-email, .job-email-right {
        border-radius: 0;
    }




}