<!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', sans-serif;
        }
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        header {
            background-color: #1a5276;
            color: white;
            padding: 20px 0;
            text-align: center;
        }
        nav {
            background-color: #2980b9;
            padding: 10px 0;
        }
        nav ul {
            display: flex;
            justify-content: center;
            list-style: none;
        }
        nav ul li {
            margin: 0 15px;
        }
        nav ul li a {
            color: white;
            text-decoration: none;
            font-weight: bold;
            padding: 5px 10px;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        nav ul li a:hover {
            background-color: #3498db;
        }
        .container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 20px;
        }
        .page-title {
            text-align: center;
            margin: 30px 0;
            color: #1a5276;
        }
        .about-section {
            background-color: white;
            padding: 30px;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }
        .about-section h2 {
            color: #1a5276;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        .about-section p {
            margin-bottom: 15px;
            text-align: justify;
        }
        .history {
            display: flex;
            flex-direction: column;
            margin-top: 30px;
        }
        .history-item {
            display: flex;
            margin-bottom: 30px;
            position: relative;
            padding-left: 50px;
        }
        .history-year {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            height: 40px;
            background-color: #2980b9;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }
        .history-content {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 5px;
            flex: 1;
        }
        .team {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 30px;
        }
        .team-member {
            background-color: white;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            text-align: center;
        }
        .member-img {
            height: 200px;
            background-color: #eee;
            background-size: cover;
            background-position: center;
        }
        .member-info {
            padding: 20px;
        }
        .member-info h3 {
            color: #1a5276;
            margin-bottom: 5px;
        }
        .member-info .position {
            color: #7f8c8d;
            font-size: 0.9rem;
            margin-bottom: 10px;
        }
        .certificates {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            margin-top: 30px;
        }
        .certificate {
            background-color: #f9f9f9;
            padding: 15px;
            text-align: center;
            border-radius: 5px;
        }
        .certificate img {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        footer {
            background-color: #1a5276;
            color: white;
            text-align: center;
            padding: 20px 0;
            margin-top: 40px;
        }
    </style>
</head>
<body>
    <header>
        <h1>长沙天心区胶乐心包装材料公司</h1>
        <p>专业包装解决方案提供商 · 15年行业经验</p>
    </header>
    <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="#">新闻动态</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </nav>
    <div class="container">
        <h2 class="page-title">关于我们</h2>
        <div class="about-section">
            <h2>公司简介</h2>
            <p>长沙天心区胶乐心包装材料有限公司成立于2008年，是一家专业从事各类包装材料研发、生产、销售于一体的高新技术企业。公司位于湖南省长沙市天心区，占地面积20000平方米，拥有现代化标准厂房15000平方米，员工200余人，其中技术研发人员30人。</p>
            <p>经过15年的发展，公司已形成以纸制品包装、塑料包装、防护包装材料为主的三大产品系列，年生产能力达5万吨，产品远销全国20多个省市自治区，并与多家知名企业建立了长期稳定的合作关系。</p>
            <p>公司秉承"创新、品质、服务、共赢"的经营理念，不断引进先进生产设备和技术，先后通过了ISO9001质量管理体系认证、ISO14001环境管理体系认证、FSC森林认证等多项国际认证，产品质量达到国内领先水平。</p>
        </div>
        <div class="about-section">
            <h2>发展历程</h2>
            <div class="history">
                <div class="history-item">
                    <div class="history-year">2008</div>
                    <div class="history-content">
                        <h3>公司成立</h3>
                        <p>在长沙天心区注册成立，初期主要生产普通瓦楞纸箱和塑料袋，员工20人，年产值500万元。</p>
                    </div>
                </div>
                <div class="history-item">
                    <div class="history-year">2012</div>
                    <div class="history-content">
                        <h3>第一次扩建</h3>
                        <p>新增两条自动化生产线，开始生产珍珠棉、气泡袋等防护包装材料，员工增至80人，年产值突破2000万元。</p>
                    </div>
                </div>
                <div class="history-item">
                    <div class="history-year">2015</div>
                    <div class="history-content">
                        <h3>技术升级</h3>
                        <p>引进德国先进生产设备，建立研发中心，开始生产高端彩印包装盒和特种包装材料，获得高新技术企业认证。</p>
                    </div>
                </div>
                <div class="history-item">
                    <div class="history-year">2020</div>
                    <div class="history-content">
                        <h3>绿色转型</h3>
                        <p>全面升级环保生产线，推出可降解包装材料系列，获得多项环保认证，年产值突破1亿元。</p>
                    </div>
                </div>
                <div class="history-item">
                    <div class="history-year">2023</div>
                    <div class="history-content">
                        <h3>智能制造</h3>
                        <p>投资建设智能工厂，实现生产流程数字化、智能化管理，产能提升40%，客户满意度达98%。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="about-section">
            <h2>核心团队</h2>
            <div class="team">
                <div class="team-member">
                    <div class="member-img" style="background-image: url('https://via.placeholder.com/400x400');"></div>
                    <div class="member-info">
                        <h3>张建国</h3>
                        <div class="position">董事长兼总经理</div>
                        <p>包装行业资深专家，20年从业经验，带领公司从初创走向行业领先。</p>
                    </div>
                </div>
                <div class="team-member">
                    <div class="member-img" style="background-image: url('https://via.placeholder.com/400x400');"></div>
                    <div class="member-info">
                        <h3>李雯</h3>
                        <div class="position">技术总监</div>
                        <p>材料学博士，主持多项包装材料研发项目，拥有15项国家专利。</p>
                    </div>
                </div>
                <div class="team-member">
                    <div class="member-img" style="background-image: url('https://via.placeholder.com/400x400');"></div>
                    <div class="member-info">
                        <h3>王强</h3>
                        <div class="position">生产总监</div>
                        <p>15年包装生产管理经验，精通各类包装生产工艺和质量控制。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="about-section">
            <h2>资质荣誉</h2>
            <div class="certificates">
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="ISO9001认证">
                    <p>ISO9001质量管理体系认证</p>
                </div>
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="ISO14001认证">
                    <p>ISO14001环境管理体系认证</p>
                </div>
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="高新技术企业">
                    <p>高新技术企业证书</p>
                </div>
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="FSC认证">
                    <p>FSC森林认证</p>
                </div>
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="湖南省著名商标">
                    <p>湖南省著名商标</p>
                </div>
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="环保包装创新奖">
                    <p>环保包装创新奖</p>
                </div>
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="AAA信用企业">
                    <p>AAA级信用企业</p>
                </div>
                <div class="certificate">
                    <img src="https://via.placeholder.com/150x150" alt="安全生产标准化">
                    <p>安全生产标准化企业</p>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <p>版权所有 &copy; 2023 长沙天心区胶乐心包装材料公司 | 湘ICP备XXXXXXXX号</p>
        <p>地址：湖南省长沙市天心区XX路XX号 | 电话：0731-XXXXXXX | 邮箱：info@jiaolexin.com</p>
    </footer>
</body>
</html>