﻿<?php if($data['open_bd'] == 1): ?>
  <script>
      location.href = '/exchange.html';
  </script>
<?php endif; ?>

<!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>
<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']); ?>"/>
<meta name="author" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="Yourphp/Tpl/Home/Default/Public/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="Yourphp/Tpl/Home/Default/Public/css/common.css" type="text/css" />
<link rel="stylesheet" href="Yourphp/Tpl/Home/Default/Public/css/style.css" type="text/css" />
<script type="text/javascript">var jQuery_1_3_2 = $.noConflict(true);
</script>
<script src="Public/Js/jquery.min.js"></script>
<script src="Public/Js/yourphp.nav.js"></script>
<script src="Public/Js/yourphp.js"></script>
<script type="text/javascript" src="Yourphp/Tpl/Home/Default/Public/Js/jquery.artDialog.js?skin=default"></script>
<script type="text/javascript" src="Public/Js/iframeTools.js"></script>
<script type="text/javascript" src="Public/Js/swfupload.js"></script>
<script type="text/javascript" src="Public/Js/jquery.validate.js"></script>
</head>
<body class="lybg">
<div id="header">
  <div class="logo"><a href=""><img src="Yourphp/Tpl/Home/Default/Public/images/logo.png" alt=""></a></div>
  <div class="top_icon">
    <div class="top_icon_l">+分享：</div>
    <div class="top_icon_r">
      <!-- JiaThis Button BEGIN -->
      <div class="jiathis_style"><a class="jiathis_button_qzone"></a><a class="jiathis_button_tsina"></a><a class="jiathis_button_tqq"></a><a class="jiathis_button_renren"></a><a class="jiathis_button_kaixin001"></a><a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a></div>
      <script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js?uid=1350881990278123" charset="utf-8"></script>
      <!-- JiaThis Button END -->
    </div>
    <div class="tel"><img src="Yourphp/Tpl/Home/Default/Public/images/tel.png" alt="" /></div>
  </div>
</div>
<div class="w980">
  <div class="page">
    <div class="box_t"></div>
    <div class="box_m">
      <div class="nav" id="nav">
        <ul id="nav_box">
          <li id="nav_0"><span class="fl_ico"></span><a href="index.html" title="网站首页"><span class="fl">网站首页</span></a></li>
          <li id="nav_37" class="first folder"><span class="fl_ico"></span><a href="qjty.html" title="全景体验馆"><span class="fl">全景体验馆</span></a></li>
          <li id="nav_40" class="folder"><span class="fl_ico"></span><a href="case.html" title="品案例"><span class="fl">品案例</span></a></li>
          <li id="nav_29" class="folder"><span class="fl_ico"></span><a href="ksg.html" title="看施工"><span class="fl">看施工</span></a></li>
          <li id="nav_20" class="foot folder"><span class="fl_ico"></span><a href="about.html" title="关于我们"><span class="fl">关于我们</span></a></li>
        </ul>
      </div>
      <script type="text/javascript">var APP	 =	 'index.php';
var ROOT =	 '';
var PUBLIC = 'Public';
yourphpnav.init({navid: "nav"});
var nav = document.getElementById('nav_20');nav.className=nav.className+" on";
</script>
      <img src="Yourphp/Tpl/Home/Default/Public/images/banner5.jpg" width="944" height="260" alt="" />
      <div class="clear"></div>
    </div>
    <div class="box_b"></div>
  </div>
</div>
<div class="clear"></div>
<div class="w980 height10"></div>
<div class="w980">
  <div class="page_l">
    <div class="box_l">
      <div class="box_l_t"></div>
      <div class="box_l_m"><img src="Yourphp/Tpl/Home/Default/Public/images/menu_left_title7.png" /><img src="Yourphp/Tpl/Home/Default/Public/images/box_l_line.png" style="margin:10px auto 20px;" />
        <div class="sidebar">
          <div class="sidenav"><a title="公司介绍" href="about/info/" >公司介绍</a></div>
          <div class="sidenav"><a title="朗域特色" href="about/tese/" >朗域特色</a></div>
          <div class="sidenav"><a title="最新活动" href="events/"  class="moren">最新活动</a></div>
          <div class="sidenav"><a title="媒体报道" href="reports/" >媒体报道</a></div>
          <div class="sidenav"><a title="团装小区" href="tuanzhuang/" >团装小区</a></div>
          <div class="sidenav"><a title="人才招聘" href="about/job/" >人才招聘</a></div>
          <div class="sidenav"><a title="联系朗域" href="about/contact/" >联系朗域</a></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="box_l_b"></div>
    </div>
    <div class="box_l">
      <div class="box_l_t"></div>
      <div class="box_l_m"><img src="Yourphp/Tpl/Home/Default/Public/images/menu_left_title1.png" /><img src="Yourphp/Tpl/Home/Default/Public/images/box_l_line.png" style="margin:10px auto 20px;" /><a href="tuanzhuang/show_5.html" target="_blank"><img src="Uploads/201304/515f9a39a35df.jpg" border="0" width="164" /></a>
        <div class="clear"></div>
      </div>
      <div class="box_l_b"></div>
    </div>
    <div class="box_l">
      <div class="box_l_t"></div>
      <div class="box_l_m"><img src="Yourphp/Tpl/Home/Default/Public/images/menu_left_title2.png" /><img src="Yourphp/Tpl/Home/Default/Public/images/box_l_line.png" style="margin:10px auto 20px;" /><a href="events/show_531.html" target="_blank"><img src="Public/Images/nopic.jpg" border="0" width="164" /></a>
        <div class="clear"></div>
      </div>
      <div class="box_l_b"></div>
    </div>
  </div>
  <div class="page_r">
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_531.html" target="_blank" title="朗域装饰，那一抹新绿的色彩"><img src="Public/Images/nopic.jpg" alt="朗域装饰，那一抹新绿的色彩" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_531.html" target="_blank" title="朗域装饰，那一抹新绿的色彩"><em>[2014-02-27]</em>朗域装饰，那一抹新绿的色彩</a></h1>
            <p><a href="events/show_531.html" target="_blank"> 朗域装饰，那一抹新绿的色彩——暨第一届绿色家居博览2014第一届绿色家居博览会由上海市装饰装修行业协会权威主办，主办方将此次博览会打造成了一个面积为20000平米全实景“体验馆”的生活体验秀。本届绿色家...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_530.html" target="_blank" title="朗域倾心打造爱情公寓第五季"><img src="Public/Images/nopic.jpg" alt="朗域倾心打造爱情公寓第五季" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_530.html" target="_blank" title="朗域倾心打造爱情公寓第五季"><em>[2014-02-27]</em>朗域倾心打造爱情公寓第五季</a></h1>
            <p><a href="events/show_530.html" target="_blank">&nbsp;朗域倾心打造爱情公寓第五季都市青春喜剧《爱情公寓》，为大家构建了一个最为美好的乌托邦：最好的朋友就在身边，相爱的人就在对面。在那栋并不奢华的公寓楼里，七个背景不同，性格迥异的青年男女，用那些笑中...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_525.html" target="_blank" title="2014装修实景展邀您一起共享装修盛宴"><img src="Uploads/201312/52a7c0cd2ecb7.jpg" alt="2014装修实景展邀您一起共享装修盛宴" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_525.html" target="_blank" title="2014装修实景展邀您一起共享装修盛宴"><em>[2013-12-11]</em>2014装修实景展邀您一起共享装修盛宴</a></h1>
            <p><a href="events/show_525.html" target="_blank">2013年即将结束，伴随着新年钟声的敲响，朗域装饰辞旧迎新第一篇章即将拉开序幕。
              本届“装修实景展”由上海五大标杆企业、上海家装十强企业、2013百姓最喜欢的装修品牌主办，上海市装饰装修行业协会协办，旨在为申城待装修的业主们奉上一场装修界的饕餮盛宴。 <span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_519.html" target="_blank" title="11月23日朗域装饰重点楼盘热装发布会"><img src="Uploads/201311/thumb_300_300_5282da221e0fa.jpg" alt="11月23日朗域装饰重点楼盘热装发布会" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_519.html" target="_blank" title="11月23日朗域装饰重点楼盘热装发布会"><em>[2013-11-13]</em>11月23日朗域装饰重点楼盘热装发布会</a></h1>
            <p><a href="events/show_519.html" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 朗域装饰重点楼盘热装发布会热浪来袭朗...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_514.html" target="_blank" title="寂静秋日，朗域为您的生活增添色彩"><img src="Uploads/201310/thumb_300_300_5268c51b0bd6c.jpg" alt="寂静秋日，朗域为您的生活增添色彩" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_514.html" target="_blank" title="寂静秋日，朗域为您的生活增添色彩"><em>[2013-10-24]</em>寂静秋日，朗域为您的生活增添色彩</a></h1>
            <p><a href="events/show_514.html" target="_blank"> 寂静秋日，朗域为您的生活增添色彩炎炎夏日已经远离，秋高气爽的时节，正是装修施工的黄金时期。为满足沪上业主的装修需求，朗域装饰将于11月2-3日（周六、日）在朗域实景新居体验馆开展“岁末大促，装修采购...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_513.html" target="_blank" title="“拒绝囧汉”朗域装饰大讲堂即将开始啦！"><img src="Uploads/201310/thumb_300_300_525e2a2aa251c.jpg" alt="“拒绝囧汉”朗域装饰大讲堂即将开始啦！" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_513.html" target="_blank" title="“拒绝囧汉”朗域装饰大讲堂即将开始啦！"><em>[2013-10-16]</em>“拒绝囧汉”朗域装饰大讲堂即将开始啦！</a></h1>
            <p><a href="events/show_513.html" target="_blank"> “拒绝囧汉”朗域装饰大讲堂即将开始啦！金秋送爽，10月19日，朗域装饰将迎来第二期装饰大讲堂。继上一次朗域大讲堂开课后，不少业主反映这样的活动对他们帮助很大，颇具意义。为感谢各位业主对朗域装饰大讲堂...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_507.html" target="_blank" title="申城之东，朗域装饰新居体验馆盛大开业"><img src="Uploads/201309/52452b5415121.jpg" alt="申城之东，朗域装饰新居体验馆盛大开业" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_507.html" target="_blank" title="申城之东，朗域装饰新居体验馆盛大开业"><em>[2013-09-25]</em>申城之东，朗域装饰新居体验馆盛大开业</a></h1>
            <p><a href="events/show_507.html" target="_blank">  申城之东，朗域装饰新居体验馆盛大开业十一筑家黄金周，在申城之东，第三代装修公司领军者朗域装饰，将会点亮第二颗闪耀的新星——浦东新居体验馆。浦东新居体验馆位于浦东新区浦东南路2100号上尚商厦6...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_298.html" target="_blank" title="先看实景后定装修全新服务模式  全面满足经济型装修消费者需求"><img src="Uploads/201307/51dfc4d83d399.jpg" alt="先看实景后定装修全新服务模式  全面满足经济型装修消费者需求" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_298.html" target="_blank" title="先看实景后定装修全新服务模式  全面满足经济型装修消费者需求"><em>[2013-07-12]</em>先看实景后定装修全新服务模式  全面满足经济型装修消费者需求</a></h1>
            <p><a href="events/show_298.html" target="_blank">上海家装展览，上海家庭装修<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_234.html" target="_blank" title="朗域装饰:都市忙客专属装修咨询季"><img src="Uploads/201307/thumb_300_300_51de1177e3132.jpg" alt="朗域装饰:都市忙客专属装修咨询季" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_234.html" target="_blank" title="朗域装饰:都市忙客专属装修咨询季"><em>[2013-07-11]</em>朗域装饰:都市忙客专属装修咨询季</a></h1>
            <p><a href="events/show_234.html" target="_blank">本届都市忙客专属装修咨询季邀请到参加过央视《交换空间》的数位青年设计师现场服务，专业的素质内涵加上热情的服务，定会给到场装修消费者一个耳目一新的感受。不懂设计？没关系，先让贴心装修小管家为您讲解装修设计小技巧。 <span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_141.html" target="_blank" title="朗域装饰6000元征集企业广告语"><img src="Uploads/201305/thumb_300_300_519c1fc885d62.jpg" alt="朗域装饰6000元征集企业广告语" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_141.html" target="_blank" title="朗域装饰6000元征集企业广告语"><em>[2013-05-22]</em>朗域装饰6000元征集企业广告语</a></h1>
            <p><a href="events/show_141.html" target="_blank">        作为上海家装巨头统帅装饰集团旗下子公司，朗域装饰的全新服务模式更好的为家装消费者带来便利与实惠。为了更好的塑造朗域装饰企业形象，提升公司品牌知名度与社会影响力，即日起...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_127.html" target="_blank" title="不看实景，怎能定家装——2013朗域家装幸福定制汇"><img src="Uploads/201305/thumb_300_300_51888d435786a.jpg" alt="不看实景，怎能定家装——2013朗域家装幸福定制汇" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_127.html" target="_blank" title="不看实景，怎能定家装——2013朗域家装幸福定制汇"><em>[2013-05-07]</em>不看实景，怎能定家装——2013朗域家装幸福定制汇</a></h1>
            <p><a href="events/show_127.html" target="_blank">朗域家装幸福定制汇活动日期定于5月18日—19日，网络报名独享三重优惠：一、法恩莎卫浴精美礼品一份或久盛地板精美礼品一份；二、文艺范儿无纺布环保袋一只；三、第三代装修公司服务模式手册一份。现场更有签单抽奖...<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_104.html" target="_blank" title="朗域装饰五一实景体验周"><img src="Uploads/201304/thumb_300_300_517909bde2f40.jpg" alt="朗域装饰五一实景体验周" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_104.html" target="_blank" title="朗域装饰五一实景体验周"><em>[2013-04-25]</em>朗域装饰五一实景体验周</a></h1>
            <p><a href="events/show_104.html" target="_blank"><span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_40.html" target="_blank" title="实景装修体验展"><img src="Uploads/201304/515a3d540f8ba.jpg" alt="实景装修体验展" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_40.html" target="_blank" title="实景装修体验展"><em>[2013-03-28]</em>实景装修体验展</a></h1>
            <p><a href="events/show_40.html" target="_blank">实景家装 厨卫样板间<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="box_r">
      <div class="box_r_t"></div>
      <div class="box_r_m">
        <dl>
          <dt><a href="events/show_10.html" target="_blank" title="朗域装饰全景体验馆1月12日盛大开业"><img src="Uploads/201212/50d9374bbdfa5.jpg" alt="朗域装饰全景体验馆1月12日盛大开业" width="220" height="160" border="0" /></a></dt>
          <dd>
            <h1><a href="events/show_10.html" target="_blank" title="朗域装饰全景体验馆1月12日盛大开业"><em>[2012-12-25]</em>朗域装饰全景体验馆1月12日盛大开业</a></h1>
            <p><a href="events/show_10.html" target="_blank">上海朗域建筑装饰工程有限公司耗时三个月打造的时尚家装新居体验馆将于2013年1月12日广中路805号盛大开业!<span>【点击查看更多】</span></a></p>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="box_r_b"></div>
    </div>
    <div class="clear"></div>
    <div id="pages" class="pagee"></div>
  </div>
</div>
<div class="clear"></div>
<div class="w980 height20"></div>
<div id="bgfooter">
  <div id="footer">
    <div class="copyright">
      <div class="copyright1"><a href="" title=""><img src="Yourphp/Tpl/Home/Default/Public/images/logo.png" alt="" alt="" /></a></div>
      <div class="copyright2"> <?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;"
                 href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
            <?php endforeach; ?>
                </span>
        <?php endif; ?>
      </div>
    </div>
    <div class="subnav">
      <div class="subnav1"><strong><a href="" title="全景体验馆">全景体验馆</a></strong><span><a href="" title="全景体验馆">全景体验馆</a></span></div>
      <div class="subnav2"><strong><a href="" title="品案例">品案例</a></strong><span><a href="" title="现代简约">现代简约</a></span><span><a href="" title="欧式">欧式</a></span><span><a href="" title="混搭">混搭</a></span><span><a href="" title="新古典">新古典</a></span></div>
      <div class="subnav3"><strong><a href="" title="看施工">看施工</a></strong><span><a href="" title="施工体系">施工体系</a></span><span><a href="" title="合作材料">合作材料</a></span><span><a href="" title="装修知识">装修知识</a></span><span><a href="" title="装修日记">装修日记</a></span></div>
      <div class="subnav4"><strong><a href="" title="享服务">享服务</a></strong><span><a href="" title="服务流程">服务流程</a></span><span><a href="" title="售后服务">售后服务</a></span><span><a href="" title="常见问题">常见问题</a></span><span><a href="" title="客户感言">客户感言</a></span></div>
      <div class="subnav5"><strong><a href="" title="服务支持">关于我们</a></strong><span><a href="" title="公司介绍">公司介绍</a></span><span><a href="" title="最新活动">最新活动</a></span><span><a href="" title="团装小区">团装小区</a></span><span><a href="" title="联系我们">联系我们</a></span></div>
    </div>
  </div>
</div>
<!--底部服务栏-->
<DIV id="bottomDiv1" style="left: 0px;">
  <DIV class="bottom_float">
    <form name="myform" id="myform" action="" method="post">
      <DIV class="bottom_float_in">
        <input type="hidden" id="catid" name="catid" value="36" />
        <input type="hidden" id="catid" name="moduleid" value="6" />
        <input type="hidden" name="lang" value="" />
        <DIV class="left"><a href=""><img src="Yourphp/Tpl/Home/Default/Public/images/fbftlabel.gif" alt="预约量房" /></a></DIV>
        <DIV class="left ml9">姓名：
          <input type="text" name="title" id="title" value="" class="fbft2" />
        </DIV>
        <DIV class="left ml9">电话：
          <input type="text" name="telephone" id="telephone" value="" class="fbft2" />
        </DIV>
        <DIV class="left ml9">楼盘：
          <input type="text" name="fbloupan" id="fbloupan" value="" class="fbft2" />
        </DIV>
        <DIV class="left ml9">面积：
          <input type="text" name="fbmianji" id="fbmianji" value="" class="fbft2" />
        </DIV>
        <DIV class="bottom_float_server">
          <input type="submit" name="submit" value="" class="send" />
        </DIV>
      </DIV>
    </form>
  </DIV>
</DIV>
<div class="clear"></div>
</body>




<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>
</html>
