/**
 * 通用模块
 *
 */
var $win = $(window),
    $doc = $(document),
    $body = $('body', $doc),
    winw = $win.width();

$(window).resize(function() {
    winw = $win.width();
})


/**
 * 图片加载
 */
$(function() {
    if (!$.fn.lazyload) return;
    $(".lazy", $body).lazyload({
        effect: "fadein",
        threshold: 400,
        failure_limit: 0
    });
});

// 出现
$(function() {
    if ($win.width() > 992) {
        if (!(/msie [6|7|8|9]/i.test(navigator.useragent))) {
            new wow().init();
        };
    }

});

// 数字滚动
$(function() {
    $('.counter').countup();
});


// 导航固定
$(function() {
    var sticky = new waypoint.sticky({
        element: $('.top-nav')[0]
    });
});
// 内部放大
$(function() {
    if ($win.width() > 992) {
        $(".piczoom").elevatezoom({
            zoomtype: "inner",
            cursor: "crosshair",
            zoomwindowfadein: 300,
            zoomwindowfadeout: 300
        });
    }
});
// // 导航滑动
$(function() {
    var jcate = $('.category ul', $body);
    var wrap = $('.category');
    var wrapwidth = wrap.width();
    if (jcate.width() < wrap.width()) {
        jcate.width("100%");
    } else {
        jcate.on('click', 'a', function(event) {
            event.preventdefault();
            event.stoppropagation();
            // alert(this.href);
            location.href = this.href;
        });

        jcate.on('touchstart', function(event) {
            jcate.addclass('touchstart');
            var touch = event.originalevent.targettouches[0];
            var data = {
                'touchx': touch.pagex,
                'width': jcate.width(),
                'left': parseint(jcate.css('left')),
                'wwidth': wrapwidth
            };

            if (data.width < data.wwidth) {
                return true;
            }

            jcate.on('touchmove', data, touchmove);
            jcate.on('touchend', touchend);
        });
    }


    //  tab 滑动
    var touchmove = function(event) {
        event.preventdefault();

        var touch = event.originalevent.targettouches[0];
        var touchx = touch.pagex;

        var incr = touchx - event.data.touchx;
        var left = event.data.left + incr;

        if (left > 0) {
            left = 0;
        } else if ((event.data.wwidth - left) > event.data.width) {
            left = event.data.wwidth - event.data.width;
        }

        jcate.css('left', left);
    };

    var touchend = function(event) {
        jcate.removeclass('touchstart');
        jcate.off('touchmove', touchmove);
        jcate.off('touchend', touchend);
    };


    /**
     * init-pos
     */
    (function() {
        var width = jcate.find('.active').width();
        var offset = jcate.find('.active').offset();

        var winwidth = $win.width();
        var catewidth = jcate.width();

        // ($win - jcate) < left < 0
        if (offset && catewidth > winwidth) {
            var left = winwidth / 2 - (offset.left + width / 2);
            left = math.min(left, 0);
            left = math.max(left, winwidth - catewidth);
            jcate.css('left', left);
        }
    })();
});

// 视频
$(function() {
    var $box = $(".video", $body);
    if (!$box.length) return;

    $box.on('click', '.video-box .play', function(event) {
        event.preventdefault();
        var me = $(this);

        var $iframe = me.next('.iframe'),
            url = $iframe.data('src');

        if ($win.width() > 1200) {
            $.fancybox.open({
                src: url,
                type: 'iframe',
                padding: 10,
            });
        } else {
            var height = me.find('.img-responsive').length ? me.height() : $box.height();
            height = math.max(height, 170);
            if (!$iframe.attr('src')) $iframe.attr('src', url);
            $iframe.height(height);
            $iframe.css('display', 'block');
            me.hide();
        }
    });
});


//头部导航
$(function() {
    //折叠导航
    var oset;
    $(".nav-collapse").click(function(e) {

        if (e && e.stoppropagation) {
            e.stoppropagation();
        } else {
            window.event.cancelbubble = true;
        }
        $(".nav-collapse").toggleclass("active");

        $(".nav").stop().fadetoggle().toggleclass("fade-out");
        $("body").toggleclass("fixed");
        $(".video-box").toggle();
        $(".nav").removeclass("left-100 left-200");
        if (winw > 991 && winw < 1200) {
            $(".nav-list1 .more").eq(0).addclass("show").children(".nav-list2").show();

        }
        if (!$(this).hasclass("active")) {
            $(".nav").hide();
            $(".nav-list1").find("li").removeclass("act");
        } else {
            if (winw > 991 && winw < 1200) {
                var listmore = $(".nav-list1 .more");
                listmore.removeclass("show").children(".nav-list2").hide();
                listmore.eq(0).addclass("show").children(".nav-list2").fadein();
            }
            cleartimeout(oset);
            $(".nav-list1 >li").each(function(index, val) {
                var me = $(this);
                var num = $(this).index()
                oset = settimeout(function() {
                    me.addclass("act");
                }, (index * 55))
            })
        }
    });

});

$(function() {

    var list1 = $(".nav-list1"),
        list2 = $(".nav-list2"),
        list3 = $(".nav-list3");
    list1.on("click", ".more", function(event) {
        if (winw > 1199) return;
        event.stoppropagation();
        event.preventdefault();
        $(".nav").addclass("left-100");
        var ostr = "";
        ostr = $(this).children(".nav-list2").html();
        ohref = $(this).children("a").clone(true);
        $(".nav-2 .content ul").html(ostr).children("li").has(".nav-list3").addclass("more");
        $(".nav-2 .nav-title").html(ohref);

    })
    $(".nav2-list2").on("click", "li", function(event) {
        if (winw > 1199) return;
        event.stoppropagation();
        if ($(this).hasclass("more")) {
            event.preventdefault();
            $(".nav").addclass("left-200");
            var ostr = "";
            ostr = $(this).children(".nav-list3").html();
            ohref = $(this).children("a").clone(true);
            console.log($(this).children("a"));
            $(".nav-3 .content ul").html(ostr);
            $(".nav-3 .nav-title").html(ohref);
        }
    })

    list1.on("mouseenter", ".more", function(event) {

        if (winw < 1200) return;
        var me2 = $(this).children(".nav-list2");
        me2
            .stop().slidedown("fast")
            .children("li").has(".nav-list3").addclass("more");

    }).on("mouseleave", ".more", function(event) {

        if (winw < 1200) return;
        $(this).children(".nav-list2").stop().slideup("fast");

    })

    list2.on("mouseenter", "li", function(event) {
        if (winw < 1200) return;
        console.log($(this).children(".nav-list3"))
        $(this).children(".nav-list3").stop().slidedown(0);
    }).on("mouseleave", "li", function(event) {
        if (winw < 1200) return;
        $(this).children(".nav-list3").stop().slideup(0);
    })

    $(".back-btn2").click(function() {
        $(".nav").removeclass("left-100");
    })
    $(".back-btn3").click(function() {
        $(".nav").removeclass("left-200");
    })
    //查找按钮
    $(".find").click(function(e) {
        if (e && e.stoppropagation) {
            //w3c取消冒泡事件
            e.stoppropagation();
        } else {
            //ie取消冒泡事件
            window.event.cancelbubble = true;
        }
        $(".search-lg").stop().fadein();
        $(".input-text").focus();
        $("body").addclass('searchactive');
        if (winw < 1200) {
            $("#btn").removeclass("active");
        }
    })

    $(".search-icon").click(function() {
        if (winw < 1200) {
            $(".search-xs").addclass("show")
        }
    })
    $(".nav").click(function(e) {
        if (!$(e.target).hasclass("input-text") && !$(e.target).hasclass("search-icon")) {
            console.log(e.target);
            $(".search-xs").removeclass("show")
        }
    })

    $(".close-btn").click(function() {
        $(".search-lg").fadeout("fast");
        $("body").removeclass('searchactive');
    })


});

// 首页新闻
$(function() {

    if (!$.fn.slick) return;
    $('.slick-news').slick({
        autoplay: true,
        autoplayspeed: 3000, //以毫秒为单位的自动播放速度
        // centermode: true, //居中视图   slidestoshow为双数的时候慎用
        // centerpadding: '0px', //左右两侧padding值
        arrows: false, //上一下，下一页
        fade: false, //启用淡入淡出
        dots: true, //显示点指示符
        speed: 500, //幻灯片/淡入淡出动画速度
        cssease: 'ease', //css3动画缓和
        slidestoshow: 3, //显示的幻灯片数量
        slidestoscroll: 3, //要滚动的幻灯片数量
        focusonselect: true, //启用选定元素的焦点（单击）
        touchthreshold: 300, //滑动切换阈值，即滑动多少像素后切换
        infinite: true, //无限循环
        // swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
        lazyload: 'ondemand', //接受'ondemand'或'progressive'<img data-lazy="img/lazyfonz1.png"/>
        variablewidth: false, //幻灯片宽度自适应
        adaptiveheight: false, //自适应高度
        rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
        slidesperrow: 1, //在通过行选项初始化网格模式时，这会设置每个网格行中的幻灯片数量
        responsive: [{
                breakpoint: 992,
                settings: {
                    slidestoshow: 2,
                    slidestoscroll: 2,
                }
            },
            {
                breakpoint: 768,
                settings: {
                    slidestoshow: 2,
                    slidestoscroll: 2,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidestoshow: 1,
                    slidestoscroll: 1,
                }
            }
        ],
    });
});

// 合作客户
$(function() {

    if (!$.fn.slick) return;
    $('.slick-customer').slick({
        autoplay: true,
        autoplayspeed: 3000, //以毫秒为单位的自动播放速度
        // centermode: true, //居中视图   slidestoshow为双数的时候慎用
        // centerpadding: '0px', //左右两侧padding值
        arrows: true, //上一下，下一页
        fade: false, //启用淡入淡出
        dots: false, //显示点指示符
        speed: 500, //幻灯片/淡入淡出动画速度
        cssease: 'ease', //css3动画缓和
        slidestoshow: 5, //显示的幻灯片数量
        slidestoscroll: 1, //要滚动的幻灯片数量
        focusonselect: true, //启用选定元素的焦点（单击）
        touchthreshold: 300, //滑动切换阈值，即滑动多少像素后切换
        infinite: true, //无限循环
        // swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
        lazyload: 'ondemand', //接受'ondemand'或'progressive'<img data-lazy="img/lazyfonz1.png"/>
        variablewidth: false, //幻灯片宽度自适应
        adaptiveheight: false, //自适应高度
        rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
        slidesperrow: 1, //在通过行选项初始化网格模式时，这会设置每个网格行中的幻灯片数量
        responsive: [{
                breakpoint: 992,
                settings: {
                    slidestoshow: 4,
                    slidestoscroll: 1,
                }
            },
            {
                breakpoint: 768,
                settings: {
                    slidestoshow: 3,
                    slidestoscroll: 1,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidestoshow: 2,
                    slidestoscroll: 1,
                }
            }
        ],
    });
});

//首页 banner
$(function() {

    if (!$.fn.slick) return;
    $('.slickbanner').slick({
        autoplay: true,
        autoplayspeed: 4000, //以毫秒为单位的自动播放速度
        centermode: true, //居中视图   slidestoshow为双数的时候慎用
        centerpadding: '0px', //左右两侧padding值
        arrows: false, //上一下，下一页
        fade: true, //启用淡入淡出
        dots: true, //显示点指示符
        speed: 500, //幻灯片/淡入淡出动画速度
        cssease: 'ease', //css3动画缓和
        slidestoshow: 1, //显示的幻灯片数量
        slidestoscroll: 1, //要滚动的幻灯片数量
        focusonselect: true, //启用选定元素的焦点（单击）
        touchthreshold: 300, //滑动切换阈值，即滑动多少像素后切换
        infinite: true, //无限循环
        swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
        lazyload: 'ondemand', //接受'ondemand'或'progressive'<img data-lazy="img/lazyfonz1.png"/>
        variablewidth: false, //幻灯片宽度自适应
        adaptiveheight: false, //自适应高度
        rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
        slidesperrow: 1, //在通过行选项初始化网格模式时，这会设置每个网格行中的幻灯片数量
        pauseonhover: false,
    });
});






$(function() {

    if (!$.fn.slick) return;
    $('.slick-solution').slick({
        autoplay: true,
        autoplayspeed: 3000, //以毫秒为单位的自动播放速度
        // centermode: true, //居中视图   slidestoshow为双数的时候慎用
        // centerpadding: '0px', //左右两侧padding值
        arrows: true, //上一下，下一页
        fade: false, //启用淡入淡出
        dots: false, //显示点指示符
        speed: 500, //幻灯片/淡入淡出动画速度
        cssease: 'ease', //css3动画缓和
        slidestoshow: 5, //显示的幻灯片数量
        slidestoscroll: 1, //要滚动的幻灯片数量
        focusonselect: true, //启用选定元素的焦点（单击）
        touchthreshold: 300, //滑动切换阈值，即滑动多少像素后切换
        infinite: true, //无限循环
        // swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
        lazyload: 'ondemand', //接受'ondemand'或'progressive'<img data-lazy="img/lazyfonz1.png"/>
        variablewidth: false, //幻灯片宽度自适应
        adaptiveheight: false, //自适应高度
        rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
        slidesperrow: 1, //在通过行选项初始化网格模式时，这会设置每个网格行中的幻灯片数量
        responsive: [{
                breakpoint: 992,
                settings: {
                    slidestoshow: 3,
                    slidestoscroll: 1,
                }
            },
            {
                breakpoint: 768,
                settings: {
                    slidestoshow: 3,
                    slidestoscroll: 1,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidestoshow: 2,
                    slidestoscroll: 1,
                }
            }
        ],
    });
});


// 在线客服
$(function() {
    var code = $(".code-pic");
    $(".online .code").on("mouseenter", function() {
        if (winw > 991) {
            $(this).children(".mask").stop(true, true).fadein();
        } else {
            $(this).children(".code-pic").stop(true, true).fadein();
        }
    }).on("mouseleave", function() {
        if (winw > 991) {
            $(this).children(".mask").stop(true, true).fadeout();
        } else {
            $(this).children(".code-pic").stop(true, true).fadeout();
        }
    });
    code.on("mouseenter", function(e) {
        $(this).stop(true, true).fadein();
    }).on("mouseleave", function() {
        $(this).stop(true, true).fadeout();
    });
    $(".online-wrap .btn").on("click", function() {
        $(this).toggleclass("active");
        $(".online").toggleclass("active");
    });
    //返回顶部按钮
    $("#gotop,.backtop").click(function() {
        $("html,body").animate({
            scrolltop: 0
        }, 500)
    })
})



$(function() {
    $('.icon-online').click(function() {
        $('.online').toggleclass('active');
        $('.icon-online').toggleclass('icon');
    });
});



// 放大
$(function() {
    $("a[rel=fancybox-product]").fancybox({
        'overlayshow': true,
        'overlaycolor': '#000',
        'overlayopacity': 0.9,
        'opacity': 0.5,
        'transitionin': 'elastic',
        'transitionout': 'none',
        'titleposition': 'over',
        'showclosebutton': false,
        'titleformat': function(title, currentarray, currentindex, currentopts) {
            return '<span id="fancybox-title-over">' + (currentindex + 1) + ' / ' + currentarray.length + (title.length ? ' &nbsp; ' + title : '') + ' </span>';
        }
    });
});



// 手机底部
$(".footer .foot ul li .title-foot").click(function() {
    if ($win.width() < 991) {
        var par = $(this).parent().parent();
        if (par.attr("class") == "on") {
            $(".footer .foot ul li .title-foot").parent().parent().addclass("on").find('.info-down').slideup();
            par.find('.info-down').slidedown();
            par.removeclass("on").addclass("current").siblings().removeclass('current');
        } else {
            par.find('.info-down').slideup();
            par.addclass("on").removeclass("current");
        }
    }

});


// 首页新闻展开

// $(".box-news .news-list ul li .title-news").click(function() {
//     var par = $(this).parent();
//     if (par.attr("class") == "on") {
//         $(".box-news .news-list ul li .title-news").parent().addclass("on").children('.note').slideup();
//         par.children('.note').slidedown();
//         par.removeclass("on").addclass("current").siblings().removeclass('current');
//     } else {
//         par.children('.note').slideup();
//         par.addclass("on").removeclass("current");
//     }

// });

// job页面展开
// $(".wrap-job .job ul li .title-item").click(function() {
//     var par = $(this).parent();
//     if (par.attr("class") == "on") {
//         $(".wrap-job .job ul li .title-item").parent().addclass("on").children('.text').slideup();
//         par.children('.text').slidedown();
//         par.removeclass("on").addclass("current").siblings().removeclass('current');
//     } else {
//         par.children('.text').slideup();
//         par.addclass("on").removeclass("current");
//     }

// });
// 产品详情询价跳转
$(function() {
    $(".btn-pro .btn-inquiry").on("click", function() {
        $("html,body").animate({
            scrolltop: $("#inquiry").offset().top - 100
        }, 500)
    })
});


// 产品侧面导航有二级加class名
$(function() {
    var tags = $(".product-side>ul>li").length;
    // console.log(tags);
    for (var i = 0; i <= tags; i++) {
        var tags1 = $(".product-side>ul>li").eq(i).find("li").length;
        if (tags1 > 0) {
            $(".product-side>ul>li").eq(i).addclass("more");
        }
    }
});

$(function() {
    //获取所有div的高度，存入alldivheight
    var alldivheight = [];
    $(".box-about .about .item").each(function(index, element) {
        alldivheight.push($(this).height());
    });
    //循环分组和设置最大高度
    for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
        var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
        var maxgroupheight = math.max.apply(null, group); //该组中最大的
        //设置该组中所有div的高度为最大高度(这里比较烂，没想到好方法)
        $(".box-about .about .item").each(function(index, element) {
            if (j * 20 <= index && index <= 20 * (j + 1)) {
                $(this).height(maxgroupheight);
            }
            // console.log(maxgroupheight);
        });
    }

});
$(function() {
    //获取所有div的高度，存入alldivheight
    var alldivheight = [];
    $(".wrap-culture .culture .item").each(function(index, element) {
        alldivheight.push($(this).height());
    });
    //循环分组和设置最大高度
    for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
        var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
        var maxgroupheight = math.max.apply(null, group); //该组中最大的
        //设置该组中所有div的高度为最大高度(这里比较烂，没想到好方法)
        $(".wrap-culture .culture .item").each(function(index, element) {
            if (j * 20 <= index && index <= 20 * (j + 1)) {
                $(this).height(maxgroupheight);
            }
            // console.log(maxgroupheight);
        });
    }

});
$(function() {
    //获取所有div的高度，存入alldivheight
    var alldivheight = [];
    $(".wrap-contact .contact .item").each(function(index, element) {
        alldivheight.push($(this).height());
    });
    //循环分组和设置最大高度
    for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
        var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
        var maxgroupheight = math.max.apply(null, group); //该组中最大的
        //设置该组中所有div的高度为最大高度(这里比较烂，没想到好方法)
        $(".wrap-contact .contact .item").each(function(index, element) {
            if (j * 20 <= index && index <= 20 * (j + 1)) {
                $(this).height(maxgroupheight);
            }
            // console.log(maxgroupheight);
        });
    }

});

$(function() {
    //获取所有div的高度，存入alldivheight
    var alldivheight = [];
    $(".wrap-join .support .item").each(function(index, element) {
        alldivheight.push($(this).height());
    });
    //循环分组和设置最大高度
    for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
        var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
        var maxgroupheight = math.max.apply(null, group); //该组中最大的
        //设置该组中所有div的高度为最大高度(这里比较烂，没想到好方法)
        $(".wrap-join .support .item").each(function(index, element) {
            if (j * 20 <= index && index <= 20 * (j + 1)) {
                $(this).height(maxgroupheight);
            }
            // console.log(maxgroupheight);
        });
    }

});

// 产品详情tab选项卡
$(function() {
    $('.wrap-product-show .parameter .prosort li').click(function() {
        var liindex = $('.wrap-product-show .parameter .prosort li').index(this);
        $(this).addclass('active').siblings().removeclass('active');
        $('.wrap-product-show .parameter .text').eq(liindex).show().siblings('.text').hide();
    }).eq(0).click();
});



// 表格
$(function() {
    var otable = $("table");
    if (otable.length !== 0) {
        var otr = otable.find('tr'),
            otd = otable.find('td');

        otable.wrap("<div class='table-box'></div>");

        otr.attr("style", "");

        otd.each(function(index) {
            if (typeof($(this).attr("style")) !== "undefined") {

                if ($(this).attr("style").indexof("text-align: center") >= 0) {
                    $(this).attr("style", "text-align: center");
                } else {
                    $(this).attr("style", "");
                }

            }
        })

    }
});

$(function() {
    if (!placeholdersupport()) { // 判断浏览器是否支持 placeholder
        $('[placeholder]').focus(function() {
            var input = $(this);
            if (input.val() == input.attr('placeholder')) {
                input.val('');
                input.removeclass('placeholder');
            }
        }).blur(function() {
            var input = $(this);
            if (input.val() == '' || input.val() == input.attr('placeholder')) {
                input.addclass('placeholder');
                input.val(input.attr('placeholder'));
            }
        }).blur();
    };
})

function placeholdersupport() {
    return 'placeholder' in document.createelement('input');
}