var isMobile = false,
mobile = false,
win_width = 0,
win_height = 0,
navItem = 0,
atH = 90,
$menuBtn = jQuery('.menu-handler'),
$menuOverlay = jQuery('.menu-overlay'),
menuM = jQuery(".menuMoblie"),
pageNavNum = 0,
scrollNav = 0;
var pageInit = {
init: function() {
win_width = $(window).width();
win_height = $(window).height();
if(win_width <= 1200) {
isMobile = true;
atH = 54;
} else if(win_width > 1200) {
isMobile = false;
atH = 86;
menu.close();
};
},
setImgMax: function(img, imgW, imgH, tW, tH) {
var tWidth = tW || win_width;
var tHeight = tH || win_height;
var coe = imgH / imgW;
var coe2 = tHeight / tWidth;
if(coe < coe2) {
var imgWidth = tHeight / coe;
img.css({
height: tHeight,
width: imgWidth,
left: -(imgWidth - tWidth) / 2,
top: 0
});
} else {
var imgHeight = tWidth * coe;
img.css({
height: imgHeight,
width: tWidth,
left: 0,
top: -(imgHeight - tHeight) / 2
});
};
},
setScroll: function(anchorCur) {
if(jQuery(anchorCur).length >= 1) {
jQuery("html,body").animate({
scrollTop: jQuery(anchorCur).offset().top - atH
}, 0);
}
},
setErmbox: function(obj, title) {
obj.click(function() {
var str = '
';
$("body").append(str);
jQuery(".ermsblack").fadeIn();
jQuery(".ermSBox").animate({
marginTop: "-132"
}, 400);
$(".ermSBox .close").click(function() {
$(".ermsblack").remove();
});
jQuery(".ermsblack").click(function() {
$(".ermsblack").remove();
});
return false;
})
},
setSplit: function(el) {
var n = el;
for(var e = 0, t = n.length; e < t; e++) {
var a = n[e],
r = a.textContent.trim();
a.innerHTML = "";
i(a, r)
}
function i(n, e) {
for(var t in e) {
var a = document.createElement("span");
a.innerHTML = e[t] === " " ? " " : e[t];
n.appendChild(a);
}
}
},
setTimeDelay: function(el, time, delay, reverse) {
var _span = el;
_span.each(function(i) {
var _i = $(this).find('span');
_i.each(function(j) {
if(reverse) {
j = _i.length - j - 1;
}
$(this).css({
'animation-delay': delay + time * j + 'ms',
'-webkit-animation-delay': delay + time * j + 'ms'
})
})
})
},
showbox: function(htmlAddress) {
$.ajax({
url: htmlAddress,
dataType: "html",
success: function(data) {
if(data == "" || data == null) {
return;
} else {
if(jQuery(".md-modal").length >= 1) {
jQuery('html').removeClass('md-show');
jQuery('.md-modal').remove();
};
$("body").append(
''
);
$('.md-modal .vertical-inner').append(data);
setTimeout(function() {
$("html").addClass("md-show");
}, 50);
jQuery('.form-box-close').bind('click', function(e) {
jQuery('html').removeClass('md-show');
setTimeout(function() {
jQuery('.md-modal').remove();
}, 400);
});
jQuery('.md-modal .vertical-inner').bind('click', function(e) {
if($(e.target).hasClass('vertical-inner')) {
jQuery('html').removeClass('md-show');
setTimeout(function() {
jQuery('.md-modal').remove();
}, 400);
}
});
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
jQuery('html').removeClass('md-show');
setTimeout(function() {
jQuery('.md-modal').remove();
}, 400);
}
});
},
pbanner: function() {}
},
nav = {
init: function() {}
},
menu = {
init: function() {
jQuery(".menu-handler").click(function() {
if(navItem == 0) {
jQuery(this).addClass("active");
jQuery("html").addClass("menuOpen");
navItem = 1;
} else {
jQuery(this).removeClass("active");
jQuery("html").removeClass("menuOpen");
navItem = 0;
}
});
$(document).on("click", ".menuMoblie .nav-link", function(e) {
var mnavcur = $(this);
var mnavbox = $(this).parents("li");
if(mnavbox.find(".subnav").length > 0) {
if(mnavbox.hasClass("cur")) {
mnavbox.find(".subnav").stop(false, false).slideUp();
mnavbox.removeClass("cur");
} else {
jQuery(".menuMoblie li").removeClass("cur");
jQuery(".subnav").stop(false, false).slideUp();
mnavbox.find(".subnav").stop(false, false).slideDown();
mnavbox.addClass("cur");
e.preventDefault();
}
}
});
$(document).on("click", ".menuMoblie a", function(e) {
var $this = jQuery(this);
var hash = $this.attr("href").split("#")[1];
if(hash && jQuery("#" + hash).length >= 1) {
e.preventDefault();
jQuery("html,body").animate({
scrollTop: jQuery("#" + hash).offset().top - atH
}, 0);
menu.close();
}
});
$(".pusher-black").click(function() {
if(navItem == 1) {
menu.close();
};
});
},
close: function() {
$menuBtn.removeClass("active");
jQuery("html").removeClass("menuOpen");
navItem = 0;
}
},
pbanner = {
init: function() {}
},
pageNav = {
init: function() {
jQuery(".djdw").click(function(e) {
var $this = jQuery(this);
var hash = $this.attr("href").split("#")[1];
if(hash && jQuery("#" + hash).length >= 1) {
e.preventDefault();
jQuery("html,body").animate({
scrollTop: jQuery("#" + hash).offset().top - atH
}, 600, 'easeInOutExpo');
}
});
}
};
jQuery(window).resize(function() {
pageInit.init();
pbanner.init();
});
pageInit.init();
$(document).ready(function() {
nav.init();
menu.init();
pbanner.init();
pageNav.init();
pageInit.setErmbox(jQuery('.ermItem'), "扫描此二维码关注我们");
});
$(window).on('load', function() {
var head_height = $(".header").height();
var hash = location.href.split("#")[1];
if(hash) {
jQuery("html,body").animate({
scrollTop: jQuery("#" + hash).offset().top - head_height
}, 600);
}
});
var index_head = $(".yj-bot li.active").index();
var length_ = $(".yj-bot li.active").length;
$(".yj-bot li").hover(function() {
var yb_index = $(this).index();
$(this).addClass("active").siblings().removeClass('active');
// $(".head-wrap").addClass('active');
$('.header').addClass('active');
}).mouseleave(function() {
if(length_ > 0) {
$(".yj-bot li").removeClass('active').eq(index_head).addClass('active');
} else {
$(".yj-bot li").removeClass('active');
}
// $(".head-wrap").removeClass('active');
// $('.header').removeClass('active');
});
// 头部菜单
jQuery(window).scroll(function() {
if(!isMobile) {
var head_height = $(".header").height();
if($(window).scrollTop() >= head_height) {
$('.header').addClass('active');
} else {
$('.header').removeClass('active');
}
}
});
// 底部下拉
$(".fs-select").click(function() {
$(".fs-zk").slideToggle(300);
}).mouseleave(function() {
$(".fs-zk").slideUp(300);
});
// 点击底部滚动到顶部
$('.uptop').click(function() {
$('html,body').animate({
scrollTop: '0px'
}, 600);
});
// 产品列表
jQuery(".ep1banner").slick({
slidesToShow: 4,
slidesToScroll: 4,
centerPadding: '0',
arrows: true,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false,
focusOnSelect: true,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
// 特点/优势
jQuery(".eb2banner").slick({
slidesToShow: 4,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false,
focusOnSelect: true,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 860,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
// 成功案例
jQuery(".ec1banner").slick({
slidesToShow: 3,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false,
focusOnSelect: true,
responsive: [{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 860,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
// 产品详情
jQuery(".ed1left").slick({
slidesToShow: 1,
slidesToScroll: 1,
centerPadding: '0',
arrows: false,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false,
focusOnSelect: true,
fade: true
});
// 数据中心节能
jQuery(".pj1banner").slick({
slidesToShow: 4,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false,
focusOnSelect: true,
responsive: [{
breakpoint: 860,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
// 新一代数据中心
jQuery(".pj2banner").slick({
slidesToShow: 4,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false,
focusOnSelect: true,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
}, {
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
// 成功案例
jQuery(".pjc2banner").slick({
slidesToShow: 3,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false,
focusOnSelect: true,
responsive: [{
breakpoint: 860,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
// 节能改造服务
jQuery(".sb4banner").slick({
slidesToShow: 1,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 600,
dots: true,
infinite: true,
centerMode: false,
autoplay: false
});
// 企业资质
jQuery(".aw4banner").slick({
slidesToShow: 4,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 400,
dots: false,
infinite: true,
centerMode: false,
autoplay: false,
nextArrow: $('.aznext'),
prevArrow: $('.azprev'),
responsive: [{
breakpoint: 640,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
}]
});
jQuery(".aw42-right").slick({
slidesToShow: 1,
slidesToScroll: 1,
centerPadding: '0',
arrows: true,
speed: 400,
dots: false,
infinite: true,
centerMode: false,
autoplay: false
});
jQuery('.load-words').each(function(i) {
pageInit.setSplit(jQuery(this));
pageInit.setTimeDelay($(this), 80, 350, false);
});