.container_ab_all{background-image: url(/img/bg/bg_wzkf01.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;}


.container_ab {
max-width: 1280px;
margin: 0 auto;
padding: 120px 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: start;
}
.text-block h1 {
font-size: 35px;
color: #1a2436;
line-height: 1.2;
margin-bottom: 24px;
}
.text-block h1 span {
color: #d62839;
}
.text-block p {
color: #4a5568;
font-size: 15px;
line-height: 1.7;
margin-bottom: 20px;
}
.stats-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.stat-card {
background: #ffffff;
padding: 20px 20px;
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
text-align: center;
}
.icon-circle {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #1a2436;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
color: white;
font-size: 22px;
}
.stat-number {
font-size: 36px;
font-weight: bold;
color: #083d81;
margin-bottom: 6px;
}
.stat-label {
color: #4a5568;
font-size: 16px;
}

/* 移动端自适应 */
@media(max-width: 960px){
.container_ab {
grid-template-columns: 1fr;
padding: 40px 20px 20px 20px;
gap:1px;
}
.text-block h1 {
font-size: 22px;
text-align:center;
}
.stats-grid {
gap:16px;
}

.stat-number {font-size: 26px;}
.stat-label {font-size: 14px;}

.stat-number {color: #083d81;}


}






/*开始*/
.benefit-section{
padding:80px 20px;
text-align:center;
color:#083d81;
background-image: url(/img/bg/cmsbg2-2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.container_about{
max-width:1200px;
margin:0 auto;

}
.section-title{
font-size:35px;
margin-bottom:10px;
font-weight:bold;
}
.section-desc{
max-width:800px;
margin:0 auto 60px;
font-size:16px;
line-height:1.6;
}
.benefit-grid{
display:grid;
grid-template-columns: repeat(3,1fr); /* 3个item自动均分宽度 */
gap:48px;
}
.benefit-item{
text-align:left; /* 整体文字左对齐，不用单独给h3,p设置 */
display:flex;
flex-direction:column;
align-items:flex-start;
}
/* 图标样式：删掉 float:left */
.benefit-icon{
width:93px;
height:93px;
display:block;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
margin-bottom:1px;
}
.icon-pig{background-image:url("/img/about/piggy-bank.svg");}
.icon-hand{background-image:url("/img/about/don-t-overpay.svg");}
.icon-headset{background-image:url("/img/about/support.svg");}
.benefit-item h3{
font-size:22px;
margin-bottom:5px;
}
.benefit-item p{
font-size:16px;
line-height:1.6;
}
/* 响应式 */
@media(max-width:992px){
.benefit-grid{
grid-template-columns: repeat(2,1fr); /* 平板2列均分 */
}
.section-title{
font-size:36px;
}
.benefit-section {
padding: 20px 20px;
}
}
@media(max-width:768px){
.benefit-grid{
grid-template-columns: 1fr; /* 手机单列占满 */
gap:10px;
}
.section-title{
font-size:24px;
line-height:1.2;
margin-bottom: 20px;
}
.section-desc{
font-size:14px;
line-height: 1.5;
margin: 0 auto 5px;
}
.benefit-item h3{
font-size:20px;
text-align:center;
width:100%;
}
.benefit-icon { margin:auto}
.benefit-item p { text-align:center; width:100%; font-size:14px;}
}
/*结束*/