$(function() {



    var winWidth = $(window).width(),
        winHeight = $(window).height();

    /*banner视差滚动*/

    var oUl = $('.ul_container'),
        l = oUl.width() / 2,
        t = oUl.height() / 2;
    oUl.mousemove(function(ev) {
        aLi = $(this).find('li');
        var oEv = ev || event,
            iL = oEv.clientX,
            iT = oEv.clientY;
        for (var i = 0; i < aLi.length; i++) {
            aLi[i].style.marginLeft = (l - iL) / 200 * aLi[i].style.zIndex + 'px';
            aLi[i].style.marginTop = (t - iT) / 420 * aLi[i].style.zIndex + 'px';
        }
    })


    /*banner轮播*/

    var bannerLength = $(".banner-item").length;
    var num = bannerLength;
    var pagerHtml = '';

    for (var i = 0; i < bannerLength; i++) {
        $(".banner-item").eq(i).css("zIndex", num);
        num--;
        pagerHtml += '<li></li>';
    }
    $(".banner").append("<ul class='bannerUl'></ul>")
    $('.bannerUl').append(pagerHtml);
    $('.bannerUl li:first').addClass("active");
    $(".banner-item:first").find(".banner-wen").css({
        "top": "144px",
        "opacity": "1"
    });
    $(".banner-item:first").find('ul li').css({
        "top": "28px",
        "opacity": "1"
    });
    var bannerLi = $('.bannerUl li');
    var setIn = 0;

    bannerLi.click(function() {
        var index = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $(".banner-item").eq(index).show().siblings(".banner-item").hide();
        $(".banner-item").eq(index).find(".banner-wen").animate({
                "top": "144px",
                "opacity": "1"
            }, 400)
            .parents(".banner-item").siblings(".banner-item").find(".banner-wen").css({
                "top": "200px",
                "opacity": "0"
            });

        $(".banner-item").eq(index).find("ul li.pic1").animate({
                "top": "28px",
                "opacity": "1"
            }, 300)
            .parents(".banner-item").siblings(".banner-item").find("ul li.pic1").css({
                "top": "58px",
                "opacity": "0"
            });

        $(".banner-item").eq(index).find("ul li.pic2").animate({
                "top": "28px",
                "opacity": "1"
            }, 400)
            .parents(".banner-item").siblings(".banner-item").find("ul li.pic2").css({
                "top": "68px",
                "opacity": "0"
            });

        $(".banner-item").eq(index).find("ul li.pic3").animate({
                "top": "28px",
                "opacity": "1"
            }, 400)
            .parents(".banner-item").siblings(".banner-item").find("ul li.pic3").css({
                "top": "78px",
                "opacity": "0"
            });
    })

    function slide() {
        bannerLi.eq(setIn).addClass('active').siblings().removeClass('active');
        $(".banner-item").eq(setIn).show().siblings(".banner-item").hide();
        $(".banner-item").eq(setIn).find(".banner-wen").animate({
                "top": "144px",
                "opacity": "1"
            }, 400)
            .parents(".banner-item").siblings(".banner-item").find(".banner-wen").css({
                "top": "200px",
                "opacity": "0"
            });

        $(".banner-item").eq(setIn).find("ul li.pic1").animate({
                "top": "28px",
                "opacity": "1"
            }, 300)
            .parents(".banner-item").siblings(".banner-item").find("ul li.pic1").css({
                "top": "58px",
                "opacity": "0"
            });

        $(".banner-item").eq(setIn).find("ul li.pic2").animate({
                "top": "28px",
                "opacity": "1"
            }, 400)
            .parents(".banner-item").siblings(".banner-item").find("ul li.pic2").css({
                "top": "68px",
                "opacity": "0"
            });

        $(".banner-item").eq(setIn).find("ul li.pic3").animate({
                "top": "28px",
                "opacity": "1"
            }, 400)
            .parents(".banner-item").siblings(".banner-item").find("ul li.pic3").css({
                "top": "78px",
                "opacity": "0"
            });
    }

    function running() {
        setIn++;
        if (setIn == bannerLi.length) {
            setIn = 0;
        }
        slide(setIn);
    }

    var play = setInterval(running, 5000);


    $(".banner-item").hover(function() {
        clearInterval(play);
    }, function() {
        play = setInterval(running, 5000);
    });

    /*nav*/
    $(".nav ul li").hover(function() {
        $(this).find("b").addClass("hover").parents(".nav ul li").siblings().find("b").removeClass("hover");
        $(this).find(".naver").stop().fadeIn(300);
    }, function() {
        $(this).find(".naver").fadeOut(300);
        $(this).find("b").removeClass("hover")
    })


    /*banenr查看更多左对齐*/
    if (winWidth > 1200) {
        var left = (winWidth - 1200) / 2;
        $(".banner a").css("left", left);
    };



    $(".special-con .item:last-child").css("marginRight", "0");


    /*案例详情*/
    $(".marketing-detail-item").hide();
    $(".marketing-detail-item:first").show();
    var numLi = $(".marketing-detail-l ul li");
    numLi.hover(function() {
        $(this).addClass("active").siblings().removeClass("active");
        var a = $(this).index();
        $(".marketing-detail-item").eq(a).show().siblings().hide();
    })

    $(".common-k8 ul li:nth-child(3n)").css("marginRight", "0");


    /*SEO资讯*/
    $(".information-wen .item").hide();
    $(".information-wen .item:first").show();
    var numLi = $(".information-tit ul li");
    numLi.hover(function() {
        $(this).addClass("active").siblings().removeClass("active");
        var a = $(this).index();
        $(".information-wen .item").eq(a).show().siblings().hide();
    })




    //添加加载更多的功能
    $('.info_btn').on('click', function() {
        console.log(1);


        $(".information-wen .item:nth-child(2)").show();
        $('.info_btn').val('收起');

    })



    //资讯加载
    $(".news-list li").each(function() {
        var a = $(this).index();
        if (a > 5) {
            $(".news-list li").eq(a).hide();
        }
    });



    $(".loadmore").click(function() {

        var page = $(this).attr("page");
        if (page > 1) {
            var type1 = $(this).attr("type1");
            url = '/news/ajax?type1=' + type1 + '&page=' + page;

            $.get(url, function(data) {
                $(".news-list ul").append(data.data);

                $(".loadmore").attr("page", parseInt($('.loadmore').attr("page")) + 1);
            })


        } else {
            $(".news-list li").show();
            $(".loadmore").attr("page", "3");
        }
    })

    //移动端资讯加载
    $(".mb-news").find(".loadmore2").click(function() {
        var page = $(this).attr("page");
        var type1 = $(this).attr("type1");
        url = '/news/ajax1?type1=' + type1 + '&page=' + page;

        $.get(url, function(data) {
            $(".mb-news ul").append(data.data);
            $(".mb-news").find(".loadmore2").attr('page', parseInt($(".mb-news").find(".loadmore2").attr("page")) + 1);
        })
    });


    /*SEO外包服务*/
    $(".yh-con ul li").hover(function() {
        $(this).addClass("hover").siblings().removeClass("hover");
        var serviceLi_width = $(".yh-con ul li").width();
        var i_left = (serviceLi_width - 166) / 2;
        var index = $(this).index();
        var liLeft = index * serviceLi_width;
        $(".yh-con ul i").css({
            "left": liLeft + i_left + "px"
        });
    }, function() {
        $(".yh-con ul li").removeClass("hover");
    })
    $(".yh-con ul").mouseleave(function() {
        $(this).find("i").css({
            "left": "auto"
        });
    })

    $(".lb-ico").click(function() {
        $(".wrap").animate({
            "marginLeft": "-70%"
        }, 200);
        $(".mb-share").show().animate({
            "marginLeft": "-70%"
        }, 200);
        $(".mb-footer").animate({
            "marginLeft": "-70%"
        }, 200);
        $(".mb-top").animate({
            "marginLeft": "-70%"
        }, 200);
        $("body").css({
            "overflow": "hidden"
        });
        $(".wrap").css({
            "overflow": "visible"
        });
    })
    $(".mb-share").click(function() {
        $(".wrap").animate({
            "marginLeft": "0"
        }, 200);
        $(this).hide().animate({
            "marginLeft": "0"
        }, 200);
        $(".mb-footer").animate({
            "marginLeft": "0"
        }, 200);
        $(".mb-top").animate({
            "marginLeft": "0"
        }, 200);
        $("body").css({
            "overflow": "visible"
        });
        $(".wrap").css({
            "overflow": "hidden"
        });
    })


    $(".nava").click(function() {
        $(this).next("div").slideToggle(200)
            .parent().siblings().find("div").slideUp(200);
    })

    $(".backtop").click(function() {
        var speed = 200; //滑动的速度
        $('body,html').animate({
            scrollTop: 0
        }, speed);
        return false;
    });

});