.networdk_map {
    background: #f9fbff !important;
    border: 1px solid #ededed;
    border-radius: 24px;
    padding: 80px 70px;
    box-shadow: 0 20px 45px rgba(15, 43, 112, 0.08);
    margin-top: 32px;
}

.networdk_map .zq-tab-panel.is-active {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.zq-tab-list ul li {
    flex: 0 0 calc(33.333% - 30px);

}

.networdk_map_left,
.networdk_map_right {
    position: relative;
}

.networdk_map_left {
    flex: 0 0 780px;
    max-width: 780px;
    min-width: 780px;
}

.networdk_map_right {
    flex: 1 1 320px;
}

.breadcrumb {
    text-transform: capitalize;
}

.breadcrumb a {
    text-transform: capitalize;
}

.networdk_map_left img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 16px;
}

.networdk_map_right_box {
    display: none;
    flex-direction: column;
    gap: 24px;
}

.networdk_map_right_box.active {
    display: flex;
}

.network-map__markers {
    position: absolute;
    inset: 0;
    pointer-events: auto;
}

.network-map__marker {
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 14px;
    flex-direction: row-reverse;
    font-size: 14px;
    pointer-events: none;
}

.network-map__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1E53A9;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.2);
    position: relative;
    z-index: 2;
}

.network-map__pulse {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(13, 110, 253, 0.6);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: mapPulse 2.4s ease-out infinite;
}

.network-map__pulse--delay {
    animation-delay: 1.2s;
}

.network-map__label {
    cursor: pointer;
    pointer-events: auto;
    border: none;
    background: transparent;
    padding: 0;
}

.network-map__label h4 {
    background: #fff;
    color: #202020;
    padding: 12px 16px;
    font-weight: 600;
    border-radius: 3px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    font-weight: normal;
}

.network-branch-card h5 {
    font-weight: bold;
}

.network-map__label h4::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 98%;
    transform: translateY(-50%) translateX(0px);
    width: 14px;
    height: 22px;
    background: #fff;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.network-map1 {
    position: absolute;
    left: 315px;
    top: 425px;
}

.network-map2 {
    position: absolute;
    left: 600px;
    top: 415px;
}

.network-map3 {
    position: absolute;
    left: 398px;
    top: 520px;
    z-index: 9;
}

.network-map4 {
    position: absolute;
    left: 606px;
    top: 523px;
    z-index: 9;
}
.network-map5 {
    position: absolute;
    left: 646px;
    top: 300px;
    z-index: 9;
}

.network-map6 {
    position: absolute;
    left: 675px;
    top: 365px;
    z-index: 9;
}

.contactpape-list {
    display: flex;
    flex-wrap: wrap;
}

.network-map__label_right h4::after {
    left: -12px;
    right: inherit;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.network-map__label_right .network-map__marker {
    left: -35px;
    right: inherit;
}

.network-map__label.active h4 {
    background: #fff;
    color: #202020;
}

.network-map__label.active h4::after,
.network-map__label.active h4 {
    /* background: #204ECF;
    color: #fff; */

    background: #fff;
    color: #202020;
}

.network-map__label.active .network-map__label_right {
    background: #004e8c;

}

@keyframes mapPulse {
    0% {
        opacity: 0.85;
        transform: translate(-50%, -50%) scale(0.4);
    }

    70% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.8);
    }
}

.network-branch-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.network-branch-info__headline {}

.network-branch-info__title {
    font-size: clamp(20px, 3vw, 26px);
    font-weight: 700;
    color: #1849c6;
    margin-bottom: 8px;
}

.network-branch-info__meta {
    font-size: 16px;
    color: #3f4863;
    line-height: 1.8;
    margin-bottom: 4px;
}

.network-branch-card {
    background: #ffffff;
    border-radius: 12px;
    padding: clamp(24px, 3vw, 36px);
    border: 1px solid #b0c1f0;
    box-shadow: 0 22px 45px rgba(10, 22, 62, 0.09);
    color: #4a4d57;
    line-height: 1.6;
}

.network-branch-card h4 {
    font-size: 20px;
    color: #111827;
    margin-bottom: 16px;
}

.network-branch-card h5 {
    font-size: 18px;
    margin-bottom: 16px;
}

.network-branch-card strong {
    color: #333;

}

.network-branch-card p {
    margin: 8px 0 12px;
    font-size: 18px;
}

.network-branch-card span {
    font-weight: 600;
    color: #333333;
}

.network-branch-card__scope {
    margin-top: 16px;
    color: #333;
}



.certificate-result__grid hr {
    /* 跨越所有列（grid-column: 1 / -1 是通用写法） */
    grid-column: 1 / -1;
    /* 重置 hr 默认样式，确保视觉上铺满 */
    border: none;
    border-top: 1px solid #e5e7eb;
    /* 自定义分割线样式 */
    margin: 0 0 20px;
    /* 清除默认边距 */
    width: 100%;
    /* 确保宽度100% */
    height: 1px;
    /* 分割线高度 */
}

@media (max-width: 1600px) {
    .networdk_map_left {
        zoom: 0.8;
    }

    .network-branch-info__title {
        font-size: 20px;
    }

    .network-branch-info__meta {
        font-size: 14px;
    }

    .network-branch-card {
        border-radius: 8px;
        padding: 20px;
    }

    .network-branch-card h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .network-branch-card h5 {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .network-branch-card p {
        margin: 8px 0 12px;
        font-size: 13px;
    }
}

@media (max-width: 1440px) {
    .networdk_map_left {
        zoom: 0.7;
    }

    .header-wrap .logo img {
        max-height: 70px;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1440px) {

    .section2 .about-text {
        width: 67.5521%;
        height: 90%;
        flex-shrink: 0;
        padding-top: 2.6875vw;
        padding-left: 9.375vw;
        position: relative;
        z-index: 2;
        border-radius: 0px max(0.58rem, 20px) 0px 0px;
        background: rgb(246, 247, 251);
    }

    body:not(.fp-responsive) .fp-overflow {
        max-height: 83dvh;
    }

    .section2 .about-text .data-list {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .section2 .about-text .about-intro p:not(:last-child) {
        margin-bottom: 0;
    }

    .section2 .about-text .about-intro {
        margin-bottom: 20px;
    }

    .section2 .about-text .about-modify .btn {
        margin-top: 0;
    }


}

@media (max-width: 1024px) {
    .networdk_map {
        padding: 50px 40px;
        border-radius: 10px;
    }

    .networdk_map .zq-tab-panel.is-active {
        gap: 24px;
    }

    .networdk_map_left {
        flex: 1 1 100%;
        max-width: 100%;
        min-width: auto;
        height: auto;
    }

    .networdk_map_left img {
        height: auto;
        border-radius: 12px;
    }
}

@media (max-width: 991px) {
    .networdk_map {
        padding: 50px 40px;
        border-radius: 10px;
    }

    .networdk_map_left img {
        display: none;
    }

    .network-map__label {
        position: inherit;
    }

    .network-map__markers {
        position: static;
        inset: auto;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        pointer-events: auto;
    }

    .network-map__label {
        flex: 1 1 calc(50% - 12px);
        text-align: center;
    }

    .network-map__label h4 {
        width: 100%;
        justify-content: center;
        box-shadow: none;
        transform: none;
    }

    .network-map3 h4 {
        font-size: 14px;
    }

    .network-map__label h4::after,
    .network-map__label_right h4::after {
        display: none;
    }

    .network-map__marker {
        display: none;
    }

    .networdk_map_left {
        padding-bottom: 12px;
    }
}

@media (max-width: 768px) {
    .networdk_map .zq-tab-panel.is-active {
        gap: 12px;
    }

    .networdk_map {
        margin-top: 20px;
    }

    .networdk_map {
        padding: clamp(18px, 6vw, 32px);
    }

    .networdk_map .zq-tab-panel.is-active {
        flex-direction: column;
    }

    .network-branch-card h4 {
        font-size: 18px;
    }

    .network-branch-card {
        padding: 12px;
        /* margin: 0 -20px; */
        border: none;
    }

    .network-map__marker {
        left: 65%;
        top: 70%;
        gap: 8px;
    }

    .certificate-result__grid hr {
        margin: 0 0 10px;
        /* 清除默认边距 */
    }

    .network-map__label {
        font-size: 12px;
        padding: 8px 14px;
    }

    .network-branch-info__title {
        font-size: 18px;
    }

    .network-branch-info__meta,
    .network-branch-card p {
        font-size: 14px;
    }

    .network-map__marker {
        left: 62%;
        top: 73%;
        flex-direction: column;
        align-items: flex-start;
    }

    .network-map__label {
        border-radius: 12px;
    }

    .section3 .layui-tab-brief>.layui-tab-title {
        margin-bottom: 0px;
    }

    .zq-service-section .wrap {
        padding: 0;
    }

    .zq-tab-list ul li {
        flex: 0 0 100%;
    }
}