CINXE.COM
productronica China 2025,March 26-28, 2025,Shanghai New International Expo Centre
<!DOCTYPE html> <html> <head> <title> productronica China 2025,March 26-28, 2025,Shanghai New International Expo Centre </title> <meta name="keywords" content=" "/> <meta name="description" content="We have been organizing leading events in Munich since 1964, but also have a great deal of experience with productronica in Shanghai. This allows us to provide you optimum trade-show efficiency and expertise. productronica China is a professional exhibition that provides innovative solutions for popular application areas in the electronic intelligent manufacturing industry."/> <meta charset="utf-8"/> <script>console.log('111111')</script> <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/productronica-china-2025"> <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 = 'en'; var lang_local_path = '/en'; 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/productronica-china.css?version=2.25" rel="stylesheet" type="text/css"/> </head> <body lang="en"> <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="/en/home" class="mobile-logo"> <a class="image-module" href="/en/home" data-key="module_logo"> <figure class="image-wrapper" style="position: relative"> <picture> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0720/669b53439ad1d/慕尼黑设备展英语站点logo-new.png" alt="慕尼黑设备展英语站点logo-new.png"> </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 " href="https://www.productronicachina.com.cn/" target="_blank">Chinese</a> <a class="language-english " href="/en/home" >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="/en/home" data-key="module_logo_1"> <figure class="image-wrapper" style="position: relative"> <picture> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0720/669b53439ad1d/慕尼黑设备展英语站点logo-new.png" alt="慕尼黑设备展英语站点logo-new.png"> </picture> </figure> </a> </div> <ul class="header-menu-item"> <div class="menu-box"> <li class="menu-item"> <a class="menu-item-link " href="/en/discover-productronica-china"> <span>Discover productronica China</span> </a> </li> <li class="menu-item"> <a class="menu-item-link " href="/en/trade-fair-topic"> <span>Trade Fair Topic</span> </a> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span>Press Release </span> </a> <ul> <li class="menu-child-item"> <a class="" href="press-release"> <span>Press Release</span> </a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Data, Facts & Impressions</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/about-exhibition"><span>Facts & Figures </span></a> <li class="menu-child-item"> <a class="" href="/en/data-facts-impressions-impressions-videos"><span>Impressions & videos</span></a> <li class="menu-child-item"> <a class="" href="/en/partners"><span>Partners</span></a> </ul> </li> </div> <div class="menu-item-subtitle"> <span >Industrial leading trade fair</span> </div> <div class="menu-box"> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item active "> <div class="content-title"> <a href="/en/productronica-china-2025"> productronica China 2025 </a> </div> <div class="content-time"> <span> Mar 26-28, 2025</span> </div> </div> </div> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Online Registration</span> </a> <ul> <li class="menu-child-item"> <a href="https://productronica.com/en/trade-fair/good-reasons-to-visit/newsletter/ " target="_blank"><span>productronica e-newsletter subscription </span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Supporing Program</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/supporting-program"><span>Supporting program</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/contact-advice"><span>Contact & Advice</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> For exhibitors</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/benefits-to-exhibit"><span>Benefits to Exhibit</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-exhibitors-fairgrounds-map"><span>Fairgrounds map</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/factsheet-2025"><span>Factsheet 2025</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/application-prices"><span>Application & Prices</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/marketing-service"><span>Marketing Service</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/stand-building"><span>Stand building</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-exhibitors-visa-service"><span>Visa Service</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-exhibitors-advice-contacts"><span>Advice & Contacts</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> For visitors</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/benefits-to-visit"><span>Benefits to visit</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/opening-hours"><span>Opening hours</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-fairgrounds-map"><span>Fairgrounds map</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-impressions-videos"><span>Impressions & videos</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-visa-service"><span>Visa Service </span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-contact-advice"><span>Contact & Advice</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> For Journalists</span> </a> <ul> <li class="menu-child-item"> <a href="/en-us/press-release" target="_blank"><span>Press Release</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-journalists-media-partner"><span>Media Partner </span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-journalists-impression-videos"><span>Impression & Videos</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/press-center"><span>Press Center</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-journalists-visa-service"><span>Visa Service</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/contacts-for-journalists"><span>Contacts for Journalists</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Travel & Stay</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/travel-stay-visa-service"><span>Visa Service </span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-venue-information"><span>Venue information</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-getting-there"><span>Getting there</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-catering-services"><span>Catering & Services</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-accommodation-stay"><span>Accommodation & Stay</span></a> </li> </ul> </li> </div> <div class="menu-item-subtitle"> <a href="/en/a-global-network-a-global-network" >productronica worldwide</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>Oct 14-16, 2024</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> Nov 18-21, 2025</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>Sept 17-19, 2025</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="/en/contact-us" ><p>Contact Us</p></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/en-us/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="/en/contact-us"><i class="iconfont icon-Phone"></i></a> <a class="layout-icon-link lang" href="/"><i class="iconfont icon-World"></i> <span>CN</span> </a> </div> <div class="layout-search-item"> <i class="iconfont icon-Search"></i> <input placeholder="Search" type="text" data-key="module_text"> </div> </div> </div> <div class="layout-head-banner-module module head-banner-module-one" > <div class="layout-menu-list"> <div class="layout-menu-item module-wrapper"> <a class="banner-menu-link" href="/en/home"><i class="iconfont icon-Home"></i></a> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">productronica China 2025</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/en-us/resources/files/0531/66599d667ce68/【定制建站】慕尼黑设备展-02关于展会-11.png" alt="【定制建站】慕尼黑设备展-02关于展会-11.png"> </picture> </figure> </div> </div> <div class="banner-content-item module-wrapper"> <div class="banner-content-text"> <h1 ><p><strong>productronica China 2025 </strong></p> <p><strong>March 26-28, 2025</strong></p> <p><strong>SNIEC, Shanghai<br /></strong></p></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/en-us/resources/files/0705/6687918c82b74/展位申请.jpg" alt="展位申请.jpg"> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" ><p><strong>Exhibiting pay off</strong></p></div> <div class="card-hide-text"> <div class="card-describe" ><p>Be part of the important innovation platform for electronica manufacturing industry.</p></div> <a class="card-btn module-btn" href="/en/application-prices" ><p><strong>Application</strong></p></a> </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/en-us/resources/files/0705/668791978f740/注册参观.JPG" alt="注册参观.JPG"> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" ><p><strong>Visiting pay off</strong></p></div> <div class="card-hide-text"> <div class="card-describe" ><p>A very popularity international meeting platform for electronica manufacturing industry.</p></div> <div class="card-btn module-btn" ><p><strong>Register now</strong></p></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/en-us/resources/files/0705/668791a1df62f/同期活动.JPG" alt="同期活动.JPG"> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" ><p><strong>Supporting Program</strong></p></div> <div class="card-hide-text"> <div class="card-describe" ><p>Keynotes, specialist lectures on innovations and industry trends</p></div> <a class="card-btn module-btn" href="/en/supporting-program" ><p><strong>All information</strong></p></a> </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" ><p>TRADE FAIR TOPICS</p></div> <div class="menu-list"> <div class="menu-marker"></div> </div> <a class="menu-btn module-btn" href="/en/application-prices" ><p>Booth Application</p></a> </div> <div class="ad-list-module" id="ad-list-module"> </div> </div> </div> </div> </div> <div class="layout-content"> <div class="productronica-china-container"> <div class="text-image-module module " > <div class="module-wrapper"> <div class="module-width"> <div class="content"> <h2 >Your benefits as an exhibitor</h2> <div class="module_desc" ><p>productronica China is a professional exhibition that provides innovative solutions for popular application areas in the electronic intelligent manufacturing industry.</p></div> <div class="btn-p-a"> </div> <div class="btn-p-b"> <a class="module-btn" href="/en/benefits-to-exhibit" ><p><strong>Benefits to exhibit</strong></p></a> <a class="module-text-btn" href="/en/trade-fair-topic" ><p>Exhibition sectors</p></a> </div> </div> <div class="image-module" data-key="module_item-1-image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0625/667a78e71f966/1-min.jpg" alt="1-min.jpg"> </picture> </figure> </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/en-us/resources/files/0531/66599d667ce68/【定制建站】慕尼黑设备展-02关于展会-11.png" alt="module_image"></div> <div class="module-wrapper"> <div class="module-width"> <div class="content-box"> <h2 ><p><strong>Exhibitor directory</strong></p></h2> <div class="module_desc" ><p>If You would like to get an overview of the exhibitors at productronica China. With our comprehensive exhibitor directory, you will find what you are looking for.</p></div> <div class="btn-box"> <div class="background-btn module-btn" ><p><strong>productronica China 2025 </strong><strong>Exhibitor</strong><strong>s</strong></p></div> </div> </div> </div> </div> </div> <div class="text-image-module module r_t_l-module dark-module " > <div class="module-wrapper"> <div class="module-width"> <div class="content"> <h2 ><p><strong>Your benefits as a visitor</strong></p></h2> <div class="module_desc" ><p>productronica China attracts international and local market leaders from the industry, showcases products and addresses all important target groups. In doing so, it creates the best communication and business environment for both sides.</p></div> <div class="btn-p-b"> <a class="module-btn" href="/en/benefits-to-visit" ><p><strong>Benefits to visit</strong></p></a> </div> </div> <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/en-us/resources/files/0625/667a5aea91df4/4-min.jpg" alt="4-min.jpg"> </picture> </figure> </div> </div> </div> </div> <div class="exhibition-recent-news-module module " > <div class="exhibition-recent-wrapper module-wrapper"> <div class="exhibition-recent-container module-width"> <h2 >Recent Press Releases</h2> <div class="top-btn-box"> <a class="top-btn module-btn" href="https://www.productronicachina.com.cn/en-us/press-release" target="_blank">View Press release</a> </div> <div class="img-content-card"> <a class="img-content-box" href="productronica-china-to-delve-into-the-unlimited-possibilities-of-electronic-manufacturing-in-march-2025"> <div class="img-box"> <img src="https://www.productronicachina.com.cn/resources/en/files/1112/6733252eb2ffb/封面.JPG" alt="封面.JPG"> </div> <div class="content-box"> <span class="title">productronica China to Delve into the Unlimited Possibilities of Electronic Manufacturing in March 2025</span> <span class="date"> </span> <div class="module_desc">productronica China, a pivotal showcase for the electronics manufacturing industry, is going to unfold at the Shanghai New International Expo Center (E1-E6&C3) from March 20-22, 2024.</div> <div class="content-box-btn module-text-btn" >Learn More</div> </div> </a> <div class="card-content-box"> <a class="card-content-item" href="productronica-china-2024-charting-new-heights-in-march-with-booming-visitor-pre-registrations"> <span class="card-title">productronica China 2024: Charting New Heights in March with Booming Visitor Pre-registrations</span> <span class="card-date"> </span> <div class="module_desc">productronica China, a pivotal showcase for the electronics manufacturing industry, is going to unfold at the Shanghai New International Expo Center (E1-E6&C3) from March 20-22, 2024.</div> <div class="card-btn module-text-btn" >Learn More</div> </a> <a class="card-content-item" href="unlocking-the-future-productronica-china-unveils-9-dynamic-forums-in-smart-manufacturing"> <span class="card-title">Unlocking the Future: productronica China Unveils 9 Dynamic Forums in Smart Manufacturing</span> <span class="card-date"> </span> <div class="module_desc">This year's productronica China is gearing up for a remarkable showcase with a total of 9 support forums, spotlighting 4 pivotal industry themes.</div> <div class="card-btn module-text-btn" >Learn More</div> </a> </div> </div> </div> </div> </div> <div class="plan-journey-module module " > <div class="plan-journey-wrapper module-wrapper"> <div class="plan-journey-container module-width"> <h2 >Plan your visit</h2> <div class="plan-card-list" > <a class="plan-card-item" href="/en/benefits-to-visit"> <div class="plan-card-img"> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0705/668791978f740/注册参观.JPG"> </div> <span> Benefits to Visit </span> </a> <a class="plan-card-item" href="/en/for-visitors-fairgrounds-map"> <div class="plan-card-img"> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0625/667a64e742f7e/1-【顶部Banner配图】展馆分布-min.jpg"> </div> <span> Fairgrounds Map </span> </a> <a class="plan-card-item" href="/en/supporting-program"> <div class="plan-card-img"> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0705/668791021c27a/活动一览.JPG"> </div> <span> Supporing Program </span> </a> <a class="plan-card-item" href="/en/opening-hours"> <div class="plan-card-img"> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0625/667a6dbe1289d/1-【顶部Banner配图】开放时间-min.jpg"> </div> <span> Opening Hours </span> </a> <a class="plan-card-item" href="/en/travel-stay-getting-there"> <div class="plan-card-img"> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0625/667a6cf02afa6/1-【网站顶部Banner】交通指南-min.jpg"> </div> <span> Getting There </span> </a> <a class="plan-card-item" href="/en/contact-us"> <div class="plan-card-img"> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0705/668791020d10e/酒店住宿.jpg"> </div> <span> Advice & Contacts </span> </a> </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/en-us/resources/files/0531/66599d667ce68/【定制建站】慕尼黑设备展-02关于展会-11.png" alt="module_image"></div> <div class="module-wrapper"> <div class="module-width"> <div class="content-box"> <h2 >Visitor registration</h2> <div class="module_desc" >Click to pre-register to be a visitor, let's meet together at productronica China 2025！</div> <div class="btn-box"> <div class="background-btn module-btn" >Online registration</div> <a class="empty-btn module-text-btn" href="/en/discover-productronica-china" >2024 Exhibition review</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/en-us/resources/files/0722/669e64e0d002a/底部二维码.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" ><p>Join us on social media</p></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" ><p>© Messe Muenchen Shanghai Co., Ltd.</p></div> <div class="information-right-list"> <a class="information-right-item" href="/en/legal-information" ><p>Imprint</p></a> <a class="information-right-item" href="/en/privacy-policy" ><p>Privacy Policy</p></a> <a class="information-right-item" href="/en/sitemap" ><p>Sitemap</p></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" ><p>Site powered by <a href="https://www.matchpages.cn/" target="_blank" rel="noopener">Matchpages</a></p></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 src="/assets/utils/downloadVcf.js"></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 = '/en/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 = '/en/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>