@media(max-width:1080px) {}

@media(max-width:920px) {
    .wrap {
        width: 100%;
    }
    .tel_icon {
        width: 10%;
    }
    .head_top_area,
    .head_link_ul {
        padding: 0 10px;
    }
    .sep_bar.bottom .mark.left {
        left: 0;
    }
    .head_top_bg {
        height: auto;
        padding-top: 88%;
    }
}

@media(max-width:640px) {
    .header_flex_new {
        display: none;
    }
    .head_fixed_menu {
        left: auto;
        right: 5px;
        top: 5px;
        margin-left: 0;
    }
    .head_top_area {
        padding: 0;
    }
    .head_top_bg {
        padding-top: 168%;
    }
    .pop_up_flex {
        overflow-y: scroll;
    }
    .pop_up_nav .head_nav_ul li a .img {
        width: 65px;
    }
    .p3_sec {
        padding-bottom: 0;
        height: 300px;
    }
    .p3_sec_bg {
        height: auto;
        padding-top: 75%;
    }
    .qa_sec_bg {
        height: auto;
        padding-top: 56%;
    }
    .qa_sec_bottom_bg {
        height: auto;
        padding-top: 95%;
        bottom: -170px;
    }
    .step_sec_bg {
        height: 175px;
    }
    .plan_h {
        padding: 0em 4em;
    }
    .plan_sec_bg {
        height: auto;
        padding-top: 60%;
    }
    .plan_1_bg {
        height: auto;
        padding-top: 85%;
        background-size: cover;
        z-index: -1;
        bottom: -110px;
    }
    .plan_2 {
        padding-top: 6em;
    }
    .plan_2_bg {
        height: auto;
        padding-top: 85%;
        z-index: -1;
    }
    .plan_2_list {
        padding: 1em 0;
    }
    .h_plan_3 {
        padding-top: 4em;
    }
    .plan_3 .plan_box {
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    .plan_3 .plan_box>div {
        width: 100%;
        margin-bottom: 2em;
    }
    .plan_3 .plan_box>div span {
        padding-top: .5em;
    }
    .h2_div .desc {
        text-align: center;
    }
    .foot_contact {
        z-index: 4;
    }
}