//顶部导航
fnheader();
/*页面滚动头部动画*/
function fnheader() {
$(window).scroll(function() {
var currTop = $(window).scrollTop();
if (currTop < 5) {
$('.header').removeClass('header-scroll');
} else {
$('.header').addClass('header-scroll');
}
});
if ($(window).scrollTop() > 0) {
$('.header').addClass('header-scroll');
}
}
function meun_btn() {
$(".meun-btn").toggleClass("meun-btn-open");
$(".mobile-nav-box").toggleClass("mobile-nav-box-show");
// $("html, body").toggleClass("height100");
$(".wrapper").toggleClass("wrapper-after-show");
}
$(".mobile-meun-nav ul li .tit").click(function() {
$(this).children("i").toggleClass("icon-angle-down").toggleClass("icon-angle-up").parents("li").siblings().find("i").removeClass("icon-angle-up").addClass("icon-angle-down");
$(this).next(".mobile-second-nav").slideToggle().parent().siblings().find(".mobile-second-nav").slideUp();
$(this).toggleClass("chose").parent().siblings().find(".tit").removeClass("chose");
})
//置顶
function goTop() {
$('html,body').animate({
'scrollTop': 0
}, 1000);
}
// 首页产品弹出
$(function() {
//多页隐藏
var num = $(".p_page").find("a.page_num").length;
if (num == 1) {
$(".p_page").addClass("hide");
}
})
//内页分类效果
// 获取 屏幕宽度
var domWith = $(document).width();
// console.log(domWith);
var href = location.pathname + location.search;
// let href = $('.p_breadcrumbList .contentBox:last a').attr('href')
//if (!href) return;
$(".content .p_linkBox .yjLink").each(function(i, e) {
var aa = $(e).attr("href");
if (aa == href) {
// 自身样式
$(e).parents('li.p_linkBox').addClass('light')
.end().siblings('li').removeClass('light');
}
});
$('.yjTitle').find('a').each(function (index, ele) {//二级当前导航展开
var href_yi = $(ele).attr('href');
console.log(href_yi);
if (href_yi == href) {
$(ele).parents('.yjLi').addClass('active').siblings('.yjLi').removeClass('active')//一级导航加高亮
}
})
$('.ejTitle').find('a').each(function (index, ele) {//二级当前导航展开
var hrefa = $(ele).attr('href');
if (hrefa == href) {
$(ele).parents('li').addClass('active').siblings('li').removeClass('active')//一级导航加高亮
$(ele).parents('li').children('h3').children('.iconfont ').addClass('rotate')//
.end().end().children('ul').slideDown().end().siblings('li')
.find('.iconfont').removeClass('rotate').end().find('.ul').slideUp();
}
})
$('.sjTitle').find('a').each(function (index, ele) {//二级当前导航展开
var hrefa = $(ele).attr('href');
if (hrefa == href) {
$(ele).parents('li').addClass('active').siblings('li').removeClass('active')//一级导航加高亮
$(ele).parents('li').children('h3').children('.iconfont ').addClass('rotate')//
.end().end().children('ul').slideDown().end().siblings('li')
.find('.iconfont').removeClass('rotate').end().find('.ul').slideUp();
}
})
if (domWith > 768) {
//首页应用滑动
$('#c_static_001-1661740444647 .p_list .p_loopitem:eq(0)').addClass('active')
$('#c_static_001-1661740444647 .p_list .p_loopitem').on('mouseover',function(){
$(this).addClass('active').siblings().removeClass('active')
})
// 三级显示
$('.ejLi').hover(function() {
// 图标 转向
$(this).find('.iconfont2').addClass('icf')
}, function() {
// 图标复原
$(this).find('.iconfont2').removeClass('icf')
})
} else {
// 移动端 点击出现
$('.moveBtn').on('click', function() {
// 按钮隐藏
$(this).css({
'opacity': 0
}, 500)
// 内容滑出
$('.contentBox').animate({
"left": 0
}, 500)
})
// 移动端 点击收回
$('.backBtn').on('click', function() {
// 按钮显示
$('.moveBtn').css({
'opacity': 1
}, 500)
// 内容收回
$('.contentBox').animate({
"left": "100%"
}, 500)
})
// 移动端二级 点击事件
$('.iconfont2').on('click', function() {
// 蓝线的显示与隐藏
$(this).siblings('.line_right').toggleClass('line_show');
// 自身 三级下拉 ,其它的隐藏
$(this).toggleClass('jsDeg')
.parents('.ejLi').find('.sjBox').slideToggle().end()
.siblings('.ejLi').find('.sjBox').slideUp()
.end().find('.iconfont2').removeClass('jsDeg');
})
}
//在线客服
$(function() {
$('.blacktop').click(function() {
$('html , body').animate({ scrollTop: 0 }, 'slow');
});
$(".wyz-in:not(.wyz-search)").on("mouseenter", function() {
$(this).addClass("cur").siblings(".wyz-in").removeClass("cur");
}).on("mouseleave", function() {
$(this).removeClass("cur");
});
$(".cf-close").on("click", function() {
$(this).parents(".wyz-search").removeClass("cur");
$(this).parents(".wyz-form").removeClass("cur");
});
$(".wyz-wx").on("mouseenter", function() {
$(this).addClass("cur").siblings(".wyz-in").removeClass("cur");
setTimeout(function() {
if ($(".wyz-wx").hasClass("cur")) {
$(".wyz-qr-show").fadeIn("fast");
}
}, 600);
}).on("mouseleave", function() {
$(this).removeClass("cur");
$(".wyz-qr-show").fadeOut("fast");
});
$(".wyz-dy").on("mouseenter", function() {
$(this).addClass("cur").siblings(".wyz-in").removeClass("cur");
setTimeout(function() {
if ($(".wyz-dy").hasClass("cur")) {
$(".wyz-dy-show").fadeIn("fast");
}
}, 600);
}).on("mouseleave", function() {
$(this).removeClass("cur");
$(".wyz-dy-show").fadeOut("fast");
});
$(window).on("load scroll", function() {
var top = $(document).scrollTop(),
wHeight = $(window).height();
if (top > wHeight) {
$(".wyz-top").fadeIn("fast");
$(".wyz").css({
"height": 1
});
} else {
$(".wyz-top").hide();
$(".wyz").removeAttr("style");
}
});
$(".wyz-top").on("click", function() {
$("html,body").stop().animate({
scrollTop: 0
}, 500);
});
})
//滚动代码
var ms = $("#certify");
if (ms.length > 0) {
certifySwiper = new Swiper('#certify .swiper-container', {
watchSlidesProgress: true,
slidesPerView: 'auto',
centeredSlides: true,
loop: true,
loopedSlides: 3,
autoplay: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
//clickable :true,
},
on: {
progress: function(progress) {
for (i = 0; i < this.slides.length; i++) {
var slide = this.slides.eq(i);
var slideProgress = this.slides[i].progress;
modify = 1;
if (Math.abs(slideProgress) > 1) {
modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
}
translate = slideProgress * modify * 260 + 'px';
scale = 1 - Math.abs(slideProgress) / 3;
zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
slide.transform('translateX(' + translate + ') scale(' + scale + ')');
slide.css('zIndex', zIndex);
slide.css('opacity', 1);
if (Math.abs(slideProgress) > 3) {
slide.css('opacity', 0);
}
}
},
setTransition: function(transition) {
for (var i = 0; i < this.slides.length; i++) {
var slide = this.slides.eq(i)
slide.transition(transition);
}
}
}
})
}
$(function() {
if (isFrontEnv()) {
//面包屑补丁
$('.p_breadcrumb .p_breadcrumbItem').each(() => {
let a = $(this).find('a').attr('href');
if (a == 'undefined') {
$(this).hide()
}
})
//文字打散
$("#c_static_001-16575286501900 .e_text-2 , #c_static_001-1645253205640 .e_text-2").each(function() {
$(this).html("" + $(this).text().trim().split("").join("") + "");
$(this).find("span").each(function() {
if (Math.random() > 0.5) {
$(this).css("transition-delay", Math.random() + "s");
}
});
});
}
});