* {
    margin: 0 auto;
    padding: 0;
}

body,
html {
    width: 100%;
    height: 100%;
    font-size: 0;
    font-family: "Microsoft Yahei";
    background: #ebf0fa;
    overflow-x: hidden;
}

ul,
ol,
li {
    list-style: none;
}

img {
    width: 100%;
    height: 100%;
    border: 0;
}

section {
    margin: 0 auto;
    padding: 0;
}

a {
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
}

a:hover {
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    /* ld_p_con */
    .ld_p_con {
        display: block;
        width: 100%;
        height: auto;
    }
    .ld_m_con {
        display: none;
    }
    .ld_p_nav {
        width: 100%;
        height: 50px;
        background: #083b90;
        position: relative;
    }
    .nav_info {
        margin: 0 auto;
        width: 1280px;
        height: 50px;
    }
    .jx_logo,
    .nav_lis {
        float: left;
    }
    .nav_lis {
        width: 1280px;
    }
    .nav_lis li {
        float: left;
    }
    .nav_lis li a {
        margin-top: 15px;
        padding: 0 20px;
        display: block;
        height: 20px;
        font: 14px/20px "Microsoft Yahei";
        color: #fff;
        box-sizing: border-box;
        text-align: center;
    }
    .ld_p_banner {
        margin: 0 auto 40px auto;
        width: 1920px;
        height: auto;
    }
    .ld_content {
        width: 1200px;
        height: auto;
    }
    .ld_info {
        margin-bottom: 40px;
        height: 660px;
    }
    .ld_l,
    .ld_r {
        float: left;
        height: 660px;
        background: #fff;
        border-top: 2px solid #0f78cb;
        box-sizing: border-box;
    }
    .ld_l {
        margin-right: 30px;
        width: 350px;
        padding: 30px 40px 40px 40px;
        background: #f7f7f7;
    }
    .ld_r {
        width: 820px;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }
    .ld_img,
    .ld_name,
    .ld_resume {
        float: left;
        width: 270px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .ld_img {
        width: 100%;
    }
    .ld_name {
        float: left;
        width: 100%;
        overflow: hidden;
        margin: 15px 0 15px 0;
        font-size: 32px;
        color: #0f78cb;
        font-weight: bold;
        transition: all .2s linear;
    }
    .ld_name:hover {
        color: #ff9724;
        transition: all .2s linear;
    }
    .ld_resume {
        font-size: 14px;
        color: #000;
        text-align: justify;
    }
    .ld_r dt {
        float: left;
        width: 100%;
        height: 60px;
        padding: 20px;
        background: #f5fafd;
        border-bottom: 1px solid #e6f3fa;
        overflow: hidden;
        cursor: pointer;
        box-sizing: border-box;
    }
    .ld_r dt span,
    .ld_r dt a {
        display: block;
        float: left;
        padding: 0 5px;
        font-size: 18px;
        text-align: center;
    }
    .ld_r dt span {
        color: #0f78cb;
    }
    .ld_r dt span:nth-child(2) {
        font-weight: 900;
    }
    .ld_r dt a {
        color: #666666;
        transition: all .2s linear;
    }
    .ld_r dt a:hover {
        color: #ff9724;
        transition: all .2s linear;
    }
    .ld_r dd {
        display: block;
        float: left;
        width: 90%;
        height: 100px;
        margin-left: 5%;
        border-bottom: 1px dashed #efefef;
        cursor: pointer;
        box-sizing: border-box;
    }
    .ld_r dd a {
        padding: 20px 0;
        display: block;
        font-size: 20px;
        line-height: 180%;
        color: #000;
        box-sizing: border-box;
        transition: all .2s linear;
    }
    .ld_r dd a:hover {
        color: #ff9724;
        transition: all .2s linear;
    }
    .footer {
        padding: 44px 0 44px 0;
        background: #083b90;
        text-align: center;
        margin-top: 70px;
    }
    .footer p {
        line-height: 30px;
        font-size: 16px;
        color: #fff;
    }
    /* ld_p_con */
}

@media screen and (max-width: 767px) {
    .ld_p_con {
        display: none;
    }
    .ld_m_con {
        position: relative;
    }
    .m_nav {
        width: 100%;
        height: 8vh;
        background: #253a97;
    }
    .m_nav_logo {
        padding: 1vh;
        float: left;
        width: 30%;
        height: 8vh;
        box-sizing: border-box;
    }
    .nav_content {
        float: left;
        width: 70%;
        line-height: 8vh;
        font-size: 4vw;
        font-family: "Microsoft Yahei";
        font-weight: 400;
        letter-spacing: 2px;
        color: #fff;
        box-sizing: border-box;
        text-align: right;
    }
    .ld_m_content {
        clear: both;
        margin-top: 4vh;
        width: 90%;
        height: auto;
    }
    .ld_m_info {
        clear: both;
        width: 100%;
        height: auto;
        border-top: 2px solid #0f78cb;
    }
    .ld_m_info_t,
    .ld_m_info_b {
        padding: 2vh;
        margin: 0 auto 2vh auto;
        float: left;
        width: 100%;
        background: #fff;
        border: 1px solid #f4f4f4;
        box-sizing: border-box;
    }
    .ld_m_info_t img {
        float: left;
        width: 35%;
    }
    .ld_m_info_t p,
    .ld_m_info_t span {
        padding: 0 1vh;
        float: left;
        width: 65%;
        box-sizing: border-box;
    }
    .ld_m_info_t p {
        font-size: 6vw;
        font-weight: bold;
        color: #0f78cb;
    }
    .ld_m_info_t span {
        font-size: 4vw;
        color: #333333;
    }
    .rcon {
        width: 100%;
        height: 4vh;
        border-bottom: 1px solid #e6f3fa;
    }
    .rcon a {
        display: block;
        width: 100%;
        height: 4vh;
        font: 4vw/2vh 'Micsoroft Yahei';
        color: #666666;
    }
    .rcon_lis {
        clear: both;
        width: 100%;
        height: auto;
    }
    .rcon_lis li {
        width: 100%;
        height: auto;
        border-bottom: 1px dashed #efefef;
    }
    .rcon_lis li a {
        padding: 4vh 0;
        display: block;
        clear: both;
        width: 100%;
        height: auto;
        line-height: 180%;
        color: #000;
        font-size: 4vw;
    }
    /* foot */
    .footer {
        clear: both;
        padding: 4vh 0;
        margin-top: 4vh;
        background: #083b90;
        text-align: center;
    }
    .footer p {
        line-height: 4vh;
        font-size: 1.8vh;
        color: #fff;
    }
    /* foot */
}