/* ============================================================
   仿站主题 ande.css  —  严格对齐参考站样式值
   主色：#0198e1 / #0195db  强调色：#d9333d  内容宽度：980px
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font: 14px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif; color: #333; background: #fff; }
ul, ol, li, dl, dd, dt { list-style: none; }
a { text-decoration: none; color: #333; transition: color .2s; }
a:hover { color: #0198e1; }
img { border: 0; vertical-align: middle; }
.clear { clear: both; }
.ande_inner { width: 980px; margin: 0 auto; }

/* ---------- 顶部：logo + 快捷图标 + 搜索 ---------- */
.ande_top { position: relative; height: 94px; padding: 0; }
.ande_top .logo-left { width: 45%; float: left; padding-top: 14px; }
.ande_top .logo-left img { max-width: 370px; max-height: 66px; }
.ande_top .logo-right { position: relative; width: 151px; float: right; text-align: center; }
/* 头部右上角图标条（参考站 liback.jpg 图标背景 + 点击热区） */
.ande_top .logo-right { position: relative; width: 151px; height: 72px; float: right; text-align: center;
  margin-top: 0; background: url('../images/liback.jpg') no-repeat; }
.ande_top .logo-right .lib-jxs { cursor: pointer; height: 27px; }
.ande_top .logo-right .lib-icons > div { width: 40px; height: 45px; float: left; cursor: pointer; }
.ande_top .logo-right .lib-icons > div.i-es { width: 30px; }
.ande_top .srm-entry { position: absolute; top: 0; right: -150px; }
.ande_search { position: absolute; right: 160px; top: 37px; line-height: 35px; display: none; z-index: 99; }
.ande_search input[type=text] { height: 33px; border: 1px solid #ddd; padding: 0 8px; outline: none; width: 180px; }
.ande_search input[type=submit] { float: left; background: #0195db; color: #fff; border: 0; height: 35px; padding: 0 14px; cursor: pointer; }

/* ---------- 导航条（严格参考站样式） ---------- */
.ande_navbar { background-color: #0094da; }
.ande_navbar nav { width: 980px; margin: 0 auto; height: 46px; line-height: 46px; }
.ande_navbar ul.sf-menu { margin: 0; padding: 0; list-style: none; }
.ande_navbar ul.sf-menu > li { float: left; width: 120px; text-align: center; border-bottom: 1px solid #c0ebff; }
.ande_navbar ul.sf-menu > li .sep { float: left; color: #fff; line-height: 46px; }
.ande_navbar ul.sf-menu > li > a { display: block; font-size: 15px; color: #fff; }
.ande_navbar ul.sf-menu > li > a:hover,
.ande_navbar ul.sf-menu > li > a.navdown { color: #fff; background: #0e6cac; font-size: 15px; }
/* 导航弹出层（参考站 industry_pop：通栏白色面板 + 底部蓝边） */
.industry_pop { width: 100%; background-color: rgba(255,255,255,.95); position: absolute; left: 0;
  z-index: 999999; display: none; border-bottom: 4px solid #00A0E8; overflow: hidden; }
.industry_pop .wrapper { display: flex; justify-content: center; }
.industry_list { width: 200px; float: left; margin-top: 10px; }
.industry_list h5 { font-family: "黑体"; font-size: 16px; color: #000; margin: 0 0 16px; font-weight: normal; }
.industry_list h5 a { color: #000; }
.industry_list h5 a:hover { color: #00A0E8; }
.industry_list > ul { font-size: 16px; font-family: "微软雅黑"; color: #333; margin: 0 0 10px; text-align: center; border-left: 1px solid #ccc; }
.industry_list > ul li { color: #00A0E9; line-height: 28px; list-style: none; }
.industry_list > ul > li > a { color: #00A0E9; font-size: 15px; }
.industry_list > ul > li > a:hover { text-decoration: underline; color: #00A0E9; }
.industry_list > ul > li ul { text-align: center; }
.industry_list > ul > li ul li a { font-size: 12px; color: #707070; }
.industry_list > ul > li ul li a:hover { text-decoration: underline; color: #707070; }

/* ---------- 轮播（参考站：固定高 438px，图片原尺寸水平居中裁切） ---------- */
.ande_banner { position: relative; width: 100%; height: 438px; overflow: hidden; background: #fafafa; }
.ande_banner .slide { display: none; width: 100%; height: 100%; }
.ande_banner .slide.on { display: block; }
.ande_banner .slide a { display: block; position: relative; height: 100%; }
.ande_banner .slide img { position: absolute; left: 50%; top: 0; transform: translateX(-50%);
  max-width: none; width: auto; height: auto; }
.ande_banner .dots { position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; z-index: 10; }
.ande_banner .dots span { display: inline-block; width: 12px; height: 12px; border-radius: 50%;
  background: rgba(255,255,255,.55); margin: 0 5px; cursor: pointer; }
.ande_banner .dots span.on { background: #fff; }
.ande_banner .arrow { position: absolute; top: 50%; margin-top: -26px; width: 34px; height: 52px; z-index: 10;
  background: rgba(0,0,0,.25) url('../images/arrow.svg') no-repeat center; cursor: pointer; display: none; }
.ande_banner:hover .arrow { display: block; }
.ande_banner .prev { left: 10px; transform: rotate(180deg); }
.ande_banner .next { right: 10px; }

/* ---------- 板块标题条（严格参考站样式） ---------- */
.ne2 { height: 80px; }
.ne21 { width: 50%; float: left; text-align: left; color: #0198e1; font-size: 20px; line-height: 80px; }
.ne21 span { border-left-style: solid; border-left-width: 5px; border-left-color: #0198e1; padding-left: 25px; }
.ne22 { width: 45%; float: right; text-align: right; line-height: 80px; padding-right: 20px; }
.ne22 span { background-color: #999999; padding: 5px; }
.ne22 span a { background-color: #999999; padding: 5px; color: #fff; }
.ne22 span a:hover { color: #fff; }

/* ---------- 新品发布（严格参考站样式） ---------- */
.ande_index_product { padding: 20px 0 20px; }
.ande_index_product ul { list-style: none; }
.ande_index_product ul li { float: left; overflow: hidden; margin-bottom: 30px; text-align: center; width: 20%; background-color: #ffffff; }
.ande_index_product ul li a { display: block; margin: 0 auto; background: #fff; text-align: center; font-size: 0; }
.ande_index_product ul li h2 { height: 38px; padding: 2px; color: #4f4d4e; text-align: center; font-weight: normal; font-size: 12px; line-height: 20px; overflow: hidden; }
.ande_index_product a img { width: 160px; height: 170px; object-fit: contain; background: #fff; border: 1px solid #c0c0c0; margin-top: 17px; -webkit-transition: all .5s; transition: all .5s; }
.ande_index_product a:hover img { opacity: .5; filter: alpha(opacity=50); }

/* ---------- 最新资讯（严格参考站样式：背景 #ececec） ---------- */
.ande_index_news { padding: 5px 0 8px; text-align: center; background-color: #ececec; height: 420px; }
.ande_index_news .news_white { background-color: #ffffff; height: 297px; }
.ande_index_news .ne11 { background: #ffffff; width: 50%; float: left; }
.ande_index_news .ne12 { background: #ffffff; width: 50%; float: right; }
.mainlinl { width: 420px; float: left; background: #fff; margin-left: 25px; }
.lit2 { padding: 15px; overflow: hidden; }
.lit2 li { list-style-type: none; text-align: left; padding: 6px; overflow: hidden; border-bottom: 1px dashed #cccccc; }
.lit2 li .thumb { width: 120px; float: left; height: 100px; }
.lit2 li .thumb img { width: 100px; height: auto; }
.lit2 li .txt { width: 245px; float: right; padding-left: 10px; padding-top: 0; }
.lit2 li h2 { height: 22px; overflow: hidden; font-size: 16px; line-height: 22px; font-weight: bold; }
.lit2 li h2 a { color: #d9333d; }
.lit2 li h2 a:hover { color: #0198e1; }
.lit2 li .txt .desc { font-size: 13px; padding-bottom: 10px; color: #848484; line-height: 24px; height: 62px; overflow: hidden; }
.lit2 li .txt .more { font-size: 13px; }
.ande_index_news_list { margin: 1px 0 0; margin-left: 42px; }
.ande_index_news_list li { overflow: hidden; width: 400px; list-style: none; text-align: left; padding-bottom: 1px; }
.ande_index_news_list li dl { margin-right: 10px; height: 40px; line-height: 40px; }
.ande_index_news_list_txt { border-bottom: 1px solid #e7e8ed; width: 100%; }
.ande_index_news_list_txt h3 { overflow: hidden; margin-bottom: 0; height: 40px; color: #000; font-weight: normal; font-size: 14px; line-height: 40px; text-align: left; }
.ande_index_news_list_txt h3 a { color: #000; }
.ande_index_news_list_txt h3 a:hover { color: #0198e1; }
.ande_index_news_list_txt span.time { display: block; height: 40px; color: #818181; line-height: 40px; float: right; padding-left: 20px; }

/* ---------- 产品分类（静态图片） ---------- */
.ande_index_cats { padding: 20px 0 40px; }
.ande_index_cats .cat_row { display: flex; justify-content: space-between; gap: 14px; }
.ande_index_cats .cat_row div { width: 19%; }
.ande_index_cats .cat_row img { width: 100%; display: block; }

/* ---------- 页脚（严格参考站样式：背景 #11578b） ---------- */
.ande_footer { position: relative; padding: 30px 0; background: #11578b; color: #b0d4f8; font-size: 12px; line-height: 30px; text-align: left; }
.ande_footer a { color: #b0d4f8; line-height: 30px; }
.ande_footer a:hover { color: #fff; }
.ande_footer .fleft { width: 40%; float: left; }
.ande_footer .fcol { float: left; width: 40%; margin-right: 10%; }
.ande_footer .fcol .ft { border-bottom: 1px solid #3072b5; line-height: 40px; font-size: 16px; }
.ande_footer .fcol .ft a { color: #b0d4f8; font-weight: normal; }
.ande_footer .fright { width: 60%; float: left; }
.ande_footer .hotline { float: left; width: 40%; margin-right: 5%; }
.ande_footer .hotline p { font-size: 16px; }
.ande_footer .hotline h1 { font-size: 30px; font-family: Arial, sans-serif; white-space: nowrap; line-height: 36px; }
.ande_footer .addr { margin-top: 10px; line-height: 30px; }
.ande_footer .qr { float: left; width: 55%; font-size: 0; }
.ande_footer .qr img { display: inline-block; width: 150px; vertical-align: top; }
.ande_footer .qr img:first-child { margin-right: 15px; }
.ande_footer .flinks { width: 100%; float: left; margin-top: 20px; }

/* ---------- 版权条 ---------- */
.ande_copy { background: #1e1e1e; line-height: 40px; color: #7e7e7e; font-size: 12px; }
.ande_copy .l { float: left; width: 40%; }
.ande_copy .r { float: left; width: 60%; text-align: right; }
.ande_copy a { color: #7e7e7e; }
.ande_copy a:hover { color: #aaa; }

/* ==================== 内页：列表 / 详情 / 单页 ==================== */
.ande_clear { clear: both; }
.ande_section { width: 980px; margin: 0 auto; padding: 20px 0; }
.ande_section article { float: right; width: 75%; }

/* ---------- 侧栏栏目导航 ---------- */
.ande_section aside { float: left; width: 230px; }
.ande_section aside section { border: 1px solid #ddd; }
.ande_section aside section h2 { padding: 0 20px; height: 60px; text-align: center; font-size: 21px; font-weight: normal;
  line-height: 60px; background: url('../images/876.png') center no-repeat; }
.ande_section aside .ande_aside_list { padding: 1px 0; }
.ande_section aside .ande_aside dl dt { height: 45px; line-height: 45px; background: #1578bc; border-bottom: 1px solid #388cea; }
.ande_section aside .ande_aside dl dt a { display: block; padding: 0 20px; color: #fff; text-align: left; }
.ande_section aside .ande_aside dl dt a:hover { background: #139ff3; }
.ande_section aside .ande_aside dl dt.on { background: #139ff3; border-left: 4px solid #f7ce31; }
.sidelist { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease-out, opacity 0.4s ease-out; }
.sidelist.show { max-height: 1000px; opacity: 1; transition: max-height 0.4s ease-in, opacity 0.4s ease-in; }
.ande_aside_list dl dt.on + .sidelist { max-height: 1000px; opacity: 1; }
.sidelist li { display: block !important; line-height: 40px; border-bottom: 1px solid #dedede; }
.sidelist li a { display: block; text-align: left; padding-left: 30px; color: #333; }
.sidelist li a:hover { color: #0094da; }
.sidelist li a.lv4 { padding-left: 60px; }

/* ---------- 列表页头部 ---------- */
.ande_article_head { position: relative; padding: 0 10px; height: 50px; line-height: 50px; background: #f5f5f5;
  border-bottom: 1px solid #0081d4; border-radius: 7px; }
.ande_article_head h1 { color: #555; font-weight: normal; font-size: 18px; }
.ande_article_head .ande_position { position: absolute; top: 0; right: 10px; width: 60%; text-align: right;
  color: #aaa; font-size: 12px; }
.ande_article_head .ande_position a { color: #999; }
.ande_article_head .ande_position a:hover { color: #0198e1; }

/* ---------- 产品列表（三列卡片） ---------- */
.ande_module3_list ul.list_1 { list-style: none; }
.list_1 { list-style: none; }
.list_1 li { float: left; text-align: center; margin-top: 30px; overflow: hidden; }
.list_1 li a { text-align: center; display: block; margin: 0 auto; background: #fff; border: 1px solid #ddd; font-size: 0;
  /* 本站全局 border-box 会把 200px 内容区压到 198px，图片(200px)盖住右边框；参考站无此重置，这里恢复 content-box */
  box-sizing: content-box; }
.list_1 li h2 { text-align: center; font-size: 14px; padding: 10px 10px; font-weight: normal; border-top: 1px solid #ddd; color: #333;
  /* 对齐参考站：内容高 38px（content-box 总高 58px），最多两行、居中、超出省略 */
  box-sizing: content-box; height: 38px !important; line-height: 19px; overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ande_module3_list ul img { transition: all .5s; -webkit-transition: all .5s; }
.ande_module3_list ul a:hover h2 { color: #333; }
.ande_module3_list ul a:hover img { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }

/* ---------- 分页 ---------- */
.pagination { text-align: center; margin-top: 20px; }
.pagination li { border: 1px solid #e0e0e0; padding: 5px 10px; display: inline-block; margin: 0 2px; }
.pagination li a, .pagination li span { color: #969696; }
.pagination li.active { background: #11578b; border-color: #11578b; }
.pagination li.active a, .pagination li.active span { color: #fff; }

/* ---------- 新闻/文章列表 ---------- */
.ande_module2_list { padding: 10px 10px; }
.ande_module2_list ul { list-style: none; }
.ande_module2_list li { list-style: none; border-bottom: 1px dashed #ccc; padding: 15px 100px 15px 10px; position: relative; }
.ande_module2_list h2 { font-weight: normal; font-size: 14px; }
.ande_module2_list li h2 a { color: #333; }
.ande_module2_list li h2 a:hover { color: #0198e1; }
.ande_module2_list li span.time { color: #818181; position: absolute; right: 10px; top: 15px; }
.ande_module2_list li p { color: #818181; }

/* ---------- 新闻/文章列表 ---------- */
.ande_module2_list { padding: 10px 10px; }
.ande_module2_list ul { list-style: none; }
.ande_module2_list li { list-style: none; border-bottom: 1px dashed #ccc; padding: 15px 100px 15px 10px; position: relative; }
.ande_module2_list h2 { font-weight: normal; font-size: 14px; }
.ande_module2_list li h2 a { color: #333; }
.ande_module2_list li h2 a:hover { color: #0198e1; }
.ande_module2_list li span.time { color: #818181; position: absolute; right: 10px; top: 15px; }
.ande_module2_list li p { color: #818181; }

/* ---------- 详情页：文章 ---------- */
.ande_module2 h1.ande_title { font-size: 28px; font-weight: normal; padding: 5px 0; text-align: center; }
.ande_module2 .ande_infos { color: #818181; font-size: 12px; margin-bottom: 30px; padding-bottom: 10px;
  border-bottom: 1px solid #ddd; text-align: center; }
.ande_module2 .ande_time { padding-right: 6px; }
.ande_editor { line-height: 30px; font-size: 15px; letter-spacing: 2px; color: #333; }
.ande_module2 .ande_editor { padding: 0 10px; }
.ande_editor img { max-width: 100%; height: auto !important; }
.ande_editor ul, .ande_editor ol { padding: 0 0 0 25px; margin: 0; }
.ande_editor a { color: #1c57c4; }
.ande_editor a:hover { text-decoration: underline; }
.ande_editor table { width: 100% !important; border-collapse: collapse !important; }

/* ---------- 详情页：产品 ---------- */
.showproductk { width: 735px; float: right; }
.showproductk .ande_position { color: #999; font-size: 12px; padding-bottom: 10px; }
.showproductk .ande_position a { color: #999; }
.pshow dt { float: left; position: relative; font-size: 0; text-align: center; overflow: hidden; }
.pshow dt .ande_box { margin: 0 auto; }
.pshow dt .ande_box figcaption { display: none; }
.pshow dt .ande_box figure { float: none; width: 100%; margin: 0; text-align: center; }
.pshow dd { float: left; width: 100%; }
.pshow dd .ande_box { padding: 0 20px; }
.ande_nav { height: 45px; line-height: 45px; margin: 30px 0; }
.ande_nav li { float: left; list-style: none; cursor: pointer; }
.ande_nav li a { display: block; padding: 0 40px; color: #333; }
.ande_nav li.ande_now { background: #fff; }

/* ---------- 详情页：文章 ---------- */
.ande_module2 h1.ande_title { font-size: 28px; font-weight: normal; padding: 5px 0; text-align: center; }
.ande_module2 .ande_infos { color: #818181; font-size: 12px; margin-bottom: 30px; padding-bottom: 10px;
  border-bottom: 1px solid #ddd; text-align: center; }
.ande_module2 .ande_time { padding-right: 6px; }
.ande_editor { line-height: 30px; font-size: 15px; letter-spacing: 2px; color: #333; }
.ande_module2 .ande_editor { padding: 0 10px; }
.ande_editor img { max-width: 100%; height: auto !important; }
.ande_editor ul, .ande_editor ol { padding: 0 0 0 25px; margin: 0; }
.ande_editor a { color: #1c57c4; }
.ande_editor a:hover { text-decoration: underline; }
.ande_editor table { width: 100% !important; border-collapse: collapse !important; }

/* ---------- 详情页：产品 ---------- */
.showproductk { width: 735px; float: right; }
.showproductk .ande_position { color: #999; font-size: 12px; padding-bottom: 10px; }
.showproductk .ande_position a { color: #999; }
.pshow dt { float: left; position: relative; font-size: 0; text-align: center; overflow: hidden; }
.pshow dt .ande_box { margin: 0 auto; }
.pshow dt .ande_box figcaption { display: none; }
.pshow dt .ande_box figure { float: none; width: 100%; margin: 0; text-align: center; }
.pshow dd { float: left; width: 100%; }
.pshow dd .ande_box { padding: 0 20px; }
.ande_nav { height: 45px; line-height: 45px; margin: 30px 0; }
.ande_nav li { float: left; list-style: none; cursor: pointer; }
.ande_nav li a { display: block; padding: 0 40px; color: #333; }
.ande_nav li.ande_now { background: #fff; }

/* ---------- 文件下载：列表页（取值自参考站 ande.css #downloadlist） ---------- */
#downloadlist { padding: 15px; }
#downloadlist .metlist { margin-bottom: 20px; }
#downloadlist .metlist dt { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: bold; padding: 8px 5px 8px 0; }
#downloadlist .metlist dd { color: #999; padding: 8px; background: #eee; overflow: hidden; }
#downloadlist .metlist dd b { font-weight: normal; }
#downloadlist .metlist dd div { float: right; }
#downloadlist .metlist dd span { padding-right: 20px; }
#downloadlist .metlist dd a { color: #1c57c4; }
#downloadlist .metlist dd a.down { color: #fa1a1a; }

/* ---------- 文件下载：详情页（取值自参考站 ande.css #showdownload） ---------- */
#showdownload { padding: 15px; }
#showdownload h1.title { font-size: 24px; padding: 15px 5px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
#showdownload .ande_editor { padding: 0 10px; }
#showdownload .ctitle { margin: 30px 0 10px; padding: 0 10px; font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; }
#showdownload .downloadbox { margin-top: 30px; }
#showdownload .downloadbox a { display: inline-block; background: #23b7e5; height: 35px; line-height: 35px; padding: 0 35px; color: #fff; border-radius: 2px; }
#showdownload .downloadbox a:hover { background: #38c4f0; }
#showdownload .downloadbox a + a { margin-left: 10px; }