/* ===== 首页风格三（set3）：卡片化企业官网风（参考 mb4.xgxian.com） ===== */
/* 主色沿用站点 #026bbc，仅改视觉表现，内容数据不变 */

/* —— 轮播 Banner 已移除（ind3-banner div 删除，2026-08-06） —— */

/* —— 通用区块标题（左对齐带竖条） —— */
.ind3-sec{padding:62px 0;background:#fff;}
.ind3-sec.gray{background:#f5f7fa;}
.ind3-sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;}
.ind3-sec-tit{font-size:30px;font-weight:700;color:#1c2a36;position:relative;padding-left:16px;}
.ind3-sec-tit::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;background:#026bbc;border-radius:3px;}
.ind3-sec-tit small{display:block;font-size:13px;font-weight:400;color:#9aa7b3;letter-spacing:3px;margin-top:6px;text-transform:uppercase;}
.ind3-more{color:#026bbc;font-size:14px;}
.ind3-more:hover{text-decoration:underline;}

/* —— 产品分类 chips —— */
.ind3-chips{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px;}
.ind3-chip{padding:8px 22px;border:1px solid #d4dde6;border-radius:30px;color:#46566a;font-size:16px;transition:all .2s;}
.ind3-chip:hover,.ind3-chip.is-active{background:#026bbc;border-color:#026bbc;color:#fff;text-decoration:none;}

/* —— 产品卡片网格（4列） —— */
.ind3-progrid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.ind3-procard{border:1px solid #eef1f4;border-radius:8px;overflow:hidden;background:#fff;transition:all .28s;}
.ind3-procard:hover{box-shadow:0 18px 40px rgba(2,107,188,.16);transform:translateY(-6px);}
.ind3-procard-img{height:250px;background:#f4f7fa;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ind3-procard-img img{width:100%;height:100%;object-fit:contain;transition:transform .35s;}
.ind3-procard:hover .ind3-procard-img img{transform:scale(1.08);}
.ind3-procard-bar{display:flex;align-items:center;justify-content:center;padding:14px 16px;
	border-top:3px solid transparent;}
.ind3-procard:hover .ind3-procard-bar{border-top-color:#026bbc;}
.ind3-procard-tit{font-size:15px;font-weight:600;color:#2a3946;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.ind3-procard:hover .ind3-procard-tit{color:#026bbc;}
.ind3-procard-arrow{color:#c2ccd6;font-size:18px;}
.ind3-procard:hover .ind3-procard-arrow{color:#026bbc;}

/* —— 关于我们 —— */
.ind3-about{display:flex;gap:48px;align-items:center;}
.ind3-about-img{flex:0 0 460px;}
.ind3-about-img img{width:100%;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.12);}
.ind3-about-info{flex:1;}
.ind3-about-info p{font-size:15px;line-height:2;color:#55636f;margin-bottom:14px;}
.ind3-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;}
.ind3-stat{background:#f5f7fa;border-radius:8px;padding:18px 12px;text-align:center;}
.ind3-stat-num{font-size:24px;font-weight:700;color:#026bbc;}
.ind3-stat-txt{font-size:13px;color:#6a7783;margin-top:5px;}

/* —— 新闻卡片流（3列，无缩略图） —— */
.ind3-newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ind3-newscard{border:1px solid #eef1f4;border-radius:8px;overflow:hidden;background:#fff;transition:all .28s;}
.ind3-newscard:hover{box-shadow:0 16px 36px rgba(2,107,188,.14);transform:translateY(-6px);border-color:#026bbc;}
.ind3-newscard-body{padding:22px 24px;}
.ind3-newscard-date{display:none;background:#026bbc;color:#fff;font-size:13px;font-weight:600;padding:4px 12px;border-radius:4px;margin-bottom:12px;letter-spacing:1px;}
.ind3-newscard-tit{font-size:16px;font-weight:600;color:#243240;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ind3-newscard:hover .ind3-newscard-tit{color:#026bbc;}
.ind3-newscard-desc{font-size:13px;line-height:1.7;color:#7a8794;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ind3-newscard-more{color:#9aa7b3;font-size:13px;}

/* —— 合作客户（左右等分两栏） —— */
.ind3-partner-sec{display:flex;align-items:center;gap:40px;}
.ind3-partner-aside{flex:0 0 40%;max-width:40%;}
.ind3-partner-txt{font-size:15px;line-height:1.9;color:#55636f;margin:16px 0 0;}
.ind3-partner-main{flex:0 0 60%;max-width:60%;}
.ind3-partner{display:flex;gap:20px;justify-content:space-between;flex-wrap:nowrap;}
.ind3-partner li{flex:1 1 0;min-width:0;height:132px;background:#fff;border:1px solid #eef1f4;border-radius:8px;
	display:flex;align-items:center;justify-content:center;padding:12px;transition:all .25s;}
.ind3-partner li:hover{border-color:#026bbc;box-shadow:0 10px 24px rgba(2,107,188,.12);}
.ind3-partner img{max-width:100%;max-height:100%;object-fit:contain;transition:all .25s;}
.ind3-partner li:hover img{filter:grayscale(0);opacity:1;}

/* —— 响应式 —— */
@media (max-width:1640px){
	.ind3-progrid{grid-template-columns:repeat(3,1fr);}
	.ind3-newsgrid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:1100px){
	.ind3-about{flex-direction:column;}
	.ind3-about-img{flex:none;width:100%;}
	.ind3-progrid{grid-template-columns:repeat(2,1fr);}
	.ind3-newsgrid{grid-template-columns:1fr;}
	.ind3-partner-sec{flex-direction:column;align-items:flex-start;gap:24px;}
	.ind3-partner-aside,.ind3-partner-main{flex:0 0 100%;max-width:100%;}
}
@media (max-width:640px){
	.ind3-progrid{grid-template-columns:repeat(2,1fr);}
	.ind3-partner{flex-wrap:wrap;justify-content:flex-start;gap:12px;}
	.ind3-partner li{flex:0 0 calc(50% - 6px);height:96px;}
}