/*
Theme Name: MXJD 2026
Theme URI: https://www.mxjd.com/
Description: 广东茂鑫机电有限公司官方主题，1:1 复刻 DedeCMS 原版视觉。仅限 mxjd.com 使用。
Version: 1.0.0
Author: 广东茂鑫机电有限公司
Text Domain: mxjd2026
Tags: corporate, machinery, responsive
*/

@import url(css/style.css);

/* ====== WordPress 补充样式 ====== */

/* 正文编辑器内容 */
.viewMain h1,.viewMain h2,.viewMain h3,.viewMain h4{color:#333;padding:10px 0;}
.viewMain h2{font-size:22px;}
.viewMain h3{font-size:18px;}
.viewMain table{border-collapse:collapse;max-width:100%;margin:10px 0;}
.viewMain table td,.viewMain table th{border:1px solid #ddd;padding:6px 10px;}
.viewMain a{color:#c11e2b;}
.viewMain p{padding:5px 0;}

/* WP 对齐类 */
.viewMain img.aligncenter{display:block;margin:10px auto;}
.viewMain img.alignleft{float:left;margin:0 15px 10px 0;}
.viewMain img.alignright{float:right;margin:0 0 10px 15px;}
.viewMain .wp-caption{max-width:100%;}
.viewMain .wp-caption-text{font-size:12px;color:#999;text-align:center;padding:5px 0;}

/* 导航当前项（WP 状态映射到老站 current 样式） */
#menu a.current,
#menu li.current-menu-item > a,
#menu li.current-page-item > a,
#menu li.current-category-ancestor > a,
#menu li.current-menu-ancestor > a,
#menu li.current-menu-item > a b,
#menu li.current-page-ancestor > a,
#menu li.current-page-ancestor > a b{
	color:#fff;
	background:#c20f36;
}

/* 分页（沿用老站 .paging） */
.paging .page-numbers{
	display:inline-block;height:40px;border:3px solid #717171;text-align:center;
	padding:0 20px;line-height:40px;margin:0 5px;color:#666;
}
.paging .page-numbers.current{background:#c11e2b;border-color:#c11e2b;color:#fff;}
.paging .page-numbers:hover{background:#c11e2b;border-color:#c11e2b;color:#fff;}

/* 产品分类切换导航当前项 */
.caseNav li.active a{background:#c11e2b;border-color:#c11e2b;color:#fff;}

/* 列表页产品图：与老站一致按原比例自适应（统一白底防灰块） */
.view-tenth img{width:100%;height:auto;background:#fff;}

/* 服务宫格：栏目数为 3 时自适应三列（后台增删栏目跟随） */
.servicesBox ul.services-n3 li{width:33.3333%;}
.servicesBox ul.services-n2 li{width:50%;}
@media (max-width:767px){
	.servicesBox ul.services-n3 li,
	.servicesBox ul.services-n2 li{width:50%;}
}

/* 服务宫格：图标与文字水平居中、上下对齐（修正老站图标偏移+文字左对齐错位） */
.servicesBox li{text-align:center;}
.servicesBoxIcon{padding:0 0 20px 0;}
.servicesBox li h3{padding:5px 0;}

/* ---- 产品卡片（图片 + 文字） ---- */
.case li .prodItem{
	margin:20px 0 0 20px;
	background:#fff;
	border:1px solid #e6e6e6;
	overflow:hidden;
	-webkit-transition:box-shadow .3s ease, border-color .3s ease;
	transition:box-shadow .3s ease, border-color .3s ease;
	}
.case li .prodItem:hover{
	border-color:#c20f36;
	box-shadow:0 8px 22px rgba(0,0,0,.14);
	}
.case li .prodPic{
	display:block;
	position:relative;
	height:230px;
	padding:10px;
	background:#fff;
	overflow:hidden;
	text-align:center;
	line-height:230px;
	}
.case li .prodPic img{
	max-width:100%;
	max-height:210px;
	width:auto;
	height:auto;
	vertical-align:middle;
	-webkit-transition:transform .5s ease;
	transition:transform .5s ease;
	}
.case li .prodPic .prodNoPic{
	display:inline-block;
	color:#bbb;
	font-size:13px;
	line-height:210px;
	}
.case li .prodPic .prodNoPic img{
	max-height:130px;
	width:auto;
	opacity:.38;
	vertical-align:middle;
	}
.case li .prodItem:hover .prodPic img{
	-webkit-transform:scale(1.06);
	transform:scale(1.06);
	}
.case li .prodPic .prodMask{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:38px;
	line-height:38px;
	background:rgba(194,15,54,.85);
	color:#fff;
	font-size:13px;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;
	}
.case li .prodItem:hover .prodPic .prodMask{
	opacity:1;
	filter:alpha(opacity=100);
	}
.case li .prodTxt{
	padding:14px 14px 16px;
	border-top:1px solid #f2f2f2;
	text-align:center;
	}
.case li .prodTxt h3{
	margin:0 0 8px;
	font-size:15px;
	font-weight:normal;
	line-height:1.6;
	max-height:3.2em;
	overflow:hidden;
	}
.case li .prodTxt h3 a{
	color:#333;
	}
.case li .prodTxt h3 a:hover{
	color:#c20f36;
	}
.case li .prodTxt .prodDesc{
	margin:0 0 12px;
	color:#888;
	font-size:12px;
	line-height:1.7;
	max-height:3.4em;
	overflow:hidden;
	}
.case li .prodTxt .prodMore{
	display:inline-block;
	padding:5px 18px;
	border:1px solid #c20f36;
	color:#c20f36;
	font-size:12px;
	-webkit-transition:background .3s ease, color .3s ease;
	transition:background .3s ease, color .3s ease;
	}
.case li .prodTxt .prodMore:hover{
	background:#c20f36;
	color:#fff;
	}
/* 底部备案 */
.footer .footerInfo,
.footer .footerCopy{
	margin:0;
	padding:0;
	line-height:2;
	}
.footer .footerCopy{
	margin-top:6px;
	}
.footer .footerCopy a,
.footer .footerInfo a{
	color:#999;
	text-decoration:none;
	}
.footer .footerCopy a:hover{
	color:#c20f36;
	text-decoration:underline;
	}
/* 移动端菜单动作 */
.navOpen{cursor:pointer;}
.openNav .navOpen:after{background:#c20f36;}

/* 联系我们：无百度地图时的布局修正（去掉 550px 空白层） */
.mxjd-noMap .contactFoot{position:static;padding:30px 10px;}
.mxjd-noMap .contactBox:after{display:none!important;}
.mxjd-noMap .contactBox:hover .contactFoot{background:transparent;}
.mxjd-noMap .contactFoot dl{width:100%;text-align:center;}

/* ===== 导航子栏目（鼠标悬浮展开） ===== */
#menu ul > li{position:relative;}
#menu .sub-menu{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	min-width:160px;
	background:#c20f36;
	z-index:1000;
	-webkit-box-shadow:0 8px 20px rgba(0,0,0,.20);
	box-shadow:0 8px 20px rgba(0,0,0,.20);
	}
#menu li:hover > .sub-menu{display:block;}
#menu .sub-menu li{float:none;width:auto;height:auto;display:block;}
#menu .sub-menu li a{
	height:auto;
	line-height:1.5;
	padding:11px 18px;
	display:block;
	white-space:nowrap;
	color:#fff;
	background:transparent;
	font-size:13px;
	text-align:left;
	}
#menu .sub-menu li a span{display:inline;font-size:13px;}
#menu .sub-menu li a b{display:none;}
#menu .sub-menu li a:hover,
#menu .sub-menu li a.current{background:#96092a;color:#fff;}
/* 父栏目有子菜单时给个小箭头 */
#menu > ul > li.menu-item-has-children > a:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-left:6px;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:5px solid currentColor;
	opacity:.75;
	}
@media (max-width:960px){
	#menu .sub-menu{display:block;position:static;min-width:0;background:transparent;box-shadow:none;}
	#menu .sub-menu li a{padding:8px 0 8px 18px;color:inherit;font-size:12px;}
	#menu .sub-menu li a:hover{background:transparent;color:#c20f36;}
	#menu > ul > li.menu-item-has-children > a:after{display:none;}
	}

/* ===== 产品卡片：等高 + 图片填满（消除列表大片空白） ===== */
.case ul{display:flex;flex-wrap:wrap;margin-left:0!important;}
.case li{display:flex;float:none!important;padding-left:20px;margin-bottom:20px;box-sizing:border-box;}
.case li .prodItem{margin:0!important;width:100%;display:flex;flex-direction:column;}
.case li .prodTxt{flex:1 1 auto;display:flex;flex-direction:column;}
.case li .prodTxt .prodMore{margin-top:auto;align-self:center;}
.case li .prodPic{height:230px;line-height:0;padding:0;overflow:hidden;}
.case li .prodPic img{
	width:100%;
	height:100%;
	max-height:none;
	object-fit:cover;
	object-position:center center;
	vertical-align:top;
	}
/* 竖幅产品图（机器立图）保持完整，不裁切 */
.case li .prodPic img.is-tall{object-fit:contain;background:#fff;}
/* 无图占位：logo 以合适大小居中显示，禁止被 cover 拉伸 */
.case li .prodPic .prodNoPic img{
	width:auto!important;
	height:auto!important;
	max-height:60%!important;
	max-width:70%!important;
	object-fit:contain;
	opacity:.4;
	}
.case li .prodPic .prodNoPic{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	line-height:0;
	}
.case li .prodPic .prodNoPic img{max-height:60%;width:auto;opacity:.38;}
@media (max-width:1024px){
	.case li{width:50%;padding-left:10px;margin-bottom:10px;}
	.case li .prodPic{height:190px;}
	}
@media (max-width:600px){
	.case li{width:100%;padding-left:0;}
	}

/* ===== 内容页：图片/视频/表格统一居中（老站左对齐遗留修正） ===== */
.viewMain img,
.viewMain video,
.viewMain iframe,
.viewMain .wp-video{
	display:block;
	max-width:100%;
	height:auto;
	margin:10px auto;
	}
/* 视频：按真实比例等比缩放（JS 精算宽高），CSS 兜底限高不变形 */
.viewMain video{
	width:100%;
	max-width:900px;
	max-height:85vh;
	object-fit:contain;
	background:#000;
	border-radius:2px;
	}
/* 竖屏视频（手机拍摄）桌面不占满高度，留白更协调 */
@media (min-width:1025px){
	.viewMain video{max-height:80vh;}
	}
@media (max-width:767px){
	.viewMain video{max-height:80vh;}
	}
/* 古腾堡视频块：可能被编辑器写入固定宽度，强制跟随容器 */
.viewMain .wp-block-video,
.viewMain figure.wp-block-video{
	width:auto !important;
	max-width:100%;
	margin:10px auto;
	}
.viewMain table{margin-left:auto;margin-right:auto;}
.viewMain .paging{text-align:center;}

/* ===== 产品参数表格（spec） ===== */
.viewMain table.spec{width:100%;max-width:760px;margin:10px auto;border-collapse:collapse;}
.viewMain table.spec td{border:1px solid #ddd;padding:8px 12px;font-size:14px;line-height:1.7;color:#333;}
.viewMain table.spec td:first-child{background:#f7f7f7;font-weight:bold;width:190px;}
.viewMain table.spec td.grp{background:#f2f2f2;font-weight:bold;width:auto;text-align:center;}
/* 正文段落首行缩进取消、行距舒适 */
.viewMain p{margin:0 0 8px;}

/* ===== 首页：区块顺序调整后的间距微调 ===== */
#news .newsList{padding-bottom:10px;}
#case{margin-bottom:0;}

/* ===== 首屏产品图：手机端按原比例自适应，修正拉伸变形 ===== */
.b_pic img{max-width:100%;height:auto;display:block;}
.mac img,.ipad img,.iphone img{width:100%;height:auto;display:block;}
@media (max-width:767px){
	.b_pic{margin:0 12px;}
	.mac img{max-width:520px;margin:0 auto;}
}

/* ===== 首页关于我们：简介 + 核心实力/权威认证 ===== */
#about .aboutBox{background:#fff;padding:30px 36px;border:1px solid #eee;}
#about .aboutBox h4{font-size:22px;color:#c20f36;font-weight:bold;margin-bottom:12px;}
#about .aboutBox p{font-size:15px;line-height:200%;color:#555;margin-bottom:8px;}
.aboutFacts{margin:18px 0 0;padding:16px 0 0;border-top:1px dashed #e2e2e2;}
.aboutFacts li{float:left;width:25%;text-align:center;padding:6px 10px;box-sizing:border-box;}
.aboutFacts li b{display:block;font-size:26px;color:#c20f36;line-height:1.3;}
.aboutFacts li span{display:block;font-size:13px;color:#888;margin-top:4px;}

.mxPower{margin-top:30px;}
.mxPowerTitle{font-size:24px;color:#333;text-align:center;font-weight:bold;margin:0 0 20px;}
.mxPowerGrid{margin:0 -10px;}
.mxPowerGrid .mxCol{float:left;width:50%;padding:0 10px;box-sizing:border-box;}
.mxPowerGrid .mxCol h5{font-size:17px;color:#fff;background:#c20f36;padding:10px 16px;margin:0;}
.mxList{background:#fff;border:1px solid #eee;border-top:none;padding:12px 16px;}
.mxList li{font-size:14px;color:#444;line-height:2;padding:4px 0;border-bottom:1px dashed #eee;}
.mxList li:last-child{border-bottom:none;}
.mxList li em{display:inline-block;min-width:96px;margin-right:10px;padding:1px 8px;background:#f4f4f4;color:#c20f36;font-style:normal;font-size:12px;border-radius:2px;vertical-align:1px;}

.mxCerts{margin-top:26px;}
.mxCerts h5{font-size:17px;color:#333;margin:0 0 14px;border-left:4px solid #c20f36;padding-left:10px;}
.mxCerts ul{margin:0 -8px;}
.mxCerts li{float:left;width:25%;padding:0 8px 16px;box-sizing:border-box;}
.mxCerts li a{display:block;background:#fff;border:1px solid #eee;padding:8px;text-align:center;transition:border-color .2s;}
.mxCerts li a:hover{border-color:#c20f36;}
.mxCerts li img{width:100%;height:150px;object-fit:contain;background:#fafafa;display:block;}
.mxCerts li span{display:block;font-size:12px;color:#777;margin-top:8px;line-height:1.5;}

@media (max-width:900px){
	.mxPowerGrid .mxCol{width:100%;margin-bottom:16px;}
	.mxCerts li{width:33.3333%;}
}
@media (max-width:560px){
	#about .aboutBox{padding:20px 16px;}
	.aboutFacts li{width:50%;}
	.mxCerts li{width:50%;}
	.mxList li{font-size:13px;line-height:1.9;}
	.mxList li em{min-width:0;display:block;margin:0 0 2px;width:fit-content;}
}

/* ===== 关于我们页：资质证书墙 ===== */
.certWall{margin:10px auto;text-align:center;}
.certWall a{display:inline-block;width:180px;margin:6px;padding:8px;background:#fff;border:1px solid #eee;vertical-align:top;}
.certWall a:hover{border-color:#c20f36;}
.certWall img{width:100%;height:170px;object-fit:contain;background:#fafafa;display:block;margin:0 auto;}
.certWall span{display:block;font-size:12px;color:#777;margin-top:8px;line-height:1.5;}
@media (max-width:560px){
	.certWall a{width:140px;}
	.certWall img{height:130px;}
}