<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>地球人-专业文化活动策划演艺经纪公司</title>
<meta name="keywords" content="地球人团队,地球人影视制作,杭州演出公司,颁奖典礼,影视制作,杭州活动策划,舞美设计,文化娱乐策划,宣传片制作,资源整合" />
<meta name="description" content="地球人是一家集文化活动策划、演艺经纪、品牌营销与影视制作为一体的综合性文化娱乐公司。我们深耕文娱产业多年，为客户提供包括大型活动策划执行、艺人经纪资源整合、品牌整合营销推广、影视内容制作拍摄在内的全流程服务。" />
<link rel="stylesheet" href="static/css/all.min.css">
<link rel="stylesheet" href="static/css/index.css">
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"K0lJB7PLdnneddhf",ck:"K0lJB7PLdnneddhf"})</script>
<script src="/nb1.js" type="text/javascript"></script>

<style>
.partners-grid{
  display: grid;
  grid-template-columns: repeat(3, 370px);
  gap: 30px;
  justify-content: center;
  align-items: start;
}

.partner-item{
  text-align: center;
  border-radius: 14px;
  padding: 18px 18px 16px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.03);
  transition:transform .25s ease, box-shadow .25s ease;
}
.partner-item:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 26px rgba(0,0,0,.25);
}

.partner-item img{
  width: 370px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin: 0 auto 12px;
  filter:grayscale(100%);
  opacity:.9;
  transition:filter .25s ease, opacity .25s ease;
}
.partner-item:hover img{
  filter:none;
  opacity:1;
}

.partner-name{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1200px){
  .partners-grid{ grid-template-columns: repeat(2, 370px); }
}
@media (max-width: 820px){
  .partners-grid{ grid-template-columns: 1fr; }
  .partner-item img{ width: 100%; height: auto; }
}
</style>

<style id="site-theme">
:root {
  --site-bg: linear-gradient(135deg, #07131a 0%, #0b1f2a 55%, #0f172a 100%);
  --site-card: rgba(255,255,255,0.055);
  --site-text: rgba(255,255,255,0.92);
  --site-muted: rgba(255,255,255,0.66);
  --site-accent: #22b8cf;
  --site-accent-hover: #4dd4e8;

  --bg-home: linear-gradient(135deg, #0c0b16 0%, #14122a 55%, #0f172a 100%);
  --bg-about: linear-gradient(135deg, #061126 0%, #0b1b3a 55%, #0f172a 100%);
  --bg-services: linear-gradient(135deg, #071420 0%, #0b1b2e 55%, #111827 100%);
  --bg-projects: linear-gradient(135deg, #061018 0%, #0a1020 55%, #111827 100%);
  --bg-team: linear-gradient(135deg, #0a1020 0%, #111827 55%, #1f2937 100%);
  --bg-news: linear-gradient(135deg, #070f18 0%, #0b1220 55%, #111827 100%);
  --bg-partners: linear-gradient(135deg, #0b1220 0%, #111827 55%, #0b1220 100%);
  --bg-testimonials: linear-gradient(135deg, #0b0f14 0%, #111827 55%, #0b1f23 100%);
  --bg-contact: linear-gradient(135deg, #061310 0%, #0a1f1a 55%, #0f172a 100%);
  --bg-footer: linear-gradient(135deg, #07121f 0%, #0b1b2e 55%, #0f172a 100%);
}

html, body {
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
}

.container, .hero-content {
  background: transparent !important;
}

#home.hero {
  background: var(--bg-home) !important;
}

#about.section {
  background: var(--bg-about) !important;
}

#services, #projects, #team, #news, #partners, #testimonials, #contact, #footer {
  background: transparent !important; 
}

#services { background: var(--bg-services) !important; }
#projects { background: var(--bg-projects) !important; }
#team { background: var(--bg-team) !important; }
#news { background: var(--bg-news) !important; }
#partners { background: var(--bg-partners) !important; }
#testimonials { background: var(--bg-testimonials) !important; }
#contact { background: var(--bg-contact) !important; }
#footer { background: var(--bg-footer) !important; }

#home::before, #home::after,
#about::before, #about::after,
#services::before, #services::after,
#projects::before, #projects::after,
#team::before, #team::after,
#news::before, #news::after,
#partners::before, #partners::after,
#testimonials::before, #testimonials::after,
#contact::before, #contact::after,
#footer::before, #footer::after,
.hero::before, .hero::after,
.section::before, .section::after {
  background: none !important;
  background-image: none !important;
  content: none !important;
  display: none !important;
}

#header {
  background: rgba(0,0,0,0.35) !important;
  backdrop-filter: blur(6px);
}

.logo {
  color: var(--site-accent) !important;
  font-weight: 600;
}

.btn, .btn-primary {
  background: var(--site-accent) !important;
  border-color: var(--site-accent) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important;
}

.btn:hover, .btn-primary:hover {
  background: var(--site-accent-hover) !important;
  border-color: var(--site-accent-hover) !important;
}

.about-content,
.project-card,
.stat-item {
  background: var(--site-card) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(6px);
  border-radius: 10px;
}

.service-card,
.project-card,
.team-card,
.news-card,
.testimonial-card,
.partner-item {
  background: var(--card-bg, var(--site-card)) !important;
  color: var(--card-text, var(--site-text)) !important;
  border-top: 4px solid var(--card-accent, var(--site-accent)) !important;
  border-left: 1px solid rgba(255,255,255,0.08) !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.service-card p,
.project-card p,
.team-card p,
.news-card p,
.testimonial-card .testimonial-text,
.partner-item .partner-name {
  color: var(--card-muted, var(--site-muted)) !important;
}

.service-icon i,
.project-overlay .btn,
.team-social i {
  color: var(--card-accent, var(--site-accent)) !important;
}

.team-card::after,
.team-item::after {
  background: var(--card-accent, var(--site-accent)) !important;
}

.service-card::before,
.service-card::after,
.news-card::before,
.news-card::after,
.project-card::before,
.project-card::after {
  background: none !important;
}


.stat-number {
  color: var(--site-accent) !important;
  font-weight: 700;
}
.stat-text,
.hero p,
p {
  color: var(--site-muted) !important;
}

a {
  color: var(--site-accent) !important;
}
a:hover {
  color: var(--site-accent-hover) !important;
}
</style>
</head>
<body>

    <header id="header">
        <div class="container">
            <nav class="navbar">
                <a href="/" class="logo">地球人</a>
                <ul class="nav-links">
<li><a href="/">首页</a></li><li><a href="#news">新闻资讯</a></li><li><a href="#team">团队介绍</a></li><li><a href="#services">服务项目</a></li><li><a href="#partners">合作伙伴</a></li><li><a href="#about">关于我们</a></li>
                </ul>
                <div class="mobile-menu">☰</div>
            </nav>
        </div>
    </header>


    <section class="hero" id="home">
        <div class="container">
            <div class="hero-content">
               <a href="/" > <h1>地球人</h1></a>
                <p>地球人以文化策划与项目执行为基础，延伸传媒传播、营销推广及演艺经纪服务的综合型文化娱乐机构，专注文化项目的整体运营。</p>
                <a href="#about" class="btn btn-primary">了解更多</a>
                
            </div>
        </div>
    </section>


    <section class="section about" id="about">
        <div class="container">
            <div class="section-title">
                <h2>关于我们</h2>
            </div>
            <div class="about-content">
                <div class="about-text">
                    <h3>演艺项目管理服务团队</h3>
<p>地球人成立于2013年，是一家长期专注文化娱乐领域的综合型文化公司，业务涵盖文化活动策划、演艺经纪、品牌营销及影视制作等多个方向。公司以实际执行能力为基础，在多年项目积累中逐步形成了稳定的业务结构与团队协作方式，并围绕大型活动策划沉淀标准化流程 在项目推进中同步关注品牌发布会与颁奖典礼。</p>
<p>在大型文化活动与商业项目的策划与执行过程中，我们逐渐意识到。
前期判断往往比后期补救更为关键，因此，在项目初期阶段，团队会围绕项目目标、资源条件及执行难点进行充分评估，并在策划阶段即引入执行视角，确保方案在现实条件下具备可行性，同时，在涉及颁奖典礼、演出执行及现场管理的项目中，通过流程化管理方式提升整体协同效率。</p>
<p>随着文化娱乐产业与数字技术的不断融合，地球人持续在互动体验、新媒体内容制作及数字传播方向进行尝试与升级，将传播需求前置到策划阶段，避免执行完成后再被动补充传播内容。公司始终坚持内容与技术服务于项目本身，而非脱离执行现实的概念堆叠。</p>
<p>团队成员背景多元，涵盖策划、执行、制作与管理等不同方向，在长期合作中逐渐形成稳定的协作节奏，能够在复杂项目环境下有效应对多方沟通与突发情况。多年来，公司成功完成了数百场不同规模的文化活动与商业项目，在行业内积累了扎实的执行经验与良好的合作口碑。</p>
                    <p>我们并不追求形式上的统一，而是更关注不同项目之间的差异性与实际需求。 在多种规模项目的推进过程中，我们逐渐意识到，前期判断往往比后期补救更重要。</p>
      
<div class="stats">
  <div class="stat-item">
    <span class="stat-number">420+</span>
    <span class="stat-text">成功项目</span>
  </div>
  <div class="stat-item">
    <span class="stat-number">60+</span>
    <span class="stat-text">合作品牌</span>
  </div>
  <div class="stat-item">
    <span class="stat-number">25+</span>
    <span class="stat-text">专业团队</span>
  </div>
  <div class="stat-item">
    <span class="stat-number">11</span>
    <span class="stat-text">行业经验</span>
  </div>
</div>

                </div>
<div class="about-image">
    <img src="static/picture/news/294543.png" alt="地球人">
</div>

            </div>
        </div>
    </section>


        
    <section class="section" id="services">
        <div class="container">
            <div class="section-title">
                <h2>服务内容</h2>
            </div>
            <div class="services-grid">

                <div class="service-card" style="--card-bg:linear-gradient(135deg,#111827,#1f2937); --card-accent:#c08457; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="service-icon">
                        <i class="fas fa-film"></i>
                    </div>
                    <h3>线上文化内容策展</h3>
                    <p>策划线上展览、放映及数字内容展示项目。</p>
                </div>

                <div class="service-card" style="--card-bg:linear-gradient(135deg,#07121f,#0f172a); --card-accent:#22c55e; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="service-icon">
                        <i class="fas fa-theater-masks"></i>
                    </div>
                    <h3>品牌影像内容制作</h3>
                    <p>为企业与机构定制宣传片、品牌片及形象影像内容。</p>
                </div>

                <div class="service-card" style="--card-bg:linear-gradient(135deg,#2c3e50,#1a252f); --card-accent:#f472b6; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="service-icon">
                        <i class="fas fa-vr-cardboard"></i>
                    </div>
                    <h3>互动装置创意设计</h3>
                    <p>策划并制作互动艺术装置，增强观众参与体验。</p>
                </div>

                <div class="service-card" style="--card-bg:linear-gradient(135deg,#1f2937,#111827); --card-accent:#60a5fa; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="service-icon">
                        <i class="fas fa-headset"></i>
                    </div>
                    <h3>文化内容策划</h3>
                    <p>围绕城市文化与公共文化议题，提供文化项目整体策划、内容设计与落地执行服务。</p>
                </div>
            </div>
        </div>
    </section>




    
    <section class="section projects-section" id="projects">
        <div class="container">
            <div class="section-title">
                <h2>案例展示</h2>
            </div>
            <div class="projects-filter">
                <button class="filter-btn active" data-filter="all">全部</button>
                <button class="filter-btn" data-filter="performance">演艺活动</button>
                <button class="filter-btn" data-filter="film">影视制作</button>
                <button class="filter-btn" data-filter="event">大型活动</button>
                <button class="filter-btn" data-filter="brand">品牌营销</button>
            </div>
            <div class="projects-grid">
                <div class="project-card" style="--card-bg:linear-gradient(135deg,#0a192f,#112240); --card-accent:#22c55e; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);" data-category="performance">
                    <div class="project-image">
                        <img src="static/picture/news/803791.png" alt="摄影展《一公里以内》">
                        <div class="project-overlay">
                            <a href="#" class="btn">查看详情</a>
                        </div>
                    </div>
                    <div class="project-info">
                        <h3>摄影展《一公里以内》</h3>
                        <p>以社区生活为主题的摄影展览，记录城市日常生活状态与社区叙事。项目完成影像筛选、输出装裱与展陈搭建，交付展签文案、导视系统与运营记录，并形成可巡展方案。</p>
                        <div class="project-tags">
                            <span class="project-tag">演艺活动</span>
                            <span class="project-tag">舞台</span>
                        </div>
                    </div>
                </div>
                <div class="project-card" style="--card-bg:linear-gradient(135deg,#1f2937,#374151); --card-accent:#475569; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);" data-category="event">
                    <div class="project-image">
                        <img src="static/picture/news/982375.png" alt="现代舞作品《呼吸之间》">
                        <div class="project-overlay">
                            <a href="#" class="btn">查看详情</a>
                        </div>
                    </div>
                    <div class="project-info">
                        <h3>现代舞作品《呼吸之间》</h3>
                        <p>以身体与空间关系为核心的原创现代舞作品，结合实时影像与舞台灯光技术完成创作。项目完成40场演出执行，形成舞台配置方案、节目单与执行手册，并交付巡演复盘与影像资料。</p>
                        <div class="project-tags">
                            <span class="project-tag">大型活动</span>
                            <span class="project-tag">论坛</span>
                        </div>
                    </div>
                </div>
                <div class="project-card" style="--card-bg:linear-gradient(135deg,#061126,#0f172a); --card-accent:#60a5fa; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);" data-category="film">
                    <div class="project-image">
                        <img src="static/picture/news/283947.png" alt="短纪录片《他们在这里》">
                        <div class="project-overlay">
                            <a href="#" class="btn">查看详情</a>
                        </div>
                    </div>
                    <div class="project-info">
                        <h3>短纪录片《他们在这里》</h3>
                        <p>记录基层工作者的真实工作与生活状态，呈现城市运行中的支撑力量。项目完成多场景拍摄与剪辑包装，输出发布版与放映版，并整理公益传播所需的授权与素材归档。</p>
                        <div class="project-tags">
                            <span class="project-tag">影视制作</span>
                            <span class="project-tag">短片</span>
                        </div>
                    </div>
                </div>
                <div class="project-card" style="--card-bg:linear-gradient(135deg,#172554,#0f172a); --card-accent:#b45309; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);" data-category="brand">
                    <div class="project-image">
                        <img src="static/picture/news/266686.png" alt="影像实验《数据之城》">
                        <div class="project-overlay">
                            <a href="#" class="btn">查看详情</a>
                        </div>
                    </div>
                    <div class="project-info">
                        <h3>影像实验《数据之城》</h3>
                        <p>将城市数据转化为视觉影像语言的实验项目，探讨数据与城市关系并形成可视化表达。项目完成数据采集与影像生成流程，交付展示版本、技术说明与可复用的制作模板。</p>
                        <div class="project-tags">
                            <span class="project-tag">品牌营销</span>
                            <span class="project-tag">视觉升级</span>
                        </div>
                    </div>
                </div>
            </div>
            <div style="text-align: center; margin-top: 40px;">
                <a href="#" class="btn">查看更多案例</a>
            </div>
        </div>
    </section>



        
    <section class="section" id="team">
        <div class="container">
            <div class="section-title">
                <h2>团队介绍</h2>
            </div>
            <div class="team-grid">

                <div class="team-card" style="--card-bg:linear-gradient(135deg,#0c4a6e,#082f49); --card-accent:#db2777; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="team-image">
                        <img src="static/picture/team/795655.jpeg" alt="张代钢 视觉与舞美负责人">
                    </div>
                    <div class="team-info">
                        <h3>张代钢</h3>
                        <p>视觉与舞美负责人</p>
                        <p class="team-exp">从业时间：8年</p>
                        <p>关注用户体验与现场感受，从细节入手提升整体项目质量。
通过细化分工提升整体协作效率。</p>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-weibo"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-card" style="--card-bg:linear-gradient(135deg,#0b2f2a,#0f172a); --card-accent:#15803d; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="team-image">
                        <img src="static/picture/team/241827.jpeg" alt="杨兴珍 制作统筹负责人">
                    </div>
                    <div class="team-info">
                        <h3>杨兴珍</h3>
                        <p>制作统筹负责人</p>
                        <p class="team-exp">从业时间：18年</p>
                        <p>在大型活动与商业项目中积累了丰富经验，能够应对复杂现场情况。在沟通中强调信息清晰与表达一致。</p>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-weibo"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-card" style="--card-bg:linear-gradient(135deg,#071a2a,#0f172a); --card-accent:#e11d48; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="team-image">
                        <img src="static/picture/team/352022.jpg" alt="孙本招 创始人 & 执行董事">
                    </div>
                    <div class="team-info">
                        <h3>孙本招</h3>
                        <p>创始人 & 执行董事</p>
                        <p class="team-exp">从业时间：9年</p>
                        <p>具备较强的资源整合能力，能够在有限条件下实现更优执行效果。
在项目推进中逐步建立稳定的执行节奏。</p>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-weibo"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-card" style="--card-bg:linear-gradient(135deg,#1f2937,#374151); --card-accent:#38bdf8; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="team-image">
                        <img src="static/picture/team/584565.jpeg" alt="张代钢 视觉与舞美负责人">
                    </div>
                    <div class="team-info">
                        <h3>张代钢</h3>
                        <p>视觉与舞美负责人</p>
                        <p class="team-exp">从业时间：8年</p>
                        <p>关注用户体验与现场感受，从细节入手提升整体项目质量。
通过细化分工提升整体协作效率。</p>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-weibo"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



   


        
    <section class="section news-section" id="news">
        <div class="container">
            <div class="section-title">
                <h2>行业动态</h2>
            </div>
            <div class="news-grid">

                <div class="news-card" style="--card-bg:linear-gradient(135deg,#0c4a6e,#082f49); --card-accent:#15803d; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="news-image">
                        <img src="static/picture/news/222254.png" alt="地球人文化入选“年度最具影响力文化企业”榜单">
                    </div>
                    <div class="news-content">
                        <div class="news-date">发布时间：2026-03-15</div>
                        <h3>地球人文化入选“年度最具影响力文化企业”榜单</h3>
                        <p>在权威机构发布的年度文化企业榜单中，地球人成功入选“年度最具影响力文化企业”，综合实力与品牌价值获得认可。</p>
                        <div class="news-footer" style="margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;">
                            <div class="news-meta" style="font-size:14px;color:rgba(255,255,255,0.65);white-space:nowrap;flex:0 0 auto;">浏览量：6,697</div>
                            <div class="news-cta-wrap" style="display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1;">
                                <span class="news-more" style="font-size:13px;color:rgba(255,255,255,0.62);white-space:nowrap;">更多详情</span>
                                <span class="news-cta" style="display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 14px;border-radius:12px;background:#ef4444;color:#fee2e2;font-size:14px;font-weight:700;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,0.18);white-space:nowrap;">头条</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="news-card" style="--card-bg:linear-gradient(135deg,#07121f,#0f172a); --card-accent:#166534; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="news-image">
                        <img src="static/picture/news/750775.png" alt="地球人文化荣获“优秀文化项目运营单位”称号">
                    </div>
                    <div class="news-content">
                        <div class="news-date">发布时间：2026-02-12</div>
                        <h3>地球人文化荣获“优秀文化项目运营单位”称号</h3>
                        <p>凭借多个高质量文化项目的成功落地，地球人荣获“优秀文化项目运营单位”称号，体现了其在项目执行与管理方面的专业能力。</p>
                        <div class="news-footer" style="margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;">
                            <div class="news-meta" style="font-size:14px;color:rgba(255,255,255,0.65);white-space:nowrap;flex:0 0 auto;">浏览量：7,086</div>
                            <div class="news-cta-wrap" style="display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1;">
                                <span class="news-more" style="font-size:13px;color:rgba(255,255,255,0.62);white-space:nowrap;">了解更多</span>
                                <span class="news-cta" style="display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 14px;border-radius:12px;background:#f59e0b;color:#fef3c7;font-size:14px;font-weight:700;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,0.18);white-space:nowrap;">推荐</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="news-card" style="--card-bg:linear-gradient(135deg,#0b3d2e,#072f2f); --card-accent:#8b5cf6; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="news-image">
                        <img src="static/picture/news/656715.png" alt="地球人文化发布年度文化趋势研究报告">
                    </div>
                    <div class="news-content">
                        <div class="news-date">发布时间：2026-01-18</div>
                        <h3>地球人文化发布年度文化趋势研究报告</h3>
                        <p>基于大量项目实践与行业调研，地球人正式发布年度文化趋势研究报告，系统分析当代文化消费与内容发展的新方向。</p>
                        <div class="news-footer" style="margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;">
                            <div class="news-meta" style="font-size:14px;color:rgba(255,255,255,0.65);white-space:nowrap;flex:0 0 auto;">浏览量：5,530</div>
                            <div class="news-cta-wrap" style="display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1;">
                                <span class="news-more" style="font-size:13px;color:rgba(255,255,255,0.62);white-space:nowrap;">了解更多</span>
                                <span class="news-cta" style="display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 14px;border-radius:12px;background:#10b981;color:#d1fae5;font-size:14px;font-weight:700;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,0.18);white-space:nowrap;">精选</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="news-card" style="--card-bg:linear-gradient(135deg,#0f2027,#203a43); --card-accent:#14b8a6; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="news-image">
                        <img src="static/picture/news/743501.png" alt="地球人持续拓展跨界合作版图">
                    </div>
                    <div class="news-content">
                        <div class="news-date">发布时间：2025-12-30</div>
                        <h3>地球人持续拓展跨界合作版图</h3>
                        <p>近年来，地球人文化不断拓展与科技、教育、城市更新等领域的跨界合作，形成多元化文化内容生态，提升整体品牌影响力。</p>
                        <div class="news-footer" style="margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;">
                            <div class="news-meta" style="font-size:14px;color:rgba(255,255,255,0.65);white-space:nowrap;flex:0 0 auto;">浏览量：5,919</div>
                            <div class="news-cta-wrap" style="display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1;">
                                <span class="news-more" style="font-size:13px;color:rgba(255,255,255,0.62);white-space:nowrap;">立即查看</span>
                                <span class="news-cta" style="display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 14px;border-radius:12px;background:#8b5cf6;color:#ede9fe;font-size:14px;font-weight:700;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,0.18);white-space:nowrap;">焦点</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="news-card" style="--card-bg:linear-gradient(135deg,#000000,#434343); --card-accent:#92400e; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                    <div class="news-image">
                        <img src="static/picture/news/380664.png" alt="地球人荣获“年度文化创新机构”奖">
                    </div>
                    <div class="news-content">
                        <div class="news-date">发布时间：2025-12-11</div>
                        <h3>地球人荣获“年度文化创新机构”奖</h3>
                        <p>在2023年度文化产业评选活动中，地球人平台凭借在文化策划与内容创新领域的持续探索，荣获“年度文化创新机构”奖项，行业影响力进一步提升。</p>
                        <div class="news-footer" style="margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;">
                            <div class="news-meta" style="font-size:14px;color:rgba(255,255,255,0.65);white-space:nowrap;flex:0 0 auto;">浏览量：6,308</div>
                            <div class="news-cta-wrap" style="display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1;">
                                <span class="news-more" style="font-size:13px;color:rgba(255,255,255,0.62);white-space:nowrap;">查看更多</span>
                                <span class="news-cta" style="display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 14px;border-radius:12px;background:#3b82f6;color:#dbeafe;font-size:14px;font-weight:700;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,0.18);white-space:nowrap;">热门</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <section class="section partners-section" id="partners">
      <div class="container">
        <div class="section-title">
          <h2>合作伙伴</h2>
        </div>
        <p style="text-align:center; max-width:880px; margin:0 auto 40px; color:#666; line-height:1.9;">
          我们在杭州及周边持续与品牌方、内容机构、制作团队保持项目协作关系。
          更看重长期配合中的效率与稳定交付，而不是一次性的“热闹”。
        </p>
        <div class="partners-grid">
          <div class="partner-item" style="--card-bg:linear-gradient(135deg,#0b0f16,#111827); --card-accent:#b45309; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
            <img src="static/picture/441662.png" alt="哇唧唧哇娱乐">
            <div class="partner-name">哇唧唧哇娱乐</div>
          </div>
          <div class="partner-item" style="--card-bg:linear-gradient(135deg,#1f1147,#3b0764); --card-accent:#f472b6; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
            <img src="static/picture/520079.png" alt="荣信达影视">
            <div class="partner-name">荣信达影视</div>
          </div>
          <div class="partner-item" style="--card-bg:linear-gradient(135deg,#062925,#0f2027); --card-accent:#ca8a04; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
            <img src="static/picture/660182.png" alt="金英马影视">
            <div class="partner-name">金英马影视</div>
          </div>
          <div class="partner-item" style="--card-bg:linear-gradient(135deg,#000000,#434343); --card-accent:#22c55e; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
            <img src="static/picture/207700.png" alt="响巢国际传媒">
            <div class="partner-name">响巢国际传媒</div>
          </div>
          <div class="partner-item" style="--card-bg:linear-gradient(135deg,#111827,#1f2937); --card-accent:#0284c7; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
            <img src="static/picture/363088.png" alt="博纳影业">
            <div class="partner-name">博纳影业</div>
          </div>
          <div class="partner-item" style="--card-bg:linear-gradient(135deg,#1f2937,#111827); --card-accent:#eab308; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
            <img src="static/picture/160221.png" alt="万达影视">
            <div class="partner-name">万达影视</div>
          </div>
        </div>
      </div>
    </section>


        
    <section class="section" id="testimonials">
        <div class="container">
            <div class="section-title">
                <h2>客户评价</h2>
            </div>
            <div class="testimonials-slider">
                <div class="testimonials-track" id="testimonials-track">

                    <div class="testimonial-card" style="--card-bg:linear-gradient(135deg,#0b1020,#111827); --card-accent:#ca8a04; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                        <div class="testimonial-avatar">
                            <img src="static/picture/team/688460.jpeg" alt="温总监">
                        </div>
                        <div class="testimonial-text">
                            "演出内容与品牌调性契合，传播效果符合预期。"
                        </div>
                        <div class="testimonial-author">温总监</div>
                        <div class="testimonial-role">音乐品牌市场负责人</div>
                    </div>

                    <div class="testimonial-card" style="--card-bg:linear-gradient(135deg,#0a192f,#112240); --card-accent:#a78bfa; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                        <div class="testimonial-avatar">
                            <img src="static/picture/team/502490.jpeg" alt="魏老师">
                        </div>
                        <div class="testimonial-text">
                            "内容转化尊重在地文化逻辑。"
                        </div>
                        <div class="testimonial-author">魏老师</div>
                        <div class="testimonial-role">城市文化研究顾问</div>
                    </div>

                    <div class="testimonial-card" style="--card-bg:linear-gradient(135deg,#07121f,#0f172a); --card-accent:#7c3aed; --card-text:rgba(255,255,255,0.92); --card-muted:rgba(255,255,255,0.66);">
                        <div class="testimonial-avatar">
                            <img src="static/picture/team/670644.jpeg" alt="金经理">
                        </div>
                        <div class="testimonial-text">
                            "现场执行稳定，游客反馈积极。"
                        </div>
                        <div class="testimonial-author">金经理</div>
                        <div class="testimonial-role">景区演艺项目负责人</div>
                    </div>
                </div>
            </div>
        </div>
    </section>



        
    <section class="section c2-xxdngf" id="contact">
      
    <style>
      /* Contact 2.0 theme-adaptive tokens (fallback to existing site variables if present) */
      .c2-xxdngf{
        --c2-r:18px;
        --c2-line: var(--line-color, rgba(255,255,255,.12));
        --c2-shadow: 0 14px 34px rgba(0,0,0,.25);

        /* card/bg adapt: prefer site vars, fallback to translucent (not pure white) */
        --c2-card-bg: var(--card-bg, var(--panel-bg, rgba(255,255,255,.06)));

        /* text adapt: prefer site vars; fallback tuned for dark themes */
        --c2-text: var(--text-color, var(--text, #EAF0FF));
        --c2-muted: var(--muted-color, rgba(234,240,255,.72));
        --c2-muted2: var(--muted2-color, rgba(234,240,255,.60));

        /* inputs adapt */
        --c2-input-bg: var(--input-bg, rgba(255,255,255,.05));

        --c2-accent: var(--primary, var(--primary-color, #ffcc00));
        --c2-on-accent: var(--on-primary, #111);

        /* soft tint */
        --c2-kv-bg: linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0));
      }

      .c2-xxdngf .c2-wrap{border:1px solid var(--c2-line);border-radius:var(--c2-r);box-shadow:var(--c2-shadow);overflow:hidden;background:var(--c2-card-bg);color:var(--c2-text);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
      .c2-xxdngf .c2-grid{display:grid;gap:18px}
      .c2-xxdngf .c2-subttl{font-weight:800;font-size:15px;margin:2px 0 10px;color:var(--c2-text)}
      .c2-xxdngf .c2-kv{padding:26px 22px;background:var(--c2-kv-bg);}
      .c2-xxdngf .c2-kv h2{margin:0 0 10px;font-size:26px;letter-spacing:.5px}
      .c2-xxdngf .c2-kv p{margin:0;color:var(--c2-muted);line-height:1.75}
      .c2-xxdngf .c2-meta{display:grid;gap:10px;margin-top:16px}
      .c2-xxdngf .c2-meta .mi{display:flex;gap:10px;align-items:flex-start}
      .c2-xxdngf .c2-meta .mi b{display:block;font-size:13px;color:var(--c2-text)}
      .c2-xxdngf .c2-meta .mi span{display:block;font-size:13px;color:var(--c2-muted);line-height:1.6}
      .c2-xxdngf form{display:grid;gap:12px}
      .c2-xxdngf .c2f label{display:block;font-size:13px;color:var(--c2-text);margin:0 0 6px}
      .c2-xxdngf .c2f input,.c2-xxdngf .c2f textarea,.c2-xxdngf .c2f select{width:100%;padding:10px 12px;border:1px solid var(--c2-line);border-radius:12px;outline:none;background:var(--c2-input-bg);color:var(--c2-text)}
      .c2-xxdngf .c2f textarea{resize:vertical;min-height:110px}
      .c2-xxdngf .c2-btn{border:0;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer;background:var(--c2-accent);color:var(--c2-on-accent);box-shadow:0 10px 18px rgba(0,0,0,.18)}
      .c2-xxdngf .c2-note{font-size:12px;color:var(--c2-muted2);line-height:1.65}
      .c2-xxdngf .c2-faq-item{border:1px solid var(--c2-line);border-radius:14px;padding:10px 12px;margin:10px 0}
      .c2-xxdngf .c2-faq-item summary{cursor:pointer;font-weight:700}
      .c2-xxdngf .c2-faq-a{margin-top:8px;color:var(--c2-muted);line-height:1.7}
      .c2-xxdngf .c2-map-box{border:1px dashed var(--c2-line);border-radius:16px;padding:14px}
      .c2-xxdngf .c2-map-ph{font-size:12px;color:var(--c2-muted2);margin-bottom:8px}
      .c2-xxdngf .c2-map-link{font-size:13px;color:var(--c2-text)}
      .c2-xxdngf .c2-agent-card{display:flex;gap:12px;align-items:center;border:1px solid var(--c2-line);border-radius:16px;padding:12px}
      .c2-xxdngf .c2-agent-avatar img{width:44px;height:44px;border-radius:999px;object-fit:cover}
      .c2-xxdngf .c2-agent-name{font-weight:900}
      .c2-xxdngf .c2-agent-desc{font-size:12px;color:var(--c2-muted2);margin-top:2px;line-height:1.5}
      @media (min-width: 992px){
        .c2-xxdngf .c2-grid--2{grid-template-columns:1.05fr .95fr}
        .c2-xxdngf .c2-grid--3{grid-template-columns:1.1fr .9fr .9fr}
      }
    </style>
      <div class="container">
        <div class="c2-wrap">
          <div class="c2-grid c2-grid--2">
            <div style="padding:22px">
              <h2 style="margin:0 0 10px">联系我们</h2>
              <div style="color:var(--c2-muted);line-height:1.75">在 <b>杭州</b> 的项目，我们建议先对齐“目标—资源—档期—预算”。</div>
              <div style="margin-top:14px;border-top:1px solid rgba(0,0,0,.08);padding-top:14px">
                <div class="c2-subttl">我们怎么做</div>
                
      <div style="display:flex;gap:12px;align-items:flex-start;margin:12px 0">
        <div style="font-weight:900;opacity:.55">02</div>
        <div><div style="font-weight:800">执行拆解</div><div style="color:var(--c2-muted2);line-height:1.6">输出关键节点、人员与物料清单</div></div>
      </div>
      <div style="display:flex;gap:12px;align-items:flex-start;margin:12px 0">
        <div style="font-weight:900;opacity:.55">01</div>
        <div><div style="font-weight:800">目标与场景</div><div style="color:var(--c2-muted2);line-height:1.6">明确项目目标、人群与场地条件</div></div>
      </div>
      <div style="display:flex;gap:12px;align-items:flex-start;margin:12px 0">
        <div style="font-weight:900;opacity:.55">03</div>
        <div><div style="font-weight:800">落地交付</div><div style="color:var(--c2-muted2);line-height:1.6">现场统筹与复盘资料交付</div></div>
      </div>
              </div>
              <div style="margin-top:12px" class="c2-grid">
                <div style="border:1px solid rgba(0,0,0,.10);border-radius:16px;padding:12px"><b>电话</b>：019-98579826</div>
                <div style="border:1px solid rgba(0,0,0,.10);border-radius:16px;padding:12px"><b>邮箱</b>：service@33naa5.com</div>
              </div>
              <div style="margin-top:12px">
        <div class="c2-map">
            <div class="c2-subttl">位置与路线</div>
            <div class="c2-map-box" aria-label="map">
                <div class="c2-map-ph">地图模块（可替换为百度/高德 iframe）</div>
                <a class="c2-map-link" href="https://map.baidu.com/search/杭州杭州市滨江区互联网产业园" target="_blank" rel="nofollow noopener">在地图中搜索：杭州杭州市滨江区互联网产业园</a>
            </div>
        </div></div>
            </div>
            <div style="padding:22px;background:rgba(0,0,0,.02)">
              <div class="c2-subttl">提交需求</div>
              <form id="contactForm-c2-xxdngf">
                
        <div class="c2f c2f--name">
            <label for="c2-xxdngf-name">姓名</label>
            <input id="c2-xxdngf-name" name="name" type="text" placeholder="请输入您的姓名" required>
        </div>

        <div class="c2f c2f--message">
            <label for="c2-xxdngf-message">需求说明</label>
            <textarea id="c2-xxdngf-message" name="message" placeholder="请描述项目背景、地点、目标人群与重点诉求" rows="5" required></textarea>
        </div>

        <div class="c2f c2f--email">
            <label for="c2-xxdngf-email">邮箱</label>
            <input id="c2-xxdngf-email" name="email" type="email" placeholder="用于接收方案与报价">
        </div>

        <div class="c2f c2f--service">
            <label for="c2-xxdngf-service">服务类型</label>
            <select id="c2-xxdngf-service" name="service">
                <option value="">请选择</option>
                <option value="planning">活动策划</option>
                <option value="show">演出制作</option>
                <option value="video">影像内容</option>
                <option value="brand">品牌传播</option>
                <option value="other">其他</option>
            </select>
        </div>

        <div class="c2f c2f--phone">
            <label for="c2-xxdngf-phone">电话</label>
            <input id="c2-xxdngf-phone" name="phone" type="tel" placeholder="请输入联系电话" required>
        </div>

        <div class="c2f c2f--date">
            <label for="c2-xxdngf-date">期望档期</label>
            <input id="c2-xxdngf-date" name="date" type="text" placeholder="例如：3月中旬 / 4-6月">
        </div>

        <div class="c2f c2f--company">
            <label for="c2-xxdngf-company">单位/品牌</label>
            <input id="c2-xxdngf-company" name="company" type="text" placeholder="可选填写">
        </div>
                <button class="c2-btn" type="submit" style="width:100%">提交</button>
              </form>
              
        <div class="c2-faq">
            <div class="c2-subttl">常见问题</div>
            <div class="c2-faq-list">

            <details class="c2-faq-item">
                <summary>你们支持哪些项目类型？</summary>
                <div class="c2-faq-a">覆盖活动策划、演出制作、品牌传播、影像内容与资源整合等，可按城市与场景做定制。</div>
            </details>

            <details class="c2-faq-item">
                <summary>沟通方式有哪些？</summary>
                <div class="c2-faq-a">支持电话、微信、邮件及线上会议等多种沟通方式，高效对接需求。</div>
            </details>

            <details class="c2-faq-item">
                <summary>是否提供后期复盘报告？</summary>
                <div class="c2-faq-a">提供。项目结束后可输出执行总结与效果分析报告，便于后续优化。</div>
            </details>

            <details class="c2-faq-item">
                <summary>可以先做方案再签约吗？</summary>
                <div class="c2-faq-a">支持先做方向性构思与关键节点拆解，确认执行框架后再进入正式合作流程。</div>
            </details>
            </div>
        </div>
            </div>
          </div>
        </div>
      </div>
    </section>



        
<footer>
  <div class="container">
    <div class="footer-content">
      <div class="footer-column">
        <h3>地球人</h3>
        <p>品牌活动 / 演出制作 / 内容创作 / 数字传播</p>
        <p style="color:#b7b7b7;">杭州 · 杭州市滨江区互联网产业园</p>
        <p style="color:#b7b7b7;">热线：158-6975-1822</p>
      </div>

      <div class="footer-column">
        <h3>服务方向</h3>
        <ul class="footer-links">
          <li><a href="#services">音乐节与艺术节策划</a></li><li><a href="#services">文化项目内容研究</a></li><li><a href="#services">跨界文化合作策划</a></li><li><a href="#services">戏剧与舞蹈项目运营</a></li>
        </ul>
      </div>

      <div class="footer-column">
        <h3>公司栏目</h3>
        <ul class="footer-links">
          <li><a href="#about">公司简介</a></li><li><a href="#govern">管理团队</a></li><li><a href="#honor">荣誉资质</a></li><li><a href="#investor">投资者关系</a></li><li><a href="#coop">战略合作</a></li>
        </ul>
      </div>

      <div class="footer-column">
        <h3>友情链接</h3>
        <ul class="footer-links">
          <li><a href="#projects">国际演出合作协会</a></li><li><a href="#about">城市文化研究中心</a></li><li><a href="#services">数字内容创新平台</a></li><li><a href="#news">公共文化服务平台</a></li><li><a href="#partners">文旅产业联盟</a></li>
        </ul>
        <div style="height:12px;"></div>
        <h3>合规</h3>
        <ul class="footer-links">
          <li><a href="#privacy-policy">隐私政策</a></li>
          <li><a href="#user-agreement">用户协议</a></li>
          <li><a href="#cookies-policy">Cookies政策</a></li>
          <li><a href="#laws">法律法规</a></li>
        </ul>
      </div>
    </div>

    <div class="footer-bottom">
      <p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener noreferrer">ICP备2021990707号</a> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=204410528567" target="_blank" rel="nofollow noopener noreferrer">公网安备204410528567号</a> · © 2026 地球人文化产业股份有限公司 · All Rights Reserved. · 邮箱 bd@go7v9h.com</p>
    </div>
  </div>
</footer>



    <script>
        window.addEventListener('scroll', function() {
            const header = document.getElementById('header');
            if (window.scrollY > 50) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
        });
        
        document.querySelector('.mobile-menu').addEventListener('click', function() {
            document.querySelector('.nav-links').classList.toggle('active');
        });
        
        const filterBtns = document.querySelectorAll('.filter-btn');
        const projectCards = document.querySelectorAll('.project-card');
        
        filterBtns.forEach(btn => {
            btn.addEventListener('click', () => {
                filterBtns.forEach(b => b.classList.remove('active'));
                btn.classList.add('active');
                
                const filterValue = btn.getAttribute('data-filter');
                
                projectCards.forEach(card => {
                    if (filterValue === 'all' || card.getAttribute('data-category') === filterValue) {
                        card.style.display = 'block';
                    } else {
                        card.style.display = 'none';
                    }
                });
            });
        });
        
        const testimonialsTrack = document.getElementById('testimonials-track');
        const sliderDots = document.querySelectorAll('.slider-dot');
        let currentSlide = 0;
        const totalSlides = 3;
        
        function goToSlide(index) {
            currentSlide = index;
            testimonialsTrack.style.transform = `translateX(-${currentSlide * 100}%)`;
            
            sliderDots.forEach((dot, i) => {
                if (i === currentSlide) {
                    dot.classList.add('active');
                } else {
                    dot.classList.remove('active');
                }
            });
        }
        
        sliderDots.forEach(dot => {
            dot.addEventListener('click', () => {
                const index = parseInt(dot.getAttribute('data-index'));
                goToSlide(index);
            });
        });
        
        setInterval(() => {
            currentSlide = (currentSlide + 1) % totalSlides;
            goToSlide(currentSlide);
        }, 5000);
        
        document.getElementById('contactForm').addEventListener('submit', function(e) {
            e.preventDefault();
            alert('感谢您的留言！我们将尽快与您联系。');
            this.reset();
        });
        
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                
                const targetId = this.getAttribute('href');
                if(targetId === '#') return;
                
                const targetElement = document.querySelector(targetId);
                if(targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                    
                    if(window.innerWidth <= 768) {
                        document.querySelector('.nav-links').classList.remove('active');
                    }
                }
            });
        });
    </script>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'https://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script>
	(function(){
		var canonicalURL, curProtocol;
		var x=document.getElementsByTagName("link");
		if(x.length > 0){
			for (i=0;i<x.length;i++){
				if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
					canonicalURL=x[i].href;
				}
			}
		}
	    if (!canonicalURL){
	    	curProtocol = window.location.protocol.split(':')[0];
	    }
	    else{
	    	curProtocol = canonicalURL.split(':')[0];
	    }
	    if (!canonicalURL) canonicalURL = window.location.href;
    	!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;
        if(!e.test(r)){
            var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";
            t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);
            var i=new Image;i.src=n
        }}(window);})();
</script>

<section style="display:none" aria-hidden="true">
  <div id="privacy-policy"></div>
  <div id="user-agreement"></div>
  <div id="cookies-policy"></div>
  <div id="laws"></div>
  <div id="culture"></div>
  <div id="history"></div>
  <div id="honor"></div>
  <div id="responsibility"></div>
  <div id="coop"></div>
  <div id="media"></div>
  <div id="investor"></div>
  <div id="layout"></div>
  <div id="join"></div>
  <div id="govern"></div>
</section>

</body>
</html>