{include file=common/header.html}
<div id="J_IndexPage" class="index">
    <div class="section">
        {include file=common/menu.html}
        <div class="plate plate-push">
          <div class="annt index-annt">
                <div class="annt-info warpper">
                    <span></span>
                    <div id="J_AnntInner" class="annt-inner">
                        <ul>
                             {pboot:list scode=14 num=10 order=sorting isrecommend=1 page=0}
                              <li><a href="[list:link]">[list:title]</a></li>
                              {/pboot:list}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="map" id="container"></div>
            <div class="inner">
                <div class="tit">中国优秀的</div>
                <div class="des">文旅运营和整合营销服务商</div>
                <div class="sup">COMMUNICATIONS FOR BUSINESS ADVANTAGE</div>
            </div>
            <div class="abs-node arrow"><img src="{pboot:sitetplpath}/images/index-page-push-arrow.png" width="100%" alt="箭头"></div>
        </div>
    </div>
    <div class="section">
        <div class="plate plate-data">
            <div class="swiper-container" id="J_Data_Swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                            <div class="cont">
                                <div class="front">
                                    <div class="inner">
                                        <div class="numb">TOP30</div>
                                        <div class="desc">行业综合实力</div>
                                        <div class="supe">STRENGTH</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                                <div class="back">
                                    <div class="inner">
                                        <div class="text">文旅综合运营服务商<br>国际会议运营商<br>海外活动服务商</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="cont">
                                <div class="front">
                                    <div class="inner">
                                        <div class="numb">10个</div>
                                        <div class="desc">分支机构</div>
                                        <div class="supe">BRANCHES</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                                <div class="back">
                                    <div class="inner">
                                        <div class="text">网络布局实现华北、华中、华南、西北、西南全覆盖</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="cont">
                                <div class="front">
                                    <div class="inner">
                                        <div class="numb">TOP100</div>
                                        <div class="desc">全球公关公司</div>
                                        <div class="supe">RANKING</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                                <div class="back">
                                    <div class="inner">
                                        <div class="text">全球公关公司100强</div>
                                        <div class="supe">（The Holmes Report ）</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="cont">
                                <div class="front">
                                    <div class="inner">
                                        <div class="numb">50+ <span>个国家</span></div>
                                        <div class="desc">全球合作伙伴</div>
                                        <div class="supe">PRESENCE</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                                <div class="back">
                                    <div class="inner">
                                        <div class="text">业务覆盖亚洲、美洲、大洋洲、非洲</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="cont">
                                <div class="front">
                                    <div class="inner">
                                        <div class="numb">1000+</div>
                                        <div class="desc">每年完成项目</div>
                                        <div class="supe">ANNUAL PROJECTS</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                                <div class="back">
                                    <div class="inner">
                                        <div class="text">与众多政府机构、世界500强企业，保持长期、稳定的合作关系</div>
                                        <div class="line"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                <div class="swiper-pagination"></div>
                <!--<div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>-->
            </div>
        </div>
    </div>
    <div class="section">
        <div class="plate plate-icon">
            <div class="list clearfix">
                <div class="item">
                    <div class="inner">
                        <div class="icon icon-num"></div>
                        <div class="line"></div>
                        <div class="name">数字营销</div>
                        <div class="desc">Digital Marketing</div>
                        <a class="more" href="{pboot:sort scode=19}[sort:link]{/pboot:sort}">MORE</a>
                    </div>
                </div>
                <div class="item">
                    <div class="inner">
                        <div class="icon icon-act"></div>
                        <div class="line"></div>
                        <div class="name">活动营销</div>
                        <div class="desc">Event Marketing</div>
                        <a class="more" href="{pboot:sort scode=20}[sort:link]{/pboot:sort}">MORE</a>
                    </div>
                </div>
                <div class="item">
                    <div class="inner">
                        <div class="icon icon-mdd"></div>
                        <div class="line"></div>
                        <div class="name">目的地营销</div>
                        <div class="desc">Destination Marketing</div>
                        <a class="more" href="{pboot:sort scode=21}[sort:link]{/pboot:sort}">MORE</a>
                    </div>
                </div>
                <div class="item">
                    <div class="inner">
                        <div class="icon icon-ope"></div>
                        <div class="line"></div>
                        <div class="name">文旅综合运营</div>
                        <div class="desc">Integrated Resort Management</div>
                        <a class="more" href="{pboot:sort scode=22}[sort:link]{/pboot:sort}">MORE</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section">
        <div class="plate plate-list">
            {pboot:list scode=15 num=8 order=sorting istop=1}
            <a class="item" href="[list:link]">
                <div class="cont">
                    <div class="front" style="background-image: url('[list:ico]');"></div>
                    <div class="back">
                        <div class="text">{pboot:sort scode=15}[sort:name]{/pboot:sort}<br/>[list:sortname]</div>
                        <div class="info">
                            <div class="name">[list:title]</div>
                            <div class="desc">[list:subtitle]</div>
                        </div>
                        <div class="arrow"><img src="{pboot:sitetplpath}/images/index-page-list-arrow.png" alt="箭头"></div>
                    </div>
                </div>
            </a>
            {/pboot:list}
        </div>
    </div>
    <div class="section">
        <div class="plate plate-info">
            <div class="main">
                <div class="inner clearfix">
                    <div class="warpper">
                        <div class="main_l">
                            <span>Hi,are you ready？</span>
                            <h4>准备好开始了吗？<br>那就与我们取得联系吧！</h4>
                            <p>您可以填写右侧表格，让我们了解您的需求。您的信息仅用于我们与您取得联系，不会用于其他任何目的。</p>
                            <strong>{pboot:companyname}</strong>
                            <ul>
                                <li>地 址：{pboot:companyaddress}</li>
                                <li>电 话：{pboot:companyphone}</li>
                                <li>E-mail：{pboot:companyemail}</li>
                            </ul>
                        </div>
                        <div class="main_r">
                            <h4>填写你的需求</h4>
                            <form action="{pboot:form fcode=3}" method="post">
                                <div><input class="txt" type="text" name="name" value="您的姓名" id="J_UserName"></div>
                                <div><input class="txt" type="text" name="company" value="公司名称" id="J_Corporate"></div>
                                <div><input class="txt" type="text" name="phone" value="您的电话" id="J_Phone"></div>
                                <div><textarea id="J_BaseInfo" name="content">告诉我们您的具体需求</textarea></div>
                                <div><input class="btn" type="submit" value="发送"></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="foot">
                <div class="warpper clearfix">
                    <div class="foot_l">
                        <div>{pboot:sitecopyright}</div>
                        <div>
                            {pboot:list scode=26}
                            {pboot:if([list:n] == 0)}
                            <a class="contact-map" href="/about/contact.html?title=[list:title]">[list:title]</a>
                            {else}
                            / <a class="contact-map" href="/about/contact.html?title=[list:title]">[list:title]</a>
                            {/pboot:if}


                            {/pboot:list}
                        </div>
                        <div>{pboot:siteicp}</div>
                    </div>
                    <div class="foot_r">
                        <div class="tit">关注我们：</div>
                        <div class="link clearfix">
                            <a href="javascript:void(0);" title="中青旅联科(北京)公关顾问有限公司微信" id="J_Foot_WX">
                                <img width="100%" src="{pboot:sitetplpath}/images/index-icon-wx.png" alt="">
                                <div><img src="{pboot:companyweixin}" alt=""></div>
                            </a>
                            {pboot:link gid=1 num=1}
                            <a class="last" href="[link:link]" title="中青旅联科(北京)公关顾问有限公司微博"><img width="100%" src="[link:logo]" alt=""></a>
                            {/pboot:link}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" src="{pboot:sitetplpath}/js/public.js"></script>
<script type="text/javascript" src="{pboot:sitetplpath}/lib/fullpage/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="{pboot:sitetplpath}/lib/swiper/js/swiper.min.js"></script>
<script type="text/javascript" src="{pboot:sitetplpath}/js/index.js"></script>
<script type="text/javascript">
(function(window){
    if($(window).width() >= 1200){
        setTimeout(function(){
            // 通告效果
            var anntTimer = null;
            $("#J_AnntInner ul").html( $("#J_AnntInner ul").html() + $("#J_AnntInner ul").html() );
            var longOne = parseInt($("#J_AnntInner ul li").eq($("#J_AnntInner ul li").size() / 2).offset().left);
            var loneTwo = parseInt($("#J_AnntInner ul").offset().left);
            var long = loneTwo - longOne;

            AnntAnimateFn();
            function AnntAnimateFn(){
                clearInterval(anntTimer);
                anntTimer = setInterval(function(){
                    if(parseInt($("#J_AnntInner ul").css("left")) != long ){
                        $("#J_AnntInner ul").css("left","-=1px");
                    }else{
                        $("#J_AnntInner ul").css("left","0");
                    }
                },40);
            }
            $("#J_AnntInner ul li").mouseenter(function(){
                clearInterval(anntTimer);
            });
            $("#J_AnntInner ul li").mouseleave(function(){
                AnntAnimateFn();
            });
        },200)
    }
})
(window)
</script>
<!-- 联科map-banner -->
<script src="{pboot:sitetplpath}/lib/map/lib/jquery-1.11.1.min.js"></script>
<script src="{pboot:sitetplpath}/lib/map/lib/echarts-all-3.js"></script>
<script src="{pboot:sitetplpath}/lib/map/lib/dataTool.min.js"></script>
<script src="{pboot:sitetplpath}/lib/map/lib/china.js"></script>
<script src="{pboot:sitetplpath}/lib/map/lib/world.js"></script>
<script src="{pboot:sitetplpath}/lib/map/lib/bmap.min.js"></script>
<script src="{pboot:sitetplpath}/lib/map/js/app.js"></script>