/* banner 见 theme.css */

/* 选项卡 */
.tab{
	width:100%;
	height:150px;
	display:flex;
	justify-content: center;
	align-items: center;
	border-bottom:solid #ddd 1px;
	margin:0 auto;
}
.tab>div{
	width:150px;
	height:40px;
	background:#666;
	border-radius:20px;
	margin:0 20px;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tab>div:hover{
	cursor: pointer;
	background:#f7941d;
}

/* 正文内容 */
.tab-title{
	width:100%;
	height:200px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.tab-title>div{
	width:75%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:40px;
	border-bottom:solid #ddd 1px;
}

/* 正文内容 */
.tab-content{
	width:75%;
	margin:30px auto;	
}
.tab-content>p{
	margin-bottom:15px;
	line-height:24px;
}
.tab-content>p>img{
	width:100%;
}

/* 公司简介正文 */
.about-page{
	max-width:920px;
}
.about-article{
	color:#333;
	font-size:15px;
	line-height:1.85;
}
.about-article__head{
	margin-bottom:32px;
	padding-bottom:28px;
	border-bottom:1px solid #eee;
}
.about-article__title{
	font-size:26px;
	font-weight:700;
	color:#222;
	margin:0 0 20px;
	letter-spacing:0.02em;
}
.about-article__lead{
	margin:0;
	color:#444;
	text-align:justify;
	text-justify:inter-ideograph;
}
.about-block{
	margin-bottom:36px;
}
.about-block__title{
	font-size:18px;
	font-weight:700;
	color:#222;
	margin:0 0 14px;
	padding-left:12px;
	border-left:4px solid #f7941d;
	line-height:1.3;
}
.about-block__text{
	margin:0;
	color:#555;
	text-align:justify;
	text-justify:inter-ideograph;
}
.about-block--highlight{
	margin-top:8px;
	padding:22px 24px;
	background:linear-gradient(135deg, #faf8f5 0%, #fff 50%);
	border:1px solid #eee;
	border-radius:6px;
	box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.about-block--highlight .about-block__title{
	border-left-color:#e67e22;
}
.about-product-list{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
	gap:10px 20px;
}
.about-product-list li{
	position:relative;
	padding:10px 12px 10px 28px;
	background:#f9f9f9;
	border-radius:4px;
	border:1px solid #eee;
	color:#444;
	font-size:14px;
	line-height:1.5;
	transition:background .2s, border-color .2s;
}
.about-product-list li::before{
	content:"";
	position:absolute;
	left:12px;
	top:50%;
	margin-top:-3px;
	width:6px;
	height:6px;
	background:#f7941d;
	border-radius:50%;
}
.about-product-list li:hover{
	background:#fffaf5;
	border-color:#f7941d;
}

/* 关于郑州邦赢电子科技有限公司子页：统一标题区（cert-page__*）+ 资质证书卡片等 */
.cert-page{
	width:90%;
	max-width:1180px;
	margin:0 auto 48px;
	padding:16px 8px 40px;
	box-sizing:border-box;
}
.cert-page__head{
	margin:0 0 36px;
	padding:28px 24px 24px;
	background:linear-gradient(180deg, #fafafa 0%, #fff 55%);
	border:1px solid #eee;
	border-radius:12px;
	box-shadow:0 4px 18px rgba(0,0,0,.045);
}
.cert-page__eyebrow{
	margin:0 0 10px;
	font-size:12px;
	letter-spacing:.14em;
	color:#999;
}
.cert-page__title{
	margin:0 0 8px;
	font-size:28px;
	font-weight:700;
	color:#222;
	line-height:1.25;
}
.cert-page__title::after{
	content:"";
	display:block;
	width:44px;
	height:3px;
	margin-top:14px;
	background:#f7941d;
	border-radius:2px;
}
.cert-page__subtitle{
	margin:0 0 0;
	font-size:14px;
	color:#888;
}
.cert-page__lead{
	margin-top:22px;
	padding-top:20px;
	border-top:1px solid #eee;
}
.cert-page__lead p{
	margin:0;
	padding:14px 16px 14px 18px;
	font-size:15px;
	line-height:1.75;
	color:#555;
	text-align:justify;
	text-justify:inter-ideograph;
	background:linear-gradient(90deg, #fff9f2 0%, #fff 60%);
	border-left:3px solid #f7941d;
	border-radius:0 8px 8px 0;
}
.cert-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
	gap:28px 24px;
	justify-content:center;
}
.cert-card{
	margin:0;
	padding:0;
	background:#fff;
	border:1px solid #e8e8e8;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 4px 18px rgba(0,0,0,.06);
	transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
	display:flex;
	flex-direction:column;
}
.cert-card:hover{
	transform:translateY(-4px);
	box-shadow:0 12px 32px rgba(0,0,0,.1);
	border-color:#f5c896;
}
.cert-card__link{
	display:block;
	position:relative;
	aspect-ratio:3/4;
	overflow:hidden;
	background:#f5f5f5;
}
.cert-card__link::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(to top, rgba(0,0,0,.06) 0%, transparent 40%);
	opacity:0;
	transition:opacity .2s ease;
	pointer-events:none;
}
.cert-card:hover .cert-card__link::after{
	opacity:1;
}
.cert-card__link img{
	width:100%;
	height:100%;
	object-fit:contain;
	display:block;
	vertical-align:middle;
}
.cert-card__cap{
	margin:0;
	padding:14px 16px 16px;
	font-size:14px;
	color:#444;
	text-align:center;
	border-top:1px solid #f0f0f0;
	background:#fafafa;
	line-height:1.45;
}
@media (max-width:900px){
	.cert-grid{
		grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
		gap:20px 16px;
	}
	.cert-page__head{
		padding:22px 16px 18px;
	}
	.cert-page__title{
		font-size:24px;
	}
}

/* 使命与价值观 */
.business-page .about-block--mission{
	padding:22px 24px;
	background:linear-gradient(135deg, #fff9f2 0%, #fff 50%);
	border:1px solid #f0e4d8;
	border-radius:10px;
}
.business-page .about-block--vision{
	padding:22px 24px;
	background:linear-gradient(135deg, #f7f9fc 0%, #fff 55%);
	border:1px solid #e6eaf0;
	border-radius:10px;
}
.value-pill-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:12px;
}
.value-pill-list li{
	padding:14px 18px 14px 20px;
	background:linear-gradient(90deg, #fafafa 0%, #fff 100%);
	border:1px solid #eee;
	border-radius:8px;
	border-left:3px solid #f7941d;
	font-size:15px;
	line-height:1.75;
	color:#444;
	text-align:justify;
	text-justify:inter-ideograph;
}
.value-pill-list__tag{
	display:inline-block;
	min-width:3.5em;
	margin-right:8px;
	font-weight:700;
	color:#333;
}

/* 发展历程 · 时间轴 */
.history-page .timeline{
	margin:0;
	padding:4px 0 12px;
	list-style:none;
	position:relative;
	max-width:920px;
}
.history-page .timeline::before{
	content:"";
	position:absolute;
	left:10px;
	top:8px;
	bottom:12px;
	width:3px;
	background:linear-gradient(180deg, #f7941d 0%, rgba(247,148,29,.2) 100%);
	border-radius:2px;
}
.history-page .timeline__item{
	position:relative;
	padding:0 0 36px 40px;
}
.history-page .timeline__item:last-child{
	padding-bottom:8px;
}
.history-page .timeline__item::before{
	content:"";
	position:absolute;
	left:0;
	top:6px;
	width:14px;
	height:14px;
	border-radius:50%;
	background:#fff;
	border:3px solid #f7941d;
	box-shadow:0 0 0 3px #fff;
}
.history-page .timeline__phase{
	margin:0 0 10px;
	font-size:14px;
	font-weight:700;
	color:#c86400;
	letter-spacing:.04em;
}
.history-page .timeline__text{
	margin:0;
	font-size:15px;
	line-height:1.75;
	color:#555;
	text-align:justify;
	text-justify:inter-ideograph;
}
@media (max-width:600px){
	.history-page .timeline__item{
		padding-left:36px;
	}
}

/* contact */
.contact{
	display:flex;
	flex-direction: column;
}
.contact>div{
	color:#666;
	font-size:16px;
	height:30px;
	line-height:30px;
}
.contact>div:nth-child(1){
	color:#333;
}