// banner
var swiper = new Swiper(".main-visual-slider .swiper-container", {
  loop: true,
    speed: 1200,
    draggable: false,
    autoplay: {
        delay: 6000,
        disableOnInteraction: false
    },
    // allowTouchMove: true,
    // watchSlidesProgress: true,
    pagination: {
        el: '.banner .swiper-pagination',
        clickable: true,
    },
    navigation: {
      nextEl: '.banner .swiper-button-next',
      prevEl: '.banner .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);
		},
    }
});



// $(function () {
//     //切换轮播
    $(".home3 .right li").mouseenter(function (e) {
        e.preventDefault()
        $(this).addClass('on').siblings().removeClass('on')
        new1.slideTo($(this).index())
    });
    var new1 = new Swiper('.home3-t .swiper-container', {
        noSwiping: true,
        speed: 800,
        slidesPerView: 1,
        effect: "fade",
        fadeEffect: {
            crossFade: true,
        },
        navigation: {
          nextEl: '.home3-t .swiper-button-next',
          prevEl: '.home3-t .swiper-button-prev',
      },
        on: {
            slideChangeTransitionStart: function () {
                $(".home3 .right li").eq(this.realIndex).addClass('on').siblings().removeClass('on');
                // $(".home2 .more .a").eq(this.realIndex).addClass('on').siblings().removeClass('on');

            }
        }
    });


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

//       on: {
//           slideChangeTransitionStart: function () {
//               $(".home3 .title .h3").eq(this.realIndex).addClass('on').siblings().removeClass('on');
//               $(".home3 .more .a").eq(this.realIndex).addClass('on').siblings().removeClass('on');

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


  $('.h1-s').slick({
    slidesToShow: 4,
    slidesToScroll: 1,
    autoplay:true,
     arrows: false,
    responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 3,
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2,
           
          }
        },
        {
          breakpoint: 420,
          settings: {
            slidesToShow: 1,
          }
        }
       
      ]
  });
  
  $(".home1 .right li").hover(function () {
    // var i = $(this).index();
    $(this).addClass('on').siblings().removeClass('on');
    // $(this).parents(".tit").next(".tab").find("ul").eq(i).stop().fadeIn().siblings().hide();
    // $(this).parents(".h3").next(".more").find("a").eq(i).stop().addClass("on").siblings().removeClass("on");
})
  var swiper1 = 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,
        bulletActiveClass: 'on',
    },
})

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

});
$(".home3 .left li").hover(function () {
    var i = $(this).index();
    $(this).addClass('on').siblings().removeClass('on');
    $(this).parents(".left").next(".right").find(".tab").eq(i).stop().fadeIn().siblings().hide();
    // $(this).parents(".tit").next(".more").find("a").eq(i).stop().addClass("on").siblings().removeClass("on");
})
var swiper3 = new Swiper('.home4-t .swiper-container', {
    speed: 1000,
    loop: true,
    // autoplay: {
    //     delay: 6000,
    //     stopOnLastSlide: false,
    //     disableOnInteraction: false,
    // },
    navigation: {
        nextEl: '.home4-t .swiper-button-next',
        prevEl: '.home4-t .swiper-button-prev',
    },
    breakpoints: {
        320: {
            slidesPerView: 2,
            spaceBetween: 15,
            // loopedSlides: 2,
        },
        768: {
            slidesPerView: 3,
            // loopedSlides: 2,
            spaceBetween: 0,
        },
       
    }
})

$('.h4-t').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  dots:true,
  // customPaging: function (slider, i) {
  //     return '<span>' + (i >= 9 ? i + 1 : '0' + (i + 1)) + '</span>'
  // },
  customPaging: function (slider, i) {
    return '<span>' +'0' + (i+1) + '</span>' + "<b>/0" + slider.slideCount + "</b>";
},
  fade: true,
  // autoplay:true,
  asNavFor: '.h4-b'
});
$('.h4-b').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  // autoplay:true,
  asNavFor: '.h4-t',
  focusOnSelect: true,  arrows: true,
  responsive: [
      {
        breakpoint: 1200,
        settings: {
          slidesToShow: 3,
         
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 2,
        }
      }
     
    ]
});

$('.h6-s1').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  autoplay:true,
  asNavFor: '.h6-s2,.h6-s3'
});
$('.h6-s2').slick({
  slidesToShow: 5,
  slidesToScroll: 1,
  autoplay:true,
  asNavFor: '.h6-s1,.h6-s3',
  focusOnSelect: true,  arrows: false,
  responsive: [
      {
        breakpoint: 1200,
        settings: {
          slidesToShow: 4,
         
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 3,
         
        }
      },
      {
        breakpoint: 420,
        settings: {
          slidesToShow: 2,
        }
      }
     
    ]
});

$('.h6-s3').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  fade: true,
  autoplay:true,
  focusOnSelect: true,
  asNavFor: '.h6-s1,.h6-s2'
});

$('.h7-s').slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  autoplay:true,
  responsive: [
      {
        breakpoint: 1200,
        settings: {
          slidesToShow: 4,
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 3,
        }
      },
      {
        breakpoint: 420,
        settings: {
          slidesToShow: 2,
        }
      }
    ]
});



// if ($(window).width() > 1200) {
//     var width = $('.m-databox .swiper-container').height();
//     var radius = width / 2;
//     var itemWidth = width / 5;
//     var datasw = new Swiper('.m-databox .swiper-container', {
//       slidesPerView: 5,
   
//       loop: true,
//     //   loopedSlides: 15,
//       centeredSlides: true,
//       watchSlidesProgress: true,
//       autoplay: {
//         delay: 6000,
//         stopOnLastSlide: false,
//         disableOnInteraction: true,
//       },
//       speed: 800,
//       on: {
//         setTranslate: function () {
//           slides = this.slides
//           for (i = 0; i < slides.length; i++) {
//             slide = slides.eq(i)
//             progress = slides[i].progress
//             slide.transform('');//清除样式
//             var translateYValue = radius - Math.sqrt(radius * radius - (progress * itemWidth) * (progress * itemWidth));

//             var translateY = ((translateYValue || translateYValue == 0) ? translateYValue : width) + 'px';

//             var y = (itemWidth * progress) + 'px'
//             slide.transform('translateY(' + translateY + ')');

//           }
//         },
//         setTransition: function (transition) {
//           for (var i = 0; i < this.slides.length; i++) {
//             var slide = this.slides.eq(i)
//             slide.transition(transition);
//           }
//         },
//         slideChangeTransitionStart: function () {
//           // alert(this.activeIndex);
//           $('.swiper-slide').removeClass('sw-prev-prev sw-next-next')
//           $('.swiper-slide-prev').prev().addClass('sw-prev-prev')
//           $('.swiper-slide-next').next().addClass('sw-next-next')
//         },
//       },
//     })
//   } else {
//     var datasw1 = new Swiper('.m-databox .swiper-container', {
//       slidesPerView: 3,
//       loop: true,
//       watchSlidesProgress: true,
//       autoplay: {
//         delay: 6000,
//         stopOnLastSlide: false,
//         disableOnInteraction: true,
//       },
//       speed: 800,
//       pagination: {
//         el: '.m-databox .swiper-pagination',
//       },
//       breakpoints: {
//         320: {  //当屏幕宽度大于等于320 
//           slidesPerView: 2,
//           spaceBetween: 10, centeredSlides: false,
//         },
//         420: {  //当屏幕宽度大于等于320 
//           slidesPerView: 3,
//           spaceBetween: 10, centeredSlides: false,
//         },
//         768: {  //当屏幕宽度大于等于768 
//           slidesPerView: 5,
//           spaceBetween: 10, centeredSlides: false,
//         },
//         1280: {  //当屏幕宽度大于等于1280
//           slidesPerView: 5,
//         }
//       }
//     })
//   }

  //数字滚动
// $('.sz').countUp({
// 	delay: 10,//每个数字动画的延迟时间，单位毫秒。
// 	time: 1000//计数动画总的持续时间。
// });



// $(".h5-ico1 .h5-ico").html('<svg xmlns="" 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('.home8-t .swiper-container', {
    loop: true,
    speed: 1000,
    autoplay: { delay: 6000, stopOnLastSlide: false, disableOnInteraction: false },
    navigation: {
              nextEl: '.home8-t .swiper-button-next',
              prevEl: '.home8-t .swiper-button-prev',
          },
    breakpoints: {
        320: {
            slidesPerView: 3,
            spaceBetween: 0,
        },
        768: {
            slidesPerView: 4,
            spaceBetween: 0,
        },
        1024: {
            slidesPerView: 5,
            spaceBetween: 0,

        }
    }
});


//视频
// 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;