CINXE.COM
2024 4th International Conference on Digital Society and Intelligent Systems (DSInS 2024)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>2024 4th International Conference on Digital Society and Intelligent Systems (DSInS 2024)</title> <meta name="keyword" content="数字化社会, 智能系统, Digital Society, Intelligent Systems"> <meta name="description" content="2024年第四届数字化社会与智能系统国际学术会议将于2024年11月20-22日在澳大利亚悉尼举行。随着数字化概念的兴起,社会对各种智能技术的需求也在日益增长,会议主题主要聚焦智能系统在数字化社会中的相关技术和应用发展。会议欢迎所有相关研究领域的高质量研究论文和演讲。"> <link rel="icon" href="https://fhk.ais.cn/cms/website/favicon/d/dsins.org.1c1e2f2.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/202402/396240202165923230.png" alt="logo" class="logo"> <div class="header-Tem-two-span"> <span class="head-company" id="title">2024 4<sup>th</sup> International Conference on Digital Society and Intelligent Systems (DSInS 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 " 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" >Call For Papers</a> <li class="layui-nav-item" data-param="5"><a href="./Submission" >Submission</a> <dl class="layui-nav-child "> <dd><a href="./Submission1" >Submission</a></dd> <dd><a href="./GuidelinesforAITools" >Guidelines for AI Tools</a></dd> <dd><a href="./EditorialPolicy" >Editorial Policy</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="./Hotel" >Hotel</a></dd> <dd><a href="./download" >Download</a></dd> <dd><a href="./Venue" >Venue</a></dd> <dd><a href="./VisaApplication" >Visa Application</a></dd> <dd><a href="./Journal" >Journal recommendation</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.dsins.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/202403/396240311142006261.jpg"/></div> <div><img class="rotation_chart" src="https://fhk.ais.cn/cms/website/functional/pic/202409/304240923112228311.jpg"/></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="content-en"> <style>.zsytime{ margin: -52px -359px;padding:100px 0px; position: relative; } @media (max-width:768px) { .zsytime{ margin: -30px -17px -30px -22px; padding: 5px 20px 50px; height:auto; } }</style><div class="zsytime" style="box-sizing: border-box; text-align: center;background:rgba(245,245,245);box-shadow: 0px -10px 10px rgba(0,0,0,0.3)"><div id="jxdh"><p style="box-sizing: border-box;font-size: 40px; "><span style=""><strong><span style="font-family: 微软雅黑, "Microsoft YaHei";">- Welcome to DSInS 2024 -</span></strong></span></p><div style="box-sizing: border-box; margin: 30px 0px 0px 0px; padding: 0px; border: none; outline: none; position: relative;"><div style="box-sizing: border-box; display: inline-block; min-width: 120px; margin: 15px; height: 110px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.2) 1px 10px 20px; border-radius: 4px; background: rgb(255, 255, 255); font-size: 16px; letter-spacing: 1px; text-transform: uppercase; line-height: 22px; border-left: none;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span id="days" class="count" style="box-sizing: border-box; margin: 0px; padding: 0px; outline: none; position: relative; display: block; font-size: 40px; line-height: 1em; font-weight: 700; font-family: 微软雅黑, "Microsoft YaHei";">00</span>Days</span></div><span style="font-family: 微软雅黑, "Microsoft YaHei";"> </span><div style="box-sizing: border-box; display: inline-block; min-width: 120px; margin: 15px; height: 110px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.2) 1px 10px 20px; border-radius: 4px; background: rgb(255, 255, 255); font-size: 16px; letter-spacing: 1px; text-transform: uppercase; line-height: 22px; border-left: none;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span id="hours" class="count" style="box-sizing: border-box; margin: 0px; padding: 0px; outline: none; position: relative; display: block; font-size: 40px; line-height: 1em; font-weight: 700; font-family: 微软雅黑, "Microsoft YaHei";">00</span>Hours</span></div><span style="font-family: 微软雅黑, "Microsoft YaHei";"> </span><div style="box-sizing: border-box; display: inline-block; min-width: 120px; margin: 15px; height: 110px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.2) 1px 10px 20px; border-radius: 4px; background: rgb(255, 255, 255); font-size: 16px; letter-spacing: 1px; text-transform: uppercase; line-height: 22px; border-left: none;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span id="minutes" class="count" style="box-sizing: border-box; margin: 0px; padding: 0px; outline: none; position: relative; display: block; font-size: 40px; line-height: 1em; font-weight: 700; font-family: 微软雅黑, "Microsoft YaHei";">00</span>Minutes</span></div><span style="font-family: 微软雅黑, "Microsoft YaHei";"> </span><div style="box-sizing: border-box; display: inline-block; min-width: 120px; margin: 15px; height: 110px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.2) 1px 10px 20px; border-radius: 4px; background: rgb(255, 255, 255); font-size: 16px; letter-spacing: 1px; text-transform: uppercase; line-height: 22px; border-left: none;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span id="seconds" class="count" style="box-sizing: border-box; margin: 0px; padding: 0px; outline: none; position: relative; display: block; font-size: 40px; line-height: 1em; font-weight: 700; font-family: 微软雅黑, "Microsoft YaHei";">00</span>Second</span></div></div></div></div><script>let date = new Date() let year = date.getFullYear() let month = date.getMonth()+1 let day = date.getDate() let clock = document.querySelector('.clock') let days = document.querySelector('#days') let hours = document.querySelector('#hours') let minutes = document.querySelector('#minutes') let seconds = document.querySelector('#seconds') countTime() function countTime(){ let now = +new Date() //2、得到指定时间的时间戳 let last = +new Date('2024-11-21 9:00:00') //目标日期 // 3、计算剩余的毫秒数/1000 == 剩余的秒数 let count = (last-now) / 1000 // 4、转换为天时分秒 d = parseInt(count/60/60/24) d = d < 10 ? '0' + d : d days.innerHTML = d h= parseInt(count/60/60%24) h = h < 10 ? '0' + h : h hours.innerHTML = h m = parseInt(count/60%60) m = m < 10 ? '0' + m : m minutes.innerHTML = m s = parseInt(count%60) s = s < 10 ? '0' + s : s seconds.innerHTML = s if(count <= 0){ days.innerHTML="00" hours.innerHTML="00" minutes.innerHTML="00" seconds.innerHTML= "00" } } setInterval(countTime,1000)</script></script> </div> </div> <div class="function"> <div class="content-en"> <style>.zsy1{ margin: 0px -359px 0px; padding: 100px 350px 0px; position: relative; } @media (max-width:768px) { .zsy1{ margin: -25px -17px 0px -22px; padding: 10px 20px; height:auto; } }</style><div class="zsy1" style="box-sizing: border-box; background:rgbA(245,245,245,0);" align="left"><table data-sort="sortDisabled"><tbody><tr class="firstRow"><td id="rightdh" width="265" valign="middle" style="word-break: break-all;border: none;" align="left"><img src="https://fhk.ais.cn/cms/website/editor/202402/396240218151239464.png" alt="logo-DSInS.png" width="230" height="300" border="0" vspace="0" style="width: 230px; height: 300px;"/></td><td id="leftdh" valign="top" style="word-break: break-all;border: none;" align="left"><p style="margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 30px;">- About DSInS 2024 -</span></strong></span></p><p style="margin-bottom: 24px;"><span style="font-size: 20px; font-family: 微软雅黑, "Microsoft YaHei";">2024 4th International Conference on Digital Society and Intelligent Systems</span></p><hr style="width: 290px;margin-bottom: 24px;background:#7f7f7f" align="left"/><p style="margin-bottom: 24px;text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">DSInS 2024 will be held in Sydney, Australia during November 20-22, 2024. The conference will focus on the application of Intelligent systems in digital society, discuss the key challenges and research directions faced by the development of this field, in order to promote the development and application of theories and technologies in this field in universities and enterprises, and provide innovative scholars who focus on this research field, engineers and industry experts provide a favorable platform for exchanging new ideas and presenting research results.</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Internet of Things Planned highlights of DSInS 2024 include:</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">● Addresses and presentations by some of the most respected researchers in the Intelligent Systems and Digital Society </span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">● Panel discussions </span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">● Presentations of accepted academic and practitioner research papers; a poster paper session</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><br/></span></p><p style="text-align: justify;"><a href="https://www.ais.cn/attendees/index/RMUERJ" target="_self"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><span style="font-size: 16px; color: #7030A0;"><strong><span style="font-family: 微软雅黑, "Microsoft YaHei";">More Information about DSInS 2024-<span style="text-align: center; text-wrap: wrap; background-color: #FFFFFF; color: #7030A0; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; text-align: justify; text-wrap: wrap;">Sydney, Australia </span></span>>>></span></strong></span></span></a></p><p style="text-align: justify;"><a href="https://www.ais.cn/attendees/index/N7NMI3" target="_self"><span style="font-size: 16px; color: #7030A0;"><strong><span style="font-family: 微软雅黑, "Microsoft YaHei";">More Information about DSInS 2024-<span style="text-align: justify;">Zhengzhou, China</span><span style="font-size: 14px; text-align: justify;"> </span>>>></span></strong></span></a></p></td></tr></tbody></table></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsycfp{ margin: 0px -359px 0px; padding: 60px 350px 30px; position: relative; } @media (max-width:768px) { .zsycfp{ margin: -60px -17px -25px -22px; padding: 10px 20px 10px; height:auto; } }</style><div id="downdh" class="zsycfp" style="box-sizing: border-box; text-align: center; background:rgb(255,255,255);"><p style="margin-top: 0px; margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 30px; font-family: 微软雅黑, "Microsoft YaHei";">- CALL FOR PAPERS -</span></strong><strong><span class="colorOne" style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;"></span></strong></span></p><p style="margin-top: 0px; margin-bottom: 24px;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Topics of interest include but are not limited to</span></p><p style="margin-top: 0px; margin-bottom: 24px;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><table><tbody><tr class="firstRow"><td width="385" valign="top" style="border: none; word-break: break-all;"><main><details open=""><summary class="input1 select-Color"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Intelligent Systems</span></summary><div class="tab-content"><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Pattern recognition</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Machine learning</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Neural networks</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Natural language processing</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Deep learning</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Knowledge graph</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Computational intelligence</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Fuzzy systems</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Genetic algorithm</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Programming</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Data structures</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Probabilistic logic</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Artificial intelligence</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Robotics</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Numerical methods</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Block chain</span></p></div></details></main></td><td width="385" valign="top" style="border: none; word-break: break-all;"><main><details open=""><summary class="input1 select-Color"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Digital Society</span></summary><div class="tab-content"><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital manufacturing</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital communication</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital transportation</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital community</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital government</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital transformation</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital agriculture and water conservancy</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital health</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital infrastructure construction</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p></div></details></main></td><td width="385" valign="top" style="border: none; word-break: break-all;"><main><details open=""><summary class="input1 select-Color"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Application of Intelligent systems on Digital Society</span></summary><div class="tab-content"><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Character recognition</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Video surveillance</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Factory automation</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Assistive robotics</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Intelligent Fault Diagnosis</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Intelligent Medical Diagnostics</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Intelligent Security Systems</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Intelligent Signal Processing</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Swarm Intelligence</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital granary</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Remote sensing</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Intelligent Networks</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">5G</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Visual inspection</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Digital and Insurance</span></p></div></details></main></td></tr></tbody></table></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsy2{ margin: 0px -359px 0px; padding: 80px 350px 80px; position: relative; } @media (max-width:768px) { .zsy2{ margin: -30px -17px 0px -22px; padding: 30px 20px 50px; height:auto; } }</style><div class="zsy2" style="box-sizing: border-box; border: none; background:rgbA(245,245,245);" align="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/RMUERJ" target="_self" class="input1 cs select-Color"><span class="sub" style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px; text-decoration: none;">Submission System (Chinese)</span></a></p><p style="text-indent: 0em;"><a href="https://paper-sub.com/paper/RMUERJ" target="_self" class="input1 cs select-Color"><span class="sub" style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px; text-decoration: none;">Submission System (English)</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="https://www.ais.cn/attendees/material/RMUERJ" target="_self" class="colorOne"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-decoration: underline;">Download</span></a></p></div><hr style="margin-bottom: 35px;margin-top: 40px;background:#7f7f7f" align="left"/><div id="rightdh2"><p style="margin-bottom: 24px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 30px;">- PUBLICATION -</span></strong></span></p><p style="text-align: justify; margin-bottom: 0px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><br/></p><p style="text-align: justify; margin-bottom: 0px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">DSInS 2021丨</span><a href="https://fhk.ais.cn/cms/website/editor/202402/396240218173638894.png" title="DSInS 2021-IEEE Xplore.png" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">IEEE Xplore</span></a><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-indent: 0em;">丨</span><a href="https://fhk.ais.cn/cms/website/editor/202402/396240218173712901.jpg" title="DSInS 2021-EI Compendex.jpg" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">EI Compendex</span></a><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-indent: 0em;">丨</span><a href="https://fhk.ais.cn/cms/website/editor/202402/396240218173742911.jpg" title="DSInS 2021-Scopus.jpg" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Scopus</span></a></p><p style="text-align: justify; margin-bottom: 0px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">DSInS 2022丨</span><a href="https://fhk.ais.cn/cms/website/editor/202402/396240218173819923.png" title="DSInS 2022-EI Compendex.png" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">EI Compendex</span></a><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-indent: 0em;">丨</span><a href="https://fhk.ais.cn/cms/website/editor/202402/396240218174106939.png" title="DSInS 2022-Scopus.png" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Scopus</span></a></p><p style="text-align: justify; margin-bottom: 0px; text-indent: 0em;"><span style="text-align: justify; text-wrap: wrap; background-color: #F5F5F5; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">DSInS 2023丨</span><a href="https://fhk.ais.cn/cms/website/editor/202404/301240402161415809.png" title="DSInS 2023-IEEE Xplore.png" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">IEEE Xplore</span></a><span style="text-indent: 0em; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">丨</span><a href="https://fhk.ais.cn/cms/website/editor/202404/301240402161454812.png" title="DSInS 2023-EI Compendex.png" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">EI Compendex</span></a><span style="text-indent: 0em; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">丨</span><a href="https://fhk.ais.cn/cms/website/editor/202404/301240402161521826.png" title="DSInS 2023-Scopus.png" style="color: rgb(0, 102, 204); text-decoration: underline; font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">Scopus</span></a></p><p style="text-align: justify; margin-bottom: 0px; text-indent: 0em;"><br/></p><p style="text-align: justify; margin-bottom: 0px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><img src="https://static.ais.cn/resource/editor/2024/04/345240411114315012.png" alt="IEEE.png" style="text-wrap: wrap; border: none; display: inline-block; vertical-align: middle; overflow-wrap: break-word;"/></span></p><p style="text-align: justify; margin-bottom: 0px; text-indent: 0em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><img src="https://fhk.ais.cn/cms/website/editor/202304/326230403154519809.gif" alt="hot.gif"/> Submitted paper will be peer reviewed by conference committees, and accepted papers after registration and presentation will be published in the<strong><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: #FF0000;">IEEE(ISBN:979-8-3315-2882-9)</span></strong>, which will be submitted for indexing by<strong><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: #FF0000;">IEEE Xplore, EI Compendex, Scopus</span></strong>.</span><br/></p><p style="margin-top: 24px; text-indent: 0em;"><a href="https://www.dsins.org/Publication" target="_self" class="input1 cs select-Color" textvalue="See More"><span class="sub" style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px; text-decoration: none;">See More</span><span style="font-family: 微软雅黑, "Microsoft YaHei"; position: relative; z-index: 99; font-size: 14px;"></span></a></p></div></td></tr></tbody></table></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsydate{ margin:-35px -359px 0px; padding: 60px 350px 50px; position: relative; } @media (max-width:768px) { .zsydate{ margin: -80px -17px 0px -22px; padding: 35px 20px 60px; height:auto; } }</style><div class="zsydate" style="background-image: url(https://tpl-cc31dd5-pic42.websiteonline.cn/upload/gdbg_6c7q.jpg);" align="center"><p style="margin-bottom: 24px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; color: #FFFFFF;"><strong><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 30px;">IMPORTANT DATES</span></strong></span></p><table width="965"><tbody><tr class="firstRow"><td valign="top" style="word-break: break-all; border-top-width: initial; border-bottom-width: initial; border-left-width: initial; border-style: none solid none none; border-image: initial; border-right-width: 1px;" align="center" width="247"><p style=" margin-bottom: 12px;"><span style="font-size: 16px; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei";">Full Paper Submission Date</span></p></td><td valign="top" style="word-break: break-all; border-top-width: initial; border-bottom-width: initial; border-left-width: initial; border-style: none solid none none; border-image: initial; border-right-width: 1px;" align="center" width="247"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; text-align: -webkit-center; font-size: 16px;">Notification of Acceptance Date</span></td><td valign="top" style="word-break: break-all; border-top-width: initial; border-bottom-width: initial; border-left-width: initial; border-style: none solid none none; border-image: initial; border-right-width: 1px;" align="center" width="257"><p style=" margin-bottom: 12px;"><span style="font-size: 16px; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei";">Final Paper Submission Date</span></p></td><td valign="top" style="word-break: break-all; border-width: initial; border-style: none; border-image: initial;" align="center" width="222"><p style=" margin-bottom: 12px;"><span style="font-size: 16px; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei";">Conference Dates</span></p></td></tr><tr class="firstRow"><td valign="top" style="word-break: break-all; border-top-width: initial; border-bottom-width: initial; border-left-width: initial; border-style: none solid none none; border-image: initial; border-right-width: 1px;" align="center" width="247"><p style="margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 16px; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei";">November 18, 2024</span></strong></span></p></td><td valign="top" style="word-break: break-all; border-top-width: initial; border-bottom-width: initial; border-left-width: initial; border-style: none solid none none; border-image: initial; border-right-width: 1px;" align="center" width="247"><span style="font-size: 16px;"><strong style="font-family: 微软雅黑, "Microsoft YaHei"; text-align: -webkit-center; text-wrap: wrap;"><span style="color: #FFFFFF;"><strong>November 18, 2024</strong></span></strong><strong style="font-family: 微软雅黑, "Microsoft YaHei"; text-align: -webkit-center; text-wrap: wrap;"><span style="color: #FFFFFF;"></span></strong></span></td><td valign="top" style="word-break: break-all; border-top-width: initial; border-bottom-width: initial; border-left-width: initial; border-style: none solid none none; border-image: initial; border-right-width: 1px;" align="center" width="257"><p style="margin-bottom: 0px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 16px; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei";">November 18, 2024</span></strong></span></p></td><td valign="top" style="word-break: break-all; border-width: initial; border-style: none; border-image: initial;" align="center" width="222"><p style="margin-bottom: 12px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><strong><span style="font-size: 16px; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei";">November 20-22, 2024</span></strong></span></p></td></tr></tbody></table></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsysup{ margin: 0px -359px 0px; padding: 40px 350px;; position: relative; } @media (max-width:768px) { .zsysup{ margin: -30px -17px -40px -22px; padding: 0px 20px; height:auto; } }</style><div class="zsysup" style="box-sizing: border-box;text-align: center; background:rgb(255,255,255);"><div id="downdh2"><p style="margin-top: 0px; margin-bottom: 12px; text-align: center;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px;"><strong>SPONSOR</strong></span></p><p style="margin-bottom: 24px; text-align: center;"><img src="https://fhk.ais.cn/cms/website/editor/202204/313220418112247843.jpg" alt="悉尼科技大学logo.jpg" width="269" height="71" style="width: 269px; height: 71px;"/> </p><p style="margin-bottom: 12px; margin-top: 24px; text-align: center;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px;"><strong>SURPORTER</strong></span></p><p style="text-align: center;"><img src="https://fhk.ais.cn/cms/website/editor/202406/322240607170634095.png" alt="d66a7ba261fcaed2a708535a35386a4e.png" style="text-align: center; text-wrap: wrap; background-color: rgb(255, 255, 255); width: 358px; height: 92px;" width="358" height="92"/> <img src="https://fhk.ais.cn/cms/website/editor/202307/347230712115003448.png" alt="西南交通大学logo.png" width="253" height="91" style="width: 253px; height: 91px;"/> <img src="https://fhk.ais.cn/cms/website/editor/202309/347230906135631966.png" alt="fd517034a24c0640ad024d6dd0174be.png" width="313" height="106" style="width: 313px; height: 106px;"/> </p><p><img src="https://fhk.ais.cn/cms/website/editor/202208/304220831114225658.png" alt="西南财经大学.png" width="362" height="105" style="text-align: center; text-wrap: wrap; background-color: rgb(255, 255, 255); width: 362px; height: 105px;"/> <img src="https://fhk.ais.cn/cms/website/editor/202208/304220831114926709.png" alt="武汉理工大学.png" width="427" height="87" style="width: 427px; height: 87px;"/> <img src="https://fhk.ais.cn/cms/website/editor/202406/322240606104439551.jpg" alt="UoS-CMYK-standard-logo-mono.jpg" width="235" height="128" style="text-align: center; text-wrap: wrap; background-color: rgb(255, 255, 255); width: 235px; height: 128px;"/></p><p><img src="https://fhk.ais.cn/cms/website/editor/202411/317241108100917338.png" alt="bc2d095c21dc32bca91ddc708655cedd.png" width="248" height="113" style="width: 248px; height: 113px;"/></p></div></div> </div> </div> <div class="function"> <div class="content-en"> <style>.zsyct{ margin:0px -359px -195px; padding: 60px 200px; position: relative; } @media (max-width:768px) { .zsyct{ margin:-140px -17px -160px -22px; padding: 10px 20px; position:relative;z-index:99; }</style><div id="downdh" class="zsyct" style="box-sizing: border-box; background-image: url(https://tpl-cc31dd5-pic42.websiteonline.cn/upload/gdbg_6c7q.jpg);" align="center"><p style="text-align: center;"><span style="font-size: 24px;margin-right: 200px; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei";">If you have any question or inquiries, please feel free to contact us.</span><a href="http://www.aiscs.org/contact" target="_blank" class="input1 cs select-Color" textvalue="Contact" style="text-decoration: none;"><span style="position: relative; z-index: 99; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-decoration: none;">Contact</span><span style="position: relative; z-index: 99; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span><span style="position: relative; z-index: 99; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></a></p></div> </div> </div> <div class="function"> <div class="content-en"> <style>.sub{ color:#fff; } .nav-Tem-two{ box-shadow: 0px 10px 10px rgba(0,0,0,0.3) !important; }main { max-width:400px; margin: 0 auto; } p { font-family: monospace; font-size: 13px; } 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 { 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: white; outline: none; transition: all 500ms ease 0s; position: relative; } .input1: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; 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 {background-image: linear-gradient(to left, #28aaff, #008bff); border: none; } .cs:hover:before { 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(downdh); intersectionObserver.observe(leftdh2); intersectionObserver.observe(rightdh2); intersectionObserver.observe(downdh2); intersectionObserver.observe(topdh); intersectionObserver.observe(downdh3); intersectionObserver.observe(topdh2); }</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© 2024 4<sup>th</sup> International Conference on Digital Society and Intelligent Systems (DSInS 2024) </p> <p>2024 4<sup>th</sup> International Conference on Digital Society and Intelligent Systems (DSInS 2024) http://www.dsins.org/ <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281240811'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z.js%3Fid%3D1281240811%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 = '#35477D'.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: #35477D !important;; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: #35477D !important; } .selected1 { color: #35477D !important; } .right-title-info1 { color: #35477D !important;; } .count-down1 { background-color: #35477D !important;; } .row { background-color: #35477D !important;; } .color-change { background: #35477D !important; } .color-line { background-color: #35477D !important; } .color-important { background: #35477D !important; } .dawn-bg { background-color: #35477D !important; } .select-Color { background: #35477D !important; } .layui-nav .layui-nav-more { display: none; } .layui-hover:hover { background: #35477D !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 #35477D !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: white !important } .m-color-bg2{ background: #35477D !important; } .m-imp-bg{ background: #35477D !important; } .m-nav-color{ background: #35477D !important; } .m2-right-bg1{ background: #35477D !important; } .rightNavItem{ background: #35477D !important; } .bottomNavItem{ background: #35477D !important; } .bottomLanguage{ background: #35477D !important; } .rightLanguage{ background: #35477D !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>