CINXE.COM
How to get to productronica China
<!DOCTYPE html> <html> <head> <title> How to get to productronica China </title> <meta name="keywords" content=" "/> <meta name="description" content="To facilitate and support travel arrangements of all visitors, this section provides extensive and relevant information on how to travel to productronica China."/> <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/travel-stay-getting-there"> <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 rel="stylesheet" type="text/css" href="/assets/css/travel-traffic-guide.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="" 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=" active " 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">Travel & Stay</span> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">Getting there</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/0626/667af7b945786/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 >How to get to productronica China</h1> <div class="module_desc" ><p>To facilitate and support travel arrangements of all visitors, this section provides extensive and relevant information on how to travel to productronica China.</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="travel-traffic-guide-container"> <div class="text-image-module module dark-module " > <div class="module-wrapper"> <div class="module-width"> <div class="content"> <h2 >Getting to the Shanghai International Expo Centre (SNIEC)</h2> <div class="module_desc" >Shanghai New International Expo Centre (SNIEC) is located in Pudong New Area of Shanghai and easily accessible using many means of transport. The public traffic interchange named “Longyang Road Station” for buses, metro lines and maglev, stands around 600 meters apart from SNIEC. It takes about 10 minutes to walk from the “Longyang Road Station” to the fairground. In addition, Metro Line 7 is direct to SNIEC at Hua Mu Road Station whose exit 2 is close to Hall W5 of SNIEC.</div> <div class="btn-p-a"> <a class="module-text-btn" href="/en/benefits-to-visit" >Benefits to visit</a> <a class="module-text-btn" href="/en/for-exhibitors-fairgrounds-map" >Fair grounds map</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/0718/6698d43dc469c/47e473340e02e571480c4ab0f46390a.jpg" alt="47e473340e02e571480c4ab0f46390a.jpg"> </picture> </figure> </div> </div> </div> </div> <div class="traffic-guide-card-module module " > <div class="module-wrapper"> <div class="module-width"> <h2 >By plane</h2> <div class="module_desc" ><p>SNIEC is located half way between Pudong International Airport and Hongqiao Airport, 35 kilometers away from Pudong International Airport to the east, and 32 kilometers away from Hongqiao Airport to the west. You can take the airport bus, maglev or metro directly to the SNIEC.</p> <p>Enquiry Line of Pudong International Airport: +86 21 96990</p> <p>Enquiry Line of Hongqiao Airport: +86 21 32531090</p></div> <div class="card-list" > <div class="card-item open "> <div class="card-head-item"> <div class="card-head-title" ><p>From Pudong International Airport</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: block "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>By taxi: 30KM</li> <li>By Transrapid Maglev: from Pudong International Airport to Longyang Road. With airport tickets, one-way fare is RMB 40, round-trip fares are RMB80.</li> <li>By metro: take metro Line 2 to Longyang Road Station to change Line 7 to Huamu Road Station, 100 minutes</li> <li>By Airport Line Bus No. 5: from Pudong International Airport to Longyang Road, 40 minutes</li> </ul></div> </div> </div> </div> <div class="card-item "> <div class="card-head-item"> <div class="card-head-title" ><p>From Hongqiao Airport</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: none "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>By taxi: 27KM</li> <li>By metro: take metro Line 2 to Longyang Road Station to change Line 7 to Huamu Road Station, 60 minutes</li> </ul></div> </div> </div> </div> </div> </div> </div> </div> <div class="traffic-guide-card-module module dark-module" > <div class="module-wrapper"> <div class="module-width"> <h2 >By Train</h2> <div class="module_desc" ><p>Service Line: +86 21 12306</p> <p>Ticket Line: +86 21 95105105</p></div> <div class="card-list" > <div class="card-item open "> <div class="card-head-item"> <div class="card-head-title" >From Shanghai Railway Station or Shanghai South Railway Station</div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: block "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>By metro: Take Line 1 to People's Square, then take Line 2 toward Pudong International Airport Station and get off at Longyang Road Station to change Line 7 to Huamu Road Station.</li> </ul></div> </div> </div> </div> <div class="card-item "> <div class="card-head-item"> <div class="card-head-title" ><p>From Hongqiao Railway Station</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: none "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>By metro: Take metro Line 2 to Longyang Road Station and change Line 7 to Huamu Road Station.</li> </ul></div> </div> </div> </div> </div> </div> </div> </div> <div class="traffic-guide-card-module module " > <div class="module-wrapper"> <div class="module-width"> <h2 ><p>By subway</p></h2> <div class="module_desc" ><p>Enquiry Line: +86 21 64370000</p></div> <div class="card-list" > <div class="card-item open "> <div class="card-head-item"> <div class="card-head-title" ><p>Take Line 7</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: block "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>Take metro Line 7 and get off at Huamu Rd Station, you can arrive at SNIEC directly.</li> </ul></div> </div> </div> </div> <div class="card-item "> <div class="card-head-item"> <div class="card-head-title" ><p>Take other Line</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: none "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>Take metro Line 1 to Changshu Rd Station, Line 2 to Jing’an temple or Longyang Rd Station, Line 3 or Line 4 to Zhengping Rd Station, Line 4 to Dong’an Rd Station, Line 6 to West Gaoke Road Station, Line 8 to Yaohua Rd Station, Line 9 to Zhaojiabang Rd Station, then change to metro Line 7 towards Huamu Rd Station and get off at Huamu Rd Station, you can arrive at SNIEC directly.</li> </ul></div> </div> </div> </div> </div> </div> </div> </div> <div class="traffic-guide-card-module module dark-module" > <div class="module-wrapper"> <div class="module-width"> <h2 ><p>By taxi or car</p></h2> <div class="module_desc" ><p>Service Line of taxi: +86 21 95128</p></div> <div class="card-list" > <div class="card-item open "> <div class="card-head-item"> <div class="card-head-title" ><p>By taxi</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: block "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>Available at the entrances of the SNIEC fairground.</li> <li>Add: No.2345 Longyang Road, Pudong New Area, Shanghai, China</li> </ul></div> </div> </div> </div> <div class="card-item "> <div class="card-head-item"> <div class="card-head-title" ><p>By car</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: none "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>SNIEC is located at the intersection of two ring roads that lead from the center of Shanghai over the Nan Pu Bridge and through Pudong.</li> </ul></div> </div> </div> </div> </div> </div> </div> </div> <div class="traffic-guide-card-module module " > <div class="module-wrapper"> <div class="module-width"> <h2 ><p>By bus</p></h2> <div class="module_desc" ><p>Enquiry Line of Pudong Public Transport: +86 21 50216666</p></div> <div class="card-list" > <div class="card-item open "> <div class="card-head-item"> <div class="card-head-title" ><p>Multiple public transport lines</p></div> <i class="iconfont icon-Down"></i> </div> <div class="card-bottom-item" style="display: block "> <div class="card-bottom-content"> <div class="card-bottom-describe" ><ul> <li>Bus No. 983: Lujiazui – SNIEC</li> <li>Bus Da Qiao No. 5: Fudan University – Zhangjiang High-Tech Park</li> <li>Bus Da Qiao No. 6: Shanghai Jiaotong University (Xuhui campus) – Zhangjiang High-Tech Park</li> <li>Fang Chuan Line: Fangxie Road – Pudong International Airport</li> </ul></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>Related traffic information to download</p></h2> </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/0626/667af9d64ddc5/【附件1】SNIEC地理位置图-SNIEC Location Map.pdf"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" ><p>SNIEC Location Map</p></span> <span class="logo-install-center-size" >735 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/0626/667af9fc5d9cd/【附件2】上海地铁交通图-Shanghai Metro Network Map.pdf"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" ><p>Shanghai Metro Network Map</p></span> <span class="logo-install-center-size" >1.4 MB</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/0626/667afa236365f/【附件3】上海磁悬浮时刻表-Fare and Timetable of Maglev.jpg"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" ><p>Fare and Timetable of Maglev</p></span> <span class="logo-install-center-size" >87.6 KB</span> </div> <div class="right-icon-box"> <i class="iconfont icon-Download"></i> </div> </a> </div> </div> <div class="module-btn" >Read more</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 >Visa information</h2> <div class="module_desc" >We set up our own visa service. Details are available here.</div> <div class="btn-box"> <a class="background-btn module-btn" href="/en/travel-stay-visa-service" ><p>Read more</p></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> $(()=>{ $('.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> $(() => { $('.traffic-guide-card-module .card-list').on('click', '.card-head-item', function () { let cardItem = $(this).parent() if (cardItem.hasClass('open')) { cardItem.removeClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideUp() } else { cardItem.addClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideDown() } }) }) </script> <script> $(() => { $('.traffic-guide-card-module .card-list').on('click', '.card-head-item', function () { let cardItem = $(this).parent() if (cardItem.hasClass('open')) { cardItem.removeClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideUp() } else { cardItem.addClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideDown() } }) }) </script> <script> $(() => { $('.traffic-guide-card-module .card-list').on('click', '.card-head-item', function () { let cardItem = $(this).parent() if (cardItem.hasClass('open')) { cardItem.removeClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideUp() } else { cardItem.addClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideDown() } }) }) </script> <script> $(() => { $('.traffic-guide-card-module .card-list').on('click', '.card-head-item', function () { let cardItem = $(this).parent() if (cardItem.hasClass('open')) { cardItem.removeClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideUp() } else { cardItem.addClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideDown() } }) }) </script> <script> $(() => { $('.traffic-guide-card-module .card-list').on('click', '.card-head-item', function () { let cardItem = $(this).parent() if (cardItem.hasClass('open')) { cardItem.removeClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideUp() } else { cardItem.addClass('open') $(this).parent().children('.card-bottom-item').stop(true, false).slideDown() } }) }) </script> </html>