/* hls 主题样式（自包含，不依赖旧站零散 css） */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; color: #333; background: #f5f6f8; font-size: 14px; line-height: 1.7; }
a { color: #333; text-decoration: none; }
a:hover { color: var(--page-primary, #54da4d); }
img { max-width: 100%; vertical-align: middle; }
:root { --page-primary: #54da4d; --page-primary-dark: #4ac344; }

/* 顶部 */
.hls-top { background: var(--page-primary, #54da4d); color: #fff; font-size: 13px; }
.hls-top .w { max-width: 1200px; margin: 0 auto; padding: 8px 15px; display: flex; justify-content: space-between; }
.hls-top a { color: #fff; }
.hls-top a:hover { text-decoration: underline; }

/* 头部云彩背景（还原原站 body 顶部 bg.jpg 横向平铺） */
.hls-header { background: #fff url(../img/bg.jpg) top center repeat-x; }
.hls-header .w { max-width: 1200px; margin: 0 auto; padding: 8px 15px 16px; }
.hls-lang { text-align: right; font-size: 13px; padding: 6px 0 10px; color: #ccc; }
.hls-lang a { color: #666; padding: 2px 10px; border: 1px solid #e0e0e0; border-radius: 3px; margin: 0 1px; }
.hls-lang a:hover { color: #fff; background: var(--page-primary, #54da4d); border-color: var(--page-primary, #54da4d); }
/* 当前语言高亮 */
.hls-lang a.on { color: #fff; background: var(--page-primary, #54da4d); border-color: var(--page-primary, #54da4d); font-weight: 700; }
.hls-lang span { color: #ccc; }
.hls-head-row { display: flex; align-items: center; justify-content: space-between; }
.hls-logo { font-size: 26px; font-weight: 700; color: var(--page-primary, #54da4d); }
.hls-logo img { display: block; max-height: 62px; width: auto; }
.hls-logo small { display: block; font-size: 13px; color: #888; font-weight: 400; letter-spacing: 1px; }

.hls-search { display: flex; border: 2px solid var(--page-primary, #54da4d); border-radius: 4px; overflow: hidden; }
.hls-search input { border: 0; padding: 8px 12px; width: 240px; outline: none; }
.hls-search button { background: var(--page-primary, #54da4d); color: #fff; border: 0; padding: 0 18px; cursor: pointer; }
/* 产品中心搜索框：整体右对齐，输入框自适应撑满，按钮贴右边缘 */
.hls-search.hls-search-block { width: 360px; max-width: 100%; margin: 0 0 16px auto; }
.hls-search.hls-search-block input { flex: 1 1 auto; width: auto; }

/* 导航 */
.hls-nav { background: var(--page-primary, #54da4d); }
.hls-nav .w { max-width: 1200px; margin: 0 auto; }
.hls-nav ul { display: flex; list-style: none; flex-wrap: wrap; }
.hls-nav li { position: relative; }
.hls-nav > .w > ul > li > a { display: block; padding: 14px 22px; color: #fff; font-size: 15px; }
.hls-nav li:hover > a { background: var(--page-primary-dark, #4ac344); }
.hls-nav .active > a { background: var(--page-primary-dark, #4ac344); font-weight: 700; }
.hls-nav .sub { display: none; position: absolute; left: 0; top: 100%; background: #fff; min-width: 160px; box-shadow: 0 4px 12px rgba(0,0,0,.15); z-index: 50; }
.hls-nav li:hover .sub { display: block; }
.hls-nav .sub a { display: block; padding: 10px 16px; color: #333; white-space: nowrap; }
.hls-nav .sub a:hover { background: #f0f5fb; }

/* 容器 */
.hls-wrap { max-width: 1200px; margin: 20px auto; padding: 0 15px; }
.hls-row { display: flex; gap: 24px; align-items: flex-start; }
.hls-main { flex: 1; min-width: 0; background: #fff; border-radius: 6px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,.05); }
.hls-side { width: 280px; flex: 0 0 280px; }

/* 首页区块 */
.hls-banner img { width: 100%; border-radius: 6px; display: block; }
.hls-section { background: #fff; border-radius: 6px; padding: 18px; margin-top: 20px; box-shadow: 0 1px 4px rgba(0,0,0,.05); }
.hls-section h2 { font-size: 20px; border-left: 4px solid var(--page-primary, #54da4d); padding-left: 10px; margin-bottom: 14px; }

/* 分类入口 */
.cate-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.cate-grid a { display: block; background: #f5f8fc; border: 1px solid #e6eef8; border-radius: 6px; padding: 14px; text-align: center; transition: .2s; }
.cate-grid a:hover { background: var(--page-primary, #54da4d); color: #fff; border-color: var(--page-primary, #54da4d); }
.cate-grid b { display: block; font-size: 15px; margin-bottom: 4px; }

/* 资讯列表 */
.sub-cates-nav { margin-bottom: 14px; }
.sub-cates-nav a { display: inline-block; padding: 6px 16px; margin: 0 10px 8px 0; border: 1px solid #e6eef8; border-radius: 4px; color: #555; transition: .2s; }
.sub-cates-nav a:hover { color: #fff; background: var(--page-primary, #54da4d); border-color: var(--page-primary, #54da4d); }
.news-list { list-style: none; }
.news-list li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #eee; }
.news-list li a { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li span { color: #999; margin-left: 12px; flex: 0 0 auto; }

/* 产品网格 */
.prod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.prod-card { border: 1px solid #eee; border-radius: 6px; overflow: hidden; transition: .2s; background: #fff; }
.prod-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); transform: translateY(-2px); }
.prod-card .pic { height: 150px; background: #f0f4f9; display: flex; align-items: center; justify-content: center; color: #bbb; }
.prod-card .info { padding: 12px; }
.prod-card .info b { display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prod-card .info p { color: #888; font-size: 12px; margin-top: 4px; }

/* 侧栏卡片 */
.side-card { background: #fff; border-radius: 6px; padding: 16px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,.05); }
.side-card h3 { font-size: 16px; border-bottom: 2px solid var(--page-primary, #54da4d); padding-bottom: 8px; margin-bottom: 12px; }
.side-card ul { list-style: none; }
.side-card li { padding: 7px 0; border-bottom: 1px dashed #eee; }
.side-card li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.side-card .sub-cate { padding-left: 14px; }
.side-card .sub-cate li { border-bottom: 0; padding: 3px 0; }
.side-card .sub-cate li a { font-size: 13px; color: #666; }

/* 面包屑 */
.crumb { color: #888; margin-bottom: 14px; font-size: 13px; }
.crumb a { color: #888; }

/* 文章详情 */
.article-title { font-size: 24px; text-align: center; padding: 10px 0; }
.article-meta { text-align: center; color: #999; font-size: 13px; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 18px; }
.article-content { font-size: 15px; line-height: 2; }
.article-content img { max-width: 100%; }

/* 分页 */
.page-box { text-align: center; margin: 20px 0; }
.page-box a { display: inline-block; padding: 6px 12px; margin: 0 3px; border: 1px solid #ddd; border-radius: 4px; color: #555; }
.page-box a.active, .page-box a:hover:not([href="#"]) { background: var(--page-primary, #54da4d); color: #fff; border-color: var(--page-primary, #54da4d); }
.page-box a[href="#"] { color: #ccc; cursor: default; }

/* 表单 */
.form-box { max-width: 560px; margin: 0 auto; }
.form-box .item { margin-bottom: 16px; }
.form-box label { display: block; margin-bottom: 6px; font-weight: 600; }
.form-box input, .form-box textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; outline: none; }
.form-box input:focus, .form-box textarea:focus { border-color: var(--page-primary, #54da4d); }
.form-box textarea { height: 120px; resize: vertical; }
.btn-submit { background: var(--page-primary, #54da4d); color: #fff; border: 0; padding: 12px 30px; border-radius: 4px; cursor: pointer; font-size: 15px; }
.btn-submit:hover { background: var(--page-primary-dark, #4ac344); }

/* 友情链接 */
.links { display: flex; flex-wrap: wrap; gap: 10px; }
.links a { background: #f5f8fc; border: 1px solid #e6eef8; padding: 6px 12px; border-radius: 4px; font-size: 13px; }

/* 页脚 */
.hls-footer { background: #2b3445; color: #b9c2d0; margin-top: 30px; padding: 28px 15px; text-align: center; font-size: 13px; }
.hls-footer a { color: #b9c2d0; }
.hls-footer .info { max-width: 1200px; margin: 0 auto; line-height: 2; }

/* 404 */
.hls-404 { text-align: center; padding: 80px 15px; }
.hls-404 h1 { font-size: 80px; color: var(--page-primary, #54da4d); }
.hls-404 p { margin: 12px 0 24px; color: #888; }

/* 轮播 banner（flexslider） */
.hls-banner.flexslider { border: 0; margin: 0; border-radius: 6px; overflow: hidden; }
.hls-banner.flexslider .slides img { width: 100%; display: block; }
.hls-banner.flexslider .flex-control-nav { bottom: 10px; }

/* 首页 promo 分类卡片（还原线上带背景图的 promo box） */
.promo { margin-top: 20px; }
.promo-grid { display: flex; flex-wrap: wrap; gap: 16px; }
.pbox { position: relative; flex: 1 1 30%; min-width: 240px; height: 180px; border-radius: 6px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }
.pbox .pcol-right { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.62); color: #fff; padding: 10px 14px; }
.pbox .pcol-right .ptitle { font-size: 17px; }
.pbox .pcol-right .ptitle a, .pbox .pcol-right .ptitle strong { color: #fff; }
.pbox .pcol-right .psmall { font-size: 13px; color: #d8e0ea; margin-top: 4px; }
.pbox .pcol-right .psmall a { color: #d8e0ea; margin-right: 12px; }
.pbox .pcol-right .psmall a:hover { color: #fff; text-decoration: underline; }
.pbox:hover .pcol-right { background: rgba(74,195,68,.9); }
/* 6 张卡片背景图（按顺序分配，资源已随旧 hls 复制） */
.promo-grid > .pbox:nth-child(1) { background-image: url(../img/promo/hxfg.png); }
.promo-grid > .pbox:nth-child(2) { background-image: url(../img/promo/shsj.jpg); }
.promo-grid > .pbox:nth-child(3) { background-image: url(../img/promo/rltz.png); }
.promo-grid > .pbox:nth-child(4) { background-image: url(../img/promo/flch.png); }
.promo-grid > .pbox:nth-child(5) { background-image: url(../img/promo/hbjc.jpg); }
.promo-grid > .pbox:nth-child(6) { background-image: url(../img/promo/dzhc.jpg); }

/* 返回顶部 */
.totop { position: fixed; right: 24px; bottom: 80px; z-index: 99; display: none; }
.totop a { position: relative; display: block; width: 44px; height: 44px; background: var(--page-primary, #54da4d); border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
/* 箭头用 CSS 绘制：主题未引入 font-awesome/bootstrap 图标字体，icon-chevron-up 没有字形 */
.totop a::after { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: translate(-50%, -50%); border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid #fff; }
.totop a:hover { background: var(--page-primary-dark, #4ac344); }

/* 页脚多栏：联系我们居左、合作单位居右 */
.hls-footer .foot-cols { display: flex; flex-wrap: wrap; gap: 24px 40px; justify-content: space-between; align-items: flex-start; text-align: left; }
.hls-footer .foot-col h6 { font-size: 15px; color: #fff; margin-bottom: 10px; }
.hls-footer .foot-col { line-height: 2; }
.hls-footer .foot-col:last-child { text-align: right; }
.hls-footer .foot-links { display: flex; flex-wrap: wrap; gap: 8px 18px; max-width: 420px; justify-content: flex-end; }
.hls-footer .copy { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); text-align: right; }

@media (max-width: 768px) {
  .hls-row { flex-direction: column; }
  .hls-side { width: 100%; flex: none; }
  .cate-grid, .prod-grid { grid-template-columns: repeat(2, 1fr); }
  .hls-search input { width: 150px; }
  .pbox { flex: 1 1 100%; }
  /* 窄屏两栏换行后统一左对齐，避免右对齐出现参差 */
  .hls-footer .foot-cols { justify-content: flex-start; }
  .hls-footer .foot-col:last-child { text-align: left; }
  .hls-footer .foot-links { justify-content: flex-start; }
}