@charset "utf-8";
/* ===== 重置与基础（对齐参考站：微软雅黑 / Arial，正文 12px） ===== */
* { margin:0; padding:0; box-sizing:border-box; }
body, button, input, select, textarea { font:12px/1.5 "微软雅黑","Microsoft YaHei",Arial,sans-serif; }
ul,ol { list-style:none; }
img { border:0; vertical-align:bottom; max-width:100%; }
a { color:#333; text-decoration:none; outline:none; }
a:hover { color:#1458a2; }
body { margin:0 auto; overflow-x:hidden; background:#fff; color:#333; }
.clearfix:after { content:''; display:block; height:0; clear:both; }
.tc { text-align:center; }
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }

/* ===== 宽度容器（参考站 1600/1200/92%） ===== */
.wrap { width:1600px; margin:0 auto; }
.wrap01 { width:1600px; margin:0 auto; padding:0; }
@media all and (max-width:1680px){
  .wrap,.wrap01 { width:1200px; }
}
@media all and (max-width:1280px){
  .wrap,.wrap01 { width:92%; }
}

/* ===== 顶部固定区域 ===== */
.topArea { position:fixed; top:0; left:0; right:0; z-index:99; }
.welcome { line-height:30px; font-size:12px; color:#666; background:#f2f5fe; }
.welcome .wrap01 { display:flex; justify-content:space-between; }
.welcome i { font-weight:bold; font-size:14px; color:#333; margin-right:10px; }
.header-inner { position:relative; display:flex; align-items:center; height:90px; }
.logo { flex:0 0 auto; }
.logo img { height:60px; width:auto; }
.logo .logo-text { font-size:26px; font-weight:bold; color:#fff; line-height:90px; }

.nav { flex:1; margin:0 40px 0 60px; }
.nav > ul { display:flex; flex-direction:row; justify-content:space-between; }
.nav > ul > li { position:relative; }
.nav > ul > li > .a1 { position:relative; display:inline-block; font-size:18px; color:#fff; line-height:90px; white-space:nowrap; }
.nav > ul > li:hover > .a1,
.nav > ul > li > .a1.current { color:#d6e8ff; }
.nav .sub { position:absolute; top:90px; left:50%; margin-left:-100px; width:200px; background:#fff; display:none; box-shadow:0 0 10px rgba(0,0,0,.3); z-index:999; }
.nav > ul > li:hover .sub { display:block; }
.nav .sub dt { text-align:center; font-size:14px; }
.nav .sub dt a { display:block; color:#333; padding:13px 10px; }
.nav .sub dt:hover { background:#1458a2; }
.nav .sub dt:hover a { color:#fff; }

/* 滚动后 / 内页：白色顶栏 */
.topArea.scrolled { background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.1); }
.topArea.scrolled .logo .logo-text,
body.inner .topArea .logo .logo-text { color:#1458a2; }
.topArea.scrolled .nav > ul > li > .a1,
body.inner .topArea .nav > ul > li > .a1 { color:#333; }
.topArea.scrolled .nav > ul > li:hover > .a1,
.topArea.scrolled .nav > ul > li > .a1.current,
body.inner .topArea .nav > ul > li:hover > .a1,
body.inner .topArea .nav > ul > li > .a1.current { color:#1458a2; }
body.inner .topArea { background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.1); }

/* 汉堡菜单（<=1200px 显示） */
.u-menu { position:absolute; right:0; top:50%; margin-top:-21px; width:50px; height:42px; cursor:pointer; display:none; z-index:102; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; }
.u-menu i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#1458a2; }
.u-menu .u-menu-top i { transform:translateY(-8px); }
.u-menu .u-menu-bottom i { transform:translateY(8px); }

/* 手机侧滑菜单 */
.slide_box { background:#fff; width:650px; height:100%; box-sizing:border-box; position:fixed; right:0; top:0; padding:50px; z-index:120; transform:translateX(100%); transition:all .5s; }
.slide_box.active { transform:translateX(0); }
.slide_box .close { width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; background:#1458a2; }
.slide_box .close:before { content:'×'; position:absolute; top:20px; left:18px; font-size:30px; color:#fff; }
.z_mask { width:0; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.7); z-index:110; opacity:0; transition:opacity .5s; }
.z_mask.active { width:100%; opacity:1; }
.slide_nav { width:100%; height:100%; overflow-y:auto; border-top:1px solid #f0f0f0; }
.slide_nav li { border-bottom:1px solid #f0f0f0; }
.slide_nav li > a { display:block; height:45px; color:#333; line-height:45px; padding-left:4%; font-size:15px; }
.slide_nav li > a:hover { color:#1458a2; }
.slide_nav .nav_down { display:none; background:#f7f9fc; }
.slide_nav .nav_down a { display:block; height:36px; color:#7f7f7f; line-height:36px; padding-left:34px; font-size:14px; }
.slide_nav .nav_down a:hover { color:#1458a2; }

/* ===== 轮播图 ===== */
.banner { position:relative; width:100%; height:600px; overflow:hidden; }
.banner .swiper { height:100%; }
.banner .swiper-wrapper { height:100%; }
.banner .swiper-slide { position:absolute; inset:0; opacity:0; transition:opacity .8s; }
.banner .swiper-slide.on { opacity:1; }
.banner .swiper-slide img { width:100%; height:100%; object-fit:cover; }
.banner .bn-ph { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(120deg,#0a4c9f,#1e7fe0); }
.banner .bn-ph .bn-t { color:#fff; font-size:34px; font-weight:bold; letter-spacing:3px; }
.banner .swiper-pagination { position:absolute; left:0; right:0; bottom:30px; text-align:center; z-index:5; }
.banner .swiper-pagination i { display:inline-block; width:45px; height:3px; margin:0 3px; background:rgba(255,255,255,.45); cursor:pointer; }
.banner .swiper-pagination i.on { background:#fff; }
.placeholder-banner { height:400px; background:linear-gradient(120deg,#0a4c9f,#1e7fe0); display:flex; align-items:center; justify-content:center; }
.placeholder-banner .bn-txt { color:#fff; font-size:34px; font-weight:bold; letter-spacing:3px; }

/* 内页横幅 */
.page-banner { height:300px; background:linear-gradient(120deg,#0a4c9f,#1e7fe0); display:flex; align-items:center; justify-content:center; margin-top:90px; }
.page-banner .t { color:#fff; font-size:34px; font-weight:bold; letter-spacing:4px; }

/* ===== 区块标题（参考站 Area-hd） ===== */
.Area-hd { position:relative; border-bottom:1px solid #dadee1; padding-left:18px; }
.Area-hd:before { position:absolute; top:12px; left:0; width:7px; height:26px; display:block; content:''; background:#1458a2; border-radius:2px; }
.Area-hd:after { position:absolute; top:8px; left:11px; width:7px; height:10px; display:block; content:''; background:#d1495a; }
.Area-hd .p1 { float:left; line-height:50px; font-size:24px; color:#000; font-weight:bold; letter-spacing:3px; }
.Area-hd .p2 { float:left; line-height:40px; margin-top:10px; font-size:18px; margin-left:8px; font-family:Arial; color:#d0d0d0; text-transform:uppercase; }
.Area-hd .p3 { float:right; }
.Area-hd .p3 a { display:inline-block; line-height:50px; padding-right:30px; font-size:14px; color:#333; }
.Area-hd .p3 a:hover { color:#1458a2; }
.Area-hd .p3 a:after { content:'›'; margin-left:8px; font-size:18px; color:#1458a2; }

/* ===== 首页·业务方向 ===== */
.bizArea { padding:50px 0 10px; }
.biz-list { display:flex; justify-content:space-between; }
.biz-list li { width:24%; text-align:center; }
.biz-list a { display:block; padding:34px 20px; background:#fff; border:1px solid #eef1f6; transition:all .3s; }
.biz-list a:hover { box-shadow:0 10px 30px rgba(20,88,162,.15); transform:translateY(-6px); }
.biz-list .ico { width:80px; height:80px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1458a2,#2ea8ff); border-radius:50%; color:#fff; font-size:32px; overflow:hidden; }
.biz-list .ico img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.biz-list .t { font-size:20px; font-weight:bold; color:#222; }
.biz-list .d { font-size:14px; color:#666; margin-top:8px; }

/* ===== 首页·新闻资讯 ===== */
.aArea { padding:60px 0; }
.aArea .bd { margin-top:40px; display:flex; }
.aBox01 { width:50%; position:relative; background:#f1f8fd; }
.aBox01 .pic { overflow:hidden; }
.aBox01 .pic img { width:100%; height:340px; object-fit:cover; transition:transform .6s; }
.aBox01:hover .pic img { transform:scale(1.08); }
.aBox01 .txt { padding:30px 35px 35px; }
.aBox01 .txt .p1 { font-size:14px; color:#00559b; }
.aBox01 .txt .p2 { font-size:20px; color:#222; margin-top:20px; font-weight:bold; }
.aBox01 .txt .p3 { font-size:14px; color:#666; margin-top:12px; }
.aBox02 { width:50%; padding-left:20px; }
.aBox02 ul li { border:1px solid #e1e7eb; }
.aBox02 ul li:nth-child(n+2) { margin-top:10px; }
.aBox02 ul li a { display:block; padding:16px 25px; }
.aBox02 ul li .p1 { font-size:14px; color:#00559b; }
.aBox02 ul li .p2 { font-size:16px; color:#222; margin-top:8px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aBox02 ul li:hover { background:linear-gradient(120deg,#0a4c9f,#1e7fe0); }
.aBox02 ul li:hover .p1,.aBox02 ul li:hover .p2 { color:#fff; }

/* ===== 首页·服务网络 ===== */
.bArea { padding:70px 0; background:url(../images/bg-net.jpg) center/cover no-repeat; background-color:#0d3f7f; color:#fff; }
.bArea .bd { margin-top:20px; display:flex; align-items:center; }
.bArea .txt { width:55%; }
.bArea .txt h3 { font-size:30px; font-weight:bold; line-height:45px; }
.bArea .txt p { font-size:16px; line-height:30px; margin-top:24px; opacity:.9; }
.bArea .txt a { display:inline-block; margin-top:30px; padding:12px 30px; background:#f7464c; color:#fff; font-size:16px; }
.bArea .map { width:45%; height:260px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.1); border-radius:8px; font-size:15px; }

/* ===== 通用卡片网格（案例/产品） ===== */
.cArea { padding:60px 0; }
.cArea .bd { margin-top:40px; }
.grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.card { background:#fff; border:1px solid #eef1f6; overflow:hidden; transition:all .3s; }
.card:hover { transform:translateY(-6px); box-shadow:0 12px 28px rgba(0,0,0,.1); }
.card .pic { height:180px; background:#eef3f9; overflow:hidden; }
.card .pic img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.card:hover .pic img { transform:scale(1.08); }
.card .bd { padding:16px 18px 20px; }
.card .bd b { display:block; font-size:16px; color:#222; }
.card .bd p { font-size:13px; color:#666; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ===== 首页·解决方案（卡片） ===== */
.dArea { padding:60px 0 70px; background:#f6f9fd; }
.dArea .bd { margin-top:40px; }
.sol-list { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sol-list li { position:relative; height:220px; overflow:hidden; border-radius:6px; }
.sol-list a { display:block; position:relative; height:100%; padding:28px; background:linear-gradient(135deg,#0a4c9f,#1e7fe0); color:#fff; transition:all .4s; }
.sol-list a:hover { background:linear-gradient(135deg,#1458a2,#2ea8ff); }
.sol-list .num { font-size:40px; font-weight:bold; font-family:Arial; opacity:.35; }
.sol-list h3 { font-size:18px; margin-top:30px; }
.sol-list .go { position:absolute; bottom:24px; left:28px; font-size:13px; opacity:.9; }

/* ===== 友情链接 ===== */
.links { padding:40px 0; background:#fff; border-top:1px solid #f0f0f0; }
.links .grp { margin-bottom:14px; }
.links .grp b { color:#1458a2; margin-right:10px; }
.links .grp a { display:inline-block; color:#666; font-size:14px; margin:4px 16px 4px 0; }
.links .grp a:hover { color:#1458a2; }

/* ===== 页脚 ===== */
.footer { padding-top:60px; background:#101c2b; background-image:linear-gradient(180deg,#1d357e 0%,#101c2b 100%); }
.footArea { display:flex; justify-content:space-between; flex-wrap:wrap; }
.footArea dl { min-width:105px; padding-right:10px; }
.footArea dl dt { padding-left:5px; font-size:16px; color:#fff; padding-bottom:10px; margin-bottom:15px; max-width:100px; border-bottom:1px solid rgba(255,255,255,.35); }
.footArea dl dd { padding-left:5px; margin-bottom:5px; }
.footArea dl dd a { font-size:14px; color:rgba(255,255,255,.55); }
.footArea dl dd a:hover { color:#fff; }
.foot_logo { margin-top:40px; text-align:center; }
.foot_logo img { max-height:60px; width:auto; }
.tail { margin-top:40px; padding:18px 0; background:#1d357e; font-size:14px; color:rgba(255,255,255,.5); text-align:center; }
.tail a { color:rgba(255,255,255,.5); }

/* ===== 右侧浮窗 ===== */
.rArea { position:fixed; top:50%; transform:translateY(-50%); right:5px; z-index:99; }
.rArea ul li { position:relative; }
.rArea ul li:nth-child(n+2) { margin-top:2px; }
.rArea ul li a { display:block; width:62px; height:62px; padding-top:12px; background:#e4e9ec; border-radius:6px; line-height:1.1; box-sizing:border-box; text-align:center; cursor:pointer; box-shadow:0 0 5px rgba(0,0,0,.2); color:#666; }
.rArea ul li .p1 { min-height:22px; }
.rArea ul li .p2 { font-size:13px; }
.rArea .pp01 { position:absolute; top:0; right:68px; padding:20px; font-size:20px; color:#333; font-weight:bold; width:200px; text-align:center; background:#e4e9ec; border-radius:6px; display:none; box-shadow:0 0 5px rgba(0,0,0,.2); }
.rArea .pp02 { position:absolute; top:0; right:68px; width:120px; padding:8px 8px 10px; background:#e4e9ec; border-radius:6px; text-align:center; display:none; box-shadow:0 0 5px rgba(0,0,0,.2); }
.rArea .pp02 img { width:100%; height:auto; }
.rArea .pp02 p { font-size:13px; color:#666; margin-top:5px; }
.rArea ul li:hover .pp01,.rArea ul li:hover .pp02 { display:block; }
.back-to { position:fixed; bottom:40px; right:20px; display:none; z-index:98; }
.back-to a { display:block; width:44px; height:44px; background:#1458a2; color:#fff; text-align:center; line-height:44px; border-radius:6px; }

/* ===== 内页（列表/详情/联系） ===== */
.inner-main { padding:50px 0 70px; min-height:400px; }
.bread { font-size:14px; color:#999; margin-bottom:20px; }
.bread a { color:#999; }
.bread a:hover { color:#1458a2; }

.list-layout { display:flex; gap:30px; }
.list-layout .side { width:260px; flex:0 0 auto; }
.list-layout .main { flex:1; min-width:0; }
.side-box { border:1px solid #eef1f6; margin-bottom:20px; }
.side-box h3 { font-size:16px; color:#fff; background:#1458a2; padding:13px 18px; }
.side-box ul li a { display:block; padding:12px 18px; font-size:14px; color:#333; border-bottom:1px solid #f0f0f0; }
.side-box ul li a:hover,.side-box ul li a.on { color:#1458a2; background:#f6f9fd; }

.news-item { display:flex; gap:20px; padding:20px; border:1px solid #eef1f6; margin-bottom:16px; transition:all .3s; }
.news-item:hover { box-shadow:0 8px 20px rgba(0,0,0,.08); }
.news-item .pic { width:200px; height:130px; flex:0 0 auto; overflow:hidden; background:#eef3f9; }
.news-item .pic img { width:100%; height:100%; object-fit:cover; }
.news-item .info { flex:1; min-width:0; }
.news-item .info h3 { font-size:17px; color:#222; }
.news-item .info h3 a:hover { color:#1458a2; }
.news-item .info .sum { font-size:13px; color:#666; margin-top:10px; line-height:1.7; }
.news-item .info .meta { font-size:12px; color:#999; margin-top:10px; }

.pager { text-align:center; margin-top:30px; }
.pager a,.pager span { display:inline-block; min-width:34px; height:34px; line-height:34px; padding:0 8px; margin:0 3px; border:1px solid #e1e7eb; color:#333; font-size:14px; }
.pager .cur { background:#1458a2; color:#fff; border-color:#1458a2; }
.pager a:hover { background:#1458a2; color:#fff; }

/* 详情页 */
.detail { border:1px solid #eef1f6; padding:30px 36px; background:#fff; }
.detail h1 { font-size:24px; color:#222; text-align:center; }
.detail .meta { text-align:center; color:#999; font-size:13px; margin:14px 0 24px; }
.detail .content { font-size:15px; line-height:2; color:#333; word-wrap:break-word; }
.detail .content p { margin-bottom:14px; }
.detail .content img { max-width:100%; height:auto; }

/* 关于我们锚点页 */
.anchor-sec { padding:40px 0; border-bottom:1px solid #f0f0f0; }
.anchor-sec h2 { font-size:22px; color:#1458a2; padding-left:14px; border-left:4px solid #1458a2; margin-bottom:20px; }
.anchor-sec .content { font-size:15px; line-height:2; color:#333; }

/* 联系我们 */
.contact-grid { display:flex; gap:30px; }
.contact-grid .info { width:40%; }
.contact-grid .form { width:60%; }
.contact-info li { padding:14px 0; font-size:15px; color:#333; border-bottom:1px dashed #e1e7eb; }
.contact-info li b { color:#1458a2; display:inline-block; min-width:70px; }
.form-item { margin-bottom:16px; }
.form-item label { display:block; font-size:14px; color:#555; margin-bottom:6px; }
.form-item input,.form-item textarea { width:100%; padding:11px 12px; border:1px solid #d6dce5; border-radius:6px; font-size:14px; }
.form-item textarea { height:120px; }
.form-submit { padding:12px 40px; background:#1458a2; color:#fff; border:none; border-radius:6px; font-size:15px; cursor:pointer; }
.form-submit:hover { background:#1d357e; }
.form-tip { margin-top:12px; font-size:14px; color:#1a7f37; display:none; }

/* ===== 响应式 ===== */
@media all and (max-width:1200px){
  .nav { display:none; }
  .u-menu { display:block; }
  .header-inner { height:64px; }
  .logo img { height:48px; }
  .logo .logo-text { line-height:64px; font-size:22px; }
  .banner { height:440px; }
  .page-banner { height:240px; margin-top:64px; }
  .page-banner .t { font-size:26px; }
  .grid4,.sol-list { grid-template-columns:repeat(2,1fr); }
  .biz-list { flex-wrap:wrap; }
  .biz-list li { width:48%; margin-bottom:16px; }
  .aArea .bd { flex-direction:column; }
  .aBox01,.aBox02 { width:100%; }
  .aBox02 { padding-left:0; margin-top:20px; }
  .bArea .bd { flex-direction:column; }
  .bArea .txt,.bArea .map { width:100%; }
  .bArea .map { margin-top:24px; }
  .list-layout { flex-direction:column; }
  .list-layout .side { width:100%; }
  .contact-grid { flex-direction:column; }
  .contact-grid .info,.contact-grid .form { width:100%; }
}
@media all and (max-width:750px){
  .banner { height:280px; }
  .banner .bn-ph .bn-t { font-size:20px; }
  .page-banner { height:160px; }
  .page-banner .t { font-size:20px; }
  .Area-hd .p1 { font-size:18px; line-height:40px; }
  .Area-hd .p2 { display:none; }
  .Area-hd .p3 a { line-height:40px; }
  .grid4,.sol-list { grid-template-columns:1fr 1fr; }
  .biz-list li { width:100%; }
  .news-item { flex-direction:column; }
  .news-item .pic { width:100%; height:160px; }
  .rArea { display:none; }
  .slide_box { width:80%; padding:66px 0 30px; }
  .detail { padding:20px; }
  .footArea { display:none; }
}

/* ===== 手机端增强（安卓 / 鸿蒙 / iOS 通用） ===== */
html { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%; }
body { -webkit-tap-highlight-color:transparent; }
img, video, iframe { max-width:100%; }
.detail .content, .anchor-sec .content { word-wrap:break-word; overflow-wrap:break-word; }
.detail .content img, .anchor-sec .content img { max-width:100%; height:auto; }
.detail .content table, .anchor-sec .content table { display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.detail .content iframe, .anchor-sec .content iframe, .contact-grid iframe { max-width:100%; }
.news-item .info h3 a, .news-item .info .sum { word-wrap:break-word; overflow-wrap:break-word; }
.slide_nav li > a { min-height:46px; line-height:46px; }
.slide_nav .nav_down a { min-height:40px; line-height:40px; }
.form-submit { -webkit-appearance:none; appearance:none; }

@media all and (max-width:750px){
  .wrap, .wrap01 { width:94%; }
  .bizArea { padding:26px 0 0; }
  .aArea, .cArea, .dArea { padding:36px 0; }
  .Area-hd:before { top:8px; height:20px; }
  .card .pic { height:150px; }
  .news-item { padding:14px; }
  .news-item .pic { height:150px; }
  .footer { padding-top:30px; }
  .tail { margin-top:24px; padding:14px 10px; font-size:12px; line-height:1.9; }
  .detail .meta { line-height:1.9; }
  .pager a, .pager span { min-width:32px; height:32px; line-height:32px; }
  .form-submit { width:100%; padding:13px 20px; }
  /* 子栏目导航改为横向滑动，不占用竖屏空间 */
  .side-box h3 { font-size:15px; padding:10px 14px; }
  .side-box ul { display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .side-box ul li { flex:0 0 auto; }
  .side-box ul li a { border-bottom:none; border-right:1px solid #f0f0f0; white-space:nowrap; padding:11px 15px; }
}

@media all and (max-width:420px){
  .wrap, .wrap01 { width:96%; }
  .grid4, .sol-list { grid-template-columns:1fr; }
  .biz-list li { width:100%; }
  .banner { height:200px; }
  .banner .bn-ph .bn-t { font-size:17px; letter-spacing:1px; }
  .page-banner { height:130px; }
  .page-banner .t { font-size:18px; letter-spacing:2px; }
  .Area-hd .p1 { font-size:17px; }
  .card .pic { height:170px; }
  .contact-info li { font-size:14px; }
}