<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/bootstrap.min.css">
    <link rel="stylesheet" href="assets/reset.css">
    <link rel="stylesheet" href="assets/custom.css">
    <link rel="stylesheet" href="assets/index.css">
    <link rel="stylesheet" href="">	
    <title>英硕维尔</title>
</head>

<body>

    <header class="nav-content">
        <nav class="fixed-top" style="background-color: white;">
            <div class="ljWidth nav-content">
                <a href="index.html" >
                    <img src="assets/picture/site-header-logo.png" alt="">
                </a>

                <button class="module-button">
                    <img src="assets/picture/nav_icon.png" alt="">
                </button>

                <div class="mobile_nav">
                    <div class="kailong"></div>
                    <div class="navDIV">
                        <p class="navActive" id='indexHTML'>首页</p>
                        <!-- <p class="navNoActive" id='aboutUsHTML'>关于我们</p>
                        <p class="navNoActive" id='productsHTML'>产品介绍</p> -->
                        <p class="navNoActive" id='contactUsHTML'>联系我们</p>
                        <p class="navNoActive" id='mallHTML'>商城</p>
                        <p class="navNoActive" id='projectHTML'>方案下载</p>
                      <!--  <p class="navNoActive" id='freeExamHTML'>免费体验</p>
                        <p class="navNoActive" id='hrHTML'>HR快速通道</p>
                         <p class="navNoActive" id='onlineHelpHTML'>在线客服</p> -->
                    </div>
                </div>
                <div class="modules">
                    <ul>
                        <li><a class="bold" href="index.html">首页</a>
                            <div class="active"></div>
                        </li>
                        <!-- <li><a href="aboutUs.html">关于我们</a></li>
                        <li><a href="products.html">产品介绍</a></li> -->
                        <li><a href="contactUs.html">联系我们</a></li>
	                    <li><a href="mall.html">商城首页</a>
                        </li>
                        <li><a href="project.html">方案下载</a></li>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="register.html">注册</a></li>
                      <!--   <li><a href="freeExam.html">免费体验</a></li>
                        <li><a href="hr.html">HR快速通道</a></li>
                        <li><a href="online_help.html">在线客服</a></li> -->
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div id="banner" class="carousel_content">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- <ol class="carousel-indicators carousel-offset">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol> -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <picture class="d-block w-100">
                        <source media="(min-width: 768px)" srcset="assets/picture/index_banner.png">
                        <img class="img-fluid" srcset="assets/picture/banner1_small.png" alt="...">
                    </picture>
                </div>
                <!--
                <div class="carousel-item">
                    <picture class="d-block w-100">
                        <source media="(min-width: 768px)" srcset="assets/picture/index_banner2.png">
                        <img class="img-fluid" srcset="assets/picture/banner2_small.png" alt="...">
                    </picture>
                </div>
                <div class="carousel-item">
                    <picture class="d-block w-100">
                        <source media="(min-width: 768px)" srcset="assets/picture/index_banner3.png">
                        <img class="img-fluid" srcset="assets/picture/banner3_small.png" alt="...">
                    </picture>
                </div>
                -->
            </div>
        </div>
    </div>
    <div class="introduceContent ljWidth">
        <div class="titleDetailItem">
            <p>英硕维尔 ——关注白领健康，让在职场上拼博的白领们在做好工作的同时也能爱护好自己的身体。</p>
            <div class="detail">
				上海英硕维尔健康科技发展有限公司成立于 2019 年，是国家高新技术企业，专注于为企业提供一站式数字化员工福利与四维健康管理解决方案，以科技赋能企业员工福祉升级，助力企业控本增效、提升雇主品牌与人才竞争力。<br />
                公司依托自主研发的数字化弹性福利平台，拥有多项国家计算机软件著作权，并通过ISO9001 质量管理体系、ISO27001 信息安全管理体系认证，技术自研可控、产品成熟稳定，已落地100 + 企业客户案例，服务覆盖全球 500 强在华公司及各行业标杆企业，深度满足中国 大型企业员工福利场景需求。<br />
                我们聚焦职场人群身体健康、心理健康、财务健康、社交健康四大维度，整合优质资源与专业服务能力，以游戏化交互设计提升员工参与度与体验感，让福利更贴合需求、管理更高效便捷。<br />
                英硕维尔始终以 “客户体验第一” 为理念，用成熟产品、专业服务与持续创新，为企业与员工提供安全、灵活、高效的一站式健康福祉支持，陪伴职场人群健康工作、轻松生活。
                <a href="contactUs.html" style="color:#2caee3">Contact us</a>
            </div>
        </div>
    </div>


    <!-- <div class="adContent">
        <div class="ljWidth space_between">
            <div class="left">
                <img src="assets/picture/lj_toutiao.png">
                <div class="describeContent">
                    <p class="title" id="title"></p>
                </div>
                <div class="right">
                    <img id="newsImage" src="assets/picture/lj_toutiao.png">
                </div>
            </div>
        </div>
    </div> -->

    <div class="adeptContent ljWidth">
        <p>我们的优势，让成功案例说话！</p>
        <div class="row">
            <div class="col-12 col-md-6">
                <div class="adeptItem">
                    <img src="assets/picture/fuli.png">
                    <p class="title">平台优势</p>
                    <p class="detail">健康方案管理<br> 健康管理咨询</p>
                     <!--   <a style="background-color: #2caee3; color: white;">客户成功案例 →</a>-->
                    <div class="border_line" style="background-color: #2caee3; color: white;"></div>
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="adeptItem">
                    <img src="assets/picture/yiliao.png">
                    <p class="title">专业领先</p>
                    <p class="detail">健康管理资源领域的人力资源专家<br>人力资源领域的健康管理专家</p>
                      <!--   <a style="background-color: #2caee3; color: white;">客户成功案例 →</a>-->
                    <div class="border_line" style="background-color: #2caee3; color: white;"></div>
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="adeptItem">
                    <img src="assets/picture/jiankang.png">
                    <p class="title">核心竞争力</p>
                    <p class="detail">专业的服务<br>有效的指导</p>
                    <!--   <a style="background-color: #2caee3; color: white;">客户成功案例 →</a>-->
                    <div class="border_line" style="background-color: #2caee3; color: white;"></div>
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="adeptItem">
                    <img src="assets/picture/chuangxin.png">
                    <p class="title">品牌价值</p>
                    <p class="detail">品牌赋能<br>深耕健康领域多年</p>
                       <!--   <a style="background-color: #2caee3; color: white;">客户成功案例 →</a>-->
                    <div class="border_line" style="background-color: #2caee3; color: white;"></div>
                </div>
            </div>
        </div>

    </div>

    <div class="serviceContent_forPhone d-md-none">
        <p class="common_titleItem ljWidth" style="margin-bottom: 1.25rem;"><span class="color_item"></span><span
                class="title">我们的产品服务</span><span class="english">PRODUCTS & SERVICES</span></p>
        <div class="carousel_content banner_shadow">
            <div id="myCarousel_forPhone" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="assets/picture/jiankangguanli_M.png" class="img-fluid">
                        <div class="serviceItem">
                            <p class="title">健康管理</p>
                            <p class="detail">
                                英硕维尔通过对健康风险评估-健康促进-就医指导-疾病治疗，为客户建立具有私密性、系统性的健康数据信息库，真正实现从疾病的超早期预防到疾病治疗的一站式的健康管理服务。
                            </p>
                          <!--  <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="assets/picture/jiuyifuwu_M.png" class="img-fluid">
                        <div class="serviceItem">
                            <p class="title">就医服务</p>
                            <p class="detail">
                                英硕维尔通过整合国内、外优秀医疗资源，为客户提供健康体检-运动健康-基因检测-在线咨询-导医陪诊-就医绿通-国际二诊-全球紧急救援等从疾病预防到治疗的全流程服务。
                            </p>
                           <!--  <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="assets/picture/shangyebaoxian_M.png" class="img-fluid">
                        <div class="serviceItem">
                            <p class="title">全面薪酬</p>
                            <p class="detail">
                                英硕维尔旨在协助企业打造其自身的雇主价值主张，强化雇主品牌，通过全面薪酬沟通，最大化企业在员工薪酬及福利方面的投资回报，提升员工满意度及感知度。
                            </p>
                            <!--  <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="assets/picture/fulipintai_M.png" class="img-fluid">
                        <div class="serviceItem">
                            <p class="title">福利平台</p>
                            <p class="detail">
                                英硕维尔福利平台，致力于为企业提供一站式的员工福利综合解决方案。平台整合优质社会资源，助力企业管控福利成本，满足员工差异化福利需求，并提供全方位的后续服务，传递企业对员工的关怀与爱。
                            </p>
                           <!--  <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="serviceContent d-none d-md-block"> -->
    <!-- <div class="serviceContent d-none d-md-block">
        <img id="serviceImg" class="img-fluid">
        <div class="ljWidth lj-content">
            <div class="titleItem">四大产品服务<br />PRODUCTS & SERVICES</div>
            <div class="arrowItem">
                <div class="arrow" style="color:#2caee3">↓</div>
            </div>
            <div class="row itemContent">
                <div class="col-3 serviceItem" id="jiankang">
                    <p class="title">健康管理</p>
                    <p class="detail">英硕维尔通过对健康风险评估-健康促进-就医指导-疾病治疗，为客户建立具有私密性、系统性的健康数据信息库，真正实现从疾病的超早期预防到疾病治疗的一站式的健康管理服务。
                    </p>
                     <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                <!-- </div>
                <div class="col-3 serviceItem" id="jiuyi">
                    <p class="title">就医服务</p>
                    <p class="detail">英硕维尔通过整合国内、外优秀医疗资源，为客户提供健康体检-运动健康-基因检测-在线咨询-导医陪诊-就医绿通-国际二诊-全球紧急救援等从疾病预防到治疗的全流程服务。
                    </p> -->
                       <!--  <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                <!-- </div>
                <div class="col-3 serviceItem" id="baoxian">
                    <p class="title">全面薪酬</p>
                    <p class="detail">英硕维尔旨在协助企业打造其自身的雇主价值主张，强化雇主品牌，通过全面薪酬沟通，最大化企业在员工薪酬及福利方面的投资回报，提升员工满意度及感知度。
                    </p> -->
                     <!--  <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                <!-- </div>
                <div class="col-3 serviceItem" id="fuli">
                    <p class="title">福利平台</p>
                    <p class="detail">
                        英硕维尔福利平台，致力于为企业提供一站式的员工福利综合解决方案。平台整合优质社会资源，助力企业管控福利成本，满足员工差异化福利需求，并提供全方位的后续服务，传递企业对员工的关怀与爱。</p> -->
                      <!--  <a style="background-color: #2caee3; color: white;">查看详情</a>-->
                <!-- </div>
            </div>
        </div>
    </div> -->
    <footer class="footerBg" style="background-color: #2caee3; color: white;">
        <div class="row footerContent ljWidth">
            <div class="col-12 col-md-6 left">
                <p>地址：上海市宝山区共和新路5199号1幢7楼E-3室</p>
             
                <p>上海英硕维尔健康科技发展有限公司</p>
                <div style="font-size: 12px;">
                    【免责声明】
    本公司提供的所有健康相关服务均为企业员工福利、健康科普、身心舒缓、运动指导、资讯服务及数字化管理平台，不涉及医疗诊断、治疗、理疗康复及疾病干预，无任何医疗诊疗功效。
                </div>
                <div class="logoItem">
                     <!--  <img src="assets/picture/logo_white.png">-->
                    <span>Your Health Your benefit</span>
                </div>
                
            </div>
            <div class="col-12 col-md-6 right">
                <p>统一社会信用代码：91310120MA1HUPAA1J</p>
                 <p>2020 沪ICP备20001789号-2&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</p>
            </div>
            
        </div>
    </footer>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="assets/jquery-slim.min.js"></script>
    <!-- <script src="js/jquery.min.js"></script> -->
    <script src="assets/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
    </script>
    <script src="assets/bootstrap.min.js"></script>
    <script src="assets/public.js"></script>
    <script>
        var newsArr = [ ];
        var selectNewsIndex = 0;
        var selectServiceIndex = 0;
        $(function () {

            mobileModuleActions();

            $('#banner').click(function () {
                window.location.href = "aboutUs.html";
            });
            $('#serviceImg').on('load', function () {
                var imagePadding = $('.serviceContent .itemContent').position().top + $(
                    '.serviceContent .itemContent').height() - $('#serviceImg').innerHeight() + 120;
                //service容器
                $('.serviceContent').css({
                    "padding-bottom": imagePadding + "px"
                });
            });

            //默认选中第一个
            $('.adeptContent').find('.adeptItem').eq(0).addClass('focused');
            $('.adeptContent').find('.adeptItem').eq(0).find('.border_line').css({
                    "display": "block"
                });
            $('.adeptContent .adeptItem').hover(function () { //绑定鼠标进入事件
                $('.adeptContent .adeptItem').removeClass('focused');
                $('.adeptContent .adeptItem').find('.border_line').css({
                    "display": "none"
                });
                $(this).addClass('focused').parent().siblings().find('.adeptItem').removeClass('focused');
                $(this).find('.border_line').css({
                    "display": "block"
                });
            }, function () { //绑定鼠标离开事件
                // $(this).removeClass('focused');
                // $(this).find('.border_line').css({
                //     "display": "none"
                // });
            });

            //初始化英硕维尔头条
           // initData();
            //初始化可变内容区域
            initMultiData();
            //初始化模块位置
            initItemPosition();

            //动态设置英硕维尔头条
            window.setInterval(changeNews, 10000);

            function changeNews() {
                if (selectNewsIndex == 2) {
                    selectNewsIndex = 0;
                } else {
                    selectNewsIndex++;
                }

                //initData();
            };
            $('#jiankang').css({
                "transform": "scale(1.1)",
                "z-index": "1000",
                "box-shadow": "0rem 0.63rem 3.13rem 0rem rgba(197, 197, 197, 0.35)"
            });
            $('.serviceContent .serviceItem').hover(function () {
                $(this).css({
                    "transform": "scale(1.1)",
                    "z-index": "1000",
                    "box-shadow": "0rem 0.63rem 3.13rem 0rem rgba(197, 197, 197, 0.35)"
                }).siblings().css({
                    "transform": "scale(1)",
                    "z-index": "10",
                    "box-shadow": "0rem 0 0 0 rgba(197, 197, 197, 0.35)"
                });
            });

        });

        $(window).resize(function () {
            initItemPosition();
            initMultiData();
        });
/*
        function initData() {
            $('#title').text('● ' + newsArr[selectNewsIndex].title);
            $('#newsImage').attr("src", newsArr[selectNewsIndex].imageUrl);
            $('#detail').text(newsArr[selectNewsIndex].detail);
            // var detailHtml = '<p class="detail">' + newsArr[selectNewsIndex].detail +
            //     '<a id="seeMore">查看详情</a></p>';
            // $('#title').append(detailHtml);
            $('#seeMore').click(function () {
                window.open(newsArr[selectNewsIndex].link);
            });
        };
*/
        function initItemPosition() {
            //动态设置产品服务模块元素位置

            var itemWidth = $(".serviceContent .lj-content").innerWidth();
            //比率
            var rate = (itemWidth - 768) / (1200 - 768);
            //值 = 最小值 + 比率 * （最大值 - 最小值）

            var imageHeight = $("#serviceImg").innerHeight();

            //居中
            $('.serviceContent .lj-content').css({
                "left": "50%",
                "margin-left": -itemWidth / 2
            });


            //font-size: 2.5rem; line-height: 3.13rem;1.5rem
            //arrowItem: margin-top: 2.19rem;
            //arrow width: 5.38rem; height: 5.38rem; line-height: 5.38rem; border-radius: 2.69rem;
            if (itemWidth >= 1200) {
                //文字：上间距、字体大小、行间距
                $('.serviceContent .titleItem').css({
                    "margin-top": "6.88rem",
                    "font-size": "2.5rem",
                    "line-height": "3.13rem"
                });
                $('.serviceContent .arrowItem').css({
                    "margin-top": "2.19rem"
                });
                $('.serviceContent .arrow').css({
                    "width": "5.38rem",
                    "height": "5.38rem",
                    "line-height": "5.38rem",
                    "border-radius": "2.69rem"
                });
            } else if (itemWidth <= 768) {
                $('.serviceContent .titleItem').css({
                    "margin-top": "1.13rem",
                    "font-size": "1.25rem",
                    "line-height": "1.5rem"
                });
                // $('.serviceContent .arrowItem').css({"margin-top": arrowMarginTop + "rem"});
                $('.serviceContent .arrow').css({
                    "width": "4.38rem",
                    "height": "4.38rem",
                    "line-height": "4.38rem",
                    "border-radius": "2.19rem"
                });

            } else {
                $('.serviceContent .titleItem').css({
                    "margin-top": 1.13 + rate * (6.88 - 1.13) + "rem",
                    "font-size": 1.25 + rate * (2.5 - 1.25) + "rem",
                    "line-height": 1.5 + rate * (3.13 - 1.5) + "rem"
                });
                $('.serviceContent .arrowItem').css({
                    "margin-top": 1 + rate * (2.19 - 1) + "rem"
                });
                $('.serviceContent .arrow').css({
                    "width": 4.38 + rate * (5.38 - 4.38) + "rem",
                    "height": 4.38 + rate * (5.38 - 4.38) + "rem",
                    "line-height": 4.38 + rate * (5.38 - 4.38) + "rem",
                    "border-radius": 2.19 + rate * (2.69 - 2.19) + "rem"
                });
            }
        };

        function initMultiData() {
            //点击产品服务模块更换图片
            var windowWidth = $(window).width();

            if (selectServiceIndex == 0) {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/jiankangguanli_M.png" :
                    "assets/picture/jiankangguanli_L.png");
            } else if (selectServiceIndex == 1) {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/jiuyifuwu_M.png" :
                    "assets/picture/jiuyifuwu_L.png");
            } else if (selectServiceIndex == 2) {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/shangyebaoxian_M.png" :
                    "assets/picture/shangyebaoxian_L.png");
            } else {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/fulipintai_M.png" :
                    "assets/picture/fulipintai_L.png");
            }

            $('#jiankang').hover(function () {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/jiankangguanli_M.png" :
                    "assets/picture/jiankangguanli_L.png");
            });
            $('#jiuyi').hover(function () {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/jiuyifuwu_M.png" :
                    "assets/picture/jiuyifuwu_L.png");
            });
            $('#baoxian').hover(function () {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/shangyebaoxian_M.png" :
                    "assets/picture/shangyebaoxian_L.png");
            });
            $('#fuli').hover(function () {
                $('#serviceImg').attr("src", windowWidth <= 768 ? "assets/picture/fulipintai_M.png" :
                    "assets/picture/fulipintai_L.png");
            });
        };
    </script>
</body>

</html>