Product details

.home-banner.siginl-banner, .home-banner.siginl-banner+div { margin: 0 auto; } .siginl-banner { position: relative; } body .timeLines { margin-top: 25px; } .swiper-img .swiper-pagination { bottom: 20px; min-width: 200px; text-align: center; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .swiper-img .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 5px; } .swiper-container2,.swiper-img { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; overflow: hidden; } .swiper-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #01aded; } .top-section { top: 0; left: 0; width: 100%; color: #fff; overflow: hidden; text-align: center; max-width: 1400px; margin: 0 auto; margin-bottom: 48px; } .top-section .swiper-img .swiper-button-prev, .top-section .swiper-img .swiper-button-next { color: #fff; font-size: 14px !important; background: #ffffff99; color: #222222; padding: 25px 10px; } .top-section .swiper-img .swiper-button-prev { left: 0; } .top-section .swiper-img .swiper-button-next { right: 0; } .top-section .feature-content { text-align: left; } body .tab-col2-box, body .tab-col4-box { align-items: flex-start; } @media screen and (max-width: 768px) { .top-section .feature-content { text-align: center; } .top-section .feature-content p span, .feature-content p span { color: #222222; } .swiper-container1 .swiper-slide { display: block; } } #myProductAddCartButtonId.Estimated:after { content: "Estimated delivery within 20 days"; position: absolute; width: 225px; text-transform: none; font-size: 12px; font-weight: 400; text-align: center; color: #ffffff; background-color: #000; padding: 5px 4px; border-radius: 10px; right: 0; top: -27px; } #myProductAddCartButtonId.PreOrder:before{ content: "?"; background: #000000; width: 20px; height: 20px; line-height: 20px; color: #ffffff; text-align: center; border-radius: 50%; position: absolute; right: 100%; left: 92%; z-index: 10; top: -2px; cursor: pointer; transform: none; } .t4s-d-flex.t4s-flex-wrap button#myProductAddCartButtonId { position: relative; overflow: visible; } @media (max-width: 768px) { #myProductAddCartButtonId.PreOrder:before { content: "?"; background: #000000; width: 20px; height: 20px; line-height: 20px; color: #ffffff; text-align: center; border-radius: 50%; position: absolute; right: 100%; left: 92%; z-index: 10; top: -2px; cursor: pointer; transform: none; } #myProductAddCartButtonId.Estimated:after { content: "Estimated delivery within 20 days"; position: absolute; width: 225px; text-transform: none; font-size: 12px; font-weight: 400; text-align: center; color: #ffffff; background-color: #000; padding: 5px 4px; border-radius: 10px; right: 0; top: -27px; } } 4K HD Color Night Vision Human Auto Tracking Spotlight & Sound Siren Two-way Audio Privacy Masking Customised Alarm Voice Remote Viewing IP66 Weatherproof function initializeSwiper(swiperContainer, thumbsContainer, config = {}) { // 默认配置参数 const defaultConfig = { autoplay: true, // delay: 5000, autoplay: { delay: 6000, // 设置自动播放延迟为5秒 }, breakpoints: { "@0.00": { slidesPerView: 5, spaceBetween: 10, }, "@0.75": { slidesPerView: 5, spaceBetween: 10, }, "@1.00": { slidesPerView: 5, spaceBetween: 10, }, "@1.50": { slidesPerView: 5, spaceBetween: 10, }, }, freeMode: true, watchSlidesProgress: true, grabCursor: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }; // 使用传入的配置参数覆盖默认配置 const mergedConfig = {...defaultConfig, ...config }; var swiper = new Swiper(swiperContainer, mergedConfig); var swiper2 = new Swiper(thumbsContainer, { autoplay: mergedConfig.autoplay, spaceBetween: 10, grabCursor: mergedConfig.grabCursor, navigation: mergedConfig.navigation, thumbs: { swiper: swiper, }, }); } initializeSwiper(".swiper-tab1", ".swiper-tabContent1", { autoplay: false, navigation: { nextEl: '.swiper-tabContent1 .swiper-button-next', prevEl: '.swiper-tabContent1 .swiper-button-prev', }, }); initializeSwiper(".swiper-tab2", ".swiper-tabContent2", { autoplay: false, navigation: { nextEl: '.swiper-tabContent2 .swiper-button-next', prevEl: '.swiper-tabContent2 .swiper-button-prev', }, }); // 初始化 Swiper 实例 const swiper1 = new Swiper('.swiper-container1', { // 方向 direction: 'horizontal', // 循环 loop: true, // 自动播放 // autoplay: { // delay: 5000, // 2秒切换一次 // }, // 分页器 pagination: { el: '.swiper-container1 .swiper-pagination', clickable: true, }, // 导航按钮 navigation: { nextEl: '.swiper-container1 .swiper-button-next', prevEl: '.swiper-container1 .swiper-button-prev', }, }); const swiper2 = new Swiper('.swiper-container2', { // 方向 direction: 'horizontal', // 循环 loop: true, // 自动播放 // autoplay: { // delay: 5000, // 2秒切换一次 // }, // 分页器 pagination: { el: '.swiper-container2 .swiper-pagination', clickable: true, }, // 导航按钮 navigation: { nextEl: '.swiper-container2 .swiper-button-next', prevEl: '.swiper-container2