* {margin: 0;padding: 0; box-sizing: border-box;font-family: "Microsoft YaHei", system-ui, sans-serif; }
:root { --primary: #2a82e4;  --primary-light: #0077ee; --gray-text: #666666; --dark-text: #222222; --light-bg: #f7fbff; --white: #ffffff; --shadow-color: rgba(0, 94, 216, 0.1);}
body { color: var(--dark-text); background-color: var(--white); line-height: 1.7; overflow-x: hidden;}
a {text-decoration: none; color: inherit; }
button { cursor: pointer; border: none;font-family: inherit;}
ul {list-style: none; }
 /* ========== 首屏Banner：固定不动，使用参考图 ========== */
 .banner-fixed {  position: fixed; top: 0;left: 0; width: 100vw; height: 100vh; z-index: 1; background-image: url('images/banner-ref.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;}
 .banner-inner { position: relative;  z-index: 1; height: 100%;display: flex; flex-direction: column; justify-content: center;}
/* ========== 顶部导航：初始透明，滚动后变白 ========== */
.header-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 4vw;
            z-index: 999;
            transition: background 0.3s ease, box-shadow 0.3s ease;

            /* 初始透明 */
            background: transparent;
            box-shadow: none;
        }

 /* 滚动后添加的白色背景类 */
.header-nav.scrolled {background: var(--white);box-shadow: 0 2px 10px var(--shadow-color); }
.logo { font-size: 24px; font-weight: 700;color: #0066cc;letter-spacing: 1px;}
.nav-list {display: flex;gap: 40px;}
.nav-list a { text-decoration: none; color: #333; font-size: 16px; transition: 0.3s;}
.nav-list a:hover { color: #0066cc; }
.nav-btn {padding: 4px 22px;background: linear-gradient(90deg, rgba(111, 88, 255, 1) 0%, rgba(58, 136, 252, 1) 100%); font-size: 14px;
            color: #fff;
            border-radius: 30px;
            border: none;
            cursor: pointer;
            transition: 0.3s;
        }
 /* ========== 下方滚动内容 ========== */
 .scroll-container { margin-top: 100vh; position: relative; z-index: 2; background: #ffffff;}
/* 通用模块标题 */
.module-title-wrap { text-align: center;margin-bottom: 40px; }
.module-title {font-size: clamp(22px, 3vw, 32px); color: var(--primary);  margin-bottom: 4px; }
.module-title2 {font-size: clamp(22px, 3vw, 32px); color: var(--primary);  margin-bottom: 4px; }
.module-desc { font-size: 14px; color: var(--gray-text);  }
/* 私有化知识库模块 */
        .module-private {
            padding: 70px 4vw;
        }
        .private-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            align-items: center;
        }
        .private-text {
            flex: 1;
            min-width: 300px;
        }
        .private-text p {
            color: var(--gray-text);
            margin-bottom: 24px;
            font-size: 16px;
            line-height: 2.2;
            text-align: justify;
        }
        .btn-group-row {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }
        .btn-group-row a {
            padding: 9px 16px;
            background: var(--white);
            color: var(--primary);
            border-radius: 6px;
            font-size: 14px;
            border: 1px solid var(--primary);
            cursor: pointer;
        }
        .btn-group-row a:hover{background: linear-gradient(90deg, rgba(67, 186, 251, 1) 0%, rgba(51, 106, 242, 1) 100%); color: var(--white);}

        .private-img-box {
            flex: 1;
            min-width: 300px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);;
        }
        .private-img {
            width: 100%;
            height: clamp(260px, 30vw, 396px);
            background: linear-gradient(135deg, #b3d8ff, #70b8ff);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            box-shadow: 0 1px 6px #e1e7f0;
            overflow: hidden;
        }
/* 多场景覆盖模块 */
.module-scene {  padding: 40px 4vw; background: #F6F7FA url(../image/splutionfooterPC.png.jpg) no-repeat left bottom; }
.tab-bar { display: flex; flex-wrap: wrap; gap: 14px;justify-content: center; margin-bottom: 40px;}
.Menubox2{height: 60px; background-color: #badffb; border-radius: 999px; margin-top: 30px; margin-bottom: 30px; padding: 0 10px;}
.Menubox2 li{height: 40px; margin-top: 10px; padding: 0 60px; line-height: 40px; color: #222222;; font-size: 20px; float: left; text-align: center; cursor: pointer;}
.Menubox2 li.sel{font-size: 20px; color:#fff; font-weight: 600; background: linear-gradient(90deg, #ac61ff, #005eff); border-radius: 999px;}
.Contentbox{width: 100%;}
.scene-wrap { display: flex; flex-wrap: wrap; gap: 40px; align-items: center;}
.scene-img-box {flex: 1; min-width: 300px;}
.scene-img {width: 100%;height: clamp(240px, 28vw, 450px);background: #cce0f5;border-radius: 8px; overflow: hidden;}
.scene-img img{width: 100%;}
.scene-text {flex: 1;min-width: 300px; }
.scene-text h4 {font-size: 20px; margin: 22px 0 10px; color: var(--dark-text); border-bottom: 10px; opacity: 1; }
.title-box { position: relative; display: inline-block; margin-bottom: 15px;}
.text-content {font-size: 20px;font-weight: bold;color: #000000; letter-spacing: 1px; }
.bottom-line {position: absolute;left: 0; bottom: 2px; width: 100%; height: 6px;  background: linear-gradient(90deg, transparent, #ffb3a2 20%, #ffb3a2 80%, transparent); }
.bottom-line2 {position: absolute;left: 0; bottom: 2px; width: 100%; height: 6px;  background: linear-gradient(90deg, transparent, #79a1f8 20%, #79a1f8 80%, transparent); }
.scene-text ul li {font-size: 14px; color: #808080; margin-bottom: 8px; position: relative; line-height: 2.2;}
.scene-text ul li img{text-align: left; vertical-align: middle; margin-right: 12px;}
        /* .scene-text ul li::before {
            content: "●";
            color: #00b850;
            position: absolute;
            left: 0;
        } */
        .scene-text button {
            margin-top: 18px;
            padding: 9px 18px;
            background: var(--primary);
            color: var(--white);
            border-radius: 6px;
        }

/* 核心解决方案模块 */
        .module-solution {
            padding: 40px 4vw;
        }
.solution-grid { display: grid; gap: 20px;margin-bottom: 36px;
    /* 小屏幕默认1列 */
    grid-template-columns: 1fr;}
/* 屏幕宽度大于1100px时，一行3列 */
@media (min-width: 1100px) {
    .solution-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* 中间平板尺寸一行2列 */
@media (min-width: 700px) and (max-width: 1099px) {
    .solution-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
        .solution-card {
            border: 1px solid #e0edff;
            padding: 22px;
            border-radius: 8px;
            background: #f4f4f4;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);;
        }
        .solution-card h4 {
            color: var(--dark-text);
            font-size: 16px;
            margin-bottom: 12px;
        }
        .solution-card p {
            font-size: 13px;
            color: var(--gray-text);
            line-height: 1.7;
        }
        .more-center {
            text-align: center;
        }
        .more-center a {
            padding: 8px 26px;
            border: 1px solid var(--primary);
            background: var(--white);
            color: var(--primary);
            border-radius: 30px;
            font-size: 14px;
        }
        .more-center a:hover{background: var(--primary); color: var(--white);}
 /* 资讯动态模块 */
.module-news {padding: 40px 4vw; background:url(../image/n_fazhan_bg.jpg) no-repeat left bottom;}
 .news-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(489px, 1fr));gap: 32px;margin-bottom: 40px; list-style: none; /* 去掉li默认黑点 */ padding: 0;}
/* 下面样式无需改动，直接沿用 */
.news-item { display: flex;}
/* 链接铺满整行，继承flex布局 */
.news-link { display: flex; gap: 16px; width: 100%; text-decoration: none; color: inherit; transition: transform 0.2s ease;}
/* 鼠标悬浮轻微上浮交互 */
.news-link:hover {
    transform: translateY(-4px);
}
.news-img { width: 180px;height: 105px;background: #ddeaff;border-radius: 12px;box-shadow: 0 4px 18px rgba(0, 94, 216, 0.15); flex-shrink: 0; overflow: hidden;}
.news-img img{width: 100%;}

.news-content h4 {
    font-size: 16px;
    margin-bottom: 8px;
    color: var(--dark-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-content p {
    font-size: 13px;
    color: var(--gray-text);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
}
.news-date { 
    font-size: 12px; 
    color: #999; 
}
/* 关于我们模块 */
.module-about {  padding: 40px 4vw;}
.fk-editor{color: #327bd0; white-space: pre-wrap; word-break: normal; font-size: 20px; font-weight: 550; line-height: 32px; position: relative; background: url(../image/icon-7-1.png) no-repeat left center; text-indent: 30px;}
.about-wrap {display: flex;flex-wrap: wrap; gap: 40px; align-items: center; margin-top: 40px;}
.about-img-box {flex: 1;min-width: 300px;}
.about-img { width: 100%;height: clamp(300px, 32vw, 380px);background: #102040; border-radius: 8px; overflow: hidden;}
.about-img img{width: 100%;}
.about-text {flex: 1; min-width: 300px; }
.about-text p {  color: var(--gray-text); font-size: 15px; margin-bottom: 26px; line-height: 2.2;}
        .about-feature-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
            gap: 18px;
        }
        .about-feat-item {
            text-align: center;
        }
        .about-feat-icon {
            width: 44px;
            height: 44px;
            margin: 0 auto 8px;
            background: rgba(0, 119, 238, 0.12);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-light);
            font-size: 20px;
        }
        .about-feat-item span {
            font-size: 12px;
            color: #444;
        }


/* 页脚 */
.footer { background: #333539;  color: #ccc; padding: 50px 4vw 0 4vw; display: flex; flex-wrap: wrap;gap: 40px; justify-content: space-between;}
.footer-wrap {
  display: flex;
  gap: 60px;
  margin-bottom: 40px;
}

/* 左侧区域 */
.footer-left {
  flex-shrink: 0;
  width: 490px;
}
.footer-logo h3{
  font-size: 32px;
  color: var(--white);
  object-fit: contain;
}
.footer-tel-box {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}
.tel-icon {
  width: 40px;
  height: 40px;
  background: #e8ebeb;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 24px;
  color: #333;
}
.tel-label {
  font-size: 14px;
  margin: 0 0 4px;
}
.tel-num {
  font-size: 22px;
  color: #fff;
  font-weight: 500;
  margin: 0 0 6px;
}
.tel-address {
  font-size: 12px;
  margin: 0;
}
.footer-qr-group {
  display: flex;
  gap: 40px;
  margin-top: 20px;
}
.qr-item {
  text-align: center;
}
.qr-img {
  width: 140px;
  height: 140px;
  background: #fff;
  margin-bottom: 10px;
  overflow: hidden;
}
.qr-img img{width: 100%;}
.qr-mini {
  background: #fff url(mini-qr.png) center no-repeat;
}
.qr-desc {
  font-size: 14px;
  margin: 0;
}

/* 右侧多列导航 */
.footer-nav-wrap { flex: 1; display: grid; grid-template-columns: repeat(4, minmax(200px, 220px)); gap: 20px; border-top: 2px solid #ffb800; padding-top: 20px; margin-bottom: 60px;}
.nav-title {color: #fff;font-size: 16px; margin: 0 0 16px; font-weight: normal;}
.ft-sub a{display: block; font-size: 14px; color: #797979; margin-bottom: .52rem; transition: .3s;}
.ft-sub a:hover{color: var(--white);}
/* 底部版权栏 */
.footer-copyright {border-top: 1px solid #44464a; padding-top: 20px; text-align: right; font-size: 14px;}
.footer-copyright p { margin: 0; color: #797979; text-align: center;}
.footer-copyright p a{color: #797979; }

/* 
.page-section { width: 100vw; min-height: 60vh; padding: 0 120px; display: flex;flex-direction: column;justify-content: center;position: relative; }

        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-title h2 {
            font-size: 36px;
            color: #00264d;
            margin-bottom: 12px;
        }

        .section-title span {
            font-size: 17px;
            color: #6688aa;
        }

        .sec2 {
            background: #ffffff;
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .product-card {
            background: #f5f9ff;
            padding: 36px 24px;
            border-radius: 16px;
            text-align: center;
        }

        .product-card h3 {
            font-size: 20px;
            color: #003366;
            margin: 16px 0 10px;
        }

        .sec3 {
            background: #f0f7ff;
        }

        .sec4 {
            background: #fff;
        }

        .sec5 {
            background: linear-gradient(140deg, #004080, #0066cc);
            color: #fff;
        }

.module-title { font-size: 36px; color: #222; margin-bottom: 24px; font-weight: bold;}
.module-wrap { display: flex; gap: 40px; align-items: center;}
.module-text {flex: 1;}
.module-text p {line-height: 2.2; color: #555;margin-bottom: 20px; text-align: justify;}
.btn-group {display: flex; gap: 12px;}
.btn-group a { padding: 8px 20px; border: none; border-radius: 6px; border: 1px solid #3572f3; color: #3572f3; cursor: pointer; text-decoration: none; font-size: 14px;}
.btn-group a:hover{background: linear-gradient(90deg, #43BAFB 0%, #336AF2 100%); color: #ffffff; }
.module-img { flex: 1;}
.module-img img {width: 100%;border-radius: 8px;} */


 /* 媒体查询 - 适配1440窄屏 */
        @media screen and (max-width: 1440px) {
            .pc-nav-list {
                gap: 24px;
            }
        }
        /* 媒体查询 - 移动端768px以下 */
        @media screen and (max-width: 768px) {
            /* 导航切换汉堡菜单 */
            .pc-nav-list {
                display: none;
            }
            .mobile-menu-btn {
                display: flex;
            }
            /* banner左右垂直排列 */
            .banner {
                flex-direction: column;
                text-align: center;
            }
            /* 所有模块图文上下堆叠 */
            .private-wrap, .scene-wrap, .about-wrap {
                flex-direction: column;
            }
            /* 页脚垂直布局 */
            footer {
                flex-direction: column;
            }
            .footer-qr-group {
                justify-content: center;
            }
        }