@charset "utf-8";

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;}
		.banner{ height:800px;}
		.banner-container {
    padding-bottom: 51px;
    background: linear-gradient(to bottom,#fff,#bbd1ff);
    border-bottom-right-radius: 93px;
    padding-top: 75px;
}
      .earth-path-container {
            flex: 0 0 500px;
            width: 500px;
            height: 500px;
            position: relative;
            border-radius: 50%;
            overflow: hidden;
        }

        .earth-path-container canvas {
            display: block;
            width: 100% !important;
            height: 100% !important;
            border-radius: 50%;
			margin-top: 50px;
        }
        #auto-rotate-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            color: #00ffff;
            background: rgba(0, 255, 255, 0.15);
            padding: 6px 14px;
            border-radius: 30px;
            font-size: 12px;
            backdrop-filter: blur(4px);
            border: 1px solid #00ffff;
            pointer-events: none;
            z-index: 10;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        #auto-rotate-badge::before {
            content: '🔄';
            font-size: 14px;
        }
.flex-vertical-top {
    align-items: flex-start;
}
.flex-horizontal-center {
    justify-content: center;
}
.flex {
    display: flex;
}
.content-wrap {
    width: 1200px;
    margin: 0 auto;
}
.banner-container .banner-img {
    width: 500px;
    margin-right: 40px;
}
.banner-container .right-content-box .banner-title {
    margin-bottom: 30px;
}
.banner-title-container {
    color: #30318d;
    font-size: 34px;
    font-weight: bolder;
    position: relative;
    text-decoration: underline #30318d;
    text-underline-offset: 0.234375vw;
    gap: 0.9765625vw;
}
.banner-container .right-wrap .desc {
    font-size: 19px;
    line-height: 27px;
    font-weight: bolder;
    color: #000;
}
.content-container .content-wrap {
    gap: 14px;
}
.category-list-container{
    width: 309px;
    padding-top: 29px;
    padding-bottom: 208px;
    background: #f4f8ff;
    gap: 11px;
    flex-shrink: 0;
}
.category-list-container {
    width: 309px;
    padding-top: 29px;
    padding-bottom: 208px;
    background: #f4f8ff;
    gap: 11px;
    flex-shrink: 0;
}
.banner-container .right-content-box .logo-img {
    width: 360px;    height: auto;
}
.personnel-container{
    padding: 72px 0 46px;
    background: #fff;
}
  /* 核心卡片：背景图 + 文字层 */
        .typed-content {
            position: relative;
            width: 100%;
            /*  aspect-ratio: 16 / 9;保持有冲击力的宽高比，适应多数屏幕 */
            background: url('/waimao/images/banner.png') center center / cover no-repeat;
            overflow: hidden;
            transition: transform 0.2s ease;
        }
  .typed-content::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.45);
            backdrop-filter: brightness(0.9) blur(1px);
            /* 轻柔磨砂感，背景图依然清晰可辨但文字对比度更高 */
            border-radius: inherit;
            pointer-events: none;
            z-index: 1;
        }

        /* 文字容器 - 居中布局 */
        .text-container {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
               text-align: left;
    padding: 5%;
            color: white;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
        }

        /* 三行通用样式 */
        .line {
           
            width: 100%;
        }

        /* 第一行文字 */
        .line-top {
           font-size: 70px;
    font-weight: 400;
    margin-bottom: 2.5vw;
    text-shadow: 0 4px rgba(255, 255, 255, .6);
            animation: fadeSlideUp 0.8s ease forwards;
            animation-delay: 0.3s;
        }

        /* 第二行动态打字行 */
        .line-middle {
            animation: fadeSlideUp 0.8s ease forwards;
            animation-delay: 0.3s;
        }

        /* 动态文本占位 */
        .typed-text {
            display: inline-block;
             font-size: 50px;
    font-weight: bolder;
    margin-bottom: 30px;
	text-align: left;
            white-space: normal;
            word-break: keep-all;
            color: #fff9e8;
        }

        /* 光标特效
        .cursor {
            display: inline-block;
            width: 3px;
            background-color: #FFD966;
            margin-left: 4px;
            border-radius: 2px;
            animation: blink 0.9s step-end infinite;
            box-shadow: 0 0 4px #ffbf40;
        } */

        /* 第三行文字 */
        .line-bottom {
               font-size: 48px;
    margin-top: 20px;
            opacity: 0;
            animation: fadeSlideUp 0.8s ease forwards;
            animation-delay: 0.3s;
           
        }

        /* 入场动画 */
        @keyframes fadeSlideUp {
            0% {
                opacity: 0;
                transform: translateY(22px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 光标闪烁 */
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }

        /* 确保响应式: 当屏幕过小时内边距优雅 */
        @media (max-width: 640px) {
            .text-container {
                padding: 1rem;
            }
            .line-middle {
                padding: 0.3rem 1.2rem;
                border-radius: 60px;
            }
            .cursor {
                width: 2px;
            }
        }

     .global-markets-container {
    padding-top: 200px;
    padding-bottom: 140px;
    background-color: #30318d;
    color: #333;
    position: relative;
    overflow: hidden;
}
.global-markets-container .content-wrap {
    position: relative;
}
.global-markets-container .content-wrap .content {
    font-size: 19px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    position: absolute;
}
.global-markets-container .content-wrap .content .title-box {
    position: absolute;
    top: -140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    transform: translate(-50%);
}
.global-markets-container .content-wrap .content .title-box .title{
    margin-bottom: 30px; color:#fff;
}
.global-markets-container .content-wrap .content .title-box .sub-title {
    font-size: var(--desc-fz--default);
    color: #fff;
    white-space: nowrap;
}
.global-markets-container .content-wrap .content .list {
margin-top:50px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-left: 30%;
}
.global-markets-container .content-wrap .content .list .item:nth-child(1), .global-markets-container .content-wrap .content .list .item:nth-child(7) {
    margin-left: -374px;
}
.global-markets-container .content-wrap .content .list .item:nth-child(2), .global-markets-container .content-wrap .content .list .item:nth-child(6) {
    margin-left: -250px;
}
.global-markets-container .content-wrap .content .list .item:nth-child(3), .global-markets-container .content-wrap .content .list .item:nth-child(5) {
    margin-left: -124px;
}
.global-markets-container .content-wrap .content .list .item{
    flex-shrink: 0;
}
.global-markets-container .icon-20 {
    height: 20px;
}
.global-markets-container .content-wrap .content .list .item {
    width: 400px;
    height: 60px;
    display: flex;
    align-items: center;
    color: #fff;
    border: 1px solid #ffffff;
    box-shadow: 5px 5px 0 1px #ffffff4d;
    gap: 25px;
    justify-content: center;
    border-radius: 10px;
    font-size: 17px;
    white-space: nowrap;
    pointer-events: all;
}
        .typed-content {
            transition: transform 0.3s ease;
        }
.personnel-container .block-title {
    margin-bottom: 73px;
}
.personnel-container .icon-wrap {
    gap: 41px;
    margin-bottom: 61px;
}
.personnel-container .icon-wrap .icon-item:nth-child(1) .icon-box, .personnel-container .icon-wrap .icon-item:nth-child(2) .icon-box {
    border-top-left-radius: 0;
}
.personnel-container .icon-wrap .icon-item .icon-box {
    width: 252px;
    height: 128px;
    background: #f1f7ff;
    margin-bottom: 12px;
    border-radius: 64px;
}
.personnel-container .icon-wrap .icon-item .label {
    font-size: 19px;
    color: #000;
    font-weight: 700;
    text-align: center;
}
.personnel-container .icon-wrap .icon-item .icon-box .icon-img {
    width: 32px;
    margin-bottom: 20px;
}
.personnel-container .icon-wrap .icon-item .icon-box .icon-value {
    font-size: 24px;
    color: #708cbf;
    font-weight: bolder;
}
.personnel-container .img-wrap .left-img {
    width: 582px;
    margin-right: 32px;
}
.banner-container .left-box .img-box .img-1 {
    width: 294px;
    margin-right: 96px;
}
.banner-container .left-box .img-box .img-2 {
    width: 195px;
}
.banner-container .right-img {
    width: 533px;
    margin-left: -42px;
}
.banner-container .left-box .block-title {
    margin-bottom: 34px;
}
.banner-container .left-box .desc {
    width: 473px;
    font-size: 19px;
    line-height: 27px;
    color: #000;
}
.speed-container{
    padding: 73px 0 62px;
}
.speed-container .content-wrap {
    gap: 27px;
}
.speed-container .block-title {
    margin-bottom: 63px;
}
.speed-container .content-wrap .left-list-box{
    padding: 19px 22px;
    background: #f1f7ff;
    border-radius: 11px;
    gap: 17px;
}
.speed-container .content-wrap .left-list-box .item-box {
    padding: 14px 8px;
    background: #fff;
    border-radius: 11px;
    gap: 8px;
}
.speed-container .content-wrap .left-list-box .item-box .item-icon{
    width: 44px;
}
.speed-container .content-wrap .left-list-box .item-box .label{
    font-size: 17px;
    color: #000;
    line-height: 20px;
    width: 99px;
}
.speed-container .content-wrap .left-list-box .item-box .value {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f1f7ff;
    font-size: 19px;
    color: #9883cf;
    font-weight: bolder;
}
.speed-container .content-wrap .right-content-box .desc-box {
    margin-bottom: 20px;
}
.speed-container .content-wrap .right-content-box .desc-box .desc {
    font-size: 19px;
    line-height: 24px;
}
.speed-container .content-wrap .right-content-box .desc-box .desc-img {
    width: 302px;
}
.speed-container .content-wrap .right-content-box .map-box {
    height: 395px;
    background: #f1f7ff;
    border-radius: 11px;
}
.services-container .block-title {
    margin-bottom: 67px;
}
.services-container .step-wrap-1{
    margin-bottom: 45px;
}
.services-container .step-wrap-2 {
    position: relative;
    justify-content: space-between;
    width: 100%;
}
.services-container .step-wrap-1 .car-img{
    width: 344px;
    margin-right: 15px;
}
.services-container .step-wrap-1 .step-box {
    padding: 22px 11px 22px 18px;
    background: #fff;
    border-radius: 11px;
    gap: 26px;
}
.services-container .step-wrap-1 .step-box .step-index {
    margin-right: 14px;
    line-height: 1;
    flex-shrink: 0;
}
.services-container{
    padding: 72px 0 36px;
    background: #f1f7ff;
    border-top-left-radius: 72px;
}
.services-container .step-index {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #30318d;
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    text-decoration: underline;
    animation: boxShadow-e2c55c6a 3s ease-in infinite;
}
.services-container .step-wrap-1 .step-box .step-desc {
    font-size: 19px;
    line-height: 22px;
    color: #000;
}
.services-container .step-wrap-2 {
    position: relative;
    justify-content: space-between;
    width: 100%;
}
.services-container .step-wrap-2 .step-column {
    width: 340px;
    position: relative;
    z-index: 2;
}
.services-container .step-wrap-2:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #30318d;
    left: 0;
    z-index: 1;
    top: 262px;
}
.services-container .step-wrap-2 .step-column .step-img {
    width: 100%;
    height: 192px;
    margin-bottom: 48px;
}
.services-container .step-wrap-2 .step-column .step-index {
    margin-bottom: 30px;
}
.services-container .step-index {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #30318d;
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    text-decoration: underline;
    animation: boxShadow-e2c55c6a 3s ease-in infinite;
}
.services-container .step-index {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #30318d;
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    text-decoration: underline;
    animation: boxShadow-e2c55c6a 3s ease-in infinite;
}
.services-container .step-wrap-2 .step-column .step-desc {
    width: 100%;
    padding: 32px;
    background: #fff;
    border-radius: 11px;
    font-size: 19px;
}
.banner-container .left-img {
    width: 470px;
    margin-right: 14px;
    margin-top: 12px;
    border-radius: 22px 80px 22px 22px;
}
.banner-container .right-box .desc {
    font-size: 19px;
    line-height: 27px;
    color: #000;
    margin-bottom: 46px;
}
.banner-container .right-box .right-img{
    width: 365px;
    margin-left: 5px;
}
.customer-platform-reviews .user-info-wrap {
    margin-bottom: 8px;
    padding: 17px 34px;
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 0 5px 1px #0077f033;
}
.customer-platform-reviews .user-info-wrap .avatar-img {
    width: 200px;
    align-self: flex-start;
    margin-right: 38px;
    border-radius: 10px;
}

.customer-platform-reviews .user-info-wrap {
    margin-bottom: 8px;
    padding: 17px 34px;
    background: #fff;margin: 50px;
    border-radius: 17px;
    box-shadow: 0 0 5px 1px #0077f033
}

.customer-platform-reviews .user-info-wrap .avatar-img {
    width: 200px;
    align-self: flex-start;
    margin-right: 38px;
    border-radius: 10px
}

.customer-platform-reviews .user-info-wrap .user-info-box {
    color: #000;
}

.customer-platform-reviews .user-info-wrap .user-info-box .user-name {
    font-size: 19px;
    font-weight: bolder;
    margin-bottom: 12px
}

.customer-platform-reviews .user-info-wrap .user-info-box .customer-evaluation-icon {
    width: 127px;
    margin-bottom: 22px
}

.customer-platform-reviews .user-info-wrap .user-info-box .date {
    font-size: 17px;
}

.customer-platform-reviews .user-info-wrap .user-info-box .desc {
    font-size: 19px;
    line-height: 30px;
    color: #000;
}

.customer-platform-reviews .swiper-slide {
    filter: blur(2px);
}

.customer-platform-reviews .swiper-slide.swiper-slide-active {
    filter: blur(0); 
	
}
.stocking-container {
    padding-top: 79px;
    padding-bottom: 54px;
    background: #fff;
}
.stocking-container .service-container {
    gap: 31px;
    margin-bottom: 53px;
}
.stocking-container .service-container .left-box .block-title {
    margin-bottom: 57px;
}
.stocking-container .service-container .left-box .content-box {
    gap: 20px;
}
.stocking-container .service-container .left-box .content-box .left-img{
    height: 168px;
}
.stocking-container .service-container .left-box .content-box .desc-box {
    font-size: 19px;
    line-height: 24px;
    color: #000;
}
.stocking-container .service-container .right-img {
    width: 240px;
    margin-top: 100px;
}
.stocking-container .publishing-container .block-title {
    margin-bottom: 49px;
    align-self: flex-start;
}
.stocking-container .publishing-container .info-box {
    gap: 22px;
}
.banner-container .right-box .block-title {
    margin-bottom: 34px;
}
.stocking-container .publishing-container .info-box .desc-column {
    width: 493px;
}
.stocking-container .publishing-container .info-box .desc-column .desc-1 {
    font-size: 19px;
    line-height: 24px;
    color: #000;
}
.stocking-container .publishing-container .info-box .desc-column .desc-2-box {
    padding: 11px 11px 11px 0;
    position: relative;
}
.stocking-container .publishing-container .info-box .desc-column .desc-2-box .inner-box .img-5 {
    width: 89px;
    margin-right: 22px;
}
.abanner-container {
    background: linear-gradient(rgb(255, 255, 255), rgb(187, 209, 255));
    border-bottom-left-radius: 71px;
    padding-top: 57px;
    padding-bottom: 10px;
}
.abanner-container .left-box .img-box .img-1 {
    width: 630px;
}
.abanner-container .right-img {
    width: 400px;
    padding-bottom: 9px;
}
.abanner-container .left-box .block-title {
    margin-bottom: 34px;
}
.abanner-container .left-box .desc{
    font-size: 19px;
    line-height: 27px;
    color: rgb(0, 0, 0);
    margin-bottom: 28px;
}
.abanner-container .left-box {
    margin-right: 41px;
}
.display-container{
    padding: 76px 0px 54px;
}
.display-container .content-wrap {
    gap: 34px;
}
.display-container .content-wrap .left-img {
    width: 276px;
    align-self: flex-start;
}
.display-container .content-wrap .data-box .block-title {
    margin-bottom: 39px;
}
.display-container .content-wrap .data-box .desc-box .desc {
    font-size: 17px;
    color: rgb(0, 0, 0);
    line-height: 24px;
}
.display-container .content-wrap .right-list-box {
    width: 312px;
    gap: 18px;
    flex-shrink: 0;
}
.goals-container {
    height: 144px;
    background: url(/waimao/images/aboutbg.png) center center / 1462px 100% no-repeat rgb(6, 113, 223);
    color: rgb(255, 255, 255);
}
.goals-container .content-wrap .title {
    font-size:24px;
    font-weight: bolder;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-bottom: 18px;
}
.goals-container .content-wrap .sub-title {
    width: 697px;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
}
.goals-container .content-wrap {
    height: 100%;
}
.work-container {
    padding: 53px 0px 51px;
}
.work-container .how-work-wrap {
    gap: 22px;
    margin-bottom: 65px;
}
.work-container .how-work-wrap .left-desc-box {
    width: 380px;
}
.work-container .how-work-wrap .left-desc-box .title {
    height: 61px;
    font-size: 19px;
    font-weight: bolder;
    color: rgb(0, 119, 240);
    position: relative;
    background: rgb(241, 247, 255);
    border-radius: 11px;
    box-shadow: rgb(196, 224, 252) 2px 5px;
    text-decoration: underline;
    margin-bottom: 22px;
}
.work-container .how-work-wrap .left-desc-box .title::before {
    left: 13px;
    top: 13px;
}
.work-container .how-work-wrap .left-desc-box .title::before, .work-container .how-work-wrap .left-desc-box .title::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdBAMAAACkvXo8AAAAHlBMVEUAAACly/yly/yly/yly/yly/yly/yly/yly/yly/wlIkN3AAAACXRSTlMAZlpLM5yTe294XjjcAAAAMklEQVQY02MAA82ZM2cagFmDji8IApFAfiKIIcAwEwVMoDnfBQQqgcwWEMNhwMODAB8Atshx7ebIGZYAAAAASUVORK5CYII=) center center / 100% 100% no-repeat;
    position: absolute;
}
.work-container .how-work-wrap .left-desc-box .desc {
    font-size:17px;
    color: rgb(0, 0, 0);
    line-height: 24px;
}
.work-container .how-work-wrap .how-work-img{
    width: 344px;
}
.work-container .how-work-wrap .how-work-img {
    width: 344px;
}
.work-container .desc-wrap {
    padding: 19px 192px 19px 30px;
    background: rgb(241, 247, 255);
    border-radius: 11px;
    position: relative;
    margin-bottom: 61px;
}
.work-container .desc-wrap .logo-img {
    width: 80px; height:auto;
    margin-right: 34px;
}
.banner-container .left-img {
    width: 369px;
    margin-right: 16px;
}
.banner-container .right-box{
    margin-right: 41px;
}
.banner-container .right-box .block-title {
    margin-bottom: 34px;
}
.banner-container .right-box .desc {
    width: 630px;
    font-size: 19px;
    line-height: 27px;
    color: rgb(0, 0, 0);
    margin-bottom: 28px;
}
.banner-container .right-box .img-box .img-1 {
    width: 754px;
}
.desc-container {
    padding-top: 30px;
    padding-bottom: 11px;
    background: rgb(255, 255, 255);
}
.desc-container .img-1 {
    width: 128px;
    margin-right: 48px;
}
.desc-container .desc{
    width: 618px;
    margin-right: 48px;
    font-size: 19px;
    line-height: 24px;
    color: rgb(0, 0, 0);
}
.desc-container .img-2 {
    width: 218px;
    margin-right: 93px;
}
.sign-up-wrap {
    color: rgb(255, 255, 255);
    height: 181px;
    background: url(/waimao/images/blogbg.png) center center / 100% 100% no-repeat rgb(3, 108, 215);
    line-height: 1;
}
.sign-up-wrap .content-wrap{
    gap: 21px;
    height: 100%;
}
.sign-up-wrap .content-wrap .title, .sign-up-wrap .content-wrap .desc {
    font-size: 19px;
}
.sign-up-wrap .content-wrap .sign-up-button a{color: rgb(0, 114, 230); text-decoration:none;}
.sign-up-wrap .content-wrap .sign-up-button {
    width: 137px;
    height: 38px;
    appearance: none;
    outline: none;
    background: rgb(255, 255, 255);
    font-size:17px;
    color: rgb(0, 114, 230);
    border-radius: 5px;
    border: none;
    cursor: pointer;
}
.tabs-container {
    padding-top: 20px;
}
.tabs-container .tabs-warp {
    width: 800px;
}
.el-tabs__content {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
}
.tabs-container .tabs-warp .el-tabs__header {
    margin-bottom: 0px;
}
.el-tabs__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 15px;
    padding: 0px;
    position: relative;
}
.el-tabs__nav-scroll {
    overflow: hidden;
}
.tabs-container.tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__active-bar {
    height: 6px;
    background: rgb(0, 119, 240);
}
.banner-container .content-wrap .left-wrap a{ text-decoration:none;}
.el-tabs__active-bar {
    bottom: 0px;
    left: 0px;
    list-style: none;
    position: absolute;
    transition: width .3s cubic-bezier(.645,.045,.355,1), transform .3s cubic-bezier(.645,.045,.355,1);
    z-index: 1;
}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active .tab-item-label {
    color: rgb(0, 119, 240);
}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item .tab-item-label {
    font-weight: bolder;
    font-size: 22px;
    color: rgb(139, 166, 223);
    padding: 0px 17px;
}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item  .tab-item-label a{ color:rgb(48 49 141 / 71%);; text-decoration:none;}
.is-active span a{ color:#30318d !important;border-bottom: 6px solid #30318d;
    padding-bottom: 13px;}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:last-child {
    padding-right: 0px;
}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
    padding: 0px 50px 20px;
    height: auto;
}
.el-tabs__item {
    align-items: center;
    box-sizing: border-box;
    color: #303133;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    list-style: none;
    padding: 0px 20px;
    position: relative;
}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap::after {
    background: rgb(108 109 174);
}
.el-tabs__nav-wrap::after {
    background-color:#e4e7ed;
    bottom: 0px;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.banner-container .content-wrap .left-wrap .desc {
    font-weight: inherit;
    white-space: pre-wrap;
}
.banner-container .content-wrap .banner-img {
    width: 400px;
    transform: scale(1.2);
}
.adapt-container {
    padding: 55px 65px;
    background: rgb(255, 255, 255);
}
.adapt-container .step-wrap {
    margin-bottom: 63px;
}
.adapt-container .step-wrap .left-box.left-box, .adapt-container .step-wrap .right-box.left-box {
    padding-left: 160px;
    padding-right: 30px;
}
.adapt-container .step-wrap .left-box, .adapt-container .step-wrap .right-box {
    width: 500px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fffcfa;
    position: relative;
}
.adapt-container .step-wrap .left-box.left-box .img-box, .adapt-container .step-wrap .right-box.left-box .img-box {
    left: 0;
}
.adapt-container .step-wrap .left-box .img-box, .adapt-container .step-wrap .right-box .img-box {
    width: 100px;
    height: 100px;
    background: #fff1e9;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.adapt-container .step-wrap .left-box .img-box .icon-img, .adapt-container .step-wrap .right-box .img-box .icon-img {
    width: 60px;
}
.adapt-container .step-wrap .left-box .step-label, .adapt-container .step-wrap .right-box .step-label {
    font-size: 19px;
    color: #000;
    line-height: 26px;
    position: relative;
    padding-bottom: 20px;
    font-weight: bolder;
}
.adapt-container .step-wrap .left-box .step-label:after, .adapt-container .step-wrap .right-box .step-label:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    border-radius: 2px;
    background: #ff9000;
    position: absolute;
    left: 0;
    bottom: 0;
}
.adapt-container .step-wrap .left-box.right-box .img-box, .adapt-container .step-wrap .right-box.right-box .img-box {
    right: 0;
}
.adapt-container .step-wrap .left-box.right-box, .adapt-container .step-wrap .right-box.right-box {
    padding-left: 30px;
}
.bbx{    padding-right: 160px;
}
.adapt-container .wordpress-wrap {
    padding-bottom: 16px;
    gap: 34px;
    background: #fbfbfb;
    margin-bottom: 62px;
}
.adapt-container .wordpress-wrap .wordpress-img {
    width: 270px;
    margin-top: -14px;
}
.adapt-container .wordpress-wrap .label-box {
    width: 800px;
}
.adapt-container .wordpress-wrap .label-box .label:first-child {
    margin-bottom: 30px;
}
.adapt-container .wordpress-wrap .label-box .label {
    font-size: 19px;
    line-height: 26px;
}
.adapt-container .congratulations-button-wrap {
    width: 100%;
    height: 65px;
    gap: 18px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background-image: linear-gradient(to right, #ff9307, #ffbe65, #ff9307);
    background-size: 200% 100%;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: #6142974d 1.14766px 1.14766px 4.59062px;
    margin: 0 auto 70px;
    transition: all .3s ease-in-out;
}
.adapt-container .congratulations-button-wrap .congratulations-icon {
    width: 50px;
}
.adapt-container .congratulations-button-wrap .congratulations-label {
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
}
.adapt-container .congratulations-button-wrap:hover {
    background-position: 100% 0;
    box-shadow: #6142974d 1.19262px 1.19262px 4.68055px .0599493px;
}
.adapt-container .img-wrap {
    gap: 30px;
    justify-content: space-between;
}
.adapt-container .img-wrap .preview-img {
    width: 240px;
}
.adapt-container .step-wrap .adapt-img {
    width: 360px;
    transform: scale(1.2);
}
.adapt-container .step-wrap .right-box {
    margin-left: 70px;
}
.adapt-container .step-wrap .right-box .step-box .step-item .step-index {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgb(255, 144, 0);
    font-size: 19px;
    color: rgb(255, 255, 255);
    text-decoration: underline rgb(255, 255, 255);
    box-shadow: rgb(255, 199, 127) -1.72148px -4.0168px 0px 4.0168px;
    animation: 3s ease-in-out 0s infinite reverse none running morph-36d13b67;
}
.adapt-container .step-wrap .right-box .step-box .step-item .step-label {
    margin-left: 20px;
    font-size: 19px;
    color: rgb(0, 0, 0);
}
.adapt-container .icon-wrap .icon-item:nth-child(2n+1) {
    width: 180px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(251, 251, 251);
    border-top-right-radius: 28px;
}
.adapt-container .icon-wrap .icon-item:nth-child(2n+1) .icon-inner {
    width: 88px;
    height: 88px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
}
.adapt-container .icon-wrap .icon-item:nth-child(2n+1) .icon-inner .icon-img {
    width: 34px;
}
.adapt-container .icon-wrap{
    justify-content: space-between;
}
.el-tabs__nav {
    display: flex;
    float: left;
    position: relative;
    transition: transform .3s;
    white-space: nowrap;
    z-index: calc(1 + 1);
}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__active-bar {
 
}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:nth-child(2) {
    padding-left: 0px;
}
.shopify-container .banner-container{padding-top: 0;}
.banner-container .content-wrap .left-wrap {
    width: 700px;
    font-size: 19px;
    line-height: 36px;
    color: rgb(0, 0, 0);
    font-weight: bolder;
}
.banner-container .content-wrap .left-wrap .signup-button {
    width: 330px;
    height: 60px;
    font-size: 19px;
    color: rgb(255, 255, 255);
    border: none;
    appearance: none;
    outline: none;
background-image: linear-gradient(to right, rgb(48 49 141), rgb(69 70 167), rgb(106 107 182));
    border-radius: 10px;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: rgba(97, 66, 151, 0.3) 1.14766px 1.14766px 4.59062px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in-out 0s;
}
.banner-container .content-wrap .left-wrap .signup-button:hover {
    background-position: 100% 0px;
    box-shadow: rgba(97, 66, 151, 0.3) 3.44297px 3.44297px 9.18125px 3.06042px;
}
.banner-container .content-wrap {
    justify-content: space-between;
}
.adapt-container .icon-wrap .icon-item .icon-img {
    width: 34px;
    box-sizing: content-box;
}
.adapt-container .step-wrap .right-box .step-box {
    margin-top: 60px;
    gap: 30px;
}
.sign-up-wrap .content-wrap .sign-up-button:hover, .sign-up-wrap .content-wrap .sign-up-button:focus, .sign-up-wrap .content-wrap .sign-up-button:active, .sign-up-wrap .content-wrap .sign-up-button:visited {
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    animation: 0.5s ease 0s 1 normal none running gelatine-05891ec5;
}
.work-container .desc-wrap .desc {
    font-size: 17px;
    line-height: 24px;
    color: rgb(0, 0, 0);
    width: 775px;
    margin-right: 52px;
}
.brand-container .perspective-wrap .item-box:last-child {
    width: 484px;
    text-align: center;
}
.work-container .desc-wrap .img-1 {
    width: 122px;
    position: absolute;
    right: 19px;
    top: -25px;
}
.work-container .step-wrap .title{margin-bottom: 80px;}
.step-wrap .title {
    font-size: 34px;
    color: #000;
    font-weight: bolder;
}
.our-services-container{
    padding-top: 140px;
    padding-bottom: 140px;
    background-color: #30318d;
    color: #fff;
}
.our-services-container .title {
    margin-bottom: 100px; color:#fff;
}
.card-wrap {
    margin: 1.953125vw;
    transform: perspective(800px);
    transform-style: preserve-3d;
    cursor: pointer;
}
.card-wrap .card .card-info {
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.card-wrap .card {
    position: relative;
    flex: 0 0 240px;
    width: 300px;
    height: 450px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: #0000004d 0 30px 60px;
    transition: 1s cubic-bezier(.445,.05,.55,.95);
}
.card-wrap .card .card-info .title-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card-wrap .card .card-info {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.our-services-container .icon {
    height: 80px;
}
.card-wrap .card .card-info .title-box .title-label {
    font-size:19px;
    font-weight: bolder;
    color: #333;
    word-break: break-word;
    text-align: center;
}
.card-wrap .card .card-info .content {
    font-size: 17px;
    color: #333;
    margin-bottom: 20px;
    word-break: break-all;
}
.card-wrap .card .card-info .btn {
    width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #30318d;
    font-size:17px; padding:0;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
}
.affiliates-container {
    padding-top: 140px;
    padding-bottom: 140px;
    background-color: #fff;
}
.affiliates-container .block-title{ color:#f59a23;}
.affiliates-container .img-container {
    padding: 80px;
    text-align: center;
}
.affiliates-container .img-container .web-img {
    width: 100%;
}
.platforms-container {
    padding-top: 140px;
    padding-bottom: 140px;
    background-color: #30318d;
    color: #fff;
}
.platforms-container .title{
    text-align: center;
    font-size: 34px;
    margin-bottom: 137px;
    font-weight: bolder;
}
.platforms-container .icon-box{
    width: 100%;
    justify-content: space-between;
    padding-bottom: 0;
}
.platforms-container .icon-40 {
    height: 40px;
}
.platforms-container .icon-50 {
    height: 50px;
}
.platforms-container .icon-20 {
    height: 20px;
}
.platforms-container .mb--18 {
    margin-bottom: -18px;
}
.PUDA-tour-container {
    padding-top: 140px;
    padding-bottom: 140px;
    background-color: #fff;
}
.PUDA-tour-container .content-wrap .left{
    border-radius: 10px;
    box-shadow: 0 0 10px #0000001a;
    padding: 20px 40px;
    margin-bottom: 40px;
}
.PUDA-tour-container .content-wrap .left .title{
    font-size: 34px;
    color: #30318d;
    margin-bottom: 30px;
    font-weight: bolder;
}
.PUDA-tour-container .content-wrap .left .desc {
    font-size: 19px;
    color: #606267;
    margin-bottom: 30px;
}
.PUDA-tour-container .content-wrap .left .btn {
padding: 0;    width: 180px;
    height: 40px;
    border-radius: 20px;
    font-size: 17px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #30318d;
    cursor: pointer;
    margin-left: auto;
}
.card-wrap:hover .card-info,.card-wrap:hover .card-info p {
    transition: .6s cubic-bezier(.23,1,.32,1)
}

.card-wrap:hover .card-info:after {
    transition: 5s cubic-bezier(.23,1,.32,1);
    opacity: 1;
    transform: translateY(0)
}

.card-wrap:hover .card-bg {
    transition: .6s cubic-bezier(.23,1,.32,1),opacity 5s cubic-bezier(.23,1,.32,1);
    opacity: .8
}
.global-markets-container .content-wrap .content .list .item:hover, .global-markets-container .content-wrap .content .list .item:focus, .global-markets-container .content-wrap .content .list .item:active, .global-markets-container .content-wrap .content .list .item:visited {
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-ff60c461 .5s 1;
}
@keyframes gelatine-ff60c461 {
    0%,to {
        /* transform:scale(1); */
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}
.card-wrap:hover .card {
    transition: .6s cubic-bezier(.23,1,.32,1)
}
.PUDA-tour-container .content-wrap .left .btn:hover {
    background-color: #5354c9;
}
.vision-container {
    background: #f1f7ff;
    padding: 97px 0;
    margin-bottom: 50px;
    border-top-right-radius: 100px;
}
.vision-container .content-wrap {
    position: relative;
    justify-content: space-between;
}
.vision-container .content-wrap .left-img {
    width: 500px;
    border-radius: 13px;
    margin-right: 30px;
}
.vision-container .content-wrap .right-content-box {
    width: 500px;
    padding-right: 45px;
    margin-top: -60px;
}
.vision-container .content-wrap .right-content-box .block-title {
    margin-bottom: 50px;
}
.vision-container .content-wrap .right-content-box .content-label.first {
    margin-bottom: 20px;
}
.vision-container .content-wrap .right-content-box .content-label {
    font-size: 19px;
    color: #000;
    line-height: 40px;
}

.PUDA-tour-container .content-wrap .right .video {
    width: 100%;
    border-radius: 10px;
}
.PUDA-tour-container .content-wrap .desc-2 {
    font-size: 19px;
}
.PUDA-tour-container .content-wrap .right {
    flex-shrink: 0;
    margin-bottom: 40px;
}

.w1{
	margin: 0 auto;
}
.user_Testimonies{
	padding-top: 126px;
	padding-bottom: 108px;
}
.user_Testimonies h1{
	font-size: 34px;
	font-family: Helvetica-Bold, Helvetica;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding-bottom: 126px;
}

.user_box{
	overflow: hidden;
	padding: 10px 0;
}
.user_ul{
	width: 100%;
	display: flex;
	/* overflow-x: auto; */
}
.user_ul li{
	margin: 15px;    float: left;list-style:none;
}
.user_header{
	display: flex;
	/* align-items: center; */
}

.partner-logo-container {
    background: #fff;
    padding: 140px 0;
}
.userhead_txt .p_text2{
	font-size: 20px;
	font-family: Helvetica-Regular, Helvetica;
	font-weight: 400;
	color: #333333;
	margin-top: 10px;
}
.userhead_txt .p_text{
	font-size: 24px;
	font-family: Helvetica-Bold, Helvetica;
	font-weight: bold;
	color: #333333;
	line-height: 28px;
}
.user_ul article{
	font-size: 18px;
	font-family: Helvetica-Regular, Helvetica;
	font-weight: 400;
	color: #333333;
	padding-top: 20px;
}
.user_star{
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.user_star img{
	width: 78px;
	height: 14px;
}
.user_star p{
	font-size: 12px;
	font-family: Helvetica-Regular, Helvetica;
	font-weight: 400;
	color: #00A972;
	background: #E9F7F0;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	margin-left: 20px;
}



.card-wrap .card .card-info .btn a{ color:#fff; text-decoration:none;}
.card-wrap .card .card-info .btn:hover{    background-color: #5354c9;}
.card-wrap .card .card-bg {
    opacity: .5;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 1s cubic-bezier(.445,.05,.55,.95), opacity 5s 1s cubic-bezier(.445,.05,.55,.95);
    pointer-events: none;
    box-sizing: content-box;
}
.step-wrap .step-list-box.list-1 {
    margin-bottom: 87px;
}
.step-wrap .step-list-box {
    width: 100%;
}
.step-wrap .step-list-box .step-item-box{
    gap: 62px;
    width: calc((100% - 120px) / 4);
}
.step-wrap .step-list-box .arrow-img {
    width: 40px;
    transform: translateY(328px);
}
.step-wrap .step-list-box .step-item-box .top-box {
    width: 100%;
    height: 328px;
    background: #f6f6f6;
    border-radius: 0 34px 34px;
    position: relative;
}
.step-wrap .step-list-box .step-item-box .desc {
    font-size: 19px;
    color: #000;
    line-height: 36px;
    width: 100%;
    text-align: center;
}
.step-wrap .step-list-box .step-item-box .top-box .step-img {
    width: 170px;
}
.step-wrap .step-list-box .step-item-box .top-box .step-index {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #30318d;
    font-size: 24px;
    color: #fff;
    font-weight: bolder;
    text-decoration: underline;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    border-radius: 50%;
}
.brand-container {
    padding: 82px 0px 41px;
    background: rgb(241, 247, 255);
}
.brand-container .brand-row-list {
    margin-bottom: 22px;
}
.brand-container .brand-row-list .brand-row {
    gap: 61px;
    margin-bottom: 104px;
}
.brand-container .brand-row-list .brand-row .row-img {
    width: 341px;
}
.brand-container .brand-row-list .brand-row .content-box .block-title {
    margin-bottom: 45px;
    margin-top: 5px;
}
.brand-container .brand-row-list .brand-row .content-box .desc-box:last-child {
    margin-bottom: 0px;
}
.brand-container .brand-row-list .brand-row .content-box .desc-box {
    width: 707px;
}
.brand-container .brand-row-list .brand-row .content-box .desc-box .desc-bolder {
    font-size: 19px;
    line-height: 29px;
    color: rgb(0, 0, 0);
    margin-top: 28px;
    font-weight: bolder;
}
.brand-container .brand-row-list .brand-row .row-img {
    width: 341px;
}
.brand-container .perspective-wrap {
    gap: 40px;
    margin-bottom: 68px;
}
.brand-container .perspective-wrap .item-box {
    padding: 30px 25px;
    background: rgb(255, 255, 255);
    border-radius: 13px;
    box-sizing: content-box;
    width: 190px;
}
.brand-container .perspective-wrap .item-box .item-img {
    width: 100%;
    margin-bottom: 14px;
}
.brand-container .perspective-wrap .item-box .desc {
    font-size: 17px;
    color: rgb(0, 0, 0);
    line-height: 24px;
    text-align: center;
}
.brand-container .perspective-wrap .item-box:last-child .item-img{
    width: 305px;
}
.brand-container .user-wrap {
    gap: 20px;
}
.brand-container .user-wrap .user-item {
    gap: 31px;
}
.brand-container .user-wrap .user-item .avatar-img {
    width: 121px;
    border-radius: 50%;
}
.brand-container .user-wrap .user-item .name {
    font-size:19px;
    color: rgb(0, 0, 0);
    font-weight: bolder;
}
.brand-container .user-wrap .user-item .desc-box {
    width: 365px;
    padding: 34px 22px;
    background: rgb(255, 255, 255);
    border-radius: 11px;
    font-size: 17px;
    line-height: 24px;
    color: rgb(0, 0, 0);
    position: relative;
    flex-grow: 1;
}
.brand-container .user-wrap .user-item .desc-box::before {
    left: 12px;
    top: 7px;
}
.brand-container .user-wrap .user-item .desc-box::before, .brand-container .user-wrap .user-item .desc-box::after {
    content: "”";
    font-size: 34px;
    position: absolute;
    color: rgb(118, 100, 255);
    font-weight: bolder;
}
.brand-container .user-wrap .user-item .desc-box::after {
    right: 12px;
    bottom: 0px;
    transform: rotateY(180deg);
}
.brand-container .user-wrap .user-item .desc-box .arrow {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: #fff;
    font-size: inherit;
}
.display-container .content-wrap .right-list-box .list-item-box {
    padding: 0px 16px;
    height: 54px;
    background: rgb(241, 247, 255);
    border-radius: 11px;
}
.display-container .content-wrap .right-list-box .list-item-box .label-box .icon-img {
    width: 24px;
    margin-right: 12px;
}
.display-container .content-wrap .right-list-box .list-item-box .label-box .label {
    font-size: 19px;
    font-weight: bolder;
    color: rgb(0, 0, 0);
}
.stocking-container .publishing-container .info-box .desc-column .desc-2-box .inner-box .desc-2 {
    font-size: 17px;
    line-height: 24px;
    color: #000;
}
.stocking-container .publishing-container .img-3, .stocking-container .publishing-container .img-4 {
    height: 185px;
}
.product-container {
    padding: 86px 0 53px;
    background: #f1f7ff;
    border-top-right-radius: 71px;
}
.product-container .row, .product-container .row .content-wrap {
    width: 100%;
}
.product-container .row .content-wrap .row-img {
    width: 354px;
}
.product-container .row .content-wrap .content-box {
    width: 728px;
}
.product-container .row .content-wrap .content-box .block-title {
    margin-bottom: 62px;
}
.product-container .row .content-wrap .content-box .desc {
    font-size: 19px;
    line-height: 24px;
    color: #000;
}
.product-container .row .line-box {
    position: relative;
    width: 758px;
    height: 41px;
}
.product-container .row:nth-child(odd) .line-box-1:before {
    left: 0;
}
.product-container .row .line-box:before {
    top: 0;
    height: 100%;
    width: 1px;
    transform: scaleX(.5);
}
.product-container .row .line-box:before, .product-container .row .line-box.line-box-1:after {
    content: "";
    display: block;
    position: absolute;
    background: #30318d;
}
.product-container .row .line-box.line-box-1:after {
    width: 100%;
    height: 1px;
    transform: scaleY(.5);
    left: 0;
    bottom: 0;
}
.product-container .row:nth-child(odd) .line-box-2:before {
    right: 0;
}
.services-container .step-wrap-2 .step-column .step-index {
    margin-bottom: 30px;
}
.personnel-container .img-wrap .right-content .desc {
    font-size: 19px;
    color: #000;
    line-height: 24px;
    width: 508px;
    margin-bottom: 10px;
}
.personnel-container .img-wrap .right-content .img-box .right-img {
    width: 244px;
}
.personnel-container .img-wrap .right-content .img-box .right-img {
    width: 244px;
}
.management-container {
    padding: 53px 0 0;
    background: #f1f7ff;
}
.management-container .block-title {
    margin-bottom: 58px;
    text-align: center;
}
.management-container .desc-wrap-1 {
    margin-bottom: 24px;
}
.management-container .desc-wrap-1 .left-box {
    width: 857px;
    margin-right: 26px;
}
.management-container .desc-wrap-1 .right-desc {
    padding: 15px;
    background: #dbeaff;
    font-size: 19px;
    line-height: 24px;
    border-radius: 5px;
    box-sizing: border-box;
    width: 261px;
    flex-shrink: 0;
}
.management-container .desc-wrap-1 .left-box .left-img {
    width: 244px;
    margin-right: 34px;
}
.management-container .desc-wrap-1 .left-box .left-desc{
    color: #000;
    font-size: 19px;
    line-height: 24px;
    border-bottom: 1px solid #30318d;
}
.management-container .desc-wrap-2 {
    margin-bottom: 38px;
}
.management-container .desc-wrap-2 .left-box {
    width: 857px;
    margin-right: 26px;
}
.management-container .desc-wrap-2 .right-img {
    width: 261px;
}
.management-container .desc-wrap-2 .left-box .card-list {
    margin-bottom: 20px;
}
.management-container .desc-wrap-2 .left-box .card-list .card-item {
    padding: 22px 16px;
    background: #fff;
    border-radius: 5px;
}
.management-container .desc-wrap-2 .left-box .card-list .card-item .card-icon {
    width: 40px;
    margin-right: 18px;
}
.management-container .desc-wrap-2 .left-box .card-list .card-item .card-content .card-title {
    font-size: 19px;
    color: #000;
    white-space: nowrap;
}
.management-container .desc-wrap-2 .left-box .card-list .card-item .card-content .card-value{
    font-size: 19px;
    color: #30318d;
    font-weight: bolder;
}
.management-container .desc-wrap-2 .left-box .location-box .location-img{
    width: 136px;
}
.management-container .desc-wrap-2 .left-box .location-box .location {
    font-size: 19px;
    color: #000;
    line-height: 24px;
}
.management-container .desc-wrap-2 .right-img {
    width: 261px;
}
.management-container .video-wrap, .management-container .video-wrap .video-img {
    width: 100%;
}
.management-container .foot-wrap {
    gap: 51px;
    width: 100%;
    background: #fff;
    padding: 55px 0 53px;
}
.management-container .foot-wrap .foot-item {
    height: 122px;
    padding: 0 22px;
    background: #f1f7ff;
    border-radius: 61px;
}
.management-container .foot-wrap:last-child .left-img {
    width: 188px;
}
.management-container .foot-wrap .foot-item .label {
    width: 268px;
    font-size: 17px;
    line-height: 22px;
}
.management-container .foot-wrap .foot-item .left-img {
    margin-right: 24px;
    transform: translateY(-18px);
}
.question-list-container{
    padding: 30px 0 70px;
}
.question-list-container .question-list-title-wrap{
    padding: 14px 16px;
    background: #f4f8ff;
}
.question-list-container .question-list-title-wrap .logo-img {
    width: 47px;
    margin-right: 18px;
}
.question-list-container .question-list-title-wrap .question-title {
    font-size:19px ;
    font-weight: bolder;
    line-height: 24px;
}
.question-list-container .question-list-wrap {
    padding-left: 13px;
}
.advantages-container {
    background: linear-gradient(to bottom, #fff, #bbd1ff);
    border-bottom-left-radius: 70px;
    padding-top: 50px;
}
.advantages-img{    width: 300px;
    margin-right: 40px;
    transform: scale(1.2);}


.advantages-container .right-wrap .icon-list .split-line {
    width: 40px;
    height: 0;
    border-bottom: 1px dashed #3290f4;
}
.advantages-container .right-wrap {
    gap: 30px;
}
.advantages-container .right-wrap .desc {
    font-size: 19px;
    line-height: 32px;
    color: #000;
}
.advantages-container .right-wrap .icon-list {
    justify-content: space-between;
}
.advantages-container .right-wrap .icon-list .banner-icon {
    width: 100px;
}
.subsequent-container {
    padding: 60px 0;
}
.subsequent-container .content-wrap {
    gap: 30px;
}
.subsequent-container .content-wrap .left-icon-img {
    width: 98px;
}
.subsequent-container .content-wrap .desc {
    font-size: 19px;
    line-height: 34px;
}
.subsequent-container .content-wrap .right-icon-img {
    width: 200px;
}
.advantage-container {
    padding: 80px 0 60px;
    background: #f1f7ff;
    box-shadow: #d5e7ff 10.3289px 10.3289px;
}
.advantage-container .block-title {
    margin-bottom: 70px;
}
.block-title {
    color: #30318d;
    font-size: 34px;
    font-weight: bolder;
}
.advantage-container .img-preview-wrap {
    gap: 40px;
    margin-bottom: 50px;
}
.advantage-container .card-wrap, .advantage-container .card-wrap .row {
    gap: 50px;
}
.advantage-container .img-preview-wrap .left-box {
    gap: 30px;
}
.advantage-container .img-preview-wrap .right-img {
    width: 330px;
}
.advantage-container .img-preview-wrap .left-box .advantage-summary {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    color: #000;
    font-size: 19px;
    line-height: 24px;
}
.advantage-container .img-preview-wrap .left-box .preview-img-list .preview-img {
    border-radius: 10px;
    width: 200px;
}
img.scale {
    transition: transform .3s ease-in-out;
    cursor: pointer;
}
img.scale:hover {
    transform: scale(1.1);
}
.process-container {
    padding: 76px 0 60px;
    background: #fff;
}
.process-container .block-title {
    margin-bottom: 40px;
}
.process-container .sub-title {
    font-size: 24px;
    color: #000;
    margin-bottom: 60px;
}
.process-container .step-wrap {
    gap: 20px;
    margin-bottom: 50px;
}
.step-item-container {
    width: 260px;
    height: 330px;
    background: #7664ff;
    border-top-right-radius: 50px;
    gap: 15px;
    position: relative;
    padding-top: 44px;
}
.step-item-container .icon-img{
    width: 70px;
}
.step-item-container .title-wrap {
    padding: 0 5px;
}
.step-item-container .title-wrap .index-box {
    position: relative;
    font-size: 0;
}
.step-item-container .title-wrap .index-box .title-icon {
    width: 40px;
}
.step-item-container .title-wrap .index-box .step-index {
    font-size: 17px;
    color: #7664ff;
    font-weight: bolder;
    position: absolute;
    line-height: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.step-item-container .title-wrap .title {
    width: fit-content;
    max-width: 176px;
    margin-left: 6px;
    font-size:19px;
    color: #fff;
    font-weight: bolder;
    text-align: center;
}
.step-item-container .content {
    font-size: 17px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    padding: 0 10px;
}
.step-item-container:after {
    content: "";
    display: block;
    position: absolute;
    width: 140px;
    height: 3px;
    background: #fff;
    left: 50%;
    bottom: 6px;
    transform: translate(-50%);
    transition: width .3s linear;
}
.step-item-container:hover:after {
    width: 80%;
}
.process-container .procurement-wrap {
    background: #f6f1ff;
    border-top-right-radius: 40px;
    padding: 36px 0 50px 160px;
    align-self: flex-start;
    margin-bottom: 46px;
    margin-right: 80px;
}
.process-container .procurement-wrap .content-wrap {
    position: relative;
    left: -40px;
    gap: 30px;
}
.process-container .procurement-wrap .procurement-img {
    width: 430px;
}
.process-container .procurement-wrap .right-content-box {
    flex-grow: 1;
}
.process-container .procurement-wrap .right-content-box .step-title {
    margin-bottom: 10px;
}
.process-container .procurement-wrap .right-content-box .img-list {
    gap: 16px;
    justify-content: space-between;
}
.step-title-container .top-icon {
    width: 90px;
    margin-right: 8px;
}
.step-title-container .right-content .top-title-box {
    margin-bottom: 10px;
}
.step-title-container .right-content .content {
    margin-left: 7px;
    font-size: 17px;
    line-height: 22px;
    color: #000;
}
.step-title-container .right-content .top-title-box .title-icon-box {
    margin-right: 10px;
    font-size: 0;
    position: relative;
}
.step-title-container .right-content .top-title-box .title {
    font-size:19px;
    font-weight: bolder;
    color: #7664ff;
}
.step-title-container .right-content .top-title-box .title-icon-box .title-icon {
    width: 43px;
}
.step-title-container .right-content .top-title-box .title-icon-box .title-icon-label {
    position: absolute;
    font-size: 17px;
    color: #fff;
    font-weight: bolder;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.process-container .warehouse-delivery-wrap {
    border-top-left-radius: 70px;
    padding-left: 120px;
    padding-top: 32px;
    position: relative;
    overflow: hidden;
    margin-left: 80px;
}
.process-container .warehouse-delivery-wrap:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 269px;
    left: 0;
    top: 0;
    background: #f6f1ff;
    z-index: 1;
}
.process-container .warehouse-delivery-wrap .content-wrap {
    position: relative;
    left: -100px;
}
.process-container .warehouse-delivery-wrap .warehouse-box {
    position: relative;
    z-index: 2;
}
.process-container .warehouse-delivery-wrap .warehouse-box .step-title {
    margin-right: 66px;
}
.step-title-container .top-icon {
    width: 90px;
    margin-right: 8px;
}
.process-container .warehouse-delivery-wrap .warehouse-box .step-title .right-content {
    margin-top: 14px;
    width: 500px;
}
.process-container .warehouse-delivery-wrap .warehouse-box .warehouse-img {
    margin-top: 14px;
    width: 400px;
}
.step-title-container .right-content .top-title-box {
    margin-bottom: 10px;
}
.process-container .warehouse-delivery-wrap .delivery-box {
    position: relative;
    z-index: 2;
    margin-top: -113px;
    margin-bottom: 60px;
}
.process-container .warehouse-delivery-wrap .delivery-box .delivery-img {
    width: 430px;
    margin-right: 18px;
}
.platform-sales-data-1-container {
    padding: 50px 0;
}
.platform-sales-data-1-container .block-title {
    margin-bottom: 50px;
    text-align: center;
}
.platform-sales-data-1-container .list {
    width: 100%;
    justify-content: space-between;
}
.platform-sales-data-1-container .list .item:nth-child(1) .item-top-box[data-v-53141907], .platform-sales-data-1-container .list .item:nth-child(2) .item-top-box{
    border-top-left-radius: 0;
}
.platform-sales-data-1-container .list .item:nth-child(1) .item-top-box[data-v-53141907], .platform-sales-data-1-container .list .item:nth-child(1) .item-top-box{
    border-top-left-radius: 0;
}
.platform-sales-data-1-container .list .item:nth-child(1) .item-top-box[data-v-53141907], .platform-sales-data-1-container .list .item:nth-child(3) .item-top-box{
    border-top-left-radius: 0;
}
.platform-sales-data-1-container .list .item:nth-child(1) .item-top-box[data-v-53141907], .platform-sales-data-1-container .list .item:nth-child(4) .item-top-box{
    border-top-left-radius: 0;
}
.platform-sales-data-1-container .list .item:nth-child(1) .item-top-box[data-v-53141907], .platform-sales-data-1-container .list .item:nth-child(5) .item-top-box{
    border-top-left-radius: 0;
}
.platform-sales-data-1-container .list .item .item-top-box {
    width: 150px;
    height: 120px;
    border-radius: 60px;
    background: #f1f7ff;
    margin-bottom: 17px;
}
.platform-sales-data-1-container .list .item .item-top-box .item-icon-img{
    margin-bottom: 10px;
    width: 24px;
}
.platform-sales-data-1-container .list .item .item-top-box .item-value {
    font-size:24px;
    color: #708cbf;
    font-weight: bolder;
}
.platform-sales-data-1-container .list .item .item-label {
    font-size: 17px;
    color: #000;
    font-weight: bolder;
}
.flex-vertical-bottom {
    align-items: flex-end;
}
.process-container .procurement-wrap .right-content-box .img-list {
    gap: 16px;
    justify-content: space-between;
}
.process-container .procurement-wrap .right-content-box .img-list .preview-img {
    width: 200px;
}
.advantage-card-container {
    padding: 25px;
    background: #fff;
    border-top-right-radius: 50px;
    box-shadow: #c8e0ff 10.3289px 10.3289px;
    align-items: center;
}
.advantage-card-container .icon-box {
    width: 120px;
    height: 160px;
    background: #f1f7ff;
    margin-right: 20px;
    flex-shrink: 0;
}
.advantage-card-container .icon-box .icon-img {
    width: 100px;
}
.advantage-card-container .content-box {
    color: #000;
    width: 300px;
}
.advantage-card-container .content-box .title{
    font-size: 19px;
    font-weight: bolder;
    margin-bottom: 13px;
}
.advantage-card-container .content-box .desc {
    font-size: 17px;
    line-height: 26px;
}
.banner-title-container:before {
    content: "";
    display: block;
    width: 1.71875vw;
    height: 1.71875vw;
    border-radius: 0.3125vw;
    background: #30318d;
    box-shadow: -0.390625vw -0.390625vw #76b5f7;
    transform: translateY(0.234375vw);margin-top: 8px;
}
.procurementt-container .desc-wrap-1 {
    background: linear-gradient(to bottom, #fff, #a0bfff);
    width: 100%;
    border-bottom-right-radius: 70px;
}
.procurementt-container {
    padding-bottom: 60px;
}
.banner-container .right-content-box .desc.desc-1 {
    margin-bottom: 20px;
}
.banner-container .right-content-box .desc {
    font-size: 19px;
    line-height: 36px;
}
.banner-container .right-content-box .desc-bolder {
    font-size: 19px;
    color: #30318d;
    font-weight: bolder;
    margin-bottom: 10px;
}
.procurement-container .desc-wrap-1 .content-box .desc {
    font-size:19px;
    line-height: 28px;
    color: #000;
}
.procurement-container .blue {
    color: #0073e8;
}
.procurement-container .orange{
    color: #ff6b00;
    font-weight: bolder;
}
.procurement-container .desc-wrap-1 .desc-img {
    width: 400px;
    margin-top: 54px;
}
.procurement-container .desc-wrap-1 .content-box .banner-title {
    margin-bottom: 28px;
    align-self: flex-start;
}
.procurement-container .desc-wrap-2 {
    margin-top: -100px;
}
.procurement-container .desc-wrap-2 .desc-img {
    width: 260px;
    margin-right: 26px;
}
.procurement-container .desc-wrap-2 .desc-box .icon-box {
    padding-left: 10px;
    gap: 24px;
}
.procurement-container .desc-wrap-2 .desc-box .icon-box .icon-img {
    width: 80px;
}
.procurement-container .desc-wrap-2 .desc-box .desc {
    font-size: 19px;
    line-height: 28px;
    color: #000;
}
.process2-container {
    padding: 50px 0;
    background: #f1f7ff;
}
.process2-container .inner-wrap{
    position: relative;
}
.process2-container .block-title {
    margin-bottom: 70px;
}
.process2-container .inner-wrap:before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    transform: scaleX(.5);
    position: absolute;
    left: -40px;
    top: 0;
    background: #30318d;
}
.process2-container .inner-wrap .process-wrap-1 {
    margin-bottom: 25px;
}
.process2-container .inner-wrap .circle-dot.circle-dot-1{
    top: 45px;
}
.process2-container .inner-wrap .circle-dot.circle-dot-1, .process2-container .inner-wrap .circle-dot.circle-dot-2 {
    left: -40px;
    transform: translate(-50%);
}
.process2-container .inner-wrap .circle-dot {
    position: absolute;
}
.circle-dot-container {
    border-radius: 50%;
    width: 11px;
    height:11px;
    background:#30318d;
    position: relative;
}
.process2-container .inner-wrap .process-wrap-1 {
    margin-bottom: 25px;
}
.process2-container .inner-wrap .process-wrap-1 .left-box .step-card-1 {
    margin-bottom: 20px;
}
.step-card-container .icon-box {
    padding: 6px;
    background: #30318d;
    border-radius: 25px 25px 8px;
    font-size: 0;
    position: relative;
    margin-right: 22px;
}
.step-card-container .desc {
    width: 555px;
    color: #000;
    font-size: 19px;
    line-height: 24px;
}
.step-card-container .icon-box .icon-img {
    width: 68px;
}
.step-card-container .icon-box .index {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    font-size: 24px;
    color: #fff;
    font-weight: bolder;
    text-decoration: underline;
    line-height: 1;
}
.process2-container .inner-wrap .process-wrap-1 .right-img{
    width: 350px;
    border-top-left-radius: 50px;
}
.process2-container .inner-wrap .process-wrap-1 .left-box .preview-img-box .preview-img {
    border-radius: 6px;
    width: 320px;
}
.process2-container .inner-wrap .process-wrap-2 .left-img-box {
    font-size: 0;
    margin-right: 58px;
    position: relative;
}
.process2-container .inner-wrap .process-wrap-2 .left-img-box:before {
    width: calc(74px + 100%);
    height: 1px;
    transform: scaleY(.5);
    left: -40px;
    top: -43px;
}
.process2-container .inner-wrap .process-wrap-2 .left-img-box:before, .process2-container .inner-wrap .process-wrap-2 .left-img-box:after {
    content: "";
    display: block;
    position: absolute;
    background: #30318d;
}
.process2-container .inner-wrap .process-wrap-2 .left-img-box .left-img {
    width: 360px;
}
.process2-container .inner-wrap .process-wrap-1 .left-box .step-card-2 {
    margin-bottom: 30px;
}
.partner-container {
    padding: 20px 0;
    background: #9bbbfd;
    border-bottom: 28px solid #f1f7ff;
}
.partner-container .icon-40 {
    height: 40px;
}
.partner-container svg {
    opacity: .3;
}
.partner-container .icon-20{
    height: 20px;
}
.partner-container .icon-40 {
    height: 40px;
}
.partner-container .mb--18 {
    margin-bottom: -18px;
}

.partner-container .icon-50{
    height: 50px;
}
.teamwall-container {
    padding: 74px 0 46px;
    background: #fff;
    position: relative;
}
.teamwall-container .block-title {
    margin-bottom: 40px;
}
.teamwall-container .statistical-classification-wrap {
    gap: 57px;
    margin-bottom: 58px;
}
.teamwall-container .bottom-line {
    width: 100%;
    position: relative;
}
.teamwall-container .bottom-line:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #30318d;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.teamwall-container .bottom-line:after {
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    width: 573px;
    height: 19px;
    background: url(/waimao/images/teamwallbg.png) center center / 100% 100% no-repeat;
}
.teamwall-container:after {
    right: 0;
    transform: rotateY(180deg);
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .icon-img {
    width: 56px;
    margin-bottom: 32px;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(1) .content-box {
    background: #f6f1ff;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .content-box {
    border-radius: 9px;
    width: 364px;
    height: 192px;
    box-sizing: border-box;
    padding: 28px 21px 22px;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .content-box .label{
    font-size: 19px;
    color: #000;
    font-weight: bolder;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(1) .content-box .value-box {
    background: #e8dbfe;
    color: #7664ff;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .icon-img {
    width: 56px;
    margin-bottom: 32px;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(3) .content-box {
    background: #f6f1ff;
    position: relative;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(2) .content-box {
    background: #fff5ef;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(2) .content-box .value-box {
    background: #ffdac2;
    color: #ff950a;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .content-box {
    border-radius: 9px;
    width: 364px;
    height: 192px;
    box-sizing: border-box;
    padding: 28px 21px 22px;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(3) .content-box:before {
    left: 12px;
    top: 0;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(3) .content-box:before, .teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(3) .content-box:after {
    content: "”";
    font-size: 34px;
    position: absolute;
    color: #7664ff;
    font-weight: bolder;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(3) .content-box:after {
    right: 12px;
    bottom: 0;
    transform: rotateY(180deg);
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(3) .content-box .value-box {
    color: #000;
    font-size: 19px;
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-weight: 400;
    line-height: 24px;
}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .content-box .value-box {
    width: 181px;
    height: 96px;
    font-size: 34px;
    font-weight: bolder;
    border-radius: 28px;
}
        /* 占位内容，让页面有足够滚动空间，同时演示滚动效果 */
        .content-placeholder {
            max-width: 1200px;
            margin: 100px auto 50px;
            padding: 2rem;
            background: white;
            border-radius: 24px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.05);
        }
        .content-placeholder h2 {
            margin-bottom: 1rem;
            color: #1e293b;
        }
        .content-placeholder p {
            line-height: 1.6;
            color: #334155;
            margin-bottom: 1rem;
        }
        .card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
            gap: 1.5rem;
            margin-top: 2rem;
        }
        .demo-card {
            background: #f8fafc;
            border-radius: 20px;
            padding: 1.5rem;
            border: 1px solid #e2e8f0;
        }
.work-container {
    padding: 140px 0;
    background: #fff;
}
.work-container .block-title{
    margin-bottom: 40px;
}
.partner-logo-container .block-title {
    margin-bottom: 70px;
}
.flex-column {
    flex-direction: column;
}
.flex-vertical-center {
    align-items: center;
}
.work-container .sub-title {
    font-size: 24px;
    color: #000;
    font-weight: bolder;
    margin-bottom: 135px;
}
.work-container .card-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 30px;
}
.work-container .card-item{
    position: relative;
    padding: 0 30px 46px;
    box-shadow: #c4e0fc 4.5px 12px;
    border-radius: 8px;
    background: #f1f7ff;
}
.work-container .card-item .index{
    position: absolute;
    width: 43px;
    height: 68px;
    background: #bfd4ff;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    font-size: 24px;
    color: #fff;
    text-decoration: underline;
    font-weight: bolder;
    top: 0;
    left: 30px;
    text-underline-offset: 6px;
}
.work-container .card-item .icon-box{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #30318d;
    margin-top: -50px;
    margin-bottom: 22px;
}
.work-container .card-item .icon-box .icon-img{
    width: 40px;
}
.work-container .card-item .desc {
    font-size: 17px;
    line-height: 32px;
    color: #000;
}

.choose-container {
    padding-bottom: 100px;
    position: relative;
}
.choose-container:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 96vw;
    height: 208px;
    background: #f1f7ff;
    border-top-right-radius: 95px;
    top: 192px;
    z-index: 1;
}

.choose-container .grid-wrap {
    width: 100%;
    z-index: 2;
    display: inline-grid;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: repeat(3, auto);
    align-items: start;
    grid-template-areas:
        "title title title"
        "img-1 desc-box-1 img-2"
        "desc-box-2 desc-box-2 img-2"
        "img-3 desc-box-3 img-4"
        "img-3 desc-box-4 img-4";
}
.choose-container .grid-wrap .block-title {
    grid-area: title;
    justify-self: center;
    margin-bottom: 63px;
	color: #30318d;
    font-size:34px;
    font-weight: bolder;
}
.choose-container .grid-wrap .desc-box-1 {
    grid-area: desc-box-1;
    margin-top: 132px;
    align-self: center;
}
.choose-container .grid-wrap .desc-box {
    gap: 25px;
}
.choose-container .grid-wrap .desc-box-2 {
    padding-top: 130px;
    grid-area: desc-box-2;
    margin-bottom: 46px;
}
.choose-container .grid-wrap .desc-box-3 {
    grid-area: desc-box-3;
    align-self: end;
}
.choose-container .grid-wrap .desc-box-4 {
    grid-area: desc-box-4;
    align-self: start;
}
.choose-container .grid-wrap .img-1 {
    grid-area: img-1;
    width: 300px;
}
.choose-container .grid-wrap .img-2 {
    grid-area: img-2;
    width: 300px;
    margin-top: 160px;
}
.choose-container .grid-wrap .img-3 {
    grid-area: img-3;
    width: 350px;
    margin-right: 20px;
    align-self: center;
}
.choose-container .grid-wrap .img-4 {
    grid-area: img-4;
    width: 300px;
    align-self: center;
}
.choose-container .grid-wrap .desc-box .icon-img{
    width: 50px;
}
.choose-container .grid-wrap .desc-box-1 .desc {
    margin-right: 40px;
}
.choose-container .grid-wrap .desc-box .desc {
    font-size: 17px;
    color: #000;
    line-height: 24px;
}
.choose-container .grid-wrap .desc-box .desc .desc-title {
    font-size:19px;
    font-weight: bolder;
    line-height: 37px;
}
.join-container {
    padding: 140px 0;
    background: #f1f7ff;
    border-top-left-radius: 80px;
    font-size: 19px;
    line-height: 1.4;
}
.join-container .block-title {
    margin-bottom: 30px;
    text-align: center;
	color: #30318d;
    font-size: 34px;
    font-weight: bolder;
}
.join-container .top-block{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.join-container .bottom-block{
    display: flex;
    align-items: flex-start;
}
.join-container .top-block .left {
    margin-right: 20px;
}
.join-container .top-block .left .img-1 {
    width: 270px;
}
.join-container .top-block .right .desc-1 {
    margin-bottom: 40px;
}
.join-container .top-block .right .logo-box {
    display: flex;
    align-items: center;
    border: 5px solid #cde4fd;
    padding: 20px;
    justify-content: center;
    border-radius: 16px;
}
.join-container .top-block .right .logo-box .logo-img {
    width: 100px; height:auto;
    margin-right: 30px;
}
.join-container .bottom-block .left {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}
.join-container .bottom-block .left .desc-2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
}
.join-container .bottom-block .left .icon-title {
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 20px;
    text-align: center;
}
.join-container .bottom-block .left .icon-list {
    display: flex;
    flex-wrap: wrap;
}
.join-container .bottom-block .left .icon-list .icon-box:nth-child(odd) {
    width: 60%;
}
.join-container .bottom-block .left .icon-list .icon-box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.join-container .bottom-block .left .icon-list .icon-box .icon-img{
    width: 47px;
    height: 47px;
    margin-right: 10px;
}
.join-container .bottom-block .left .icon-list .icon-box .icon-label {
    text-decoration: none;
    color: #000;
}
.join-container .bottom-block .right{
    width: 540px;
    flex-shrink: 0;
}
.join-container .bottom-block .right .form-title {
    color: #000;
    font-weight: bolder;
    margin-bottom: 20px;
}
.join-container .bottom-block .right .form-box .control-box {
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
    border: 1px solid #b9cae1;
    margin-bottom: 10px;
    transition: border-color .25s;
}
.join-container .bottom-block .right .form-box .control-box .control {
    font-size: 18px;
    line-height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    order: 2;
    padding: 0 18px;
}
.join-container .bottom-block .right .form-box .control-box .control-label {
    padding: 0 18px;
    font-size: 18px;
    color: #000;
    line-height: 42px;
    order: 1;
}
.join-container .bottom-block .right .form-box .submit-button {
    margin-top: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #30318d;
    height: 71px;
    font-size: 20px;
    color: #fff;
    font-weight: bolder;
    border: none;
    width: 100%;
    cursor: pointer;
    transition: background-color .2s linear;
}
.join-container .bottom-block .right .form-box .submit-button:hover {
    background: #30318d80;
}
.layout-footer-container .columns-wrap {
    background: #30318d;
    color: #fff;
    padding: 64px;
}
.layout-footer-container .columns-wrap .inner-columns-wrap {
    width: 70.3125vw;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item {
    width: 25%;
    padding: .5208333333vw 1.0416666667vw;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .column-title {
    font-size: 24px;
    margin-bottom: .6770833333vw;
    font-weight: bolder;
    height: min(2.5vw, 48px);
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .company-name {
    font-size: 17px;
    line-height: 1.25vw;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .contract-us {
    font-size: 17px;
    line-height: 1.5625vw;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .icon-list {
    margin-top: .9375vw;
    padding-right: 1.5625vw;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .contract-us a {
    text-decoration: none;
    color: #fff;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .icon-list .icon-link {
    transition: transform .3s;
    font-size: 0;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .icon-list .icon-link .icon-img{
    height: .9375vw;
}
.flex-horizontal-between {
    justify-content: space-between;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .icon-list .icon-link:hover {
    transform: scale(1.5);
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .column-title {
    font-size: 24px;
    margin-bottom: .6770833333vw;
    font-weight: bolder;
    height: min(2.5vw, 48px);
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .column-link-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .column-link-list .column-link-item {
    line-height: 36px;
    cursor: pointer;
    text-decoration: none;
    font-size:19px;color: #fff;
    transition: color .3s linear;
}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .column-link-list .column-link-item .link {
    color: #fff;
    text-decoration: none;
    transition: color .3s linear;
}
        /* ----- HEADER 基础样式 (桌面优先) ----- */
        .header {
            position: sticky;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            transition: background-color 0.25s ease, box-shadow 0.2s ease;
        }
        /* 滚动时添加蓝色背景 (js通过class控制，或css配合class, 这里用js动态添加类来保证可靠) */
        .header.scrolled {
            box-shadow: 0 1px 0 1px #0000001a;
    background: #ffffff80;
    backdrop-filter: blur(10px);
    transition: padding .3s linear;
        }
        /* 滚动时文字和按钮颜色适配蓝色背景 (为了让对比度更舒服) */
        .header.scrolled .nav-links a,
        .header.scrolled .dropdown > .dropbtn,
        .header.scrolled .auth-buttons .btn-outline,
        .header.scrolled .auth-buttons .btn-primary,
        .header.scrolled .mobile-menu-icon span {
            /* 部分颜色微调, 保持可读性，但按钮背景可能需要微调，我们仅针对链接和边框做调整 */
        }
      
      
      
        .header.scrolled .logo-text {
            /* 如果有文字logo，但我们是图片logo，所以不需要 */
        }
        /* 下拉菜单在滚动蓝色背景下保持白色下拉框样式 */
        .header.scrolled .dropdown-content {
            background-color: #ffffff;
            color: #0f172a;
        }
        .header.scrolled .dropdown-content a {
            color: #0f172a;
			border-bottom: 1px solid #eef5ff;
    border-radius: 0;
        }
        .header.scrolled .dropdown-content a:hover {
		color:#0a78e8;border-bottom: 1px solid #eef5ff;
    
        }

        .container {
            margin: 0 auto;
            padding: 10px 32px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        /* 左侧logo区域 */
        .logo-area {
            flex-shrink: 0;
            display: flex;
            align-items: center;
        }
        .logo-img {
            height: 44px;
            width: auto;
            display: block;
            cursor: pointer;
        }

        /* 中间菜单 (桌面端) */
        .nav-menu {
            flex: 1;
            display: flex;
            justify-content: center;
            margin: 0 20px;
        }
        .nav-links {
            display: flex;
            gap: 1.75rem;
            list-style: none;
            align-items: center;
        }
        .nav-links li {
            position: relative;
        }
		.dropbtn{ background: none;}
        .nav-links a, .dropbtn {
           text-decoration: none;
    font-size: 18px;
    color: #000;
    line-height: 1;
    padding: 6px 19px;
    border-radius: 21px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    display: inline-flex;
    align-items: center;
    gap: .5208333333vw;
    position: relative;
    transition: border-color .6s cubic-bezier(.23,1,.32,1);
    cursor: pointer;
    white-space: nowrap;
        }
        .dropbtn .arrow {
            font-size: 0.7rem;
            margin-left: 2px;
            transition: transform 0.2s;
        }
        .dropdown:hover .dropbtn .arrow {
            transform: rotate(180deg);
        }
        .nav-links a:hover, .dropdown:hover {
		border: 1px solid #000;
    border-radius: 50px;
        }
		
		.selea{    border: 1px solid #000!important;
  }
  .how-logistics-container {
    padding-top: 140px;
    padding-bottom: 140px;
    background-color: #04296d;
    color: #fff;
}
.how-logistics-container .title {
    margin-bottom: 140px; color:#fff;
}
.how-logistics-container .sub-title {
    font-size: 19px;
    text-align: center;
    margin-bottom: 140px;
}
	
	.how-logistics-container .box-list .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.how-logistics-container .box-list .box .icon {
    width: 80px;
    height: 80px;
}
.how-logistics-container .box-list .box .box-title {
    font-size: 24px;
    font-weight: 600;
}
.how-logistics-container .box-list .box .box-desc {
    text-align: center;
    font-size: 19px;
}
.platform-sales-data-3-container {
    padding: 140px 0;
}
.platform-sales-data-3-container .block-title {
    margin-bottom: 110px;
}
.platform-sales-data-3-container .box-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.platform-sales-data-3-container .box-list .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.platform-sales-data-3-container .box-list .box .icon {
    width: 80px;
    height: 80px;
}
.platform-sales-data-3-container .box-list .box .box-title {
    font-size: 24px;
    font-weight: 600;
}
.platform-sales-data-3-container .box-list .box .box-desc {
    text-align: center;
    font-size: 19px;
}
	.how-logistics-container .box-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
        /* 下拉菜单内容 */
        .dropdown-content {
            display: none;
            position: absolute;
            top: 33px;
            left: 0;
            background-color: #ffffff;
            min-width: 180px;
            border-radius: 16px;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.02);
            z-index: 1100;
            overflow: hidden;
            border: 1px solid #eef2ff;
        }
        .dropdown-content a {
            display: block;
            padding: 10px 18px;
border-bottom: 1px solid #eceaea;
border-radius: 0;            text-decoration: none;
            color: #1e293b;
            font-size: 0.9rem;
            font-weight: 500;
            transition: background 0.2s;
        }
        .dropdown-content a:hover {
            color: #2563eb;   
    border-radius: 0;
    border-bottom: 1px solid #eceaea;
    border-top: 0;
    border-right: 0;
    border-left: 0;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }

        /* 右侧登录注册按钮 */
        .auth-buttons {
            display: flex;
            gap: 12px;
            flex-shrink: 0;
        }
        .btn {
          padding: 13px 30px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    transition: background-color .3s linear;

            border-radius: 40px;
           
            cursor: pointer;
            
            text-decoration: none;
           
        }
        .btn-outline {
          color: #000;
    background-color: #eceaea;
        }
        .btn-outline:hover {
           background: #30318d; color:#fff;
           
        }
        .btn-primary {
            background-color: #30318d;
            color: white;
        }
        .btn-primary:hover {
            background-color: #5354c9;
        }

        /* 手机端样式 */
        .mobile-menu-icon {
            display: none;
            flex-direction: column;
            justify-content: space-between;
            width: 28px;
            height: 22px;
            cursor: pointer;
            z-index: 1001;
        }
        .mobile-menu-icon span {
            display: block;
            height: 3px;
            width: 100%;
            background-color: #1e293b;
            border-radius: 6px;
            transition: all 0.2s;
        }
        /* 滚动时移动菜单图标颜色调整 */
        .header.scrolled .mobile-menu-icon span {
            background-color: #f1f5f9;
        }

        /* 手机端导航菜单 (侧滑或全屏浮层，这里采用绝对定位下拉列表样式，更轻量) */
        @media (max-width: 1024px) {
            .nav-menu {
                display: none;
            }
            .mobile-menu-icon {
                display: flex;
            }
            /* 手机端单独显示菜单面板 */
            .mobile-nav-overlay {
                position: fixed;
                top: 70px;
                left: 0;
                width: 100%;
                background-color: #ffffff;
                box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
                z-index: 999;
                max-height: calc(100vh - 70px);
                overflow-y: auto;
                transform: translateX(100%);
                transition: transform 0.3s ease-in-out;
                border-radius: 0 0 24px 24px;
            }
            .header.scrolled .mobile-nav-overlay {
                background-color: #1e3a8a;
            }
.content-wrap{ width:95%;overflow: hidden;}
.brand-container .brand-row-list .brand-row{gap: 31px; margin-bottom:20px;}
.abanner-container{ padding-top:20px;}
.display-container .content-wrap{display: block;}
.goals-container .content-wrap .sub-title{ width:100%; font-size:14px;}
.brand-container{padding: 20px 0px 20px;}
.brand-container .brand-row-list .brand-row .content-box .block-title{ margin-bottom:20px;}
.brand-container .brand-row-list .brand-row .row-img{ width:auto; max-width:100%;}
.goals-container{ height:auto;}
.work-container{ padding:20px 0;}
.flex{display: grid;}
.work-container .desc-wrap{ padding:15px;}
.brand-container .brand-row-list .brand-row .content-box .desc-box{ width:94%;}
.layout-footer-container .columns-wrap{ padding:15px;}
.layout-footer-container .columns-wrap .inner-columns-wrap{ width:100%;}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item{ width:100%;margin-bottom: 30px;}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .column-title{ height:auto;}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .company-name{ line-height:34px;}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .contract-us{ line-height:34px;}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .icon-list{ display:flex; padding-right:115px;}
.layout-footer-container .columns-wrap .inner-columns-wrap .column-item .icon-list .icon-link .icon-img{ height:30px;}
.abanner-container .left-box .img-box .img-1{ width:100%;}
.abanner-container .right-img{ display:none;}
.display-container{ padding: 20px 0;}
.display-container .content-wrap .left-img{ width:100%;}
.display-container .content-wrap .right-list-box{    margin-top: 20px; margin-bottom: 20px;width: 100%;}
.display-container .content-wrap .right-list-box .list-item-box .label-box{    display: flex;}
.display-container .content-wrap .right-list-box .list-item-box{display: flex;}
.work-container .desc-wrap .desc{ width:100%;}
.work-container .desc-wrap .logo-img{ display:none;}
.brand-container .perspective-wrap .item-box:last-child{ width:95%; }
.brand-container .perspective-wrap .item-box:last-child .item-img {width: 100%;    padding: 15px  15px 0px;}
.brand-container .perspective-wrap .item-box .desc{width: 95%;text-align: center;margin: 15px auto;}
.brand-container .user-wrap .user-item .desc-box{ width:95%;}
.brand-container .perspective-wrap .item-box{ width:95%; padding:0;}
.abanner-container .left-box{ margin-right:0;}
.work-container .step-wrap .title{ margin-bottom:20px; text-align:center;}
.our-services-container{ padding-bottom:40px; padding-top:40px;}
.our-services-container .title{ margin-bottom:40px;}
.affiliates-container{padding-bottom:40px; padding-top:40px; }
.affiliates-container .block-title{ text-align:center;}
.affiliates-container .img-container{ padding:15px;}
.card-wrap .card{ width:100%; height:auto;}
.PUDA-tour-container{padding-bottom:40px; padding-top:40px; }
.PUDA-tour-container .content-wrap .left{padding: 20px 20px;}
.vision-container{    padding: 40px 0;}
.vision-container .content-wrap .left-img{ width:100%; margin-right:0px;}
.vision-container .content-wrap .right-content-box{    width: 100%;
    padding-right: 0;
    margin-top: 40px;}
.vision-container .content-wrap .right-content-box .block-title{ margin-bottom:20px;}
.global-markets-container .content-wrap .content .list .item:nth-child(1), .global-markets-container .content-wrap .content .list .item:nth-child(7){ margin-left:0;}
.global-markets-container .content-wrap .content .list .item:nth-child(2), .global-markets-container .content-wrap .content .list .item:nth-child(6){ margin-left:0;}
.global-markets-container .content-wrap .content .list .item:nth-child(3), .global-markets-container .content-wrap .content .list .item:nth-child(5){ margin-left:0;}
.global-markets-container .content-wrap .content .title-box{position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 0;
    transform: translate(-0%);}
.global-markets-container{ padding-bottom:40px; padding-top:40px;}
.global-markets-container .content-wrap .content .list{ margin-left:0px; margin-top:135px;}
.global-markets-container .content-wrap .content .list .item{ width:90%;}
.earth-path-container{ width:360px; height:360px;}
.customer-platform-reviews .user-info-wrap{padding:10px; margin:10px;}
.customer-platform-reviews .user-info-wrap .avatar-img{ width:100px;}
.customer-platform-reviews .user-info-wrap .user-info-box .customer-evaluation-icon{ height:auto;}
.customer-platform-reviews .user-info-wrap .user-info-box .desc{ font-size:14px;}
.customer-platform-reviews .user-info-wrap .user-info-box .user-name{ margin-top:15px;}
.step-wrap .title{ font-size:24px;}
.step-wrap .step-list-box .step-item-box{ width:100%;}
.banner-title-container:before{width: 30px;height: 30px;box-shadow: -5px -5px #76b5f7;    border-radius: 5px;}
.display-container .content-wrap .data-box .block-title{ margin-bottom:20px; margin-top:20px;}
.goals-container .content-wrap .title{ text-align:center; margin-bottom:0;}
.work-container .how-work-wrap .how-work-img{ width:100%;}
.brand-container .user-wrap .user-item .avatar-img{ margin:0 auto;}
.brand-container .user-wrap .user-item{gap: 15px; text-align:center;}
.brand-container .perspective-wrap .item-box .item-img{ width:auto;    padding: 15px 15px 0px;}
.work-container .desc-wrap .img-1{ display:none;}
.banner-container{ padding-top:20px;}
.banner-container .right-box .img-box .img-1{ width:100%;}
.desc-container .img-1{ display:none;}
.desc-container .desc{ width:100%; margin-right:0;}
.sign-up-wrap .content-wrap{ height:auto;padding-top: 30px;}
.banner-container .content-wrap .left-wrap{ width:84%;}
.banner-container .content-wrap .banner-img{    width: 100%;transform: scale(1);}
.adapt-container{padding: 0;}
.adapt-container .step-wrap .adapt-img{width: 100%;transform: scale(1);}
.adapt-container .step-wrap{ display:block;}
.adapt-container .step-wrap .left-box.right-box, .adapt-container .step-wrap .right-box.right-box{padding-left: 0; width: 100%;}
.block-title{ font-size:24px;}
.adapt-container .step-wrap .right-box .step-box .step-item{ display:flex;}
.adapt-container .icon-wrap{display: flex;}
.adapt-container .step-wrap .left-box.left-box, .adapt-container .step-wrap .right-box.left-box{padding-left: 120px;}
.adapt-container .step-wrap .left-box, .adapt-container .step-wrap .right-box{ width:100%;}
.adapt-container .wordpress-wrap .wordpress-img{ width:auto;}
.adapt-container .wordpress-wrap .label-box .label{ width:76%; margin:auto;}
.adapt-container .congratulations-button-wrap{ display:none;}
.adapt-container .img-wrap .preview-img{ width:100%;}
.adapt-container .step-wrap .right-box{margin-left: 7px;}
.tabs-container .tabs-warp .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{padding: 0px 20px 20px;}
.work-container .block-title{ margin-bottom:20px; text-align:center;}
.work-container .card-list{grid-template-columns: repeat(1,1fr);}
.work-container .sub-title{ margin-bottom:65px; text-align:center;}
.work-container .card-item{padding: 0 30px 90px;}
.choose-container .grid-wrap .block-title{ margin-bottom:20px; text-align:center; font-size:24px;}
.join-container .block-title{ font-size:24px;}
.choose-container .grid-wrap .img-1{ display:none;}
.choose-container .grid-wrap .img-2{ display:none;}
.choose-container .grid-wrap .desc-box-1{ display:flex;margin-top: 32px;}
.choose-container:before{ display:none;}
.choose-container .grid-wrap .desc-box-2 .desc{ margin-left:25px;}
.choose-container .grid-wrap .desc-box-3 .desc{margin-bottom: 46px;}
.join-container{padding: 40px 0;}
.join-container .top-block{ display:block;}
.join-container .top-block .left{ margin-right:0;}
.join-container .top-block .left .img-1{ width:100%;}
.join-container .top-block .right .logo-box .logo-img{ display:none;}
.choose-container .grid-wrap{ display:block;}
.join-container .bottom-block{ display:block;}
.join-container .bottom-block .left{ margin-right:0;}
.join-container .bottom-block .left .icon-list{ display:block;}
.join-container .bottom-block .right{ width:100%;}
.advantages-container .right-wrap .icon-list{    display: none;}
.subsequent-container .content-wrap .left-icon-img{ display:none;}
.preview-img-list{    display: flex;}
.advantage-container .img-preview-wrap .left-box .preview-img-list .preview-img{ width:125px;}
.advantage-container .img-preview-wrap .right-img{ display:none;}
.subsequent-container .content-wrap .right-icon-img{ display:none;}
.process-container .sub-title{ margin-bottom:20px;}
.process-container .block-title{ margin-bottom:20px;text-align: center;}
.process-container .procurement-wrap{background: none;
    border-top-right-radius: 0;
    padding: 0;
    align-self: flex-start;
    margin-bottom: 46px;
    margin-right: 0;}
.process-container .procurement-wrap .content-wrap{ left:0;}
.step-title-container .right-content .top-title-box{display: flex;}
.process-container .procurement-wrap .right-content-box .img-list{display: flex;}
.process-container .procurement-wrap .right-content-box .img-list .preview-img{ width:33%;}
.process-container .procurement-wrap .procurement-img{ width:100%;}
.process-container .warehouse-delivery-wrap{border-top-left-radius: 0;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    overflow: hidden;
    margin-left: 0;}
.process-container .warehouse-delivery-wrap .content-wrap{ left:0;}
.step-title-container .top-icon{ display:none;}
.process-container .warehouse-delivery-wrap .warehouse-box .warehouse-img{ display:none;}
.process-container .warehouse-delivery-wrap .delivery-box .delivery-img{ display:none;}
.process-container .warehouse-delivery-wrap .delivery-box{ margin-top:0;}
.process-container .warehouse-delivery-wrap .warehouse-box{ margin-bottom: 60px;}
.process-container .warehouse-delivery-wrap:before{ display:none;}
.platform-sales-data-1-container{display: none;}
.procurement-container .desc-wrap-2 .desc-img{ display:none;}
.procurement-container .desc-wrap-2 .desc-box .icon-box{ display:none;}
.procurement-container .desc-wrap-2{ margin-top:0;}
.preview-img-box{ display:none;}
.process2-container .inner-wrap .process-wrap-1 .right-img{ display:none;}
.process2-container .inner-wrap .process-wrap-2 .left-img-box .left-img{ display:none;}
.teamwall-container .bottom-line:after{ display:none;}
.teamwall-container .bottom-line:before{ display:none;}
.process2-container .block-title{ text-align:center; margin-bottom:40px;}
.process2-container .inner-wrap .process-wrap-1 .left-box .step-card-1{display: flex;}
.process2-container .inner-wrap .process-wrap-1 .left-box .step-card-2{display: flex;}
.process2-container .inner-wrap .process-wrap-1 .left-box .step-card-3{display: flex;}
.process2-container .step-card-container{display: flex;}
.process2-container .inner-wrap .circle-dot{ display:none;}
.process2-container .inner-wrap .process-wrap-2 .left-img-box:before, .process2-container .inner-wrap .process-wrap-2 .left-img-box:after{ display:none;}
.partner-container{ display:none;}
.process2-container .inner-wrap .process-wrap-1{margin-bottom: 0;}
.step-card-container .desc{ width:100%;}
.step-item-container{ width:100%; text-align:center;}
.teamwall-container .block-title{ text-align:center;}
.teamwall-container .statistical-classification-wrap{ margin: auto;}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .icon-img{ display:none;}
.teamwall-container .statistical-classification-wrap .statistical-classification-box:nth-child(1) .content-box{ display:block; text-align:center;}
.personnel-container{ display:none;}
.management-container .desc-wrap-1 .left-box{ width:100%;margin-right: 0;}
.management-container .desc-wrap-1 .left-box .left-img{ width:100%; margin-right:0;}
.management-container .desc-wrap-1 .left-box .left-desc{ margin-top:15px; padding-bottom:15px;}
.management-container .desc-wrap-1 .right-desc{ width:100%;}
.management-container .desc-wrap-2 .left-box .card-list .card-item{ margin-bottom:15px;display: flex;}
.management-container .desc-wrap-2 .right-img{ display:none;}
.management-container .foot-wrap{padding: 30px 0 30px;}
.management-container .foot-wrap .foot-item{ height:auto;}
.banner-container .left-box .img-box { display:none;}
.speed-container .content-wrap .left-list-box .item-box{display: flex;}
.speed-container .content-wrap .right-content-box .map-box{ height:auto;}
.speed-container .content-wrap .right-content-box .map-box img{ max-width:100%;}
.speed-container .block-title{ margin-bottom:20px;  text-align:center;}
.speed-container .content-wrap .right-content-box .desc-box .desc-img{ display:none;}
.services-container .block-title{ margin-bottom:20px; text-align:center;}
.services-container{padding: 32px 0 36px;}
.services-container .step-wrap-2 .step-column{ width:100%;}
.services-container .step-wrap-1 .car-img{ width:100%; margin-right:0;}
.stocking-container .service-container .right-img{ display:none;}
.stocking-container .publishing-container .info-box .desc-column .desc-2-box .inner-box .img-5{ display:none;}
.stocking-container .publishing-container .img-3, .stocking-container .publishing-container .img-4{ display:none;}
.stocking-container .service-container .left-box .block-title{ margin-bottom:20px; text-align:center;}
.product-container{padding: 30px 0 30px;}
.product-container .row .content-wrap .content-box{ width:100%;}
.product-container .row .content-wrap .content-box .block-title{ margin-bottom:20px;    padding-top: 20px;}
.banner-container .right-box .right-img{ display:none;}
.banner-container .right-box .desc{ width:100%;}
.line-top{ font-size:20px;}
.line-middle{ font-size:20px; padding:0;}
.line-bottom{ font-size:18px;}
.typed-text{ margin-bottom:18px;font-size:18px;}

.how-logistics-container .title{ margin-bottom:30px; text-align:center;}
.how-logistics-container{ padding-top:50px; padding-bottom:50px;}
.how-logistics-container .sub-title{ margin-bottom:40px; font-size:14px;}
.platform-sales-data-3-container{    padding: 40px 0;}
.platform-sales-data-3-container .block-title{ margin-bottom:40px; text-align:center;}
.platform-sales-data-3-container .box-list .box .icon{ width:40px; height:40px;}
.platform-sales-data-3-container .box-list .box .box-title{ font-size:18px;}
.platform-sales-data-3-container .box-list .box .box-desc{ font-size:10px;}
.how-logistics-container .box-list .box .icon{ width:40px; height:40px;}
.how-logistics-container .box-list .box .box-title{ font-size:18px;}
.how-logistics-container .box-list .box .box-desc{ font-size:10px;}
.product-container .row .content-wrap .row-img{ max-width:100%; width:100%;}
.typed-content{ height:180px;}
.product-container .row .line-box{ width:100%;}
.product-container .row .content-wrap .content-box .desc{ margin-bottom:20px;}
.management-container .desc-wrap-2 .left-box .card-list{ display:block;}
.management-container .desc-wrap-2 .left-box{width: 100%;margin-right: 0;}
.teamwall-container .statistical-classification-wrap .statistical-classification-box .content-box .label{ margin-bottom:20px;}
.step-item-container .title-wrap .title{ width:100%;     margin: auto;}
.step-item-container .icon-img{ margin:0 auto;}
.choose-container .grid-wrap .desc-box-2{padding-top: 30px; display:flex;   gap: 0;}
.choose-container .grid-wrap .desc-box-3{display:flex;}
.choose-container .grid-wrap .desc-box-4{display:flex;}
.adapt-container .wordpress-wrap .label-box{ width:100%;}
.choose-container .grid-wrap .img-3{ display:none;}
.choose-container .grid-wrap .img-4{ display:none;}
.banner-container .right-content-box .banner-title{ font-size:24px;}
            .mobile-nav-overlay.open {
			

                transform: translateX(0);
            }
			.open .mobile-nav-list{ display:block;}
            .mobile-nav-list {
                list-style: none;
                padding: 1.25rem 1.5rem;
                display: flex;
				display:none;
                flex-direction: column;
                gap: 1rem;
            }
            .mobile-nav-list li a,
            .mobile-dropdown .mobile-dropbtn {
                font-size: 1.1rem;
                font-weight: 500;
                color: #1e293b;
                text-decoration: none;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 8px 0;
            }
            .header.scrolled .mobile-nav-list li a,
            .header.scrolled .mobile-dropdown .mobile-dropbtn {
                color: #f1f5f9;
            }
            .mobile-dropdown-content {
                display: none;
                padding-left: 1.2rem;
                margin-top: 0.5rem;
                flex-direction: column;
                gap: 0.75rem;
            }
            .mobile-dropdown-content a {
                color: #334155;
                text-decoration: none;
                font-size: 0.95rem;
                padding: 6px 0;
                display: block;
            }
            .header.scrolled .mobile-dropdown-content a {
                color: #e2e8f0;
            }
            .mobile-dropdown-content.show {
                display: flex;
            }
            .mobile-auth-buttons {
                display: flex;
                flex-direction: column;
                gap: 12px;
                margin-top: 1rem;
                padding-top: 1rem;
                border-top: 1px solid #e2e8f0;
            }
            .header.scrolled .mobile-auth-buttons {
                border-top-color: #3b82f6;
            }
            .mobile-auth-buttons .btn {
                text-align: center;
            }
            /* 桌面端在手机布局下隐藏auth按钮组，移动端单独展示 */
            .auth-buttons {
                display: none;
            }
        }

        /* 对于超大桌面，保持优雅 */
        @media (min-width: 1025px) {
            .mobile-nav-overlay, .mobile-menu-icon ~ .mobile-nav-overlay {
                display: none;
            }
        }