<!DOCTYPE html>
<html lang="zh-CN">

<head> <meta name="keywords" content="keywords_temp" />

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
    <meta name="renderer" content="webkit">
    <meta name="description" content="我们致力于成为中国领先的营地教育机构，通过教育创新影响和服务青少年，我们相信，青少年可以改变世界">
    
    <title>启行营地教育官网 - 没有围墙的学校，没有边界的教育</title>
    <link rel='icon' href='img/favicon.ico ' type='image/x-ico' />
    <link rel="stylesheet" href=" //at.alicdn.com/t/font_693582_pvbp1j5oro7.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/animate.min.css" type="text/css">
    
    
    
    
    <style type="text/css">
        .active {
            color: #6699CC;
            font-weight: bold;
        }
        /* 鼠标遮罩层 */
        
        .mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            color: #ffffff;
            opacity: 1;
            background: url(img/mask.png) no-repeat;
            background-size: cover;
            overflow: hidden;
            display: none;
            transition: height 0.3s;
        }
        
        .mask img {
            width: 100%;
            height: 100%;
        }
        
        .mask_txt {
            width: 196px;
            height: 51px;
            border: 2px solid rgba(255, 255, 255, 1);
            border-radius: 26px;
            margin: 0 auto;
            font-size: 24px;
            ;
            font-weight: 400;
            color: #FEFEFEFF;
            line-height: 50px;
            box-sizing: border-box;
            text-align: center;
            margin-top: 50%;
            cursor: pointer;
        }
        
        .fourth_column {
            padding: 0 49px;
            padding-bottom: 170px;
        }
        
        .fourth_column .box_item {
            box-shadow: 0px 19px 40px 0px rgba(230, 230, 230, 1);
        }
    </style>
</head>

<body>
    <div class="main_header">
        <div class="main_header_nav">
            <ul class="main_header_nav_left com_nav">
                <li><a href="#" class="navactive">主页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="camp.html">启行营地</a></li>
                <li></li>
            </ul>
            <div class="main_header_nav_center"><img src="img/login.jpg" alt=""></div>
            <ul class="main_header_nav_right com_nav">
                <li><a href="customization.html">学校定制</a></li>
                <li><a href="new.html">有偿咨询</a></li>
                <li><a href="help.html">帮助</a></li>
            </ul>
        </div>
        <div style="margin-top: 245px;">
            <div class="main_header_rotation_chart animated bounceInRight">没有围墙的学校,没有边界的教育</div>
            <div class="main_header_rotation_chart active_font animated bounceInLeft" style="font-size: 16px;">A school without walls An education without boundaries
            </div>
            
        </div>
    </div>
    <div class="one_column">
        <a class="text_left" href="new.html">
            <div class="title" style="font-size:30px;color:#303030;">营地印象 </div>
            <div class="active_font" style="font-size:30px;color:#303030;">Camps Impression</div>
            <div style="margin-top:32px;font-size:16px;color:#696969;;line-height: 27px;">
                舍不得你即将离开营地<br /> “再见”愿你一切顺利，身体健康
                <br /> 一个深情的吻，来记录我们之间的友谊
            </div>
            <div style="margin-top:32px;cursor:pointer;overflow: hiddenpo;position: relative;">
                <div style="color:#6699CC;;font-size: 16px;float:left;" class="loading_more">
                    查看更多营会照片</div>
                <div style="width: 20px;height: 17px;float: left;position: absolute;left: 136px;top: 3px;"><img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
            </div>
        </a>
        <a class="img_right" href="new.html"><img src="img/index_01.png"></a>
    </div>
    <div class="two_column">
        <a class="left_img" href="new.html"><img src="img/index_02.png"></a>
        <a class="right_txt" href="new.html">
            <div class="tit" style="font-size:30px;color:#303030;">精彩瞬间</div>
            <div class="tit active_font" style="font-size:30px;color:#303030;"> Wonderful Moment</div>
            <div class="txt">
                有一种快乐，叫简单就好<br /> 有一种表情，叫开怀大笑
                <br /> 愿启行营地带给你，更多的快乐和欢笑。
            </div>
            <div style="margin-top:32px;cursor:pointer;position: relative;">
                <div style="color:#6699CC;;font-size: 16px;float:left;" class="loading_more">
                    查看更多营会照片</div>
                <div style="width:20px;height:20px;float:left;position: absolute;left:136px;top:3px;"><img style=" width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
            </div>
        </a>
    </div>
    <div class="three_column">
        <div class="tit">
            <p>从我的身边开始</p>
            <p class="active_font">Start Right Beside You</p>
        </div>
        <div style="overflow: hidden;">
            <div class="mose_item" style="width:49%;float:left;margin-right:1%;margin-bottom: 2%;position: relative;">
                <img src="img/qx_06.png" alt="">
                
                <div class="mask">
                    <div style="position:absolute;bottom:0;right:0;width: 100%;padding:0 36px;">
                        <div style="margin-bottom:21px;font-size: 18px;;font-weight: Bold;">
                            亲子营<span class="active_font">（Parent Child Camp）</span></div>
                        <div style="margin-bottom:33px;font-size: 16px;">
                            亲子共学，把世界当做课堂。<br />
                            <span class="active_font">
                                Parent-Child co-learning，think of the world as a classroom.
                            </span>
                        </div>
                        <div style="margin-bottom:40px;color: #6699CC;font-size: 16px;overflow: hidden;line-height: 18px;position: relative;">
                            <div style="float:left;margin-right: 5px;">了解详情</div>
                            <div style="width:20px;height:20px;position:absolute;left:70px;top:1px;"><img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mose_item" style="width:49%;;float:left;margin-left:1%;margin-bottom: 2%;position: relative;">
                <img src="img/qx_03.png" alt="">
                
                <div class="mask">
                    <div style="position:absolute;bottom:0;right:0;width: 100%;padding:0 36px;">
                        <div style="margin-bottom:21px;font-size: 18px;;font-weight: Bold;">单飞营<span class="active_font">（Solo Camp）</span></div>
                        <div style="margin-bottom:33px;font-size: 16px;;">
                            100+活动体验，融合中国传统文化和世界营地菁华的经典营会，开启独立成长第一步。
                            <span class="active_font">
                                100 + Activity Experience, Integrating Chinese Traditional Culture and the Essence of
                                World
                                Camps, Opening the First Step of Independent Growth.
                            </span>
                        </div>
                        <div style="margin-bottom:40px;color: #6699CC;font-size: 16px;overflow: hidden;line-height: 18px;position: relative;">
                            <div style="float:left;margin-right: 5px;">了解详情</div>
                            <div style="width:20px;height:20px;position:absolute;left:70px;top:1px;"><img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="overflow: hidden;">
            <div class="mose_item" style="width:49%;float:left;margin-right:1%;position: relative;">
                <img src="img/qx_05.png" alt="">
                
                <div class="mask">
                    <div style="position:absolute;bottom:0;right:0;width: 100%;padding:0 36px;">
                        <div style="margin-bottom:21px;font-size: 18px;;font-weight: Bold;">
                            国内营 <span class="active_font">（Demostic Camps）</span></div>
                        <div style="margin-bottom:33px;font-size: 16px;;">
                            引领营员激发创意、认识自我、踏出主动探索第一步。<br />
                            <span class="active_font">
                                Lead the campers to stimulate creativity, self-awareness and take the initiative to
                                explore
                                the first step.
                            </span>
                        </div>
                        <div style="margin-bottom:40px;color: #6699CC;font-size: 16px;overflow: hidden;line-height: 18px;position: relative;">
                            <div style="float:left;margin-right: 5px;">了解详情</div>
                            <div style="width:20px;height:20px;position:absolute;left:70px;top:1px;"><img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mose_item" style="width:49%;float:left;margin-left:1%;position: relative;">
                <img src="img/qx_06.jpg" alt="">
                
                <div class="mask">
                    <div style="position:absolute;bottom:0;right:0;width: 100%;padding:0 36px;">
                        <div style="margin-bottom:21px;font-size: 18px;;font-weight: Bold;">
                            海外营 <span class="active_font">（Overseas Camps）</span></div>
                        <div style="margin-bottom:33px;font-size: 16px;;">
                            28个国家，40个顶级海外营地，为孩子提供独立、挑战、丰富的营地成长经历。<br />
                            <span class="active_font">
                                The traditonal camp activeties,provid kids an indepen-dent,challenging,abundant
                                exprience to grow up.
                            </span>
                        </div>
                        <div style="margin-bottom:40px;color: #6699CC;font-size: 16px;overflow: hidden;line-height: 18px;position: relative;">
                            <div style="float:left;margin-right: 5px;">了解详情</div>
                            <div style="width:20px;height:20px;position:absolute;left:70px;top:1px;"><img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fourth_column">
        <div class="tit">
            <p>热门营会推荐</p>
            <p class="active_font"> MAIN PUSH CAMP</p>
        </div>
        <div> </div>
        <div style="box-sizing: border-box;">
            <div class="box_item" style="float:left;width:31%;overflow: hidden;">
                <div><img src="img/qx_07.jpg" alt=""></div>
                <div style="padding: 0 50px;padding-bottom:50px;">
                    <div style="color:#303030;font-size:18px;margin-top:45px;">日间营 <span class="active_font">DAY
                            CAMP</span></div>
                    <div style="color:#696969;font-size:16px;margin-top:15px;height:108px;overflow: hidden;line-height: 27px;">
                        作为国内首家日间营，启行Day Camp结合中国4-7岁低龄儿童特点专属设计。 引导小龄营员激发创意、认识自我、踏出主动探索第一步。
                    </div>
                    <div style="margin-top:32px;cursor:pointer;overflow: hidden;position: relative;">
                        <div style="color:#6699CC;;font-size: 16px;float:left;" class="loading_more">了解详情</div>
                        <div style="width: 20px; height: 20px; float: left;  margin-left: 10px; position: absolute; left:60px;top: 3px;">
                            <img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
                    </div>
                </div>
            </div>
            <div class="box_item" style="float:left;width:31%;margin:0 3.5%;overflow: hidden;">
                <div><img src="img/qx_08.jpg" alt=""></div>
                <div style="padding: 0 50px;padding-bottom:50px;">
                    <div style="color:#303030;font-size:18px;margin-top:45px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;">
                        经典综合营 <span class="active_font">CLASSIC CAMP </span></div>
                    <div style="color:#696969;font-size:16px;margin-top:15px;height:108px;overflow: hidden;line-height: 27px;">
                        100+活动体验，融合中国传统文化和世界营地菁华的经典营会，开启独立成长第一步。
                    </div>
                    <div style="margin-top:32px;cursor:pointer;overflow: hidden;position: relative;">
                        <div style="color:#6699CC;;font-size: 16px;float:left;" class="loading_more">了解详情</div>
                        <div style="width: 20px; height: 20px; float: left;  margin-left: 10px; position: absolute; left:60px;top: 3px;">
                            <img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
                    </div>
                </div>
            </div>
            <div class="box_item" style="float:left;width:31%;overflow: hidden;">
                <div><img src="img/qx_09.jpg" alt=""></div>
                <div style="padding: 0 50px;padding-bottom:50px;">
                    <div style="color:#303030;font-size:18px;margin-top:45px;">夏校 <span class="active_font">SUMMER
                            SCHOOL </span> </div>
                    <div style="color:#696969;font-size:16px;margin-top:15px;height:108px;overflow: hidden;line-height: 27px;">
                        引进国外顶级夏校资源，与高品质国际学校合作，提供夏校学术课程、传统兴趣社团，融 入营地经典活动，为海外学习进行综合预备。
                    </div>
                    <div style="margin-top:32px;cursor:pointer;overflow: hidden;position: relative;">
                        <div style="color:#6699CC;;font-size: 16px;float:left;" class="loading_more">了解详情</div>
                        <div style="width: 20px; height: 20px; float: left;  margin-left: 10px; position: absolute; left:60px;top: 3px;">
                            <img style="width:17px;height:17px;" src="img/icon_arrow_right.png"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    
    <div class="main_footer main_footer2">
        <ul>
            <li style="overflow: hidden;">
                <div style="position: relative;">
                    <div class="tittle1">友情链接</div>
                    <div style="position: absolute;left:-20px;top:0;">
                        <i class="iconfont icon-lingxing" style="font-size:10px;color:#6699CC;"></i>
                    </div>
                </div>
                <div style="margin-bottom:20px;"><a href="about.html" target="_blank">关于我们</a></div>
                <div style="margin-bottom:20px;"><a href="customization.html" target="_blank">学校定制</a></div>
                <div style="margin-bottom:20px;"><a href="new.html" target="_blank">最新动态</a></div>
                <div><a href="help.html" target="_blank">帮助中心</a></div>
            </li>

            <li style="overflow: hidden;">
                <div style="position: relative;">
                    <div class="tittle1">联系我们</div>
                    <div style="position: absolute;left:-20px;top:0;">
                        <i class="iconfont icon-lingxing" style="font-size:10px;color:#6699CC;"></i>
                    </div>
                </div>
                <div style="margin-bottom:20px;"><a href="javascript:;">北京市朝阳区高碑店西店610号自空间D座</a></div>
                <div style="margin-bottom:20px;"><a href="javascript:;">010-67719772</a></div>
                <div><a href="javascript:;">bd@ideas-camp.com</a></div>
               

            </li>

            <li style="overflow: hidden;">
                <div style="position: relative;">
                    <div class="tittle1">二维码关注</div>
                    <div style="position: absolute;left:-20px;top:0;">
                        <i class="iconfont icon-lingxing" style="font-size:10px;color:#6699CC;"></i></div>
                </div>
                <div style="display:flex;">
                    <div class="" style="margin-right:10px;">
                        <p class="" style="width:105px;height:105px;"><img src="img/weixin.png"></p>
                        <p style="text-align: center;">关注微信公众号</p>
                    </div>
                    <div style="margin-right:10px">
                        <p class="" style="width:105px;height:105px;"><img src="img/weixin.png"></p>
                        <p style="text-align: center;">关注新浪微博</p>
                    </div>
                    <div class="">
                        <p class="" style="width:105px;height:105px;"><img src="img/APP.jpg"></p>
                        <p style="text-align: center;">下载启行App</p>
                    </div>
                </div>
            </li>
            
    <li style="overflow: hidden;">
                <div style="position: relative;">
                    <div class="tittle1">备案号</div>
                    <div style="position: absolute;left:-20px;top:0;">
                        <i class="iconfont icon-lingxing" style="font-size:10px;color:#6699CC;"></i>
                    </div>
                </div>
                <div style="margin-bottom:20px;"></div>
            </li>
        </ul>
    </div>


    
    <div class="customer_service">
        <p class="tel">010-67719772</p>
        <p class="time">周一至周五 10:00-18:00</p>
        <div class="guide_center">
            
            <span class="center_sever">
                <a href="javascript:void(0)" onClick="getInformation()">客服服务</a>
            </span>
        </div>
    </div>
</body>

</html>

