.pingshang_process_main {
    padding: 60px 0;
    background: #FEF8F8;
    position: relative;
}

.pingshang_process_main .bg-image {
    position: absolute;
    bottom: -22%;
    width: 100%;
    height: 76%;
    object-fit: cover;
}

.pingshang_process_main .bg-decor1 {
    position: absolute;
    bottom: -5%;
    width: calc(288 / 1920 * 100%) !important;
    aspect-ratio: 48/41;
    object-fit: cover;
    z-index: 4;
}

.pingshang_process_main .bg-decor2 {
    position: absolute;
    top: 43%;
    right: 4%;
    width: calc(110 / 1920 * 100%) !important;
    aspect-ratio: 55/48;
    object-fit: cover;
    z-index: 4;
}

.pingshang-process {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-size: contain;
    /* background-position: center; */
    background-repeat: no-repeat;
    aspect-ratio: 1400/871;
    position: relative;
    z-index: 3;
}

.pingshang-process .left {
    width: calc(634 / 1400 * 100%);
    flex-shrink: 0;
    height: 100%;
    padding: 0 0 13% 3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 25px;
}

.pingshang-process .pingshang_process_title {
    /* -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #FFF; */
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-shadow:
    0 0 0.8px rgba(255, 255, 255, 0.98),
    0 0 1.8px rgba(255, 255, 255, 0.92),
    0 0 2.6px rgba(255, 255, 255, 0.62),
    0 0 3.4px rgba(255, 255, 255, 0.46),
    4px 0 0 rgba(255, 255, 255, 0.9), 3.7px 1.5px 0 rgba(255, 255, 255, 0.9), 2.8px 2.8px 0 rgba(255, 255, 255, 0.9), 1.5px 3.7px 0 rgba(255, 255, 255, 0.9),
    0 4px 0 rgba(255, 255, 255, 0.9), -1.5px 3.7px 0 rgba(255, 255, 255, 0.9), -2.8px 2.8px 0 rgba(255, 255, 255, 0.9), -3.7px 1.5px 0 rgba(255, 255, 255, 0.9),
    -4px 0 0 rgba(255, 255, 255, 0.9), -3.7px -1.5px 0 rgba(255, 255, 255, 0.9), -2.8px -2.8px 0 rgba(255, 255, 255, 0.9), -1.5px -3.7px 0 rgba(255, 255, 255, 0.9),
    0 -4px 0 rgba(255, 255, 255, 0.9), 1.5px -3.7px 0 rgba(255, 255, 255, 0.9), 2.8px -2.8px 0 rgba(255, 255, 255, 0.9), 3.7px -1.5px 0 rgba(255, 255, 255, 0.9);
}

.pingshang-process .pingshang_process_sub_title {
    color: #fff;
}

.pingshang-process .right {
    width: calc(766 / 1400 * 100%);
    flex-shrink: 0;
    aspect-ratio: 766/871;
    position: relative;
}

.pingshang-process .process-item {
    position: absolute;
    width: calc(161 / 766 * 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pingshang-process .process-item img {
    width: 100%;
    aspect-ratio: 161/124;
    object-fit: cover;
}
.pingshang-process .process-desc {
    font-size: var(--font-22);
    color: #000;
    width: max-content;
    max-width: none;
    white-space: nowrap;
}

.process-1 {
    left: 8%;
    top: 12%;
}

.process-2 {
    left: 40%;
    top: 12%;
}

.process-3 {
    left: 72%;
    top: 12%;
}

.process-4 {
    left: 55%;
    top: 37%;
}

.process-5 {
    left: 22%;
    top: 37%;
}

.process-6 {
    left: 8%;
    top: 62%;
}

.process-7 {
    left: 40%;
    top: 62%;
}

.process-8 {
    left: 72%;
    top: 62%;
}

.pingshang-process .arrow-item {
    position: absolute;
}



.arrow-3,
.arrow-5 {
    width: calc(52 / 766 * 100%) !important;
    height: calc(57 / 871 * 100%) !important;
}

.arrow-1,
.arrow-2,
.arrow-4,
.arrow-6,
.arrow-7 {
    width: calc(44 / 766 * 100%) !important;
    height: calc(44 / 871 * 100%) !important;
}

.arrow-1 {
    left: 32%;
    top: 18%;
}

.arrow-2 {
    left: 64%;
    top: 18%;
}

.arrow-3 {
    left: 80%;
    top: 40%;
}

.arrow-4 {
    left: 46%;
    top: 42%;
}

.arrow-5 {
    left: 12%;
    top: 50%;
}

.arrow-6 {
    left: 32%;
    top: 68%;
}

.arrow-7 {
    left: 64%;
    top: 68%;
}

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

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

@media screen and (max-width: 1200px) {
    .pingshang-process .left {
        padding: 0 0 10% 2%;
        gap: 16px;
    }

    .pingshang-process .pingshang_process_title {
        /* -webkit-text-stroke-width: 3px; */
    }
}

@media screen and (max-width: 992px) {
    .pingshang-process .left {
        padding: 0 0 10% 2%;
        gap: 10px;
    }

    .pingshang-process .left {
        width: 44%;
    }

    .pingshang-process .right {
        width: 56%;
    }
}

@media screen and (max-width: 768px) {
    .bg-image {
        display: none;
    }

    .bg-decor1 {
        display: none;
    }

    .bg-decor2 {
        display: none;
    }

    .pingshang-process {
        display: block;
        background-image: none !important;
        background-color: #F4C3C1;
        aspect-ratio: auto;
        height: auto;
    }

    .pingshang-process .left {
        width: 100%;
        padding: 36px 0 0 30px;
        gap: 16px;
    }

    .pingshang-process .pingshang_process_title {
        /* -webkit-text-stroke-width: 1px; */
    }

    .pingshang-process .right {
        width: 100%;
    }


}

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

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