.serdabg{ overflow:hidden; background:url('../images/servicebg.jpg') no-repeat center bottom; padding:40px 0;}
.abNum-list li{color: #fff;}











.container_serv {
max-width: 1440px;
margin: 0 auto;
padding: 80px 40px;
display: flex;
gap: 80px;
align-items: flex-start;
}

/* ===== 左侧 ===== */
.left { flex: 1; min-width: 0; }
.left h2 {
font-size: clamp(24px, 2.6vw, 36px);
font-weight: 700;
color: #222;
line-height: 1.5;
}
.left .divider {
display: block;
width: 40px; height: 2px;
background: #ccc;
margin: 28px 0;
}
.left .desc {
color: #666;
font-size: 15px;
line-height: 2.1;
margin-bottom: 56px;
}
.c-label { color: #999; font-size: 14px; margin-bottom: 10px; }
.c-value { color: #222; font-weight: 700; font-size: 20px; margin-bottom: 30px; }

.qr {
display: inline-block;
padding: 10px;
background: #fff;
box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.qr img { width: 130px; height: 130px; display: block; }

/* ===== 右侧服务列表 ===== */
.right { flex: 1.1; min-width: 0; }
.service-item {
display: flex;
align-items: flex-start;
gap: 30px;
padding: 46px 0;
border-bottom: 1px solid #e5e5e5;
}
.service-item:first-child { padding-top: 10px; }

.s-icon { flex-shrink: 0; }
.s-icon img { width: 96px; height: 96px; object-fit: contain; display: block; }

.s-title { width: 190px; flex-shrink: 0; padding-top: 14px; }
.s-title h3 { font-size: 22px; color: #222; font-weight: 700; margin-bottom: 10px; }
.s-title p {
color: #b8b8b8;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}

.s-points { flex: 1; min-width: 0; padding-top: 6px; }
.s-points li {
color: #555;
font-size: 15px;
line-height: 1.8;
margin-bottom: 14px;
}
.s-points li:last-child { margin-bottom: 0; }

/* ===== 响应式 ===== */
@media (max-width: 1200px) {
.s-title { width: 150px; }
}
@media (max-width: 992px) {
.container_serv { flex-direction: column; gap: 56px; padding: 60px 24px; }
.left .desc { margin-bottom: 40px; }
}
@media (max-width: 620px) {
.container_serv { padding: 48px 16px; }
.service-item { flex-wrap: wrap; gap: 20px; padding: 36px 0; }
.s-icon img { width: 72px; height: 72px; }
.s-title { width: auto; flex: 1; padding-top: 6px; }
.s-title h3 { font-size: 19px; margin-bottom: 6px; }
.s-title p { font-size: 12px; }
.s-points { flex-basis: 100%; padding-top: 0; }
}


