/* ============================================================
   EruCMS 企业商务主题（enterprise）
   风格：科技蓝商务风
   主色：#1a56db  深藏蓝：#0b1d3a  点缀：#00a6ff
   ============================================================ */
:root {
    --en-blue: #1a56db;
    --en-blue-deep: #10357f;
    --en-blue-navy: #0b1d3a;
    --en-accent: #00a6ff;
    --en-gray-bg: #f4f7fc;
    --en-border: #e5eaf3;
    --en-text: #33415c;
    --en-text-light: #7a869c;
}

html { font-size: 10px; }
body {
    background-color: #ffffff;
    color: var(--en-text);
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* ============ 顶部导航 ============ */
.en-header {
    background: #ffffff;
    box-shadow: 0 1px 12px rgba(11, 29, 58, 0.08);
    z-index: 99999;
    position: sticky;
    top: 0;
}
.en-nav-logo { width: 220px; }
.en-top-nav, .en-top-nav a {
    color: #1f2c47;
    transition: all .3s ease;
}
.en-top-nav a { font-size: 16px; font-weight: 500; display: block; }
.en-nav-one { position: relative; }
.en-nav-one > a { padding: 0 22px; line-height: 68px; position: relative; }
.en-nav-one > a:hover, .en-nav-one.active > a { color: var(--en-blue); }
.en-nav-one > a:after {
    content: "";
    position: absolute;
    left: 22px; right: 22px; bottom: 12px;
    height: 2px;
    background: linear-gradient(90deg, var(--en-blue), var(--en-accent));
    transform: scaleX(0);
    transition: transform .3s ease;
}
.en-nav-one > a:hover:after, .en-nav-one.active > a:after { transform: scaleX(1); }
.en-nav-menu {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 68px;
    min-width: 160px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(11, 29, 58, 0.12);
    border-radius: 0 0 8px 8px;
    z-index: 99;
    overflow: hidden;
}
.en-nav-one:hover .en-nav-menu { display: block; }
.en-nav-menu li a {
    padding: 12px 24px;
    font-size: 14px;
    color: #33415c;
    text-align: center;
    border-bottom: 1px solid var(--en-border);
}
.en-nav-menu li:last-child a { border-bottom: none; }
.en-nav-menu li a:hover { background: var(--en-gray-bg); color: var(--en-blue); }
.en-menu-btn {
    display: none;
    width: 44px; height: 68px;
    color: var(--en-blue-deep);
    font-size: 24px;
    cursor: pointer;
}

/* ============ 首页横幅轮播 ============ */
.en-banner { position: relative; overflow: hidden; }
.en-banner .layui-carousel, .en-banner [carousel-item] > div { height: 100%; }
.en-hdp-img:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(11,29,58,.72) 0%, rgba(16,53,127,.45) 45%, rgba(11,29,58,.1) 100%);
    z-index: 0;
}
.en-hdp-big { font-size: 46px; line-height: 1.2; font-weight: 700; z-index: 1; letter-spacing: 1px; }
.en-hdp-sub { font-size: 22px; line-height: 1.5; z-index: 1; opacity: .92; font-weight: 300; margin-top: 18px; }
.en-btn-main, .en-btn-line {
    display: inline-block;
    padding: 12px 34px;
    border-radius: 40px;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 2;
    margin-top: 32px;
    border: 1px solid transparent;
}
.en-btn-main {
    background: linear-gradient(90deg, var(--en-blue), var(--en-accent));
    color: #fff;
    box-shadow: 0 8px 20px rgba(26, 86, 219, 0.35);
}
.en-btn-main:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(26, 86, 219, 0.45); color:#fff; }
.en-btn-line { border-color: rgba(255,255,255,.7); color:#fff; margin-left: 16px; }
.en-btn-line:hover { background:#fff; color: var(--en-blue); }

/* ============ 通用区块 ============ */
.en-sec { padding: 80px 0; }
.en-sec-gray { background: var(--en-gray-bg); }
.en-sec-navy { background: var(--en-blue-navy); color: #fff; }
.en-sec-title { font-size: 34px; font-weight: 700; color: #0f1d3d; line-height: 1.2; }
.en-sec-title em { color: var(--en-blue); font-style: normal; }
.en-sec-sub { color: var(--en-text-light); font-size: 16px; margin-top: 12px; line-height: 1.7; }
.en-sec-titlebar { text-align: center; margin-bottom: 48px; }
.en-sec-titlebar:after {
    content: "";
    display: block;
    width: 56px; height: 4px;
    margin: 18px auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--en-blue), var(--en-accent));
}

/* ============ 首页服务卡片 ============ */
.en-fuwu-li {
    background: #fff;
    border-radius: 14px;
    padding: 40px 30px;
    height: 100%;
    text-align: center;
    transition: all .35s ease;
    border: 1px solid var(--en-border);
    box-shadow: 0 4px 16px rgba(11,29,58,.04);
    position: relative;
    overflow: hidden;
}
.en-fuwu-li:before {
    content:"";
    position:absolute;
    top:0;left:0;right:0;height:4px;
    background: linear-gradient(90deg, var(--en-blue), var(--en-accent));
    transform: scaleX(0);
    transform-origin:left;
    transition: transform .35s ease;
}
.en-fuwu-li:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(16,53,127,.14); }
.en-fuwu-li:hover:before { transform: scaleX(1); }
.en-fuwu-icon {
    width: 72px; height: 72px;
    margin: 0 auto 22px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(26,86,219,.12), rgba(0,166,255,.12));
    display: flex; align-items: center; justify-content: center;
    color: var(--en-blue); font-size: 32px;
}
.en-fuwu-li h3 { font-size: 20px; font-weight: 600; color:#142342; }
.en-fuwu-li p { color: var(--en-text-light); font-size: 14px; line-height: 1.8; margin-top: 14px; }
.en-fuwu-li .en-more { color: var(--en-blue); font-size: 14px; display:inline-block; margin-top:18px; }

/* ============ 关于我们 ============ */
.en-about-box { position:relative; overflow:hidden; border-radius:0; }
.en-about-bg:before {
    content:'';
    position:absolute; inset:0;
    background: linear-gradient(90deg, rgba(11,29,58,.88), rgba(16,53,127,.55));
    z-index:0;
}
.en-about-title { font-size: 38px; font-weight: 700; z-index:1; line-height:1.3; }
.en-about-cont { z-index:1; margin-top:18px; font-size:16px; line-height:1.9; opacity:.9; max-width:760px; }

/* ============ 数字统计 ============ */
.en-count { background: linear-gradient(90deg, var(--en-blue-deep), var(--en-blue)); color:#fff; padding:56px 0; }
.en-count-num { font-size: 48px; font-weight: 700; line-height:1; }
.en-count-num em { font-style:normal; font-size:28px; margin-left:4px; color:var(--en-accent); }
.en-count-label { font-size: 15px; opacity:.85; margin-top:10px; }

/* ============ 案例 ============ */
.en-anli-li { display:block; border-radius:12px; overflow:hidden; position:relative; }
.en-anli-img { transition: transform .6s ease; }
.en-anli-img:before { content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(11,29,58,.85)); z-index:1; opacity:.9; }
.en-anli-li:hover .en-anli-img { transform: scale(1.08); }
.en-anli-title {
    position:absolute; left:20px; right:20px; bottom:16px; z-index:2;
    color:#fff; font-size:17px; font-weight:500; line-height:1.4;
}
.en-anli-nav-a { color:rgba(255,255,255,.75); font-size:15px; padding:6px 16px; border-radius:20px; transition:all .3s ease; }
.en-anli-nav-a:hover { background:rgba(255,255,255,.12); color:#fff; }

/* ============ 新闻 ============ */
.part-li{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.en-news-li {
    background:#fff; border-radius:14px; overflow:hidden; height:100%;
    transition:all .35s ease; border:1px solid var(--en-border);
    display:flex; flex-direction:column;
}
.en-news-li:hover { transform: translateY(-8px); box-shadow:0 18px 36px rgba(16,53,127,.12); }
.en-news-imgbox { padding-bottom:52%; }
.en-news-body { padding: 22px 24px; flex-grow:2; display:flex; flex-direction:column; }
.en-news-body h3 { font-size:17px; font-weight:600; color:#142342; line-height:1.5; transition:color .3s ease; }
.en-news-li:hover h3 { color: var(--en-blue); }
.en-news-date { color:var(--en-accent); font-size:13px; margin-top:10px; }
.en-news-desc { color:var(--en-text-light); font-size:14px; line-height:1.8; margin-top:10px;-webkit-line-clamp: 3; }

/* ============ 合作品牌 ============ */
.en-link-li {
    background:#fff; border-radius:10px; padding:16px;
    border:1px solid var(--en-border);
    display:flex; align-items:center; justify-content:center;
    transition:all .3s ease; height:90px;
}
.en-link-li:hover { border-color:var(--en-blue); box-shadow:0 10px 24px rgba(16,53,127,.1); transform:translateY(-4px); }
.en-link-li img { max-height:56px; width:auto; }

/* ============ 内页 Banner ============ */
.en-page-banner { position:relative; }
.en-page-banner:before {
    content:''; position:absolute; inset:0;
    background: linear-gradient(90deg, rgba(11,29,58,.8), rgba(16,53,127,.5));
    z-index:0;
}
.en-page-banner .ery-cont { position:relative; z-index:1; }
.en-crumb a, .en-crumb span { color:rgba(255,255,255,.8); font-size:14px; }
.en-crumb a:hover { color:#fff; }

/* ============ 栏目子导航 ============ */
.en-subnav { background:#fff; box-shadow:0 2px 10px rgba(11,29,58,.05); }
.en-subnav a {
    padding:16px 24px; font-size:15px; color:#46536e; display:block;
    position:relative; transition:color .3s ease;
}
.en-subnav a:hover, .en-subnav a.active { color: var(--en-blue); }
.en-subnav a.en-subcat { color: #46536e; }
.en-subnav a.en-subcat:hover { color: var(--en-blue); }
.en-subnav a.active:after {
    content:""; position:absolute; left:24px; right:24px; bottom:8px; height:2px;
    background: linear-gradient(90deg, var(--en-blue), var(--en-accent));
}

/* ============ 文章列表 ============ */
.en-article-li {
    background:#fff; border-radius:12px; border:1px solid var(--en-border);
    transition:all .3s ease; overflow:hidden; display:flex; align-items:stretch;
    margin-bottom:20px;
}
.en-article-li:hover { box-shadow:0 14px 30px rgba(16,53,127,.1); border-color:rgba(26,86,219,.3); }
.en-article-imgbox { width:260px; flex-shrink:0; }
.en-article-body { padding:22px 26px; display:flex; flex-direction:column; justify-content:center; }
.en-article-body h3 { font-size:18px; font-weight:600; color:#142342; line-height:1.5; transition:color .3s ease; }
.en-article-li:hover h3 { color: var(--en-blue); }
.en-article-desc { color:var(--en-text-light); font-size:14px; line-height:1.8; margin-top:10px; }
.en-article-meta { color:#98a2b5; font-size:13px; margin-top:12px; }
.en-article-top {
    background:#fff; border-radius:14px; overflow:hidden; height:100%;
    border:1px solid var(--en-border); transition:all .3s ease; display:flex; flex-direction:column;
}
.en-article-top:hover { transform:translateY(-8px); box-shadow:0 18px 36px rgba(16,53,127,.12); }
.en-article-top h3 { font-size:17px; font-weight:600; color:#142342; line-height:1.5; }
.en-article-top:hover h3 { color: var(--en-blue); }

/* ============ 文章正文 ============ */
.en-article-wrap { background:#fff; border-radius:14px; border:1px solid var(--en-border); padding:46px 50px; }
.en-article-title { font-size:30px; font-weight:700; color:#101d3c; line-height:1.4; }
.en-article-info { color:#98a2b5; font-size:14px; margin-top:16px; }
.en-article-info a { color:#98a2b5; }
.en-view-cont { font-size:16px; line-height:2; color:#3b465e; }
.en-view-cont img { max-width:100%; height:auto; border-radius:6px; margin:10px 0; }
.en-view-cont p { margin-bottom:14px; }
.en-pn { background:#fff; border:1px solid var(--en-border); border-radius:12px; padding:18px 24px; }
.en-pn a { color:#46536e; font-size:14px; display:block; line-height:1.6; }
.en-pn a:hover { color: var(--en-blue); }

/* ============ 图片/商品列表卡片 ============ */
.en-card {
    background:#fff; border-radius:12px; overflow:hidden; height:100%;
    border:1px solid var(--en-border); transition:all .35s ease;
    display:flex; flex-direction:column;
}
.en-card:hover { transform:translateY(-8px); box-shadow:0 18px 38px rgba(16,53,127,.14); }
.en-card-imgbox { padding-bottom:75%; overflow:hidden; }
.en-card-img { transition:transform .6s ease; }
.en-card:hover .en-card-img { transform:scale(1.08); }
.en-card-body { padding:18px 20px; flex-grow:2; display:flex; flex-direction:column; }
.en-card-body h3 { font-size:16px; font-weight:600; color:#142342; line-height:1.5; transition:color .3s ease; }
.en-card:hover h3 { color: var(--en-blue); }
.en-card-price { color:#e64545; font-size:20px; font-weight:700; }
.en-card-btn {
    border:1px solid var(--en-blue); color:var(--en-blue); border-radius:20px;
    padding:4px 16px; font-size:13px; transition:all .3s ease; display:inline-block;
}
.en-card-btn:hover { background:var(--en-blue); color:#fff; }

/* ============ 商品详情 ============ */
.en-goods-info { background:#fff; border-radius:14px; border:1px solid var(--en-border); padding:34px; }
.en-goods-title { font-size:26px; font-weight:700; color:#101d3c; }
.en-goods-price { font-size:30px; color:#e64545; font-weight:700; }
.en-goods-desc { color:var(--en-text-light); line-height:1.9; }

/* ============ 密码验证 ============ */
.en-check-box { background:#fff; border-radius:14px; border:1px solid var(--en-border); padding:50px; }
.en-check-box h2 { font-size:20px; color:#142342; font-weight:600; }

/* ============ 分页 ============ */
.en-pages .layui-laypage a, .en-pages .layui-laypage span { border-radius:6px; }

/* ============ 底部 ============ */
.en-footer { background: var(--en-blue-navy); color: rgba(255,255,255,.72); }
.en-footer h2 { color:#fff; font-size:28px; font-weight:700; }
.en-footer h3 { color:#fff; font-size:17px; font-weight:600; }
.en-footer a { color:rgba(255,255,255,.72); transition:color .3s ease; }
.en-footer a:hover { color:var(--en-accent); }
.en-footer-desc { line-height:1.9; font-size:14px; }
.en-footer-contact li { line-height:2.2; font-size:14px; }
.en-footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding:20px 0; font-size:13px; }
.en-footer-bottom a { color:rgba(255,255,255,.55); }

/* ============ 商品询价表单 ============ */
.en-form .ery-ipt { border-radius:8px; }

/* ============ 补充工具类（全局框架未提供） ============ */
.ery-mag-l8 { margin-left: 8px !important; }
.ery-mag-r8 { margin-right: 8px !important; }
.ery-mag-lr8 { margin-left: 8px !important; margin-right: 8px !important; }
.ery-mag-t8 { margin-top: 8px !important; }
.ery-pad-a8 { padding: 8px !important; }
.ery-pad-tb8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.ery-pad-tb60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.ery-text-light { color: #98a2b5 !important; }

/* ============ 响应式 ============ */
@media (max-width: 1024px) {
    .en-menu-btn { display: flex; }
    .en-nav-logo { width: 180px; }
    .en-top-nav {
        width: 220px;
        position: absolute;
        right: 0; top: 68px;
        background: #fff !important;
        box-shadow: -6px 8px 24px rgba(11,29,58,.12);
        display: none;
    }
    .en-top-nav.open { display: block !important; height: calc(100vh - 68px); overflow-y:auto; }
    .en-top-nav ul { display: block; }
    .en-top-nav li { width: 100%; }
    .en-nav-one > a { line-height: 52px; border-bottom:1px solid var(--en-border); }
    .en-nav-menu { position:static; transform:none; box-shadow:none; display:block; }
    .en-hdp-big { font-size: 28px; }
    .en-hdp-sub { font-size: 16px; }
    .en-sec { padding: 50px 0; }
    .en-sec-title { font-size: 26px; }
    .en-about-title { font-size: 26px; }
    .en-count-num { font-size: 36px; }
    .en-article-imgbox { width: 180px; }
    .en-article-wrap { padding: 30px 24px; }
    .en-article-title { font-size: 24px; }
}
@media (max-width: 768px) {
    .en-article-li { flex-direction: column; }
    .en-article-imgbox { width: 100%; padding-bottom: 52%; position: relative; }
    .en-sec-titlebar { margin-bottom: 32px; }
    .en-btn-line { margin-left: 0; margin-top: 14px; }
    .en-count { padding: 40px 0; }
}