// 初始化
$(function () {
  //右侧导航1==========
  var rWidth = [];
  var i_new = 0;
  $('.right_nav_box li').each(function () {
    rWidth[i_new] = $(this).width();
    i_new++;
  });
  $(".right_nav").hide();
  $('.right_nav_box li').hover(function () {
    var _this = $(this);
    var _thiswidth = -rWidth[_this.index()] + 30;
    _this.stop().animate({
      'left': _thiswidth
    }, 800);
  }, function () {
    var _this = $(this);
    var _thisindex = $(this).index();
    _this.stop().animate({
      'left': 0
    }, 500);
  });
  var _height = $('.slideBox').outerHeight() / 2;
  $(window).scroll(function () {
    var scroll_top = $(this).scrollTop();
    if (scroll_top > _height) {
      $('.right_nav').fadeIn();
    } else {
      $('.right_nav').fadeOut();
    }
  })
  /*返回顶部*/
  $('.right_nav .fh_top').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, '500');
  });
  //右侧导航1==========END
  //右侧导航2==========
  $(window).scroll(function () {
    if ($(window).scrollTop() > 600) {
      $(".sys_rightbox2").show(500);
    } else {
      $(".sys_rightbox2").hide(500);
    }
  });
  //测导航动画
  $(".sys_rightbox2 .new_right_menu").hover(function () {
    $(this).stop().animate({
      margin: '0 0 10px -120px'
    });
  }, function () {
    $(this).stop().animate({
      margin: '0 0 10px 0'
    });
  });
  $(".sys_rightbox2  .new_right_menu_sm").hover(function () {
    $(this).children(".sys_rightbox2 .new_right_menu_ewm").stop(true, true).show(300);
  }, function () {
    $(this).children(".sys_rightbox2 .new_right_menu_ewm").stop(true, true).hide(300);
  });
  /*返回顶部*/
  $('.sys_rightbox2 .zhiding').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, '500');
  });
  //右侧导航2==========END
  //右侧导航3==========
  $(window).scroll(function () {
    if ($(window).scrollTop() > 600) {
      $(".sys_rightbox3").show(500);
    } else {
      $(".sys_rightbox3").hide(500);
    }
  });
  $('.sys_rightbox3 .backtop').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, '500');
  });
  //右侧导航3==========END

  //右侧导航5==========
  var sysRightbox5 = $(".sys_rightbox5");
  var backtop5 = sysRightbox5.find(".backtop");
  $(window).scroll(function () {
    if ($(window).scrollTop() > 470) {
      sysRightbox5.show(500);
    } else {
      sysRightbox5.hide(500);
    }
  });
  backtop5.click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, '500');
  });
  //右侧导航5==========END
});

//滚动动画==========
var a, b, c;
a = $(window).height();
$(window).scroll(function () {
  var b = $(this).scrollTop();
  $(".animation_fiu>div").each(function () {
    c = $(this).offset().top;
    if (c > window.screen.availHeight) {
      if (a + b > c) {
        $(this).addClass("fade_in_up");
      }
    }
  });
  $(".animation_fi>div").each(function () {
    c = $(this).offset().top;
    if (c > window.screen.availHeight) {
      if (a + b > c) {
        $(this).addClass("fade_in");
      }
    }
  });
});
//滚动动画==========END

// tab 
function sys_setTab(name, cursel, n) {
  for (i = 0; i < n; i++) {
    var menu = document.getElementById(name + i);
    var con = document.getElementById("con_" + name + "_" + i);
    menu.className = i == cursel ? "active" : "";
    con.style.display = i == cursel ? "block" : "none";
  }
}

// ------------------pc响应式容器开始-----------------------
// 响应式宽度
function fullWidth(ele, sizeX, sizeY) {
  // 获取容器和全屏宽度参数
  var $window = $(window);
  var $fullpage = $(ele);
  var bodyWidth = document.documentElement.clientWidth || document.body.clientWidth;
  var ar = sizeX / sizeY;
  // 浏览器初始化时设置容器的宽高比
  $fullpage.css({
      "height": bodyWidth / ar,
  });
  // 浏览器大小变化时重新设置容器的宽高比
  $window.resize(function() {
      bodyWidth = document.documentElement.clientWidth || document.body.clientWidth;
      $fullpage.css({
          "height": bodyWidth / ar,
      });
  });
}
// 响应式高度
function fullHeight(ele) {
  // 获取容器和全屏高度参数
  var $window = $(window);
  var $fullpage = $(ele);
  var bodyHeight = document.documentElement.clientHeight || document.body.clientHeight;
  // 浏览器初始化时设置容器高度为全屏
  $fullpage.css({
      "height": bodyHeight,
  });
  // 浏览器大小变化时重新设置容器高度
  $window.resize(function() {
      bodyHeight = document.documentElement.clientHeight || document.body.clientHeight;
      $fullpage.css({
          "height": bodyHeight,
      });
  });
}
// ------------------pc响应式容器结束-----------------------