$(function () {
// 动画初始化
if (typeof WOW != 'undefined') {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
wow.init();
}
//返回顶部
function getTop() {
var top = $(document).scrollTop();
if ($(document).scrollTop() > 300) {
$(".right-flex").show();
} else {
$(".right-flex").hide();
}
setTimeout(getTop);
}
getTop();
// $('.to-top').on('click', function () {
// $('html,body').stop().animate({
// 'scrollTop': 0
// }, 500);
// });
//下滑头部出现背景
$(window).scroll(function () {
var h = $(window).height();
var sc = $(window).scrollTop();
var bh = $("body").height();
if (sc > 0) {
$(".headfixed").addClass('headerbgm')
} else {
$(".headfixed").removeClass("headerbgm")
};
});
// 二级导航鼠标悬浮的时候加上背景
var b;
b = $(document).scrollTop();
$(window).scroll(function () {
b = $(document).scrollTop();
if (b <= 0) {
$('.headfixed').removeClass("headerbgm1");
}
})
$(".headfixed").hover(function () {
$(this).addClass("headerbgm1");
}, function () {
if (b <= 0) {
$(this).removeClass("headerbgm1");
}
});
function _topStyle() {
var _top = $(window).scrollTop();
// var _top2 = $('.headfixed').outerHeight();
var num = $(".offtop").length;
for (var i = 1; i <= num; i++) {
var _topi = $(".offtop").eq(i - 1).offset().top - $('.headfixed').height() - 80;
if (_top > _topi) {
$('.offtop').eq(i - 1).addClass('active');
}else{
$('.offtop').eq(i - 1).removeClass('active');
}
}
}
_topStyle();
$(window).on('scroll', _topStyle);
// 底部二级导航显示/隐藏
var _winW = $(window).width();
var overscroll = window.innerWidth - document.body.clientWidth;
if (_winW + overscroll <= 767) {
$('.footer .footerphone-menu h3').on('click', function () {
if (!$(this).hasClass("cur")) {
$(this).addClass("cur").parent("li").siblings("li").find("h3").removeClass("cur");
$(this).next('.footer-subnav').slideDown().parent("li").siblings("li").find('.footer-subnav').slideUp();
} else {
$(this).removeClass("cur");
$(this).next('.footer-subnav').slideUp()
}
})
}
// 选项卡
function tabs(menu, cont, cur) {
menu.hover(function () {
var index = menu.index(this);
$(this).addClass(cur).siblings().removeClass(cur);
cont.children().eq(index).show().siblings().hide();
});
}
/*单个js调用*/
$(document).ready(function () {
//tab切换
tabs($('.jxaq2 .jxaq2_tab li'), $('.jxaq2 .jxaq2_cont'), 'active');
});
function tabs1(menu1, cont1, cur1) {
menu1.click(function () {
var index1 = menu1.index(this);
$(this).addClass(cur1).siblings().removeClass(cur1);
cont1.children().eq(index1).show().siblings().hide();
});
}
$(document).ready(function () {
tabs1($('.section4 .section4_li'), $('.section4 .section4_bot'), 'active'); //第一个参数是切换的按钮,第二个参数是切换的内容,第三个参数是鼠标悬浮时的样式
});
/*手机端导航*/
$('.toggle-btn-phone').off('click').on('click', function () {
if ($('.mobile-nav-box').is(':hidden')) {
$('.mobile-nav-box').stop(true, true).slideDown(500);
$(this).addClass('cur');
} else {
$('.mobile-nav-box').stop(true, true).slideUp(500);
$(this).removeClass('cur');
}
});
// 手机端二级导航下拉
$('.menu-list .mobile-ul .mobile_down').on('click', function () {
if (!$(this).parent().hasClass("cur")) {
$(this).parent().addClass("cur").parent("li").siblings("li").find(".head-tit").removeClass("cur");
$(this).parent().next('.head-subnav').slideDown().parent("li").siblings("li").find('.head-subnav').slideUp();
$(this).parent().next().next('.head-subnav2').slideDown().parent("li").siblings("li").find('.head-subnav2').slideUp();
} else {
$(this).parent().removeClass("cur");
$(this).parent().next('.head-subnav').slideUp()
$(this).parent().next().next('.head-subnav2').slideUp()
}
})
$('.mobile-nav-box .link_tit .smobile_down').on('click',function(){
if (!$(this).parent().hasClass("cur")) {
$(this).parent().addClass("cur").siblings('.link_tit').removeClass("cur");
$(this).parent().next('.head-suba').slideDown().siblings('.head-suba').slideUp();
}else{
$(this).parent().removeClass("cur");
$(this).parent().next('.head-suba').slideUp()
}
})
//$(".head-subnav>a").click(function () {
// $(".mobile-nav-box").stop(true, true).slideUp(500);
// $(".toggle-btn-phone").removeClass('cur');
//})
$('.insrecruit-list .post-time .btn').on('click', function () {
if (!$(this).parent().parent().hasClass('cur')) {
$(this).parent().parent().addClass('cur').find('.rectue-min').stop().slideDown(300);
$(this).parent().parent().siblings().removeClass('cur').find('.rectue-min').stop().slideUp(300);
} else {
$(this).parent().parent().removeClass('cur').find('.rectue-min').stop().slideUp(300);
}
})
$('.videobox').on('click', function () {
var u = navigator.userAgent;
var url = $(this).attr('videoUrl');
$('.popvideobg').fadeIn(200);
if (url.indexOf('http') == 0) {
$('#videoPlayer').html('')
} else {
$('#videoPlayer').html('')
if (u.indexOf('iPhone') > -1) { //苹果手机
document.addEventListener("WeixinJSBridgeReady", function () {
$('#video')[0].play();
}, false);
} else {
$('#video')[0].play();
}
}
})
$('.close-video-btn').on('click', function () {
$('.popvideobg').fadeOut(200);
$('#videoPlayer').html('');
});
//搜索框
// Handle click on toggle search button
$('.toggle-search').click(function () {
$('.search-form, .toggle-search').toggleClass('open');
return false;
});
// Handle click on search submit button
$('.search-form input[type=submit]').click(function () {
$('.search-form, .toggle-search').toggleClass('open');
return true;
});
// Clicking outside the search form closes it
$(document).click(function (event) {
var target = $(event.target);
if (!target.is('.toggle-search') && !target.closest('.search-form').size()) {
$('.search-form, .toggle-search').removeClass('open');
}
});
$('.nav-menu .nav-menu-ul').onePageNav();
/*手机端内页顶部导航下拉*/
var _winW = $(window).width();
var overscroll = window.innerWidth - document.body.clientWidth;
if (_winW + overscroll <= 1259) {
$('.nav-menu').click(function () {
$(this).find('ul').stop(true, false).slideToggle();
});
}
//数字滚动
if($('.number').length>0){
$('.number').countUp({
time: 1500
});
}
// kf
$(".right-close").click(function () {
$('.right-flex').toggleClass("show");
if ($('.right-flex').hasClass("show")) {
$('.right-flex').find("li").fadeIn()
} else {
$('.right-flex').find("li").fadeOut()
}
});
$(".right-flex .to-top").click(function () {
$("html,body").animate({
"scrollTop": 0
}, 1000);
});
$('.product1_menu .product1_mect_two a.active').parents('.product1_ct').slideDown().prev('.ltit').addClass('active');
$('.product1_menu li .product1_ltit').on('click',function(){
if (!$(this).hasClass('active')) {
$(this).addClass('active').parents('li').siblings('li').find('.product1_ltit').removeClass('active');
$(this).next('.product1_mect').slideDown().parents('li').siblings('li').find('.product1_mect').slideUp()
} else {
$(this).removeClass('active')
$(this).next('.product1_mect').slideUp()
}
})
$('.product1_menu li .product1_ltit_two').on('click',function(){
if (!$(this).hasClass('active')) {
$(this).addClass('active').siblings('.product1_ltit_two').removeClass('active').parents('li').siblings('li').find('.product1_ltit_two').removeClass('active');
$(this).next('.product1_mect_two').slideDown().siblings('.product1_mect_two').slideUp().parents('li').siblings('li').find('.product1_mect_two').slideUp()
} else {
$(this).removeClass('active')
$(this).next('.product1_mect_two').slideUp()
}
})
$(".popmore").click(function(){
$(".shadow").show();
$(".popupBox").show();
})
$(".close").click(function(){
$(".shadow").hide();
$(".popupBox").hide();
})
$(".insrecruit-list li").eq(0).addClass('cur');
$('.insrecruit-list li').on('click', function () {
if (!$(this).hasClass('cur')) {
$(this).addClass('cur').find('.rectue-min').stop().slideDown();
$(this).siblings().removeClass('cur').find('.rectue-min').stop().slideUp(300);
} else {
$(this).removeClass('cur').find('.rectue-min').stop().slideUp(300);
}
})
// swiper
var inswp1Legth = $('.banner-img .swiper-slide').length;
// console.log(inswp1Legth);
if(inswp1Legth <= 1){
$('.banner-img .swiper-button-next').hide(),
$('.banner-img .swiper-button-prev').hide(),
$('.banner-img .swiper-button-pagination').hide(),
$('.banner-img .swiper-wrapper').addClass('flexlf flexace')
}else{
$('.banner-img .swiper-button-next').show(),
$('.banner-img .swiper-button-prev').show(),
$('.banner-img .swiper-button-pagination').show(),
$('.banner-img .swiper-wrapper').removeClass('flexlf flexace')
var inswp1 = new Swiper('.banner-img .swiper-container', {
speed: 1500,
loop: true,
autoplay: 4000,
pagination: '.banner-img .swiper-pagination',
nextButton: '.banner-img .swiper-button-next',
prevButton: '.banner-img .swiper-button-prev',
paginationClickable: true,
});
// 鼠标移入时停止轮播
$('.banner-img .swiper-container').mouseover(function () {
inswp1.stopAutoplay();
})
$('.banner-img .swiper-container').mouseout(function () {
inswp1.startAutoplay();
})
}
var pinfo1lh = $(".prinfo1 .swiper-slide").length;
var pinfo1bol = true;
var pinfo1time = 3500;
if (pinfo1lh ==1 || pinfo1lh == null) {
pinfo1bol = false;
pinfo1time = false;
}
console.log(pinfo1lh + "|" +pinfo1bol + "|" + pinfo1time);
var pinfo1 = new Swiper('.prinfo1 .swiper-container', {
speed: 1000,
slidesPerView: 1,
spaceBetween: 0,
autoplay: pinfo1time,
loop: pinfo1bol,
nextButton: '.prinfo1 .swiper-button-next',
prevButton: '.prinfo1 .swiper-button-prev',
pagination: '.prinfo1 .swiper-pagination',
});
// 鼠标移入时停止轮播
//$('.prinfo1 .swiper-container').mouseover(function () {
// pinfo1.stopAutoplay();
//})
//$('.prinfo1 .swiper-container').mouseout(function () {
// pinfo1.startAutoplay();
//})
var _winW = $(window).width();
var overscroll = window.innerWidth - document.body.clientWidth;
if (_winW + overscroll <= 767) {
//var pinfo2 = new Swiper('.prinfo2 .swiper-container', {
// speed: 1000,
// slidesPerView: 3,
// spaceBetween: 5,
// autoplay: 3500,
// nextButton: '.prinfo2 .swiper-button-next',
// prevButton: '.prinfo2 .swiper-button-prev',
// pagination: '.prinfo2 .swiper-pagination',
//});
//// 鼠标移入时停止轮播
//$('.prinfo2 .swiper-container').mouseover(function () {
// pinfo2.stopAutoplay();
//})
//$('.prinfo2 .swiper-container').mouseout(function () {
// pinfo2.startAutoplay();
//})
}
var pinfo5 = new Swiper('.prinfo5 .swiper-container', {
speed: 1000,
slidesPerView: 3,
spaceBetween: 40,
simulateTouch : false,
autoplay: 3500,
nextButton: '.prinfo5 .swiper-button-next',
prevButton: '.prinfo5 .swiper-button-prev',
pagination: '.prinfo5 .swiper-pagination',
breakpoints: {
1100: {
spaceBetween: 30,
},
980: {
slidesPerView: 2,
spaceBetween: 20,
autoplay: 3500,
},
767: {
slidesPerView: 1,
spaceBetween: 10,
autoplay: 3500,
},
}
});
// 鼠标移入时停止轮播
// $('.prinfo5 .swiper-container').mouseover(function () {
// pinfo5.stopAutoplay();
// })
// $('.prinfo5 .swiper-container').mouseout(function () {
// pinfo5.startAutoplay();
// })
var pinfo7 = new Swiper('.prinfo7 .swiper-container', {
speed: 1000,
slidesPerView: 1,
spaceBetween: 1,
autoplay: 3500,
nextButton: '.prinfo7 .swiper-button-next',
prevButton: '.prinfo7 .swiper-button-prev',
pagination: '.prinfo7 .swiper-pagination',
});
// 鼠标移入时停止轮播
$('.prinfo7 .swiper-container').mouseover(function () {
pinfo7.stopAutoplay();
})
$('.prinfo7 .swiper-container').mouseout(function () {
pinfo7.startAutoplay();
})
// var abswp2 = new Swiper('.about3 .swiper-container', {
// slidesPerView:4,
// spaceBetween: 10,
// speed: 800,
// autoplay: 3000,
// paginationClickable: true,
// slidesPerGrou: 2,
// slidesPerColumn: 2,
// slidesPerColumnFill: 'row',
// nextButton: '.about3 .swiper-button-next',
// prevButton: '.about3 .swiper-button-prev',
// pagination: '.about3 .swiper-pagination',
// breakpoints: {
// 750: {
// slidesPerView: 2,
// spaceBetween: 10,
// }
// }
// });
// // 鼠标移入时停止轮播
// $('.about3 .swiper-container').mouseover(function () {
// abswp2.stopAutoplay();
// })
// $('.about3 .swiper-container').mouseout(function () {
// abswp2.startAutoplay();
// })
})