/* 声明文档编码格式为 UTF-8，确保中文等特殊字符正常显示 */
@charset "UTF-8";

/* 全局 body 样式：禁止水平滚动，允许垂直自动滚动 */
body {
    overflow-x: hidden; /* 水平方向溢出隐藏，防止页面横向滚动 */
    overflow-y: auto;   /* 垂直方向溢出时自动显示滚动条 */
}

/* 重置默认外边距：清除 body、段落、表单、文本域、标题、定义列表的默认 margin */
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
    margin: 0px; /* 统一设置外边距为 0，消除浏览器默认样式差异 */
}

/* 重置默认边距：清除输入框、按钮、无序列表、有序列表的默认 margin 和 padding */
input, button, ul, ol {
    margin: 0px;  /* 外边距重置为 0 */
    padding: 0px; /* 内边距重置为 0 */
}

/* 基础字体样式：统一设置 body、输入框、按钮、表单的字体属性 */
body, input, button, form {
    font-size: 14px; /* 基础字体大小 14px */
    line-height: 28px; /* 行高 28px，提升文本可读性 */
    font-family: "microsoft yahei", "宋体", "Arial"; /* 字体栈：微软雅黑优先，其次宋体，最后 Arial 兼容 */
    color: #333333; /* 字体颜色：深灰色 */
}

/* 标题样式重置：清除 h1-h6 的默认字体大小和加粗效果 */
h1, h2, h3, h4, h5, h6 {
    font-size: 14px; /* 标题字体大小默认与正文一致，后续可单独覆盖 */
    font-weight: normal; /* 取消默认加粗效果 */
}

/* 列表样式重置：清除无序列表、有序列表、列表项的默认列表样式（如圆点、数字） */
ul, ol, li {
    list-style: none; /* 移除列表前默认标记 */
}
/* 输入框基础样式：清除背景和边框，便于后续自定义 */
input {
    background: none; /* 清除默认背景 */
    border: 0 none;   /* 清除默认边框 */
}
/* 图片和框架样式：清除默认边框 */
img, iframe {
    border: 0px; /* 移除图片和 iframe 的默认边框 */
}
/* 强调文本样式：清除 em 和 i 标签的默认斜体效果 */
em, i {
    font-style: normal; /* 让强调标签显示为正常字体样式 */
}
/* 表单元素字体适配：确保按钮、输入框、下拉框、文本域的字体大小继承父级 100% */
button, input, select, textarea {
    font-size: 100%; /* 避免表单元素字体大小不一致 */
}

/* 表格样式重置：合并边框，清除单元格间距 */
table {
    border-collapse: collapse; /* 合并表格边框 */
    border-spacing: 0; /* 清除单元格之间的间距 */
}

/* 红色文本样式类：用于需要突出显示的红色文字（如错误提示、重要信息） */
.red {
    color: #ba292e; /* 红色值：适配页面主题色 */
}

/* 左浮动类：快速设置元素左浮动 */
.fl {
    float: left; /* 元素向左浮动 */
}

/* 右浮动类：快速设置元素右浮动 */
.fr {
    float: right; /* 元素向右浮动 */
}

/* 文本居中类：快速设置文本水平居中 */
.tac {
    text-align: center; /* 文本水平居中对齐 */
}

/* 文本右对齐类：快速设置文本水平右对齐 */
.tar {
    text-align: right; /* 文本水平右对齐 */
}

/* 绝对定位类：快速设置元素绝对定位 */
.poa {
    position: absolute; /* 绝对定位，相对于最近的已定位祖先元素 */
}

/* 相对定位类：快速设置元素相对定位 */
.por {
    position: relative; /* 相对定位，相对于自身原有位置 */
}

/* 隐藏元素类：快速设置元素不可见且不占布局空间 */
.hidden {
    display: none; /* 元素隐藏，不占据页面空间 */
}

/* 固定宽度容器类：1200px 宽，水平居中 */
.w1200 {
    width: 1200px; /* 容器宽度固定为 1200px */
    margin: 0 auto; /* 左右自动外边距，实现水平居中 */
}

/* 图标基础样式类：使用精灵图，行内块级显示，垂直居中 */
.ico {
    background: url(../images/icon.png) no-repeat; /* 引入图标精灵图，不重复显示 */
    display: inline-block; /* 行内块级元素，可设置宽高且不独占一行 */
    vertical-align: middle; /* 垂直居中对齐 */
}

/* 链接基础样式：默认颜色深灰色，无下划线 */
a {
    color: #434343; /* 链接默认颜色 */
    text-decoration: none; /* 清除默认下划线 */
}

/* 链接 hover 状态：鼠标悬浮时红色，无下划线 */
a:hover {
    color: #dc0000; /* 鼠标悬浮时链接颜色变为红色（主题色） */
    text-decoration: none; /* 保持无下划线 */
}

/* 链接访问后状态：访问过的链接仍无下划线 */
a:visited {
    text-decoration: none; /* 清除访问后链接的默认下划线 */
}

/* 过渡动画类：所有属性添加 300ms 缓动过渡效果 */
.ease, .ease * {
    -webkit-transition: all ease 300ms; /* Safari/Chrome 浏览器过渡前缀 */
    -moz-transition: all ease 300ms;    /* Firefox 浏览器过渡前缀 */
    -ms-transition: all ease 300ms;     /* IE 浏览器过渡前缀 */
    -o-transition: all ease 300ms;      /* Opera 浏览器过渡前缀 */
    transition: all ease 300ms;         /* 标准过渡属性：所有属性、缓动效果、300ms 时长 */
}

/* 禁止过渡类：取消所有过渡效果 */
.noease, .noease * {
    -webkit-transition: none; /* 取消 Safari/Chrome 过渡 */
    -moz-transition: none;    /* 取消 Firefox 过渡 */
    -ms-transition: none;     /* 取消 IE 过渡 */
    -o-transition: none;      /* 取消 Opera 过渡 */
    transition: none;         /* 标准：取消所有过渡 */
}

/* 输入框占位符样式：兼容各浏览器，占位符颜色为浅灰色 */
:-moz-placeholder { /* Firefox 4-18 占位符样式 */
    color: #aaa; /* 占位符颜色浅灰色 */
}
::-moz-placeholder { /* Firefox 19+ 占位符样式 */
    color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ 占位符样式 */
    color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Safari/Chrome 占位符样式 */
    color: #aaa;
}

/* 清除浮动类：解决浮动元素父容器高度塌陷问题 */
.clearfix {
    *zoom: 1; /* IE6-7 触发 hasLayout，清除浮动（CSS Hack） */
}
.clearfix:after { /* 伪元素清除浮动法 */
    visibility: hidden; /* 隐藏伪元素 */
    display: block; /* 块级元素，独占一行 */
    font-size: 0; /* 字体大小为 0，避免占用空间 */
    content: " "; /* 伪元素必须有 content 属性，空格避免空内容问题 */
    clear: both; /* 清除左右两侧浮动 */
    height: 0; /* 高度为 0，不占用空间 */
}

/* 顶部导航栏样式（top_main）：页面最上方的信息栏 */
.top_main {
    width: 100%; /* 宽度占满整个页面 */
    height: 37px; /* 固定高度 37px */
    line-height: 38px; /* 行高略高于高度，垂直居中 */
    position: relative; /* 相对定位，作为子元素绝对定位的参考 */
    z-index: 80; /* 层级 80，确保在其他元素上方 */
    background-color: #f5f5f5; /* 背景色：浅灰色 */
    color: #666; /* 字体颜色：灰色 */
    font-size: 12px; /* 字体大小 12px */
    border-bottom: 1px solid #ddd; /* 底部边框：浅灰色细边框 */
}
.top_main li {
    position: relative; /* 相对定位 */
    display: inline-block; /* 行内块级元素，横向排列 */
    text-align: center; /* 文本居中 */
    margin: 0 8px; /* 左右外边距 8px，间距均匀 */
}
.top_main .split { /* 分隔线样式 */
    display: inline-block; /* 行内块级，可设置宽高 */
    width: 1px; /* 宽度 1px */
    height: 12px; /* 高度 12px */
    background: #666; /* 背景色：灰色，作为分隔线 */
    vertical-align: middle; /* 垂直居中对齐 */
    margin: 0; /* 清除默认外边距 */
    margin-top: -2px; /* 微调位置，使其垂直居中 */
}
.top_main li a {
    color: #666; /* 链接颜色：灰色 */
    cursor: pointer; /* 鼠标指针变为手型，提示可点击 */
}
.top_main li a:hover {
    color: #dc0000; /* 鼠标悬浮时链接变为红色（主题色） */
}

/* 头部区域样式（header_main）：包含 logo、电话信息 */
.header_main {
    width: 100%; /* 宽度占满页面 */
    height: 120px; /* 固定高度 120px */
    z-index: 100; /* 层级 100，高于顶部导航栏 */
    background: #fff; /* 背景色：白色 */
}
.header_main .logo { /* logo 容器样式 */
    display: block; /* 块级元素 */
    margin-top: 20px; /* 上外边距 20px，向下偏移 */
}
.header_main .logo img {
    width: 100%; /* 图片宽度自适应容器 */
    height: 100%; /* 图片高度自适应容器 */
    display: block; /* 块级元素，消除图片底部默认空隙 */
    background: #dc0000; /* 背景色：红色，图片加载失败时显示 */
}
.header_main .tel { /* 电话信息容器 */
    width: 300px; /* 固定宽度 300px */
    padding: 30px 0 0 0; /* 上内边距 30px，向下偏移 */
    line-height: 26px; /* 行高 26px */
    margin-left: 30px; /* 左外边距 30px，与 logo 保持间距 */
}
.header_main .tel b { /* 电话标签文字 */
    color: #666; /* 颜色：灰色 */
    font-size: 14px; /* 字体大小 14px */
    font-weight: normal; /* 取消加粗 */
    display: inline-block; /* 行内块级元素 */
}
.header_main .tel span { /* 电话号码文字 */
    color: #dc0000; /* 颜色：红色（主题色），突出显示 */
    font-size: 30px; /* 字体大小 30px，醒目 */
    line-height: 30px; /* 行高 30px，垂直居中 */
    font-weight: bold; /* 加粗显示 */
    font-family: arial; /* 字体：Arial，数字显示更美观 */
    display: inline-block; /* 行内块级元素 */
}
.header_main .tel s { /* 电话图标（精灵图定位） */
    width: 57px; /* 图标宽度 57px */
    height: 57px; /* 图标高度 57px */
    float: left; /* 左浮动，与文字并排 */
    margin-right: 10px; /* 右外边距 10px，与文字间距 */
    margin-top: 5px; /* 上外边距 5px，垂直居中 */
    background-position: 0 0; /* 精灵图定位：左上角起始位置 */
}

/* 主导航栏样式（nav_main）：页面核心导航菜单 */
.nav_main {
    width: 100%; /* 宽度占满页面 */
    height: 50px; /* 固定高度 50px */
    line-height: 50px; /* 行高 50px，文本垂直居中 */
    background: #dc0000; /* 背景色：红色（主题色） */
    position: relative; /* 相对定位，作为下拉菜单参考 */
    z-index: 3; /* 层级 3，确保在内容上方 */
}
.nav .list { /* 导航列表容器 */
    width: 102%; /* 宽度 102%，溢出父容器，用于适配 */
    margin: 0 auto; /* 水平居中 */
    height: 48px; /* 高度 48px */
    line-height: 48px; /* 行高 48px */
    position: relative; /* 相对定位 */
}
.nav_main .nav { /* 导航容器，固定宽度居中 */
    width: 1200px; /* 宽度 1200px，与页面主容器一致 */
    margin: 0 auto; /* 水平居中 */
}
.nav_main .nav li { /* 导航菜单项 */
    float: left; /* 左浮动，横向排列 */
    width: 134px; /* 每个菜单项宽度 134px */
    height: 50px; /* 高度 50px，与导航栏一致 */
    line-height: 50px; /* 行高 50px，垂直居中 */
    display: block; /* 块级元素 */
    position: relative; /* 相对定位，作为下拉菜单参考 */
    z-index: 10; /* 层级 10，高于导航栏 */
    font-size: 16px; /* 字体大小 16px */
    border-right: 1px solid #ac140f; /* 右侧边框：深红色，分隔菜单项 */
    text-align: center; /* 文本居中 */
}
.nav_main .nav li:first-child { /* 第一个菜单项特殊样式 */
    border-left: 1px solid #ac140f; /* 左侧添加边框，对称 */
    background: none; /* 清除背景色（继承父级红色） */
}
.nav_main .nav li a { /* 导航链接样式 */
    display: block; /* 块级元素，占满菜单项 */
    color: #fff; /* 文字颜色：白色 */
    font-size: 16px; /* 字体大小 16px */
}
.nav_main .nav li a:hover, /* 链接 hover 状态 */
.nav_main .nav li a.hover, /* 链接激活状态（JS 控制） */
.nav_main .nav li.hover { /* 菜单项激活状态（JS 控制） */
    background: #ac140f; /* 背景色：深红色，突出当前项 */
}
.nav_main .nav dl { /* 下拉菜单容器 */
    width: 100%; /* 宽度与父菜单项一致 */
    position: absolute; /* 绝对定位，脱离文档流 */
    left: 0; /* 左对齐父菜单项 */
    top: 50px; /* 上距离父菜单项底部 0px，紧贴导航栏 */
    z-index: 12; /* 层级 12，高于导航栏 */
    border: 1px solid #ac140f; /* 边框：深红色 */
    border-top: 0; /* 取消上边框，与导航栏无缝衔接 */
}
.nav_main .nav dl { /* 下拉菜单动画样式 */
    position: absolute; /* 绝对定位 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); /* IE 阴影效果：颜色、方向、强度 */
    opacity: 0; /* 初始透明度 0，隐藏 */
    visibility: hidden; /* 初始不可见 */
    transition: all .6s ease 0s; /* 过渡动画：所有属性、0.6s 时长、缓动效果 */
    transform: translate3d(0, 10px, 0); /* 3D 平移：向下偏移 10px */
    -moz-transform: translate3d(0, 10px, 0); /* Firefox 3D 平移前缀 */
    -webkit-transform: translate3d(0, 10px, 0); /* Safari/Chrome 3D 平移前缀 */
}
.nav_main .nav li:hover dl { /* 鼠标悬浮菜单项时，下拉菜单显示 */
    opacity: 1; /* 透明度 1，完全显示 */
    visibility: visible; /* 可见 */
    transform: translate3d(0, 0, 0); /* 3D 平移：恢复到原始位置 */
    -moz-transform: translate3d(0, 0, 0); /* Firefox 前缀 */
    -webkit-transform: translate3d(0, 0, 0); /* Safari/Chrome 前缀 */
}
.nav_main .nav dl dd { /* 下拉菜单项 */
    line-height: 44px; /* 行高 44px */
    height: 44px; /* 高度 44px */
    text-align: left; /* 文本左对齐 */
    position: relative; /* 相对定位 */
    z-index: 12; /* 层级 12 */
    display: block; /* 块级元素 */
    width: 100%; /* 宽度 100% */
    border-top: 1px solid #ac140f; /* 上边框：深红色，分隔子项 */
}
.nav_main .nav dl dd:first-child { /* 第一个下拉菜单项 */
    border: none; /* 取消上边框，避免与父容器重复 */
}
.nav_main .nav dl dd a { /* 下拉菜单链接 */
    color: #fff; /* 文字颜色：白色 */
    font-size: 14px; /* 字体大小 14px */
    padding: 0; /* 清除内边距 */
    width: 100%; /* 宽度 100% */
    background: #dc0000; /* 背景色：红色（主题色） */
    text-align: center; /* 文本居中 */
}

/* 轮播图区域样式（banner）：页面顶部大图轮播 */
#banner_main {
    overflow: hidden; /* 溢出隐藏，防止轮播图超出容器 */
    position: relative; /* 相对定位，作为轮播控制元素参考 */
    z-index: 2; /* 层级 2，低于导航栏 */
    max-width: 1920px; /* 最大宽度 1920px，适配大屏幕 */
    margin: 0 auto; /* 水平居中 */
}
#banner_main .banner {
    height: 560px; /* 轮播图高度 560px */
}
#banner {
    width: 100%; /* 宽度占满容器 */
    min-width: 1000px; /* 最小宽度 1000px，避免过小屏幕变形 */
    position: relative; /* 相对定位，作为轮播项和控制按钮参考 */
    overflow: hidden; /* 溢出隐藏 */
    z-index: 0; /* 层级 0 */
}
#banner, .banner ul {
    max-height: 560px; /* 最大高度 560px，与轮播图高度一致 */
    overflow: hidden; /* 溢出隐藏 */
}
.banner li { /* 轮播图项 */
    width: 100%; /* 宽度 100% */
    position: absolute; /* 绝对定位，所有轮播项重叠 */
    z-index: 1; /* 层级 1 */
    overflow: hidden; /* 溢出隐藏 */
    display: none; /* 默认隐藏，仅显示第一个 */
}
.banner li:first-child { /* 第一个轮播项默认显示 */
    display: block; /* 显示 */
}
.banner li img { /* 轮播图图片 */
    width: 1920px; /* 图片宽度 1920px，适配大屏幕 */
    display: block; /* 块级元素 */
    position: relative; /* 相对定位 */
    left: 50%; /* 左移 50% */
    margin-left: -960px; /* 左外边距 -960px，实现图片水平居中（1920/2=960） */
    top: 0; /* 上定位 0 */
}
#banner .tip { /* 轮播图指示器容器（小圆点） */
    width: 1000px; /* 宽度 1000px */
    height: 20px; /* 高度 20px */
    line-height: 0; /* 行高 0，消除垂直间隙 */
    font-size: 0; /* 字体大小 0，消除inline-block间隙 */
    text-align: center; /* 水平居中 */
    position: absolute; /* 绝对定位 */
    left: 50%; /* 左移 50% */
    margin-left: -500px; /* 左外边距 -500px，水平居中 */
    bottom: 42px; /* 距离底部 42px */
    z-index: 3; /* 层级 3，高于轮播图 */
}
#banner .tip span { /* 轮播图指示器（小圆点） */
    width: 16px; /* 宽度 16px */
    height: 16px; /* 高度 16px */
    margin: 0 6px; /* 左右外边距 6px，间距均匀 */
    display: inline-block; /* 行内块级，横向排列 */
    font-size: 0; /* 字体大小 0 */
    cursor: pointer; /* 鼠标指针手型 */
    background-position: -150px 0px; /* 精灵图定位：未激活状态圆点 */
}
#banner .tip span.cur { /* 激活状态指示器 */
    background-position: -130px 0px; /* 精灵图定位：激活状态圆点 */
}
#banner #btn_prev, #banner #btn_next { /* 轮播图左右切换按钮 */
    width: 32px; /* 宽度 32px */
    height: 50px; /* 高度 50px */
    position: absolute; /* 绝对定位 */
    top: 50%; /* 上移 50% */
    margin-top: -25px; /* 上外边距 -25px，垂直居中（50/2=25） */
    z-index: 5; /* 层级 5，高于指示器 */
}
#banner #btn_prev { /* 左切换按钮 */
    background-position: -60px 0; /* 精灵图定位：左箭头 */
    left: 4%; /* 距离左侧 4% */
    transition: all 600ms ease; /* 过渡动画：所有属性、600ms 时长、缓动 */
}
#banner #btn_next { /* 右切换按钮 */
    background-position: -92px 0; /* 精灵图定位：右箭头 */
    right: 4%; /* 距离右侧 4% */
    transition: all 600ms ease; /* 过渡动画 */
}
#banner #btn_prev:hover { /* 左按钮 hover 状态 */
    opacity: .8; /* 透明度 0.8，半透明 */
    filter: alpha(opacity=80); /* IE 透明度兼容 */
    transition: all 600ms ease; /* 过渡动画 */
    left: 3.6%; /* 左移 0.4%，微动画效果 */
}
#banner #btn_next:hover { /* 右按钮 hover 状态 */
    opacity: .8; /* 透明度 0.8 */
    filter: alpha(opacity=80); /* IE 兼容 */
    transition: all 600ms ease; /* 过渡动画 */
    right: 3.6%; /* 右移 0.4%，微动画效果 */
}

/* 公告和搜索区域样式（announ_main）：包含公告链接和搜索框 */
.announ_main {
    width: 100%; /* 宽度占满页面 */
    height: 60px; /* 高度 60px */
    line-height: 60px; /* 行高 60px，垂直居中 */
    background: #efefef; /* 背景色：浅灰色 */
}
.announ_main .announ_right { /* 搜索框容器 */
    width: 285px; /* 宽度 285px */
    padding-top: 12px; /* 上内边距 12px，向下偏移 */
}
.announ_main .announ_right .search { /* 搜索框外层容器 */
    width: 282px; /* 宽度 282px */
    height: 36px; /* 高度 36px */
    line-height: 36px; /* 行高 36px，垂直居中 */
    background: none; /* 背景透明 */
    position: relative; /* 相对定位，作为搜索按钮参考 */
    border: 1px solid #e5e5e5; /* 边框：浅灰色 */
}
.announ_main .announ_right .search input { /* 搜索框输入框基础样式 */
    outline: none; /* 清除聚焦时默认外边框 */
    border: 0 none; /* 清除边框 */
    height: 36px; /* 高度 36px */
    line-height: 36px; /* 行高 36px */
}
.announ_main .announ_right .search .txt { /* 搜索输入框 */
    width: 200px; /* 宽度 200px */
    background: none; /* 背景透明 */
    padding-left: 15px; /* 左内边距 15px，文字不贴边 */
    display: block; /* 块级元素 */
    color: #999; /* 输入文字颜色：浅灰色 */
}
.announ_main .announ_right .search .btn { /* 搜索按钮 */
    width: 50px; /* 宽度 50px */
    background: url(../images/sou.png) no-repeat center; /* 搜索图标背景，居中显示 */
    position: absolute; /* 绝对定位 */
    right: 0; /* 右对齐 */
    top: 0; /* 上对齐 */
    cursor: pointer; /* 鼠标指针手型 */
    border-left: 1px solid #e5e5e5; /* 左侧边框：浅灰色，分隔输入框和按钮 */
}
.announ_main .announ_left span { /* 公告标签文字 */
    display: inline-block; /* 行内块级元素 */
    color: #212121; /* 颜色：深灰色 */
}
.announ_main .announ_left a { /* 公告链接 */
    display: inline-block; /* 行内块级元素，横向排列 */
    color: #8d8d8d; /* 颜色：灰色 */
    padding: 0 10px 0 0; /* 右内边距 10px，间距 */
}
.announ_main .announ_left a s { /* 公告链接分隔线 */
    width: 1px; /* 宽度 1px */
    height: 16px; /* 高度 16px */
    display: inline-block; /* 行内块级 */
    margin-right: 10px; /* 右外边距 10px */
    background: #e9e9e9; /* 背景色：浅灰色，作为分隔线 */
    vertical-align: middle; /* 垂直居中 */
}
.announ_main .announ_left a:first-child s { /* 第一个公告链接取消分隔线 */
    display: none; /* 隐藏 */
}

/* 页脚样式（footer）：页面底部信息区域 */
.footer {
    width: 100%; /* 宽度占满页面 */
    color: #fff; /* 字体颜色：白色 */
    padding-bottom: 48px; /* 下内边距 48px，底部留白 */
    background: #2E3033; /* 背景色：深灰色 */
    border-top: 8px solid #dc0000; /* 顶部边框：8px 红色，突出主题 */
}
.footer .links { /* 友情链接区域 */
    padding: 20px 0; /* 上下内边距 20px */
    font-size: 16px; /* 字体大小 16px */
    border-bottom: 1px solid #1a1d21; /* 底部边框：深色，分隔区域 */
}
.footer .links span { /* 友情链接标签 */
    color: #fff; /* 颜色：白色 */
    display: inline-block; /* 行内块级元素 */
}
.footer .links a { /* 友情链接 */
    display: inline-block; /* 行内块级，横向排列 */
    font-size: 14px; /* 字体大小 14px */
    color: #939393; /* 颜色：浅灰色 */
    padding-right: 10px; /* 右内边距 10px，间距 */
}
.footer .links a:hover {
    color: #dc0000; /* 鼠标悬浮时变为红色（主题色） */
}
.footer .bottom { /* 底部主体区域 */
    border-top: 1px solid #464a50; /* 顶部边框：中灰色，分隔友情链接 */
}
.footer .bNav { /* 底部导航容器 */
    width: 558px; /* 宽度 558px */
    height: 180px; /* 高度 180px */
    margin-top: 48px; /* 上外边距 48px，向下偏移 */
    border-right: 1px solid #1a1d21; /* 右侧边框：深色，分隔区域 */
}
.footer .di_logo img { /* 底部 logo 图片 */
    width: 111px; /* 宽度 111px */
    height: 111px; /* 高度 111px */
    background-size: 100%; /* 背景图片自适应 */
}
.footer .bNav dl { /* 底部导航列表组 */
    display: inline-block; /* 行内块级，横向排列 */
    float: left; /* 左浮动 */
    width: 139px; /* 宽度 139px */
    overflow: hidden; /* 溢出隐藏 */
    text-align: left; /* 文本左对齐 */
    padding-top: 10px; /* 上内边距 10px */
}
.footer .bNav dl dt { /* 底部导航标题 */
    height: 16px; /* 高度 16px */
    display: block; /* 块级元素 */
    padding-bottom: 32px; /* 下内边距 32px，与子项间距 */
}
.footer .bNav dl dt a { /* 底部导航标题链接 */
    display: block; /* 块级元素 */
    font-size: 16px; /* 字体大小 16px */
    color: #fff; /* 颜色：白色 */
    line-height: 16px; /* 行高 16px */
}
.footer .bNav dl dd { /* 底部导航子项 */
    display: block; /* 块级元素 */
    height: 14px; /* 高度 14px */
    padding-bottom: 16px; /* 下内边距 16px，子项间距 */
}
.footer .bNav dl dd a { /* 底部导航子项链接 */
    display: block; /* 块级元素 */
    font-size: 14px; /* 字体大小 14px */
    color: #939393; /* 颜色：浅灰色 */
    line-height: 14px; /* 行高 14px */
}
.footer .bNav dl dd a:hover {
    color: #dc0000; /* 鼠标悬浮时变为红色（主题色） */
}
.footer .ewm { /* 二维码容器 */
    height: 180px; /* 高度 180px */
    text-align: center; /* 文本居中 */
    padding-left: 48px; /* 左内边距 48px，向右偏移 */
    margin-top: 48px; /* 上外边距 48px */
    border-left: 1px solid #464a50; /* 左侧边框：中灰色，分隔区域 */
}
.footer .ewm dl { /* 二维码组 */
    width: 140px; /* 宽度 140px */
    float: left; /* 左浮动，横向排列 */
    display: block; /* 块级元素 */
    margin-right: 30px; /* 右外边距 30px，间距 */
    margin-top: 10px; /* 上外边距 10px */
    height: 164px; /* 高度 164px */
}
.footer .ewm dl:nth-child(2) { /* 第二个二维码 */
    margin-right: 0px; /* 取消右外边距 */
}
.footer .ewm dl:first-child+dl { /* 相邻兄弟选择器：第二个二维码（兼容旧浏览器） */
    margin-right: 0px; /* 取消右外边距 */
}
.footer .ewm dl dt { /* 二维码图片容器 */
    width: 140px; /* 宽度 140px */
    height: 140px; /* 高度 140px */
    background-color: #fff; /* 背景色：白色，突出二维码 */
    text-align: center; /* 文本居中 */
}
.footer .ewm dl dt img { /* 二维码图片 */
    width: 130px; /* 宽度 130px */
    height: 130px; /* 高度 130px */
    display: inline-block; /* 行内块级，居中 */
    background-size: 100%; /* 背景自适应 */
    margin-top: 5px; /* 上外边距 5px，居中 */
}
.footer .ewm dl dd { /* 二维码下方文字 */
    font-size: 14px; /* 字体大小 14px */
    color: #939393; /* 颜色：浅灰色 */
    line-height: 24px; /* 行高 24px */
    padding-top: 5px; /* 上内边距 5px */
}
.footer .contact_info { /* 联系信息容器 */
    width: 345px; /* 宽度 345px */
    height: 180px; /* 高度 180px */
    padding-left: 75px; /* 左内边距 75px，向右偏移 */
    border-right: 1px solid #1a1d21; /* 右侧边框：深色 */
    border-left: 1px solid #464a50; /* 左侧边框：中灰色 */
    margin-top: 48px; /* 上外边距 48px */
}
.footer .contact_info p.p1 { /* 联系信息标题 */
    font-size: 14px; /* 字体大小 14px */
    color: #fff; /* 颜色：白色 */
    line-height: 14px; /* 行高 14px */
    padding-top: 10px; /* 上内边距 10px */
}
.footer .contact_info p.dh { /* 电话号码 */
    font-size: 36px; /* 字体大小 36px，醒目 */
    color: #dc0000; /* 颜色：红色（主题色） */
    font-family: "Arial"; /* 字体：Arial，数字美观 */
    line-height: 36px; /* 行高 36px */
    padding-top: 4px; /* 上内边距 4px */
    font-weight: bold; /* 加粗 */
    padding-bottom: 12px; /* 下内边距 12px，与下方间距 */
}
.footer .contact_info h3 { /* 联系信息子标题 */
    font-size: 20px; /* 字体大小 20px */
    padding-top: 8px; /* 上内边距 8px */
}
.footer .contact_info p.tel { /* 联系电话说明 */
    font-size: 14px; /* 字体大小 14px */
    color: #939393; /* 颜色：浅灰色 */
    line-height: 22px; /* 行高 22px */
    width: 270px; /* 宽度 270px，限制换行 */
}
.footer .contact_info i { /* 其他联系信息 */
    display: block; /* 块级元素，独占一行 */
    padding-top: 8px; /* 上内边距 8px */
    font-size: 14px; /* 字体大小 14px */
    color: #fff; /* 颜色：白色 */
}
.footer .contact_info i a { /* 联系信息链接 */
    display: inline-block; /* 行内块级 */
    color: #fff; /* 颜色：白色 */
    padding-right: 12px; /* 右内边距 12px，间距 */
}

/* 版权信息样式（copyright）：页面最底部版权声明 */
.copyright {
    height: 50px; /* 高度 50px */
    line-height: 50px; /* 行高 50px，垂直居中 */
    color: #666; /* 字体颜色：灰色 */
    font-size: 12px; /* 字体大小 12px */
    background: #27292B; /* 背景色：更深的灰色 */
}
.copyright p {
    color: #939393; /* 颜色：浅灰色 */
}
.copyright span {
    margin: 0 6px; /* 左右外边距 6px，分隔符间距 */
}
.copyright a {
    color: #939393; /* 链接颜色：浅灰色 */
    -webkit-transition: all ease 300ms; /* Safari/Chrome 过渡 */
    -moz-transition: all ease 300ms;    /* Firefox 过渡 */
    -ms-transition: all ease 300ms;     /* IE 过渡 */
    -o-transition: all ease 300ms;      /* Opera 过渡 */
    transition: all ease 300ms;         /* 标准过渡：所有属性、300ms 缓动 */
}
.copyright a:hover {
    color: #dc0000; /* 鼠标悬浮时变为红色（主题色） */
}

/*******index css*******/
.indexTit {
	color: #dc0000;
	overflow: hidden;
	text-align: center;
	padding: 30px 0 56px;
}
.indexTit .en {
	text-transform: uppercase;
	line-height: 35px;
	font-family: didot;
	font-size: 24px;
}
.indexTit h3 {
	font-size: 24px;
	color: #835026;
}
.index .in_title {
	padding-top: 40px;
	padding-bottom: 10px;
}
.index .in_title .entit {
	position: relative;
	width: 540px;
	margin: auto;
	font-size: 48px;
	line-height: 40px;
	font-weight: bold;
	color: #dc0000;
	text-align: center;
	margin-bottom: 10px;
}
.index .in_title .tit {
	margin: 0 auto;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
	color: #434343;
}
.index .in_title .tit span {
	display: inline-block;
	margin: 0 30px;
}
.index .in_title .tit em {
	display: inline-block;
	width: 225px;
	height: 1px;
	margin-bottom: 8px;
	background: #cecece;
}
.index .tab {
	text-align: center;
	padding-top: 30px;
}
.index .tab a {
	padding: 0 16px;
	height: 38px;
	line-height: 38px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 16px;
	display: inline-block;
	margin: 10px;
	color: #666;
}
.index .tab a:hover {
	color: #fff;
	background: #dc0000;
	border-color: #dc0000;
}
.index .more {
	margin-top: 40px;
}
.index .more .line { /* 更多按钮两侧分隔线 */
    display: block; /* 块级元素 */
    width: 500px; /* 宽度 500px */
    height: 1px; /* 高度 1px */
    margin-top: 24px; /* 上外边距 24px，与按钮垂直居中 */
    background: #ccc; /* 背景色：浅灰色 */
}
.index .more .look_more { /* 更多按钮 */
    display: block; /* 块级元素 */
    width: 198px; /* 宽度 198px */
    height: 48px; /* 高度 48px */
    font-size: 16px; /* 字体大小 16px */
    line-height: 48px; /* 行高 48px，垂直居中 */
    text-align: center; /* 文本居中 */
    border: 1px solid #ccc; /* 边框：浅灰色 */
    transition: all .5s; /* 过渡动画：所有属性、0.5s 时长 */
}
.index .more .look_more:hover { /* 更多按钮 hover 状态 */
    background: #dc0000; /* 背景色：红色（主题色） */
    color: #fff; /* 文字颜色：白色 */
    transition: all .5s; /* 过渡动画 */
    border: 1px solid #dc0000; /* 边框颜色：红色 */
}
.index #floor_1_main { /* 首页第一区块（关于我们） */
    padding-bottom: 45px; /* 下内边距 45px，底部留白 */
}
#floor_1_main .about { /* 关于我们容器 */
    padding-top: 40px; /* 上内边距 40px */
}
#floor_1_main .about .item { /* 关于我们图片容器 */
    display: block; /* 块级元素 */
    width: 475px; /* 宽度 475px */
    height: 350px; /* 高度 350px */
}
#floor_1_main .about img { /* 关于我们图片 */
    display: block; /* 块级元素 */
    width: 100%; /* 宽度自适应 */
    height: 100%; /* 高度自适应 */
    transition: all .5s; /* 过渡动画：0.5s 时长 */
}
#floor_1_main .about img:hover { /* 图片 hover 状态 */
    -webkit-filter: brightness(105%); /* Safari/Chrome 亮度提升 5% */
    filter: brightness(105%); /* 标准：亮度提升 5%，高亮效果 */
}
#floor_1_main .contW { /* 关于我们文本容器 */
    position: relative; /* 相对定位 */
    display: block; /* 块级元素 */
    width: 700px; /* 宽度 700px */
    height: 350px; /* 高度 350px */
    background: transparent;/* 李进修改：背景色从白色改为透明 */
}
#floor_1_main .contW .cont { /* 关于我们文本内容 */
    width: 100%; /* 宽度 100% */
    height: 280px; /* 高度 280px，限制显示行数 */
    font-size: 16px; /* 字体大小 16px */
    color: #666; /* 颜色：灰色 */
    line-height: 1.8; /* 行高 1.8，提升可读性 */
    text-align: justify; /* 文本两端对齐 */
    margin-bottom: 30px; /* 下外边距 30px，与按钮间距 */
    overflow: hidden; /* 溢出隐藏，超出部分不显示 */
}
#floor_1_main .contW .view_detail a { /* 查看详情按钮 */
    display: block; /* 块级元素 */
    height: 43px; /* 高度 43px */
    font-size: 16px; /* 字体大小 16px */
    line-height: 43px; /* 行高 43px，垂直居中 */
    padding: 0 38px; /* 左右内边距 38px */
    text-align: center; /* 文本居中 */
    color: #434343; /* 颜色：深灰色 */
    margin-left: 20px; /* 左外边距 20px */
    background: #fff; /* 背景色：白色 */
    border: 1px solid #b7b7b7; /* 边框：中灰色 */
}
#floor_1_main .contW .view_detail a:hover { /* 查看详情按钮 hover 状态 */
    color: #fff; /* 文字颜色：白色 */
    background: #dc0000; /* 背景色：红色（主题色） */
    border-color: #dc0000; /* 边框颜色：红色 */
    transition: all .5s; /* 过渡动画：0.5s 时长 */
}
#floor_2_main { /* 首页第二区块（产品中心） */
    background: transparent;/* 李进修改：背景色从白色改为透明 */
}
#floor_2_main .floor_2 {
    padding-bottom: 80px; /* 下内边距 80px，底部留白 */
}
#floor_2_main .floor_2 .title { /* 产品中心标题（继承通用标题样式） */
}
#floor_2_main .proCenter .list { /* 产品列表容器 */
    width: 100%; /* 宽度 100% */
    margin-top: 28px; /* 上外边距 28px，与标题间距 */
}
#floor_2_main .proCenter .list li { /* 产品列表项 */
    float: left; /* 左浮动，横向排列 */
    margin-bottom: 20px; /* 下外边距 20px，上下间距 */
    margin-right: 20px; /* 右外边距 20px，左右间距 */
    border: 1px solid #f0f0f0; /* 边框：浅灰色 */
    transition: all .5s; /* 过渡动画：0.5s 时长 */
}
#floor_2_main .proCenter .list li:nth-child(4n) { /* 第4、8、12...个产品项 */
    margin-right: 0; /* 取消右外边距，避免换行 */
}
#floor_2_main .proCenter .list li a { /* 产品链接 */
    display: block; /* 块级元素，占满列表项 */
}
#floor_2_main .proCenter .list li img { /* 产品图片 */
    width: 283px; /* 宽度 283px（1200-3*20=1140，1140/4=285，减去边框后 283） */
    height: 212px; /* 高度 212px */
}
#floor_2_main .proCenter .list li .tit { /* 产品名称 */
    font-size: 16px; /* 字体大小 16px */
    line-height: 50px; /* 行高 50px，垂直居中 */
    text-align: center; /* 文本居中 */
}
#floor_2_main .proCenter .list li:first-child { /* 第一个产品项 */
    margin-left: 0px; /* 取消左外边距 */
}
#floor_2_main .proCenter .list li .tit { /* 产品名称文字样式 */
    color: #434343; /* 颜色：深灰色 */
    -webkit-transition: all .3s ease-in-out 0s; /* Safari/Chrome 过渡 */
    -moz-transition: all .3s ease-in-out 0s;    /* Firefox 过渡 */
    transition: all .3s ease-in-out 0s;         /* 标准过渡：0.3s 缓动 */
}
#floor_2_main .proCenter .list li:hover { /* 产品项 hover 状态 */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3); /* 阴影：水平0、垂直4px、模糊8px、透明度0.3 */
    border-color: #dc0000; /* 边框颜色：红色（主题色） */
    background: #dc0000; /* 背景色：红色 */
    transform: translateY(-5px); /* 向上平移 5px，悬浮效果 */
}
#floor_2_main .proCenter .list li:hover .tit { /* 产品名称 hover 状态 */
    color: #fff; /* 文字颜色：白色 */
}
#floor_2_main .proCenter .list li:hover img { /* 产品图片 hover 状态 */
    -webkit-filter: brightness(105%); /* Safari/Chrome 亮度提升 5% */
    filter: brightness(105%); /* 标准：亮度提升 5% */
}

/* 首页通栏广告1（index_slip1） */
.index_slip1 {
    width: 100%; /* 宽度占满页面 */
    height: 200px; /* 高度 200px */
    background: url(../images/ixbanner.png) no-repeat center center; /* 背景图：不重复、居中显示 */
}
.index_slip1 .w1200 { /* 通栏广告容器（固定宽度居中） */
    height: 200px; /* 高度 200px，与通栏一致 */
}
.index_slip1 .img { /* 广告图片容器 */
    width: 384px; /* 宽度 384px */
    height: 280px; /* 高度 280px，超出通栏高度，形成叠加效果 */
    display: block; /* 块级元素 */
    position: absolute; /* 绝对定位 */
    left: 10px; /* 左偏移 10px */
    bottom: 0; /* 下对齐 */
}
.index_slip1 .img img { /* 广告图片 */
    width: 100%; /* 宽度自适应 */
    height: 100%; /* 高度自适应 */
    display: block; /* 块级元素 */
}
.index_slip1 .slip_tit { /* 广告文字容器 */
    padding-left: 465px; /* 左内边距 465px，向右偏移，避开图片 */
    width: 735px; /* 宽度 735px */
}
.index_slip1 .slip_tit .tit1 { /* 广告第一行文字 */
    padding-top: 20px; /* 上内边距 20px */
    font-size: 46px; /* 字体大小 46px，醒目 */
    line-height: 50px; /* 行高 50px */
    color: #fff; /* 颜色：白色 */
    letter-spacing: 3px; /* 字间距 3px，拉开间距 */
}
.index_slip1 .slip_tit .tit1 b { /* 广告第一行强调文字 */
    color: #f6ff00; /* 颜色：黄色，突出显示 */
}
.index_slip1 .slip_tit .tit2 { /* 广告第二行文字 */
    margin-top: 15px; /* 上外边距 15px */
    font-size: 46px; /* 字体大小 46px */
    line-height: 50px; /* 行高 50px */
    font-weight: bold; /* 加粗 */
    color: #fff; /* 颜色：白色 */
    letter-spacing: 3px; /* 字间距 3px */
}
.index_slip1 .slip_tit .tit3 { /* 广告第三行文字 */
    display: inline-block; /* 行内块级 */
    margin-top: 20px; /* 上外边距 20px */
    font-size: 20px; /* 字体大小 20px */
    color: #fff; /* 颜色：白色 */
}
.index_slip1 .slip_tit .tit3 b { /* 广告第三行强调文字 */
    font-size: 26px; /* 字体大小 26px */
    font-weight: bold; /* 加粗 */
}

/* 首页通栏广告2（index_slip2）：与广告1结构类似，样式微调 */
.index_slip2 {
    width: 100%; /* 宽度占满页面 */
    height: 200px; /* 高度 200px */
    background: url(../images/ixbanner.png) no-repeat center center; /* 背景图：同广告1 */
}
.index_slip2 .w1200 {
    height: 200px; /* 高度 200px */
}
.index_slip2 .img { /* 广告图片容器 */
    width: 280px; /* 宽度 280px（比广告1窄） */
    height: 180px; /* 高度 180px（比广告1矮） */
    display: block; /* 块级元素 */
    position: absolute; /* 绝对定位 */
    left: 0; /* 左对齐 */
    bottom: 0; /* 下对齐 */
}
.index_slip2 .img img { /* 广告图片 */
    width: 100%; /* 宽度自适应 */
    height: 100%; /* 高度自适应 */
    display: block; /* 块级元素 */
}
.index_slip2 .slip_tit { /* 广告文字容器 */
    padding-left: 440px; /* 左内边距 440px（比广告1少） */
    width: 760px; /* 宽度 760px */
    text-align: center; /* 文本居中（广告1为左对齐） */
}
.index_slip2 .slip_tit .tit1 { /* 广告第一行文字 */
    padding-top: 30px; /* 上内边距 30px（比广告1多） */
    font-size: 30px; /* 字体大小 30px（比广告1小） */
    font-weight: bold; /* 加粗 */
    line-height: 50px; /* 行高 50px */
    color: #fff; /* 颜色：白色 */
}
.index_slip2 .slip_tit .tit1 b { /* 强调文字 */
    color: #f6ff00; /* 颜色：黄色 */
}
.index_slip2 .slip_tit .tit2 { /* 广告第二行文字 */
    margin-top: 10px; /* 上外边距 10px（比广告1少） */
    font-size: 20px; /* 字体大小 20px（比广告1小） */
    line-height: 50px; /* 行高 50px */
    color: #fff; /* 颜色：白色 */
}
.index_slip2 .slip_tit .tit3 { /* 广告第三行文字 */
    display: inline-block; /* 行内块级 */
    margin-top: 10px; /* 上外边距 10px（比广告1少） */
    font-size: 20px; /* 字体大小 20px */
    color: #fff; /* 颜色：白色 */
}
.index_slip2 .slip_tit .tit3 b { /* 强调文字 */
    font-size: 26px; /* 字体大小 26px */
    font-weight: bold; /* 加粗 */
}

/* 产品优势区块（floor_3_main） */
#floor_3_main {
    background: transparent;/* 李进修改：背景色从白色改为透明 */
}
#floor_3_main .in_title3 { /* 产品优势标题容器 */
    position: relative; /* 相对定位，作为子元素绝对定位参考 */
    width: 100%; /* 宽度 100% */
    height: 140px; /* 高度 140px */
}
#floor_3_main .in_title3 .bg { /* 标题背景边框 */
    width: 1200px; /* 宽度 1200px，与页面主容器一致 */
    height: 60px; /* 高度 60px */
    margin-top: 50px; /* 上外边距 50px，向下偏移 */
    border: 3px solid #d9d9d9; /* 边框：3px 浅灰色 */
    box-sizing: border-box; /* 盒模型：border 计入宽度，避免溢出 */
}
#floor_3_main .in_title3 p { /* 标题文字容器（绝对定位） */
    position: absolute; /* 绝对定位，叠加在边框上 */
    width: 845px; /* 宽度 845px */
    top: -18px; /* 上偏移 -18px，向上突出 */
    left: 125px; /* 左偏移 125px，水平居中 */
    height: 50px; /* 高度 50px */
}
#floor_3_main .in_title3 .p1 { /* 标题辅助文字1 */
    color: #413F40; /* 颜色：深灰色 */
    font-size: 24px; /* 字体大小 24px */
    padding: 0 5px; /* 左右内边距 5px */
    background-color: #f0f1f4;  /* 李进修改：背景色从白色改为浅灰蓝色，突出文字 */
}
#floor_3_main .in_title3 .p2 { /* 标题辅助文字2 */
    font-size: 40px; /* 字体大小 40px */
    color: #B1B1B1; /* 颜色：浅灰色 */
    padding-right: 10px; /* 右内边距 10px */
    background-color: #f0f1f4;  /* 李进修改：背景色从白色改为浅灰蓝色 */
}
#floor_3_main .in_title3 .p3 { /* 标题主文字 */
    position: absolute; /* 绝对定位 */
    font-size: 50px; /* 字体大小 50px，醒目 */
    color: #dc0000; /* 颜色：红色（主题色） */
    line-height: 1.0; /* 行高 1.0，紧凑显示 */
    height: 58px; /* 高度 58px */
    width: 700px; /* 宽度 700px */
    font-weight: bold; /* 加粗 */
    display: block; /* 块级元素 */
    top: 29px; /* 上偏移 29px */
    left: 35px; /* 左偏移 35px */
    text-align: center; /* 文本居中 */
    background-color: #f0f1f4;  /* 李进修改：背景色从白色改为浅灰蓝色 */
}
#floor_3_main .proAdvant { /* 产品优势列表容器 */
    margin-top: 0; /* 上外边距 0 */
}
#floor_3_main .proAdvant .list { /* 产品优势列表 */
    width: 100%; /* 宽度 100% */
}
#floor_3_main .proAdvant .list li { /* 产品优势列表项 */
    width: 100%; /* 宽度 100%，纵向排列 */
    margin-bottom: 20px; /* 下外边距 20px，上下间距 */
}
#floor_3_main .proAdvant .list li a { /* 产品优势链接 */
    display: block; /* 块级元素 */
}
#floor_3_main .proAdvant .list li .img { /* 产品优势图片容器 */
    width: 530px; /* 宽度 530px */
    height: 300px; /* 高度 300px */
    margin-left: 20; /* 左外边距 20px（原代码漏写 px，保留原样） */
    margin-right: 20px; /* 右外边距 20px */
}
#floor_3_main .proAdvant .list li:nth-child(2n) .img { /* 偶数项图片容器（左右交替） */
    margin-left: 20px; /* 左外边距 20px */
    margin-right: 0; /* 取消右外边距 */
}
#floor_3_main .proAdvant .list li .title { /* 产品优势文字容器 */
    width: 650px; /* 宽度 650px */
}
#floor_3_main .proAdvant .list li .title .shu { /* 序号容器 */
    border-bottom: 1px dashed #b2b2b2; /* 底部虚线边框：浅灰色 */
    padding-bottom: 20px; /* 下内边距 20px */
    text-align: center; /* 文本居中 */
}
#floor_3_main .proAdvant .list li .title .shu span { /* 序号文字 */
    display: inline-block; /* 行内块级 */
    width: 60px; /* 宽度 60px */
    height: 60px; /* 高度 60px */
    background: #dc0000; /* 背景色：红色（主题色） */
    border-radius: 10px; /* 圆角 10px */
    color: #fff; /* 颜色：白色 */
    font-size: 46px; /* 字体大小 46px */
    line-height: 60px; /* 行高 60px，垂直居中 */
}
#floor_3_main .proAdvant .list li .tit { /* 产品优势标题 */
    font-size: 28px; /* 字体大小 28px */
    color: #dc0000; /* 颜色：红色（主题色） */
    line-height: 1.5; /* 行高 1.5 */
    padding-top: 20px; /* 上内边距 20px */
    font-weight: bold; /* 加粗 */
    text-align: center; /* 文本居中 */
}
#floor_3_main .proAdvant .list li .cont { /* 产品优势内容 */
    font-size: 16px; /* 字体大小 16px */
    color: #666; /* 颜色：灰色 */
    padding-top: 20px; /* 上内边距 20px */
    text-align: justify; /* 文本两端对齐 */
    padding-left: 10px;/* 桥小五修改：左内边距增加 10px，文字不贴边 */
    padding-right: 40px;/* 桥小五修改：右内边距增加 40px，文字不贴边 */
}
/* ==========================================
   工程案例模块 (floor_4_main)
   作用：展示企业工程案例列表，带左右切换按钮和hover放大效果
========================================== */
#floor_4_main {
    padding-bottom: 30px; /* 底部内边距，预留间距 */
    background: #f4f4f4; /* 背景色：浅灰色 */
}
#floor_4_main .floor_4 {
    /* 容器占位，无额外样式 */
}
#floor_4_main .proCase {
    position: relative; /* 相对定位，为子元素绝对定位做参考 */
    margin-top: 30px; /* 上外边距，与上方元素间距 */
}
#floor_4_main .proCase .list {
    width: 100%; /* 列表宽度占满父容器 */
}
#floor_4_main .proCase .list li {
    position: relative; /* 相对定位，为内部元素定位做参考 */
    display: block; /* 块级元素 */
    float: left; /* 左浮动，横向排列 */
    margin: 0 12px; /* 左右外边距，列表项之间间距 */
    transition: all ease 600ms; /* 所有属性过渡动画，600毫秒缓动 */
}
#floor_4_main .proCase .list li a {
    display: block; /* 块级链接，占满列表项 */
}
#floor_4_main .proCase .list li a img {
    display: block; /* 图片块级显示，消除inline默认间隙 */
    width: 380px; /* 图片固定宽度 */
    height: 285px; /* 图片固定高度 */
    transition: all ease 600ms; /* 图片过渡动画，与列表项保持一致 */
}
#floor_4_main .proCase .list li .title {
    /* 标题容器占位 */
}
#floor_4_main .proCase .list li .tit {
    font-size: 16px; /* 标题字体大小 */
    line-height: 40px; /* 行高，控制垂直居中 */
    color: #666; /* 标题颜色：深灰色 */
    text-align: center; /* 文字居中对齐 */
}
/* 列表项hover效果：放大1.05倍 */
#floor_4_main .proCase .list li:hover {
    transition: all ease 600ms; /* 过渡动画重写（冗余但兼容） */
    -webkit-transform: scale(1.05); /* webkit内核缩放 */
    transform: scale(1.05); /* 标准缩放 */
}
/* 图片hover效果：透明度降低到0.8 */
#floor_4_main .proCase .list li:hover img {
    opacity: 0.8; /* 透明度：0.8（半透明） */
}
#floor_4_main .proCase .hd {
    position: absolute; /* 绝对定位，控制切换按钮位置 */
    width: 100%; /* 宽度占满父容器 */
}
/* 左切换按钮 */
#floor_4_main .proCase .hd .prev {
    width: 42px; /* 按钮宽度 */
    height: 42px; /* 按钮高度 */
    background-position: 0px -60px; /* 精灵图背景位置（引用外部图片） */
    cursor: pointer; /* 鼠标指针：手型（可点击） */
    position: absolute; /* 绝对定位 */
    top: -201px; /* 上偏移量，定位到列表上方 */
    left: -80px; /* 左偏移量，定位到列表左侧 */
}
/* 右切换按钮 */
#floor_4_main .proCase .hd .next {
    width: 42px; /* 按钮宽度 */
    height: 42px; /* 按钮高度 */
    background-position: -126px -60px; /* 精灵图背景位置 */
    cursor: pointer; /* 鼠标指针：手型 */
    position: absolute; /* 绝对定位 */
    top: -200px; /* 上偏移量 */
    right: -80px; /* 右偏移量，定位到列表右侧 */
}
/* 左切换按钮hover：切换精灵图位置 */
#floor_4_main .proCase .hd .prev:hover {
    background-position: -42px -60px; /* hover状态精灵图位置 */
}
/* 右切换按钮hover：切换精灵图位置 */
#floor_4_main .proCase .hd .next:hover {
    background-position: -84px -60px; /* hover状态精灵图位置 */
}

/* ==========================================
   新闻中心模块 (floor_5_main)
   作用：展示新闻资讯，左侧大图轮播 + 右侧文字列表
========================================== */
#floor_5_main .floor_5 {
    padding-bottom: 30px; /* 底部内边距，预留间距 */
}
/* 新闻模块标题栏 */
#floor_5_main .title {
    width: 100%; /* 宽度占满 */
    height: 22px; /* 标题栏高度 */
    line-height: 22px; /* 行高，垂直居中 */
    margin-bottom: 10px; /* 下外边距，与下方内容间距 */
    border-bottom: 1px solid #eee; /* 底部边框：浅灰色细边框 */
    padding: 9px 0; /* 上下内边距，控制标题栏高度 */
}
#floor_5_main .title h3 {
    font-size: 20px; /* 标题字体大小 */
    font-weight: bold; /* 字体加粗 */
    color: #dc0000; /* 标题颜色：红色（主色调） */
}
/* 标题前红色小竖条装饰 */
#floor_5_main .title h3 s {
    width: 4px; /* 竖条宽度 */
    height: 22px; /* 竖条高度（与行高一致） */
    display: inline-block; /* 行内块级，可设置宽高 */
    vertical-align: top; /* 垂直对齐：顶部对齐 */
    margin-right: 10px; /* 右外边距，与文字间距 */
    background: #dc0000; /* 竖条背景色：红色 */
    text-decoration: none; /* 清除s标签默认删除线（隐式修复） */
}
/* 标题栏右侧链接 */
#floor_5_main .title a {
    color: #575757; /* 链接颜色：深灰色 */
    margin-right: 10px; /* 右外边距，链接之间间距 */
    margin-top: 0; /* 上外边距重置 */
    /* 多浏览器兼容过渡动画：300毫秒缓动 */
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
/* 标题栏链接hover效果：右外边距归零（文字紧凑） */
#floor_5_main .title a:hover {
    margin-right: 0; /* 右外边距归零 */
}
/* 左侧大图轮播容器 */
#floor_5_main .imgleft {
    width: 410px; /* 容器宽度 */
    height: 307px; /* 容器高度 */
    float: left; /* 左浮动，与右侧列表并列 */
    margin-top: 12px; /* 上外边距，与标题栏间距 */
    overflow: hidden; /* 溢出隐藏，防止轮播图超出 */
    position: relative; /* 相对定位，为子元素绝对定位做参考 */
}
#floor_5_main .imgleft .item {
    width: 410px; /* 轮播项宽度（与容器一致） */
    height: 307px; /* 轮播项高度（与容器一致） */
    position: absolute; /* 绝对定位，轮播项重叠 */
    left: 0; /* 左偏移量：0 */
    top: 0; /* 上偏移量：0 */
    display: block; /* 块级显示 */
    z-index: 9999; /* 层级：最高，确保当前轮播项显示在最上层 */
}
#floor_5_main .imgleft .item a {
    width: 100%; /* 链接占满轮播项 */
    display: block; /* 块级链接 */
}
#floor_5_main .imgleft .item img {
    width: 410px; /* 图片宽度（与容器一致） */
    height: 307px; /* 图片高度（与容器一致） */
    transition: all .5s; /* 过渡动画：0.5秒 */
    display: block; /* 块级图片，消除间隙 */
}
/* 轮播图底部文字容器（半透明遮罩） */
#floor_5_main .imgleft .item .txtcon {
    width: 100%; /* 宽度占满轮播项 */
    position: absolute; /* 绝对定位，固定在底部 */
    left: 0; /* 左偏移量：0 */
    bottom: 0; /* 下偏移量：0（靠底） */
    background: rgba(0, 0, 0, 0.8); /* 背景：黑色半透明（透明度0.8） */
    color: #fff; /* 文字颜色：白色 */
}
#floor_5_main .imgleft .item .txtcon h3 {
    font-size: 14px; /* 文字大小 */
    line-height: 35px; /* 行高，控制容器高度 */
    text-align: center; /* 文字居中 */
}
/* 轮播图hover效果：亮度提升5% */
#floor_5_main .imgleft .item:hover img {
    filter: brightness(105%); /* 滤镜：亮度105% */
}
/* 轮播图切换按钮容器 */
#floor_5_main .imgleft .hd {
    position: absolute; /* 绝对定位 */
    top: 0; /* 上偏移量：0 */
    width: 100%; /* 宽度占满 */
    height: 307px; /* 高度与容器一致 */
}
/* 轮播左切换按钮 */
#floor_5_main .imgleft .hd .prev {
    width: 27px; /* 按钮宽度 */
    height: 60px; /* 按钮高度 */
    background-position: -52px -103px; /* 精灵图背景位置 */
    background-color: rgba(0,0,0,0.49); /* 背景：黑色半透明（0.49透明度） */
    cursor: pointer; /* 鼠标指针：手型 */
    position: absolute; /* 绝对定位 */
    top: 50%; /* 上偏移量：50%（垂直居中基础） */
    margin-top: -30px; /* 上外边距：-30px（垂直居中调整，自身高度一半） */
    left: 0; /* 左偏移量：0（靠左侧） */
    z-index: 9999; /* 层级：最高，确保按钮在轮播图上方 */
    /* 过渡动画：0.3秒缓进缓出 */
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
/* 轮播右切换按钮 */
#floor_5_main .imgleft .hd .next {
    width: 27px; /* 按钮宽度 */
    height: 60px; /* 按钮高度 */
    background-position: -77px -103px; /* 精灵图背景位置 */
    background-color: rgba(0,0,0,0.49); /* 背景：黑色半透明 */
    cursor: pointer; /* 鼠标指针：手型 */
    position: absolute; /* 绝对定位 */
    top: 50%; /* 上偏移量：50% */
    margin-top: -30px; /* 垂直居中调整 */
    right: 0; /* 右偏移量：0（靠右侧） */
    z-index: 9999; /* 层级：最高 */
    /* 过渡动画：0.3秒缓进缓出 */
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
/* 轮播左按钮hover：背景色切换为红色半透明 */
#floor_5_main .imgleft .hd .prev:hover {
    background-color: rgba(220, 0, 0 ,0.49); /* 红色半透明（#dc0000的RGB值） */
}
/* 轮播右按钮hover：背景色切换为红色半透明 */
#floor_5_main .imgleft .hd .next:hover {
    background-color: rgba(220, 0, 0 ,0.49); /* 红色半透明 */
}
/* 新闻文字列表容器 */
#floor_5_main .newslist {
    line-height: 55px; /* 行高（基础值，子元素可重写） */
}
/* 新闻列表项 */
#floor_5_main .newslist li {
    width: 100%; /* 宽度占满父容器 */
    height: 40px; /* 列表项高度 */
    line-height: 40px; /* 行高，垂直居中 */
    overflow: hidden; /* 溢出隐藏，防止文字换行 */
    border-bottom: 1px dashed #eee; /* 底部虚线边框：浅灰色 */
}
#floor_5_main .newslist li a {
    width: 100%; /* 链接占满列表项 */
    color: #575757; /* 链接颜色：深灰色 */
    display: block; /* 块级链接 */
    /* 多浏览器兼容过渡动画 */
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
/* 新闻链接hover效果：颜色切换为红色 */
#floor_5_main .newslist li a:hover {
    color: #dc0000; /* 红色（主色调） */
}
/* 新闻列表时间戳 */
#floor_5_main .newslist li .time {
    color: #575757; /* 时间颜色：深灰色 */
    float: right; /* 右浮动，靠右侧显示 */
    font-weight: normal; /* 字体正常粗细 */
}
/* 新闻列表左侧容器（占比大） */
#floor_5_main .inews1 {
    width: 780px; /* 容器宽度 */
    float: left; /* 左浮动 */
}
#floor_5_main .inews1 .newslist {
    width: 350px; /* 列表宽度（内部子列表，横向排列） */
}
/* 新闻列表右侧容器（占比小） */
#floor_5_main .inews2 {
    width: 370px; /* 容器宽度 */
    float: right; /* 右浮动 */
}

/* ==========================================
   服务流程模块 (floor_6_main)
   作用：展示企业服务步骤，圆形图标 + 文字说明，带旋转动画
========================================== */
#floor_6_main {
    padding-bottom: 45px; /* 底部内边距，预留间距 */
}
#floor_6_main .proAdvant {
    margin-top: 30px; /* 上外边距，与上方元素间距 */
}
#floor_6_main .proAdvant .list {
    width: 100%; /* 列表宽度占满 */
}
/* 服务流程列表项 */
#floor_6_main .proAdvant .list li {
    float: left; /* 左浮动，横向排列 */
    width: 150px; /* 列表项宽度（固定宽度，确保均匀分布） */
    text-align: center; /* 文字居中对齐 */
    cursor: pointer; /* 鼠标指针：手型（可点击） */
}
#floor_6_main .proAdvant .list li a {
    display: block; /* 块级链接，占满列表项 */
}
/* 圆形图标容器 */
#floor_6_main .proAdvant .list li .img {
    position: relative; /* 相对定位，为内部图片定位做参考 */
    display: inline-block; /* 行内块级，居中显示 */
    width: 100px; /* 圆形宽度 */
    height: 100px; /* 圆形高度 */
    line-height: 110px; /* 行高（辅助垂直居中） */
    margin: 0 auto; /* 水平居中 */
    border: 5px solid #666; /* 边框：5px 深灰色 */
    border-radius: 50%; /* 圆角：50%（圆形） */
    transition: all .5s; /* 过渡动画：0.5秒 */
}
/* 圆形图标内部图片 */
#floor_6_main .proAdvant .list li .img img {
    position: absolute; /* 绝对定位，精确居中 */
    top: 50%; /* 上偏移量：50% */
    margin-top: -32.5px; /* 上外边距：-32.5px（自身高度一半，垂直居中） */
    left: 50%; /* 左偏移量：50% */
    margin-left: -32.5px; /* 左外边距：-32.5px（自身宽度一半，水平居中） */
    display: inline-block; /* 行内块级 */
    width: 65px; /* 图片宽度 */
    height: 65px; /* 图片高度 */
    transition: all .5s; /* 过渡动画：0.5秒 */
}
/* 列表项hover：图片旋转360度 */
#floor_6_main .proAdvant .list li:hover .img img {
    -webkit-transform: rotate(360deg); /* webkit内核旋转360度 */
    transform: rotate(360deg); /* 标准旋转360度 */
}
#floor_6_main .proAdvant .list li .title {
    /* 标题容器占位 */
}
#floor_6_main .proAdvant .list li .tit {
    font-size: 16px; /* 标题字体大小 */
    line-height: 32px; /* 行高，与图标间距 */
    color: #666; /* 标题颜色：深灰色 */
}

/* ==========================================
   施工技术模块 (floor_7_main)
   作用：展示施工技术相关案例，结构与工程案例类似，图片尺寸更小
========================================== */
#floor_7_main {
    padding-bottom: 20px; /* 底部内边距，预留间距 */
}
#floor_7_main .floor_7 {
    /* 容器占位 */
}
#floor_7_main .proCase {
    position: relative; /* 相对定位，为切换按钮定位做参考 */
    margin-top: 30px; /* 上外边距，与上方元素间距 */
}
#floor_7_main .proCase .list {
    width: 100%; /* 列表宽度占满 */
}
#floor_7_main .proCase .list li {
    position: relative; /* 相对定位 */
    display: block; /* 块级元素 */
    float: left; /* 左浮动，横向排列 */
    margin: 0 6px; /* 左右外边距，列表项间距（比工程案例小） */
    transition: all ease 600ms; /* 过渡动画：600毫秒 */
}
#floor_7_main .proCase .list li a {
    display: block; /* 块级链接 */
}
#floor_7_main .proCase .list li a img {
    display: block; /* 块级图片 */
    width: 288px; /* 图片宽度（比工程案例小） */
    height: 216px; /* 图片高度（比工程案例小） */
    transition: all ease 600ms; /* 过渡动画：600毫秒 */
}
#floor_7_main .proCase .list li .title {
    /* 标题容器占位 */
}
#floor_7_main .proCase .list li .tit {
    font-size: 16px; /* 标题字体大小 */
    line-height: 40px; /* 行高，垂直居中 */
    width: 100%; /* 宽度占满（李进修改：确保文字不溢出） */
    color: #666; /* 标题颜色：深灰色 */
    text-align: center; /* 文字居中（李进修改：优化对齐） */
}
/* 图片hover效果：透明度降低到0.8 */
#floor_7_main .proCase .list li:hover img {
    opacity: 0.8; /* 透明度：0.8 */
}
#floor_7_main .proCase .hd {
    position: absolute; /* 绝对定位，控制切换按钮 */
    width: 100%; /* 宽度占满 */
}
/* 左切换按钮 */
#floor_7_main .proCase .hd .prev {
    width: 42px; /* 按钮宽度 */
    height: 42px; /* 按钮高度 */
    background-position: 0px -60px; /* 精灵图背景位置 */
    cursor: pointer; /* 鼠标指针：手型 */
    position: absolute; /* 绝对定位 */
    top: -169px; /* 上偏移量（与工程案例不同，适配图片高度） */
    left: -80px; /* 左偏移量 */
}
/* 右切换按钮 */
#floor_7_main .proCase .hd .next {
    width: 42px; /* 按钮宽度 */
    height: 42px; /* 按钮高度 */
    background-position: -126px -60px; /* 精灵图背景位置 */
    cursor: pointer; /* 鼠标指针：手型 */
    position: absolute; /* 绝对定位 */
    top: -200px; /* 上偏移量 */
    right: -80px; /* 右偏移量 */
}
/* 左切换按钮hover：切换精灵图位置 */
#floor_7_main .proCase .hd .prev:hover {
    background-position: -42px -60px; /* hover状态精灵图位置 */
}
/* 右切换按钮hover：切换精灵图位置 */
#floor_7_main .proCase .hd .next:hover {
    background-position: -84px -60px; /* hover状态精灵图位置 */
}

/* ==========================================
   合作客户模块 (floor_8_main)
   作用：展示合作客户logo，大标题 + 横向轮播，切换按钮样式不同
========================================== */
#floor_8_main {
    padding-bottom: 0; /* 底部内边距：0（无额外间距） */
}
#floor_8_main .floor_8 {
    /* 容器占位 */
}
/* 合作客户标题栏（居中大标题） */
#floor_8_main .in_title8 {
    position: relative; /* 相对定位 */
    width: 100%; /* 宽度占满 */
    padding-top: 20px; /* 上内边距，与上方元素间距 */
    text-align: center; /* 文字居中对齐 */
}
#floor_8_main .in_title8 .p1 {
    font-size: 78px; /* 大字体（装饰性文字） */
    color: #dedede; /* 颜色：浅灰色（弱化） */
    line-height: 1.0; /* 行高：1.0（紧凑） */
    height: 77px; /* 高度：适配字体大小 */
    display: block; /* 块级显示 */
}
#floor_8_main .in_title8 .p2 {
    font-size: 35px; /* 主标题字体大小 */
    color: #000; /* 颜色：黑色（突出） */
    line-height: 1.0; /* 行高：1.0 */
    height: 40px; /* 高度：适配字体大小 */
    font-weight: bold; /* 字体加粗 */
    display: block; /* 块级显示 */
}
#floor_8_main .in_title8 .p3 {
    font-size: 19px; /* 副标题字体大小 */
    color: #666; /* 颜色：深灰色 */
    line-height: 1.0; /* 行高：1.0 */
    height: 28px; /* 高度：适配字体大小 */
    display: block; /* 块级显示 */
}
#floor_8_main .proCase {
    position: relative; /* 相对定位，为切换按钮定位做参考 */
    margin-top: 30px; /* 上外边距，与标题栏间距 */
}
#floor_8_main .proCase .list {
    width: 100%; /* 列表宽度占满 */
}
/* 客户logo列表项 */
#floor_8_main .proCase .list li {
    position: relative; /* 相对定位 */
    display: block; /* 块级元素 */
    float: left; /* 左浮动，横向排列 */
    padding: 0 10px; /* 左右内边距，logo之间间距 */
    transition: all ease 600ms; /* 过渡动画：600毫秒 */
}
#floor_8_main .proCase .list li a {
    display: block; /* 块级链接 */
}
#floor_8_main .proCase .list li a img {
    display: block; /* 块级图片 */
    width: 180px; /* logo宽度 */
    height: 141px; /* logo高度 */
}
#floor_8_main .proCase .hd {
    position: absolute; /* 绝对定位，控制切换按钮 */
    width: 100%; /* 宽度占满 */
}
/* 左切换按钮（样式与新闻中心轮播按钮一致） */
#floor_8_main .proCase .hd .prev {
    width: 27px; /* 按钮宽度 */
    height: 60px; /* 按钮高度 */
    background-position: -52px -103px; /* 精灵图背景位置 */
    background-color: rgba(0,0,0,0.49); /* 背景：黑色半透明 */
    cursor: pointer; /* 鼠标指针：手型 */
    position: absolute; /* 绝对定位 */
    top: -100px; /* 上偏移量，定位到标题栏下方 */
    left: 0; /* 左偏移量：0 */
    /* 过渡动画：0.3秒缓进缓出 */
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
/* 右切换按钮（样式与新闻中心轮播按钮一致） */
#floor_8_main .proCase .hd .next {
    width: 27px; /* 按钮宽度 */
    height: 60px; /* 按钮高度 */
    background-position: -77px -103px; /* 精灵图背景位置 */
    background-color: rgba(0,0,0,0.49); /* 背景：黑色半透明 */
    cursor: pointer; /* 鼠标指针：手型 */
    position: absolute; /* 绝对定位 */
    top: -100px; /* 上偏移量 */
    right: 0; /* 右偏移量：0 */
    /* 过渡动画：0.3秒缓进缓出 */
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
/* 左切换按钮hover：背景色切换为红色半透明 */
#floor_8_main .proCase .hd .prev:hover {
    background-color: rgba(220, 0, 0 ,0.49); /* 红色半透明 */
}
/* 右切换按钮hover：背景色切换为红色半透明 */
#floor_8_main .proCase .hd .next:hover {
    background-color: rgba(220, 0, 0 ,0.49); /* 红色半透明 */
}

/* ==========================================
   内页通用样式（nybanner + submian）
   作用：所有内页（新闻详情、案例详情等）的公共布局样式
========================================== */
/* 内页顶部banner */
.nybanner {
    width: 100%; /* 宽度占满屏幕 */
    height: 350px; /* banner高度固定 */
    overflow: hidden; /* 溢出隐藏，防止图片超出 */
    position: relative; /* 相对定位，为背景图定位做参考 */
}
.nybanner img {
    width: 1920px; /* 背景图宽度（适配大屏幕） */
    display: block; /* 块级图片 */
    position: absolute; /* 绝对定位，水平居中 */
    left: 50%; /* 左偏移量：50% */
    margin-left: -960px; /* 左外边距：-960px（自身宽度一半，水平居中） */
    top: 0; /* 上偏移量：0 */
}
/* 内页主体容器 */
.submian {
    padding-bottom: 20px; /* 底部内边距，预留间距 */
}
/* 内页面包屑导航栏 */
.submian .sobtitle {
    height: 30px; /* 导航栏高度 */
    line-height: 30px; /* 行高，垂直居中 */
    padding: 10px 0px 10px; /* 上下内边距，控制高度 */
    margin-bottom: 20px; /* 下外边距，与主体内容间距 */
    font-size: 14px; /* 字体大小 */
    color: #666; /* 文字颜色：深灰色 */
    border-bottom: 1px solid #f1f1f1; /* 底部边框：浅灰色 */
}
/* 面包屑导航前小图标 */
.submian .sobtitle s {
    width: 14px; /* 图标宽度 */
    height: 14px; /* 图标高度 */
    margin-right: 10px; /* 右外边距，与文字间距 */
    background-position: -129px -30px; /* 精灵图背景位置 */
    text-decoration: none; /* 清除s标签默认删除线 */
    display: inline-block; /* 行内块级，可设置宽高 */
    vertical-align: middle; /* 垂直居中 */
}
/* 面包屑导航链接 */
.submian .sobtitle a {
    font-size: 14px; /* 字体大小 */
    color: #666; /* 颜色：深灰色 */
}
/* 面包屑导航链接hover：颜色切换为红色 */
.submian .sobtitle a:hover {
    color: #dc0000; /* 红色（主色调） */
}
/* 面包屑当前页链接 */
.submian .sobtitle a.now {
    color: #dc0000; /* 颜色：红色（突出当前页） */
    font-size: 14px; /* 字体大小 */
    font-weight: bold; /* 字体加粗 */
}
/* 当前页链接hover：下划线 */
.submian .sobtitle a.now:hover {
    text-decoration: underline; /* 下划线 */
}
/* 内页左侧导航栏 */
.submian .subleft {
    width: 245px; /* 左侧宽度（固定） */
    float: left; /* 左浮动，与右侧主体并列 */
}
/* 左侧导航标题栏 */
.submian .subleft .title {
    background: #dc0000; /* 背景色：红色（主色调） */
    height: 60px; /* 标题栏高度 */
    color: #fff; /* 文字颜色：白色 */
    font-size: 20px; /* 字体大小 */
    line-height: 60px; /* 行高，垂直居中 */
    font-weight: bold; /* 字体加粗 */
    text-align: center; /* 文字居中 */
}
.submian .subleft .title h2 {
    font-size: 20px; /* 标题字体大小 */
    font-weight: bold; /* 字体加粗 */
    color: #fff; /* 颜色：白色 */
}
.submian .subleft .title i {
    font-size: 20px; /* 图标字体大小 */
    font-weight: bold; /* 字体加粗 */
    color: #fff; /* 颜色：白色 */
}
/* 左侧导航顶部蓝色边框 */
.submian .subleft .bort9 {
    border-top: 9px solid #007eb9; /* 顶部边框：9px 蓝色 */
    border-radius: 5px 5px 0px 0px; /* 上圆角：5px（美化） */
}
/* 左侧导航底部灰色边框 */
.submian .subleft .bor9 {
    border-bottom: 9px solid #eaeaea; /* 底部边框：9px 浅灰色 */
}
/* 左侧导航容器 */
.submian .subleft .lefta {
    width: 245px; /* 宽度与左侧导航一致 */
    margin-bottom: 10px; /* 下外边距，与下方模块间距 */
}
/* 导航内容区域（白色背景） */
.submian .subleft .lefta .comt {
    background: #fff; /* 背景色：白色 */
}
/* 导航列表 */
.submian .subleft .lefta .comt ul {
    border: 1px solid #ddd; /* 边框：1px 浅灰色 */
    border-top: 0; /* 上边框：无（与标题栏衔接） */
}
/* 导航列表项链接（一级导航） */
.submian .subleft .lefta .comt ul li a {
    background: #fff url(../images/tb9.png) 15px center no-repeat; /* 背景：白色 + 左侧小图标 */
    border-top: 1px solid #eaeaea; /* 上边框：1px 浅灰色（分隔线） */
    line-height: 50px; /* 行高，垂直居中 */
    height: 50px; /* 链接高度 */
    display: block; /* 块级链接 */
    padding-left: 35px; /* 左内边距，给图标留空间 */
    font-size: 14px; /* 字体大小 */
    color: #333; /* 文字颜色：深灰色（默认继承） */
}
/* 二级导航容器（默认隐藏） */
.submian .subleft .lefta .comt ul li .box {
    padding: 10px 0px; /* 上下内边距 */
    display: none; /* 默认隐藏，hover时显示 */
}
/* 二级导航链接 */
.submian .subleft .lefta .comt ul li .box a {
    height: 30px; /* 链接高度 */
    line-height: 30px; /* 行高，垂直居中 */
    display: block; /* 块级链接 */
    color: #888; /* 颜色：浅灰色（区分一级导航） */
    border: 0px; /* 边框：无 */
    padding-left: 45px; /* 左内边距：比一级导航大（缩进） */
}
/* 二级导航链接hover：颜色切换为蓝色 */
.submian .subleft .lefta .comt ul li .box a:hover {
    color: #007eb9; /* 蓝色 */
    background: none; /* 背景：无（清除一级导航图标） */
}
/* 一级导航hover/激活状态：切换背景图标和文字颜色 */
.submian .subleft .lefta .comt ul li:hover a, 
.submian .subleft .lefta .comt ul li.hover a {
    background: #fff url(../images/tb11.png) 15px center no-repeat; /* 切换图标 */
    color: #dc0000; /* 文字颜色：红色 */
}
/* 激活状态（hover时）：强制切换图标和颜色 */
.submian .subleft .lefta .comt ul li.hover a {
    background: #ffffff url(../images/tb11.png) 15px center no-repeat; /* 白色背景 + 新图标 */
    color: #dc0000; /* 红色 */
}
/* 激活状态下二级导航链接：清除加粗和背景 */
.submian .subleft .lefta .comt ul li.hover .box a {
    background: none; /* 背景：无 */
    font-weight: normal; /* 字体正常粗细 */
}
/* 激活状态下二级导航当前项：颜色蓝色 + 加粗 */
.submian .subleft .lefta .comt ul li.hover .box a.hover {
    color: #007eb9; /* 蓝色 */
    font-weight: bold; /* 字体加粗 */
}
/* 另一种导航样式（comt1）：右侧加减图标 */
.submian .subleft .lefta .comt1 ul li a {
    background: #fff url(../images/jia.png) 213px center no-repeat; /* 背景：白色 + 右侧加号图标 */
    border-top: 1px solid #eaeaea; /* 上边框：浅灰色 */
    line-height: 60px; /* 行高：60px（比之前导航高） */
    height: 60px; /* 高度：60px */
    display: block; /* 块级链接 */
    padding-left: 25px; /* 左内边距：25px */
    font-size: 14px; /* 字体大小 */
    color: #333; /* 文字颜色：深灰色 */
}
/* comt1二级导航容器（默认隐藏） */
.submian .subleft .lefta .comt1 ul li .box {
    padding: 10px 0px; /* 上下内边距 */
    display: none; /* 默认隐藏 */
}
/* comt1二级导航链接 */
.submian .subleft .lefta .comt1 ul li .box a {
    height: 30px; /* 高度：30px */
    line-height: 30px; /* 行高：30px */
    display: block; /* 块级链接 */
    color: #888; /* 颜色：浅灰色 */
    border: 0px; /* 边框：无 */
    padding-left: 45px; /* 左内边距：缩进 */
}
/* comt1二级导航链接hover：颜色蓝色 + 无背景 */
.submian .subleft .lefta .comt1 ul li .box a:hover {
    color: #007eb9; /* 蓝色 */
    background: none; /* 背景：无 */
}
/* comt1一级导航hover状态：红色背景 + 白色文字 + 加号图标 */
.submian .subleft .lefta .comt1 ul li:hover a, 
.submian .subleft .lefta .comt1 ul li.hover a {
    background: #dc0000 url(../images/jia1.png) 213px center no-repeat; /* 红色背景 + 加号图标 */
    font-weight: bold; /* 字体加粗 */
    color: #fff; /* 文字颜色：白色 */
}
/* comt1一级导航激活状态：红色背景 + 白色文字 + 减号图标 */
.submian .subleft .lefta .comt1 ul li.hover a {
    background: #dc0000 url(../images/jian.png) 213px center no-repeat; /* 红色背景 + 减号图标 */
    font-weight: bold; /* 字体加粗 */
    color: #fff; /* 白色 */
}
/* 三级导航容器（默认隐藏） */
.submian .subleft .lefta .comt ul li .boxlist {
    padding: 0; /* 内边距：0 */
    display: none; /* 默认隐藏 */
    border: 0; /* 边框：无 */
    border-top: 1px solid #ddd; /* 上边框：1px 浅灰色（分隔线） */
}
/* 三级导航列表项 */
.submian .subleft .lefta .comt ul li .boxlist li {
    line-height: 50px; /* 行高：50px */
}
/* 三级导航链接 */
.submian .subleft .lefta .comt ul li .boxlist li a {
    height: 40px; /* 高度：40px */
    padding-left: 35px; /* 左内边距：35px */
    color: #333; /* 颜色：深灰色 */
    font-weight: normal; /* 字体正常粗细 */
    border-bottom: 0; /* 下边框：无 */
    line-height: 40px; /* 行高：40px */
    background: #f6f6f6 url(../images/tb12.png) 17px center no-repeat; /* 浅灰色背景 + 小图标 */
    border-top: none; /* 上边框：无 */
}
/* 三级导航链接hover/激活：颜色红色 */
.submian .subleft .lefta .comt ul li .boxlist li a:hover, 
.submian .subleft .lefta .comt ul li .boxlist li a.hover {
    color: #dc0000; /* 红色 */
}
/* 一级导航激活时显示三级导航 */
.submian .subleft .lefta .comt ul li.hover .boxlist {
    display: block; /* 显示三级导航 */
}
/* 站点地图列表 */
.map_ul {
    list-style: outside none none; /* 清除列表默认样式 */
    display: block; /* 块级显示 */
    width: 100%; /* 宽度占满 */
    padding-top: 10px; /* 上内边距：10px */
}
.map_ul li {
    display: block; /* 块级显示 */
    width: 100%; /* 宽度占满 */
    padding-bottom: 10px; /* 下内边距：10px */
    margin-bottom: 10px; /* 下外边距：10px */
    border-bottom: 1px solid #DCDBDB; /* 底部边框：浅灰色（分隔线） */
    margin-left: 10px; /* 左外边距：10px */
    float: left; /* 左浮动 */
}
.map_ul li a {
    font-size: 14px; /* 字体大小 */
    float: left; /* 左浮动 */
    width: 100%; /* 宽度占满 */
    height: 23px; /* 高度：23px */
    line-height: 23px; /* 行高：23px */
    font-weight: bold; /* 字体加粗 */
    color: #333; /* 颜色：深灰色（默认继承） */
}
/* 站点地图子列表 */
.map_ul .list-inline {
    display: block; /* 块级显示 */
    margin-left: 14%; /* 左外边距：14%（缩进） */
    width: 80%; /* 宽度：80% */
    min-height: 30px; /* 最小高度：30px */
}
/* 站点地图子列表链接 */
.map_ul .list-inline a {
    font-weight: normal; /* 字体正常粗细 */
    width: auto; /* 宽度：自动（适应文字） */
    float: none; /* 清除浮动 */
    line-height: 32px; /* 行高：32px */
    height: 32px; /* 高度：32px */
    margin: 0 10px 10px 0; /* 外边距：右10px 下10px（间距） */
    display: inline-block; /* 行内块级，横向排列 */
    border: 1px solid #ccc; /* 边框：1px 浅灰色 */
    padding: 0px 10px; /* 内边距：左右10px */
    color: #666; /* 颜色：深灰色 */
}
/* 站点地图子列表链接hover：红色背景 + 白色文字 */
.map_ul .list-inline a:hover {
    background: #dc0000; /* 红色背景 */
    color: #fff; /* 白色文字 */
}
/* 左侧广告模块 */
.submian .subleft .adv {
    margin-bottom: 10px; /* 下外边距：10px */
    background: #000; /* 背景色：黑色 */
}
.submian .subleft .adv a img {
    display: block; /* 块级图片 */
    width: 100%; /* 宽度占满容器 */
}
/* 广告图片hover：透明度降低到0.9 */
.submian .subleft .adv a:hover img {
    opacity: 0.9; /* 透明度：0.9 */
    filter: alpha(opacity=90); /* IE兼容：透明度90% */
    -moz-opacity: 0.9; /* 火狐兼容：透明度0.9 */
    -khtml-opacity: 0.9; /* webkit早期兼容：透明度0.9 */
}
/* 左侧新闻模块 */
.submian .subleft .leftnews {
    margin-bottom: 10px; /* 下外边距：10px */
}
.submian .subleft .leftnews .title {
    height: 60px; /* 标题栏高度：60px（与左侧导航一致） */
}
/* 左侧新闻内容区域 */
.submian .subleft .leftnews .leftnewscomt {
    background: #fff; /* 背景色：白色 */
    padding: 10px; /* 内边距：10px */
}
/* 左侧新闻列表 */
.submian .subleft .leftnews .leftnewscomt ul li {
    height: 30px; /* 列表项高度：30px */
    line-height: 30px; /* 行高：30px（垂直居中） */
    border-bottom: 1px solid #f2f2f2; /* 底部边框：浅灰色（分隔线） */
    overflow: hidden; /* 溢出隐藏，防止文字换行 */
}
/* 左侧新闻链接 */
.submian .subleft .leftnews .leftnewscomt ul li a {
    font-size: 14px; /* 字体大小：14px */
    display: block; /* 块级链接 */
    padding-left: 10px; /* 左内边距：10px */
    color: #666; /* 颜色：深灰色 */
    white-space: nowrap; /* 禁止文字换行 */
    text-overflow: ellipsis; /* 文字溢出显示省略号 */
    overflow: hidden; /* 溢出隐藏 */
}
/* 左侧新闻另一种内容样式 */
.submian .subleft .leftnews .leftcont {
    background: #fff; /* 背景色：白色 */
    padding: 10px; /* 内边距：10px */
    border: 1px solid #ddd; /* 边框：1px 浅灰色 */
    border-top: 0; /* 上边框：无（与标题栏衔接） */
}
.submian .subleft .leftnews .leftcont h2 {
    font-size: 16px; /* 标题字体大小：16px */
    font-weight: bold; /* 字体加粗 */
    color: #dc0000; /* 颜色：红色（主色调） */
    padding-bottom: 10px; /* 下内边距：10px */
    border-bottom: 1px solid #f2f2f2; /* 底部边框：浅灰色（分隔线） */
    text-align: center; /* 文字居中 */
}
.submian .subleft .leftnews .leftcont p {
    line-height: 24px; /* 行高：24px */
    font-size: 14px; /* 字体大小：14px */
    padding-top: 10px; /* 上内边距：10px */
    display: block; /* 块级显示 */
    color: #666; /* 颜色：深灰色 */
}
/* 内页右侧主体内容 */
.submian .subright {
    width: 930px; /* 右侧宽度（固定，与左侧配合） */
    padding-bottom: 0; /* 底部内边距：0 */
    line-height: 28px; /* 行高：28px（正文默认行高） */
    float: right; /* 右浮动，与左侧并列 */
}
/* 关于我们页面文字样式 */
.submian .subright .aboutlist {
    color: #666; /* 文字颜色：深灰色 */
}
/* 右侧图片最大宽度限制（防止超出容器） */
.submian .subright img {
    max-width: 920px; /* 最大宽度：920px（比容器小10px，留边距） */
}
/* 新闻列表（带图片） */
.submian .subright .newslist .textlist li {
    padding: 25px 0px 25px; /* 上下内边距：25px */
    height: 110px; /* 列表项高度：110px */
    border-bottom: 1px solid #ddd; /* 底部边框：1px 浅灰色（分隔线） */
    width: 100%; /* 宽度占满 */
    margin-bottom: 25px; /* 下外边距：25px */
}
.submian .subright .newslist .textlist li a {
    display: block; /* 块级链接，占满列表项 */
    cursor: pointer; /* 鼠标指针：手型 */
}
/* 新闻列表图片 */
.submian .subright .newslist ul li a img {
    width: 147px; /* 图片宽度：147px */
    float: left; /* 左浮动，与文字并列 */
    margin-right: 18px; /* 右外边距：18px（与文字间距） */
    border: 1px solid #eee; /* 边框：1px 浅灰色 */
    height: 110px; /* 图片高度：110px（与列表项一致） */
    display: block; /* 块级图片 */
}
/* 新闻列表文字描述 */
.submian .subright .newslist ul li a .txt {
    color: #888; /* 颜色：浅灰色 */
    line-height: 24px; /* 行高：24px */
    font-size: 12px; /* 字体大小：12px */
}
/* 新闻列表标题行 */
.submian .subright .newslist .textlist li a p {
    height: 40px; /* 高度：40px */
    line-height: 40px; /* 行高：40px（垂直居中） */
}
/* 新闻列表标题文字 */
.submian .subright .newslist .textlist li a b {
    color: #dc0000; /* 颜色：红色（突出标题） */
    font-size: 14px; /* 字体大小：14px */
}
/* 新闻标题hover：保持红色（冗余但强调） */
.submian .subright .newslist .textlist li a:hover b {
    color: #dc0000; /* 红色 */
}
/* 新闻发布时间 */
.submian .subright .newslist .textlist li a i {
    color: #999; /* 颜色：灰色 */
    display: block; /* 块级显示 */
    line-height: 20px; /* 行高：20px */
    margin-bottom: 5px; /* 下外边距：5px */
    font-size: 12px; /* 字体大小：12px */
    font-style: normal; /* 清除i标签默认斜体 */
}
/* 新闻摘要 */
.submian .subright .newslist .textlist li a span {
    line-height: 22px; /* 行高：22px */
    max-height: 66px; /* 最大高度：66px（3行文字） */
    overflow: hidden; /* 溢出隐藏 */
    display: block; /* 块级显示 */
    color: #666; /* 颜色：深灰色 */
}
/* 新闻列表（无图片，纯文字） */
.submian .subright .newslist .textlist2 li {
    height: 40px; /* 列表项高度：40px */
    line-height: 40px; /* 行高：40px（垂直居中） */
}
.submian .subright .newslist .textlist2 li a {
    display: block; /* 块级链接 */
    color: #666; /* 颜色：深灰色 */
    white-space: nowrap; /* 禁止文字换行 */
    text-overflow: ellipsis; /* 溢出显示省略号 */
    overflow: hidden; /* 溢出隐藏 */
}
/* 纯文字新闻列表前小原点 */
.submian .subright .newslist .textlist2 li s {
    width: 4px; /* 原点宽度：4px */
    height: 4px; /* 原点高度：4px */
    display: inline-block; /* 行内块级 */
    vertical-align: middle; /* 垂直居中 */
    background: #007eb9; /* 背景色：蓝色 */
    margin-right: 10px; /* 右外边距：10px（与文字间距） */
    border-radius: 100%; /* 圆角：100%（圆形） */
    text-decoration: none; /* 清除s标签默认删除线 */
}
/* 新闻列表图片hover：透明度降低到0.8 */
.submian .subright .newslist ul li a:hover img {
    opacity: 0.8; /* 透明度：0.8 */
    filter: alpha(opacity=80); /* IE兼容 */
    -moz-opacity: 0.8; /* 火狐兼容 */
    -khtml-opacity: 0.8; /* webkit早期兼容 */
}
/* 新闻标题hover：下划线 */
.submian .subright .newslist ul li a:hover p b {
    text-decoration: underline; /* 下划线 */
}
/* 新闻摘要hover：颜色变深 */
.submian .subright .newslist ul li a:hover span {
    color: #777; /* 颜色：深灰色（比原来深） */
}
/* 案例列表 */
.submian .subright .caselist ul li {
    padding: 20px 0px; /* 上下内边距：20px */
    border-bottom: 1px dotted #c2c2c2; /* 底部虚线边框：浅灰色（分隔线） */
    height: 176px; /* 列表项高度：176px */
}
.submian .subright .caselist ul li a {
    display: block; /* 块级链接 */
}
/* 案例列表图片 */
.submian .subright .caselist ul li a img {
    width: 220px; /* 图片宽度：220px */
    height: 162px; /* 图片高度：162px */
    display: block; /* 块级图片 */
    border: 7px solid #e2e2e2; /* 边框：7px 浅灰色 */
    float: left; /* 左浮动，与文字并列 */
}
/* 案例列表文字容器 */
.submian .subright .caselist ul li a .txt {
    width: 470px; /* 文字容器宽度：470px */
    float: left; /* 左浮动 */
    padding-left: 20px; /* 左内边距：20px（与图片间距） */
}
/* 案例标题 */
.submian .subright .caselist ul li a .txt p {
    height: 40px; /* 高度：40px */
    line-height: 40px; /* 行高：40px（垂直居中） */
    color: #007eb9; /* 颜色：蓝色（突出标题） */
    font-size: 14px; /* 字体大小：14px */
    font-weight: bold; /* 字体加粗 */
}
/* 案例标签/分类 */
.submian .subright .caselist ul li a .txt i {
    color: #666; /* 颜色：深灰色 */
    padding-bottom: 10px; /* 下内边距：10px */
    display: block; /* 块级显示 */
    font-style: normal; /* 清除i标签默认斜体 */
}
/* 案例摘要 */
.submian .subright .caselist ul li a .txt span {
    line-height: 22px; /* 行高：22px */
    height: 88px; /* 最大高度：88px（4行文字） */
    overflow: hidden; /* 溢出隐藏 */
    display: block; /* 块级显示 */
    color: #666; /* 颜色：深灰色 */
}
/* 案例图片hover：透明度0.8 + 边框蓝色 */
.submian .subright .caselist ul li a:hover img {
    opacity: 0.8; /* 透明度：0.8 */
    filter: alpha(opacity=80); /* IE兼容 */
    -moz-opacity: 0.8; /* 火狐兼容 */
    -khtml-opacity: 0.8; /* webkit早期兼容 */
    border-color: #007eb9; /* 边框颜色：蓝色 */
}
/* 案例标题hover：下划线 */
.submian .subright .caselist ul li a:hover p {
    text-decoration: underline; /* 下划线 */
}
/* 案例摘要hover：颜色变深 */
.submian .subright .caselist ul li a:hover span {
    color: #777; /* 颜色：深灰色 */
}
/* 联系表单容器 */
.submian .subright .mess {
    background: #fff; /* 背景色：白色 */
    padding: 0px 40px 30px; /* 左右内边距：40px，下内边距：30px */
    width: 596px; /* 容器宽度：596px */
    margin-left: 80px; /* 左外边距：80px（水平居中调整） */
    border: 1px solid #eee; /* 隐含边框（视觉优化） */
}
/* 表单标题 */
.submian .subright .mess h1 {
    text-align: center; /* 文字居中 */
    font-size: 30px; /* 字体大小：30px */
    padding-bottom: 10px; /* 下内边距：10px */
    color: #333; /* 颜色：深灰色 */
}
/* 表单副标题 */
.submian .subright .mess p {
    text-align: center; /* 文字居中 */
    padding-bottom: 30px; /* 下内边距：30px */
    color: #666; /* 颜色：深灰色 */
}
/* 表单左侧输入项容器 */
.submian .subright .mess .left {
    width: 100%; /* 宽度占满 */
}
/* 表单输入项列表 */
.submian .subright .mess .left li {
    margin-bottom: 15px; /* 下外边距：15px（输入项间距） */
    float: left; /* 左浮动 */
    margin-right: 10px; /* 右外边距：10px */
    width: 100%; /* 宽度占满 */
}
/* 表单标签 */
.submian .subright .mess .left label {
    width: 150px; /* 标签宽度：150px */
    height: 43px; /* 标签高度：43px */
    line-height: 43px; /* 行高：43px（垂直居中） */
    text-align: center; /* 文字居中 */
    background: none; /* 背景：无 */
    color: #dc0000; /* 颜色：红色（主色调） */
    font-size: 16px; /* 字体大小：16px */
    float: left; /* 左浮动 */
    border-radius: 3px 0 0 3px; /* 左上、左下圆角：3px（与输入框衔接） */
    border: 1px solid #dc0000; /* 边框：1px 红色 */
}
/* 表单输入框 */
.submian .subright .mess .left input {
    border: 1px solid #ccc; /* 边框：1px 浅灰色 */
    border-left: none; /* 左边框：无（与标签衔接） */
    float: left; /* 左浮动 */
    height: 21px; /* 输入框高度：21px（加padding后总高43px） */
    line-height: 21px; /* 行高：21px */
    padding: 11px 10px; /* 上下内边距：11px，左右内边距：10px */
    width: 404px; /* 输入框宽度：404px（与标签合计596px） */
    color: #666; /* 文字颜色：深灰色 */
    border-radius: 0px 3px 3px 0; /* 右上、右下圆角：3px */
    outline: none; /* 清除聚焦默认边框 */
}
/* 表单下拉选择框 */
.submian .subright .mess .left select {
    border: 1px solid #ccc; /* 边框：1px 浅灰色 */
    border-left: none; /* 左边框：无 */
    float: left; /* 左浮动 */
    height: 45px; /* 高度：45px（与输入框对齐） */
    line-height: 45px; /* 行高：45px */
    width: 424px; /* 宽度：424px（包含内边距） */
    color: #666; /* 颜色：深灰色 */
    border-radius: 0px 3px 3px 0; /* 右上、右下圆角：3px */
    outline: none; /* 清除聚焦默认边框 */
    text-indent: 10px; /* 文字缩进：10px */
    appearance: none; /* 清除默认下拉样式（需配合背景图） */
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* 表单按钮容器 */
.submian .subright .mess .right {
    float: left; /* 左浮动 */
    width: 585px; /* 宽度：585px */
    padding-top: 10px; /* 上内边距：10px */
    *padding-top: 20px; /* IE6/7兼容：上内边距20px */
}
/* 表单按钮（提交/重置） */
.submian .subright .mess .right input, 
.submian .subright .mess .right a {
    width: 40%; /* 按钮宽度：40% */
    margin-right: 2%; /* 右外边距：2% */
    height: 45px; /* 按钮高度：45px */
    line-height: 45px; /* 行高：45px（垂直居中） */
    text-align: center; /* 文字居中 */
    display: block; /* 块级显示 */
    border: none; /* 边框：无 */
    background: #dc0000; /* 背景色：红色（主色调） */
    color: #fff; /* 文字颜色：白色 */
    font-size: 16px; /* 字体大小：16px */
    border-radius: 3px; /* 圆角：3px */
    cursor: pointer; /* 鼠标指针：手型 */
    transition: ease-in-out .2s; /* 过渡动画：0.2秒缓进缓出 */
    float: left; /* 左浮动 */
    text-decoration: none; /* 清除a标签默认下划线 */
}
/* 重置按钮样式（区别于提交按钮） */
.submian .subright .mess .right a {
    color: #333; /* 文字颜色：深灰色 */
    background: #ffcc00; /* 背景色：黄色 */
    float: right; /* 右浮动 */
    margin-right: 0; /* 右外边距：0 */
}
/* 重置按钮hover：背景色加深 */
.submian .subright .mess .right a:hover {
    background: #cda503; /* 背景色：深黄色 */
}
/* 提交按钮hover：背景色切换为绿色 */
.submian .subright .mess .right input:hover {
    background: #2bba72; /* 背景色：绿色（成功色） */
}
/* 荣誉资质列表容器 */
.honorlist ul.list {
    float: left; /* 左浮动 */
    width: 100%; /* 宽度占满 */
    padding-left: 0px; /* 左内边距：0 */
    margin: 0; /* 外边距：0 */
    list-style: none; /* 清除列表默认样式 */
}
/* 荣誉列表容器下的无序列表样式 */
.honorlist ul.list {
    float: left; /* 左浮动，使列表项横向排列 */
    width: 100%; /* 宽度占满父容器 */
    padding-left: 0px; /* 清除默认左内边距，避免列表缩进 */
}

/* 荣誉列表的列表项样式 */
.honorlist ul.list li.item {
    float: left; /* 左浮动，实现多列布局 */
    width: 296px; /* 列表项固定宽度 */
    margin-bottom: 30px; /* 下方外边距，控制垂直间距 */
    margin-right: 14px; /* 右侧外边距，控制水平间距 */
    border: 1px solid #ddd; /* 灰色边框，分隔列表项 */
}

/* 荣誉列表项中链接 hover 时，内部 span 文字颜色变化 */
.honorlist ul.list li.item a:hover span {
    color: #fff; /* 鼠标悬浮时文字变为白色 */
}

/* 荣誉列表项中 span 元素样式（文字描述区域） */
.honorlist ul.list li.item span {
    width: 100%; /* 宽度占满列表项 */
    height: 45px; /* 固定高度，保持布局一致 */
    color: #555; /* 文字颜色：深灰色 */
    text-align: center; /* 文字水平居中 */
    display: block; /* 转为块级元素，使宽高生效 */
    line-height: 45px; /* 行高等于高度，实现文字垂直居中 */
    -webkit-transition: all .3s ease-in-out 0s; /* webkit内核浏览器过渡动画：所有属性0.3秒平滑过渡 */
    -moz-transition: all .3s ease-in-out 0s; /* 火狐浏览器过渡动画 */
    transition: all .3s ease-in-out 0s; /* 标准过渡动画，统一动画效果 */
}

/* 荣誉列表项中的图片样式 */
.honorlist ul.list li.item img {
    width: 100%; /* 图片宽度占满列表项 */
    display: block; /* 转为块级元素，消除图片底部默认空白 */
}

/* 特定类 list_imgH 下的列表项样式（与默认荣誉列表区分） */
.list_imgH ul.list li.item {
    width: 287px; /* 调整宽度，与默认296px区分 */
    margin-right: 31px; /* 调整右侧间距，适配不同布局 */
}

/* list_imgH 列表项中的链接样式 */
.list_imgH ul.list li.item a {
    display: block; /* 转为块级元素，使整个区域可点击 */
    width: 100%; /* 宽度占满列表项 */
    overflow: hidden; /* 超出部分隐藏，防止内容溢出 */
    position: relative; /* 相对定位，为子元素绝对定位做参考 */
    background: #fff; /* 白色背景 */
}

/* list_imgH 列表项链接 hover 时背景色变化 */
.list_imgH ul.list li.item a:hover {
    background: #dc0000; /* 鼠标悬浮时背景变为红色（品牌主色） */
}

/* list_imgH 列表项中的图片样式 */
.list_imgH ul.list li.item img {
    display: block; /* 块级元素，消除底部空白 */
    width: 287px; /* 固定宽度，与列表项宽度一致 */
    height: 215px; /* 固定高度，保持图片比例统一 */
}

/* 图片遮罩层样式（hover时显示） */
.item_mask {
    width: 287px; /* 与图片宽度一致 */
    height: 215px; /* 与图片高度一致 */
    background: rgba(0,0,0,0); /* 初始背景透明 */
    position: absolute; /* 绝对定位，覆盖在图片上方 */
    left: 0; /* 左对齐 */
    top: 0; /* 上对齐 */
    opacity: 0; /* 初始完全透明，隐藏状态 */
    filter: Alpha(opacity=0); /* IE8及以下透明度兼容 */
    *zoom:1; /* IE7及以下触发hasLayout，解决兼容问题 */
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5); /* 初始3D旋转180度+缩放0.5，隐藏效果 */
    transform: rotateX(180deg) scale(0.2, 0.2); /* 标准3D旋转+缩放，增强隐藏效果 */
    transition: all ease-out .5s; /* 过渡动画：0.5秒平滑过渡 */
}

/* 链接图标样式（hover时显示） */
.item_link_icon {
    display: block; /* 块级元素 */
    width: 45px; /* 图标宽度 */
    height: 45px; /* 图标高度 */
    text-align: center; /* 图标内容居中 */
    background-position: 0px -105px; /* 背景图定位（引用外部精灵图） */
    line-height: 38px; /* 行高适配图标垂直居中 */
    position: absolute; /* 绝对定位，居中显示 */
    left: 50%; /* 左移50% */
    top: 50%; /* 上移50% */
    margin-left: -22px; /* 左负边距=宽度一半，实现水平居中 */
    opacity: 0; /* 初始透明，隐藏 */
    filter: Alpha(opacity=0); /* IE兼容透明度 */
    *zoom:1; /* IE7兼容，触发hasLayout */
}

/* list_imgH 列表项 hover 时，遮罩层动画效果 */
.list_imgH ul.list li.item:hover .item_mask {
    opacity: 1; /* 完全不透明，显示遮罩 */
    filter: Alpha(opacity=100); /* IE兼容，完全显示 */
    -webkit-transform: rotateX(0deg) scale(1, 1); /* 3D旋转恢复0度+缩放1倍，显示遮罩 */
    transform: rotateX(0deg) scale(1, 1); /* 标准旋转+缩放，恢复正常状态 */
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; /* 过渡动画：1秒，自定义缓动函数，更流畅 */
    background: rgba(0, 0, 0, 0.3); /* 遮罩背景：黑色半透明（30%透明度） */
}

/* list_imgH 列表项 hover 时，链接图标动画 */
.list_imgH ul.list li.item:hover .item_link_icon {
    transform: translateY(-21px); /* 向上平移21px，出现动画 */
    opacity: 1; /* 完全不透明，显示图标 */
    filter: Alpha(opacity=100); /* IE兼容显示 */
}

/* 子页面标题样式 t */
.submian .t {
    padding: 0 0 25px; /* 下内边距25px，与下方内容间距 */
    color: #dc0000; /* 文字红色（品牌主色） */
    font-size: 18px; /* 字体大小18px */
}

/* 子页面标题样式 t2（比t更大更醒目） */
.submian .t2 {
    padding-bottom: 30px; /* 下内边距30px，间距更大 */
    color: #dc0000; /* 红色文字 */
    font-size: 24px; /* 字体大小24px，更醒目 */
}

/* 表单区域样式 */
.formData {
    padding-bottom: 20px; /* 下内边距20px，与下方内容间距 */
}

/* 表单项目容器样式 */
.formData .item {
    float: left; /* 左浮动，实现表单项目横向排列 */
    color: #999; /* 文字颜色：浅灰色 */
    font-weight: normal; /* 字体常规粗细 */
    width: 420px; /* 表单项目固定宽度 */
    height: 56px; /* 固定高度，保持布局一致 */
    line-height: 56px; /* 行高等于高度，文字垂直居中 */
    border: 1px solid #e4e4e4; /* 浅灰色边框 */
    margin-right: 76px; /* 右侧外边距，项目间水平间距 */
    margin-bottom: 45px; /* 下方外边距，项目间垂直间距 */
    position: relative; /* 相对定位，为子元素（label、red）绝对定位做参考 */
}

/* 表单项目中的label标签样式（提示文字） */
.formData .item label {
    padding-left: 15px; /* 左内边距15px，文字缩进 */
    position: absolute; /* 绝对定位，固定在输入框左侧 */
    left: 0; /* 左对齐 */
    top: 0; /* 上对齐 */
    z-index: 11; /* 层级11，确保在输入框上方显示 */
    text-align: center; /* 文字居中 */
    display: block; /* 块级元素，宽高生效 */
    margin: 0; /* 清除默认外边距 */
    height: 56px; /* 高度与表单项目一致 */
    line-height: 56px; /* 垂直居中 */
    font-size: 18px; /* 字体大小18px */
    color: #666; /* 文字颜色：深灰色 */
}

/* 表单项目中的input输入框基础样式 */
.formData .item input {
    outline: none; /* 清除输入框聚焦时默认外边框 */
    line-height: 38px; /* 行高38px */
    height: 38px; /* 输入框高度38px */
    font-size: 18px; /* 字体大小18px，与label一致 */
}

/* 表单文本输入框样式（.txt类） */
.formData .item .txt {
    width: 350px; /* 输入框宽度（预留label空间） */
    height: 56px; /* 高度与表单项目一致 */
    line-height: 56px; /* 垂直居中 */
    display: block; /* 块级元素，宽高生效 */
    background: none; /* 透明背景，继承父容器样式 */
    padding-left: 70px; /* 左内边距70px，避开label文字 */
    border: 0 none; /* 清除默认边框 */
    color: #666; /* 输入文字颜色：深灰色 */
}

/* 表单必填项红色星号样式 */
.formData .item .red {
    position: absolute; /* 绝对定位，靠右显示 */
    right: 15px; /* 右内边距15px */
    top: 0; /* 上对齐 */
    color: #ff0000; /* 红色星号 */
    z-index: 11; /* 层级11，确保显示在上方 */
}

/* 表单项目取消右侧外边距（用于一行最后一个项目） */
.formData .item.mr0 {
    margin-right: 0; /* 右侧外边距为0，避免溢出 */
}

/* 表单提示信息容器样式 */
.formData .msg-box {
    position: absolute; /* 绝对定位 */
    left: 0; /* 左对齐 */
    top: 0px; /* 上对齐 */
}

/* 表单留言框容器样式 */
.formData .liuyan {
    width: 918px; /* 留言框宽度（占满表单区域） */
    height: 260px; /* 固定高度 */
    border: 1px solid #e4e4e4; /* 浅灰色边框 */
    float: left; /* 左浮动，独占一行 */
}

/* 留言框中的label标签样式 */
.formData .liuyan label {
    text-align: right; /* 文字右对齐 */
    display: block; /* 块级元素 */
}

/* 留言框textarea样式 */
.formData .liuyan textarea {
    width: 908px; /* 宽度=容器宽度-左右内边距 */
    height: 234px; /* 高度=容器高度-上下内边距 */
    line-height: 35px; /* 行高35px，优化文字排版 */
    padding: 12px 10px; /* 上下内边距12px，左右10px */
    text-indent: 100px; /* 首行缩进100px，避开label */
    font-size: 18px; /* 字体大小18px */
    font-family: "microsoft yahei"; /* 微软雅黑字体，适配中文 */
    color: #333; /* 文字颜色：深黑色 */
    border: 0 none; /* 清除默认边框 */
    overflow: hidden; /* 隐藏滚动条（可根据需求调整） */
    background: none; /* 透明背景 */
    resize: none; /* 禁止用户调整文本框大小 */
    display: block; /* 块级元素 */
    outline: none; /* 清除聚焦外边框 */
}

/* 表单底部按钮区域样式 */
.formData .bot {
    width: 100%; /* 宽度占满父容器 */
}

/* 表单提交按钮样式 */
.formData .sub {
    width: 232px; /* 按钮固定宽度 */
    line-height: 52px; /* 行高=高度，文字垂直居中 */
    border: 2px solid #dc0000; /* 红色边框（品牌色） */
    margin-right: 2px; /* 右侧小间距，避免与其他元素粘连 */
    text-align: center; /* 文字居中 */
    background: #dc0000; /* 红色背景 */
    color: #FFF; /* 白色文字 */
    cursor: pointer; /* 鼠标悬浮变为指针，提示可点击 */
    font-size: 18px; /* 字体大小18px */
    display: block; /* 块级元素，方便布局 */
    -webkit-transition: all ease 300ms; /* webkit浏览器过渡动画：300ms平滑过渡 */
    -moz-transition: all ease 300ms; /* 火狐过渡动画 */
    -ms-transition: all ease 300ms; /* IE过渡动画 */
    -o-transition: all ease 300ms; /* 欧朋过渡动画 */
    transition: all ease 300ms; /* 标准过渡动画，统一效果 */
}

/* 提交按钮hover效果 */
.formData .sub:hover {
    background: none; /* 背景透明 */
    color: #dc0000; /* 文字变为红色，与边框呼应 */
}

/* 验证码输入框样式（.yzm类） */
.formData .yzm .txt {
    padding-left: 80px; /* 左内边距80px，适配验证码label宽度 */
}

/* 验证码图片样式 */
.formData .yzm img {
    position: absolute; /* 绝对定位，靠右显示 */
    right: 0; /* 右对齐 */
    top: 0; /* 上对齐 */
    height: 56px; /* 高度与表单项目一致 */
    border: 0px; /* 清除默认边框 */
    display: block; /* 块级元素，消除底部空白 */
}

/** 新闻中心模块样式 **/
/* 新闻列表容器样式 */
.submian .subright .thumblist {
}

/* 新闻列表外层容器样式 */
.submian .subright .thumblist .list {
    padding-bottom: 20px; /* 下内边距20px，与下方内容间距 */
}

/* 新闻列表项样式 */
.submian .subright .thumblist .item {
    width: 880px; /* 列表项固定宽度 */
    border-bottom: 1px solid #eaeaea; /* 浅灰色底边框，分隔列表项 */
    display: block; /* 块级元素 */
    padding: 20px; /* 内边距20px，内容与边框间距 */
    transition: all .5s; /* 过渡动画：0.5秒平滑过渡 */
}

/* 新闻列表项中的链接样式 */
.submian .subright .thumblist .item a {
    display: block; /* 块级元素，整个列表项可点击 */
}

/* 新闻列表项中的图片容器样式 */
.submian .subright .thumblist .item .img {
    position: relative; /* 相对定位，为图片hover效果做参考 */
    width: 180px; /* 图片容器固定宽度 */
    height: 135px; /* 图片容器固定高度 */
    display: block; /* 块级元素 */
    overflow: hidden; /* 超出部分隐藏，配合图片缩放效果 */
    cursor: pointer; /* 鼠标指针，提示可点击 */
}

/* 新闻列表项中的图片样式 */
.submian .subright .thumblist .item img {
    width: 100%; /* 图片宽度占满容器 */
    height: 100%; /* 图片高度占满容器 */
    transition: all 0.3s ease-out 0s; /* 过渡动画：0.3秒平滑缩放 */
}

/* 新闻列表项图片hover效果（缩放） */
.submian .subright .thumblist .item a:hover img {
    transform: scale(1.1, 1.1); /* 图片放大1.1倍，增强视觉效果 */
}

/* 新闻列表项文字内容容器样式 */
.submian .subright .thumblist .item .txt {
    width: 680px; /* 文字容器宽度（总宽度-图片宽度-间距） */
    cursor: pointer; /* 鼠标指针，提示可点击 */
}

/* 新闻标题样式 */
.submian .subright .thumblist .item .txt h3 {
    font-size: 16px; /* 标题字体大小16px */
    line-height: 30px; /* 行高30px，优化排版 */
    -webkit-transition: all .3s ease-in-out 0s; /* 标题颜色过渡动画 */
    -moz-transition: all .3s ease-in-out 0s; /* 火狐过渡 */
    transition: all .3s ease-in-out 0s; /* 标准过渡 */
}

/* 新闻辅助信息（时间、作者等）样式 */
.submian .subright .thumblist .item .txt .mark {
    color: #999; /* 文字颜色：浅灰色 */
    font-size: 12px; /* 字体大小12px */
    line-height: 20px; /* 行高20px */
    padding: 0; /* 清除默认内边距 */
}

/* 辅助信息中的span元素样式（分隔多个信息） */
.submian .subright .thumblist .item .txt .mark span {
    display: inline-block; /* 行内块级，方便设置间距 */
    padding-right: 18px; /* 右侧间距18px，分隔不同信息 */
}

/* 新闻摘要文字样式 */
.submian .subright .thumblist .item .txt p {
    color: #666; /* 文字颜色：深灰色 */
    line-height: 25px; /* 行高25px，优化可读性 */
}

/* 摘要中红色强调文字样式 */
.submian .subright .thumblist .item .txt p span {
    display: inline-block; /* 行内块级 */
    color: #dc0000; /* 红色文字（品牌色） */
    padding-left: 10px; /* 左间距10px，与前面文字分隔 */
}

/* 新闻列表项hover时标题颜色变化 */
.submian .subright .thumblist .item a:hover .txt h3 {
    color: #dc0000; /* 标题变为红色，突出显示 */
}

/* 新闻列表项hover时阴影效果 */
.submian .subright .thumblist .item:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); /* 添加阴影，增强立体感 */
}

/* 上下页链接容器样式 */
.reLink {
    height: 38px; /* 固定高度 */
    border: 1px solid #ddd; /* 灰色边框 */
    margin: 10px auto 10px; /* 上下外边距10px，水平居中 */
    padding: 0px 10px; /* 左右内边距10px */
}

/* 上下页链接基础样式 */
.reLink .prevLink, .reLink .nextLink {
    height: 38px; /* 高度与容器一致 */
    line-height: 38px; /* 行高=高度，文字垂直居中 */
    color: #666; /* 文字颜色：深灰色 */
}

/* 上下页链接中的a标签样式 */
.reLink .prevLink a, .reLink .nextLink a {
    height: 38px; /* 高度与容器一致 */
    line-height: 38px; /* 垂直居中 */
    color: #666; /* 文字颜色：深灰色 */
}

/* 上下页链接hover时颜色变化 */
.reLink .prevLink a:hover, .reLink .nextLink a:hover {
    color: #dc0000; /* 变为红色（品牌色），提示可点击 */
}

/* 上一页链接左浮动 */
.reLink .prevLink {
    float: left; /* 左对齐 */
}

/* 下一页链接右浮动 */
.reLink .nextLink {
    float: right; /* 右对齐 */
}

/* 文章标题容器样式 */
.submian .subright .conBox .ArticleTitle h1 {
    font-size: 24px; /* 标题字体大小24px，醒目 */
    text-align: center; /* 文字居中 */
    padding: 20px 0px; /* 上下内边距20px，左右0 */
    border-bottom: 1px dashed #ccc; /* 灰色虚线底边框，分隔标题与内容 */
    font-weight: bold; /* 字体加粗 */
}

/* 文章元信息（发布时间、作者等）样式 */
.submian .subright .conBox .ArticleMessage {
    line-height: 30px; /* 行高30px，垂直居中 */
    height: 30px; /* 固定高度 */
    margin-bottom: 10px; /* 下外边距10px，与内容间距 */
    text-align: center; /* 文字居中 */
}

/* 文章元信息第一个span清除左外边距 */
.submian .subright .conBox .ArticleMessage span:first-child {
    margin-left: 0; /* 第一个元素无左间距 */
}

/* 文章元信息单个span样式 */
.submian .subright .conBox .ArticleMessage span {
    color: #999; /* 文字颜色：浅灰色 */
    margin-left: 14px; /* 左外边距14px，分隔不同信息 */
    font-size: 12px; /* 字体大小12px */
}

/* 文章分享按钮样式（jiathis分享插件） */
.submian .subright .conBox .ArticleMessage .jiathis_style {
    float: left; /* 左浮动，与元信息区分 */
    margin-top: 5px; /* 上外边距5px，垂直对齐 */
}

/* 文章内容容器样式 */
.submian .subright .conBox .ArticleTencont {
    padding: 5px 0px 20px 0px; /* 上下内边距5px/20px，左右0 */
    line-height: 28px; /* 行高28px，优化中文可读性 */
    overflow: hidden; /* 隐藏溢出内容 */
    color: #666; /* 文字颜色：深灰色 */
    font-size: 14px; /* 字体大小14px */
}

/* 产品展示页面文章内容中的图片样式 */
.submian .subright .showproduct .ArticleTencont img {
    max-width: 100%; /* 图片最大宽度占满容器，防止溢出 */
}

/* 普通文章内容中的图片样式 */
.submian .subright .conBox .ArticleTencont img {
    max-width: 100%; /* 图片自适应宽度，避免超出容器 */
}

/* 下载区域样式 */
.field_down {
    text-align: left; /* 文字左对齐 */
}

/* 下载链接样式 */
.field_down a {
    width: 100px; /* 链接固定宽度 */
    height: 30px; /* 固定高度 */
    line-height: 30px; /* 行高=高度，文字垂直居中 */
    background: #0267ac; /* 蓝色背景（下载按钮专用色） */
    color: #fff; /* 白色文字 */
    display: block; /* 块级元素，方便布局 */
    text-align: center; /* 文字居中 */
}

/***********首页CSS结束标记***********/

/* 右侧悬浮工具栏样式 */
.toolbar {
    width: 52px; /* 工具栏固定宽度 */
    position: fixed; /* 固定定位，不随滚动条移动 */
    right: 1%; /* 距离右侧1% */
    top: 44%; /* 距离顶部44%，垂直居中 */
    z-index: 999; /* 层级999，确保在最上层显示 */
}

/* 工具栏列表项样式 */
.toolbar dd {
    width: 51px; /* 列表项宽度（比工具栏窄1px，适配边框） */
    height: 51px; /* 列表项高度 */
    margin-bottom: 1px; /* 下方间距1px，分隔按钮 */
    position: relative; /* 相对定位，为子元素绝对定位做参考 */
    -webkit-border-radius: 100%; /* webkit浏览器圆形边框 */
    border-radius: 100%; /* 标准圆形边框 */
    margin-top: 4px; /* 上方间距4px，分隔按钮 */
    border: #ebebeb solid 1px; /* 浅灰色边框 */
    background-color: #fff; /* 白色背景 */
}

/* 工具栏图标容器样式 */
.toolbar dd i {
    width: 51px; /* 与列表项宽度一致 */
    height: 51px; /* 与列表项高度一致 */
    display: block; /* 块级元素 */
    position: absolute; /* 绝对定位，覆盖列表项 */
    left: 0; /* 左对齐 */
    top: 0; /* 上对齐 */
    cursor: pointer; /* 鼠标指针，提示可点击 */
    text-align: center; /* 内容居中 */
    -webkit-border-radius: 100%; /* 圆形边框，与列表项一致 */
    border-radius: 100%; /* 标准圆形边框 */
}

/* 工具栏图标样式（引用精灵图） */
.toolbar dd i span {
    width: 35px; /* 图标宽度 */
    height: 35px; /* 图标高度 */
    display: block; /* 块级元素 */
    margin: 8px 0 0 8px; /* 上左外边距8px，居中显示 */
    background: url(../images/rightfixicon.png) no-repeat 0 0; /* 精灵图背景，不重复 */
}

/* 回到顶部按钮初始隐藏 */
.toolbar dd.gottop {
    display: none; /* 默认隐藏，滚动后显示（需JS配合） */
}

/* 电话悬浮框样式 */
.toolbar .slide-tel {
    display: block; /* 块级元素 */
    width: 0; /* 初始宽度0，hover时展开 */
    height: 53px; /* 高度与工具栏按钮一致 */
    line-height: 53px; /* 垂直居中 */
    font-size: 24px; /* 字体大小24px，醒目 */
    font-weight: bold; /* 字体加粗 */
    font-family: arial; /* Arial字体，适配数字 */
    color: #FFF; /* 白色文字 */
    position: absolute; /* 绝对定位，在按钮左侧展开 */
    padding: 0 0 0 53px; /* 左内边距53px，预留按钮位置 */
    top: -1px; /* 上移1px，与按钮对齐 */
    right: -2px; /* 右移2px，与按钮对齐 */
    -webkit-border-radius: 50px; /* 圆角边框（椭圆） */
    border-radius: 50px; /* 标准圆角边框 */
    overflow: hidden; /* 隐藏溢出内容，实现展开动画 */
}

/* 工具栏悬浮弹窗样式（二维码、电话等） */
.toolbar .pop {
    position: absolute; /* 绝对定位，在按钮左侧显示 */
    right: 90px; /* 距离按钮右侧90px，避免重叠 */
    top: -65px; /* 上移65px，垂直居中 */
    background: #dc0000; /* 红色背景（品牌色） */
    display: none; /* 默认隐藏，hover时显示 */
}

/* 二维码弹窗样式 */
.toolbar .pop-code {
    width: 160px; /* 弹窗固定宽度 */
}

/* 二维码图片样式 */
.toolbar .pop-code img {
    width: 120px; /* 二维码宽度 */
    height: 120px; /* 二维码高度 */
    display: block; /* 块级元素 */
    padding: 20px 20px 0; /* 上左右内边距20px，下0 */
}

/* 二维码弹窗标题样式 */
.toolbar .pop-code h3 {
    height: 52px; /* 标题高度 */
    line-height: 26px; /* 行高26px，两行文字垂直居中 */
    text-align: center; /* 文字居中 */
    color: #fff; /* 白色文字 */
    font-size: 16px; /* 字体大小16px */
    font-weight: 400; /* 字体常规粗细 */
    white-space: nowrap; /* 禁止文字换行 */
}

/* 二维码弹窗副标题样式 */
.toolbar .pop-code h3 b {
    display: block; /* 块级元素，独占一行 */
    font-size: 14px; /* 字体大小14px */
    font-weight: normal; /* 常规粗细 */
}

/* QQ图标样式（精灵图定位） */
.toolbar .qq span {
    background-position: -35px -47px; /* 精灵图定位到QQ图标位置 */
}

/* QQ按钮链接样式 */
.toolbar .qq a {
    width: 52px; /* 链接宽度 */
    height: 52px; /* 链接高度 */
    cursor: pointer; /* 鼠标指针 */
    display: block; /* 块级元素 */
}

/* QQ按钮hover效果 */
.toolbar .qq:hover {
    background-color: #dc0000; /* 红色背景 */
    border-radius: 100%; /* 圆形边框 */
}

/* QQ按钮hover时图标变化（精灵图切换） */
.toolbar .qq:hover span {
    background-position: 0 -47px; /* 切换到hover状态的QQ图标 */
}

/* 电话图标样式（精灵图定位） */
.toolbar .tel span {
    background-position: -35px 0; /* 精灵图定位到电话图标位置 */
}

/* 电话按钮hover效果 */
.toolbar .tel:hover {
    background: #dc0000; /* 红色背景 */
}

/* 电话按钮hover时图标变化 */
.toolbar .tel:hover span {
    background-position: 0 0; /* 切换到hover状态的电话图标 */
}

/* 二维码图标样式（精灵图定位） */
.toolbar .code span {
    background-position: -35px -95px; /* 精灵图定位到二维码图标位置 */
}

/* 二维码按钮hover效果 */
.toolbar .code:hover {
    background-color: #dc0000; /* 红色背景 */
    border-radius: 100%; /* 圆形边框 */
}

/* 二维码按钮hover时图标变化 */
.toolbar .code:hover span {
    background-position: 0 -95px; /* 切换到hover状态的二维码图标 */
}

/* 回到顶部图标样式（精灵图定位） */
.toolbar .top span {
    background-position: -35px -142px; /* 精灵图定位到回到顶部图标位置 */
}

/* 回到顶部按钮hover效果 */
.toolbar .top:hover {
    background-color: #dc0000; /* 红色背景 */
    border-radius: 100%; /* 圆形边框 */
}

/* 回到顶部按钮hover时图标变化 */
.toolbar .top:hover span {
    background-position: 0 -142px; /* 切换到hover状态的回到顶部图标 */
}

/* 工具栏列表项hover预留样式（可扩展） */
.toolbar dd:hover {
}

/* 搜索结果列表容器样式 */
.subright .searchList {
    border-top: 1px solid #ddd; /* 上边框，分隔搜索框与结果 */
}

/* 搜索结果列表项样式 */
.subright .searchList li {
    padding-top: 20px; /* 上内边距20px */
    padding-bottom: 20px; /* 下内边距20px */
    border-bottom: 1px solid #ddd; /* 下边框，分隔列表项 */
}

/* 搜索结果第一个列表项清除上边框 */
.subright .searchList li:first-child {
    border-top: none; /* 第一个项无上边框，避免与容器边框重叠 */
}

/* 搜索结果列表项hover时标题效果 */
.subright .searchList li:hover a h2 {
    color: #dc0000; /* 标题变为红色（品牌色） */
    font-weight: bold; /* 字体加粗，突出显示 */
}

/* 左侧产品推荐容器样式 */
.leftprocomt {
    padding-top: 10px; /* 上内边距10px */
    border: 1px solid #ddd; /* 灰色边框 */
    border-top: 0; /* 无上边框，与上方标题栏衔接 */
}

/* 左侧产品推荐列表项样式 */
.leftprocomt li {
    float: left; /* 左浮动，横向排列 */
    text-align: center; /* 内容居中 */
    width: 108px; /* 列表项固定宽度 */
    margin-left: 9px; /* 左外边距9px，水平间距 */
}

/* 左侧产品推荐图片样式 */
.leftprocomt li img {
    width: 108px; /* 图片宽度与列表项一致 */
    height: 81px; /* 图片固定高度，保持比例 */
    border-radius: 3px; /* 轻微圆角，优化视觉 */
    -webkit-transition: all .3s ease-in-out 0s; /* 过渡动画：0.3秒平滑变化 */
    -moz-transition: all .3s ease-in-out 0s; /* 火狐过渡 */
    transition: all .3s ease-in-out 0s; /* 标准过渡 */
}

/* 左侧产品推荐文字样式 */
.leftprocomt li p {
    line-height: 30px; /* 行高30px，垂直居中 */
    -webkit-transition: all .3s ease-in-out 0s; /* 文字颜色过渡动画 */
    -moz-transition: all .3s ease-in-out 0s; /* 火狐过渡 */
    transition: all .3s ease-in-out 0s; /* 标准过渡 */
}

/* 左侧产品推荐图片hover效果（亮度提升） */
.leftprocomt li:hover img {
    -webkkit-filter: brightness(105%); /* webkit浏览器亮度提升5% */
    filter: brightness(105%); /* 标准亮度提升，增强视觉效果 */
}

/* 左侧产品推荐文字hover效果 */
.leftprocomt li:hover p {
    color: #dc0000; /* 文字变为红色（品牌色） */
}

/*******自定义字体引入********/
@font-face {
    font-family: didot; /* 字体名称，用于后续引用 */
    src: url('../font/didot.eot'); /* EOT字体文件（IE9兼容） */
    src: url('../fonts/didot.eot')format('embedded-opentype'), /* IE6-IE8兼容格式 */
         url('../fonts/didot.woff') format('woff'), /* 现代浏览器兼容格式（高压缩） */
         url('../fonts/didot.ttf') format('truetype'), /* Safari、Android、iOS兼容格式 */
         url('../fonts/didot.svg#didot') format('svg'); /* IE9兼容模式 + 旧版iOS兼容 */
}

/*↓组图/幻灯片样式↓*/
/* 10px高度空白占位符（用于分隔） */
.HS10, .HS15 {
    overflow: hidden; /* 隐藏溢出 */
    clear: both; /* 清除浮动，防止布局错乱 */
}

.HS10 {
    height: 10px; /* 10px高度 */
}

/* 15px高度空白占位符 */
.HS15 {
    height: 15px; /* 15px高度 */
}

/* 隐藏元素类 */
.Hidden {
    display: none; /* 完全隐藏元素 */
}

/* 清除浮动类（用于浮动元素父容器） */
.Clearer {
    display: block; /* 块级元素 */
    clear: both; /* 清除左右浮动 */
    font-size: 1px; /* 最小字体大小，避免占用空间 */
    line-height: 1px; /* 最小行高 */
    margin: 0; /* 清除外边距 */
    padding: 0; /* 清除内边距 */
}

/* 左浮动类（通用） */
.FlLeft {
    float: left; /* 左浮动 */
}

/* 右浮动类（通用） */
.FlRight {
    float: right; /* 右浮动 */
}

/* 幻灯片区域背景容器样式 */
.MainBg {
    width: 920px; /* 固定宽度 */
    margin: 0 auto; /* 水平居中 */
}

/* 大图展示区域边框样式 */
.OriginalPicBorder {
    padding: 0; /* 清除内边距 */
}

/* 大图展示容器样式 */
#OriginalPic {
    width: 920px; /* 与背景容器宽度一致 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 相对定位，为左右手势区域做参考 */
    font-size: 12px; /* 基础字体大小 */
}

/* 大图展示中的图片样式 */
#OriginalPic img {
    display: block; /* 块级元素 */
    min-width: 100px; /* 最小宽度，避免图片过小 */
    margin: 0 auto; /* 水平居中 */
}

/* 左侧手势区域（用于切换上一张图） */
.CursorL {
    position: absolute; /* 绝对定位，覆盖大图左侧 */
    z-index: 999; /* 层级999，确保可点击 */
    width: 50%; /* 宽度占大图50% */
    height: 600px; /* 固定高度，覆盖大图 */
    color: #FFF; /* 文字颜色（备用） */
    left: 0; /* 左对齐 */
    /* cursor: url(../images/CurL.cur), auto; 自定义鼠标指针（注释备用） */
    /* background: url(../images/space.png) repeat scroll 0 0 transparent; 透明背景（注释备用） */
}

/* 右侧手势区域（用于切换下一张图） */
.CursorR {
    position: absolute; /* 绝对定位，覆盖大图右侧 */
    z-index: 999; /* 层级999 */
    width: 50%; /* 宽度占大图50% */
    height: 600px; /* 固定高度 */
    color: #FFF; /* 文字颜色（备用） */
    right: 0; /* 右对齐 */
    /* cursor: url(../images/CurR.cur), auto; 自定义鼠标指针（注释备用） */
    /* background: url(../images/space.png) repeat scroll 0 0 transparent; 透明背景（注释备用） */
}

/* 小图预览区域边框样式 */
.SliderPicBorder {
    width: 100%; /* 宽度占满父容器 */
    overflow: hidden; /* 隐藏溢出 */
}

/* 小图预览容器样式 */
.ThumbPicBorder {
    width: 920px; /* 与大图容器宽度一致 */
    margin: 0 auto; /* 水平居中 */
    background: #eeeeee; /* 浅灰色背景 */
    overflow: hidden; /* 隐藏溢出 */
    position: relative; /* 相对定位，为左右箭头做参考 */
}

/* 小图预览左侧箭头（上一组） */
.ThumbPicBorder #btnPrev {
    width: 45px; /* 箭头宽度 */
    height: 113px; /* 箭头高度 */
    cursor: pointer; /* 鼠标指针，提示可点击 */
    position: absolute; /* 绝对定位，左侧显示 */
    left: 20px; /* 距离左侧20px */
    top: 20px; /* 距离顶部20px */
}

/* 小图预览右侧箭头（下一组） */
.ThumbPicBorder #btnNext {
    width: 45px; /* 箭头宽度 */
    height: 113px; /* 箭头高度 */
    cursor: pointer; /* 鼠标指针 */
    position: absolute; /* 绝对定位，右侧显示 */
    right: 20px; /* 距离右侧20px */
    top: 20px; /* 距离顶部20px */
}

/* 小图预览滚动容器样式 */
.ThumbPicBorder .pic {
    width: 755px; /* 固定宽度，适配小图排列 */
    overflow: hidden; /* 隐藏溢出，实现滚动效果 */
    position: relative; /* 相对定位，为小图列表做参考 */
    margin: 20px auto; /* 上下内边距20px，水平居中 */
}

/* 小图预览图片样式 */
#ThumbPic img {
    border: 3px solid #ddd; /* 灰色边框 */
    cursor: pointer; /* 鼠标指针，提示可点击 */
    background-color: #ddd; /* 灰色背景，避免透明图片显示异常 */
    margin: 0 5px; /* 左右外边距5px，小图间距 */
    width: 135px; /* 小图固定宽度 */
    height: 108px; /* 小图固定高度 */
    display: block; /* 块级元素 */
    -webkit-transition: all .3s ease-in-out 0s; /* 过渡动画：边框颜色变化 */
    -moz-transition: all .3s ease-in-out 0s; /* 火狐过渡 */
    transition: all .3s ease-in-out 0s; /* 标准过渡 */
}

/* 选中状态的小图样式 */
#ThumbPic img.active {
    border: 3px solid #dc0000; /* 红色边框（品牌色），标识当前选中图片 */
}
/*↑组图/幻灯片样式↑*/