//轮播图
$(function () {
  new Swiper("#banner .b_con", {
    autoplay: 2000,
    speed: 1500,
    grabCursor: true,
    nextButton: ".swiper-button-next",
    prevButton: ".swiper-button-prev",
    pagination: ".swiper-pagination",
    paginationClickable: true,
    loop: true,
  });
});
//点击弹出视频
$(function () {
  var videoElement = document.querySelector('#popup video');
  let img = $('.aboutUs .right_video .img');
  let popup = $('#popup');
  let close = $('#popup .bg .close');
  img.click(function () {
    popup.css('display', 'block');
    videoElement.play();

  })
  close.click(function () {
    popup.css('display', 'none');
    videoElement.pause();
  })
})
//所有产品
$(function () {
  let btnLit = $('.allproduct .subhead .right_btnlist .btn')
  let allProductList = $('.allproduct .allProduct_list ')

  $(document).ready(function () {
    btnLit.click(function () {
      for (let i = 0; i < btnLit.length; i++) {
        allProductList.eq(i).toggleClass("hide", true);
        btnLit.eq(i).removeClass("active");
      }
      var index = $(this).index();
      allProductList.eq(index).removeClass("hide");
      btnLit.eq(index).toggleClass("active");
    })
  });
})

//应用案例
$(function () {
  let item = $('.applyCase .right_applyCaseList .right_applyCaseItem')
  let nav = $('.applyCase .applyCase_nav ul li')
  nav.eq(0).toggleClass("active" ,true);

  item.eq(0).removeClass("hide");
  $(document).ready(function () {
    nav.click(function () {
      for (let i = 0; i < nav.length; i++) {
        item.eq(i).toggleClass("hide", true);
        nav.eq(i).removeClass("active");
      }
      var index = $(this).index();
      item.eq(index).removeClass("hide");
      nav.eq(index).toggleClass("active");
    })
  });
})

//列表轮播

let question = document.querySelector("#homePage .newsInform .newsInform_cont .question .question_list");

let question_list = question.querySelector("ul.dom1");

let list_li = question_list.querySelectorAll("li");

    
question_list.innerHTML += question_list.innerHTML

let left = 0;
let timer;

function mover() {
  timer = setInterval(function () {
      
      left -= 1;
      if (left <= -406) {
        left = 0;
      }
      question_list.style.top = left + "px"
  }, 20);
  
}
mover();

question.onmouseenter = function () {
  clearInterval(timer);
}
question.onmouseleave = function () {

  mover();
}