CINXE.COM
2025 5th International Conference on Electronic Materials and Information Engineering (EMIE 2025)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>2025 5th International Conference on Electronic Materials and Information Engineering (EMIE 2025)</title> <meta name="keyword" content="第五届电子材料与信息工程国际学术会议（EMIE 2025）"> <meta name="description" content="由广东工业大学主办第五届电子材料与信息工程国际学术会议（EMIE 2025）将于2025年7月18到20日在中国广州举行。会议聚焦电子材料与信息工程领域的最新科学研究和发展趋势，探讨分享最新的研究成果"> <link rel="icon" href="https://fhk.ais.cn/cms/website/favicon/i/icemie.org.761a141.ico" type="image/x-icon"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.all.js"></script> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.js"></script> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/js/css/layui.css"> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/16/index.css"> <script src="https://img.ais.cn/thirds/common/jquery-1.12.4.min.js"></script> <script src="https://img.ais.cn/thirds/common/jquery.print.js"></script> <link rel="stylesheet" href="https://fhk.ais.cn/file/web/css/swiper.min.css"> <script src="https://fhk.ais.cn/file/web/js/swiper.min.js"></script> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/16/newStyle.css"> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/common.css"> <style> .layui-layout-body { overflow: scroll; } </style> </head> <body> <div class="page"> <!-- 头部 --> <div> <div class="header-Tem-two-page"> <section class="container-Tem-two"> <section class="header-Tem-two-flex"> <div style="display: flex; align-items: center"> <img src="https://fhk.ais.cn/cms/website/common/202409/323240904102353761.png" alt="logo" class="logo"> <div class="header-Tem-two-span"> <span class="head-company" id="title">2025 5<sup>th</sup> International Conference on Electronic Materials and Information Engineering (EMIE 2025)</span> </div> </div> <div class="lan-right"> <!-- 切换语言包 --> <div class="head-date-flex" id="headDate" style="visibility: visible"> </div> </div> </section> </section> </div> <div class="top-navList " id="header-content" style="height: 60px"> <section class="nav-Tem-two " id="section" style="height: 60px"> <div class="tem-en-nav"> <ul class="layui-nav layui-nav-eight " id="layui-nav"> <li class="layui-nav-item layui-hover" data-param="1" ><a href="./" >Home</a></li> <li class="layui-nav-item" data-param="2"><a href="./Committee" >Committee</a> <li class="layui-nav-item" data-param="3"><a href="./Speakers" >Speakers</a> <li class="layui-nav-item" data-param="4"><a href="./call_for_paper" >CFP</a> <li class="layui-nav-item" data-param="5"><a href="./gtnmtjam" >Submission Info</a> <dl class="layui-nav-child "> <dd><a href="./Submission" >Submission</a></dd> <dd><a href="./download" >Download</a></dd> <dd><a href="./qjamobcs" >Guidelines for AI Tools</a></dd> </dl> </li> <li class="layui-nav-item" data-param="6"><a href="./Registration" >Registration</a> <li class="layui-nav-item" data-param="7"><a href="./Publication" >Publication</a> <li class="layui-nav-item" data-param="8"><a href="./program" >Program</a> <li class="layui-nav-item" data-param="9"><a href="./contact" >Contact</a> <li class="layui-nav-item" data-param="10"><a href="./more" >More</a> <dl class="layui-nav-child "> <dd><a href="./venue" >Venue</a></dd> <dd><a href="./hfepviye" >History of EMIE 2024</a></dd> <dd><a href="./craxqdrj" >History of EMIE 2023-2021</a></dd> </dl> </li> </ul> </div> <div class="e-icon"> <ul class="layui-nav layui-icon " id="layui-icon" style = "display:none"> <i id="icon-down" class="layui-icon layui-icon-down" style="font-size: 30px; color: #1E9FFF;"></i> <i id="icon-up" class="layui-icon layui-icon-up" style="font-size: 30px; color: #1E9FFF;display :none;"></i> </ul> </div> </section> </div> </div> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.all.js"></script> <script type="text/javascript"> var homeUrl = 'http://www.icemie.org/'; link () function link () { if (document.querySelector('.link')) { var link = document.querySelector('.link').clientHeight document.querySelector('.header-Tem-two-page').style.marginTop = link + 'px' // document.querySelector('.header-Tem-two-page') var containeTem = document.querySelector('.container-Tem-two') containeTem.style.top = link + 'px' var headerTemH = document.querySelector('.header-Tem-two-page').clientHeight var navH = document.querySelector('.nav-Tem-two') navH.style.top = (link + headerTemH) + 'px' } } </script> <div class="home-en"> <!-- 这里是轮播图引用以前的3种轮播样式 不要用我这里的 --> <div class="layui-carousel" id="test" lay-filter="test1"> <div carousel-item> <div><img class="rotation_chart" src="https://fhk.ais.cn/cms/website/functional/pic/202409/323240907102107436.png"/></div> <div><img class="rotation_chart" src="https://fhk.ais.cn/cms/website/functional/pic/202409/323240907102116440.png"/></div> </div> </div> <script type="text/javascript"> //轮播样式1 layui.use('carousel', function () { var carousel = layui.carousel; //建造实例 carousel.render({ elem: '#test' , width: '100%' //设置容器宽度 , height: '480px' , arrow: 'always' //始终显示箭头 //,anim: 'fade' //切换动画方式 }); }); //轮播样式4 var length = $(".swiper-wrapper").children(".swiper-slide").length certifySwiper = new Swiper('#certify .swiper-container', { watchSlidesProgress: true, slidesPerView: 'auto', centeredSlides: true, loop: length <= 1 ? false : true, loopedSlides: 5, autoplay: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', //clickable :true, }, on: { progress: function (progress) { for (i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i); var slideProgress = this.slides[i].progress; modify = 1; if (Math.abs(slideProgress) > 1) { modify = (Math.abs(slideProgress) - 1) * 0.3 + 1; } translate = slideProgress * modify * 260 + 'px'; scale = 1 - Math.abs(slideProgress) / 5; zIndex = 999 - Math.abs(Math.round(10 * slideProgress)); slide.transform('translateX(' + translate + ') scale(' + scale + ')'); slide.css('zIndex', zIndex); slide.css('opacity', 1); if (Math.abs(slideProgress) > 3) { slide.css('opacity', 0); } } }, setTransition: function (transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } } } }) //轮播样式3 var viewSwiper = new Swiper('.view .swiper-container', { on: { slideChangeTransitionStart: function () { updateNavPosition() } } }) $('.view .arrow-left,.preview .arrow-left').on('click', function (e) { e.preventDefault() if (viewSwiper.activeIndex == 0) { viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000); return } viewSwiper.slidePrev() }) $('.view .arrow-right,.preview .arrow-right').on('click', function (e) { e.preventDefault() if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) { viewSwiper.slideTo(0, 1000); return } viewSwiper.slideNext() }) var previewSwiper = new Swiper('.preview .swiper-container', { //visibilityFullFit: true, slidesPerView: 'auto', allowTouchMove: false, on: { tap: function () { viewSwiper.slideTo(previewSwiper.clickedIndex) } } }) function updateNavPosition() { $('.preview .active-nav').removeClass('active-nav') var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav') if (!activeNav.hasClass('swiper-slide-visible')) { if (activeNav.index() > previewSwiper.activeIndex) { var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1 previewSwiper.slideTo(activeNav.index() - thumbsPerNav) } else { previewSwiper.slideTo(activeNav.index()) } } } </script> <!-- 这里是中间部分 --> <div class="content eight-content"> <!-- 功能区 --> <div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">正文</div> </div> <div class="content-en"> <style>.zsy1{ margin: -52px -359px;padding:80px 360px 0px; position: relative; } @media (max-width:768px) { .zsy1{ margin: -30px -17px 0px -22px; padding: 20px 20px 0px; height:auto; } }</style><div class="zsy1" style="box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px -15px 15px;"><p style="margin-bottom: 24px; text-align: center;"><strong><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;">- Welcome To EMIE 2025 -</span></strong></p><section data-role="outer" class="article135" label="edit by 135editor"><section class="_135editor" data-role="splitline" data-tools="135编辑器" data-id="94027"><section style="width:100%;padding:20px 0px;max-width:100% !important;box-sizing:border-box;" data-width="100%"><section style="width: 100%; border-bottom: 1px solid rgb(0, 0, 0); margin-bottom: -8px; box-sizing: border-box; max-width: 100% !important; height: 1px; overflow: hidden;" data-width="100%"></section><section style="width: 30%;display: flex;justify-content: space-around;margin: 0px auto;background: #fefefe;align-items: center;box-sizing:border-box;max-width: 30% !important;" data-width="30%"><section style="width: 7px; height: 7px; background: rgb(0, 0, 0); box-sizing: border-box; transform: rotate(45deg); overflow: hidden;"></section><section style="width: 12px; height: 12px; background: rgb(0, 0, 0); box-sizing: border-box; transform: rotate(45deg); overflow: hidden;"></section><section style="width: 7px; height: 7px; background: rgb(0, 0, 0); box-sizing: border-box; transform: rotate(45deg); overflow: hidden;"></section></section></section></section></section><p style="text-align: justify; margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">2025 5<sup>th</sup> International Conference on Electronic Materials and Information Engineering (EMIE 2025) will be held in Guangzhou, China from July 18 to 20, 2025. It is a leading conference for all researchers from different countries and territories to present their research results about Electron Devices and Mechanical Engineering.</span></p><p style="text-align: justify; margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">The organizing committee invited a few accomplished experts in related research areas to give keynote speeches at the conference. All participants have a chance to discuss with the experts face to face, which will be definitely helpful for the participants to improve their study and research in the future. We warmly welcome prospective authors who are interested in the fields to submit their up-to-date and original research papers to the EMIE 2024 Organizing Committee to share their valuable experience with the leading researchers, scholars as well as experts of the fields around the world.</span></p></div> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">重要时间</div> </div> <div class="content-en"> <style>.zsydate{ margin:0px -359px 0px; padding: 75px 360px 40px; } @media (max-width:768px) { .zsydate{ margin: -40px -17px 0px -22px; padding: 0px 20px 10px; height:auto; } }</style><div class="zsydate" style="background:#ffffff;" align="center"><section class="story-left"><table><tbody><tr class="firstRow"><td class="bk select-Color" width="230" valign="middle" style="word-break: break-all;" align="center"><p style="margin-bottom: 12px; margin-top: 0px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Full Paper Submission Date</span></p><p style="margin-bottom: 0px;"><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";">April 18, 2025</span></strong></span></p></td><td valign="middle" align="center" colspan="1" rowspan="1" width="0" style="border:none"><br/></td><td class="bk select-Color" width="230" valign="middle" style="word-break: break-all;" align="center"><p style="margin-bottom: 12px; margin-top: 0px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Registration Deadline</span></p><p style="margin-bottom: 0px;"><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";">June 4, 2025</span></strong></span></p></td><td valign="middle" align="center" colspan="1" rowspan="1" width="0" style="border:none"><br/></td><td class="bk select-Color" width="230" valign="middle" style="word-break: break-all;" align="center"><p style="margin-bottom: 12px; margin-top: 0px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Final Paper Submission Date</span></p><p style="margin-bottom: 0px;"><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";">June 18, 2025</span></strong></span></p></td><td valign="middle" align="center" colspan="1" rowspan="1" width="0" style="border:none"><br/></td><td class="bk select-Color" width="230" valign="middle" style="word-break: break-all;" align="center"><p style="margin-bottom: 12px; margin-top: 0px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Conference Dates</span></p><p style="margin-bottom: 0px;"><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 18px; font-family: 微软雅黑, "Microsoft YaHei";">July 18-20, 2025</span></strong></span></p></td></tr></tbody></table></section></div> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">CFP</div> </div> <div class="content-en"> <style>.zsycfp{ margin: 0px -359px 0px; padding: 80px 320px 55px; } .zsycfpl{ width:45%; vertical-align: top; margin:0px auto; display:inline-block; text-align:center; margin-right:5%; } .zsycfpr{ width:45%; vertical-align: top; margin:0px auto; display:inline-block; text-align:center; } @media (max-width:768px) { .zsycfp{ margin: -25px -17px 0px -22px; padding: 50px 20px 50px; height:auto; } .zsycfpl{ width:100%; } .zsycfpc{ width:100%; } .zsycfpr{ width:100%; } }</style><div class="zsycfp" style="box-sizing: border-box; background:rgb(245,245,245);"><section class="story-left"><p style="margin-top: 0px; margin-bottom: 12px; text-align: center;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 30px;">- Call For Papers -</span></strong></span></p><p style="margin-top: 0px; margin-bottom: 24px; text-align: center;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Topics of interest include but are not limited to</span></p><div class="zsycfpl"><main><details open=""><summary class="input2 select-Color"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Electronic materials</span></summary><div class="tab-content"><p><span style="font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Physical chemistry</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Semiconductor material</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Conductive metals and their alloys</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Electromagnetic shielding material</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Dielectric material</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Piezoelectric and ferroelectric materials</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Magnetic material</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Optoelectronic material</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Integrated circuit</span></p></div></details></main></div><div class="zsycfpr"><main><details open=""><summary class="input2 select-Color"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Information engineering</span></summary><div class="tab-content"><p><span style="font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Electronic science and technology</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Information and communication Engineering</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Optoelectronic information science and technology</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Engineering optics</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Information optics</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Electronic technology</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Photoelectric technology</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Communication technology</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Measurement and control technology</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Computer application technology</span></p></div></details></main></div></section></div> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">投稿</div> </div> <div class="content-en"> <style>.zsy2{ margin:-32px -359px 0px; padding: 75px 360px 70px; } @media (max-width:768px) { .zsy2{ margin: -80px -17px 0px -22px; padding: 35px 20px 35px; height:auto; } }</style><div class="zsy2" style="box-sizing: border-box; background:rgbA(255,255,255);" align="left"><section class="story-left"><table><tbody><tr class="firstRow"><td valign="middle" style="word-break: break-all;border: none;" align="center"><div id="leftdh2"><p style="margin-bottom: 24px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 30px;">- Submission -</span></strong></span></p><p style="margin-bottom: 24px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><img src="https://fhk.ais.cn/cms/website/editor/202304/326230403144454505.gif" alt="news.gif"/> Please send the full paper(word+pdf) to Submission System : </span></p><p style="text-indent: 0em; margin-bottom: 24px;"><a href="https://www.ais.cn/attendees/paperSubmit/J6ZJYZ" target="_blank" class="input1 colorOne" textvalue="Submission System (For Authors From China)"><span style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px; text-decoration: none;">Submission System (For Authors From China)</span></a></p><p style="text-indent: 0em;"><a href="https://paper-sub.com/paper/J6ZJYZ" target="_blank" class="input1 colorOne" textvalue="Submission System (For Author From Other Countries)"><span style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px; text-decoration: none;">Submission System (For Author From Other Countries)</span><span style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px;"></span></a></p><p style="margin-top: 36px; text-indent: 0em;"><img src="https://fhk.ais.cn/cms/website/editor/202304/326230403144454505.gif" alt="news.gif" style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; white-space: normal; background-color: rgb(245, 245, 245);"/><span style="font-size: 14px;"> <span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Templates：</span></span><a href="http://www.icemie.org/download" target="_blank" class="input1 colorOne" textvalue="Download"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Download</span></a></p></div></td></tr></tbody></table></section></div> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">动态出版历史</div> </div> <div class="content-en"> <style>.zsy3{ margin: -33px -359px -195px; padding: 80px 360px 75px; height:auto; } @media (max-width:768px) { .zsy3{ margin: -80px -17px 0px -22px; padding: 40px 20px 40px; height:auto; } }</style><div class="area select-Color zsy3" style="box-sizing: border-box; position: relative; text-align: center;background:rgba(0,0,0)"><section class="story-left" style="position: relative; z-index: 999;"><p style="margin-bottom: 24px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; color: #FFFFFF;"><strong><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;">- Publication -</span></strong></span></p><p style="text-align: center; margin-bottom: 0px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: #FFFFFF;"><img src="https://fhk.ais.cn/cms/website/editor/202304/326230403154519809.gif" alt="hot.gif"/> All accepted full papers will be published in the conference proceedings and will be submitted to EI Compendex / Scopus for indexing.</span></p><p style="margin-top: 24px; text-indent: 0em;"><a href="http://www.icemie.org/Publication" target="_blank" class="input1" textvalue="See More"><span class="sub" style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 999; font-size: 14px; text-decoration: none;">See More</span><span style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 999; font-size: 14px;"></span></a></p></section><ul class="circles list-paddingleft-2"><li><p><br/></p></li><li><p><br/></p></li><li><p><br/></p></li><li><p><br/></p></li><li><p><br/></p></li></ul></div><style> @import url('https://fonts.googleapis.com/css?family=Exo:400,700'); *{ margin: 0px; padding: 0px; } body{ font-family: 'Exo', sans-serif; } .context { width: 100%; position: absolute; top:50vh; } .context h1{ text-align: center; color: #fff; font-size: 50px; } .area{ background: #4e54c8; background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); } .circles{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .circles li{ position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); animation: animate 25s linear infinite; bottom: -150px; } .circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; } .circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .circles li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; } .circles li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .circles li:nth-child(5){ left: 65%; width: 20px; height: 20px; animation-delay: 0s; } .circles li:nth-child(6){ left: 75%; width: 110px; height: 110px; animation-delay: 3s; } .circles li:nth-child(7){ left: 35%; width: 150px; height: 150px; animation-delay: 7s; } .circles li:nth-child(8){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(9){ left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .circles li:nth-child(10){ left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } @keyframes animate { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } }</style> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">样式（勿删勿保存）</div> </div> <div class="content-en"> <style>.rotation_chart{ /*banner自适应宽度*/ left: 50%; position: absolute; width:100%; height:auto !important; }.m-im-say{display:none; /*移动端标题隐藏*/} .more-title{display:none; /*标题隐藏*/} .sub{color:#fff;} .bar{position: relative;z-index:9999;}/*移动端横幅置在最上面*/ .nav-Tem-two{ box-shadow: 0px 10px 10px rgba(0,0,0,0.3) !important; }.input2 { text-shadow:0.2px 0.2px 1px rgba(0,0,0,0.5); border: none; font-weight:inherit; /*字体粗细*/ text-decoration:none;/*超链接文字不划线*/ padding: 10px 40px; color: white; outline: none; transition: all 500ms ease 0s; position: relative; } .input2:before{ border: none; content: ''; background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 50%); background-size: 210% 100%; background-position: right bottom; position: absolute; top: 0; bottom:0; right:0; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .input2:hover{ background-image: linear-gradient(to left, #28aaff, #008bff); border: none; color: #ffffff; transition: all 500ms ease 0s; } .cs {background-image: linear-gradient(to left, #28aaff, #008bff); border: none; } .cs:hover:before { background-position: left bottom;border: none; } main { max-width: 550px; margin: 0 auto; } details{ margin-bottom: 20px; } summary { font-size: 1rem; font-weight: 600; background-color: #f3f3f3; color: #000; padding: 1rem; margin-bottom: 1rem; outline: none; border-radius: 0.25rem; cursor: pointer; position: relative; } details[open] summary~* { animation: sweep .5s ease-in-out; } @keyframes sweep { 0% { opacity: 0; margin-top: -10px } 100% { opacity: 1; margin-top: 0px } } details>summary::after { position: absolute; content: "+"; right: 20px; } details[open]>summary::after { position: absolute; content: "-"; right: 20px; } details>summary::-webkit-details-marker { display: none; } .input1 { border: 0; background: none; text-transform: uppercase; color: #ffffff; font-weight: bold; position: relative; outline: none; padding: 10px 20px; box-sizing: border-box; } .input1:hover { color: #ffffff;} .input1::before, .input1::after { box-sizing: inherit; position: absolute; content: ''; border: 2px solid transparent; width: 0; height: 0; } .input1::after { bottom: 0; right: 0; } .input1::before { top: 0; left: 0; } .input1:hover::before, .input1:hover::after { width: 100%; height: 100%; } .input1:hover::before { border-top-color:rgba(42,170,255); border-right-color:rgba(42,170,255); transition: width 0.3s ease-out, height 0.3s ease-out 0.3s; } .input1:hover::after { border-bottom-color:rgba(42,170,255); border-left-color:rgba(42,170,255); transition: border-color 0s ease-out 0.6s, width 0.3s ease-out 0.6s, height 0.3s ease-out 1s; } .bk{ height:130px; transition: all 500ms ease 0s; color:#fff; } .bk:hover{ box-shadow:0px 0px 10px rgba(0,0,0,0.5); transition: all 500ms ease 0s; } .bk1{ color:#000000; background:rgba(255,255,255); box-sizing:border-box; transition: all 500ms ease 0s; border: none; border-radius: 40px; } .bk1:hover{ background:rgba(255,255,255); box-sizing:border-box; transition: all 500ms ease 0s; border: none; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); }</style><style> .story-right { opacity: 0; transform: translateX(100%); transition: all 1500ms ease 0s; } /* 当章节进入视口时，设置透明度为1 */ .story-right.visibler { opacity: 1; transform: translateX(0px); transition: all 1500ms ease 0s; } @media (max-width:768px) { .story-right { opacity: 1; transform: translateX(0%); } /* 当章节进入视口时，设置透明度为1 */ .story-right.visibler { opacity: 1; } }</style><script> window.addEventListener('scroll', function() { var sectionsr = document.querySelectorAll('.story-right'); // 获取所有章节元素 sectionsr.forEach(function(section, index) { var sectionTop = section.getBoundingClientRect().top; // 获取章节距离视口顶部的距离 var viewportHeight = window.innerHeight; // 获取视口的高度 // 当章节距离视口顶部小于视口高度时，显示该章节 if (sectionTop < viewportHeight) { section.classList.add('visibler'); // 添加visibler类，使章节可见 } }); });</script><style> .story-left { opacity: 0; transform: translateX(-100%); transition: all 1500ms ease 0s; } /* 当章节进入视口时，设置透明度为1 */ .story-left.visiblel { opacity: 1; transform: translateX(0px); transition: all 1500ms ease 0s; } @media (max-width:768px) { .story-left { opacity: 1; transform: translateX(0%); } /* 当章节进入视口时，设置透明度为1 */ .story-left.visiblel { opacity: 1; } }</style><script> window.addEventListener('scroll', function() { var sectionsl = document.querySelectorAll('.story-left'); // 获取所有章节元素 sectionsl.forEach(function(section, index) { var sectionTop = section.getBoundingClientRect().top; // 获取章节距离视口顶部的距离 var viewportHeight = window.innerHeight; // 获取视口的高度 // 当章节距离视口顶部小于视口高度时，显示该章节 if (sectionTop < viewportHeight) { section.classList.add('visiblel'); // 添加visiblel类，使章节可见 } }); });</script><style> .story-part { opacity: 0; transition: all 1500ms ease 0s; } /* 当章节进入视口时，设置透明度为1 */ .story-part.visible { opacity: 1; transition: all 1500ms ease 0s; } @media (max-width:768px) { .story-part { opacity: 1; } /* 当章节进入视口时，设置透明度为1 */ .story-part.visible { opacity: 1; } }</style><script> window.addEventListener('scroll', function() { var sections = document.querySelectorAll('.story-part'); // 获取所有章节元素 sections.forEach(function(section, index) { var sectionTop = section.getBoundingClientRect().top; // 获取章节距离视口顶部的距离 var viewportHeight = window.innerHeight; // 获取视口的高度 // 当章节距离视口顶部小于视口高度时，显示该章节 if (sectionTop < viewportHeight) { section.classList.add('visible'); // 添加visible类，使章节可见 } }); });</script> </div> </div> </div> <!-- 侧板栏 --> <div class="function"> <div class="share-bottom"> <div class="share-bottom-content"> </div> </div> </div> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/jquery.qrcode.min.js"></script> <script> $(function () { $("#qrcode").qrcode({ render: "canvas", width: 160, height: 160, text: homeUrl + "?lang=en", background: "#ffffff", //二维码的后景色 foreground: "#000000", //二维码的前景色 }); }) </script> </div> <!-- 底部 --> <div class="footer"> <div class="footer-wrap"> <div class="footer-right"> <p> Copyright© EMIE 2025 </p> <p>2025 5<sup>th</sup> International Conference on Electronic Materials and Information Engineering (EMIE 2025) http://www.icemie.org/ <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281209028'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z.js%3Fid%3D1281209028%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script> </p> </div> </div> </div> <style> /*底部*/ .footer { width: 100%; height: 100px; background: #333333; -webkit-box-flex: 0; flex: 0 0 100px; } .footer-wrap { width: 1200px; height: 100px; left: calc(50% - 600px); background: #333333; color: #989898; font-size: 12px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: auto; } .footer-left { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 527px; display: -webkit-box; display: flex; } .support > span { line-height: 28px; } .meeting > img { position: absolute; } .meeting > div { text-align: center; } .footer-right { line-height: 28px; display: flex; justify-content: flex-start; flex-direction: column; flex: 1; align-items: center; } </style> <script> function getClassDomList(className) { return document.getElementsByClassName(className) } String.prototype.colorRgb = function () { // 16进制颜色值的正则 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; // 把颜色值变成小写 var color = this.toLowerCase(); if (reg.test(color)) { // 处理六位的颜色值，转为RGB var colorChange = []; for (var i = 1; i < 7; i += 2) { colorChange.push(parseInt("0x" + color.slice(i, i + 2))); } return "RGBA(" + colorChange.join(",") + ")"; } else { return color; } }; var classlist = ['color-title', '.color1']; let color = '#0768AC'.colorRgb(); color = color.slice(0, color.length - 1) + ",0.1)"; for (let i = 0; i < classlist.length; i++) { const list = getClassDomList(classlist[i]) for (let i = 0; i < list.length; i++) { list[i].style.setProperty('background', color, 'important') } } </script> <style> .colorOne { color: #0768AC !important;; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: #0768AC !important; } .selected1 { color: #0768AC !important; } .right-title-info1 { color: #0768AC !important;; } .count-down1 { background-color: #0768AC !important;; } .row { background-color: #0768AC !important;; } .color-change { background: #0768AC !important; } .color-line { background-color: #0768AC !important; } .color-important { background: #0768AC !important; } .dawn-bg { background-color: #0768AC !important; } .select-Color { background: #0768AC !important; } .layui-nav .layui-nav-more { display: none; } .layui-hover:hover { background: #0768AC !important; } .layui-nav .layui-nav-child a:hover { background-color: rgba(7, 13, 89, .1) !important; } .layui-nav-bar { background-color: white !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: !important; } .layui-nav-child { background-color: white; } .layui-nav .layui-nav-child a { color: black !important; } .layui-nav .layui-nav-item a { width: auto !important; color : rgba(255,255,255,1); } .d1-color { border-color: white white white #0768AC !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: white !important } .m-color-bg2{ background: #0768AC !important; } .m-imp-bg{ background: #0768AC !important; } .m-nav-color{ background: #0768AC !important; } .m2-right-bg1{ background: #0768AC !important; } .rightNavItem{ background: #0768AC !important; } .bottomNavItem{ background: #0768AC !important; } .bottomLanguage{ background: #0768AC !important; } .rightLanguage{ background: #0768AC !important; } </style> <script type="text/javascript" src="https://img.ais.cn/thirds/common/stat.js?v=3"></script> </div> </div> <script type="text/javascript"> $(function () { //导航栏显示 var hbOX = document.getElementById("layui-nav"); var h = hbOX.clientHeight || hbOX.offsetHeight; var c = (hbOX.clientWidth || hbOX.offsetWidth) - 40; var icon = document.getElementById("layui-icon"); var num = document.getElementById("layui-nav").getElementsByTagName('li').length; var content = document.getElementById("header-content") var liContent = document.getElementById("layui-nav") var section = document.getElementById("section") getHide(); icon.onmouseover = function () { var total = 0; for (var i = 0; i < num; i++) { total += $('ul>li').eq(i).width(); if (total > c) { $('ul>li').eq(i).show() } } content.style.height = h + 'px' section.style.height = h + 'px' }; liContent.onmouseleave = function () { if (!$('dl').is('.layui-show')) { content.style.height = 60 + 'px' section.style.height = 60 + 'px' getHide(); } } var dl = document.getElementsByTagName("dl") for (var i=0;i< dl.length; i++) { console.log(dl[i]) if (dl[i]) { dl[i].onmouseleave = function () { content.style.height = 60 + 'px' section.style.height = 60 + 'px' getHide(); } } } function getHide() { var total = 0; for (var i = 0; i < num; i++) { total += $('ul>li').eq(i).width(); if (total > c) { $("#layui-icon").show(); $('ul>li').eq(i).hide() } } } }) </script> </body> </html>