@CHARSET "UTF-8";
/*
 * pboot.css —— PbootCMS 标签输出适配样式（培高科技模板专用）
 * 原则：布局样式全部沿用原站 base/model/main.css，本文件只做三点补充：
 *   1. 原站 CSS 缺失的类（如下拉菜单展开高度、product_list1 边框）
 *   2. 固定宽度布局的最小宽度保护
 *   3. 分页条、详情页排版等 PbootCMS 新增输出的样式
 * 主色：#00a0e9 / 辅色：#00ccff（与原站一致）
*/

/* ===================== 宽度保护 ===================== */
/* 固定宽度 PC 布局：小于 1200px 时出横向滚动条，避免错位变形 */
html{min-width:1200px;}
body{min-width:1200px;}

/* ===================== 头部导航 ===================== */
/* 原站 .nav/.sec1/.sec 样式在 model.css；二级下拉的展开动画由 head.html 里的 JS 控制
   （hover 时 .sec1 高度 0→220，300ms，与原站一致），这里只补选中态高亮 */
.nav li.on a,
.nav li.on a:hover{color:#fff;background-color:#00ccff;}
/* 导航 6 组均分布满整行：原站 .nav li a 定宽 105px×6=630px，
   菜单区 779px 右侧空一档；改为 flex 均分。
   注意只作用到一级链接（> li > a），否则会把二级下拉链接也撑成通栏竖排 */
#menu .nav{display:flex;}
#menu .nav li{flex:1 1 0;}
#menu .nav > li > a{width:100%;}

/* ===================== 二级下拉（面板边缘贴一级按钮边缘，二级在按钮正下方） ===================== */
/* 面板以悬停的一级栏目为锚点（li 设 relative）：
   默认面板左缘与按钮左缘对齐（left:0），二级列表在左、贴按钮正下方，广告面板在右；
   靠近屏幕右缘的栏目（末尾 3 个）整体翻转：面板右缘与按钮右缘对齐、广告在左、
   列表在右——列表仍罩在按钮正下方，面板不探出屏幕 */
#menu .nav > li{position:relative;}
.nav .sec1{position:absolute;left:0;top:100%;width:max-content;height:auto;background:#fff;display:none;
  border:none;border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(10,60,100,.16);z-index:999;
  padding:6px 10px 10px;box-sizing:border-box;}
.nav li:hover .sec1{display:block;}
.nav .sec{position:static;left:auto;margin:0;width:auto;color:#555;display:none;
  align-items:stretch;min-height:112px;box-sizing:border-box;}
.nav li:hover .sec{display:flex;}
/* 默认：二级列表在左（贴按钮正下方），广告在右；DOM 中 .img 在前，用 order 调整 */
.nav .sec .word{float:none;order:1;flex:none;width:150px;display:flex;flex-direction:column;
  justify-content:center;padding:4px 2px 4px 4px;}
.nav .sec .img{float:none;order:2;padding:4px 0 4px 10px;display:flex;align-items:center;}
/* 翻转态（head.html JS 检测：按钮位置往右放不下面板时自动加 .flip）——
   面板右缘贴按钮右缘、广告换到左、列表换到右（仍在按钮下方），不探出屏幕 */
.nav .sec1.flip{left:auto;right:0;}
.nav .sec1.flip .word{order:2;padding:4px 4px 4px 12px;}
.nav .sec1.flip .img{order:1;padding:4px 12px 4px 0;}
/* 翻转态下链接整行镜像：小方块到右缘、箭头到左缘并旋转 180°（‹），始终指向广告面板 */
.nav .sec1.flip .word a{flex-direction:row-reverse;}
/* row-reverse 后物理方向反转：方块与文字的间距要改到方块左侧，否则压字 */
.nav .sec1.flip .word a:before{margin-right:0;margin-left:14px;}
.nav .sec1.flip .word a:hover{padding-left:16px;padding-right:24px;}
.nav .sec1.flip .word a:after{margin-left:0;margin-right:auto;transform:rotate(180deg);}
.nav .sec1.flip .word a:hover:after{color:#00a0e9;transform:rotate(180deg) translateX(-4px);}
.nav .sec .ad_panel{width:270px;height:112px;box-sizing:border-box;padding:13px 20px;
  background:linear-gradient(135deg,#0880c8 0%,#00b4ec 100%);border-radius:10px;
  position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}
.nav .sec .ad_panel:before{content:"";position:absolute;right:-46px;top:-46px;width:130px;height:130px;
  border-radius:50%;background:rgba(255,255,255,.12);}
.nav .sec .ad_panel:after{content:"";position:absolute;right:34px;bottom:-58px;width:110px;height:110px;
  border-radius:50%;background:rgba(255,255,255,.07);}
/* 栏目名：白色竖线引导 + 大字，视觉重心 */
.nav .sec .ad_name{font-family:"LogoHei","微软雅黑","Microsoft YaHei",sans-serif;
  font-size:18px;line-height:1;color:#fff;letter-spacing:2px;display:flex;align-items:center;
  text-shadow:0 1px 4px rgba(0,30,60,.4);}
.nav .sec .ad_name:before{content:"";width:3px;height:15px;border-radius:2px;
  background:rgba(255,255,255,.9);margin-right:8px;}
/* 口号行 = 当前栏目二级分类名：小字弱化，与栏名（大分类）间距拉开一档；
   flex 多个子项横向排布，间距 12px，放不下自动换行 */
.nav .sec .ad_slogan{margin-top:10px;display:flex;flex-wrap:wrap;column-gap:12px;row-gap:4px;
  font:11px/1 "微软雅黑","Microsoft YaHei",sans-serif;
  color:rgba(255,255,255,.78);letter-spacing:1.5px;}
/* 热线行：细分隔线压底，号码加大加粗成为落点 */
.nav .sec .ad_tel{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.25);
  font:700 14px/18px "微软雅黑","Microsoft YaHei",sans-serif;letter-spacing:.5px;
  color:#fff;text-shadow:0 1px 3px rgba(0,30,60,.35);}
/* 热线前的小电话图标（内联 SVG，白色听筒，替代原先渲染不佳的 ✆ 字符圆圈） */
.nav .sec .ad_tel:before{content:"";display:inline-block;width:14px;height:14px;
  margin-right:7px;vertical-align:-2px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z" fill="white"/></svg>') center/contain no-repeat;}
/* 右侧：二级栏目疏朗列表（order 已调为左侧，见上） */
.nav .sec .word a{display:flex;align-items:center;float:none;width:auto;height:auto;
  padding:8px 10px;margin:0 0 3px;border:none;border-radius:8px;
  background:none;font:400 14px/1.4 "微软雅黑","Microsoft YaHei";color:#333;
  text-align:left;text-decoration:none;transition:all .25s;}
.nav .sec .word a:last-child{margin-bottom:0;}
/* 链接前的小方块标记：默认浅灰，悬停点亮为品牌蓝 */
.nav .sec .word a:before{content:"";width:6px;height:6px;border-radius:2px;flex:none;
  background:#d3e2ee;margin-right:14px;transition:all .25s;}
.nav .sec .word a:after{content:"›";margin-left:auto;font:400 20px/1 "微软雅黑","Microsoft YaHei";
  color:#cfe9f7;transition:all .25s;}
/* 悬停：浅蓝圆角卡片 + 标记点亮 + 箭头右移入位 */
.nav .sec .word a:hover{color:#00a0e9;background:#f3faff;padding-left:24px;
  box-shadow:0 4px 12px rgba(0,140,220,.08);text-decoration:none;}
.nav .sec .word a:hover:before{background:#00a0e9;}
.nav .sec .word a:hover:after{color:#00a0e9;transform:translateX(4px);}

/* ===================== 滚动浮动迷你导航 ===================== */
/* 滚过 260px 后顶部滑出的 60px 迷你条：小 logo + 主导航（JS 克隆生成，见 head.html），
   迷你条内禁用二级下拉；回到顶部 transform 收回 */
#minihead{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:9999;
  box-shadow:0 2px 14px rgba(0,60,120,.16);transform:translateY(-110%);transition:transform .3s;}
#minihead.show{transform:translateY(0);}
#minihead .mh_in{width:1200px;margin:0 auto;height:60px;display:flex;align-items:center;}
#minihead .mh_logo{flex:none;}
#minihead .mh_logo a{display:flex;align-items:center;text-decoration:none;}
#minihead .mh_logo .logo_mark{height:34px;width:auto;display:block;}
#minihead .mh_logo .logo_name{font-family:"LogoHei","微软雅黑","Microsoft YaHei",sans-serif;
  font-size:22px;line-height:1;color:#0880c8;letter-spacing:2px;margin-left:8px;white-space:nowrap;}
#minihead .mh_nav{margin-left:auto;width:720px;}
#minihead .nav{display:flex;border-top:none;height:60px;}
#minihead .nav li{float:none;line-height:60px;height:60px;flex:1 1 0;text-align:center;}
/* 只命中第一层导航链接（>），否则二级面板里的链接会被 60px 行高/蓝底悬停污染 */
#minihead .nav li > a{display:block;width:100%;height:60px;font:400 15px/60px "微软雅黑","Microsoft YaHei";color:#555;}
#minihead .nav li > a:hover{color:#fff;background-color:#00ccff;text-decoration:none;}
#minihead .nav li.on > a{color:#fff;background-color:#00ccff;}
/* 面板内文字左对齐（li 的 text-align:center 会继承进去） */
#minihead .sec1{text-align:left;}
/* 迷你条二级下拉：复用主导航 .nav .sec1 面板样式，悬停弹出；
   placePanels() 在克隆后重跑一次（见 head.html），窄屏同样会翻转避让 */
#minihead .nav > li{position:relative;}
#minihead .sec1{z-index:10000;}
@media (max-width:900px){
  /* ≤900 迷你条不启用二级下拉（移动端用汉堡菜单的手风琴二级） */
  #minihead .sec1{display:none !important;}
}

/* ===================== 头部：电话与多语言 ===================== */
/* 电话号码放大：标签 13px 灰 + 图标 + 号码 22px 加粗红（原为 16px，视觉太弱） */
.topLink .k2{margin-right:20px;}
.topLink .k2 p{line-height:75px;}
.topLink .k2 .tel-label{font:12px/75px "宋体","SimSun";color:#b2b2b2;}
.topLink .k2 .tel-icon{vertical-align:-3px;margin-right:4px;}
.topLink .k2 .tel-num{font:700 22px/75px "微软雅黑","Microsoft YaHei";color:#dd2d2d;letter-spacing:.5px;}

/* 多语言翻译下拉（开源 translate.js，样式与交互参照 yanshi.92wailian.com/k665 原版） */
/* 行内对齐：与搜索框同为 32px 高、同一 margin-top，垂直居中一致 */
.language-switcher{float:right;position:relative;margin:23px 18px 0 0;}
.language-btn{display:flex;align-items:center;height:32px;padding:0 12px;border:1px solid #ececec;background:#fff;border-radius:7px;cursor:pointer;gap:6px;font:14px/30px "微软雅黑","Microsoft YaHei";color:#333;}
.language-btn:hover{border-color:#00a0e9;color:#00a0e9;}
.language-btn .globe-icon{display:flex;align-items:center;}
.language-btn .globe-icon img{display:block;width:18px !important;margin-top:0 !important;}
.language-btn .current-lang{line-height:1;}
.language-btn .arrow-icon{font-size:10px;color:#999;transition:transform .3s;line-height:1;}
.language-list .hidden{display:none;}
.language-dropdown{display:none;position:absolute;top:calc(100% + 5px);right:0;z-index:1000;width:400px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.language-dropdown.active{display:block;background:#fff;}
.language-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px;max-height:230px;overflow-y:auto;}
.language-list.show-all{max-height:400px;}
.language-item{display:flex;align-items:center;gap:5px;height:30px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:13px;color:#333;}
.language-item:hover{background:#f5f5f5;}
.language-item img{width:16px;height:12px;object-fit:cover;flex:none;}
.language-item a{color:#333;}
.language-item a:hover{color:#00a0e9;}
.more-languages{text-align:center;height:40px;line-height:40px;padding:0 8px;border-top:1px solid #eee;cursor:pointer;color:#666;font-size:13px;}
.more-languages:hover{color:#333;background:#f5f5f5;}
.language-list::-webkit-scrollbar{width:6px;}
.language-list::-webkit-scrollbar-track{background:#f1f1f1;}
.language-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px;}
.language-list::-webkit-scrollbar-thumb:hover{background:#999;}

/* ===================== Tab 面板保护 ===================== */
/* JS 未执行/异常时也只显示第一个面板，避免多个 tab 内容堆叠“重复” */
.slideTxtBox .bd > ul:not(:first-child){display:none;}

/* ===================== 首页补充 ===================== */
/* c1 区（常见问题+联系我们）左右浮动清除，防止与页脚重叠 */
.c1 .container{overflow:hidden;}
/* 公司简介配图：图槽 639px 与原版一致（保证与下方板块对齐）；
   上传的是白色 logo（329×329 透明底 PNG）→ 图框内必须给品牌蓝底 #00a0e9 白 logo 才可见；
   object-fit:contain + 图高锁 360px：logo 等比居中不拉伸发虚，且不再像原版被撑成 639 高 */
.about1 img{display:block;width:100%;height:360px;object-fit:contain;
	background:#00a0e9;padding:16px;box-sizing:border-box;border:none;
	border-radius:12px;box-shadow:0 10px 28px rgba(10,50,100,.16);}
/* 图容器 639px 仅桌面生效：手机/平板端由 responsive.css 接管宽度
   （原来不带媒体查询，(0,2,0) 特异性压过 responsive 的 .about1{width:auto}，
     导致 375 下容器仍 639px、图片右侧被裁掉一半）
   注意 margin-right 必须为 0：浮动按外边距盒计算位置，
   若保留原站 75px 右距则 50+639+75=764 > 剩余 758，会整块掉到文字下方 */
@media (min-width:1241px){
	/* 两栏等高 + 重新分配列宽：文字列 390→609（更宽→行数更少→整块更矮），
	   图列 639→420（蓝底面板收窄，蓝块不再过大）；总宽仍 52+609+50+420=1131，与下方板块对齐不变 */
	.about_wrap{display:flex;align-items:stretch;}
	.about_wrap:after{display:none;}
	.about_wrap > .about{width:609px;}
	.about_wrap > .about1{width:420px;margin:0 0 0 50px;}
	.about1 a{display:block;height:100%;}
	/* scale-down：logo 只缩不放，永远不放大（≤原生 329），居中摆在蓝底面板上 */
	.about_wrap > .about1 img{height:100%;object-fit:scale-down;}
}
/* 标题与正文的间距：原站 main.css 为 70px，收紧为 24px */
.about_wrap .about .content{margin-top:24px;}
/* 品牌简介正文字号（原站为内联 18px，模板统一用标签输出） */
.about .content p{font-size:16px;line-height:32px;color:#555;margin:6px 0;}
/* 新闻中心右侧：一大两小图片（原站用 table rowspan 实现，这里用 nth-child 等价实现）
   .rimg 宽 540：第1张 259×308 居左，第2、3张 249×146 居右上下排列 */
.news_listt2 .rimg{width:540px;float:right;margin-top:85px;overflow:hidden;}
.news_listt2 .rimg a{display:block;margin-left:15px;margin-bottom:14px;}
.news_listt2 .rimg a img{display:block;}
.news_listt2 .rimg a:nth-child(1){float:left;width:259px;}
.news_listt2 .rimg a:nth-child(1) img{width:259px;height:308px;}
.news_listt2 .rimg a:nth-child(2),
.news_listt2 .rimg a:nth-child(3){float:right;clear:right;width:249px;}
.news_listt2 .rimg a:nth-child(2) img,
.news_listt2 .rimg a:nth-child(3) img{width:249px;height:146px;}
/* 常见问题缩略图（原站 HTML 用 a.img1，图片实际尺寸 132×88，CSS 里写的是 a.img，此处补齐） */
.news_list3 li a.img1{width:132px;float:left;display:block;}
.news_list3 li a.img1 img{width:132px;height:88px;}

/* ===================== 留言表单补充 ===================== */
/* 无标签式表单：输入框固定宽度、左对齐、间距一致（覆盖 model.css 里的 #name1 等定宽规则） */
.message1 #name1,
.message1 #contact1,
.message1 #content1,
.message1 #checkcode{display:block;width:560px;box-sizing:border-box;height:40px;line-height:40px;padding:0 12px;margin:0 0 12px;border:1px solid #dedede;background:#fff;font:400 14px/40px "微软雅黑","Microsoft YaHei";color:#555;}
.message1 textarea#content1{height:110px;line-height:22px;padding:8px 12px;resize:none;}
.message1 input::-webkit-input-placeholder,
.message1 textarea::-webkit-input-placeholder{color:#bbb;}
.message1 .msgbtn1{margin-top:2px;}
/* 验证码行：flex 横排，与上方 560px 输入框同宽对齐；输入框自适应占满、验证码图固定尺寸不换行 */
.message1 .code_row{display:flex;align-items:center;gap:10px;width:560px;box-sizing:border-box;margin-bottom:12px;}
.message1 .code_row #checkcode{display:block;flex:1 1 420px;max-width:none;width:auto;margin:0;vertical-align:middle;}
.message1 .code_row .codeimg{display:block;flex:0 0 auto;height:40px;width:auto;max-width:140px;margin-left:0;vertical-align:middle;cursor:pointer;border:1px solid #e3e3e3;border-radius:4px;background:#fafafa;}
/* 首页「联系我们」容器只有 ~343px（.contact），而上面 #name1/#contact1/#content1/#checkcode 与 .code_row
   都按留言页写成 560px —— 在首页会溢出容器被截、验证码图被挤出可视区（桌面端验证码图片不显示）。
   这里统一改为容器满宽 100%，字段与验证码行左右对齐；≤900 断点原本就是 100%，故仅加桌面段 */
@media (min-width:901px){
  .contact .message1 #name1,
  .contact .message1 #contact1,
  .contact .message1 #content1,
  .contact .message1 .code_row{width:100% !important;box-sizing:border-box;}
  .contact .message1 .code_row #checkcode{flex:1 1 auto;min-width:0;width:auto !important;}
}
/* “您好！欢迎给我们留言！”装饰图与表单之间留出间距，整体节奏与左侧常见问题栏一致 */
.contact .content{padding-top:30px;}
.contact .lx_img{display:block;margin:0 0 24px;}
.contact .message1 .msgbtn1{margin-top:4px;}

/* ===================== 页脚补充 ===================== */
/* 原站 .nav1 定宽 220px 只够 5 列；后台栏目数量可变，改为 flex 等分，避免换行 */
.foot1 .dao{display:flex;}
.foot1 .nav1{width:auto;flex:1 1 0;box-sizing:border-box;height:auto;min-height:123px;padding-bottom:18px;}
/* 原站每列都有 border-right，最后一列（联系我们）右竖杠悬空突兀；只保留列间分隔线 */
.foot1 .nav1:last-child{border-right:none;}
/* 与原站一致：备案信息居中，上方一条 1px 浅灰分割线 */
.beianfooter{display:block;width:100%;margin-top:0;padding:20px 0 40px;text-align:center;border-top:1px solid #e4e4e4;color:#999;font-size:12px;}
.beianfooter a{display:inline-block;padding:0 20px;color:#999;}
.beianfooter a:hover{color:#00a0e9;}

/* ===================== 分页条（page.html） ===================== */
.pageController{margin:30px 0 10px;}
.pageController .t1{float:left;color:#999;line-height:32px;}
.pageController .t2{float:right;}
.pagebar{display:inline-block;}
.pagebar a,.pagebar span,.pagebar em{display:inline-block;min-width:18px;padding:4px 10px;margin:0 3px;border:1px solid #ddd;color:#666;text-align:center;font-style:normal;}
.pagebar a:hover{color:#00a0e9;border-color:#00a0e9;}
.pagebar span.cur,.pagebar span.hover,.pagebar em.cur{background:#00a0e9;border-color:#00a0e9;color:#fff;}

/* ===================== 内页通用排版 ===================== */
/* 产品详情：详细介绍区（原站 .p_detail 样式在 model.css，这里补正文排版） */
.p_detail .content{padding:10px 5px;font:400 14px/28px "微软雅黑","Microsoft YaHei";color:#555;}
.p_detail .content p{margin:8px 0;}
.p_detail .content img{max-width:100% !important;height:auto !important;}
.p_detail .content table{width:100%;}
.p_detail .content td,.p_detail .content th{border:1px solid #eee;padding:6px;}
/* 相关产品 */
.relate_list #relate_p .img{display:block;padding:1px;border:1px solid #e0e1dc;}
.relate_list #relate_p .img:hover{border-color:#00ccff;}
.relate_list #relate_p h3{text-align:center;padding-top:5px;font-weight:normal;}
.relate_list #relate_p li{float:left;}

/* ===================== 产品详情页现代化 ===================== */
/* 头部整体卡片化（原站是虚线分隔的表格式布局，观感陈旧） */
.product_detail{background:#fff;border:1px solid #e8eef3;border-radius:8px;
  padding:18px 22px 20px;box-shadow:0 2px 8px rgba(30,80,140,.05);}
.product_detail:after{content:"";display:block;clear:both;}
.product_detail h1.title{text-align:left;font:600 18px/1.5 "微软雅黑","Microsoft YaHei";
  color:#333;border-bottom:1px solid #f0f4f8;margin-bottom:14px;padding-bottom:11px;}
/* 主图区：正方形画布（后期产品图统一按正方形处理上传）+ 悬停微放大 */
.product_detail .img{width:260px;height:260px;float:left;margin:2px 0 0;
  padding:10px;border:1px solid #eef3f7;background:#f8fbfd;border-radius:8px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  box-sizing:border-box;}
.product_detail .img img{max-width:100%;max-height:100%;border:none;transition:transform .3s;}
.product_detail .img:hover img{transform:scale(1.04);}
.product_detail .small{width:auto;height:auto;}
/* 参数区：标签徽章 + 分隔线 */
.product_detail .list{width:340px;margin-left:34px;padding-top:4px;display:inline;float:left;}
.product_detail .list_p li{border:none;border-bottom:1px solid #f0f4f8;height:auto;
  padding:8px 0;line-height:24px;font-size:13px;color:#555;}
.product_detail .list_p li:last-child{border-bottom:none;}
.product_detail .list_p li h2{font-size:13px;font-weight:normal;}
.product_detail .list_p li h2 a{color:#00a0e9;font-weight:600;}
.product_detail .list_p .lab{display:inline-block;min-width:64px;text-align:center;
  background:#e8f4fc;color:#0f7fc0;border-radius:7px;font-size:12px;
  line-height:22px;padding:0 8px;margin-right:10px;}
/* 询价按钮：替换旧图片按钮，纯 CSS 胶囊按钮 */
.product_detail .inquiry{margin-top:10px;}
.product_detail .inquiry a{display:inline-block;width:auto;height:auto;text-indent:0;
  background:#00a0e9;color:#fff !important;font:600 14px/38px "微软雅黑","Microsoft YaHei";
  padding:0 30px;border-radius:7px;letter-spacing:2px;transition:background .2s;}
.product_detail .inquiry a:hover{background:#0084c4;text-decoration:none;}
/* 详细介绍标题：左侧蓝条 + 浅蓝底 */
.p_detail{margin-top:18px;}
.p_detail span.title{display:block;width:auto;height:auto;margin-top:0;
  background:#f2f9fd;border-left:3px solid #00a0e9;border-radius:0 6px 6px 0;
  padding:7px 14px;font:600 15px/1.6 "微软雅黑","Microsoft YaHei";color:#0c447c;}
.p_detail .content{padding:14px 4px 4px;font:400 14px/28px "微软雅黑","Microsoft YaHei";color:#444;}
.p_detail .content p{margin:0 0 12px;}
.p_detail .content strong{color:#0c447c;}
/* 上一篇/下一篇：卡片式 */
.right .page{margin-top:18px;padding:12px 16px;background:#fafcfd;
  border:1px solid #eef2f6;border-radius:8px;font-size:13px;line-height:26px;}
/* 相关产品：标题蓝条 + 卡片网格 */
.relate_list h4{margin:18px 0 10px;padding:7px 14px;background:#f2f9fd;
  border-left:3px solid #00a0e9;border-radius:0 6px 6px 0;
  font:600 15px/1.6 "微软雅黑","Microsoft YaHei";color:#0c447c;}
.relate_list #relate_p{display:flex;justify-content:center;flex-wrap:wrap;}
.relate_list #relate_p li{margin:0 8px 12px;}
.relate_list #relate_p .img img{width:160px;height:160px;object-fit:contain;background:#fff;}
.relate_list #relate_p .img{border:1px solid #e8eef3;border-radius:8px;overflow:hidden;
  background:#f8fbfd;padding:0;transition:box-shadow .25s,transform .25s;}
.relate_list #relate_p .img:hover{border-color:#bfe4f7;box-shadow:0 6px 16px rgba(0,120,190,.12);
  transform:translateY(-3px);}
.relate_list #relate_p h3{width:160px;padding:6px 2px 4px;font-size:12px;color:#555;}
.relate_list #relate_p h3 a:hover{color:#00a0e9;text-decoration:none;}

/* ===================== 左栏热门关键词（标签云） ===================== */
.hot_kw .kw_list{padding:8px 0 2px;}
.hot_kw .kw_list li{float:left;margin:0 8px 8px 0;list-style:none;}
.hot_kw .kw_list a{display:block;padding:3px 14px;background:#f2f7fa;
  border:1px solid #e3edf3;border-radius:7px;color:#557a99;
  font-size:12px;line-height:20px;transition:all .2s;}
.hot_kw .kw_list a:hover{background:#00a0e9;border-color:#00a0e9;color:#fff;text-decoration:none;}

/* ===================== 头部/页脚 Logo：图形标 + 文字 ===================== */
/* 原 logo.png / footer_logo.png 里"图形+培高科技"是一张图，现拆为图形标图片 + 真实文字，
   文字用模板内置的思源黑体 Heavy 子集（fonts/logohei.woff2，约 24KB），
   观感与原 logo 一致且各平台（Win/Mac/手机）渲染统一，后续改公司名直接改 html 里的文字 */
@font-face{font-family:"LogoHei";src:url("../fonts/logohei.woff2") format("woff2");
  font-weight:normal;font-style:normal;font-display:swap;}

/* logo 区固定 149px（与原站一致：35+85+29），竖向分隔线才能贯穿整个头部，
   内部 flex 垂直居中，修掉原 padding 35/29 只适配旧 85px 图片导致的内容偏高 */
.logo{height:149px;box-sizing:border-box;padding-top:0;padding-bottom:0;
  display:flex;align-items:center;justify-content:center;}
.logo a{display:flex;align-items:center;}
.logo .logo_mark{height:55px;width:auto;display:block;}
.logo .logo_name{font-family:"LogoHei","微软雅黑","Microsoft YaHei",sans-serif;
  font-size:34px;line-height:1;color:#0880c8;letter-spacing:3px;margin-left:12px;white-space:nowrap;}

.f_logo{display:flex;align-items:center;}
.f_logo .f_mark{height:41px;width:auto;display:block;}
.f_logo .f_name{font-family:"LogoHei","微软雅黑","Microsoft YaHei",sans-serif;
  font-size:32px;line-height:1;color:#fff;letter-spacing:3px;margin-left:10px;white-space:nowrap;}
.f_logo .f_slogan{font-family:"LogoHei","微软雅黑","Microsoft YaHei",sans-serif;
  font-size:18px;line-height:1;color:#fff;letter-spacing:1px;margin-left:44px;white-space:nowrap;}
/* 页脚青色带内垂直居中：右列版权 5 行约 120px，左列 logo 41px，
   原 .logo1 margin-top:20px 只会把 logo 顶到上沿；改 flex 后 float 失效，
   用 space-between 维持左右分布 */
.copy{display:flex;align-items:center;justify-content:space-between;}
.copy .logo1{float:none;margin-top:0;width:auto;}
.copy .copy1{float:none;width:auto;}

/* 二级下拉右侧品牌面板的基础样式已并入文件开头「二级下拉（全宽商务版）」段落 */
.p_title,.d_title{font:600 22px/36px "微软雅黑";color:#333;padding-bottom:10px;border-bottom:1px solid #eee;}
.d_info{color:#999;line-height:22px;padding:12px 0 18px;border-bottom:1px dashed #eee;margin-bottom:20px;}
.p_content{font:400 14px/28px "微软雅黑";color:#555;}
.p_content img{max-width:100% !important;height:auto !important;}
.p_content p{margin:8px 0;}
.p_content table{width:100%;}
.p_content td,.p_content th{border:1px solid #eee;padding:6px;}
.pre_next{margin-top:30px;padding-top:15px;border-top:1px solid #eee;color:#888;line-height:26px;}
.pre_next a{color:#00a0e9;}
.d_tags{margin-top:15px;color:#999;}
.about_content .p_title{display:none;}

/* 产品图集（后台"内容图集"输出） */
.pd_title{font:600 16px/40px "微软雅黑";color:#333;border-bottom:2px solid #00a0e9;margin:30px 0 15px;}
.pd_pics{display:inline-block;margin:0 10px 10px 0;}
.pd_pics img{width:120px;height:90px;border:1px solid #eee;}

/* 搜索页 */
.search_wrap{width:1200px;margin:0 auto;}
.search_form{text-align:center;margin:30px 0;}
.search_form input{width:300px;height:34px;border:1px solid #ddd;padding:0 10px;vertical-align:middle;}
.search_form button{height:36px;padding:0 25px;background:#00a0e9;border:0;color:#fff;cursor:pointer;vertical-align:middle;}
.news_list li em{color:#00a0e9;font-style:normal;}

/* ===================== 新闻详情排版优化 ===================== */
/* 原站 .news_detail 基线在 model.css（标题 18px、信息行 12px 左浮定宽、正文 12px），
   视觉偏压抑，此处整体放大字号、放开行距、信息行居中 */
.news_detail h1.title{font:600 22px/1.6 "微软雅黑","Microsoft YaHei";color:#333;
	padding:12px 0 16px;margin-bottom:0;border-bottom:1px solid #e5e5e5;}
/* 信息行：去掉原站 float+定宽（margin-left:40px;width:550px），改为通栏居中 */
.news_detail .info_title{padding:12px 0;margin-bottom:20px;}
.news_detail .info_title h3.title_bar{float:none;display:block;width:auto;height:auto;
	margin:0 auto;line-height:1.8;font-size:13px;color:#999;text-align:center;overflow:visible;}
.news_detail .info_title h3.title_bar span{padding:0 4px;color:#777;}
/* 正文：15px 字号、30px 行距，段落与图片留白充足 */
.news_detail .content{padding:5px 5px 15px;font:400 15px/30px "微软雅黑","Microsoft YaHei";color:#444;}
.news_detail .content p{margin:0 0 14px;}
.news_detail .content img{max-width:100% !important;height:auto !important;}
.news_detail .content table{width:100%;}
.news_detail .content td,.news_detail .content th{border:1px solid #eee;padding:6px;}
/* 上一篇/下一篇：与正文拉开间距，链接用主色 */
.news_detail .page{margin-top:25px;padding-top:14px;font-size:13px;line-height:30px;color:#777;}
.news_detail .page p{margin:0;}
.news_detail .page a{color:#00a0e9;}
.news_detail .page a:hover{color:#00ccff;}

/* ===================== 内页新闻列表 ===================== */
/* 新闻列表页的条目结构已与搜索页统一（slimg/sinfo/sfoot/sdate/smore），
   卡片样式见下方「内页列表卡片（新闻列表 / 搜索结果共用）」段落 */

/* ===================== 左侧栏补充 ===================== */
/* 产品分类的一二级样式原站已齐全（model.css：.sort li a 30px 行高+dot4 图标、
   .sort li .layer2 浮动面板 240px 灰底蓝边、.sort li.change a hover 灰底），
   这里只保留当前栏目高亮，切勿覆盖原站行高/边框/内边距 */
.box .sort li.on a,.box .sort li.about_a.on a{color:#00a0e9;}
.box .ncontact p{line-height:24px;margin:6px 0;color:#777;word-break:break-all;}

/* ===================== 留言列表 ===================== */
.msg_list_title{font:600 16px/40px "微软雅黑";color:#333;border-bottom:2px solid #00a0e9;margin:30px 0 10px;}
.msg_list li{padding:12px 0;border-bottom:1px dashed #eee;}
.msg_list .msg_ask{line-height:24px;color:#555;font-size:14px;}
.msg_list .msg_ask strong{color:#333;}
.msg_list .msg_reply{margin-top:6px;padding:8px 10px;background:#f7fbfe;color:#00a0e9;line-height:22px;font-size:13px;}
.msg_list .msg_date{color:#aaa;font-size:12px;}


/* 首页“联系我们”副标题：原素材 ctitle.png 文字为 COMMON PROBLEM（原站遗留错误），
   改为由模板文字输出正确副标题 */
.contact_title{background:none;}
.contact_title .en{display:block;font:400 14px/22px Arial, sans-serif;color:#9b9b9b;letter-spacing:2px;}

/* ===================== 在线询价弹窗（comm/inquiry.html） =====================
   全屏半黑遮罩 + 居中白卡：微信二维码 + 提示文案；所有在线询价按钮统一弹出 */
.inq_modal{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;
	background:rgba(0,0,0,.62);}
.inq_box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	width:300px;box-sizing:border-box;padding:24px 26px 20px;background:#fff;
	border-radius:12px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.35);}
.inq_close{position:absolute;right:8px;top:2px;font:400 28px/1.4 Arial,sans-serif;
	color:#9aa7b2;text-decoration:none;}
.inq_close:hover{color:#00a0e9;}
.inq_qr{display:block;width:220px;height:220px;margin:0 auto;object-fit:contain;}
.inq_tip{margin:12px 0 0;font:400 14px/22px "微软雅黑","Microsoft YaHei",sans-serif;
	color:#555;}
.inq_tip strong{color:#00a0e9;}

/* ============================================================
   首页板块垂直节奏统一：板块间上/下间距一律 60px
   （标题高度本已一致；responsive.css 在窄屏的既有调优仍优先生效）
   ============================================================ */
.hotSearch{margin-bottom:60px;}
.cp{margin-top:60px;padding-top:60px;padding-bottom:60px;}
.news .slideTxtBox{margin-top:60px;}
.hengtu{margin-top:60px;margin-bottom:60px;}
/* 常见问题+联系我们：原站 main.css 为 80px，与其他板块统一为 60px */
.c1{margin-top:60px;}

/* ============================================================
   搜索结果页（原模板缺失全部样式，此处按模板风格补齐）
   ============================================================ */

/* 公司简介与产品展示之间空占位块归零（统一 60px 间距） */
.about2{display:none;}


/* ============================================================
   首页产品区标题/副文案对齐（≥901）：副文案缩小并上下居中于标题
   标题盒高 98px（18padding+80行高），中心 49；副文案 28+16=44 高，margin 27 → 中心 49
   ============================================================ */
@media (min-width:901px){
	.cp .slideTxtBox .cpnr{font:600 20px/28px "微软雅黑","Microsoft YaHei",sans-serif;margin-top:17px;}
	.cp .slideTxtBox .cpnr span{font:400 12px/16px Arial,"微软雅黑",sans-serif;}
}
/* ============ 内页列表卡片（新闻列表 / 搜索结果：同一套版式、统一维护） ============
   新闻列表页 newslist.html 与搜索页 search.html 使用同一组类名结构
   （slimg / sinfo / h3 / p / sfoot / sdate / smore），样式在此共用，
   改一处两边同时生效，不会再出现两个页面版式不一致的情况。 */
.right .search_list li,.right .news_list li{background:#fff;border:1px solid #e8e8e8;border-radius:8px;
	margin-bottom:20px;padding:20px;transition:box-shadow .25s;}
.right .search_list li:hover,.right .news_list li:hover{box-shadow:0 6px 20px rgba(20,80,140,.12);}
.right .search_list .slimg,.right .news_list .slimg{display:block;float:left;width:230px;overflow:hidden;border-radius:6px;}
.right .search_list .slimg img,.right .news_list .slimg img{display:block;width:230px;height:140px;object-fit:cover;
	transition:transform .35s;}
.right .search_list li:hover .slimg img,.right .news_list li:hover .slimg img{transform:scale(1.05);}
.right .search_list .sinfo,.right .news_list .sinfo{margin-left:258px;}
.right .search_list .sinfo h3,.right .news_list .sinfo h3{margin:0;font:400 18px/28px "微软雅黑","Microsoft YaHei",sans-serif;}
.right .search_list .sinfo h3 a,.right .news_list .sinfo h3 a{color:#333;}
.right .search_list .sinfo h3 a:hover,.right .news_list .sinfo h3 a:hover{color:#00a0e9;}
.right .search_list .sinfo p,.right .news_list .sinfo p{margin:10px 0 0;color:#838383;
	font:400 13px/24px "微软雅黑","Microsoft YaHei",sans-serif;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.right .search_list .sfoot,.right .news_list .sfoot{margin-top:14px;}
/* 搜索结果的文章标签行：后台文章 tags 逗号分隔 → JS 拆成小药丸链接（点击搜该词），无标签自动隐藏 */
.right .search_list .stags{margin-top:10px;}
.right .search_list .stags .staglab{margin-right:6px;color:#9aa7b1;
	font:400 12px/22px "微软雅黑","Microsoft YaHei",sans-serif;}
.right .search_list .stags .stag{display:inline-block;margin:0 6px 6px 0;padding:0 10px;
	border-radius:7px;background:#f2f7fb;color:#4a617a;text-decoration:none;
	font:400 12px/22px "微软雅黑","Microsoft YaHei",sans-serif;transition:all .2s;}
.right .search_list .stags .stag:hover{background:#00a0e9;color:#fff;text-decoration:none;}
/* 日期：model.css 里 .news_list li span 是绝对定位（老结构的时间戳），此处复位为常规流左浮 */
.right .search_list .sdate,.right .news_list .sdate{position:static;float:left;color:#999;
	font:400 12px/30px "微软雅黑","Microsoft YaHei",sans-serif;}
.right .search_list .smore,.right .news_list .smore{float:right;display:block;padding:0 18px;border:1px solid #d5d5d5;
	border-radius:7px;color:#666;font:400 13px/28px "微软雅黑","Microsoft YaHei",sans-serif;
	transition:all .25s;}
.right .search_list .smore:hover,.right .news_list .smore:hover{background:#00a0e9;border-color:#00a0e9;color:#fff;}
.right .search_list mark,.right .news_list mark{color:#e63030;background:none;}
/* 搜索卡片收紧（加了标签行后文字列高于图片、卡片被撑高）：
   摘要 3 行→2 行、内外间距收窄，仅作用于搜索页，新闻列表不动 */
.right .search_list li{padding:16px;margin-bottom:14px;}
.right .search_list .sinfo p{-webkit-line-clamp:2;margin-top:8px;}
.right .search_list .stags{margin-top:8px;}
.right .search_list .sfoot{margin-top:10px;}
/* 搜索/新闻卡片改 flex 图文等高：左侧图随卡片高度自动拉伸（object-fit 裁切），
   日期/按钮行沉底对齐，消除图片下方空档；仅 ≥641 生效（≤640 为上图下文） */
@media (min-width:641px){
	.right .search_list li,.right .news_list li{display:flex;align-items:stretch;}
	.right .search_list .slimg,.right .news_list .slimg{float:none;flex:0 0 230px;width:230px;align-self:stretch;}
	.right .search_list .slimg img,.right .news_list .slimg img{width:100%;height:100%;}
	.right .search_list .sinfo,.right .news_list .sinfo{float:none;flex:1 1 auto;min-width:0;margin-left:20px;
		display:flex;flex-direction:column;}
	.right .search_list .sinfo .sfoot,.right .news_list .sinfo .sfoot{margin-top:auto;padding-top:10px;}
}

/* ============ 在线留言页 · 最新留言列表（后台「留言记录」审核通过后显示） ============ */
.msg_list_title{margin:34px 0 16px;font:600 20px/28px "微软雅黑","Microsoft YaHei",sans-serif;
	color:#333;padding-left:12px;border-left:4px solid #00a0e9;}
.msg_list{margin:0;padding:0;list-style:none;}
.msg_list li{background:#fff;border:1px solid #e8e8e8;border-radius:8px;
	padding:16px 18px;margin-bottom:14px;}
.msg_list .msg_ask{margin:0;font:400 14px/24px "微软雅黑","Microsoft YaHei",sans-serif;color:#444;}
.msg_list .msg_ask strong{color:#0b6ba8;}
.msg_list .msg_date{display:block;margin-top:6px;color:#999;
	font:400 12px/20px "微软雅黑","Microsoft YaHei",sans-serif;}
.msg_list .msg_reply{margin:10px 0 0;padding:10px 14px;background:#f2f9fd;
	border-left:3px solid #00a0e9;border-radius:4px;
	font:400 13px/22px "微软雅黑","Microsoft YaHei",sans-serif;color:#555;}
.msg_list .msg_reply strong{color:#00a0e9;}

/* ============ 无图占位（nopic.png 为 600×600 正方形） ============ */
/* 占图在非正方形小图位（新闻 132×88、案例 260×180 等）不拉伸变形，居中裁满 */
img[src*="nopic"]{object-fit:cover;}
/* 固定尺寸缩略图防变形兜底：模板里带内联宽高的列表图（案例列表 260×180、
   产品列表 200×200、首页案例/产品tab/常见问题小图等），
   上传图比例与框不一致时按 cover 居中裁切，杜绝硬拉伸变形 */
img[style*="height"]{object-fit:cover;}
/* ============ 搜索页“热门搜索”条（页头元素，非左侧栏） ============ */
/* 热门搜索卡片：作为「公司简介」板块的上缘，卡片下间距与各板块一致 60px。
   首页/内页统一：内容区紧贴 banner 下方 10px */
#container{margin-top:10px;}
.hotSearch{width:auto;float:none;margin:0 0 60px;padding:8px 18px;background:#fff;
  border:1px solid #edf2f7;border-radius:10px;
  display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;
  font:400 13px/1.8 "微软雅黑","Microsoft YaHei",sans-serif;color:#7a8ba0;}
.hotSearch a{display:inline-block;margin:0 2px 0 10px;padding:2px 11px;
  border-radius:7px;background:#f2f7fb;color:#4a617a;
  font-size:12px;line-height:1.6;text-decoration:none;transition:all .2s;}
.hotSearch a:hover{background:#00a0e9;color:#fff;}
/* 热门搜索条（浅蓝圆角卡片 hs-tight）：
   内页（about/product/news 等）：与下方两栏内容间距收紧到 20px——内容紧随其后，60px 显得空；
   首页 #container 顶部实例加 .home 修饰，下距恢复 60px，与「公司简介→产品展示」板块节奏一致。 */
.hotSearch.hs-tight{margin:10px 0 20px;padding:12px 18px;background:#f4f8fb;border-radius:10px;}
.hotSearch.hs-tight.home{margin-bottom:60px;}

/* 首页案例卡片简介：桌面端隐藏（保持原站「图+标题条」卡片），
   ≤640 手机端在 responsive.css 中显示，避免照片墙「全是图片」 */
.case .cbrief{display:none;margin:0;}

/* 页脚移动端联系块（.fc_m）：桌面隐藏（桌面保持原 .logo1/.copy1 版式），
   ≤900 由 responsive.css 启用为「深蓝主题+图标联系行+双按钮」方案 */
.fc_m{display:none;}

/* ===================== 多语言「尚未开放」提示弹窗 ===================== */
/* 原整页翻译（translate.js）会把模板排版打乱，已移除；改为点对应语言弹提示 + 二维码，
   「中文版」直接跳首页。遮罩全屏居中，深色半透明背景 */
.lang_modal{display:none;position:fixed;inset:0;z-index:10000;
  background:rgba(10,30,50,.55);}
.lang_modal.active{display:flex;align-items:center;justify-content:center;}
.lang_modal_box{position:relative;width:300px;box-sizing:border-box;padding:28px 24px 22px;
  background:#fff;border-radius:12px;text-align:center;
  box-shadow:0 12px 40px rgba(0,40,80,.28);
  animation:langPop .22s ease-out;}
@keyframes langPop{from{transform:scale(.9);opacity:0;}to{transform:scale(1);opacity:1;}}
.lang_modal_close{position:absolute;right:10px;top:6px;font:400 26px/1 Arial,sans-serif;
  color:#b6c2cc;cursor:pointer;}
.lang_modal_close:hover{color:#ff1919;}
.lang_modal_tip{font:600 17px/1.5 "微软雅黑","Microsoft YaHei",sans-serif;color:#22313d;}
.lang_modal_qr{display:block;width:180px;height:180px;margin:16px auto 10px;
  border:1px solid #eef2f5;border-radius:8px;}
.lang_modal_note{font:400 12px/1.6 "微软雅黑","Microsoft YaHei",sans-serif;color:#8c9aa6;}


/* ============================================================
   常见问题（FAQ）：列表页 faqlist.html / 内容页 faq.html
   问(Q)/答(A) 卡片，单列自适应；窄屏微调在 responsive.css
   ============================================================ */
.faq_list{list-style:none;margin:0;padding:0;}
.faq_list .faq_item{border:1px solid #e8eef4;border-radius:8px;background:#fff;margin:0 0 14px;
	overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.faq_list .faq_item:hover{border-color:#bfe4f7;box-shadow:0 6px 16px rgba(0,120,190,.10);}
.faq_q{display:flex;align-items:flex-start;position:relative;padding:14px 46px 10px 16px;text-decoration:none;}
.faq_qtxt{flex:1 1 auto;min-width:0;font:600 16px/26px "微软雅黑","Microsoft YaHei";color:#1a4a6e;}
a.faq_q:hover .faq_qtxt{color:#00a0e9;}
.faq_tag{flex:0 0 auto;display:inline-block;width:24px;height:24px;margin:1px 10px 0 0;border-radius:7px;
	background:#00a0e9;color:#fff;text-align:center;font:700 13px/24px "微软雅黑","Microsoft YaHei";}
.faq_tag.a{background:#9dc0d8;}
.faq_a{display:flex;align-items:flex-start;padding:0 46px 14px 16px;}
.faq_atxt{flex:1 1 auto;min-width:0;color:#7a7a7a;font:400 13px/24px "微软雅黑","Microsoft YaHei";
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.faq_arrow{position:absolute;right:20px;top:20px;width:8px;height:8px;border-right:2px solid #b9c6d2;
	border-top:2px solid #b9c6d2;transform:rotate(45deg);transition:border-color .2s,right .2s;}
a.faq_q:hover .faq_arrow{border-color:#00a0e9;right:18px;}
/* 相关问题（紧凑版，用于内容页） */
.faq_list.mini .faq_item{margin-bottom:10px;}
.faq_list.mini .faq_q{padding:10px 40px 10px 12px;}
.faq_list.mini .faq_qtxt{font-size:14px;line-height:22px;}
.faq_list.mini .faq_arrow{top:16px;right:18px;}
/* 内容页标题前的"问"标 */
.faq_detail .title .faq_tag{vertical-align:middle;margin:0 10px 3px 0;}


/* ============================================================
   服务项目：列表页 servicelist.html / 内容页 service.html
   卡片网格（缩略图 4:3 + 标题 + 摘要 + 了解详情）
   列数：≥1241 三列，≤1240 两列、≤640 一列（见 responsive.css）
   ============================================================ */
.service_list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px;}
.service_list>li{flex:1 1 calc(33.333% - 14px);max-width:calc(33.333% - 14px);box-sizing:border-box;
	background:#fff;border:1px solid #e8eef4;border-radius:8px;overflow:hidden;
	transition:border-color .2s,box-shadow .2s,transform .2s;}
.service_list>li:hover{border-color:#bfe4f7;box-shadow:0 6px 16px rgba(0,120,190,.10);transform:translateY(-2px);}
.service_list .simg{display:block;position:relative;padding-top:75%;background:#f6f9fc;overflow:hidden;}
.service_list .simg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.service_list .stxt{padding:14px 16px 16px;}
.service_list h3{margin:0 0 8px;font:600 16px/24px "微软雅黑","Microsoft YaHei";}
.service_list h3 a{color:#1a4a6e;}
.service_list h3 a:hover{color:#00a0e9;}
.service_list p{margin:0;color:#7a7a7a;font:400 13px/22px "微软雅黑","Microsoft YaHei";
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.service_list .smore{display:inline-block;margin-top:12px;padding:0 14px;height:30px;
	border:1px solid #cfe3f2;border-radius:7px;color:#00a0e9;font:400 13px/28px "微软雅黑","Microsoft YaHei";}
.service_list .smore:hover{background:#00a0e9;border-color:#00a0e9;color:#fff;}
/* 相关服务（紧凑：缩略图 + 标题） */
.service_list.mini{gap:16px;}
.service_list.mini>li{flex:1 1 calc(25% - 12px);max-width:calc(25% - 12px);}
.service_list.mini .simg{padding-top:66%;}
.service_list.mini .stxt{padding:10px 12px 12px;}
.service_list.mini h3{margin:0;font-size:14px;line-height:20px;}