jQuery(document).ready(function() {

	// jQuery("img").lazyload({ 
	// 	effect : "fadeIn" 
	// });

	new WOW().init();

    var content = $(".m-nav2").html();
    $('.nav2 .nav-main2').append(content);


	// header
	$(window).scroll(function() {
		if ($(window).scrollTop() > 0) {
            $(".header").addClass("boxshdow");
	        $(".header.index").addClass("oth");
	        $(".header.index").find(".logo .img1").attr("src","/static/img/logo-oth.png");
	    } else {
            $(".header").removeClass("boxshdow");
	        $(".header.index").removeClass("oth");
            $(".header.index").find(".logo .img1").attr("src","/static/img/logo.png");
	        
	    }
	});
    if ($(window).scrollTop() > 0) {
        $(".header").addClass("boxshdow");
        $(".header.index").addClass("oth");
        $(".header.index").find(".logo .img1").attr("src","/static/img/logo-oth.png");
    } else {
        $(".header").removeClass("boxshdow");
        $(".header.index").removeClass("oth");
        $(".header.index").find(".logo .img1").attr("src","/static/img/logo.png");
    }

    $('.head-nav li').hover(function(){
		$(this).find('.nav-main').addClass("show").stop(true,true);
	},function(){
		$(this).find('.nav-main').removeClass("show").stop(true,true);
	});

	$(window).scroll(function() {
        if ($(this).scrollTop() >= 900) {
            // console.log(11);
            $(".fix-wx").fadeIn(500);
            $(".fhtop").fadeIn(500);
        } else {
            $(".fix-wx").hide();
            $(".fhtop").hide();
        }
    });

    $(".dj-search").click(function(){
        $(".search-main").slideDown();
    });
    $(".dj-search-close").click(function(){
        $(".search-main").slideUp();
    });

	$(".fhtop").click(function() {
        return $("body,html").animate({
            scrollTop: 0
        },
        500),
        !1
    });

   	$(".phone-nav").click(function(){
		$(this).toggleClass( "active" )
		if ($(this).hasClass('active')) {
            $(".phone-nav-mn").addClass("on");
            
        } else {
            $(".phone-nav-mn").removeClass("on");
        }
	});

    $(".enav-down .top").click(function(){
        $(this).find(".jt").toggleClass("on");
        $(this).parent().find(".bottom").slideToggle();
    });

    $('.join-warp1 .picmain .more').hover(function(){
        var _ = $(this);
        _.addClass('on').siblings().removeClass('on');
    });

    $(".i-warp1 .mbf").click(function(){
        $(".fix-video").fadeIn();
        $(".fix-video").find(".video").trigger('play');
    });
    $(".fix-video .bg").click(function(){
        $(".fix-video").fadeOut();
        $(".fix-video").find(".video").trigger('pause');
    });

	var swiperban = new Swiper('#swiperban', {
    	slidesPerView :1,
    	spaceBetween: 0,  
       	speed:800,
        autoplay: {
        	delay:5000,
		    disableOnInteraction: false,
		},
        loop:true,
		effect:'fade',
        simulateTouch : false,
        navigation: {
			nextEl: '.i-page .page-r',
			prevEl: '.i-page .page-l',
		}, 
		on:{
	   
	     	init: function() {
				numList = '<ul>';
				for (p = 1; p <= (this.slides.length - 0); p++) {
					numList += '<li>'  + 0 + p + '</li>';
				}
				numList += '</ul>';
				this.$el.find(' .swiper-pagination').html(numList + '/' + '<span class="total font18">'  + 0 + ( (this.slides.length - 2) ) + '</span>');
				//paginationRender浼氭瘡娆℃洿鏂癲om锛屾棤娉曚骇鐢熷姩鐢绘晥鏋?鎵€浠ヤ娇鐢╤tml()鐢熸垚pagination
				this.emit('transitionStart');
                $(".i-banner .page .line").addClass("on");
			},
			transitionStart: function() {
				realIndex = this.realIndex; 
				speed = this.params.speed; 
				bullets = this.$el.find(' .swiper-pagination li'); 
				sldieLength = bullets.length;
				for (i = 0; i < sldieLength; i++) {
					if ((i - realIndex) > Math.floor(sldieLength/2)) {
						difference = i - sldieLength - realIndex;
					} else if ((i - realIndex) < -Math.floor(sldieLength/2)) {
						difference = i + sldieLength - realIndex;
					} else {
						difference = i - realIndex;
					}
					bullets.eq(i).transition(speed);
					bullets.eq(i).transform('rotateX(' + difference * 30 + 'deg) translate3d(0, ' + difference * 60 + 'px, 0)') ;
					bullets.eq(i).css('opacity', 1 - Math.abs(difference));
				}
                $(".i-banner .page .line").removeClass("on");
			},
            // slideChangeTransitionEnd: function(){
            //     $(".i-banner .page .line").removeClass("on");
            // },
            transitionEnd: function(){
                $(".i-banner .page .line").addClass("on");
            },
		},
    });

    $(".i-page .page-l").click(function(){
        $(".i-banner .page .line").removeClass("on");
    });
    $(".i-page .page-r").click(function(){
        $(".i-banner .page .line").removeClass("on");
    });
     
	var swiperipro = new Swiper('.swiperipro', {
    	slidesPerView :1,
    	speed:800,
    	spaceBetween: 10,  
    	observer:true,
    	observeParents:true,
    	observeSlideChildren:true,	
    	on: {
    		init: function(){
		        swiperAnimateCache(this);
		        swiperAnimate(this); 
	      	}, 
	      	slideChangeTransitionEnd: function(){ 
	        	swiperAnimate(this);
	     	}, 
		    slideChangeTransitionStart: function(){
		        $('.i-warp2 .ul-page li.on').removeClass('on');
		        $('.i-warp2 .ul-page li').eq(swiperipro.activeIndex).addClass('on');
		        var _ = $('.i-warp2 .ul-page li.on');
		        if (_.hasClass('one')) {
                	_.parent().parent().find(".line").removeClass("one two four five");
                	_.parent().parent().find(".line").addClass("one");
                }else if (_.hasClass('two')) {
                	_.parent().parent().find(".line").removeClass("one three four five");
                	_.parent().parent().find(".line").addClass("two");
                }else if (_.hasClass('three')) {
                	_.parent().parent().find(".line").removeClass("one two four five");
                	_.parent().parent().find(".line").addClass("three");
                }else if (_.hasClass('four')) {
                	_.parent().parent().find(".line").removeClass("one three two five");
                	_.parent().parent().find(".line").addClass("four");
                }else{
                	_.parent().parent().find(".line").removeClass("one three four two");
                	_.parent().parent().find(".line").addClass("five");
                }
		        
		    },
  		},
    });

	$('.i-warp2 .ul-page li').hover(function(){
        var _ = $(this);
        _.addClass('on').siblings().removeClass('on');
        swiperipro.slideTo(_.index());
        if (_.hasClass('one')) {
        	_.parent().parent().find(".line").removeClass("one two four five");
        	_.parent().parent().find(".line").addClass("one");
        }else if (_.hasClass('two')) {
        	_.parent().parent().find(".line").removeClass("one three four five");
        	_.parent().parent().find(".line").addClass("two");
        }else if (_.hasClass('three')) {
        	_.parent().parent().find(".line").removeClass("one two four five");
        	_.parent().parent().find(".line").addClass("three");
        }else if (_.hasClass('four')) {
        	_.parent().parent().find(".line").removeClass("one three two five");
        	_.parent().parent().find(".line").addClass("four");
        }else{
        	_.parent().parent().find(".line").removeClass("one three four two");
        	_.parent().parent().find(".line").addClass("five");
        }

        return false;
    });

	$('.foot-nav .mn').hover(function(){
        var _ = $(this);
        _.addClass('on').siblings().removeClass('on');
        if (_.hasClass('mn0')) {
        	_.parent().find(".dqtb").removeClass("mn0 mn1 mn3 mn4 mn5");
        	_.parent().find(".dqtb").addClass("mn0");
        }else if (_.hasClass('mn1')) {
        	_.parent().find(".dqtb").removeClass("mn0 mn2 mn3 mn4 mn5");
        	_.parent().find(".dqtb").addClass("mn1");
        }else if (_.hasClass('mn2')) {
        	_.parent().find(".dqtb").removeClass("mn0 mn1 mn3 mn4 mn5");
        	_.parent().find(".dqtb").addClass("mn2");
        }else if (_.hasClass('mn3')) {
        	_.parent().find(".dqtb").removeClass("mn0 mn2 mn1 mn4 mn5");
        	_.parent().find(".dqtb").addClass("mn3");
        }else if (_.hasClass('mn4')) {
        	_.parent().find(".dqtb").removeClass("mn0 mn2 mn1 mn3 mn5");
        	_.parent().find(".dqtb").addClass("mn4");
        }else{
        	_.parent().find(".dqtb").removeClass("mn0 mn2 mn3 mn1 mn4");
        	_.parent().find(".dqtb").addClass("mn5");
        }
        return false;
    });

        var mfootclass = $('.foot-nav .mn.on');
        if (mfootclass.hasClass('mn0')) {
            mfootclass.parent().find(".dqtb").removeClass("mn0 mn1 mn3 mn4 mn5");
            mfootclass.parent().find(".dqtb").addClass("mn0");
        }else if (mfootclass.hasClass('mn1')) {
            mfootclass.parent().find(".dqtb").removeClass("mn0 mn2 mn3 mn4 mn5");
            mfootclass.parent().find(".dqtb").addClass("mn1");
        }else if (mfootclass.hasClass('mn2')) {
            mfootclass.parent().find(".dqtb").removeClass("mn0 mn1 mn3 mn4 mn5");
            mfootclass.parent().find(".dqtb").addClass("mn2");
        }else if (mfootclass.hasClass('mn3')) {
            mfootclass.parent().find(".dqtb").removeClass("mn0 mn2 mn1 mn4 mn5");
            mfootclass.parent().find(".dqtb").addClass("mn3");
        }else if (mfootclass.hasClass('mn4')) {
            mfootclass.parent().find(".dqtb").removeClass("mn0 mn2 mn1 mn3 mn5");
            mfootclass.parent().find(".dqtb").addClass("mn4");
        }else{
            mfootclass.parent().find(".dqtb").removeClass("mn0 mn2 mn3 mn1 mn4");
            mfootclass.parent().find(".dqtb").addClass("mn5");
        }
        


    // 鍩洪噾浼
    var swiperjjh = new Swiper('.jjh-news .swiper-container', {
        slidesPerView :1,
        spaceBetween: 20, 
        speed:800,
         
        observer:true,
        observeParents:true,
        observeSlideChildren:true,       
        loop:true,
        navigation: {
            nextEl: '.jjh-news .next',
            prevEl: '.jjh-news .prev',
        }, 
        breakpoints: {    
            600: {  
                slidesPerView :2,
                spaceBetween: 30, 
            },        
            940: {  
                slidesPerView :3,
                spaceBetween: 66, 
            },
        }
    });

    // 鍥㈤槦椋庨噰
    var swiperdeve2 = new Swiper('.swiperdeve2', {
        watchSlidesProgress: true,
        slidesPerView: 1,
        spaceBetween: 0,
        centeredSlides : true,
        loop: true,
        loopedSlides: 5,
        speed:800,
        // autoplay: true,
        navigation: {
            nextEl: '.deve-warp3 .main .next',
            prevEl: '.deve-warp3 .main .prev',
        },
        breakpoints: { 
            768: {  
                slidesPerView: 'auto',
                spaceBetween: 38,
            },              
        },  
        on: {
            progress: function(progress) {
                for (i = 0; i < this.slides.length; i++) {
                    var slide = this.slides.eq(i);
                    var slideProgress = this.slides[i].progress;
                    modify = 1;
                    if (Math.abs(slideProgress) > 1) {
                        modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
                    }
                    translate = slideProgress * modify * 280 + 'px';
                    scale = 1 - Math.abs(slideProgress) / 5.6;
                    zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                    slide.transform('translateX(0) scale(' + scale + ')');
                    slide.css('zIndex', zIndex);
                    slide.css('opacity', 1);
                    if (Math.abs(slideProgress) > 3) {
                        slide.css('opacity', 0);
                    }
                }
            },
            setTransition: function(transition) {
                for (var i = 0; i < this.slides.length; i++) {
                    var slide = this.slides.eq(i)
                    slide.transition(transition);
                }

            }
        }
    });

    // 鍦颁骇
    var swipercasedc1 = new Swiper('.casedc-read-warp1 .swiper-container', {
        slidesPerView :1,
        spaceBetween: 0,  
        speed:800,
        autoplay: {
            delay:5000,
            disableOnInteraction: false,
        },
        loop:true,
        effect:'fade',
        simulateTouch : false,
        pagination: {
            el: '.casedc-read-warp1 .swiper-pagination',
            clickable :true,
        },
        
    });
       
    var swipercasedc2 = new Swiper('.casedc-read-warp3 .swiper-container', {
        
        slidesPerView: 1, 
        spaceBetween: 10, 
        speed:800,
        autoplay: {
            delay:5000,
            disableOnInteraction: false,
        },
        navigation: {
            nextEl: '.casedc-read-warp3 .page-r',
            prevEl: '.casedc-read-warp3 .page-l',
        },  
        breakpoints: {    
            600: {  
               slidesPerView: 2, 
               spaceBetween: 20, 
            },        
            940: {  
                slidesPerView: 4,
                slidesPerColumn : 2,
                slidesPerColumnFill : 'row',
                spaceBetween: 29, 
            },
        }
        
    });    
});