CINXE.COM
<!DOCTYPE html> <html> <head> <title> </title> <meta name="keywords" content=" "/> <meta name="description" content=" "/> <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/home"> <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/home.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="" 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-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="home-container"> <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="home-banner-module " > <div class="banner-logo-list"> <div class="banner-logo-item module-wrapper"> </div> </div> <div class="home-banner-container"> <div class="banner-list owl-carousel" id="banner-container-owl-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/0719/669a2560cb8e4/首页KV.jpg" alt="首页KV.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item module-wrapper"> <h1 >productronica China 2025</h1> <div class="module_desc" >World's important trade fair for electronics manufacturing industry<br />Presenting innovative solutions for popular application areas in the electronic intelligent manufacturing industry</div> </div> </div> </div> </div> <div class="home-banner-swiper-module module" > <div class="module-wrapper"> <div class="banner-swiper-nav-item"> <div class="swiper-pagination"></div> <div class="swiper-nav-item"> <div class="swiper-nav-button swiper-button-prev"><i class="iconfont icon-Left"></i></div> <div class="swiper-nav-button swiper-button-next"><i class="iconfont icon-Left-1"></i></div> </div> </div> <div class="banner-auto-list swiper-container" id="home-banner-swiper-module"> <div class="swiper-wrapper" > <div class="swiper-slide banner-auto-item"> <div class="banner-auto-bg"> <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/0625/667a6f4f131d2/1-上海-min.jpg" alt="1-上海-min.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item"> <span class="banner-subtitle" ><p>Shanghai New International Expo Centre</p></span> <h2 >March 26 - 28, 2025<br />productronica China </h2> <div class="banner-btn-list"> <a class="banner-btn-item module-btn" href="https://www.productronicachina.com.cn/en-us/" target="_blank">productronica China</a> </div> </div> </div> <div class="swiper-slide banner-auto-item"> <div class="banner-auto-bg"> <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/0625/667a6f531d553/2-深圳-min.jpg" alt="2-深圳-min.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item"> <span class="banner-subtitle" >Shenzhen World Exhibition & Convention Center</span> <h2 >October 14 - 16, 2024<br />productronica South China</h2> <div class="banner-btn-list"> <a class="banner-btn-item module-btn" href="https://www.p-southchina.com/pscexpoEn/default.html" target="_blank">productronica South China</a> </div> </div> </div> <div class="swiper-slide banner-auto-item"> <div class="banner-auto-bg"> <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/0625/667a6f570f518/3-德国-min.jpg" alt="3-德国-min.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item"> <span class="banner-subtitle" >Trade Fair Center Messe München</span> <h2 >November 18 - 21, 2025<br />productronica</h2> <div class="banner-btn-list"> <a class="banner-btn-item module-btn" href="https://productronica.com/" target="_blank">productronica</a> </div> </div> </div> <div class="swiper-slide banner-auto-item"> <div class="banner-auto-bg"> <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/0625/667a6f5ae1073/4-印度-min.jpg" alt="4-印度-min.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item"> <span class="banner-subtitle" >Bangalore International Exhibition Centre</span> <h2 >September 17 - 19, 2025<br />productronica India</h2> <div class="banner-btn-list"> <a class="banner-btn-item module-btn" href="https://productronica-india.com/" target="_blank">productronica India</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="text-image-module module home_text_module" > <div class="module-wrapper"> <div class="module-width"> <div class="content"> <h2 >Welcome to productronica China</h2> <div class="module_desc" >productronica China is dedicated to the entire electronic manufacturing industry chain. Our exhibits cover a wide range of products, presenting one-stop platform of innovative solutions for intelligent manufacturing in the electronics industry via cutting-edge technologies and products.</div> <div class="btn-p-c"> <a class="module-text-btn" href="/en/benefits-to-exhibit" >Benefits to exhibit</a> <a class="module-text-btn" href="/en/benefits-to-visit" >Benefits to visit</a> <a class="module-text-btn" href="/en/supporting-program" >Supporting program</a> </div> </div> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <div class="icon-play-box"> <i class="iconfont icon-Play"></i> </div> <div class="video_poster"> <img class="lazy-load" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0703/6684ff2eebc22/屏幕截图 2024-07-03 153351.png"> </div> <video preload="none" controls> <source src="https://www.productronicachina.com.cn/en-us/resources/files/0625/667a73e0c2ffa/视频1.mp4"> </video> </figure> </div> </div> </div> </div> <div class="text-image-module module r_t_l-module dark-module home_text_module" > <div class="module-wrapper"> <div class="module-width"> <div class="content"> <h2 >Wonderful moment of productronica China </h2> <div class="module_desc" ><p>Photos and videos of past exhibitions will show you the wonderful moments of productronica China and let's witness the development trend of the global electronics manufacturing industry together.</p></div> <div class="btn-p-c"> <a class="module-text-btn" href="/en/for-journalists-impression-videos" ><p><strong>Impressions</strong><strong> and videos</strong></p></a> </div> </div> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <div class="icon-play-box"> <i class="iconfont icon-Play"></i> </div> <div class="video_poster"> <img class="lazy-load" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0703/6684ff372bbb3/屏幕截图 2024-07-03 153442.png"> </div> <video preload="none" controls> <source src="https://www.productronicachina.com.cn/en-us/resources/files/0625/667a74395dbe4/视频2.mp4"> </video> </figure> </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/productronica-china-2025" >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> $(() => { $('.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 ($('.home-banner-module .banner-item').length > 1) { initOwlEvent('#banner-container-owl-module', 1, false, false, true, true, false, { margin: 0 }) } }) </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 src="/assets/lib/swiper/swiper-bundle.min.js"></script> <script> let swiper = new Swiper('#home-banner-swiper-module', { slidesPerView: 'auto', pagination: { el: '.home-banner-swiper-module .swiper-pagination', type: 'fraction', }, spaceBetween: 32, breakpoints: { 0: { spaceBetween: 20, }, 361: { spaceBetween: 32, } }, navigation: { nextEl: '.home-banner-swiper-module .swiper-button-next', prevEl: '.home-banner-swiper-module .swiper-button-prev', }, }) </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> $(() => { 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>