function backtops(num){
	 $("body,html").animate({scrollTop:num},1000);
}
$(".backtops").on("click",function(){
  backtops(0);
})
// 杩斿洖椤堕儴
$(window).scroll(function(){
    if($(window).scrollTop() >= $(window).innerHeight()/3){
      $(".backtops").show();
    }else{
      $(".backtops").hide();
    }
    var wraps = $(".con-header").offset().top;
    if($('div').hasClass('cons-tit-box')){
      var wraps2s = $(".cons-tit-box").offset().top;
    }
    var tops = ($(window).scrollTop());
      if(wraps >= tops){
          $(".con-header").removeClass('fixed onactive');
      }else if(wraps < tops){
          $(".con-header").addClass('fixed onactive');
    };
    if(wraps2s){
        if(wraps2s >= tops){
            $(".con-header").removeClass('fixed-onactive');
            $(".cons-tit-box").removeClass("fixed");
        }else if(wraps2s < tops){
            $(".con-header").addClass('fixed-onactive');
            $(".cons-tit-box").addClass("fixed");
        };
    }
})

// 杩斿洖椤堕儴 缁撴潫

// 鎵嬫満瀵艰埅
$(".m-header .nav-btn").on('click', function() {
    var _this = $(this);
    if (!$(this).hasClass('hover')) {
        $(".search-bg").slideUp();
        $(this).addClass('hover');

        $(this).parents(".w-header").siblings('.sub-menu').stop().fadeIn();
        $(".m-header .list-cont").addClass('active');
        $("body,html").addClass('ovh');
    }else{
        $(this).removeClass('hover');
        $(this).removeClass('active');

        $(this).parents(".w-header").siblings('.sub-menu').stop().fadeOut();
        $(".m-header .list-cont").removeClass('active');
        $("body,html").removeClass('ovh');
    }
});
$(".m-header .sub-menu .sub-tit").on('click', function() {
    $(this).toggleClass("on").parents(".bocweb-submenu").toggleClass("active").siblings().removeClass("active").find(".sub-tit").removeClass("on");
    $(".m-header .search-bg").slideUp();
        $(this).siblings('.sec-list').slideToggle().parents(".bocweb-submenu").siblings().find(".sec-list").slideUp();
});
$(".m-header .sub-menu .sec-list .tops").on("click",function(){
   $(this).parents(".sec-list").removeClass('on');
   $(this).parents(".bocweb-submenu").find("span.tit.sub-tit").removeClass("on");
})
$(".m-header .sub-menu .sec-list .lis-tops").on("click",function(){
  $(this).siblings(".lis-bots").slideToggle()
})
// 鎵嬫満瀵艰埅

  // swiper
  function ajaxlist(urls,data,fun){
      $.ajax({
          url: urls,
          type: 'GET',
          data: data,
          dataType: 'html',
          beforeSend: function(data){
          },
          success: fun,
          complete:function(data){}
      })
  }

 
  swipercomen();
  function swipercomen(){
      var _allwidth2 =0;
      $(".cons-swiper .swiper-slide").each(function(){
            var allwidth=$(this).parents(".cons-swiper").innerWidth();
            var _width = $(this).innerWidth();
             _allwidth2+=_width;
            var len = $(this).parents(".cons-swiper").find(".swiper-slide").length;
            var gs  = parseInt($(this).parents(".cons-swiper").innerWidth()/_width);
            var btn =  $(this).parents(".cons-swiper").find(".swiper-pagination");
            var btn1 =  $(this).parents(".cons-swiper").find(".swiper-button-prev");
            var btn2 =  $(this).parents(".cons-swiper").find(".swiper-button-next");
            if(Math.ceil(_allwidth2)<=Math.ceil(allwidth)){
                btn.hide();
                btn1.hide();
                btn2.hide();
                $(this).parents(".cons-swiper").addClass("onactive")
                $(this).parents(".swiper-container").addClass("swiper-no-swiping");
            }else{
                btn.show();
                btn1.show();
                btn2.show();
                $(this).parents(".swiper-container").removeClass("swiper-no-swiping");
               $(this).parents(".cons-swiper").removeClass("onactive")
            }
            // console.log(len >= gs,len , gs)
            // if(len >= gs){
            //     btn.show();
            //     btn1.show();
            //     btn2.show();
            //   $(this).parents(".swiper-container").removeClass("swiper-no-swiping");
            //   $(this).parents(".cons-swiper").removeClass("onactive")
            // }else{
            //   btn.hide();
            //   btn1.hide();
            //   btn2.hide();
            //   $(this).parents(".cons-swiper").addClass("onactive")
            //   $(this).parents(".swiper-container").addClass("swiper-no-swiping");
            // }
            // if(len == (gs)){
            //   btn.hide();
            //   btn1.hide();
            //   btn2.hide();
            // }
        })

       $(".conmmen-swiper").each(function(){
            var _this = $(this);
            var _allwidth=0;
            var allwidth=_this.innerWidth();
            var len,gs,_width;
            $(this).find(".swiper-slide").each(function(){
               _width = $(this).outerWidth(true);
               len = $(this).parents(".conmmen-swiper").find(".swiper-slide").length;
               gs  = parseInt($(this).parents(".conmmen-swiper").innerWidth()/_width);
                _allwidth+=_width;

            })
               // if($(this).hasClass("gfks")){
               //  gs=gs+1;
               // }
            var conswiper = $(this).attr("data-swiper");
            var conmmen = conswiper;
            // console.log(len == gs,len , gs)
            if(Math.ceil(_allwidth) >= Math.ceil(allwidth)){
                var effect ="slide";
                  var loop = false;
                  var onclick = false;
                  if($(this).hasClass("swiper-loop")){
                      loop = true;
                  }
                  if($(this).hasClass("swiper-click")){
                      onclick = true;
                  }
                  if($(this).hasClass("onfades")){
                    effect ="fade";
                  }
                  conmmen = new Swiper('.conmmen-swiper[data-swiper='+conswiper+'] .swiper-container',{
                    pagination : '.conmmen-swiper[data-swiper='+conswiper+'] .swiper-pagination',
                    prevButton:'.conmmen-swiper[data-swiper='+conswiper+'] .swiper-button-prev',
                    nextButton:'.conmmen-swiper[data-swiper='+conswiper+'] .swiper-button-next',
                    // scrollbar:'.conmmen-swiper[data-swiper='+conswiper+'] .swiper-scrollbar',
                    // scrollbarHide : false,
                    // scrollbarDraggable : true ,
                    // scrollbarSnapOnRelease : true ,
                    
                    slidesPerView: "auto",
                    paginationClickable: true,
                    effect:effect,
                    slideToClickedSlide:onclick,
                    autoplayDisableOnInteraction: false,
                    loop:loop,
                    lazyLoadingInPrevNext : true,
                    roundLengths : true,
                    uniqueNavElements :false,
                    autoHeight: false, 
                    speed:750
                })


                if($(this).hasClass("onsactive")){
                  var times = setInterval(function(){
                    conmmen.slideNext()
                  }, 5000);     
                  $('.conmmen-swiper[data-swiper='+conswiper+'] .swiper-button-prev,.conmmen-swiper[data-swiper='+conswiper+'] .swiper-button-next').on("mouseenter",function(){
                    conmmen.stopAutoplay();
                    clearInterval(times)
                  })
                  $('.conmmen-swiper[data-swiper='+conswiper+'] .swiper-button-prev,.conmmen-swiper[data-swiper='+conswiper+'] .swiper-button-next').on("mouseleave",function(){
                    conmmen.startAutoplay();
                    times = setInterval(function(){
                      conmmen.slideNext()
                    }, 5000);   
                  })
	            }



                if($(this).hasClass("swiper-click")){
                    $(this).find('.swiper-slide').click(function(){
                      var index = $(this).index();
                      conmmen.slideTo(index,500,false)
                    })
                }
            }else{
            }
       })
  }
  // swiper

    function getUrlParam(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
        var r = window.location.search.substr(1).match(reg);  
        if (r!=null) return unescape(r[2]); return null; 
    } 
    function clickVideo(selector){
        var video = document.getElementById('video');
        selector.on('click',function(){
          
          $('.video-fixed').stop(true,true).removeClass('ons').hide();
            $('.video-fixed').fadeIn().addClass('ons');
            // video.play();
            $("html,body").addClass('on-foxed')
            var videoSrc = $(this).attr('data-src');
            $('#video').fadeIn().attr('src',videoSrc);
            if($(this).hasClass("img-click")){
              $(".video-fixed img.imghide").show().attr('src',videoSrc);
              $('#video').hide().attr('src',"");
            }else{
              $("img.imghide").hide().attr('src',"");
              $('#video').show().attr('src',videoSrc);
            }
        })
        $('.video-fixed .cha').on('click',function(){
            $('.video-fixed').removeClass('ons').fadeOut();
            // video.pause();
            $("html,body").removeClass('on-foxed')
            $('.video-fixed img.imghide').fadeOut().attr('src',"");
            $('#video').fadeOut().attr('src',"");
        })
      $(".video-fixed").on("click",function(){
            $('.video-fixed').removeClass('ons').fadeOut();
            $("html,body").removeClass('on-foxed')
        $('#video').fadeOut().attr('src',"");
        })
        $(".video-fixed .videoboxs").on("click",function(e){
            e.stopPropagation()
        })
    }
    clickVideo($(".con-videos"));
    clickVideo($(".mvideo"));

    $(".bocweb-header .nav-tops").on("mouseenter",function(){
        $(this).siblings(".nav-bots").stop(true,true).fadeIn().parents(".nav").siblings().find(".nav-bots").stop(true,true).fadeOut();
    })
    $(".bocweb-header .nav").on("mouseleave",function(){
        $(".bocweb-header .nav-bots").stop(true,true).fadeOut();
    })

     function mains(id,id1){
       $(".bocweb-header .nav").eq(id).addClass("active").find(".nav-tops").addClass("active");
       $(".bocweb-header .nav.active .nav-bots .li").eq(id1).addClass("active");
       if($("div.cons-tit-box").hasClass("kjh")){
         var text = $(".bocweb-header .nav.active .nav-bots .li").eq(id1).text();
         $(".banner-daohang .li.active").text(text).attr("href","javascript:void(0);");
       }
    }
    var lg  = $("body").attr("data-lg");
    var lk  = $("body").attr("data-lk");
    mains(lg,lk);

   var wow = new WOW({
      boxClass: 'wow',
      animateClass: 'animated',
      offset:20,
      mobile: true,
      live: true
  });
  wow.init();

  function wow2(){
     var wow2 = new WOW({
        boxClass: 'wow2',
        animateClass: 'animated',
        offset:20,
        mobile: true,
        live: true
    });
    wow2.init();
  }
    function titleswiper(num){
        $(".titles-swiper").each(function(){
          var _this = $(this);
          var _allwidth=0;
          var allwidth=_this.innerWidth();
          _this.find(".swiper-slide").each(function(){
            var _width = $(this).outerWidth(true);
            _allwidth+=_width;
            // console.log(_width)
          })
          _this.find(".swiper-slide").eq(num).addClass("active").siblings().removeClass("active")
          if(Math.ceil(_allwidth)<=allwidth){
              _this.addClass("onac")
          }else{
            var onclick = false;
            if($(this).hasClass("swiper-click")){
                onclick = true;
            }
            var conswiper = $(this).attr("data-swiper");
            var conmmen = conswiper;
               conmmen = new Swiper('.titles-swiper[data-swiper='+conswiper+'] .swiper-container',{
                  pagination : '.titles-swiper[data-swiper='+conswiper+'] .swiper-pagination',
                  prevButton:'.titles-swiper[data-swiper='+conswiper+'] .swiper-button-prev',
                  nextButton:'.titles-swiper[data-swiper='+conswiper+'] .swiper-button-next',
                  slidesPerView: "auto",
                  slideToClickedSlide:true,
                  paginationClickable: true,
                  slideToClickedSlide:onclick,
                  autoplayDisableOnInteraction: false,
                  lazyLoadingInPrevNext : true,
                  roundLengths : true,
                  uniqueNavElements :false,
                  speed:750
              })
               if(num){
                  conmmen.slideTo(num,500,false)
               }
               
          }
        })
    }
    function getnav(item){
         var oNav = $('.cons-tit-box .cons-tits'); //瀵艰埅澹
         var aNav = oNav.find('.li'); //瀵艰埅
         var aDiv = item; //妤煎眰
          aNav.eq(0).addClass('active').siblings().removeClass("active");
          var scrolh = 50;
          if($(window).innerWidth()>1023){
           scrolh = $(".con-header").innerHeight();
          }else{
            scrolh = 50;
          }
         $(window).scroll(function() {
             //鍙绐楀彛楂樺害
             var winH = $(window).height();
             //榧犳爣婊氬姩鐨勮窛绂
             var iTop = $(window).scrollTop();
             //       //榧犳爣婊戝姩鏍峰紡鏀瑰彉
             aDiv.each(function() {
                 if (winH + iTop - $(this).offset().top > winH /2) {
                    var _this = $(this).index();
                    // console.log(_this)
                    // titleswiper.slideTo(_this,1000,false);
                    titleswiper(_this)
                    aNav.removeClass('active');
                    aNav.eq(_this).addClass('active');
                 }
             })
             if(iTop < 5){
                  aNav.eq(0).addClass('active').siblings().removeClass("active");
             }
         })
         aNav.on("click",function(){
            var ths = 0;
            if($('div').hasClass("cons-tit-box")){
              ths = $('.cons-tit-box').innerHeight();
              scrolh = ths;
            }
            var index = $(this).index();
            var top = aDiv.eq(index).offset().top - ( scrolh);
            $(this).addClass("active").siblings().removeClass("active");
            // titleswiper.slideTo(index,1000,false);
            titleswiper(index)
            $("body,html").animate({scrollTop:top},500);
         })
         var md  = getUrlParam('md');
         if(md){
          md =md -1;
              var lg  = $("body").attr("data-lg");
              var lk  = $("body").attr("data-lk");
          setTimeout(function(){
            aNav.eq(md).click();
             mains(lg,md);
          },500)
         }
    }
    
    if($("div").hasClass('cons-tit-box-active')){
        getnav($(".commen-list .list"));
    }

    // con-title-swiper

    if($("div").hasClass('con-title-swiper')){
          var lg  = $("body").attr("data-lg");
          var lk  = $("body").attr("data-lk");
            titleswiper(lk)
          // titleswiper.slideTo(lk,1000,false);
    }



  /* ------------------------
cursor
------------------------ */
var cursor = {
    delay: 3,
    _x: 0,
    _y: 0,
    endX: (window.innerWidth / 2),
    endY: (window.innerHeight / 2),
    cursorVisible: true,
    cursorEnlarged: false,
    $outline: document.querySelector('.cursor-dot'),
    init: function() {
        // Set up element sizes
        this.outlineSize = this.$outline.offsetWidth;
        
        this.setupEventListeners();
        this.animateDotOutline();
    },
    setupEventListeners: function() {
        var self = this;
        // Anchor hovering
        var hoveitems = document.querySelectorAll('.js-hover');
          hoveritems = Array.prototype.slice.call(hoveitems);
          hoveritems.forEach(function(el) {
            el.addEventListener('mouseover', function() {
                self.cursorEnlarged = true;
                self.toggleCursorSize(el);
            });
            el.addEventListener('mouseout', function() {
                self.cursorEnlarged = false;
                self.toggleCursorSize();
            });
        });
        var hoveitemscolor = document.querySelectorAll('.js-hovercolor');
          hoveitemscolor = Array.prototype.slice.call(hoveitemscolor);
          hoveitemscolor.forEach(function(el) {
            el.addEventListener('mouseover', function() {
                self.cursorEnlarged = true;
                self.toggleCursorSize2(el);
            });
            el.addEventListener('mouseout', function() {
                self.cursorEnlarged = false;
                self.toggleCursorSize2();
            });
        });
        
        // Click events
        document.addEventListener('mousedown', function() {
            self.cursorEnlarged = true;
            // self.toggleCursorSize();
        });
        document.addEventListener('mouseup', function() {
            self.cursorEnlarged = false;
            // self.toggleCursorSize();
        });
  
        document.addEventListener('mousemove', function(e) {
            // Show the cursor
            self.cursorVisible = true;
            self.toggleCursorVisibility();

            // Position the dot
            self.endX = e.clientX;
            self.endY = e.clientY;
            // console.log(self.endX,self.endY);
        });
        
        // Hide/show cursor
        document.addEventListener('mouseenter', function(e) {
            self.cursorVisible = false;
            self.toggleCursorVisibility();
            self.$outline.style.opacity = 1;
        });
        
        document.addEventListener('mouseleave', function(e) {
            self.cursorVisible = false;
            self.toggleCursorVisibility();
            self.$outline.style.opacity = 0;
            
        });
    },
    
    animateDotOutline: function() {
        var self = this;

        self._x += (self.endX - self._x) / self.delay;
        self._y += (self.endY - self._y) / self.delay;

          self.$outline.style.left = self._x + 'px';
          self.$outline.style.top = self._y + 'px';
        
        requestAnimationFrame(this.animateDotOutline.bind(self));
    },
    
    toggleCursorSize: function(el) {
        var self = this;
        if (self.cursorEnlarged) {
            self.$outline.style.transform = 'translate(-50%, -50%)';
            self.$outline.style.width = '1.5rem';
            self.$outline.style.height = '1.5rem';
            self.$outline.classList.add("ons")
        } else {
            self.$outline.style.transform = 'translate(-50%, -50%)';
            self.$outline.style.width = '15px';
            self.$outline.style.height = '15px';
            self.$outline.classList.remove("ons");
        }
    },
    toggleCursorSize2: function(el) {
        var self = this;
        if (self.cursorEnlarged) {
            self.$outline.style.transform = 'translate(-50%, -50%)';
            self.$outline.style.width = '3.1rem';
            self.$outline.style.height = '3.1rem';
            self.$outline.innerHTML="灞曠ず鏇村";
            self.$outline.classList.add("active")
        } else {
            self.$outline.style.transform = 'translate(-50%, -50%)';
            self.$outline.style.width = '15px';
            self.$outline.style.height = '15px';
            self.$outline.innerHTML="";
            self.$outline.classList.remove("active");
        }
    },
    toggleCursorVisibility: function() {
        var self = this;
        
        if (self.cursorVisible) {
            self.$outline.style.opacity = 1;
        } else {
            self.$outline.style.opacity = 0;
        }
    }
}
// cursor.init();