<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/ico" href="/images/favicon.png">
    <title>深圳市星燃科技有限公司</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/swiper-bundle.min.css" rel="stylesheet">
    <link href="/css/meanmenu.css" rel="stylesheet">
    <link href="/css/jquery.fullPage.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <script src="/js/jquery.min.js"></script>
    <link rel="stylesheet" href="/css/animate.min.css">


</head>

<body>

        <div class="mobile-nav">
            <a href="/" class="logo">
                <img src="/static/upload/image/20250217/1739773152223034.jpg" alt="深圳市星燃科技有限公司">
            </a>
        </div>        
       
            <div class="main-nav fixed-header">
                <div class="container">
                    <nav class="navbar navbar-expand-md navbar-light ">
                        <a class="navbar-brand" href="/">
                            <img src="/static/upload/image/20250217/1739773152223034.jpg" alt="深圳市星燃科技有限公司"><i class='bx bx-caret-down'></i>
                        </a>
                        <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                            <ul class="navbar-nav m-auto">
                                <li class="nav-item">
                                    <a href="/" class="nav-link">首页</a>
                                </li>
                                
                                <li class="nav-item ">
                                    <a class="nav-link" data-hover="dropdown" href="/aboutus/"
                                        title="走近星燃">走近星燃
                                        
                                    </a>
                                    
                                </li>
                                
                                <li class="nav-item ">
                                    <a class="nav-link" data-hover="dropdown" href="/article/"
                                        title="记录星燃">记录星燃
                                        
                                        <img src="/images/icon-arrow-down.svg" class="">
                                    </a>
                                    
                                    <ul class="dropdown-menu">
                                        
                                        <li><a href="/company/" class="nav-link" title="公司动态">公司动态</a>
                                        </li>
                                        
                                        <li><a href="/industry/" class="nav-link" title="行业动态">行业动态</a>
                                        </li>
                                        
                                    </ul>
                                </li>
                                
                                <li class="nav-item ">
                                    <a class="nav-link" data-hover="dropdown" href="/gongtongchengzhang/"
                                        title="加入星燃">加入星燃
                                        
                                        <img src="/images/icon-arrow-down.svg" class="">
                                    </a>
                                    
                                    <ul class="dropdown-menu">
                                        
                                        <li><a href="/gongtongchengzhang/" class="nav-link" title="共同成长">共同成长</a>
                                        </li>
                                        
                                        <li><a href="/fulijiachi/" class="nav-link" title="福利加持">福利加持</a>
                                        </li>
                                        
                                        <li><a href="/jobs/" class="nav-link" title="招聘岗位">招聘岗位</a>
                                        </li>
                                        
                                    </ul>
                                </li>
                                
                                <li class="nav-item ">
                                    <a class="nav-link" data-hover="dropdown" href="/contact/"
                                        title="联系我们">联系我们
                                        
                                    </a>
                                    
                                </li>
                                
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>


<div id="fullpage">
    <div class="section">
        <div class="swiper-container banner">
            <div class="swiper-wrapper">
                
                <div class="swiper-slide" style="background: url(/static/upload/image/20250217/1739773121240548.jpg) no-repeat;background-size:cover">
                    <div class="container text-center animated-text"><h1 class="line">成为跨境人的筑梦平台</h1><h1 class="line">打造出多品类多元化的全球品牌</h1>
                    <h4 class="line">Become a dream-building platform for people engaged in international e-commerce<br>Create a global brand with multiple categories and diversity</h4></div>

                </div>
                
            </div>
        </div>
    </div>
<script>document.addEventListener('DOMContentLoaded', function() {
    const lines = document.querySelectorAll('.animated-text .line');  // 获取所有的行
  
    lines.forEach((line, index) => {
      // 为每一行文字添加延迟，使它们逐个出现
      setTimeout(() => {
        line.classList.add('show');
      }, index * 500);  // 每行的动画间隔时间为 500ms，可以根据需要调整
    });
  });</script>
    <div class="section">
        <div class="container qywh">
    <h2 class="title text-center mb-4 pt-4 pt-lg-6">星燃企业文化<span>Corporate Culture</span></h2>
    <div class="row">
        <div class="image col-12 col-md-4 py-3 px-4">
            <img src="/static/upload/image/20250116/1736998819648608.jpg">
        </div>
        <div class="image col-12 col-md-4 py-3 px-4">
            <img src="/static/upload/image/20250116/1736998821162483.jpg">
        </div>
        <div class="image col-12 col-md-4 py-3 px-4">
            <img src="/static/upload/image/20250116/1736998824980499.jpg">
        </div>
    </div>
</div>
    </div>
    <div class="section">
        <div class="container-fulid bg-index-about py-5">
            <div class="container">
                <div class="row d-flex align-items-center pt-4 pt-lg-6">
                    <div class="col-md-4">
                        <h2 class="title section-element">关于星燃<span>About us</span></h2>
                        <p class="mt-4 section-element">
                            一家充满活力与创新的跨境电商新秀，自2017年诞生以来，就以产品和品牌营销为稳固的基石，积极布局知识产权，追求创新。凭借多项专利，我们在家纺、个护美妆等品类中独树一帜。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section">
        <div class="container">
            <h2 class="title text-center mb-4 pt-4 pt-lg-6 section-element">主营业务<span>Main Business</span></h2>
            <p class="info mx-auto text-center section-element">
                我们的主营业务市场包括美国、英国、法国、德国和意大利，致力于打造小而精、小而美的“星燃特色产品”如深度睡眠良伴--睡眠眼罩、油痘肌救星--痘痘贴和祛痘霜、干发帽等热销产品。
            </p>
            <div class="swiper business-swiper section-element">
                <div class="swiper-wrapper">
                    
                    <div class="swiper-slide"><img src="/static/upload/image/20250113/1736753985437847.jpg"></div>
                    
                </div>
            </div>
            <div class="swiper-scrollbar"></div>
        </div>
    </div>
    <div class="section">
        <div class="container">
            <h2 class="title text-center pt-lg-6 section-element">我们的团队<span>Our Team</span></h2>
            <p class="info mx-auto text-center section-element">我们的团队由一群充满激情和创造力的伙伴组成，我们与国内实力雄厚的生产商紧密合作，提供定制化产品服务，取得极高爆款成功率。</p>
            <div class="video-container section-element" onclick="playVideo()">
                <!-- 视频元素 -->
                <video id="video" controls poster="/static/upload/image/20250116/1736998830731108.jpg">
                    <source src="" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
            </div>
        </div>
    </div>
    <div class="section">
        <div class="container my-5">
            <h2 class="text-center mb-4 section-element"><a href="/article/"><img src="/images/tit-jilu.jpg" alt="记录星燃" width="750"></a></h2>
         
                <a href="/article/"class="row jilu-container flex-wrap section-element"><img src="/images/jilu-1.jpg">
                <img src="/images/jilu-2.jpg"></a>
           
        </div>
  
        <div class="footer py-5">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-8">
                <img src="/images/footer-logo.png" alt="" width="200">
                <p>全员共享共担，做具有创造性，并可持续发展的事业</p>
                <hr class="my-4">
                <div class="row flex-wrap">
                    <div class="col-12 col-md-8">
                        <p><img src="/images/icon-map.svg" class="icon"> 深圳市龙岗区坂田街道中宝通科技园A2栋405<br>
                            Copyright @ 2020-2025 深圳市星燃科技有限公司 All Rights Reserved.</p>
                        <p><a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2022010294号-1</a></p>
                    </div>
                    <div class="col-12 col-md-4">
                        <p><img src="/images/icon-tel.svg" class="icon">0755-28284227<br>
                            <img src="/images/icon-email.svg" class="icon">HR@starlitek.com
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-4 d-flex align-items-center justify-content-end pr">
                <div class="tips pe-5">
                    <img src="/static/upload/image/20240227/1709015882896462.png" width="90">
                    <span class="badge">关注<br>微信</span>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/js/bootstrap.min.js"></script>
<script src="/js/meanmenu.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/custom.js"></script>
<script src="/js/jquery.fullPage.js"></script>
<!-- Initialize Swiper -->
<script>
    
    var swiper = new Swiper(".swiper-container.banner", {
        spaceBetween: 30,
        effect: "fade",
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
    });

    var swiper = new Swiper(".business-swiper", {
        scrollbar: {
            el: ".swiper-scrollbar",
            hide: false,
        },
    });

    //播放视频
    function playVideo() {
        var video = document.getElementById('video');
        var container = document.querySelector('.video-container');
        var closeBtn = document.getElementById('closeBtn');

        // 隐藏背景图片并显示视频
        container.style.backgroundImage = 'none'; // 移除背景图片
        video.style.display = 'block'; // 显示视频
        closeBtn.style.display = 'block'; // 显示关闭按钮
        video.play(); // 播放视频
    }

    function closeVideo(event) {
        var video = document.getElementById('video');
        var container = document.querySelector('.video-container');
        var closeBtn = document.getElementById('closeBtn');

        // 停止视频播放并隐藏视频
        video.pause(); // 暂停视频
        video.currentTime = 0; // 重置视频播放进度
        video.style.display = 'none'; // 隐藏视频
        container.style.backgroundImage = 'url("/images/video.jpg")'; // 恢复背景图片
        closeBtn.style.display = 'none'; // 隐藏关闭按钮

        // 防止点击关闭按钮时触发播放事件
        event.stopPropagation();
    }
</script>
<script src="/js/jquery.waypoints.min.js"></script>
<script>
$(function () {
            let delay = 0;
            $('.waypoint-element').each(function (index) {
                $(this).waypoint({
                    handler: function (direction) {
                        if (direction === "down") {
                            setTimeout(() => {
                                $(this).css('opacity', 1);
                            }, delay);
                            delay += 300;
                        } else {
                            $(this).css('opacity', 0);
                        }
                    },
                    offset: '50%'
                });
            });
        });
</script>

<script>
    // 检查设备是否为移动端
function isMobile() {
  return window.innerWidth <= 767;
}

// 初始化 fullpage.js（仅在 PC 端启用）
document.addEventListener("DOMContentLoaded", function () {
  if (!isMobile()) {
    new fullpage('#fullpage', {
      autoScrolling: true,
      scrollingSpeed: 700,
      scrollBar:false, // 启用滚动条
      onLeave: function (origin, destination, direction) {
            const footer = document.getElementById("footer");

            if (destination.isLast) {
                footer.classList.add("visible");
                fullpage_api.setAllowScrolling(true);
                fullpage_api.setKeyboardScrolling(true);
            } else {
                footer.classList.remove("visible");
                fullpage_api.setAllowScrolling(false);
                fullpage_api.setKeyboardScrolling(false);
            }
        },
    });
  }
  
});

// 页面加载时检查并初始化 fullpage.js
document.addEventListener("DOMContentLoaded", function() {
  initFullpage();
});

// 在窗口大小变化时重新检测并初始化/销毁 fullpage.js
window.addEventListener('resize', function() {
  if (isMobile()) {
    fullpage_api.destroy('all'); // 销毁 fullpage.js 在移动端
  } else {
    if (!fullpage_api) {
      initFullpage(); // 如果没有启用，则初始化
    }
  }
  
});
new fullpage('#fullpage', {
      autoScrolling: true,
      scrollHorizontally: true,
      onLeave: (origin, destination, direction) => {
        const section = destination.item;
        const elements = section.querySelectorAll('.section-element');

        // 给进入的section中的所有元素添加动画
        elements.forEach((element, index) => {
          // 为每个元素添加延时，确保依次显示
          setTimeout(() => {
            element.classList.add('show-up');
          }, index * 300); // 每个元素延时300ms
        });
      },
      afterLoad: (origin, destination, direction) => {
        const section = destination.item;
        const elements = section.querySelectorAll('.section-element');

        // 一些元素初次加载时直接显示，添加类
        elements.forEach((element, index) => {
          setTimeout(() => {
            element.classList.add('show-up');
          }, index * 300); // 每个元素延时300ms
        });
      }
    });
</script>
<script>
   document.addEventListener("DOMContentLoaded", function() {
    const images = document.querySelectorAll('.image img');

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                // 当图片进入视口时，添加 visible 类
                entry.target.classList.add('visible');
            } else {
                // 当图片离开视口时，移除 visible 类
                entry.target.classList.remove('visible');
            }
        });
    }, {
        threshold: 0.5 // 当 50% 的图片进入视口时触发
    });

    // 观察每个图片
    images.forEach(img => {
        observer.observe(img);
    });
});
</script>


    </div>
</div>
</body>

</html>