$(function () {
  $(window).scroll(function () {
    var h = $(window).height();
    var sc = $(window).scrollTop();
    if (sc > 0) {
      $(".header").addClass('scroll');
    } else {
      $(".header").removeClass('scroll');
    }
  })
})


// PC端
$(document).ready(function () {
  $(".navbar-togger.menu").on("click", function () {
    var navHear = $(".header");
    var open = navHear.hasClass("open-PCmenu");
    if (open) {
      $('.nav-PCmenu').stop().slideUp(200);
      console.log(111)
      navHear.removeClass("open-PCmenu");
    } else {
      $('.nav-PCmenu').stop().slideToggle(200);
      navHear.addClass("open-PCmenu");
    }
  });
});

//===============app-header，start===============
$(function () {
  // 手风琴下拉
  var Accordion = function (el, multiple) {
    this.el = el || {};
    this.multiple = multiple || false;
    var links = this.el.find('.P_tig');
    links.on('click', { el: this.el, multiple: this.multiple }, this.dropdown)
  }
  Accordion.prototype.dropdown = function (e) {
    var $el = e.data.el;
    $this = $(this),
      $next = $this.parents('.P_parent').find(".P_slide");

    $next.slideToggle();
    $this.parents('.P_parent').toggleClass('open');

    if (!e.data.multiple) {
      $el.find('.P_slide').not($next).slideUp().parent().removeClass('open');
    };
  }
  var accordion_header = new Accordion($('.nav-list'), false);
  //footer
  var accordion_footer = new Accordion($('.footer-menu'), false);

  // 手机端
  var navHear = $(".header-app");
  $(".header-app .navbar-togger").on("click", function () {
    var open = navHear.hasClass("open-menu");
    if (open) {
      navHear.removeClass("open-menu");
      $(".navbar-togger").removeClass('on')
      $('.nav-menu').hide();
    } else {
      navHear.addClass("open-menu");
      $('.nav-menu').show();
    }
  });
})

//===============app-header，end===============

// 二级导航
$(function () {
  $(".nav-top").click(function () {
    $(this).next('.nav-bot').slideToggle();
    $(this).parents('.nav-item').siblings('.nav-item').find('.nav-bot').slideUp();
    var nav_more = $(this).find('.nav-more');
    if (nav_more.hasClass('open')) {
      $(this).find('.nav-more').removeClass('open')
      $(this).next('.nav-bot').slideUp();
    } else {
      $(this).find('.nav-more').addClass('open');
      $(this).next('.nav-bot').slideDown();
      $(this).parents('.nav-item').siblings('.nav-item').find('.nav-bot').slideUp();
    }
  });
})

// ==============样式js,start===============
$(function () {
  // css动画
  var isIE = function (ver) {
    ver = ver || '';
    var b = document.createElement('b');
    b.innerHTML = '<!--[if IE ' + ver + ']>1<![endif]-->';
    return b.innerHTML === '1'
  };

  if (isIE(8) || isIE(7)) {

  } else {
    // 动画
    wow = new WOW({
      animateClass: 'animated',
      mobile: false,
    });
    wow.init();
  }



  // 动画
  let landInTexts = document.querySelectorAll(".landIn");
  landInTexts.forEach(landInText => {
    let letters = landInText.textContent.split("");
    landInText.textContent = "";
    letters.forEach((letter, i) => {
      let span = document.createElement("span"); //创建span标签
      span.setAttribute('class', 'kongs'); //给标签添加类名
      span.textContent = letter;
      span.style.animationDelay = `${i * 0.12}s`;
      landInText.append(span);
    });
  })
})



$(function () {
  //kefu
  $(".kf span").hover(function () {
    $(this).find("div").show();
  }, function () {
    $(this).find("div").hide();
  });
  $(".kf span div").hover(function () {
    $(this).show();
  }, function () {
    $(this).hide();
  });
  $(".kf .back_top").click(function () {
    $("html,body").animate({ "scrollTop": 0 }, 1000);
  });
  $(".mod_right").click(function () {
    $("html,body").animate({ "scrollTop": 0 }, 1000);
  });

  var i = 0;
  $(".shou").click("fast", function () {
    i++;
    if (i % 2 == 0) {
      $(this).removeClass('on');
      $(".kf").css({ "right": "20px" });
    } else {
      $(this).addClass('on');
      $(".kf").css({ "right": "-67px" });
    }
    $(".zhan").click(function () {
      $(this).delay(10000).stop().fadeOut();
      $(".kf").css({ "right": "30px" });
      $(".shou").css({ "right": "92px" });
    });
  });

  $(window).scroll(function () {
    var h = $(window).height() / 4;
    var sc = $(window).scrollTop();
    if (sc > h) {
      // $(".kf").fadeIn();
    } else {
      // $(".kf").fadeOut();
    }
  });
  // kf
  $(".kf-shqi").on("click", function () {
    $('.kf').toggleClass("show");
    if ($('.kf').hasClass("show")) {
      $('.kf').find("span").fadeIn()
    } else {
      $('.kf').find("span").fadeOut()
    }
  });

})




//   $(document).ready(function () {
//     var p = 0, t = 0;
//     $(window).scroll(function (e) {
//       p = $(this).scrollTop();
//       if (p > 0) { }
//       else { }
//       if (t <= p) {
//         $('.header').addClass('pageScroll');
//       }
//       else if (p === 0) {
//       } else {
//         $('.header').removeClass('pageScroll');
//       }
//       t = p;
//     })
//   })
// })



$(function () {
  $('#vedio').click(function () {
    var SRC
    SRC = $(this).attr('src');
    console.log(SRC)
    // 停止当前的动画，并移除其余的动画队列 
    $('#msg-box-bg').stop(true, false).fadeIn()
    $('#msg-box-bg .msg-box').stop(true, false).animate({
      // 从上滑出的效果
      'top': '50%',
    }, 800)
    $("#vedios").attr('src', SRC)
    // $('body').css({ 'overflow': 'hidden' });//弹框后禁止浏览器滚动
  });
  $('#close-box').click(function () {
    $('#msg-box-bg').stop(true, false).fadeOut()
    $('#msg-box-bg .msg-box').stop(true, false).animate({
      'top': '-50%',
    }, 300)
    $("#vedios").attr('src', '')
    // $('body').css({ 'overflow': 'auto' });
  });

  $('.vedio').click(function () {
    var SRC
    SRC = $(this).attr('src');
    console.log(SRC)
    // 停止当前的动画，并移除其余的动画队列 
    $('#msg-box-bg').stop(true, false).fadeIn()
    $('#msg-box-bg .msg-box').stop(true, false).animate({
      // 从上滑出的效果
      'top': '50%',
    }, 800)
    $("#vedios").attr('src', SRC)
    // $('body').css({ 'overflow': 'hidden' });//弹框后禁止浏览器滚动
  });
  $('#close-box').click(function () {
    $('#msg-box-bg').stop(true, false).fadeOut()
    $('#msg-box-bg .msg-box').stop(true, false).animate({
      'top': '-50%',
    }, 300)
    $("#vedios").attr('src', '')
    // $('body').css({ 'overflow': 'auto' });
  });
})
//  ============== 样式js, end ===============