//移动端导航 $(".selectBut").click(function() { $(".navm-box").toggleClass("act"); $("body").toggleClass("navShow"); if($(".selectBut").hasClass("hd1-aon1")) { $(this).removeClass("hd1-aon1"); } else { $(this).addClass("hd1-aon1"); } }) $(".nav-wrap .icon-jia").click(function(){ if($(this).parent().find("dl").is(":hidden")){ $(this).parent().find("dl").show(500); $(this).css("transform","rotate(180deg)") }else{ $(this).parent().find("dl").hide(500); $(this).css("transform","rotate(0deg)") } }); //搜索 $('.search').click(function(){ $('.search_wrap').fadeIn(); }); $('.search_wrap .bck').click(function(){ $('.search_wrap').fadeOut("slow"); }); //banner var mySwiper1 = new Swiper('.banner .swiper-container', { speed:1200, loop:true, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.banner .swiper-pagination', clickable: true, } }); var scroll_5 = new Swiper('.pdbox .swiper-container', { slidesPerView: 3, loop:true, autoplay: { delay: 5000, disableOnInteraction: false, }, spaceBetween: 30, breakpoints: { 880:{ slidesPerView: 2, }, 560:{ slidesPerView: 1, } } }); var scroll_6 = new Swiper('.pbox .swiper-container', { slidesPerView: 4, autoplay: { delay: 5000, disableOnInteraction: false, }, spaceBetween: 20, breakpoints: { 1366:{ slidesPerView: 3, }, 1060:{ slidesPerView: 2, }, 640:{ slidesPerView: 1, } } }); var scroll_7 = new Swiper('.news-scroll .swiper-container', { speed:1200, loop:true, autoplay: { delay: 5000, disableOnInteraction: false, }, navigation: { prevEl: '.news-scroll .swiper-button-prev', nextEl: '.news-scroll .swiper-button-next', } }); $('.s1-l>ul').slick({ autoplay: false, dots: false, arrows: false, accessibility: true, asNavFor: '.s1-rt>ul,.s1-rb>ul' }); $('.s1-rt>ul').slick({ autoplay: false, dots: false, slidesToShow: 2, slidesToScroll: 1, arrows: false, accessibility: true, asNavFor: '.s1-l>ul,.s1-rb>ul', responsive: [ { breakpoint: 1025, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 1 } }] }); $('.s1-rb>ul').slick({ autoplay: false, dots: false, arrows: false, accessibility: true, asNavFor: '.s1-l>ul,.s1-rt>ul' }); $('.s1-b>ul').slick({ autoplay: false, dots: true, slidesToShow: 3, slidesToScroll: 3, arrows: false, accessibility: true, responsive: [ { breakpoint: 1025, settings: { slidesToShow: 2, slidesToScroll: 1 } }] }); var scroll_6 = new Swiper('.pebox .swiper-container', { slidesPerView: 4, loop:true, autoplay: { delay: 5000, disableOnInteraction: false, }, spaceBetween: 30, breakpoints: { 820:{ slidesPerView: 2, }, 480:{ slidesPerView: 1, } } });