<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <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" />

    <!-- ========================= CSS here ========================= -->
    <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>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="http://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <!-- Preloader -->
    <div class="preloader">
        <div class="preloader-inner">
            <div class="preloader-icon">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- /End Preloader -->

    <!-- Start Header Area -->
    <header class="header navbar-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="nav-inner">
                        <!-- Start Navbar -->
                        <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" >
                                <img src="assets/images/logo/huhu-logo-black.png" alt="Logo">
                            </a>
                            <!-- <button class="navbar-toggler mobile-menu-btn" type="button" data-bs-toggle="collapse"
                                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                            </button> -->
                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                <!-- <ul id="nav" class="navbar-nav ms-auto">
                                    <li class="nav-item">
                                        <a  class="active" aria-label="Toggle navigation">Home</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed"  data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-1" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Pages</a>
                                        <ul class="sub-menu collapse" id="submenu-1-1">
                                            <li class="nav-item"><a href="about-us.html">About Us</a></li>
                                            <li class="nav-item"><a href="pricing.html">Our Pricing</a></li>
                                            <li class="nav-item"><a href="faq.html">Faq</a></li>
                                            <li class="nav-item"><a href="mail-success.html">Mail Success</a></li>
                                            <li class="nav-item"><a href="404.html">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed"  data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-2" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Services</a>
                                        <ul class="sub-menu collapse" id="submenu-1-2">
                                            <li class="nav-item"><a href="services.html">Services</a></li>
                                            <li class="nav-item"><a href="service-details.html">Service Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed"  data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-3" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Portfolio</a>
                                        <ul class="sub-menu collapse" id="submenu-1-3">
                                            <li class="nav-item"><a href="portfolio.html">Portfolio</a></li>
                                            <li class="nav-item"><a href="portfolio-details.html">Portfolio Details</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed"  data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-4" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Blog</a>
                                        <ul class="sub-menu collapse" id="submenu-1-4">
                                            <li class="nav-item"><a href="blog-grid-sidebar.html">Blog Grid Sidebar</a>
                                            </li>
                                            <li class="nav-item"><a href="blog-single.html">Blog Single</a></li>
                                            <li class="nav-item"><a href="blog-single-sidebar.html">Blog Single
                                                    Sibebar</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a href="contact.html" aria-label="Toggle navigation">Contact</a>
                                    </li>
                                </ul> -->
                            </div> <!-- navbar collapse -->
                            <!-- <div class="button add-list-button">
                                <a href="contact.html" class="btn">Get Started</a>
                            </div> -->
                        </nav>
                        <!-- End Navbar -->
                    </div>
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </header>
    <!-- End Header Area -->

    <!-- Start Hero Area -->
    <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">
                        <!-- <h5 class="wow fadeInUp" data-wow-delay=".2s">Expert Pleple, Quality Solutions</h5> -->
                        <h1 class="wow fadeInUp" data-wow-delay=".4s">全家的健康 <span>从眼健康开始</span>
                        </h1>
                        <!-- <p class="wow fadeInUp" data-wow-delay=".6s">It is a long established fact that a reader will be
                            distracted by the readable content of a
                            page when looking at its layout.</p> -->
                        <!-- <div class="button wow fadeInUp" data-wow-delay=".8s">
                            <a href="contact.html" class="btn">Get Started</a>
                            <a href="about-us.html" class="btn btn-alt">Know More</a>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Hero Area -->

    <!-- Start Small Features Area -->
    <section class="small-features">
        <div class="container">
            <div class="inner-content">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-12">
                        <!-- Start Single Feature -->
                        <div class="single-feature">
                            <i class="lni lni-graph"></i>
                            <h2>视光SaaS
                                <span>个性随访 智能分析</span>
                            </h2>
                        </div>
                        <!-- End Single Feature -->
                    </div>
                    <div class="col-lg-4 col-md-4 col-12">
                        <!-- Start Single Feature -->
                        <div class="single-feature">
                            <i class="lni lni-eye"></i>
                            <h2>青少年视力防控
                                <span>视力监测 档案跟踪</span>
                            </h2>
                        </div>
                        <!-- End Single Feature -->
                    </div>
                    <div class="col-lg-4 col-md-4 col-12">
                        <!-- Start Single Feature -->
                        <div class="single-feature">
                            <i class="lni lni-infinite"></i>
                            <h2>标准化流程
                                <span>数字化 中心化</span>
                            </h2>
                        </div>
                        <!-- End Single Feature -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Small Features Area -->

    <!-- Start Features Area -->
    <section class="features section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <!-- <h3 class="wow zoomIn" data-wow-delay=".2s">Features</h3> -->
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">全家人身边的健康管理平台</h2>
                        <!-- <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p> -->
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Feature -->
                    <div class="single-feature wow fadeInUp" data-wow-delay=".2s">
                        <i class="lni lni-cloud-check"></i>
                        <h3>云空间管理</h3>
                        <p>企业私有化云空间，让数据管理更便捷</p>
                    </div>
                    <!-- End Single Feature -->
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Feature -->
                    <div class="single-feature wow fadeInUp" data-wow-delay=".4s">
                        <i class="lni lni-lock"></i>
                        <h3>安全防护</h3>
                        <p>为客户提供稳定、可靠、安全的产品服务</p>
                    </div>
                    <!-- End Single Feature -->
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Feature -->
                    <div class="single-feature wow fadeInUp" data-wow-delay=".6s">
                        <i class="lni lni-handshake"></i>
                        <h3>定制服务</h3>
                        <p>以客户需求为核心，提供多元化的定制服务</p>
                    </div>
                    <!-- End Single Feature -->
                </div>
            </div>
        </div>
    </section>
    <!-- End Features Area -->

    <!-- Start Achievement Area -->
    <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>
                        <!-- <p>There are many variations of passages of Lorem Ipsum available, but the majority.</p> -->
                    </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>
    <!-- End Achievement Area -->


    <!-- Start Team Area -->
    <!-- <section class="team section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Team</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">我们的团队</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s"></p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="single-team wow fadeInUp" data-wow-delay=".2s">
                        <div class="image">
                            <img src="assets/images/team/team1.jpg" alt="#">
                        </div>
                        <div class="content">
                            <div class="row align-items-center">
                                <div class="col-lg-7 col-12">
                                    <div class="text">
                                        <h3><a >Leonard Krasner</a></h3>
                                        <h5>运营总监</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="single-team wow fadeInUp" data-wow-delay=".4s">
                        <div class="image">
                            <img src="assets/images/team/team2.jpg" alt="#">
                        </div>
                        <div class="content">
                            <div class="row align-items-center">
                                <div class="col-lg-7 col-12">
                                    <div class="text">
                                        <h3><a >Leonard Krasner</a></h3>
                                        <h5>技术总监</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="single-team wow fadeInUp" data-wow-delay=".6s">
                        <div class="image">
                            <img src="assets/images/team/team3.jpg" alt="#">
                        </div>
                        <div class="content">
                            <div class="row align-items-center">
                                <div class="col-lg-7 col-12">
                                    <div class="text">
                                        <h3><a >Leonard Krasner</a></h3>
                                        <h5>视光顾问</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- End Team Area -->


    <!-- Start Blog Section Area -->
    <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>
                        <!-- <p class="wow fadeInUp" data-wow-delay=".6s"></p> -->
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Blog -->
                    <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>
                    <!-- End Single Blog -->
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Blog -->
                    <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>
                    <!-- End Single Blog -->
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Blog -->
                    <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>
                    <!-- End Single Blog -->
                </div>
            </div>
        </div>
    </section>
    <!-- End Blog Section Area -->

    <!-- Start Call Action Area -->
    <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>
    <!-- End Call Action Area -->

    <!-- Start Footer Area -->
    <footer class="footer">
        <!-- Start Footer Top -->
        <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 class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-12">
                        <div class="single-footer f-about">
                            <div class="logo">
                                <a >
                                    <img src="assets/images/logo/huhu-logo-black-bg-white.jpg" alt="#">
                                </a>
                            </div>
                            <p>全家人身边的健康管理平台</p>
                            <ul class="social">
                                <li><a ><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a ><i class="lni lni-twitter-original"></i></a></li>
                                <li><a ><i class="lni lni-instagram"></i></a></li>
                                <li><a ><i class="lni lni-linkedin-original"></i></a></li>
                                <li><a ><i class="lni lni-youtube"></i></a></li>
                                <li><a ><i class="lni lni-pinterest"></i></a></li>
                            </ul>
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-8 col-12">
                        <div class="row">
                            <div class="col-lg-3 col-md-6 col-12">
                                <div class="single-footer f-link">
                                    <h3>Solutions</h3>
                                    <ul>
                                        <li><a >Marketing</a></li>
                                        <li><a >Analytics</a></li>
                                        <li><a >Commerce</a></li>
                                        <li><a >Insights</a></li>
                                        <li><a >Promotion</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-12">
                                <div class="single-footer f-link">
                                    <h3>Support</h3>
                                    <ul>
                                        <li><a >Pricing</a></li>
                                        <li><a >Documentation</a></li>
                                        <li><a >Guides</a></li>
                                        <li><a >API Status</a></li>
                                        <li><a >Live Support</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-12">
                                <div class="single-footer f-link">
                                    <h3>Company</h3>
                                    <ul>
                                        <li><a >About Us</a></li>
                                        <li><a >Our Blog</a></li>
                                        <li><a >Jobs</a></li>
                                        <li><a >Press</a></li>
                                        <li><a >Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-12">
                                <div class="single-footer f-link">
                                    <h3>Legal</h3>
                                    <ul>
                                        <li><a >Terms & Conditions</a></li>
                                        <li><a >Privacy Policy</a></li>
                                        <li><a >Catering Services</a></li>
                                        <li><a >Customer Relations</a></li>
                                        <li><a >Innovation</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
        <!--/ End Footer Top -->
        <!-- Start Footer Newsletter -->
        <!-- <div class="footer-newsletter">
            <div class="container">
                <div class="inner-content">
                    <div class="row align-items-center">
                        <div class="col-lg-6 col-md-5 col-12">
                            <div class="title">
                                <h3>Subscribe to our newsletter</h3>
                                <p>The latest news, articles, and resources, sent to your inbox weekly.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-7 col-12">
                            <div class="form">
                                <form action="#" method="get" target="_blank" class="newsletter-form">
                                    <input name="EMAIL" placeholder="Your email address" type="email">
                                    <div class="button">
                                        <button class="btn">Subscribe<span class="dir-part"></span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- End Footer Newsletter -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <!-- <a href="#" class="scroll-top">
        <i class="lni lni-chevron-up"></i>
    </a> -->

    <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>

    <!-- ========================= JS here ========================= -->
    <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>