@charset "utf-8";
/* ============================================================
   兆立行科技官网样式（2026 SEO 改造版）
   主色 #1f5aa8 / 深色 #0f2c52 / 强调 #ff8a00
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 14px/1.7 "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; color: #333; background: #fff; }
a { color: #1f5aa8; text-decoration: none; transition: all .2s; }
a:hover { color: #0f2c52; }
ul, li { list-style: none; }
img { border: 0; vertical-align: middle; }
h1, h2, h3, h4 { font-weight: 600; }
.zlx-wrap { width: 1200px; max-width: 94%; margin: 0 auto; }
.btn-primary, .btn-ghost { display: inline-block; padding: 10px 26px; border-radius: 4px; font-size: 15px; cursor: pointer; border: 1px solid transparent; }
.btn-primary { background: #ff8a00; color: #fff !important; }
.btn-primary:hover { background: #f07b00; }
.btn-ghost { border-color: #1f5aa8; color: #1f5aa8 !important; }
.btn-ghost:hover { background: #1f5aa8; color: #fff !important; }

/* ---------- 头部 ---------- */
.zlx-header { border-bottom: 1px solid #eaeef3; }
.zlx-topbar { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; }
.zlx-logo img { height: 48px; width: auto; }
.zlx-topright { display: flex; align-items: center; gap: 30px; }
.zlx-slogan { color: #667; font-size: 13px; }
.zlx-tel { text-align: left; padding-left: 42px; position: relative; }
.zlx-tel i { position: absolute; left: 0; top: 6px; width: 32px; height: 32px; background: #1f5aa8; border-radius: 50%; }
.zlx-tel b { display: block; font-size: 12px; color: #889; font-weight: 400; }
.zlx-tel span { font-size: 20px; font-weight: 700; color: #0f2c52; }

.zlx-nav { background: #0f2c52; position: relative; z-index: 90; }
.zlx-nav > .zlx-wrap { display: flex; align-items: center; }
.zlx-nav ul { display: flex; flex: 1; }
.zlx-nav ul > li { position: relative; }
.zlx-nav ul > li > a { display: block; padding: 0 26px; line-height: 54px; color: #fff; font-size: 16px; }
.zlx-nav ul > li > a:hover, .zlx-nav ul > li > a.cur { background: #1f5aa8; }
.zlx-nav ul > li.zlx-has-sub > a em { display: inline-block; width: 0; height: 0; border: 4px solid transparent; border-top-color: #9ab; margin-left: 6px; vertical-align: 2px; }
.zlx-subnav { display: none; position: absolute; left: 0; top: 54px; width: 560px; background: #fff; box-shadow: 0 8px 24px rgba(15,44,82,.18); border-top: 2px solid #1f5aa8; z-index: 99; }
.zlx-nav li:hover .zlx-subnav { display: block; }
.zlx-subnav-in { display: flex; flex-wrap: wrap; padding: 14px 10px; width: 560px; }
.zlx-subnav-in a { width: 50%; padding: 9px 14px; border-radius: 4px; }
.zlx-subnav-in a:hover { background: #f0f5fb; }
.zlx-subnav-in b { display: block; font-size: 14px; color: #233; }
.zlx-subnav-in span { display: block; font-size: 12px; color: #889; }
.zlx-nav-cta a { background: #ff8a00; }
.zlx-nav-cta a:hover { background: #f07b00; }
.zlx-nav-search form { display: flex; align-items: center; background: #fff; border-radius: 4px; overflow: hidden; }
.zlx-nav-search input[type=text] { width: 150px; border: 0; padding: 7px 10px; outline: none; font-size: 13px; }
.zlx-nav-search button { border: 0; background: #1f5aa8; color: #fff; padding: 7px 14px; cursor: pointer; }

/* ---------- 面包屑 ---------- */
.zlx-crumb { padding: 14px 0; border-bottom: 1px solid #eef1f5; color: #789; font-size: 13px; }
.zlx-crumb a { color: #789; }

/* ---------- 栏目 Hero ---------- */
.zlx-subhero { background: linear-gradient(120deg, #0f2c52, #1f5aa8); color: #fff; padding: 38px 0 30px; }
.zlx-subhero h1 { font-size: 28px; margin-bottom: 8px; }
.zlx-subhero p { opacity: .85; max-width: 860px; }
.zlx-subpill { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.zlx-subpill a { display: inline-block; padding: 6px 18px; border: 1px solid rgba(255,255,255,.4); border-radius: 20px; color: #fff; font-size: 13px; }
.zlx-subpill a:hover, .zlx-subpill li.cta a { background: #ff8a00; border-color: #ff8a00; }
.zlx-subpill li { list-style: none; }

/* ---------- 通用区块 ---------- */
.zlx-sec { padding: 46px 0; }
.zlx-gray { background: #f5f7fa; }
.zlx-sechead { text-align: center; margin-bottom: 30px; position: relative; }
.zlx-sechead h2 { font-size: 26px; color: #0f2c52; }
.zlx-sechead p { color: #789; margin-top: 6px; }
.zlx-sechead .more { position: absolute; right: 0; top: 10px; font-size: 13px; }

/* ---------- 首页 Hero ---------- */
.zlx-hero { background: linear-gradient(120deg, #0f2c52 20%, #1f5aa8); color: #fff; padding: 70px 0 60px; text-align: center; }
.zlx-hero h1 { font-size: 40px; letter-spacing: 2px; }
.zlx-hero p { margin: 18px auto 26px; max-width: 780px; opacity: .9; font-size: 16px; }
.zlx-herobtns .btn-primary { margin-right: 14px; }
.zlx-herobtns .btn-ghost { border-color: rgba(255,255,255,.6); color: #fff; }
.zlx-herobtns .btn-ghost:hover { background: rgba(255,255,255,.12); color: #fff; }
.zlx-herostats { display: flex; justify-content: center; gap: 70px; margin-top: 44px; }
.zlx-herostats li { list-style: none; text-align: center; }
.zlx-herostats b { display: block; font-size: 30px; color: #ffb35c; }
.zlx-herostats span { font-size: 13px; opacity: .8; }

/* ---------- 产品网格 ---------- */
.zlx-progrid { display: flex; flex-wrap: wrap; gap: 18px; }
.zlx-progrid li { list-style: none; width: calc((100% - 54px)/4); }
.zlx-progrid a { display: block; height: 100%; background: #fff; border: 1px solid #e8edf3; border-radius: 6px; padding: 20px 18px; transition: all .2s; }
.zlx-progrid a:hover { border-color: #1f5aa8; box-shadow: 0 8px 20px rgba(31,90,168,.12); transform: translateY(-2px); }
.zlx-progrid b { display: block; font-size: 16px; color: #0f2c52; margin-bottom: 6px; }
.zlx-progrid span { font-size: 13px; color: #789; }

/* ---------- 优势 ---------- */
.zlx-why { display: flex; gap: 18px; }
.zlx-why li { list-style: none; flex: 1; background: #fff; border-radius: 6px; padding: 26px 22px; border-top: 3px solid #1f5aa8; }
.zlx-why b { display: block; font-size: 17px; color: #0f2c52; margin-bottom: 8px; }
.zlx-why span { font-size: 13px; color: #667; }

/* ---------- 案例/资讯 ---------- */
.zlx-casegrid, .zlx-news { display: flex; flex-wrap: wrap; gap: 18px; }
.zlx-casegrid li, .zlx-news li { list-style: none; width: calc((100% - 54px)/4); background: #fff; border: 1px solid #e8edf3; border-radius: 6px; }
.zlx-casegrid a, .zlx-news a { display: block; padding: 20px 18px; height: 100%; }
.zlx-casegrid b, .zlx-news b { display: block; font-size: 15px; color: #234; margin-bottom: 8px; }
.zlx-casegrid span, .zlx-news span { display: block; font-size: 13px; color: #889; }
.zlx-news em { display: block; margin-top: 10px; font-size: 12px; color: #aab; font-style: normal; }

/* ---------- FAQ ---------- */
.zlx-faq { max-width: 900px; margin: 0 auto; }
.zlx-faq dt { background: #fff; border: 1px solid #e8edf3; border-radius: 6px 6px 0 0; padding: 12px 18px; font-weight: 600; color: #0f2c52; margin-top: 12px; cursor: pointer; }
.zlx-faq dd { background: #fff; border: 1px solid #e8edf3; border-top: 0; border-radius: 0 0 6px 6px; padding: 12px 18px; color: #667; font-size: 13px; }

/* ---------- 正文区域 ---------- */
.zlx-main { padding-bottom: 40px; min-height: 300px; }
.zlx-article { max-width: 960px; }
.zlx-arttitle { font-size: 24px; color: #0f2c52; margin: 26px 0 8px; }
.zlx-artmeta { color: #99a; font-size: 13px; border-bottom: 1px solid #eef1f5; padding-bottom: 14px; margin-bottom: 20px; }
.zlx-artmeta span { margin-right: 18px; }
.zlx-artbody { font-size: 15px; line-height: 1.9; color: #445; }
.zlx-artbody h2 { font-size: 20px; color: #0f2c52; margin: 26px 0 12px; padding-left: 10px; border-left: 4px solid #1f5aa8; }
.zlx-artbody h3 { font-size: 16px; color: #234; margin: 18px 0 10px; }
.zlx-artbody p { margin: 10px 0; }
.zlx-artnav { margin: 26px 0; font-size: 13px; }
.zlx-artnav p { margin: 4px 0; }
.zlx-rel { border-top: 1px dashed #dde; padding-top: 18px; }
.zlx-rel h3 { font-size: 16px; margin-bottom: 10px; color: #0f2c52; }
.zlx-rel li { list-style: none; }
.zlx-rel a { display: block; padding: 6px 0; color: #567; border-bottom: 1px dotted #eef; }
.zlx-rel a::before { content: "· "; color: #1f5aa8; }

/* 内容骨架组件（栏目/功能/报价页 content HTML） */
.zlx-hero-sub { margin-top: 26px; }
.zlx-pain { margin: 12px 0; }
.zlx-pain li { list-style: none; padding: 8px 0 8px 26px; position: relative; border-bottom: 1px dashed #eef1f5; }
.zlx-pain li::before { content: "✓"; position: absolute; left: 4px; color: #1f5aa8; font-weight: 700; }
.zlx-feat { display: flex; flex-wrap: wrap; gap: 14px; margin: 12px 0; }
.zlx-feat li { list-style: none; width: calc(50% - 8px); background: #f8fafc; border: 1px solid #eef2f7; border-radius: 6px; padding: 14px 16px; }
.zlx-feat b { display: block; color: #0f2c52; font-size: 15px; margin-bottom: 4px; }
.zlx-feat span { font-size: 13px; color: #789; }
.zlx-table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; }
.zlx-table th, .zlx-table td { border: 1px solid #e4e9f0; padding: 10px 12px; text-align: left; }
.zlx-table th { background: #f0f5fb; color: #0f2c52; }
.zlx-cta { background: #fff; border: 1px solid #ffe0b8; border-radius: 8px; padding: 24px 26px; margin-top: 30px; }
.zlx-linesnav { display: flex; flex-wrap: wrap; gap: 10px; }
.zlx-linesnav li { list-style: none; }
.zlx-linesnav a { display: inline-block; padding: 7px 16px; background: #fff; border: 1px solid #e4e9f0; border-radius: 4px; font-size: 13px; }

/* ---------- 表单 ---------- */
.zlx-formbox { max-width: 860px; margin: 0 auto; background: #fff; border: 1px solid #e8edf3; border-radius: 8px; padding: 28px 30px; }
.zlx-form ul { display: flex; flex-wrap: wrap; gap: 16px; }
.zlx-form li { list-style: none; width: calc(50% - 8px); }
.zlx-form li.full { width: 100%; }
.zlx-form label { display: block; font-size: 13px; color: #456; margin-bottom: 6px; }
.zlx-form label i { color: #e33; font-style: normal; margin-left: 2px; }
.zlx-form input[type=text], .zlx-form select, .zlx-form textarea { width: 100%; border: 1px solid #dde4ec; border-radius: 4px; padding: 10px 12px; font-size: 14px; outline: none; }
.zlx-form input:focus, .zlx-form select:focus, .zlx-form textarea:focus { border-color: #1f5aa8; }
.zlx-form textarea { height: 110px; resize: vertical; }
.zlx-formbtn input { background: #ff8a00; color: #fff; border: 0; padding: 11px 34px; border-radius: 4px; font-size: 15px; cursor: pointer; }
.zlx-formtips { text-align: center; color: #789; font-size: 13px; margin-top: 18px; }
.zlx-formtips b { color: #0f2c52; }

/* ---------- 列表页 ---------- */
.zlx-newslist { max-width: 960px; margin: 10px auto 0; }
.zlx-newslist li { list-style: none; border-bottom: 1px solid #eef1f5; }
.zlx-newslist a { display: block; padding: 16px 6px; }
.zlx-newslist b { display: block; font-size: 16px; color: #234; margin-bottom: 4px; }
.zlx-newslist a:hover b { color: #1f5aa8; }
.zlx-newslist span { display: block; font-size: 13px; color: #889; }
.zlx-newslist em { float: right; font-size: 12px; color: #aab; font-style: normal; }
.zlx-page { text-align: center; padding: 26px 0 6px; color: #789; }
.zlx-page a { display: inline-block; padding: 6px 12px; margin: 0 3px; border: 1px solid #dde4ec; border-radius: 4px; font-size: 13px; }

/* ---------- 页脚 ---------- */
.zlx-footer { background: #0f2c52; color: #9fb0c8; margin-top: 40px; }
.zlx-ctaband { background: #16386b; padding: 30px 0; overflow: hidden; }
.zlx-ctaband h3 { color: #fff; font-size: 22px; display: inline-block; margin-right: 20px; }
.zlx-ctaband p { display: inline-block; margin-right: 24px; font-size: 13px; opacity: .8; }
.zlx-ctaband .zlx-ctabtns { float: right; }
.zlx-ctaband .btn-primary { margin-right: 10px; }
.zlx-ctaband .btn-ghost { border-color: #57739c; color: #cfe0f5; }
.zlx-footmain { display: flex; gap: 30px; padding: 36px 0; }
.zlx-foot-col { flex: 1; }
.zlx-foot-pro { flex: 2.2; }
.zlx-foot-col dt { color: #fff; font-size: 15px; margin-bottom: 14px; }
.zlx-foot-col dd a { display: inline-block; width: 50%; color: #9fb0c8; font-size: 13px; padding: 4px 0; }
.zlx-foot-pro dd a { width: 46%; }
.zlx-foot-col dd a:hover { color: #fff; }
.zlx-foot-col p { font-size: 13px; margin-bottom: 8px; }
.zlx-foot-col p b { color: #fff; font-size: 16px; }
.zlx-ewm img { background: #fff; padding: 3px; border-radius: 4px; }
.zlx-ewm span { display: inline-block; font-size: 12px; margin-left: 8px; vertical-align: middle; }
.zlx-foot-city dd a { width: 25%; }
.zlx-copy { border-top: 1px solid #1c4178; padding: 14px 0; font-size: 12px; }
.zlx-copy span { margin-right: 20px; }
.zlx-copy a { color: #9fb0c8; }

/* ---------- 城市分站列表 ---------- */
.zlx-citygrid { display: flex; flex-wrap: wrap; gap: 18px; }
.zlx-citygrid li { list-style: none; width: calc((100% - 54px)/4); }
.zlx-citygrid a { display: block; background: #fff; border: 1px solid #e8edf3; border-radius: 6px; padding: 22px 20px; transition: all .2s; }
.zlx-citygrid a:hover { border-color: #1f5aa8; box-shadow: 0 8px 20px rgba(31,90,168,.12); transform: translateY(-2px); }
.zlx-citygrid b { display: block; font-size: 18px; color: #0f2c52; margin-bottom: 4px; }
.zlx-citygrid span { font-size: 13px; color: #1f5aa8; }

/* ---------- 顶部工具条 ---------- */
.zlx-topline { background: #f0f3f7; border-bottom: 1px solid #e4e9f0; font-size: 12px; color: #667; }
.zlx-topline .zlx-wrap { display: flex; justify-content: space-between; align-items: center; height: 32px; }
.zlx-topline .r a { margin-left: 16px; color: #1f5aa8; }
.zlx-topline .r a:hover { color: #0f2c52; }

/* ---------- 城市分站列表（省级分组，参考 city.html） ---------- */
.zlx-citygroup { margin-bottom: 22px; border-bottom: 1px dashed #e8edf3; padding-bottom: 14px; }
.zlx-citygroup h2 { font-size: 17px; color: #d43c33; margin-bottom: 10px; }
.zlx-cityrow { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.zlx-cityrow a { color: #556; font-size: 13px; padding: 3px 0; }
.zlx-cityrow a:hover { color: #1f5aa8; }

/* ---------- 产品演示区块 ---------- */
.zlx-demo { display: flex; gap: 26px; background: #fff; border: 1px solid #e8edf3; border-radius: 8px; padding: 26px; align-items: center; }
.zlx-demo-pic { width: 46%; min-height: 240px; background: #eef2f7 repeating-linear-gradient(45deg, #eef2f7, #eef2f7 12px, #f4f7fa 12px, #f4f7fa 24px); border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #9ab; font-size: 14px; border: 1px dashed #cdd8e4; }
.zlx-demo-txt { flex: 1; }
.zlx-demo-txt p { margin-bottom: 10px; color: #445; }
.zlx-demo-txt .btn-primary { margin-top: 6px; }
.zlx-wrap-inner { max-width: 960px; margin: 0 auto; }

/* ---------- 分页（tcdPageCode）横排样式 ---------- */
.zlx-page ul.tcdPageCode { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0; justify-content: center; }
.zlx-page ul.tcdPageCode li { list-style: none; margin: 0; }
.zlx-page ul.tcdPageCode li a { display: inline-block; min-width: 34px; text-align: center; padding: 6px 10px; border: 1px solid #dde4ec; border-radius: 4px; font-size: 13px; color: #456; background: #fff; box-sizing: border-box; }
.zlx-page ul.tcdPageCode li a:hover { border-color: #1f5aa8; color: #1f5aa8; }
.zlx-page ul.tcdPageCode li a.hover { background: #1f5aa8; border-color: #1f5aa8; color: #fff; }
.zlx-page ul.tcdPageCode li a.prev_i, .zlx-page ul.tcdPageCode li a.next_e { min-width: auto; padding: 6px 14px; }