<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>关于我们-异彩印象 <?php echo e($data['title']); ?></title>
    <meta name="Keywords" content="打造成中国数字教育第一品牌！ AppleTree™ 旗下品牌Max&Magi™ 系列数字教育产品,<?php echo e($data['keywords']); ?>">
    <meta name="Description" content="AppStore上儿童数字图书出版的先行者，我们专注、执着、无惧困难、勇于创新<?php echo e($data['description']); ?>">

    <link href="css/base.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/adultStyle.css" rel="stylesheet">
</head>
<body>
<!-- header S -->
<div id="header" class="clear">
    <div class="headTop clear webPage">
        <div class="logo L"><a href="/"><img src="images/logo.png" width="235" height="79"></a></div>
        <div class="headNav R">
            <div class="headNavTxt text-right"><a href="login.html">登录</a>|<a href="registered.html">注册</a></div>
            <div class="headNavTxt text-right"><a href="/">·HOME <span>返回首页<span></a><a href="#"
                                                                                        onclick="javascript:window.external.AddFavorite('http://www.xxx.com','异彩教学')"
                                                                                        title="收藏本站到你的收藏夹"> ·FAVORITE
                    <span>加入收藏</span></a></div>
            <ul class="headNavUl clear">
                <li class="navLi"><a href="index.html" class="atem">网站首页</a>丨</li>
                <li class="navLi  active"><a href="about.html" class="atem">关于异彩</a>丨</li>
                <li class="navLi "><a href="hInformation_news.html" class="atem">画室资讯</a>丨</li>
                <li class="navLi "><a href="admissions_Intro.html" class="atem">招生咨询</a>丨</li>
                <li class="navLi "><a href="worksList.html" class="atem">作品欣赏</a>丨</li>
                <li class="navLi "><a href="results_hot.html" class="atem">艺考成绩</a>丨</li>
                <li class="navLi "><a href="yInformation_schools.html" class="atem">艺考资讯</a>丨</li>
                <li class="navLi "><a href="onlineReg.html" class="atem">在线报名</a>丨</li>
                <li class="navLi "><a href="admissions_contactUs.html" class="atem">联系我们</a></li>
            </ul>

            <ul class="popUL">
                <li class="popCom"></li>

                <li class="popCom aDisplay-block spanDisplay-block">
                    <div class="popIco backgroundElem"></div>
                    <a href="about.html" class="aTxt popAprv">画室简介 </a><a href="about_impression.html"
                                                                          class="aTxt">异彩印象</a><a
                            href="about_teachers.html" class="aTxt"> 师资力量</a><a href="about_culture.html" class="aTxt">
                        异彩文化 </a><a href="about_whyChoose.html" class="aTxt"> 为什么选择异彩 </a><a href="about_honor.html"
                                                                                             class="aTxt"> 我们的荣誉 </a><a
                            href="about_join.html" class="aTxt popAnext">加入团队 </a>
                </li>
                <li class="popCom aDisplay-block spanDisplay-block">
                    <div class="popIco backgroundElem"></div>
                    <a href="hInformation_news.html" class="aTxt popAprv">画室新闻动态</a><a href="hInformation_activity.html"
                                                                                       class="aTxt popAnext"> 画室活动</a>
                </li>
                <li class="popCom aDisplay-block spanDisplay-block">
                    <div class="popIco backgroundElem"></div>
                    <a href="admissions_Intro.html" class="aTxt popAprv">招生简章</a><a href="admissions_contactUs.html"
                                                                                    class="aTxt"> 联系我们</a><a
                            href="admissions_askAsw.html" class="aTxt"> 招生问答</a><a href="admissions_cases.html"
                                                                                   class="aTxt"> 成功案例</a><a
                            href="admissions_aid.html" class="aTxt popAnext">助学基金计划 </a>
                </li>
                <li class="popCom"></li>
                <li class="popCom aDisplay-block spanDisplay-block">
                    <div class="popIco backgroundElem"></div>
                    <a href="results_hot.html" class="aTxt popAprv">辉煌成绩</a><a href="results_query.html"
                                                                               class="aTxt popAnext">成绩查询 </a>
                </li>
                <li class="popCom"></li>
                <li class="popCom"></li>
                <li class="popCom"></li>
            </ul>
        </div>
    </div>
</div>
<!-- header E -->
<!-- center S -->
<div id="center" class="clear">
    <div class="webPage clear centBox">
        <div class="banner clear "><a href=""><img src="images/slice/banner01.jpg" width="1022" height="208"></a></div>

        <!--left S-->
        <div class="adultLeft L">
            <div class="adultTit text-center font-yahei">关于异彩</div>
            <ul class="adultLeftCom text-center">
                <li class="adItem"><a href="about.html">画室简介</a></li>
                <li class="adItem active"><a href="about_impression.html">异彩印象</a></li>
                <li class="adItem"><a href="about_teachers.html">师资力量</a></li>
                <li class="adItem"><a href="about_culture.html">异彩文化</a></li>
                <li class="adItem"><a href="about_whyChoose.html">为什么选择异彩</a></li>
                <li class="adItem"><a href="about_honor.html">我们的荣誉</a></li>
                <li class="adItem"><a href="about_join.html">加入团队</a></li>
            </ul>
        </div>
        <!--left E-->
        <!-- right S-->
        <div class="adultCom  R">
            <div class="adultNav clear font-yahei"><span><i></i>异彩印象</span>/About AppleTree</div>
            <div class="adultImgBox2">
                <div class="adultImg2 L text-center font-yahei">
                    <img src="images/slice/con06.jpg" width="237" height="237"/>
                    <span>综合办公楼（一）</span>
                </div>

                <div class="adultImg2 L text-center font-yahei">
                    <img src="images/slice/con06.jpg" width="237" height="237"/>
                    <span>综合办公楼（一）</span>
                </div>

                <div class="adultImg2 L text-center font-yahei">
                    <img src="images/slice/con06.jpg" width="237" height="237"/>
                    <span>综合办公楼（一）</span>
                </div>

                <div class="adultImg2 L text-center font-yahei">
                    <img src="images/slice/con06.jpg" width="237" height="237"/>
                    <span>综合办公楼（一）</span>
                </div>

                <div class="adultImg2 L text-center font-yahei">
                    <img src="images/slice/con06.jpg" width="237" height="237"/>
                    <span>综合办公楼（一）</span>
                </div>

                <div class="adultImg2 L text-center font-yahei">
                    <img src="images/slice/con06.jpg" width="237" height="237"/>
                    <span>综合办公楼（一）</span>
                </div>
            </div>

            <div class="page clear text-center padding-10">
                <a href="" class="prev"><
                    <上一页
                </a>
                <a class="sPageBtn" href="">1</a><a href="">2</a><a href="">3</a><a href="">4</a><a class="ePageBtn"
                                                                                                    href="">5</a>
                <span>共<b>50</b>页</span>
                <span>跳转到<input type="text" class="pageInput">页</span>
                <a href="" class="next">下一页>></a>
            </div>
        </div>
        <!--  right E-->
    </div>
</div>
<!-- center E -->
<!-- footer S -->
<div id="footer" class="clear">
    <div class="webPage clear footBox">
        <div class=" footCom">
            <div class="footNav text-center"><a href="">少儿美术</a> |<a href=""> 异彩画室 </a> |<a href=""> 关于我们 </a> |<a
                        href=""> 联系我们</a> |<a href=""> 免责声明</a> |<a href=""> 招商加盟 </a> |<a href=""> 招贤纳士</a> |<a
                        href=""> 异彩论坛</a></div>
            <?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: ?>
                <div class="seachLink clear">
                    <div class="seachLinkBox L">
                        <div class="seachTxt L">Site search.站内搜索</div>
                        <div class="seachInput aElem L">
                            <input type="text" placeholder="站内搜索" class="seachInputText promptTxt display-block L"/>
                            <a href="" class="seachBtn R"></a>
                        </div>
                    </div>
                    <div class="seachLinkBox R">
                        <div class="seachTxt L">Site link.友情链接</div>
                        <div class="seachInput aElem iElem L">
                            <select class="seachInputText L display-block seachInputSelect">
                                <option>－－－－友情链接－－－－</option>
                            </select>
                            <i class="seachIco"></i>
                        </div>
                    </div>
                </div>
                <div class="footTxt">
                    <span>地址：昆明市五华区昆瑞路273号云安阳光城10幢204室</span>|
                    <span>电话：0871—63399622</span>|
                    <span>邮编；650031</span>
                    <span>昆明异彩教育咨询有限公司</span><span>版权所有</span>|
                    <span><a target="_blank">昆明异彩教育咨询有限公司</a></span>
                </div>
            <?php endif; ?>
        </div>
    </div>
</div>
<!-- footer E -->
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/base.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>