CINXE.COM
福建智慧旅游官网
<!DOCTYPE html> <html> <head> <title>福建智慧旅游官网</title> <meta name="description" content="福建智慧旅游是一家专注于智慧旅游解决服务提供商，提供智慧景区，智慧旅游等互联网服务。"> <meta name="keywords" content="智旅,智慧旅游,福建智旅,旅游服务,智慧景区"> <link rel="stylesheet" type="text/css" href="/static/dest/css/styles.css"> <script src="https://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script> <!-- <script src="https://cdn.bootcss.com/fullPage.js/2.8.1/jquery.fullPage.min.js"></script> --> <script src="/static/dest/js/all.js"></script> <style type="text/css"> @media screen and (max-height: 768px) { .page-home .what ul{ margin: 11% auto 0; } .page-home .gov-1 h4{ width: 240px; margin-left: -120px; top: 35px; font-size: 40px; } .page-home .gov-1 .mess h3{ margin-bottom: 10px; font-size: 36px; } .page-home .what .what-con-img{ top: 18%; } .page-home .gov-2 h3{ margin: 1% 0 1%; font-size: 32px; } .page-home .sence-1 h3{ position: relative; top: 45px; font-size: 40px; } .page-home .gov-2 ul{ width: 1050px; } .page-home .gov-2 ul li{ width: 210px; height: 210px; } .page-home .sence-2 ul{ padding-bottom: 3%; } .page-home .sence-2 h3{ margin-top: 10px; line-height: 100px; font-size: 32px; } .page-home .marketing-1 ul li{ height: 333px; } .page-home .marketing-1 h3{ margin:20px 0 7px; } .page-home .marketing-1 ul li span{ padding: 23px 40px; font-size: 20px; } .page-home .marketing-1 .marketing-1-title{ margin:2% auto 0; } .page-home .marketing-2 ul.three li{ margin-top:0px; } .page-home .marketing-2 ul li{ width: 200px; height: 200px; } .page-home .marketing-2 ul li span{ width: 100px; height: 28px; font-size: 16px; } .page-home .marketing-2 ul.four .first{ margin-left: 155px; } .page-home .marketing-2 ul.three li.first { margin-left: 274px; } .page-home .vr-man{ bottom: -23%; } .page-home .vr-con h3{ margin-bottom: 0%; font-size: 28px; } .page-home .vr-con ul{ margin-bottom: -40px; } .page-home .marketing-2 h3{ margin-bottom: 1%; font-size: 32px; } .page-home .cop h3{ top: 45%; } .page-home .cop h4{ font-size: 32px; bottom: 31%; } .page-home .cop .con{ margin-top: -180px; } } @media screen and (max-height: 600px){ .page-home .what ul{ margin: 9% auto 0; } } @media screen and (max-height: 640px){ .page-home .vr-man{ bottom: -29%; } } </style> </head> <body class="page-home"> <!-- lt-header --> <div class="lt-header"> <div class="lt-main"> <h1><a href="#"><img src="/static/dest/img/logo.png" width="327" alt="智慧旅游官网"></a></h1> <ul class="menu"> <li data-menuanchor="home" class="active"><a href="#home" title="">首页</a></li> <li data-menuanchor="server"><a href="#server" title="">智慧政务</a></li> <li data-menuanchor="sence"><a href="#sence" title="">智慧景区</a></li> <li data-menuanchor="marketing"><a href="#marketing" title="">目的地营销</a></li> <li data-menuanchor="vr"><a href="#vr" title="">旅游+VR</a></li> <li data-menuanchor="about"><a href="#about" title="">About Us</a></li> </ul> </div> </div> <!-- fullpage --> <div id="fullpage"> <div class="section what"> <img class="what-con-img" src="/static/dest/img/what-1.png" alt=""> <ul> <li class="first"> <div class="what-wai what-wai1"><img src="/static/dest/img/what-wai.png" alt="what-wai"></div> <div class="what-nei what-nei1"><img src="/static/dest/img/what-nei.png" alt="what-nei"></div> <div class="what-con-1"><img src="/static/dest/img/what-con-1.png" width="130" alt="what-con-1"></div> <h4 class="what-pragmatic"><img src="/static/dest/img/what-pragmatic.png" alt="what-pragmatic"></h4> </li> <li class="two"> <div class="what-wai what-wai2"><img src="/static/dest/img/what-wai.png" alt="what-wai"></div> <div class="what-nei what-nei2"><img src="/static/dest/img/what-nei.png" alt="what-nei"></div> <div class="what-con-1"><img src="/static/dest/img/what-con-2.png" width="130" alt="what-con-1"></div> <h4 class="what-pragmatic"><img src="/static/dest/img/what-efficient.png" alt="what-pragmatic"></h4> </li> <li class="three"> <div class="what-wai what-wai3"><img src="/static/dest/img/what-wai.png" alt="what-wai"></div> <div class="what-nei what-nei3"><img src="/static/dest/img/what-nei.png" alt="what-nei"></div> <div class="what-con-1"><img src="/static/dest/img/what-con-3.png" width="130" alt="what-con-1"></div> <h4 class="what-pragmatic"><img src="/static/dest/img/what-profession.png" alt="what-pragmatic"></h4> </li> </ul> </div> <div class="section gov"> <div class="tabs"> <a class="cur" href="javascript:$.fn.fullpage.moveTo('server', 0);">服务说明</a> <a href="javascript:$.fn.fullpage.moveTo('server', 1);">成功案例</a> </div> <div class="slide gov-slide-1" data-anchor="gov-slide-1"> <div class="gov-1"> <img class="ani-1" src="/static/dest/img/gov/1.gif"> <img class="ani-2" src="/static/dest/img/gov/2.gif"> <img class="ani-3" src="/static/dest/img/gov/3.gif"> <img class="gov-bg" src="/static/dest/img/gov/gov-bg.png"> <!-- <img class="title" src="/static/dest/img/gov/gov-1-img.png"> --> <h4>智慧旅游政务</h4> <div class="mess"> <h3>打造目的地全域旅游云平台</h3> <ul> <li>动态旅游产业运行监测</li> <li><i class="icon-ling"></i>旅游服务团队实时监管</li> <li><i class="icon-ling"></i>多渠道立体营销推广</li> <li><i class="icon-ling"></i>全方位诚信旅游服务评价</li> </ul> </div> </div> </div> <div class="slide gov-slide-2" data-anchor="gov-slide-2"> <div class="gov-2"> <div class="bg-top"></div> <h3>智慧旅游政务“成功案例”</h3> <ul> <li> <img src="/static/dest/img/gov/1.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>多语种旅游门户网站</span> </li> <li> <img src="/static/dest/img/gov/2.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>福建旅游移动客户端</span> </li> <li> <img src="/static/dest/img/gov/3.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>海沧旅游局官网</span> </li> <li> <img src="/static/dest/img/gov/4.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>旅游产业运行监测系统</span> </li> <li> <img src="/static/dest/img/gov/5.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>山东省旅游电子认证系统</span> </li> <li> <img src="/static/dest/img/gov/6.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>中国旅行社协会官网</span> </li> <li> <img src="/static/dest/img/gov/7.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>河南智慧旅游建设项目</span> </li> <li> <img src="/static/dest/img/gov/8.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>旅游团队监管系统</span> </li> <li> <img src="/static/dest/img/gov/9.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>旅游质量评价系统</span> </li> <li> <img src="/static/dest/img/gov/10.jpg" width="100%" height="100%"> <div class="img-bg"></div> <span>会议推介系统</span> </li> </ul> </div> </div> </div> <div class="section sence"> <div class="tabs"> <a class="cur" href="javascript:$.fn.fullpage.moveTo('sence', 0);">服务说明</a> <a href="javascript:$.fn.fullpage.moveTo('sence', 1);">成功案例</a> </div> <div class="slide"> <div class="sence-1"> <div class="con-1"></div> <div class="con-3"></div> <!-- <div class="con-4"></div> --> <!-- <div class="con-2"></div> --> <!-- <div class="con-main"></div> --> <!-- <img class="sence-1-title" src="/static/dest/img/sence/title.png"> --> <h3>智慧景区建设</h3> <div class="sence-1-bg"> <em><img src="/static/dest/img/sence/desti-logo.png"></em> <div class="con-a"> <div class="lines"></div> </div> <div class="con-b"> <div class="lines"></div> </div> <div class="con-c"> <div class="lines"></div> </div> <div class="con-d"> <div class="lines"></div> </div> <div class="con-e"> <div class="lines"></div> </div> <div class="con-f"> <div class="lines"></div> </div> <div class="con-g"> <div class="lines"></div> </div> <div class="con-h"> <div class="lines"></div> </div> <div class="sence-1-light"></div> </div> </div> </div> <div class="slide sence-2"> <div class="bg-top"></div> <h3>智慧景区“成功案例”</h3> <ul> <li class="zIndex13"> <div class="con"> <img src="/static/dest/img/sence/sence-2-1.jpg"> <span>监控移动端实时预览效果</span> </div> <div class="bg"></div> </li> <li class="zIndex12 zIndex15" style="top: -10px;"> <div class="con"> <img src="/static/dest/img/sence/sence-2-2.jpg"> <span>景区视频多终端就实时监控</span> </div> <div class="bg bg-2"></div> </li> <li class="zIndex11"> <div class="con"> <img src="/static/dest/img/sence/sence-2-3.jpg"> <span>景区电子票务系统</span> </div> <div class="bg"></div> </li> <li class="zIndex10"> <div class="con"> <img src="/static/dest/img/sence/sence-2-4.jpg"> <span>停车场系统</span> </div> <div class="bg"></div> </li> </ul> </div> </div> <div class="section marketing"> <div class="tabs"> <a class="cur" href="javascript:$.fn.fullpage.moveTo('marketing', 0);">服务说明</a> <a href="javascript:$.fn.fullpage.moveTo('marketing', 1);">成功案例</a> </div> <div class="slide marketing-slide-1"> <div class="marketing-1"> <img class="marketing-1-title" src="/static/dest/img/marketing/title.png" width="418"> <h3>新媒体运营，微世界，大回报</h3> <ul> <li> <i class="icon-con-1"></i> <span class="title">广告营销</span> <span>旅游大数据分析，竞争广告覆盖</span> </li> <li> <i class="icon-con-2"></i> <span class="title">微信营销</span> <span>通过微信等新媒体渠道，整合优势资源，量身定制运营方案</span> </li> <li> <i class="icon-con-3"></i> <span class="title">品牌营销</span> <span>文案营销、口碑营销、网络广告、视频营销、提升品牌美誉度</span> </li> <li class="last"> <i class="icon-con-4"></i> <span class="title">活动运营</span> <span>通过活动策划，线上线下相结合，提升游客参与度</span> </li> </ul> </div> </div> <div class="slide marketing-slide-2"> <div class="marketing-2"> <h3>丰富多彩的营销活动，在这里......在这里......</h3> <ul class="four"> <li class="first"> <img src="/static/dest/img/marketing/con-1.png" width="100%"> <span>福建旅游地面营销活动</span> </li> <li> <img src="/static/dest/img/marketing/con-2.png" width="100%"> <span>福建旅游地面营销活动</span> </li> <li> <img src="/static/dest/img/marketing/con-3.png" width="100%"> <span>福建旅游官方微博</span> </li> <li> <img src="/static/dest/img/marketing/con-4.png" width="100%"> <span>福建旅游微信公众号</span> </li> </ul> <ul class="three"> <li class="first"> <img src="/static/dest/img/marketing/con-5.png" width="100%"> <span>厦门旅游旗舰店</span> </li> <li> <img src="/static/dest/img/marketing/con-6.png" width="100%"> <span>艾薇盒子</span> </li> <li> <img src="/static/dest/img/marketing/con-7.png" width="100%"> <span>海沧旅游微信公众号</span> </li> </ul> </div> </div> </div> <div class="section vr"> <div class="vr-con"> <div class="lt-main"> <img class="vr-con-img" src="/static/dest/img/vr/title.png" alt=""> <h3>旅游界的“高精尖”——虚拟世界，领略您无法想象的精彩</h3> <ul> <li class="one"><span>VR+旅游线路</span></li> <li class="two"><span>VR+旅游景区</span></li> <li class="three"><span>VR+酒店客栈</span></li> </ul> </div> </div> <div class="vr-man"></div> </div> <div class="section cop"> <div class="bg-top"></div> <h3>—— 我们一直在努力 ——</h3> <h4>合作单位</h4> <div class="con"> <ul class="one"> <li> <span>中国旅行社协会</span> <img src="/static/dest/img/cop/con-1.png"> </li> <li> <span>笨游</span> <img src="/static/dest/img/cop/con-9.png"> </li> <li> <span>河南旅游局</span> <img src="/static/dest/img/cop/con-3.png"> </li> <li> <span>山东旅游局</span> <img src="/static/dest/img/cop/con-4.png"> </li> </ul> <ul class="two"> <li> <span>福建旅游局</span> <img src="/static/dest/img/cop/con-5.png"> </li> <li> <span> 欣欣旅游</span> <img src="/static/dest/img/cop/con-6.png"> </li> <li> <span>腾邦国际</span> <img src="/static/dest/img/cop/con-7.png"> </li> <li> <span>烟台旅游资讯网</span> <img src="/static/dest/img/cop/con-8.png"> </li> <li> <span>河北旅游局</span> <img src="/static/dest/img/cop/con-2.png"> </li> </ul> <ul class="three"> <li> <span>厦门旅游网</span> <img src="/static/dest/img/cop/con-10.png"> </li> <li> <span>厦门旅游局</span> <img src="/static/dest/img/cop/con-11.png"> </li> <li> <span>海沧旅游局</span> <img src="/static/dest/img/cop/con-12.png"> </li> <li> <span>同安旅游局</span> <img src="/static/dest/img/cop/con-13.png"> </li> </ul> </div> </div> <div class="section lt-footer fp-auto-height"> <div class="lt-main"> <h2><a href="http://www.jingdian.com/"><img src="/static/dest/img/logo-footer.png" width="196" alt="智慧旅游官网"></a></h2> <div class="link"> <span>友情链接：</span> <ul> <li><a href="http://www.cncn.com/" target="_blank">欣欣旅游</a></li> <li><a href="http://www.cncn.net/" target="_blank">欣欣同业</a></li> <li><a href="http://cyy.cncn.com/" target="_blank">腾邦欣欣旅游产业园</a></li> <li><a href="https://jr.cncn.net/pay/intr/ddsk.jsp" target="_blank">大象金服</a></li> </ul> </div> <p>公司地址：福建省厦门市软件园二期观日路26#之一4楼（<a href="https://beian.miit.gov.cn/" target="_blank">闽ICP备15027218号-2</a>）</p> </div> </div> </div> <a href="javascript:$.fn.fullpage.moveSectionDown();" class="global-arrow-down"></a> <script src="https://cdn.bootcss.com/move.js/0.3.0/move.js"></script> <script> $(function(){ // fixed phone $("#phoneBtn").click(function(){ if($("#phoneMess").hasClass('dis')){ $("#phoneMess").removeClass("dis"); } }); $(".fixed-phone").mouseleave(function(){ $("#phoneMess").addClass("dis"); }); // fixed phone end $('.tabs a').click(function(){ $(this).addClass('cur').siblings().removeClass('cur'); console.log($(this).index()); }); $('.marketing-2 li').hover(function(){ $(this).children("span").fadeIn(); },function(){ $(this).children("span").fadeOut(); }); $('.sence-2 ul li').mouseover(function(){ $(this).addClass('zIndex15').animate({'top':-10},400).find('.bg').animate({'opacity':0},400); $(this).siblings().removeClass('zIndex15').animate({'top':0},400).find('.bg').animate({'opacity':0.35},400); }); $('#fullpage').fullpage({ //Navigation // menu: '.menu', lockAnchors: false, anchors:['home', 'server','sence','marketing','vr','about','footer'], navigation: true, navigationPosition: 'right', // navigationTooltips: ['home', 'server','sence','marketing','vr','about','footer'], showActiveTooltip: false, zheyang: true, slidesNavigation:false, slidesNavPosition: 'bottom', controlArrows: false, controlArrowColor:'#ccc', //Scrolling css3: true, scrollingSpeed: 1200, autoScrolling: true, fitToSection: true, fitToSectionDelay: 1000, scrollBar: false, easing: 'easeInOutCubic', easingcss3: 'ease', // loopBottom: false, // loopTop: false, loopHorizontal: false, // continuousVertical: false, // normalScrollElements: '.gov,.marketing, .vr', scrollOverflow: false, // scrollOverflowOptions: null, // touchSensitivity: 15, // normalScrollElementTouchThreshold: 5, // Accessibility keyboardScrolling: true, animateAnchor: true, recordHistory: true, //Design verticalCentered: true, sectionsColor : ['#1599d7', '#f57f51','#486af0','#f47f6e','#1a1b1c','#ffffff',"#fafafa"], // paddingTop: '3em', // paddingBottom: '10px', // fixedElements: '#lt-header', // responsiveWidth: 0, // responsiveHeight: 0, //Custom selectors // sectionSelector: '.section', // slideSelector: '.slide', //events onLeave: function(index, nextIndex, direction){ switch(index){ case 1: // console.log(index); $(".global-arrow-down").show().animate({bottom: -50},400); move('.what-con-img').y(-20).end(); $('.what-con-img').fadeTo("fast",0); $('.what .first').fadeOut(400); $('.what .two').fadeOut(400); $('.what .three').fadeOut(400); move('.what-wai').rotate(0).end(); move('.what-nei').rotate(0).end(); move('.what-wai2').rotate(0).end(); move('.what-nei2').rotate(0).end(); move('.what-wai3').rotate(0).end(); move('.what-nei3').rotate(0).end(); $('.what-wai1').fadeOut(400); $('.what-wai2').fadeOut(400); $('.what-wai3').fadeOut(400); $('.what-nei1').fadeOut(400); $('.what-nei2').fadeOut(400); $('.what-nei3').fadeOut(400); break; case 2: $('.gov .tabs').fadeOut(400).animate({'bottom':'-5%'},400); break; case 3: // console.log(index); // move('.sence-1-title').y(-20).end(); // $('.sence-1-title').fadeTo("fast",0); move('.sence-1-bg').y(-10).end(); $('.sence-1-bg').fadeTo("fast",0); $('.con-a').fadeOut(10).animate({'top':149},10); $('.con-a .lines').fadeOut(10).animate({'height':0},10); $('.con-b').fadeOut(10).animate({'top':150},10); $('.con-b .lines').fadeOut(10).animate({'height':0},10); $('.con-c').fadeOut(10).animate({'top':200},10); $('.con-c .lines').fadeOut(10).animate({'height':0},10); $('.con-d').fadeOut(10).animate({'top':166},10); $('.con-d .lines').fadeOut(10).animate({'height':0},10); $('.con-e').fadeOut(10).animate({'top':298},10); $('.con-e .lines').fadeOut(10).animate({'height':0,'top':0},10); $('.con-f').fadeOut(10).animate({'top':304},10); $('.con-f .lines').fadeOut(10).animate({'height':0,'top':0},10); $('.con-g').fadeOut(10).animate({'top':325},10); $('.con-g .lines').fadeOut(10).animate({'height':0,'top':0},10); $('.con-h').fadeOut(10).animate({'top':298},10); $('.con-h .lines').fadeOut(10).animate({'height':0,'top':0},10); move('.sence-1-light').scale(1).y(-30).end(); $('.sence .tabs').fadeOut(400).animate({'bottom':'-5%'},400); break; case 4: // console.log(index); $('.marketing .tabs').fadeOut(400).animate({'bottom':'-5%'},400); break; case 5: // console.log(index); break; case 6: // console.log(index); break; case 7: // console.log(index); $('.lt-header').animate({top: 0},700); $('#fp-nav').animate({right: 17},200); break; default: // console.log(index); break; } }, afterLoad: function(anchorLink, index){ switch(index){ case 1: $(".global-arrow-down").show().animate({bottom: 20},400); $('.what-con-img').fadeTo("400",1); move('.what-con-img').y(20).duration('.3s').end(); $('.what .first').fadeIn(400); $('.what .two').fadeIn(400); $('.what .three').fadeIn(400,function(){ $('.what-wai1').fadeIn(400); $('.what-nei1').fadeIn(400,function(){ move('.what-wai1').rotate(120).duration('2s').end(); move('.what-nei1').rotate(360).duration('2s').end(function(){ $('.what-wai2').fadeIn(400); $('.what-nei2').fadeIn(400,function(){ move('.what-wai2').rotate(60).duration('2s').end(); move('.what-nei2').rotate(360).duration('2s').end(function(){ $('.what-wai3').fadeIn(400); $('.what-nei3').fadeIn(400,function(){ move('.what-wai3').rotate(120).duration('2s').end(); move('.what-nei3').rotate(360).duration('2s').end(); }); }); }); }); }); }); break; case 2: $('.gov .tabs').fadeIn(400).animate({'bottom':'2%'},400); break; case 3: // move('.sence-1-title').y(20).duration('.5s').end(); // $('.sence-1-title').fadeTo("400",1); move('.sence-1-bg').y(10).duration('.5s').end(function(){ $('.con-a').fadeIn().animate({'top':75},400); $('.con-a .lines').fadeIn().animate({'height':70},400,function(){ $('.con-b').fadeIn().animate({'top':43},500); $('.con-b .lines').fadeIn().animate({'height':103},500,function(){ $('.con-c').fadeIn().animate({'top':70},450); $('.con-c .lines').fadeIn().animate({'height':129},450,function(){ $('.con-d').fadeIn().animate({'top':70},450); $('.con-d .lines').fadeIn().animate({'height':94},450,function(){ $('.con-h').fadeIn().animate({'top':378},430); $('.con-h .lines').fadeIn().animate({'height':73,'top':-73},430,function(){ $('.con-g').fadeIn().animate({'top':385},430); $('.con-g .lines').fadeIn().animate({'height':60,'top':-60},430,function(){ $('.con-f').fadeIn().animate({'top':383},380); $('.con-f .lines').fadeIn().animate({'height':86,'top':-86},380,function(){ $('.con-e').fadeIn().animate({'top':360},400); $('.con-e .lines').fadeIn().animate({'height':60,'top':-60},400); }); }) }); }); }); }); }); move('.sence-1-light').scale(1.2).y(30).duration('2s').delay('0.5s').end(); }); $('.sence-1-bg').fadeTo("400",1); $('.sence .tabs').fadeIn(400).animate({'bottom':'2%'},400); break; case 4: $('.marketing .tabs').fadeIn(400).animate({'bottom':'2%'},400); break; case 5: $.fn.fullpage.setAllowScrolling(true); break; case 6: $.fn.fullpage.setAllowScrolling(true); break; case 7: $.fn.fullpage.setAllowScrolling(true); $('.lt-header').animate({top: -80},500); $('#fp-nav').animate({right: -25},200); break; default: // console.log(index); break; } }, // afterRender: function(){ // }, afterResize: function(){ }, afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){ }, onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){ // if(slideIndex == 0){ // $.fn.fullpage.setAllowScrolling(true); // } } }); }); </script> </body> </html>