new WOW().init();

// 内页图片碎片化
var _default={width:1200,line:5,column:12,img:'',animeTime:3000};
function fragmentImg(changeConfig){if(typeof(changeConfig)=="object"){for(var n in changeConfig){_default[n]=changeConfig[n]}}if(!_default.container){alert('未选择显示容器(div.class or div#id)的类');return false}var container=$(_default.container);container.append("<ul class='clear'></ul>");container.css({width:_default.width});var containerUl=container.find(" > ul");for(var i=0;i<(_default.line*_default.column);i++){containerUl.append("<li></li>")}var containerItem=containerUl.find("li");var Img=new Image();Img.src=_default.img;Img.onload=function(){var multiple=container.width()/Img.width,width=Img.width*multiple,height=Img.height*multiple,findWidth=width/_default.column,findHeight=height/_default.line;var windowWidth=screen.width,windowHeight=screen.height;containerItem.css({width:findWidth,height:findHeight,'background-image':'url('+Img.src+')','background-size':width+'px '+height+'px',opacity:0});container.css({left:'50%',top:'50%','margin-top':-height/2,'margin-left':-width/2});var x,y;for(i=0;i<containerItem.length;i++){x=i%_default.column;y=Math.floor(i/_default.column);containerItem.eq(i).css({'background-position':-x*findWidth+'px '+(-y*findHeight)+'px',left:Math.ceil(Math.random()*windowWidth*2)-windowWidth,top:Math.ceil(Math.random()*windowHeight*2)-windowHeight}).animate({left:0,top:0,opacity:1},Math.ceil(Math.random()*(0.33*_default.animeTime))+(0.11*_default.animeTime))}}}

$(function(){
	window.onload = function(){  }
	$('html head').append('<link rel="stylesheet" type="text/css" href="/css/font.css?v=20200615"/>')
	if($('.pageban .textbox').length != 0){
		$('.pageban .textbox').addClass('cur');
	}
	$('.headtop .line, .logo').addClass('cur');

	function togglediv(obj1,obj2,s){obj1.click(function(){var i=$(this).index();$(this).addClass('cur').siblings().removeClass('cur');if(s=="1"){obj2.eq(i).addClass('cur').siblings().removeClass('cur')}else{obj2.eq(i).stop().fadeIn(500).siblings().stop().fadeOut(0)}})}
	
	//响应式执行js
	var windw = $(window).width();
	if(windw < 1024){
		banner('.m-bann');
		$('.headnavitem .name').click(function(){
			$(this).toggleClass('cur');
			$(this).siblings('.navchilditems').slideToggle(500)
			$(this).closest('.headnavitem').siblings().find('.navchilditems').slideUp(500)
			$(this).closest('.headnavitem').siblings().find('.name').removeClass('cur');
		})

		$('.footmaplist .name').click(function(){
			$(this).closest('.footmaplist').toggleClass('cur').siblings().removeClass('cur')
			$(this).siblings('.child').slideToggle(500)
			$(this).closest('.footmaplist').siblings().find('.child').slideUp(500)
		})

		//子页面子级导航展开事件
		$('[pagenavclick]').on('click',function(){
			if($(this).siblings('[showbox]').length == 1) $(this).toggleClass('cur').siblings('[showbox]').slideToggle(200);
		})
		
		$('.wapbtnbox').click(function(){
			$(this).toggleClass('cur');
			$('.navleft,html,body').toggleClass('cur');
		})
		$('.navitemname').click(function(){
			$(this).toggleClass('cur').siblings('.navchildbox').slideToggle(400);
			$(this).closest('.navitem').siblings().find('.navitemname').removeClass('cur').siblings('.navchildbox').slideUp(400)
		})

		$('.wapscrolltop').click(function(){
			$('html, body').stop().animate({scrollTop: 0}, 500)
		})

		$('.footbotright div.list .top').click(function(){
			$(this).closest('.list').toggleClass('cur');
		})

		$('.footsharelist .icon').click(function(){
			var i = $(this).index();
			$(this).closest('.footsharelist').toggleClass('cur');
		})
		
		$('.footfriendtop').click(function(){
			$(this).closest('.footfriend').toggleClass('cur')
		})

		$('.pagerightlist .icon').click(function(){
			$(this).closest('.pagerightlist').toggleClass('cur').siblings().removeClass('cur')
		})
		
		var homesolswiper = new Swiper('.homesol .swiper-container', {
			  speed:1000,
			  autoplay: {
				  delay: 6200,
				  disableOnInteraction: false,
			 },
			  pagination: {
				el: '.homesol .swiper-pagination',
				clickable: true
			  },
		 });
	}else{
		// function detectZoom (){
		// 	var ratio = 0,
		// 	screen = window.screen,
		// 	ua = navigator.userAgent.toLowerCase();
		// 	if (window.devicePixelRatio !== undefined) { 
		// 		ratio = window.devicePixelRatio
		// 	}else if (~ua.indexOf('msie')) {
		// 		if (screen.deviceXDPI && screen.logicalXDPI) ratio = screen.deviceXDPI / screen.logicalXDPI;
		// 	}else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
		// 		ratio = window.outerWidth / window.innerWidth;
		// 	} 
		// 	if(ratio) ratio = Math.round(ratio * 100);
		// 	return ratio;
		// };
		// isScale();
		// $(window).on('resize',function(){ isScale() });
		// //判断PC端浏览器缩放比例不是100%时的情况
		// function isScale(){
		// 	var rate = detectZoom();
		// 	if(rate != 100) alert('当前页面不是标准100%显示，为防止浏览器出错，请按键盘ctrl+0恢复100%显示标准！');
		// }
		banner('.pcbanner');

		$(window).scroll(function(){
			var t = $(this).scrollTop();
			if(t >= $('[allbanner]').height()){
				$('.scrolltop, .consulbox').addClass('cur');

			}else{
				$('.scrolltop, .consulbox').removeClass('cur')
			}
			if($('.pcpagenavboxabout')[0]){
				if(t >= $('[pagenavitem]').eq(0).offset().top){
					$('.pcpagenavboxabout .pcpagenavbox').addClass('cur');
				}else{
					$('.pcpagenavboxabout .pcpagenavbox').removeClass('cur');
				}
				$('[pagenavitem]').each(function(){
					var at = $(this).offset().top - $(window).height() / 2,
						atb = at + $(this).height();
					
					if(t >= at && t <= atb){
						var i = $(this).index();
						console.log(i);
						$('.pcpagenavboxabout .pcpagenavbox').find('.pcpagenavlist').eq(i).addClass('cur').siblings().removeClass('cur');
					}
				})
			}
		})
		
		$('.scrolltop').click(function(){
			$('html, body').stop().animate({scrollTop: 0}, 1000)
		})
		
		$(window).resize(function(){
			headbox();
			$('.about3list').removeAttr('style')
		})
		
		function headbox(){
			$('.navitem').each(function(){
				var objl = $(this).offset().left,
					objw = parseFloat($(window).width() - objl);
					
				$(this).find('.box').css({'width': objw})
			})
		}
		headbox()
		
		$('.head').mouseenter(function(){
			$(this).addClass('cur');
			$(this).find('.logo1').removeClass('cur');
			$(this).find('.logo2').addClass('cur');
		})
		$('.head').mouseleave(function(){
			if(!$('.searchbox').hasClass('cur')){
				$(this).removeClass('cur');
				$(this).find('.logo2').removeClass('cur');
				$(this).find('.logo1').addClass('cur');
			}
		})
		
		$('.conc2list').hover(function(){
			$(this).find('.text').slideToggle(500);
			$(this).siblings().find('.text').slideUp(500);
		})
		
		function about3(){
			var bw = $('.about3box').width(),
				lw = parseFloat((bw - 410) / 5),
				lew = parseFloat(bw / 6);
			
			$('.about3list').mouseenter(function(){
				$(this).find('.line').slideDown(500);
				$(this).find('.text').slideDown(500);
				$(this).stop().animate({'width': '410px'},500).siblings().stop().animate({'width': lw}, 500)
			})
			
			$('.about3list').mouseleave(function(){
				$(this).find('.line').hide();
				$(this).find('.text').hide();
				$(this).stop().animate({'width': lew},500).siblings().stop().animate({'width': lew}, 500)
			})
		}
		about3();
		
		$('.homeprolist').mouseenter(function(){
			$(this).find('.morebox').slideDown(500);
			$(this).find('.text').slideDown(500);
		})
		
		$('.homeprolist').mouseleave(function(){
			$(this).find('.morebox').slideUp(500);
			$(this).find('.text').slideUp(500);
		})
		
		$('.homesollist').mouseenter(function(){
			$(this).addClass('cur');
			$(this).find('.morebox').slideDown(500);
		})
		$('.homesollist').mouseleave(function(){
			$(this).removeClass('cur');
			$(this).find('.morebox').slideUp(500);
		})
		
		var about2swiper = new Swiper('.about2slide .swiper-container', {
		      slidesPerView: 3.8,
		      spaceBetween: 60,
		      slidesPerGroup: 1,
		      navigation: {
				nextEl: '.about2top .swiper-button-next',
		        prevEl: '.about2top .swiper-button-prev',
		      }
		});
	}


	$('.searchbtn').click(function(){
		$('.searchbox').slideToggle(500).toggleClass('cur');
	})
	$('.searchbox .close').click(function(){
		$('.searchbox').slideUp(500).removeClass('cur');
	})

	function makesvg(percentage){
		var abs_percentage=Math.abs(percentage).toString();
		var percentage_str=percentage.toString();

		var svg = '<svg class="circle-chart" viewbox="0 0 33.83098862 33.83098862" xmlns="http://www.w3.org/2000/svg">'
			+ '<circle class="circle-chart__background" cx="16.9" cy="16.9" r="15.9" />'
			+ '<circle class="circle-chart__circle "'
			+ 'stroke-dasharray="'+ abs_percentage+',100"    cx="16.9" cy="16.9" r="15.9" />'
			+ '</svg>';
		return svg
	}

	function banner(obj, s){
		var banswiper = new Swiper(''+obj+'', {
			speed: 1000,
			autoplay: {
				delay: 6000,
				disableOnInteraction: false
			},
			pagination: {
				el: ''+obj+' .swiper-pagination',
				clickable: true
			},
			navigation: {
				nextEl: ''+obj+' .swiper-button-next',
				prevEl: ''+obj+' .swiper-button-prev',
			},
			on: {
				init: function(){
					var i = this.activeIndex;
					$(''+obj+' .swiper-slide').eq(i).find('.textbox').addClass('cur');
					setTimeout(function(){
						$('.indexban').find('.swiper-pagination').find('.swiper-pagination-bullet').append('<div class="circlechart" data-percentage="100"></div>');
						var p =  $('.indexban').find('.swiper-pagination').find('.swiper-pagination-bullet .circlechart').attr('data-percentage');
						$('.indexban').find('.swiper-pagination').find('.swiper-pagination-bullet .circlechart').html( makesvg(p))
						$('.indexban').find('.swiper-pagination').find('.swiper-pagination-bullet').eq(0).addClass('one')
					},500)
				},
				slideChangeTransitionStart: function(){
					var i = this.activeIndex;
					$(''+obj+' .swiper-slide').eq(i).find('.textbox').addClass('cur');
					$(''+obj+' .swiper-slide').eq(i).siblings().find('.textbox').removeClass('cur');
				}
			}
		})
	}


	$('.ibvideobox .playerbox').click(function(){
		var vsrc = $(this).closest('.ibvideobox').attr('vsrc');
		$(this).closest('.ibvideobox').find('video').attr('src', '')
		if($(this).closest('.ibvideobox').find('video').attr('src') == ""){
			$(this).closest('.ibvideobox').find('video').attr('src', vsrc);
			$(this).closest('.ibvideobox').addClass('cur');
			// $(this).closest('.ibvideobox').find('video')[0].load();
			var playPromise = $(this).closest('.ibvideobox').find('video')[0].play();
			$(this).closest('.ibvideobox').find('video')[0].webkitRequestFullScreen();
			if (playPromise !== undefined) {
				playPromise.then(function(){
					$(this).closest('.ibvideobox').find('video')[0].play()
					$(this).closest('.ibvideobox').find('video')[0].webkitRequestFullScreen();
				}).catch(function(){
				})
			}
		}
	})

	$('[pagenavlist]').click(function(){
		var id = $(this).data('id');
			itop = $('[pagenavitem][id="'+id+'"]').offset().top;

		$('body,html').animate({scrollTop: itop},1000);
	})

	$('.recruititemtop').click(function(){
		$(this).closest('.recruititem').toggleClass('cur').siblings().removeClass('cur');
		$(this).siblings('.recruititembot').slideToggle(500);
		$(this).closest('.recruititem').siblings().find('.recruititembot').slideUp(500)
	})
	
	var about4swiper = new Swiper('.about4slide .swiper-container', {
	      slidesPerView: 4,
	      spaceBetween: 30,
		  navigation: {
		  	nextEl: '.about4top .swiper-button-next',
		    prevEl: '.about4top .swiper-button-prev',
		  },
	      breakpoints: {
	        768: {
	          slidesPerView: 1,
	          spaceBetween: 0,
	        },
	        1024: {
	          slidesPerView: 3,
	          spaceBetween: 20,
	        },
	      }
	});
	var homelogoslide = new Swiper('.homelogo .swiper-container', {
		loop: true,
		speed: 1000,
		autoplay: {
			delay: 2000,
			disableOnInteraction: false
		},
	      slidesPerView: 7,
		  navigation: {
		  	nextEl: '.homelogo .swiper-button-next',
		    prevEl: '.homelogo .swiper-button-prev',
		  },
	      breakpoints: {
	        1024: {
	          	slidesPerView: 4,
	    		slidesPerGroup : 4,
	        },
	      }
	});
})