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 = '
' + title + '
'; $("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(".dw").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'); // $('.header').addClass('active'); }).mouseleave(function() { if(length_ > 0) { $(".yj-bot li").removeClass('active').eq(index_head).addClass('active'); } else { $(".yj-bot li").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); }); // 点击底部滚动到顶部 $('.up-top').click(function() { $('html,body').animate({ scrollTop: '0px' }, 600); }); // 发展历程 jQuery(".ab2banner").slick({ slidesToShow: 1, slidesToScroll: 1, centerPadding: '0', arrows: false, speed: 600, dots: false, infinite: true, centerMode: false, autoplay: false, focusOnSelect: true, asNavFor: '.ab2nf', fade: true }); jQuery(".ab2nf").slick({ slidesToShow: 4, slidesToScroll: 1, centerPadding: '0', arrows: true, speed: 600, dots: false, infinite: true, centerMode: false, autoplay: false, focusOnSelect: true, asNavFor: '.ab2banner', responsive: [{ breakpoint: 640, settings: { slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 421, settings: { slidesToShow: 2, slidesToScroll: 1, } } ] }); // 企业荣誉 jQuery(".ab3banner").slick({ slidesToShow: 3, slidesToScroll: 1, centerPadding: '0', arrows: true, speed: 600, dots: true, infinite: true, centerMode: false, autoplay: false, focusOnSelect: true, responsive: [{ breakpoint: 640, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 421, settings: { slidesToShow: 1, slidesToScroll: 1, } } ] }); // 产品特点图 jQuery(".pctlb").slick({ slidesToShow: 1, slidesToScroll: 1, centerPadding: '0', arrows: true, speed: 600, autoplaySpeed: 3500, dots: false, infinite: true, centerMode: false, autoplay: true, focusOnSelect: true }); jQuery(".sl2lb1").slick({ slidesToShow: 3, slidesToScroll: 1, centerPadding: '0', arrows: true, speed: 600, autoplaySpeed: 3500, dots: false, infinite: true, centerMode: false, autoplay: false, focusOnSelect: true, responsive: [{ breakpoint: 640, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 421, settings: { slidesToShow: 1, slidesToScroll: 1, } } ] }); jQuery(".aelist").slick({ slidesToShow: 3, slidesToScroll: 1, centerPadding: '0', arrows: true, speed: 600, autoplaySpeed: 3500, dots: false, infinite: true, centerMode: false, autoplay: false, focusOnSelect: true, responsive: [{ breakpoint: 640, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 421, settings: { slidesToShow: 1, slidesToScroll: 1, } } ] }); jQuery(".sc4list").slick({ slidesToShow: 3, slidesToScroll: 1, centerPadding: '0', arrows: true, speed: 600, dots: false, infinite: true, centerMode: false, autoplay: false, focusOnSelect: true, responsive: [{ breakpoint: 860, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 640, settings: { slidesToShow: 1, slidesToScroll: 1, } } ] });