CINXE.COM
现场照片与视频
<!DOCTYPE html> <html> <head> <title> 现场照片与视频 </title> <meta name="keywords" content="现场照片与视频 "/> <meta name="description" content="展会现场照片集锦及视频可在此获得。重温展会精彩瞬间。 "/> <meta charset="utf-8"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="Cache-Control" content="max-age=31536000"/> <meta http-equiv="Pragma" content="max-age=31536000"/> <link rel="canonical" href="https://www.productronicachina.com.cn/for-visitors-impressions-videos"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta property="og:image" content="/assets/image/favicon.ico"/> <link rel="shortcut icon" href="/assets/image/favicon.ico" type="image/x-icon"/> <script src="/assets/lib/jquery/jquery-1.11.1.min.js"></script> <script> let lang_local_set = 'zh-cn'; var lang_local_path = ''; let is_edit_website = ''; function lazyLoadImage() { //获取所有要进行懒加载的图片 const lazyLoadImg = document.querySelectorAll('.lazy-load[data-src]') lazyLoadImg.forEach(item => { if(isInViewport(item)) { $(item).attr('src', item.getAttribute('data-src')) // image[0].src = item.getAttribute('data-src') $(item).css('opacity','1') $(item).removeAttr('data-src') $(item).removeClass('lazy-load') $(item).fadeIn() // item.removeAttribute('data-src') } }) function isInViewport(ele) { // 元素顶部 距离 视口左上角 的距离top <= 窗口高度 （反例：元素在屏幕下方的情况） // 元素底部 距离 视口左上角 的距离bottom > 0 (反例：元素在屏幕上方的情况) // 元素display样式不为none const notBelow = ele.getBoundingClientRect().top <= window.innerHeight ? true : false; const notAbove = ele.getBoundingClientRect().bottom >= 0 ? true : false; const visable = getComputedStyle(ele).display !== "none" ? true : false; return notBelow && notAbove && visable ? true : false; } } lazyLoadImage() setInterval(()=>{ lazyLoadImage() },2000) document.addEventListener('scroll',()=>{ lazyLoadImage() },{passive: true}) //页面初始化方法 /*function reduceRem() { let screen_width = screen.availWidth if (window.screen.availWidth > 992) { document.querySelector('html').style.fontSize = ((screen_width / 1920) * 62.5) + '%' } else { document.querySelector('html').style.fontSize = ((screen_width / 375) * 62.5) + '%' } }*/ // reduceRem() </script> <script src="/assets/lib/js-cookie/js.cookie.js"></script> <link href="/assets/css/animate/animate.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/iconfont/iconfont.css?version=2.25" rel="stylesheet" type="text/css"/> <link href="/assets/lib/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/lib/carousel/owl.carousel.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/css/common/layout.css?version=2.25" rel="stylesheet" type="text/css"/> <link href="/assets/css/photos-and-videos.css?version=2.25" rel="stylesheet" type="text/css"/> </head> <body lang="zh-cn"> <div class="ui-style-css container_body" id="app_body"> <div class="page-menu-left" > <div class="header-overlay"> </div> <div class="header-mobile-container"> <div class="header-mobile-box"> <div class="mobile-nav-left"> <div class="nav-open"> <i class="iconfont icon-BurgerMenu is-open"></i> <i class="iconfont icon-Cancel"></i> </div> <span href="/home" class="mobile-logo"> <a class="image-module" href="/home" data-key="module_logo"> <figure class="image-wrapper" style="position: relative"> <picture> <img src="https://www.productronicachina.com.cn/resources/files/0620/6673ee330954c/logo.jpg" alt="logo.jpg"> </picture> </figure> </a> </span> </div> <div class="mobile-nav-right"> <span class="nav-phone-btn"><a><i class="iconfont icon-Phone"></i></a></span> <span class="nav-language-btn"><i class="iconfont icon-World"></i></span> <span class="nav-search-btn"><i class="iconfont icon-Search"></i></span> </div> <div class="mobile-nav-show hidden"> <i class="iconfont icon-Left"></i> </div> <div class="search-box search-mobile hidden"> <div class="search-item"> <i class="iconfont icon-Search"></i> <input type="text" placeholder="Search" data-key="module_text"> </div> </div> <div class="language-box language-mobile hidden"> <a class="language-chinese active" href="/home" >Chinese</a> <a class="language-english " href="https://www.productronicachina.com.cn/en/" target="_blank">English</a> </div> </div> </div> <div class="header-container"> <div class="header-box"> <div class="header-menu-box"> <div class="header-logo"> <a class="image-module" href="/home" data-key="module_logo_1"> <figure class="image-wrapper" style="position: relative"> <picture> <img src="https://www.productronicachina.com.cn/resources/files/0620/6673ee330954c/logo.jpg" alt="logo.jpg"> </picture> </figure> </a> </div> <ul class="header-menu-item"> <div class="menu-box"> <li class="menu-item"> <a class="menu-item-link " href="/discover-productronica-china"> <span>关于 productronica China</span> </a> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span>新闻</span> </a> <ul> <li class="menu-child-item"> <a class="" href="industry-news"> <span>行业新闻</span> </a> </li> <li class="menu-child-item"> <a class="" href="exhibition-news"> <span>展会新闻</span> </a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> 基本信息</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/about-exhibition"><span>展会概况</span></a> <li class="menu-child-item"> <a class="" href="/data-facts-impressions-impressions-videos"><span>照片与视频</span></a> <li class="menu-child-item"> <a class="" href="/partners"><span>合作伙伴</span></a> </ul> </li> </div> <div class="menu-item-subtitle"> <span >行业重要展会</span> </div> <div class="menu-box"> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item "> <div class="content-title"> <a href="/productronica-china-2025"> productronica China 2025 </a> </div> <div class="content-time"> <span>2025年3月26-28日</span> </div> </div> </div> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> 在线注册</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/e-mail-subscriptions"><span>邮件订阅</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> 同期活动</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/supporting-program"><span>活动一览</span></a> </li> <li class="menu-child-item"> <a class="" href="/论坛报名咨询"><span>参会咨询</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> 展商中心</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/benefits-to-exhibit"><span>为何参展</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-exhibitors-fairgrounds-map"><span>展馆分布</span></a> </li> <li class="menu-child-item"> <a class="" href="/investment-proposal"><span>招展书</span></a> </li> <li class="menu-child-item"> <a class="" href="/application-prices"><span>展位申请</span></a> </li> <li class="menu-child-item"> <a class="" href="/marketing-service"><span>市场服务</span></a> </li> <li class="menu-child-item"> <a class="" href="/stand-building"><span>展台搭建</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-exhibitors-visa-service"><span>签证服务</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-exhibitors-advice-contacts"><span>参展咨询</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> 观众中心</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/benefits-to-visit"><span>为何参观</span></a> </li> <li class="menu-child-item"> <a class="" href="/opening-hours"><span>开放时间</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-visitors-fairgrounds-map"><span>展馆分布</span></a> </li> <li class="menu-child-item"> <a class=" active " href="/for-visitors-impressions-videos"><span>照片与视频</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-visitors-visitor-registration"><span>观众注册</span></a> </li> <li class="menu-child-item"> <a class="" href="/industry-exchange-wechat-group"><span>行业交流群</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-visitors-visa-service"><span>签证服务</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-visitors-contact-advice"><span>参观咨询</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> 媒体中心</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/media-partners"><span>合作媒体</span></a> </li> <li class="menu-child-item"> <a class="" href="/social-media"><span>社交媒体</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-journalists-impression-videos"><span>照片与视频</span></a> </li> <li class="menu-child-item"> <a class="" href="/live-news-center"><span>现场新闻中心</span></a> </li> <li class="menu-child-item"> <a class="" href="/for-journalists-visa-service"><span>签证服务</span></a> </li> <li class="menu-child-item"> <a class="" href="/contacts-for-journalists"><span> 媒体联络</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> 商旅服务</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/travel-stay-visa-service"><span>签证服务</span></a> </li> <li class="menu-child-item"> <a class="" href="/travel-stay-venue-information"><span>场馆信息</span></a> </li> <li class="menu-child-item"> <a class="" href="/travel-stay-getting-there"><span>交通指南</span></a> </li> <li class="menu-child-item"> <a class="" href="/travel-stay-catering-services"><span>周边餐饮</span></a> </li> <li class="menu-child-item"> <a class="" href="/travel-stay-accommodation-stay"><span>酒店住宿</span></a> </li> </ul> </li> </div> <div class="menu-item-subtitle"> <a href="/全球网络" >productronica China 全球网络</a> </div> <div class="menu-box"> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item"> <div class="content-title"> <a href="https://www.p-southchina.com/" target="_blank"> productronica South China </a> </div> <div class="content-time"> <span>2024年10月14-16日</span> </div> </div> </div> </li> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item"> <div class="content-title"> <a href="https://productronica.com/en/" target="_blank"> productronica </a> </div> <div class="content-time"> <span>2025年11月18-21日</span> </div> </div> </div> </li> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item"> <div class="content-title"> <a href="https://productronica-india.com/en/" target="_blank"> productronica India </a> </div> <div class="content-time"> <span>2025年09月17-19日</span> </div> </div> </div> </li> </div> </ul> </div> <div class="bottom-content-box"> <div class="bottom-content-list"> <div class="content-language-item bottom-content-item"> <a class="content-language-cn" href="https://www.productronicachina.com.cn/" target="_blank">中文</a> <a class="content-language-en" href="https://www.productronicachina.com.cn/en/" target="_blank">EN</a> </div> <div class="content-contact-item bottom-content-item"> <a class="content-contact-text"><a href="/contact-us" >联系我们</a></a> </div> <div class="content-img-item bottom-content-item"> <a class="content-language-cn" ><img class="lazy-load" data-src="https://www.productronicachina.com.cn/resources/files/0531/66598f3dd1c3e/【定制建站】慕尼黑设备展-01首页-9.png" alt="module_image"></a> </div> </div> </div> </div> </div> </div> <div class="page-container"> <div class="layout_body"> <div class="layout-menu-module" > <div class="layout-menu-box"> <div class="layout-icon-item"> <a class="layout-icon-link"><i class="iconfont icon-Profile"></i></a> <a class="layout-icon-link" href="/contact-us"><i class="iconfont icon-Phone"></i></a> <a class="layout-icon-link lang" href="/en"><i class="iconfont icon-World"></i> <span>EN</span> </a> </div> <div class="layout-search-item"> <i class="iconfont icon-Search"></i> <input placeholder="搜索" type="text" data-key="module_text"> </div> </div> </div> <div class="layout-head-banner-module module " > <div class="layout-menu-list"> <div class="layout-menu-item module-wrapper"> <a class="banner-menu-link" href="/home"><i class="iconfont icon-Home"></i></a> <i class="iconfont icon-Left-1"></i> <a class="banner-menu-link" href="/productronica-china-2025" >productronica China 2025</a> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">观众中心</span> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">照片与视频</span> </div> </div> <div class="head-banner-container"> <div class="banner-list owl-carousel" id="layout-head-banner-module" > <div class="banner-item"> <div class="banner-bg"> <div class="image-module" data-key="module_item_image"> <figure class="image-wrapper"> <picture> <img src="https://www.productronicachina.com.cn/resources/files/0718/6698a1bdb94f9/内页顶部Banner-3.jpg" alt="内页顶部Banner-3.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item module-wrapper"> <div class="banner-content-text"> <h1 >现场照片与视频</h1> <div class="module_desc" >展会现场照片集锦及视频可在此获得。重温展会精彩瞬间。</div> </div> </div> </div> </div> </div> <div class="layout-right-card-list module-wrapper"> <div class="card-box"> <div class="card-item open"> <div class="card-bg"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0531/665998543c8ad/【定制建站】慕尼黑设备展-01首页-7.png" alt=""> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" >注册参观</div> <div class="card-hide-text"> <div class="card-describe" >国际参展商、创新、趋势--Electronica 展示了全球电子产品的未来。从这一行业平台的优势中获益！ </div> <div class="card-btn module-btn" >注册参观</div> </div> </div> <i class="iconfont icon-Down"></i> </div> <div class="card-item"> <div class="card-bg"> <div class="image-module" data-key="module_image_2"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0531/665998543c8ad/【定制建站】慕尼黑设备展-01首页-7.png" alt=""> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" >注册参观</div> <div class="card-hide-text"> <div class="card-describe" >国际参展商、创新、趋势--Electronica 展示了全球电子产品的未来。从这一行业平台的优势中获益！ </div> <div class="card-btn module-btn" >注册参观</div> </div> </div> <i class="iconfont icon-Down"></i> </div> <div class="card-item"> <div class="card-bg"> <div class="image-module" data-key="module_image_3"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0531/665998543c8ad/【定制建站】慕尼黑设备展-01首页-7.png" alt=""> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" >注册参观</div> <div class="card-hide-text"> <div class="card-describe" >国际参展商、创新、趋势--Electronica 展示了全球电子产品的未来。从这一行业平台的优势中获益！ </div> <div class="card-btn module-btn" >注册参观</div> </div> </div> <i class="iconfont icon-Down"></i> </div> </div> </div> <div class="layout-right-text-list module-wrapper"> <div class="text-box"> <div class="text-item"> <div class="text-time" >2025年3月26-28日</div> <div class="text-address" >上海新国际博览中心</div> <div class="text-title" >2025慕尼黑上海电子生产设备展 (productronica China)</div> <div class="text-btn module-btn" >展商中心</div> </div> </div> </div> </div> <div class="layout-menu-right-container" style="position: relative"> <div class="layout-menu-right-module" > <div class="layout-menu-right-box"> <div class="menu-right-container module-wrapper"> <div class="menu-right-box"> <div class="menu-right-item"> <div class="menu-title" > 在本页 </div> <div class="menu-list"> <div class="menu-marker"></div> </div> <a class="menu-btn module-btn" href="https://uao.so/wapt5554ec3" target="_blank">展位预订</a> </div> <div class="ad-list-module" id="ad-list-module"> </div> </div> </div> </div> </div> <div class="layout-content"> <div class="photos-and-videos "> <div class="exhibition-summary-content-center module " data-module=module_702T9MPWN_photos-and-videos > <div class="module-wrapper"> <div class="module-width"> <div class="exhibition-summary-picture-box"> <div class="title"> <h2 class="head-title" >现场照片</h2> <div class="more-picture "> <a href="https://live.photoplus.cn/live/13331790" target="_blank">更多精彩照片</a> </div> </div> </div> <div class="exhibition-summary-picture-image-box"> <div class="large-images"> <div class="owl-carousel img-list" id="exhibition-summary-owl" > <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5ac6c1370/1-min.jpg" alt="1-min.jpg"> </picture> </figure> </div> </div> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5ad35ed33/2-min.jpg" alt="2-min.jpg"> </picture> </figure> </div> </div> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5add41948/3-min.jpg" alt="3-min.jpg"> </picture> </figure> </div> </div> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5aea91df4/4-min.jpg" alt="4-min.jpg"> </picture> </figure> </div> </div> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5af7c0839/5-min.jpg" alt="5-min.jpg"> </picture> </figure> </div> </div> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5b1badd68/6-min.jpg" alt="6-min.jpg"> </picture> </figure> </div> </div> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5b2ed0c78/7-min.jpg" alt="7-min.jpg"> </picture> </figure> </div> </div> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5b397b4e1/8-min.jpg" alt="8-min.jpg"> </picture> </figure> </div> </div> </div> <div class="pre-btn" id="pre-img"> <i class="iconfont icon-Left"></i> </div> <div class="next-btn" id="next-img"> <i class="iconfont icon-Left-1"></i> </div> <div class="btn-box"> <div class="module-btn pc-display" id="install-img"> 下载 </div> <div class="website-btn" id="website-install-img"> <i class="iconfont icon-Download"></i> </div> </div> </div> <div class="image-list" id="image-change" > <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5ac6c1370/1-min.jpg" alt="1-min.jpg"> </picture> </figure> </div> </div> <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5ad35ed33/2-min.jpg" alt="2-min.jpg"> </picture> </figure> </div> </div> <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5add41948/3-min.jpg" alt="3-min.jpg"> </picture> </figure> </div> </div> <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5aea91df4/4-min.jpg" alt="4-min.jpg"> </picture> </figure> </div> </div> <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5af7c0839/5-min.jpg" alt="5-min.jpg"> </picture> </figure> </div> </div> <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5b1badd68/6-min.jpg" alt="6-min.jpg"> </picture> </figure> </div> </div> <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5b2ed0c78/7-min.jpg" alt="7-min.jpg"> </picture> </figure> </div> </div> <div class="image-item"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5b397b4e1/8-min.jpg" alt="8-min.jpg"> </picture> </figure> </div> </div> </div> </div> </div> </div> </div> <div class="exhibition-summary-content-center module dark-module " data-module=module_OC4XWD739_photos-and-videos> <div class="module-wrapper"> <div class="module-width"> <div class="exhibition-summary-picture-box website-margin"> <div class="title"> <h2 class="head-title" >视频回顾</h2> <div class="more-picture more-video-btn"> 更多精彩视频 </div> </div> <div class="code-img" ><img class="lazy-load" data-src="https://www.productronicachina.com.cn/resources/files/0722/669e661fcceb9/更多视频二维码.jpg" alt="cd79d297f7495358ea9c6ddf2a869a6.png"></div> </div> <div class="exhibition-summary-picture-image-box"> <div class="large-images"> <div class="owl-carousel img-list" id="exhibition-summary-owl-video" > <div class="img-box video-box-style video-btn"> <div class="image-module"> <figure class="image-wrapper"> <video poster="https://www.productronicachina.com.cn/resources/files/0625/667a78e71f966/1-min.jpg "> <source src="https://www.productronicachina.com.cn/resources/files/0625/667a73e0c2ffa/视频1.mp4"> </video> </figure> </div> </div> <div class="img-box video-box-style video-btn"> <div class="image-module"> <figure class="image-wrapper"> <video poster="https://www.productronicachina.com.cn/resources/files/0625/667a5b397b4e1/8-min.jpg "> <source src="https://www.productronicachina.com.cn/resources/files/0625/667a74395dbe4/视频2.mp4"> </video> </figure> </div> </div> </div> <div class="icon-play-box" id="play-video"> <i class="iconfont icon-Play"></i> </div> <div class="pre-btn" id="video-pre-img"> <i class="iconfont icon-Left"></i> </div> <div class="next-btn" id="video-next-img"> <i class="iconfont icon-Left-1"></i> </div> <div class="btn-box"> <div class="module-btn" id="install-video"> 下载 </div> <div class="website-btn"> <i class="iconfont icon-Download" id="website-install-video"></i> </div> </div> </div> <div class="image-list" id="video-change" > <div class="image-item video-bottom"> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a78e71f966/1-min.jpg" alt="1-min.jpg"> </picture> </figure> </div> </div> <div class="bottom-play-btn"> <i class="iconfont icon-Play"></i> </div> </div> <div class="image-item video-bottom"> <div class="img-box"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0625/667a5b397b4e1/8-min.jpg" alt="8-min.jpg"> </picture> </figure> </div> </div> <div class="bottom-play-btn"> <i class="iconfont icon-Play"></i> </div> </div> </div> </div> </div> </div> </div> <div class="exhibition-overview-download-relevant-install module " > <div class="module-wrapper"> <div class="module-width"> <div class="logo-install-head"> <h2 class="logo-install-title" >展会LOGO</h2> </div> <div class="logo-install-footer-list" > <div class="style-border"> <a class="logo-install-footer-item" href="https://www.productronicachina.com.cn/resources/files/0625/667a934a75827/25pC_Logo_240325_CN.png"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" >展会LOGO</span> <span class="logo-install-center-size" >48.6 KB</span> </div> <div class="right-icon-box"> <i class="iconfont icon-Download"></i> </div> </a> </div> </div> </div> </div> </div> <div class="module-wrapper take-care-text-box module " data-module="module_OXP64TZLFG"> <div class="module-width"> <div class="logo-install-take-care"> <div class="take-care-icon-box"> <i class="iconfont icon-Exclamation-Circle-Large-1"></i> </div> <div class="take-care-text"> <div class="take-care-text-subtitle"> <div class="module_desc" >请注意： </div> </div> <div class="take-care-content module_desc" ><p>本页面内任何可下载之标志（LOGO）及媒介文件（如照片、视频等）均仅用于对慕尼黑上海电子生产设备展展会宣传报道或展会展商用于参展目的使用。在上述情况下使用时，均应指明媒介文件著作权人为慕尼黑展览（上海）有限公司；标志（LOGO）权利人为慕尼黑博览集团。除上述使用情况外，任何第三方不得擅自下载或使用本页面上的任何可下载之媒介文件。</p></div> </div> </div> </div> </div> </div> </div> </div> <div class="background-btn-banner-module module" > <div class="background-img" ><img class="lazy-load" data-src="https://www.productronicachina.com.cn/resources/files/0531/66599d667ce68/【定制建站】慕尼黑设备展-02关于展会-11.png" alt="module_image"></div> <div class="module-wrapper"> <div class="module-width"> <div class="content-box"> <h2 >展会信息</h2> <div class="module_desc" >了解更多慕尼黑上海电子生产设备展（productronica China）相关信息。</div> <div class="btn-box"> <a class="background-btn module-btn" href="/productronica-china-2025" >了解详情</a> </div> </div> </div> </div> </div> </div> <div class="bottom-container" > <div class="modal fade" id="qrImageModel" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog qr-image-dialog"> <div class="qr-image"> <div class="image-module" data-key="module_wx_qrcode"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/resources/files/0722/669e656b0e48c/底部二维码.png" alt="底部二维码.png"> </picture> </figure> </div> </div> </div> </div> <div class="bottom-box"> <div class="bottom-top-item"> <div class="icon-right-list"> <div class="icon-right-title" >加入我们的社交媒体</div> <div class="icon-right-box"> <div class="icon-right-item" role="button" data-bs-toggle="modal" data-bs-target="#qrImageModel"> <i class="iconfont icon-wechat-fill"></i> </div> </div> </div> </div> <div class="bottom-bottom-item"> <div class="company-left-item" >© 慕尼黑展览（上海）有限公司自 2024 年起版权所有</div> <div class="information-right-list"> <a class="information-right-item" href="/法律信息" >法律信息</a> <a class="information-right-item" href="/隐私条款" >隐私政策</a> <a class="information-right-item" href="/网站地图" >网站地图</a> <div class="information-right-item" ><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="noopener">沪ICP备12044459号-10</a></div> <div class="information-right-item" >技术支持：<a href="https://www.matchpages.cn/" target="_blank" rel="noopener">聚页创意</a></div> </div> </div> </div> <div class="goto-top-btn"> <i class="iconfont icon-a-righticon_huaban1"></i> </div> </div> </div> </div> </body> <script src="/assets/lib/axios/axios.min.js"></script> <script src="/assets/lib/bootstrap/bootstrap.bundle.js"></script> <script src="/assets/utils/request.js?version=2.25"></script> <script src="/assets/utils/utils-all.min.js?version=2.25"></script> <script> initWow() //监听下载组件下载文件 let install_item = $('.exhibition-overview-download-relevant-install .logo-install-footer-item') if (install_item) { install_item.click(function (event) { event.preventDefault(); let a_url = $(this).attr('href') if (a_url){ if (a_url.endsWith('.pdf')) { window.open(a_url, '_blank'); } else { downloadFile(a_url) } } else { // console.log("") return false } }) } $(()=>{ $('.ad-module').each(function () { let ad_id = $(this).attr('data-ad-id') if (ad_id) { $(this).on('click',function () { let params = { id: ad_id } adClickApi(params) }) } }) let ad_list_module = $('#ad-list-module') let html = ad_list_module.html() // ad_list_module.remove() let module = $('.layout-content .module') let index = 0 if (module.length > 0) { let ad_module = module.eq(0).find('.ad-module') if (ad_module) { index = 1 } } let module_html = '' if (module.eq(index)) { module_html = module.eq(index).find('.module-wrapper').eq(0).html() } let box_html = module_html + `<div class="module-width module-ad-box">${html}</div>` function setAdPosition() { if (window.innerWidth < 1439) { if (ad_list_module && module.eq(index)) { module.eq(index).find('.module-wrapper').eq(0).html(box_html) } } else { if (ad_list_module && module.eq(index)) { module.eq(index).find('.module-wrapper').eq(0).html(module_html) } } } setAdPosition() $(window).resize(function () { setAdPosition() }) }) </script> <script> /* $(() => { // 定义通用的点击事件处理函数 function handleButtonClick(selector, preBtnId) { $(selector).on('click', '.image-item', function () { $(this).addClass('active-border').siblings().removeClass('active-border'); let currentIndex = $(this).index(); if (currentIndex === 0) { $(`#${preBtnId}`).hide(); } else { $(`#${preBtnId}`).show(); } }); } // 处理视频部分 let videoItems = $('#video-change .image-item'); let activeVideo = videoItems.filter('.active-border'); if (activeVideo.length > 0) { let currentIndex = activeVideo.index(); if (currentIndex === 0) { $('#video-pre-img').hide(); } else { $('#video-pre-img').show(); } } handleButtonClick('#video-change', 'video-pre-img'); // 处理图片部分 let imageItems = $('#image-change .image-item'); let activeItem = imageItems.filter('.active-border'); if (activeItem.length > 0) { let currentIndex = activeItem.index(); if (currentIndex === 0) { $('#pre-img').hide(); } else { $('#pre-img').show(); } } handleButtonClick('#image-change', 'pre-img'); })*/ </script> <script> $(document).ready(function () { let imageItems = $('#image-change .image-item'); imageItems.eq(0).addClass('active-border') let activeItem = imageItems.filter('.active-border'); if (activeItem.length > 0) { let currentIndex = activeItem.index(); if (currentIndex === 0) { $('#pre-img').hide(); } else { $('#pre-img').show(); } } // 图片轮播处理和下载处理 let install_img = $('#install-img') let img_box = $('#exhibition-summary-owl .img-box') let website_install_img = $('#website-install-img') let install_index = 0; let next_img = $('#next-img') if (imageItems.length<=1){ next_img.hide() }else{ next_img.show() } // pc install_img.click(function () { img_box = $('#exhibition-summary-owl .img-box') let img_url = img_box.eq(install_index).find("img").attr('src'); if (img_url) { downloadFile(img_url) } else { console.error("下载失败——error"); } }); // 移动 website_install_img.click(function () { img_box = $('#exhibition-summary-owl .img-box') let img_url = img_box.eq(install_index).find("img").attr('src'); if (img_url) { downloadFile(img_url) } else { console.error("下载失败——error"); } }) initOwlEvent('#exhibition-summary-owl', 1, false, false, false, true, (owl) => { let bottom_carousel_item_img = $('#image-change .image-item') owl.on('changed.owl.carousel', function (event) { install_index = event.item.index; // console.log(install_index) // console.log(event.item.count-1 ===install_index) if (install_index===event.item.count-1){ next_img.hide() }else{ next_img.show() } bottom_carousel_item_img.eq(event.item.index).addClass('active-border').siblings().removeClass('active-border'); if (event.item.index === 0) { $('#pre-img').hide(); } else { $('#pre-img').show(); } }) bottom_carousel_item_img.click(function () { $(this).addClass('active-border').siblings().removeClass('active-border'); owl.trigger('to.owl.carousel', [$(this).index(), 200]); }); $('#next-img').click(function () { owl.trigger('next.owl.carousel'); }) $('#pre-img').click(function () { owl.trigger('prev.owl.carousel'); }) }, { dots: false, }) }) </script> <script src="/assets/lib/qrcode/qrcode.min.js"></script> <script> $(document).ready(function () { let videoItems = $('#video-change .image-item'); videoItems.eq(0).addClass('active-border') let activeVideo = videoItems.filter('.active-border'); if (activeVideo.length > 0) { let currentIndex = activeVideo.index(); if (currentIndex === 0) { $('#video-pre-img').hide(); } else { $('#video-pre-img').show(); } } let install_video = $('#install-video') let website_install_video = $('#website-install-video') let video_box = $('#exhibition-summary-owl-video .img-box') let install_video_index = 0; let play_video = $('#play-video') let video_btn = $('.video-btn') let video_next_img = $('#video-next-img') if (videoItems.length <= 1) { video_next_img.hide(); } // pc install_video.click(function () { video_box = $('#exhibition-summary-owl-video .img-box') console.log(video_box) let video_url = video_box.eq(install_video_index).find("source").attr('src'); if (video_url) { downloadFile(video_url) } else { console.error("下载失败——error"); } }); // 移动 website_install_video.click(function () { video_box = $('#exhibition-summary-owl-video .img-box') console.log(video_box) let video_url = video_box.eq(install_video_index).find("source").attr('src'); if (video_url) { // downloadFile(img_url) } else { console.error("下载失败——error"); } }) play_video.click(function () { video_box.eq(install_video_index).find('video').get(0).play(); play_video.hide() }) // 暂停页面所有视频 function resetAllVideos() { let videos = document.getElementsByTagName('video'); for (let i = 0; i < videos.length; i++) { let video = videos[i]; video.pause(); video.currentTime = 0; video.removeAttribute('autoplay'); } play_video.show() } //监听页面所有视频如果播放结束直接返回初始状态 function endVideo() { let videos = document.getElementsByTagName('video'); for (let i = 0; i < videos.length; i++) { videos[i].addEventListener('ended', function () { this.currentTime = 0; this.pause(); play_video.show() }); } } endVideo() // let videos = document.getElementsByTagName('video'); video_btn.click(function () { video_box.eq(install_video_index).find('video').get(0).pause(); play_video.show() }) initOwlEvent('#exhibition-summary-owl-video', 1, false, false, false, true, (owl) => { let bottom_carousel_item_img = $('#video-change .image-item') owl.on('changed.owl.carousel', function (event) { let videos = $('video'); videos.load(); // 重新加载新视频 install_video_index = event.item.index; if (install_video_index === event.item.count - 1) { video_next_img.hide() } else { video_next_img.show() } bottom_carousel_item_img.eq(event.item.index).addClass('active-border').siblings().removeClass('active-border'); if (event.item.index === 0) { $('#video-pre-img').hide(); } else { $('#video-pre-img').show(); } resetAllVideos() }) bottom_carousel_item_img.click(function () { $(this).addClass('active-border').siblings().removeClass('active-border'); owl.trigger('to.owl.carousel', [$(this).index(), 200]); }); $('#video-next-img').click(function () { owl.trigger('next.owl.carousel'); }) $('#video-pre-img').click(function () { owl.trigger('prev.owl.carousel'); }) }, { dots: false, }) // 生成二维码 $('.exhibition-summary-content-center[data-module=module_OC4XWD739_photos-and-videos] .more-picture').click(()=>{ let image = $('.code-img') if (image.hasClass('active')) { image.removeClass('active') } else { image.addClass('active') } }) }); </script> <script> $(()=>{ $('.image-module').each(function (index) { let play_box = $(this).find('.icon-play-box').get(0) let video = $(this).find('video').eq(0).get(0) let poster = $(this).find('.video_poster').get(0) if (play_box && video) { $(play_box).click(()=>{ video.play() }) $(video).on('play',function (e) { $(play_box).hide() $(poster).hide() }).on('pause',function () { $(play_box).show() // $(poster).show() }) } }) }) </script> <script> $(() => { $('.page-menu-left .menu-item:not(.menu-important-exhibitions)').on('click', function () { if ($(this).hasClass('open')) { $(this).removeClass('open') } else { $(this).addClass('open') } }) $('.page-menu-left .menu-child-item').on('click', function (e) { e.stopPropagation() }) $('.page-menu-left .nav-open').on('click', function () { let menuBox = $('.page-menu-left .header-container') let mainItem = $('.page-menu-left') let childItem = $(this).children('i') if ($(this).hasClass('open')) { $(this).removeClass('open') menuBox.removeClass('is-show') childItem.eq(0).addClass('is-open') childItem.eq(1).removeClass('is-open') mainItem.removeClass('open') } else { $(this).addClass('open') menuBox.addClass('is-show') childItem.eq(0).removeClass('is-open') childItem.eq(1).addClass('is-open') mainItem.addClass('open') } }) $('.page-menu-left .header-overlay').on('click', function () { $('.page-menu-left .nav-open').click() }) $('.page-menu-left .nav-language-btn').on('click', function () { mobileMenuShow(1) }) $('.page-menu-left .nav-search-btn').on('click', function () { mobileMenuShow(2) }) $('.page-menu-left .header-mobile-container .mobile-nav-show').on('click', function () { mobileMenuShow(0) }) activeMenu() function activeMenu() { let activeItem = $('.menu-child-item .active') if (activeItem.length > 0) { let activeItemParent = activeItem.parents('.menu-item') if (activeItemParent.hasClass('menu-item')) { activeItemParent.addClass('open') } } } function mobileMenuShow(index) { let leftItem = $('.page-menu-left .mobile-nav-left') let rightItem = $('.page-menu-left .mobile-nav-right') let hideIcon = $('.page-menu-left .mobile-nav-show') let searchItem = $('.page-menu-left .search-box') let languageItem = $('.page-menu-left .language-box') if (index < 1) { leftItem.removeClass('hidden') rightItem.removeClass('hidden') hideIcon.addClass('hidden') searchItem.addClass('hidden') languageItem.addClass('hidden') } else { if (index === 1) { leftItem.addClass('hidden') rightItem.addClass('hidden') hideIcon.removeClass('hidden') languageItem.removeClass('hidden') } else if (index === 2) { leftItem.addClass('hidden') rightItem.addClass('hidden') hideIcon.removeClass('hidden') searchItem.removeClass('hidden') } } } $('.header-mobile-container input').on('keydown', function (e) { if (e.keyCode === 13) { e.preventDefault(); let value = $(this).val(); if (value !== "") { layoutMenuSearch(value) } } function layoutMenuSearch(value) { let url = '/search' window.location.href = url + '?keyword=' + value; } }) }) </script> <script> $(() => { $('.layout-search-item input').on('keydown', function (e) { if (e.keyCode === 13) { e.preventDefault(); let value = $(this).val(); if (value !== "") { layoutMenuSearch(value) } } function layoutMenuSearch(value) { let url = '/search' window.location.href = url + '?keyword=' + value; } }) }) </script> <script> $(() => { if ($('.layout-head-banner-module .banner-item').length > 1) { initOwlEvent('#layout-head-banner-module', 1, false, false, false, true, false, { margin: 0 }) } $('.layout-right-card-list .card-item').on('click', function () { if (!$(this).hasClass('open')) { $(this).parent().children().removeClass('open') $(this).addClass('open') } }) }) </script> <script> $(() => { LayoutMenuRightModule() function LayoutMenuRightModule() { // 选择所有的<h2>元素 let h2Elements = $('h2'); if (h2Elements) { h2Elements.each(function (index, item) { $(item).parents('.module').attr('data-sf_anchor', index) }) } let htmlStr = "" let html = $('.layout-menu-right-module .menu-list') // 获取每个<h2>元素的文本内容并存储到数组中 let h2TextsArray = h2Elements.map(function () { return $(this).text(); }).get(); let divWrappedTexts = h2TextsArray.map(function (text) { //如果含有文案，则生成锚点 if (text) { return `<div class="menu-item">${text}</div>`; // 字符串模板方式包裹文本 } }); if (divWrappedTexts.length > 0) { htmlStr = divWrappedTexts.join('') + '<div class="menu-marker"></div>'; // 使用join连接数组元素 } if (htmlStr !== "") { html.empty().append(htmlStr) } } // let $parent = $('.layout-menu-right-module').parent().find('.module[data-sf_anchor]').parent(); let $children = $('h2') // $parent.children('.module[data-sf_anchor]'); // 获取所有关联的div let $relatedDivs = $('.layout-menu-right-module .menu-list .menu-item'); // 请将'relatedDivClass'替换为实际的类名 // 定义函数检查元素是否在视口内 function isInViewport(element) { let elementTop = $(element).offset().top; let elementBottom = elementTop + $(element).outerHeight(); let viewportTop = $(window).scrollTop(); let viewportBottom = viewportTop + $(window).height(); return elementBottom > viewportTop && elementTop < viewportBottom; } simulateScroll(); // 处理滚动事件 $(window).on('scroll', simulateScroll); function simulateScroll() { // 先移除所有相关div的active类 $relatedDivs.removeClass('active'); // 遍历所有子元素，检查是否在视口内并添加对应的active类 $children.each(function (index) { if (isInViewport(this)) { let activeIndex = index; // 获取当前子项的索引 LayoutMenuItemTop(activeIndex) $relatedDivs.eq(activeIndex).addClass('active'); // 根据索引找到关联的div并添加active类 return false } }); } function LayoutMenuItemTop(activeIndex) { $relatedDivs.each(function () { if (activeIndex === 0) { $('.layout-menu-right-module .menu-list .menu-marker').css({ 'top': '11px' }) } else { if ($relatedDivs.eq(activeIndex).position()) { $('.layout-menu-right-module .menu-list .menu-marker').css({ 'top': `${$relatedDivs.eq(activeIndex).position().top + 8}px` }) } } }) } $('.layout-menu-right-module .menu-right-item .menu-list').on('click', '.menu-item', function (event) { // 利用event.target获取点击的元素 $(window).off('scroll', simulateScroll); const index = $(event.target).index(); /* let main = $('.module') let activeIndex = $('.module') console.log(index, activeIndex, $('.module[data-sf_anchor="' + (index + 1)+ '"]'))*/ const topHeight = $children.eq(index).offset().top; if (topHeight > 0) { // 平滑滚动到指定位置 $(this).parent().children().removeClass('active') $(this).addClass('active') LayoutMenuItemTop(index) if ($(window).width() > 1279) { $('html, body').animate({scrollTop: topHeight}, 300); } else { $('html, body').animate({scrollTop: topHeight - 80}, 300); } setTimeout(() => { $(window).on('scroll', simulateScroll); }, 1000) } }); if ($(window).width() < 1440 && $(window).width() > 768) { menuListLine() } function menuListLine() { let $div = $('.layout-menu-right-box .menu-list'); let currentLineElements = []; // 用于存储当前行的元素 let $children = $div.children('.menu-item'); $children.each(function (index, child) { let $child = $(child); // 如果是第一行或当前元素前面没有元素，直接添加到当前行 if (index === 0 || currentLineElements.length === 0) { currentLineElements.push($child); } else { // 检查当前元素是否在新行上，这里假设元素之间有空隙（如margin/padding）表示换行 let previousChildBottom = currentLineElements[currentLineElements.length - 1].offset().top + currentLineElements[currentLineElements.length - 1].outerHeight(); let childTop = $child.offset().top; // 如果当前元素不在上一行的下方，说明是新行的开始 if (previousChildBottom < childTop) { // 给上一行的最后一个元素添加类名 currentLineElements[currentLineElements.length - 1].addClass('menu-item-line'); // 清空当前行元素数组，准备处理新行 currentLineElements = []; } // 添加当前元素到当前行 currentLineElements.push($child); } // 处理最后一行的最后一个元素 if (index === $children.length - 1) { if (currentLineElements.length > 0) { currentLineElements[currentLineElements.length - 1].addClass('menu-item-line'); } } }); } }) </script> <script> $(() => { $('.bottom-container .goto-top-btn').click(function () { $('html,body').animate({scrollTop: 0}, 100); }) let $div = $('.bottom-container .information-right-list'); let currentLineElements = []; // 用于存储当前行的元素 let $children = $div.children(); $children.each(function (index, child) { let $child = $(child); // 如果是第一行或当前元素前面没有元素，直接添加到当前行 if (index === 0 || currentLineElements.length === 0) { currentLineElements.push($child); } else { // 检查当前元素是否在新行上，这里假设元素之间有空隙（如margin/padding）表示换行 let previousChildBottom = currentLineElements[currentLineElements.length - 1].offset().top + currentLineElements[currentLineElements.length - 1].outerHeight(); let childTop = $child.offset().top; // 如果当前元素不在上一行的下方，说明是新行的开始 if (previousChildBottom < childTop) { // 给上一行的最后一个元素添加类名 currentLineElements[currentLineElements.length - 1].addClass('information-right-line'); // 清空当前行元素数组，准备处理新行 currentLineElements = []; } // 添加当前元素到当前行 currentLineElements.push($child); } // 处理最后一行的最后一个元素 if (index === $children.length - 1) { if (currentLineElements.length > 0) { currentLineElements[currentLineElements.length - 1].addClass('information-right-line'); } } }); goToTopShow() $(window).on('scroll', goToTopShow) function goToTopShow() { let scrollTop = $(window).scrollTop(); if (scrollTop > 0) { $('.goto-top-btn').addClass('is-show'); } else { $('.goto-top-btn').removeClass('is-show'); } } }) </script> </html>