var el,
    loading,
    num;
    el=$('.loading .percent .num');
    num=0;
    
        
    loading = $.cookie('isloaded');
		if(loading == undefined) {
			$.cookie('isloaded', 'true');
      loader();
		} else {
		  $('body').removeclass('is-hide');
		  $('.loading').css('display','none');
      main1();
		}

		function changestate() {
			$(".mask").addclass('active');
			$(".bwwz").addclass('active');
			$(".bwcloud img").addclass('active');
		}

    function loader(){
        setinterval(function() {
            num++;
            if(num>100) {
                return;
            }else {
                el.text(num)
            }
        },40);
    
        var timer1 = settimeout(function() {
        $('body').removeclass('is-hide');
        main1();
       
        }, 4000);
      
    }
   

      var interleaveoffset = 0.5; //视差比值

      function main1() {
        var swiperoptions = {
            loop: true,
            speed: 1000,
            grabcursor: true,
            watchslidesprogress: true,
            mousewheelcontrol: true,
            keyboardcontrol: true,
            autoplay: {
              delay: 4000,
              stoponlastslide: false,
              disableoninteraction: false,
              },
            pagination: {
              el: ".parx-swiper .swiper-pagination",
              clickable: true,
            },
            on: {
              init:function(){
                  swiperanimatecache(this);
                  this.emit("slidechangetransitionend");
              },
              progress: function() {
                var swiper = this;
                for (var i = 0; i < swiper.slides.length; i++) {
                  var slideprogress = swiper.slides[i].progress;
                  var inneroffset = swiper.width * interleaveoffset;
                  var innertranslate = slideprogress * inneroffset;
                  swiper.slides[i].queryselector(".inner").style.transform =
                    "translate3d(" + innertranslate + "px, 0, 0)";
                }      
              },
              touchstart: function() {
                var swiper = this;
                for (var i = 0; i < swiper.slides.length; i++) {
                  swiper.slides[i].style.transition = "";
                }
              },
              settransition: function(speed) {
                var swiper = this;
                for (var i = 0; i < swiper.slides.length; i++) {
                  swiper.slides[i].style.transition = speed + "ms";
                  swiper.slides[i].queryselector(".inner").style.transition =
                    speed + "ms";
                }
              },
              slidechangetransitionend: function () {
                  swiperanimate(this); 
              },
            }
          };
          
          var swiper1 = new swiper(".ban-swiper", swiperoptions);
          $('.banner .prev').click(function () {
              swiper1.slideprev();
          })
          $('.banner .next').click(function () {
              swiper1.slidenext();
          })
      }
    
  
      var mian2 = new swiper(".main2-swiper", {
          slidesperview: 2,
          breakpoints: { 
              320: {
                slidesperview: 2,
              },
              641: {
                slidesperview: 3,
              },
              768: {
                slidesperview: 4,
              },
              1261: {
                slidesperview: 6,
              }
            }
        });

        $('.main2-swiper .prev').click(function () {
          mian2.slideprev();
        })
        $('.main2-swiper .next').click(function () {
          mian2.slidenext();
        })
  
        $('.main2-swiper .swiper-slide').on('mouseenter',function(){
          $(this).addclass('cur').siblings().removeclass('cur');
          var i =$(this).index();
          $('.main2 .main2-item').eq(i).addclass('selected').siblings().removeclass('selected');
        })
        $('.main2-swiper .swiper-slide').on('mouseleave',function(){
          $(this).removeclass('cur').siblings().removeclass('cur');
        })
  
        
      $('.main3-item').on('mouseenter',function(){
          $(this).addclass('cur').siblings().removeclass('cur');
      })
      $('.main3-item').on('mouseleave',function(){
          $(this).removeclass('cur').siblings().removeclass('cur');
      })