layui.use('layer',function(){
    var layer = layui.layer

})


$(function(){
    //nav_m
	headerNav();
    //提交
    $(document).on('click','.tijiao',function () {
        layer.msg('提交完成',{icon:1})
        $('.popup-close').click()
    })
    //联系我们提交
    $(document).on('click','.tijiao1',function () {
        layer.msg('提交完成',{icon:1})
    })
    //咨询弹窗
    var tanchu_index;
    $(document).on('click','.sim-button',function () {
        if ($(window).width()>768) {
            var area = ['677px','350px'];
        }else{
            var area = ['94%',$(window).width()*0.94*0.52];
        }
        tanchu_index = layer.open({
            type: 1,
            title: false,
            area:area,
            skin:'skin-tanchu',
            resize:false,
            closeBtn: 0,
            shadeClose: true,
            content:$('#tanchu'),
            end:function(){
                $('#tanchu').hide();
            }
        })
        // $('.popup').show()
        // setTimeout(function () {
        //     $('.yl_web').addClass('show')
        //     $('html').addClass('md-perspective')
        //     $('.popup-content').addClass('show')
        // }, 10);
    })
    $(document).on('click', '.close-tanchu-btn', function() {
        layer.close(tanchu_index)
    });
     //关闭咨询弹窗
    $(document).on('click','.popup-close',function () {
        $('.yl_web').removeClass('show')
        $('html').removeClass('md-perspective')
        $('.popup-content').removeClass('show')
        setTimeout(function () {
            $('.popup').hide()
        }, 500);
    })
    $('.news-list-item,.lengku-item').hover(function() {
        $(this).addClass('cur').siblings().removeClass('cur')
    });
    // 园区切换
    $('.yuanqu-nav .yuanqu-nav-item').hover(function() {
        changeYuanquNav($(this).index('.yuanqu-nav-item'))
    });
    changeYuanquNav(0)

    // 资质弹框
    var imgList = [];
    var imgListType = 0;
    var imgListIndex = 0;
    $('.index_content-6 ul').each(function(i){
        imgList[i]=[];
        $(this).find('li').each(function(){
            if ($(this).find('a').attr('data-src')) {
                imgList[i].push({
                    src:$(this).find('a').attr('data-src'),
                    title:$(this).find('a').text()
                });
            }
        })
    })
    $('.title6-l').on('click', function() {
        imgListType=0;
        $(this).addClass('cur').siblings().removeClass('cur')
        $('.index_content-6 ul').eq($(this).index()).fadeIn().siblings('ul').hide();
    })
    $('.title6-r').on('click', function() {
        imgListType=1;
        $(this).addClass('cur').siblings().removeClass('cur')
        $('.index_content-6 ul').eq($(this).index()).fadeIn().siblings('ul').hide();
    })
    $('.index_content-6 ul li').on('click', function() {
        imgListIndex = $(this).index();
        var src = imgList[imgListType][imgListIndex].src;
        var title = imgList[imgListType][imgListIndex].title;
        $('.alert-img img').attr('src',src);
        $('.alert-title').text(title);
        $('.alert-fixed').fadeIn();
    });
    $('.alert-close').on('click', function() {
        $('.alert-fixed').fadeOut();
    })
    $('.alert-btn').on('click', function() {
        if ($(this).hasClass('l')) {
            if (imgListIndex>0) {
                imgListIndex = imgListIndex-1;
            }else{
                imgListIndex = imgList[imgListType].length-1;
            }
        }else{
            imgListIndex = imgListIndex+1;
            if (imgList[imgListType].length<=imgListIndex) {
                imgListIndex=0;
            }
        }
        var src = imgList[imgListType][imgListIndex].src;
        var title = imgList[imgListType][imgListIndex].title;
        $('.alert-img img').css('display','none').attr('src',src).fadeIn();
        $('.alert-title').text(title);
    });
    $('#return_top').on('click', function() {
        $('body,html').animate({'scrollTop':0})
    });

   
     $(window).scroll(function(){
         //顶部变换
        headrTOP()

        //斜线装饰
        showDiv('line1')
        showDiv('line2')
        showDiv('line3')
        showDiv('line4')
        showDiv('line5')
        showDiv('line6')
        showDiv('line7')
     })
    showDiv('line1')
    showDiv('line2')
    showDiv('line3')
    showDiv('line4')
    showDiv('line5')
    showDiv('line6')
    showDiv('line7')
    headrTOP()
})

//nav_m
// header
function headerNav() {
	$('.Navbar').click(function() {
		$('body').addClass('hidden')
		$('.Nav_m').addClass('active');
		$('.mHeadMask').fadeIn(300);
	})
	$('.mHeadMask, .closeNav').click(function() {
		$('.Nav_m').removeClass('active');
		$('.mHeadMask').fadeOut(300);
		$('body').removeClass('hidden')
	})
	$(window).scroll(function() {
		if ($(window).scrollTop() > $('.header').outerHeight()) {
			$('.headerFixed').addClass('down')
		} else {
			$('.headerFixed').removeClass('down')
		}
	})
}
// 切换园区nav
function changeYuanquNav(index) {
    $('.yuanqu-nav .yuanqu-nav-item').eq(index).addClass('cur').siblings().removeClass('cur');
    $('.yuanqu-con ul').eq(index).addClass('cur').siblings().removeClass('cur')
}

//顶部变换
function headrTOP(){
    var scrollTop = $(window).scrollTop();//获取当前滑动的位置
    if (scrollTop > 0) {
        $('.headr').addClass('soll')
        $('.logo').find('img').attr('src', '/public/assets/20210622/hong.png')
        // $('.language').find('img').attr('src', '/public/assets/images/public/CN2.png')

        $('.head-tel').find('img').attr('src', '/public/assets/20210622/tell1.png')
        if ($(window).width()>768) {
            $('#return_top').fadeIn();
        }
    } else if (scrollTop <= 0) {
        if (!$('.headr').hasClass('yuanqu')) {
            $('.headr').removeClass('soll')
            $('.logo').find('img').attr('src', '/public/assets/20210622/bai.png')
            // $('.language').find('img').attr('src', '/public/assets/images/public/CN.png')

            $('.head-tel').find('img').attr('src', '/public/assets/20210622/tell2.png')
            $('#return_top').fadeOut();
        }
    }
}
//斜线
function showDiv(lineid) {
    var showId = document.getElementById(lineid);
    if (showId) {
        var clients = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        var divTop = showId.getBoundingClientRect().top;
        if (divTop <= clients + 100) {
            showId.classList.add('active');
        }
        if (divTop <= -100 || divTop > clients) {
            showId.classList.remove('active');
        }
    }
}