/* 智慧文旅解决方案页面特有样式 */ /* 智慧文旅页面特殊样式 - 隐藏头部菜单，避免闪烁 */ /* header  {
    display: none !important;
    visibility: hidden !important;

}
*/ /* Banner 部分 */ .ft-banner  {
    position: relative;
    height: calc(769 * 100vw / 1920);
    background: url(../../images/solutions/banne-bg1.jpg) no-repeat center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;

}
.ft-banner .banner-content  {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;

}
.ft-banner .smart-city  {
    position: absolute;
    top: calc(291 * 100vw / 1920);
    font-size: calc(28.2 * 100vw / 1920);
    font-weight: bold;
    line-height: calc(35.4 * 100vw / 1920);
    color: #FFFFFF;
    margin: 0;
    text-shadow: 0px 3.3px 5px rgba(47, 96, 217, 0.62);

}
.ft-banner h1  {
    position: absolute;
    top: calc(335 * 100vw / 1920);
    font-size: calc(80 * 100vw / 1920);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    opacity: 1;
    margin: 0;
    text-shadow: 0px 4px 10px rgba(47, 96, 217, 0.62);

}
.ft-banner .subtitle-line  {
    position: absolute;
    width: calc(1100 * 100vw / 1920);
    top: calc(451 * 100vw / 1920);
    font-size: calc(24 * 100vw / 1920);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #FFFFFF;
    opacity: 1;
    margin: 0;
    text-shadow: 0px 4px 10px rgba(47, 96, 217, 0.62);

}
.ft-banner .description  {
    position: absolute;
    top: calc(525 * 100vw / 1920);
    width: calc(800 * 100vw / 1920);
    height: calc(84 * 100vw / 1920);
    font-size: calc(16 * 100vw / 1920);
    font-weight: 500;
    line-height: calc(28 * 100vw / 1920);
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    display: block;

}
.ft-banner .consult-btn  {
    position: absolute;
    top: calc(650 * 100vw / 1920);
    display: flex;
    align-items: center;
    gap: calc(18 * 100vw / 1920);
    cursor: pointer;

}
.ft-banner .consult-btn span  {
    color: #FFFFFF;
    font-size: calc(16 * 100vw / 1920);
    font-weight: 500;

}
.ft-banner .consult-btn img  {
    width: calc(32 * 100vw / 1920);
    height: calc(32 * 100vw / 1920);

}
.ft-banner .decoration-ball  {
    position: absolute;
    left: calc(134 * 100vw / 1920);
    top: calc(51 * 100vw / 1920);
    width: calc(306 * 100vw / 1920);
    height: calc(306 * 100vw / 1920);
    opacity: 1;
    background: url(../../images/solutions/decoration-ball.png) no-repeat center center;
    background-size: contain;
    animation: float 3s ease-in-out infinite;

}
.ft-banner .floating-ball  {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(1920 * 100vw / 1920);
    height: calc(769 * 100vw / 1920);
    background: url(https://flowingcloud-1253267589.cos.ap-beijing.myqcloud.com/images/banne-ball1.png) no-repeat center center;
    background-size: contain;
    filter: none;
    z-index: 1;
    transform-origin: bottom center;
    animation: scaleFromBottom 1s ease-out forwards;

}
@keyframes float   {

    0%  {
        transform: translateY(0);

    }
    50%  {
        transform: translateY(-20px);

    }
    100%  {
        transform: translateY(0);

    }

}
@keyframes scaleIn   {

    from  {
        transform: scale(0);
        opacity: 0.5;
        filter: none;

    }
    to  {
        transform: scale(1);
        opacity: 1;
        filter: none;

    }

}
@keyframes scaleFromBottom   {

    from  {
        transform: translateX(-50%) scale(0);
        opacity: 0.5;
        filter: none;

    }
    to  {
        transform: translateX(-50%) scale(1);
        opacity: 1;
        filter: none;

    }

}
/* 智慧文旅页面痛点分析区域颜色覆盖 */
.vertical-line {
    background-color: #96A6EC;
}

.pain-points .description {
    color: #7885E1;
}

/* 添加悬停效果 */ .point-item:hover .point-ball  {
    transform: scale(1.05);

}
/* 移动端适配 */ @media screen and (max-width: 768px)   {

    .ft-technology  {
        /* 移除缩放，使用正常布局 */
        transform: none;
        height: calc(500 * 100vw / 750);
        padding-top: calc(130 * 100vw / 750);

    }

    /* 痛点分析区域手机版重构 */
    .ft-technology .container {
        width: calc(610 * 100vw / 750);
        max-width: calc(610 * 100vw / 750);
        margin: 0 auto;
        padding: 0;
    }

    .pain-points {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 0;
    }

    .pain-points .points-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .vertical-line {
        width: calc(1 * 100vw / 750);
        height: calc(104 * 100vw / 750);
        background-color: #96A6EC;
        margin: calc(43 * 100vw / 750) 0;
        transition: transform 0.3s ease;
    }

    .point-item {
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .point-item .point-ball {
        position: relative;
        width: calc(180 * 100vw / 750);
        height: calc(180 * 100vw / 750);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding-bottom: calc(18 * 100vw / 750);
        z-index: 1;
        transition: transform 0.3s ease;
    }

    .point-item.left {
        margin-right: calc(-35 * 100vw / 750);
        z-index: 1;
    }

    .point-item.right {
        margin-left: calc(-35 * 100vw / 750);
        z-index: 1;
    }

    .point-item.center {
        margin: 0 calc(35 * 100vw / 750);
        z-index: 2;
    }

    .point-item.center .point-ball {
        background: radial-gradient(142% 142% at 14% -7%, #717EEB 26%, #2E1FA2 100%);
        z-index: 2;
    }

    .point-item.left .point-ball::before,
    .point-item.right .point-ball::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: calc(2 * 100vw / 750) solid transparent;
        background: linear-gradient(#fff, #fff) padding-box,
        radial-gradient(142% 142% at 14% -7%, #DBC4F9 19%, #727CE4 66%, #6775F0 100%) border-box;
        animation: rotate360 5s linear infinite;
    }

    .point-item.left .point-ball,
    .point-item.right .point-ball {
        background: transparent;
    }

    .point-item .number,
    .point-item h3 {
        position: relative;
        z-index: 3;
        transform: rotate(0deg);
    }

    .point-item .blur-overlay {
        position: absolute;
        width: calc(110 * 100vw / 750);
        height: calc(110 * 100vw / 750);
        opacity: 1;
        background: #FFFFFF;
        filter: blur(calc(50 * 100vw / 750));
        border-radius: 50%;
        pointer-events: none;
        z-index: 2;
    }

    .point-item.left .blur-overlay {
        left: calc(-55 * 100vw / 750);
        top: calc(-17 * 100vw / 750);
    }

    .point-item.right .blur-overlay {
        left: calc(122 * 100vw / 750);
        top: calc(66 * 100vw / 750);
    }

    .point-item .number {
        display: block;
        font-size: calc(10 * 100vw / 750);
        font-weight: normal;
        line-height: 1;
        letter-spacing: 0em;
        margin-bottom: calc(8 * 100vw / 750);
    }

    .point-item.center .number {
        color: #FFFFFF;
    }

    .point-item.left .number,
    .point-item.right .number {
        color: #7885E1;
    }

    .point-item h3 {
        font-size: calc(16 * 100vw / 750);
        font-weight: bold;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0em;
        margin: 0;
    }

    .point-item.center h3 {
        color: #FFFFFF;
    }

    .point-item.left h3,
    .point-item.right h3 {
        color: #7885E1;
    }

    .pain-points .description {
        position: relative;
        width: calc(440 * 100vw / 750);
        font-size: calc(14 * 100vw / 750);
        font-weight: normal;
        line-height: calc(26 * 100vw / 750);
        text-align: center;
        letter-spacing: 0em;
        color: #7885E1;
        margin: 0;
        transition: transform 0.3s ease;
    }
    .ft-banner  {
        height: calc(500 * 100vw / 750);
        background-position: center center;

    }
    .ft-banner .banner-content  {
        justify-content: flex-start;
        padding-top: calc(170 * 100vw / 750);

    }
    .ft-banner h1  {
        font-size: calc(64 * 100vw / 750);
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 90%;
        margin: calc(20 * 100vw / 750) auto 0;
        text-align: center;
        opacity: 0;
        animation: slideUpFadeIn 0.8s ease-out forwards;
        animation-delay: 0.6s;

    }
    .ft-banner .smart-city  {
        font-size: calc(34 * 100vw / 750);
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        text-align: center;
        opacity: 0;
        animation: slideUpFadeIn 0.8s ease-out forwards;
        animation-delay: 0.3s;

    }
    .ft-banner .subtitle-line  {
        font-size: calc(18 * 100vw / 750);
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 90%;
        margin: calc(20 * 100vw / 750) auto 0;
        text-align: center;
        opacity: 0;
        animation: slideUpFadeIn 0.8s ease-out forwards;
        animation-delay: 0.9s;

    }
    .ft-banner .description  {
        display: none;

    }
    .ft-banner .consult-btn  {
        position: absolute;
        top: auto;
        left: 50%;
        bottom: calc(40 * 100vw / 750);
        transform: translateX(-50%);
        margin: 0;
        justify-content: center;

    }
    .ft-banner .consult-btn span  {
        font-size: calc(20 * 100vw / 750);

    }
    .ft-banner .consult-btn img  {
        width: calc(40 * 100vw / 750);
        height: calc(40 * 100vw / 750);

    }
    .ft-banner .decoration-ball  {
        width: calc(200 * 100vw / 750);
        height: calc(200 * 100vw / 750);
        left: calc(20 * 100vw / 750);
        top: calc(20 * 100vw / 750);
        background-size: contain;
        border-radius: 0;

    }
    .ft-banner .floating-ball  {
        width: calc(750 * 100vw / 750);
        height: calc(500 * 100vw / 750) !important;
        bottom: calc(-200 * 100vw / 750) !important;
        overflow: visible !important;
        background-size: 100% !important;
        animation: mobileScaleFromBottom 1.2s ease-out forwards;

    }
    @keyframes mobileScaleFromBottom   {

        from  {
            transform: translateX(-50%) translateY(50%) scale(0.5);
            opacity: 0.5;
            filter: none;

        }
        to  {
            transform: translateX(-50%) scale(1.8);
            opacity: 1;
            filter: none;

        }

    }
    .value-content  {
        flex-direction: column;

    }
    .application-gallery  {
        grid-template-columns: 1fr;

    }

    /* 痛点分析区域移动端样式 */
    .pain-points .container {
        width: calc(610 * 100vw / 750);
        margin: 0 auto;
    }

    .pain-points .points-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto 0;
    }

    .point-item {
        position: relative; /* 痛点分析点的位置 */
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .point-item .point-ball {
        position: relative;
        width: calc(220 * 100vw / 750);
        height: calc(220 * 100vw / 750);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding-bottom: calc(20 * 100vw / 750);
        z-index: 1;
        transition: transform 0.3s ease;
    }

    .point-item.left {
        margin-right: calc(-15 * 100vw / 750);
        z-index: 1;
    }

    .point-item.right {
        margin-left: calc(-15 * 100vw / 750);
        z-index: 1;
    }

    .point-item.center {
        margin: 0 calc(0 * 100vw / 750);
        z-index: 2;
    }

    .point-item.center .point-ball {
        background: radial-gradient(142% 142% at 14% -7%, #717EEB 26%, #2E1FA2 100%);
        z-index: 2;
    }

    .point-item.left .point-ball::before,
    .point-item.right .point-ball::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: calc(2 * 100vw / 750) solid transparent;
        background: linear-gradient(#fff, #fff) padding-box,
        radial-gradient(142% 142% at 14% -7%, #DBC4F9 19%, #727CE4 66%, #6775F0 100%) border-box;
        animation: rotate360 5s linear infinite;
    }

    .point-item.left .point-ball,
    .point-item.right .point-ball {
        background: transparent;
    }

    .point-item .number,
    .point-item h3 {
        position: relative;
        z-index: 3;
        transform: rotate(0deg);
    }

    .point-item .blur-overlay {
        position: absolute;
        width: calc(120 * 100vw / 750);
        height: calc(120 * 100vw / 750);
        opacity: 1;
        background: #FFFFFF;
        filter: blur(calc(55 * 100vw / 750));
        border-radius: 50%;
        pointer-events: none;
        z-index: 2;
    }

    .point-item.left .blur-overlay {
        left: calc(-60 * 100vw / 750);
        top: calc(-20 * 100vw / 750);
    }

    .point-item.right .blur-overlay {
        left: calc(135 * 100vw / 750);
        top: calc(75 * 100vw / 750);
    }

    .point-item .number {
        display: block;
        font-size: calc(12 * 100vw / 750);
        font-weight: normal;
        line-height: 1;
        letter-spacing: 0em;
        margin-bottom: calc(10 * 100vw / 750);
    }

    .point-item.center .number {
        color: #FFFFFF;
    }

    .point-item.left .number,
    .point-item.right .number {
        color: #7885E1;
    }

    .point-item h3 {
        font-size: calc(16 * 100vw / 750);
        font-weight: bold;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0em;
        margin: 0;
    }

    .point-item.center h3 {
        color: #FFFFFF;
    }

    .point-item.left h3,
    .point-item.right h3 {
        color: #7885E1;
    }
    /* 标杆案例区域移动端样式 */ .ft-benchmark .container  {
        width: calc(610 * 100vw / 750);
        margin: 0 auto;

    }
    .ft-benchmark .waterfall-container  {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: calc(20 * 100vw / 750);
        width: 100%;

    }
    .ft-benchmark .waterfall-item  {
        width: calc(295 * 100vw / 750) !important;
        margin: 0 !important;

    }
    .ft-benchmark .waterfall-item .media-wrapper  {
        width: 100% !important;
        height: calc(183 * 100vw / 750) !important;
        position: relative !important;

    }
    .ft-benchmark .waterfall-item img,
    .ft-benchmark .waterfall-item video  {
        width: 100%;
        height: 100%;
        object-fit: cover;

    }
    .ft-benchmark .waterfall-item .item-title  {
        opacity: 1 !important;
        visibility: visible !important;
        position: absolute;
        margin-bottom: calc(10 * 100vw / 750) !important;
        width: 100%;

    }
    .ft-benchmark .waterfall-item .title-wrapper  {
        margin-bottom: calc(5 * 100vw / 750);

    }
    .ft-benchmark .waterfall-item .cn-title  {
        font-size: calc(18 * 100vw / 750);
        line-height: calc(24 * 100vw / 750);
        color: #fff;

    }
    .ft-benchmark .waterfall-item .en-title  {
        font-size: calc(10 * 100vw / 750) !important;
        line-height: calc(14 * 100vw / 750) !important;
        color: rgba(255, 255, 255, 0.8) !important;

    }
    /* 移除PC端的悬停效果 */ .ft-benchmark .waterfall-item:hover img,
    .ft-benchmark .waterfall-item:hover video  {
        transform: none;

    }

}
@keyframes slideUpFadeIn   {

    from  {
        transform: translateY(30px);
        opacity: 0;

    }
    to  {
        transform: translateY(0);
        opacity: 1;

    }

}
/* 底部通栏样式 */ .bottom-bar  {
    width: 100%;
    height: 80px;
    background: url(../../images/yejiao.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-top: 0;
    clear: both;

}
.bottom-bar .copyright-text  {
    color: #ffffff;
    font-size: calc(16 * 100vw / 1920);
    text-align: center;
    width: 100%;
    padding: 0 20px;
    line-height: 1.5;

}
.bottom-bar .copyright-text a  {
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.3s ease;

}
.bottom-bar .copyright-text a:hover  {
    opacity: 0.5;

}
/* 移动端底部通栏适配 */ @media screen and (max-width: 768px)   {

    .bottom-bar  {
        height: calc(80 * 100vw / 750);
        padding: 0 calc(20 * 100vw / 750);

    }
    .bottom-bar .copyright-text  {
        font-size: calc(12 * 100vw / 750);
        width: 100%;
        line-height: 1.5;

    }

}
/* 标杆案例区域PC端样式 */ .ft-benchmark .container  {
    width: 100%;
    max-width: calc(1559 * 100vw / 1920);
    margin: 0 auto;
    /* padding: 0 calc(20 * 100vw / 1920);
    */ box-sizing: border-box;

}
/* 标杆案例网格布局 */
.ft-benchmark .benchmark-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(20 * 100vw / 1920);
    width: 100%;
    max-width: calc(1559 * 100vw / 1920);
    margin: 0 auto;
    justify-items: center;
    padding-bottom: calc(100 * 100vw / 1920);
}

/* 标杆案例项目样式 */
.ft-benchmark .benchmark-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 媒体包装器 - 自然高度，Safari兼容 */
.ft-benchmark .benchmark-media-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 媒体元素样式 */
.ft-benchmark .benchmark-media {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* 标题容器 */
.ft-benchmark .benchmark-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    pointer-events: auto;
}

.ft-benchmark .benchmark-item:hover .benchmark-title {
    opacity: 1;
}

/* 标题包装器 */
.ft-benchmark .benchmark-title-wrapper {
    position: relative;
    width: fit-content;
    display: block;
}

.ft-benchmark .benchmark-title-wrapper:first-child {
    margin-bottom: calc(-8 * 100vw / 1920);
}

/* 中文标题背景 */
.ft-benchmark .benchmark-cn-title-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(52 * 100vw / 1920);
    width: 100%;
    background: #FFFFFF;
    border-radius: 0 calc(20 * 100vw / 1920) 0 0;
}

/* 中文标题 */
.ft-benchmark .benchmark-cn-title {
    position: relative;
    z-index: 1;
    font-size: calc(22 * 100vw / 1920);
    font-weight: bold;
    line-height: calc(26 * 100vw / 1920);
    letter-spacing: 0;
    color: #7885E1;
    padding: calc(13 * 100vw / 1920) calc(20 * 100vw / 1920);
    white-space: nowrap;
}

/* 英文标题背景 */
.ft-benchmark .benchmark-en-title-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(34 * 100vw / 1920);
    width: 100%;
    border-radius: 0 calc(20 * 100vw / 1920) 0 0;
    opacity: 1;
    background: linear-gradient(90deg, #9090E2 0%, #619BF3 71%, #5182F4 100%);
}

/* 英文标题 */
.ft-benchmark .benchmark-en-title {
    position: relative;
    z-index: 1;
    font-size: calc(12 * 100vw / 1920);
    font-weight: 600;
    line-height: calc(25 * 100vw / 1920);
    text-transform: uppercase;
    letter-spacing: 0;
    color: #FFFFFF;
    padding: calc(4.5 * 100vw / 1920) calc(20 * 100vw / 1920);
    white-space: nowrap;
}

/* 确保背景色卡宽度与文字内容一致 */
.ft-benchmark .benchmark-title-wrapper:hover .benchmark-cn-title-bg,
.ft-benchmark .benchmark-title-wrapper:hover .benchmark-en-title-bg {
    width: 100%;
}
/* 移动端标杆案例样式调整 */
@media screen and (max-width: 768px) {
    .ft-benchmark .container {
        width: calc(750 * 100vw / 750) !important;
    }

    /* 移动端标杆案例网格布局 */
    .ft-benchmark .benchmark-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: calc(20 * 100vw / 750);
        width: calc(610 * 100vw / 750);
        margin: 0;
    }

    /* 移动端标杆案例项目样式 */
    .ft-benchmark .benchmark-item {
        width: 100% !important;
        margin: 0 !important;
        position: relative !important;
        height: auto !important;
        display: block !important;
        box-sizing: border-box;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* 移动端媒体包装器 - 自然高度，Safari兼容 */
    .ft-benchmark .benchmark-media-wrapper {
        position: relative;
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* 移动端标题样式调整 */
    .ft-benchmark .benchmark-title {
        opacity: 1 !important; /* 移动端始终显示标题 */
        position: absolute;
        left: 0;
        bottom: 0;
        width: auto;
        z-index: 10;
        pointer-events: auto;
    }

    .ft-benchmark .benchmark-title-wrapper:first-child {
        margin-bottom: 0;
    }

    .ft-benchmark .benchmark-cn-title-bg {
        height: calc(36 * 100vw / 750);
        border-radius: 0 calc(16 * 100vw / 750) 0 0;
    }

    .ft-benchmark .benchmark-cn-title {
        font-size: calc(18 * 100vw / 750);
        line-height: calc(24 * 100vw / 750);
        padding: calc(6 * 100vw / 750) calc(12 * 100vw / 750);
    }

    .ft-benchmark .benchmark-en-title-bg {
        height: calc(24 * 100vw / 750);
        border-radius: 0 calc(16 * 100vw / 750) 0 0;
    }

    .ft-benchmark .benchmark-en-title {
        font-size: calc(10 * 100vw / 750);
        line-height: calc(16 * 100vw / 750);
        padding: calc(4 * 100vw / 750) calc(12 * 100vw / 750);
    }

    /* 手机版预览遮罩层样式 */
    .preview-overlay,
    .benchmark-overlay {
        z-index: 999999 !important;
    }

    .preview-content {
        max-width: 90% !important;
        width: 90% !important;
        max-height: 80vh !important;
    }

    .preview-content img,
    .preview-content video,
    .preview-content .preview-video,
    .benchmark-preview-image,
    .benchmark-preview-video {
        max-width: 90vw !important;
        max-height: 60vh !important;
        border-radius: calc(8 * 100vw / 750) !important;
    }

    .preview-close,
    .close-preview,
    .benchmark-close {
        top: calc(30 * 100vw / 750) !important;
        right: calc(30 * 100vw / 750) !important;
        width: calc(60 * 100vw / 750) !important;
        height: calc(60 * 100vw / 750) !important;
        z-index: 1000001 !important;
    }

    .preview-close::before,
    .preview-close::after,
    .close-preview::before,
    .close-preview::after,
    .benchmark-close::before,
    .benchmark-close::after {
        width: calc(60 * 100vw / 750) !important;
        height: calc(4 * 100vw / 750) !important;
    }

    .preview-cn-title,
    .benchmark-preview-cn-title {
        font-size: calc(32 * 100vw / 750) !important;
        margin-bottom: calc(16 * 100vw / 750) !important;
        font-weight: bold !important;
    }

    .preview-en-title,
    .benchmark-preview-en-title {
        font-size: calc(24 * 100vw / 750) !important;
        color: rgba(255, 255, 255, 0.8) !important;
    }

    .preview-title,
    .benchmark-preview-title {
        margin-top: calc(30 * 100vw / 750) !important;
        text-align: center !important;
    }
    .title-group .subtitle{
        font-size: calc(14 * 100vw / 750) !important;
    }
    .title-group .main-title{
        font-size: calc(24 * 100vw / 750) !important;
    }
    .ft-technology{
        height: calc(400 * 100vw / 750) !important;
        padding-top: calc(50 * 100vw / 750) !important;
    }
    .value-menu-title-en{
        display: none !important;
    }
    .value-menu-title-en{
        display: none !important;
    }
    .value-menu-title{
        font-size: calc(12 * 100vw / 750);
    }
    .value-menu-title-cn{
        font-size: calc(12 * 100vw / 750);
    }
    .ft-value{
        height:calc(426 * 100vw / 750) ;
    }
    .value-menu-showcase{
        height:calc(426 * 100vw / 750) ;
    }
    .value-menu-list{
        width: calc(200 * 100vw / 750) ;
    }
    .showcase-image{
        height: calc(426 * 100vw / 750) ;
    }
    .value-menu-item{
        height: calc(60 * 100vw / 750) !important;
    }
    .image-description p{
        display: none !important;
    }
    .application-gallery .gallery-item.active .en-title{
        display: none !important;
    } 
    .application-gallery .gallery-item.active .cn-title{
        display: none !important;
    }
   .application-gallery .gallery-item.active .desc-text{
        display: none !important;
    }
    .application-gallery .gallery-item.active .desc-title{
        font-size: calc(12 * 100vw / 750) !important;
        margin-top: calc(65 * 100vw / 750) !important;
    }
    .application-gallery .gallery-item.active .en-title{
         display: none !important;
    }
    .application-gallery .gallery-item:not(.active) .en-title{
        display: none !important;
    }
    .application-gallery .gallery-item:not(.active) .cn-title{
        font-size: calc(14 * 100vw / 750) !important;
        width: calc(60 * 100vw / 750) !important;
    }
    .subtitle-wrapper {
    display: flex;
    align-items: center;
    gap: calc(8 * 100vw / 750);
    margin-bottom: calc(5 * 100vw / 750);
    }
}