
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <!-- 给页面添加标题和描述 -->
    <title>上海宙康电气 - EMC/EMI滤波器和电抗器专业制造商</title>
    <meta name="description" content="上海宙康电气我们的产品包括电力电抗器、EMC/EMI滤波器、变压器等,致力于为客户提供最优质的产品和服务。欢迎访问官网了解详情。">
    <!-- 提供适配手机屏幕的 meta 标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 添加 Favicon 图标 -->
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <!-- 为 IE11 添加兼容性 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/home.css">
</head>

<body>
    <header>
        <ul class="menu">
            <li><img id='logo' src="/assets/logo.png" alt="SVG image" height="32px"></li>
        </ul>      
        <div class="banner">
            <h2 class="primary-color">为一个更智能的世界</h2>
            <h2 class="primary-color">提供值得信赖的电磁兼容和电力产品。</h2>
            <p>我们致力于提供标准化及定制化的电源滤波器、谐波滤波器、变压器、电抗器等零件及模组解决方案，以帮助客户实现高效、可靠的能源传输。</p>   
        </div>   
    </header> 
    <main>
        <div class="application">           
            <p>上海宙康提供标准化和定制化的解决方案，以消除电力电子系统中的电磁干扰。</p>
            <p>我们服务于六个主要行业的全球客户，面向未来市场。</p>
            <div id="parent">
                <div class="child">
                    <a href="/industries/robot.html" class="img oneapp"></a>
                    <a href="/industries/robot.html">
                        <h4>机械和机器人</h4>
                    </a>
                </div>
                <div class="child">
                    <a href="/industries/building.html" class="img twoapp"></a>
                    <a href="/industries/building.html">
                        <h4>建筑技术</h4>
                    </a>
                </div>
                <div class="child">
                    <a href="/industries/energy.html" class="img threeapp"></a>
                    <a href="/industries/energy.html">
                        <h4>能源管理</h4>
                    </a>
                </div>
                <div class="child">
                    <a href="/industries/communication.html" class="img fourapp"></a>
                    <a href="/industries/communication.html">
                        <h4>数据和通讯</h4>
                    </a>
                </div>
                <div class="child">
                    <a href="/industries/car.html" class="img fiveapp"></a>
                    <a href="/industries/car.html">
                        <h4>汽车</h4>
                    </a>
                </div>
                <div class="child">
                    <a href="/industries/medical.html" class="img sixapp"></a>
                    <a href="/industries/medical.html">
                        <h4>医疗</h4>
                    </a>
                </div>
            </div>
        </div>
        <div class="story">
            <div>
                <p class="title">关于宙康</p>
                <p>成立于</p>
                <span class="year">2010</span>
            </div>
            <div>
                <p class="article">2010年，当时一群专业人士想要为有需要的企业提供可靠的电力产品。
                    他们深知电磁兼容性对于现今商业世界的重要性，
                    并且深刻认识到良好的电力质量是企业及其设备可靠性的必要条件。
                    于是，这群人开始积极开发和提供标准化的电源滤波器、谐波滤波器、变压器、电抗器等产品，
                    并逐渐赢得了来自各行业客户的信任。每个产品都经过精心设计和测试，以确保其优越的性能和稳定性。
                    这些产品的品质和可靠性不仅仅是产品本身的特点，还体现了公司的承诺和文化，那就是为客户提供最优质的服务。
                    每一个工作人员都以超越客户期望为使命，通过不断的改进和创新来推动公司的发展。
                </p>
                <p class="article">在如今高速发展的电子商业技术时代，电磁兼容和电力质量的要求变得越来越高。
                    因此，公司不断扩大产品线，为行业提供更多的可靠产品和解决方案。他们不会满足于现有的产品和服务，
                    而是不断地推动创新，使公司的品牌越来越具有活力。
                    公司致力于提供可靠的电力产品，以确保所有客户都能享受到更好的业务和生活质量。
                    在公司内部，每个人都承诺为企业创造更美好的未来而努力。
                </p>
                <ul>
                    <li><strong>14</strong> <span>年生产</span></li>
                    <li><strong>30%</strong> <span>销售增长</span></li>
                    <li><strong>100+</strong> <span>每月新款</span></li>
                    <li><strong>10万+</strong> <span>用户量</span></li>
                    
                </ul>
            </div>
            
        </div>
    
        <div class="products">
            <p class="title">优势产品</p>
            <div>
                <div>
                    <div class="headimg onepro"></div>
                    <div class="card">
                        <h4>EMI/EMC滤波器用于电子设备的电源线路中</h4>
                        <h1>EMC/EMI滤波器</h1>
                        <p>EMI/EMC滤波器主要功能是抑制电源线路中的电磁干扰和噪声。
                            上海宙康提供EMC/EMI滤波器和电感器，标准化和定制化方案，提供全面的工程支持，帮助符合国际合规标准，提高电气和电子设备的抗干扰能力和安全性。</p>
                        <a href="./products/emc-emi-products.html"><span>了解更多</span></a>
                    </div>
                    
                </div>
                <div>
                    <div class="headimg twopro"></div>
                    <div class="card">
                        <h4>适用于各种设备为其提供稳定、可靠、安全的电力环境</h4>
                        <h1>电能质量产品</h1>
                        <p>电能质量产品可以有效的减少电力系统中的电压骤降、电流谐波等质量问题，从而改善电能质量，提高电力系统的可靠性和稳定性。
                            上海宙康提供谐波滤波器、电抗器和LCL滤波器等方案。
                        </p>
                        <a href="./products/power-quality.html"><span>了解更多</span></a>
                    </div>  
                </div>
                <div>
                    <div class="headimg threepro"></div>
                    <div class="card">
                        <h4>适用于各种需要改变电压的应用场景</h4>
                        <h1>电压转换产品</h1>
                        <p>我们为客户提供综合解决方案，包括变压器、调压器、整流器和逆变器，可将交流电转化为直流电，也可将直流电转化为交流电，达到电能高效转换和稳定控制的目的。
                            我们的目标是为您提供高品质的产品和优质的服务。</p>
                        <a href="./products/transformer.html"><span>了解更多</span></a>
                    </div>                 
                </div>
            </div>
        </div>
    </main>
    <footer></footer>
    <script>
        let isEventListenerAdded = false;

        function setupEventListeners() {
            if (isEventListenerAdded) return;
            isEventListenerAdded = true;

            const parent = document.getElementById('parent');
            const children = parent.querySelectorAll('.child');
            let lastHovered;

            children.forEach((child, index) => {
                if (index === 0) {
                    child.style.width = '30vw';
                    child.style.transition = '0.2s';
                }
                child.addEventListener('mouseenter', () => {
                    children.forEach((otherChild, otherIndex) => {
                        if (otherIndex !== index) {
                            otherChild.style.width = '8vw';
                            otherChild.style.transition = '0.2s';
                        }
                    });
                    child.style.width = '30vw';
                    lastHovered = child;
                });
            });

            parent.addEventListener('mouseleave', () => {
                children.forEach(child => {
                    if (child !== lastHovered) {
                        child.style.width = '8vw';
                        child.style.transition = '0.2s';
                    }
                });
                lastHovered = null;
            });
        }

        window.addEventListener('resize', () => {
            if (window.innerWidth >= 1024) {
                window.onload = setupEventListeners;
            }
        });

        // 初始检查窗口大小  
        if (window.innerWidth >= 1024) {
            window.onload = setupEventListeners;
        }      
        window.addEventListener('scroll', function () {
            var menu = document.querySelector('.menu');
            menu.classList.toggle('scroll', window.scrollY > 0);
        });   
    </script>
</body>

<script type="text/javascript" src="/js/menu.js"></script>
<script type="text/javascript" src="/js/mobile-menu.js"></script>
<script type="text/javascript" src="/js/footer.js"></script>
</html>