// JavaScript Document
fontSize();
$(window).resize(function () {
    fontSize();
});

function fontSize() {
    var size;
    var winW = $(window).width();
    if (winW <= 1600 && winW > 1200) {
        size = Math.round(winW / 16);
    } else if (winW <= 1200) {
        size = Math.round(winW / 7.5);
        if (size > 65) {
            size = 65;
        }
    } else {
        size = 100;
    }
    $('html').css({
        'font-size': size + 'px'
    })
}

$(function(){
	
	$('.mouse').click(function(){$('html,body').animate({scrollTop:$('#box1').offset().top}, 800);});

	setTimeout( function(){
		$(".header").addClass("on");
	}, 100 );
	
	$(window).scroll(function() {
		if (jQuery(this).scrollTop() > 10) {
			$(".header").addClass("header_scroll");
		} else {
			$(".header").removeClass("header_scroll");
		}
	});
	
	
	//导航
	$(".navBox li").mouseenter(function () {
		$(this).addClass("active");
		$(this).find(".subNavbox").addClass("active");
	});
	$(".navBox li").mouseleave(function () {
		$(this).removeClass("active");
		 $(this).find(".subNavbox").removeClass("active");
	});
	
	$(".header .lag").mouseenter(function () {
		$(this).find(".subNavbox").addClass("active");
	});
	$(".header .lag").mouseleave(function () {
		 $(this).find(".subNavbox").removeClass("active");
	});
	
	
	//手机菜单按钮
	$(".m_nav_btn").click(function(){
		if($(this).hasClass("m_nav_btn_active")){
			$(this).removeClass("m_nav_btn_active");
		} else {
			$(this).addClass("m_nav_btn_active");
		}
		$("#m_tc_box").slideToggle();
	});
	$(".m_menu .item").click(function(){
		$(this).siblings("ul").slideToggle();
		$(this).toggleClass("active");
	})
	
	//手机自栏目
	$(".m_sub_nav").click(function(){
		$(this).toggleClass("active");
		$("#n_nav").slideToggle();
	}); 
	
	
	//荣誉
  certifySwiper = new Swiper('#certify', {
	watchSlidesProgress: true,
	slidesPerView: 'auto',
	centeredSlides: true,
	loop: true,
	loopedSlides: 5,
	autoplay: true,
	dynamicBullets:true,
	navigation: {
		nextEl: '#certify .swiper-button-next',
		prevEl: '#certify .swiper-button-prev',
	},
	pagination: {
		el: '#certify .swiper-pagination',
		clickable :true,
	},
	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.4 + 1;
				}
				translate = slideProgress * modify * 80 + 'px';
				scale = 1 - Math.abs(slideProgress) / 5;
				zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
				slide.transform('translateX(' + translate + ') 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);
			}

		}
	}

})
    
});
