<?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']); ?>"/>
<link href="css/teacher.css" rel="stylesheet" type="text/css"/>
<link href="css/coursesOnecss.css" rel="stylesheet" type="text/css"/>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/cabel-v1.css" type="text/css" />
<script type="text/javascript" src="js/indexjs.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script src="js/FancyZoom.js" language="JavaScript" type="text/javascript"></script>
<script src="js/FancyZoomHTML.js" language="JavaScript" type="text/javascript"></script>
</head>

<body  onLoad="setupZoom();">
	<!--顶部-->
        <div class="header" >
        	<div class="header_all">
        	<div class="header_logo" ><a href="index.html"><img src="images/logo.png"/></a></div>
            <div class="header_div">
                <ul class="header_ul">
                    <li class="header_li"><a class="logoa"   href="production.html">学院介绍</a></li>
                    <li class="header_li"><a class="logoa"   href="teachers.html">教师风采</li>
                    <li class="header_li"><a class="logoa"  href="coursesOne.html">课程介绍</li>
                    <li class="header_li"><a class="logoa"  href="index.html#read">推荐阅读</a></li>
                    <li class="header_li"><a class="logoa"   href="add.html">加入我们</a></li>
                    <li class="header_li"><input id="texts" type="text" onclick="cleartext('texts')" style="height:27px;width:190px; color:#ccc; font-family:'微软雅黑'; font-size:18px;" value="搜索教室或课程" /><input type="image" src="images/search.png" style=" border:1px solid #CCC; width:25px; margin-left:-30px; margin-top:0px; margin-bottom:-6px; border-bottom:none; border-top:none; border-right:none;" /></li>
                </ul>
            </div>
            </div>
        </div>
        <div style="width:100%; height:350px; background:url(images/little_logo.jpg);"> 
        
        </div>
      <div  class="ddiv">
        <div class="teacher_center" style="height:1200px;" >
        	<h1>学院介绍：</h1>
            <hr color="#46474C" class="hra" style="width:90px;"  size="1" />
            <hr color="#BAC9C6"  class="hrb" style="width:910px; margin-left:198px;"  size="1" />
           <div align="center" class="photoblock">
           		<h1 style="font-weight:100px; font-family:'微软雅黑'; font-size:32px; margin-left:0px; margin-bottom:50px;">照片墙</h1>
            <div class="photoblock-many">
             	<a href="images/IMG_0466.JPG" title="Why“唯尔”？--- 拉丁语Veritas 真理的音译。长久以来，出国考试培训都被烙上了技巧的印记。">
   <img src="images/IMG_0466_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-2" class="photo" /></a> 
   <a href="images/IMG_0464.JPG" title="我们疯狂的刷题，我们死记机经，我们寄希望于模板和老师们经验之谈的猜题技巧。"><img src="images/IMG_0464_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-14" class="photo" /></a> 
   <a href="images/IMG_0485.JPG" title="我们却发现：种种疯狂之后就是瓶颈，雅思总是冲不过6.5， 托福100+是那样遥不可及。"><img src="images/IMG_0485_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-5" class="photo" /></a>
   <a href="images/IMG_0475.JPG" title="因为我们忽略了一切教育的本质:追求真理。"><img src="images/IMG_0475_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-6" class="photo" /></a> 
   <a href="images/IMG_0474.JPG" title="当我们总是浮于表面，只追逐分数本身的时候，我们辛苦而又麻木的教育，我们不求甚解，不去探寻知识背后的关联。"><img src="images/IMG_0474_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-16" class="photo" /></a> 
   <a href="images/IMG_0458.JPG" title="我们忘记了语言是文化与思维的载体，机械的记忆与翻译永远不会让我们达到master的境界。"><img src="images/IMG_0458_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-20" class="photo" /></a> 
   <a href="images/IMG_0460.JPG" title="唯尔的尔--- 学生。一切教育的主体，也是我们服务的主体。"><img src="images/IMG_0460_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-21" class="photo" /></a> 
   <a href="images/IMG_0483.JPG"><img src="images/IMG_0483_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-25" class="photo" /></a> 
   <a href="images/IMG_0476.JPG" title="我们不做高高在上的说教者，我们不是知识的复读机，我们希望陪伴你们，引领你们经历人生中第一次的全力付出。"><img src="images/IMG_0476_x.JPG" width="161" height="123" border="0" alt="" id="img-mwsf-27" class="photo" /></a>
             </div>
             <h1 style="font-weight:100px; font-family:'微软雅黑'; margin-left:-880px;">唯尔教育简介：</h1>
            <p style="margin-top:20px; font-size:15px;font-family:'微软雅黑'; color:#000; text-align:left; text-indent:2em; line-height:20px;">Why“唯尔”？--- 拉丁语Veritas 真理的音译。长久以来，出国考试培训都被烙上了技巧的印记。我们疯狂的刷题，我们死记机经，我们寄希望于模板和老师们经验之谈的猜题技巧。
我们却发现：种种疯狂之后就是瓶颈，雅思总是冲不过6.5， 托福100+是那样遥不可及。
因为我们忽略了一切教育的本质：追求真理。当我们总是浮于表面，只追逐分数本身的时候，我们辛苦而又麻木的教育，我们不求甚解，不去探寻知识背后的关联。我们忘记了语言是文化与思维的载体，机械的记忆与翻译永远不会让我们达到master的境界。
</p>
            <h1 style="font-weight:100px; font-family:'微软雅黑'; margin-left:-880px;">唯尔的特色：</h1>
            <p style="margin-top:10px; font-size:15px; color:#000; text-align:left; text-indent:2em; font-family:'微软雅黑';">真正注重学术和学生的最优秀的老师,
			   新疆雅思，托福培训史上首个满分组合，
               留美，访英学者鼎力分享,关注留学备考，申请，求学生活的全过程
				上海海移移民教育集团专业顾问文书团
					哈佛，普林斯顿，UBC，招生官，面试官定期空降讲座
             </p>
             
            <h1 style="font-weight:100px; font-family:'微软雅黑'; margin-left:-880px;">唯尔的优势：</h1>
			<p style="margin-top:20px; font-size:15px;font-family:'微软雅黑'; color:#000; text-align:left; text-indent:2em; line-height:20px;">每天十小时，精确到每小时的任务安排高分，留学助教团队陪伴全程,雅思7分，托福100+ 留学生助教团与你亲密分享备考及留学生活经验</p>
            
           </div>

<div style="width:550px;margin:20px auto;">
</div>

        </div>
        </div>
        
    <a name="foot"></a>
    <!--底部-->
    <div class="foot">
    	<div class="foot_all" >
     		<div class="foot_left">
            	<div class="foot_left_one">
                	<ul>
                    	<li class="foot_left_one_li" style="color:#fff; margin-top:-7px; margin-left:6px;">学院介绍</li>
                    	<li class="foot_left_one_li" style="margin-top:4px;" ><a style="color:#9A9EA7;" href="production.html">关于学院</a></li>
                    	<li class="foot_left_one_li">服务条款</li>
                    	<li class="foot_left_one_li">隐私保护</li>
                    	<li class="foot_left_one_li"><a style="color:#9A9EA7;" href="#foot">联系我们</a></li>
                    </ul>
                </div>
                <div class="foot_left_two">
                	<ul>
                    	<li class="foot_left_two_li" style="color:#fff; margin-top:-5px; margin-left:21px;">课程介绍</li>
                    	<li class="foot_left_two_li" style="margin-top:5px;"><a style="color:#9A9EA7;" href="#center_title">了解课程</a></li>
                    	<li class="foot_left_two_li"><a style="color:#9A9EA7;" href="production.html">学院优势</a></li>
                    	<li class="foot_left_two_li"><a style="color:#9A9EA7;" href="teachers.html">师资力量</a></li>
                    </ul>
                </div>
                <div class="foot_left_three">
                	<ul>
                    	<li class="foot_left_three_li" style="margin-left:21px; color:#fff; margin-top:-6px;" >如何报名</li>
                    	<li class="foot_left_three_li" style="margin-top:5px; margin-left:20px;  margin-top:6px;"><a style="color:#9A9EA7;" href="#foot">报名</a></li>
                    </ul>
                </div>
            </div>

            </div>
    </div>
            <div class="foot_bom">
                <?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>
</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>
