function  dx(x) {  
        var cao = x.eq(0)[0].getBoundingClientRect();
        if(cao.top<window.innerHeight/2){
            x.addClass('active');
        }
    }
    //console.log(window.innerWidth);
    //console.log(window.innerHeight);
    //赋予高度
    $('.top_0').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_1').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_2').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_3').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_4').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_5').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_6').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_7').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_8').css({
        height: window.innerHeight,
        width: '100%'
    });
    $('.top_9').css({
        height: window.innerHeight-100,
        width: '100%'
    });
    if (window.innerWidth < 740) {
        $('#logo').attr('src', '/static/home/img/logo2.png');
        $('#nav').css({
            backgroundColor: 'transparent',
                    opacity:'1',
                    'border-bottom':'none',
                    'box-shadow': 'none'
        });
        $('#top_nav>li>a').css({
            color: '#000'
        });
    }else{
        $('#nav').css({
            backgroundColor: 'transparent',
                    opacity:'1',
                    'border-bottom':'none',
                    'box-shadow': 'none'
        });
        
    }
    $('#pang').click(function () {
        $('.nav_two_right').css('right', '0%');
    })
    $('.btn_close').click(function () {
        $('.nav_two_right').css('right', '-100%');
    })
    var v, b, n, d = false;
    $('.nav_two_right #chanpin').click(function () {
        v = !v;
        if (v) {
            $('#chanpin div').css('display', 'block');
        } else {
            $('#chanpin div').css('display', 'none');
        }
    })
    $('.nav_two_right #fangan').click(function () {
        b = !b;
        if (b) {
            $('#fangan div').css('display', 'block');
        } else {
            $('#fangan div').css('display', 'none');
        }
    })
    $('.nav_two_right #jishu').click(function () {
        n = !n;
        if (n) {
            $('#jishu div').css('display', 'block');
        } else {
            $('#jishu div').css('display', 'none');
        }
    })
    $('.nav_two_right #new').click(function () {
        d = !d;
        if (d) {
            $('#new div').css('display', 'block');
        } else {
            $('#new div').css('display', 'none');
        }
    })
    $('#btn_close').click(function () {
        $('.nav_two_right').css('right', '-100%');
    })

    $('.top_0').addClass('active');
    $('.nav_two').css('height','0px');
    $('.nav_two>span').css('display','none');
    $('.nav_two>ul').css('display','none');
                
    //判断上左距离
    window.onscroll = function () {
        
    //     var a = 0;
    // var nm = null;
    // if($('.top_4').hasClass('active')){
    //      nm = setInterval(function () {
    //         a++;
    //         if (a > 19) {
    //             clearInterval(nm);
    //         }
    //         $('.cao').text(a + '+');
    //     }, 50)
    // }else{
    //     clearInterval(nm);
    // }
        // 为了保证兼容性，这里取两个值，哪个有值取哪一个
        // scrollTop就是触发滚轮事件时滚轮的高度
        //console.log('滚动距离' + scrollTop);
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

        function dongxiao() {
            $('.top_0').addClass('active');
            var banping = window.innerHeight / 2;
            if(scrollTop > 0){
                $('.nav_two').css('height','50px');
                $('.nav_two>span').css('display','block');
                $('.nav_two>ul').css('display','flex');
                $('.nav_two>ul>li>a').css('color','#333');
                $('.nav_two>span').css('color','#333');
            }else{
                $('.nav_two').css('height','0px');
                $('.nav_two>span').css('display','none');
                $('.nav_two>ul').css('display','none');
            }
            dx($('.top_1'));
            dx($('.top_2'));
            dx($('.top_3'));
            dx($('.top_4'));
            dx($('.top_5'));
            if($('body>div').hasClass('top_6')){
                dx($('.top_6'));
            }
            if($('body>div').hasClass('top_7')){
                dx($('.top_7'));
            }
            if($('body>div').hasClass('top_8')){
                dx($('.top_8'));
            }
            if($('body>div').hasClass('top_9')){
                dx($('.top_9'));
            }
        }

        //pc
        if (window.innerWidth > 1280) {
            //console.log('PC');
            dongxiao();
            if (scrollTop > 0) {
                $('#logo').attr('src', '/static/home/img/logo2.png');
                $('#nav').css({
                    backgroundColor: '#fff',
                    opacity: '0',
                    'border-bottom': 'none',
                    'box-shadow': '-6px -15px 20px',
                    display:'none'
                });
                $('#top_nav>li>a').css({
                    color: '#000'
                });
                // $('#nav').mouseover(function () {
                //     $('#nav').css('opacity', '1');
                // })
            } else {
                $('#logo').attr('src', '/static/home/img/logo.png');
                $('#nav').css({
                    backgroundColor: 'transparent',
                    opacity: '1',
                    'border-bottom': 'none',
                    'box-shadow': 'none',
                    display:'block'
                });
                $('#top_nav>li>a').css({
                    color: '#fff'
                });
            }

        } else if (window.innerWidth <= 1280 && window.innerWidth > 1124) {
            //console.log('1280');
            dongxiao();
            $('.nav_two>ul').css('font-size','12px');
            if (scrollTop > 0) {
                $('#logo').attr('src', '/static/home/img/logo2.png');
                $('#nav').css({
                    backgroundColor: '#fff',
                    opacity:'0',
                    display:'none'
                });
                $('#top_nav>li>a').css({
                    color: '#000'
                });
            } else {
                $('#logo').attr('src', '/static/home/img/logo.png');
                $('#nav').css({
                    backgroundColor: 'transparent',
                    opacity:'1',
                    display:'block'
                });
                $('#top_nav>li>a').css({
                    color: '#fff'
                });
            }

        } else if (window.innerWidth <= 1124 && window.innerWidth > 770) {
            //ipads
            //console.log('ipads');
            dongxiao();
            if (scrollTop > 0) {
                $('#logo').attr('src', '/static/home/img/logo2.png');
                $('#nav').css({
                    backgroundColor: '#fff',
                    opacity:'0',
                    display:'none'
                });
                $('#top_nav>li>a').css({
                    color: '#000'
                });
            } else {
                $('#logo').attr('src', '/static/home/img/logo.png');
                $('#nav').css({
                    backgroundColor: 'transparent',
                    opacity:'1',
                    display:'block'
                });
                $('#top_nav>li>a').css({
                    color: '#fff'
                });
            }
        } else if (window.innerWidth <= 770 && window.innerWidth > 740) {
            //ipads(小)
            dongxiao();
            //console.log('小ipads');
            if (scrollTop > 0) {
                $('#logo').attr('src', '/static/home/img/logo2.png');
                $('#nav').css({
                    backgroundColor: '#fff',
                    opacity:'0',
                    display:'none'
                });
                $('#top_nav>li>a').css({
                    color: '#000'
                });
            } else {
                $('#logo').attr('src', '/static/home/img/logo.png');
                $('#nav').css({
                    backgroundColor: 'transparent',
                    opacity:'1',
                    display:'block'
                });
                $('#top_nav>li>a').css({
                    color: '#fff'
                });
            }
        } else if (window.innerWidth < 740) {
            //phones
            dongxiao();
            //console.log('phones');
            $('#logo').attr('src', '/static/home/img/logo2.png');
            $('#nav').css({
                backgroundColor: '#fff',
                opacity: '1'
            });
            $('#top_nav>li>a').css({
                color: '#000'
            });
            $('.nav_two').css('display','none');
        }
        // if (scrollTop >= 100 && scrollTop <= 2600) {
        //     document.body.style.backgroundColor = 'deeppink';
        // } else {
        //     document.body.style.backgroundColor = 'deepskyblue';
        // }
        // var xScroll, yScroll;
        // if (self.pageYOffset) {
        //     yScroll = self.pageYOffset;
        //     xScroll = self.pageXOffset;
        // } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
        //     yScroll = document.documentElement.scrollTop;
        //     xScroll = document.documentElement.scrollLeft;
        // } else if (document.body) { // all other Explorers
        //     yScroll = document.body.scrollTop;
        //     xScroll = document.body.scrollLeft;
        // }
        // arrayPageScroll = new Array(xScroll, yScroll);
        // //console.log(arrayPageScroll);

    }
    //360旋转功能
    var xuan = null;
    var imgind = 0;
    $('.rightNav').eq(0).mousedown(function () { 
        imgind++;
        if(imgind>30){
            imgind=1;
        }
        $('.top_1_rt>div>img').eq(0)[0].setAttribute('src', '/static/home/img/haj/'+imgind+'.png');
    })
    $('.rightNav').eq(0).mousedown(function () { 
        xuan = setInterval(function () {  
            imgind++;
            if(imgind>30){
                imgind=1;
            }
            $('.top_1_rt>div>img').eq(0)[0].setAttribute('src', '/static/home/img/haj/'+imgind+'.png');
            // //console.log(imgind);
        },100)
        $('.rightNav').eq(0).mouseleave(function () { 
            clearInterval(xuan);
        })
    });
    $('.rightNav').eq(0).mouseup(function () { 
        $('.top_1_rt>div>img').eq(0)[0].setAttribute('src', '/static/home/img/haj/'+imgind+'.png');
        clearInterval(xuan);
    });
    $('.leftNav').eq(0).mousedown(function () { 
        imgind--;
        if(imgind<1){
            imgind=30;
        }
        $('.top_1_rt>div>img').eq(0)[0].setAttribute('src', '/static/home/img/haj/'+imgind+'.png');
    })
    $('.leftNav').eq(0).mousedown(function () { 
        xuan = setInterval(function () {  
            imgind--;
            if(imgind<1){
                imgind=30;
            }
            $('.top_1_rt>div>img').eq(0)[0].setAttribute('src', '/static/home/img/haj/'+imgind+'.png');
            // //console.log(imgind);
        },100)
        $('.leftNav').eq(0).mouseleave(function () { 
            clearInterval(xuan);
        })
    });
    $('.leftNav').eq(0).mouseup(function () { 
        $('.top_1_rt>div>img').eq(0)[0].setAttribute('src', '/static/home/img/haj/'+imgind+'.png');
        clearInterval(xuan);
    });
    //top_6动效
    // var wocao = function (x,y,z) { 
    //     x.eq(y).addClass(z);
    //     x.eq(y).siblings().removeClass(z);
    //     //console.log(x);
    //     //console.log(y);
    //     //console.log(z);
    // }
    var top6ind = $('.top_6>.center>.center_lf>ul').length-1;
    $('.top_6>.center>.center_span>.sp_lf').click(function () {
        top6ind--;
        if(top6ind<0){
            top6ind=0;
        }
        $('.top_6>.center>.center_lf>ul').eq(top6ind).addClass('active');
        $('.top_6>.center>.center_lf>ul').eq(top6ind).siblings().removeClass('active');
    });
    $('.top_6>.center>.center_span>.sp_rt').click(function () {
        top6ind++;
        if(top6ind>$('.top_6>.center>.center_lf>ul').length-1){
            top6ind=$('.top_6>.center>.center_lf>ul').length-1;
        }
        $('.top_6>.center>.center_lf>ul').eq(top6ind).addClass('active');
        $('.top_6>.center>.center_lf>ul').eq(top6ind).siblings().removeClass('active');
    });
    // $('.top_6>.center>.center_span>.sp_rt').click(wocao($('.top_6>.center>.center_lf>ul'),1,'active'));

        //top_7动效
        var top7ind = 0;
        //console.log(top7ind);
        $('.top_7>.center>.center_span>.sp_lf').click(function () {
            top7ind--;
            if(top7ind<0){
                top7ind=0;
            }
            $('.top_7>.center>.center_lf>.active>ul').eq(top7ind).siblings().removeClass('active');
            $('.top_7>.center>.center_lf>.active>ul').eq(top7ind).addClass('active');
        });
        $('.top_7>.center>.center_span>.sp_rt').click(function () {
            top7ind++;
            if(top7ind>$('.top_7>.center>.center_lf>.active>ul').length-1){
                top7ind=$('.top_7>.center>.center_lf>.active>ul').length-1;
            }
            $('.top_7>.center>.center_lf>.active>ul').eq(top7ind).siblings().removeClass('active');
            $('.top_7>.center>.center_lf>.active>ul').eq(top7ind).addClass('active');
        });
        $('.top_7>.center>.center_rt>ul>li').click(function () {
            $('.top_7>.center>.center_lf>div').eq($(this).index()).addClass('active');
            $('.top_7>.center>.center_lf>div').eq($(this).index()).siblings().removeClass('active');
            $('.top_7>.center>.center_rt>ul>li').eq($(this).index()).addClass('on');
        $('.top_7>.center>.center_rt>ul>li').eq($(this).index()).siblings().removeClass('on');
        })
    //top_8动效
    $('.top_8>ul>li').click(function () {
        var ind = $(this).index();
        $(this).addClass('active');
        $(this).siblings().removeClass('active');
        $('.top_8>div').eq(ind).addClass('active');
        $('.top_8>div').eq(ind).siblings().removeClass('active');
    })
    $('.top_8>span>img:first-child').click(function () {
        // //console.log($(this).index());
        var ind = $('.top_8>ul>li.active').index();
        $('.top_8>span>img').eq(0).removeClass('active');
        $('.top_8>span>img').eq(1).addClass('active');
        setTimeout(function () {
            $('.top_8>span>img').eq(1).removeClass('active');
        }, 2000)
        // //console.log();
        $('.top_8>div.active video')[0].play();
    })
    $('.top_8>span>img:last-child').click(function () {
        //console.log($(this).index());
        var ind = $('.top_8>ul>li.active').index();
        $('.top_8>span>img').eq(1).removeClass('active');
        $('.top_8>span>img').eq(0).addClass('active');
        $('.top_8>div.active video')[0].pause();
    })
    var pan = true;
    $('.top_8>div.active').click(function () {
        // //console.log($('.top_8>div.active').index());
        var ind = $('.top_8>ul>li.active').index();
        pan = !pan;
        if (pan) {
            $('.top_8>div.active video')[0].pause();
            $('.top_8>span>img').eq(1).removeClass('active');
            $('.top_8>span>img').eq(0).addClass('active');
        } else {
            $('.top_8>div.active video')[0].play();
            $('.top_8>span>img').eq(0).removeClass('active');
            $('.top_8>span>img').eq(1).addClass('active');
            setTimeout(function () {
                $('.top_8>span>img').eq(1).removeClass('active');
            }, 2000)
        }
    })
    //top_9
    $('.anniu>.resault').click(function () {
        for (var i = 0; i < $('input').length; i++) {
            $('input').eq(i).val('');
        }
        $('textarea').val('')
    })
    $('.anniu>.tijaio').click(function () {
        alert('提交成功！稍后会有专人联系您，请注意接听电话。');
    })
    /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是
             为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
    getRem(1920, 100);
    $('#top_nav>li>a').css({
        color: '#fff'
    });

window.onresize = function () {
    getRem(1920, 100)
};

function getRem(pwidth, prem) {
    var html = document.getElementsByTagName("html")[0];
    var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
    html.style.fontSize = oWidth / pwidth * prem + "px";
}