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

<head>
    <meta charset="utf-8">
    <meta property="og:image" content="http://daifenqi.com.cn/logo.jpg"/>
    <title>爱启健康</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="/Public/aiqicom/css/bootstrap.min.css">
    <link rel="stylesheet" href="/Public/aiqicom/css/common.css">
    <link rel="stylesheet" media="screen and (min-width: 767px)" href="/Public/aiqicom/css/pc.css">
    <link rel="stylesheet" media="screen and (max-width: 767px)" href="/Public/aiqicom/css/mobile.css">
    <style>
        .header,
        .nav-bg {
            background-color: rgba(255, 255, 255, 0.9);
        }

        #carousel-example-generic,#carousel-generic-index-mobile {
            height: 100%;
        }
    </style>
</head>

<body>
<div id="app" v-cloak :class="[lanClass()]">
    <nav-com :sidevisible.sync="sideVisible" :indexpage.sync="indexPage" :lancode.sync="lancode"></nav-com>
    <div :class="['wrap',sideVisible?'menu-show':'menu-hide']">
        <div :class="['header','visible-xs']">
            <i class="btn-sidebar-close" v-if="sideVisible" @click="sideVisible=false"></i>
            <i class="btn-sidebar-open" v-else @click="sideVisible=true"></i>
            <i class="logo-img"></i>
        </div>

        <div class="main-page content-page">
            <!-- <img class="main-banner-img hidden-xs" src="/Public/aiqicom/image/pc/banner.png"> -->
            <div class="img-main-banner hidden-xs">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner" role="listbox">
                        <div v-for="(item,index) in slideList" :class="['item',index==0?'active':'']"
                             :data-index="index">
                            <div class="carousel-img" v-bind:style="{ 'background-image':  'url('+item.pc_img+')'}">
                                <div class="msg-carousel-caption"></div>
                            </div>
                        </div>
                    </div>
                    <!-- Controls -->
                    <a class="carousel-left" href="#carousel-example-generic" role="button" data-slide="prev">
                    </a>
                    <a class="carousel-right" href="#carousel-example-generic" role="button" data-slide="next">
                    </a>
                </div>
                <div class="fixed-bottom hidden-xs">
                    <div class="main-recom-articlelist " v-if="false">
                        <div class="change-sm-w">
                            <div class="main-ralist-item" v-for="(item,index) in listData" @click="jumpPage(item)">
                                <img :src="item.home_banner">
                                <img class="move-in-layer" src="/Public/aiqicom/image/pc/overrall.png">
                                <div class="move-in-out"></div>
                                <div class="overall-bg"></div>
                                <div class="overall">
                                    <div class="title">{{ item.title }}</div>
                                    <div class="date">{{ filterDate(item.release_time) }}</div>
                                    <div class="content">{{ item.abstract }}</div>
                                    <a class="btn-learn-more">{{getComLanObj().index.learnMore}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="copyright">Copyright 2018 H·STAR | All Rights Reserved | <span
                            @click="openUrl('police2')">沪ICP备13012184号</span> | <span
                            @click="openUrl('police')"><img src="/Public/aiqicom/image/common/beian.png" style="width: 20px;"/> 沪公网安备 31011202013250号</span></div>
                </div>
            </div>
            <div class="img-main-banner-2 visible-xs">
                <div id="carousel-generic-index-mobile" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner" role="listbox">
                        <div v-for="(item,index) in slideList" :class="['item',index==0?'active':'']"
                             :data-index="index">
                            <div class="carousel-img" v-bind:style="{ 'background-image':  'url('+item.h5_img+')'}">
                                <div class="msg-carousel-caption"></div>
                            </div>
                        </div>
                    </div>
                    <!-- Controls -->
                    <a class="carousel-left" href="#carousel-generic-index-mobile" role="button" data-slide="prev">
                    </a>
                    <a class="carousel-right" href="#carousel-generic-index-mobile" role="button" data-slide="next">
                    </a>
                </div>
            </div>


            <ul class="mb-main-list container visible-xs">
                <li v-if="false" class="mb-item" v-for="(item,index) in listData" @click="jumpPage(item)">
                    <div class="row">
                        <div class="col-xs-5">
                            <img :src="item.home_banner">
                        </div>
                        <div class="col-xs-7 mb-info">
                            <div class="title">{{ item.title }}</div>
                            <div class="date">{{ filterDate(item.release_time) }}</div>
                            <div class="content">{{ item.abstract }}</div>
                            <a class="btn-check-more">{{getComLanObj().index.checkMore}}></a>
                        </div>
                    </div>

                </li>
                <div class="copryline"></div>
                <div class="copyright">Copyright 2018 H·STAR | All Rights Reserved | <span
                        @click="openUrl('police2')">沪ICP备13012184号</span> | <span
                        @click="openUrl('police')"><img src="/Public/aiqicom/image/common/beian.png" style="width: 20px;"/> 沪公网安备 31011202013250号</span> | 隐私政策 | Cookie政策
                </div>
            </ul>
        </div>
    </div>
</div>
<script src="/Public/aiqicom/js/jquery.min.js"></script>
<script src="/Public/aiqicom/js/bootstrap.min.js"></script>
<script src="/Public/aiqicom/js/vue.min.js"></script>
<script typet="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="/Public/aiqicom/js/base.js"></script>
<script src="/Public/aiqicom/js/index.js"></script>
</body>

</html>