GBRSGB/CZKJ.GBRS2.WebMVC/Views/Home/Index.cshtml


@{
    ViewData["Title"] = "Index";
}
@section style{
    <link rel="stylesheet" href="/assets/css/newsIndex.css">
    <link rel="stylesheet" href="/assets/plugins/swiper/idangerous.swiper.css">
}
<div class="banner">
    <div class="swiper-container" id="banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url('/assets/homeImg/banner.jpg')">
                <div class="txt">
                    <!-- <h2>国宝人寿守护
                        <br>您和家人的健康</h2> -->
                    <!-- <a href="">查看详情</a> -->
                </div>
            </div>
            <div class="swiper-slide" style="background-image:url('/assets/homeImg/banner.jpg')">
                <!-- <div class="txt">
                    <h2>国宝人寿守护
                        <br>您和家人的健康</h2>
                    <a href="">查看详情</a>
                </div> -->
            </div>
            <div class="swiper-slide" style="background-image:url('/assets/homeImg/banner.jpg')">
                <!-- <div class="txt">
                    <h2>国宝人寿守护
                        <br>您和家人的健康</h2>
                    <a href="">查看详情</a>
                </div> -->
            </div>
        </div>
        <ul class="swiper-pagination">
            <li class="cur">
                <p>国宝人寿大护宝综合意外保障计划</p>
            </li>
            <li>
                <p>国宝人寿巴适医生重大疾病保险计划</p>
            </li>
            <li>
                <p>国宝人寿2019大学生创意视频大赛</p>
            </li>
        </ul>
    </div>
</div>
<!-- 新闻和服务 -->
<div class="w newsORserv" id="news">
    <div class="left fl">
        <div class="iTit">
            <h2 class="b fl">
                新闻中心</h3>
                <a class="fr" href="">更多></a>
        </div>
        <div class="newsCon">
            <div class="img fl">
                <div class="topImg">
                    <img src="/assets/homeImg/newImg.jpg" alt="">
                </div>
                <h3>博鳌亚洲论坛4今日开启，国宝人寿应邀参会</h3>
                <p>
                    一年一度的博鳌亚洲论坛近日在海南正式召开，西部金融
                    中心骨干企业——国宝人寿应邀参会。会议期间，国宝人
                    寿董事长易军与新加坡前副总理黄根成..
                </p>
            </div>
            <ul class="txt fr">
                <li><a href=""><span>国宝人寿携手锦阳共同提升科技城金融聚集</span><i>2019-01-07</i></a></li>
                <li><a href=""><span>国宝人寿携手锦阳共同提升科技城金融聚集</span><i>2019-01-07</i></a></li>
                <li><a href=""><span>国宝人寿携手锦阳共同提升科技城金融聚集</span><i>2019-01-07</i></a></li>
                <li><a href=""><span>国宝人寿携手锦阳共同提升科技城金融聚集</span><i>2019-01-07</i></a></li>
                <li><a href=""><span>国宝人寿携手锦阳共同提升科技城金融聚集</span><i>2019-01-07</i></a></li>
                <li><a href=""><span>国宝人寿携手锦阳共同提升科技城金融聚集</span><i>2019-01-07</i></a></li>
                <li><a href=""><span>国宝人寿携手锦阳共同提升科技城金融聚集</span><i>2019-01-07</i></a></li>
            </ul>
        </div>

    </div>
    <div class="right fr">
        <div class="iTit">
            <h2 class="b">快速服务</h2>
        </div>
        <ul class="servCon">
            <li class="ser01">
                <a href="">
                    <img src="/assets/homeImg/sever01.png" alt="">
                    <img class="parts parts1_1" src="/assets/homeImg/sever01-1.png" alt="">
                </a>
            </li>
            <li class="ser02">
                <a href="">
                    <img src="/assets/homeImg/sever02.png" alt="">
                    <img src="/assets/homeImg/sever02-1.png" alt="" class="parts parts2_1">
                    <img src="/assets/homeImg/sever02-1.png" alt="" class="parts parts2_2">

                </a>
            </li>
            <li class="ser03">
                <a href="">
                    <img src="/assets/homeImg/sever03.png" alt="">
                    <img src="/assets/homeImg/sever03-1.png" alt="" class="parts parts3_1">
                    <img src="/assets/homeImg/sever03-2.png" alt="" class="parts parts3_2">
                </a>
            </li>
            <li class="ser04">
                <a href="">
                    <img src="/assets/homeImg/sever04.png" alt="">
                    <img src="/assets/homeImg/sever04-1.png" alt="" class="parts parts4_1">
                    <img src="/assets/homeImg/sever04-2.png" alt="" class="parts parts4_2">
                </a>
            </li>
            <li class="ser05">
                <a href="">
                    <img src="/assets/homeImg/sever05.png" alt="">
                    <img src="/assets/homeImg/sever05-1.png" alt="" class="parts parts5_1">
                </a>
            </li>
            <li class="ser06">
                <a href="">
                    <img src="/assets/homeImg/sever06.png" alt="">
                    <img src="/assets/homeImg/sever06-1.png" alt="" class="parts parts6_1">
                    <img src="/assets/homeImg/sever06-1.png" alt="" class="parts parts6_2">
                </a>
            </li>
        </ul>
    </div>
</div>

<!-- 产品 -->
<div class="product" id="product" style="background:url('/assets/homeImg/productBg.jpg') no-repeat white">
    <div class="w">
        <div class="cTit">
            <h2>产品中心</h2>
            <p>PRODUCT CENTER</p>
        </div>
        <div class="productC">
            <div class="left fl">
                <img src="/assets/homeImg/img1.jpg" alt="">
                <div class="tag b">热销产品</div>
                <div class="leftCon">
                    <h3>巴适一生重大疾病保险计划</h3>
                    <p>报百病，真全面 多重陪，真给力</p>
                    <span>168 / 起</span>
                    <i class="c fr">查看详情</i>
                </div>

            </div>
            <div class="right fr">
                <ul>
                    <li>
                        <a href="">
                            <div class="tag b">最新产品</div>
                            <div class="txt">
                                <h3>医保康医疗保险</h3>
                                <p>超级百万医疗保险</p>
                                <span class="c">168 / 起</span>
                                <i class="c">查看详情</i>
                            </div>
                            <div class="img">
                                <img src="/assets/homeImg/img2.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="tag b">网销产品</div>
                            <div class="txt">
                                <h3>医保康医疗保险</h3>
                                <p>超级百万医疗保险</p>
                                <span class="c">168 / 起</span>
                                <i class="c">查看详情</i>
                            </div>
                            <div class="img">
                                <img src="/assets/homeImg/img3.jpg" alt="">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>

<!-- 关爱国宝 -->
<div class="love" id="love" style="background:url('/assets/homeImg/videoBj.jpg') no-repeat 100% 100%;">
    <div class="w">
        <div class="cTit">
            <h2 class="c">关爱国宝</h2>
            <p style="color:rgba(240,240,240,.7)">GUOBAO PUBLIC WELFARE</p>
        </div>
        <div class="loveCon clearfix">
            <div class="left fl">
                <div class="img">
                    <img class="" src="/assets/homeImg/xm.png" alt="">
                    <div class="leafs">
                        <img src="/assets/homeImg/leaf01.png" alt="">
                        <img src="/assets/homeImg/leaf02.png" alt="">
                        <img src="/assets/homeImg/leaf03.png" alt="">
                        <img src="/assets/homeImg/leaf04.png" alt="">
                        <img src="/assets/homeImg/leaf05.png" alt="">
                        <img src="/assets/homeImg/leaf06.png" alt="">
                        <img src="/assets/homeImg/leaf07.png" alt="">
                        <img src="/assets/homeImg/leaf08.png" alt="">
                    </div>
                </div>
                <p>
                    马上行动吧！喂养“国国”宝宝“啦点击
                    捐竹子已有300万网友赠送竹子喽！
                </p>
                <button class="addLeaf">点击捐竹子<img class="hand" src="/assets/homeImg/hand.png" alt=""></button>
            </div>
            <div class="con">
                <div class="swiper-container" id="videoBanner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="/assets/homeImg/img6.jpg" alt="">
                            <div class="playVideo">
                                <img src="/assets/homeImg/videoIcon.png" data-video="/assets/test.mp4" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/assets/homeImg/img6.jpg" alt="">
                            <div class="playVideo">
                                <img src="/assets/homeImg/videoIcon.png" data-video="/assets/test.mp4" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/assets/homeImg/img6.jpg" alt="">
                            <div class="playVideo">
                                <img src="/assets/homeImg/videoIcon.png" data-video="/assets/test.mp4" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/assets/homeImg/img6.jpg" alt="">
                            <div class="playVideo">
                                <img src="/assets/homeImg/videoIcon.png" data-video="/assets/test.mp4" alt="">
                            </div>
                        </div>
                    </div>
                    <ul class="swiper-pagination ddd">
                        <li class="b">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                    </ul>
                </div>
                <div class="swiper-container" id="videoTxtBanner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide cur">
                            <h4>1熊猫基地第一现场点击观看“国国”“宝宝”最新视频</h4>
                            <p>
                                2019年4月1日，由国务院新闻办公室指导，国家林业与草原局、中国人民
                                对外好友协会、四川省人民政府等单位联合举办
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <h4>2熊猫基地第一现场点击观看“国国”“宝宝”最新视频</h4>
                            <p>
                                2019年4月1日，由国务院新闻办公室指导，国家林业与草原局、中国人民
                                对外好友协会、四川省人民政府等单位联合举办
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <h4>3熊猫基地第一现场点击观看“国国”“宝宝”最新视频</h4>
                            <p>
                                2019年4月1日，由国务院新闻办公室指导，国家林业与草原局、中国人民
                                对外好友协会、四川省人民政府等单位联合举办
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <h4>4熊猫基地第一现场点击观看“国国”“宝宝”最新视频</h4>
                            <p>
                                2019年4月1日，由国务院新闻办公室指导，国家林业与草原局、中国人民
                                对外好友协会、四川省人民政府等单位联合举办
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right fr">
                <h3 class="b">志愿者报名处</h3>
                <div class="swiper-container" id="productRight">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="/assets/homeImg/img4.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="/assets/homeImg/img5.jpg" alt="">
                        </div>
                    </div>
                </div>
                <p>
                    有关志愿者报名的一些规则和条件要求等等
                    文字过多可以加一个详情页...
                </p>
                <a href="" class="b">立即报名</a>

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


</div>
<!-- 视频播放弹框 -->
<div class="videoPop">
    <div class="video">
        <video autoplay="autoplay" controls></video>
    </div>
</div>


<!-- 专题专栏 -->
<div class="special" id="special">
    <div class="w clearfix">
        <div class="cTit">
            <h2 class="c">专题专栏</h2>
            <p style="color:rgba(240,240,240,.7)">SPECIAL COLUMN</p>
        </div>
        <div class="left fl">
            <ul class="sLT sLLT">
                <li class="cur">教育扶贫</li>
                <li>产业扶贫</li>
            </ul>
            <div class="leftScWrap">
                <div class="sC sLC clearfix">
                    <div class="swiper-container fl specialBanner" id="specialBanner">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8.jpg" alt="">
                            </div>
                        </div>
                        <ul class="swiper-pagination ddd">
                            <li class="b">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </div>
                    <div class="cTxt fr">
                        <div class="swiper-container specialTxtBanner">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide cur">
                                    <h3>1为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                                <div class="swiper-slide">
                                    <h3>2为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                                <div class="swiper-slide">
                                    <h3>3为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                                <div class="swiper-slide">
                                    <h3>4为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sC sLC clearfix">
                    <div class="swiper-container fl specialBanner" id="specialBannerTwo">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8-1.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8-1.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8-1.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/assets/homeImg/img8-1.jpg" alt="">
                            </div>
                        </div>
                        <ul class="swiper-pagination ddd">
                            <li class="b">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </div>
                    <div class="cTxt fr">
                        <div class="swiper-container specialTxtBanner">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide cur">
                                    <h3>5为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                                <div class="swiper-slide">
                                    <h3>6为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                                <div class="swiper-slide">
                                    <h3>7为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                                <div class="swiper-slide">
                                    <h3>8为山区的孩子带来生活必需品</h3>
                                    <p>
                                        “今天你们高兴吗.”“高兴!”光山县特困村
                                        蔡围孜小学的十几名孩子齐声响亮回答。
                                        为落实华夏保险的扶贫承诺，推进公司在
                                        光山县的公益活动，在六一儿童节前夕，
                                        华夏保险志愿者走进光山县...
                                    </p>
                                    <a class="c" href="">查看更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="right fr">
            <ul class="sLT">
                <li class="cur">反洗钱专题</li>
            </ul>
            <div class="sC sRC">
                <div class="top">
                    <img src="/assets/homeImg/img7.jpg" alt="">
                </div>
                <div class="txt">
                    <h3>了解反洗钱</h3>
                    <p>
                        反洗钱，是指为了预防通过各种方式掩饰、隐瞒
                        毒品犯罪、黑社会性质的组织犯罪、恐怖活动犯
                        罪、走私犯罪、贪污贿赂犯罪、破坏金融管理秩
                        序犯罪等犯罪所得及其收益...
                    </p>
                </div>

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

<!-- 广告位 -->
<div class="adv w" style="margin-top:3%;">
    <a href="">
        <img style="vertical-align: middle;" src="/assets/homeImg/img9.jpg" alt="">
    </a>
</div>

<!-- 底部 -->
<div class="fooBj" style="background-image:url('/assets/homeImg/fooBj.jpg')">
    <!-- <img src="/assets/homeImg/" alt=""> -->
    <div class="w">
        <p>坚持初心 深耕四川 为建设西部金融中心贡献国宝力量</p>
    </div>
</div>

<!-- 左侧浮框 -->
<ul class="leftPop">
    <li class="head" style="background:#00923f;">导航</li>
    <li class="leftNav news"><a href="/#news">新闻中心</a></li>
    <li class="leftNav product"><a href="/#product">产品中心</a></li>
    <li class="leftNav love"><a href="/#love">关爱国宝</a></li>
    <li class="leftNav special"><a href="/#special">专题专栏</a></li>
    <li class="foo" onclick="window.scrollTo(0,0)">返回顶部</li>
</ul>
<!-- 右侧浮框 -->
<ul class="rightPop">
    <li class="b">
        <a href="javascript:void(0);"><img src="/assets/homeImg/wx.png" alt=""></a>
        <div class="rightShow">
            <img src="/assets/homeImg/qr.jpg" alt="">
        </div>
    </li>
    <li class="b">
        <a href=""><img src="/assets/homeImg/xl.png" alt=""></a>
    </li>
    <li class="b">
        <a href="javascript:void(0);"><img src="/assets/homeImg/tel.png" alt=""></a>
        <div class="rightShow">
            <div class="tel c">123456789</div>
        </div>
    </li>
    <li class="b" onclick="window.scrollTo(0,0)">
        <a href="javascript:void(0);"><img src="/assets/homeImg/jt1.png" alt=""></a>
    </li>
</ul>



<!-- 捐竹子浮框 -->
<div class="donateWrap" style="display:none">
    <div class="donatePop">
        <div class="img">
            <img src="/assets/homeImg/donate01.jpg" alt="">
        </div>
        <div class="txt">
            <p>恭喜您成为第</p>
            <span class="num">10083</span>
            <p>个喂养“国国”“宝宝”的志愿者</p>
        </div>
        <img class="close" src="/assets/homeImg/clone.png" alt="">
    </div>
</div>



@section script{
    <script src="/assets/plugins/swiper/idangerous.swiper.min.js"></script>
    <script src="/assets/js/newIndex.js"></script>
}