<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head> <meta name="keywords" content="keywords_temp" />

    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>虎虎健康科技</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/logo/logomini.jpg" />

    
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/huhu.css" />

</head>

<body>
    

    
    <div class="preloader">
        <div class="preloader-inner">
            <div class="preloader-icon">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    

    
    <header class="header navbar-area"> <meta name="keywords" content="keywords_temp" />

        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="nav-inner">
                        
                        <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" >
                                <img src="assets/images/logo/huhu-logo-black.png" alt="Logo">
                            </a>
                            
                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                
                            </div> 
                            
                        </nav>
                        
                    </div>
                </div>
            </div> 
        </div> 
    </header>
    

    
    <section class="hero-area overlay">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8 offset-lg-2 col-md-12 col-12">
                    <div class="hero-content">
                        
                        <h1 class="wow fadeInUp" data-wow-delay=".4s">全家的健康 <span>从眼健康开始</span>
                        </h1>
                        
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
    

    
    <section class="small-features">
        <div class="container">
            <div class="inner-content">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-12">
                        
                        <div class="single-feature">
                            <i class="lni lni-graph"></i>
                            <h2>视光SaaS
                                <span>个性随访 智能分析</span>
                            </h2>
                        </div>
                        
                    </div>
                    <div class="col-lg-4 col-md-4 col-12">
                        
                        <div class="single-feature">
                            <i class="lni lni-eye"></i>
                            <h2>青少年视力防控
                                <span>视力监测 档案跟踪</span>
                            </h2>
                        </div>
                        
                    </div>
                    <div class="col-lg-4 col-md-4 col-12">
                        
                        <div class="single-feature">
                            <i class="lni lni-infinite"></i>
                            <h2>标准化流程
                                <span>数字化 中心化</span>
                            </h2>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
    

    
    <section class="features section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">全家人身边的健康管理平台</h2>
                        
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    
                    <div class="single-feature wow fadeInUp" data-wow-delay=".2s">
                        <i class="lni lni-cloud-check"></i>
                        <h3>云空间管理</h3>
                        <p>企业私有化云空间，让数据管理更便捷</p>
                    </div>
                    
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    
                    <div class="single-feature wow fadeInUp" data-wow-delay=".4s">
                        <i class="lni lni-lock"></i>
                        <h3>安全防护</h3>
                        <p>为客户提供稳定、可靠、安全的产品服务</p>
                    </div>
                    
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    
                    <div class="single-feature wow fadeInUp" data-wow-delay=".6s">
                        <i class="lni lni-handshake"></i>
                        <h3>定制服务</h3>
                        <p>以客户需求为核心，提供多元化的定制服务</p>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>
    

    
    <section class="our-achievement section">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1 col-md-12 col-12">
                    <div class="title">
                        <h2>我们做出了哪些成绩</h2>
                        
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 offset-lg-2 col-md-12 col-12">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-achievement wow fadeInUp" data-wow-delay=".2s">
                                <h3 class="counter"><span id="secondo1" class="countup" cup-end="793">793</span>所</h3>
                                <p>学校参与</p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-achievement wow fadeInUp" data-wow-delay=".4s">
                                <h3 class="counter"><span id="secondo2" class="countup" cup-end="50">50</span>W+</h3>
                                <p>学生参与</p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-achievement wow fadeInUp" data-wow-delay=".6s">
                                <h3 class="counter"><span id="secondo3" class="countup" cup-end="35">35</span>%</h3>
                                <p>青岛市市南区试点14天，已有35%的学生视力有明显改善</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    


    
    
    


    
    <section class="blog-section section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Q & A</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">大家想知道</h2>
                        
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    
                    <div class="single-blog wow fadeInUp" data-wow-delay=".2s">
                        <div class="blog-img">
                            <a >
                                <img src="assets/images/blog/blog-1.jpg" alt="#">
                            </a>
                        </div>
                        <div class="blog-content">
                            <a class="category" >服务</a>
                            <h4>
                                <a >门店管理系统需要部署吗</a>
                            </h4>
                            <p>虎虎门店管理系统使用SaaS部署方式，通过微信小程序或者WEB端即可登录使用。</p>
                        </div>
                    </div>
                    
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    
                    <div class="single-blog wow fadeInUp" data-wow-delay=".4s">
                        <div class="blog-img">
                            <a >
                                <img src="assets/images/blog/blog-2.jpg" alt="#">
                            </a>
                        </div>
                        <div class="blog-content">
                            <a class="category" >交易</a>
                            <h4>
                                <a >消费者在虎虎门店交易是否能够保障</a>
                            </h4>
                            <p>虎虎会联合保险公司、眼镜片厂家、镜框厂家一起提供平台交易保障服务，为交易履约确定性提供保障。</p>
                        </div>
                    </div>
                    
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    
                    <div class="single-blog wow fadeInUp" data-wow-delay=".6s">
                        <div class="blog-img">
                            <a >
                                <img src="assets/images/blog/blog-3.jpg" alt="#">
                            </a>
                        </div>
                        <div class="blog-content">
                            <a class="category" >安全</a>
                            <h4>
                                <a >数据安全是否能够得到保证</a>
                            </h4>
                            <p>虎虎依托于钉钉平台，钉钉为所有用户信息的安全提供保障。</p>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>
    

    
    <section class="call-action">
        <div class="container">
            <div class="row align-items-center">
                <div id="contact" class="col-lg-6 col-12" style="text-align: center; margin: 10px 0;">
                    <div class="text">
                        <div style="color: #333; margin-bottom: 6px;">联系我们</div><h2>0571-87191927</h2>
                    </div>
                </div>
                <div class="col-lg-6 col-12" style="text-align: center; margin: 10px 0;">
                    <div style="color: #333;">关注我们</div>
                    <img style="width: 120px; height: 120px;" src="assets/images/logo/huhu-qrcode-15cm.jpeg"/>
                </div>
            </div>
        </div>
    </section>
    

    
    <footer class="footer">
        
        <div class="footer-top">
            <div style="text-align: center;">Copyright © By 虎虎健康科技 All Rights Reserved. </div>

            <div style="text-align: center;"><a class="a-link" href="http://beian.miit.gov.cn/" target="_blank">浙ICP备2023041928号-1</a></div>
            
        </div>
        
        
        
        
    </footer>
    

    
    

    <div id="ad_btn_layout" class="ad-layout">
        <div id="ad_btn_1" class="ad-layout-item">
            <img src="assets/images/logo/icon_qw.png" alt="Logo">
            <div>微信咨询</div>
        </div>
        <div class="ad-layout-line"></div>

        <div id="ad_btn_2" class="ad-layout-item">
            <img src="assets/images/logo/icon_phone.png" alt="Logo">
            <div>电话咨询</div>
        </div>
        <div class="ad-layout-line"></div>

        <div id="ad_btn_3" class="ad-layout-item">
            <img src="assets/images/logo/icon_wx.png" alt="Logo">
            <div>公众号</div>
        </div>
    </div>

    <div id="ad_layout" class="ad-image-layout" style="display: none;">
        <img id="ad_1" class="ad-image-layout-image1" style="display: none;" src="assets/images/logo/ad_1.jpg" />
        <div id="ad_2" class="ad-image-layout-layout2" style="display: none;">
            <div class="ad-image-layout-title">电话咨询</div>
            <div class="ad-image-layout-number mt4">0571-87191927</div>
        </div>
        <div id="ad_3" class="ad-image-layout-layout3" style="display: none;">
            <div class="ad-image-layout-title">微信公众号</div>
            <img id="ad_1" class="ad-image-layout-image3" src="assets/images/logo/huhu-qrcode-15cm.jpeg" />
            <div class="ad-image-layout-content">扫码添加</div>
        </div>
    </div>

    
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/count-up.min.js"></script>
    <script src="assets/js/imagesloaded.min.js"></script>
    <script src="assets/js/isotope.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script type="text/javascript">
        //========= testimonial 
        tns({
            container: '.testimonial-slider',
            items: 3,
            slideBy: 'page',
            autoplay: false,
            mouseDrag: true,
            gutter: 0,
            nav: true,
            controls: false,
            controlsText: ['<i class="lni lni-arrow-left"></i>', '<i class="lni lni-arrow-right"></i>'],
            responsive: {
                0: {
                    items: 1,
                },
                540: {
                    items: 1,
                },
                768: {
                    items: 1,
                },
                992: {
                    items: 1,
                },
                1170: {
                    items: 1,
                }
            }
        });

        //====== counter up 
        var cu = new counterUp({
            start: 0,
            duration: 2000,
            intvalues: true,
            interval: 100,
            append: " ",
        });
        cu.start();
        //============== isotope masonry js with imagesloaded
        imagesLoaded('#container', function () {
            var elem = document.querySelector('.grid');
            var iso = new Isotope(elem, {
                // options
                itemSelector: '.grid-item',
                masonry: {
                    // use outer width of grid-sizer for columnWidth
                    columnWidth: '.grid-item'
                }
            });

            let filterButtons = document.querySelectorAll('.portfolio-btn-wrapper button');
            filterButtons.forEach(e =>
                e.addEventListener('click', () => {

                    let filterValue = event.target.getAttribute('data-filter');
                    iso.arrange({
                        filter: filterValue
                    });
                })
            );
        });
    </script>
</body>

</html>