<!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="福建省恒伟阁红木文化发展有限公司其前身为始创于1998年的仙游醉仙堂红木古典家具有限公司 <?php echo e($data['description']); ?>"/>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link href="JsCss/common.css" rel="stylesheet" media="screen" type="text/css"/>
    <script type="text/javascript" src="JsCss/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="JsCss/min_contentslider.js"></script>
    <link href="JsCss/calligraphy.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="JsCss/DD_belatedPNG.js"></script>
    <script>
        DD_belatedPNG.fix('*');
    </script>
    <![endif]-->
    <!--/*技术支持，小庄602842076     验证：建站技术支持*/
    /*技术支持，小庄602842076    验证：建站技术支持*/
    /*技术支持，小庄602842076    验证：建站技术支持*/
    /*技术支持，小庄602842076    验证：建站技术支持*/
    /*技术支持，小庄602842076    验证：建站技术支持*/
    /*https://shop116998991.taobao.com/*/
    /*https://shop116998991.taobao.com/*/
    /*https://shop116998991.taobao.com/*/-->
</head>

<body>
<div class="header">
    <ul class="top-link">
        <li class="title"><a href="#"
                             onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.mycodes.net/');"
                             title='设置本站为浏览器首页(启始页)'>设为首页</a></li>
        <li class="pi"></li>
        <li class="title"><a target=_top href="http://www.mycodes.net/">加入收藏</a></li>
        <li class="pi"></li>
        <li class="title"><a href="contact_us.html">联系我们</a></li>
    </ul>

    <div class="logo"><a href="index.html"><img src="images/logo.png" width="250" height="82"/></a></div>
    <div class="menu">
        <ul>
            <li><a href="about.html">关于我们</a><span>about us</span></li>
            <li><a href="news.html">品牌动态</a><span>News center</span></li>
            <li><a href="product.html">珍品典藏</a><span>collection</span></li>
            <li><a href="caring.html">领导关怀</a><span>our culture</span></li>
            <li class="active"><a href="calligraphy.html">名家名墨</a><span>inscription</span></li>
            <li><a href="contact_us.html">联系我们</a><span>contact us</span></li>
        </ul>
    </div>
</div>

<div class="clr50"></div>
<div class="zy_banner_bg">
    <div class="zy_banner"></div>
</div>


<div class="zy_main">
    <div class="position">当前位置：<a href="#">关于我们</a> > <a href="#">名家名墨</a></div>
    <div class="zy_title"><p>名家名墨<span>Famous inscription </span></p></div>

    <div class="calligraphy">
        <DIV class=syFocusThumb>
            <DIV id=syFocusThumb class=sliderwrapper>
                <DIV class=contentdiv>
                    <DIV class=dPic><A href="#"><IMG src="images/pic1.gif" width="800" height="407"></A></DIV>
                </DIV>

                <DIV class=contentdiv>
                    <DIV class=dPic><A href="#"><IMG src="images/pic2.gif" width="800" height="407"></A></DIV>
                </DIV>

                <DIV class=contentdiv>
                    <DIV class=dPic><A href="#"><IMG src="images/pic1.gif" width="800" height="407"></A></DIV>
                </DIV>

                <DIV class=contentdiv>
                    <DIV class=dPic><A href="#"><IMG src="images/pic2.gif" width="800" height="407"></A></DIV>
                </DIV>

                <DIV class=contentdiv>
                    <DIV class=dPic><A href="#"><IMG src="images/pic1.gif" width="800" height="407"></A></DIV>
                </DIV>

                <DIV class=contentdiv>
                    <DIV class=dPic><A href="#"><IMG src="images/pic2.gif" width="800" height="407"></A></DIV>
                </DIV>

                <DIV class=contentdiv>
                    <DIV class=dPic><A href="#"><IMG src="images/pic1.gif" width="800" height="407"></A></DIV>
                </DIV>
            </DIV>

            <DIV id=paginate-syFocusThumb class=pagination>
                <I id=prev class=prev title=上一幅></I>
                <DIV class=thumbWrap>
                    <DIV class=holder>
                        <I class=toc><A href="#"><IMG src="images/Spic1.gif" width="107" height="55"></A></I>
                        <I class=toc><A href="#"><IMG src="images/Spic1.gif" width="107" height="55"></A></I>
                        <I class=toc><A href="#"><IMG src="images/Spic1.gif" width="107" height="55"></A></I>
                        <I class=toc><A href="#"><IMG src="images/Spic1.gif" width="107" height="55"></A></I>
                        <I class=toc><A href="#"><IMG src="images/Spic1.gif" width="107" height="55"></A></I>
                        <I class=toc><A href="#"><IMG src="images/Spic1.gif" width="107" height="55"></A></I>
                        <I class=toc><A href="#"><IMG src="images/Spic1.gif" width="107" height="55"></A></I>
                    </DIV>
                </DIV>
                <I id=next class=next title=下一幅></I>
            </DIV>

            <SCRIPT type=text/javascript>
                //焦点图初始化
                featuredcontentslider.init({
                    id: "syFocusThumb", //指定ID
                    contentsource: ["inline", ""], //有效值: ["inline", ""] 嵌入html or ["ajax", "path_to_file"] 嵌入utf-8文件
                    toc: "scroll", //有效值: "#increment" 标记序号, "markup", ["markup1", "markup2", etc]标记具体内容
                    nextprev: ["", ""], //next_pre标记 ，如："上一条" "下一条"，设置为 "" 为不出现
                    revealtype: "click", //鼠标事件有效值: "click" or "mouseover"
                    enablefade: [false, 0.15], // 切换褪色度 "true"or "false"
                    autorotate: [true, 3500], // 切换停留时间 "true"or "false"
                    delay: 0, //事件延迟时间(默认值：0，单位：ms)
                    //playtab: 4, 默认的播放舌签
                    onChange: function (previndex, curindex) { //触发处理；previndex 触发处理上一个记录； curindex 触发处理上一个记录 可以自定义函数控制；参考亲子网首页"亲子部落-相册"
                    }
                });
            </SCRIPT>
        </DIV>
    </div>
</div>

<?php if($data['open_foot'] == 1): ?>
    <div id="footer-top">
        <div class="footer-text">
            <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>
        </div>
    </div>
<?php endif; ?>
<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>
