<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.transit.js"></script>
    <link href="css/CSS1.css" type="text/css" rel="stylesheet"></link>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>案例 <?php echo e($data['title']); ?></title>
    <meta name="Keywords"
          content="全新的顾问式服务模式，从网站策划、网站建设实施、网站推广、网站运营<?php echo e($data['keywords']); ?>"/>
    <meta name="Description"
          content="全面改善和建立您的网站系统.我们是站在客户的立场上考虑策划方案的，出发点是中立的、以客户利益为首位的<?php echo e($data['description']); ?>"/>

</head>

<body>
<div class="back">
    <div class="navbox">
        <div class="nav">
            <div class="logo"><a href="index.html"><img src="image/nav-logo.png"></a></div>
            <ul>
                <li><a href="index.html"><img src="image/nav-1.png"><br/>首页</a></li>
                <li><a href="service.html"><img src="image/nav-2.png"><br/>服务</a></li>
                <li><a href="case.html"><img src="image/nav-3.png"><br/>案例</a></li>
                <li><a href="news.html"><img src="image/nav-4.png"><br/>动态</a></li>
                <li><a href="about.html"><img src="image/nav-5.png"><br/>关于</a></li>
                <li><a href="contact.html"><img src="image/nav-6.png"><br/>联系</a></li>
            </ul>
        </div>
    </div>
    <div class="banner">
        <img style="display:block;" src="image/banner-1.png">
        <img src="image/banner-2.png">
        <img src="image/banner-3.png">
        <img src="image/banner-4.png">
        <img src="image/banner-5.png">
        <a class="" href="" style="left:486px;"></a>
        <a class="" href="" style="left:536px;"></a>
        <a class="" href="" style="left:586px;"></a>
        <a class="" href="" style="left:636px;"></a>
        <a class="" href="" style="left:686px;"></a>
    </div>
    <div class="case">
        <ul>
            <li>
                <a href=""><img src="image/case/case-1.png"></a>
                <a href="" style="margin-left:10px;">惠品优商文化传媒</a>
                <span>2014-08-13</span>
                <span class="span1">是一家专业的综合网上购物商城，在线销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌千万种优质商品.为消费者提供优质的...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-2.png"></a>
                <a href="" style="margin-left:10px;">Valve官方交易平台</a>
                <span>2014-08-10</span>
                <span class="span1">维尔福软件公司（Valve Software）是一间位于华盛顿州专门开发电子游戏的公司。它的第一个产品半条命在1998年11月发布。Valve继续开发了它的后续版本...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-3.png"></a>
                <a href="" style="margin-left:10px;">诺兰生物医疗</a>
                <span>2014-08-03</span>
                <span class="span1">生物信息学(Bioinformatics)是研究生物信息的采集、处理、存储、传播，分析和解释等各方面的学科，也是随着生命科学和计算机科学的迅猛发展...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-1.png"></a>
                <a href="" style="margin-left:10px;">惠品优商文化传媒</a>
                <span>2014-08-13</span>
                <span class="span1">是一家专业的综合网上购物商城，在线销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌千万种优质商品.为消费者提供优质的...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-2.png"></a>
                <a href="" style="margin-left:10px;">Valve官方交易平台</a>
                <span>2014-08-10</span>
                <span class="span1">维尔福软件公司（Valve Software）是一间位于华盛顿州专门开发电子游戏的公司。它的第一个产品半条命在1998年11月发布。Valve继续开发了它的后续版本...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-3.png"></a>
                <a href="" style="margin-left:10px;">诺兰生物医疗</a>
                <span>2014-08-03</span>
                <span class="span1">生物信息学(Bioinformatics)是研究生物信息的采集、处理、存储、传播，分析和解释等各方面的学科，也是随着生命科学和计算机科学的迅猛发展...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-1.png"></a>
                <a href="" style="margin-left:10px;">惠品优商文化传媒</a>
                <span>2014-08-13</span>
                <span class="span1">是一家专业的综合网上购物商城，在线销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌千万种优质商品.为消费者提供优质的...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-2.png"></a>
                <a href="" style="margin-left:10px;">Valve官方交易平台</a>
                <span>2014-08-10</span>
                <span class="span1">维尔福软件公司（Valve Software）是一间位于华盛顿州专门开发电子游戏的公司。它的第一个产品半条命在1998年11月发布。Valve继续开发了它的后续版本...</span>
            </li>
            <li>
                <a href=""><img src="image/case/case-3.png"></a>
                <a href="" style="margin-left:10px;">诺兰生物医疗</a>
                <span>2014-08-03</span>
                <span class="span1">生物信息学(Bioinformatics)是研究生物信息的采集、处理、存储、传播，分析和解释等各方面的学科，也是随着生命科学和计算机科学的迅猛发展...</span>
            </li>
        </ul>
    </div>
    <div class="next" style="margin-top:50px;">
        <a href="" style="margin-left:520px; background-image:url(image/next-left.png);"></a>
        <a href="" style="margin-left:40px; background-image:url(image/next-right.png);"></a>
    </div>
    <div class="footer">
        <div class="contactbox">
            <div class="contact">
                <ul>
                    <li>地址：<br/><span style="font-size:14px; color:#b5b5b5;">中国·山东<br/>
青岛市李沧区巨峰路177号<br/>
万达中央公馆5号楼403</span></li>
                    <li>联系方式：<br/><span style="font-size:14px; color:#b5b5b5;">Tel:00000000<br/>
Email:1112@123.com</span>
                    </li>
                    <li>服务项目<br/><a href="">品牌网站建设</a><br/><a href="">手机网站建设</a><br/><a href="">网站运营维护</a></li>
                    <li>新闻动态<br/><a href="">公司新闻</a><br/><a href="">行业资讯</a></li>
                </ul>
            </div>
            <div class="copyright">
                <?php if($data['open_foot'] == 1): ?>
                    <span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
                    <span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
                    <span style="display: inline !important">友情链接:
                        <?php foreach($data['lianjie_name'] as $key => $vo): ?>
                            <a style="display: inline !important;marhin-rignt:10px;"
                               href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                        <?php endforeach; ?>
                </span>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>
<script>
    $(".banner a").mouseover(function () {
        $(".banner a")
            .removeClass("nowa")
        $(this)
            .addClass("nowa")
        var x = $(".banner a").index($(this));
        $(".banner img").hide();
        $(".banner img").eq(x).show();
    })
    $(function () {
        /*1秒钟换一张图显示*/
        var n = 0;

        function changeImg() {
            if (n < 4) {
                n++;
            } else {
                n = 0;
            }
            $(".banner img").hide();
            $(".banner img").eq(n).show();
        }

        var timer = setInterval(changeImg, 3000);
        /*鼠标经过box时，停止；鼠标离开box，开始*/
        $(".banner").mouseover(function () {
            clearInterval(timer);
        }).mouseout(function () {
            timer = setInterval(changeImg, 3000);
        })
    })
</script>
<script src="/static/plugins/jquery/jquery.js"></script>
<?php if($data['open_bd'] == 1): ?>
    <script>
        let bd_image = "<?php echo e($data['bd_image']); ?>",
            bd_link = "<?php echo e($data['bd_link']); ?>";
    </script>
    <script src="/static/js/bd.js"></script>
<?php endif; ?>
<style>
    .nico {
        position: fixed;
        top: 10px;
        right: 0;
        bottom: 0;
        z-index: 10000;
        width: 400px;
        height: 500px;
        border: 0;
        background-color: #fff;
        box-shadow: 0 0 0 4px lightseagreen
    }

    .nico * {
        padding: 0;
        margin: 0;
    }

    .news_wrap {
        position: relative;
        height: 500px;
    }

    .news_wrap li {
        position: relative;
        padding-left: 10px;
        list-style-type: none;
        display: block;
        width: 380px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid grey
    }

    .news_wrap li > span {
        display: block;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        line-height: 40px;
    }

    .news_wrap li > i {
        position: absolute;
        width: 80px;
        font-size: .5rem;
        top: 0;
        right: 0;
    }

    .page-btn {
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: 0;
    }

    .page-btn li {
        font-size: .8rem;
        padding: 0 !important;
        margin-left: 2px;
        list-style-type: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }

    .clicked {
        background-color: #0c5460;
        color: #fff;
    }
</style>
<div class="nico">
    <div class="news_wrap">
        <ul>
            <?php foreach($data['list'][0] as $vo): ?>
                <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
                    <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
                </li>
            <?php endforeach; ?>
        </ul>
        <div class="page-btn">
            <ul>
                <?php foreach($data['list'] as $key => $vo): ?>
                    <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
</body>
</html>
