2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence (IoTAAI 2024)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence (IoTAAI 2024)</title> <meta name="keyword" content="2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence (IoT"> <meta name="description" content="2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence (IoTAAI 2024)"> <link rel="icon" href="https://fhk.ais.cn/cms/website/favicon/i/ic-iotaai.com.c633ec1.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/14/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/14/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;flex:1"> <img src="https://fhk.ais.cn/cms/website/common/202401/396240105133846580.png" alt="logo" class="logo"> <div class="header-Tem-two-span"> <span class="head-company" id="title">2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence (IoTAAI 2024)</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 select-Color" id="header-content" style="height: 60px"> <section class="nav-Tem-two select-Color" id="section" style="height: 60px"> <div class="tem-en-nav"> <ul class="layui-nav select-Color" 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="./cymonstq" >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="./qzmzadkn" >Conference Info</a> <dl class="layui-nav-child "> <dd><a href="./Submission" >Submission</a></dd> <dd><a href="./Registration" >Registration</a></dd> </dl> </li> <li class="layui-nav-item" data-param="5"><a href="./call_for_paper" >Call For Papers</a> <li class="layui-nav-item" data-param="6"><a href="./Publication" >Publication</a> <li class="layui-nav-item" data-param="7"><a href="./program" >Program</a> <li class="layui-nav-item" data-param="8"><a href="./more" >More</a> <dl class="layui-nav-child "> <dd><a href="./contact" >Contact</a></dd> <dd><a href="./download" >Download</a></dd> <dd><a href="./ygvnbqxe" >Visa Application</a></dd> <dd><a href="./hjyvjcqt" >Editorial Policy</a></dd> </dl> </li> <li class="layui-nav-item" data-param="9"><a href="./kdoznncw" >Review</a> <dl class="layui-nav-child "> <dd><a href="./hheffmow" >2024</a></dd> <dd><a href="./Review" >2023</a></dd> </dl> </li> <li class="layui-nav-item" data-param="10"><a href="./chinese" >中文</a> </ul> </div> <div class="e-icon"> <ul class="layui-nav layui-icon select-Color" 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"> $(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() } } } 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' } } var homeUrl = 'http://www.ic-iotaai.com/'; </script>  <div class="home-en">  <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/202402/396240229143751692.png"/></div> <div><img class="rotation_chart" src="https://fhk.ais.cn/cms/website/functional/pic/202402/396240229143803703.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="two-content">  <div class="content-right"> <div class="function"> <div class="content-en"> <style>.zsydate{ margin:0px -359px 0px; padding: 60px 380px 80px; } @media (max-width:768px) { .zsydate{ margin: -80px -17px 0px -22px; padding: 10px 20px 30px; } }</style><div class="zsydate" style="background-color:rgba(255,255,255);" align="center"><div id="downdh"><p style="margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;"><strong>IMPORTANT DATES</strong></span></p><table><tbody><tr class="firstRow"><td width="354" valign="top" style="word-break: break-all;border: none;border-right: 1px solid #000;" align="center"><p style="margin-bottom: 12px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Full Paper Submission Date</span></p></td><td width="354" valign="top" style="word-break: break-all;border: none;border-right: 1px solid #000;" align="center"><p style="margin-bottom: 12px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Registration Deadline</span></p></td><td width="354" valign="top" style="word-break: break-all;border: none;border-right: 1px solid #000;" align="center"><p style="margin-bottom: 12px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Final Paper Submission Date</span></p></td><td width="354" valign="top" style="word-break: break-all;border: none;" align="center"><p style="margin-bottom: 12px;"><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">Conference Dates</span></p></td></tr><tr class="firstRow"><td width="354" valign="top" style="word-break: break-all;border: none;border-right: 1px solid #000;" align="center"><p style="margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">July 22, 2024</span></strong></span></p></td><td width="354" valign="top" style="word-break: break-all;border: none;border-right: 1px solid #000;" align="center"><p style="margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">July 25, 2024</span></strong></span></p></td><td width="354" valign="top" style="word-break: break-all;border: none;border-right: 1px solid #000;" align="center"><p style="margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei";">July 23, 2024</span></strong></span></p></td><td width="354" valign="top" style="word-break: break-all;border: none;" align="center"><p style="margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 16px;font-family: 微软雅黑, "Microsoft YaHei";"> July 26-28, 2024</span></strong></span></p></td></tr></tbody></table></div></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsy1{ margin: 0px -359px 0px; padding: 80px 400px 80px; } @media (max-width:768px) { .zsy1{ margin: -30px -17px 0px -22px; padding: 10px 20px; } }</style><div class="select-Color zsy1" style="box-sizing: border-box;background:rgbA(0,0,0);" align="left"><table><tbody><tr class="firstRow"><td id="rightdh" valign="middle" style="word-break: break-all;border: none;" align="left"><p style="margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; color: #FFFFFF;"><strong><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;">About IoTAAI 2024</span></strong></span></p><p style="margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; color: #FFFFFF; font-size: 18px;">2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence</span></p><hr style="width: 290px;margin-bottom: 24px;background:#ffffff" align="left"/><p style="margin-bottom: 24px;text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: #FFFFFF;"></span></p><p style="margin-bottom: 24px; text-align: justify; line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: #FFFFFF;">2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence(IoTAAI 2024) will be held in Guangzhou, China from July 26 to 28, 2024.</span></p><p style="text-align: justify; line-height: 1.5em; margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: #FFFFFF;">The conference aims to provide a large platform for researchers in the field of modern machinery manufacturing and materials engineering to communicate and provide the participants with the most cutting-edge scientific and technological information. The conference invites experts and scholars from universities and research institutions, business people and other related personnel from home and abroad to attend and exchange ideas.</span></p></td><td id="leftdh" width="300" valign="middle" style="word-break: break-all;border: none;" align="right"><img src="https://fhk.ais.cn/cms/website/editor/202401/396240108161344263.png" alt="摄图网_401681144_广州塔(企业商用).png"/></td></tr></tbody></table></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsysup{ margin: 50px -359px 0px; padding: 80px 420px; } @media (max-width:768px) { .zsysup{ margin: -120px -17px -60px -22px; padding: 35px 20px 5px; } }</style><div class="select-Color zsysup" style="box-sizing: border-box; background:rgb(55,55,55);"><div id="downdh3"><p style="margin-top: 0px; text-align: left; margin-bottom: 24px;"><strong style="color: rgb(255, 255, 255); font-family: 微软雅黑, "Microsoft YaHei"; font-size: 20px;">Organizer</strong></p><p style="margin-bottom: 24px;"><img src="https://fhk.ais.cn/cms/website/editor/202401/396240111142032412.png" alt="广技师.png" width="283" height="60" border="0" vspace="0" style="width: 283px; height: 60px;"/>  </p><p style="text-align: left; margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; color: #FFFFFF; font-size: 20px;"><strong>Co-Oragnizers</strong></span></p><p><img src="https://fhk.ais.cn/cms/website/editor/202401/396240110192052958.png" alt="image.png" width="310" height="50" border="0" vspace="0" style="text-wrap: wrap; background-color: rgb(55, 55, 55); width: 310px; height: 50px;"/>   <img src="https://fhk.ais.cn/cms/website/editor/202401/396240111142057424.png" alt="广工.png" width="214" height="50" border="0" vspace="0" style="width: 214px; height: 50px;"/>  </p><p><img src="https://www.gdupt.edu.cn/images/logo.png" width="277" height="50" border="0" vspace="0" alt="" style="width: 277px; height: 50px;"/>    </p></div></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsy2{ margin: 0px -359px 0px; padding: 80px 400px 0px; } @media (max-width:768px) { .zsy2{ margin: -80px -17px 0px -22px; padding: 10px 20px; } }</style><div class="zsy2" style="box-sizing: border-box; background:rgbA(255,255,255);" align="left"><table><tbody><tr class="firstRow"><td id="rightdh2" width="50%" valign="top" style="word-break: break-all;border: none;" align="left"><p style="margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;"><strong>CALL FOR PAPERS</strong></span></p><p style="margin-bottom: 24px;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><img src="https://fhk.ais.cn/cms/website/editor/202304/326230403154500799.gif" alt="hot.gif"/> The topics of interest include, but are not limited to:</span></p><main><details><summary class="input1 select-Color"><span style="font-family:微软雅黑, Microsoft YaHei"><span style="font-size: 14px;">Internet of things</span></span></summary><div class="tab-content"><p style="line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">IoT Networks</span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">IoT Applications</span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">IoT Architecture</span></p></div></details><details><summary class="input1 select-Color"><span style="font-family:微软雅黑, Microsoft YaHei"><span style="font-size: 14px;">Automation</span></span></summary><div class="tab-content"><p style="line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">Electrical Automation</span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">Circuits and Systems</span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">Control engineering</span></p><p style="line-height: 1.5em;"><span style="font-family:微软雅黑, Microsoft YaHei"><span style="font-size: 14px;"></span></span><br/></p></div></details><details open=""><summary class="input1 select-Color"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Artificial Intelligence</span></summary><div class="tab-content"><p style="line-height: 1.5em;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">Natural Language Processing</span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">Signal and Image Processing</span></p><p style="line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-align: center;">Intelligent System Architecture</span></p><p style="line-height: 1.5em;"><span style="font-family:微软雅黑, Microsoft YaHei"><span style="font-size: 14px;"></span></span><br/></p></div></details></main><p style="margin-bottom: 24px; margin-top: 24px;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">For more information, please click:</span></p><p><a href="http://www.ic-iotaai.com/call_for_paper" target="_blank" class="input1 cs select-Color" textvalue="Learn More"><span class="sub" style="position: relative; z-index: 99; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">Learn More</span></a></p></td><td id="leftdh2" valign="top" style="word-break: break-all;border: none;" align="right"><p style="margin-bottom: 24px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;"><strong>SUBMISSION</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: 36px;"><a href="https://www.ais.cn/attendees/paperSubmit/NI3M6V" target="_blank" class="input1 cs select-Color" textvalue="Submission System (Chinese Authors) (Pay for RMB)"><span class="sub" style="position: relative; z-index: 99; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">Submission System (Pay for RMB)</span></a></p><p style="text-indent: 0em; margin-bottom: 36px;"><a href="https://paper-sub.com/paper/NI3M6V" target="_blank" class="input1 cs select-Color" textvalue="Submission System  (Foreign Authors)  (Pay for USD)"><span class="sub" style="position: relative; z-index: 99; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">Submission System (Pay for USD)</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-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Templates：</span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></span><a href="http://www.ic-iotaai.com/download" target="_blank" class="colorOne" textvalue="Download"><span style="font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: underline; font-size: 14px;">Download</span></a></p><p style="margin-top: 24px; text-indent: 0em; margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">For more information, please click: </span></p><p style="margin-bottom: 36px; margin-top: 24px; text-indent: 0em;"><a href="http://www.ic-iotaai.com/Submission" target="_blank" class="input1 cs select-Color" textvalue="Learn More"><span class="sub" style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px; text-decoration: none;">Learn More</span></a></p></td></tr></tbody></table></div> </div> </div> <div class="function"> <div class="content-en"> <style>.head-fixed { height: auto !important; /*导航栏往下扩充高度*/ }.bar{ position: relative; z-index:999; } main { max-width: 400px; } 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; } .sub{ color:#fff; } .header-content{ box-shadow: 0px 10px 10px rgba(0,0,0,0.3) !important; }.input1 { text-shadow:0.2px 0.2px 1px rgba(0,0,0,0.5); border: none; font-weight:inherit; /*字体粗细*/ text-decoration:none;/*超链接文字不划线*/ padding: 10px 40px; border-radius: 10px; color: #ffffff; outline: none; transition: all 500ms ease 0s; position: relative; } .input1:before{ color: #ffffff; 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; border-radius: 10px; transition: all 0.5s; -webkit-transition: all 0.5s; } .input1:hover{ background-image: linear-gradient(to left, #28aaff, #008bff); border: none; color: #ffffff; transition: all 500ms ease 0s; } .cs {color: #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); border: none; } .cs:hover:before { color: #ffffff; background-position: left bottom;border: none; } .bk{ opacity:1; transition: all 500ms ease 0s; } .bk:hover{ opacity:0.5; transition: all 500ms ease 0s; } .bk1{ color:#000000; background:#ffffff; box-sizing:border-box; transition: all 500ms ease 0s; border: none; border-radius: 40px; } .bk1:hover{background:#ffffff; box-sizing:border-box; transition: all 500ms ease 0s; border: none; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); } #jxdh{ animation: movefromjx 2s; animation-fill-mode: forwards; } @keyframes movefromjx { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0px); } } #leftdh{} #leftdh2{} #leftdh.move, #leftdh2.move{ animation: movefromleft 2s; animation-fill-mode: forwards; } @keyframes movefromleft { from { opacity: 0; transform: translateX(-100%); } to { opacity: 1; transform: translateX(0px); } } #rightdh {} #rightdh2 {} #rightdh.move, #rightdh2.move { animation: movefromright 2s; animation-fill-mode: forwards; } @keyframes movefromright { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0px); } } #topdh {} #topdh2 {} #topdh.move, #topdh2.move { animation: movefromtop 2s; animation-fill-mode: forwards; } @keyframes movefromtop { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0px); } } #downdh {} #downdh2 {} #downdh3 {} #downdh.move, #downdh2.move, #downdh3.move { animation: movefromdown 2s; animation-fill-mode: forwards; } @keyframes movefromdown { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0px); } }</style><script>window.onload = (event) =>{ const leftdh = document.getElementById('leftdh'); const leftdh2 = document.getElementById('leftdh2'); const rightdh = document.getElementById('rightdh'); const rightdh2 = document.getElementById('rightdh2'); const topdh = document.getElementById('topdh'); const topdh2 = document.getElementById('topdh2'); const downdh = document.getElementById('downdh'); const downdh2 = document.getElementById('downdh2'); const downdh3 = document.getElementById('downdh3'); const animationClass = 'move'; // 创建监听 const intersectionObserver = new IntersectionObserver((entries) => { for (entry of entries) { if (entry.intersectionRatio > 0) { addAnimationClass(entry.target, animationClass); } else { console.log(animationClass); removeAnimationClass(entry.target, animationClass); } } }); // 添加动画class的操作 function addAnimationClass(elem, animationClass) { elem.className.includes(animationClass) ? 1 : elem.className = elem.className + ' ' + animationClass; } // 移除动画class的操作 //function removeAnimationClass(elem, animationClass) { // elem.className.includes(animationClass) ? elem.className = elem.className.replace(animationClass, '') : 1; // console.log(elem.className); // } // 开启监听 intersectionObserver.observe(leftdh); intersectionObserver.observe(rightdh); intersectionObserver.observe(leftdh2); intersectionObserver.observe(rightdh2); intersectionObserver.observe(downdh); intersectionObserver.observe(downdh2); intersectionObserver.observe(downdh3); intersectionObserver.observe(topdh); intersectionObserver.observe(topdh2); }</script> </div> </div> </div> <div class="content-left"> <div class="slibar"> <div class="info-content-five"> <div class="title-five"> <div class="change-color-title">MENU</div> <div class="title-row-content"> <div class="title-row-bottom color-change"></div> </div> </div> <div class="info-content-five-content"> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./cymonstq" >Committee</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./Speakers" >Speakers</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./qzmzadkn" >Conference Info</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./call_for_paper" >Call For Papers</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./Publication" >Publication</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./program" >Program</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./more" >More</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./kdoznncw" >Review</a> </div> <div class="five-nav"> <div class="d1 d1-color"></div> <a class="five-nav-title" href="./chinese" >中文</a> </div> </div> </div> <style> .five-nav { display: flex; margin-bottom: 13px; } .five-nav-title { margin-left: 21px; } .info-content-five-content { margin-top: 7px; margin-bottom: 39px; } .five-nav-img { width: 8px; height: 11px; } .d1{ width:0; height:0; border-width:8px; border-style:solid; border-color:white white white black; } .d1-color { border-color:white white white #35B0AB; } </style> </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: 105, height: 105, text: homeUrl+"?lang=en&pf=1", background: "#ffffff", //二维码的后景色 foreground: "#000000", //二维码的前景色 }); }) function openqq(data) { var title = $("#title").text(); var logo = $('.logo').attr('src'); if (!data) { // 没有分享语 data = "我在艾思科蓝发现一个不错的活动，分享给大家看看"; } var url = "https://connect.qq.com/widget/shareqq/index.html?url=" + homeUrl+"?lang=en"; url += "&showcount=0&desc=" + data + "&summary=&title=" + title; url += "&pics=" + logo; url += "&style=550&width=550&height=550" + ",_blank" + ",height=800, width=800, top=0, left=0"; window.open(url); } function openwb(data) { var title = $("#title").text(); var logo = $('.logo').attr('src'); if (!data) { // 没有分享语 data = "我在艾思科蓝发现一个不错的活动，分享给大家看看"; } var url = "https://service.weibo.com/share/share.php?url=" + homeUrl+"?lang=en"; url += "&title=" + data; url += "&pics=" + logo; url += "&searchPic=false,_blank,height=800,width=800"; window.open(url); } //微信分享二维码显示与隐藏 function over() { document.getElementById("shareWx").style.display = "";//显示 } function out() { document.getElementById("shareWx").style.display = "none";//隐藏 } </script> </div> </div> </div>  <div class="footer"> <div class="footer-wrap"> <div class="footer-right"> <p> Copyright©   IoTAAI 2024 </p> <p>2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence (IoTAAI 2024)    http://www.ic-iotaai.com/ <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281125830'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z.js%3Fid%3D1281125830%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> </body> </html> <script> </script>

CINXE.COM

2024 6th International Conference on Internet of Things, Automation and Artificial Intelligence (IoTAAI 2024)