<!DOCTYPE html>
<html lang="zh-CN">
<head>
<script src="/a.js"></script>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>盛世集团·(SS)股份有限公司</title>
<meta content="盛世集团专注于高端地产开发、产业投资与文化旅游建设，20年专业经验铸就行业标杆。我们以客户价值为核心，提供全生命周期解决方案，帮助您实现资产增值与美好生活。了解我们的核心优势、经典项目与真实案例。" name="description"/>
<meta content="盛世集团" name="keywords"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"/>
<style>
        :root {
            --primary: #0a2e5c;
            --accent: #c9a227;
        }
        
        * {
            transition-duration: 0.3s;
        }
        
        body {
            font-family: 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
            line-height: 1.8;
            color: #333;
        }
        
        .navbar {
            background: rgba(10, 46, 92, 0.95) !important;
            backdrop-filter: blur(10px);
            box-shadow: 0 2px 20px rgba(0,0,0,0.1);
        }
        
        .nav-link {
            color: #fff !important;
            font-weight: 500;
            position: relative;
        }
        
        .nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 50%;
            background-color: #c9a227;
            transition: all 0.3s;
        }
        
        .nav-link:hover:after,
        .nav-link.active:after {
            width: 80%;
            left: 10%;
        }
        
        .hero {
            height: 100vh;
            min-height: 650px;
            background: linear-gradient(rgba(10, 46, 92, 0.65), rgba(10, 46, 92, 0.75)), url('https://picsum.photos/id/1015/2000/1200') center/cover no-repeat;
            display: flex;
            align-items: center;
            position: relative;
        }
        
        .hero-content {
            max-width: 800px;
        }
        
        .h1-title {
            font-size: 3.2rem;
            font-weight: 700;
            color: #fff;
            text-shadow: 0 4px 20px rgba(0,0,0,0.3);
            margin-bottom: 1.5rem;
        }
        
        .section-title {
            position: relative;
            display: inline-block;
            font-size: 2.1rem;
            color: var(--primary);
            margin-bottom: 1.5rem;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            width: 60px;
            height: 3px;
            background: var(--accent);
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .advantage-card {
            border: none;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(10, 46, 92, 0.1);
            height: 100%;
        }
        
        .advantage-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 20px 40px rgba(10, 46, 92, 0.18);
        }
        
        .project-card {
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        
        .project-card:hover img {
            transform: scale(1.08);
        }
        
        .nav-pills .nav-link {
            color: #555;
            border-radius: 50px;
            margin: 0 5px;
        }
        
        .nav-pills .nav-link.active {
            background-color: var(--primary);
            color: white;
        }
        
        .footer {
            background: #0a2e5c;
            color: #ccc;
        }
        
        .gold-text {
            color: #c9a227;
        }
        
        .hero-badge {
            display: inline-block;
            background: rgba(201, 162, 39, 0.9);
            color: #0a2e5c;
            padding: 8px 24px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.05rem;
        }
        
        .stat-number {
            font-size: 2.8rem;
            font-weight: 700;
            color: var(--accent);
        }
        
        @media (max-width: 768px) {
            .h1-title {
                font-size: 2.4rem;
            }
        }
        
        .smooth-scroll {
            scroll-behavior: smooth;
        }
        
        .content-paragraph {
            font-size: 1.08rem;
            line-height: 2;
        }
    </style>
</head>
<body class="smooth-scroll" data-bs-offset="80" data-bs-spy="scroll" data-bs-target="#mainNav">
<!-- 顶部导航栏 -->
<nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="#">
<span style="font-size: 2rem; font-weight: 800; color: #c9a227;">盛</span>
<span style="font-size: 1.8rem; font-weight: 700; color: #fff; margin-left: -4px;">世集团</span>
</a>
<button aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarContent" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav ms-auto align-items-center">
<li class="nav-item"><a class="nav-link px-4" href="#home">首页</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#about">集团介绍</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#advantages">核心优势</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#business">业务板块</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#projects">经典项目</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#cases">成功案例</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#testimonials">客户声音</a></li>
<li class="nav-item"><a class="nav-link px-4" href="#faq">常见问题</a></li>
<li class="nav-item ms-3">
<a class="btn btn-outline-light rounded-pill px-4 py-2" href="#contact">立即咨询</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- 首页 Hero -->
<section class="hero d-flex align-items-center text-white" id="home">
<div class="container">
<div class="hero-content">
<div class="hero-badge mb-4">
<i class="fa-solid fa-crown me-2"></i>成立20周年
                </div>
<h1 class="h1-title">盛世集团</h1>
<p class="lead fs-3 mb-4" style="max-width: 620px;">20年砥砺前行，以专业铸就品质，用责任创造价值</p>
<p class="mb-5 fs-5" style="max-width: 520px; opacity: 0.95;">
                    我们专注于高端地产开发、产业投资与文化旅游建设，致力于为每一位合作伙伴与客户打造属于他们的盛世生活。
                </p>
<div class="d-flex flex-wrap gap-3">
<a class="btn btn-lg px-5 py-3 rounded-pill" href="#contact" style="background-color: #c9a227; color: #0a2e5c; font-weight: 600; font-size: 1.15rem;">
<i class="fa-solid fa-handshake me-2"></i>开启合作
                    </a>
<a class="btn btn-lg px-5 py-3 rounded-pill border-2 border-white text-white hover-bg-white" href="#projects">
                        查看经典项目
                    </a>
</div>
<div class="mt-5 d-flex align-items-center gap-5">
<div>
<div class="d-flex align-items-center">
<i class="fa-solid fa-check-circle text-success fs-4 me-2"></i>
<span class="fw-bold">国家一级开发资质</span>
</div>
</div>
<div>
<div class="d-flex align-items-center">
<i class="fa-solid fa-check-circle text-success fs-4 me-2"></i>
<span class="fw-bold">服务超120个城市</span>
</div>
</div>
</div>
</div>
</div>
<!-- 向下滚动提示 -->
<div class="position-absolute bottom-5 start-50 translate-middle-x text-center" style="color: rgba(255,255,255,0.7);">
<div class="mb-2 small text-uppercase tracking-widest">了解更多</div>
<i class="fa-solid fa-chevron-down fa-2x animate__animated animate__bounce" style="animation: bounce 2s infinite;"></i>
</div>
<!-- 右下角信任标志 -->
<div class="position-absolute bottom-5 end-5 bg-white bg-opacity-10 backdrop-blur p-3 rounded-3 text-center" style="max-width: 180px;">
<div class="small mb-1" style="color: #c9a227;">合作伙伴</div>
<div class="d-flex justify-content-center gap-3 opacity-75">
<div class="bg-white px-3 py-1 rounded text-dark fw-bold small">建行</div>
<div class="bg-white px-3 py-1 rounded text-dark fw-bold small">万科</div>
</div>
</div>
</section>
<!-- 集团介绍 -->
<section class="py-5 bg-light" id="about">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="text-center mb-5">
<span class="badge bg-warning text-dark px-4 py-2 rounded-pill mb-3">SINCE 2005</span>
<h2 class="section-title">集团介绍</h2>
</div>
<div class="row align-items-center">
<div class="col-lg-6 mb-5 mb-lg-0">
<img alt="盛世集团总部大楼" class="img-fluid rounded-4 shadow" src="https://picsum.photos/id/1016/800/620" style="width: 100%; height: auto;"/>
<div class="mt-4 p-4 bg-white rounded-3 shadow-sm">
<div class="d-flex justify-content-between align-items-center">
<div>
<div class="stat-number">20</div>
<div class="text-muted">年发展历程</div>
</div>
<div class="vr"></div>
<div>
<div class="stat-number">86</div>
<div class="text-muted">个精品项目</div>
</div>
<div class="vr"></div>
<div>
<div class="stat-number">128</div>
<div class="text-muted">座城市布局</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<h3 class="fw-bold text-primary mb-4">盛世集团 — 致力于创造中国美好生活</h3>
<p class="content-paragraph">
                                盛世集团成立于2005年，总部位于广州，是一家以房地产开发为核心，涵盖产业投资、文化旅游、新能源科技、智慧社区运营的综合性企业集团。经过近二十年的稳健发展，集团已成长为行业内具有重要影响力的企业。
                            </p>
<p class="content-paragraph">
                                我们始终坚持“以人为本、品质至上、责任为先”的核心价值观，将每一处项目都视为对城市未来的献礼。从高端住宅到产业园区，从文化旅游目的地到智慧生活社区，盛世集团始终以专业态度和创新思维，满足不同客户对高品质生活的追求。
                            </p>
<p class="content-paragraph">
                                目前，集团在全国拥有超过1200名专业人才，其中中高级职称及行业专家占比超过40%。我们与多家世界500强企业及国内顶级设计机构建立了长期战略合作关系，确保每一个项目都达到国际领先水准。
                            </p>
<div class="d-flex align-items-center gap-4 mt-5">
<div class="text-center">
<div class="fw-bold text-primary">使命</div>
<div class="small text-muted">创造盛世生活</div>
</div>
<div class="text-center">
<div class="fw-bold text-primary">愿景</div>
<div class="small text-muted">成为中国最具价值的生活方式运营商</div>
</div>
<div class="text-center">
<div class="fw-bold text-primary">理念</div>
<div class="small text-muted">盛世共荣 利泽天下</div>
</div>
</div>
<div class="mt-5 pt-5 border-top">
<div class="row text-center text-md-start">
<div class="col-md-4">
<i class="fa-solid fa-award fa-3x text-warning mb-3"></i>
<div class="fw-bold">国家级高新技术企业</div>
</div>
<div class="col-md-4">
<i class="fa-solid fa-building fa-3x text-warning mb-3"></i>
<div class="fw-bold">中国房地产百强企业</div>
</div>
<div class="col-md-4">
<i class="fa-solid fa-leaf fa-3x text-warning mb-3"></i>
<div class="fw-bold">绿色建筑示范单位</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 核心优势 -->
<section class="py-5" id="advantages">
<div class="container py-5">
<div class="text-center mb-5">
<h2 class="section-title">核心优势</h2>
<p class="text-muted mx-auto" style="max-width: 580px;">二十年沉淀，盛世集团凭借专业实力、创新理念与完善服务体系，成为值得信赖的长期合作伙伴</p>
</div>
<div class="row g-4">
<!-- 优势1 -->
<div class="col-lg-4 col-md-6">
<div class="advantage-card bg-white h-100 p-5">
<div class="d-flex align-items-center mb-4">
<div class="bg-primary text-white d-flex align-items-center justify-content-center rounded-circle" style="width: 58px; height: 58px; font-size: 1.6rem;">
<i class="fa-solid fa-sack-dollar"></i>
</div>
<div class="ms-4">
<h4 class="mb-0 fw-bold">雄厚资金实力</h4>
</div>
</div>
<p class="text-muted">集团总资产超过380亿元，获得多家国有银行战略授信额度超150亿元，确保所有项目资金链安全稳定，为客户提供最可靠的合作保障。</p>
<ul class="list-unstyled mt-4">
<li class="mb-2"><i class="fa-solid fa-check text-success me-3"></i>银行授信150亿+</li>
<li class="mb-2"><i class="fa-solid fa-check text-success me-3"></i>AAA级信用评级</li>
<li><i class="fa-solid fa-check text-success me-3"></i>多项目基金支持</li>
</ul>
</div>
</div>
<!-- 优势2 -->
<div class="col-lg-4 col-md-6">
<div class="advantage-card bg-white h-100 p-5">
<div class="d-flex align-items-center mb-4">
<div class="bg-primary text-white d-flex align-items-center justify-content-center rounded-circle" style="width: 58px; height: 58px; font-size: 1.6rem;">
<i class="fa-solid fa-users"></i>
</div>
<div class="ms-4">
<h4 class="mb-0 fw-bold">专业精英团队</h4>
</div>
</div>
<p class="text-muted">汇聚行业顶尖人才，核心管理团队平均从业经验超过15年。设计、施工、运营各环节均由专业人士把控，确保项目从规划到交付的每一个细节都经得起时间考验。</p>
<div class="mt-4 pt-4 border-top">
<div class="small text-primary fw-bold">核心团队来自：</div>
<div class="mt-3 d-flex flex-wrap gap-2">
<span class="badge bg-light text-dark px-3 py-2">万科</span>
<span class="badge bg-light text-dark px-3 py-2">保利</span>
<span class="badge bg-light text-dark px-3 py-2">绿地</span>
<span class="badge bg-light text-dark px-3 py-2">华润</span>
</div>
</div>
</div>
</div>
<!-- 优势3 -->
<div class="col-lg-4 col-md-6">
<div class="advantage-card bg-white h-100 p-5">
<div class="d-flex align-items-center mb-4">
<div class="bg-primary text-white d-flex align-items-center justify-content-center rounded-circle" style="width: 58px; height: 58px; font-size: 1.6rem;">
<i class="fa-solid fa-lightbulb"></i>
</div>
<div class="ms-4">
<h4 class="mb-0 fw-bold">创新发展模式</h4>
</div>
</div>
<p class="text-muted">率先提出“产城人文”融合发展理念，将产业导入、城市建设、文化赋能与民生服务有机结合。多个项目获得国家级示范工程称号，引领行业创新方向。</p>
<div class="bg-light p-4 rounded-3 mt-5">
<div class="fw-bold small mb-3">创新成果</div>
<div class="d-flex justify-content-between">
<div class="text-center">
<div class="gold-text fw-bold fs-4">12</div>
<div class="small text-muted">项专利技术</div>
</div>
<div class="text-center">
<div class="gold-text fw-bold fs-4">8</div>
<div class="small text-muted">个示范项目</div>
</div>
</div>
</div>
</div>
</div>
<!-- 优势4 -->
<div class="col-lg-4 col-md-6">
<div class="advantage-card bg-white h-100 p-5">
<div class="d-flex align-items-center mb-4">
<div class="bg-primary text-white d-flex align-items-center justify-content-center rounded-circle" style="width: 58px; height: 58px; font-size: 1.6rem;">
<i class="fa-solid fa-handshake"></i>
</div>
<div class="ms-4">
<h4 class="mb-0 fw-bold">全生命周期服务</h4>
</div>
</div>
<p class="text-muted">从土地获取、前期策划、产品设计、工程建设到后期运营管理、物业服务，我们提供一站式全产业链服务，让合作伙伴和业主真正实现“一次选择，终身无忧”。</p>
<div class="mt-5">
<div class="progress mb-2" style="height: 6px;">
<div class="progress-bar bg-warning" style="width: 95%"></div>
</div>
<div class="d-flex justify-content-between small">
<span>规划</span>
<span>设计</span>
<span>建设</span>
<span>运营</span>
</div>
</div>
</div>
</div>
<!-- 优势5 -->
<div class="col-lg-4 col-md-6">
<div class="advantage-card bg-white h-100 p-5">
<div class="d-flex align-items-center mb-4">
<div class="bg-primary text-white d-flex align-items-center justify-content-center rounded-circle" style="width: 58px; height: 58px; font-size: 1.6rem;">
<i class="fa-solid fa-globe"></i>
</div>
<div class="ms-4">
<h4 class="mb-0 fw-bold">丰富资源网络</h4>
</div>
</div>
<p class="text-muted">与政府部门、金融机构、国内外设计院、顶级施工单位及产业链上下游企业保持长期良好合作关系，形成了强大的资源整合能力，为项目成功提供坚实保障。</p>
<div class="mt-5 pt-4 border-top text-center">
<div class="small text-muted mb-3">已合作政府平台公司</div>
<div class="d-flex justify-content-center gap-4 text-primary">
<i class="fa-solid fa-city fa-2x"></i>
<i class="fa-solid fa-landmark fa-2x"></i>
<i class="fa-solid fa-building-columns fa-2x"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 业务板块 -->
<section class="py-5 bg-light" id="business">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="text-center mb-5">
<h2 class="section-title">业务板块</h2>
<p class="lead text-muted">多元化布局，聚焦高价值领域，为城市发展与人民美好生活贡献力量</p>
</div>
<ul class="nav nav-pills justify-content-center mb-5" id="businessTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active px-5" data-bs-target="#business1" data-bs-toggle="tab" id="tab1" type="button">地产开发</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link px-5" data-bs-target="#business2" data-bs-toggle="tab" id="tab2" type="button">产业投资</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link px-5" data-bs-target="#business3" data-bs-toggle="tab" id="tab3" type="button">文旅建设</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link px-5" data-bs-target="#business4" data-bs-toggle="tab" id="tab4" type="button">智慧运营</button>
</li>
</ul>
<div class="tab-content">
<!-- 地产开发 -->
<div class="tab-pane fade show active" id="business1">
<div class="row align-items-center">
<div class="col-lg-5">
<img alt="盛世集团高端住宅项目" class="img-fluid rounded-4" src="https://picsum.photos/id/160/800/620"/>
</div>
<div class="col-lg-7">
<h3 class="fw-bold mb-4">高端地产开发</h3>
<p class="content-paragraph">
                                        盛世集团地产板块专注于打造高品质人居环境，产品涵盖高端住宅、别墅、商业综合体等多种业态。我们坚持“以人为尺度”的设计理念，注重细节打磨与生活场景营造，已在全国打造了多个标杆性项目，深受高端客户喜爱。
                                    </p>
<div class="row mt-5">
<div class="col-sm-6">
<div class="d-flex mb-4">
<i class="fa-solid fa-home text-primary fs-3 me-4"></i>
<div>
<div class="fw-bold">高端住宅系列</div>
<div class="text-muted small">盛世府、盛世云著等</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="d-flex mb-4">
<i class="fa-solid fa-store text-primary fs-3 me-4"></i>
<div>
<div class="fw-bold">商业地产</div>
<div class="text-muted small">盛世广场系列</div>
</div>
</div>
</div>
</div>
<a class="btn btn-primary px-4" href="#projects">了解更多地产项目 <i class="fa-solid fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<!-- 产业投资 -->
<div class="tab-pane fade" id="business2">
<div class="row align-items-center">
<div class="col-lg-5">
<img alt="盛世集团产业园区" class="img-fluid rounded-4" src="https://picsum.photos/id/201/800/620"/>
</div>
<div class="col-lg-7">
<h3 class="fw-bold mb-4">产业投资与运营</h3>
<p class="content-paragraph">
                                        我们积极布局战略性新兴产业，重点投资新能源、生物科技、数字经济等领域。通过“基金+产业+园区”模式，帮助地方政府实现产业升级，同时为企业提供全方位的成长支持服务。
                                    </p>
<p class="content-paragraph">
                                        目前已落地多个产业园区项目，入驻企业超过400家，创造了显著的社会和经济价值。
                                    </p>
</div>
</div>
</div>
<!-- 文旅建设 -->
<div class="tab-pane fade" id="business3">
<div class="row align-items-center">
<div class="col-lg-5">
<img alt="盛世集团文旅项目" class="img-fluid rounded-4" src="https://picsum.photos/id/251/800/620"/>
</div>
<div class="col-lg-7">
<h3 class="fw-bold mb-4">文化旅游建设</h3>
<p class="content-paragraph">
                                        盛世集团文旅板块致力于打造具有地域特色和文化内涵的旅游目的地。已成功开发多个文旅融合项目，将传统文化与现代生活方式完美结合，实现了社会效益与经济效益的双丰收。
                                    </p>
</div>
</div>
</div>
<!-- 智慧运营 -->
<div class="tab-pane fade" id="business4">
<div class="row align-items-center">
<div class="col-lg-5">
<img alt="盛世集团智慧社区" class="img-fluid rounded-4" src="https://picsum.photos/id/29/800/620"/>
</div>
<div class="col-lg-7">
<h3 class="fw-bold mb-4">智慧社区运营</h3>
<p class="content-paragraph">
                                        依托先进物联网与人工智能技术，我们为项目提供全生命周期智慧化运营服务，包括智慧物业、社区生活服务平台、健康管理等，让每一位业主真正享受到科技带来的便捷与温度。
                                    </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 数据见证 -->
<section class="py-5 bg-primary text-white">
<div class="container py-4">
<div class="row text-center">
<div class="col-md-3 col-6 mb-5 mb-md-0">
<div class="stat-number">2005</div>
<div class="mt-2 opacity-75">成立年份</div>
</div>
<div class="col-md-3 col-6 mb-5 mb-md-0">
<div class="stat-number">86</div>
<div class="mt-2 opacity-75">精品项目</div>
</div>
<div class="col-md-3 col-6">
<div class="stat-number">128</div>
<div class="mt-2 opacity-75">合作城市</div>
</div>
<div class="col-md-3 col-6">
<div class="stat-number">420万</div>
<div class="mt-2 opacity-75">服务人次</div>
</div>
</div>
</div>
</section>
<!-- 经典项目 -->
<section class="py-5" id="projects">
<div class="container py-5">
<div class="text-center mb-5">
<h2 class="section-title">经典项目</h2>
<p class="text-muted">每一个项目都是盛世集团对品质的极致追求</p>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6">
<div class="project-card h-100">
<img alt="盛世国际广场" class="w-100" src="https://picsum.photos/id/1015/600/400" style="height: 260px; object-fit: cover;"/>
<div class="p-4">
<div class="badge bg-warning text-dark mb-3">广州·2022</div>
<h5 class="fw-bold">盛世国际广场</h5>
<p class="text-muted small">集甲级写字楼、购物中心、五星级酒店于一体的城市地标建筑，总建筑面积28万平方米，已成为广州CBD核心区域重要商业名片。</p>
<div class="d-flex justify-content-between align-items-center text-small">
<span class="text-primary"><i class="fa-solid fa-medal"></i> 鲁班奖</span>
<a class="small text-decoration-none" href="#">查看详情 &gt;</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-card h-100">
<img alt="盛世云著" class="w-100" src="https://picsum.photos/id/133/600/400" style="height: 260px; object-fit: cover;"/>
<div class="p-4">
<div class="badge bg-success text-white mb-3">深圳·2023</div>
<h5 class="fw-bold">盛世云著</h5>
<p class="text-muted small">低密度高端生态住宅社区，融合山、水、林、田自然景观与现代建筑美学，荣获“中国十大最美住宅社区”称号。</p>
<div class="d-flex justify-content-between align-items-center text-small">
<span class="text-primary"><i class="fa-solid fa-leaf"></i> LEED认证</span>
<a class="small text-decoration-none" href="#">查看详情 &gt;</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-card h-100">
<img alt="盛世古镇文旅" class="w-100" src="https://picsum.photos/id/160/600/400" style="height: 260px; object-fit: cover;"/>
<div class="p-4">
<div class="badge bg-info text-white mb-3">四川·2021</div>
<h5 class="fw-bold">盛世·川西古镇</h5>
<p class="text-muted small">以藏羌文化为魂，打造集文化体验、度假休闲、特色商业于一体的文旅目的地，年接待游客超过180万人次。</p>
<div class="d-flex justify-content-between align-items-center text-small">
<span class="text-primary"><i class="fa-solid fa-flag"></i> 国家4A景区</span>
<a class="small text-decoration-none" href="#">查看详情 &gt;</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 成功案例 -->
<section class="py-5 bg-light" id="cases">
<div class="container py-5">
<div class="row">
<div class="col-lg-5">
<div class="sticky-top" style="top: 100px;">
<h2 class="section-title text-start">成功案例</h2>
<p class="lead">真实故事，见证盛世集团的专业与温度</p>
<div class="mt-5">
<div class="p-4 bg-white rounded-3 shadow-sm mb-4">
<div class="d-flex">
<div class="flex-shrink-0">
<img alt="" class="rounded-circle" src="https://picsum.photos/id/64/80/80" width="60"/>
</div>
<div class="ms-4">
<div class="fw-bold">张先生</div>
<div class="small text-muted">盛世云著业主</div>
<div class="mt-3">"从买房到入住，盛世集团的服务一直非常贴心。社区环境、物业响应速度都超出预期，已经推荐给三位朋友了。"</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="row g-4">
<div class="col-md-6">
<div class="bg-white p-4 rounded-4 h-100">
<div class="gold-text mb-3"><i class="fa-solid fa-quote-left fa-3x"></i></div>
<p class="fst-italic">"与盛世集团合作开发产业园区项目以来，他们的专业规划能力和高效执行力给我们留下了深刻印象。项目提前半年交付，入驻率远超预期。" </p>
<div class="mt-auto pt-4 border-top d-flex align-items-center">
<div>
<div class="fw-bold small">李总</div>
<div class="small text-muted">某科技集团董事长</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="bg-white p-4 rounded-4 h-100">
<div class="gold-text mb-3"><i class="fa-solid fa-quote-left fa-3x"></i></div>
<p class="fst-italic">"盛世古镇项目不仅带动了当地旅游经济发展，更重要的是保护和活化了传统建筑文化。盛世集团真正做到了文化与商业的完美平衡。" </p>
<div class="mt-auto pt-4 border-top d-flex align-items-center">
<div>
<div class="fw-bold small">王局长</div>
<div class="small text-muted">某市文旅局领导</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 客户声音 -->
<section class="py-5" id="testimonials">
<div class="container py-5">
<div class="text-center mb-5">
<h2 class="section-title">客户声音</h2>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="bg-light p-5 rounded-4">
<div class="mb-4 text-warning">
                            ★★★★☆
                        </div>
<p class="mb-4">"盛世集团不只是开发商，更是我们的长期合作伙伴。他们对产品品质的坚持和对客户需求的理解，让我们每一次合作都非常愉快。"</p>
<div class="d-flex align-items-center">
<img alt="" class="rounded-circle me-3" src="https://picsum.photos/id/201/48/48"/>
<div>
<div class="fw-bold">陈女士</div>
<div class="small text-muted">某银行高管</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="bg-light p-5 rounded-4">
<div class="mb-4 text-warning">
                            ★★★★★
                        </div>
<p class="mb-4">"入住盛世云著三年了，无论是社区活动还是物业服务，都让人非常满意。孩子在这里成长得非常快乐，邻里关系也特别和谐。"</p>
<div class="d-flex align-items-center">
<img alt="" class="rounded-circle me-3" src="https://picsum.photos/id/29/48/48"/>
<div>
<div class="fw-bold">刘先生</div>
<div class="small text-muted">盛世云著业主</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="bg-light p-5 rounded-4">
<div class="mb-4 text-warning">
                            ★★★★☆
                        </div>
<p class="mb-4">"盛世集团在文旅项目上的创新能力令人惊叹。他们帮助我们把一个传统小镇打造成了全国知名的文旅目的地，带动了整个区域的经济发展。"</p>
<div class="d-flex align-items-center">
<img alt="" class="rounded-circle me-3" src="https://picsum.photos/id/64/48/48"/>
<div>
<div class="fw-bold">赵书记</div>
<div class="small text-muted">某县县委书记</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 常见问题 -->
<section class="py-5 bg-light" id="faq">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="text-center mb-5">
<h2 class="section-title">常见问题</h2>
</div>
<div class="accordion" id="faqAccordion">
<div class="accordion-item mb-3 border-0 shadow-sm">
<h2 class="accordion-header">
<button class="accordion-button bg-white" data-bs-target="#q1" data-bs-toggle="collapse" type="button">
                                    盛世集团主要业务领域有哪些？
                                </button>
</h2>
<div class="accordion-collapse collapse show" data-bs-parent="#faqAccordion" id="q1">
<div class="accordion-body bg-white">
                                    盛世集团核心业务包括高端地产开发、产业投资与运营、文化旅游目的地建设以及智慧社区运营服务。我们以地产开发为基石，通过产业导入和文旅融合，实现多业态协同发展。
                                </div>
</div>
</div>
<div class="accordion-item mb-3 border-0 shadow-sm">
<h2 class="accordion-header">
<button class="accordion-button bg-white collapsed" data-bs-target="#q2" data-bs-toggle="collapse" type="button">
                                    如何与盛世集团开展项目合作？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="q2">
<div class="accordion-body bg-white">
                                    您可以通过本页面“联系我们”模块提交合作意向，或直接致电集团招商合作热线。我们将安排专业团队在3个工作日内与您对接，根据项目情况制定专属合作方案。
                                </div>
</div>
</div>
<div class="accordion-item mb-3 border-0 shadow-sm">
<h2 class="accordion-header">
<button class="accordion-button bg-white collapsed" data-bs-target="#q3" data-bs-toggle="collapse" type="button">
                                    盛世集团的项目品质如何保障？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="q3">
<div class="accordion-body bg-white">
                                    我们建立了从设计、选材、施工到验收的全流程严苛标准体系，并引入第三方权威机构进行全程质量监控。所有项目均严格执行国家及地方最高标准，确保交付品质高于市场平均水平。
                                </div>
</div>
</div>
<div class="accordion-item mb-3 border-0 shadow-sm">
<h2 class="accordion-header">
<button class="accordion-button bg-white collapsed" data-bs-target="#q4" data-bs-toggle="collapse" type="button">
                                    盛世集团在全国有哪些重点布局城市？
                                </button>
</h2>
<div class="accordion-collapse collapse" data-bs-parent="#faqAccordion" id="q4">
<div class="accordion-body bg-white">
                                    集团业务已覆盖华南、华东、华中、西南等主要经济区域，重点布局广州、深圳、成都、杭州、武汉、重庆等核心城市及部分重点地级市。
                                </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 联系我们 -->
<section class="py-5" id="contact">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="col-lg-6">
<h2 class="fw-bold mb-4">与盛世集团携手共创盛世</h2>
<p class="lead mb-5">无论您是寻求合作机会，还是希望了解更多项目信息，我们的专业团队都随时准备为您提供最优质的服务。</p>
<div class="d-flex mb-4">
<div class="flex-shrink-0 bg-light d-flex align-items-center justify-content-center rounded-3" style="width: 52px; height: 52px;">
<i class="fa-solid fa-phone text-primary fs-4"></i>
</div>
<div class="ms-4">
<div class="fw-bold">招商合作热线</div>
<div class="fs-3 gold-text">400-888-5566</div>
<div class="small text-muted">工作时间 周一至周五 9:00-18:00</div>
</div>
</div>
<div class="d-flex mb-5">
<div class="flex-shrink-0 bg-light d-flex align-items-center justify-content-center rounded-3" style="width: 52px; height: 52px;">
<i class="fa-solid fa-envelope text-primary fs-4"></i>
</div>
<div class="ms-4">
<div class="fw-bold">电子邮箱</div>
<div class="fs-5">contact@shengshi.com</div>
</div>
</div>
<div>
<div class="fw-bold mb-3">集团总部地址</div>
<div class="text-muted">
                                    广东省广州市天河区珠江新城华夏路盛世大厦28-30层<br/>
                                    邮编：510623
                                </div>
</div>
<div class="mt-5 pt-5 border-top">
<div class="row text-center">
<div class="col-4">
<i class="fa-solid fa-shield-halved fa-2x text-primary mb-2"></i>
<div class="small">信息安全</div>
</div>
<div class="col-4">
<i class="fa-solid fa-users fa-2x text-primary mb-2"></i>
<div class="small">专业团队</div>
</div>
<div class="col-4">
<i class="fa-solid fa-clock fa-2x text-primary mb-2"></i>
<div class="small">快速响应</div>
</div>
</div>
</div>
</div>
<!-- 联系表单 -->
<div class="col-lg-6">
<div class="bg-white shadow p-5 rounded-4">
<h4 class="mb-4 text-center">提交咨询信息</h4>
<form id="contactForm" onsubmit="handleSubmit(event)">
<div class="mb-4">
<label class="form-label">您的姓名</label>
<input class="form-control form-control-lg" placeholder="请输入姓名" required="" type="text"/>
</div>
<div class="mb-4">
<label class="form-label">联系电话</label>
<input class="form-control form-control-lg" placeholder="请输入手机号" required="" type="tel"/>
</div>
<div class="mb-4">
<label class="form-label">咨询内容</label>
<textarea class="form-control" placeholder="请描述您的合作需求或咨询内容..." rows="5"></textarea>
</div>
<button class="btn w-100 py-3 btn-primary rounded-pill fw-bold" type="submit">
                                        提交咨询
                                    </button>
<div class="text-center text-muted small mt-4">
                                        我们将在24小时内与您联系
                                    </div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer py-5">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4">
<div class="d-flex align-items-center mb-4">
<span style="font-size: 2.4rem; font-weight: 800; color: #c9a227;">盛</span>
<span style="font-size: 2rem; font-weight: 700; color: #fff; margin-left: -6px;">世集团</span>
</div>
<p class="text-white-50">以盛世之心，筑美好未来</p>
<div class="mt-4">
<a class="text-white-50 me-4" href="#"><i class="fa-brands fa-weixin"></i></a>
<a class="text-white-50 me-4" href="#"><i class="fa-brands fa-weibo"></i></a>
<a class="text-white-50" href="#"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
<div class="col-lg-2 col-6 mb-4">
<div class="fw-bold text-white mb-4">关于我们</div>
<div class="d-flex flex-column gap-2 text-white-50 small">
<a class="text-decoration-none text-white-50" href="#about">集团介绍</a>
<a class="text-decoration-none text-white-50" href="#">发展历程</a>
<a class="text-decoration-none text-white-50" href="#">领导团队</a>
<a class="text-decoration-none text-white-50" href="#">社会责任</a>
</div>
</div>
<div class="col-lg-2 col-6 mb-4">
<div class="fw-bold text-white mb-4">业务板块</div>
<div class="d-flex flex-column gap-2 text-white-50 small">
<a class="text-decoration-none text-white-50" href="#business">地产开发</a>
<a class="text-decoration-none text-white-50" href="#business">产业投资</a>
<a class="text-decoration-none text-white-50" href="#business">文旅建设</a>
<a class="text-decoration-none text-white-50" href="#business">智慧运营</a>
</div>
</div>
<div class="col-lg-4">
<div class="fw-bold text-white mb-4">联系我们</div>
<div class="text-white-50 small">
<p>电话：400-888-5566</p>
<p>邮箱：contact@shengshi.com</p>
<p>地址：广东省广州市天河区珠江新城华夏路盛世大厦</p>
</div>
<div class="mt-4 pt-4 border-top border-secondary">
<div class="small text-white-50">
                            粤ICP备2023012345号-1<br/>
                            粤公网安备 44010602001234号<br/>
                            © 2005-2025 盛世集团有限公司 版权所有
                        </div>
</div>
</div>
</div>
<div class="text-center text-white-50 mt-5 pt-5 border-top border-secondary small">
                本页面所有内容均为演示用途 | 实际项目以官方最新公布信息为准
            </div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
        // 平滑滚动增强
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                if (this.getAttribute('href') !== '#') {
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        e.preventDefault();
                        const navHeight = 80;
                        const elementPosition = target.getBoundingClientRect().top;
                        const offsetPosition = elementPosition + window.scrollY - navHeight;
                        
                        window.scrollTo({
                            top: offsetPosition,
                            behavior: 'smooth'
                        });
                    }
                }
            });
        });
        
        // 表单提交模拟
        function handleSubmit(e) {
            e.preventDefault();
            const btn = e.target.querySelector('button');
            const originalText = btn.innerHTML;
            
            btn.innerHTML = `
                <span class="spinner-border spinner-border-sm me-2" role="status"></span>
                提交中...
            `;
            btn.disabled = true;
            
            setTimeout(() => {
                alert('感谢您的咨询！盛世集团专业团队将在24小时内与您取得联系。');
                e.target.reset();
                btn.innerHTML = originalText;
                btn.disabled = false;
            }, 1600);
        }
        
        // 添加滚动时导航高亮效果
        window.addEventListener('load', () => {
            const navLinks = document.querySelectorAll('.nav-link');
            
            function updateActiveNav() {
                const scrollPosition = window.scrollY + 150;
                
                document.querySelectorAll('section[id]').forEach(section => {
                    if (scrollPosition >= section.offsetTop && 
                        scrollPosition < (section.offsetTop + section.offsetHeight)) {
                        
                        navLinks.forEach(link => {
                            link.classList.remove('active');
                            if (link.getAttribute('href') === '#' + section.getAttribute('id')) {
                                link.classList.add('active');
                            }
                        });
                    }
                });
            }
            
            window.addEventListener('scroll', updateActiveNav);
            updateActiveNav();
            
            // 添加简单的动画
            const cards = document.querySelectorAll('.advantage-card, .project-card');
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                        entry.target.style.transform = 'translateY(0)';
                    }
                });
            }, {
                threshold: 0.15
            });
            
            cards.forEach(card => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                observer.observe(card);
            });
        });
        
        // 键盘ESC关闭移动菜单
        document.addEventListener('keydown', function(e) {
            if (e.key === "Escape") {
                const navbarCollapse = document.getElementById('navbarContent');
                if (navbarCollapse.classList.contains('show')) {
                    const toggler = document.querySelector('.navbar-toggler');
                    toggler.click();
                }
            }
        });
        
        console.log('%c盛世集团落地页已成功加载 | 专业 · 可靠 · 温度', 'color:#c9a227; font-size:12px');
    </script>
</body>
</html>