/* eyoucms.com 易优CMS -- 好用,免费,安全 */

/* 链接悬停和过渡样式 */
a:hover {text-decoration: none;} /* 鼠标悬停时移除链接下划线 */
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;} /* 为链接的所有属性设置0.4秒平滑过渡效果 */

/* 头部样式 */
#header {position: relative;} /* 头部容器设置为相对定位，便于子元素定位 */
#header .logo {} /* logo样式占位符 */
#header .tel {} /* 电话样式占位符 */
#header .menu_icon {position: absolute;top: 35%;right: 5%;width: 8%;} /* 菜单图标绝对定位，位于顶部35%和右侧5%，宽度占8% */

/* 响应式头部样式，针对小于992px的屏幕 */
@media all and (max-width: 992px) {
	#header .logo {height:70px;} /* 设置logo高度为70px */
	.logo img {max-height:100%;max-width:none} /* 确保logo图片高度适应容器，宽度无限制 */
}

/* PC端导航菜单样式 */
.pc_menu .menu .nLi {float: left;width: 14%;position: relative;} /* 导航项左浮动，宽度占14%，相对定位 */
.pc_menu .menu .nLi h3 {padding: 30px 0 20px; font-size:16px;} /* 导航标题上下内边距30px和20px，字体大小16px */
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #181818;line-height: 30px;} /* 导航标题链接块级显示，居中，颜色为深灰，行高30px */
.pc_menu .menu .nLi .menu_2 {display: none;background: #4e2d0e;position: absolute;width: 100%;z-index: 10;padding:10px 0} /* 下拉菜单默认隐藏，棕色背景，绝对定位，宽度100%，层级10，上下内边距10px */
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #fff;line-height:24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* 下拉菜单链接块级显示，白色文字，行高24px，居中，超出文本显示省略号 */

/* 清除浮动 */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
} /* 使用伪元素清除浮动，保持布局清晰 */

/* 日期样式 */
.date {
  float: left; /* 日期左浮动 */
  margin-right: 15px; /* 与封面图间距15px */
  text-align: center; /* 日期文本居中 */
}

/* 封面图样式 */
.thumbnail {
  float: left; /* 封面图左浮动 */
  width: 130px; /* 封面图宽度130px */
  height: 95px; /* 封面图高度95px */
  overflow: hidden; /* 隐藏超出部分 */
}

.thumbnail img {
  width: 100%; /* 图片宽度占满容器 */
  height: auto; /* 高度自适应，保持比例 */
}

/* 未上传封面图时的默认样式 */
.thumbnail img[src=""] {
  background-color: #f0f0f0; /* 灰色背景 */
  display: block;
  width: 100%;
  height: 100%;
}

/* 横幅（banner）样式 */
#banner {position: relative; overflow: hidden;} /* 横幅容器相对定位，隐藏溢出内容 */
#banner .owl-theme .owl-controls .owl-dots {position: absolute;bottom: 2%;width: 100%;} /* 轮播图下方小圆点绝对定位，底部2%，宽度100% */
#banner .owl-theme .owl-controls .owl-nav .owl-prev, #banner .owl-theme .owl-controls .owl-nav .owl-next {position:absolute; bottom:50%;padding:15px 10px} /* 左右箭头绝对定位，垂直居中，内边距15px 10px */
#banner .owl-theme .owl-controls .owl-nav .owl-prev {left:5%;} /* 左箭头定位于左侧5% */
#banner .owl-theme .owl-controls .owl-nav .owl-next {right:5%;} /* 右箭头定位于右侧5% */
#banner #owl-demo a.item {display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%} /* 轮播图项块级显示，背景图片顶部居中，不重复，高度宽度100%，背景尺寸高度自适应 */
#owl-demo, #owl-demo .owl-wrapper-outer, #owl-demo .owl-wrapper, #owl-demo .owl-item, #banner {height: 735px;} /* 轮播图及横幅高度固定为735px */

/* 响应式横幅高度调整 */
@media all and (max-width: 992px) {
  #owl-demo, #owl-demo .owl-wrapper-outer, #owl-demo .owl-wrapper, #owl-demo .owl-item, #banner {height: 400px;} /* 中等屏幕下高度调整为400px */
}
@media all and (max-width: 640px) {
  #owl-demo, #owl-demo .owl-wrapper-outer, #owl-demo .owl-wrapper, #owl-demo .owl-item, #banner {height: 200px;} /* 小屏幕下高度调整为200px */
}

/* PC端右侧快捷按钮样式 */
.right_nav {} /* 右侧导航容器占位符 */
.right_nav .aside li > p, .right_nav .aside > li > div {background-color: #6a757c;color: #fff;} /* 侧边栏项背景色为灰色，文字白色 */
.right_nav .aside {position: fixed;right: 0;top: 20%;z-index: 10000;} /* 侧边栏固定定位，右侧0，顶部20%，层级10000 */
.right_nav .aside > li {width: 60px;line-height: 60px;text-align: center;margin-bottom: 2px;cursor: pointer;position: relative;} /* 侧边栏项宽度60px，行高60px，居中，底部间距2px，可点击，相对定位 */
.right_nav .aside > li > p {position: relative;z-index: 1005;line-height: 60px;} /* 侧边栏文本相对定位，层级1005，行高60px */
.right_nav .aside > li img {vertical-align: middle;} /* 侧边栏图片垂直居中 */
.right_nav .aside > li p img {width: 80%;} /* 侧边栏图片宽度80% */
.right_nav .aside > li p:hover img {width: 85%;} /* 鼠标悬停时图片放大到85% */
.right_nav .aside > li .img2 {display: none;} /* 隐藏次要图片 */
.right_nav .aside > li > div {background-image: url(../img/white_bg.png);background-repeat: repeat;position: absolute;display: none;} /* 隐藏的div使用白色背景图，重复显示，绝对定位 */
.right_nav .aside > li .phone_meassage {right: -240px;top: 0;width: 300px;text-align: center;font-size: 25px;line-height: 50px;padding: 5px 0;} /* 电话消息弹窗定位于右侧-240px，宽度300px，居中，字体25px，行高50px */
.right_nav .aside > li .qq_online {top: 0;right: -127px;width: 187px;padding: 0 20px 0 15px;} /* QQ在线弹窗定位于右侧-127px，宽度187px，内边距 */
.right_nav .aside > li .qq_online .qq_online_title {text-align: left;font-size: 15px;line-height: 30px;border-bottom: 1px solid #fff;} /* QQ在线标题左对齐，字体15px，行高30px，下边框 */
.right_nav .aside > li .qq_online .qq_online_box {margin-top: 11px;} /* QQ在线内容上边距11px */
.right_nav .aside > li .qq_online .qq_online_box ul li {line-height: 35px;} /* QQ在线列表项行高35px */
.right_nav .aside > li .qq_online .qq_online_box ul li a {color:#fff} /* QQ在线链接文字白色 */
.right_nav .aside > li .qq_online .qq_online_box ul li i {float: left;margin-top: -17px;} /* QQ在线图标左浮动，顶部偏移 */
.right_nav .aside > li .qq_online .qq_online_box ul li span {float: left;margin-top: -16px;margin-left: 10px;} /* QQ在线文本左浮动，偏移调整 */
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {text-decoration: underline;} /* QQ在线文本悬停时加下划线 */
.right_nav .aside > li .ewm {top: -20px;right: 60px;width: 100px;height: 100px;} /* 二维码弹窗定位，尺寸100x100px */
.right_nav .aside > li .search_box {position: absolute;top: 0;right: -205px;width: 265px;text-align: center;height: 100%;} /* 搜索框绝对定位，宽度265px，居中 */
.right_nav .aside > li .search_box .search_input {width: 220px;height: 36px;position: relative;margin: 12px auto;} /* 搜索输入框宽度220px，高度36px，居中 */
.right_nav .aside > li .search_box .search_input span {position: absolute;line-height: 34px;left: 10px;z-index: 101;} /* 搜索图标绝对定位，左边距10px */
.right_nav .aside > li .search_box .search_input input {width: 220px;border: none;background-color: transparent;height: 36px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 0;background: url(../img/black_bg.png);} /* 搜索输入框无边框，透明背景，黑色背景图 */
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;} /* 搜索框占位符文字颜色为白色 */

/* 底部样式 */
#footer .friendship {margin: 20px 0;} /* 友情链接区域上下外边距20px */
#footer .friendship h4 {color: #84632e;} /* 友情链接标题颜色 */
#footer .friendship a {padding: 0 30px;} /* 友情链接左右内边距30px */
#footer .copyright {background: #9e845a;text-align: center;padding-bottom: 10px;position: relative;} /* 版权区域棕色背景，居中，下内边距10px */
#footer .copyright .footer_nav {display: inline-block;margin: 15px 0;} /* 底部导航内联块显示，上下外边距15px */
#footer .copyright .footer_nav li {float: left;} /* 底部导航项左浮动 */
#footer .copyright .footer_nav li a {display: block;padding: 0 5px;color: #ffffff;} /* 底部导航链接块级显示，内边距5px，白色文字 */
#footer .copyright .copyright_con {color: #fff;padding: 0 15px;} /* 版权内容白色文字，左右内边距15px */
#footer .copyright .copyright_con a {color:#fff} /* 版权链接白色文字 */
#footer .copyright .top {position: absolute;right: 10px;top: -15px;width: 30px;height: 30px;border-radius: 50%;z-index: 10;} /* 返回顶部按钮绝对定位，圆形，尺寸30x30px */
#footer .copyright .top img {width: 80%;top: 2px;z-index: 100;position: absolute;left: 3px;} /* 返回顶部图片宽度80%，定位调整 */
#footer .copyright .top:before {background-image: url(../img/black_bg.png);display: block;content: " ";border-radius: 50%;z-index: 99;position: absolute;top: 0;left: 0;width: 30px;height: 30px;} /* 返回顶部按钮背景图，圆形 */

/* 手机端底部快捷按钮 */
.wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 7px 0;z-index: 1000;background: #9e845a;} /* 固定底部导航，宽度100%，棕色背景 */
.wap_footer dl {width: 20%;float: left;text-align: center; margin-bottom:0;} /* 底部导航项宽度20%，左浮动，居中，无底部外边距 */
.wap_footer dt {height: 33px;} /* 底部导航标题高度33px */
.wap_footer dd {color: #fff;} /* 底部导航描述文字白色 */
.wap_footer dl dt img {width: 40%;} /* 底部导航图片宽度40% */

/* 手机端底部搜索 */
.wap_search_input {position: fixed;bottom: 65px;left: 100%;width: 100%;z-index: 1000;padding: 8px 2%;background: #9e845a;} /* 固定搜索栏，初始隐藏，棕色背景 */
.wap_search_input:after {background-color: rgba(0, 0, 0, 0.1);display: block;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;} /* 搜索栏半透明遮罩 */
.wap_search_input input {float: left;width: 80%;border-radius: 4px;height: 30px;line-height: 30px;padding-left: 2%;color: #333;position: relative;z-index: 100;box-sizing: border-box;} /* 搜索输入框左浮动，宽度80%，圆角，高度30px */
.wap_search_input p {float: left;height: 30px;line-height: 30px;color: #fff;position: relative;z-index: 100;margin-left: 2%;width: 18%;text-align: center;border-radius: 5px;background: rgba(255, 255, 255, 0.2);} /* 搜索按钮左浮动，宽度18%，白色文字，半透明背景 */

/* 黑色遮罩 */
.black_cloth {position: fixed;z-index: 10000000;width: 100%;height: 100%;background: url(../img/black_cloth.png) repeat;display: none;top: 0;left: 0;} /* 固定全屏黑色遮罩，默认隐藏 */

/* 手机端左侧弹出导航 */
.wap_menu {width: 250px;position: fixed;top: 0px;left: -250px;height: 100%;text-align: left;z-index: 10000001;background: #9e845a;} /* 左侧导航宽度250px，初始隐藏，棕色背景 */
.wap_menu li.menu_tit {font-size: 18px;font-weight: bold;background: rgba(255, 255, 255, 0.3);position: relative;padding: 15px 10px;color: #fff;} /* 导航标题字体18px，加粗，半透明背景 */
.wap_menu li.menu_tit span {font-size: 20px;position: absolute;top: 12px;right: 15px;border-bottom: none;z-index: 1000;} /* 关闭按钮定位，字体20px */
.wap_menu li {margin-bottom: 2px;font-size: 14px;position: relative;} /* 导航项底部间距2px，字体14px */
.wap_menu li .wap_menu1 {line-height: 24px;font-size: 16px;text-transform: Uppercase;background: rgba(255, 255, 255, 0.1);position: relative;} /* 一级菜单行高24px，字体16px，大写 */
.wap_menu li p {padding: 10px 10px; margin-bottom:0;} /* 导航项文本内边距10px */
.wap_menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color: #ffffff;} /* 一级菜单链接块级显示，超出省略，白色文字 */
.wap_menu li .wap_menu1 p.left {float: none;} /* 移除左浮动 */
.wap_menu li .wap_menu1 p.right {width: 15%;text-align: center;color: #fff;position: absolute;top: 0;right: 0;float: none;z-index: 1000;} /* 右侧文本宽度15%，居中，白色 */
.wap_menu li .wap_menu2 {display: none;} /* 二级菜单默认隐藏 */
.wap_menu li .wap_menu2 a {display: block;background: none;color: rgba(255, 255, 255, 0.8);overflow: hidden;font-size: 14px;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;padding: 10px;} /* 二级菜单链接透明背景，字体14px，下边框 */
.wap_menu li .wap_menu2 a i {float: left;width: 4px;height: 4px;background-color: #fff;margin: 8px 10px 0 5px;} /* 二级菜单前小圆点样式 */
.wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /* 二级菜单文本宽度85%，超出省略 */

/* PC端侧边栏分类样式 */
._aside {padding-right: 0;} /* 侧边栏移除右侧内边距 */
._aside > h2 {} /* 侧边栏标题占位符 */
._aside ul.sidemenu > li.sub1 ul {display: none;} /* 一级子菜单默认隐藏 */
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* 一级菜单链接块级显示，超出省略 */
._aside ul.sidemenu > li.current > a.sub1_a, ._aside ul.sidemenu > li:hover > a.sub1_a {color: #ff0000;} /* 当前或悬停的一级菜单链接变为红色 */
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* 二级菜单链接块级显示，超出省略 */
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* 三级菜单链接块级显示，超出省略 */

/* 文章区域样式 */
.article {padding-top:15px;} /* 文章区域顶部内边距15px */

/* 响应式侧边栏样式，针对小于640px的屏幕 */
@media (max-width: 640px) {
  ._aside {padding: 0;} /* 移除侧边栏内边距 */
  ._aside > h2 {font-size:16px; background:#aaa; height:30px; line-height:30px;} /* 侧边栏标题字体16px，灰色背景，高度30px */
  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:27px;} /* 手机菜单图标右浮动，可点击，高度27px */
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s;} /* 菜单图标0.4秒过渡效果 */
  ._aside ul.sidemenu {width: 100%;display: none;} /* 侧边栏菜单宽度100%，默认隐藏 */
  ._aside ul.sidemenu > li.sub1 ul {display: none;} /* 一级子菜单默认隐藏 */
  ._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; background:#CCC} /* 一级菜单链接块级显示，灰色背景，超出省略 */
  ._aside ul.sidemenu > li.current > a.sub1_a, ._aside ul.sidemenu > li:hover > a.sub1_a {color: #ff0000;} /* 当前或悬停菜单链接红色 */
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* 二级菜单链接块级显示，超出省略 */
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /* 三级菜单链接块级显示，超出省略 */
  #header .menu_icon img {width: 100%;} /* 手机端菜单图标宽度100% */
}

/* 新闻详情页样式 */
.news_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;} /* 标题区域下内边距10px，灰色虚线下边框，居中 */
.news_detail .title h3 {font-size:16px;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px} /* 标题字体16px，加粗，居中，底部间距5px */
.news_detail .title .box {display: inline-block;text-align: center;} /* 标题元数据容器内联块显示，居中 */
.news_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;} /* 元数据图标15x15px，内联块，水平垂直居中 */
.news_detail .title .box div {margin-right: 5px;} /* 元数据容器右外边距5px */
.news_detail .title .box .time {float: left;text-align: center;} /* 时间元数据左浮动，居中 */
.news_detail .title .box .eye {float: left;text-align: center;} /* 浏览量元数据左浮动，居中 */
.news_detail .title .box .back {float: left;} /* 返回按钮左浮动 */
.news_detail .news_detail_content {margin-top: 15px;} /* 新闻内容顶部外边距15px */
.news_detail .pageTurning {margin-top: 15px;} /* 分页区域顶部外边距15px */
.news_detail .pageTurning .prevs,
.news_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;} /* 上下页按钮灰色背景，行高250%，内边距10px */
.news_detail .pageTurning .prevs {margin-bottom: 5px;} /* 上一页按钮底部外边距5px */

/* 产品详情页样式 */
.product_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;} /* 标题区域下内边距10px，虚线下边框，居中 */
.product_detail .title h3 {font-size:120%;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px;} /* 标题字体120%，加粗，居中，行高35px */
.product_detail .title .box {display: inline-block;text-align: center;} /* 标题元数据容器内联块，居中 */
.product_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;} /* 元数据图标15x15px，内联块，水平垂直居中 */
.product_detail .title .box .back {float: left;} /* 返回按钮左浮动 */
.product_detail .product_detail_images {padding-top: 15px;text-align: center;position: relative;} /* 图片区域顶部内边距15px，居中，相对定位 */
.product_detail .product_detail_images .product_detail_btn2 {position: absolute;right: 2%;top: 48%;background:url(../img/rgb0.3.png);z-index: 100;font-size:0;} /* 右导航按钮定位于右侧2%，半透明背景 */
.product_detail .product_detail_images .product_detail_btn1 {position: absolute;left: 2%;top: 48%;background:url(../img/rgb0.3.png);z-index: 100;font-size:0} /* 左导航按钮定位于左侧2%，半透明背景 */
.product_detail .product_detail_images .product_detail_btn1 a img, .product_detail .product_detail_images .product_detail_btn2 a img {margin: 10px 5px;} /* 导航按钮图片外边距 */
.product_detail .product_detail_images .owl-carousel .owl-item img {width:auto; margin: auto;cursor: pointer;max-width:100%;} /* 轮播图片宽度自适应，居中，可点击 */
.product_detail .product_detail_images .owl-theme .owl-controls {position: absolute;bottom: 2%;width: 100%;} /* 轮播控件底部2%，宽度100% */
.product_detail .product_detail_images .product_detail_img {width: 80%;margin: 0 auto;} /* 产品主图宽度80%，居中 */
.product_detail .product_detail_content {margin-top: 20px;margin-bottom: 20px;} /* 产品内容上下外边距20px */
.product_detail .pageTurning {margin-top: 15px;} /* 分页区域顶部外边距15px */
.product_detail .pageTurning .prevs,
.product_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;} /* 上下页按钮灰色背景，行高250%，内边距10px */
.product_detail .pageTurning .prevs {margin-bottom: 5px;} /* 上一页按钮底部外边距5px */
.pswp__bg {background:url(../img/rgb0.8.png)} /* 图片查看器背景半透明 */