$(function () {
    //导航
    var off = true;
    $(".navTrigger").click(function () {
      if (off == true) {
        $(this).addClass("navTrigger-on");
        $('.wapNav').addClass("nav_on");
        off = false;
      } else {
        $(this).removeClass("navTrigger-on");
        $(".wapNav").removeClass("nav_on");
        off = true;
      }
    });
    //广告轮播图
    var banner = new Swiper('.banner', {
      pagination: '.swiper-pagination',
      paginationClickable: true,
      effect: 'fade',
      speed: 300,
      autoplay: 3000,
      loop: true,
      fade: {
        crossFade: true,
      },
    });
    $('.banner').mouseover(function () {
      banner.stopAutoplay();
    });
    $('.banner').mouseout(function () {
      banner.startAutoplay();
    });
	

	
    //优势
    var odds = new Swiper('.oddsMain', {
      speed: 500,
      autoHeight: true,
      autoplay: 3000,
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onSlideChangeStart: function (swiper) {
        $(".oddsMenu .on").removeClass('on');
        $(".oddsMenu li").eq(swiper.activeIndex).addClass('on');
      }
    });
    $(".oddsMenu li").on('mouseover', function (e) {
      $(".oddsMenu .on").removeClass('on');
      $(this).addClass('on');
      odds.slideTo($(this).index());
    });

    //公司环境
    var setting = new Swiper('.settingSlide', {
      slidesPerView: 4,
      spaceBetween: 20,
      autoplay: 3000,
      loop: true,
      grabCursor: true,
      prevButton: '.swiper-button-prev',
      nextButton: '.swiper-button-next',
      breakpoints: {
        1260: {
          slidesPerView: 3,
        },
        640: {
          slidesPerView: 2,
          spaceBetween: 10,
        }
      }
    });

    //新闻快讯
    var news = new Swiper('.newsMain ', {
      speed: 500,
      autoHeight: true,
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onSlideChangeStart: function (swiper) {
        $(".newsMenu .on").removeClass('on');
        $(".newsMenu a").eq(swiper.activeIndex).addClass('on');
      }
    });
    $(".newsMenu a").on('mouseover', function (e) {
      $(".newsMenu .on").removeClass('on');
      $(this).addClass('on');
      news.slideTo($(this).index());
    });



//产品中心
    var prod = new Swiper('.proMainw ', {
      speed: 500,
      autoHeight: true,
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onSlideChangeStart: function (swiper) {
        $(".proMenu .on").removeClass('on');
        $(".proMenu li").eq(swiper.activeIndex).addClass('on');
      }
    });
    $(".proMenu li").on('mouseover', function (e) {
      $(".proMenu .on").removeClass('on');
      $(this).addClass('on');
      prod.slideTo($(this).index());
    });

//产品中心1
    var prod1 = new Swiper('.proMain1 ', {
      speed: 500,
      autoHeight: true,
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onSlideChangeStart: function (swiper) {
        $(".proMenu1 .on").removeClass('on');
        $(".proMenu1 li").eq(swiper.activeIndex).addClass('on');
      }
    });
    $(".proMenu1 li").on('mouseover', function (e) {
      $(".proMenu1 .on").removeClass('on');
      $(this).addClass('on');
      prod1.slideTo($(this).index());
    });
//产品中心2
    var prod2 = new Swiper('.proMain2 ', {
      speed: 500,
      autoHeight: true,
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onSlideChangeStart: function (swiper) {
        $(".proMenu2 .on").removeClass('on');
        $(".proMenu2 li").eq(swiper.activeIndex).addClass('on');
      }
    });
    $(".proMenu2 li").on('mouseover', function (e) {
      $(".proMenu2 .on").removeClass('on');
      $(this).addClass('on');
      prod2.slideTo($(this).index());
    });
//产品中心3
    var prod3 = new Swiper('.proMain3 ', {
      speed: 500,
      autoHeight: true,
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onSlideChangeStart: function (swiper) {
        $(".proMenu3 .on").removeClass('on');
        $(".proMenu3 li").eq(swiper.activeIndex).addClass('on');
      }
    });
    $(".proMenu3 li").on('mouseover', function (e) {
      $(".proMenu3 .on").removeClass('on');
      $(this).addClass('on');
      prod3.slideTo($(this).index());
    });


    //荣誉资质
    var honor = new Swiper('.honorSlide ', {
      slidesPerView: 4,
      spaceBetween:30,
      autoplay: 4800,
      loop: true,
      grabCursor: true,
      prevButton: '.swiper-button-prev',
      nextButton: '.swiper-button-next',
      breakpoints: {
        1440: {
          slidesPerView: 3,
          spaceBetween:20,
        },
        920: {
          slidesPerView: 3,
          spaceBetween:20,
        },
        480: {
          slidesPerView: 2,
          spaceBetween:10,
        }
      }
    });


    //新闻列表
    var newsSwiper = new Swiper('.newsSlide', {
      pagination: '.slideIcon',
      effect: 'fade',
      paginationClickable: true,
      speed: 800,
      loop: true,
      autoplay: 3000,
      fade: {
        crossFade: true,
      },
    });




    //公司环境
    var albumMain = new Swiper('.albumMain ', {
      speed: 500,
      autoHeight: true,
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onSlideChangeStart: function (swiper) {
        $(".albumMenu .on").removeClass('on');
        $(".albumMenu a").eq(swiper.activeIndex).addClass('on');
      }
    });
    $(".albumMenu a").on('mouseover', function (e) {
      $(".albumMenu .on").removeClass('on');
      $(this).addClass('on');
      albumMain.slideTo($(this).index());
    });
     //产品详情
     var gallery = new Swiper('.gallery', {
      pagination: '.swiper-pagination',
      paginationClickable: true,
      speed: 300,
      autoplay: 3000,
    });
    $('.gallery').mouseover(function () {
      gallery.stopAutoplay();
    });
    $('.gallery').mouseout(function () {
      gallery.startAutoplay();
    });

});

  $(window).resize(function () {
    responsive();
  });
  responsive();


  function responsive() {
    var $ww = $(window).width();
    if ($ww <= 1024) {
      $('.wapNav .m').click(function () {
        $(this).children('.navSub').slideToggle().end().siblings('.m').children('.navSub').slideUp();
        $(this).addClass('on').siblings('li').removeClass('on');
      });
      $('.proSider .title i').click(function(){
        $('.proSide_sub').stop(false,true).slideToggle();
      });
    //弹出视频
    $('hVideo').on('click', function () {
      var hre = $(this).attr('mylink');
      var tie = $(this).attr('title');
      layer.open({
        type: 2,
        area: ['90%', '50%'],
        title: tie,
        shade: 0.8,
        closeBtn: 1,
        shadeClose: true,
        content: hre
      });
    });
    }else if($ww > 1024){
      jQuery(".nav").slide({type:"menu", titCell:".m", targetCell:".sub",effect:"fade",delayTime:300, triggerTime:0, returnDefault:true,defaultPlay:false});
      $('.proSide_sub').show();
      //弹出视频
      $('.hVideo').on('click', function(){
        var hre = $(this).attr('mylink');
        var tie = $(this).attr('title');
        layer.open({
        type: 2,
        area : ['1280px' , '680px'],
        title: tie,
        shade: 0.8,
        closeBtn: 1,
        shadeClose: true,
        content: hre
        });
      });
    }
  }
  /* 客服 */
  $(document).ready(function () {
    $('.settingMain .settingBox').not(".settingBox:eq(0)").hide();
    $(".gr_kefu .kf1").click(function () {
      $('.gr_kefu .qq').find(".sidebox").stop().animate({
        "right": "0"
      }, 160);
      $(this).find(".sidebox").stop().animate({
        "right": "-50px"
      }, 160);
    });
    $(".gr_kefu .qq .close").click(function () {
      $('.gr_kefu .qq').find(".sidebox").stop().animate({
        "right": "-150px"
      }, 160);
      $('.gr_kefu .kf1').find(".sidebox").stop().animate({
        "right": "0"
      }, 160);
    });
    $(".gr_kefu .kf3").hover(function () {
      $(this).find(".sidebox").stop().animate({
        "width": "130px"
      }, 160);
      $(this).find(".sidebox3").stop().animate({
        "width": "200px"
      }, 160);
    }, function () {
      $(this).find(".sidebox").stop().animate({
        "width": "50px"
      }, 160);
    });
    $('.gr_kefu .kf2').hover(function () {
      $(this).find('.kf_wx').fadeIn();
    }, function () {
      $(this).find('.kf_wx').fadeOut();
    });
    //头部
    $(window).scroll(function(){
      if($(this).scrollTop()>100){
        $(".nav").addClass("navFix");
      }
      else{
        $(".nav").removeClass("navFix");
      }
    });
  });
  //回到顶部
  function goTop() {
    $('html,body').animate({
      'scrollTop': 0
    }, 300);
  }
  
  

window.onload = function() {
  $.ajax({
    url: "/Api/Hitstall/index",
  });
}