var swiper3 = new Swiper('.home1-t .swiper-container', {
    speed: 1000,
    loop: true,
    // autoplay: {
    //     delay: 6000,
    //     stopOnLastSlide: false,
    //     disableOnInteraction: false,
    // },
    pagination: {
        el: '.home1-t .swiper-pagination',
        clickable: true,
    },
    navigation: {
        nextEl: '.home1-t .swiper-button-next',
        prevEl: '.home1-t .swiper-button-prev',
    },
    breakpoints: {
        320: {
            slidesPerView: 2,
            spaceBetween: 15,
            slidesPerGroup: 2,
        },
        768: {
            slidesPerView: 3,
            spaceBetween: 20,
            slidesPerGroup: 3,
        },
        1024: {
            slidesPerView: 3,
            spaceBetween: 0,
            slidesPerGroup: 3,
        },
    }
   
})


$(".home2-t .left li").hover(function(){
    $(this).addClass('on').siblings().removeClass('on');
    var i = $(this).index();
    $(".home2-t .new2-l .date").eq(i).addClass('on').siblings().removeClass('on');
})
$(".home2-t .new2-l .date").hover(function(){
    $(this).addClass('on').siblings().removeClass('on');
    var i = $(this).index();
    $(".home2-t .left li").eq(i).addClass('on').siblings().removeClass('on');
})


//banner
var swiper = new Swiper(".main-visual-slider .swiper-container", {
  loop: true,
    speed: 700,
    draggable: false,
    autoplay: {
        delay: 6000,
        disableOnInteraction: false
    },
    // allowTouchMove: true,
    // watchSlidesProgress: true,
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
        bulletActiveClass : 'on',
        renderBullet: function (index, className) {
            switch(index){
              case 0:text='01';break;
              case 1:text='02';break;
              case 2:text='03';break;
              case 3:text='04';break;
              case 4:text='05';break;
            }
            return '<li class="' + className + '"> <span>' + text + '</span> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14"></circle></svg></li>';
          },
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    on: {
       
        slideChangeTransitionStart : function(swiper){
			var swiper = this;
			// 判断swiper-slide-active是否有视频
			if($(".main-visual-slider .swiper-slide-active video").length>0){
				console.log(1)
				// 停止自动切换
				swiper.autoplay.stop();
				// 动态增加id
				setTimeout(function(){
					swiper.autoplay.stop();
					$(".main-visual-slider .swiper-slide-active video").attr("id","video_01");
					
					var _video=document.getElementById("video_01");
					
					// 播放视频
					_video.play();
					// 切换后重新播放视频
					_video.currentTime = 0;
					// 静音
					_video.volume = 0;
					// 监听视频播放结束
					_video.addEventListener('ended', function () {  
						swiper.slideNext();
						//重新开始轮播banner
						swiper.autoplay.start();
					});
				}, 10);
			}
		},
		slideChangeTransitionEnd: function(swiper){
			//动态移除id
			setTimeout(function(){
				$(".main-visual-slider .swiper-slide-active video").attr("id","");
			}, 10);
		},
        // transitionEnd: function() {
		// 	delay = this.params.autoplay.delay - 1000; 
		// 	anime({//用animejs画圈
		// 		targets: '.path-loop',
		// 		delay: 750,
		// 		strokeDashoffset: function(el) {
		// 			var svgLength = anime.setDashoffset(el);
		// 			return [svgLength, 0];
		// 		},
		// 		easing: 'linear',
		// 		duration: delay,
		// 	});
		// },
    }
});

if ($(window).width() < 1200) {
    $(".swiper-box1 .video").remove();
    };

// $(function () {
//     //切换轮播
//     $(".tab h3").click(function (e) {
//         e.preventDefault()
//         $(this).addClass('on').siblings().removeClass('on')
//         var i = $(this).index();
//         $(".tab-m .a").eq(i).addClass('on').siblings().removeClass('on');
//         new1.slideTo($(this).index())
//     });
//     var new1 = new Swiper('.home1 .home-r .swiper-container', {
//         noSwiping: true,
//         speed: 800,
//         slidesPerView: 1,
//         effect: "fade",
//         fadeEffect: {
//             crossFade: true,
//         },

//         on: {
//             slideChangeTransitionStart: function () {
//                 $(".tab h3").eq(this.realIndex).addClass('on').siblings().removeClass('on');
//                 $(".tab-m .a").eq(this.realIndex).addClass('on').siblings().removeClass('on');

//             }
//         }
//     });
// })




var box1 = new Swiper('.home2-t .swiper-container', {
    speed: 1000,
    loop: true,
    // autoplay: {
    //     delay: 5000,
    //     stopOnLastSlide: false,
    //     disableOnInteraction: false,
    // },
    // 如果需要前进后退按钮
    navigation: {
        nextEl: '.home2-t .swiper-button-next',
        prevEl: '.home2-t .swiper-button-prev',
    },
    // pagination: {
    //     el: '.swiper-pagination',
    //     clickable: true,
    // },
   
})

// var swiper2 = new Swiper('.home3-b .swiper-container', {
//     speed: 1000,
//     loop: true,
//     // autoplay: {
//     //     delay: 6000,
//     //     stopOnLastSlide: false,
//     //     disableOnInteraction: false,
//     // },
//     // 如果需要前进后退按钮
//     navigation: {
//         nextEl: '.swiper-button-next',
//         prevEl: '.swiper-button-prev',
//     },
//     breakpoints: {
//         320: {
//             slidesPerView: 2,
//             spaceBetween: 15,
//         },
//         480: {
//             slidesPerView: 3,
//             spaceBetween: 20,
//         },
//         768: {
//             slidesPerView: 4,
//             spaceBetween: 30,
//         },
       
//     }
// })


// $(".h5-ico1 .h5-ico").html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 64.5"><defs><style>.cls-1,.cls-2,.cls-3{fill:none;stroke-width:3px;}.cls-1,.cls-2,.cls-3,.cls-4{stroke:#fff;}.cls-1,.cls-2,.cls-4{stroke-miterlimit:10;}.cls-2,.cls-3,.cls-4{stroke-linecap:round;}.cls-3{stroke-linejoin:round;}</style></defs><title>资源 183</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><rect class="cls-1" x="1.5" y="7" width="60" height="56" rx="10.33"/><path class="cls-2" d="M19,1.5v12"/><line class="cls-2" x1="43" y1="1.5" x2="43" y2="13.5"/><line class="cls-3" x1="12" y1="24.5" x2="50" y2="24.5"/><circle class="cls-4" cx="16" cy="36.5" r="2"/><circle class="cls-4" cx="31" cy="36.5" r="2"/><circle class="cls-4" cx="47" cy="36.5" r="2"/><circle class="cls-4" cx="47" cy="50.5" r="2"/><circle class="cls-4" cx="31" cy="50.5" r="2"/><circle class="cls-4" cx="15" cy="50.5" r="2"/></g></g></svg>');

// function isIE() {
// 	if (!!window.ActiveXObject || "ActiveXObject" in window) {
// 		return true;
// 	} else {
// 		return false;
// 	}
// }

// $(".sicoh .h5-ico").each(function (i) { $(this).find('svg').attr('id', 'svg-' + (i + 1)) })
// 	var g = [];
// 	if (!isIE()) {
// 		$(".sicoh .h5-ico svg").each(function (a, b) {
// 			a = $(this).attr("id");
// 			g[a] = new Vivus(a, {
// 				type: "delayed",
// 				duration: 80,
// 				inViewport: true,
// 				autostart: true,
// 			})
// 		});
// 		$(".sicoh").mouseenter(function () {
// 			g[$(this).find("svg").attr("id")].reset().play()
// 		});
// 	}




// $('.new3-swiper1 ul').slick({
//     slidesToShow: 1,
//     slidesToScroll: 1,
//     arrows: false,
//     fade: true,
//     autoplay:true,
//     asNavFor: '.new3-swiper2 ul,.new4-swiper1 ul'
//   });
//   $('.new3-swiper2 ul').slick({
//     slidesToShow: 5,
//     slidesToScroll: 1,
//     autoplay:true,
//     asNavFor: '.new3-swiper1 ul,.new4-swiper1 ul',
//     focusOnSelect: true,  arrows: false,
//     responsive: [
//         {
//           breakpoint: 1200,
//           settings: {
//             slidesToShow: 4,
           
//           }
//         },
//         {
//           breakpoint: 768,
//           settings: {
//             slidesToShow: 3,
           
//           }
//         },
//         {
//           breakpoint: 420,
//           settings: {
//             slidesToShow: 2,
//           }
//         }
       
//       ]
//   });

//   $('.new4-swiper1 ul').slick({
//     slidesToShow: 1,
//     slidesToScroll: 1,
//     arrows: true,
//     fade: true,
//     autoplay:true,
//     focusOnSelect: true,
//     asNavFor: '.new3-swiper1 ul,.new3-swiper2 ul'
//   });

// $('.h6-slick').slick({
//     arrows: false,
//     speed: 300,
//     fade: true,swipe:false
// })
// $('.arrow .swiper-button-prev').click(function () {
//     $('.h6-slick').slick("prev")
// });
// $('.arrow .swiper-button-next').click(function () {
//     $('.h6-slick').slick("next")
// });



//   var per2 = new Swiper('.hom6-r .swiper-container', {
//     loop: true,
//     speed: 1000,
//     // centeredSlides: true, 
//     slidesPerView: 3,
//     loopedSlides: 3,
//     // autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false },
//     navigation: {
//         nextEl: '.swiper-button-next',
//         prevEl: '.swiper-button-prev',
//     },
//     breakpoints: {
//         // 320: {
//         //     slidesPerView: 2,
        
//         // },
//         // 420: {
//         //     slidesPerView: 3,
            
//         // },
//         // 768: {
//         //     slidesPerView: 4,
           
//         // },
//         // 1024: {
//         //     slidesPerView: 3, 
//         // }
//     }
// });
// var per1 = new Swiper('.hom6-l .swiper-container', {
//     loop: true,
//     speed: 1000,
//     loopedSlides: 3,
//     // centeredSlides: true, 
//     effect : 'fade',
//   fadeEffect: {
//     crossFade: true,
//   }
// });

// per1.controller.control = per2;//Swiper1控制Swiper2，需要在Swiper2初始化后
// per2.controller.control = per1;


// var new5 = new Swiper('.new5-swiper', {
//     speed: 1000,
//     autoplay: { delay: 6000, stopOnLastSlide: false, disableOnInteraction: false },
//     pagination: {
//         el: '.swiper-pagination',
//         clickable: true,
//     },
//     breakpoints: {
//         320: {
//             slidesPerView: 3,
//             slidesPerGroup: 3,
//             spaceBetween: 10,
//         },
//         420: {
//             slidesPerView: 4,
//             slidesPerGroup: 4,
//             spaceBetween: 20,
//         },
        
//     }
// });
// // 专题
// var zt = new Swiper('.new8-swiper', {
//     loop: true,
//     speed: 1000,
//     slidesPerView: 4.2,
//     slidesPerGroup: 1,
//     autoplay: { delay: 6000, stopOnLastSlide: false, disableOnInteraction: false },
//     breakpoints: {
//         320: {
//             slidesPerView: 2.2,
//             spaceBetween: 10,
//         },
//         768: {
//             slidesPerView: 3.2,
//             spaceBetween: 20,
//         },
//         1280: {
//             slidesPerView: 4.2,
//             spaceBetween: 40,

//         }
//     }
// });


//视频
// var sz2 = new Swiper('.new5-swiper2', {
//     speed: 1000,
//     loop: true,
//     spaceBetween: 0,
//     loopedSlides: 3,
//     effect: 'fade',
//     fadeEffect: {
//         crossFade: true,
//     },
//     // autoplay: { delay: 6000, stopOnLastSlide: false, disableOnInteraction: false },
//     autoplay: { delay: 6000 },
//     breakpoints: {
//         320: {
//             loopedSlides: 2,
//         },
//         1024: {
//             loopedSlides: 3,
//         },
//     },
// });
// // vde1.el.onmouseover = function(){
// //     vde1.autoplay.stop();
// //   }
// //   vde1.el.onmouseout = function(){
// //     vde1.autoplay.start();
// //   }

// var sz1 = new Swiper('.new5-swiper1', {
//     loop: true,
//     speed: 1000,
//     freeMode: true,
//     watchSlidesProgress: true,
//     slideToClickedSlide: true,

//     pagination: {
//         el: '.swiper-pagination',
//         clickable: true,
//     },
//     breakpoints: {
//         320: {
//             slidesPerView: 2,
//             loopedSlides: 2,
//             spaceBetween: 10,
//         },
//         1024: {
//             slidesPerView: 3,
//             loopedSlides: 3,
//             spaceBetween: 40,
//             centeredSlides: true,
//         },
//     },
// });


// sz1.controller.control = sz2;
// sz2.controller.control = sz1;