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

    .entry-clone .time-label  {
        color: #333;
        font-weight: bold;
        margin-left: calc(1 * 100vw / 750);
        margin-top: calc(-100 * 100vw / 750);

    }
    .entry-clone .content  {
        width: calc(456 * 100vw / 750);
        background-color: #fff;
        margin-top: calc(0 * 100vw / 750);

    }
    .bg-box  {
        position: fixed;
        left: 0;
        top: calc(80* 100vw / 750);
        width: 100%;
        height: calc(593 * 100vw / 750);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: opacity 2.5s ease;
        z-index: -1;
        pointer-events: none;

    }
    .bg-box .circle-item-1  {
        position: absolute;
        left: 0;
        top: 10%;
        width: 100%;
        height: calc(800 * 100vw / 750);
        transform: translate(-100%, -100%);
        box-sizing: border-box;
        border: 1px solid;
        background: linear-gradient(145deg, #D9B9FC 20%, #7284E3 107%);
        filter: blur(calc(31 * 100vw / 750));
        border-radius: 50%;
        opacity: 0.6;
        z-index: -1;

    }
    .bg-box .introduc-p1  {
        font-size: calc(40 * 100vw / 750);
        font-weight: bold;
        line-height: calc(36 * 100vw / 750);
        /* color: #fff; */
        opacity: 0;
        animation: fadeInUp 1s ease forwards 1s;

    }
    .bg-box .introduc-p2  {
        margin-top: calc(50 * 100vw / 750);
        font-size: calc(40 * 100vw / 750);
        font-weight: bold;
        line-height: normal;
        /* color: #FFFFFF; */
        opacity: 0;
        animation: fadeInUp 1s ease forwards 1.3s;

    }
    .introduction-banner  {
        position: relative;
        padding: 0;
        width: 100vw;
        height: calc(815 * 100vw / 750);
        /* background: #fff; */
        z-index: 3;
        overflow: hidden;

    }
    .introduction-banner .circle-item-1  {
        position: absolute;
        left: calc(602 * 100vw / 750);
        top: calc(34 * 100vw / 750);
        width: calc(131 * 100vw / 750);
        height: calc(142 * 100vw / 750);
        background: linear-gradient(161deg, #EDDDFF 11%, #AE72E3 96%);
        box-sizing: border-box;
        border: 1px solid;
        border-image: linear-gradient(148deg, #FFFFFF 18%, #A0A2FB 106%);
        filter: blur(calc(31 * 100vw / 750));
        border-radius: 50%;

    }
    .introduction-banner .introduction-content  {
        position: relative;
        padding: calc(185 * 100vw / 750) 0 0 calc(240 * 100vw / 750);

    }
    .introduction-box  {
        position: relative;
        width: 100%;
        margin: calc(100 * 100vw / 750) auto 0;
        padding: 0 calc(60 * 100vw / 750);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 1;

    }
    .introduction-box .circle-item-2  {
        position: absolute;
        left: calc(120* 100vw / 750);
        top: calc(-200* 100vw / 750);
        width: calc(374* 100vw / 750);
        height: calc(374* 100vw / 750);
        background: url('../../images/solutions/decoration-ball.png') no-repeat center / cover;
        /* filter: blur(calc(31* 100vw / 750));
        */ border-radius: 50%;
        opacity: 1;

    }
    .introduction-box .introduction-left  {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

    }
    .introduction-left .vie-title-box  {
        padding-bottom: calc(30 * 100vw / 750);

    }
    .introduction-left .vie-sub-title-box  {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

    }
    .vie-sub-title-box .sub-title  {
        font-size: calc(24 * 100vw / 750);

    }
    .vie-sub-title-box .main-title  {
        margin-top: calc(2 * 100vw / 750);
        font-size: calc(38 * 100vw / 750);

    }
    .introduction-box .introduction-right  {
        margin-top: calc(50 * 100vw / 750);
        position: relative;
        width: 100%;

    }
    .introduction-right p  {
        font-size: calc(25 * 100vw / 750);
        text-align: left;
        line-height: calc(50 * 100vw / 750);

    }
    .introduction-right p + p  {
        margin-top: calc(24 * 100vw / 750);

    }
    .timeline-box  {
        width: 100%;
        margin: calc(150 * 100vw / 750) auto 0;
        padding: 0 calc(60 * 100vw / 750);
        display: flex;
        flex-direction: column;
        justify-content: space-between;

    }
    .timeline-left .vie-title-box  {
        padding: 0;

    }
    /* 添加发展历程标题组固定时的样式 */ .timeline-left .vie-title-box.fixed  {
        position: fixed;
        top: 110px;
        z-index: 1000;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 16px;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: none !important;

    }
    .timeline-box .timeline-right  {
        padding: calc(32 * 100vw / 750) 0 0;
        width: 100%;

    }
    .banner-content .consult-btn:hover  {
        background: rgba(255, 255, 255, 0.1);

    }
    .banner-content .consult-btn span  {
        font-size: calc(17 * 100vw / 750);
        color: #FFFFFF;
        font-weight: 400;
        /* display: flex;
        */ /* align-items: center;
        */ height: calc(32 * 100vw / 750);

    }
    .banner-content .consult-btn img  {
        width: calc(52 * 100vw / 750);
        height: calc(52 * 100vw / 750);
        display: block;

    }
    .container  {
        max-width: calc(1462 * 100vw / 750);
        margin: 0 auto;
        padding: 0 calc(20 * 100vw / 750);

    }
    /* 标题组样式 */ .title-group  {
        position: relative;
        height: calc(200 * 100vw / 750);
        margin-bottom: 0;
        top: calc(100 * 100vw / 750);
        z-index: 2;

    }
    .title-group .subtitle  {
        position: absolute;
        left: 0;
        top: calc(0 * 100vw / 750);
        height: calc(20 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);
        font-weight: 600;
        line-height: calc(22 * 100vw / 750);
        text-transform: uppercase;
        letter-spacing: 0em;
        font-variation-settings: "opsz" auto;
        color: #5C5D95;

    }
    .title-group .subtitle::before  {
        content: '';
        position: absolute;
        left: calc(-23 * 100vw / 750);
        top: calc(6 * 100vw / 750);
        width: calc(9 * 100vw / 750);
        height: calc(9 * 100vw / 750);
        background-color: #5C5D95;
        border-radius: 50%;

    }
    .title-group .main-title  {
        position: absolute;
        left: 0;
        top: calc(32 * 100vw / 750);
        width: calc(689 * 100vw / 750);
        height: calc(137 * 100vw / 750);
        font-size: calc(50 * 100vw / 750);
        font-weight: bold;
        line-height: 136%;
        letter-spacing: 0em;
        color: #6567DE;
        background: linear-gradient(106deg, #6567DE 47%, #A0A2FB 117%),
        linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-align: left;

    }
    :root  {
        --timeline-offset: 88px;
        --primary-color: #6567DE;
        --secondary-color: #A0A2FB;
        --gradient-bg: linear-gradient(106deg, #6567DE 47%, #A0A2FB 117%),
        linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
        --marker-size: calc(16 * 100vw / 750);
        --marker-border: 1px;
        /* 保持为1像素的细线 */ --marker-glow: 2px;
        /* 减小发光效果 */ --beam-width: 1px;
        /* 保持为1像素的细线 */ --content-radius: calc(12 * 100vw / 750);
        --content-shadow: 0 calc(4 * 100vw / 750) calc(20 * 100vw / 750) rgba(0, 0, 0, 0.1);
        --timeline-spacing: calc(60 * 100vw / 750);
        --entry-transition: 0.8s cubic-bezier(0.22, 1, 0.36, 1);

    }
    /* 时间轴容器 */ .timeline-container  {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        padding-top: calc(20 * 100vw / 750);

    }
    /* 时间轴条目 */ .entry  {
        display: grid;
        /* grid-template-columns: var(--timeline-offset) 1fr;
        */ gap: calc(30 * 100vw / 750);
        margin-bottom: calc(100 * 100vw / 750);
        opacity: 0;
        transform: translateY(calc(20 * 100vw / 750));
        transition: opacity var(--entry-transition),
        transform var(--entry-transition);
        position: relative;

    }
    /* 时间标签 */ .time-label  {
        top: calc(100 * 100vw / 750);
        width: calc(150 * 100vw / 750);
        font-size: calc(50 * 100vw / 750);

    }
    .entry:hover .time-label  {
        transform: scale(1.05);

    }
    /* 内容区域 */ .content  {
        left: calc(59 * 100vw / 750);
        padding: calc(24 * 100vw / 750);
        width: calc(420 * 100vw / 750);
        position: relative;
        transition: transform 0.3s ease,
        box-shadow 0.3s ease;
        overflow: hidden;

    }
    .entry-clone .content {
    width: calc(420 * 100vw / 750);
    background-color: #fff;
    margin-top: calc(0 * 100vw / 750);
}
    .entry:hover .content  {
        transform: translateY(calc(-5 * 100vw / 750));
        /* box-shadow: 0 calc(8 * 100vw / 750) calc(30 * 100vw / 750) rgba(0, 0, 0, 0.15);
        */
    }
    /* 时间节点 */ .marker  {
        position: absolute;
        left: calc(178 * 100vw / 750);
        top: calc(15 * 100vw / 750);
        width: calc(46 * 100vw / 750);
        height: calc(46 * 100vw / 750);
        /* background: #96A6EC;
        */ border: 1px solid #96A6EC;
        /* 保持为1像素的细线 */ border-radius: 50%;
        z-index: 1;
        transform: none !important;
        /* 防止被父元素的hover效果放大 */
    }
    .marker-2  {
        position: absolute;
        left: calc(197 * 100vw / 750);
        top: calc(35 * 100vw / 750);
        width: calc(8 * 100vw / 750);
        /* 进一步减小定位点的大小，保持细线效果 */ height: calc(8 * 100vw / 750);
        background: linear-gradient(90deg, #9090E2 0%, #619BF3 71%, #5182F4 100%);
        border-radius: 50%;
        z-index: 1;
        transform: none !important;
        /* 防止被父元素的hover效果放大 */ box-shadow: none !important;
        /* 移除所有可能的阴影效果 */
    }
    .content h3  {
        margin-bottom: calc(20 * 100vw / 750);
        font-size: calc(25 * 100vw / 750);
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: 0em;
        color: #2F2F2F;
        position: relative;

    }
    .content p  {
        margin-bottom: calc(20 * 100vw / 750);
        font-size: calc(22 * 100vw / 750);
        font-weight: 200;
        line-height: 1.8;
        letter-spacing: 0em;
        color: #2F2F2F;
        /* width: calc(410 * 100vw / 750);
        */ text-align: left;

    }
    /* 内容图片 */ .content img  {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: calc(8 * 100vw / 750);
        margin-top: calc(16 * 100vw / 750);
        margin-bottom: calc(16 * 100vw / 750);
        box-shadow: 0 calc(4 * 100vw / 750) calc(12 * 100vw / 750) rgba(0, 0, 0, 0.1);

    }
    /* 时间轴竖线 */ .beam  {
        position: absolute;
        left: calc(200 * 100vw / 750);
        top: 0;
        width: 1px;
        /* 直接指定1像素的细线，而不使用变量 */ height: 100%;
        background: linear-gradient(to bottom,
        transparent 0%,
        var(--primary-color) 10%,
        var(--primary-color) 90%, transparent 100%);
        z-index: 0;
        opacity: 0.7;
        transform: none !important;
        /* 防止被意外放大 */
    }

}