Product details

Document .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; } } On-Device AI Perimeter Protection One-Way Audio Weatherrproof Design Expandable Storage 2TB pre-installed HDD (expandable up to 8TB) enables 24/7 video and audio recording of all connected cameras simultaneously. No Monthly Fee No hidden fees or subscriptions - record and store your footage locally to the NVR for easy access anytime. Plug and Play Flexible Remote Access Easy Access & Share Smart Playback Privacy Masking Plug & Play PoE System Streamline installation with one Ethernet cable for power and network, freeing you from cable clutter hassle. All-in-One Monitoring & Control One system to handle it all—monitor multiple cameras, store footage locally, and manage settings with ease. Easy Access & Share View your cameras from anywhere via free Zosi Smart App/AVSS Client and easily share access with family members. Event Filter and Smart Playback With Smart Playback, you can filter by event type like human or vehicle and watch key footage instantly. Focus on What Matters Most Your cameras watch where you want it to—mask sensitive areas and set up zones to avoid unnecessary alerts. 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', }, }); initializeSwiper(".swiper-tab2", ".swiper-tabContent3", { 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 .swiper-button-prev', }, }); const swiper3 = new Swiper('.swiper-container3', { // 方向 direction: 'horizontal', // 循环 loop: true, // 自动播放 // autoplay: { // delay: