CINXE.COM
IROS2025
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>IROS2025</title> <meta name="description" content="IROS 2025"> <meta name="keywords" content="IROS2025"> <!-- Bootstrap --> <link href="/templates/iros2025/static/css/bootstrap.min.css" rel="stylesheet"> <link href="/templates/iros2025/static/css/base.css" rel="stylesheet"> <link href="/templates/iros2025/static/css/main.css" rel="stylesheet"> <link href="/templates/iros2025/static/css/animate.css" rel="stylesheet"> <link href="/templates/iros2025/static/css/style.css" rel="stylesheet" type="text/css"> <link href="/templates/iros2025/static/css/style1200.css" rel="stylesheet" type="text/css"> <link href="/templates/iros2025/static/css/style480.css" rel="stylesheet" type="text/css"> <link href="/templates/iros2025/static/css/footer.css" rel="stylesheet" type="text/css"> <link href="/templates/iros2025/static/css/favicon.ico" rel="shortcut icon" > <link href="/templates/iros2025/static/css/swiper.min.css" rel="stylesheet" > <link href="/templates/iros2025/static/css/about.css" rel="stylesheet" > <script src="/templates/iros2025/static/js/jquery-1.js" type="text/javascript" ></script> <script src="/templates/iros2025/static/js/jquery.fittext.js" type="text/javascript" ></script> <script src="/templates/iros2025/static/js/jquery.SuperSlide.2.1.3.js" type="text/javascript" ></script> <script src="/templates/iros2025/static/js/swiper.min.js"></script> <script src="/templates/iros2025/static/js/jquery-1.js"></script> <script src="/templates/iros2025/static/js/rem.js"></script> <script src="/templates/iros2025/static/js/about.js"></script> <style type="text/css"> .textline{ display:block;overflow:hidden;word-break:keep-all; white-space:nowrap;text-overflow:ellipsis; } .body{ font-family: 'Century Gothic', sans-serif; } </style> </head> <body> <style type="text/css"> .headerL2 { position: fixed; top: 0; left: 0; z-index: 8000; width: 100%; height: 250px; /* 固定高度 */ display: flex; align-items: center; transition: 0.4s; /* 添加背景图片 */ background-image: url('/templates/iros2025/static/images/l2hdbg.png'); background-size: cover; /* 使背景图覆盖整个元素 */ background-position: center; /* 背景图居中 */ background-repeat: no-repeat; /* 防止背景图重复 */ /* 默认情况下显示header */ display: block; } :root { --header-height: 250px; /* 设置头部高度 */ } .headerL2 { position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: var(--header-height); /* 使用CSS变量 */ display: flex; align-items: center; transition: 0.4s; background-image: url('/templates/iros2025/static/images/l2hdbg.png'); background-size: cover; background-position: center; background-repeat: no-repeat; } /* 在小屏幕上隐藏header */ @media (max-width: 768px) { .headerL2 { display: none; /* 隐藏header */ } } /* Media Query for smaller screens */ @media screen and (max-width: 1520px) { .headerL2 .boxL2 .boxRight pcnavL2 .item { padding: 0 0.1rem; } } /* 导航栏(nav)样式 */ pcnavL2 { display: flex; justify-content: center; /* 居中对齐 .item 元素 */ flex-wrap: wrap; gap: 1rem; /* 添加.item之间的间距 */ height: 100%; /*padding-top: 20px; *//* 使 pcnavL2 内部的内容向下移动 20px */ } /* 导航项(.item)样式 */ .headerL2 .boxL2 .boxRight pcnavL2 .item { height: 100%; /* 使.item元素高度与父级相同 */ display: flex; align-items: center; /* 垂直居中对齐内容 */ justify-content: center; /* 水平居中对齐内容 */ /*padding: 0 1rem;*/ /* 增加左右内边距 */ margin: 0; /* 移除外边距以避免不必要的间距 */ position: relative; font-weight: bold; /* 加粗.item中的文本 */ transition: color 0.3s; /* 平滑过渡效果 */ z-index: 9000; } /* 链接(a标签)样式 */ .headerL2 .boxL2 .boxRight pcnavL2 .item a { display: flex; align-items: center; justify-content: center; height: 100%; /* 使a标签高度与父级相同 */ padding: 0 1rem; /* 保留内边距以确保文本不紧贴边缘 */ color: #2F5597; /* 默认字体颜色 */ text-decoration: none; /* 移除默认的下划线 */ transition: color 0.3s; /* 平滑过渡效果 */ height: 100%; } /* 当前页面的导航项高亮 */ .headerL2 .boxL2 .boxRight pcnavL2 .item.active a { color: #2F5597; /* 当前页面的字体颜色 */ /*border-bottom: 2px solid #E60012;*/ /* 添加下划线 */ } /* 鼠标悬停时的字体颜色变为红色 */ .headerL2 .boxL2 .boxRight pcnavL2 .item a:hover { color: white; /* 鼠标悬停时字体颜色变为红色 */ background-color: rgba(30, 85, 151, 0.7); /* 藏蓝色加30%透明度 */ } /* 容器(.w1400)样式 */ .L2w1400 { /*padding-left: var(--padd_vw, 1rem);*/ /*padding-right: var(--padd_vw, 1rem);*/ box-sizing: border-box; /*width: 80%;*/ width: 1200px; /*max-width: 80%;*/ /* 设置最大宽度,防止过大 */ margin: 0 auto; /* 水平居中 */ display: flex; flex-direction: column; /* 子元素垂直排列 */ justify-content: flex-start; /* 确保子元素顶部对齐 */ align-items: center; /* 确保子元素水平居中 */ height: 100%; } /* 内容容器(.box)样式 */ .boxL2 { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 100%; height: 80px; align-content: center; flex-wrap: nowrap; flex-direction: row; } /* 左侧内容(.boxLeft)样式 */ .headerL2 .boxL2 .boxLeft { display: flex; align-items: flex-start; padding-top: 5px; /* 使 pcnavL2 内部的内容向下移动 20px */ height: 100%; } /* Logo 样式 */ .headerL2 .boxL2 .boxLeft a { position: relative; display: flex; align-items: flex-start; /* 确保Logo和其他元素垂直居中 */ height: 100%; } .headerL2 .boxL2 .boxLeft a img.img1 { height: 80px; /* 调整Logo的高度 */ transition: 0.4s; margin-right: 1rem; /* 为Logo添加一些右边距 */ } /* 右侧内容(.boxRight)样式 */ .headerL2 .boxL2 .boxRight { /*display: flex; justify-content: flex-end; /* 居中对齐.nav */ /*align-items: flex-start; /* 垂直居中对齐 */ /*flex-grow: 1; /* 让.boxRight占据剩余空间 */ /*height: 100%;*/ display: flex; justify-content: flex-end; align-items: center; flex-grow: 1; height: 40px; } /* 下拉菜单样式 */ .headerL2 .boxL2 .boxRight pcnavL2 .item ul { display: block; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; position: absolute; top: 100%; left: 0; background-color: rgba(30, 85, 151, 0.7); list-style: none; padding: 0; margin: 0; min-width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 0 0 4px 4px; } /* 下拉菜单项的动画样式 */ .headerL2 .boxL2 .boxRight pcnavL2 .item ul li { padding: 1rem 1rem; /* 减少左右内边距 */ min-width: 200px; /* 设置最小宽度 */ text-align: left !important; /* 强制左对齐 */ white-space: nowrap; /* 防止文本换行 */ border-bottom: 1px solid #f0f0f0; /* 添加分隔线 */ position: relative; transition: background-color 0.3s, color 0.3s; /* 平滑过渡效果 */ font-weight: bold; /* 加粗<li>中的文本 */ height: 100%; color: white !important; /* 强制文字颜色为白色 */ opacity: 0; transform: translateY(-10px); transition: all 0.3s ease; } /* 确保下拉菜单中的链接也遵循同样的文本颜色和内边距 */ .headerL2 .boxL2 .boxRight pcnavL2 .item ul li a { color: white !important; /* 强制链接文字颜色为白色 */ display: block; /* 确保链接占据整个<li>的宽度和高度 */ padding: 1rem 1rem; /* 保持与<li>一致的内边距 */ } .headerL2 .boxL2 .boxRight pcnavL2 .item ul li a:hover { color: #1E5597 !important; /* 强制链接文字颜色为白色 */ background-color: #f0f0f0; display: block; /* 确保链接占据整个<li>的宽度和高度 */ padding: 1rem 1rem; /* 保持与<li>一致的内边距 */ } /* 移除最后一个<li>的分隔线 */ .headerL2 .boxL2 .boxRight nav .item ul li:last-child { border-bottom: none; } /* 鼠标悬停时的样式 */ .headerL2 .boxL2 .boxRight pcnavL2 .item ul li:hover { color: #007BFF; /* 改变字体颜色 */ background-color: #f0f0f0; /* 可选:添加背景色 */ } /* 使 <a> 标签填满 <li> 标签 */ .headerL2 .boxL2 .boxRight pcnavL2 .item ul li { padding: 0; /* 移除内边距 */ margin: 0; /* 移除外边距 */ } .headerL2 .boxL2 .boxRight pcnavL2 .item ul li a { display: block; /* 使 <a> 填满 <li> */ width: 100%; /* 确保占满宽度 */ height: 100%; /* 确保占满高度 */ padding: 1rem 1rem; /* 根据需要调整内边距 */ box-sizing: border-box; /* 确保内边距不会影响总宽度 */ color: white; /* 设置字体颜色 */ text-decoration: none; /* 移除下划线 */ } /* 鼠标悬停时的样式 */ .headerL2 .boxL2 .boxRight pcnavL2 .item ul li a:hover { color: #1E5597; /* 悬停时改变字体颜色 */ background-color: #f0f0f0; /* 悬停时改变背景颜色 */ } /* 响应式设计 */ @media (max-width: 768px) { .headerL2 .boxL2 .boxRight pcnavL2 { flex-direction: column; /* 切换为垂直排列 */ align-items: center; /* 水平居中对齐 */ } .headerL2 .boxL2 .boxRight pcnavL2 .item { margin: 0.5rem 0; /* 调整上下间距 */ padding: 0 1rem; /* 保持左右内边距 */ } .headerL2 .boxL2 .boxRight pcnavL2 .item ul li { padding: 0.5rem 1rem; /* 减少内边距以适应较小屏幕 */ min-width: 100%; /* 占满整个宽度 */ white-space: normal; /* 允许文本换行 */ border-right: none; /* 移除分隔线 */ border-bottom: 1px solid #ccc; /* 在小屏幕上使用底部分隔线 */ } .headerL2 .boxL2 .boxRight pcnavL2 .item ul li:hover { font-size: 1.1rem; /* 小屏幕上字体增大的幅度可以适当减小 */ } } /* 为每个li添加递增的延迟 */ .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li:nth-child(1) { transition-delay: 0.1s; } .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li:nth-child(2) { transition-delay: 0.2s; } .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li:nth-child(3) { transition-delay: 0.3s; } .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li:nth-child(4) { transition-delay: 0.4s; } .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li:nth-child(5) { transition-delay: 0.5s; } .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li:nth-child(6) { transition-delay: 0.6s; } .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li:nth-child(7) { transition-delay: 0.7s; } /* 悬停时显示菜单 */ .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul { opacity: 1; visibility: visible; transform: translateY(0); } /* 悬停时显示菜单项 */ .headerL2 .boxL2 .boxRight pcnavL2 .item:hover ul li { opacity: 1; transform: translateY(0); } </style> <headerL2 class="headerL2"> <div class="L2w1400"> <div class="boxL2 flexBetween"> <div class="boxLeft"> <a href="/"> <img src="/templates/iros2025/static/images/logo.png" alt="Logo" class="img1"> </a> </div> <div class="boxRight flexBetween"> <pcnavL2> <!-- pc browser navbar begin --> <div class="item active"> <a href="/">Home</a> <!-- 移除了<p>标签 --> </div> <div class="item"> <!--<a href="/About2025">About</a> --><!-- 移除了<p>标签 --> <a>About</a> <ul> <li><a href="/FullContact">Full Contact</a></li> <li><a href="/OCMembers">Committee</a></li> </ul> </div> <div class="item"> <!--<a href="/Program">Program</a> --><!-- 移除了<p>标签 --> <a href="/Program">Program</a> <ul> </ul> </div> <div class="item"> <!--<a href="/Contribute">Contribute</a> --><!-- 移除了<p>标签 --> <a>Contribute</a> <ul> <li><a href="/CallForPapersv2">Call For Papers</a></li> <li><a href="/CFC">Call For Competitions</a></li> <li><a href="/CallForWorkshopsTutorials">Call For Workshops / Tutorials</a></li> <li><a href="/callforlatebreakingresults">Call For Late Breaking Results</a></li> <li><a href="/callforspecialforums">Call For Special Forums</a></li> </ul> </div> <div class="item"> <!--<a href="/Attend">Attend</a> --><!-- 移除了<p>标签 --> <a>Attend</a> <ul> <li><a href="/Visa">Visa</a></li> <li><a href="/Transportation">Transportation</a></li> <li><a href="/conferencevenue">Conference Venue</a></li> <li><a href="/Accomodation">Accommodation</a></li> <li><a href="/LocalFeatures">Local Features</a></li> <li><a href="/UsefulInfo">Useful Info</a></li> </ul> </div> <div class="item"> <!--<a href="/Partners">Partners</a> --><!-- 移除了<p>标签 --> <a>Partners</a> <ul> <li><a href="/sponsorsandexhibitors">Sponsors & Exhibitors</a></li> <li><a href="/PartnersSponsors">Join Us</a></li> </ul> </div> <!-- pc browser navbar end --> </pcnavL2> </div> </div> </div> <div class="l2carousel-caption"> <div class="ccap-left"> <p>IEEE/RSJ International Conference</p> <p>on Intelligent Robots and Systems</p> </div> <div class="ccap-mid"></div> <div class="ccap-right"> <p>19 – 25 October, 2025</p> <p>Hangzhou, CHINA</p> </div> </div> </headerL2> <!--mini browser navbar begin--> <style type="text/css"> /* 默认情况下隐藏.navbar-inverse */ .nav.navbar-inverse { display: none; /* 隐藏在大屏幕上 */ } /* 在小屏幕上显示.navbar-inverse */ @media (max-width: 768px) { .nav.navbar-inverse { display: block;/* 显示在小屏幕上 */ } .navbar-inverse .navbar-toggle { border-color: #2F5597 !important; background-color: #2F5597 !important; /* padding: 8px; */ } } </style> <div class="nav navbar-inverse"> <div class="container"> <div class="navbar-header"> <div class="nav-logo"> <img alt="logo" src="/templates/iros2025/static/images/logomini.png"> </div> <button class="navbar-toggle" data-toggle="collapse" data-target=".nav-bar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="ph-menu-wrapper"> <ul class="ph-menu-list"> <li><a href="/">HOME</a></li> <li> <div class="ph-menu-seclink"> <span class="ph-menu-seclinka">About</span> <span class="head-icon"></span> </div> <div class="ph-menu-thirdlist"> <a href="/FullContact">Full Contact</a> <a href="/OCMembers">Committee</a> </div> </li> <li> <div class="ph-menu-seclink"> <a class="ph-menu-seclinka" href="/Program">Program</a> </div> </li> <li> <div class="ph-menu-seclink"> <span class="ph-menu-seclinka">Contribute</span> <span class="head-icon"></span> </div> <div class="ph-menu-thirdlist"> <a href="/CallForPapersv2">Call For Papers</a> <a href="/CFC">Call For Competitions</a> <a href="/CallForWorkshopsTutorials">Call For Workshops / Tutorials</a> <a href="/callforlatebreakingresults">Call For Late Breaking Results</a> <a href="/callforspecialforums">Call For Special Forums</a> </div> </li> <li> <div class="ph-menu-seclink"> <span class="ph-menu-seclinka">Attend</span> <span class="head-icon"></span> </div> <div class="ph-menu-thirdlist"> <a href="/Visa">Visa</a> <a href="/Transportation">Transportation</a> <a href="/conferencevenue">Conference Venue</a> <a href="/Accomodation">Accommodation</a> <a href="/LocalFeatures">Local Features</a> <a href="/UsefulInfo">Useful Info</a> </div> </li> <li> <div class="ph-menu-seclink"> <span class="ph-menu-seclinka">Partners</span> <span class="head-icon"></span> </div> <div class="ph-menu-thirdlist"> <a href="/sponsorsandexhibitors">Sponsors & Exhibitors</a> <a href="/PartnersSponsors">Join Us</a> </div> </li> </ul> </div> </div> </div> <!--mini browser navbar end--> <!--向下滚动屏幕时隐藏导航栏 begin--> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var prevScrollPos = window.pageYOffset; var headerL2 = document.querySelector('.headerL2'); var hideHeader = false; window.addEventListener('scroll', function() { var currentScrollPos = window.pageYOffset; if (currentScrollPos === 0) { // 页面滚动到顶部 if (hideHeader) { headerL2.style.transform = 'translateY(0)'; hideHeader = false; } } else if (prevScrollPos > currentScrollPos) { // 向上滚动但未到达顶部 // 不做任何处理,保持隐藏状态 } else { // 向下滚动 if (!hideHeader && window.innerWidth > 768) { // 确保只在大屏幕应用此效果 headerL2.style.transform = 'translateY(-100%)'; hideHeader = true; } } prevScrollPos = currentScrollPos; }); }); </script> <!--向下滚动屏幕时隐藏导航栏 end--> <!--Add at 20241202 19:30 begin--> <style> /* 小屏幕样式(最大768px) */ .containerlastcnt { width: 100%; padding-right: 5px; padding-left: 5px; padding-top: 10px; font-family: 'Century Gothic', sans-serif; } /* 中等屏幕样式(最小769px,最大992px) */ @media (min-width: 769px) and (max-width: 992px) { .containerlastcnt { padding-right: 15px; padding-left: 15px; padding-top: 150px; } } /* 大屏幕样式(最小993px) */ @media (min-width: 993px) { .containerlastcnt { padding-right: 20px; padding-left: 20px; padding-top: 200px; } } </style> <!--Add at 20241202 19:30 end--> <!--<div class="container maring-bottom">--> <div class="containerlastcnt maring-bottom"> <div class="isoc-content row"> <div class="col-md-12 col-sm-12 col-xs-12 isoc-content-right"> <!-- <div class="isoc-right-head"> <div class="col-md-4 col-sm-4 col-xs-12 isoc-head-left" style="font-weight: bold;"></div> <div class="col-md-4 col-sm-4 col-xs-12 isoc-head-left"></div> <div class="col-md-8 col-sm-8 col-xs-12 isoc-head-right"></div> </div> --> <div class="isoc-right-content"> <div class="isoc-container"> <div class="isoc-container-con"><p style="text-align: justify; word-break: keep-all; overflow-wrap: normal;"> <style>.comeingsoon { display: block; text-align: center; /* 水平居中 */ font-size: 1.5em; /* 调整字体大小 */ color: black; /* 设置字体颜色为黑色 */ text-decoration: none; /* 去除下划线 */ /*margin-top: 50px;*/ /* 增加上下边距以垂直居中 */ }</style><p style=";margin-top:0;margin-bottom:0;text-align:center;direction:ltr;unicode-bidi:embed"><span style="font-size:37px;font-family:'Century Gothic';color:#03717D;font-weight: bold">Program </span><span style="font-size: 37px;font-family:'Century Gothic';color:#03717D;font-weight:bold">at A Glance</span></p><hr style="width:40%;height:1px;background-color:black;margin:10px auto;border:none;"/><p><br/></p><p><a class="comeingsoon">Details coming soon!</a></p><p><br/></p> </div> </div> </div> </div> </div> </div> <style> /* 全局样式 */ .footer { background-color: #e6f7ff; padding: 10px; border-top: 5px solid #006666; font-family: 'Century Gothic', sans-serif; } .ftv2-container { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; width: 80%; margin: 0px auto; } .ftv2-left, .ftv2-right { display: flex; flex-direction: column; align-items: center; height: 100%; /* 确保子元素有明确的高度 */ } .ftv2-left { width: 40%; } .ftv2-right { width: 60%; } .header-title { font-size: 18px; margin-bottom: 10px; color: #006666; text-align: center; } .header-title p { font-size: 18px; /*margin-bottom: 10px;*/ color: #006666; text-align: center; } .header-title-right { font-size: 18px; margin-bottom: 10px; color: #006666; text-align: center; margin-left: -180px; } .header-title-right p { font-size: 18px; /*margin-bottom: 10px;*/ color: #006666; text-align: center; } .contact-email a { display: block; margin: 0 auto; } .contact-email img { width: 50px; height: 50px; } .social-media { display: flex; align-items: center; text-align: center; width: 100%; flex-wrap: nowrap; justify-content: center; flex-direction: row; } .social-icons { display: flex; justify-content: space-evenly; gap: 20px; margin-bottom: 10px; width: 60%; } .social-icons img { width: 50px; height: 50px; } .hashtags { display: flex; flex-direction: column; align-items: flex-start; text-align: left; justify-content: center; /* 垂直居中 */ height: 100%; /* 确保容器有明确的高度 */ padding: 0 0 0 20px ; width: 40%; } .hashtags p { margin: 0; /* 移除默认的上下边距 */ font-size: 18px; color: #006666; text-align: left; /* 文本左对齐 */ flex-grow: 1; /* 每个段落等分可用空间 */ display: flex; /* 使段落本身也成为弹性容器 */ align-items: center; /* 水平居中文本 */ } hr { border: 1px solid #006666; width: 70%; margin: 10px auto; } .friend-links-section { display: flex; flex-wrap: wrap; /* 允许换行 */ justify-content: center; /* 水平居中 */ gap: 20px; /* 项目之间的间距 */ margin-bottom: 10px; margin-top: 10px; width: 80%; margin: 0 auto; /* 确保居中 */ } .friend-links-item { list-style: none; /*margin: 5px;*/ flex: 1 1 calc(12.5% - 40px); max-width: calc(12.5% - 40px); } .friend-links-link img { max-width: 100%; } .copyright { text-align: center; margin-top: 20px; } /* 小屏幕样式 */ @media only screen and (max-width: 768px) { .ftv2-container { flex-direction: column; } .ftv2-left, .ftv2-right { width: 100%; margin-bottom: 20px; } .social-icons img { width: 40px !important; height: 40px !important; } .friend-links-item { flex: 1 1 100%; max-width: 100%; margin-bottom: 10px; } .friend-links-section { display: flex; flex-wrap: wrap; /* 允许换行 */ justify-content: center; gap: 5px; /* 项目之间的间距 */ margin-bottom: 10px; margin-top: 10px; } .friend-links-item { list-style: none; margin: 5px; flex: 1 1 calc(40% - 5px); /* 每个项目占据50%宽度,减去间距 */ max-width: calc(40% - 5px); /* 确保最大宽度不超过50% */ margin-bottom: 5px; box-sizing: border-box; /* 确保 padding 和 border 包含在元素的宽度和高度内 */ } .header-title-right { margin-left: 0px; } .footer p, .footer a { font-size: 18px; } .social-media { flex-direction: column; } .social-icons, .hashtags { width: 100%; text-align: center; } .hashtags { display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; /* 垂直居中 */ height: 100%; /* 确保容器有明确的高度 */ padding: 0 0 0 20px ; } } /* 更小屏幕的额外样式 */ @media only screen and (max-width: 480px) { .social-icons img { width: 30px !important; height: 30px !important; } .footer p, .footer a { font-size: 16px; } } </style> <div class="footer"> <footer> <!-- 包裹的大div --> <div class="ftv2-container"> <!-- 顶部标题部分 --> <div class="ftv2-left"> <div class="header-title"> <p>Contact us via email:</p> </div> <div class="contact-email"> <a href="mailto:info@iros25.org"> <img src="/templates/iros2025/static/icon/footer/email.png" alt="Email Icon"> </a> </div> </div> <!-- 内容部分 --> <div class="ftv2-right"> <div class="header-title-right"> <p>Follow us on social media:</p> </div> <div class="social-media"> <div class="social-icons"> <a href="https://x.com/IROS2025"> <img src="/templates/iros2025/static/icon/footer/twitter.png" alt="Twitter Icon"> </a> <a href="https://www.facebook.com/profile.php?id=61569994154219"> <img src="/templates/iros2025/static/icon/footer/facebook.png" alt="Facebook Icon"> </a> <a href="https://www.instagram.com/IROS2025"> <img src="/templates/iros2025/static/icon/footer/instagram.png" alt="Instagram Icon"> </a> <a href="https://www.linkedin.com/company/iros2025hangzhou/"> <img src="/templates/iros2025/static/icon/footer/linkedin.png" alt="Linkedin Icon"> </a> <a href="https://www.youtube.com/@IROS2025"> <img src="/templates/iros2025/static/icon/footer/youtube.png" alt="Youtube Icon"> </a> </div> <div class="hashtags"> <p>#IROS2025</p> <p>#IROSHangzhou</p> </div> </div> </div> </div> <hr> <!-- 友情链接列表部分 --> <div class="friend-links-section"> <li class="friend-links-item"> <a href="https://www.ieee.org" target="_blank" class="friend-links-link"> <img src="/static/upload/5daf7852-661a-47a3-b1e2-68c9999a0637.png" alt="IEEE" class="friend-links-image"> </a> </li> <li class="friend-links-item"> <a href="https://www.ieee-ras.org" target="_blank" class="friend-links-link"> <img src="/static/upload/f8c93cfa-b0d1-4d16-a925-f412c023a9d0.png" alt="ieeee-ras" class="friend-links-image"> </a> </li> <li class="friend-links-item"> <a href="https://www.ieee-ies.org/" target="_blank" class="friend-links-link"> <img src="/static/upload/57341472-43cf-4963-a6ee-9115f15dfb74.png" alt="ies" class="friend-links-image"> </a> </li> <li class="friend-links-item"> <a href="https://www.rsj.or.jp/en/" target="_blank" class="friend-links-link"> <img src="/static/upload/15ce02e1-c619-4053-9ff3-9663057d679e.png" alt="RSJ" class="friend-links-image"> </a> </li> <li class="friend-links-item"> <a href="https://www.sice.jp/english/" target="_blank" class="friend-links-link"> <img src="/static/upload/f2d39598-80b4-4c08-b6ab-7e6739504367.png" alt="SICE" class="friend-links-image"> </a> </li> <li class="friend-links-item"> <a href="https://www.sjtu.edu.cn/" target="_blank" class="friend-links-link"> <img src="/static/upload/b79c85c5-50f9-4c42-a1e3-8894c24d540d.png" alt="上海交通大学" class="friend-links-image"> </a> </li> <li class="friend-links-item"> <a href="https://www.zju.edu.cn/" target="_blank" class="friend-links-link"> <img src="/static/upload/bcdcb893-fd20-4d12-ac03-54d2000ab520.png" alt="浙江大学" class="friend-links-image"> </a> </li> <li class="friend-links-item"> <a href="https://www.shu.edu.cn/" target="_blank" class="friend-links-link"> <img src="/static/upload/cc7bc1fb-ecf0-4753-b930-45281f7b73b8.png" alt="上海大学" class="friend-links-image"> </a> </li> </div> <!-- 版权声明部分 --> <p class="copyright">Copyright © 2025 IEEE/RSJ International Conference on Intelligent Robots and Systems (IROS 2025), Hangzhou, China. All Rights Reserved.</p> </footer> </div> <script src="/templates/iros2025/static/js/jquery.js"></script> <script src="/templates/iros2025/static/js/bootstrap.min.js"></script> <script src="/templates/iros2025/static/js/main.js"></script> </body> </html>