{eyou:include filename="header.htm"}
    
    <!-- Banner 轮播 -->
    <div class="banner">
        <ul class="banner_list banners">
            <!-- 友情链接位可改为幻灯片 -->
            <li style="background: url('/uploads/allimg/20220715/1-220G5113114b5.jpg') center center / cover no-repeat;"><a href=""></a></li>
            <li style="background: url('/uploads/allimg/20201126/1-20112611264X96.jpg') center center / cover no-repeat;"><a href=""></a></li>
            <li style="background: url('/uploads/allimg/20211028/1-21102PZZG43.jpg') center center / cover no-repeat;"><a href=""></a></li>
            <li style="background: url('/uploads/allimg/20201126/1-201126112611H7.jpg') center center / cover no-repeat;"><a href=""></a></li>
            <li style="background: url('/uploads/allimg/20230131/1-230131102036343.jpg') center center / cover no-repeat;"><a href=""></a></li>
            <li style="background: url('/uploads/allimg/20211028/1-21102P92303538.jpg') center center / cover no-repeat;"><a href=""></a></li>
            <li><video src="/uploads/allimg/20201117/201908150846423906.mp4" autoplay="autoplay" loop></video></li>
        </ul>
    </div>
    
    <div class="bd_shadow"></div>
    <div class="noThing_top"></div>
    <div class="banner_bottom"></div>
    
    <!-- 园区展示 -->
    <div class="sl-xz-blt">
        <div class="xz-dblt wow fadeInUp" data-wow-delay=".3s">
            <span>中国梦 国际眼 世界心</span>
            Chinese Dream  Global Vision International Mind
        </div>
        
        <div class="swiper-container sp01">
            <div class="swiper-wrapper">
                            </div>
            
            <style>
                .sp01 .swiper-slide{ position:relative;}
                .sp01 .tit{ position:absolute; left:0; bottom:0; line-height:40px;height:40px;overflow:hidden; color:#fff; background:rgba(0,0,0,0.7);width:100%; text-indent:15px;}
                .sp01 .pic{ overflow:hidden;}
                .sp01 .pic img{ transition:all 0.5s ease;}
                @media screen and (min-width: 1201px) {
                    .sp01 a:hover .pic img{ transform:scale(1.05); transition:all 0.5s ease;}
                }
            </style>
            
            <script>
                var swiper = new Swiper('.sp01', {
                    loop:true,
                    slidesPerView: 4,
                    spaceBetween: 0,
                    autoplay: {
                        delay: 3500,
                        disableOnInteraction: false,
                    },
                    breakpoints: {
                        1024: { slidesPerView: 4, spaceBetween: 0, },
                        768: { slidesPerView: 3, spaceBetween: 0, },
                        640: { slidesPerView: 2, spaceBetween: 0, },
                        480: { slidesPerView: 1, spaceBetween: 0, }
                    }
                });
            </script>
        </div>
    </div>
    
    <!-- EIQ 课程介绍 -->
    <div class="opaclt">
        <div class="mauto">
            <div class="opaclt-tit wow fadeInUp" data-wow-delay=".3s">
                <img src="/template/pc/skin/images/xz04.png" alt="" /><br />
                EIQ 课程
            </div>
            <div class="palenl">
                EIQ 课程（Early. Innovative. High-Quality）：我们通过"自我与社会意识、发现世界、数学思维、审美与创意表达、运动能力发展、戏剧与表演艺术、语言与识字"七大领域的核心课程，培养孩子们创新与领导力、知识与技能的学习，让孩子们在全人教育理念的熏陶下全面发展。
            </div>
            <div class="clearfix olapc">
                <div class="zc-slc fl">
                    <div class="owl-carousel tbcal">
                                                <div class="article rel">
                            <div class="blsot rel">
                                <div class="pic">
                                    <img src="/uploads/allimg/20190808/682be7153d02d14890144bef217149d1.jpg" />
                                </div>
                            </div>
                        </div>
                                                <div class="article rel">
                            <div class="blsot rel">
                                <div class="pic">
                                    <img src="/uploads/allimg/20190731/0c8845e11a94b0f765ab24259c5b06b9.gif" />
                                </div>
                            </div>
                        </div>
                                                <div class="article rel">
                            <div class="blsot rel">
                                <div class="pic">
                                    <img src="/uploads/allimg/20190731/81e62e05fe7cdfb5e9abc50852047dcf.gif" />
                                </div>
                            </div>
                        </div>
                                                <div class="article rel">
                            <div class="blsot rel">
                                <div class="pic">
                                    <img src="/uploads/allimg/20190114/4873105f54a14f3785047bd8ecc8b5ac.jpg" />
                                </div>
                            </div>
                        </div>
                                            </div>
                    <script>
                        $(document).ready(function ($) {
                            $('.tbcal').owlCarousel({
                                items: 1,
                                loop: true,
                                navigation: false,
                                pagination: true,
                                margin: 0,
                                lazyLoad: true,
                                merge: true,
                                video: true,
                                addClassActive: true,
                                itemsDesktop: [1199, 1],
                                itemsDesktopSmall: [979, 1],
                                itemsTablet: [768, 1],
                                itemsMobile: [479, 1]
                            })
                        });
                    </script>
                </div>
                <div class="fr roulac">
                    <div class="tab-bd">
                                                <div class="bd ">
                            <div class="p1">计算机软件系统故障及维护2</div>
                            <div class="p2">
                                <p style="text-align:justify;">
                                    <span style="font-size:14px;"></span>
                                </p>
                            </div>
                        </div>
                                                <div class="bd ">
                            <div class="p1">计算机软件系统故障及维护</div>
                            <div class="p2">
                                <p style="text-align:justify;">
                                    <span style="font-size:14px;"></span>
                                </p>
                            </div>
                        </div>
                                                <div class="bd ">
                            <div class="p1"> dom编程-window对象</div>
                            <div class="p2">
                                <p style="text-align:justify;">
                                    <span style="font-size:14px;"></span>
                                </p>
                            </div>
                        </div>
                                                <div class="bd ">
                            <div class="p1">工程机械推土挖掘机类网站模板</div>
                            <div class="p2">
                                <p style="text-align:justify;">
                                    <span style="font-size:14px;"></span>
                                </p>
                            </div>
                        </div>
                                            </div>
                    <div class="tab-hd clearfix">
                                                <div class="fl lboac ">
                            <span></span><i>计算机软件系统故障及维护2</i>
                        </div>
                                                <div class="fl lboac ">
                            <span></span><i>计算机软件系统故障及维护</i>
                        </div>
                                                <div class="fl lboac ">
                            <span></span><i> dom编程-window对象</i>
                        </div>
                                                <div class="fl lboac ">
                            <span></span><i>工程机械推土挖掘机类网站模板</i>
                        </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
    
    <script>
        $(function () {
            $(".tab-hd .lboac").hover(function () {
                var ind = $(this).index();
                $(this).addClass("on").siblings().removeClass("on");
                $(".tab-bd .bd").eq(ind).stop(false, true).fadeIn().siblings().hide();
                $('.tbcal').trigger('owl.goTo', ind);
            })
            $(".tab-hd .lboac").click(function () {
                var ind = $(this).index();
                $(this).addClass("on").siblings().removeClass("on");
                $(".tab-bd .bd").eq(ind).stop(false, true).fadeIn().siblings().hide();
                $('.tbcal').trigger('owl.goTo', ind);
            })
        })
    </script>
    
    <!-- 新闻资讯 -->
    <div class="ind_news">
        <div class="mauto">
            <div class="ind_newsTop wow fadeInUp" data-wow-delay=".3s">
                <img src="/template/pc/skin/images/news_title.png" alt="" /><br />
                新闻资讯
            </div>
            <div class="ind_newsNav wow fadeInUp" data-wow-delay=".3s">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=10">公司动态</a>
                                <a href="/index.php?m=home&c=Lists&a=index&tid=11">行业资讯</a>
                                <a href="/index.php?m=home&c=Lists&a=index&tid=12">媒体报道</a>
                                <div class="news_search">
                    <form method="get" action="/search.html">
                        <input type="text" placeholder="输入新闻关键字" name="keywords" id="txt_key" />
                        <input type="submit" value=" " />
                    </form>
                </div>
                <script type="text/javascript">
                    function do_search() {
                        location.href = "/search.html?keywords=" + $("#txt_key").val();
                    }
                </script>
            </div>
            <div class="ind_newsBox wow fadeInUp" data-wow-delay=".3s">
                <div class="ind_newsList">
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=41">
                                <img src="/uploads/allimg/20210107/1-21010G0132R20.jpg" alt="《颠覆营销:大数据时代的商业革命》：大数据“多即少，少即多”各种行销手段早已令人眼花缭乱" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-06-01 11:52:05</div>
                            <div class="ind_news_T">《颠覆营销:大数据时代的商业革命》：大数据“多即少，少即多”各种行销手段早已令人眼花缭乱</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=41" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=40">
                                <img src="/uploads/allimg/20210107/1-21010G01311136.jpg" alt="社交媒体时代，如何对粉丝估值？" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-06-01 11:47:17</div>
                            <div class="ind_news_T">社交媒体时代，如何对粉丝估值？</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=40" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=39">
                                <img src="/uploads/allimg/20210107/1-21010G0125Ia.jpg" alt="回顾中国饮料40年发展史，总有一款是你儿时记忆的味道" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-06-01 11:44:12</div>
                            <div class="ind_news_T">回顾中国饮料40年发展史，总有一款是你儿时记忆的味道</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=39" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=38">
                                <img src="/uploads/allimg/20210107/1-21010G012425K.jpg" alt="商梦网校：单页SEO站群技术，用10个网站优化排名！" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-29 08:51:09</div>
                            <div class="ind_news_T">商梦网校：单页SEO站群技术，用10个网站优化排名！</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=38" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=21">
                                <img src="/uploads/allimg/20210107/1-21010G012205c.jpg" alt="网站设计与SEO的关系，高手是从这4个维度分析的！" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-18 10:49:04</div>
                            <div class="ind_news_T">网站设计与SEO的关系，高手是从这4个维度分析的！</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=21" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=20">
                                <img src="/uploads/allimg/20210107/1-21010G0120L29.jpg" alt="CMS是如何应运而生的？" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-18 10:46:46</div>
                            <div class="ind_news_T">CMS是如何应运而生的？</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=20" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=19">
                                <img src="/uploads/allimg/20210107/1-21010G011414W.jpg" alt="从三方面完美的体验企业网站的核心价值" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-18 10:34:08</div>
                            <div class="ind_news_T">从三方面完美的体验企业网站的核心价值</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=19" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=14">
                                <img src="/uploads/allimg/20190114/1621fb9e84a97e78b1c1cac6ec6b37bd.png" alt="网站建设，静态页面和动态页面如何选择" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-18 10:11:36</div>
                            <div class="ind_news_T">网站建设，静态页面和动态页面如何选择</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=14" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=13">
                                <img src="/uploads/allimg/20210107/1-21010G01035129.jpg" alt="网站建设的五大核心要素" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-18 09:50:16</div>
                            <div class="ind_news_T">网站建设的五大核心要素</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=13" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=12">
                                <img src="/uploads/allimg/20210107/1-21010G0101L43.jpg" alt="<strong>一文读懂互联网女皇和她的报告：互联网领域的投资圣经、选股指南</strong>" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-17 18:25:14</div>
                            <div class="ind_news_T"><strong>一文读懂互联网女皇和她的报告：互联网领域的投资圣经、选股指南</strong></div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=12" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=10">
                                <img src="/uploads/allimg/20210107/1-21010G0095IU.jpg" alt="新手科普文！什么是用户界面和体验设计？" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-17 18:24:45</div>
                            <div class="ind_news_T">新手科普文！什么是用户界面和体验设计？</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=10" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                        <div class="ind_newsOne">
                        <div class="ind_newsImg">
                            <a href="/index.php?m=home&c=View&a=index&aid=9">
                                <img src="/uploads/allimg/20210107/1-21010G0093N30.jpg" alt="用户界面设计和体验设计的差别" />
                            </a>
                        </div>
                        <div class="ind_newsTxt">
                            <div class="ind_newsTime">2018-05-17 18:23:02</div>
                            <div class="ind_news_T">用户界面设计和体验设计的差别</div>
                            <div class="ind_news_TT"></div>
                            <a href="/index.php?m=home&c=View&a=index&aid=9" class="ind_newsData">查看详情<i></i></a>
                        </div>
                        <div class="clr"></div>
                    </div>
                                    </div>
            </div>
        </div>
    </div>
    
    {eyou:include filename="footer.htm"}