/* ============================================================
   洛阳市岚星工程管理服务有限公司 官网样式 v2
   布局参考：洛阳市建设行业职工培训中心官网
   内容结构：五大业务板块（资质安许/培训考证/职称申报/工程服务）
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "Microsoft YaHei", "SimHei", "PingFang SC", Arial, sans-serif;
  font-size: 14px; color: #333; background: #fff; min-width: 1200px;
}
ul, ol { list-style: none; }
a { color: #333; text-decoration: none; transition: color .2s; }
a:hover { color: #1668dc; }
img { display: block; border: 0; }
table { border-collapse: collapse; }
/* 清浮动：使容器包住内部浮动子元素 */
.fix_clear { zoom: 1; }
.fix_clear::after { content: ""; display: block; clear: both; }
.blk_1200 { width: 1200px; margin: 0 auto; }

/* ---------- 顶部欢迎条 ---------- */
.topline { background: #f2f4f7; border-bottom: 1px solid #e4e8ee; font-size: 12px; color: #7a8699; }
.topline_con { width: 1200px; margin: 0 auto; height: 32px; line-height: 32px; }
.topline_con .tl_welcome { float: left; }
.topline_con .tl_right { float: right; }
.topline_con .tl_right a { color: #7a8699; margin-left: 16px; }
.topline_con .tl_right .tl_phone { color: #7a8699; margin-left: 16px; }
.topline_con .tl_right .tl_phone span { font-family: Arial; font-size: 12px; }

/* ---------- 头部 Logo 区（真实Logo图标+公司名） ---------- */
.top { background: #fff; }
.top_con { width: 1200px; margin: 0 auto; padding: 16px 0; }
.top_logo { float: left; }
.top_logo a { display: flex; align-items: center; }
.top_logo .tl_icon { height: 64px; width: auto; border-radius: 8px; margin-right: 16px; box-shadow: 0 2px 8px rgba(11,61,145,.12); }
.top_logo .tl_name { font-size: 28px; font-weight: bold; color: #0b3d91; line-height: 1.2; }
.top_logo .tl_name i { display: block; font-style: normal; font-size: 12px; font-weight: normal; color: #8a94a6; letter-spacing: 3px; margin-top: 6px; }
.phone_blk { float: right; text-align: right; padding-top: 12px; }
.phone_blk .ph_label { font-size: 12px; color: #9aa5b5; letter-spacing: 1px; }
.phone_blk .ph_number { font-family: Arial, sans-serif; font-size: 18px; font-weight: normal; color: #4a5568; line-height: 1.5; }

/* ---------- 导航（sticky + 下拉 + 手机抽屉） ---------- */
.nav_blk { background: linear-gradient(90deg, #0b3d91, #1668dc); height: 56px; position: sticky; top: 0; z-index: 90; box-shadow: 0 2px 10px rgba(11,61,145,.18); }
.nav_con { width: 1200px; margin: 0 auto; position: relative; }
.nav { display: inline-block; }
.nav li { float: left; position: relative; }
.nav li > a { display: block; height: 56px; line-height: 56px; padding: 0 30px; color: #fff; font-size: 16px; }
.nav li > a:hover, .nav li.oncur > a { background: rgba(255,255,255,.16); color: #fff; }
/* 下拉子菜单 */
.nav .caret { display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(255,255,255,.75); margin-left: 8px; vertical-align: middle; }
.nav .subnav { position: absolute; left: 0; top: 56px; min-width: 168px; background: #fff; box-shadow: 0 10px 26px rgba(11,61,145,.18); border-top: 2px solid #f5a623; display: none; z-index: 95; }
.nav li.has_sub:hover .subnav { display: block; }
.nav .subnav li { float: none; }
.nav .subnav li a { height: 44px; line-height: 44px; padding: 0 20px; color: #4a5568; font-size: 14px; }
.nav .subnav li a:hover { background: #f2f6fc; color: #1668dc; }
/* 汉堡按钮（桌面隐藏） */
.nav_toggle { display: none; background: none; border: 0; cursor: pointer; padding: 8px; }
.nav_toggle span { display: block; width: 24px; height: 3px; background: #fff; border-radius: 2px; margin: 5px 0; transition: transform .25s, opacity .25s; }
.nav_open .nav_toggle span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav_open .nav_toggle span:nth-child(2) { opacity: 0; }
.nav_open .nav_toggle span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* ---------- 首页 Hero（静态，替代旧轮播） ---------- */
.banner_blk { position: relative; }
.index_hero { position: relative; height: 420px; background: linear-gradient(135deg, #0e2a54 0%, #0b3d91 45%, #1668dc 100%); overflow: hidden; }
.index_hero::before, .index_hero::after { content: ""; position: absolute; border-radius: 50%; background: rgba(255,255,255,.07); }
.index_hero::before { width: 380px; height: 380px; right: -90px; top: -120px; }
.index_hero::after { width: 260px; height: 260px; right: 180px; bottom: -140px; background: rgba(245,166,35,.12); }
.index_hero .ih_con { width: 1200px; margin: 0 auto; padding: 90px 0 0 300px; position: relative; z-index: 2; }
.index_hero .ih_con h2 { color: #fff; font-size: 40px; letter-spacing: 3px; line-height: 1.3; }
.index_hero .ih_con p { color: #cdd8ea; font-size: 16px; line-height: 30px; margin-top: 18px; max-width: 620px; }
.index_hero .ih_btns { margin-top: 30px; }
.ih_bt_main { display: inline-block; height: 50px; line-height: 50px; padding: 0 34px; background: #f5a623; color: #fff !important; font-size: 17px; letter-spacing: 2px; border-radius: 3px; box-shadow: 0 6px 16px rgba(245,166,35,.35); }
.ih_bt_main:hover { background: #ff9800; color: #fff !important; }
.ih_bt_ghost { display: inline-block; height: 50px; line-height: 48px; padding: 0 30px; margin-left: 16px; border: 1px solid rgba(255,255,255,.7); color: #fff !important; font-size: 16px; letter-spacing: 1px; border-radius: 3px; }
.ih_bt_ghost:hover { background: rgba(255,255,255,.15); color: #fff !important; }
.index_hero .ih_note { display: block; margin-top: 28px; color: rgba(255,255,255,.55); font-size: 13px; letter-spacing: 4px; }

/* Banner 浮动菜单（左：五大业务） */
.float_menu { position: absolute; z-index: 10; left: 50%; margin-left: -600px; top: 0; width: 240px; }
.item_blk h3 {
  height: 52px; line-height: 52px; background: #0b3d91; color: #fff;
  font-size: 17px; padding-left: 22px; letter-spacing: 1px;
}
.item_blk ul { background: rgba(10,32,66,.88); padding: 6px 0; }
.item_blk li a { display: block; height: 46px; line-height: 46px; color: #cdd8ea; padding: 0 22px; font-size: 14px; border-left: 3px solid transparent; }
.item_blk li a:hover { color: #fff; background: rgba(22,104,220,.5); border-left-color: #f5a623; }

/* Banner 右侧热门服务（含行动按钮） */
.service_blk { position: absolute; z-index: 10; right: 50%; margin-right: -600px; top: 0; width: 240px; text-align: center; }
.service_blk h3 {
  height: 52px; line-height: 52px; background: #0b3d91; color: #fff;
  font-size: 17px; letter-spacing: 1px;
}
.service_blk ul { background: rgba(10,32,66,.88); padding: 8px 0; }
.service_blk li a { display: block; height: 40px; line-height: 40px; color: #cdd8ea; font-size: 14px; }
.service_blk li a:hover { color: #fff; }
.bt_zx {
  display: block; margin: 12px 22px 0; height: 46px; line-height: 46px;
  background: #f5a623; color: #fff !important; font-size: 15px; letter-spacing: 1px;
  border-radius: 3px; box-shadow: 0 4px 12px rgba(245,166,35,.4);
}
.bt_zx:hover { background: #ff9800; }
.bt_ce {
  display: block; margin: 10px 22px 14px; height: 46px; line-height: 44px;
  background: transparent; border: 1px solid rgba(255,255,255,.7); color: #fff !important;
  font-size: 15px; letter-spacing: 1px; border-radius: 3px;
}
.bt_ce:hover { background: rgba(255,255,255,.15); }

/* 手机端 Banner 文字层（桌面隐藏） */
.banner_mobile { display: none; }

/* 窄屏下的业务快捷条（浮动菜单隐藏时显示） */
.quick_nav { display: none; background: #0b3d91; }
.quick_nav .qn_con { max-width: 1200px; margin: 0 auto; padding: 10px 16px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.quick_nav a { display: block; padding: 0 16px; height: 34px; line-height: 34px; background: rgba(255,255,255,.12); color: #dce6f5; font-size: 13px; border-radius: 17px; }
.quick_nav a:hover { background: rgba(255,255,255,.25); color: #fff; }

/* ---------- 首页：新闻公告 Tab 区 ---------- */
.new_sec { padding: 46px 0 40px; }
.new_wrap { border: 1px solid #e4e8ee; background: #fff; }
.left_menu { float: left; width: 200px; background: #f7f9fc; border-right: 1px solid #e4e8ee; }
.menu_new li { border-bottom: 1px solid #e9edf3; }
.menu_new li a { display: block; height: 66px; line-height: 66px; text-align: center; font-size: 17px; color: #4a5568; cursor: pointer; }
.menu_new li.on_lmenu { background: #1668dc; }
.menu_new li.on_lmenu a { color: #fff; }
.menu_new li:hover a { color: #1668dc; }
.menu_new li.on_lmenu:hover a { color: #fff; }
.new_blk { float: left; width: 999px; padding: 18px 24px; min-height: 240px; overflow: hidden; }
.new_li { display: none; }
.new_li.on_new { display: block; }
.new_con { float: left; width: 60%; padding-right: 30px; }
.new_detail ul li { line-height: 38px; border-bottom: 1px dashed #e4e8ee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new_detail ul li a { color: #444; }
.new_detail ul li a::before { content: "·"; color: #1668dc; margin-right: 8px; font-weight: bold; }
.new_detail ul li span { float: right; color: #9aa5b5; font-family: Arial; font-size: 13px; }
.new_bigdata { float: right; width: 40%; border-left: 1px solid #e4e8ee; padding-left: 26px; }
.new_bigdata .nd_title { font-size: 16px; font-weight: bold; color: #0b3d91; height: 40px; line-height: 40px; border-bottom: 2px solid #1668dc; display: inline-block; }
.new_bigdata .nd_item { padding: 12px 0; border-bottom: 1px dashed #e4e8ee; }
.new_bigdata .nd_item:last-child { border-bottom: 0; }
.new_bigdata .nd_item h4 { font-size: 14px; color: #333; font-weight: normal; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new_bigdata .nd_item p { font-size: 12px; color: #9aa5b5; line-height: 22px; height: 44px; overflow: hidden; }

/* ---------- 首页：公司风采 ---------- */
.xyfc_sec { background: #f7f9fc; padding: 44px 0 50px; }
.sec_title { text-align: center; margin-bottom: 30px; }
.sec_title h2 { font-size: 26px; color: #0b3d91; letter-spacing: 2px; }
.sec_title h2 span { color: #f5a623; }
.sec_title p { color: #9aa5b5; margin-top: 8px; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; }
.pic_scroll1 { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; }
.pic_ctrl { display: flex; gap: 20px; }
.pic_ctrl .bk2_teacher { width: 280px; height: 210px; overflow: hidden; position: relative; flex-shrink: 0; }
.pic_ctrl .bk2_teacher img { width: 280px; height: 210px; transition: transform .4s; }
.pic_ctrl .bk2_teacher:hover img { transform: scale(1.08); }
.pic_ctrl .bk2_teacher em {
  position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 0; text-align: center;
  background: rgba(11,61,145,.75); color: #fff; font-style: normal; font-size: 14px;
}

/* ---------- 首页：五大业务板块 ---------- */
.svc_sec { padding: 46px 0 50px; }
.mod_grid { display: flex; flex-wrap: wrap; gap: 24px; }
.mod_card { width: 384px; border: 1px solid #e4e8ee; background: #fff; transition: box-shadow .3s, transform .3s; display: flex; flex-direction: column; }
.mod_card:hover { box-shadow: 0 8px 24px rgba(11,61,145,.14); transform: translateY(-4px); }
.mod_card .mc_img { position: relative; height: 200px; overflow: hidden; }
.mod_card .mc_img img { width: 100%; height: 100%; }
.mod_card .mc_img .mc_no {
  position: absolute; left: 0; top: 0; padding: 6px 14px; background: rgba(11,61,145,.85);
  color: #fff; font-family: Arial; font-size: 15px; font-weight: bold; letter-spacing: 1px;
}
.mod_card .sc_body { padding: 16px 20px 20px; flex: 1; display: flex; flex-direction: column; }
.mod_card .sc_body h3 { font-size: 18px; color: #0b3d91; }
.mod_card .sc_body .mc_slogan { color: #5a6a85; font-size: 13px; margin: 8px 0 10px; line-height: 22px; }
.mod_card .sc_body .mc_points { margin-bottom: 14px; }
.mod_card .sc_body .mc_points em {
  display: inline-block; font-style: normal; font-size: 12px; color: #1668dc;
  background: #eef4fd; border: 1px solid #d7e5f8; border-radius: 2px;
  padding: 0 8px; height: 24px; line-height: 24px; margin: 0 6px 6px 0;
}
.mod_card .bt_row { margin-top: auto; }
.bt_bm {
  display: inline-block; padding: 0 26px; height: 36px; line-height: 36px;
  background: #1668dc; color: #fff !important; border-radius: 2px; font-size: 14px;
}
.bt_bm:hover { background: #0b3d91; }
/* CTA 卡片（第6格） */
.mod_card.mod_cta { background: linear-gradient(135deg, #0b3d91, #1668dc); border: 0; color: #fff; align-items: flex-start; justify-content: center; padding: 34px 28px; }
.mod_card.mod_cta h3 { color: #fff; font-size: 22px; }
.mod_card.mod_cta p { color: #cdd8ea; font-size: 13px; line-height: 24px; margin: 12px 0 18px; }
.mod_card.mod_cta .bt_bm { background: #f5a623; }
.mod_card.mod_cta .bt_bm:hover { background: #ff9800; }
.mod_card.mod_cta .bt_line { display: inline-block; margin-left: 10px; padding: 0 22px; height: 34px; line-height: 34px; border: 1px solid rgba(255,255,255,.7); border-radius: 2px; color: #fff !important; font-size: 14px; }
.mod_card.mod_cta .bt_line:hover { background: rgba(255,255,255,.15); }

/* ---------- 为什么选择岚星 ---------- */
.why_sec { background: linear-gradient(135deg, #0e2a54, #0b3d91); padding: 46px 0 50px; }
.why_sec .sec_title h2 { color: #fff; }
.why_sec .sec_title p { color: rgba(255,255,255,.45); }
.why_grid { display: flex; flex-wrap: wrap; gap: 20px; }
.why_item { width: 386px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 20px 22px; transition: background .3s; }
.why_item:hover { background: rgba(255,255,255,.13); }
.why_item .wy_no { font-family: Arial; font-size: 26px; font-weight: bold; color: #f5a623; line-height: 1; }
.why_item h3 { color: #fff; font-size: 16px; margin: 10px 0 8px; }
.why_item p { color: #b9c7dd; font-size: 13px; line-height: 22px; }

/* ---------- 服务流程 ---------- */
.flow_sec { padding: 46px 0 50px; background: #f7f9fc; }
.flow_steps { display: flex; align-items: stretch; gap: 0; }
.flow_step { flex: 1; background: #fff; border: 1px solid #e4e8ee; padding: 24px 20px 20px; position: relative; }
.flow_step + .flow_step { margin-left: 34px; }
.flow_step + .flow_step::before {
  content: ""; position: absolute; left: -26px; top: 50%; margin-top: -8px;
  border-left: 16px solid #1668dc; border-top: 8px solid transparent; border-bottom: 8px solid transparent;
}
.flow_step .fs_no { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #1668dc; color: #fff; font-family: Arial; font-size: 18px; font-weight: bold; border-radius: 50%; }
.flow_step h3 { font-size: 16px; color: #0b3d91; margin: 12px 0 6px; }
.flow_step p { font-size: 13px; color: #8a94a6; line-height: 22px; }

/* ---------- 常见问题 ---------- */
.faq_list { max-width: 1200px; margin: 0 auto; }
.faq_list li { background: #fff; border: 1px solid #e4e8ee; margin-bottom: 14px; padding: 16px 22px; }
.faq_list h3 { font-size: 15px; color: #0b3d91; font-weight: bold; line-height: 26px; }
.faq_list h3::before { content: "Q"; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #1668dc; color: #fff; border-radius: 3px; font-size: 13px; margin-right: 10px; }
.faq_list p { font-size: 13px; color: #5a6a85; line-height: 24px; margin-top: 8px; padding-left: 34px; }

/* ---------- 首页：在线咨询 ---------- */
.consult_sec { background: linear-gradient(90deg, #0b3d91, #1668dc); padding: 44px 0; color: #fff; }
.consult_sec .cs_left { float: left; width: 46%; }
.consult_sec .cs_left h2 { font-size: 26px; letter-spacing: 2px; }
.consult_sec .cs_left h2 span { color: #f5a623; }
.consult_sec .cs_left p { margin-top: 12px; color: #cdd8ea; line-height: 28px; font-size: 14px; }
.consult_sec .cs_left .cs_phone { margin-top: 16px; font-family: Arial; font-size: 20px; font-weight: normal; color: #fff; }
.left_contact { float: right; width: 50%; background: #fff; border-radius: 4px; padding: 24px 28px; }
.left_contact .fc_row { margin-bottom: 14px; }
.left_contact label { display: block; font-size: 13px; color: #5a6a85; margin-bottom: 6px; }
.left_contact input, .left_contact select, .left_contact textarea {
  width: 100%; height: 38px; border: 1px solid #d9dee6; border-radius: 3px; padding: 0 12px;
  font-size: 13px; color: #333; font-family: inherit; outline: none;
}
.left_contact input:focus, .left_contact select:focus, .left_contact textarea:focus { border-color: #1668dc; }
.left_contact textarea { height: 76px; padding: 8px 12px; resize: none; }
.left_contact .fc_half { float: left; width: 49%; }
.left_contact .fc_half + .fc_half { float: right; }
.bt_submit {
  width: 100%; height: 42px; background: #f5a623; color: #fff; border: 0; border-radius: 3px;
  font-size: 16px; letter-spacing: 4px; cursor: pointer; font-family: inherit;
}
.bt_submit:hover { background: #ff9800; }

/* ---------- 友情链接 ---------- */
.link_blk { padding: 26px 0; border-bottom: 1px solid #e4e8ee; }
.link_blk .lk_title { float: left; font-size: 16px; color: #0b3d91; font-weight: bold; padding-top: 6px; margin-right: 30px; }
.link_blk .lk_list { overflow: hidden; }
.link_blk .lk_list a { float: left; color: #7a8699; margin: 6px 26px 6px 0; font-size: 13px; }
.link_blk .lk_list a:hover { color: #1668dc; }

/* ---------- 页脚 ---------- */
.footer_blk { background: #17233a; color: #8fa0bd; padding: 40px 0 0; }
.footer_left { float: left; width: 360px; }
.footer_left .ft_qr { margin-bottom: 18px; }
.footer_left .ft_qr img { width: 110px; height: 110px; float: left; background: #fff; padding: 4px; border-radius: 3px; }
.footer_left .ft_qr span { float: left; display: block; height: 110px; line-height: 110px; margin: 0 18px; font-size: 13px; }
.footer_left h2 { color: #fff; font-size: 20px; margin-bottom: 12px; }
.footer_left p { line-height: 28px; font-size: 13px; }
.footer_left p span { color: #d8e2f3; font-family: Arial; }
.footer_center { float: right; width: 760px; }
.nav_under { width: 100%; }
.nav_under th { color: #fff; font-size: 15px; text-align: left; padding: 0 0 12px 0; letter-spacing: 2px; }
.nav_under td { padding: 5px 0; }
.nav_under td a { color: #8fa0bd; font-size: 13px; }
.nav_under td a:hover { color: #fff; }
.footer_underlink { border-top: 1px solid #2a3a58; margin-top: 30px; padding: 18px 0; text-align: center; font-size: 12px; color: #64748f; }
.footer_underlink a { color: #64748f; margin: 0 6px; }
.footer_underlink a:hover { color: #fff; }

/* ---------- 内页 ---------- */
.page_banner { height: 220px; background: linear-gradient(90deg, #0b3d91, #1d6fc2); position: relative; overflow: hidden; }
.page_banner::after {
  content: ""; position: absolute; right: -60px; top: -80px; width: 320px; height: 320px;
  border-radius: 50%; background: rgba(255,255,255,.08);
}
.page_banner .pb_con { width: 1200px; margin: 0 auto; padding-top: 70px; position: relative; z-index: 2; }
.page_banner h1 { color: #fff; font-size: 30px; letter-spacing: 3px; }
.page_banner p { color: #cdd8ea; margin-top: 10px; font-size: 13px; letter-spacing: 2px; }
.crumb { height: 48px; line-height: 48px; background: #f7f9fc; border-bottom: 1px solid #e9edf3; font-size: 13px; color: #8a94a6; }
.crumb_con { width: 1200px; margin: 0 auto; }
.crumb a { color: #8a94a6; }
.crumb a:hover { color: #1668dc; }
.inner_wrap { width: 1200px; max-width: 1200px; margin: 30px auto 60px; overflow: hidden; }
/* 单栏阅读版式（侧栏已移除） */
.inner_wrap > .inner_main, .inner_main { float: none; width: auto; max-width: 960px; margin: 0 auto; }
.inner_side { float: left; width: 220px; }
.inner_side h3 {
  height: 54px; line-height: 54px; background: #0b3d91; color: #fff; font-size: 17px;
  padding-left: 22px; letter-spacing: 2px;
}
.inner_side ul { border: 1px solid #e9edf3; border-top: 0; }
.inner_side li a { display: block; height: 46px; line-height: 46px; padding-left: 30px; border-bottom: 1px solid #eef1f6; color: #4a5568; position: relative; }
.inner_side li a::before { content: ""; position: absolute; left: 14px; top: 21px; width: 6px; height: 6px; background: #c3cfe0; border-radius: 50%; }
.inner_side li a:hover, .inner_side li.oncur a { color: #1668dc; background: #f7f9fc; padding-left: 34px; }
.inner_side li a:hover::before, .inner_side li.oncur a::before { background: #1668dc; }
.side_contact { margin-top: 22px; border: 1px solid #e9edf3; padding: 18px 20px; background: #f7f9fc; }
.side_contact h4 { color: #0b3d91; font-size: 15px; margin-bottom: 10px; }
.side_contact p { font-size: 13px; color: #7a8699; line-height: 26px; }

/* 内页新闻列表 */
.news_list li { border-bottom: 1px solid #eef1f6; padding: 18px 6px; overflow: hidden; }
.news_list li:hover { background: #fafbfd; }
.news_list .nl_date { float: left; width: 68px; text-align: center; margin-right: 20px; }
.news_list .nl_date b { display: block; font-family: Arial; font-size: 28px; color: #1668dc; line-height: 1.1; }
.news_list .nl_date i { font-style: normal; font-size: 12px; color: #9aa5b5; }
.news_list .nl_txt { overflow: hidden; }
.news_list .nl_txt h3 { font-size: 15px; font-weight: normal; color: #333; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_list .nl_txt p { font-size: 13px; color: #9aa5b5; line-height: 24px; margin-top: 4px; height: 24px; overflow: hidden; }
.news_list .nl_txt h3:hover { color: #1668dc; cursor: pointer; }

/* 内页：五大业务详情（锚点分节） */
.mod_section { border: 1px solid #e9edf3; margin-bottom: 26px; }
.mod_section .ms_head { background: linear-gradient(90deg, #0b3d91, #1668dc); color: #fff; padding: 16px 24px; overflow: hidden; }
.mod_section .ms_head .ms_no { float: left; font-family: Arial; font-size: 34px; font-weight: bold; color: rgba(255,255,255,.5); line-height: 40px; margin-right: 16px; }
.mod_section .ms_head h2 { float: left; font-size: 20px; line-height: 40px; letter-spacing: 1px; }
.mod_section .ms_head .ms_slogan { float: right; font-size: 13px; color: #ffe2b0; line-height: 40px; }
.mod_section .ms_body { padding: 20px 24px; }
.mod_section .ms_points { margin-bottom: 14px; }
.mod_section .ms_points em {
  display: inline-block; font-style: normal; font-size: 13px; color: #1668dc;
  background: #eef4fd; border: 1px solid #d7e5f8; border-radius: 2px;
  padding: 0 10px; height: 28px; line-height: 28px; margin: 0 8px 8px 0;
}
.mod_section .ms_body h3 { font-size: 15px; color: #0b3d91; margin: 6px 0 8px; }
.mod_section .ms_body ul.ms_list li { line-height: 30px; color: #4a5568; font-size: 14px; padding-left: 18px; position: relative; }
.mod_section .ms_body ul.ms_list li::before { content: ""; position: absolute; left: 2px; top: 13px; width: 6px; height: 6px; background: #f5a623; border-radius: 50%; }
.mod_section .ms_note { background: #f7f9fc; border-left: 3px solid #1668dc; padding: 12px 16px; font-size: 13px; color: #5a6a85; line-height: 24px; margin-top: 10px; }

/* 内页：公示表格 */
.notice_table { width: 100%; }
.notice_table th { background: #f2f6fc; color: #0b3d91; font-size: 14px; height: 44px; border-bottom: 2px solid #1668dc; }
.notice_table td { height: 44px; text-align: center; border-bottom: 1px solid #eef1f6; color: #4a5568; font-size: 13px; }
.notice_table td.td_l { text-align: left; padding-left: 16px; }
.notice_table tr:hover td { background: #fafbfd; }

/* 内页：荣誉图片墙 */
.honor_grid { display: flex; flex-wrap: wrap; gap: 22px; }
.honor_grid .hg_item { width: 292px; border: 1px solid #e9edf3; padding: 10px; text-align: center; }
.honor_grid .hg_item img { width: 100%; height: 204px; }
.honor_grid .hg_item p { font-size: 13px; color: #5a6a85; line-height: 34px; }

/* 内页：资料下载 */
.dl_list li { border-bottom: 1px solid #eef1f6; padding: 14px 6px; overflow: hidden; }
.dl_list li .dl_name { float: left; color: #333; line-height: 32px; }
.dl_list li .dl_name::before { content: "📄"; margin-right: 10px; }
.dl_list li .dl_name:hover { color: #1668dc; }
.dl_list li .dl_meta { float: right; color: #9aa5b5; font-size: 12px; line-height: 32px; }
.dl_list li .dl_meta a { display: inline-block; margin-left: 14px; padding: 0 16px; height: 28px; line-height: 28px; background: #1668dc; color: #fff; border-radius: 2px; font-size: 12px; }
.dl_list li .dl_meta a:hover { background: #0b3d91; }

/* 内页：简介文章 */
.article { line-height: 32px; color: #4a5568; font-size: 14px; }
.article h2 { color: #0b3d91; font-size: 20px; margin: 26px 0 12px; }
.article h2:first-child { margin-top: 0; }
.article p { margin-bottom: 14px; text-indent: 2em; }
.article p.no_indent { text-indent: 0; }
.article .art_tag { display: inline-block; background: #f2f6fc; color: #1668dc; padding: 0 12px; height: 26px; line-height: 26px; margin: 0 8px 8px 0; font-size: 13px; border-radius: 2px; }

/* 内页：联系我们 */
.contact_info { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; }
.ci_item { width: 460px; background: #f7f9fc; border: 1px solid #e9edf3; padding: 20px 24px; }
.ci_item h4 { color: #0b3d91; font-size: 15px; margin-bottom: 8px; }
.ci_item h4::before { content: "●"; color: #f5a623; margin-right: 8px; font-size: 12px; }
.ci_item p { color: #5a6a85; line-height: 28px; font-size: 14px; }
.map_placeholder { width: 100%; height: 260px; background: linear-gradient(135deg, #dfe8f5, #c6d6ee); border: 1px solid #d9dee6; display: flex; align-items: center; justify-content: center; color: #7a8db0; font-size: 16px; letter-spacing: 2px; margin-bottom: 30px; }

/* 内页：软件产品卡片 */
.sw_intro { text-align: center; margin-bottom: 34px; }
.sw_intro h2 { font-size: 28px; color: #0b3d91; letter-spacing: 2px; }
.sw_intro h2 span { color: #f5a623; }
.sw_intro p { color: #7a8699; font-size: 14px; line-height: 28px; margin-top: 12px; }
.sw_grid { display: flex; flex-wrap: wrap; gap: 24px; }
.sw_card { width: calc(50% - 12px); min-width: 320px; border: 1px solid #e4e8ee; background: #fff; display: flex; flex-direction: column; transition: box-shadow .3s, transform .3s; }
.sw_card:hover { box-shadow: 0 8px 24px rgba(11,61,145,.14); transform: translateY(-4px); }
.sw_card .sw_head { padding: 20px 24px 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sw_card .sw_head h3 { font-size: 19px; color: #0b3d91; padding-bottom: 0; }
.sw_tag { font-size: 12px; color: #1668dc; background: #eef4fd; border: 1px solid #d7e5f8; padding: 2px 10px; border-radius: 2px; }
.sw_ver { font-family: Arial; font-size: 12px; color: #9aa5b5; }
.sw_badge { font-size: 12px; color: #8a94a6; background: #f1f3f7; border: 1px solid #e4e8ee; padding: 2px 10px; border-radius: 2px; }
.sw_body { padding: 12px 24px 22px; flex: 1; display: flex; flex-direction: column; }
.sw_body p { font-size: 13px; color: #5a6a85; line-height: 24px; }
.sw_points { margin: 12px 0 16px; }
.sw_points em { display: inline-block; font-style: normal; font-size: 12px; color: #1668dc; background: #eef4fd; border: 1px solid #d7e5f8; border-radius: 2px; padding: 0 10px; height: 26px; line-height: 26px; margin: 0 6px 6px 0; }
.sw_bt { margin-top: auto; }
.sw_card.sw_hero { background: linear-gradient(135deg, #0b3d91, #1668dc); border: 0; }
.sw_card.sw_hero .sw_head h3 { color: #fff; font-size: 21px; }
.sw_card.sw_hero .sw_tag { color: #ffd98a; background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.35); }
.sw_card.sw_hero .sw_ver { color: rgba(255,255,255,.7); }
.sw_card.sw_hero .sw_body p { color: #cdd8ea; font-size: 13.5px; line-height: 25px; }
.sw_card.sw_hero .sw_points em { color: #ffd98a; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.3); }
.sw_card.sw_hero .bt_bm { background: #f5a623; }
.sw_card.sw_hero .bt_bm:hover { background: #ff9800; }
.sw_card.sw_dev { opacity: .82; }
.sw_card.sw_dev .sw_head h3 { color: #5a6a85; }
.bt_plain { background: #5a6a85 !important; }
.bt_plain:hover { background: #43506a !important; }
.sw_note { margin-top: 28px; background: #f7f9fc; border-left: 3px solid #1668dc; padding: 14px 18px; font-size: 13px; color: #5a6a85; line-height: 26px; }

/* 分页 */
.pages { text-align: center; padding: 30px 0 10px; }
.pages a, .pages span { display: inline-block; min-width: 34px; height: 34px; line-height: 34px; padding: 0 10px; margin: 0 4px; border: 1px solid #d9dee6; color: #5a6a85; font-size: 13px; }
.pages a:hover, .pages span.on { background: #1668dc; border-color: #1668dc; color: #fff; }

/* 浮动客服 */
.float_wx { position: fixed; right: 12px; bottom: 90px; z-index: 99; }
.float_wx a { display: block; width: 58px; height: 58px; padding-top: 12px; text-align: center; background: #0b3d91; color: #fff; border-radius: 4px; margin-top: 8px; font-size: 12px; line-height: 17px; cursor: pointer; overflow: hidden; }

/* ============================================================
   响应式（修复窄窗口下的遮挡/错位）
   ============================================================ */
@media (max-width: 1240px) {
  body { min-width: 0; }
  .blk_1200, .topline_con, .top_con, .nav_con, .crumb_con, .inner_wrap, .pic_scroll1, .index_hero .ih_con { width: auto; margin: 0 16px; }
  .page_banner .pb_con { width: auto; margin: 0 16px; }
  .topline_con .tl_welcome { max-width: 55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .top_logo .tl_name { font-size: 20px; }
  .top_logo .tl_icon { height: 48px; }
  .phone_blk .ph_number { font-size: 17px; }
  .nav li > a { padding: 0 16px; font-size: 15px; }
  .nav .subnav { left: auto; right: 0; }
  /* Hero：降高度、缩标题（浮动面板隐藏，无需左侧留白） */
  .index_hero { height: 340px; }
  .index_hero .ih_con { padding: 66px 0 0; }
  .index_hero .ih_con h2 { font-size: 32px; }
  .index_hero .ih_con p { max-width: none; }
  /* 首页浮动面板隐藏，快捷条显示 */
  .banner_blk .float_menu, .banner_blk .service_blk { display: none; }
  .quick_nav { display: block; }
  /* Tab 新闻区 */
  .left_menu { width: 130px; }
  .menu_new li a { font-size: 15px; height: 60px; line-height: 60px; }
  .new_blk { width: auto; float: none; }
  .new_con { width: 55%; }
  .new_bigdata { width: 45%; padding-left: 16px; }
  /* 卡片网格 */
  .mod_grid, .why_grid, .sw_grid { justify-content: center; }
  .mod_card, .why_item { width: calc(50% - 12px); min-width: 300px; }
  .flow_steps { flex-wrap: wrap; gap: 16px; }
  .flow_step { flex: 1 1 40%; }
  .flow_step + .flow_step { margin-left: 0; }
  .flow_step + .flow_step::before { display: none; }
  .pic_ctrl { flex-wrap: wrap; justify-content: center; }
  .consult_sec .cs_left { float: none; width: auto; margin-bottom: 24px; }
  .left_contact { float: none; width: auto; }
  .footer_left, .footer_center { float: none; width: auto; }
  .footer_center { margin-top: 26px; }
  .footer_left .ft_qr span { margin: 0 12px; }
  /* 内页（单栏） */
  .contact_info .ci_item { width: calc(50% - 10px); min-width: 280px; }
}
@media (max-width: 720px) {
  /* 顶部：隐藏欢迎条，头部紧凑单列 */
  .topline { display: none; }
  .top_con { text-align: center; padding: 10px 0; }
  .top_logo { float: none; }
  .top_logo a { justify-content: center; }
  .top_logo .tl_name { font-size: 17px; }
  .top_logo .tl_name i { letter-spacing: 1px; margin-top: 4px; }
  .top_logo .tl_icon { height: 44px; margin-right: 10px; }
  .phone_blk { float: none; text-align: center; padding-top: 4px; }
  .phone_blk .ph_number { font-size: 16px; }
  /* 导航：汉堡抽屉 */
  .nav_blk { height: 48px; }
  .nav_blk .nav_con { display: flex; align-items: center; justify-content: flex-end; height: 48px; padding: 0 12px; }
  .nav_blk .nav_con .nav { display: none; }
  .nav_blk.nav_open .nav_con .nav {
    display: block; position: absolute; left: 0; right: 0; top: 48px;
    background: #0b3d91; z-index: 200; box-shadow: 0 14px 26px rgba(6,25,58,.35);
    max-height: calc(100vh - 48px); overflow-y: auto; padding: 4px 0 10px;
  }
  .nav_blk.nav_open .nav_con .nav li { float: none; position: static; }
  .nav_blk.nav_open .nav_con .nav li > a { height: 46px; line-height: 46px; padding: 0 20px; font-size: 15px; }
  .nav_blk.nav_open .nav li.oncur > a { background: rgba(255,255,255,.14); }
  .nav .caret { float: right; margin-top: 20px; margin-right: 6px; border-top-color: rgba(255,255,255,.5); }
  .nav .subnav { display: block !important; position: static; min-width: 0; background: rgba(6,25,58,.55); box-shadow: none; border-top: 0; }
  .nav .subnav li a { height: 40px; line-height: 40px; padding: 0 20px 0 44px; color: #c3d2ea; font-size: 13.5px; }
  .nav .subnav li a:hover { background: rgba(255,255,255,.1); color: #fff; }
  .nav_toggle { display: block; }
  /* Hero 手机版 */
  .index_hero { height: 320px; }
  .index_hero .ih_con { padding-top: 46px; text-align: center; }
  .index_hero .ih_con h2 { font-size: 24px; letter-spacing: 1px; }
  .index_hero .ih_con p { font-size: 13px; line-height: 24px; margin-top: 12px; }
  .index_hero .ih_btns { margin-top: 20px; }
  .ih_bt_main { height: 44px; line-height: 44px; padding: 0 22px; font-size: 15px; }
  .ih_bt_ghost { height: 44px; line-height: 42px; padding: 0 18px; margin-left: 10px; font-size: 14px; }
  .index_hero .ih_note { margin-top: 18px; letter-spacing: 2px; }
  /* 内页 Banner 减矮 */
  .page_banner { height: 140px; }
  .page_banner .pb_con { padding-top: 40px; }
  .page_banner h1 { font-size: 22px; }
  .page_banner p { font-size: 12px; margin-top: 6px; }
  .crumb { height: 40px; line-height: 40px; font-size: 12px; }
  /* 首页新闻 Tab 区 */
  .new_wrap .left_menu { float: none; width: auto; }
  .menu_new { display: flex; }
  .menu_new li { flex: 1; border-bottom: 0; border-right: 1px solid #e9edf3; }
  .menu_new li a { height: 48px; line-height: 48px; font-size: 14px; }
  .new_con { float: none; width: auto; padding-right: 0; }
  .new_bigdata { float: none; width: auto; border-left: 0; padding-left: 0; border-top: 1px solid #e4e8ee; padding-top: 12px; }
  /* 列表与卡片 */
  .mod_card, .why_item, .sw_card { width: 100%; }
  .flow_step { flex: 1 1 100%; }
  .contact_info .ci_item { width: 100%; }
  .news_list .nl_date { width: 54px; margin-right: 12px; }
  .news_list .nl_date b { font-size: 20px; }
  .dl_list li .dl_name { float: none; display: block; line-height: 24px; }
  .dl_list li .dl_meta { float: none; line-height: 30px; }
  /* 业务分节头部紧凑 */
  .mod_section .ms_head { padding: 10px 14px; }
  .mod_section .ms_head .ms_no { font-size: 24px; line-height: 32px; }
  .mod_section .ms_head h2 { font-size: 16px; line-height: 32px; }
  .mod_section .ms_head .ms_slogan { display: none; }
  /* 表单：半宽字段改全宽 */
  .left_contact .fc_half { float: none; width: 100%; }
  /* 页脚：二维码缩小、热线上移 */
  .footer_left .ft_qr img { width: 88px; height: 88px; }
  .footer_left .ft_qr span { height: 88px; line-height: 88px; margin: 0 10px; font-size: 12px; }
  .footer_center { margin-top: 20px; }
  .float_wx { display: none; }
}