{"errcode":50002,"errmsg":"user limited rid: 69c30ce6-4b29e73f-1fff7de1"}</br><script type="text/javascript" src="https://lyzb.wx.koooyooo.com/wp-content/themes/travelifylyzb/js/swiper.animate.min.js" ></script>

<script type="text/javascript" src="https://lyzb.wx.koooyooo.com/wp-content/themes/travelifylyzb/js/swiper.min.js" ></script>

<script type="text/javascript" src="https://lyzb.wx.koooyooo.com/wp-content/themes/travelifylyzb/js/wxshareweb.js" ></script>

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://lyzb.wx.koooyooo.com/wp-content/themes/travelifylyzb/css/swiper.min.css?v=75" />

<link rel="stylesheet" type="text/css" href="https://lyzb.wx.koooyooo.com/wp-content/themes/travelifylyzb/css/animate.min.css" />


<script>
var lanren = {
  changeClass: function (target,id) {
        var className = $(target).attr('class');
        var ids = document.getElementById(id);
        (className == 'on')
            ? $(target).removeClass('on').addClass('off')
            : $(target).removeClass('off').addClass('on');
        (className == 'on')
            ? ids.pause()
            : ids.play();
    },
  play:function(){
    document.getElementById('media').play();
  }
}
lanren.play();

</script>


<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery(".bottom-top3").click(function(){
    jQuery(".bottom-top1").hide();
    jQuery("#fukuang").show();
    });

    jQuery("#fukuang").click(function(){
     jQuery("#fukuang").hide();
     jQuery(".bottom-top1").show();
     //$("p").show();
});
    });
</script>

<script type="text/javascript">
  window.onorientationchange=function(){
      var obj=document.getElementById('orientation');

      if(window.orientation==0){
                      obj.style.display='none';
              }else
              {
                      alert('横屏是东施，竖屏是西施，您选！');
                      obj.style.display='block';
              }
      };
</script>

<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  
  wx.config({
    //debug: true,
    debug: false,
    appId: 'wxfafba6927f307b39',
    timestamp: 1774390503,
    nonceStr: 'vALfF4WIgSFk5yXD',
    signature: '440780e64c16956d4f7d8c7786852ad6d12f9507',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      "onMenuShareTimeline", "onMenuShareAppMessage"
    ]
  });
  wx.ready(function () {
    wx.onMenuShareTimeline({
        title: '莱阳周边智慧生活圈', // 分享标题
        link: 'http://lyzb.wx.koooyooo.com/zhshq', // 分享链接
        imgUrl: 'http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/lyzb_logo_share.jpg', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });

    wx.onMenuShareAppMessage({
        title: '莱阳周边智慧生活圈', // 分享标题
        desc: '开启互联网+智慧新生活，智慧互联酷时代！', // 分享描述
        link: 'http://lyzb.wx.koooyooo.com/zhshq', // 分享链接
        imgUrl: 'http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/lyzb_logo_share.jpg', // 分享图标
        type: 'link', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });


  });
  

</script>


<script>
// adding buidu statistics, 20151031 by Yanping;
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?867cfd9a47b64e9d1994dee215806956";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>



</head>

<body>
<div class="swiper-container orientation">
    <div class="swiper-wrapper">
    <!--slide1-->
        <section class="swiper-slide swiper-slide1">
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/one_one.png" class="ani resize first1" style="max-width:85%; height=auto;left:20%;top:135%;z-index:2;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"   > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/one_two.png"  class="ani resize first2" style="width:200%;left:65%;top:220%;z-index:1;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  >
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/one_there.png"  class="ani resize first2" style="width:100%;left:200%;top:350%;z-index:1;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  >
        <img src="http://hly.misc.wxkydd.com/wp-content/uploads/sites/4/2015/10/hao11.png" style="width:30px;height:20px; top:435px; left:142px;" id="array" class="resize"> 
                  <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div>
        </section>

     <!--slide2-->   
        <section class="swiper-slide swiper-slide3 second">
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/seven_botton1.png" class="ani resize second1" style="width:160%;height:auto;left:0%;top:0%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  > 
    
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/seven_logo.png" class="ani resize second2" style="width:320%;height:auto;left:1%;top:100%;z-index:3;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/two_for.png" class="ani resize firth1" style="width:120%;left:100%;top:460%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  >
        <img src="http://hly.misc.wxkydd.com/wp-content/uploads/sites/4/2015/10/hao11.png" style="width:30px;height:20px; top:435px; left:142px;" id="array" class="resize"> 
            <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div>
        </section>


             <!--slide2-->   
        <section class="swiper-slide swiper-slide3 second">
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/3_01.png" class="ani resize second1" style="width:160%;height:auto;left:0%;top:0%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  > 
    
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/3_05.png" class="ani resize second2" style="width:252%;height:auto;left:70%;top:50%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/3_09.png" class="ani resize fourth2" style="width:275%;height:auto;left:20%;top:200%;z-index:3;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/two_for.png" class="ani resize firth1" style="width:120%;left:100%;top:460%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  >
        <img src="http://hly.misc.wxkydd.com/wp-content/uploads/sites/4/2015/10/hao11.png" style="width:30px;height:20px; top:435px; left:142px;" id="array" class="resize"> 
             <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div> 
        </section>


             <!--slide2-->   
        <section class="swiper-slide swiper-slide3 second">
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/two_one.png" class="ani resize second1" style="width:160%;height:auto;left:0%;top:0%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  > 
    
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/two_two.png" class="ani resize second2" style="width:252%;height:auto;left:30%;top:100%;z-index:3;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/two_there.png" class="ani resize fourth2" style="width:255%;height:auto;left:40%;top:300%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/two_for.png" class="ani resize firth1" style="width:120%;left:100%;top:460%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  >
        <img src="http://hly.misc.wxkydd.com/wp-content/uploads/sites/4/2015/10/hao11.png" style="width:30px;height:20px; top:435px; left:142px;" id="array" class="resize"> 
             <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div>
        </section>

     <!--slide2-->   
        <section class="swiper-slide swiper-slide3 second">
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/there_one1.png" class="ani resize second1" style="width:160%;height:auto;left:0%;top:0%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  > 
    
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/there_two.png" class="ani resize second2" style="width:252%;height:auto;left:30%;top:80%;z-index:3;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/there_there.png" class="ani resize fourth2" style="width:185%;height:auto;left:120%;top:260%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  >
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/there_for.png" class="ani resize fourth2" style="width:215%;height:auto;left:20%;top:340%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  >  
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/there_five.png" class="ani resize firth1" style="width:120%;left:100%;top:460%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s"  >
        <img src="http://hly.misc.wxkydd.com/wp-content/uploads/sites/4/2015/10/hao11.png" style="width:30px;height:20px; top:435px; left:142px;" id="array" class="resize"> 
             <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div>
        </section>


     <!--slide2-->   
        <section class="swiper-slide swiper-slide3 second">
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/for_one.png" class="ani resize second1" style="width:160%;height:auto;left:0%;top:0%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  > 
    
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/for_two.png" class="ani resize second2" style="width:232%;height:auto;left:70%;top:60%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/for_there.png" class="ani resize fourth2" style="width:285%;height:auto;left:20%;top:190%;z-index:3;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/for_for.png" class="ani resize firth1" style="width:120%;left:100%;top:450%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  >
        <img src="http://hly.misc.wxkydd.com/wp-content/uploads/sites/4/2015/10/hao11.png" style="width:30px;height:20px; top:435px; left:142px;" id="array" class="resize"> 
             <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div>
        </section>


       <!--slide2-->   
        <section class="swiper-slide swiper-slide3 second">
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/five_five1.png" class="ani resize second1" style="width:160%;height:auto;left:0%;top:0%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/five_two.png" class="ani resize second2" style="width:232%;height:240%;left:90%;top:40%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/five_there.png" class="ani resize second2" style="width:122%;height:80%;left:30%;top:170%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/five_for.png" class="ani resize fourth2" style="width:285%;height:150%;left:20%;top:300%;z-index:3;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  > 
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/for_for.png" class="ani resize firth1" style="width:120%;left:100%;top:450%;z-index:5; " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s"  >
        
        <img src="http://hly.misc.wxkydd.com/wp-content/uploads/sites/4/2015/10/hao11.png" style="width:30px;height:20px; top:435px; left:142px;" id="array" class="resize"> 
             <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div>
        </section>
   
        <!--slide4-->
         
       <section class="swiper-slide swiper-slide3 bottom-top">
        
  
        <img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/bj_02.png" class="ani resize second2" style="width:100%;height:auto;left:100%;top:120%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  > 
        <!--img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/six_two.png" class="ani resize second2" style="width:210%;height:120%;left:50%;top:170%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  --> 
        <a href="http://www.kyddv.com/lyzbsqhz/"><img src="http://lyzb.wx.koooyooo.com/wp-content/uploads/sites/3/2015/11/six_there.png" class="ani resize fourth2" style="width:120%;height:auto;left:90%;top:170%;z-index:3;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  > </a>
        
          <div id="lanren">
          <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
          <audio loop="loop" src="http://7fvgtj.com2.z0.glb.qiniucdn.com/FtTo9t-YBi8BcFpt4SDCe7KwI6Hk" autoplay="autoplay" id="media" preload="preload"></audio>
          </div>
          </div>

        </section>
        
        
    </div>
    
   
   
  <div ></div>
</div>



<script>  

scaleW=window.innerWidth/320;
scaleH=window.innerHeight/480;
var resizes = document.querySelectorAll('.resize');
          for (var j=0; j<resizes.length; j++) {
           resizes[j].style.width=parseInt(resizes[j].style.width)*scaleW+'px';
       resizes[j].style.height=parseInt(resizes[j].style.height)*scaleH+'px';
       resizes[j].style.top=parseInt(resizes[j].style.top)*scaleH+'px';
       resizes[j].style.left=parseInt(resizes[j].style.left)*scaleW+'px'; 
          }
      
  var mySwiper = new Swiper ('.swiper-container', {
   direction : 'vertical',
   pagination: '.swiper-pagination',
  //virtualTranslate : true,
   mousewheelControl : true,
   onInit: function(swiper){
   swiperAnimateCache(swiper);
   swiperAnimate(swiper);
    },
   onSlideChangeEnd: function(swiper){
  swiperAnimate(swiper);
    },
  onTransitionEnd: function(swiper){
  swiperAnimate(swiper);
    },
  
  
  watchSlidesProgress: true,

      onProgress: function(swiper){
        for (var i = 0; i < swiper.slides.length; i++){
          var slide = swiper.slides[i];
          var progress = slide.progress;
          var translate = progress*swiper.height/4;  
      scale = 1 - Math.min(Math.abs(progress * 0.5), 1);
          var opacity = 1 - Math.min(Math.abs(progress/2),0.5);
          slide.style.opacity = opacity;
      es = slide.style;
      es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d(0,'+translate+'px,-'+translate+'px) scaleY(' + scale + ')';

        }
      },
  
     onSetTransition: function(swiper, speed) {
        for (var i = 0; i < swiper.slides.length; i++){
          es = swiper.slides[i].style;
      es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = speed + 'ms';

        }
      },
  
  
  
     })         
  </script>



</body>
</html>