/* =====================================================================
   MingXi Packaging 移动端响应式样式层
   覆盖在旧站 public.css + mx.css 之上，桌面端（>1024px）保持原样。
   断点：1024（小平板/小窗）、900（导航折叠）、768（平板竖屏）、480（手机）
   ===================================================================== */

/* ---------- 全局容器与图片 ---------- */
@media (max-width: 1024px) {
	body { min-width: 0; }
	.container { width: auto; padding: 0 12px; box-sizing: border-box; }
	.header,
	.footer,
	.section-product,
	.section-about,
	.section-zs,
	.section-lcc,
	.section-link,
	.section-inner,
	.section-search,
	.fullSlide,
	.inbanner,
	.public_box { min-width: 0; width: 100%; }
	img { max-width: 100%; height: auto; }
	table { max-width: 100%; }
	form input, form textarea, form select { max-width: 100%; box-sizing: border-box; }
	/* 首页/简介富文本中的 span 强制换行（后台内容常带 white-space:nowrap 内联样式） */
	.index-about-intro { overflow: hidden; word-wrap: break-word; }
	.index-about-intro span,
	.single-content span { white-space: normal !important; word-wrap: break-word; }
	/* 移动端隐藏 MagicZoom 放大镜大图（绝对定位溢出视口） */
	.MagicZoomBigImageCont { display: none !important; }
	/* 移动端禁用 wow 入场动画（避免内容不可见/卡顿） */
	.wow { visibility: visible !important; animation: none !important; }
}

/* ---------- 头部：汉堡菜单（<=900px 折叠） ---------- */
.menu-toggle { display: none; }

@media (max-width: 900px) {
	.header { position: relative; }
	.logo { width: 178px; height: 78px; }
	.logo img { width: 178px; height: 78px; object-fit: contain; }
	.head-right { width: auto; float: right; }
	.language { margin-top: 10px; }
	.language a { height: 30px; line-height: 30px; }

	.menu-toggle {
		display: block;
		float: right;
		width: 42px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		font-size: 21px;
		color: #333;
		margin: 32px 0 0 6px;
		cursor: pointer;
		text-decoration: none;
	}
	.menu-toggle:hover { color: #00a82d; }

	.navbar {
		display: none;
		position: absolute;
		top: 100%; left: 0; right: 0;
		width: auto;
		background: #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		box-shadow: 0 8px 16px rgba(0,0,0,.08);
		margin-top: 0;
		padding: 6px 0 10px;
		z-index: 999;
	}
	body.mx-nav-open .navbar { display: block; }

	.nav { width: 100%; float: none; height: auto; }
	.nav > ul { float: none; }
	.nav > ul > li {
		float: none;
		height: auto;
		margin: 0;
		border-bottom: 1px solid #f0f0f0;
	}
	.nav > ul > li:last-child { border-bottom: none; }
	.nav > ul > li > span { text-align: left; }
	.nav > ul > li > span > a {
		height: 44px;
		line-height: 44px;
		padding: 0 14px;
		font-size: 15px;
		border-bottom: none;
	}
	.nav > ul > li:hover > span > a { border-bottom: none; }
	.nav > ul > li > span.active a {
		color: #00a82d;
		border-bottom: none;
		border-left: 3px solid #00a82d;
		background: #f6fbf4;
	}
	/* 子菜单移动端静态展开（不依赖 hover） */
	.nav > ul > li > ul {
		display: block;
		position: static;
		width: 100%;
		box-shadow: none;
		background: #f7f7f7;
		border-top: 1px solid #eee;
	}
	.nav > ul > li > ul > li > a { padding: 9px 24px; border-bottom: none; line-height: 1.4; }

	.search-wrap {
		width: auto;
		float: none;
		margin: 10px 12px 4px;
		border: 1px solid #e0e0e0;
		border-radius: 4px;
		overflow: hidden;
	}
	.search-input { width: 100%; }
	.search-input input { width: 100%; box-sizing: border-box; }
	.search-btm { right: 0; }
}

/* ---------- 首页轮播 ---------- */
@media (max-width: 1024px) {
	.fullSlide .bd { overflow: hidden; }
	.fullSlide .bd li { height: 46vw; min-height: 200px; max-height: 430px; background-size: cover !important; }
	.fullSlide .bd li a { height: inherit; }
}
@media (max-width: 480px) {
	.fullSlide .bd li { height: 52vw; min-height: 170px; }
}

/* ---------- 首页：最新产品网格 ---------- */
@media (max-width: 900px) {
	.index-product-list ul { width: auto; }
	.index-product-list ul li {
		width: 50%;
		box-sizing: border-box;
		border-right: 1px solid #E5E5E5;
	}
	.index-product-list ul li:nth-child(2n) { border-right: none; }
	.index-product-list ul li .pic { width: 100%; }
	.index-product-list ul li .pic img { width: 100%; height: auto; }
	.index-product-list ul li .title {
		width: 100%;
		height: 34px;
		line-height: 34px;
		font-size: 13px;
	}
}
@media (max-width: 480px) {
	.index-product-list ul li { width: 100%; border-right: none; }
}

/* ---------- 首页：荣誉证书滚动 ---------- */
@media (max-width: 900px) {
	.section-zs .picScroll-left { width: 100%; margin-top: 12px; }
	.section-zs .picScroll-left .bd ul li,
	.section-zs .picScroll-left .bd ul li .pic { width: 100%; }
	.section-zs .picScroll-left .bd ul li .pic img { height: auto; max-height: 300px; }
}

/* ---------- 首页：订购流程 ---------- */
@media (max-width: 900px) {
	.lcc-list ul li { width: 33.33%; box-sizing: border-box; padding: 0 8px; margin-bottom: 20px; }
	.lcc-list ul li h3 { font-size: 14px; margin-top: 14px; }
	.lcc-list ul li span { width: 34px; height: 34px; line-height: 34px; font-size: 16px; }
}
@media (max-width: 480px) {
	.lcc-list ul li { width: 50%; }
}

/* ---------- 首页：合作伙伴 ---------- */
@media (max-width: 900px) {
	.partlistd { margin-top: 18px; }
	.partlistd ul { width: 100%; }
	.partlistd ul li { width: 32%; margin-right: 2%; margin-bottom: 12px; }
	.partlistd ul li:nth-child(3n) { margin-right: 0; }
	.partlistd ul li .pic img { width: 100%; height: auto; }
}
@media (max-width: 480px) {
	.partlistd ul li { width: 48.5%; margin-right: 3%; }
	.partlistd ul li:nth-child(3n) { margin-right: 3%; }
	.partlistd ul li:nth-child(2n) { margin-right: 0; }
}

/* ---------- 内页：banner / 侧栏 / 主区 ---------- */
@media (max-width: 900px) {
	.why-row { width: auto; }
	.inbanner { height: 160px; background-size: cover !important; }
	.inner-word { font-size: 22px; margin-top: 80px; }

	.slider { width: 100%; float: none; box-shadow: none; margin-bottom: 16px; }
	.slide-head { font-size: 14px; }
	.menu-pro dl dd { padding-left: 8px; }
	.menu-pro a { white-space: normal; word-break: break-all; }

	.main-right { width: 100%; float: none; }
	.path-inner {
		height: auto;
		line-height: 1.6;
		padding: 8px 0;
		overflow: hidden;
	}
	.path-inner span { float: none; display: block; padding-left: 12px; }
	.path-inner p {
		float: none;
		display: block;
		padding: 4px 12px 6px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		max-width: 100%;
	}
}

/* ---------- 内页：产品列表 ---------- */
@media (max-width: 900px) {
	.pro_list { margin-top: 18px; }
	.pro_list ul { width: 100%; }
	.pro_list ul li.item3 {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 14px;
		box-sizing: border-box;
	}
	.pro_list ul li.item3:nth-child(2n) { margin-right: 0; }
	.pro_list ul li.item3 .product-img { width: 100%; }
	.pro_list ul li.item3 .product-img img { width: 100%; height: auto; }
	.pro_list ul li.item3 span { height: 38px; line-height: 38px; font-size: 13px; }
}
@media (max-width: 480px) {
	.pro_list ul li.item3 { width: 100%; margin-right: 0; }
}

/* ---------- 内页：产品详情 ---------- */
@media (max-width: 900px) {
	.product-row { margin-top: 14px; }
	.product-mag { width: 100%; float: none; }
	.product-mag .preview, .product-mag #tsImgS img { max-width: 100%; height: auto; }
	.product-right { width: 100%; float: none; margin-top: 16px; }
	.product-title { font-size: 20px; }
	.tabBox { margin-top: 14px; }
	.tabBox .tabNav li { padding: 0 14px; font-size: 13px; }
}

/* ---------- 联系表单 ---------- */
@media (max-width: 900px) {
	.contact-info-page p { font-size: 14px !important; word-break: break-all; }
	form[method=post] input[type=text],
	form[method=post] input[type=email],
	form[method=post] textarea { width: 100% !important; }
}

/* ---------- 页脚 ---------- */
@media (max-width: 900px) {
	.footer { padding-top: 24px; }
	.nav-foot {
		width: 100% !important;
		float: none !important;
		margin-bottom: 22px;
	}
	.foot-contact-info p { word-break: break-all; }
	.copyright { padding: 0 10px 18px; }
}

/* ---------- 客服浮窗（移动端缩小，避免遮挡） ---------- */
@media (max-width: 900px) {
	#kefu { transform: scale(0.85); transform-origin: right bottom; }
	.scrollToTop { width: 34px; height: 34px; line-height: 34px; font-size: 14px; }
}

/* ---------- 搜索页 ---------- */
@media (max-width: 900px) {
	.search-tip { font-size: 13px; word-break: break-all; }
	.single-content { font-size: 14px; word-wrap: break-word; }
	.content-title { font-size: 18px; }
	.news-list-page li.news-item a { font-size: 14px; }
}

/* ---------- 超小屏细节 ---------- */
@media (max-width: 480px) {
	.logo { width: 150px; height: 64px; }
	.logo img { width: 150px; height: 64px; }
	.menu-toggle { margin-top: 22px; }
	.language a { font-size: 11px; padding-left: 20px; background-size: 14px auto; }
	.news-date { display: block; margin: 4px 0 0; }
}