@media screen and (max-width: 1580px) {
    .em-server .section-two .on-stop-detail .indication-point {
        top: 3.5vw;
    }
}

@media screen and (max-width: 1536px) {
.em-server .section-five .advantage .advantage-detail .icon {
    margin-right: 1vw;
}
}

@media screen and (max-width: 1335px) {
    .em-server .section-two .on-stop-detail .indication-point {
        top: 3.7vw;
    }
}

@media screen and (max-width: 1160px) {
    .em-server .section-two .on-stop-detail .indication-point {
        top: 4.5vw;
    }
}

@media (max-width: 960px) {

    :root,
    html {
        font-size: 12px;
    }

    body {
        font-size: 14px;
    }
}


@media (max-width: 960px) {
    .section3 .m_link p {
        font-size: 14px;
    }

    .section1 h2 {
        font-size: 24px;
        height: 42px;
        line-height: 36px;
    }

    .main {
        padding-left: calc(35vw / 7.5);
        padding-right: calc(35vw / 7.5);
        width: 100%;
    }

    .section1 .item {
        height: 50vh;
        justify-content: initial;
        padding-top: 10vh;
    }

    .section2 .item {
        height: auto;
        padding: 50px 0px;
        display: block
    }

    .section2 .item .fl {
        width: 100%;
    }

    .section2 .item .fl .had h3 {
        font-size: 20px;
    }

    .section2 .item .fl .had p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px;
    }

    .section2 .item .fl .list ul li p {
        font-size: 18px;
    }

    .section1 .dow .scroll-down span {
        width: 26px;
        height: 46px;
        border: 1px solid #ff0030;
    }

    .section1 .dow .scroll-down span:before {
        width: 1px;
    }

    .section1 .dow .scroll-down:after {
        width: 8px;
        height: 8px;
        left: calc(50% - 4px);
    }

    .section3 h2 {
        font-size: 20px;
    }

    .section3 h2 strong {
        margin-right: 8px;
    }

    .section3 .item {
        height: 35vh;
    }


    .footer .logo {
        display: none;
    }


    .footer .fr .had { margin-right: 0px; margin-bottom: 10px;
        padding-right: 0;
        flex-direction: column;}
    .footer .fr .had .nav { display: none; }
    .footer .fr .had .tel { display: block; }

    .footer .fr .had .list {
        margin-top: 10px;
        margin-bottom: 10px; }

/*     .footer .fr .had {
        display: none;
    }
 */
    .footer .fr {
        padding-left: 0px;
    }

    .footer .fr .dow {
        margin-top: 0px;
    }

    .footer .fr .dow .text {
        display: none;
    }

    .footer .fr .dow .con {
        color: #fff;
        line-height: 22px;
        font-size: 12px;
    }

    .footer .fr .dow .con br {
        display: none;
    }

    .m_link a {
        font-size: 14px;
    }

    .m_link a:after {
        width: 28px;
        height: 28px;
        background-size: 28px auto;
    }

    .banner_x .had {
        min-height: auto;
        padding-bottom: 15px;
        padding-top: 80px;
    }

    .banner_x .had h2 {
        font-size: 26px;
    }

    .banner_x .text h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .banner_x .text p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
    }

    .about ul {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

    .about ul li {
        width: 100%;
        padding: 0rem 0;
        margin: 20px 0px;
    }

    .about ul li .item h3 {
        font-size: 22px;
    }

    .about ul li .item {
        padding: 20px;
    }

    .about ul li .item .icon img {
        width: 50px;
        height: auto;
    }

    .about ul li .item .text {
        margin-top: 20px;
    }

    .m_grey {
        padding: 20px 0px;
    }

    .about1 ul li .item {
        display: block;
    }

    .about1 ul li .item .text {
        width: 100%;
    }

    .about1 ul li:nth-child(2n) .item {
        display: block;
    }

    .about1 ul li .item .img {
        margin: 0 auto;
    }

    .about1 ul li .item .text h3 {
        font-size: 20px;
        margin-top: 20px;
        color: #000;
    }

    .about1 ul li .item .text p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }

    .banner_x .had p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }

    /* .group ul li .text { padding: 15px; } */
    .group ul li .text h3 {
        font-size: 16px;
    }

    .group ul li .text p {
        font-size: 14px;
    }

    .group ul li .img {
        padding: 0px 10px;
    }

    .group ul li {
        width: 100%;
    }

    .group {
        padding-bottom: calc(60rem / 16)
    }

    .group ul li .img {
        height: 36px;
    }


    .awards .had {
        display: block;
    }

    .awards .had .tit a {
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        margin-right: 5px;
    }

    .m_xl {
        margin-top: 20px;
    }

    .m_xl dl {
        width: 100%;
    }

    .m_xl dl dt {
        height: 46px;
        line-height: 46px;
        background: url('../png/icon25.png') no-repeat 95% center;
        background-size: 14px auto;
    }

    .m_xl dl dd {
        top: 50px;
    }

    .awards .list ul li .link {
        display: block;
    }

    .awards .list ul li .text {
        width: 100%;
    }

    .awards .list ul li .img {
        width: 100%;
    }

    .awards .list ul li .text {
        padding: 20px 0px;
        padding-bottom: 0px;
    }

    .awards .list ul li .text h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .awards .list ul li .text p strong {
        margin-top: 10px;
        font-size: 14px;
    }

    .awards .list ul li {
        padding: 10px 0px;
    }

    .awards .list ul li .img {
        height: 54vw;
    }

    .pagebox ul .previous a {
        width: 36px;
        height: 36px;
        background-size: 36px auto;
        right: 45px;
    }

    .pagebox ul .next a {
        width: 36px;
        height: 36px;
        background-size: 36px auto;
    }

    .footer {
        padding: 20px;
    }

    .leadership ul li {
        width: 100%;
        padding: 0px;
        margin-top: 5px;
    }

    .leadership ul li .link {
        padding-top: 20px;
    }

    .leadership ul li .link .img {
        height: calc(250vw / 7.5);
    }

    .leadership ul li .link .img img {
        width: calc(250vw / 7.5);
        height: calc(250vw / 7.5);
    }

    .leadership ul li .link .text {
        padding-bottom: 0px;
    }


    .leadershipcon {
        padding-top: 60px;
    }

    .leadershipcon .item {
        display: block;
    }

    .leadershipcon .item .fl {
        width: 100%;
    }

    .leadershipcon .item .img {
        width: 100%;
    }

    .leadershipcon .item .text h3 {
        font-size: 20px;
    }

    .leadershipcon .item .text strong {
        font-size: 24px;
    }

    .leadershipcon .item .text h3 {
        margin-top: 10px;
    }

    .leadershipcon .item .text p {
        font-size: 14px;
        line-height: 22px;
    }

    .leadershipcon .item .text .con {
        margin-top: 10px;
    }

    .leadershipcon .link {
        margin-top: 20px;
    }

    .leadershipcon .link i img {
        width: 40px;
        height: 40px;
    }

    .leadershipcon .link h6 span {
        font-size: 16px;
    }

    .leadershipcon .link h6 em {
        font-size: 18px;
    }

    .solutions h3 {
        font-size: 22px;
    }

    .solutions .item dl dt {
        font-size: 16px;
        background-size: 25px auto;
    }

    .solutions .item dl dd {
        width: 100%;
    }

    .solutions .item.active dl dt {
        background-size: 25px auto;
    }

    .solutions1 {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .solutions1 h3 {
        font-size: 22px;
    }

    .solutions1 .list ul {
        margin-left: -5px;
        margin-right: -5px;
    }

    .solutions1 .list ul li {
        width: 50%;
        padding: 5px;
    }

    .solutions1 .list {
        margin-top: 10px;
    }

    .solutions1 .list ul li .item p strong {
        font-size: 15px;
    }

    .solutions1 .list ul li .item i {
        width: 20px;
        height: 20px;
    }

    .solutions1 .list ul li .item p {
        margin: 10px 0px;
    }

    .solutions1 .list ul li .item .icon {
        height: 80px;
    }

    .solutions1 .list ul li .item .icon img {
        height: 50px;
    }

    .main_1400 {
        width: 100%;
        padding-left: calc(35vw / 7.5);
        padding-right: calc(35vw / 7.5);
    }

    .return a i img {
        width: 30px;
        height: 30px;
    }

    .solutionscon .tit {
        margin-top: 30px;
    }

    .solutionscon .tit h2 {
        font-size: 24px;
    }

    .solutionscon .item h3 {
        font-size: 20px;
    }

    .solutionscon .tab h3 {
        font-size: 20px;
    }

    .solutionscon .tab table tr td {
        padding: 8px;
    }

    .solutionscon .tab table tr th {
        padding: 10px 8px;
        font-size: 16px;
    }

    .solutionscon .tab table tr td p {
        line-height: 22px;
    }

    .solutionscon .int {
        display: block;
    }

    .solutionscon .int .fr {
        padding-left: 0px;
        margin-top: 20px;
    }

    .m_grey_box {
        padding-bottom: 30px;
    }

    .solutionscon .dow a i {
        width: 40px;
        height: 40px;
    }

    .solutionscon .dow a h4 span {
        font-size: 16px;
    }

    .nameform {
        padding: 20px;
    }

    .nameform h3 {
        font-size: 18px;
    }

    .nameform .list ul li .txt {
        padding: 10px;
    }

    .nameform .list ul li .file_put {
        height: 38px;
        background: url('../png/icon65.png') no-repeat 96% center;
        background-size: 20px auto;
    }

    .nameform .list ul li label {
        font-size: 14px;
    }

    .nameform .check {
        font-size: 14px;
        margin-top: 10px;
    }

    .nameform .check input[type="checkbox"] {
        width: 20px;
        height: 20px;
        background-size: 16px auto;
    }

    .nameform .check input[type="checkbox"]:checked {
        background-size: 16px auto;
    }

    .nameform .but_an .but {
        padding: 12px 40px;
    }

    .nameform .close {
        right: 10px;
        top: 10px;
    }

    .nameform .close img {
        width: 35px;
        height: 35px;
    }

    .nameform .list ul li .txtbox {
        padding: 10px;
    }

    .news .had .tit a {
        padding: 0px 20px;
        height: 40px;
        line-height: 40px;
        font-weight: normal;
    }

    .newstop .item {
        display: block;
    }

    .newstop .item .img {
        width: 100%;
    }

    .newstop .item .img img {
        width: 100%;
    }

    .newstop .item .con {
        width: 100%;
        padding: 20px;
        background: #941e22;
    }

    .newstop:after {
        display: none;
    }

    .newstop .item .con .text h3 {
        font-size: 18px;
    }

    .newstop .item .con .text p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }

    .m_link1 a {
        font-size: 14px;
    }

    .m_link1 a:after {
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }

    .newslist .had {
        display: block;
    }

    .newslist .had h3 {
        font-size: 20px;
    }

    .news .had {
        padding-bottom: 30px;
    }

    .newslist .fr {
        display: block;
        width: 100%;
    }

    .m_xl dl {
        width: 100%;
    }

    .news_search {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }

    .news_search .txt {
        height: 46px;
        line-height: 46px;
    }

    .news_search .but {
        height: 46px;
        background-size: 18px auto;
    }

    .newslist .list ul li .link {
        display: block;
    }

    .newslist .list ul li .img {
        width: 100%;
        height: auto;
    }

    .newslist .list ul li .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .newslist .list ul li .con {
        width: 100%;
        padding: 20px 0px 10px;
    }

    .newslist .list ul li .con .text h3 {
        /* font-size: 16px; */
        font-size: 1.2em;
        line-height: 22px;
        font-weight: bold;
    }

    .newslist .list ul li h6 {
        margin-top: 5px;
        font-size: 14px;
    }

    .newslist .list ul li h6:after {
        width: 35px;
        height: 35px;
        background-size: 25px auto;
    }

    .newslist .list ul li {
        padding-bottom: 0px;
    }

    .main_1200 {
        width: 100%;
        padding-left: calc(35vw / 7.5);
        padding-right: calc(35vw / 7.5);
    }

    .news_details .item .tit h1 {
        font-size: 20px;
    }

    .return a {
        padding-bottom: 20px;
    }

    .news_details .next .link i img {
        width: 35px;
        height: 35px;
    }

    .news_details .next .link .fr span {
        font-size: 16px;
    }

    .join ul {
        margin-top: 0px;
    }

    .join ul li {
        width: 100%;
        padding: 20px 0px;
        flex: none;
        border-right: none;
        border-bottom: 1px solid #dedede;
    }

    .join ul li strong {
        font-size: 35px;
    }

    .join ul li p {
        font-size: 14px;
    }

    .join h3 {
        font-size: 20px;
    }

    .join_vid .icon img {
        width: 50px;
        height: 50px;
    }

    .join_vid {
        margin-top: 30px;
    }

    .join_list h3 {
        font-size: 20px;
    }

    .join_list {
        margin-top: 40px;
    }

    .join_list .list ul {
        margin-left: 0px;
        margin-right: 0px;
    }

    .join_list .list ul li {
        width: 100%;
        padding: 0px;
        margin-top: 20px;
    }

    .join_list .list ul li .item .text {
        padding: 20px;
    }

    .join_list .list ul li .item .text p {
        font-size: 16px;
    }

    .join_list .list {
        margin-top: 0px;
    }

    .m_pd {
        padding-bottom: 40px;
    }

    .join_swp h3 {
        font-size: 20px;
    }

    .swp_section3_next {
        width: 24px;
        height: 24px;
        background-size: 24px auto;
        margin-top: -12px;
        right: 25%;
    }

    .swp_section3_prev {
        width: 24px;
        height: 24px;
        background-size: 24px auto;
        margin-top: -12px;
        left: 25%;
    }

    .join_form h2 {
        font-size: 20px;
    }

    .join_form .tab_tit span {
        font-size: 14px;
    }

    .join_form .tab_tit {
        margin-top: 20px;
    }

    .join_form .tab_con .tit h3 {
        font-size: 20px;
    }

    .join_form .list ul li {
        width: 100%;
    }

    .join_form .list ul li .txt {
        padding: 12px;
        border-radius: 0px;
    }

    .join_form .list ul li label {
        font-size: 16px;
    }

    .join_form .list ul li .file_put {
        background-size: 20px auto;
    }

    .join_form .check {
        font-size: 14px;
    }

    .join_form .check input[type="checkbox"] {
        width: 16px;
        height: 16px;
        background-size: 16px auto;
        margin-right: 3px;
        margin-top: 0px;
    }

    .join_form .check input[type="checkbox"]:checked {
        width: 16px;
        height: 16px;
        background-size: 16px auto;
    }

    .join_form .but_an .but {
        padding: 10px 40px;
    }

    .join_form .tab_con .tit h5 {
        width: 100%;
    }

    .join_form .tab_con .tit h5 strong {
        font-size: 16px;
        padding: 0px 6px;
    }

    .join_form .list ul li .sel_txt {
        background-size: 26px auto;
    }


    .join_form .list ul li .txtbox {
        height: 80px;
    }

    .content .had .tab_tit span {
        height: 40px;
        line-height: 40px;
        padding: 0px 12px;
        font-size: 12px;
        min-width: auto;
        margin-right: 5px;
    }

    .content .tit {
        font-size: 20px;
    }

    .content .had .tab_tit_x {
        margin-top: 12px;
        padding-bottom: 20px;
    }

    .content .had .tab_tit_x span {
        margin-right: 10px;
        line-height: 22px;
        font-size: 14px;
    }

    .content .had .tab_con .text h3 {
        font-size: 24px;
    }

    .content .had .tab_con .text p {
        line-height: 18px;
    }

    .contentform .list ul li {
        width: 100%;
    }

    .contentform .tit {
        font-size: 20px;
    }

    /* .contentform { padding-top: 30px; } */
    .contentform .list ul li .txt {
        padding: 12px;
    }

    .contentform .list ul li .txtbox {
        padding: 15px;
        height: 80px;
    }

    .contentform .check {
        font-size: 14px;
    }

    .contentform .check input[type="checkbox"] {
        width: 16px;
        height: 16px;
        background-size: 16px auto;
        margin-right: 3px;
        margin-top: 0px;
    }

    .contentform .check input[type="checkbox"]:checked {
        width: 16px;
        height: 16px;
        background-size: 16px auto;
    }

    .contentform .but_an .but {
        padding: 10px 40px;
    }

    .section2 .item .fr {
        width: 100%;
        margin-top: 30px;
    }

    .section2 .item .fr a {
        font-size: 16px;
    }

    .section2 .item .fr a:after {
        width: 12px;
        height: 15px;
        background-size: 12px auto;
    }

    .section2 .item .fl .list ul {
        margin-top: 20px;
    }



    .contentform .list ul li.ver-code {
        width: 50%;
    }

    /* .contentform .list ul li #code {width: 70%;} */
    /* .contentform .list ul li .pic-code {float:right; width: 30%;  border: 1px solid #909090;} */
    .contentform .list ul li .pic-code {
        border: 1px solid #909090;
    }

    .contentform .list ul li .formtext1 .txt {
        padding-right: 0;
    }


    .locations_had .had p {
        width: 100%;
        font-size: 16px;
        line-height: 22px;
        margin-top: calc(18rem / 16);
    }

    .locations_had .had h3 {
        font-size: 22px;
    }

    .locations_had .tit {
        display: block;
        text-align: center;
        margin-bottom: calc(20rem / 16);
    }

    .locations_had .tit a {
        font-size: 18px;
        padding: 4px 0px;
        margin-right: 0;
        margin: calc(10rem / 16) calc(5rem / 16);
        border: 1px solid #f5f5f5;
        height: auto;
        line-height: inherit;
    }

    /* .locations_had .tit a.active { color: #e4002b; background: none; border: none; }
.locations_had .tit a:hover { color: #e4002b; background: none; border: none; } */

    .contentform .tit_p {
        font-size: 14px;
        line-height: 22px;
    }

    .contacts {
        display: block;
    }

    .contacts .img {
        width: 100%;
    }

    .contacts .text {
        width: 100%;
        padding: 30px;
        padding-left: calc(35vw / 7.5);
        padding-right: calc(35vw / 7.5);
    }

    .contacts .text p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .contacts .text h3 {
        font-size: 22px;
    }

    .contentform .list ul li {
        margin-top: 10px;
    }

    .contentform .list ul li label {
        font-size: 14px;
        display: block;
    }

    .join_form .list ul li {
        margin-top: 10px;
    }

    .join_form .list ul li .file_put {
        height: 42px;
    }

    .solutionscon .int .fl {
        margin: 0 auto;
    }

    .solutionscon .int .fr h3 {
        text-align: center;
    }

    .solutionscon .int .fr h4 {
        text-align: center;
    }

    .solutionscon .int .fr h5 {
        justify-content: center;
    }

    .solutionscon .int .fr h5 a {
        margin: 0px calc(10rem / 16);
    }

    .pc_v {
        display: none;
    }

    .wap_v {
        display: block;
    }

    .lea_search {
        width: 100%;
    }

    .job ul li strong {
        font-size: 26px;
    }

    .job ul li {
        padding: 10px 0px;
        width: 100%;
    }

    .job ul li p {
        font-size: 14px;
        margin-top: 5px;
    }

    .job ul {
        margin-top: 10px;
        display: block;
    }

    .job_more a i img {
        width: 30px;
    }

    .job_more a {
        padding: 5px;
    }

    .job_more {
        margin-top: 30px;
    }

    .job1 {
        padding: 50px 0px;
    }

    .job1 h3 {
        font-size: 26px;
    }

    .job1 .list {
        margin-top: 20px;
    }

    .job1 .list ul {
        display: block;
    }

    .job1 .list ul li {
        width: 100%;
    }

    .job2 {
        padding: 50px 0px;
    }

    .job2 .tit h3 {
        font-size: 26px;
    }

    .job2 .tit strong {
        font-size: 20px;
    }

    .job2 .list {
        margin-top: 30px;
    }

    .job2 .list ul {
        display: block;
    }

    .job2 .list ul li {
        width: 100%;
        margin-top: 20px;
    }

    .job2 .num {
        display: none;
    }

    .job3 h3 {
        font-size: 26px;
    }

    .job3 p {
        font-size: 16px;
        margin-top: 15px;
    }

    .job3 {
        padding: 50px 0px;
    }

    .job1 .list ul li {
        border-bottom: none;
    }


    .salary_tit {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .contentform .list ul li.ver-code {
        margin-top: 10px;
        width: 100%;
    }

    .contentform .list ul li .pic-code {
        /* height: 42px;  */
        height: 100%;
        /* line-height: 42px;  */
        line-height: calc(64rem / 16);
        /* padding: 0px ; */
        outline: none;
        border: none;
    }

    .salary h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .salary .text input[type="radio"] {
        background-size: 16px auto;
        margin-top: 0px;
        margin-right: 2px;
    }

    .salary .text input[type="radio"]:checked {
        background-size: 16px auto;
    }

    .salary .text {
        margin-top: 15px;
    }

    .salarydown {
        padding: 30px 0px;
    }

    .salarydown .item {
        display: block;
    }

    .salarydown .item .text {
        width: 100%;
    }

    .salarydown .item .img {
        width: 100%;
    }

    .salarydown .item .text {
        padding-left: 0px;
    }

    .salarydown .item .text h3 {
        text-align: center;
        font-size: 16px;
    }

    .nameform .list ul li {
        width: 100%;
    }

    .nameform .list ul li .formtext dl dt {
        height: calc(50rem / 16);
    }


    .section4 .tit h3 {
        font-size: 20px;
    }

    .section4 .backfont {
        display: none;
    }

    .section4_swp .link h3 {
        font-size: 16px;
        line-height: calc(32rem / 16);
    }

    .section4 {
        padding: 50px 0px;
    }

    .section4_swp .link p {
        font-size: 14px;
    }

    .section4_swp .link strong {
        background: url('../png/a_icon2.png') no-repeat left center;
        height: 40px;
        line-height: 40px;
    }

    .section4_swp {
        margin-top: 30px;
        padding-bottom: 0px;
    }

    .section4_prev {
        width: 36px;
        height: 36px;
        background-size: 36px auto;
        right: 40px;
        display: none;
    }

    .section4_next {
        width: 36px;
        height: 36px;
        background-size: 36px auto;
        right: 0px;
        display: none;
    }

    .newstrends ul li .link {
        padding-right: 20px;
    }

    .newstrends ul li .link h6 {
        margin-top: 20px;
        margin-left: 20px;
        top: 0px;
    }

    .newstrends ul li .link h3 {
        font-size: 16px;
    }

    .newstrends ul li .link strong {
        padding-left: 22px;
        background-size: 18px auto;
    }

    .newstrends ul li .link h6:after {
        width: 30px;
        height: 30px;
        background-size: calc(25rem / 16);
        margin-left: 2px;
    }

    .news_details .item .tit em {
        background-size: 18px auto;
        font-size: 16px;
        padding: 5px 0px;
        padding-left: 26px;
    }

    .news_details .item .tit h1 {
        font-size: 18px;
    }

    .news_details .aprev .link i img {
        width: 30px;
    }

    .news_details .anext .link i img {
        width: 30px;
    }

    .news_details .aprev .link .fr span {
        font-size: 14px;
    }

    .news_details .anext .link .fr span {
        font-size: 14px;
    }

    .news_details .hot {
        margin-top: 30px;
    }

    .news_details .hot .tit h3 {
        font-size: 18px;
    }

    .hot_swp .swiper-slide {
        padding: 15px;
    }

    .hot_swp .swiper-slide .link {
        font-size: 14px;
        padding-left: 22px;
        background: url('../png/a_icon11.png') no-repeat left 3px;
        background-size: 12px auto;
    }

    .news_details .hot .tit a {
        background-size: 20px auto;
        padding-right: 25px;
    }

    .news_details .item .tit em {
        font-size: 14px;
    }

    .news_details .item .con p {
        font-size: 14px;
        line-height: 24px;
    }

    .news_details .item .con ol li {
        font-size: 14px;
        line-height: 24px;
    }

    .news_details .item .con ul li {
        font-size: 14px;
        line-height: 24px;
    }






    .news .had .tit a {
        margin-right: 0;
        font-weight: bold;
    }

    .news .had .tit {
        width: 100%;
        justify-content: space-around;
    }

    .m_banner.new_banner {
        background: #f5f5f5 url(../png/icon51.png) no-repeat top center !important;
        background-size: 100% auto !important;
    }


    .salary .text strong {
        width: 100%;
    }


    .footer .new-list {
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .footer .new-list .title {
        margin-bottom: 0;
    }

    .footer .new-list .icon-list {
        /* margin: 0 auto; */
        margin-top: 20px;
    }
    .footer .new-list .icon-list .qr-pic {
        top: auto;
        bottom: calc(100% + 8px);
    }

    .footer .new-list .icon-list .qr-pic::before {
        top: auto;
        bottom: 0;
        transform: translate(-50%, 100%);
        border-top-color: #fff;
        border-bottom-color: transparent;
    }

}

/* 灵活用工服务 */
@media screen and (max-width: 1370px) {
    .em-server .section-four .flexible .left {
        margin-left: 7.8vw;
    }

    .em-server .section-four .flexible .right {
        margin-right: 7.8vw;
    }
}

@media screen and (max-width: 1280px) {
    .em-server .section-six .main-container {
        width: 100%;
    }
}

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

    .service .list ul { display: block; }

    .service h3 { font-size: 20px; font-weight: bold; line-height: 28px; }
    .service .list { margin-top: 20px; }
    .service .list ul li { margin-top: 10px; text-align: left; }
    .service .list ul li .img { width: 50px; height: 50px; }
    .service .list ul li { padding: 0 5px; }
    .service .list ul li p { font-size: 16px; margin-top: 5px; line-height: 20px; }

    .service1 h3 { font-size: 20px; font-weight: bold; line-height: 28px; }
    .service1 { margin-top: 40px; }
    .service1 .item { display: block; margin-top: calc(30rem / 16); }
    .service1 .item .fl { width: 100%; }
    .service1 .item .fr { width: 100%; }
    .service1 .item .fr .list ul li  { margin-top: 10px; }
    .service1 .item .fr .list ul li .link { padding: 5px; }
    .service1 .item .fr .list ul li .link .text h4 { font-size: 18px; }
    .service1 .item .fr .list ul li .link .text p { font-size: 14px; }

    .service2 .tit h3 { font-size: 20px; font-weight: bold; line-height: 28px; }
    .service2 .tit p { font-size: 16px; }
    .service2 { margin-top: 40px; }
    .service2 .list ul li { width: 50%; }
    .service2 .list ul li .img { height: 52px; width: 52px; }
    .service2 .list ul li p { font-size: 14px; margin-top: -3px; }
    .service2 .list ul li { margin-top: 15px; }

    .service3 .tit { font-size: 20px; font-weight: bold; line-height: 28px; }
    .service3 .item { margin-top: 30px; display: block; padding-left: 25px; }
    .service3 .item .fl { width: 100%; text-align: left; }
    .service3 .item .back { width: 100%; margin: 0 auto; }
    .service3 .item .fr { width: 100%; }
    .service3 .item .fl p { font-size: 16px; font-weight: normal; }
    .service3 .item .fl p:after { background: none; }
    .service3 .item .fl p:before { content: ''; background: none; }
    .service3 .item .back { display: none; }
    .service3 .item .fr { padding: 0px; }
    .service3 .item .fr p { font-weight: normal; font-size: 16px; margin-top: 10px; }
    .service3 .item .fl { padding: 0px;  }
    .service3 .item .fl p { position: relative;
    padding-left: calc(30rem / 16); margin-top: 10px; padding-right: 0px; }
    .service3 .item .fl p:before { content: '';
    background: url('../png/ser_16.png') no-repeat right center;
    width: calc(12rem / 16);
    height: calc(12rem / 16);
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: calc(-6rem / 16);
    background-size: calc(12rem / 16) auto; }
    .service3 .item { margin-top: 10px; }

    .service3 { margin-top: 40px; padding: 40px 0px; }
    .service4 { margin-top: 40px; }
    .service4 .tit { font-size: 20px; font-weight: bold; line-height: 28px; }

    /* .service4 .list  { margin-top: 10px; } */
    .service4 .list ul li { width: 50%; justify-content: flex-start; display: block; text-align: center; margin-top: 25px; }
    .service4 .list ul li strong { font-size: 14px; display: block; margin-top: 5px; line-height: 20px; }
    .service4 .list ul li i { width: 40px; margin: 0 auto; }
    .service4 .list ul li i img { margin: 0 auto; }
    .service4 .list ul li { padding: 0px; }


    .service5 .had { margin-top: 50px; }
    .service5 .had .tit { font-size: 22px; font-weight: bold; }
    .service5 .had .con { display: block; margin-top: 10px; }
    .service5 .had .con strong { font-size: 16px; }
    .service5 .had .con p { margin-left: 0px; margin-top: 15px; font-size: 16px; }

    .em-server .section-six .main-container { width: 100%; }
    .em-server .section-six .bottom-container .policy-container p { font-size: 12px; }
    .em-server .section-six .bottom-container .policy-container input { width: 18px; height: 18px; background-size: 18px auto; }

    .em-server .section-six .bottom-container { margin-top: 5px; }

    .service_box { padding-bottom: 25px; }


    body p {
        font-size: 14px;
    }

    .em-server .main {
        padding-left: calc(35vw / 7.5);
        padding-right: calc(35vw / 7.5);
        width: 100%;
        margin-top: 40px;
    }

    .em-server .banner-title {
        font-size: 26px;
    }

    .em-server .main .title {
        font-size: 20px;
    }

    .em-server .section-one .detail-show p {
        font-size: 18px;
    }

    .em-server .section-one .masking .content .icon {
        width: 60px;
    }

    .em-server .section-two .on-stop-detail .inside-title {
        font-size: 16px;
    }

    .em-server .section-two .on-stop-detail .serial {
        font-size: 16px;
    }

    .em-server .section-one .challenge-detail {
        width: 48%;
        margin-bottom: 3vw;
    }

    .em-server .section-two .on-stop-detail .indication-point {
        top: 3.9vw;
        width: .9vw;
        height: .9vw;
    }

    .em-server .section-six .main-container .input-detail {
        width: 45%;
        margin-bottom: 1.5vw;
    }

    .em-server .section-five .advantage .advantage-detail .icon {
        width: 40px;
    }

    .em-server .section-six .main-container {
        font-size: 14px;
    }

    .em-server .section-six .main-container .input-detail.tel .num {
        margin-left: 10px;
    }

    .em-server .section-three .introduce {
        font-size: 18px;
    }

    .news_details .item video {
        width: 100%;
        height: 200px;
    }

    .section3.cascade.index1 {
        background-position: 80% top !important;
    }

/*     .em-server {
        padding-bottom: 40px;
    } */
}

@media screen and (max-width: 600px) {
    .em-server .section-one .challenge-detail {
        width: 100%;
    }

    .em-server .section-two .on-stop {
        flex-direction: column;
    }

    .em-server .section-two .on-stop-list {
        width: 100%;
        margin-top: 15px;
    }

    .em-server .section-two .on-stop-detail .indication-point {
        top: 30%;
        left: -15.6%;
        width: 10px;
        height: 10px;
    }

    .em-server .section-three .bubbles {
        height: 80vw;
    }

    .em-server .section-three .bubble:nth-of-type(1) {
        left: 10px;
        width: 26vw;
        height: 26vw;
        padding: 10px;
    }

    .em-server .section-three .bubble:nth-of-type(2) {
        top: 100px;
        left: 215px;
        width: 20vw;
        height: 20vw;
    }

    .em-server .section-three .bubble:nth-of-type(3) {
        bottom: 0;
        left: 10px;
        width: 20vw;
        height: 20vw;
        padding: 13px;
    }

    .em-server .section-three .bubble:nth-of-type(4) {
        left: 130px;
        width: 20vw;
        height: 20vw;
        padding: 13px;
    }

    .em-server .section-three .bubble:nth-of-type(5) {
        bottom: 90px;
        left: 20px;
        width: 24vw;
        height: 24vw;
    }

    .em-server .section-three .bubble:nth-of-type(6) {
        top: 50px;
        right: 0;
        left: auto;
        width: 20vw;
        height: 20vw;
        padding: 13px;
    }

    .em-server .section-three .bubble:nth-of-type(7) {
        top: 10px;
        left: 220px;
        width: 20vw;
        height: 20vw;
    }

    .em-server .section-three .bubble:nth-of-type(8) {
        top: 230px;
        left: 100px;
        width: 15vw;
        height: 15vw;
    }

    .em-server .section-three .bubble:nth-of-type(9) {
        top: 120px;
        right: 160px;
        width: 23vw;
        height: 23vw;
    }

    .em-server .section-three .bubble:nth-of-type(10) {
        top: 160px;
        right: 20px;
        width: 20vw;
        height: 20vw;
    }

    .em-server .section-three .bubble:nth-of-type(11) {
        top: 230px;
        right: 120px;
        width: 22vw;
        height: 22vw;
    }

    .em-server .section-three .bubble:nth-of-type(12) {
        bottom: 0;
        right: 0;
        width: 22vw;
        height: 22vw;
    }

    .em-server .section-five .advantage .advantage-detail .icon {
        width: 30px;
    }

    .em-server .section-five .advantage .advantage-detail {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .em-server .section-five .advantage .advantage-detail .icon {
        margin-right: 10px;
    }

    .em-server .section-six .top-container .left {
        justify-content: center;
    }

    .em-server .section-six .top-container .form-title {
        /* width: 70%; */
        font-size: 20px;
        text-align: center;
    }

    .em-server .section-six .top-container .form-detail .icon {
        width: 25px;
        margin-right: 10px;
    }

    .em-server .section-six .main-container .input-detail {
        width: 100%;
    }

    .em-server .section-six .main-container .input-detail input {
        height: 50px;
        font-size: 14px;
    }

    .em-server .section-six .main-container .input-detail.name input {
        padding-left: 14px;
    }

    .em-server .section-six .main-container .input-detail.code input {
        padding-left: 14px;
    }

    .em-server .section-six .main-container .input-detail.code .code-btn {
        line-height: 50px;
    }

    .em-server .section-six .bottom-container .sub-btn {
        padding: 10px 40px;
    }

    .em-server .section-six .main-container .input-detail .name {
        margin-bottom: calc(15rem / 16);
        font-size: 16px;
    }

    .em-server .section-six .main-container .input-detail {
        margin-bottom: 10px;
    }

    .em-server .section-one .detail-show .text {
        height: auto;
    }

    .em-server .section-one .detail-show p {
        padding: 20px 0;
    }

    .em-server .section-four .flexible {
        flex-direction: column;
        height: auto;
        padding: 10px 0;
        background-size: cover;
    }

    .em-server .section-four .flexible .inside-bg {
        width: 100%;
    }

    .em-server .section-four .flexible .left {
        height: auto;
        margin-left: 10px;
        justify-content: flex-start;
    }

    .em-server .section-four .flexible .right {
        height: auto;
        margin-left: 10px;
        margin-right: 0;
        margin-top: 100px;
        justify-content: flex-start;
    }

    .em-server .section-four .flexible .flexible-detail {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 90%;
    }

    .em-server .section-four .flexible .inside-bg {
        top: 0;
        width: 60px;
        height: 100%;
        background-image: url(../png/phone-hand.png);
    }

    .em-server .section-four .flexible .right .flexible-detail {
        align-items: flex-start;
    }

    .em-server .section-four .flexible .serial {
        margin-right: 10px;
    }

    .em-server .section-six .input-detail.tel dl dd {
        height: 250px;
    }

    .em-server .section-six .main-container {
        margin-top: 20px;
    }

    .em-server .section-six .top-container .right {
        width: 100%;
        margin-top: 10px;
    }


    .em-server .section-six .top-container .right .form-detail {
        margin-bottom: 10px;
    }

    .em-server .section-six .bottom-container .policy-container p {
        flex: 1;
    }

    .em-server .section-two .on-stop-detail .indication-point {
        top: 6.8vw;
    }

    .em-server .section-six .top-container .right p,
    .em-server .section-six .top-container .right a {
        font-size: 16px;
    }
    
    .newslist .list ul li h6 {
        text-decoration: underline;
        font-weight: bold;
    }

}