@charset "utf-8";

/*==============全局重置与基础设置==============*/
/* CSS Document  全局元素默认样式重置（消除浏览器差异）*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, ul, ol, li, pre, form, fieldset, legend, button, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
}

/*==============通用元素样式==============*/
/* HTML5元素基础样式 th,td{margin: 0; padding: 0;}*/
html {
	color: #000; /* 默认字体颜色 Black 黑色 */
}
html, body {
	width: 100%;
	min-width: 320px; /* 移动端最小可视宽度 */
}

/* 通用元素样式 字体与背景设置 */
body, button, input, select, textarea {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";
	font-size: 12px;
	background: #fff
}

/* 列表元素去默认样式 */
ul, ol, li, dl, dd, dt {
	list-style: none;
}
em {
	font-style: normal;
}

/* 链接样式 */
a {
	text-decoration: none; /* 去除下划线 */
	outline: none; /* 去除聚焦轮廓 */
}
a:hover {
	text-decoration: underline; 
	color: #e85300; /* 悬停颜色 */
}
legend {
	color: #000;
}
fieldset, img {
	border: 0;
}
label, button {
	cursor: pointer;
}


/*解决IE图片缩放失真 图片自适应与对齐 */
img {
	-ms-interpolation-mode: bicubic;
}


/*==============布局工具类==============*/
/*清除浮动 清除浮动（兼容IE）*/
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1; /* IE6/7触发hasLayout */
}

/* 左右浮动辅助类-----新增加的内容 */
.fl { float: left; }
.fr { float: right; }

.clear {
	clear: both;
}


/*连续英文、数字换行 强制换行（长英文/数字）*/
.wordwrap {
	word-break: break-all;
	word-wrap: break-word;
}

/*单行文字超出显示省略号*/
.omg {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
img {
	border: 0;
	vertical-align: middle;
}
a {
	color: #3a3a3a;
	text-decoration: none;
}
a:hover {
	color: #0170e2;
	text-decoration: none
}
a:active {
	color: #0170e2;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
*, a, button, input {
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}


/*====================头部导航栏布局（.ly_top）====================*/
/**ly_top 头部容器 **/
.ly_top {
	width: 96%; /* 自适应宽度 */
	max-width: 1440px; /* 最大宽度限制 */
	height: 120px;
	overflow: hidden;
	margin: 0 auto; /* 水平居中 */
	padding: 0;
}

/* Logo区域 */
.ly_top .top_logo {
	width: 500px;
	height: 120px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left; /* 左浮动布局 */
}

/* 电话信息区域 */
.ly_top .top_tel {
	float: right; /* 右浮动布局 */
	width: 255px;
	overflow: hidden;
	margin: 32px 0;
	padding-left: 58px;
	background: url(../images/tel.png) left center no-repeat;  /* 电话图标背景 */
}
.ly_top .top_tel p {
	font-size: 16px;
	color: #999;
}
.ly_top .top_tel span {
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #0170e2;
}


/*====================响应式适配（媒体查询）====================*/
/* 中等屏幕适配（如平板） */
@media (max-width:1199px) {
.ly_top {
	width: 96%;
}
}
@media (max-width:991px) {
.ly_top {
	height: auto;
}
.ly_top .top_logo {
	width: 446px;
	height: auto;
}
.ly_top .top_tel {
	width: 180px;
	margin: 30px 0;
}
.ly_top .top_tel span {
	font-size: 22px;
}
.ly_top .top_logo a img {
	max-width: 96%;
	display: inline-block;
	vertical-align: top;
}
}

/* 小屏幕适配（如手机横屏） */
@media (max-width:767px) {
.ly_top {
	height: auto;
}
.ly_top .top_tel {
	display: none;
}
.ly_top .top_logo {
	width: 100%;
	height: auto;
}
.ly_top .top_logo a {
	display: block;
	width: 100%;
	text-align: center;
}
.ly_top .top_logo a img {
	max-width: 96%;
	display: inline-block;
	vertical-align: top;
}
}

/* ===================== 主导航栏样式 ===================== */
/**ly_nav**/
.ly_nav {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #0170e2; /* 品牌蓝色-类似 DodgerBlue */
}

/* 导航容器 */
.navigation {
	width: 96%; /* 左右保留4%边距 */
	max-width: 1440px; /* 最大内容宽度 */
	margin: 0 auto; /* 水平居中 */
	padding: 0 2px;  /* 增加内边距使圆角更明显 */  /* 原代码为：padding: 0;*/
	list-style: none; /* 清除列表样式 */
}

/* 导航项基础样式 */
.navigation li {
	float: left; /* 横向排列 */
	position: relative; /* 为下拉菜单定位准备 */
	width: 11%;  /* 约9个菜单项平分宽度 */
	/* 增加项间距 */
	margin: 0 2px;  /* 增加项间距 */
}

/* 导航链接样式 */
.navigation li a {
	display: block;
	width: 90%;  /* 调整宽度使圆角可见 */ /* 原来代码为：width: 100%; */
	margin: 0 auto;
	height: 55px; /* 固定高度 */
	line-height: 55px;  /* 垂直居中 */
	padding: 0;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase; /* 英文大写 */
	color: #ffffff; /* 纯白 White */
	font-size: 16px;
}

/* 悬停/激活状态 */
.navigation li:hover, 
.navigation li a:hover, 
.navigation li a.nav_on {
	color: #fff; /* 纯白 White */
	background-color: #ffa500; /* 橙色 Orange */
		/* 新增代码，新增圆角 添加过渡动画 */
	border-radius: 8px;  /* 新增圆角 */
	transition: all 0.3s ease;  /* 添加过渡动画 */
}

/* ===================== 下拉菜单样式 ===================== */
.navigation ul {
	position: absolute;
	left: 0;
	top: 48px; /* 距离主菜单项下沿 */
	display: none; /* 默认隐藏 */
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 999; /* 确保在最顶层 */
	background-color: #fff; /* 纯白 White */
	border-top: 2px solid #e20100; /* 红色 Red */
}

/* 下拉菜单项 */
.navigation ul li {
	width: 120px; /* 固定宽度 */
	float: left;
	border-top: none;
}

/* 隔行背景色 */
.navigation ul li:nth-child(even) {
	background-color: #f5f6f8; /* 浅灰-类似 Alabaster */
}

/* 下拉菜单链接 */
.navigation ul a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0;
	color: #4e607b; /* 深蓝灰-类似 Waikawa Gray */
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	border-top: none;
}

/* 下拉菜单悬停 */
.navigation ul a:hover {
	color: #fff; /* 纯白 White */
	background-color: #fe0100; /* 亮红色 Red */
}

/* ===================== 移动端导航 ===================== */
.web_nav {
	display: none; /* 默认隐藏 */
	width: 90%;
	height: 40px;
	line-height: 40px;
	color: #fff; /* 纯白 White */
	font-size: 16px;
	margin: 0 auto;
	font-weight: bold;
}

/* 汉堡菜单按钮 */
.btn-menu {
	display: block;
	float: right;
	position: relative;
	background: transparent;
	cursor: pointer;
	padding: 12px 0;
	width: 26px; /* 按钮宽度 */
	height: 16px; /* 按钮高度 */
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

/* 汉堡菜单三条线 */
.btn-menu:before, .btn-menu:after, .btn-menu span {
	background-color: #ffffff; /* 纯白 White */
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

/* 上下两条线定位 */
.btn-menu:before, .btn-menu:after {
	content: '';
	position: absolute;
	top: 0;
	height: 1px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/* 中间线隐藏 */
.btn-menu span {
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%; /* 隐藏文字 */
}

/* 初始状态：三线汉堡 */
.btn-menu:before {
	-webkit-transform: translate3d(0, -7px, 0); /* 上线下移7px */
	transform: translate3d(0, -7px, 0);
}
.btn-menu:after {
	-webkit-transform: translate3d(0, 7px, 0); /* 下线上移7px */
	transform: translate3d(0, 7px, 0);
}

/* 激活状态：X图标 */
.btn-menu.active span {
	opacity: 0; /* 隐藏中间线 */
}
.btn-menu.active:before {
	background-color: #ffffff; /* 纯白 White */
	-webkit-transform: rotate3d(0, 0, 1, 45deg); 
	transform: rotate3d(0, 0, 1, 45deg); /* 旋转45度 */
}
.btn-menu.active:after {
	background-color: #ffffff; /* 纯白 White */
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg); /* 旋转-45度 */
}


/* ===================== 响应式适配 ===================== */
@media (max-width:1199px) {
.navigation {
	width: 96%;
}
.navigation li {
	width: 11%;
}
.navigation li a {
	width: 100%;
}
}
@media (max-width:767px) {
.web_nav {
	width: 96%;
	display: block; /* 移动端显示汉堡菜单 */
}
.navigation {
	width: 100%;
	display: none;  /* 隐藏桌面导航 */
}
.navigation li { 
	width: 100%; /* 全宽菜单项 */
	background: #f1f1f1; /* 浅灰色-类似 Cultured */
	border-bottom: 1px solid #ffffff; /* 白色分隔线 White */
}
.navigation li a {
	color: #515671; /* 蓝灰色-类似 Waikawa Gray */
	height: 40px;
	line-height: 40px;
}
}


/* ===================== 轮播图模块 ===================== */
/**banner**/
.apple-banner {
	width: 100%;
	height: 560px; /* 默认高度 */
	overflow: hidden;
}

/* Swiper容器 */
.apple-banner .swiper-container {
	width: 100%;
	height: 560px; /* 与父容器同高 */
}

/* 导航箭头容器 */
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next {
	width: 8%; /* 左右各8%宽度可点击区域 */
	height: 100%;
	top: 0;
	background: none; /* 清除默认背景 */
}


.apple-banner .swiper-button-prev {
	left: 0;
}
.apple-banner .swiper-button-next {
	right: 0;
}

/* 自定义箭头样式 */
.apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span {
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -32px; /* 垂直居中 */
	border-radius: 100%;  /* 圆形按钮 */
	background: url(../images/arrows1.png) no-repeat center center; /* 左箭头图标 */
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: .5;  /* 半透明默认状态 */
}
.apple-banner .swiper-button-next span {
	background: url(../images/arrows2.png) no-repeat center center; /* 右箭头图标 */
	left: 0;
}

/* 悬停效果 */
.apple-banner .swiper-button-prev:hover span, .swiper-button-next:hover span {
	opacity: 1; /* 不透明 */
}

/* 分页器样式 */
.apple-banner .swiper-pagination {
	top: auto; /* 取消默认定位 */
	bottom: 20px; /* 底部间距 */
	background: none;
}
.apple-banner .swiper-pagination-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	cursor: pointer;
	background: none;  /* 清除默认样式 */
	opacity: 1;
}
.apple-banner .swiper-pagination-bullet span {
	width: 100%;
	height: 100%;
	display: block;
}
.apple-banner .swiper-pagination-bullet i {
	background-color: #fff; /* 纯白 White */
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%; /* 圆形 */
}

/* 激活状态分页点 */
.apple-banner .swiper-pagination-bullet.current i, .apple-banner .swiper-pagination-bullet.swiper-pagination-bullet-active i, .apple-banner .swiper-pagination-bullet.swiper-pagination-bullet-active.firsrCurrent i {
	background: #00af66; /* 品牌绿色-类似 Malachite */
}

/* ===================== 轮播图响应式适配 ===================== */
@media (max-width:1440px) {
.apple-banner {
	height: 470px; /* 大屏高度调整 */
}
.apple-banner .swiper-container {
	height: 470px;
}
}
@media (max-width:1199px) {
.apple-banner {
	height: 400px; /* 中等屏幕高度 */
}
.apple-banner .swiper-container {
	height: 400px;
}
}
@media (max-width:991px) {
.apple-banner {
	height: 300px; /* 平板高度 */
}
.apple-banner .swiper-container {
	height: 300px;
}
}
@media (max-width:767px) {
.apple-banner {
	height: 160px; /* 移动端紧凑高度 */
}
.apple-banner .swiper-container {
	height: 160px;
}
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next {
	display: none !important; /* 隐藏箭头 */
}
.apple-banner .swiper-pagination {
	bottom: 10px; /* 缩小底部间距 */
}
.apple-banner .swiper-pagination-bullet {
	width: 8px; /* 缩小分页点 */
	height: 8px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 3px;
}
}
/*banner END*/





/* ===================== 公告模块核心样式 ===================== */
/* 公告主容器 - 浅灰色背景，顶部20px内边距 */
.announcement_main {
	background: #f5f5f5; /* 浅灰背景 */
	padding: 20px 0 0; /* 上边距20px，下边距0 */
}

/* 单个公告容器 - 白色背景+自适应布局 */
.announcement {
	min-height: 45px; /* 最小高度 */
	/* 删除行高限制，line-height: 45px; /* 行高垂直居中 */
	width: 96%; /* 宽度留4%边距 */
	max-width: 1440px; /* 最大宽度限制 */
	margin: 0 auto; /* 水平居中 */
	padding: 10px 0; /* 上下内边距 */
	background: #fff; /* 纯白背景 */
	/* 新增圆角属性 */
	border-radius: 8px; /* 统一圆角值，四个角均为8px */
	/* 新增flex布局 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* ================= 公告模块子组件样式 ================= */
/* 公告内容区 - 灰色文字 */
.announcement .gg_in {
	width: 97%; /* 宽度97%居中显示，适用于内容区域 */
	margin: 0 auto; /* 居中 */
	/* 继承flex容器特性 */
	display: inherit;
	flex-wrap: inherit;
	justify-content: inherit;
}

/* 公告标题样式 
 * 左侧带图标（35px缩进），中灰色文字 */
.announcement .announcement_title {
	float: left; /* 左浮动布局 */
	text-indent: 35px;  /* 文字缩进适配背景图标 */
	color: #555; /* 中灰文字 */
	background: url(../images/announcement_title.png) no-repeat 8px center; /* 左侧图标 */
	font-size: 15px; /* 中等字号 */
	font-weight: bold; /* 加粗显示 */
	line-height: 45px;  /* 行高等于容器高度实现垂直居中 */
} 

/* 公告正文区域 
 * 固定宽度+左浮动，中灰色文字 */
.announcement .announcement_body {
	float: left;
	width: 490px; /* 固定宽度 */
	line-height: 45px;
	font-size: 14px;
	color: #555; /* 中灰色文字 */
}

/* 公告操作区域 
 * 右浮动+固定宽度 */
.announcement .announcement_bottom {
	float: right;
	width: 280px;
}

/* 公告列表容器 */
.announcementlist {
}

/* 公告列表项 
 * 单行显示，溢出隐藏 */
.announcementlist li {
	line-height: 45px;  /* 行高垂直居中 */
	overflow: hidden; /* 隐藏溢出内容 */
	float: left; /* 横向排列 */
	margin-right: 15px; /* 右侧间距 */
}

/* 公告链接样式 
 * 单行显示省略号，中灰色文字 */
.announcementlist li a {
	color: #555; /* 中灰色文字 */
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis; /* 文字溢出显示... */
	white-space: nowrap; /* 禁止换行 */
}

/* 链接悬停状态（保持原色） */
.announcementlist li a:hover {
	color: #ffa500;
}

/* 公告附加信息 
 * 侧边说明文字，固定宽度 */
.announcementlist li span {
	float: left; /* 左侧间距 */
	margin-left: 15px;
	color: #555; /* 中灰色文字 */
	width: 20%; /* 占容器20%宽度 */
}

/* 特殊场景公告容器 
 * 白色背景+底部间距 */
.ny_announcement_main {
	background: #fff; /* 纯白背景 */
	margin-bottom: 15px;
	padding: 10px 0 0;
}

/* 特殊场景公告样式 
 * 浅灰背景+内边距调整 */
.ny_announcement_main .announcement {
	background: #f5f5f5;  /* 浅灰色背景 */
	padding: 10px 0;
}

/* 特殊场景输入框样式 
 * 白色背景覆盖默认灰色 */
.ny_announcement_main .form_text1 {
	background: #fff;
}


/* ===================== 搜索模块样式===================== */
/* 搜索输入框 - 浅灰背景 */
.form1 {
	line-height: 45px;  /* 表单容器行高 */
}
.form_text1 {
	float: left;  /* 左浮动布局 */
	width: 80%; /* 占容器80%宽度 */
	height: 42px;  /* 固定高度 */
	line-height: 42px;  /* 文字垂直居中 */
	text-indent: 10px;  /* 文字缩进10px */
	outline: none;  /* 去除聚焦轮廓线 */
	background: #f5f5f5;  /* 浅灰色背景 */
	/* 新增圆角属性 */
	border-radius: 10px; /* 统一圆角值，四个角均为10px */
}


/* 搜索按钮 - 橙色主色 */
.form_button1 {
	float: left;  /* 左浮动布局 */
	width: 20%; /* 占容器20%宽度 */
	font-size: 15px;  /* 按钮文字大小 */
	height: 42px; /* 与输入框同高 */
	background: #ffa500 url(../images/search_btn.png) center center no-repeat;  /* 橙色背景+搜索图标 */
	border: 0;  /* 去除边框 */
	outline: none; /* 去除聚焦轮廓线 */
	color: #FFF;   /* 白色文字 */
	cursor: pointer;  /* 手型光标 */
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s; /* 所有属性过渡动画 */
	/* 新增圆角属性 */
	border-radius: 8px; /* 统一圆角值，四个角均为8px */
}

/* 按钮图标尺寸 */
.form_button1 {
	background-size: 23px; /* 调整背景图标尺寸 */
}

/* 按钮悬停状态 */
.form_button1:hover {
	background: #0c9267 url(../images/search_btn.png) center center no-repeat; /* 深绿色背景 */
	background-size: 23px; /* 保持图标尺寸 */
}


/* ================= 响应式设计 ================= */
/* 大屏设备（≤1199px） */
@media (max-width:1199px) {
.announcement .announcement_body {
	width: 490px; /* 公告内容区宽度调整 */
}
}
/* 中屏设备（≤991px） */
@media (max-width:991px) {
.announcement .announcement_bottom {
	float: none; /* 取消浮动 */
	margin: 0 auto; /* 居中对齐 */
	width: 100%; /* 全宽度 */
}
/* 输入框适配 */
.form_text1 {
	width: 80%;
	height: 42px;
	box-sizing: border-box; /* 盒模型计算包含padding */
}
/* 按钮适配 */
.form_button1 {
	width: 20%;
	box-sizing: border-box;
}
}
/* 小屏设备（≤767px） */
@media (max-width:767px) {
.announcement .gg_in {
	width: 94%;  /* 公告内容区宽度微调 */
}
.announcement_main {
	padding: 10px 0 0; /* 顶部内边距调整 */
}
/* 隐藏公告标题和内容区 */
.announcement .announcement_title {
	display: none;
}
.announcement .announcement_body {
	display: none;
}
 /* 移动端列表项适配 */
.announcementlist li a {
	width: 95%; /* 链接区域宽度 */
	font-size: 12px; /* 缩小字号 */
}
.announcementlist li span {
	width: 35%; /* 右侧信息宽度 */
	font-size: 12px; /* 缩小字号 */
	margin-left: 5px;  /* 左侧间距 */
}
}



/* ================= 内容展示模块 ================= */
.ly_show {
	width: 100%; /* 全宽容器 */
	padding: 40px 0; /* 上下内边距 */
	background: #f5f5f5; /* 浅灰色背景 */
}
/* 内容区容器 */
.ly_show_in {
	width: 96%; /* 左右留4%边距适应小屏幕 */
	max-width: 1440px;  /* 最大宽度限制保障大屏显示效果 */
	margin: 0 auto; /* 水平居中布局 */
	border-radius: 8px; /* 内容区统一圆角 8px */
}

/* 侧边菜单样式 侧边导航菜单容器*/
.ly_show .show_menu {
	width: 20%;  /* 占容器20%宽度 固定宽度侧边栏布局*/
	overflow: hidden; /* 溢出隐藏 清除浮动影响*/
	margin: 0;  /* 重置默认外边距 */
	padding: 0; /* 清除默认内边距 */
	/* 新增圆角 */
	border-radius: 8px; /* 侧边栏整体圆角 8px*/
}

/* 标题模块 主标题文字样式*/
.ly_title {
	width: 100%;
	overflow: hidden; /* 触发BFC避免外边距合并 */
	margin: 0 auto 40px; /* 下外边距40px，下边距40px形成视觉分隔，左右居中 */
	padding: 0;
	/* 新增圆角 */
	border-radius: 8px; /* 标题区域圆角 8px */
}

/* 主标题文字样式 */
.ly_title p {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	color: #000000; /* 默认黑色标题 */
	font-size: 32px;   /* 大字号突出层级 */
	font-weight: bold; /* 加粗增强可读性 */
	text-align: center; /* 居中 */
}

/* 品牌色强调文字 */
/* 修复font标签样式（已废弃，建议改用span） */
.ly_title p font {
	color: #0170e2; /* 品牌主蓝色用于关键信息 */
} 

/* 副标题样式 */
.ly_title span {
	display: block; /* 块级元素 */
	width: 100%;
	height: 20px; /* 固定高度保持对齐 */
	overflow: hidden;
	line-height: 20px; /* 行高等于高度实现垂直居中 */
	margin: 10px auto 0; /* 上边距10px分隔主副标题 */
	padding: 0;
	color: #aaa; /* 浅灰色辅助文字 */
	font-size: 14px; 
	font-family: "Arial"; /* 西文字体保持字母显示效果 */
	text-align: center;
}

/* -浅色背景变体标题样式------ */
.ly_title2 p {
	color: #fff; /* 白色文字适配深色背景 */
}
.ly_title2 p font {
	color: #fff; /* 继承父级颜色设置 */
}
.ly_title2 span {
	color: #fff;   /* 白色副标题保持视觉统一 */
}

/* ------折叠菜单模块--- */
/* 菜单标题容器 */
.show_menu .menu_tit {
	width: 100%;
	height: 80px; /* 固定高度保持一致性 */
	overflow: hidden;
	margin: 0 auto;
	padding: 16px 20px; /* 内边距保证内容间距 */
	background: #0170e2; /* 品牌蓝色作为主视觉 */
	box-sizing: border-box; /* 盒模型计算方式保证尺寸准确 */
	text-align: center;
	/* 新增圆角属性 */
	border-radius: 8px 8px 0 0; /* 顶部圆角与折叠菜单形成连贯曲线 */
}

/* 菜单主标题 文字*/
.menu_tit p {
	width: 100%;
	height: 28px; /* 固定高度避免内容溢出 */
	overflow: hidden;
	line-height: 28px; /* 行高等于高度垂直居中 */
	color: #fff;  /* 白色文字高对比度 */
	font-size: 24px;
	margin: 0 auto;
	padding: 0;
	font-weight: bold;
}

/* 菜单副标题 文字样式 */
.menu_tit span {
	display: block;
	width: 100%;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.5); /* 半透明白色降低视觉权重 */
	font-family: "Arial";  /* 西文字体适配字母显示 */
	font-size: 15px;
	font-style: italic; /* 斜体区分主副标题 */
	margin: 0 auto;
	padding: 0;
}

/* 隐藏备用元素（未来扩展使用） */
.menu_tit em {
	display: none;
}

/* ----   菜单列表容器-- */
.show_menu .menu_list {
	background: #fff;  /* 白色背景形成内容对比 */
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 0 19px; /* 上下内边距保证列表间距 */
	box-sizing: border-box;
	/* 新增圆角属性 */
	border-radius: 0 0 8px 8px; /* 底部圆角与标题形成完整容器 */
}

/* 单个菜单项容器 */
.menu_list .menu_li {
	width: 90%;  /* 左右留白避免贴边 */
	height: 100%;
	margin: 0 auto;
	padding: 0 0;
	box-sizing: border-box;
}

/* 菜单项文字链接布局 */
.menu_li>p>a {
	width: 60%; /* 固定文字区域宽度 */
	float: left;  /* 左浮动实现图文并排 */
	display: block;
	color: #515671;  /* 深灰文字保证可读性 */
}

/* 菜单项容器 菜单项基础样式 */
.menu_li p {
	width: 100%;
	height: 40px; /* 固定高度统一视觉 */
	overflow: hidden;
	line-height: 40px; /* 行高等于高度垂直居中 */
	color: #666;  /* 中灰色文字 */
	font-size: 14px;
	font-weight: bold;
	background-color: #f6f6f6; /* 浅灰背景区分列表项 */
	margin: 0 auto;
	padding: 0 0 0 20px; /* 左侧内边距形成缩进 */
	box-sizing: border-box;
	margin-bottom: 5px; /* 底部间距分隔菜单项 */
	/* 增加圆角过渡动画 */
	transition: border-radius 0.3s ease; /* 圆角过渡动画 */
}

/* 菜单项右侧图标 菜单项指示图标 */
.menu_li>p>span {
	display: block;
	width: 30%; /* 固定图标区域宽度 */
	height: 40px;
	float: right;  /* 右浮动定位图标 */
	background: url(../images/menu_tb1.png) 80% center no-repeat;  /* 图标定位 默认状态图标*/
	-webkit-transition: all .25s; /* 平滑过渡动画效果 */
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s; /* 标准化写法 */
}


/* ----特定内容区域样式覆盖------- */
.ny_content .show_menu .menu_list {
	background: #f6f6f6; /* 将菜单列表背景改为浅灰色 覆盖为浅灰背景适配页面风格*/
}
.ny_content .menu_li p {
	background: #fff; /* 白色背景提升内容对比度 */
}
.ny_content .show_list ul li .show_pro_img {
	background: #f6f6f6; /* 产品图片容器背景浅灰 */
}
.ny_content .show_list ul li p {
	background: #f6f6f6; /* 产品文字背景浅灰，保持视觉一致 */
}

/* ----- 菜单交互状态-- */
/* 悬停时文字颜色变化 */
.menu_li ul li a:hover p {
	color: #ffa500; /* 悬停时文字变为品牌橙色 突出交互状态 */
}

/* 展开状态指示图标 展开状态指示图标旋转 */
.menu_li>p>span.on {
	transform: rotateX(180deg);  /* 箭头图标180度翻转 翻转图标表示展开状态 */
}

/* 菜单项悬停状态 */
.menu_li>p:hover {
	background: #ffa500; /* 悬停背景变为品牌橙色 */
	color: #fff; /* 文字变白 */
}
.menu_li>p:hover a {
	color: #fff; /* 链接文字继承白色 */
}
.menu_li>p:hover span {
	background: url(../images/menu_tb3.png) 80% center no-repeat; /* 悬切换白色图标 */
}

/* --子菜单默认样式-- */
.menu_li ul {
	display: none;  /* 默认隐藏子菜单 */
	width: 100%; 
	overflow: hidden;
	margin: 10px auto;  /* 上下边距10px */
	padding: 0;
	background: #fff; /* 白色背景 */
	padding: 10px 0; /* 上下内边距 */
}

/*产品分类第一个默认展开*/
/*.menu_li ul:first-of-type{display:block;}*/
.menu_li ul li {
	width: 100%;
	height: 30px; /* 固定高度 */
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

/* 子菜单链接样式 */
.menu_li ul li a {
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	line-height: 30px; /* 垂直居中 */
	color: #808ea4;  /* 蓝灰色文字 */
	font-size: 12px; /* 小号字体 */
	margin: 0 auto;
	padding: 0 20px; /* 左右内边距 */
	box-sizing: border-box; 
}

/* 子菜单文字容器 */
.menu_li ul li a p {
	width: 100%;
	color: #999; /* 中灰色文字 */
	background-color: #fff; /* 白色背景 */
	height: 30px;
	line-height: 30px;
	font-weight: normal; /* 常规字重 */
	padding: 0;
	/* 增加子菜单文字 容器圆角 */
	border-radius: 10px; /* 标题容器圆角 */
}

/* ---菜单图标系统--- */
/* 菜单项图标通用样式 */
.menu_li p img, .menu_li ul li a img {
	display: block;
	width: 14px; /* 小型图标尺寸 */
	height: 14px;
	margin: 13px 13px 13px 0; /* 右外边距形成间距 */
	padding: 0;
	float: left; /* 左浮动实现图文并排 */
}

/* 子菜单图标位置微调 */
.menu_li ul li a img {
	margin: 7px 13px 13px 0; /* 调整垂直间距 */
}

/* --交互状态--- */
.menu_li ul li a:hover {
	color: #fe0100;  /* 悬停时红色警示色 */
}


/* -------------------------- 产品展示区域-------------------------- */
.ly_show .show_list {
	width: 80%; /* 占据80%容器宽度 */
	margin: 0;
	padding: 0;
	background: #f5f5f5; /* 浅灰色背景 */
	/* 增加主容器圆角设置 */
	border-radius: 8px;  /* 统一8px圆角 [1,4](@ref) */
	overflow: hidden;  /* 确保内部元素圆角不溢出 */
}

/* 产品项栅格布局 */
.show_list ul li {
	width: 30.33333333%; /* 三列布局 (约 1/3) */
	margin: 0 0 20px; /* 底部间距20px */
	padding: 0 0 0 3%; /* 左侧内边距 */
	float: left; /* 浮动布局 */
	/* 增加子项圆角继承 */
	border-radius: inherit;  /* 继承父容器圆角设置 [9](@ref) */
}

.show_list ul li>div {/*box-shadow: 0px 0px 0px 1px #e0e0e0;*/
/* 增加产品卡片容器圆角 */
	border-radius: 8px;  /* 统一8px圆角 */
	overflow: hidden;  /* 配合圆角裁剪溢出内容 [6](@ref) */
    
}

/* 产品容器悬停效果 */
.show_list ul li a {
	display: block;
	margin: 0 auto;
	padding: 0 15px;
}

.show_list ul li .show_pro_img {
	background: #fff;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	/* 增加图片容器圆角设置 */
	border-radius: 8px 8px 0 0;  /* 顶部圆角6px，底部直角 [5](@ref) */
	overflow: hidden;  /* 确保图片圆角不溢出 */
}

.show_list ul li .show_pro_img a {
	margin: 0 auto;
	padding: 9px;
}

/* 图片占位容器 */
.show_pro_img span {
	display: block;
	width: 100%;
	height: 275px;  /* 固定高度 */
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative; /* 相对定位容器 */
	background: #fff;
	/* 增加图片容器圆角继承 */
	border-radius: inherit;  /* 继承.show_pro_img的圆角设置 [10](@ref) */
}

/* 响应式图片处理 */
.show_pro_img span img {
	display: block;
	max-width: 95%;  /* 最大宽度限制 */
	max-height: 95%; /* 最大高度限制 */
	margin: auto;  /* 居中显示 */
	padding: 0;
	position: absolute;  /* 绝对定位居中 */
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s; /* 图片缩放动画 */
	/* 增加图片圆角设置 */
	border-radius: 2px;  /* 微圆角防止图片棱角过锐 [7](@ref) */
}

/* ---品牌文字信息--- */
.show_list ul li p {
	width: 98%;
	height: 45px; /* 固定高度 */
	overflow: hidden;
	line-height: 45px; /* 垂直居中 */
	color: #333; /* 深灰色文字 */
	font-size: 14px;
	text-align: center; /* 居中显示 */
	margin: 0 auto 0;
	padding: 0 1%; /* 左右微间距 */
	background: #fff;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s; /* 背景色过渡 */
	/* 增加文字容器底部圆角 */
	border-radius: 0 0 8px 8px;  /* 与卡片容器圆角呼应 [3](@ref) */
}

.show_list ul li p a {
	color: #333;
	font-size: 14px;
}

/* --------------------------
   悬停动画效果
   -------------------------- */
   
   /* 当鼠标悬停在 li 的直接子 div 元素时，触发以下动画效果 */
.show_list ul li>div:hover .show_pro_img {
	background: #ffa500; /* 将图片容器背景色变为橙色（色值#ffa500） */
}

/* 悬停时对段落元素的样式调整 */
.show_list ul li>div:hover p {
	background: #ffa500; /* 段落背景同步变为橙色，与图片容器形成视觉统一 */
}

/* 悬停时段落内链接的交互反馈 */
.show_list ul li>div:hover p a {
	color: #fff;  /* 链接文字变为纯白色 */
	font-weight: bold; /* 增加字体粗度提升可读性 */
}

/* 悬停时图片的缩放动画 */
.show_list ul li>div:hover img {
	transform: scale(1.1); /* 标准语法：图片放大1.1倍 */
	-ms-transform: scale(1.1);  /* IE 浏览器兼容写法 */
	-moz-transform: scale(1.1); /* Firefox 浏览器兼容写法 */
	-webkit-transform: scale(1.1); /* Chrome/Safari 兼容写法 */
	-o-transform: scale(1.1); /* Opera 浏览器兼容写法 */
}



/* =============================
   响应式布局适配系统
   ============================= */

/* --------------------------
   大屏适配 (1440px以下)
   -------------------------- */
@media (max-width:1440px) {
/* 调整产品图片容器高度 */
.show_pro_img span {
	height: 240px;  /* 从275px缩小以适应中等屏幕 */
}
}
/* --------------------------
   桌面端适配 (1199px以下)
   -------------------------- */
@media (max-width:1199px) {
/* 主内容区调整 */
.ly_show {
	width: 100%;  /* 全屏宽度 */
	margin: 0 auto;
	padding: 20px 0; /* 增加垂直间距 */
}
/* 标题副标题间距调整 */
.ly_title span {
	margin: 5px auto 0; /* 缩小间距 */
}
 /* 侧边栏与内容区新比例 */
.ly_show .show_menu {
	width: 21%; /* 侧边导航栏宽度 */
}

.ly_show .show_list {
	width: 78%; /* 主内容区宽度 */
}
/* 产品图片容器调整 */
.show_pro_img span {
	width: 100%; 
	height: 230px; /* 继续缩小高度 */
}
.show_list ul li p {
	width: 98%;
}

/* 菜单系统优化 */
.menu_li p {
	width: 100%;
	padding: 0 5px; /* 缩小左右内边距 */
}
.menu_li ul {
	width: 100%;
}
.menu_li ul li a {
	padding: 0 10px; /* 调整子菜单内边距 */
}
}

/* --------------------------
   平板适配 (991px以下)
   -------------------------- */
@media (max-width:991px) {
/* 标题系统调整 */
.ly_title {
	margin: 0 auto 20px; /* 缩小底部间距 */
}
.ly_title p {
	font-size: 24px; /* 缩小主标题字号 */
}
.ly_title span {
	margin: 0 auto 0; /* 移除副标题上间距 */
}
 /* 转换为移动端单列布局 */
.ny_content .content_left {
	width: 100%;
}
.ny_content .content_right {
	width: 100%;
}

 /* 侧边导航栏调整 */
.content_left .show_menu {
	width: 100%;
	margin-bottom: 20px;
}
.ly_show .show_menu {
	width: 100%;
	margin-bottom: 20px;
}
}
/* --------------------------
   手机端适配 (767px以下)
   -------------------------- */
@media (max-width:767px) {
 /* 产品列表间距优化 */
.show_list ul li {
	margin: 0 0 10px; /* 缩小底部间距 */
}
/* 整体布局微调 */
.ly_show {
	padding: 10px 0 20px; /* 调整内边距 */
}
/* 移动端图片容器高度 */
.show_pro_img span {
	height: 140px; /* 手机端适宜高度 */
}
.ly_title span {
	display: none; /* 隐藏副标题 */
}
 /* 标题系统移动端优化 */
.ly_title {
	margin: 0 auto 10px; /* 最小化间距 */
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5; /* 添加分割线 */
}
/* 特殊标题变体调整 */
.ly_title2 {
	margin: 0 auto 10px;
	padding-bottom: 10px; /* 移除底部边框 */
	border-bottom: 0;
}
}



/* ===============我们的优势模块整体容器===============*/
.ly_youshi {
	background: #f5f5f5; /* 模块背景色设置为浅灰色 */
}

/* 内部内容容器 */
.ly_youshi_in {
	width: 90%; /* 默认宽度90% */
	max-width: 1440px; /* 最大宽度限制为1440px（适配大屏） */
	margin: 0 auto; /* 水平居中 */
	padding: 40px 0; /* 上下内边距 */
} 

/* 双列布局系统 */
.ly_youshi ul {
	overflow: hidden;  /* 清除浮动 */
} 

/* 双列布局系统 */
.ly_youshi ul li {
	width: 44%; /* 每列宽度44%（留出间距） */
	padding: 2%; /* 内边距 */
	float: left; /* 左浮动实现双列布局 */
	overflow: hidden;
	margin-right: 4%; /* 右边距4% */
	margin-bottom: 20px; /* 下边距 */
	background: #ffffff;  /* 白色背景 */
	 /* 增加 统一圆角设置（兼容主流浏览器） */
    -webkit-border-radius: 8px; /* 兼容Safari/Chrome旧版（2015年前版本）[6](@ref) */
    -moz-border-radius: 8px;    /* 兼容Firefox 3.6及以下版本[6](@ref) */
    border-radius: 10px;         /* 标准语法（现代浏览器支持） */
    
    /* IE兼容方案（支持IE6-9）[3,7](@ref) */
    behavior: url(/js/PIE.htc); /* 引入CSS3 PIE库实现圆角 */
    position: relative;         /* 修复IE9中PIE的z-index问题[7](@ref) */
}

/* 移除原偶数项的特殊圆角设置  */
.ly_youshi ul li:nth-child(2n) {
	margin-right: 0;
	border-radius: 10px; /* 覆盖为统一圆角 */
}


/* ================图标数字系统================== */
.ly_youshi ul li p {
	width: 100%;
	height: 50px;
	line-height: 50px; /* 垂直居中 */
	color: #333;
	font-size: 24px;
	font-weight: bold; /* 大字号标题 */
	margin: 0;
	padding: 0 0 0 62px; /* 左侧留出图标空间 */
	position: relative;
	box-sizing: border-box; /* 盒模型计算包含padding */
	overflow: hidden;
	text-overflow: ellipsis; /* 超长文字显示省略号 */
	white-space: nowrap;
}

/* 圆形图标容器 */
.ly_youshi ul li p i {
	display: block;
	width: 35px; /* 与高度相等形成正圆 */
	height: 35px;
	position: absolute;
	left: 11px; /* 左侧间距 */
	top: 8px; /* 垂直居中调整 */
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center; /* 数字水平居中 */
	line-height: 35px; /* 数字垂直居中 */
} 

/* 使用CSS 实现圆形背景实现 */
.ly_youshi ul li p i:before {
	content: "";
	display: block;
	width: 38px;
	height: 38px;
	background: #00af66; /* 圆圈背景绿色 */
	/* 增健关键属性：创建正圆[2,4,5](@ref) */
	border-radius: 50%;        /* 关键属性：创建正圆[2,4,5](@ref) */
	
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
	-o-transform: rotate(45deg);
	/* 删除 transform: rotate(45deg); /* 正方形旋转45度形成菱形 */
	position: absolute;
	left: 0;
	top: 0;
}

/* 数字定位调整 */
.ly_youshi ul li p i b {
	position: absolute;
	top: 0;
	left: 0px;
	/* 增加数字定位调整 */
	width: 100%;               /* 保证居中效果 */
    text-align: center;        /* 数字水平居中 */
}

/* 特殊文字颜色 */
.ly_youshi ul li p font {
	color: #fe0100;
}

/* 副标题样式 */
.ly_youshi ul li em {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #aaa;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 0;
	padding: 0 0 0 62px; /* 与主标题左对齐 */
	box-sizing: border-box;
	height: 30px;
}

/* 描述文字样式 */
.ly_youshi ul li span {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 24px;
	color: #666;
	font-size: 14px;
	text-align: justify; /* 两端对齐 */
	margin: 12px 0 0;
	padding: 0 0 0 62px; /* 保持与图标对齐 */
	box-sizing: border-box;
}

/* 特殊文字颜色 */
.ly_youshi ul li p font, .adv_text ul li span font {
	color: #0170e2;
}


/* =============================
   通用响应式断点系统
   ============================= */
/* 桌面端适配 (1199px) */
@media (max-width:1199px) {
.ly_youshi_in {
	width: 96%; /* 缩小容器宽度 */
	padding: 20px 0; /* 减少上下间距 */
}
.ly_youshi ul li span {
	height: 50px;  /* 固定高度避免文字溢出 */
	overflow: hidden;
}
}
/* 移动端适配 (767px) */
@media (max-width:767px) {
.ly_youshi ul li {
	width: 100%; /* 单列布局 */
	padding: 2% 2% 4%; /* 调整内边距 */
}
.ly_youshi ul li span {
	width: 94%;
	line-height: 18px;
	height: auto;
	margin: 4px 0 5px;
	font-size: 12px;
	padding: 0 0 0 52px;
}
.ly_youshi ul li p {
	font-size: 18px; /* 缩小字号 */
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 52px; /* 调整图标间距 */
}
.ly_youshi ul li em {
	padding: 0 0 0 52px;
}

/* 缩小图标尺寸 */
.ly_youshi ul li p i {
	font-size: 16px;
	width: 26px;
	line-height: 26px;
	height: 26px;
}
.ly_youshi ul li p i:before {
	width: 26px;
	height: 26px;
}
.ly_youshi ul li p i b {
	left: 4px;
}
}


/*==================首页关于我们==================*/
.ly_about {
	width: 100%;
	background: #0170e2; /* 品牌主蓝色背景，用于模块整体底色[6](@ref) */
}

/* 内容区域容器（响应式处理） */
.ly_about_in {
	width: 90%; /* 默认宽度为视口90%，适配移动端 */
	max-width: 1440px; /* 最大宽度限制，防止超宽屏幕显示异常（主流大屏适配） */
	margin: 0 auto; /* 水平居中布局 */
	padding: 50px 0; /* 上下留白50px保持呼吸感，左右自动适配容器 */
}

/* 公司简介内容容器（卡片式设计） */
.ly_about_in .gsjj {
	background: #fff; /* 白色内容区块背景，增强信息层级对比[4](@ref) */
	padding: 35px 30px; /* 内边距保证内容与边框的安全距离 */
	/* 增加简介内容容器为圆角 */
	border-radius: 12px; /* 覆盖为统一圆角 */
}

/* 图文混排布局——图片容器（传统浮动方案） */
.gsjj_img {
	float: left; /* 左浮动实现左右布局（考虑兼容性方案） */
	width: 40%; /* 图片区占比40%，符合视觉浏览习惯 */
	
}

.gsjj_img img {
	max-width: 100%; /* 图片自适应容器宽度，防止溢出破坏布局 防止溢出 */
	height: auto; /* 保持原始宽高比（隐式声明） */
	/* 增加图片容器为圆角 */
	border-radius: 12px; /* 覆盖为统一圆角 */
}

/* 文字内容容器（浮动布局配套） */
.gsjj_in {
	width: 57%;  /* 文字区宽度计算：100% - 40% - 3%间隙 */
	float: right; /* 与图片形成左右排列 */
	margin: 0 0 0 0; /* 清除默认外边距保证精准对齐 */
}

/* 主标题样式（视觉焦点） */
.gsjj .h_d {
	font-size: 24px; /* 主标题字号 采用黄金比例字号（24px = 1.5em）*/
	color: #333; /* 深灰色提升可读性 深灰色确保WCAG AA级对比度[4](@ref) */
	font-weight: bold; /* 加粗突出层级 */
}

/* 描述文本容器（可交互区域） */
.gsjj div.desc {
	font-size: 16px; /* 正文字号符合阅读舒适度标准 */
	color: #555; /* 中等灰度平衡可读性与视觉疲劳 */
	line-height: 28px; /* 2倍行距（14x2）符合中文排版规范 */
	margin-top: 20px;  /* 与标题保持安全间距 */
	height: 225px; /* 固定高度实现截断效果（需配合JS展开功能） */
	overflow: hidden; /* 内容截断处理，保障布局稳定性 */
}


/* 交互按钮（品牌色系强调） */
.gsjj a.more {
	display: block; /* 块级元素便于尺寸控制 */
	width: 140px; /* 标准按钮宽度（符合费茨定律） */
	height: 40px; /* 触摸友好高度（最小44px建议可调整） */
	font-size: 14px;
	color: #fff; /* 高对比度文字色 */
	text-align: center;
	line-height: 40px; /* 垂直居中（替代flex方案） */
	background: #00af66; /* 品牌绿色按钮 与蓝色形成对比[6](@ref) */
	float: right;  /* 右侧对齐引导视觉动线 */
	margin-top: 15px; /* 与上文保持间距 */
	transition: opacity 0.3s; /* 添加过渡效果平滑交互 微交互提升用户体验*/
	/* 增加圆角与整体设计语言统一 */
	border-radius: 8px; /* 圆角与整体设计语言统一 */
}



/* =============================
   特殊效果与交互 响应式适配系统
   ============================= */
/* 公司介绍 悬停效果系统 钮悬停状态 - 透明度变化提示可交互性*/
.gsjj a.more:hover {
	cursor: pointer; /* 鼠标手型提示可点击 */
	background-color: #FFA500; /* 新增橙色背景（色值符合网页4建议的醒目原则） */
	opacity: 0.8; /* 按钮悬停透明效果 透明度变化实现视觉反馈[6](@ref)  */
	
	/* 新增过渡动画（继承网页2的平滑过渡理念） */
	transition: all 0.3s ease; /* 新增过渡动画（继承网页2的平滑过渡理念） */
}

/* ----------- 中等屏幕适配（平板横屏） ----------- */
@media (max-width:1199px) {
.ly_about_in {
	width: 96%; /* 保持原有边距优化 */
	padding: 20px 0 40px; /* 维持精简间距（适配网页3的平板布局策略） */
} 
.gsjj {
	background: none; /* 移除背景色提升移动端简洁度 保持移动端简洁特性*/
}

/* 新增平板端悬停优化 */
	.gsjj a.more:hover {
		background-color: #FF8C00; /* 加深橙色提升可视性（参考网页4的横屏视觉补偿方案） */
}

.gsjj_img {
	width: 46%; /* 微调图片区占比 */
}
.gsjj_img img {
	width: auto;
	max-width: 100%; /* 保持响应式图片特性 */
}
.gsjj div.desc {
	height: 196px; /* 降低内容区高度 */
}
.gsjj_in {
	width: 51%; /* 调整文字区占比 */
}
}

/* 响应式适配 小屏幕适配（平板竖屏/大手机）*/
@media (max-width:991px) {
.gsjj {
	background: none;
}
.gsjj_img {
	margin-top: 0;
	width: 100%; /* 图片占满宽度，改为上下布局 */
	display: block /* 清除浮动 */
}
.gsjj_img img {
	width: 100%;
	display: block;
	height: auto;
}
.gsjj_in {
	width: 100%; /* 文字区占满宽度 */
	margin: 20px 0 0 0; /* 增加顶部间距 */
}
.gsjj a.more {
	float: none; /* 取消浮动，居中显示 */
	margin: 20px auto;
}
}

/* ----------- 超小屏幕适配（手机） ----------- */
@media (max-width:767px) {
.ly_about_in {
	padding: 20px 0 15px; /* 进一步减少间距 */
}
.ly_about_in .gsjj {
	padding: 20px 15px; /* 缩小内边距 */
}
.gsjj div.desc {
	margin-top: 10px;
	font-size: 12px; /* 缩小字号适应小屏幕 */
	line-height: 24px; /* 调整行距 */
}
}


/* =============================文章列表模块 ============================= */

/* 模块整体使用白色背景提升内容区域识别度 */
.ly_article {
	background: #ffffff; /* 模块整体白色背景 */
} 

/* 模块内容容器：实现响应式居中布局 */
.ly_article_in {
	text-align: center; /* 子元素内容居中 */
	width: 90%; /* 默认宽度90% 移动端优先的宽度设置*/
	max-width: 1440px; /* 大屏最大宽度限制 桌面端最大宽度限制*/
	margin: 0 auto; /* 水平居中 */
	padding: 40px 0; /* 上下内边距 上下内边距创造呼吸空间 */
}


/* ======================== 文章列表核心样式 ======================== */
/* 列表容器：固定高度创造视差滚动效果（需配合JS实现滚动交互） */
.textlist1 {
	height: 388px; /* 固定高度形成视差滚动效果 固定高度形成内容截断效果*/
}

/* 列表项：双列浮动布局系统 */
.textlist1 li {
	float: left; /* 浮动实现双列布局 兼容旧浏览器 */
	margin-left: 36px; /* 左边距形成间隔  列间距计算公式：(100% - 46%*2) = 8% → 36px为换算值*/
	text-align: left; /* 内容左对齐 */
	margin-bottom: 24px; /* 行间距设置 */
	height: 90px; /* 固定高度统一视觉 统一项高度保持视觉节奏*/
	width: 46%; /* 双列宽度计算：46% + 46% + 间隔 = 100% 双列布局宽度计算：留出4%作为间距*/
	background: #FFF; /* 背景色 白色 覆盖可能存在的父级背景 */
	position: relative; /* 为时间标签定位准备 为绝对定位的时间标签做准备 */
	padding: 10px 0; /* 上下内边距 上下内边距避免内容粘连*/
}

/* 偶数项右浮动实现错落布局（替代flex布局的兼容方案） */
.textlist1 li:nth-child(2n) {
	float: right; /* 创建双列布局 形成错落布局 */
	margin-left: 0; /* 清除左边距 */
}

/* ======================== 文章内容元素样式 ======================== */
/* 标题样式：处理长文本溢出 */
.textlist1 li .InfoTitle {
	display: block;
	overflow: hidden; /* 触发BFC避免浮动影响 */
	white-space: nowrap; /* 强制单行显示 */
	text-overflow: ellipsis; /* 溢出省略号 */
	text-align: left;
	font-size: 16px;
	text-indent: 65px; /* 为左侧时间标签预留空间 */
	padding-top: 5px;  /* 微调垂直对齐 */
	font-weight: bold; /* 强调标题重要性 */
}

/* 悬停交互反馈 */
.textlist1 li a:hover {
	color: #0170e2; /* 文字悬停变色 品牌蓝色主色强调可点击性 */
}

/* 摘要段落样式 */
.textlist1 li p {
	margin-left: 45px;  /* 与时间标签对齐 */
	padding: 0 0 0 20px;  /* 左侧内边距创造缩进效果 */
	color: #5d5d5d;  /* 次级文本颜色 深灰色*/
	font-size: 14px; /* 小于标题的字号层级 */
	line-height: 24px; /* 1.7倍行高保证可读性 */
	margin-top: 10px;  /* 与标题间距 */
	color: #999;  /* 浅灰色 */
	height: 48px;   /* 固定高度统一视觉 */
	overflow: hidden; /* 隐藏溢出文本 */
} 

/* ======================== 时间轴标签系统 ======================== */
.textlist1 li .time {
	float: left; /* 旧浏览器兼容方案 */
	width: 56px; /* 方形标签尺寸 */
	height: 56px;
	background: #0170e2; /* 品牌蓝色 /* 品牌主色强化视觉权重 */
	color: #FFF;  /* 高对比度文字 */
	line-height: 25px;  /* 垂直居中调整 */
	padding: 12px 12px;  /* 内边距控制内容区域 */
	position: absolute;  /* 脱离文档流定位 */
	left: -35px; /* 向左突出容器创造悬挂效果 */
	top: 16px; /* 垂直对齐调整 */
	text-align: center;
	/* 增加三维阴影增强层次感 发光效果增强视觉层次 */
    box-shadow: 0px 0px 20px #0170E2;
     /* 旧浏览器前缀 */
	-moz-box-shadow: 0px 0px 20px #0170E2;
	-webkit-box-shadow: 0px 0px 20px #0170E2;
}


/* 日期显示系统：建立视觉层级 */
.textlist1 li .time .day {
	font-size: 28px;  /* 最大字号突出日期 */
	font-weight: bold; /* 加粗显示 */
}
.textlist1 li .time .month {
	float: left;  /* 旧布局方式 */
	width: 56px;  /* 充满容器宽度 */
	font-size: 14px; /* 月份小字号 次级字号*/
}
.textlist1 li .time .year {
	float: left; /* 兼容方案 */
	font-size: 18px;  /* 年份中等字号 */
	width: 48px; /* 略小于容器避免溢出 */
}


/* ======================== 交互元素样式 ======================== */
/* 查看更多按钮：渐进增强式交互 */
.ly_article .viewmore {
	width: 140px;  /* 适合点击的热区尺寸 */
	height: 40px;
	line-height: 40px;  /* 垂直居中 */
	border: 1px solid #c5c5c5; /* 默认状态边框色 灰色边框 */
	
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	color: #6d6d6d; /* 中性文字颜色 深灰色 */
	margin: 30px auto 0;    /* 上间距分离内容区域 */
	transition: all 0.3s; /* 平滑过渡效果 */
	/* 添加圆角保持设计统一 */
	border-radius: 4px;     /* 添加圆角保持设计统一 */
}

/* 悬停状态反馈 */
.ly_article .viewmore:hover {
	color: #FFA500;         /* 橙色文字（标准色值） */
    border-color: #FFA500;  /* 橙色边框同步变化 */
    transform: translateY(-2px);  /* 轻微上移增加点击感 */
    box-shadow: 0 2px 8px rgba(255,165,0,0.2);  /* 添加橙色投影 */
}


/* ============================= 响应式适配 ============================= */

/* 桌面端适配 (1199px以下) */
@media (max-width:1199px) {
.ly_article_in {
	width: 96%; /* 增加边距占比 */
	padding: 20px 0;
}
.textlist1 li {
	width: 45%; /* 微调双列宽度 */
}
}

/* 平板适配 (991px以下) */
@media (max-width:991px) {
.textlist1 li {
	width: 43%; /* 缩小宽度增加间距 */
}
}

/* 响应式适配  移动端适配 (767px以下)*/
@media (max-width:767px) {
.textlist1 {
	height: auto; /* 取消固定高度 */
}
.textlist1 li { 
	width: 88%; /* 移动端适配 单列布局*/
	margin-left: 12%; /* 为时间标签留出空间 */
	margin-bottom: 0;
	height: auto; /* 高度自适应  修改的内容，之前代码为height: 76px;*/ 
}
.textlist1 li .InfoTitle {
	font-size: 16px;
}
.textlist1 li p {
	line-height: 20px;
	height: 42px;
	font-size: 12px;
}

/* 时间标签移动端优化 */
.textlist1 li .time {
	height: 46px; /* 缩小尺寸 */
	-moz-box-shadow: 0px 0px 10px #0170E2;
	-webkit-box-shadow: 0px 0px 10px #0170E2;
	box-shadow: 0px 0px 10px #0170E2; /* 减弱发光效果 */
}
.textlist1 li .time .day {
	font-size: 24px;
}
.textlist1 li .time .month {
	margin-top: -6px;
}
}

/* ============================= 应用案例模块 ============================= */
.ly_case {
	background: #ffffff;/* 白色背景统一风格 */
	/* 新增容器整体圆角 */
	border-radius: 10px; /* 新增容器整体圆角 */
	overflow: hidden; /* 确保圆角溢出内容被裁剪 */
}
.ly_case_in {
	text-align: center;
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 50px 0 0; /* 上内边距50px，下边距0 */
	 /* 增加内部容器同步圆角 */
	border-radius: 10px; /* 内部容器同步圆角 */
}

/* ============================= 轮播容器 ============================= */
.ly_case .slideGroup4 {
	width: 100%;
	text-align: left;
}
.ly_case .slideGroup4 .slideBox {
	width: 100%;
	height: 100%;
	overflow: hidden; /* 隐藏溢出内容 同时作用于圆角溢出裁剪*/
	zoom: 1;
	padding: 0;
	position: relative; /* 定位上下文 */
	/* 增加轮播容器圆角 */
	border-radius: 10px; /* 轮播容器圆角 */
}

/* ============================= 轮播导航箭头=============================  */
.ly_case .slideGroup4 .sPrev, .slideGroup4 .sNext {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -50px; /* 垂直居中 */
	width: 30px;
	height: 60px;
	background: url(../images/arrows1.png) center center no-repeat #097cf3; /* 品牌蓝色变体 */
	z-index: 999; /* 确保在内容上方 */
	pointer-events: auto !important;
	background-size: 34px; /* 图标尺寸 */
	/* 增加箭头按钮轻微圆角 */
	border-radius: 4px; /* 箭头按钮轻微圆角 */
}

.ly_case .slideGroup4 .sNext {
	left: auto;
	right: 0;
	background: url(../images/arrows2.png) center center no-repeat #097cf3; /* 右箭头图标 */
	background-size: 34px;
}
.ly_case .slideGroup4 .sPrev:hover, .slideGroup4 .sNext:hover {
}

/* =============================轮播条目样式 =============================*/
.ly_case .slideGroup4 .parBd ul {
	zoom: 1;
	display: flex; /* Flex布局实现横向滑动 */
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 99;
	transition: transform 0.3s; /* 平滑滑动效果  额外增加的内容 */
}
.ly_case .slideGroup4 .parBd ul li {
	margin: 0 0 0 0;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	background: #fff; /* 条目背景 */
	padding: 0 0 15px; /* 下内边距 */
	position: relative;
	/* 增加项间距避免圆角重叠 */
	border-radius: 10px; /* 每个轮播项添加圆角 */
	margin: 5px; /* 增加项间距避免圆角重叠 */
}


.ly_case .slideGroup4 .swiper-pagination {
	position: static;
	margin-top: 20px;
	display: none;
}

/* ============================= 内容元素 ============================= */
.ly_case .show_list ul li .show_pro_img {
	background: #f5f5f5;
	 /* 增加图片顶部圆角 */
	border-radius: 10px 10px 0 0; /* 图片顶部圆角 */
}
.ly_case .show_list ul li p {
	background: #f5f5f5;
	 /* 增加文本底部圆角 */
	border-radius: 0 0 10px 10px; /* 文本底部圆角 */
	padding: 15px;
	margin: 0;
}


/* ============================= 响应式适配 ============================= */

/* 桌面端适配 (1199px以下) */
@media (max-width:1199px) {
.ly_case_in {
	padding: 40px 0 0;
}
}
@media (max-width:992px) {
.ly_case .slideGroup4 .parBd ul li {
	padding: 0 0 0.2rem;
	font-size: 0.2rem;
}
}
@media (max-width:880px) {
}
@media (max-width:767px) {
.ly_case .slideGroup4 .sPrev, .slideGroup4 .sNext {
	display: none;
}
.ly_case_in {
	padding: 25px 0 0;
}
}

/* ===================== 友情链接模块 ===================== */
#link_main {
	margin: 15px 0 30px; /* 模块上下外边距，保持原布局不变 */
}
#link {
	padding: 0;
	width: 90%; /* 容器默认宽度为视口90% */
	max-width: 1440px; /* 最大宽度限制 */
	margin: 0 auto; /* 水平居中显示 */
}

/* ===================== 链接标题样式 ===================== */
.link_title {
	line-height: 36px; /* 行高等于高度实现垂直居中 */
	height: 36px;
	color: #fff;  /* 标题背景色文字保持白色 */
}


.link_title .h_d {
	font-size: 16px;
	color: #333;
	font-weight: normal; /* 取消默认粗体 */
}

/* ===================== 链接主体样式 ===================== */
.link_body {
	color: #000; /* 主体文字颜色保持黑色 */
	border-top: 0px; /* 移除顶部边框 */
	border-bottom: 0px; /* 移除底部边框 */
}
.link_bottom {
}

/* ===================== 图片链接样式 ===================== */
.link_pic {
	overflow: auto; /* 清除浮动 */
	zoom: 1; /* 兼容IE6/7的浮动清除 */
}
.link_pic ul li {
	float: left; /* 横向排列链接项 */
	padding: 1px 5px;
	text-align: center;
	width: 112px; /* 固定项宽度 */
}
.link_pic img {
	width: 86px;  /* 固定LOGO宽度 */
	height: 30px; /* 固定LOGO高度 */
	padding: 2px;
	border: 1px solid #CCC; /* 默认灰色边框 */
}

/* 图片悬停效果 */
.link_pic ul li a:hover img {
	border: 1px solid #FF6600; /* 修改悬停边框蓝色#00a4ef为橙色#FF6600 */
}

/* ===================== 文字链接样式 ===================== */
.link_text {
	overflow: hidden; /* 清除浮动 */
	zoom: 1; /* 兼容IE6/7 */
	padding: 8px 0 20px;
}
.link_text ul li {
	float: left; /* 横向排列链接项 */
	text-align: center;
	padding: 1px 15px;
	overflow: hidden; /* 清除浮动 防止内容溢出*/
	white-space: nowrap;  /* 禁止文字换行 */
}
.link_text a {
	line-height: 22px;  
	font-size: 12px;   /* 新增字号设置（比默认14px大2px） */
	color: #666;    /* 修改文字颜色为橙色#FF9900（原代码为灰色：color: #666） */
}

.link_text a:hover {
	line-height: 22px; 
	color: #FF9900; /* 悬停文字颜色 原来代码为color: #666*/
	font-size: 16px;   /* 新增字号设置（比默认12px大4px） */
}

/* ========================================响应式适配 ===========================================*/
@media (max-width:1199px) {
#link {
	width: 96%; /* 中等屏幕加宽容器 */
}
#link_main {
	margin: 15px 0 3px;
}
}
@media (max-width:991px) {
.link_title {
	height: 40px;
	line-height: 40px;
	text-align: center; /* 小屏幕标题居中 */
}
}

/* ===================== 网站底部模块 ===================== */
.foot {
	width: 100%;
	padding: 0 0 10px; /* 底部内边距：上0 左右0 下10px */
	background: #0170e2; /* 主蓝色背景 */
	margin-top: 30px;  /* 与上方内容区保持30px间距 */
}

/* 内容容器：设置最大宽度并水平居中 */
.foot .foot_in {
	width: 96%;  /* 左右保留2%边距 */
	max-width: 1440px; /* 大屏下最大内容宽度限制 */
	overflow: hidden; /* 清除内部浮动影响 */
	margin: 0 auto;   /* 水平居中定位 */
	/* 新增圆角效果 添加柔和投影增强立体感*/
	border-radius: 10px; /* 新增圆角效果 */
	box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 添加柔和投影增强立体感 */
}

/* 微信二维码区块：右侧悬浮模块 */
.foot .wx {
	width: 7%; /* 占父容器7%宽度 */
	background: #fff;  /* 白色背景突出二维码 */
	padding: 6px;  /* 内边距增加呼吸空间 */
	float: right; /* 右侧浮动定位 */
	/* 创建定位上下文 新增：隐藏放大溢出部分[7,8](@ref) 新增二维码容器圆角*/
	position: relative; /* 创建定位上下文 */
	overflow: hidden; /* 新增：隐藏放大溢出部分[7,8](@ref) */
	border-radius: 6px; /* 新增二维码容器圆角 */
}

/* 二维码图片自适应规则 及悬停动画*/
.foot .wx img {
	max-width: 100%; /* 图片自适应容器 图片不超过容器宽度 */
	margin: 0 auto; /*  水平居中显示  */
	/* 增加消除图片底部间隙 平滑过渡动画[6](@ref)*/
	display: block; /* 消除图片底部间隙 */
	transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 平滑过渡动画[6](@ref) */
} 


/* 二维码描述文字样式 */
.foot .wx p {
	color: #356ca5; /* 深蓝色文字与品牌色系呼应 */
	font-size: 12px;  /* 小字号适配辅助信息 */
	text-align: center; /* 文字居中排版 */
	/* 增加文字与图片间距 保证文字层在图片上方 防止被放大图片覆盖 */
	margin-top: 8px; /* 增加文字与图片间距 */
	position: relative; /* 保证文字层在图片上方 */
	z-index: 1; /* 防止被放大图片覆盖 */
}


/* 主体内容区：包含链接列表和文字信息 */
.foot .others {
	width: 90%;  /* 占父容器90%宽度 */
	float: left; /* 左侧浮动形成双栏布局 */
	/* 增加垂直呼吸空间 */
	padding: 15px 0; /* 增加垂直呼吸空间 */
}

/* 链接列表容器：底部装饰线设置 */
.foot ul {
	width: 96%; /* 左右保留2%边距 */
	max-width: 1440px;  /* 与大容器宽度对齐 */
	border-bottom: 1px solid #338de8; /* 底部装饰线 浅蓝色分隔线*/
	text-align: center; /* 内容居中布局 */
	padding: 30px 0 20px; /* 上下内边距设置 */
	margin: 0 auto 20px; /* 底部20px外边距 */
}

/* 列表项横向排列规则 */
.foot ul li {
	display: inline-block; /* 行内块元素实现横向排列 */
	vertical-align: top; /* 顶部对齐防止高度不一致 */
	width: 10%; /* 等分宽度布局（共10项） */
	text-align: center; /* 文字居中显示 */
	/* 新增悬停动画 */
	transition: transform 0.2s ease; /* 新增悬停动画 */
}

/* 新增悬停轻微上移效果 */
.foot ul li:hover {
	transform: translateY(-2px); /* 悬停轻微上移效果 */
}


/* 导航链接基础样式 优化交互效果*/
.foot ul li a {
	color: #fff; /* 白色文字增强对比度 */
	font-size: 14px;  /* 标准字号保证可读性 */
	height: 20px; /* 垂直居中 固定高度*/
	line-height: 20px; /* 单行文字垂直居中 */
	 /* 使整个区域可点击 扩大点击热区*/
	display: block; /* 使整个区域可点击 */
	padding: 8px 0; /* 扩大点击热区 */
}

/* 分隔符样式（可能用于竖线分隔） */
.foot ul em {
	display: inline-block; /* 行内块显示特性 */
	vertical-align: top;  /* 顶部对齐 */
	height: 20px;  /* 与链接高度一致 */
	line-height: 20px; /* 垂直居中 */
	color: #65a0dc;  /* 浅蓝色降低视觉权重 */
	/* 增加降低视觉权重 */
	opacity: 0.6; /* 降低视觉权重 */
}

/* 辅助文字段落样式 增强可读性*/
.foot .others p {
	font-size: 14px; /* 标准字号保证可读性 */
	color: #97c1ff; /* 浅蓝色文字辅助层次 */
	line-height: 30px; /* 舒适的行间距 */
	text-align: left;  /* 左对齐文字排版 */
}

/* 文字链接交互状态 */
.foot .others p a {
	color: #97c1ff;  /* 与段落文字同色 浅蓝色 #97c1ff */
	 /* 增加限制行长提升阅读体验 */
	max-width: 80ch; /* 限制行长提升阅读体验 */
	margin: 10px 0;
}

.foot .others p a:hover {
	color: #fff;  /* 悬停时变为白色增强反馈 */
}

/* 响应式适配：平板及以下设备 */
@media (max-width:1199px) {
.foot {
	margin-top: 10px;
}
}


/* 响应式适配  多级响应式高度调整 */
@media (max-width:991px) {
.foot .others {
	width: 80%;
}
.foot .wx {
	width: 10%;
}
}
@media (max-width:767px) {
.foot ul {
	display: none; /* 移动端隐藏导航链接 */
}
.foot .others {
	float: none;
	width: 100%;
	padding: 15px 0 10px;
}
.foot .wx {
	display: none; /* 隐藏二维码 */
}
.foot .others p {
	font-size: 12px;
	line-height: 24px;
	text-align: center; /* 移动端文字居中 */
}
}

/* ===================== 内页横幅模块 ===================== */
.ny_banner {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	  /* 默认备用背景图（非轮播内容时显示）居中平铺，隐藏溢出内容 */
	background: url(../images/ny_banner1.jpg) center center no-repeat; /* 全屏背景图居中显示 */
	overflow: hidden; /* 防止内容溢出 */
}

/* 轮播容器基础样式 */
.ny_banner .slideshow {
	height: 300px; /* 默认高度 基准高度（桌面端大屏）*/
	overflow: hidden;
	background-repeat: no-repeat;
	/* 轮播项背景图配置：居中显示、覆盖容器、禁止重复 */
    background: center/cover no-repeat;
}

/* 响应式高度适配系统（按断点降序排列避免样式覆盖冲突）*/
/* 中等屏幕适配：1001px-1199px（如小型笔记本） */
@media (max-width: 1199px) and (min-width: 1001px) {
.ny_banner .slideshow {
	height: 280px;  /* 默认高度 中等屏幕高度 */
}
}

/* 小屏幕适配：≤1000px（如平板横屏） */
@media screen and (max-width: 1000px) {
.ny_banner .slideshow {
	height: 240px; /* 小屏幕高度 */
}
}

/* 移动端适配：≤760px（如手机大屏） */
@media screen and (max-width: 760px) {
.ny_banner .slideshow {
	height: 200px; /* 移动端高度 */
} 
}

/* 超小屏幕适配：≤480px（如手机竖屏） */
@media screen and (max-width: 480px) {
.ny_banner .slideshow {
	height: 150px; /* 超小屏幕高度 */
}
}


/* ===================== 页面主体布局系统 内页一大堆=====================*/
.ny_content {
	width: 90%; /* 默认宽度留白 */
	max-width: 1440px;  /* 最大内容宽度 */
	margin: 0 auto; /* 居中显示 */
}

/* 侧边栏布局系统 */
.ny_content .content_left {
	float: left;
	width: 20%; /* 侧边栏宽度占比 */
}
.ny_content .content_left .c_tlt {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background: #0170e2; /* 品牌蓝色标题栏 */
	color: #ffffff;
}

/* 目录导航系统 */
.pro_mulu li a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: left;
	padding: 0 20px;
	background: #f1f1f1; /* 浅灰背景 */
	color: #555;
	font-size: 14px;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis; /* 文字溢出处理 */
	white-space: nowrap;
}
.pro_mulu li div a {
	background: #ffffff; /* 二级菜单白色背景 */
	height: 30px;
	line-height: 30px; /* 缩进层级高度差 */
	font-size: 12px;
}
.pro_mulu a.pro_more {
	background: #ddd;
	display: block;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

/* 新闻列表系统 */
.news_l {
	padding: 20px 0;
	border-top: none;
	margin-bottom: 20px;
	background: #f6f6f6; /* 列表容器背景 */
}
.news_l li {
	width: 94%;
	margin: 0 auto;
	background: #fff;
	margin-bottom: 5px;
}
.news_l li a {
	display: block;
	font-size: 12px;
	color: #555;
	padding-left: 20px; /* 图标留白 */
	padding-right: 5px;
	background: url(../images/news.png) 10px center no-repeat; /* 列表项图标 */
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_l li a:hover {
	color: #0170e2; /* 悬停品牌色 */
}

/* ===================== 右侧内容区域 ===================== */
.ny_content .content_right {
	float: right;
	width: 80%; /* 主内容区宽度 */
}
.ny_content .content_right2 {
	float: none;
	width: 100%;
	padding-bottom: 30px;
}
.ny_content .content_right .bread_nav {
	margin-bottom: 10px;
	padding: 0 0 0 3%;
}
.ny_content .content_right2 .bread_nav {
	margin-bottom: 10px;
	padding: 0 0 0 0;
}
.ny_content .content_right .bread_nav .bread_nav_in {
	overflow: hidden;
	border-bottom: 1px dotted #dedede;
	padding-bottom: 12px;
	line-height: 40px;
}
.ny_content .content_right .bread_nav .h_d {
	width: 20%;
	font-size: 20px;
	color: #333;
	float: left;
	font-weight: bold;
	text-align: left;
}
.ny_content .content_right .bread_nav div {
	float: right;
	width: 78%;
	text-align: right;
	color: #777;
	overflow: hidden;
	font-size: 14px;
}
.ny_content .content_right .bread_nav div a {
	color: #555;
}
.ny_content .content_right .bread_nav div a:hover {
	color: #0170e2
}
.ny_content .content_right .conn {
	color: #555;
	font-size: 14px;
	line-height: 28px;
	padding-top: 10px;
}
.ny_content .ny_news_con {
	min-height: 370px;
	margin-bottom: 20px;
}
.new_inside {
	overflow: hidden;
	margin-bottom: 30px;
}
.new_inside li {
	width: 100%;
}
.news_box {
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.06);
	background: transparent;
	height: 180px;
}
.news_txt {
	float: left;
	padding: 36px 0 28px 10%;
	transition: all .3s ease-out 0s;
}
.news_box:hover .news_txt {
	padding: 36px 0 28px 13%;
}
.news_txt a span {
	font-size: 16px;
	color: #333;
	display: block;
	height: 24px;
	overflow: hidden;
	margin-bottom: 20px;
	transition: all .3s ease-out 0s;
}
.news_box:hover .news_txt a span {
	color: #333
}
.news_box:hover .news_txt i {
	color: #999
}
.news_txt i {
	color: #7D7D7D;
	font-style: normal;
	line-height: 24px;
	height: 73px;
	display: block;
	overflow: hidden;
}
.news_date {
	width: 80px;
	float: right;
	font-family: "微软雅黑";
	color: #999;
	padding: 36px 66px 0 0;
	transition: all .3s ease-out 0s;
	position: absolute;
	left: 0;
	float: left;
	padding-top: 30px;
}
.news_box:hover .news_date {
	padding: 36px 86px 0 0
}
.arrow_left {
	position: absolute;
	top: 90px;
	left: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	border: 1px solid #fff;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	background: url(../images/icon.png) no-repeat 9px 14px;
}
.news_box:hover .arrow_left {
	border: 1px solid #00af66;
	background: url(../images/icon_hover.png) no-repeat 9px 14px #00af66;
}
.arrow_left i {
	width: 14px;
	height: 9px;
	display: block;
	margin: 13px 0 0 11px;
}
.news_date span {
	float: left;
	line-height: 36px;
	height: 36px;
	font-size: 24px;
	font-family: "微软雅黑";
}
.news_date i {
	float: left;
	color: #ABABAB;
	font-size: 0;
}
.news_txt a span::before {
	width: 35px;
	height: 1px;
	content: '';
	background: #BFBFBF;
	position: absolute;
	top: 48px;
	left: 90px;
	transition: all 0.3s ease-out 0s;
}
.news_box:hover .news_txt a span::before {
	width: 60px;
	transition: all 0.3s ease-out 0s;
	background: #7D7D7D;
}
.news_box:hover .news_date span {
	color: #333;
}
.news_box:hover .news_date {
	padding: 30px 42px 0 0;
}
.ny_content .content_right .conn .ny_news_tlt {
	text-align: center;
	font-size: 20px;
	color: #555;
	padding: 10px 0;
	font-weight: normal;
}
.ny_news_time {
	text-align: center;
	font-size: 12px;
	color: #999;
	padding: 10px 0;
	margin-bottom: 25px;
	margin-top: 15px;
	background: #f5f5f5;
}
.ny_news_ye {
	padding: 30px 0 20px;
}
.ny_news_ye p {
	height: 35px;
	line-height: 35px;
	background: #f1f1f1;
	margin-bottom: 10px;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ny_content .content_right .conn ul.h_product_bd {
	padding-top: 20px;
}
.ny_content .content_right .conn ul.h_product_bd li {
	float: left;
	width: 30%;
	margin-right: 45px;
	margin-bottom: 30px;
}
.ny_content .content_right .conn ul.h_product_bd2 li {
	margin-right: 60px;
}
.ny_content .content_right .conn ul.h_product_bd li:nth-child(3n) {
	margin-right: 0px;
}
.ny_content .content_right .conn ul.h_product_bd li div {
	display: block;
	background: #ffffff;
	padding: 10px 10px 80px;
	position: relative;
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.3);
	box-shadow: 0px 0px 1px rgba(0,0,0,.3);
}
.ny_content .content_right .conn ul.h_product_bd li div .show_pro_img {
	width: 100%;
	height: 220px;
	text-align: center;
	overflow: hidden;
	background: #fff;
}
.ny_content .content_right .conn ul.h_product_bd li div .show_pro_img img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.ny_content .content_right .conn ul.h_product_bd li div .show_pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}
.ny_content .content_right .conn ul.h_product_bd li div p {
	padding: 5px 1%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 98%;
	background: #ffffff;
	color: #333;
	font-size: 18px;
	text-align: center;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.ny_content .content_right .conn ul.h_product_bd li div p span {
	padding-top: 4px;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}
.ny_content .content_right .conn ul.h_product_bd li div p em {
	display: block;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	padding-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ny_content .content_right .conn ul.h_product_bd li div:hover p em {
	display: block;
}
.ny_content .content_right .conn ul.h_product_bd li div:hover p span {
	height: 40px;
	line-height: 40px;
}
.ny_content .content_right .conn ul.h_product_bd li div:hover .show_pro_img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
}

/* 产品标题悬停动效 */
.ny_content .content_right .conn ul.h_product_bd li div:hover p {
	height: 80px; /* 展开高度 */
	background: #0170e2; /* 品牌蓝色背景 */
	color: #ffffff; /* 文字反白 */
}
.content_left .show_menu {
	width: 100%;
	margin-bottom: 20px;
}
.page_list {
	margin-bottom: 30px;
	margin-top: 30px;
}
.ly_msg h3 {
	display: none;
}
.content_right .conn .pro_name {
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	color: #0170e2;
	margin-bottom: 10px;
}

/* ===================== 产品详情页布局 ===================== */
.content_right .conn .proshow1 {
	padding-top: 40px;
	position: relative;
}

/* 左右分栏布局 */
.content_right .conn .proshow1 .js-silder {
	float: left;
	width: 45%;
	margin-top: 0 !important;
	border: 1px solid #ddd;
}
.proshow1 .js-silder .silder-main-img {
	width: 100%;
	text-align: center;
	height: 500px;
}
.proshow1 .js-silder .silder-main-img img {
	max-width: 80% !important;
	max-height: 100%;
	vertical-align: middle
}
.proshow1 .js-silder .silder-main-img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}


.proshow1 .prodesc p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
.proshow1 .prodesc p.bt {
	font-size: 20px;
	font-weight: bold;
	color: #0170e2;
}
.content_right .conn .proshow1 .prodesc {
	float: right;
	width: 51%;
}
.content_right .conn .proshow1 .prodesc p.desc {
	height: 125px;
	overflow: hidden;
	color: #999;
}
.content_right .conn .proshow1 .pro_btn {
	padding-top: 30px;
	overflow: hidden;
}


/* ===================== 产品操作按钮样式 ===================== */

/* 基础按钮样式
----------------------------------------------
- 统一按钮高度和行高实现垂直居中
- 使用圆角矩形风格（8px半径）
- 设置过渡动画提升交互体验 */

/* 产品操作按钮 */
.content_right .conn .proshow1 .pro_btn1 {
	display: block;
	width: 40%;
	margin-right: 20px;
	height: 55px;
	line-height: 55px; /* 垂直居中 */
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #0170e2; /* 主操作按钮品牌色 */
	border-radius: 10px;
	float: left;
	border: 1px solid #fff;
}
.content_right .conn .proshow1 .pro_btn2 {
	display: block;
	width: 40%;
	margin-right: 0;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	background: #7b7b7b; /* 次要按钮中性色 */
	color: #fff;
	border-radius: 10px;
	float: left;
	border: 1px solid #fff;
}



/* 按钮悬停反馈 */

/* 在线留言按钮（主操作按钮）- 品牌蓝色作为基础色  悬停状态切换为绿色系 */
.content_right .conn .proshow1 .pro_btn1:hover {
	background: #4CAF50;   /* 悬停绿色 */
	border-color: #45a049; /* 深绿色边框 */
	color: #fff !important; /* 显式声明悬停颜色 */ 
}

/* 电话咨询按钮（次要按钮）中性灰色作为基础色 - 悬停状态切换为橙色系 */
.content_right .conn .proshow1 .pro_btn2:hover {
	background: #FF9800;   /* 悬停橙色 */
	border-color: #F57C00; /* 深橙色边框 */
	color: #fff !important; /* 显式声明悬停颜色 */
}

/* 相关产品列表容器 */
.content_right .conn .xgcp {
	overflow: hidden;
}

/* 相关产品项样式 */
.content_right .conn .xgcp li {
	float: left;
	width: 22.75%;
	margin: 0 3% 30px 0;      /* 合并margin声明 */
	margin-bottom: 30px;
	padding: 0;
	margin-right: 3%;
}





.content_right .conn .xgcp li:nth-child(4n) {
	margin-right: 0px;
}
.tags_title {
	border-bottom: 1px solid #DDD;
	margin: 20px 0 30px;
}
.tags_title span {
	width: 80px;
	padding: 0 15px;
	font-size: 16px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	margin-bottom: -1px;
	background: #fff;
	color: #333;
	display: block;
	margin-left: 5px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}
.proshow2 {
	padding-top: 60px;
}
.proshow2 .prodetail_con {
	float: right;
	width: 77%;
}
.proshow2 .prodetail_con .tags_title {
	margin: 0;
}
.proshow2 .prodetail_con .content {
	padding: 30px 0;
}
.proshow2 .prodetail_con .content img {
	max-width: 80%;
	height: auto !important;
}
@media (max-width:1440px) {
.news_txt {
	padding: 36px 0 28px 13%;
}
}
@media (max-width:1199px) {
.ny_content {
	width: 95%;
}
.ny_content .content_right .conn ul.h_product_bd li {
	width: 30%;
	margin-right: 5%;
}
.content_right .conn .xgcp li {
	width: 23%;
	margin-right: 2.33333%;
}
.silder-main {
	min-height: inherit;
}
.proshow1 .js-silder .silder-main-img {
	height: 400px;
}
.proshow1 .js-silder .silder-main-img img {
	max-width: 80% !important;
	max-height: 85%;
}
.content_right .conn .xgcp li div .show_pro_img span {
	height: 180px;
}
}


/* ===================== 响应式适配系统 ===================== */
@media (max-width:991px) {
/* 移动端单列布局 */
.ny_content .content_left {
	float: none;
	width: 100%;
}
.ny_content .content_right {
	float: none;
	width: 100%;
}
.ny_content .content_left .c_tlt {
	background: #bbbbbb !important;
	font-size: 15px;
	text-align: left;
	padding: 0 20px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
}
.menu_tit {
	background: #0170e2 !important;
}
.menu_tit p {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	float: left;
	width: 30%;
	text-align: left;
}
.menu_tit em {
	cursor: pointer;
	display: block;
	width: 30%;
	text-align: right;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	float: right;/*background:url(../images/jt.png) no-repeat right center;*/
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
/*.menu_tit em.on{transform:rotateX(180deg);}*/
.menu_list .menu_li {
	overflow-y: scroll;
	overflow-x: hidden;
}
.menu_li p {
	padding: 0 10px;
}
.menu_li ul li a p {
	width: 100%;
}


/* ===================== 目录折叠菜单响应式样式 ===================== */
/* 菜单列表容器-移动端适配 */
.show_menu .menu_list {
	height: 300px; /* 固定高度产生滚动条 */
	display: none; /* 默认折叠状态 */
	border-radius: 0 0 8px 8px; /* 底部圆角与标题形成完整容器 */
}

/* 菜单标题栏-移动端适配 */
.show_menu .menu_tit {
	height: 40px; /* 缩小高度适应小屏幕 */
	padding: 0 20px;  /* 左右内边距 */
}
.menu_tit span {
	display: none;  /* 隐藏副标题 */
}
/* 内容展示区适配 */
.ly_show .show_list {
	width: 100%; /* 全宽显示 */
}
/* 产品项栅格布局调整 */
.show_list ul li {
	width: 48%;  /* 两列布局 (约1/2宽度) */
	padding: 0 1% 0 1%; /* 左右1%间距 */
}
.show_list ul li p {
	width: 98%;  /* 微调宽度避免溢出 */
}
/* 产品图片容器高度调整 */
.content_right .conn .xgcp li div .show_pro_img span {
	height: 170px; /* 缩小高度适应移动布局 */
}
/* 新闻内容最小高度 */
.ny_content .ny_news_con {
	min-height: 150px; /* 保证内容区域基本高度 */
}
.menu_list .menu_li {
	width: 95%;
}
.news_txt {
	padding: 36px 0 28px 20%;
}
.news_box:hover .news_txt {
	padding: 36px 0 28px 21%;
}
}

/* ===================== 移动端适配 (≤767px) ===================== */
 @media (max-width:767px) {
 /* 面包屑导航调整 */
.ny_content .content_right .bread_nav {
	overflow: visible; /* 允许内容溢出 */
	height: auto; /* 高度自适应 */
	line-height: 24px; /* 调整行距 */
} 
.ny_content .content_right .bread_nav .h_d {
	float: none;  /* 取消浮动 */
	width: 100%; /* 全宽显示标题 */
}
.ny_content .content_right .bread_nav div {
	float: none; /* 取消浮动 */
	width: 100%;  /* 全宽显示路径导航 */
	text-align: left; /* 左对齐 */
	line-height: 24px;  /* 紧凑行距 */
	padding-top: 0px; /* 移除顶部间距 */
}

 /* 左侧菜单标题 */
.ny_content .content_left .c_tlt {
	height: 38px; /* 缩小高度 */
	line-height: 38px; /* 垂直居中 */
}
 /* 新闻内容布局调整 */
.news_txt {
	padding: 20px 0 20px 15%; /* 左侧留白 */
}
.news_date {
	width: 13%;  /* 日期容器宽度 */
	padding: 20px 3% 0 0; /* 定位调整 */
}
.news_txt span::before {
	display: none; /* 移除装饰线 */
} 
.news_txt span {
	margin-bottom: 10px;
}
.news_txt i {
	height: 50px;  /* 固定描述区域高度 */
	overflow: hidden; /* 超出隐藏 */
	display: block;
}
/* 新闻容器调整 */
.news_box {
	height: auto; /* 高度自适应 */
	overflow: hidden; /* 清除浮动 */
}
.arrow_left {
	top: auto; /* 取消顶部定位 */
	bottom: 20px;  /* 底部定位 */
}
.ny_content .content_right2 {
	padding-bottom: 0;
}
.news_box:hover .news_txt {
	padding: 20px 0 20px 23%;
}
.news_box:hover .news_date {
	padding: 20px 3% 0 0;
}
.ny_content .ny_news_con {
	min-height: 300px;
}

 /* 产品栅格布局 */
.content_right .conn .xgcp li {
	width: 46%; /* 两列布局 */
}
.content_right .conn .xgcp li:nth-child(2n) {
	margin-right: 0; /* 清除偶数项右边距 */
}

/* 产品列表布局 */
.ny_content .content_right .conn ul.h_product_bd li {
	width: 49%; /* 接近1/2宽度 */
	margin-right: 2%; /* 项间距 */
}
.ny_content .content_right .conn ul.h_product_bd li:nth-child(2n) {
	margin-right: 0 !important; /* 强制清除偶数项间距 */
}
.ny_content .content_right .conn ul.h_product_bd li:nth-child(3n) {
	margin-right: 2%;
}

/* 图片容器 */
.ny_content .content_right .conn ul.h_product_bd li div .show_pro_img {
	height: 180px;
}

 /* 产品详情页调整 */
.content_right .conn .proshow1 {
	padding: 20px 0; /* 调整间距 */
}
.proshow1 .js-silder .silder-main-img {
	height: 300px;
}
.content_right .conn .proshow1 .js-silder {
	float: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
}
.content_right .conn .proshow1 .prodesc {
	float: none;
	width: 100%;  /* 全宽显示描述区域 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 15px; /* 顶部间距 */
}
.content_right .conn .proshow1 .prodesc p.desc {
	height: 74px;
}
.content_right .conn .proshow1 .pro_btn {
	padding-top: 15px;
}

 /* 按钮样式调整 */
.content_right .conn .proshow1 .pro_btn1 {
	height: 44px; /* 缩小按钮高度 */
	line-height: 44px; /* 垂直居中 */
}
.content_right .conn .proshow1 .pro_btn2 {
	height: 44px;
	line-height: 44px;
}
.content_right .conn .proshow1 .pro_btn2 em {
	display: none;
}

/* 详情页标签标题 */
.tags_title {
	margin: 20px 0 30px; /* 调整间距 */
}
.proshow2 .prodetail_con {
	width: 100%;
}
.proshow2 {
	padding-top: 0;
}
.proshow2 .prodetail_con .content {
	padding: 10px 0;
}
/* 图片容器最终调整 */
.content_right .conn .xgcp li div .show_pro_img span {
	height: 140px; /* 移动端最终高度 */
} 
}


/* ===================== 联系方式模块 ===================== */
/* 标签标题容器 */
.contact .tags_title {
    /* 留空用于扩展样式 */
}
/* 标签切换按钮基础样式 */
.contact .tags_title span {
	float: left; /* 横向排列标签 */
	width: auto; /* 自适应宽度 */
	cursor: pointer; /* 手型指针 */
}
/* 激活状态标签样式 备用内容容器（默认隐藏） */
.contact .tags_title span.ron {
	background: #f1f1f1; /* 浅灰背景 */
	border: 1px solid #f1f1f1; /* 统一边框色 */
	border-bottom: 1px solid #DDD; /* 底部装饰线 */
	color: #666;  /* 中灰色文字 */
	font-weight: normal; /* 常规字重 */
}
.contact .content2 {
	display: none; /* 用于未来扩展备用布局 */
}
/* 联系信息列表容器 */
.contact .content1 ul {
    /* 初始化列表样式 */
}
/* 单个联系信息项 */
.contact .content1 ul li {
	float: left;  /* 三列浮动布局 */
	width: 30%; /* 占容器30%宽度 */
	margin-right: 45px; /* 右侧间距 */
}
/* 每行第三项清除右边距 */
.contact .content1 ul li:nth-child(3n) {
	margin-right: 0; /* 消除最后一列的间距 */
}
/* 联系信息链接样式 */
.contact .content1 ul li a {
	display: block; /* 块级链接区域 */
}
/* 图标容器样式 */
.contact .content1 ul li a em {
	display: block;
	float: left; /* 左浮动实现图文排列 */
	width: 60px; /* 固定图标容器尺寸 */
	height: 60px;
	border: 1px solid #ddd; /* 浅灰边框 */
	border-radius: 50%; /* 圆形效果 */
	margin-right: 15px; /* 与文字间距 */
}
/* 电话图标 */
.contact .content1 ul li.lx1 em {
	background: url(../images/contact_tel.png) center center no-repeat;
}
/* 邮件图标 */
.contact .content1 ul li.lx2 em {
	background: url(../images/contact_email.png) center center no-repeat;
}
/* 地址图标（带动画） */
.contact .content1 ul li.lx3 em {
	background: url(../images/contact_address.png) center center no-repeat;
	-webkit-animation: bounce-up 1.4s linear infinite; /* 浏览器前缀 */
	animation: bounce-up 1.4s linear infinite; /* 上下浮动动画 */
}
/* 文字信息区域 */
.contact .content1 ul li a .wz {
	float: left; /* 与图标并排 */
	width: 78%;  /* 占78%容器宽度 */
}
/* 主要文字样式 */
.contact .content1 ul li a .wz p {
	font-size: 18px;  /* 大字号标题 */
	padding-bottom: 10px; /* 底部间距 */
}
/* 辅助文字样式 */
.contact .content1 ul li a .wz span {
	font-size: 18px; /* 统一字号 */
}

/* ===================== 地图容器 ===================== */
.lx_dz {
	width: 100%;
	overflow: hidden; /* 清除浮动 */
	margin: 50px auto 20px; /* 上下边距 */
	padding: 0;
}
/* 地图外框 */
.lx_dz .dz_map {
	width: 97%;  /* 左右留白 */
	height: 370px; /* 默认高度 */
	overflow: hidden; /* 隐藏溢出 */
	margin: 0 auto;
	padding: 1%; /* 内边距 */
	border: 1px solid #d9d9d9; /* 浅灰边框 */
}
/* 地图iframe适配 */
.lx_dz .dz_map iframe {
	width: 100%; /* 全宽填充 */
}
.lx_dz .dz_map iframe body {
	width: 100%;
}

/* ===================== 响应式适配 ===================== */
@media (max-width:1199px) {
    /* 中等屏幕文字区域调整 */
.contact .content1 ul li a .wz {
	width: 60%; /* 缩小文字区域 */
}
}
@media (max-width:880px) {
    /* 平板设备布局调整 */
.contact .content1 ul li {
	float: none; /* 取消浮动 */
	width: 100%; /* 全宽显示 */
	margin-right: 0; /* 清除间距 */
	margin-bottom: 20px; /* 底部间距 */
}
.contact .content1 ul li a .wz {
	width: 75%; /* 调整图文比例 */
}

/* 文字排列优化 */
.contact .content1 ul li a .wz p {
	float: left; /* 左浮动换行 */
	width: 100%;
	line-height: 26px;
	padding-right: 10px;
}
.contact .content1 ul li a .wz span {
	float: left;
	width: 100%; 
	line-height: 26px; /* 紧凑行高 */
}

 /* 地址特殊处理 */
.contact .content1 ul li.lx3 a .wz span {
	float: left;
	line-height: 30px; /* 增大行距 */
}
 /* 地图容器调整 */
.lx_dz {
	margin: 20px auto 20px; /* 减少上下间距 */
}
.lx_dz .dz_map {
	height: 270px; /* 缩小地图高度 */
}
}
@media (max-width:767px) {
    /* 移动端容器优化 */
.contact_wrap {
	width: 100%; /* 全宽显示 */
}
}
/*分页*/
.page_list {
	text-align: center;
}
.page_list a {
	display: inline-block;
	padding: 0 10px;
	background: #f5f5f5;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-right: 5px;
	border-radius: 2px;
}
.page_list a:hover {
	background: #0170e2;
	color: #ffffff;
}
.page_list a.pnnum1 {
	background: #0170e2;
	color: #ffffff;
}
.page_list input {
	display: inline-block;
	padding: 0 5px;
	background: #0170e2;
	width: 40px !important;
	height: 30px !important;
	line-height: 30px;
	text-align: center;
	margin: 0 5px;
	color: #fff;
	cursor: pointer;
}
.page_list .p_input {
	display: inline-block;
	padding: 0 5px;
	background: #f5f5f5;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 5px;
	color: #555;
	cursor: default;
}
@media (max-width:880px) {
.page_list td span {
	display: none;
}
.page_list td #firstpage {
	display: none;
}
.page_list td #endpage {
	display: none;
}
}
@media (max-width:767px) {
.page_list a {
	margin-right: 5px;
}
.page_list {
	font-size: 0;
	color: #fff;
}
.page_list input {
	display: none !important;
}
.page_list a {
	font-size: 12px;
}
}







/* ======================留言模块 样式===================== */
/* -----------------留言模块主容器样式---------------------- */
.cpzx .ly_msg {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 20px;
	padding: 0;
}

/* 标题样式 */
.cpzx .ly_msg h3 {
	width: 100%;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #dfdfdf;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/* ======================
   输入项列表容器
   ====================== */
.cpzx .ly_msg ul {
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
	padding: 0;/* box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;*/
}

/* 单个表单项 */
.cpzx .ly_msg ul li {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 20px;
	padding: 0;
}

/* 标签样式 */
.cpzx .ly_msg ul li h4 {
	width: 17%;
	height: 34px;
	overflow: hidden;
	line-height: 34px;
	margin: 0;
	padding: 0 20px 0 0;
	color: #333;
	font-size: 14px;
	text-align: right;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* ======================
   输入框容器
   ====================== */
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {
	width: 83%;
	overflow: hidden;
	margin: 0;
	padding-right: 20px;
	background: url(../images/tb_img.png) top right no-repeat;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.cpzx .ly_msg ul li .msg_ipt1 {
	height: 34px;
}
.cpzx .ly_msg ul li .msg_tara {
	height: 118px;
}

/* 文本输入框样式 */
.cpzx .msg_ipt1 input, .msg_tara textarea {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 8px 15px;
	color: #666;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* 输入框 基础样式 */
.cpzx .msg_ipt1 input {
	/* 单行输入框 基础样式 */
	height: 34px;
	line-height: 16px;
	border-radius: 8px;  /* 新增圆角效果 */
	transition: border-color 0.3s;  /* 边框颜色过渡动画 */
}
.cpzx .msg_tara textarea {
	/* 多行输入框 基础样式 */
	height: 118px;
	line-height: 20px;
	resize: none;
	border-radius: 8px;  /* 新增圆角效果 */
	transition: border-color 0.3s;  /* 边框颜色过渡动画 */
}


/* 输入框交互状态 */
.cpzx .msg_ipt1 input:hover,
.cpzx .msg_tara textarea:hover,
.cpzx .msg_ipt12 input:hover, /* 新增对msg_ipt12的悬停适配 */
.cpzx .msg_ipt2 input:hover,/* 新增对msg_ipt2的悬停适配 */
.cpzx .msg_ipt1 input:focus,
.cpzx .msg_tara textarea:focus,
.cpzx .msg_ipt12 input:focus, /* 新增对msg_ipt12的悬停适配 */
.cpzx .msg_ipt2 input:focus
/* 新增对msg_ipt2的悬停适配 */
{
    border-color: #ff6600 !important; /* 悬停/聚焦时橙色边框 */
    outline: none;  /* 移除浏览器默认轮廓 */
}

/* 输入框聚焦状态 */
.cpzx input:focus,
.cpzx textarea:focus {
    border: 1px solid #ff6600 !important; /* 改为保持橙色焦点状态 */
    outline: none;  /* 保留移除轮廓线设置 */
}




/* ======================以下保留原始代码结构 ====================== */
/* 原始代码中其他不需要修改的样式保持原样 */

.cpzx .ly_msg ul li .msg_ipt2 {
	width: 120px;
	height: 34px;
	overflow: hidden;
	margin-right: 10px;
	padding: 0;
	float: left;
}


.cpzx .msg_ipt2 input {
	display: block;
	width: 120px;
	height: 34px;
	overflow: hidden;
	line-height: 16px;
	margin: 0;
	padding: 8px 15px;
	color: #666;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.cpzx .ly_msg ul li a.yzm_img {
	display: block;
	width: 90px;
	height: 34px;
	overflow: hidden;
	margin: 0;
	padding-right: 20px;
	background: url(../images/tb_img.png) top right no-repeat;
	float: left;
}
.cpzx .ly_msg ul li .msg_btn {
	width: 83%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

/* ======================
   按钮容器
   ====================== */
.cpzx .msg_btn input {
	display: block;
	width: 100px;
	height: 34px;
	overflow: hidden;
	line-height: 32px;
	margin: 20px 15px 0 0;
	padding: 0;
	background-color: #f0f0f0;
	color: #333;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ccc;
	float: left;
	border-radius:8px;
	transition: all 0.3s ease; /* 新增过渡效果 */
	cursor: pointer;
}


/* 提交按钮悬停状态 */
.cpzx .msg_btn input:first-child:hover {
    background: #28a745 !important; /* 绿色背景 */
    color: #fff !important; /* 白色文字 */
}

/* 重置按钮悬停状态 */
.cpzx .msg_btn input:last-child:hover {
    background: #dc3545 !important; /* 红色背景 */
    color: #fff !important; /* 白色文字 */
}


.cpzx .ly_msg ul li .msg_ipt12 {
	width: 83%;
	height: 34px;
	overflow: hidden;
	margin: 0;
	padding-right: 20px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}



.cpzx .msg_ipt12 input {
	height: 34px;
	line-height: 16px;
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 8px 15px;
	color: #666;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.cpzx .ly_msg ul li h4 {
	width: 10%;
	height: 45px;
	font-size: 14px;
}
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {
	width: 90%;
}
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {
	width: 90% !important;
}
.cpzx .ly_msg ul li .msg_ipt1 {
	height: 47px;
}

/* 输入框基础样式 单行文本*/
.cpzx .msg_ipt1 input {
	height: 45px;
	line-height: 45px;
	border-radius: 8px;  /* 新增圆角效果 */
	transition: border-color 0.3s;  /* 边框颜色过渡动画 */
}


.cpzx .ly_msg ul li .msg_ipt12 {
	width: 90% !important;
	height: 45px !important;
}
.cpzx .msg_ipt12 input {
	height: 45px;
}
.cpzx .ly_msg ul li .msg_ipt1 select {
	height: 45px !important;
}
.cpzx input {
	border-radius: 8px;
	border: 1px solid #fff !important;
	background: #f1f1f1;
}
.cpzx textarea {
	border-radius: 8px;
	border: 1px solid #fff !important;
	background: #f1f1f1;
}
.cpzx select {
	border-radius: 8px;
	border: none !important;
	background: #f1f1f1;
	outline: none;
	text-indent: 10px;
}
.cpzx input:focus, .cpzx textarea:focus {
	border: 1px solid #ff6600 !important; /* 焦点状态橙色边框 */
	outline: none; /* 可选移除浏览器默认轮廓线 */
}
.cpzx .ly_msg ul li a.yzm_img img {
	height: 100% !important;
}
.cpzx .msg_btn input {
	width: 150px;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
	border-radius: 8px;  /* 新增圆角效果 */
	transition: border-color 0.3s;  /* 边框颜色过渡动画 */
}


.cpzx .msg_btn input:first-child {
	background: #0170e2;
	color: #fff;
}
.cpzx .msg_ipt2 input {
	height: 45px;
}
.cpzx .ly_msg ul li .msg_ipt2 {
	height: 45px;
}

/* ======================响应式适配====================== */
@media (max-width: 1024px) {
    /* 平板适配：调整标签宽度 */
    .cpzx .ly_msg ul li h4 {
        width: 20%;
    }
    .cpzx .ly_msg ul li .msg_ipt1,
    .cpzx .ly_msg ul li .msg_tara {
        width: 80% !important;
    }
}

 @media (max-width:767px) {
 /* 手机端适配 */
.ly_msg ul li h4 {
	display: none; /* 隐藏标签 */
}
.cpzx .ly_msg ul li div {
	width: 100% !important; /* 全宽显示 */
}

 /* 手机端输入框统一宽度 */
.cpzx .ly_msg ul li .msg_ipt1,
.cpzx .ly_msg ul li .msg_tara, /* 明确指定多行文本框 */
.cpzx .ly_msg ul li .msg_ipt12 {
	width: 100% !important; /* 强制覆盖所有尺寸 */
}


.ly_msg ul li div.msg_ipt2 {
	width: 60% !important; /* 调整验证码输入框宽度 */
	margin-right: 2% !important;
	
}
.ly_msg ul li span {
	display: none;
}
.ly_msg {
	margin: 0 auto 0 !important;
}
.cpzx .msg_btn input {
	width: 49%; /* 按钮并排显示 */
	margin-right: 1% !important;
}




.cpzx .msg_btn input:first-child {
    margin-right: 2% !important;
    }
    .cpzx .msg_btn input:last-child {
    margin-right: 0 !important;
    }




}


















/* ===================== 悬浮侧边栏模块 ===================== */
.suspension {
	position: fixed; /* 固定定位 */
	z-index: 999999999; /* 最高层级确保可见 */
	right: 50px; /* 距离右侧50px */
	bottom: 220px; /* 距离底部220px */
	width: 70px; /* 容器宽度 */
	height: 240px; /* 容器高度 */
}

/* 悬浮按钮容器 */
.suspension-box {
	position: relative; /* 相对定位 */
	float: right; /* 右浮动定位 */
}

/* 基础按钮样式 */
.suspension .a {
	display: block;
	width: 80px;
	height: 80px;
	background-color: #097cf3; /* 主品牌蓝色 */
	margin-bottom: 4px; /* 按钮间距 */
	cursor: pointer; /* 手型指针 */
	outline: none; 
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .25s;  /* 多浏览器前缀兼容 */
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s; /* 平滑过渡动画 */
}

/* 按钮激活/悬停状态 */
.suspension .a.active, .suspension .a:hover {
	background: #00af66;
	-moz-box-shadow: 0px 0px 20px #00af66; /* 品牌绿色 */
	-webkit-box-shadow: 0px 0px 20px #00af66; /* 发光效果 */
	box-shadow: 0px 0px 20px #00af66;
	/* 多浏览器阴影兼容 */
    -moz-box-shadow: 0px 0px 20px #00af66;  /* 新增加的内容 */
    -webkit-box-shadow: 0px 0px 20px #00af66; /* 新增加的内容 */
	
	
}
.suspension .a .i {
	display: none !important;
	width: 44px;
	height: 44px;
}

/* 各类型按钮图标设置 */
.suspension .a-service {
	background: #097cf3 url(../images/pf_icon1.png) center center no-repeat;
	background-size: 30px;
}
.suspension .a-service:hover {
	background: #00af66 url(../images/pf_icon1.png) center center no-repeat;
	background-size: 30px;
}
.suspension .a-service-phone {
	background: #097cf3 url(../images/pf_icon2.png) center center no-repeat;
	background-size: 30px;
}
.suspension .a-service-phone:hover {
	background: #00af66 url(../images/pf_icon2.png) center center no-repeat;
	background-size: 30px;
}
.suspension .a-qrcode {
	background: #097cf3 url(../images/pf_icon3.png) center center no-repeat;
	background-size: 30px;
}
.suspension .a-qrcode:hover {
	background: #00af66 url(../images/pf_icon3.png) center center no-repeat;
	background-size: 30px;
}
.suspension .a-top {
	background: #D2D3D6 url(../images/pf_icon4.png) center center no-repeat;
	background-size: 30px;
}
.suspension .a-top:hover {
	background: #00af66 url(../images/pf_icon4.png) center center no-repeat;
	background-size: 30px;
}

/* 按钮文字描述 */
.suspension .a span {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding-top: 4px; /* 文字与图标间距 */
}

/* 返回顶部按钮默认隐藏 */
.suspension .a-top {
	display: none; /* 根据滚动事件动态显示 */
}






/* ===================== 悬浮面板模块 ===================== */
.suspension .d {
	display: none; /* 默认隐藏 */
	width: 240px;
	background: #fff;
	position: absolute; /* 相对按钮定位 */
	right: 80px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); /* 柔和阴影 */
}

/* 面板箭头指示器 */
.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;/*background:url(../images/side_bg_arrow.png) no-repeat;r*/
	right: -8px;  /* 修正拼写错误：ight → right */
	top: 31px;  /* background: url(../images/side_bg_arrow.png) no-repeat; */
}

/* 二维码展示样式 */
.qrcode-img img {
	width: 150px; /* 固定尺寸 */
	margin: 0 auto; /* 水平居中 */
}

/* 客服信息面板定位 */
.suspension .d-service {
	top: 1px;
}
.suspension .d-service-phone {
	top: 84px;
}
.suspension .d-qrcode {
	top: 167px;
}

/* 面板内容区域 */
.suspension .d .inner-box {
	padding: 24px 22px; /* 内边距 */
}


/* 客服条目样式 */
.suspension .d-service-item {
	padding: 4px 0;
}
.suspension .d-service .d-service-item {
	border-bottom: none;
}
.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%; /* 圆形容器 */
	overflow: hidden; 
	background: #F1F1F3; /* 浅灰背景 */
	display: block;
	float: left;  /* 左浮动布局 */
}

/* 客服图标动画 */
.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s; /* 图标位移动画 */
	border-radius: 50%;
	overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
	background-position: center 3px; /* 悬停上移 */
}
.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}
.suspension .d-service-item p {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service .d-service-item p {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text .number {
	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.suspension .d-service-intro {
	padding-top: 10px;
}
.suspension .d-service-intro p {
	float: left;
	line-height: 27px;
	font-size: 12px;
	width: 50%;
	white-space: nowrap;
	color: #888;
}
.suspension .d-service-intro i {
	background: url(../images/side_con_icon01.png) no-repeat center center;
	height: 27px;
	width: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}
.suspension .d-qrcode {
	text-align: center;
	width: 160px;
}
.suspension .d-qrcode .inner-box {
	padding: 10px 0;
}
.suspension .d-qrcode p {
	font-size: 14px;
	color: #999;
	padding-top: 5px;
}

/* ===================== 响应式适配 ===================== */
@media (max-width:991px) {
 /* 平板设备调整 */
.suspension {
	width: 60px; /* 缩小容器 */
	right: 10px;  /* 贴边定位 */
	bottom: 120px;
	height: auto; /* 高度自适应 */
}
.suspension .a {
	width: 60px; /* 缩小按钮 */
	height: 60px;
	background-size: 30px !important; /* 等比例缩小图标 */
}
}
@media (max-width:767px) {
#KFRightScreen {
	display: none !important;
}
#KFCenterScreen {
	display: none !important;
}
#KFBoxTitle {
	display: none !important;
}
.custombox {
	display: none !important;
}
    /* 移动端优化 */
.suspension {
	width: 40px;
	right: 4px;
	bottom: 100px;
	height: 85px; /* 仅显示核心功能 */
}
.suspension .a {
	width: 40px; /* 微型按钮 */
	height: 40px;
	background-size: 20px !important;
}

/* 隐藏非核心功能 */
.suspension .a-service {
	display: none !important;
}
.suspension .a-qrcode {
	display: none !important;
}
.suspension .d-service {
	display: none !important;
}
.suspension .d-service-phone {
	display: none !important;
}
.suspension .d-qrcode {
	display: none !important;
}
}






/* ===================== 详情页内容适配 ===================== */
/*详情页内容超出设置 大屏隐藏缩放控件*/  
@media (min-width:1199px) {
#c_detail_wrap #new-div .zoom-caret {
	display: none !important;
}
}
/* 内容元素自适应规则 */
#c_detail_wrap img, #c_detail_wrap p, #c_detail_wrap span, #c_detail_wrap div, #c_detail_wrap video, #c_detail_wrap embed {
	width: auto !important; /* 保持原始比例 */
	height: auto !important;
	max-width: 100% !important; /* 限制最大宽度 */
	max-height: 100%;
	box-sizing: border-box; /* 包含边框计算尺寸 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	white-space: normal;
	word-break: break-all; /* 强制换行策略 */
	word-break: normal;
}

/* 内容容器设置 */
#c_detail_wrap #new-div {
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
	position: relative;
}
#c_detail_wrap #new-div .zoom-caret {
	display: block;
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 50px;
	color: #a7a5a5;
	z-index: 2;
	padding: 0;
	margin: 0;
	opacity: .3;
}
#c_detail_wrap #new-div table {
	transform-origin: left top;
	border-collapse: collapse;
	max-width: none!important;
	width: auto;
}
#c_detail_wrap #new-div table td {
	padding: 3px;
	border: 1px solid #ccc;
}
#c_detail_wrap #new-div.on {
	overflow: scroll;
	width: 100%;
}




/* 缩放控制按钮 之前只有一条代码：display: none;，以下为新增内容*/
#c_detail_wrap #new-div.on .zoom-caret {
	display: block;
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 50px;        /* 放大图标尺寸 */
    color: #a7a5a5;         /* 中性灰色 */
    opacity: .3;            /* 半透明效果 */
    z-index: 2;             /* 确保可点击 */
}
  
  
  /* 表格特殊处理   新增加的内容 */
#c_detail_wrap #new-div table {
    transform-origin: left top;  /* 缩放基准点 */
    border-collapse: collapse;   /* 合并边框 */
    max-width: none!important;   /* 禁用最大宽度 */
}
  
  
  /* 滚动模式切换  该段为新增内容 */
#c_detail_wrap #new-div.on {
    overflow: scroll;       /* 启用滚动 */
    width: 100%;            /* 全宽显示 */
}
#c_detail_wrap #new-div.on .zoom-caret {
    display: none;          /* 隐藏缩放控件 */
}
  
  
  
/*设置滚动条样式 自定义*/  
#c_detail_wrap #new-div::-webkit-scrollbar {
height:2px;  /* 细线滚动条 */
}
/* 滚动槽 */
#c_detail_wrap #new-div::-webkit-scrollbar-track {
background-color:#f0f0f0; /* 轨道颜色 浅灰色 */
border-radius:0px;

}/* 滚动条滑块 */
#c_detail_wrap #new-div::-webkit-scrollbar-thumb {
background-color:#bfbfbf; /* 滑块颜色 中等灰色 */
}
#c_detail_wrap #new-div::-webkit-scrollbar-thumb:window-inactive {
background-color:#3c3c3c;  /* 非活动状态颜色 深灰色 */
}