.section_1 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 30px;
}

.focus_pic {
    width: 100%;
    height: 500px;
    float: left;
    background-image: url("../images/pic/banner1.jpg");
    background-position: center;
    background-size: cover;
}

.focus_a {
    width: 100px;
    height: 40px;
    position: absolute;
    top: 252px;
    right: 630px;
    z-index: 99;
    background-color: #ffffff;
    font-family: var(--font-family);
    font-size: 1.25rem;
    font-weight: bold;
    color: #1230A0;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
}

.focus_a:hover {
    color: var(--color-cf0a33);
}

.section_2 {
    width: 1000px;
    height: auto;
    display: table;
    margin: 0 auto;
}

.right_yuan {
    position: absolute;
    top: -10px;
    right: -60px;
    z-index: 99;
    width: 80px;
    height: auto;
}

.left_yuan {
    position: absolute;
    top: -30px;
    left: -60px;
    z-index: 99;
    width: 80px;
    height: auto;
}

.unit {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.unit_title {
    width: 500px;
    height: 70px;
    float: left;
    background-image: url("../images/icon/border_pic.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    position: relative;
}

.unit:first-child .unit_title {
    margin-right: 500px;
}

.unit:nth-child(2) .unit_title {
    margin-left: 500px;
}

.unit:nth-child(3) .unit_title {
    margin-right: 500px;
}

.unit:nth-child(4) .unit_title {
    margin-left: 500px;
}

.unit:nth-child(5) .unit_title {
    margin-right: 500px;
}

.unit-number {
    font-family: var(--font-family);
    font-size: 4rem;
    font-weight: bold;
    color: #00E1FC;
    position: absolute;
    top: 20px;
    left: 14px;
}

.unit-text {
    width: auto;
    height: 70px;
    line-height: 70px;
    float: left;
    font-family: var(--font-family);
    font-size: 1.8rem;
    font-weight: bold;
    color: #ffffff;
    margin-left: 54px;
}

.unit-text:hover {
    color: var(--color-cf0a33);
}

.unit_main {
    width: 100%;
    height: auto;
    margin-top: 20px;
    float: left;;
}

.unit_pic {
    width: 260px;
    height: auto;
    margin: 10px 10px 0 10px;
    border-radius: 4px;
    border: 2px #B8D2FF solid;
}

.pic1 {
    float: left
}

.pic2 {
    float: right
}

.pic3 {
    float: left
}

.pic4 {
    float: right
}

.pic1 {
    float: left
}

.unit_main p {
    width: calc(100% - 300px);
    line-height: 40px;
    float: right;
    font-family: var(--font-family);
    font-size: 1.15rem;
    color: #B8D2FF;
    margin-top: 15px;
}

.section_3 {
    width: 1000px;
    height: auto;
    display: table;
    margin: 0 auto;
    position: relative;
    margin-top: 100px;
}

.right_yuan_2 {
    position: absolute;
    top: 10px;
    right: -40px;
    z-index: 99;
    width: 80px;
    height: auto;
}

.firm_title {
    width: 543px;
    height: 60px;
    float: left;
    background-image: url("../images/icon/title_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.firm_title a {
    width: auto;
    height: 60px;
    line-height: 60px;
    margin-left: 50px;
    float: left;
    font-family: var(--font-family);
    font-size: 2.15rem;
    font-weight: bold;
    color: #172FA0;
}

.firm_title a:hover {
    color: var(--color-ffffff);
}

.firm_main {
    width: 100%;
    height: auto;
    float: left;
    background-color: #121966;
    margin: 30px auto 0;
    box-shadow: 0 0 0 3px #CF6BFF;
    border-radius: 10px;
    padding: 30px 0;
}

.firm_small {
    width: auto;
    height: auto;
    float: left;
    background-image: url("../images/icon/news.png");
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position: 30px 0;
}

.firm_small h1 {
    width: auto;
    height: auto;
    line-height: 30px;
    float: left;
    font-family: var(--font-family);
    font-size: 1.65rem;
    color: #24EDF9;
    padding: 5px 40px 0 130px;
}

.firm_small h1:hover {
    color: #CF0A33;
}

.firm_small p {
    width: auto;
    height: auto;
    line-height: 30px;
    float: left;
    font-family: var(--font-family);
    font-size: 1.15rem;
    color: #ffffff;
    padding: 5px 40px 5px 130px;
}


.qiye {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 70px;

}

.qy_title {
    width: 500px;
    height: 68px;
    display: table;
    margin: 0 auto;
    font-family: var(--font-family);
    font-size: 2.45rem;
    color: #121966;
    text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -1px 0 0, #fff 0 -1px 0;
    line-height: 68px;
    text-align: center;
    background-image: url("../images/icon/qybg.png");
}

.qy_phone {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
}

.phone {
    width: auto;
    height: 40px;
    line-height: 40px;
    font-family: var(--font-family);
    font-size: 1.35rem;
    font-weight: bold;
    color: #00E1FC;
    float: left;
    margin: 0 20px 0 10px;
}

.qy_text {
    width: 100%;
    height: auto;
    font-family: var(--font-family);
    font-size: 1.15rem;
    color: #B8D2FF;
    line-height: 30px;
    box-shadow: 0 0 0 3px #24EDF9;
    border-radius: 10px;
    float: left;
    padding: 20px 2%;
    margin-top: 30px;
}

.firm_pic {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
}

.section_bottom {
    width: 100%;
    height: 100px;
    float: left;
    background-image: url("../images/icon/footer_bg.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media (max-width: 600px) {
    html {
        overflow-y: scroll !important;
    }

    :root {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    :root body {
        position: absolute !important;
    }

    body {
        width: 100vw !important;
        overflow: hidden !important;
    }

    .section_1 {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin: 0;
    }

    .focus_pic {
        width: 100%;
        height: 310px;
        float: left;
        background-image: url("../images/pic/banner2.jpg");
        background-position: center;
        background-size: cover;
    }

    .focus_a {
        width: 100px;
        height: 30px;
        position: absolute;
        top: 296px;
        left: 50px;
        z-index: 99;
        background-color: #ffffff;
        font-family: var(--font-family);
        font-size: 1.25rem;
        font-weight: bold;
        color: #1230A0;
        border-radius: 20px;
        text-align: center;
        line-height: 30px;
        box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
    }

    .focus_a:hover {
        color: var(--color-cf0a33);
    }

    .section_2 {
        width: 100%;
        height: auto;
        display: table;
        margin: 0 auto;
    }

    .right_yuan {
        position: absolute;
        top: -40px;
        right: -30px;
        z-index: 99;
        width: 60px;
        height: auto;
    }

    .left_yuan {
        position: absolute;
        top: -60px;
        left: -40px;
        z-index: 99;
        width: 60px;
        height: auto;
    }

    .unit {
        width: 92%;
        height: auto;
        float: left;
        margin-left: 4%;
        margin-right: 4%;
        margin-top: 30px;
        margin-bottom: 20px;
        position: relative;
    }

    .unit_title {
        width: 100%;
        height: 46px;
        float: left;
        background-image: url("../images/icon/border_pic.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: left top;
        position: relative;
        margin: 0 !important;
    }

    .unit-number {
        font-family: var(--font-family);
        font-size: 3rem;
        font-weight: bold;
        color: #00E1FC;
        position: absolute;
        top: 14px;
        left: 10px;
    }

    .unit-text {
        width: auto;
        height: 46px;
        line-height: 46px;
        float: left;
        font-family: var(--font-family);
        font-size: 1.35rem;
        font-weight: bold;
        color: #ffffff;
        margin-left: 40px;
    }

    .unit-text:hover {
        color: var(--color-cf0a33);
    }

    .unit_main {
        width: 96%;
        height: auto;
        line-height: 30px;
        float: left;
        font-family: var(--font-family);
        font-size: 1.15rem;
        color: #B8D2FF;
        margin-top: 20px;
        margin-left: 2%;
    }

    .unit_pic {
        width: 100%;
        height: auto;
        margin: 0 auto !important;
        border-radius: 4px;
        border: 2px #B8D2FF solid;
    }

    .pic1 {
        float: left
    }

    .pic2 {
        float: left
    }

    .pic3 {
        float: left
    }

    .pic4 {
        float: left
    }

    .pic1 {
        float: left
    }

    .unit_main p {
        width: 100%;
        line-height: 34px;
        float: left;
        font-family: var(--font-family);
        font-size: 1.15rem;
        color: #B8D2FF;
        margin-top: 15px;
    }

    .section_3 {
        width: 100%;
        height: auto;
        display: table;
        margin: 0 auto;
        position: relative;
        margin-top: 30px;
    }

    .right_yuan_2 {
        position: absolute;
        top: -90px;
        right: -20px;
        z-index: 99;
        width: 60px;
        height: auto;
    }

    .firm_title {
        width: 92%;
        height: 40px;
        float: left;
        margin: 0 4%;
        background-image: url("../images/icon/title_bg.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }

    .firm_title a {
        width: auto;
        height: 40px;
        line-height: 40px;
        margin-left: 20px;
        font-family: var(--font-family);
        font-size: 1.7rem;
        font-weight: bold;
        color: #172FA0;
        float: left;
    }

    .firm_title a:hover {
        color: var(--color-ffffff);
    }

    .firm_main {
        width: 92%;
        height: auto;
        float: left;
        background-color: #121966;
        margin: 20px 4% 0;
        box-shadow: 0 0 0 3px #CF6BFF;
        border-radius: 10px;
        padding: 20px 0;
    }

    .firm_small {
        width: 100%;
        height: auto;
        float: left;
        background-image: url("../images/icon/news.png");
        background-repeat: no-repeat;
        background-size: 70px 70px;
        background-position: 10px 0;
    }

    .firm_small h1 {
        width: auto;
        height: auto;
        line-height: 30px;
        float: left;
        font-family: var(--font-family);
        font-size: 1.25rem;
        color: #24EDF9;
        padding: 0 10px 0 90px;
    }

    .firm_small p {
        width: auto;
        height: auto;
        line-height: 20px;
        float: left;
        font-family: var(--font-family);
        font-size: 1.15rem;
        color: #B8D2FF;
        padding: 0 10px 0 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }


    .qiye {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 50px;
    }

    .qy_title {
        width: 94%;
        height: 60px;
        display: table;
        margin: 0 auto;
        font-family: var(--font-family);
        font-size: 2rem;
        color: #121966;
        text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -1px 0 0, #fff 0 -1px 0;
        line-height: 60px;
        text-align: center;
        background-image: url("../images/icon/qybg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
    }

    .qy_phone {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 10px;
    }

    .phone {
        width: auto;
        height: auto;
        line-height: 30px;
        font-family: var(--font-family);
        font-size: 1.25rem;
        font-weight: bold;
        color: #00E1FC;
        float: left;
        margin: 0 10px;
    }

    .qy_text {
        width: 94%;
        height: auto;
        font-family: var(--font-family);
        font-size: 1.15rem;
        color: #B8D2FF;
        line-height: 30px;
        box-shadow: 0 0 0 2px #24EDF9;
        border-radius: 10px;
        float: left;
        padding: 10px 2%;
        margin-top: 30px;
        margin-left: 3%;
    }

    .firm_pic {
        width: 96%;
        height: auto;
        float: left;
        margin: 10px 2%;
        border-radius: 4px;
    }

    .section_bottom {
        width: 100%;
        height: 120px;
        float: left;
        margin-top: -30px;
        background-image: url("../images/icon/footer_bg.png");
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: contain;
    }
}