[v-cloak] {
            display: none !important;
        }
        :root {
            --animate-duration: 2s;
            /* 所有动画默认时长改为2秒 */
        }

        /* 父容器：相对定位（核心！作为文字定位基准） + 匹配图片高度 */
        .abouts {
            position: relative;
            /* 必须：让子元素绝对定位参考该容器 */
            height: 720px;
            /* 匹配图片高度，避免容器高度塌陷 */
            width: 100%;
            overflow: hidden;
            /* 防止文字超出容器 */
        }

        /* 图片：铺满容器，消除默认空隙 */
        .abouts img {
            height: 100%;
            /* 改为100%，继承父容器高度，更灵活 */
            width: 100%;
            object-fit: cover;
            /* 保证图片不变形，铺满容器 */
            display: block;
            /* 消除图片底部默认空隙 */
        }

        .abouts .names {
            position: absolute;
            z-index: 2;
            /* 确保在图片上方 */
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 600;
            font-size: 50px;
            color: #FFFFFF;
            left: 10%;
            top: 50%;
            transform: translate(-50%);
        }

        .h5_service_body{
            background: #FCFCFC;
            background-image: url('/home/images/26.png');
            padding: 40px 0 1px 0;

        }
        .service_body {
            height: 662px;
            background: #FCFCFC;
            border-radius: 0px 0px 0px 0px;
            background-image: url('/home/images/26.png');
            /* background-size: contain; */
            padding: 100px 0 0 0;
        }

        .service_tab {
            height: 365px;
            background: #FCFCFC;
            border-radius: 0px 0px 0px 0px;
            background-image: url('/home/images/27.png');
            background-size: cover;
            padding: 100px 0 0 0;
        }

        .service_supp {
            height: 475px;
            background: #FCFCFC;
            border-radius: 0px 0px 0px 0px;
            background-image: url('/home/images/28.png');
            background-size: cover;
            padding: 100px 0 0 0;
        }

        .service_supp .supp_card {
            width: 1200px;
            margin: auto;
        }


        .service_core {
            padding: 100px 0 0 0;

        }

        .service_body .card {
            width: 1200px;
            margin: auto;
        }

        /* 网格容器：2行4列，精准匹配设计稿间距/尺寸 */
        .service-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            /* 4列均分 */
            grid-template-rows: repeat(2, 1fr);
            /* 2行均分 */
            gap: 24px;
            /* 卡片间距，匹配设计稿视觉 */
            max-width: 1200px;
            /* 设计稿容器宽度 */
            margin: 60px auto;
            /* 上下间距，左右居中 */
            padding: 0 20px;
            /* 左右内边距，适配小屏幕 */
        }

        .service-grids {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            /* 4列均分 */
            grid-template-rows: repeat(2, 1fr);
            /* 2行均分 */
            gap: 24px;
            /* 卡片间距，匹配设计稿视觉 */
            max-width: 1200px;
            /* 设计稿容器宽度 */
            margin: 60px auto;
            /* 上下间距，左右居中 */
            padding: 0 20px;
            /* 左右内边距，适配小屏幕 */
        }

        /* 卡片核心样式：白色背景、居中、内边距 */
        .service-card {
            background-color: #ffffff;
            padding: 36px 24px;
            /* 内边距匹配设计稿 */
            text-align: center;
            border-radius: 4px;
            /* 轻微圆角，更精致 */
            transition: all 0.3s ease;
            /* hover顺滑过渡 */
        }

        /* 图标容器：控制图标大小+居中 */
        .card-icon {
            margin-bottom: 20px;
            /* 图标与标题间距 */
            width: 44px;
            /* 图标固定宽度，统一大小 */
            height: 44px;
            /* 图标固定高度，统一大小 */
            margin-left: auto;
            margin-right: auto;
            /* 水平居中 */
        }

        /* 图标样式：铺满容器、保持比例 */
        .card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            /* 保证图标完整显示，不拉伸 */
            display: block;
            /* 消除图片底部空隙 */
        }

        /* 标题样式：匹配设计稿字体/颜色/大小 */
        .card-title {
            /* 深蓝色，匹配设计稿 */
            margin-bottom: 12px;
            /* 标题与描述间距 */

            font-family: MiSans Latin, MiSans Latin;
            font-weight: 600;
            font-size: 18px;
            color: #282731;
            font-style: normal;
            text-transform: none;
        }

        /* 描述文字样式：浅灰色、行高适配 */
        .card-desc {
            /* 浅灰色，匹配设计稿 */
            line-height: 1.6;
            /* 行高提升可读性 */
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 16px;
            color: #595860;
            font-style: normal;
            text-transform: none;
        }

        /* 可选：hover交互效果，提升体验 */
        .service-card:hover {
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
            /* 轻微阴影 */
            transform: translateY(-3px);
            /* 轻微上浮 */
        }

        /* 响应式适配：小屏幕自动调整列数 */
        /* 平板：2列 */
        @media (max-width: 992px) {
            .service-grid {
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(4, 1fr);
                gap: 10px;
                padding: 0 10px;
            }
        }

        /* 手机：1列 */
        @media (max-width: 576px) {
            /* .service-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .service-card {
                padding: 28px 20px;
            } */
        }


        /* 时间轴容器：白色背景 + Flex强制一行 + 相对定位（承载虚线） */
        .process-timeline {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: nowrap;
            /* 强制一行，不换行（核心！解决不在一行问题） */
            width: 100%;
            max-width: 1200px;
            margin: 40px auto;
            padding: 40px 20px 40px 0;
            /* 右侧补padding，避免箭头溢出 */
            /* 底部白色背景 */
            /* 去掉默认margin/padding，解决布局乱 */
            margin-top: 0;
            margin-bottom: 0;
        }

        /* 核心：显示虚线（修复不显示问题） */
        .process-timeline::before {
            content: '';
            position: absolute;
            top: 105px;
            /* 与圆点垂直对齐 */
            left: 30px;
            /* 左偏移，匹配圆点位置 */
            right: 30px;
            /* 右偏移，避免超出容器 */
            height: 1px;
            border-top: 2px dashed #cccccc;

            /* 灰色虚线，必加border-top！ */
            z-index: 1;
            /* 确保伪元素显示 */
            display: block;
        }

        /* 单个步骤项：均分宽度 + 居中 + 层级高于虚线 */
        .timeline-item {
            position: relative;
            flex: 1;
            /* 均分宽度 */
            text-align: center;
            z-index: 2;
            /* 去掉默认间距，解决布局乱 */
            margin: 0;
            padding: 0;
            list-style: none;
        }

        /* 步骤圆点：覆盖虚线，白色底+灰色边框 */
        .timeline-item::before {
            content: '';
            position: absolute;
            top: 58px;
            /* 与虚线对齐 */
            left: 50%;
            transform: translateX(-50%);
            width: 12px;
            height: 12px;
            background-color: #ffffff;
            /* 白色圆点，覆盖虚线 */
            border: 1px solid #cccccc;
            border-radius: 50%;
            z-index: 3;
            /* 确保圆点显示 */
            display: block;
        }

        /* 步骤箭头：除最后一项，右侧显示箭头 */
        .timeline-item:not(:last-child)::after {
            content: '→';
            /* 简约箭头，匹配设计稿 */
            position: absolute;
            top: 40px;
            /* 与虚线/圆点对齐 */
            right: -10px;
            /* 箭头位置，适配间距 */
            color: #FFFFFF;
            font-size: 30px;
            z-index: 3;
            /* 确保箭头显示 */
            display: block;
        }

        /* 序号样式：圆点上方、加粗、灰色 */
        .step-number {
            margin-bottom: 8px;
            margin-top: 0;
            font-family: MiSans Latin, sans-serif;
            font-family: MiSans Latin, MiSans Latin;
            font-weight: bold;
            font-size: 36px;
            color: #FFFFFF;
            font-style: normal;
            text-transform: none;
        }

        /* 标题样式：深蓝色、加粗 */
        .step-title {
            font-size: 14px;
            font-weight: 500;
            color: #FFFFFF;
            margin-bottom: 0px;
            /* 去掉默认间距 */
            margin-top: 25px;
            font-family: MiSans Latin, sans-serif;
        }

        /* 周期样式：浅灰色小字 */
        .step-cycle {
            font-size: 12px;
            color: #FFFFFF;
            line-height: 1.4;
            /* 去掉默认间距 */
            margin: 0;
            font-family: MiSans Latin, sans-serif;
        }

        /* 容器：控制整体宽度，居中显示，设置内边距 */
        .advantage-container {
            width: 90%;
            max-width: 1200px;
            /* 限制最大宽度，适配大屏 */
            margin: 40px auto;
            display: flex;
            /* 核心：Flex 布局实现横向排列 */
            justify-content: space-between;
            /* 卡片之间均匀分布 */
            gap: 16px;
            /* 卡片间距（替代 margin，更灵活） */
            flex-wrap: wrap;
            /* 核心：移动端自动换行 */
        }

        /* 卡片：等宽分配，最小宽度保证移动端体验 */
        .advantage-card {
            flex: 1;
            /* 等宽拉伸 */
            min-width: 280px;
            /* 屏幕变窄时，最小宽度后自动换行 */
            position: relative;
            /* 为文字定位做准备 */
            border-radius: 4px;
            /* 可选：轻微圆角，更精致 */
            overflow: hidden;
            /* 裁剪图片超出部分 */

            width: 285px;
            height: 430px;
            background: #FFFFFF;
            border-radius: 0px 0px 0px 0px;
        }

        /* 图片：统一比例，避免拉伸 */
        .advantage-img {
            width: 100%;
            height: 430px;
            /* 固定高度，统一视觉 */
            object-fit: cover;
            /* 核心：保持图片比例，裁剪多余部分（关键！） */
            display: block;
            /* 清除图片默认行内间隙 */
        }

        /* 文字说明：底部悬浮，半透明黑底，白色文字 */
        .advantage-text {
            position: absolute;
            /* 绝对定位，脱离文档流 */
            left: 0;
            bottom: 0;
            width: 100%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
            /* 半透明黑底，匹配截图效果 */
            color: #fff;
            /* 白色文字 */


            font-family: MiSans Latin, MiSans Latin;
            font-weight: 600;
            font-size: 18px;
            color: #FFFFFF;
            text-align: center;
            font-style: normal;
            text-transform: none;
            padding: 0 0 20px 0;
        }

        /* 图标下方短横线：深蓝色，居中 */
        .card-divider {
            width: 30px;
            height: 1px;
            background-color: #1A365D;
            /* 品牌深蓝色，匹配设计稿 */
            margin: 0 auto 16px;
            /* 上下间距，水平居中 */
        }

        .service_form {
            height: 733px;
            background: #FCFCFC;
            border-radius: 0px 0px 0px 0px;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url('/home/images/34.png');
            background-size: cover;
            padding: 50px 0 0 0;
        }

        /* 外层容器（白色区域） */
        .form-container {
            width: 710px;
            /* height: 613px; */
            /* margin: auto; */
            background: #FFFFFF;
            border-radius: 0px;
            padding: 30px 40px;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            margin-top: 40px;
        }

        /* 标题样式 */
        .form-title {
            font-size: 32px;
            font-weight: 600;
            color: #1D2129;
            margin: 0 0 30px 0;
        }

        /* 表单网格布局：两列 */
        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px 30px;
            margin-bottom: 24px;
        }

        /* 输入框/下拉框通用样式 */
        .form-field {
            display: flex;
            flex-direction: column;
        }

        .form-field input,
        .form-field select {
            border: none;
            border-bottom: 1px solid #E5E6EB;
            padding: 8px 0;
            font-size: 18px;
            color: #4E5969;
            background: transparent;
            outline: none;
            appearance: none;
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 16px;
            color: #88878E;
            font-style: normal;
            text-transform: none;
        }

        .form-field select {
            background-image: url("/home/images/35.png");
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: right 0 center;
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 16px;
            color: #88878E;
            font-style: normal;
        }

        .form-field input::placeholder,
        .form-field select::placeholder {
            color: #88878E;
        }

        /* 自定义详情文本域 */
        .form-textarea {
            margin-bottom: 24px;
        }

        .form-textarea label {
            display: block;
            font-size: 18px;
            color: #88878E;
            margin-bottom: 12px;
        }

        .form-textarea textarea {
            width: 100%;
            height: 120px;
            border: 1px solid #E5E6EB;
            border-radius: 2px;
            padding: 12px;
            font-size: 16px;
            color: #4E5969;
            resize: none;
            box-sizing: border-box;
            outline: none;
        }

        .form-textarea textarea::placeholder {
            color: #C9CDD4;
        }

        /* 上传图片区域 */
        .upload-area {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            cursor: pointer;
            width: 100px;
            height: 100px;
            background: #F8F8F8;
            border-radius: 0px 0px 0px 0px;
        }

        .upload-plus {
            width: 24px;
            height: 24px;
            position: relative;
            margin-bottom: 8px;
        }

        .upload-plus::before,
        .upload-plus::after {
            content: '';
            position: absolute;
            background-color: #C9CDD4;
        }

        .upload-plus::before {
            width: 2px;
            height: 24px;
            left: 11px;
            top: 0;
        }

        .upload-plus::after {
            width: 24px;
            height: 2px;
            left: 0;
            top: 11px;
        }

        .upload-text {
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 13px;
            color: #88878E;
            font-style: normal;
            text-transform: none;
        }

        /* 发送按钮 */
        .send-btn {
            display: block;
            color: #FFFFFF;
            border: none;
            cursor: pointer;
            margin: 0 auto;
            width: 146px;
            height: 38px;
            background: #142261;
            border-radius: 0px 0px 0px 0px;
            border: 2px solid #142261;
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 14px;
            color: #FFFFFF;
            text-align: center;
        }

        .send-btn:hover {
            background-color: #0A235A;
        }
        .msg {
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 14px;
            color: #9d9d9d;
        }

        textarea {
            width: 650px;
            height: 100px;
            background: #FFFFFF;
            border-radius: 0px 0px 0px 0px;
            border: 1px solid #E9E9E9 !important;
            padding: 14px !important;
            margin-top: 10px;
        }
            /* 整体容器 */
.faq-wrapper {
  max-width: 600px;
  padding: 20px 20px;
  height: 550px;
  font-family: 'MiSans Latin', sans-serif;
}

/* 标题区 */
.faq-main-title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}

.faq-subtitle {
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin-bottom: 32px;
}

/* 滚动容器 */
.faq-scroll-box {
  height: 450px;
  overflow: auto;
  /* 隐藏滚动条（可选） */
  scrollbar-width: none;
}
.faq-scroll-box::-webkit-scrollbar {
  display: none;
}

/* 每个FAQ项 */
.faq-item {
  border-bottom: 1px solid #434343;
  padding: 18px 0;
}

/* 问题行 */
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #fff; /* 修复：你少写了 # */
  text-align: left;
  cursor: pointer;
  user-select: none;
}

/* 加减号 */
.faq-icon {
  font-size: 30px;
  color: #fff;
  transition: all 0.2s ease;
}

/* 答案默认隐藏 */
.faq-answer {
  display: none;
  margin-top: 12px;
  font-weight: 400;
  color: #fff;
  text-align: left;
}

/* 展开状态 */
.faq-item.active .faq-answer {
  display: block;
}