.guarantee-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--spacing-lg);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 定义菜单容器样式 */
.service-guarantee #menu {
    position: fixed;
    top: 50%;
    left: -350px; /* 修改为左侧隐藏 */
    transform: translateY(-50%);
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: left 0.3s ease; /* 过渡动画 */
    z-index: 100;
}

/* 菜单展开状态 */
.service-guarantee #menu.open {
    left: 10px; /* 展开时左侧显示 */
}

/* 定义菜单项样式 */
.service-guarantee #menu li {
    padding: 10px;
}

/* 定义菜单项链接样式 */
.service-guarantee #menu li a {
    text-decoration: none;
    color: #333;
    display: block;
    transition: background-color 0.2s ease; /* 触碰反馈过渡 */
}

/* 菜单项触碰反馈 */
.service-guarantee #menu li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* 折叠按钮样式 */
.toggle-menu {
    position: fixed;
    top: 50%;
    left: 15px; /* 修改为左侧定位 */
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 10px;
    cursor: pointer;
    transition: left 0.3s ease; /* 过渡动画 */
    z-index: 101;
}

/* 折叠按钮展开状态 */
.toggle-menu.open {
    left: 360px; /* 展开时按钮位置调整 */
    
}


/* 服务介绍标题样式 */
#menu1 h2 {
    color: #333;
    font-size: 28px;
    margin-bottom: 10px;
    background: -webkit-linear-gradient(#333, #555);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/*#menu1 h2:hover {
    transform: scale(1.05);
}*/

/* 服务介绍子标题样式 */
#menu1 h3 {
    color: #555;
    font-size: 22px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    transition: all 0.3s ease;
}

#menu1 h3:hover {
    color: #333;
    border-bottom-color: #333;
}

/* 服务介绍段落样式 */
#menu1 p {
    color: #777;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
    transition: all 0.3s ease;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/*#menu1 p:hover {
    color: #555;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}*/

/* 服务介绍优势列表样式 */
#menu1 ul {
    list-style-type: none;
    padding-left: 0;
}

#menu1 ul li {
    color: #777;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px;
    padding: 10px 10px 10px 35px;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 5px;
}

#menu1 ul li:before {
    content: '✓';
    color: #00a859;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#menu1 ul li:hover {
    color: #333;
    transform: translateX(5px);
    background-color: rgba(0, 0, 0, 0.03);
}

/* 服务介绍列表项样式 */
#menu1 ol {
    counter-reset: my-counter;
    list-style-type: none;
    padding-left: 0;
}

#menu1 ol li {
    color: #777;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
    padding: 10px 10px 10px 40px;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 5px;
}

#menu1 ol li:before {
    counter-increment: my-counter;
    content: counter(my-counter) ". ";
    color: #007bff;
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

/*
#menu1 ol li:hover {
    color: #333;
    transform: translateX(5px);
    background-color: rgba(0, 0, 0, 0.03);
}*/

/* 将针对menu2的选择器扩展为通用选择器 */
#menu2 .content-section,
#menu3 .content-section,
#menu4 .content-section,
#menu5 .content-section,
#menu6 .content-section,
#menu7 .content-section,  /* 新增menu7 */
#menu8 .content-section,  /* 新增menu8 */
#menu9 .content-section { /* 新增menu9 */
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}


#menu2 .content-section:nth-child(even),
#menu3 .content-section:nth-child(even),
#menu4 .content-section:nth-child(even),
#menu5 .content-section:nth-child(even),
#menu6 .content-section:nth-child(even),
#menu7 .content-section:nth-child(even),  /* 新增menu7 */
#menu8 .content-section:nth-child(even),  /* 新增menu8 */
#menu9 .content-section:nth-child(even) { /* 新增menu9 */
    flex-direction: row-reverse;
}

/* 通用文本内容样式 */
#menu2 .text-content,
#menu3 .text-content,
#menu4 .text-content,
#menu5 .text-content,
#menu6 .text-content,
#menu7 .text-content,  /* 新增menu7 */
#menu8 .text-content,  /* 新增menu8 */
#menu9 .text-content { /* 新增menu9 */
    flex: 1;
    padding: 0 20px;
}

/* 通用图片内容样式 */
#menu2 .image-content,
#menu3 .image-content,
#menu4 .image-content,
#menu5 .image-content,
#menu6 .image-content,
#menu7 .image-content,  /* 新增menu7 */
#menu8 .image-content,  /* 新增menu8 */
#menu9 .image-content { /* 新增menu9 */
    flex: 1;
    text-align: center;
}

/* 图片通用样式 */
#menu2 .image-content img,
#menu3 .image-content img,
#menu4 .image-content img,
#menu5 .image-content img,
#menu6 .image-content img,
#menu7 .image-content img,  /* 新增menu7 */
#menu8 .image-content img,  /* 新增menu8 */
#menu9 .image-content img { /* 新增menu9 */
    max-width: 100%;
    height: auto;
}

/* 主标题通用样式 */
#menu2 .main-title,
#menu3 .main-title,
#menu4 .main-title,
#menu5 .main-title,
#menu6 .main-title,
#menu7 .main-title,  /* 新增menu7 */
#menu8 .main-title,  /* 新增menu8 */
#menu9 .main-title { /* 新增menu9 */
    font-size: 32px;
    color: #333;
    margin-bottom: 20px;
}

/* 子标题通用样式 */
#menu2 .sub-title,
#menu3 .sub-title,
#menu4 .sub-title,
#menu5 .sub-title,
#menu6 .sub-title,
#menu7 .sub-title,  /* 新增menu7 */
#menu8 .sub-title,  /* 新增menu8 */
#menu9 .sub-title { /* 新增menu9 */
    font-size: 24px;
    color: #555;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 段落通用样式 */
#menu2 .text-content p,
#menu3 .text-content p,
#menu4 .text-content p,
#menu5 .text-content p,
#menu6 .text-content p,
#menu7 .text-content p,  /* 新增menu7 */
#menu8 .text-content p,  /* 新增menu8 */
#menu9 .text-content p { /* 新增menu9 */
    font-size: 16px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 0;
}

/* 列表通用样式 */
#menu2 .content-list,
#menu3 .content-list,
#menu4 .content-list,
#menu5 .content-list,
#menu6 .content-list,
#menu7 .content-list,  /* 新增menu7 */
#menu8 .content-list,  /* 新增menu8 */
#menu9 .content-list { /* 新增menu9 */
    list-style-type: none;
    padding: 0;
}

#menu2 .content-list li,
#menu3 .content-list li,
#menu4 .content-list li,
#menu5 .content-list li,
#menu6 .content-list li,
#menu7 .content-list li,  /* 新增menu7 */
#menu8 .content-list li,  /* 新增menu8 */
#menu9 .content-list li { /* 新增menu9 */
    margin-bottom: 30px;
}
#menu2 .btn-cta, #menu3 .btn-cta, #menu4 .btn-cta, #menu5 .btn-cta, #menu6 .btn-cta,#menu7 .btn-cta,#menu8 .btn-cta,#menu9 .btn-cta {
    background-color: #007BFF; /* 背景颜色 */
    color: white; /* 文字颜色 */
    border: none; /* 去掉边框 */
    padding: 10px 20px; /* 内边距 */
    font-size: 16px; /* 字体大小 */
    cursor: pointer; /* 鼠标悬停时变成手型 */
    transition: background-color 0.3s ease; /* 过渡效果 */
    border-radius: 5px; /* 圆角 */
}

#menu2 .btn-cta:hover, #menu3 .btn-cta:hover, #menu4 .btn-cta:hover, #menu5 .btn-cta:hover, #menu6 .btn-cta:hover,#menu7 .btn-cta:hover,#menu8 .btn-cta:hover,#menu9 .btn-cta:hover {
    background-color: #0056b3; /* 鼠标悬停时的背景颜色 */
}
.content-section {
    transition: transform 0.3s ease;
}

.btn-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,123,255,0.4);
}