Xpeedic

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="language" content="en"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="format-detection" content="telephone=no"/> <meta name="author" content="xpeedic"> <meta name="copyright" content="Copyright © xpeedic"> <meta name="keywords" content="xpeedic"> <meta name="description" content="xpeedic"> <title>Xpeedic</title> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <link rel="stylesheet" href="/statics/newcss/swiper.min.css"> <link rel="stylesheet" href="/statics/newcss/animate.min.css"> <link rel="stylesheet" href="/statics/newcss/index-en.css"> <link rel="stylesheet" href="/statics/newcss/reset.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_2423386_nly26l2whuf.css"> <script src="/statics/newjs/jquery.min.js" type="text/javascript"></script> </head> <i class="ico-menu"> <var class="v1"></var> <var class="v2"></var> <var class="v3"></var> </i>    <header class="wid" style="width:100%; max-width: 1600px;" > <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/banner/20240619155122.jpg" class="imgkp" alt=""> <div class="nav wid"> <div class="menu"> <div class="menus"> <span></span> </div> <div class="menus"><span><a href="/index.php?m=content&c=index&a=lists&catid=26">Solution</a></span> <div class="dropDown"> <div class="dropRow"> <div class="titles font-18 color-white">Products</div> <div class="dropList expandClick"> <ul> <li> <p>Preliminary Modeling</p> <div class="dropMore"> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28323">TmlExpert</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28324">ViaExpert</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28325">CableExpert</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28326">iModeler</a> </p> </div> </li> <li> <p>Layout Design</p> <div class="dropMore"> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28327">Genesis</a> </p> </div> </li> <li> <p>Multi-physics Simulation</p> <div class="dropMore"> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28328">IRIS</a></p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28329">Metis</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28330">Hermes Layered</a></p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28331">Hermes X3D</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28357">Hermes 3D</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28332">Notus</a> </p> </div> </li> <li> <p>System Verification</p> <div class="dropMore"> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28333">ChannelExpert</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28334">XDS</a></p> </div> </li> <li> <p>Automated Measurement</p> <div class="dropMore"> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28336">SnpExpert</a> </p> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28335">MeasureExpert</a> </p> </div> </li> <li> <p>Cloud-based Management</p> <div class="dropMore"> <p><a href="/index.php?m=content&c=index&a=show&catid=142&id=28337">XPLM</a></p> </div> </li> </ul> </div> </div> <div class="dropRow"> <div class="titles font-18 color-white">Application</div> <div class="dropList"> <ul> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28338">Signal Integrity</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28339">Power Integrity</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28340">Electromagnetic Compatibility</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28341">Electro-Thermal Analysis</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28342">Stress and Reliability</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28343">3DIC Chiplet </a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28344">Radio Frequency System </a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28345">Planar Antenna </a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28346">Power Semiconductor Device</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28347">Power Delivery System </a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28348">Package Substrate </a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=148&id=28349">PCB Board </a></p> </li> </ul> </div> </div> <div class="dropRow"> <div class="titles font-18 color-white">Industry</div> <div class="dropList"> <ul> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=149&id=28352">Data Center</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=149&id=28350">Smart Terminals</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=149&id=28354">Automotive Electronics</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=149&id=28351">Communication Infrastructure</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=149&id=28353">IoT</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=149&id=28355">New Energy</a></p> </li> <li> <p><a href="/index.php?m=content&c=index&a=show&catid=149&id=28356">Industrial Equipment</a></p> </li> </ul> </div> </div> </div> </div> <div class="menus"> <span>Company</span> <div class="dropDown"> <ol> <li><a href="/index.php?m=content&c=index&a=lists&catid=2">About Us</a></li> <li><a href="/index.php?m=content&c=index&a=lists&catid=10">News</a></li> <li><a href="/index.php?m=content&c=index&a=lists&catid=11">Media</a></li> <li><a href="/index.php?m=content&c=index&a=lists&catid=19">Events</a></li>  <li><a href="/index.php?m=content&c=index&a=lists&catid=20">Jobs</a></li> </ol> </div> </div> <div class="menus"> <span><a href="/index.php?m=content&c=index&a=lists&catid=18">Resources</a></span>  </div> <div class="menus"><span><a href="/index.php?m=content&c=index&a=lists&catid=9">Download</a></span></div> <div class="menus"><span><a href="/index.php?m=content&c=index&a=lists&catid=37">Free Trial</a></span></div> <div class="menus"><span><a href="/index.php?m=content&c=index&a=lists&catid=3">Contact</a><span></div> </div>  </div>   <div class="logo fl"> <a href="/index.php" style="display: block;height: 55.2px;position: relative; margin-left: 77px;"> <img class="img100" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/logo-en.svg" alt=""> </a> </div> <div class="right fr"> <div class="sech fl" style="display: contents;"> <div class="h_op">          </div> </div> <a class="fl" href="https://www.xpeedic.com//index.php?m=member&forward=%2F"> <div class="login font-18 color-white fl"></div> </a> <a class='lang fl' dataset='' dataset2='en' dataset3='' dataset4='' style='font-size:24px' href='javascript:void(0);' id='yuyan'></a> </div> </header> <script> $("#yuyan").click(function(){ catid = $(this).attr("dataset"); jumpto = $(this).attr("dataset2"); moxing = $(this).attr("dataset3"); aid = $(this).attr("dataset4"); if(catid == "") { if(moxing == "member") { if(jumpto == "cn") { location.href ="/index.php?m=member&c=index&a=cnindex"; } else{ location.href ="/index.php?m=member"; } } else{ location.href ="/cn/"; } } else{ if(aid == "") { location.href ="/jumpurl.php?catid="+catid+"&jumpto="+jumpto; } else{ if(catid == 19 || catid == 10) { //alert(" "); location.href ="/cn/"; } else{ location.href ="/jumpurl.php?catid="+catid+"&id="+aid+"&jumpto="+jumpto; } } } }); </script> <script> $(".fa-search").click(function() { event.stopPropagation(); $(".n_all").toggleClass("on"); }); $(document).click(function(event) { $(".n_all").removeClass("on"); }); $(".n_all").click(function(event) { event.stopPropagation(); }); $(".nav_er li dt i").click(function() { $(this).parents("dl").toggleClass("hover"); }); </script> <script> // 获取所有.dropDown类的元素 var dropDownDivs = document.querySelectorAll('.dropDown'); // 为每个元素添加wheel事件监听器 dropDownDivs.forEach(function(div) { // 记录鼠标进入dropDown时的位置 var mousePosition = { x: 0, y: 0 }; div.addEventListener('mouseenter', function(event) { // 当鼠标进入.dropDown时，记录鼠标位置 mousePosition.x = event.clientX; mousePosition.y = event.clientY; // 显示div this.style.display = 'block'; }); div.addEventListener('wheel', function(event) { // 检查鼠标位置是否已经不在.dropDown内 if (event.clientX !== mousePosition.x || event.clientY !== mousePosition.y) { // 隐藏div this.style.display = 'none'; } }); }); </script>     <style> .carousel-images { display: flex; transition: transform 0.5s ease; } .carousel-images img { width: 100%; display: block; } .prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background-color: #333; color: white; border: none; padding: 10px; cursor: pointer; z-index: 3; } .prev { left: 10px; } .next { right: 10px; } .carousel-images > div { flex: 0 0 100%; width: 100%; position: relative; } .carousel-images a { display: block; text-decoration: none; /* 移除下划线 */ color: inherit; /* 继承文本颜色 */ } </style> <body>  <div id="main"> <div id="header-container"> </div> <div class="carousel"> <div class="carousel-images">  <div style="flex: 0 0 100%; width: 100%;"> <a href="/index.php" style="display: block; text-align: center;"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/banner/2025115/en1.jpg" alt="Image 1"> </a> </div> </div> </div> <div class="container wid"> <div class="banner2 wid" > <div class="swiper-container sw2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="box"> <div class="top"> <div class="video"> <video src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/videos/3DIC2024-EN.mp4" autoplay muted poster="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/videos/3DIC2024-%E5%B0%81%E9%9D%A2-EN.jpg"> </video> </div> </div> <div class="text"><a href="/index.php?m=content&c=index&a=show&catid=148&id=28343" style="color: #000;">Fast EM Simulation for Advanced 2.5D/3D Packaging</a></div> </div> <div class="maskBox"></div> </div> <div class="swiper-slide"> <div class="box"> <div class="top"> <div class="video"> <video src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/en/envideos-2.mp4" poster="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/shipin2-2.png.png"> </video> </div> </div> <div class="text"><a href="/index.php?m=content&c=index&a=show&catid=148&id=28344" style="color: #000;">RF Design and Simulation Platform</a></div> </div> <div class="maskBox"></div> </div> <div class="swiper-slide"> <div class="box"> <div class="top"> <div class="video"> <video src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/videos/videos-3.mp4" controls poster="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/shipin3-3.png.png"> </video> </div> </div> <div class="text"><a href="/index.php?m=content&c=index&a=show&catid=144&id=28332" style="color: #000;">PI/SI/Thermal Analysis Platform</a></div> </div> <div class="maskBox"></div> </div> </div> <div class="swiper-button-next nt"></div> <div class="swiper-button-prev pv"></div> <div class="grey pv2"></div> <div class="grey nt2"></div> </div> </div>  <div class="solution-section"> <div class="title wow fadeInUp animated" data-wow-delay="0.3s" style="visibility: visible;animation-delay: 0.3s;animation-name: fadeInUp;margin-top: -6px;"> <strong>Application Solution</strong> <img class="divider" src="/f1.jpg" alt="分割线"> <p class="subtitle">Simulation EDA from Chip to System</p> </div> <div class="solution-slider"> <div class="slider-container"> <div class="slider-wrapper"> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28338"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/1.jpg" alt="Signal Integrity"> <div class="text-overlay">Signal Integrity</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28339"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/2.jpg" alt="Power Integrity"> <div class="text-overlay">Power Integrity</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28340"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/3.jpg" alt="Electromagnetic Compatibility"> <div class="text-overlay">Electromagnetic Compatibility</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28341"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/4.jpg" alt="Electro-Thermal Analysis"> <div class="text-overlay">Electro-Thermal Analysis</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28342"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/5.jpg" alt="Stress and Reliability"> <div class="text-overlay">Stress and Reliability</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28344"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/6.jpg" alt="Radio Frequency System"> <div class="text-overlay">Radio Frequency System</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28348"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/7.jpg" alt="Package Substrate"> <div class="text-overlay">Package Substrate</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28343"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/8.jpg" alt="3DIC Chiplet"> <div class="text-overlay">3DIC Chiplet</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28343"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/9.jpg" alt="PCB Board"> <div class="text-overlay">PCB Board </div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28345"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/10.jpg" alt="Planar Antenna "> <div class="text-overlay">Planar Antenna</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28346"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/11.jpg" alt="Power Semiconductor Device"> <div class="text-overlay">Power Semiconductor Device</div> </div> </a> </div> <div class="slider-item"> <a href="/index.php?m=content&c=index&a=show&catid=148&id=28349"> <div class="image-container"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/20250120/11.jpg" alt="CFD Thermal Analysis"> <div class="text-overlay">CFD Thermal Analysis</div> </div> </a> </div>  </div> </div> <button class="prev-btn"></button> <button class="next-btn"></button> </div> </div>  <div class="industry-section"> <div class="title mb wow fadeIn animated" data-wow-delay="0.3s"> <strong>Industry Solutions</strong> <img class="img2" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/666d9__1440_2.png" alt=""> </div> <div class="industry wid"> <div class="Roulette "> <div class="round wow fadeInLeft animated" data-wow-delay="0.3s"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/videos/x.png" style="/* margin-right: 20%; *//* right: 20%; */margin: 42% 43.5%;margin-top: 305px;width: 90px;"> <div class="img acti"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/bbe73__673_649.png" alt=""> <img class="img1" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/61cbb__865_334.png" alt=""> </div> <div class="img"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/1d29c__673_649.png " alt=""> <img class="img2" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/44113__851_205.png" alt=""> </div> <div class="img"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/f3188__673_649.png " alt=""> <img class="img3" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/f63b8__768_129.png" alt=""> </div> <div class="img"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/98ccc__673_649.png " alt=""> <img class="img4" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/d7dff__830_339.png" alt=""> </div> <div class="img"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/89444__673_649.png " alt=""> <img class="img5" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/86723__989_342.png" alt=""> </div> <div class="img"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/b6628__673_649.png " alt=""> <img class="img6" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/82338__1177_343.png" alt=""> </div> <div class="img"> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/24dac__673_649.png " alt=""> <img class="img7" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/a5651__1116_360.png" alt=""> </div> <div class="fdBlock ck1" data-index="0"></div> <div class="fdBlock ck2" data-index="1"></div> <div class="fdBlock ck3" data-index="2"></div> <div class="fdBlock ck4" data-index="3"></div> <div class="fdBlock ck5" data-index="4"></div> <div class="fdBlock ck6" data-index="5"></div> <div class="fdBlock ck7" data-index="6"></div> </div> <div class="rightText wow fadeInRight animated" data-wow-delay="0.3s" style="width:33%"> <div class="item" style="margin-bottom: 0px;margin-top: -53px;"> <div class="BigTxt"> <p style=" letter-spacing: 2px; font-size: 62px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(97%, #00aeff)); background: linear-gradient(to bottom, #fff 10%, #00aeff 97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; margin-bottom: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 50px;">Communication<br>Infrastructure </p> </div> <p style="margin-top: -15%;">Improve the system performance</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28351" class="more font-18">More</a> </div> <div class="item hide" style="margin-bottom: 0px;margin-top: -53px;"> <div class="BigTxt"> <p style="letter-spacing: 6px;font-size: 62px;background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(97%, #00aeff));background: linear-gradient(to bottom, #fff 10%, #00aeff 97%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-background-clip: text;margin-bottom: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;font-size: 50px;">Data<br>Center</p></div> <p style="margin-top: -15%;">Realize high-performance computing & storage</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28352" class="more font-18">More</a> </div> <div class="item hide" style="margin-bottom: 0px;margin-top: 7px;"> <div class="BigTxt"><p style=" letter-spacing: 6px; font-size: 62px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(97%, #00aeff)); background: linear-gradient(to bottom, #fff 10%, #00aeff 97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; margin-bottom: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 50px; ">IoT<br> </p></div> <p style="margin-top: -15%;">Enhance the ubiquitous interconnections</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28353" class="more font-18">More</a> </div> <div class="item hide" style=" margin-bottom: 0px; margin-top: -53px; "> <div class="BigTxt"><p style=" letter-spacing: 6px; font-size: 62px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(97%, #00aeff)); background: linear-gradient(to bottom, #fff 10%, #00aeff 97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; margin-bottom: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 50px; ">New<br>Energy</p></div> <p style="margin-top: -15%;">Accelerate the green development</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28355" class="more font-18">More</a> </div> <div class="item hide"style=" margin-bottom: 0px; margin-top: -53px; "> <div class="BigTxt"><p style=" letter-spacing: 6px; font-size: 62px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(97%, #00aeff)); background: linear-gradient(to bottom, #fff 10%, #00aeff 97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; margin-bottom: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 50px; ">Automotive<br>Electronics</p></div> <p style="margin-top: -15%;">Enable the intelligence and safety</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28354" class="more font-18">More</a> </div> <div class="item hide"style=" margin-bottom: 0px; margin-top: -53px; "> <div class="BigTxt"><p style=" letter-spacing: 6px; font-size: 62px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(97%, #00aeff)); background: linear-gradient(to bottom, #fff 10%, #00aeff 97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; margin-bottom: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 50px; ">Industrial<br>Equipment</p></div> <p style="margin-top: -15%;">Build the intelligent system</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28356" class="more font-18">More</a> </div> <div class="item hide"style=" margin-bottom: 0px; margin-top: -53px; "> <div class="BigTxt"><p style=" letter-spacing: 6px; font-size: 62px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(97%, #00aeff)); background: linear-gradient(to bottom, #fff 10%, #00aeff 97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; margin-bottom: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 50px; ">Smart<br>Terminals</p></div> <p style="margin-top: -15%;">Enable high-speed digital experience</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28350" class="more font-18">More</a> </div> </div> <div class="bottomOrigin"> <span class="acti"></span> <span ></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <div class="phoneBox"> <div class="swiper mySwiper sw3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="text"> <div class="top">Communication Infrastructure</div> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/3-1.png" alt=""> <p>Improve the system performance</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28351" class="more">More</a> </div> </div> <div class="swiper-slide"> <div class="text"> <div class="top">Data Center</div> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/3-2.png" alt=""> <p>Realize high-performance computing & storage </p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28352" class="more">More</a> </div> </div> <div class="swiper-slide"> <div class="text"> <div class="top">IoT</div> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/3-3.png" alt=""> <p>Enhance the ubiquitous interconnections </p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28353" class="more">More</a> </div> </div> <div class="swiper-slide"> <div class="text"> <div class="top">Automotive Electronics</div> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/3-5.png" alt=""> <p>Enable the intelligence and safety</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28354" class="more">More</a> </div> </div> <div class="swiper-slide"> <div class="text"> <div class="top">New Energy</div> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/3-4.png" alt=""> <p>Accelerate the green development</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28355" class="more">More</a> </div> </div> <div class="swiper-slide"> <div class="text"> <div class="top">Industrial Equipment</div> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/3-6.png" alt=""> <p>Build the intelligent system</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28356" class="more">More</a> </div> </div> <div class="swiper-slide"> <div class="text"> <div class="top">Smart Terminals</div> <img src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/3-7.png" alt=""> <p>Enable high-speed digital experience</p> <a href="/index.php?m=content&c=index&a=show&catid=149&id=28350" class="more">More</a> </div> </div> </div> <div class="swiper-pagination sw3-sp"></div> </div> </div> </div> </div> <div class="news"> <div class="row wow fadeInUp animated animated" data-wow-delay="0.2s"> <div class="top"> <strong>News</strong> </div> <div class="box"> <div class="pic"> <img class="img100" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/183d4__492_327.jpg" alt=""> </div> <div class="text"> <ul class="list"> <li> <p class="color-white font-18 lh13"><a href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=10&id=28409">Xpeedic Releases EDA 2024 Platforms at DAC 2024</a></p>  <a class="psa" href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=10&id=28409"></a> </li> <li> <p class="color-white font-18 lh13"><a href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=10&id=28376">Xpeedic Release One-stop EDA solution to SI/PI/Multi-physics Analysis at DesignCon2024</a></p>  <a class="psa" href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=10&id=28376"></a> </li> <li> <p class="color-white font-18 lh13"><a href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=10&id=28244">Xpeedic Takes 2023 3D InCites Herb Reiter Design Tool Provider of the Year Award </a></p>  <a class="psa" href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=10&id=28244"></a> </li> </ul> <div class="more"> <a class="color-white font-18" href="/index.php?m=content&c=index&a=lists&catid=10">More</a> </div>    </div> </div> </div> <div class="row wow fadeInUp animated animated" data-wow-delay="0.4s"> <div class="top"> <strong>Events</strong> </div> <div class="box"> <div class="pic"> <img class="img100" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/59f77__406_261.jpg" alt=""> </div> <div class="text"> <ul class="list"> <li> <p class="color-white font-18 lh13"><a href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=19&id=578">DesignCon 2025</a></p>  <a class="psa" href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=19&id=578"></a> </li> <li> <p class="color-white font-18 lh13"><a href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=19&id=554">Samsung SFF&SAFE™ Forum 2024 KR</a></p>  <a class="psa" href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=19&id=554"></a> </li> <li> <p class="color-white font-18 lh13"><a href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=19&id=548">DAC 2024</a></p>  <a class="psa" href="https://www.xpeedic.com/index.php?m=content&c=index&a=show&catid=19&id=548"></a> </li> </ul> <div class="more"> <a class="color-white font-18" href="/index.php?m=content&c=index&a=lists&catid=19">More</a> </div> </div> </div> </div> <div class="row wow fadeInUp animated animated" data-wow-delay="0.6s"> <div class="top"> <strong>Resources</strong> </div> <div class="box"> <div class="pic"> <a class="psa" href="#"></a> <img class="img100" src="https://xpeedic-web-resource.oss-cn-shanghai.aliyuncs.com/img/51ee6__406_261.jpg" alt=""> </div> <div class="text"> <ul class="list"> <li> <p class="color-white font-18 lh13"><a href="https://www.youtube.com/watch?v=egdJhsVsuxs">How to Batch/Sweep Analysis of DDR Emulation</a></p>  <a class="psa" href="https://www.youtube.com/watch?v=egdJhsVsuxs"></a> </li> <li> <p class="color-white font-18 lh13"><a href="https://www.youtube.com/watch?v=BBSc5g5qI1I&t=8s">How to Quickly Create the Symbol in Genesis by Using the Automatic Database Building Function of PDF</a></p>  <a class="psa" href="https://www.youtube.com/watch?v=BBSc5g5qI1I&t=8s"></a> </li> <li> <p class="color-white font-18 lh13"><a href="https://youtu.be/zYZDi331IxE">How to Calculate the RL Parameters for Each Pin</a></p>  <a class="psa" href="https://youtu.be/zYZDi331IxE"></a> </li> </ul> <div class="more"> <a class="color-white font-18" href="/index.php?m=content&c=index&a=lists&catid=18">More</a> </div> </div> </div> </div> </div> </div> <div id="footer-container"> </div> </div> <script src="/statics/newjs/jquery.min.js" type="text/javascript"></script> <script src="/statics/newjs/wow.min.js" type="text/javascript"></script> <script src="/statics/newjs/swiper.min.js" type="text/javascript"></script> <script src="/statics/newjs/enindex.js" type="text/javascript"></script> <script src="/statics/newjs/loading.js" type="text/javascript"></script> <script> new WOW().init(); var swiper = new Swiper(".sw1", { pagination: { el: ".sw1-sp", }, }); var swiper2 = new Swiper('.sw2', { slidesPerView: 1.6, centeredSlides: true, loop: true, navigation: { nextEl: ".swiper-button-next,.nt2", prevEl: ".swiper-button-prev,.pv2", }, }); $(document).ready(function () { // 检测是否为移动设备 function isMobile() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); } // 如果是移动设备，移除视频的autoplay属性 if (isMobile()) { $('.banner2 video').removeAttr('autoplay'); $('.banner2 video').each(function() { this.pause(); }); } var $clickBlocks = $(".fdBlock,.bottomOrigin span"); var $roulette = $(".Roulette .round .img"); var $items = $(".industry .rightText .item"); // 给每个clickBlock添加点击事件 $clickBlocks.click(function () { var index = $(this).index(); var $fdBlockIndex = parseFloat($(this).attr('data-index')); index = $fdBlockIndex ? $fdBlockIndex : $fdBlockIndex === 0 ? 0 : index; // console.log($fdBlockIndex); console.log(index); // 给对应下标的.bottomOrigin span元素添加acti类名 $(".bottomOrigin span:nth-child(" + (index+1) + ")").addClass('acti').siblings().removeClass('acti'); // 添加新的acti类名 $roulette.eq(index).addClass("acti").siblings().removeClass('acti'); // 显示对应下标的item元素，隐藏其他item元素 $items.eq(index).show().siblings().hide(); }); var $box = $('.caseBox .boxs'); var $leftArrow = $('.arrow.pv_'); var $rightArrow = $('.arrow.nt_'); // 左箭头点击事件 $leftArrow.click(function () { // $box.scrollLeft($box.scrollLeft() - 220); $box.animate({ scrollLeft: $box.scrollLeft() - 220 }, 400); }); // 右箭头点击事件 $rightArrow.click(function () { // $box.scrollLeft($box.scrollLeft() + 220); $box.animate({ scrollLeft: $box.scrollLeft() + 220 }, 400); }); // 定义防抖函数 function debounce(func, delay) { let timeoutId; return function () { clearTimeout(timeoutId); timeoutId = setTimeout(func.bind(this), delay); // 使用bind绑定当前上下文 }; } // hover 方法，带有防抖效果 function hoverWithDebounce() { // $(this).addClass('acti'); $(this).css({ 'transform': 'skewX(-20deg) rotateY(180deg)' }).addClass('acti'); console.log("Hovered"); } // 移出方法 function removeClass() { // $(this).removeClass('acti'); $(this).css({ 'transform': 'skewX(-20deg) rotateY(0deg)' }).removeClass('acti').siblings().removeClass('acti'); } // 使用防抖函数包裹 hover 方法和移出方法 var debouncedHover = debounce(hoverWithDebounce, 200); var debouncedRemove = debounce(removeClass, 200); if ($(window).width() <= 750) { // 屏幕宽度小于750的操作 $('.caseBox .boxs ul li').css({ 'transform': 'skewX(-20deg) rotateY(180deg)' }).addClass('acti'); // var swiper = new Swiper(".sw3", { // // autoplay: { // // delay: 2000, // // disableOnInteraction: false, // // }, // pagination: { // el: ".sw3-sp", // }, // }); console.log("屏幕宽度小于750"); } else { // 绑定事件 $('.caseBox .boxs ul li').mouseenter(debouncedHover); $('.caseBox .boxs ul li').mouseleave(debouncedRemove); console.log("屏幕宽度大于或等于750"); } // 监听类名变化的回调函数 const handleClassChange = (mutationsList, observer) => { for (let mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { const slide = mutation.target; const isActive = slide.classList.contains('swiper-slide-active'); // 获取当前 slide 中的 video 元素 const video = $(slide).find('video'); if (isActive) { // 添加类名时开始播放并设置 muted 属性 video[0].play(); video.prop('muted', true); } else { // 移除类名时暂停播放 video[0].pause(); } } } }; // 创建 MutationObserver 对象，并指定观察的目标元素和回调函数 const observer = new MutationObserver(handleClassChange); // 监听目标元素的类名变化 const slides = $('.sw2 .swiper-slide'); slides.each((index, slide) => { observer.observe(slide, { attributes: true }); }); }); </script> <script> // JavaScript脚本 let index = 0; const slides = document.querySelectorAll('.carousel-images img'); const totalSlides = slides.length; function moveSlide(step) { index = (index + step + totalSlides) % totalSlides; const newTransformValue = 'translateX(' + (-index * 100) + '%)'; document.querySelector('.carousel-images').style.transform = newTransformValue; } </script> <script> new WOW().init(); var swiper = new Swiper(".sw1", { pagination: { el: ".sw1-sp", }, }); var swiper2 = new Swiper('.sw2', { slidesPerView: 1.6, centeredSlides: true, loop: true, navigation: { nextEl: ".swiper-button-next,.nt2", prevEl: ".swiper-button-prev,.pv2", }, }); $(document).ready(function () { // 检测是否为移动设备 function isMobile() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); } // 如果是移动设备，移除视频的autoplay属性 if (isMobile()) { $('.banner2 video').removeAttr('autoplay'); $('.banner2 video').each(function() { this.pause(); }); } // Solution Slider 环形切换效果 const sliderWrapper = $('.slider-wrapper'); const sliderItems = $('.slider-item'); const itemWidth = sliderItems.first().outerWidth(true); const visibleItems = Math.floor($('.slider-container').width() / itemWidth); let currentPosition = 0; const totalItems = sliderItems.length; // 克隆首尾项实现无缝循环 const firstClone = sliderItems.slice(0, visibleItems).clone(true); const lastClone = sliderItems.slice(-visibleItems).clone(true); sliderWrapper.append(firstClone); sliderWrapper.prepend(lastClone); // 设置初始位置 sliderWrapper.css('transform', `translateX(-${itemWidth * visibleItems}px)`); // 上一个按钮点击事件 $('.prev-btn').click(function() { currentPosition--; const translateX = -((currentPosition + visibleItems) * itemWidth); sliderWrapper.css('transition', 'transform 0.5s ease'); sliderWrapper.css('transform', `translateX(${translateX}px)`); // 处理循环 if (currentPosition < -visibleItems) { setTimeout(() => { sliderWrapper.css('transition', 'none'); currentPosition = totalItems - 1; const newTranslateX = -((currentPosition + visibleItems) * itemWidth); sliderWrapper.css('transform', `translateX(${newTranslateX}px)`); }, 500); } }); // 下一个按钮点击事件 $('.next-btn').click(function() { currentPosition++; const translateX = -((currentPosition + visibleItems) * itemWidth); sliderWrapper.css('transition', 'transform 0.5s ease'); sliderWrapper.css('transform', `translateX(${translateX}px)`); // 处理循环 if (currentPosition > totalItems - visibleItems) { setTimeout(() => { sliderWrapper.css('transition', 'none'); currentPosition = 0; const newTranslateX = -(visibleItems * itemWidth); sliderWrapper.css('transform', `translateX(${newTranslateX}px)`); }, 500); } }); var $clickBlocks = $(".fdBlock,.bottomOrigin span"); var $roulette = $(".Roulette .round .img"); var $items = $(".industry .rightText .item"); // 给每个clickBlock添加点击事件 $clickBlocks.click(function () { var index = $(this).index(); var $fdBlockIndex = parseFloat($(this).attr('data-index')); index = $fdBlockIndex ? $fdBlockIndex : $fdBlockIndex === 0 ? 0 : index; // console.log($fdBlockIndex); console.log(index); // 给对应下标的.bottomOrigin span元素添加acti类名 $(".bottomOrigin span:nth-child(" + (index+1) + ")").addClass('acti').siblings().removeClass('acti'); // 添加新的acti类名 $roulette.eq(index).addClass("acti").siblings().removeClass('acti'); // 显示对应下标的item元素，隐藏其他item元素 $items.eq(index).show().siblings().hide(); }); var $box = $('.caseBox .boxs'); var $leftArrow = $('.arrow.pv_'); var $rightArrow = $('.arrow.nt_'); // 左箭头点击事件 $leftArrow.click(function () { // $box.scrollLeft($box.scrollLeft() - 220); $box.animate({ scrollLeft: $box.scrollLeft() - 220 }, 400); }); // 右箭头点击事件 $rightArrow.click(function () { // $box.scrollLeft($box.scrollLeft() + 220); $box.animate({ scrollLeft: $box.scrollLeft() + 220 }, 400); }); // 定义防抖函数 function debounce(func, delay) { let timeoutId; return function () { clearTimeout(timeoutId); timeoutId = setTimeout(func.bind(this), delay); // 使用bind绑定当前上下文 }; } // hover 方法，带有防抖效果 function hoverWithDebounce() { // $(this).addClass('acti'); $(this).css({ 'transform': 'skewX(-20deg) rotateY(180deg)' }).addClass('acti'); console.log("Hovered"); } // 移出方法 function removeClass() { // $(this).removeClass('acti'); $(this).css({ 'transform': 'skewX(-20deg) rotateY(0deg)' }).removeClass('acti').siblings().removeClass('acti'); } // 使用防抖函数包裹 hover 方法和移出方法 var debouncedHover = debounce(hoverWithDebounce, 200); var debouncedRemove = debounce(removeClass, 200); if ($(window).width() <= 750) { // 屏幕宽度小于750的操作 $('.caseBox .boxs ul li').css({ 'transform': 'skewX(-20deg) rotateY(180deg)' }).addClass('acti'); // var swiper = new Swiper(".sw3", { // // autoplay: { // // delay: 2000, // // disableOnInteraction: false, // // }, // pagination: { // el: ".sw3-sp", // }, // }); console.log("屏幕宽度小于750"); } else { // 绑定事件 $('.caseBox .boxs ul li').mouseenter(debouncedHover); $('.caseBox .boxs ul li').mouseleave(debouncedRemove); console.log("屏幕宽度大于或等于750"); } // 监听类名变化的回调函数 const handleClassChange = (mutationsList, observer) => { for (let mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { const slide = mutation.target; const isActive = slide.classList.contains('swiper-slide-active'); // 获取当前 slide 中的 video 元素 const video = $(slide).find('video'); if (isActive) { // 添加类名时开始播放并设置 muted 属性 video[0].play(); video.prop('muted', true); } else { // 移除类名时暂停播放 video[0].pause(); } } } }; // 创建 MutationObserver 对象，并指定观察的目标元素和回调函数 const observer = new MutationObserver(handleClassChange); // 监听目标元素的类名变化 const slides = $('.sw2 .swiper-slide'); slides.each((index, slide) => { observer.observe(slide, { attributes: true }); }); }); </script>

CINXE.COM

Xpeedic