<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 山西白天蓝云新能源科技</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', Arial, sans-serif;
        }
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        header {
            background: linear-gradient(135deg, #1e5799 0%, #207cca 100%);
            color: white;
            padding: 1rem 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
        }
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo {
            font-size: 1.8rem;
            font-weight: bold;
        }
        nav ul {
            display: flex;
            list-style: none;
        }
        nav ul li {
            margin-left: 1.5rem;
        }
        nav ul li a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        nav ul li a:hover {
            color: #ffcc00;
        }
        .page-header {
            background-color: #1e5799;
            color: white;
            padding: 3rem 0;
            text-align: center;
        }
        .page-header h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }
        .breadcrumb {
            display: flex;
            justify-content: center;
            list-style: none;
        }
        .breadcrumb li {
            margin: 0 0.5rem;
        }
        .breadcrumb li:after {
            content: '>';
            margin-left: 1rem;
            color: #ccc;
        }
        .breadcrumb li:last-child:after {
            content: '';
        }
        .breadcrumb a {
            color: #ffcc00;
            text-decoration: none;
        }
        .breadcrumb a:hover {
            text-decoration: underline;
        }
        section {
            padding: 3rem 0;
        }
        .section-title {
            text-align: center;
            margin-bottom: 2rem;
            font-size: 2rem;
            color: #1e5799;
        }
        .about-content {
            background-color: white;
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .about-content h2 {
            color: #207cca;
            margin-bottom: 1.5rem;
            font-size: 1.8rem;
        }
        .about-content p {
            margin-bottom: 1.5rem;
        }
        .history-timeline {
            position: relative;
            padding-left: 50px;
            margin: 2rem 0;
        }
        .history-timeline::before {
            content: '';
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            width: 2px;
            background-color: #207cca;
        }
        .timeline-item {
            position: relative;
            margin-bottom: 2rem;
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -40px;
            top: 5px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #ffcc00;
            border: 3px solid #207cca;
        }
        .timeline-year {
            font-weight: bold;
            color: #207cca;
            margin-bottom: 0.5rem;
        }
        .team {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }
        .team-member {
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            text-align: center;
        }
        .member-img {
            height: 200px;
            background-color: #ddd;
            background-size: cover;
            background-position: center;
        }
        .member-info {
            padding: 1.5rem;
        }
        .member-info h3 {
            margin-bottom: 0.5rem;
            color: #207cca;
        }
        .member-position {
            color: #666;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }
        .honors {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-top: 2rem;
        }
        .honor-item {
            background-color: white;
            border-radius: 8px;
            padding: 1.5rem;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .honor-icon {
            font-size: 2.5rem;
            color: #ffcc00;
            margin-bottom: 1rem;
        }
        .honor-item h3 {
            margin-bottom: 0.5rem;
            color: #207cca;
        }
        .honor-year {
            color: #666;
            font-size: 0.9rem;
        }
        .btn {
            display: inline-block;
            background-color: #ffcc00;
            color: #333;
            padding: 0.8rem 1.5rem;
            border-radius: 4px;
            text-decoration: none;
            font-weight: bold;
            transition: all 0.3s ease;
        }
        .btn:hover {
            background-color: #e6b800;
            transform: translateY(-2px);
        }
        footer {
            background-color: #333;
            color: white;
            padding: 2rem 0;
            text-align: center;
        }
        .footer-content {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 2rem;
        }
        .footer-section {
            flex: 1;
            min-width: 250px;
            margin-bottom: 1rem;
        }
        .footer-section h3 {
            margin-bottom: 1rem;
            color: #ffcc00;
        }
        .footer-section ul {
            list-style: none;
        }
        .footer-section ul li {
            margin-bottom: 0.5rem;
        }
        .footer-section ul li a {
            color: #ccc;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .footer-section ul li a:hover {
            color: #ffcc00;
        }
        .copyright {
            border-top: 1px solid #555;
            padding-top: 1rem;
            font-size: 0.9rem;
            color: #aaa;
        }
    </style>
</head>
<body>
    <header>
        <div class="container header-content">
            <div class="logo">白天蓝云新能源</div>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="products.html">产品与服务</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="#contact">联系我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="page-header">
        <div class="container">
            <h1>关于我们</h1>
            <ul class="breadcrumb">
                <li><a href="index.html">首页</a></li>
                <li>关于我们</li>
            </ul>
        </div>
    </div>

    <section class="container">
        <div class="about-content">
            <h2>公司简介</h2>
            <p>山西白天蓝云新能源科技有限公司成立于2015年，总部位于山西省太原市，是一家专注于新能源技术研发、系统集成和综合服务的高新技术企业。公司致力于为全球客户提供高效、可靠、智能的新能源解决方案。</p>
            
            <p>作为山西省新能源行业的领军企业，白天蓝云新能源拥有完整的光伏发电、储能系统和能源管理产品线，业务涵盖光伏电站开发、储能系统集成、智能微电网建设、能源管理平台开发等多个领域。</p>
            
            <p>公司秉承"创新驱动、绿色发展"的理念，先后获得"山西省高新技术企业"、"山西省专精特新企业"、"山西省新能源行业十强企业"等荣誉称号。截至2023年，公司已累计完成光伏项目装机容量超过500MW，储能项目容量超过200MWh。</p>
            
            <h2>发展历程</h2>
            <div class="history-timeline">
                <div class="timeline-item">
                    <div class="timeline-year">2015年</div>
                    <p>山西白天蓝云新能源科技有限公司正式成立，专注于分布式光伏发电系统集成</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-year">2017年</div>
                    <p>成功开发首个兆瓦级光伏电站项目，业务拓展至地面光伏电站领域</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-year">2018年</div>
                    <p>成立储能事业部，推出首款工商业储能系统产品</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-year">2019年</div>
                    <p>获得"山西省高新技术企业"认定，研发投入占比达到8%</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-year">2020年</div>
                    <p>发布智能能源管理平台，实现光伏+储能+负荷的协同优化</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-year">2021年</div>
                    <p>完成A轮融资，金额达5000万元，加速技术研发和市场拓展</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-year">2022年</div>
                    <p>中标山西省首个百兆瓦级光伏+储能一体化项目</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-year">2023年</div>
                    <p>完成B轮融资2亿元，启动IPO准备工作，规划建设新能源产业园</p>
                </div>
            </div>
            
            <h2>企业文化</h2>
            <p><strong>使命：</strong>推动能源变革，创造绿色未来</p>
            <p><strong>愿景：</strong>成为全球领先的新能源解决方案提供商</p>
            <p><strong>价值观：</strong>创新、专业、诚信、共赢</p>
            <p><strong>经营理念：</strong>以客户为中心，以技术为驱动，以质量为生命</p>
            
            <h2>管理团队</h2>
            <div class="team">
                <div class="team-member">
                    <div class="member-img" style="background-image: url('https://via.placeholder.com/300x300');"></div>
                    <div class="member-info">
                        <h3>张天明</h3>
                        <p class="member-position">创始人兼董事长</p>
                        <p>新能源行业资深专家，拥有20年能源行业经验，曾任职于多家知名能源企业。</p>
                    </div>
                </div>
                <div class="team-member">
                    <div class="member-img" style="background-image: url('https://via.placeholder.com/300x300');"></div>
                    <div class="member-info">
                        <h3>李蓝海</h3>
                        <p class="member-position">总经理</p>
                        <p>企业管理专家，MBA学历，擅长企业战略规划和运营管理，带领公司实现快速增长。</p>
                    </div>
                </div>
                <div class="team-member">
                    <div class="member-img" style="background-image: url('https://via.placeholder.com/300x300');"></div>
                    <div class="member-info">
                        <h3>王云峰</h3>
                        <p class="member-position">技术总监</p>
                        <p>新能源技术专家，博士学历，拥有15项发明专利，主导公司多项核心技术研发。</p>
                    </div>
                </div>
                <div class="team-member">
                    <div class="member-img" style="background-image: url('https://via.placeholder.com/300x300');"></div>
                    <div class="member-info">
                        <h3>赵清源</h3>
                        <p class="member-position">市场总监</p>
                        <p>市场营销专家，10年新能源行业市场经验，成功开拓多个省级市场。</p>
                    </div>
                </div>
            </div>
            
            <h2>荣誉资质</h2>
            <div class="honors">
                <div class="honor-item">
                    <div class="honor-icon">🏆</div>
                    <h3>高新技术企业</h3>
                    <p class="honor-year">2019年</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">⭐</div>
                    <h3>山西省专精特新企业</h3>
                    <p class="honor-year">2020年</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">🏅</div>
                    <h3>新能源行业十强</h3>
                    <p class="honor-year">2021年</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">🔬</div>
                    <h3>省级企业技术中心</h3>
                    <p class="honor-year">2022年</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">💡</div>
                    <h3>创新型企业</h3>
                    <p class="honor-year">2022年</p>
                </div>
                <div class="honor-item">
                    <div class="honor-icon">🌱</div>
                    <h3>绿色企业</h3>
                    <p class="honor-year">2023年</p>
                </div>
            </div>
            
            <h2>加入我们</h2>
            <p>白天蓝云新能源正处于快速发展阶段，我们期待有志于新能源事业的优秀人才加入我们的团队。</p>
            <p>公司提供具有竞争力的薪酬福利、完善的培训体系和广阔的发展空间。</p>
            <p>目前开放的职位包括：光伏系统工程师、储能工程师、软件开发工程师、项目经理、市场专员等。</p>
            <a href="#contact" class="btn">查看招聘详情</a>
        </div>
    </section>

    <section id="contact" class="container">
        <h2 class="section-title">联系我们</h2>
        <div style="background-color: white; padding: 2rem; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
            <p><strong>地址：</strong>山西省太原市小店区高新开发区科技街88号</p>
            <p><strong>电话：</strong>0351-88889999</p>
            <p><strong>邮箱：</strong>info@baitianlanyun.com</p>
            <p><strong>工作时间：</strong>周一至周五 8:30-17:30</p>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>关于我们</h3>
                    <p>山西白天蓝云新能源科技公司成立于2015年，是山西省领先的新能源解决方案提供商，专注于光伏发电、储能系统和能源管理领域。</p>
                </div>
                <div class="footer-section">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="products.html">产品与服务</a></li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="#contact">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>产品中心</h3>
                    <ul>
                        <li><a href="products.html#solar">光伏发电系统</a></li>
                        <li><a href="products.html#storage">储能系统</a></li>
                        <li><a href="products.html#management">能源管理平台</a></li>
                        <li><a href="products.html#inverter">智能逆变器</a></li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p>&copy; 2023 山西白天蓝云新能源科技有限公司 版权所有 | 晋ICP备12345678号</p>
            </div>
        </div>
    </footer>
</body>
</html>