<!DOCTYPE html>
<html class=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>活动_<?php echo e($data['title']); ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Keywords" content="移动机器人,机器人,人工智能,智能技术,人机交互,虚拟现实,艺术风格化,<?php echo e($data['keywords']); ?>">
    <meta name="Description" content="移动机器人与智能技术实验室依托北京邮电大学，主要从事机器学习、模式识别、机器视觉、人机交互、系统仿真等智能技术，以及家用机器人、娱乐机器人、新型打印显示等研发与产业化。<?php echo e($data['description']); ?>">
    <link href="static_huodong/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" media="screen and (min-width: 767px)" href="static_huodong/style.css">
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 767px)" href="static_huodong/small.css">
    <link rel="stylesheet" type="text/css" href="static_huodong/jquery.fancybox.css">

    <!--[if lt IE 9]>
    <script src="./html5.js" type="text/javascript"></script>
    <script src="./respond.min.js"></script>
    <![endif]-->
<style type="text/css">.fancybox-margin{margin-right:0px;}</style></head>
<body style="">
<div class="header-bg"></div>
<div class="header">
    <div class="container">
        <div class="header-box">
            <img src="static_huodong/logo.png" title="移动机器人与智能技术实验室">
        </div>
    </div>
</div>

<div class="nav-box">
    <div class="container">
        <button type="button" class="navbar-toggle dropdown" data-toggle="collapse" data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse nav-div" id="example-navbar-collapse">
     
            <ul class="nav nav-pills nav-justified ">

                <li><a href="./index.html">首页</a></li>

                <li><a href="./room.html">成员信息</a></li>

                <li><a href="./xiangmu.html">科研项目</a></li>

                <li><a href="./lunwen.html">论文著作</a></li>

                <li ><a href="./dongtai.html">最新动态</a></li>

                <li><a href="./lianjie.html">友情链接</a></li>

                <li><a href="./ziyuan.html">资源共享</a></li>

                <li class="nav-active"><a href="./huodong.html">活动剪影</a></li>

                <li ><a href="./demo.html">Demo展示</a></li>
     
            </ul>

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

<div class="photo-body">
    <div class="container">

        <ul class="photo-box">
   
            <li>
                 <a class="fancybox" title="实验室2015级硕士离校日谢师宴"  caption="2018年3月27日，实验室2015级硕士生，离校日谢师宴"><img src="static_huodong/6365810487836575003776116.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="实验室2015级毕业生欢送晚宴"  caption="2018年3月12日，2015级硕士毕业生10名顺利毕业，全体师生共同庆祝并致祝福！"><img src="static_huodong/6365706887122483802638630.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="2017人工智能高峰论坛暨第四届机器人极客大会"  caption="2017年11月23日，实验室参与举办“2017中国智能制造人才高峰论坛”暨“第四届中国机器人极客大会”，明安龙老师担任主论坛主持人"><img src="static_huodong/6365861748223591517515414.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="朱松纯教授等科学家来实验室交流指导"  caption="计算机视觉最高奖“马尔奖”获得者朱松纯教授及美国名校学者，来实验室交流指导。右起：Mark Nitzberg（UC Berkly），朱松纯（UCLA）、何磊（UCLA）、明安龙（BUPT）。"><img src="static_huodong/0849463069.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="2016年实验室及合作伙伴举办中德智能制造高峰论坛"  caption="2016年11月18日，实验室及合作伙伴作为承办单位之一，在义乌市成功举办中德智能制造高峰论坛暨第三届中国机器人极客大会。"><img src="static_huodong/0309423585.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="实验室日租别墅一日游"  caption="2016年11月26日，实验室同学们集体出游日租别墅，在休闲娱乐的同时，各位同学共同努力，一起献上了一顿丰盛的晚餐！"><img src="static_huodong/6361581215655243109881632.JPG" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="实验室秋游活动"  caption="实验室全体师生2016年秋游活动"><img src="static_huodong/6361166506369090201095086.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="6月室内活动——中国象棋比赛"  caption="6月室内活动——中国象棋比赛"><img src="static_huodong/6360254090788071801166246.JPG" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="周末羽毛球活动"  caption="每周六上午羽毛球常规活动"><img src="static_huodong/6359831288703439403056463.JPG" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="实验室四月出行活动——参观国家博物馆"  caption="4月24日，实验室同学一起去国家博物馆参观。同学们主要参观了古代中国，复兴之路，中国古代玉器展，党和国家领导人外交活动受赠礼品展等展览。大家在观赏各种文物展品的同时，还能相互交流学习，增长见识，开拓视野，学习知识。"><img src="static_huodong/6359712844683381009194966.JPG" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="2016年春季学期第一次活动——奥森春游"  caption="2016年3月13日，实验室到奥林匹克森林公园春游"><img src="static_huodong/6359359972078554705809401.JPG" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="活动剪影-第二届极客大会"  caption="2015年10月实验室在上海长荣酒店举办第二届机器人极客大会"><img src="static_huodong/1457505640.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="极客大会2014"  caption="实验室在什刹海举办2014年中国机器人极客大会"><img src="static_huodong/1323378969.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="VCL2012"  caption="实验室在北邮举办 International Summer School and Workshop on Vision, Learning and Cognition (VCL2012)"><img src="static_huodong/1320117259.jpg" border="0"></a>
           </li>
   
            <li>
                 <a class="fancybox" title="ONR MURI 2010-2011 Annual Meeting"  caption="ONR MURI 2010-2011 Annual Meeting on Dec 11,UCLA"><img src="static_huodong/6358637915254852144289060.gif" border="0"></a>
           </li>
       
        </ul>

    </div>
</div>

<div class="index-footer">
    <div class="container">
        <?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; color:#000;marhin-rignt:10px;"
                       href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                <?php endforeach; ?>
                </span>
        <?php else: ?>
            <span>© 2018 北邮移动机器人与智能技术实验室 苏ICP备15058882号-1</span>
            <span>© 2018 Laboratory of Mobile Robot &amp; Intelligent Technology, BUPT</span>
            <span>联系方式：010-61198980　　地址：北京市海淀区西土城路10号，北京邮电大学新科研大楼801、806室&nbsp;&nbsp;&nbsp;&nbsp;<script
                        type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
                    document.write(unescape("%3Cspan style='display:inline;' id='cnzz_stat_icon_1259972889'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1259972889%26show%3Dpic2' type='text/javascript'%3E%3C/script%3E"));</script><span
                        style="display:inline;" id="cnzz_stat_icon_1259972889"><a
                            href="http://www.cnzz.com/stat/website.php?web_id=1259972889" target="_blank"
                            title="站长统计"><img
                                border="0" hspace="0" vspace="0" src="static_index/pic2.gif"></a></span><script
                        src="static_index/z_stat.php" type="text/javascript"></script><script
                        src="static_index/core.php"
                        charset="utf-8" type="text/javascript"></script></span>
        <?php endif; ?>
    </div>
</div>
<script src="static_huodong/jquery-2.0.3.min.js"></script>
<script src="static_huodong/bootstrap.min.js"></script>
<script src="static_huodong/robot.js"></script>
<script type="text/javascript" src="static_huodong/jquery.fancybox.pack.js"></script>
<script>
    $(".fancybox").fancybox({
        beforeShow: function () {
            this.title = $(this.element).attr('caption');
        },
        helpers: {
            title: {
                type: 'inside'
            }
        }
    });
    $('.photo-box li a').click(function(){
        var imgsrc = $(this).children('img').attr('src');
        $(this).attr('href',imgsrc);
    });
 $('.nav-box ul li').eq(7).addClass('nav-active');
</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>