/* ========== Reset & Base ========== */
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
 --max-width: 1200px;
}

html {
	scroll-behavior: smooth;
	font-size: 16px;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
	background-color: var(--bg-dark);
	color: var(--text-primary);
	line-height: 1.6;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: inherit;
	transition: var(--transition);
}
ul, ol {
	list-style: none;
}
img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.container {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 24px;
}
/* ========== Typography ========== */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.2;
}
h1 {
	font-size: 3.5rem;
}
h2 {
	font-size: 2.5rem;
}
h3 {
	font-size: 1.5rem;
}
h4 {
	font-size: 1.25rem;
}
h5 {
	font-size: 1.1rem;
}
h6 {
	font-size: 1rem;
}
.section-header {
	text-align: center;
	margin-bottom: 60px;
}
.section-header .label {
	display: inline-block;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	background: var(--gradient-1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 16px;
}
.section-header h2 {
	margin-bottom: 16px;
}
.section-header p {
	color: var(--text-secondary);
	max-width: 600px;
	margin: 0 auto;
	font-size: 1.1rem;
}
.gradient-text {
	background: var(--gradient-1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.label {
	display: inline-block;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--accent);
}
/* ========== Buttons ========== */
.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 50px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	border: none;
	transition: var(--transition);
	text-align: center;
	justify-content: center;
}
.btn-primary {
	background: var(--gradient-1);
	color: #fff;
	box-shadow: 0 4px 20px rgba(108, 92, 231, 0.4);
}
.btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 30px rgba(108, 92, 231, 0.6);
}
.btn-outline {
	background: transparent;
	color: var(--text-primary);
	border: 1px solid var(--border-color);
}
.btn-outline:hover {
	border-color: var(--primary);
	background: rgba(108, 92, 231, 0.1);
}
.btn-sm {
	padding: 10px 24px;
	font-size: 0.9rem;
}
/* ========== Header / Navigation ========== */


/* 头部 */
.header-area {
    width: 100%; 
    background-color: #1a3e91; 
    height: 60px; 
    display: flex; 
    align-items: center;
	position: fixed;
	z-index: 999;
}

/* 内容容器 */
.container01 {
    max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 20px; display: flex; justify-content: flex-start; align-items: center;
}

/* Logo 区域 */
.logo-box {
    display: flex; align-items: center; text-decoration: none; color: white; gap: 0; 
    flex-shrink: 0;
}

/* 模拟图标 */
.logo-icon {
    display: block; width: 42px; height: 42px;  position: relative; alt="{eyou:global name='web_name' /}" ;
    margin-right: 10px;
}
.logo-icon::after {
    content: ''; position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); width: 10px; height: 2px; border-radius: 2px;
}

/* 品牌名称 */
.logo-text { 
    font-size: 22px; 
    font-weight: bold; 
    letter-spacing: 1px; 
    line-height: 1;
}

/* 竖杠分割线 */
.divider {
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    margin: 0 4px;
    font-weight: 300;
    line-height: 1;
    margin-top: 2px;
}

/* 副标题 */
.subtitle {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.95);
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 1;
}

/* 菜单区域 */
.nav-links {
    margin-left: auto; 
    margin-right: 30px; 
    display: flex;
    list-style: none;
    gap: 12px;
}

.nav-links a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 4px;
    transition: all 0.2s ease;
    line-height: 1;
}

.nav-links a:hover { 
    background-color: #2d55e8; 
    color: white; 
    font-weight: 500; 
}

.nav-links a.active { background-color: #2d55e8; color: white; font-weight: 500; }

/* 右侧区域 */
.right-section {
    display: flex; align-items: center; gap: 25px; flex-shrink: 0;
}

/* 电话号码区域 */
.contact-phone { 
    display: flex; 
    align-items: center; 
    color: white; 
    font-size: 17px; 
    gap: 6px; 
    line-height: 1;
    cursor: pointer;
    transition: color 0.2s ease;
}

.contact-phone:hover {
    color: #fbbf24;
}

.phone-icon {width: 25px; height: 25px; }

/* 免费申请按钮 */
.apply-btn {
    background-color: #ff7a00;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 400;
}

.apply-btn:hover {
    background-color: #e06b10;
}

/* 弹窗样式 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明灰色 */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none; /* 默认隐藏 */
}

/* 正方形弹窗 */
.modal-box {
    width: 280px;
    height: 280px;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* 关闭按钮 × */
.modal-close {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 24px;
    color: #666;
    cursor: pointer;
}

.modal-close:hover {
    color: #000;
}

/* 二维码图片 */
.qrcode-img {
    width: 180px;
    height: 180px;
    object-fit: contain;
}

.qrcode-tip {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
}





/* Body scroll lock when menu open */
body.menu-open {
	overflow: hidden;
}
/* ========== Page Banner (Inner Pages) ========== */
.page-banner {
	position: relative;
	padding: 160px 0 80px;
	text-align: center;
	overflow: hidden;
	background: var(--bg-darker);
}
.page-banner::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle at 30% 50%, rgba(108, 92, 231, 0.12) 0%, transparent 50%), radial-gradient(circle at 70% 50%, rgba(0, 210, 255, 0.08) 0%, transparent 50%);
	animation: rotateBg 20s linear infinite;
}
.page-banner .container {
	position: relative;
	z-index: 2;
}
.page-banner h1 {
	font-size: 3rem;
	margin-bottom: 16px;
}
.page-banner p {
	color: var(--text-secondary);
	font-size: 1.15rem;
	max-width: 600px;
	margin: 0 auto;
}
.page-banner .breadcrumb {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
	color: var(--text-muted);
	font-size: 0.9rem;
}
.page-banner .breadcrumb a:hover {
	color: var(--accent);
}
.page-banner .breadcrumb .separator {
	color: var(--text-muted);
}
/* 三图轮播Banner专用样式 —— 防冲突：全部带02后缀 */
.banner02 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑", sans-serif;
}

.banner02 {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}

.banner-wrap02 {
    width: 100%;
    height: 100%;
    position: relative;
}

/* 轮播项 */
.banner-item02 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
}
.banner-item02.active02 {
    opacity: 1;
    z-index: 2;
}

/* 图片等比例缩放，随浏览器大小变化 */
.banner-img02 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

/* 第一张蒙版 */
.banner-mask02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 62, 145, 0.8);
    z-index: 1;
}

/* 内容层 */
.banner-content02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0 20px;
    z-index: 3;
}
.banner-title02 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}
.banner-subtitle02 {
    font-size: 18px;
    margin-bottom: 30px;
    color: #f0f0f0;
	letter-spacing: 2px;
}
.banner-tags02 {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.banner-tag02 {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 14px;
}

/* ==========================
   按钮组：居中、分组、加宽
========================== */
.banner-btns02 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: relative;
}
.btn-group-wrap {
    position: relative;
    display: inline-block;
}

/* 免费申请按钮 → 加宽 */
.btn-apply02 {
    background: #ff7400;
    color: #fff;
    border: none;
    padding: 14px 50px; /* 加宽 */
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
}

/* 鼠标hover → 显示微信二维码 */
.wechat-qrcode02 {
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 160px;
    background: #fff;
    padding: 8px;
    border-radius: 6px;
    display: none;
    z-index: 999;
}
.wechat-qrcode02 img {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #ccc; /* 1px边框 */
}
.btn-group-wrap:hover .wechat-qrcode02 {
    display: block;
}

/* 查看产品按钮 */
.btn-product02 {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 14px 30px;
    border-radius: 4px;
    cursor: pointer;
	
    
}
.btn-product02 a{  
   font-size: 16px;
   transition: all 0.3s ease; 
}
/* 鼠标hover变化 */
.btn-product02:hover {
    background: #fff;
    color: #4c2b96;
    border-color: #fff;
}

/* ==========================
   全新箭头样式 + 永久垂直居中
========================== */
.banner-arrow02 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* 绝对垂直居中 */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    border: 2px solid rgba(255,255,255,0.3);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    transition: 0.3s;
}
.banner-arrow02:hover {
    background: rgba(255,255,255,0.4);
}
.arrow-left02 { left: 30px; }
.arrow-right02 { right: 30px; }

/* 指示器 */
.banner-indicators02 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 99;
}
.indicator02 {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
}
.indicator02.active02 {
    background: #fff;
}


/* 首页栏目标题样式 + 03后缀 */
.choose-us-section03 {
    width: 100%;
    padding: 60px 0;
    background-color: #fff;
}

/* 核心容器：1200px宽度 + 居中 + 03后缀 */
.choose-us-container03 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* 栏目标题 + 03后缀 */
.choose-us-title03 {
    font-size: 36px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 16px;
}

/* 栏目副标题 + 03后缀 */
.choose-us-desc03 {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

/* 板块外层容器 */
.service-section04 {
    width: 100%;
    padding: 50px 0;
    display: flex;
    justify-content: center;
	 background-color: #fff;
}

/* 核心容器，控制宽度1200px */
.service-container04 {
    width: 1200px;
}

/* 标题区域样式 */
.service-title-box04 {
    text-align: center;
    margin-bottom: 40px;
}
.service-main-title04 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
}
.service-sub-title04 {
    font-size: 16px;
    color: #666;
}

/* 服务卡片列表 - 网格布局 */
.service-card-list04 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列等宽 */
    gap: 20px; /* 卡片间距 */
    margin-bottom: 40px;
}

/* 单个卡片样式 + 更小圆角 + 阴影 */
.service-card-item04 {
    border: none;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 6px; /* 卡片圆角调小 */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* 卡片阴影效果 */
}

/* 卡片图片容器 */
.card-img-box04 {
    width: 100%;
    overflow: hidden;
}
.card-img-box04 img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease; /* 图片放大过渡 */
}

/* 卡片文字区域 */
.card-text-box04 {
    padding: 15px;
    background-color: #f5f5f5;
    transition: background-color 0.3s ease; /* 背景色过渡 */
}
.card-title04 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}
.card-desc04 {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* 卡片hover效果：图片放大 + 文字区背景改为 #1a3e91 */
.service-card-item04:hover .card-img-box04 img {
    transform: scale(1.05); /* 图片放大5% */
}
.service-card-item04:hover .card-text-box04 {
    background-color: #1a3e91; /* 蓝色改为指定色值 */
}
.service-card-item04:hover .card-title04,
.service-card-item04:hover .card-desc04 {
    color: #fff; /* 文字变白，提升可读性 */
}

/* 按钮组样式：两个按钮无缝连接 */
.service-btn-group04 {
    display: flex;
    justify-content: center;
    gap: 0; /* 中间完全无空隙 */
}

/* 查看更多按钮：左侧圆角 + 新背景色 + 拉长 */
.service-more-btn04 {
    padding: 14px 60px; /* 左右内边距加大，整体拉长 */
    background-color: #fa7a19; /* 改为你指定的橙色 */
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 30px 0 0 30px; /* 左侧大圆角，右侧直角 */
}
.service-more-btn04:hover {
    background-color: #e06b10; /* 鼠标悬停橙色 */
}

/* 在线咨询按钮：右侧圆角 + 拉长 */
.service-consult-btn04 {
    padding: 14px 60px; /* 左右内边距加大，和左边按钮等长 */
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 0 30px 30px 0; /* 右侧大圆角，左侧直角 */
    border-left: none; /* 消除中间重叠边框 */
}
.service-consult-btn04:hover {
    background-color: #f8f8f8;
    border-color: #999;
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .service-container04 {
        width: 90%;
    }
    .service-card-list04 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .service-card-list04 {
        grid-template-columns: 1fr;
    }
}



/* 合肥POS机办理表单板块样式 - 独立无冲突版 */

.pos-form-section05 {
    position: relative;
    width: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    overflow: hidden;
}

.pos-form-bg05 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://picsum.photos/id/180/1920/1080');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.pos-form-overlay05 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 92, 173, 0.8);
    z-index: 2;
}

/* 主卡片：6:4 左右分栏 */
.pos-form-container05 {
    position: relative;
    z-index: 3;
    width: 1200px;
    max-width: 100%;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    display: flex;
    overflow: hidden;
}

/* 左栏 60% */
.pos-form-left05 {
    width: 60%;
    padding: 50px 60px;
}

/* 右栏 40% */
.pos-form-right05 {
    width: 40%;
    position: relative;
    padding: 50px 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

/* 右栏背景图 */
.right-bg05 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://picsum.photos/id/1048/1200/800');
    background-size: cover;
    background-position: center;
    z-index: 1;
}

/* 右栏遮罩 #fa7a19 80%透明度 */
.right-overlay05 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250, 122, 25, 0.8);
    z-index: 2;
}

/* 右栏内容 */
.right-content05 {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* 左右标题统一样式 */
.form-title05,
.contact-title05 {
    margin-bottom: 40px;
}

.form-title05 h2 {
    font-size: 32px;
    color: #222;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact-title05 h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.form-title05 h2 .free-text05 {
    color: #fa7a19;
}

/* 左栏副标题颜色 #666 */
.form-title05 p {
    font-size: 16px;
    color: #666;
}

.contact-title05 p {
    font-size: 16px;
}

/* 联系项样式 */
.contact-item05 {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    font-size: 18px;
}
.contact-icon05 {
    width: 24px;
    margin-right: 15px;
    font-size: 20px;
}

/* 二维码底部居中 */
.qrcode-box05 {
    margin-top: auto;
    text-align: center;
}
.qrcode-tip05 {
    font-size: 16px;
    margin-bottom: 15px;
}
.qrcode05 {
    width: 160px;
    height: 160px;
    border-radius: 6px;
	margin-left: 122px;
}

/* 表单布局 */
.pos-form05 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 30px;
}

.form-group05 {
    display: flex;
    flex-direction: column;
}

.form-group05 label {
    font-size: 15px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 500;
}
.form-group05 label .star05 {
    color: #f00;
    margin-right: 4px;
}

.form-group05 input,
.form-group05 select,
.form-group05 textarea {
    height: 48px;
    padding: 0 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 15px;
    color: #333;
    outline: none;
    transition: border-color 0.3s ease;
}

.form-group05 input:focus,
.form-group05 select:focus,
.form-group05 textarea:focus {
    border-color: #145cad;
}

.form-group05 textarea {
    height: 100px;
    padding: 15px;
    resize: none;
}

/* 详细地址 + 验证码 同一行布局 */
.code-row05 {
    display: flex;
    gap: 30px;
    grid-column: 1/-1;
}
.code-row05 .form-group05 {
    flex: 1;
}

/* 验证码图片 */
.code-img05 {
    height: 48px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
}

.submit-btn05 {
    grid-column: 1 / -1;
    height: 55px;
    background-color: #fa7a19;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.submit-btn05:hover {
    background-color: #e66e16;
}

/* 提交弹窗 */
.result-tip05 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
    text-align: center;
    z-index: 999;
    display: none;
    color: #222;
}
.result-tip05 .close05 {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 22px;
    cursor: pointer;
    color: #666;
}
.result-tip05.success05 { color: #28a745; }
.result-tip05.fail05 { color: #dc3545; }

@media (max-width: 1250px) {
    .pos-form-container05 {
        flex-direction: column;
    }
    .pos-form-left05,
    .pos-form-right05 {
        width: 100%;
    }
}





/* 核心板块容器 */
.choose-us06 {
    width: 100%;
    padding: 60px 0;
    background-color: #fff;
}

/* 内容容器（固定1200px宽度，居中） */
.choose-us__container06 {
    width: 1200px;
    margin: 0 auto;
}

/* 标题区域样式 */
.choose-us__title06 {
    text-align: center;
    margin-bottom: 40px;
}

.choose-us__title06 h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 12px;
    font-weight: 700;
}

.choose-us__title06 p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

/* 卡片容器（弹性布局，均分宽度） */
.choose-us__cards06 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* 单个卡片样式 */
.choose-us__card06 {
    flex: 1;
    text-align: center;
    padding: 30px 20px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

/* 卡片悬浮效果（可选，提升交互） */
.choose-us__card06:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 卡片图标容器 */
.card__icon06 {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f8f8f8;
}

.card__icon06 img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

/* 卡片标题 */
.card__title06 {
    font-size: 18px;
    color: #333;
    margin-bottom: 12px;
    font-weight: 600;
}

/* 卡片描述 */
.card__desc06 {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}



/* 重置默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}


/* 合作品牌外层容器 */
.coop-brand-wrap07 {
    width: 100%;
    padding: 40px 0;
    text-align: center;
	background: #fff;
}

/* 标题样式 */
.coop-brand-title07 h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 12px;
}
.coop-brand-title07 p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

/* 滚动容器：固定宽度1200px */
.brand-scroll-container07 {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* 滚动包装器 - 优化动画性能 */
.brand-scroll-wrapper07 {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 100%;
    /* 优化动画流畅度 */
    will-change: transform;
}

/* 品牌列表 */
.brand-list07 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 50%;
    height: 100%;
}

/* 品牌项：添加灰色边框+内边距 */
.brand-item07 {
    flex: 0 0 auto;
    width: 180px;
    height: 80px;
    margin: 0 10px;
    border: 1px solid #cccccc; /* 灰色边框 */
    padding: 8px; /* 内边距，让logo和边框之间留白更好看 */
    border-radius: 4px; /* 可选：轻微圆角，更美观 */
}
.brand-item07 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.news_wrap_08 {width:100%; padding:60px 0;background: #fff;}
.news_wrap_08 *{margin:0;padding:0;border:none;outline:none;list-style:none;text-decoration:none;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif;}
.news_wrap_08 .news_container_08 {width:1200px;margin:0 auto;}

/* 标题 渐入动画 */
.news_wrap_08 .news_hd_08 {text-align:center;margin-bottom:25px;opacity:0;animation:fadeIn08 0.8s ease forwards;}
@keyframes fadeIn08{to{opacity:1;}}
.news_wrap_08 .news_title_08 {
    font-size:32px;
    color:#333;
    margin-bottom:12px;
    font-weight:700;
    transition:color 0.3s;
}
.news_wrap_08 .news_title_08:hover{color:#0066cc;}
.news_wrap_08 .news_desc_08 {font-size:16px;color:#999;transition:color 0.3s;margin-bottom:50px;}
.news_wrap_08 .news_desc_08:hover{color:#666;}

/* 布局 */
.news_wrap_08 .news_bd_08 {display:flex;justify-content:space-between;position:relative; align-items: flex-start;}
.news_wrap_08 .news_item_08 {
    width:370px;
    position:relative;
    transition:transform 0.3s ease,box-shadow 0.3s ease;
    padding:8px;
    border-radius:6px;
}
/* 板块hover上浮+阴影 */
.news_wrap_08 .news_item_08:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}

/* ========== 竖分割线 最终修复：绝对垂直居中 + 长度到板块底部 ========== */
.news_wrap_08 .line_08::before {
    content:"";
    position:absolute;
    left:-18px;
    top: 0;
    bottom: 0;
    width:1px;
    height: 100%;
    background:#e5e5e5;
    margin: auto;
}

/* 板块标题加粗 */
.news_wrap_08 .item_hd_08 {display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.news_wrap_08 .item_name_08 {font-size:20px;color:#333;font-weight:700;transition:color 0.3s;}
.news_wrap_08 .item_name_08:hover{color:#0066cc;}
/* 更多按钮hover动效 */
.news_wrap_08 .item_more_08 {
    font-size:14px;
    color:#999;
    transition:all 0.3s;
    padding:2px 6px;
    border-radius:4px;
}
.news_wrap_08 .item_more_08:hover{color:#fff;background:#0066cc;}

/* ========== 首条大横图样式+增强交互 ========== */
.news_wrap_08 .news_big_pic_08 {
    position:relative;
    margin-bottom:15px;
    overflow:hidden;
    border-radius:6px;
}
.news_wrap_08 .big_pic_box_08 {
    width:100%;
    height:200px;
    overflow:hidden;
}
.news_wrap_08 .big_pic_box_08 img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.4s ease,filter 0.4s ease;
}
/* 图片hover：放大+轻微变暗，质感更强 */
.news_wrap_08 .big_pic_box_08 img:hover {transform:scale(1.06);filter:brightness(0.92);}

.news_wrap_08 .big_pic_tit_08 {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:10px;
    background:rgba(0,0,0,.6);
    color:#fff;
    font-size:14px;
    transition:background 0.3s;
}
.news_wrap_08 .news_big_pic_08:hover .big_pic_tit_08{background:rgba(0,0,0,.75);}
.news_wrap_08 .big_pic_tag_08 {
    position:absolute;
    left:10px;
    bottom:40px;
    color:#fff;
    font-size:12px;
    background:rgba(0,0,0,.4);
    padding:2px 5px;
    border-radius:3px;
}

/* ========== 普通新闻列表 + 右侧缩略图 + hover交互 ========== */
.news_wrap_08 .news_list_08 {}
.news_wrap_08 .list_item_08 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px dashed #eee;
    transition:padding-left 0.3s ease,background 0.3s ease;
    border-radius:4px;
}
/* 新闻条目hover：缩进+背景色 */
.news_wrap_08 .list_item_08:hover{padding-left:8px;background:#f8f9fa;}

.news_wrap_08 .item_con_08 {flex:1;padding-right:10px;}
.news_wrap_08 .item_link_08 {
    font-size:14px;
    color:#333;
    display:block;
    margin-bottom:4px;
    line-height:1.4;
    transition:color 0.3s;
}
.news_wrap_08 .item_link_08:hover{color:#0066cc;}
.news_wrap_08 .item_time_08 {font-size:12px;color:#999;}
.news_wrap_08 .item_pic_08 {
    width:70px;
    height:70px;
    flex-shrink:0;
    overflow:hidden;
    border-radius:4px;
}
.news_wrap_08 .item_pic_08 img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.4s ease,filter 0.4s ease;
}
.news_wrap_08 .item_pic_08 img:hover {transform:scale(1.06);filter:brightness(0.92);}

/* ========== 常见问题滚动容器 ========== */
.news_wrap_08 .scroll_wrap_08 {
    width:100%;
    height:490px;
    overflow:hidden;
    position:relative;
}
.news_wrap_08 .scroll_list_08 {
    position:absolute;
    left:0;
    width:100%;
}
.news_wrap_08 .scroll_item_08 {
    padding:14px 0;
    border-bottom:1px solid #e5e5e5;
    transition:background 0.3s ease,padding-left 0.3s ease;
    border-radius:4px;
}
/* 滚动条目hover高亮 */
.news_wrap_08 .scroll_item_08:hover{background:#f8f9fa;padding-left:6px;}

.news_wrap_08 .scroll_tit_08 {
    font-size:14px;
    color:#333;
    margin-bottom:6px;
    font-weight:700;
    line-height:1.4;
    transition:color 0.3s;
}
.news_wrap_08 .scroll_item_08:hover .scroll_tit_08{color:#0066cc;}
.news_wrap_08 .scroll_txt_08 {font-size:12px;color:#666;line-height:1.5;margin-bottom:4px;}
.news_wrap_08 .scroll_num_08 {font-size:12px;color:#999;}



//* 全局重置（避免默认样式干扰） */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
}

/* 服务政策 通栏外层（通栏背景 #fff） */
.service-policy-wrap09 {
    width: 100%;
    background-color: #fff; /* 通栏背景色 */
    padding: 40px 0;
}

/* 服务政策 内容容器（固定宽度1200px） */
.service-policy09 {
    width: 1200px;
    margin: 0 auto;
}

/* 标题区域 */
.policy-title09 {
    text-align: center;
    margin-bottom: 40px;
}

.title-main09 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
}

.title-sub09 {
    font-size: 16px;
    color: #666;
}

/* 卡片容器（弹性布局） */
.policy-cards09 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* 单个政策卡片 */
.policy-card09 {
    flex: 1;
    padding: 30px 20px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s ease; /* 过渡动画，配合鼠标悬浮效果 */
    cursor: pointer;
}

/* 卡片背景色区分 */
.policy-card09:nth-child(1) {
    background-color: #edf5ff;
}
.policy-card09:nth-child(2) {
    background-color: #e8f8e8;
}
.policy-card09:nth-child(3) {
    background-color: #f9e8f8;
}
.policy-card09:nth-child(4) {
    background-color: #fff3e8;
}

/* 卡片图标 */
.card-icon09 {
    margin-bottom: 15px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-icon09 img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

/* 卡片标题 */
.card-title09 {
    font-size: 20px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 600;
}

/* 卡片描述 */
.card-desc09 {
    font-size: 14px;
    color: #666;
}

/* 鼠标悬浮动作：轻微上浮+阴影 */
.policy-card09:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}


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

/* 通栏banner，高度固定200px，背景使用工业图 */
.banner-container10 {
    width: 100%;
    height: 200px; /* 按要求设置高度250px */
    background: url(../images/ixbannerbg1.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    color: #fff;
    font-family: "Microsoft Yahei", sans-serif;
    display: flex;
    align-items: center;
}
/* 半透明遮罩增强文字可读性 */
.banner-container10::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    z-index: 1;
}

/* 内容最大宽度1200px，居中 */
.banner-content10 {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

/* 左侧文字：上排30px，下排20px */
.banner-text10 h2 {
    font-size: 30px; /* 上排字号30px */
    margin-bottom: 12px;
    font-weight: 700;
}
.banner-text10 p {
    font-size: 20px; /* 下排字号20px */
    opacity: 0.95;
}

/* 右侧咨询区：整体居中 */
.banner-contact10 {
    text-align: center;
}

/* 咨询热线区域：上下垂直排列 */
.contact-tel10 {
    margin-bottom: 25px;
}
/* 上方：咨询热线+图标 */
.tel-top10 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
/* 电话图标 */
.tel-icon10 {
    width: 20px;
    height: auto;
    margin-right: 6px;
}
.tel-label10 {
    font-size: 18px;
}
/* 下方：电话号码 */
.tel-number10 {
    font-size: 30px;
    font-weight: bold;
}

/* 按钮容器 */
.consult-btn-wrap10 {
    position: relative;
    display: inline-block;
}

/* 按钮：保持加宽1/3、加高，颜色#fa7a19 */
.consult-btn10 {
    background-color: #fa7a19;
    color: #fff;
    border: none;
    padding: 14px 45px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 6px;
    width: 240px; /* 原180px加宽1/3 */
    height: 55px; /* 适配250px高度的按钮高度 */
}

/* 二维码容器 */
.qrcode-box10 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    display: none;
    padding: 6px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
}
.qrcode-img10 {
    width: 240px;
    height: auto;
    display: block;
}

/* hover显示二维码 */
.consult-btn-wrap10:hover .qrcode-box10 {
    display: block;
}


/* 全局重置（避免冲突） */
.service-process11 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
}

/* 通栏容器：全屏宽度 + 背景色 #fff */
.service-process11 {
    width: 100%;
    background-color: #fff;
    padding: 50px 0;
    /* 整体入场动画 */
    animation: fadeInUp11 1s ease-out;
}

/* 内容宽度固定 1200px + 居中 */
.process-container11 {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* 标题样式 */
.process-title11 h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
}

.process-title11 p {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
}

/* 流程列表布局 */
.process-list11 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

/* 单个流程项 */
.process-item11 {
    flex: 1;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

/* 图标圆圈（CSS绘制） */
.icon-circle11 {
    width: 100px;
    height: 100px;
    border: 2px solid #666;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    /* 过渡动画 */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* 图标样式 */
.process-icon11 {
    width: 85px;
    height: 85px;
    object-fit: contain;
    /* 图标默认透明度 */
    opacity: 0.8;
    transition: all 0.3s ease;
}

/* 文字样式 */
.item-text11 {
    font-size: 14px;
    color: #333;
    transition: color 0.3s ease;
}

/* 鼠标悬浮效果 */
.process-item11:hover .icon-circle11 {
    border-color: #2f54eb;
    transform: scale(1.05) rotate(5deg);
    background-color: rgba(47, 84, 235, 0.05);
}

.process-item11:hover .process-icon11 {
    opacity: 1;
    transform: scale(1.1);
}

.process-item11:hover .item-text11 {
    color: #2f54eb;
    font-weight: 600;
}

/* 整体入场动画 */
@keyframes fadeInUp11 {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .process-container11 {
        width: 95%;
    }
}
@media (max-width: 768px) {
    .process-list11 {
        flex-direction: column;
        align-items: center;
    }
    .process-item11 {
        margin-bottom: 20px;
    }
}



/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑", sans-serif;
}

/* 底部通栏 */
.footer12 {
    width: 100%;
    background-color: #333;
    color: #fff;
    font-size: 14px;
}

/* 顶部蓝色粗线条 5px */
.footer-top-line12 {
    width: 100%;
    height: 5px;
    background-color: #0066cc;
}

/* 内容固定宽度1200px 居中 */
.footer-content12 {
    width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

/* 友情链接区域 + 下方1200px横线 */
.footer-friend-link12 {
    padding: 16px 0;
    text-align: left;
}
.footer-friend-link12::after {
    content: "";
    display: block;
    width: 1200px;
    height: 1px;
    background-color: #555;
    margin: 16px auto 0;
}
.link-title12 {
    color: #ccc;
    margin-right: 10px;
}
.link-item12 {
    color: #ccc;
    text-decoration: none;
    margin: 0 8px;
}
.link-item12:hover {
    color: #fff;
}

/* 竖分割线：整体加高，与内容齐平 */
.footer-vertical-line12 {
    width: 1px;
    height: 190px;
    background-color: #555;
    margin: 0 15px;
    align-self: center;
}

/* 核心内容布局：整体加高，上下内边距加大 */
.footer-main12 {
    padding: 50px 0;
}
.footer-main12 .footer-content12 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* ====================== 1. 四区宽度：380 + 300 + 320 + 200 ====================== */
/* 1区 LOGO区 加高 */
.footer-logo-area12 {
    width: 380px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* LOGO组：图片+文字共用中心线，整体居中 */
.logo-group12 {
    display: flex;
    flex-direction: column;
    align-items: center; /* 强制图片和文字共用中心线 */
    justify-content: center;
}
.logo-img12 {
    width: 200px;
    height: auto;
    margin-bottom: 12px;
}
.logo-desc12 {
    font-family: "Microsoft YaHei Light", "微软雅黑 Light", sans-serif;
    font-size: 17px;
    color: #eee;
    font-weight: 300;
    letter-spacing: 5px;
    width: 300px;
    text-align: center;
    white-space: nowrap;
}

/* 2区 新闻+合作 加高 + 间距加大 */
.footer-nav-area12 {
    width: 300px;
    height: 190px;
    display: flex;
    gap: 45px; /* 新闻中心与合作案例间距加大 */
    align-items: flex-start;
    justify-content: center;
    padding-top: 0;
}
/* 3区 咨询热线 加高 */
.footer-contact-area12 {
    width: 320px;
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
}
/* 4区 二维码 加高 */
.footer-qrcode-area12 {
    width: 200px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ====================== 标题高度与热线完全一致 ====================== */
.nav-title12 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 16px 0;
    color: #fff;
}
.nav-list12 {
    list-style: none;
}
.nav-item12 {
    margin: 6px 0;
    color: #ccc;
}
.nav-item12 a {
    color: #ccc;
    text-decoration: none;
}
.nav-item12 a:hover {
    color: #fff;
}

/* 热线标题基准样式 */
.contact-title12 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 12px 0;
    color: #fff;
}
.contact-title12 i {
    margin-right: 6px;
    color: #0099ff;
}
.contact-tel12 {
    font-size: 28px;
    color: #0099ff;
    margin-bottom: 18px;
    font-weight: bold;
}
.contact-list12 {
    list-style: none;
}
.contact-item12 {
    margin: 7px 0;
    color: #ccc;
}
.contact-item12 i {
    width: 20px;
    margin-right: 8px;
    color: #0099ff;
}

/* 二维码样式 */
.qrcode-group12 {
    text-align: center;
}
.qrcode-img12 {
    width: 130px;
    height: 130px;
    margin-bottom: 10px;
}
.qrcode-desc12 {
    font-size: 15px;
    color: #ccc;
}

/* 版权区域（不变） */
.footer-copyright12 {
    background-color: #222;
    padding: 15px 0;
    text-align: center;
    color: #999;
    font-size: 12px;
}





/* 全局基础重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑", sans-serif;
}

/* 蓝色通栏 - 标准文档流，衔接原有头部底部，无重叠 */
.banner20 {
	height: 200px;
    width: 100%;
    background-color: #003399;
    color: #ffffff;
    padding: 40px 0;
    /* 顶部边距为0，紧贴上方原有头部 */
    margin-top: 0;
    text-align: center;
	
	
}

.banner-inner20 {
    width: 100%;
}

.banner-title20 {
    font-size: 36px;
    margin-bottom: 10px;
	padding-top: 50px;
}

.banner-desc20 {
    font-size: 16px;
    opacity: 0.9;
	margin-bottom: 10px;
}
/* 全局基础重置 */



/* 主体内容区 */
.main20 {
    background-color: #f5f5f5;
    padding: 40px 0;
}

.container20 {
    width: 1200px;
    margin: 0 auto;
}

/* 产品列表布局 */
.product-list20 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

/* 产品卡片 */
.product-card20 {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-card20:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* 图片放大效果 */
.product-img-wrap20 {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 12px;
}
.product-img20 {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.product-img-wrap20:hover .product-img20 {
    transform: scale(1.05);
}

/* ====================== 核心重构：产品名称标签盒子 ====================== */
/* 1. 图片下方独立盒子 2. 宽度与查看详情按钮完全一致 */
.product-title-box20 {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

/* 3. 7:3 比例分栏 + 4. 左对齐 */
.product-name20 {
    flex: 8.5;
    font-size: 18px;
    color: #333;
    text-align: left;
    line-height: 1.2;
    font-weight: bold;
}


/* 3. 7:3 比例分栏 + 4. 右对齐 */
.brand-tag20 {
    flex: 1.5;
    text-align: center;
    font-size: 12px;
    color: #1890ff;
    background: #e6f7ff;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
    line-height: 1.2;
}



/* ====================================================================== */

/* 费率加粗 */
.rate20 {
    width: 100%;
    color: #ff6600;
    font-size: 14px;
    font-weight: bold;
    margin: 8px 0 12px 0;
    text-align: left;
}

/* 卖点 3个一排 两行 字体加大 */
.product-features20 {
    width: 100%;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
    margin-bottom: 20px;
}
.product-features20 li {
    width: calc((100% - 30px) / 3);
    font-size: 14px;
    color: #666;
    text-align: left;
}

/* 详情按钮 */
.detail-btn20 {
    width: 100%;
    background-color: #ff6600;
    color: #fff;
    border: none;
    padding: 10px 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    transition: background-color 0.2s ease;
    margin-top: auto;
	text-align: center;
}

.detail-btn20:hover {
    background-color: #e55a00;
}


/*分页样式*/
.pagination20 {
    text-align: center;
    margin-bottom: 60px;
}
.pagination20 a {
    padding: 8px 15px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}


.pagination20 a:hover, .pagination20 .hover {
    background-color: #003399;
    color: #fff;
    border-color: #003399;
}

/* 咨询模块 */
.consult20 {
    background-color: #e6f4ff;
    padding: 40px;
    border-radius: 8px;
    text-align: center;
}
.consult-title20 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}
.consult-desc20 {
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
}
.consult-btn20 {
    background-color: #ff6600;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.2s ease;
}
.consult-btn20:hover {
    background-color: #e55a00;
}







/* 容器样式 - 固定宽度1200px，居中 */
.container21 {
    width: 1200px;
    margin: 0 auto;
}

/* 头部Banner */
.header-banner21 {
    background-color: #003399;
    color: #fff;
    padding: 90px 0 20px 0;
}

.back-link21 {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    margin-right: 20px;
}

.product-title21 {
    font-size: 35px;
    font-weight: bold;
    margin-top: 10px;
}

/* 主体内容 */
.main-content21 {
    padding: 30px 0;
    background-color: #f5f5f5;
}

/* 产品主图与基础信息 */
.product-base21 {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    background-color: #fff;
    padding: 20px;
}

.product-img-box21 {
    width: 50%;
}

.main-img21 {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* --- 缩略图滚动样式 --- */
.thumb-list21 {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
.thumb-wrapper21 {
    width: 100%;
    overflow: hidden;
    margin: 0 50px;
}
.thumb-track21 {
    display: flex;
    gap: 10px;
    transition: transform 0.3s ease;
}
.thumb-btn21 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 70px;
    cursor: pointer;
    z-index: 10;
    object-fit: contain;
}
.thumb-left21 {
    left: 0;
}
.thumb-right21 {
    right: 0;
}
.thumb-item21 {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    object-fit: cover;
    border: 2px solid transparent;
    cursor: pointer;
    border-radius: 6px;
}
.thumb-item21.active21 {
    border-color: #003399;
}

.product-info21 {
    width: 50%;
}

.info-title21 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #000;
}

.rate-info21 {
    font-size: 18px;
    color: #ff6600;
    margin-bottom: 15px;
	font-weight: bold;
}

.rate-num21 {
    font-weight: bold;
}

.desc-text21 {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #666;
}

/* 产品特色 */
.product-feature21 {
    margin-bottom: 25px;
}
.feature-title21 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}
.feature-list21 {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 30px;
}
.feature-item21 {
    width: calc((100% - 60px) / 3);
    font-size: 14px;
    color: #333;
}

/* 产品规格 */
.spec-table21 {
    margin-bottom: 25px;
}
.spec-title21 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}
.spec-list21 {
    list-style: none;
}
.spec-item21 {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
    font-size: 14px;
}
.spec-label21 {
    color: #666;
}
.spec-value21 {
    color: #333;
}

/* 按钮组：整体宽度与产品规格一致，两个按钮等宽 */
.btn-group21 {
    display: flex;
    gap: 15px;
    width: 100%;
}
.apply-btn21,
.consult-btn21 {
    flex: 1; /* 两个按钮均分宽度，长度一致 */
    padding: 12px 0;
    font-size: 16px;
    cursor: pointer;
    border-radius: 2px;
}
.apply-btn21 {
    background-color: #ff8800;
    color: #fff;
    border: none;
}
.consult-btn21 {
    background-color: #fff;
    color: #003399;
    border: 1px solid #003399;
}

/* 适用场景 */
.product-scene21 {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
}
.scene-title21 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
}
.scene-grid21 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.scene-item21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    border: 1px solid #eee;
}
.scene-icon21 {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 10px;
    object-fit: contain;
}
.scene-name21 {
    font-size: 14px;
    color: #666;
    line-height: 1;
    margin: 0;
}
/* 最后一个场景卡片省略号 */
.scene-item-dots21 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: default;
}
.dots-text21 {
    font-size: 24px;
    font-weight: bold;
    color: #666;
    line-height: 1;
    letter-spacing: 2px;
}

/* 产品详情 */
.product-desc21 {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
}
.desc-title21 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #000;
}
.desc-content21 {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}
.desc-content21 p {
    margin-bottom: 15px;
}

/* 相关产品推荐 */
.related-product21 {
    background-color: #fff;
    padding: 20px;
}
.related-title21 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
}
.related-grid21 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.related-item21 {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
}
.related-img21 {
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 10px;
}
.related-name21 {
    font-size: 16px;
    margin-bottom: 5px;
}
.related-rate21 {
    font-size: 14px;
    color: #ff6600;
    margin-bottom: 15px;
	font-weight: bold;
}
.related-btn21  {
	width: 100%;
    background-color: #003399;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}


.related-btn21:hover {
    background-color: #e55a00;
}


/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
}

/* 通栏Banner样式 —— 按你要求修改 */
.news-banner22 {
    width: 100%;
    background-color: #003399;
    color: #fff;
    text-align: center;
    padding: 40px 0 ;
}

.banner-content22 h1 {
    font-size: 36px;
    margin-bottom: 10px;
    padding-top: 50px;
}

.banner-content22 p {
    font-size: 16px;
    opacity: 0.9;
}

/* 全局body设置通栏白色背景（banner下方整体通栏白） */
body {
    background-color: #ffffff;
}

/* 内容容器样式 */
.news-container22 {
    width: 1200px;
    margin: 40px auto;
    padding: 20px;
}

/* 新闻分类类目按钮 —— 居中显示 */
.news-tabs22 {
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
    justify-content: center; /* 分类按钮水平居中 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

.tab-btn22 {
    padding: 8px 20px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.tab-btn22.active {
    background-color: #003399;
    color: #fff;
    border-color: #003399;
}

.tab-btn22:hover {
	
    border-color: #003399;
    color: #003399;
}



/* 新闻列表样式 */
.news-list22 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

/* 新闻卡片样式 —— 增加默认阴影效果 */
.news-card22 {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    /* 卡片默认阴影 */
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

/* 鼠标悬浮时阴影加深 */
.news-card22:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

/* 图片容器 - 实现鼠标悬浮放大 */
.card-img22 {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.card-img22 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.card-img22:hover img {
    transform: scale(1.05); /* 微微放大效果 */
}

/* 标签样式 */
.card-tag22 {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    margin: 15px 15px 5px;
}

.industry {
    background-color: #e8f4f8;
    color: #4299e1;
}

.company {
    background-color: #e8f4e8;
    color: #48bb78;
}

.question {
    background-color: #fef7e8;
    color: #ed8936;
}

/* 元信息（时间+阅读量） */
.card-meta22 {
    font-size: 12px;
    color: #999;
    margin: 0 15px 10px;
    display: flex;
    gap: 15px;
}

/* 标题样式 */
.card-title22 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 15px 10px;
    color: #333;
}

/* 描述样式 */
.card-desc22 {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0 15px 15px;
}

/* 链接样式 */
.card-link22 {
    display: inline-block;
    font-size: 14px;
    color: #4299e1;
    text-decoration: none;
    margin: 0 15px 20px;
}

.card-link22:hover {
    text-decoration: underline;
}


/* 分页样式 */
.news-pagination22 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.page-btn22 {
    padding: 8px 16px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.page-btn22.current22 {
    background-color: #003399;
    color: #fff;
    border-color: #003399;
}

.page-btn22:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}






/* 内容宽度调整为 1000px */
.container23 {
    width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 头部通栏banner */
.header-banner23 {
    background-color: #003399;
    color: #fff;
    padding: 30px 0;
    width: 100%;
}

.back-link23 {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    margin-top:75px;
    margin-bottom: 12px;
}

/* 标签底纹宽度固定70px，文字居中 */
.news-tag23 {
    background-color: #ffcc00;
    color: #333;
    width: 70px;
    padding: 3px 0;
    font-size: 12px;
    border-radius: 3px;
    display: block;
    margin-bottom: 12px;
    text-align: center;
}

.news-title23 {
    font-size: 28px;
    margin-bottom: 18px;
    font-weight: bold;
}

/* meta 图标样式 */
.news-meta23 {
    font-size: 16px;
    color: #e0e0e0;
    display: flex;
    gap: 25px;
    align-items: center;
	
}
.news-meta23 span {
    display: flex;
    align-items: center;
    gap: 6px;
}
.news-meta23 img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

/* 正文内容 */
.main-content23 {
    background-color: #f5f5f5;
    padding: 20px 0;
}

/* 新增：横幅广告卡片 */
.ad-banner-card23 {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    margin-bottom: 20px;
}
.ad-img23 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
}

/* 正文卡片 + 阴影效果 */
.news-content23 {
    background-color: #fff;
    padding: 40px;
    border-radius: 6px;
    margin-bottom: 35px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* 新闻配图严格居中显示 */
.img-center23 {
    text-align: center;
    margin-bottom: 30px;
}
.content-img23 {
    max-width: 100%;
    height: auto;
    max-height: 450px;
    border-radius: 6px;
    display: block;
    margin: 0 auto;
}

.section-title23 {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    border-left: 4px solid #003399;
    padding-left: 12px;
}

.content-section23 p {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 15px;
    color: #555;
}

.content-section23 ul {
    margin-left: 22px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.9;
    color: #555;
}

/* 相关阅读 */
.related-reading23 {
    margin-bottom: 40px;
}
.reading-list23 {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
}
/* 相关新闻卡片 + 阴影 */
.reading-item23 {
    flex: 1;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    overflow: hidden;
}
/* 图片容器：隐藏放大溢出 */
.img-wrap23 {
    width: 100%;
    height: 200px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 15px;
}
/* 图片默认样式 */
.img-wrap23 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
/* 鼠标悬浮图片微微放大 */
.img-wrap23:hover img {
    transform: scale(1.08);
}
.reading-item23 h3 {
    font-size: 17px;
    color: #333;
    margin-bottom: 8px;
}
/* 新闻摘要样式 */
.reading-item23 p {
    font-size: 14px;
    color: #888;
    line-height: 1.6;
}

/* 返回按钮 */
.back-btn-wrap23 {
    text-align: center;
	padding-bottom: 50px;
}
.back-btn23 {
    background-color: #003399;
    color: #fff;
    border: none;
    padding: 12px 28px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}
.back-btn23:hover {
    background-color: #002277;
}



/* 分页外层容器30 */
.pagination30 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px 0;
    margin: 0;
}

/* 清除分页项默认列表样式30 */
.pagination30 li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 分页按钮通用基础样式30 */
.pagination30 a,
.pagination30 span {
    display: inline-block;
    min-width: 45px;
    padding: 10px 24px;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

/* 普通页码悬停效果30 */
.pagination30 a:hover {
    border-color: #0044bb;
    color: #fff;
	background-color:#0044bb;
}

/* 当前选中页码样式30（蓝色选中态） */
.pagination30 span.current {
    background-color: #0044bb;
    color: #ffffff;
    border-color: #0044bb;
    cursor: default;
}

/* 禁用按钮样式30（上一页/下一页不可点击状态） */
.pagination30 span.disabled {
    color: #c0c4cc;
    border-color: #ebeef5;
    background-color: #ffffff;
    cursor: not-allowed;
}






/* 全局样式重置 + 基础样式 */


body {
    line-height: 1.6;
    color: #333;
}

img {
    max-width: 100%;
    display: block;
}

/* 头部通栏Banner */
.header-banner24 {
    background-color: #003399;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    width: 100%;
}

.header-content24 .title24 {
    font-size: 36px;
    margin-bottom: 10px;
	margin-top: 65px
}

.header-content24 .subtitle24 {
    font-size: 16px;
    opacity: 0.9;
}

/* 中间内容容器（固定1200px） */
.main-container24 {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 0 0;
}

/* 公司介绍模块 */
.company-intro24 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-top: 30px;
    margin-bottom: 60px;
    gap: 40px;
}

.intro-text24 {
    flex: 1;
}

.intro-title24 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #111827;
}

.intro-desc24 {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.8;
}

.intro-img24 {
    flex: 1;
}

.intro-img24 img {
    border-radius: 4px;
}

/* 数据统计模块 + 图标样式 */
.data-stats24 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 40px 0;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 60px;
}

.stat-item24 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 数据上方图标位置 */
.stat-icon24 {
    width: 80px;
    height: 80px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stat-icon24 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.stat-item24 .stat-num24 {
    font-size: 32px;
    font-weight: bold;
    color: #111827;
    margin-bottom: 8px;
}

.stat-item24 .stat-text24 {
    font-size: 14px;
    color: #666;
}

/* 优势模块 */
.advantages24 {
    text-align: center;
    margin-bottom: 40px;
}

.adv-title24 {
    font-size: 28px;
    color: #111827;
    margin-bottom: 10px;
}

.adv-subtitle24 {
    font-size: 15px;
    color: #666;
    margin-bottom: 40px;
}

.adv-list24 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.adv-item24 {
    width: 32%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.adv-item24 img {
    height: 200px;
	width:100%;
    object-fit: cover;
    margin-bottom: 20px;
}

.adv-item-title24 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
}

.adv-item-desc24 {
    padding: 0 20px 20px;
    font-size: 14px;
    color: #666;
}

/* 底部通栏Banner */
.footer-banner24 {
    background: linear-gradient(to right, #1e398a, #581c87);
    color: #fff;
    width: 100%;
    padding: 50px 0;
}

.footer-content24 {
    width: 1200px;
    margin: 0 auto;
}

.footer-title24 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
}

.promise-list24 {
    display: flex;
    justify-content: space-around;
    text-align: center;
}

/* 服务承诺：半透明 + 圆角 + 边框方框 */
.promise-item24 {
    width: 22%;
    padding: 30px 15px;
    background: rgba(255, 255, 255, 0.15); /* 半透明背景 */
    border: 1px solid rgba(255, 255, 255, 0.3); /* 半透明白色边框 */
    border-radius: 12px; /* 圆角 */
    transition: all 0.3s;
}
.promise-item24:hover {
    background: rgba(255, 255, 255, 0.25);
}

.promise-icon24 {
    font-size: 36px;
    margin-bottom: 15px;
    display: block;
}

.promise-title24 {
    font-size: 18px;
    margin-bottom: 8px;
}

.promise-desc24 {
    font-size: 14px;
    opacity: 0.95;
}


/* 全局重置 & 基础样式 */


body {
    color: #333;
    background-color: #f7f8fa;
}

/* 头部Banner */
.header-banner25 {
    width: 100%;
    background: linear-gradient(to right, #003399, #002266);
    color: #fff;
    padding: 90px 0;
    text-align: center;
}
.header-content25 .title25 {
    font-size: 40px;
    margin-bottom: 15px;
}
.header-content25 .subtitle25 {
    font-size: 16px;
    margin-bottom: 30px;
    opacity: 0.9;
}

.btn-group25 {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.btn-call25 {
    background-color: #ff7700;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}
.btn-apply25 {
    background-color: #fff;
    color: #003399;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

/* 头部按钮悬浮二维码 */
.wechat-btn-box25 {
    position: relative;
    display: inline-block;
}
.wechat-qrcode-pop25 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    display: none;
    margin-top: 10px;
    z-index: 99;
}
.wechat-qrcode-pop25 img {
    width: 120px;
    height: 120px;
    display: block;
}
.wechat-btn-box25:hover .wechat-qrcode-pop25 {
    display: block;
}

/* 中间内容区 1200px */
.main-container25 {
    width: 1200px;
    margin: 50px auto;
}
.contact-info-wrap25 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.contact-card25 {
    width: 23%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    text-align: center;
}
.icon-wrap25 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 30px auto 15px ;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.contact-card25:nth-child(1) .icon-wrap25 {
    background-color: #e8f4ff;
    color: #4096ff;
}
.contact-card25:nth-child(2) .icon-wrap25 {
    background-color: #e8ffe8;
    color: #52c41a;
}
.contact-card25:nth-child(3) .icon-wrap25 {
    background-color: #f9e8ff;
    color: #9d30d9;
}
.contact-card25:nth-child(4) .icon-wrap25 {
    background-color: #ffe8e8;
    color: #f5222d;
}
.card-title25 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #666;
}
.card-value25 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}
.contact-card25:nth-child(1) .card-value25 {
    color: #ff7700;
}
.card-desc25 {
    font-size: 14px;
    color: #999;
}

/* 微信卡片翻转样式 */
.card-flip-box25 {
    perspective: 1000px;
    height: 220px;
    padding: 0;
}
.card-flip-inner25 {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.card-flip-box25:hover .card-flip-inner25 {
    transform: rotateY(180deg);
}
.card-flip-front25,
.card-flip-back25 {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 8px;
    padding: 0px 20px ;
}
.card-flip-back25 {
    transform: rotateY(180deg);
    padding: 0;
}
.card-flip-back25 img {
    width: 80%;
    height: 96%;
	margin: auto;
	
    border-radius: 8px;
}

/* 服务模块 */
.service-wrap25 {
    display: flex;
    justify-content: space-between;
}
.service-promise25 {
    width: 48%;
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.quick-response25 {
    width: 48%;
    background: linear-gradient(to right, #261569, #190f47);
    color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.service-title25 {
    font-size: 22px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
/* 服务承诺标题图标改为绿色 */
.service-title25 i {
    margin-right: 10px;
    color: #39b54a;
}
.quick-response25 .service-title25 i {
    color: #fff;
}

.promise-list25 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.promise-item25 {
    width: 48%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
/* 列表图标保持原有蓝色不变 */
.promise-item25 i {
    font-size: 24px;
    color: #4096ff;
    margin-right: 15px;
}
.item-title25 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.item-desc25 {
    font-size: 14px;
    color: #999;
}

.response-desc25 {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 25px;
    opacity: 0.9;
}
.response-info25 {
    margin-bottom: 25px;
}
.response-info25 p {
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.response-info25 i {
    margin-right: 10px;
    width: 16px;
}
.btn-apply-inline25 {
    background-color: #ff7700;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

/* 底部Banner */
.footer-banner25 {
    width: 100%;
    background: linear-gradient(to right, #261569, #190f47);
    color: #fff;
    padding: 60px 0;
    text-align: center;
    margin-top: 50px;
}
.footer-title25 {
    font-size: 32px;
    margin-bottom: 15px;
}
.footer-subtitle25 {
    font-size: 16px;
    margin-bottom: 30px;
    opacity: 0.9;
}

/* 按钮hover */
.btn-call25:hover, .btn-apply-inline25:hover {
    background-color: #ff8800;
}
.btn-apply25:hover {
    background-color: #f0f0f0;
}






/* 头部BANNER */
.banner26 {
    width: 100%;
    background-color: #0047ab;
    color: #fff;
    padding-top: 95px;
	padding-bottom: 40px;
    text-align: center;
}
.banner-inner26 {
    width: 1200px;
    margin: 0 auto;
}
.banner-title26 {
    font-size: 36px;
    margin-bottom: 10px;
}
.banner-desc26 {
    font-size: 16px;
}

/* 内容区容器 */
.container26 {
    width: 100%;
    padding: 40px 0;
    background-color: #f8f9fa;
}
.content-wrap26 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* 整体顶部对齐 */
}

/* 表单区域 */
.form-section26 {
    width: 58%;
    background-color: #fff;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    /* 高度自适应，底部与温馨提示平齐 */
    align-self: stretch;
}
.form-title26 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

/* 表单行：两个控件同行 */
.form-row26 {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.form-row26 .form-group26 {
    flex: 1;
    margin-bottom: 0;
}

.form-group26 {
    margin-bottom: 20px;
}
.form-label26 {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}
/* 红色必填星号 */
.star26 {
    color: #f53f3f;
    margin-right: 4px;
}

.form-input26, .form-select26 {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}
.form-textarea26 {
    width: 100%;
    height: 120px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    resize: vertical;
}

/* 验证码容器：总宽与textarea一致，内部 7:3 比例 */
.verify-wrap26 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.verify-input26 {
    flex: 7;
    height: 40px;
}
.verify-img26 {
    flex: 3;
    height: 40px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
    object-fit: cover;
}

/* 提交按钮 */
.submit-btn26 {
    width: 100%;
    height: 48px;
    background-color: #f76707;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 15px;
}
.submit-btn26:hover {
    background-color: #e85a00;
}
.form-tip26 {
    font-size: 12px;
    color: #999;
    text-align: center;
}
.link26 {
    color: #0047ab;
    text-decoration: none;
}
.link26:hover {
    text-decoration: underline;
}

/* 右侧信息区域 */
.info-section26 {
    width: 38%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.process-box26, .tips-box26, .urgent-box26 {
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.box-title26 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

/* 申请流程 - 字体加大 */
.process-list26 {
    list-style: none;
}
.process-item26 {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
.process-num26 {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #0047ab;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 10px;
    flex-shrink: 0;
}
.process-desc26 .process-title {
    font-size: 15px;
    color: #333;
    margin-bottom: 2px;
}
.process-desc26 .process-text {
    font-size: 14px;
    color: #999;
}

/* 温馨提示 - 字体加大 */
.tips-list26 {
    list-style: none;
}
.tips-item26 {
    font-size: 15px;
    color: #666;
    margin-bottom: 8px;
}

.urgent-text26 {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}
.hotline-btn26 {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #f76707;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    text-decoration: none;
}
.hotline-btn26:hover {
    background-color: #e85a00;
}