CINXE.COM
Stand building
<!DOCTYPE html> <html> <head> <title> Stand building </title> <meta name="keywords" content="Stand building"/> <meta name="description" content="The right stand for your trade fair success. "/> <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/stand-building"> <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/platform-construction.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 "> <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=" active " 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 " > <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> <a class="banner-menu-link" href="/en/productronica-china-2025" >productronica China 2025</a> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">For exhibitors</span> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">Stand building</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/0625/667ad1c9d489c/1-【顶部Banner配图】展台搭建-min.jpg" alt="1-【顶部Banner配图】展台搭建-min.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item module-wrapper"> <div class="banner-content-text"> <h1 >Stand building</h1> <div class="module_desc" ><p>The right stand for your trade fair success.</p></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/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/en-us/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/en-us/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" ><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="platform-construction"> <div class="be-speaker-module module dark-module" > <div class="be-speaker-wrapper module-wrapper"> <div class="be-speaker-container module-width"> <h2 >Stand building</h2> <div class="module_desc" ><p>Whether you choose to design a raw space booth or a standard booth by yourself, the exhibit official producer will be responsible for the design and construction of exhibitors' booths and provide corresponding services. For details, please log in to the Exhibitor Center and download the Exhibitor Manual.</p></div> <div class="text-btn-box"> </div> <div class="bottom-btn-box"> <div class="module-btn" ><p>Login to Exhibitor Center</p></div> </div> </div> </div> </div> <div class="live-news-contact-module module " > <div class="module-wrapper"> <div class="module-width"> <div class="text-list"> <h2 ><p>Information about your stand</p></h2> <div class="module_desc" ><p>If you would like additional information or consulting about stand building and technical services, please contact our Technical Service Management.</p></div> </div> <div class="contact-list" > <div class="contact-item"> <div class="contact-head-item"> <div class="head-logo-item" name="vcf-img"> <div class="image-module" data-key="module_item_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0718/66988d99000fd/微信图片_20240718113506.png" alt="微信图片_20240718113506.png"> </picture> </figure> </div> </div> <a class="head-download-item" data-name="" href="#"> <div class="download-text" >Download Card（VCF）</div> <i class="iconfont icon-Download"></i> </a> </div> <div class="contact-name-text" name="vcf-name"> <span >Fred Liu</span></div> <div class="contact-position-text" name="vcf-title"> <span ></span></div> <div class="contact-info-list"> <div class="contact-info-item"> <div class="info-icon-item"><i class="iconfont icon-Phone"></i></div> <a class="info-text" href="tel:+86 21 2020 5500" name="vcf-phone"> +86 21 2020 5500</a> </div> <div class="contact-info-item"> <div class="info-icon-item"><i class="iconfont icon-Mail"></i></div> <a class="info-text" name="vcf-email" href="mailto:fred.liu@mm-sh.com"> fred.liu@mm-sh.com </a> </div> <div class="contact-info-item"> <div class="info-icon-item"><i class="iconfont icon-World"></i></div> <div class="info-text" name="vcf-company"> <span >Messe Muenchen Shanghai Co., Ltd.</span></div> </div> <div class="contact-info-item"> <div class="info-icon-item"><i class="iconfont icon-GeoLocation"></i></div> <div class="info-text" name="vcf-address"> <span >11F, Tower 1, LJZ Financial Holdings Plaza, <br />1788-1800 Century Avenue, Pudong New Area, Shanghai</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="exhibition-overview-download-relevant-install module dark-module" > <div class="module-wrapper"> <div class="module-width"> <div class="logo-install-head"> <h2 class="logo-install-title" ><p>Stand building and technical services</p></h2> <div class="logo-install-subtitle module_desc" ><p>Our official partner is a competent and experienced full-service provider, who will support you on all topics that pertain to stand building at the fair.<br /><br />Whether you choose a shell-scheme solution or an individual design, our partner will take care of everything needed to plan and build your exhibition stand—from your initial inquiry, stand building and dismantling.</p></div> </div> <div class="logo-install-footer-list" > <div class="style-border"> <a class="logo-install-footer-item" href="https://www.productronicachina.com.cn/en-us/resources/files/0709/668d097467e1c/【附件1】Apply for on-site promotional activity and on-site demonstration.pdf"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" >Apply for on-site promotional activity and on-site demonstration</span> <span class="logo-install-center-size" ><p>160 KB</p></span> </div> <div class="right-icon-box"> <i class="iconfont icon-Download"></i> </div> </a> </div> </div> </div> </div> </div> <div class="exhibition-overview-download-relevant-install module light-module " > <div class="module-wrapper"> <div class="module-width"> <div class="logo-install-head"> <h2 class="logo-install-title" ><p>Important deadlines and logistics information</p></h2> <div class="logo-install-subtitle module_desc" ><p>Get an overview on the most important dates and deadlines. Find useful tips for shipping your products and setup and dismantling times for productronica China.</p></div> </div> <div class="fil-box"> <div class="exhibition-overview-download-relevant-install module " > <div class="module-wrapper"> <div class="module-width"> <div class="logo-install-head"> </div> <div class="logo-install-footer-list" > <div class="style-border"> <a class="logo-install-footer-item" href="https://www.productronicachina.com.cn/en-us/resources/files/0718/6698aae42bcc2/【附件2】Shipping guideline.pdf"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" >Shipping guideline</span> <span class="logo-install-center-size" >212 KB</span> </div> <div class="right-icon-box"> <i class="iconfont icon-Download"></i> </div> </a> </div> <div class="style-border"> <a class="logo-install-footer-item" href="https://www.productronicachina.com.cn/en-us/resources/files/0718/6698aaf3a2864/【附件3】List of contacts.pdf"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" >List of contacts</span> <span class="logo-install-center-size" >148 KB</span> </div> <div class="right-icon-box"> <i class="iconfont icon-Download"></i> </div> </a> </div> </div> </div> </div> </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/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> <script src="/assets/utils/downloadVcf.js"></script> </html>