let video = $('.w-video') video.trigger('play'); let bannerFlag = false let banner = new Swiper(".banner-lunbo", { speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, observer: true, observeParents: true, on:{ slideChangeTransitionEnd: function () { let _this = $('.banner-lunbo .swiper-slide').eq(this.activeIndex); if (!bannerFlag) { bannerFlag = true; } else { videoPlay(_this); } }, }, pagination: { el: ".banner-lunbo .swiper-pagination", clickable: true, }, }); videoPlay($('.banner-lunbo .swiper-slide.swiper-slide-active')) function videoPlay(_this){ let bannerVideo = _this.find('.banner-video').length if(bannerVideo){ banner.autoplay.stop() _this.find('video').trigger('play') _this.find('video').bind('ended', function () { banner.slideNext(); banner.autoplay.start(); }); } } $(function(){ $('.w23-b7 .threeul').each(function(){ let ii = $(this).find('li').length console.log(ii) if(ii == 1){ console.log('ok') $(this).find('li').css('opacity','0') } }) }) var params = { zoomVal:1, left: 0, top: 0, currentX: 0, currentY: 0, flag: false }; function amplify(index){ var index=index; var amplifyValue=jQuery(".zoimg1").css("transform").replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1').split(',')[0]; if(index==1&&lifyValue){ var biger=parseFloat(amplifyValue)+0.1; jQuery(".zoimg1").css({"transform":"scale("+biger+")"}); }else if(index==2&&lifyValue){ var biger=parseFloat(amplifyValue)-0.1; jQuery(".zoimg1").css({"transform":"scale("+biger+")"}); }else if(index==1){ jQuery(".zoimg1").css({"transform":"scale(1.1)"}); }else if(index==2){ jQuery(".zoimg1").css({"transform":"scale(0.9)"}); } } var params = { zoomVal:1, left: 0, top: 0, currentX: 0, currentY: 0, flag: false }; function amplify2(index){ var index=index; var amplifyValue=jQuery(".zoimg2").css("transform").replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1').split(',')[0]; if(index==1&&lifyValue){ var biger=parseFloat(amplifyValue)+0.1; jQuery(".zoimg2").css({"transform":"scale("+biger+")"}); }else if(index==2&&lifyValue){ var biger=parseFloat(amplifyValue)-0.1; jQuery(".zoimg2").css({"transform":"scale("+biger+")"}); }else if(index==1){ jQuery(".zoimg2").css({"transform":"scale(1.1)"}); }else if(index==2){ jQuery(".zoimg2").css({"transform":"scale(0.9)"}); } } var params = { zoomVal:1, left: 0, top: 0, currentX: 0, currentY: 0, flag: false }; function amplify3(index){ var index=index; var amplifyValue=jQuery(".zoimg3").css("transform").replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1').split(',')[0]; if(index==1&&lifyValue){ var biger=parseFloat(amplifyValue)+0.1; jQuery(".zoimg3").css({"transform":"scale("+biger+")"}); }else if(index==2&&lifyValue){ var biger=parseFloat(amplifyValue)-0.1; jQuery(".zoimg3").css({"transform":"scale("+biger+")"}); }else if(index==1){ jQuery(".zoimg3").css({"transform":"scale(1.1)"}); }else if(index==2){ jQuery(".zoimg3").css({"transform":"scale(0.9)"}); } } var params = { zoomVal:1, left: 0, top: 0, currentX: 0, currentY: 0, flag: false }; function amplify4(index){ var index=index; var amplifyValue=jQuery(".zoimg4").css("transform").replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1').split(',')[0]; if(index==1&&lifyValue){ var biger=parseFloat(amplifyValue)+0.1; jQuery(".zoimg4").css({"transform":"scale("+biger+")"}); }else if(index==2&&lifyValue){ var biger=parseFloat(amplifyValue)-0.1; jQuery(".zoimg4").css({"transform":"scale("+biger+")"}); }else if(index==1){ jQuery(".zoimg4").css({"transform":"scale(1.1)"}); }else if(index==2){ jQuery(".zoimg4").css({"transform":"scale(0.9)"}); } } var params = { zoomVal:1, left: 0, top: 0, currentX: 0, currentY: 0, flag: false }; function amplify5(index){ var index=index; var amplifyValue=jQuery(".zoimg5").css("transform").replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1').split(',')[0]; if(index==1&&lifyValue){ var biger=parseFloat(amplifyValue)+0.1; jQuery(".zoimg5").css({"transform":"scale("+biger+")"}); }else if(index==2&&lifyValue){ var biger=parseFloat(amplifyValue)-0.1; jQuery(".zoimg5").css({"transform":"scale("+biger+")"}); }else if(index==1){ jQuery(".zoimg5").css({"transform":"scale(1.1)"}); }else if(index==2){ jQuery(".zoimg5").css({"transform":"scale(0.9)"}); } } // var bannerswiper = new Swiper('.banner-lunbo', { // speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, // observer:true, // observeParents:true, // }); var banner2swiper = new Swiper('.banner-lunbo2', { speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slideToClickedSlide: true, centeredSlides : true, observer:true, observeParents:true, }); banner.controller.control = banner2swiper; banner2swiper.controller.control = banner; var banner3swiper = new Swiper('.banner-lunbo3', { speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, observer:true, observeParents:true, }); var banner4swiper = new Swiper('.banner-lunbo4', { speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, slideToClickedSlide: true, centeredSlides : true, observer:true, observeParents:true, }); banner3swiper.controller.control = banner4swiper; banner4swiper.controller.control = banner3swiper; $('.w3-nav .w3-li-news').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w3-b').find($('.w3-bb .w3-bottom')).eq(index).show().siblings().hide() }) $('.w3-bb .w3-bottom:first').show() }) var videos = document.querySelectorAll('.video'); var buttons = document.querySelectorAll('.w3-btn'); buttons.forEach(function(button, index) { button.addEventListener('click', function() { videos[index].play(); this.style.display = 'none'; }); }); videos.forEach(function(video) { video.addEventListener('playing', function() { buttons.forEach(function(btn) { btn[index].style.display = 'none'; }); }); video.addEventListener('ended', function() { buttons.forEach(function(btn) { btn[index].style.display = 'block'; }); }); }); if($(window).width() > 900){ $(function(){ var controller = new ScrollMagic.Controller(); var video = document.querySelector("#ok"); var timeline = new TimelineMax({ paused: true }) .add(function() { video.play(); }) var screen = document.getElementById("w3"); var screenOffsetTop = screen.offsetTop; window.addEventListener("scroll", function() { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; if (scrollTop >= screenOffsetTop) { timeline.play(); $('#no').hide() window.removeEventListener("scroll", arguments.callee); } video.addEventListener("ended", function() { $('#no').show() }); }); }) } function prompt_fun(a){ $(a).after("
"); if($('body').height()>$(window).height()){ $('#Layer1').height($('body').height()); }else{ $('#Layer1').height($(window).height()); } $('#Layer1').width($('body').width()); $('#Layer1').fadeTo("fast",0.6); $(a).show(); console.log('ok111'); $('.w5-nav').show(); } function close_prompt_fun(a){ $(a).hide(); document.getElementById("CuPlayer").innerHTML=''; $('.video_all').hide(); document.getElementsByTagName('body')[0].style.overflow=''; $('#Layer1').height(0); $('.w5-nav').addClass('top'); } function add(video, img) { document.getElementById("CuPlayer").innerHTML = ''; prompt_fun(".bigPicLayer"); document.getElementsByTagName('body')[0].style.overflow='hidden'; $('#example_video_1')[0].play(); } $(function(){ $(".w6-btn").click(function () { video = $(this).attr("video-url"); img = $(this).attr("video-img"); add(video, img); $('.w5-nav').removeClass('top'); }); }) $(".w7-new").on("click", function(){ $(".w7-new").hide() }); var _this = this; _this.w9swiper = new Swiper(".w9-lunbo", { navigation: { nextEl: ".w9-bottom2 .swiper-button-next", prevEl: ".w9-bottom2 .swiper-button-prev", }, loop: true, loopAdditionalSlides: 3, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, spaceBetween: 17, observer: true, observeParents: true, on: { transitionEnd: function(){ var videoLength=$(".w9-video").length; for(var i=0; i top3) { $this.addClass("on"); _this.playVideo(); } top2 = $this.offset().top; top3 = top2 - $this.outerHeight(true); }); }); }); w11a1swiper = new Swiper(".p1 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p1 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a2swiper = new Swiper(".p2 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p2 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a3swiper = new Swiper(".p3 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p3 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a4swiper = new Swiper(".p4 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p4 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a5swiper = new Swiper(".p5 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p5 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a6swiper = new Swiper(".p6 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p6 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a7swiper = new Swiper(".p7 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p7 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a8swiper = new Swiper(".p8 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p8 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a9swiper = new Swiper(".p9 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p9 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a10swiper = new Swiper(".p10 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p10 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p11 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p11 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p12 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p12 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p13 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p13 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p14 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p14 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p15 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p15 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p16 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p16 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p17 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p17 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p18 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p18 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p19 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p19 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p20 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p20 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p21 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p21 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p22 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p22 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p23 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p23 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p24 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p24 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p25 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p25 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p26 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p26 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p27 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p27 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p28 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p28 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p29 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p29 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p30 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p30 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p31 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p31 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p32 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p32 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p33 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p33 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p34 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p34 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11a11swiper = new Swiper(".p35 .w11-lunbo", { pagination: { el: ".w11-b8 .swiper-pagination", type: "progressbar", }, direction: 'vertical', slideToClickedSlide: true, centeredSlides: true, speed: 1000, // autoplay: { // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, slidesPerView: 2, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.p35 .w11-b9 .w11-b10').eq(swiper.activeIndex).show().siblings('.w11-b10').hide(); }, }, }); w11twoswiper = new Swiper(".w11-lunbotwo", { speed: 300, autoplay: { delay: 3000, stopOnLastSlide: false, disableOnInteraction: false, }, slideToClickedSlide: true, centeredSlides: true, observer: true, observeParents: true, on: { init: function(swiper){ this.emit('transitionStart'); }, transitionStart: function(swiper){ $('.w11-b2 .w11-b11').eq(swiper.activeIndex).show().siblings('.w11-b11').hide(); var activeIndex = swiper.activeIndex; $(".w11-lunbotwo .swiper-slide").removeClass("on1 on2 on3 on4 on5 on6 on7 on8 on9"); $(".w11-lunbotwo .swiper-slide-active").prev().addClass('on1') $(".w11-lunbotwo .swiper-slide-active").next().addClass('on2') $(".w11-lunbotwo .swiper-slide-active").next().next().addClass('on3') $(".w11-lunbotwo .swiper-slide-active").next().next().next().addClass('on4') $(".w11-lunbotwo .swiper-slide-active").next().next().next().next().addClass('on5') $(".w11-lunbotwo .swiper-slide-active").next().next().next().next().next().addClass('on6') $(".w11-lunbotwo .swiper-slide-active").next().next().next().next().next().next().addClass('on7') $(".w11-lunbotwo .swiper-slide-active").next().next().next().next().next().next().next().addClass('on8') $(".w11-lunbotwo .swiper-slide-active").next().next().next().next().next().next().next().next().addClass('on9') }, }, }); if($(window).width() > 1000){ certifySwiper = new Swiper('.certify .swiper-container', { watchSlidesProgress: true, slidesPerView: 'auto', centeredSlides: true, observer: true, observeParents: true, loop: true, loopedSlides: 5, speed: 400, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, navigation: { nextEl: '.certify .swiper-button-next', prevEl: '.certify .swiper-button-prev', }, on: { progress: function(swiper,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 * 13.02 + 'vw'; translate = slideProgress * modify * 10 + 'vw'; scale = 1 - Math.abs(slideProgress) / 2; 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) > 1.5) { slide.css('opacity', 0); } } }, setTransition: function(swiper,transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } } }, }) }else{ certifySwiper = new Swiper('.certify .swiper-container', { watchSlidesProgress: true, centeredSlides: true, observer: true, observeParents: true, spaceBetween: 20, loop: true, speed: 400, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, navigation: { nextEl: '.certify .swiper-button-next', prevEl: '.certify .swiper-button-prev', }, }) } w13Swiper = new Swiper('.w13bt-lunbo', { slidesPerView: 3, centeredSlides: true, observer: true, observeParents: true, loop: true, loopedSlides: 5, speed: 400, spaceBetween: 40, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, navigation: { nextEl: '.w12-bt3 .swiper-button-next', prevEl: '.w12-bt3 .swiper-button-prev', }, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 3, }, 1200: { slidesPerView: 3, } }, }) $('.w13-bt1').each(function(){ $(this).hover(function(){ $(this).toggleClass('on') $(this).find('.w13-bt6').stop().toggle() }) }) $('.w13-bt9').each(function(){ $(this).click(function(){ $(this).toggleClass('on') $(this).find('.w13-new2').stop().slideToggle() $(this).siblings().find('.w13-new2').slideUp() }) }) $('.w16-b3').each(function(){ $(this).click(function(){ $(this).toggleClass('on') $(this).siblings().removeClass('on') $(this).find('.w16-b7').slideToggle() $(this).siblings().find('.w16-b7').slideUp() $(this).find('.w16-b4').slideToggle() $(this).siblings().find('.w16-b4').slideDown() }) $('.w16-b7:first').show() $('.w16-b4:first').hide() }) var _this = this; _this.w19swiper = new Swiper(".w19-lunbo", { navigation: { nextEl: ".w19-nav .swiper-button-next", prevEl: ".w19-nav .swiper-button-prev", }, loop: true, loopedSlides: 5, speed: 1000, autoplay: { delay: 10000, stopOnLastSlide: false, disableOnInteraction: false, }, spaceBetween: 20, observer: true, observeParents: true, on: { transitionEnd: function(){ var videoLength=$(".w19-video").length; for(var i=0; i top3) { $this.addClass("on"); _this.playVideo2(); } top2 = $this.offset().top; top3 = top2 - $this.outerHeight(true); }); }); }); var w22aswiper = new Swiper('.w22-lunbo1', { speed: 400, autoplay: false, observer:true, observeParents:true, }); var w22bswiper = new Swiper('.w22-lunbo2', { speed: 400, autoplay: { delay: 15000, stopOnLastSlide: false, disableOnInteraction: false, }, slideToClickedSlide: true, centeredSlides : true, observer:true, observeParents:true, }); $('.w22-left').on({ mouseover:function(){ w22aswiper.autoplay.stop() }, mouseout:function(){ w22aswiper.autoplay.start() }, }) $('.w22-left').on({ mouseover:function(){ w22aswiper.autoplay.stop() w22bswiper.autoplay.stop() }, mouseout:function(){ w22aswiper.autoplay.start() w22bswiper.autoplay.start() }, }) w22aswiper.controller.control = w22bswiper; w22bswiper.controller.control = w22aswiper; $(".threed-no").on("click", function(){ $(".threed").hide() $('body').removeClass('on') }); $("#lyzx2").on("click", function(){ $(".w22-tcc").hide() $('body').removeClass('on') }); $("#lyzx").on("click", function(){ $(".w22-tcc").show() $('body').addClass('on') }); function changeColor() { var checkboxes = document.querySelectorAll(".w22-tcd14"); var texts = document.querySelectorAll(".w22-tcd13"); checkboxes.forEach(function(checkbox, index) { if (checkbox.checked) { texts[index].style.color = "#00428B"; } else { texts[index].style.color = "#000000"; } }); } $("#zpdb2").on("click", function(){ $(".w22-tcd").hide() $('body').removeClass('on') }); $("#zpdb").on("click", function(){ $(".w22-tcd").show() $(".w22-tce1").show() $(".w22-tce2").hide() $('body').addClass('on') }); /* $(".w22-tcdbtn").on("click", function(){ $(".w22-tce2").show() $(".w22-tce1").hide() }); */ $(".w22-tce6").on("click", function(){ $(".w22-tce1").show() $(".w22-tce2").hide() }); // $("#div").hover(function(){ // jQuery(document.body).css({ // "overflow-x":"hidden", // "overflow-y":"hidden" // }); // },function(){ // jQuery(document.body).css({ // "overflow-x":"auto", // "overflow-y":"auto" // }); // }); // var params = { // zoomVal:1, // left: 0, // top: 0, // currentX: 0, // currentY: 0, // flag: false // }; // function bbimg(o){ // var o=o.getElementsByTagName("img")[0]; // params.zoomVal+=event.wheelDelta/1200; // if (params.zoomVal >= 0.2) { // o.style.transform="scale("+params.zoomVal+")"; // } else { // var amplifyValue=jQuery("#img").css("transform").replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1').split(',')[0] // params.zoomVal=parseFloat(amplifyValue); // o.style.transform="scale("+params.zoomVal+")"; // return false; // } // } // function amplify(index){ // var index=index; // var amplifyValue=jQuery("#img").css("transform").replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1').split(',')[0]; // if(index==1&&lifyValue){ // var biger=parseFloat(amplifyValue)+0.1; // jQuery("#img").css({"transform":"scale("+biger+")"}); // }else if(index==2&&lifyValue){ // var biger=parseFloat(amplifyValue)-0.1; // jQuery("#img").css({"transform":"scale("+biger+")"}); // }else if(index==1){ // jQuery("#img").css({"transform":"scale(1.1)"}); // }else if(index==2){ // jQuery("#img").css({"transform":"scale(0.9)"}); // } // } $('.w23-c3 .w23-c4').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w23-c1').find($('.w23-c5 .w23-c6')).eq(index).show().siblings().hide() }) $('.w23-c5 .w23-c6:first').show() }).eq(0).click(); var _this = this; _this.w23aswiper = new Swiper(".w23-lunbo1", { navigation: { nextEl: ".w23-d1 .swiper-button-next", prevEl: ".w23-d1 .swiper-button-prev", }, loop: true, loopedSlides: 5, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, spaceBetween: 20, observer: true, observeParents: true, on: { transitionEnd: function(){ var videoLength=$(".w23-lunbo1 .w23-video").length; for(var i=0; i top3) { $this.addClass("on"); _this.playVideo3(); _this.playVideo4(); } top2 = $this.offset().top; top3 = top2 - $this.outerHeight(true); }); }); }); w23cswiper = new Swiper(".w23-lunbo3", { navigation: { nextEl: ".w23-e1 .swiper-button-next", prevEl: ".w23-e1 .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 5, }, 1200: { slidesPerView: 5, spaceBetween: 35, } }, }); var playVideo3 = function () { _this.w23aswiper.autoplay.stop(); $(".w23-lunbo1 .swiper-slide-active .w23-d7").hide(); $(".w23-lunbo1 .swiper-slide-active .w23-video")[0].play(); $(".w23-lunbo1 .swiper-slide-active .w23-video").on('play',function(){ _this.w23aswiper.autoplay.stop() }); $(".w23-lunbo1 .swiper-slide-active .w23-video").on('pause',function(){ _this.w23aswiper.autoplay.start() }); } $(".w24-b4").on("click", function(){ $(".w24-b2").hide(); $(".w24-video")[0].play(); $(".w24-video").on('play',function(){ $(".w24-b2").hide(); }); $(".w24-video").on('pause',function(){ $(".w24-b2").show(); }); }); var w25swiper = new Swiper('.w25-lunbo', { pagination: { el: ".w25-lunbo .swiper-pagination", clickable :true, }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer:true, observeParents:true, }); /* $('.w25-b8 .w25-b9').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w25-b7').find($('.w25-b10 .w25-b11')).eq(index).show().siblings().hide() }) $('.w25-b10 .w25-b11:first').show() }) */ /* $(".w25-b12").on("click", function(){ $(".w25-tanchuang").show() }); $(".w25-lbbtn").on("click", function(){ $(".w25-tanchuang2").show() }); // 2023.9.12 $(".w25-lbbtn2").on("click", function(){ $(".w25-tanchuang3").show() }); $(".w25-lbbtn3").on("click", function(){ $(".w25-tanchuang4").show() }); */ $(".w25-close").on("click", function(){ $(".w25-tanchuang").hide() $(".w25-tanchuang2").hide() $(".w25-tanchuang3").hide() $(".w25-tanchuang4").hide() }); // 2023.9.12 w35swiper = new Swiper(".w35-lunbo", { navigation: { nextEl: ".w19-nav .swiper-button-next", prevEl: ".w19-nav .swiper-button-prev", }, loop: true, loopedSlides: 5, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, spaceBetween: 20, observer: true, observeParents: true, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 1.72, }, 1200: { slidesPerView: 1.72, } }, }); w37swiper = new Swiper(".w37-lunbo", { pagination: { el: ".swiper-pagination", clickable: true, }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w37-b3 li').eq(swiper.activeIndex).addClass('on').siblings('li').removeClass('on'); }, }, }); $(function(){ $('.w37-b3 li').click(function(){ $(this).addClass('on').siblings('li').removeClass('on'); var index = $('.w37-b3 li').index(this); w37swiper.slideTo($(this).index(), 500, false); w37swiper.update(); }); }) w40b1swiper = new Swiper(".w40-lunbo1", { navigation: { nextEl: ".w40-xx1 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx1 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx1 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b2swiper = new Swiper(".w40-lunbo2", { navigation: { nextEl: ".w40-xx2 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx2 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx2 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b3swiper = new Swiper(".w40-lunbo3", { navigation: { nextEl: ".w40-xx3 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx3 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx3 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b4swiper = new Swiper(".w40-lunbo4", { navigation: { nextEl: ".w40-xx4 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx4 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx4 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b5swiper = new Swiper(".w40-lunbo5", { navigation: { nextEl: ".w40-xx5 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx5 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx5 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b6swiper = new Swiper(".w40-lunbo6", { navigation: { nextEl: ".w40-xx6 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx6 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx6 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b7swiper = new Swiper(".w40-lunbo7", { navigation: { nextEl: ".w40-xx7 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx7 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx7 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b8swiper = new Swiper(".w40-lunbo8", { navigation: { nextEl: ".w40-xx8 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx8 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx8 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); w40b9swiper = new Swiper(".w40-lunbo9", { navigation: { nextEl: ".w40-xx9 .w40-zx10 .swiper-button-next", prevEl: ".w40-xx9 .w40-zx10 .swiper-button-prev", }, speed: 1000, observer: true, observeParents: true, on: { transitionEnd: function(swiper){ $('.w40-xx9 .w40-zx11 .w40-zx7').eq(swiper.activeIndex).show().siblings('.w40-zx7').hide(); }, }, }); $('.w40-b1 .w40-b2').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w40-b').find($('.w40-b3 .w40-b4')).eq(index).show().siblings().hide() $(this).parents('.w40-b').find($('.w40-b5 .w40-b6')).eq(index).show().siblings().hide() $(this).parents('.w40-b').find($('.w40-b5 .w40-b6')).eq(index).addClass('on').siblings().removeClass('on') $(this).parents('.w40-b').find($('.w40-b5 .on .w40-b7 .w40-b8')).eq(0).addClass('on').siblings().removeClass('on') $(this).parents('.w40-b').find($('.w40-right .w40-b9')).eq(index).show().siblings().hide() $(this).parents('.w40-b').find($('.w40-right .w40-b9')).eq(index).addClass('on').siblings().removeClass('on') $(this).parents('.w40-b').find($('.w40-right .on .w40-b10 .w40-b11')).eq(0).show().siblings().hide() $(this).parents('.w40-b').find($('.w40-zx3 .w40-zx4')).eq(index).show().siblings().hide() $(this).parents('.w40-b').find($('.w40-zx3 .w40-zx4')).eq(index).addClass('on').siblings().removeClass('on') $(this).parents('.w40-b').find($('.w40-zx .w40-zx4.on .w40-zx5')).eq(0).show().siblings().hide() }) $('.w40-b3 .w40-b4:first').show() $('.w40-b5 .w40-b6:first').show() $('.w40-b5 .w40-b6:first').addClass('on') $('.w40-right .w40-b9:first').show() $('.w40-right .w40-b9:first').addClass('on') $('.w40-b9.on .w40-b10 .w40-b11:first').show() $('.w40-zx3 .w40-zx4:first').show() $('.w40-zx3 .w40-zx4:first').addClass('on') $('.w40-zx4.on .w40-zx5:first').show() $('.w40-zx4.on .w40-zx5:first').addClass('on') }) $('.w40-b7 .w40-b8').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w40-b').find($('.w40-b9.on .w40-b10 .w40-b11')).eq(index).show().siblings().hide() $(this).parents('.w40-b').find($('.w40-zx4.on .w40-zx5')).eq(index).show().siblings().hide() $(this).parents('.w40-b').find($('.w40-zx4.on .w40-zx5')).eq(index).addClass('on').siblings().removeClass('on') }) }) $('.w41-b4').each(function(){ $(this).hover(function(){ $(this).addClass('on') $(this).parents('.w41-b3').siblings().find('.w41-b4').removeClass('on') $(this).parents('.w41-b3').find('.w41-b5').slideDown() $(this).parents('.w41-b3').siblings().find('.w41-b5').slideUp() }) $('.w41-b3 .w41-b5:first').show() }) w44swiper = new Swiper(".w44-lunbo", { navigation: { nextEl: ".w44-b3 .w19-nav .swiper-button-next", prevEl: ".w44-b3 .w19-nav .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, }); w49swiper = new Swiper(".w49-lunbo", { navigation: { nextEl: ".w49-b5 .w19-nav .swiper-button-next", prevEl: ".w49-b5 .w19-nav .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 3, }, 1200: { slidesPerView: 3, spaceBetween: 35, } }, }); $('.w50-b7 .w50-b8').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w50-b').find($('.w50-b2 .w50-b3')).eq(index).show().siblings().hide() $(this).parents('.w50-b').find($('.w50-b9 .w50-b10')).eq(index).show().siblings().hide() }) $('.w50-b2 .w50-b3:first').show() $('.w50-b9 .w50-b10:first').show() }) w50aswiper = new Swiper(".w50-lunbo1", { navigation: { nextEl: ".w50-x1 .swiper-button-next", prevEl: ".w50-x1 .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 3, }, 1200: { slidesPerView: 3, spaceBetween: 35, } }, }); w50bswiper = new Swiper(".w50-lunbo2", { navigation: { nextEl: ".w50-x2 .swiper-button-next", prevEl: ".w50-x2 .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 3, }, 1200: { slidesPerView: 3, spaceBetween: 35, } }, }); w52swiper = new Swiper(".w52-lunbo", { navigation: { nextEl: ".w52-b4 .swiper-button-next", prevEl: ".w52-b4 .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 2.2, }, 1200: { slidesPerView: 2.2, spaceBetween: 22, } }, }); w53swiper = new Swiper(".w53-lunbo", { pagination: { el: ".w53-b .swiper-pagination", clickable: true, }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true }); $('.w56-b1 .w56-b9').click(function(){ $(this).parents('.w56-b1').find('.w56-b8').hide(); $(this).parents('.w56-b1').find('.w56-video').get(0).play(); }); $(".w56-video").on('play', function(){ $(this).parents('.w56-b1').find('.w56-b8').hide(); }); $(".w56-video").on('pause', function(){ $(this).parents('.w56-b1').find('.w56-b8').show(); }); $('.w57-cjwt3').each(function(){ $(this).click(function(){ $(this).toggleClass('on') $(this).parents('.w57-cjwt2').siblings().find('.w57-cjwt3').removeClass('on') $(this).parents('.w57-cjwt2').find('.w57-cjwt6').slideToggle() $(this).parents('.w57-cjwt2').siblings().find('.w57-cjwt6').slideUp() }) $('.w57-cjwt2 .w57-cjwt6:first').slideDown() $('.w57-cjwt2 .w57-cjwt3:first').addClass('on') }) /* $('.w59-left .w59-l2').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w59-b').find($('.w59-right .w59-rt')).eq(index).show().siblings().hide() }) $('.w59-right .w59-rt:first').show() }) */ function prompt_fun(a){ $(a).after("
"); if($('body').height()>$(window).height()){ $('#Layer1').height($('body').height()); }else{ $('#Layer1').height($(window).height()); } $('#Layer1').width($('body').width()); $('#Layer1').fadeTo("fast",0.6); $(a).show(); console.log('ok111'); } function close_prompt_fun(a){ $(a).hide(); document.getElementById("CuPlayer").innerHTML=''; $('.video_all').hide(); document.getElementsByTagName('body')[0].style.overflow=''; $('#Layer1').height(0); } function add(video, img) { document.getElementById("CuPlayer").innerHTML = '"; prompt_fun(".bigPicLayer"); document.getElementsByTagName('body')[0].style.overflow='hidden'; $('#example_video_1')[0].play(); } $(function(){ $(".w57-btn").click(function () { video = $(this).attr("video-url"); img = $(this).attr("video-img"); add(video, img); }); }) w63swiper = new Swiper(".w63-lunbo", { navigation: { nextEl: ".w63-l3 .swiper-button-next", prevEl: ".w63-l3 .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, observer: true, observeParents: true, breakpoints: { 200: { slidesPerView: 1, }, 320: { slidesPerView: 1, }, 776: { slidesPerView: 1, spaceBetween: 0, }, 1000: { slidesPerView: 3.15, }, 1200: { slidesPerView: 3.15, spaceBetween: 25, } }, }); $('.w64-b4').each(function(){ $(this).click(function(){ $(this).toggleClass('on') $(this).parents('.w64-b3').siblings().find('.w64-b4').removeClass('on') $(this).parents('.w64-b3').find('.w64-b8').slideToggle() $(this).parents('.w64-b3').siblings().find('.w64-b8').slideUp() }) $('.w64-b3 .w64-b8:first').slideDown() }) $('.w26-b .w26-b2').each(function(){ $(this).hover(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w26-w27').find($('.w27 .w27-new')).eq(index).show().siblings().hide() $(this).parents('.w26-w27').find($('.w26-img .w26-img2')).eq(index).show().siblings().hide() }) $('.w27 .w27-new:first').show() $('.w26-img .w26-img2:first').show() }) /* $(".w57-b7btn").on("click", function(){ $(".threed").show() $("#two").show() $("#three").hide() }); $(".w59-r7btn").on("click", function(){ $(".threed").show() $("#two").show() $("#three").hide() }); */ $('.w23-b5 .w23-b6').each(function(){ $(this).click(function(){ $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $(this).parents('.w23-b1').find($('.w23-b2 .w23-b7')).eq(index).show().siblings().hide() }) $('.w23-b2 .w23-b7:last').show() }) function scrollNav() { var v = 0, p = document.querySelector('.w5-nav').offsetTop; k = document.querySelector('.w5-nav').offsetHeight; n = p + k*3; $(window).scroll(function () { v = $(this).scrollTop(); if (v > n) { $(".w5-nav").addClass("top") } else { $(".w5-nav").removeClass("top") } setTimeout(function () { v = n }, 0) }) } scrollNav(); w6ydswiper = new Swiper(".w6yd-lunbo", { speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, spaceBetween: 5, slidesPerView: 1, }); w17ydswiper = new Swiper(".w17yd-lunbo", { speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, slideToClickedSlide: true, centeredSlides : true, observer: true, observeParents: true, spaceBetween: 10, slidesPerView: 2.2, pagination: { el: ".w17yd .swiper-pagination", clickable: true, }, }); w18ydswiper = new Swiper(".w18yd-lunbo", { speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, slidesPerView: 1, on:{ init: function(swiper){ swiperAnimateCache(swiper); swiperAnimate(swiper); }, slideChangeTransitionStart: function(swiper) { swiperAnimate(swiper); }, }, }); w26swiper = new Swiper(".w26-lunbo .swiper-container", { speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, loopedSlides: 5, observer: true, observeParents: true, slidesPerView: 1, pagination: { el: ".w26-lunbo .swiper-pagination", clickable: true, }, }); w11a11swiper = new Swiper(".vv-lunbo .swiper-container", { navigation: { nextEl: ".vv .swiper-button-next", prevEl: ".vv .swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, observer: true, observeParents: true, slidesPerView: "auto", on: { init: function(swiper){ this.emit('transitionStart'); }, transitionStart: function(swiper){ $('.vv-bimg .vv-img').eq(swiper.activeIndex).addClass('ok').siblings('.vv-img').removeClass('ok'); }, }, });