// f8
 $(document).ready(function(){
   let $but = document.querySelectorAll('.EditButton')
   let $btnlen = $but.length
    if (sessionStorage.getItem('EditButton')) {
      for (let i = 0; i < $btnlen; i++) {
        $but[i].style.display = "none"
      }
    }
    document.onkeydown = function (event) {
      if (event.keyCode === 119) {
        if (!sessionStorage.getItem("EditButton")) {
          for (let i = 0; i < $btnlen; i++) {
            $but[i].style.display = "none"
          }
          sessionStorage.setItem('EditButton', true)
        } else {
          for (let i = 0; i < $btnlen; i++) {
            $but[i].style.display = "block"
          }
          sessionStorage.removeItem('EditButton')
        }
      }
    }  
 })


$('table').attr('border', '1')



// 动画初始化
new WOW().init();

// 屏幕宽度
var _width;
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
  _width = document.documentElement.clientWidth;
}

// 向下头部加阴影
$(window).on('scroll', function () {
  if ($(document).scrollTop() > 50) {
    $('.pc_header').addClass('active')
  } else {
    $('.pc_header').removeClass('active')
  }
})

$('.pc_header .right .nav .product').mouseover(function () {
    $(this).find('.drop_down').show()
//   $(this).find('.drop_down').stop().slideDown()
//   $(this).find('p a::after').css('opacity', '1')
}).mouseleave(function(){
    $('.pc_header .right .nav .item .down').hide();
     $('.pc_header .right .nav .item .drop_down').hide();
})
    


$('.pc_header .right .nav .relative').mouseover(function () {
    
  $(this).find('.down').show()
}).mouseleave(function(){
    $('.pc_header .right .nav .item .down').hide();
     $('.pc_header .right .nav .item .drop_down').hide();
})
     





$('.pc_footer .footer_top .left .city .ind').click(function () {
  $(this).addClass('active').siblings().removeClass('active')
  $('.pc_footer .footer_top .left .address p').eq($(this).index()).addClass('active').siblings().removeClass('active')
})

if(_width<1024){
    $('.MobileNav .box .item ul li .second>a').click(function(){
        $('.HeaderMobile .box .button .menu .menu_btn').removeClass('active');
        $('body').removeClass('hidden');
        $('.MobileNav').hide()
    })
}



// 
new Swiper(".mySwiper1", {
  speed: 1000,
  slidesPerView: 1,
  spaceBetween: 0,
  loop: true,
  navigation: {
    nextEl: ".index_banner .mySwiper1 .swiper_switch .toggle .next",
    prevEl: ".index_banner .mySwiper1 .swiper_switch .toggle .prev",
  },
  pagination: {
    el: ".index_banner .mySwiper1 .swiper_switch .pagination",
    clickable: true,
  },
  on: {
    init: function () {
      swiperAnimateCache(this);
      swiperAnimate(this);
    },
    slideChangeTransitionStart: function () {
      swiperAnimate(this)
    }
  }
});
new Swiper(".mySwiper2", {
  speed: 1000,
  slidesPerView: 3,
  spaceBetween: 30,
//   loop: true,
  navigation: {
    nextEl: ".services .ser_right .related .rela_swiper .swiper_toggle .next",
    prevEl: ".services .ser_right .related .rela_swiper .swiper_toggle .prev",
  },
  pagination: {
    el: ".services .ser_right .related .rela_swiper .swiper_toggle .pagination",
    clickable: true,
  },
  breakpoints: {
    320: {  //当屏幕宽度大于等于320
      slidesPerView: 1,
      spaceBetween: 0
    },
    768: {  //当屏幕宽度大于等于768 
      slidesPerView: 2,
      spaceBetween: 15
    },
    1280: {  //当屏幕宽度大于等于1280
      slidesPerView: 2.5,
      spaceBetween: 20
    },
    1500: {  //当屏幕宽度大于等于1280
      slidesPerView: 3,
      spaceBetween: 30
    }
  }
});
new Swiper(".mySwiper3", {
  speed: 1000,
  slidesPerView: 4,
  spaceBetween: 30,
  loop: true,
  navigation: {
    nextEl: ".certificate .honor_swiper .swiper_toggle .next",
    prevEl: ".certificate .honor_swiper .swiper_toggle .prev",
  },
  pagination: {
    el: ".certificate .honor_swiper .swiper_toggle .pagination",
    clickable: true,
  },
  breakpoints: {
    320: {  //当屏幕宽度大于等于320
      slidesPerView: 1,
      spaceBetween: 0
    },
    768: {  //当屏幕宽度大于等于768 
      slidesPerView: 2,
      spaceBetween: 20
    },
    1280: {  //当屏幕宽度大于等于1280
      slidesPerView: 4,
      spaceBetween: 30
    }
  }
});
new Swiper(".mySwiper4", {
  speed: 1000,
  slidesPerView: 3,
  spaceBetween: 20,
//   loop: true,
  navigation: {
    nextEl: ".disinfection .desin_swiper .swiper_toggle .next",
    prevEl: ".disinfection .desin_swiper .swiper_toggle .prev",
  },
  pagination: {
    el: ".disinfection .desin_swiper .swiper_toggle .pagination",
    clickable: true,
  },
  breakpoints: {
    320: {  //当屏幕宽度大于等于320
      slidesPerView: 1,
      spaceBetween: 0
    },
    768: {  //当屏幕宽度大于等于768 
      slidesPerView: 2,
      spaceBetween: 10
    },
    1280: {  //当屏幕宽度大于等于1280
      slidesPerView: 3,
      spaceBetween: 20
    }
  }
});
new Swiper(".mySwiper5", {
  speed: 1000,
  slidesPerView: 3,
  spaceBetween: 70,
  navigation: {
    nextEl: ".management .man_swiper .swiper_toggle .next",
    prevEl: ".management .man_swiper .swiper_toggle .prev",
  },
  pagination: {
    el: ".management .man_swiper .swiper_toggle .pagination",
    clickable: true,
  },
  breakpoints: {
    320: {  //当屏幕宽度大于等于320
      slidesPerView: 1,
      spaceBetween: 10
    },
    768: {  //当屏幕宽度大于等于768 
      slidesPerView: 2,
      spaceBetween: 20
    },
    1280: {  //当屏幕宽度大于等于1280
      slidesPerView: 3,
      spaceBetween: 40
    },
    1500: {  //当屏幕宽度大于等于1280
      slidesPerView: 3,
      spaceBetween: 70
    }
  },
  on: {
    tap: function (swiper, event) {
      let index = this.clickedIndex
       $('.management .popover').show()
       $('.management .popover .pop_box .sing .item').eq(index).addClass('active').siblings().removeClass('active')
    },
  },
});

let Swiper6 = new Swiper(".mySwiper6", {
  speed: 1000,
  slidesPerView: 1,
  spaceBetween: 0,
  navigation: {
    nextEl: ".index_memorabilia .memor_swiper .mySwiper6 .swiper-button-next",
    prevEl: ".index_memorabilia .memor_swiper .mySwiper6 .swiper-button-prev"
  },
  on: {
    slideChangeTransitionStart: function(){
      let slideIndex = this.activeIndex + 1
      let moveWidth = $('.moveWidth').width()
      let _wid = slideIndex * moveWidth
      $('.index_memorabilia .bkWhite_img').width(_wid)
      $('.index_memorabilia .figure').eq(this.activeIndex).addClass('active').siblings().removeClass('active')
    },
  }
});


$(".index_memorabilia .figure").click(function() {
    let fig_index = $(this).index()
    let moveWidth = $('.moveWidth').width()
    
    $(this).addClass('active').siblings().removeClass('active')
    $('.index_memorabilia .bkWhite_img').width(fig_index * moveWidth + moveWidth)
    Swiper6.slideTo(fig_index, 1000, false) ;//切换到第一个slide，速度为1秒
})



// 手机端
$('.HeaderMobile .box .button .search .btn').click(function () {
  $('.mobile_search').slideToggle();
});
$('.MobileNav .box .item>p span').click(function () {
  $(this).toggleClass('active');
  $(this).parents('.item').find('ul').slideToggle();
});
$('.MobileMain .box .button .menu .menu_btn').click(function () {
  $(this).toggleClass('active');
  $('.MobileNav').slideToggle();
  $('body').toggleClass('hidden');
});
$('.MobileNav .box .item ul li .second span').click(function () {
  $(this).toggleClass('active');
  $(this).parents('li').find('.tertiary').slideToggle();
})
$('.MobileNav .box .item ul li .tertiary .quaternary .quat_desc span').click(function () {
  $(this).toggleClass('active');
  $(this).parents('.quat_desc').siblings('.levelfive').slideToggle();
})
$('.MobileNav .box .item ul li .tertiary .quaternary .levelfive .levelfive_desc span').click(function () {
  $(this).toggleClass('active');
  $(this).parents('.levelfive_desc').siblings('.levelsix').slideToggle();
})