.about-banner{}
.about-banner .banner-content{height:100%;padding-top:100px}
.about-banner .banner-content .banner-title{font-size:30px;font-weight:600}
.about-banner .banner-content .banner-desc{width:540px;margin-top:40px;font-size:16px}
.aboutCont{padding-top:45px}
.aboutCont .tab{position:relative}
.aboutCont .tab .tab-menu{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 0;margin:0;list-style:none}
.aboutCont .tab .tab-menu li{float:none!important;width:auto!important;margin:0!important}
/* 默认：红色渐变底（未选中），白字清晰 */
.aboutCont .tab .tab-menu li a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;height:auto;line-height:1.2;border-radius:8px;color:#fff;font-weight:500;font-size:16px;background:linear-gradient(135deg,#ff6a64 0%,#d3433e 100%);border:2px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-decoration:none!important}
/* 动态旋转渐变边框：悬停时出现 */
.aboutCont .tab .tab-menu li a::before{content:"";position:absolute;inset:-2px;border-radius:10px;padding:2px;background:conic-gradient(from 0deg,#06b6d4,#3b82f6,#8b5cf6,#06b6d4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;animation:rotate-border 3s linear infinite}
.aboutCont .tab .tab-menu li a:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(59,130,246,.28)}
.aboutCont .tab .tab-menu li a:hover::before{opacity:1}
/* 选中：蓝色渐变高亮，与企业简介一致 */
.aboutCont .tab .tab-menu .selected a{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-color:#60a5fa;box-shadow:0 0 20px rgba(59,130,246,.35),0 4px 12px rgba(0,0,0,.2)}
.aboutCont .tab .tab-menu .selected a::before{opacity:0}
@keyframes rotate-border{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@media (max-width:640px){.aboutCont .tab .tab-menu{gap:16px;padding:16px 0}.aboutCont .tab .tab-menu li a{padding:12px 20px;font-size:15px}}
.tab .tab-box{position:relative;padding:52px 0 90px;clear:both}
.tab .hide{display:none}
.tab-box .summary{font-size:15px;line-height:24px}
.tab-box .summary .company-summary{position:relative;height:191px;margin-top:38px}
.tab-box .summary .company-summary .aim{margin-left:45px;font-size:14px;line-height:22px;float:left}
.summary .company-summary .joinus,.culture .joinus,.contact .joinus{position:absolute;right:0;bottom:0;font-size:18px;padding:0px 24px;color:#fff;background-color:#13b5b1;line-height:38px;-webkit-transition:background-color .6s ease-in;-moz-transition:background-color .6s ease-in;-ms-transition:background-color .6s ease-in;-o-transition:background-color .6s ease-in;transition:background-color .6s ease-in}
.tab-box .culture{position:relative}
.tab-box .culture .culture-item{margin-bottom:19px;height:auto;font-size:14px;line-height:22px}
.tab-box .culture .culture-item span{display:block;font-size:18px;color:#0a58a5}
.tab-box .contact{position:relative;margin-top:-20px}
.tab-box .contact .na_map{width:650px;float:left}
.tab-box .contact .info{width:450px;float:right;font-size:16px;padding-top:24px;line-height:1.8em}
.tab-box .contact .info>p{margin-bottom:15px}
.about_left{width:500px;float:left}
.about_left p{margin-bottom:10px;color:#666}
.about_right{width:660px;float:right}
.about_right p{margin-bottom:20px;color:#666}
.about_tit{background:url(../img/duty_bg.png);padding:12px 15px;margin:0px 0px 10px;font-size:17px;color:#fff;font-weight:400}


/* ===== About 页面现代化增强（科技政务风：克制、统一、轻量） ===== */
.aboutCont{--brand:#d3433e; --brand-2:#ff6a64; --ink:#334155; --muted:#64748b; --line:#E5E7EB}
/* 顶部极轻晕染与网格感，保持白底基调 */
.about-banner{position:relative}
.about-banner:before{content:"";position:absolute;inset:0;background:
  radial-gradient(1000px 200px at 50% 0, rgba(211,67,62,.06), transparent 70%),
  linear-gradient(to bottom, rgba(255,255,255,.0), rgba(255,255,255,.0));
  pointer-events:none}

/* 版心与留白 */
.aboutCont .zcon{max-width:1140px;margin:0 auto;padding:32px 16px}

/* Summary 双列：改为栅格，移除旧 float 与固定宽 */
.about_sum{display:grid;grid-template-columns:420px minmax(0,1fr);gap:28px;align-items:flex-start}
.about_left,.about_right{float:none!important;width:auto!important}

/* 卡片化容器（轻量、统一） */
.about_left,.about_right{background:#fff;border:1px solid #EEF2F7;border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.06);padding:24px;position:relative}
/* 左列卡片：独立宽度与吸顶，保持阅读焦点 */
.about_sum .about_left{position:sticky;top:24px}
.about_left:before,.about_right:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,var(--brand),var(--brand-2))}
/* 左列卡片内容的最大高度与滚动（避免过长） */
.about_sum .about_left{max-height: calc(100vh - 64px); overflow:auto}
.about_sum .about_left p{margin-bottom:10px}

/* 右列主内容卡片的图片与段落优化 */
.about_sum .about_right img{max-width:100%;border-radius:10px;box-shadow:0 8px 22px rgba(15,23,42,.08);display:block;margin:0 0 16px}
.about_sum .about_right .about_tit{margin-top:12px}

.about_left:hover,.about_right:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(15,23,42,.10);transition:.25s ease}

/* 文本可读性 */
.about_left p,.about_right p{color:var(--muted);line-height:1.9;margin:0 0 12px}
.about_tit{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;border-radius:8px;margin:6px 0 10px;padding:10px 14px;color:#fff;font-weight:600}

/* 列表/小圆点（如需） */
.about_right ul{list-style:none;padding-left:0;margin:0}
.about_right ul li{position:relative;padding-left:16px;margin:.35em 0;color:var(--muted)}
.about_right ul li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--brand-2), var(--brand));box-shadow:0 0 0 2px rgba(211,67,62,.10)}

/* 响应式：小屏改为单列 */
@media (max-width: 992px){.about_sum{grid-template-columns:1fr}.about_left,.about_right{padding:18px}}


/* ===== 单页模板增强（node_single.html）：用于“企业文化 / 联系我们”等 ===== */
/* 将单页内容渲染为居中卡片，继承关于页的科技政务风 */
.aboutCont .tab-box > .summary{max-width:960px;margin:0 auto;background:#fff;border:1px solid #EEF2F7;border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.06);padding:24px;position:relative}
.aboutCont .tab-box > .summary:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#d3433e,#ff6a64)}
.aboutCont .tab-box > .summary p{color:#64748b;line-height:1.9;margin:0 0 12px}
/* 小标题左侧品牌条 */
.aboutCont .tab-box > .summary h2{font-size:22px;font-weight:700;color:#111827;margin:1.2em 0 .6em;position:relative;padding-left:12px}
.aboutCont .tab-box > .summary h2:before{content:"";position:absolute;left:0;top:.35em;width:4px;height:1.2em;background:linear-gradient(180deg,#d3433e,#ff6a64);border-radius:2px}
.aboutCont .tab-box > .summary h3{font-size:18px;font-weight:700;color:#111827;margin:1.1em 0 .5em;position:relative;padding-left:10px}
.aboutCont .tab-box > .summary h3:before{content:"";position:absolute;left:0;top:.45em;width:3px;height:1em;background:linear-gradient(180deg,#d3433e,#ff6a64);border-radius:2px}
/* 链接底线动效 */
.aboutCont .tab-box > .summary a{position:relative;text-decoration:none}
.aboutCont .tab-box > .summary a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#d3433e,#ff6a64);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.aboutCont .tab-box > .summary a:hover:after{transform:scaleX(1)}
@media (max-width: 768px){.aboutCont .tab-box > .summary{padding:18px}}