/* ============================================================
   about_v7.css — 关于我们页 · 大厂官网风重做 (v7)
   设计语言：大图左右分栏 / 深蓝数据带 / 深浅交替板块
   ============================================================ */

:root{
	--ab7-blue:#0C60B4;
	--ab7-blue2:#0088D8;
	--ab7-deep:#12308F;
	--ab7-navy:#0D1F4A;
	--ab7-ink:#17233D;
	--ab7-gray:#5E6B85;
	--ab7-line:#E4EAF4;
	--ab7-soft:#F3F6FB;
	--ab7-tint:#EEF4FC;
}

.ab7-page{ overflow-x:hidden; }

/* ---------- 公共 ---------- */
.ab7-sec{ padding:96px 0; position:relative; }

.ab7-en{
	display:inline-block;
	font-size:13px;
	font-weight:600;
	letter-spacing:3px;
	color:var(--ab7-blue);
	text-transform:uppercase;
	margin-bottom:14px;
}
.ab7-h2{
	font-size:38px;
	line-height:1.25;
	font-weight:700;
	color:var(--ab7-ink);
	margin:0;
}
.ab7-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:48px;
	padding:0 34px;
	font-size:15px;
	border-radius:4px;
	transition:all .3s ease;
}
.ab7-btn-p{
	background:var(--ab7-blue);
	color:#fff;
}
.ab7-btn-p:hover{
	background:var(--ab7-deep);
	color:#fff;
	box-shadow:0 10px 24px rgba(12,96,180,.32);
}
.ab7-btn-o{
	border:1px solid var(--ab7-line);
	color:var(--ab7-ink);
	background:#fff;
}
.ab7-btn-o:hover{
	border-color:var(--ab7-blue);
	color:var(--ab7-blue);
}

/* ---------- a1 公司介绍：左完整简介 + 右缩略图 + 数据带 ---------- */
.ab7-intro{ padding-top:88px; }

.ab7-intro-grid{
	display:grid;
	grid-template-columns:1fr 380px;
	gap:64px;
	align-items:center;
}
.ab7-intro-txt .ab7-h2{ margin-bottom:24px; }
.ab7-lead{
	font-size:15.5px;
	line-height:2;
	color:var(--ab7-gray);
	text-align:justify;
}
.ab7-lead p{ margin:0 0 14px; }
.ab7-lead img{ max-width:100%; height:auto; }

/* 右侧缩略图 */
.ab7-thumb{
	margin:0;
	background:var(--ab7-tint);
	border:1px solid var(--ab7-line);
	border-radius:12px;
	height:320px;
	padding:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 16px 40px rgba(13,31,74,.10);
}
.ab7-thumb img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
}

/* 深蓝数据带 */
.ab7-band{
	margin-top:64px;
	background:linear-gradient(120deg,var(--ab7-navy) 0%,var(--ab7-deep) 55%,var(--ab7-blue) 100%);
	box-shadow:0 24px 56px rgba(13,31,74,.28);
}
.ab7-band ul{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	list-style:none;
	margin:0;
	padding:44px 0;
}
.ab7-band li{
	text-align:center;
	border-left:1px solid rgba(255,255,255,.18);
}
.ab7-band li:first-child{ border-left:0; }
.ab7-num{
	display:block;
	color:#fff;
	line-height:1;
}
.ab7-num b{
	font-size:52px;
	font-weight:700;
	letter-spacing:1px;
}
.ab7-num em{
	font-style:normal;
	font-size:17px;
	font-weight:600;
	margin-left:4px;
	color:rgba(255,255,255,.85);
}
.ab7-lab{
	display:block;
	margin-top:12px;
	font-size:14px;
	color:rgba(255,255,255,.72);
	letter-spacing:1px;
}

/* ---------- a2 设备与检测：深色大区 ---------- */
.ab7-dark{
	background:linear-gradient(155deg,#0B1B40 0%,var(--ab7-navy) 42%,var(--ab7-deep) 100%);
	overflow:hidden;
}
.ab7-dark::after{
	content:"";
	position:absolute;
	right:-180px;
	top:-180px;
	width:520px;
	height:520px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(0,136,216,.22) 0%,rgba(0,136,216,0) 68%);
	pointer-events:none;
}
.ab7-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:40px;
	margin-bottom:52px;
}
.ab7-head-dark .ab7-h2{ color:#fff; }
.ab7-head-dark .ab7-en{ color:#6FB4F5; }
.ab7-head-desc{
	font-size:15px;
	line-height:1.9;
	color:rgba(255,255,255,.68);
	max-width:420px;
	margin:0 0 6px;
}

/* 设备白卡（尺寸固定：380px 高，等宽等高） */
.ab7-eq{
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	height:380px;
	display:flex;
	flex-direction:column;
	transition:transform .35s ease,box-shadow .35s ease;
}
.ab7-eqbox .swiper-slide{ height:380px; }
.ab7-eq:hover{
	transform:translateY(-8px);
	box-shadow:0 24px 52px rgba(0,0,0,.35);
}
.ab7-eq-img{
	height:230px;
	flex:0 0 230px;
	padding:26px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ab7-eq-img img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
}
.ab7-eq-txt{
	flex:1 1 auto;
	padding:4px 28px 28px;
	overflow:hidden;
}
.ab7-eq-t{
	font-size:17px;
	font-weight:700;
	color:var(--ab7-blue);
	margin:0 0 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ab7-eq-p{
	font-size:13.5px;
	line-height:1.85;
	color:var(--ab7-gray);
	margin:0;
	text-align:justify;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}

/* 深色区滚动按钮反白 */
.ab7-dark .swiper-btn-box{
	--fill:rgba(255,255,255,.85);
}
.ab7-dark .swiper-btn-box .swiper-btn:hover{ --fill:#fff; }
.ab7-dark .swiper-box .swiper-other .delay-box .delay-line{ background:rgba(255,255,255,.28); }

/* ---------- a3 公司优势：白底大卡 ---------- */
.ab7-head-c{
	text-align:center;
	max-width:640px;
	margin:0 auto 56px;
}
.ab7-head-line{
	display:block;
	width:56px;
	height:3px;
	background:var(--ab7-blue);
	margin:22px auto 0;
}
.ab7-why-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:26px;
}
.ab7-why-item{
	position:relative;
	background:#fff;
	border:1px solid var(--ab7-line);
	border-radius:12px;
	padding:40px 32px 34px;
	transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.ab7-why-item::before{
	content:"";
	position:absolute;
	left:32px;
	right:32px;
	top:0;
	height:3px;
	background:linear-gradient(90deg,var(--ab7-blue),var(--ab7-blue2));
	transform:scaleX(0);
	transform-origin:left;
	transition:transform .4s ease;
}
.ab7-why-item:hover{
	transform:translateY(-8px);
	border-color:rgba(12,96,180,.45);
	box-shadow:0 22px 48px rgba(13,31,74,.12);
}
.ab7-why-item:hover::before{ transform:scaleX(1); }

.ab7-why-ico{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:66px;
	height:66px;
	border-radius:14px;
	background:var(--ab7-tint);
	transition:background .35s ease;
}
.ab7-why-ico img{
	width:36px;
	height:36px;
	object-fit:contain;
	transition:opacity .3s ease;
}
.ab7-why-ico img.img2{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	opacity:0;
}
.ab7-why-item:hover .ab7-why-ico{
	background:linear-gradient(135deg,var(--ab7-blue),var(--ab7-blue2));
}
.ab7-why-item:hover .ab7-why-ico img.img1{ opacity:0; }
.ab7-why-item:hover .ab7-why-ico img.img2{ opacity:1; }

.ab7-why-t{
	font-size:18px;
	font-weight:700;
	color:var(--ab7-ink);
	margin:24px 0 10px;
}
.ab7-why-p{
	font-size:14px;
	line-height:1.85;
	color:var(--ab7-gray);
	margin:0;
	text-align:justify;
}

/* ---------- a4 荣誉证书：浅灰底 ---------- */
.ab7-soft{ background:var(--ab7-soft); }
.ab7-gy{
	font-size:15px;
	line-height:2;
	color:var(--ab7-gray);
	max-width:460px;
	margin:0 0 6px;
	text-align:justify;
}
.ab7-gy .color2{
	color:var(--ab7-blue);
	font-weight:600;
}
.ab7-cert{
	display:block;
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	transition:transform .35s ease,box-shadow .35s ease;
}
.ab7-cert:hover{
	transform:translateY(-8px);
	box-shadow:0 22px 46px rgba(13,31,74,.14);
}
.ab7-cert-img{
	height:300px;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ab7-cert-img img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
}
.ab7-cert-t{
	display:block;
	padding:14px 18px;
	border-top:1px solid var(--ab7-line);
	font-size:14px;
	font-weight:600;
	color:var(--ab7-ink);
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* ---------- a5 出口：白底居中 ---------- */
.ab7-export{ padding-bottom:110px; }
.ab7-export .ab7-head-c{ margin-bottom:44px; }
.ab7-export-lead{
	font-size:15px;
	line-height:1.95;
	color:var(--ab7-gray);
	margin:18px auto 0;
	max-width:620px;
}
.ab7-map{
	margin:0 auto;
	max-width:920px;
}
.ab7-map img{
	width:100%;
	height:auto;
	display:block;
}
.ab7-tags{
	max-width:860px;
	margin:34px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:12px 14px;
}
.ab7-tag{
	padding:9px 22px;
	background:var(--ab7-tint);
	border:1px solid rgba(12,96,180,.16);
	border-radius:999px;
	font-size:14px;
	color:var(--ab7-blue);
	transition:all .3s ease;
}
.ab7-tag:hover{
	background:var(--ab7-blue);
	border-color:var(--ab7-blue);
	color:#fff;
}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
	.ab7-sec{ padding:72px 0; }
	.ab7-h2{ font-size:32px; }
	.ab7-intro-txt{ max-width:100%; }
	.ab7-intro-grid{
		grid-template-columns:1fr;
		gap:44px;
	}
	.ab7-thumb{ max-width:560px; margin:0 auto; }
	.ab7-why-grid{ grid-template-columns:repeat(2,1fr); }
	.ab7-band ul{ grid-template-columns:repeat(2,1fr); row-gap:36px; }
	.ab7-band li:nth-child(3){ border-left:0; }
}
@media (max-width:768px){
	.ab7-sec{ padding:56px 0; }
	.ab7-h2{ font-size:26px; }
	.ab7-en{ font-size:12px; letter-spacing:2px; }
	.ab7-head{
		flex-direction:column;
		align-items:flex-start;
		gap:18px;
		margin-bottom:36px;
	}
	.ab7-btn{ height:44px; padding:0 26px; font-size:14px; }
	.ab7-thumb{ height:240px; padding:16px; }
	.ab7-eq{ height:360px; }
	.ab7-eqbox .swiper-slide{ height:360px; }
	.ab7-eq-img{ height:200px; flex:0 0 200px; padding:18px; }
	.ab7-band ul{ padding:32px 0; }
	.ab7-num b{ font-size:36px; }
	.ab7-num em{ font-size:14px; }
	.ab7-why-grid{ grid-template-columns:1fr; }
	.ab7-why-item{ padding:30px 24px 26px; }
	.ab7-cert-img{ height:230px; padding:14px; }
	.ab7-map{ max-width:100%; }
	.ab7-tags{ gap:10px; }
	.ab7-tag{ padding:7px 16px; font-size:13px; }
}