/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/*返回首页*/
#tip {
	padding-top: 30px;
	min-height: 672px;
}
#tip b {
	color: #2E7D32;
}
/* 评论 
.c-proBox h3 {border-radius: 2px;-webkit-border-radius: 2px;font-weight: 400;height: 36px;line-height: 36px;background: #2E7D32;color: #ffffff;padding: 5px 10px;margin: 10px 0;}
.c-comment li {border-radius: 2px;-webkit-border-radius: 2px;line-height: normal;margin-bottom: 10px;padding: 0 15px;border: 1px solid #eeeeee;background: #ffffff;}
.c-comment li p {padding: 15px 0;border-top: 1px dashed #eeeeee;}
.c-comment li p span {float: right;}
.c-comment li p.on {border-top: 0;}
.c-comment li p.admin {color: #2E7D32;}
.c-more {text-align: center;line-height: normal;}
.c-more a {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;display: block;background: #2E7D32;color: #ffffff;padding: 13px 0;}
.c-more a:hover {background: #1B5E20;}
/* 留言 
.c-book ul li {position: relative;margin-top: 10px;}
.c-book ul li em {float: left;text-align: right;margin-right: 10px;padding-top: 7px;width: 150px;font-style: normal;}
.c-book ul li textarea,
.c-book ul li input,
.c-book ul li select {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;padding: 12px;border: 1px solid #eeeeee;font-family: 'Microsoft Yahei';}
.c-book ul li textarea:hover,.c-book ul li input:hover,.c-book ul li select:hover,.c-book ul li textarea:focus,.c-book ul li input:focus,.c-book ul li select:focus {border-color: #2E7D32;}
.c-book ul li textarea {width: 360px;height: 150px;overflow-y: hidden;}
.c-book ul li img {position: absolute;cursor: pointer;top: 10px;margin-left: 5px;}
.c-book ul li.bnt {margin-left: 150px;}
.c-book ul li.bnt input {transition: all 0.3s;-webkit-transition: all 0.3s;cursor: pointer;width: 120px;margin-left: 10px;border-color: #2E7D32;background: #2E7D32;color: #ffffff;}
.c-book ul li.bnt input:hover {border-color: #1B5E20;background: #1B5E20;}
.c-cb,.c-cbli li {zoom: 1;}*/
/* product view 产品内页 */
.view_imgs {
	width: 555px;
	height: 500px;
	margin: 20px auto;
	position: relative;
	background: #f7f7f7;
}
.view_imgs .btn {
	position: absolute;
	width: 15px;
	height: 70px;
	top: 422px;
	cursor: pointer;
	z-index: 99;
	font-size: 50px;
	font-weight: bold;
	margin: 0;
}
.view_imgs .prev {
	left: 0;
	background: url(../images/view_left.png) no-repeat center center #bfbebe;
}
.view_imgs #prev, .view_imgs #prev #next {
	width: 15px;
	height: 70px;
	margin-left: 0;
}
.view_imgs #prevTop, .view_imgs #nextTop {
	display: none
}
.view_imgs .next {
	right: 0;
	background: url(../images/view_right.png) no-repeat center center #bfbebe;
}
.view_imgs li {
	float: left;
}
.view_imgs .prev:hover, .view_imgs .next:hover {
	background-color: #2E7D32;
}
.view_imgs .cf li {
	position: relative;
	color: #fff;
}
.view_imgs .cf a {
	display: block;
	width: 555px;
	height: 416px;
	position: absolute;
	color: #fff;
}
.view_imgs .picBox {
	height: 416px;
	position: relative;
	overflow: hidden;
}
.view_imgs .picBox ul {
	height: 416px;
	position: absolute;
	margin: 0;
	padding: 0;
}
.view_imgs .picBox li {
	width: 555px;
	height: 374px;
	list-style: none;
}
.view_imgs .listBox {
	width: 511px;
	height: 71px;
	margin: 0 auto;
	position: relative;
	padding: 6px 0 10px;
	overflow: hidden;
}
.view_imgs .listBox ul {
	height: 71px;
	position: absolute;
	margin: 0;
	padding: 0;
}
.view_imgs .listBox li {
	width: 104px;
	height: 71px;
	cursor: pointer;
	position: relative;
	list-style: none;
}
.view_imgs .listBox li a {
	display: block;
	width: 95px;
	height: 71px;
}
.view_imgs .listBox li img {
	width: 95px;
	height: 71px;
}
.view_imgs .listBox .on img {
	width: 89px;
	height: 65px;
	border: 3px solid #2E7D32;
}
.view_imgs .picBox li img {
	max-width: 100%;
}
.ol_width {
	width: 580px;
}

/* ============================================================
   2026-11 主题升级：全站对齐 index.htm 风格
   配色：深绿 #1B5E20 / 森林绿 #2E7D32 / 墨黑 #1E2A1E / 冷灰 #B0BEC5
   ============================================================ */
body {
	font-family: 'Inter', 'Microsoft Yahei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
	color: #1E2A1E;
}
a { color: #2E7D32; }
a:hover { color: #1B5E20; }
::selection { background: #1B5E20; color: #FFFFFF; }
::-moz-selection { background: #1B5E20; color: #FFFFFF; }

/* ---- 头部：吸顶白色毛玻璃（同 index.htm） ---- */
.header:not(.headroom) {
	position: sticky;
	top: 0;
	z-index: 9999;
	height: auto;
	background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 4px 20px rgba(30, 42, 30, 0.08);
	border-bottom: 1px solid #ECEFF1;
	transition: all 0.2s;
}
.header { height: auto; }
.header .logo { padding: 8px 0; }
.header .logo img { height: 48px; width: auto; }
.header h1 small { color: #78909C; }
.nav-bar > li { margin-top: 24px; }
.nav-bar > li > a { font-weight: 600; color: #1E2A1E; }
.nav-bar > li:hover, .nav-bar > li.active { background-color: #2E7D32; }
.nav-bar > li ul { background-color: #1E2A1E; }
.nav-bar > li ul li a:hover, .nav-bar > li ul li a.hover {
	background-color: #1B5E20 !important;
	border-bottom: 1px solid #2E7D32;
}

/* ---- 导航菜单（与 index.htm 一致） ---- */
.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 8px 0;
}
.logo-area { display: flex; align-items: center; }
.logo-area img { height: 46px; width: auto; display: block; }
.nav-menu {
	display: flex;
	gap: 28px;
	list-style: none;
	align-items: center;
	margin: 0;
	padding: 0;
}
.nav-menu li a {
	text-decoration: none;
	font-weight: 600;
	color: #1E2A1E;
	transition: color 0.2s;
	font-size: 16px;
}
.nav-menu li a:hover { color: #2E7D32; text-decoration: none; }
.nav-menu li.nav-active a {
	color: #1B5E20;
	border-bottom: 2px solid #2E7D32;
	padding-bottom: 4px;
}
.taobao-btn {
	background: #2E7D32;
	color: #FFFFFF !important;
	padding: 8px 20px;
	border-radius: 40px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s;
	box-shadow: 0 2px 8px rgba(27, 94, 32, 0.3);
}
.taobao-btn:hover {
	background: #1B5E20;
	color: #FFFFFF !important;
	transform: translateY(-2px);
	text-decoration: none;
}
.mobile-toggle { display: none; font-size: 1.6rem; cursor: pointer; color: #1E2A1E; }
@media (max-width: 900px) {
	.nav-menu {
		display: none;
		width: 100%;
		flex-direction: column;
		background: #FFFFFF;
		padding: 12px 0;
		gap: 12px;
		align-items: flex-start;
	}
	.nav-menu.active { display: flex; }
	.mobile-toggle { display: block; }
}

/* ---- 内页横幅：墨黑 + 深绿渐变 ---- */
.ny-banner {
	background: linear-gradient(120deg, #1E2A1E 0%, #1B5E20 100%) !important;
	background-attachment: scroll !important;
	background-size: cover !important;
	margin-top: 0;
}
.ny-banner h2 { font-weight: 700; letter-spacing: 0.5px; }

/* ---- 面包屑条 ---- */
.crumbs { background-color: #F4F6F5; border-bottom: 1px solid #ECEFF1; }

/* ---- 列表卡片化（index 风格圆角卡片） ---- */
.ny-news {
	background: #FFFFFF;
	border: 1px solid #ECEFF1;
	border-radius: 16px;
	padding: 24px !important;
	margin-bottom: 24px;
	box-shadow: 0 8px 24px -12px rgba(30, 42, 30, 0.08);
	transition: all 0.2s;
}
.ny-news:hover {
	transform: translateY(-4px);
	border-color: #B0BEC5;
	box-shadow: 0 16px 32px -12px rgba(27, 94, 32, 0.18);
}
.ny-news figure img { border-radius: 10px; }

/* ---- 文章详情：主栏/侧栏卡片 ---- */
.info > .main, .info > article > .main {
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #ECEFF1;
	border-radius: 16px;
	padding: 32px 36px;
	box-shadow: 0 8px 24px -12px rgba(30, 42, 30, 0.08);
}
.info .aside {
	box-sizing: border-box;
	background: #F9FAF9;
	border: 1px solid #ECEFF1;
	border-radius: 16px;
	padding: 20px 18px;
}
.info .biaoti { color: #1E2A1E; font-weight: 700; }
.aside .ny-h4 { color: #1B5E20; font-weight: 700; }

/* ---- 页脚：墨黑（覆盖原背景图） ---- */
footer#yy.pingpu-bg {
	background: linear-gradient(135deg, #162016 0%, #1E2A1E 60%, #1B2A1B 100%) !important;
	color: #B0BEC5;
}
footer#yy .footer section h3,
footer#yy .footer section h4 { color: #FFFFFF; }
footer#yy .footer a { color: #B0BEC5; }
footer#yy .footer a:hover { color: #FFFFFF; }
footer#yy #xm, footer#yy #dh, footer#yy #nr {
	background: rgba(255, 255, 255, 0.07);
	color: #ECEFF1;
	border: 1px solid #37474F;
	border-radius: 8px;
	height: 40px;
	padding-left: 10px;
}
footer#yy #nr { height: 110px; padding-top: 8px; }
footer#yy #button {
	background: #2E7D32;
	color: #FFFFFF;
	border: 0;
	border-radius: 8px;
	height: 40px;
	cursor: pointer;
}
footer#yy #button:hover { background: #1B5E20; }
.foot { background-color: #141A14; }
.foot, .foot a { color: #B0BEC5; }
.foot a:hover { color: #FFFFFF; }

/* ---- czkh 版页脚（墨黑） ---- */
.footer_t {
	background: #1E2A1E;
	color: #B0BEC5;
	overflow: hidden;
	padding: 40px 0 20px;
}
.footer_t dl { float: left; width: 25%; min-height: 200px; margin: 0; padding: 0 15px; box-sizing: border-box; }
.footer_t dl dt { font-size: 16px; font-weight: 700; color: #FFFFFF; margin-bottom: 12px; }
.footer_t dl dt a { color: #FFFFFF; text-decoration: none; }
.footer_t dl a { color: #B0BEC5; text-decoration: none; font-size: 13px; line-height: 24px; }
.footer_t dl a:hover { color: #FFFFFF; }
.footer_t dl dd { margin: 0 0 8px 0; }
.footer_t dl dd p { margin: 0 0 6px 0; }
.footer_t dl dd img { border-radius: 8px; }
.footer_f {
	background: #141A14;
	color: #B0BEC5;
	text-align: center;
	padding: 18px 0;
	font-size: 12px;
	line-height: 26px;
}
.footer_f a { color: #B0BEC5; margin: 0 6px; text-decoration: none; }
.footer_f a:hover { color: #FFFFFF; }

/* ---- 表单聚焦 ---- */
input:focus, textarea:focus, select:focus { border-color: #2E7D32 !important; outline: none; }

/* ---- 客服侧栏微调 ---- */
.kefu { border-color: #1E2A1E; }


/* ============================================================
   全站响应式增强 —— 旧式内页（lists_article/view_article/lists_single 等）
   断点：1024 平板横屏 / 900 平板竖屏 / 640 手机
   ============================================================ */

/* ---------- 平板横屏 ≤1024px ---------- */
@media (max-width: 1024px) {
	.main { width: 62% !important; margin-right: 3%; }
	.main img { max-width: 100%; height: auto; }
	.aside { width: 35% !important; }
}

/* ---------- 平板竖屏 / 大屏手机 ≤900px ---------- */
@media (max-width: 900px) {
	/* 双栏改单栏 */
	.main, .aside {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
	.aside { margin-top: 30px !important; }

	/* 内容区流式 */
	.info, .neirong { width: 100% !important; max-width: 100%; }

	/* 新闻列表缩略图自适应 */
	.ny-news img { max-width: 100%; height: auto; }
	.ny-news .mulu, .ny-news .guanzhu, .ny-news .news-sq, .ny-news .news-qq {
		width: auto !important;
		max-width: 100%;
		float: none !important;
		margin: 8px 0;
	}
	.ny-news .mulu img { width: 100% !important; max-width: 262px; height: auto; }

	/* 内页横幅收紧 */
	.ny-banner { padding: 40px 0 !important; margin-top: 0 !important; }
	.ny-banner h2 { font-size: 26px !important; }

	/* 面包屑 */
	.crumbs ul { flex-wrap: wrap; }

	/* 页脚各区块纵向 */
	.footer .bianju, .footer .bookadd, .footer .form_book, .footer .foot {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		text-align: center;
	}
	.footer .copy, .footer .renzheng {
		float: none !important;
		text-align: center !important;
		width: auto !important;
	}
	.footer .list-unstyled { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
}

/* ---------- 手机 ≤640px ---------- */
@media (max-width: 640px) {
	.container { padding: 0 14px; }

	/* 横幅与标题 */
	.ny-banner { padding: 30px 0 !important; }
	.ny-banner h2 { font-size: 21px !important; }
	.ny-banner h2 small { font-size: 12px !important; }
	.crumbs { font-size: 12px; }

	/* 文章内容 */
	.info .biaoti { font-size: 18px; }
	.ny-news h1 a { font-size: 17px; }
	.info p, .info li, .neirong p, .neirong li { line-height: 1.8; }
	.info img, .neirong img, .main img { max-width: 100% !important; height: auto !important; }

	/* 宽表格横向滚动 */
	.main table, .info table, .neirong table {
		display: block;
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
	}

	/* 分页 */
	.pages a, .pages span { padding: 5px 9px; margin: 2px; font-size: 13px; }

	/* 表单 */
	.form_book input, .form_book textarea, .form_book select { max-width: 100% !important; width: 100% !important; box-sizing: border-box; }

	/* 右侧悬浮客服在手机上隐藏，避免遮挡 */
	.kefu { display: none !important; }

	/* 友情链接换行 */
	.yq-link a { display: inline-block; margin: 4px 8px; }
}

/* ---------- 超小屏 ≤380px ---------- */
@media (max-width: 380px) {
	.ny-banner h2 { font-size: 18px !important; }
	.container { padding: 0 10px; }
}

/* ============================================================
   手机端体验修复（第二轮）
   ============================================================ */
@media (max-width: 900px) {
	/* 新闻缩略图不再浮动：标题/摘要移到图下方，不再被挤成竖排 */
	.ny-news figure.pull-left {
		float: none !important;
		margin: 0 0 14px 0 !important;
	}
	.ny-news figure img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
	}
	.ny-news h1 { clear: both; }

	/* 二级栏目条：左对齐 + 自动换行，不再被裁切 */
	.crumbs { text-align: left !important; }
	.crumbs .container { text-align: left; }
	.crumbs ul { text-align: left; }
	.crumbs ul li { display: inline-block; margin: 0 14px 6px 0; }

	/* 汉堡菜单按钮：加大加粗更醒目 */
	.mobile-toggle {
		display: block;
		font-size: 2.4rem !important;
		color: #1B5E20 !important;
		padding: 6px 12px;
		border: 2px solid #ECEFF1;
		border-radius: 10px;
		background: #F7FAF7;
	}
	.nav-menu li a { font-size: 17px; padding: 4px 0; }
}

/* ---- 顶部导航二级下拉菜单 ---- */
.nav-menu li { position: relative; }
.nav-menu li.has-sub:has(> .sub-menu) > a::after {
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 10px;
	margin-left: 5px;
	display: inline-block;
	transition: transform 0.2s;
}
.nav-menu li.has-sub:has(> .sub-menu):hover > a::after { transform: rotate(180deg); }
.nav-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 10px);
	min-width: 200px;
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #ECEFF1;
	box-shadow: 0 14px 34px rgba(30,42,30,0.16);
	padding: 8px 0;
	margin: 0;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
	z-index: 999;
}
.nav-menu li.has-sub:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 4px);
}
.nav-menu .sub-menu li { width: 100%; list-style: none; }
.nav-menu .sub-menu li a {
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	color: #1E2A1E;
	border-bottom: none !important;
	white-space: nowrap;
}
.nav-menu .sub-menu li a:hover { background: #F1F8F1; color: #1B5E20; }
@media (max-width: 900px) {
	.nav-menu { align-items: flex-start; }
	.nav-menu li { width: 100%; text-align: left; }
	.nav-menu li.has-sub > a::after {
		content: "\f078";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 11px;
		margin-left: 6px;
		display: inline-block;
		transition: transform 0.2s;
	}
	.nav-menu li.has-sub.open > a::after { transform: rotate(180deg); }
	.nav-menu .sub-menu {
		position: static;
		transform: none;
		opacity: 1;
		visibility: visible;
		min-width: 0;
		border: none;
		box-shadow: none;
		background: #F7FAF7;
		border-radius: 8px;
		padding: 4px 0 4px 18px;
		margin: 4px 0;
		display: none;
	}
	.nav-menu li.has-sub.open > .sub-menu { display: block; }
	.nav-menu .sub-menu li a { padding: 8px 0; font-size: 15px; color: #455A64; }
}

/* ---- 老内页手机端固定宽度修复（页脚表单/分页被撑破） ---- */
@media (max-width: 900px) {
	.footer section,
	.footer section.bianju {
		width: 100% !important;
		float: none !important;
		margin: 0 0 28px 0 !important;
		box-sizing: border-box;
	}
	#xm, #dh, #nr, #yzm {
		width: 100% !important;
		box-sizing: border-box;
	}
	#button {
		width: 100% !important;
		margin: 0 !important;
	}
	.productInfo {
		width: auto !important;
		max-width: 340px;
	}
}

/* 手机端：抵消触摸时 :hover 触发桌面下拉位移的问题 */
@media (max-width: 900px) {
	.nav-menu li.has-sub:hover > .sub-menu,
	.nav-menu li.has-sub.open:hover > .sub-menu {
		transform: none;
		opacity: 1;
		visibility: visible;
	}
}

/* ---- 老内页手机端：留言表单块级化 ---- */
@media (max-width: 900px) {
	.form_book, .form_book ul {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.form_book ul li {
		float: none !important;
		display: block !important;
		width: 100% !important;
	}
	#xm, #dh, #nr, #yzm {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	#button {
		width: 100% !important;
		margin: 0 !important;
	}
	.pages {
		padding: 20px 0;
	}
	.pages li {
		display: inline-block;
		margin: 3px 2px;
	}
}

/* ---- 老内页手机端：页脚联系方式列表块级化 ---- */
@media (max-width: 900px) {
	.footer .list-unstyled li,
	footer#yy .list-unstyled li {
		display: block !important;
		float: none !important;
		width: auto !important;
		text-align: left !important;
		white-space: normal !important;
		padding: 2px 0;
	}
	.footer p, .footer address, .footer h3, .footer h4 {
		white-space: normal !important;
		word-wrap: break-word;
	}
}

/* ---- 内页 banner 适配吸顶头部（去掉旧固定头部遗留的 100px 空隙） ---- */
.ny-banner { margin-top: 0 !important; }
@media (max-width: 900px) {
	.ny-banner { padding: 34px 0 30px !important; background-attachment: scroll !important; }
	.ny-banner h2 { font-size: 20px; line-height: 1.5; }
	.ny-banner h2 small {
		display: block;
		padding-left: 0 !important;
		margin-left: 0 !important;
		margin-top: 8px;
		font-size: 14px;
		line-height: 1.7;
	}
	.ny-banner .weizhi { padding: 10px 0 0; font-size: 13px; }
}

/* ---- 禁止手机端缩放（双击/捏合） ---- */
html { touch-action: pan-x pan-y; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }