0
<style>
.layui-mp-item h2 {
color: #9c2120;
font-size: 20px;
font-weight: 600;
margin-top: 20px;
padding: 0;
display: flex;
align-items: center;
}
.layui-mp-item h2 > span {
flex: 1;
height: 0;
border: 1px dashed #FF0000;
margin-left: 10px;
}
.layui-mp-news > span {
color: #338DCD
}
.layui-mp-item a {
color: dodgerblue;
text-decoration: underline;
}
.area td {
width: 33.3%;
padding: 10px;
border: 1px solid black;
vertical-align: top;
}
.layui-mp-item ol li {
list-style-type: decimal;
}
.sam {
width: 100%;
margin: 10px;
}
.sam td {
border: 1px solid black;
padding: 10px;
width: 50%;
text-align: center;
}
.sam th {
padding: 10px;
background-color: #DAE9F7;
border: 1px solid black;
}
.speaker-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.speaker-column {
width: 48%; /* 每列宽度 */
}
.layui-mp-ks-item img {
height: 160px;
margin: 0px 20px 20px 0px;
}
.layui-mp-news > span, .layui-mp-news > a {
color: #4C94D8
}
.layui-mp-scroll-container {
width: 100%; /* 容器宽度 */
overflow: hidden; /* 隐藏溢出内容 */
white-space: nowrap; /* 禁止换行 */
margin-top: 20px; /* 顶部间距 */
position: relative; /* 相对定位 */
}
/* 滚动内容样式 */
.layui-mp-scroll {
display: inline-block; /* 行内块显示 */
animation: scroll 30s linear infinite; /* 滚动动画 */
}
/* 图片样式 */
.layui-mp-scroll img {
height: 150px; /* 图片高度 */
margin-right: 15px; /* 图片间距 */
vertical-align: middle; /* 垂直居中 */
border-radius: 4px; /* 圆角效果 */
box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 阴影效果 */
transition: all 0.3s; /* 悬停过渡效果 */
}
/* 鼠标悬停时图片放大效果 */
.layui-mp-scroll img:hover {
transform: scale(1.05);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
/* 滚动动画定义 */
@keyframes scroll {
0% {
transform: translateX(0); /* 起始位置 */
}
100% {
transform: translateX(-50%); /* 向左移动50% */
}
}
/* 鼠标悬停暂停动画 */
.layui-mp-scroll-container:hover .layui-mp-scroll {
animation-play-state: paused;
}
</style>
<script id="layui-hs-conference-tpl" type="text/html">
{{# layui.each(d.Conference,function(index,item) { }}
<div class="layui-row layui-col-space10" style="margin-top: 20px;">
<div class="layui-col-xs12 layui-col-sm2 layui-col-md2" style="text-align:center;">
<img src="{{ item.chairs[0].img }}" style="max-width:100%; width:130px;" />
</div>
<div class="layui-col-xs12 layui-col-sm10 layui-col-md10">
<p>
<a href="https://www.icoice.org/ConferenceCn.aspx?id={{ item.id }}" style="color:rgb(24,124,195); text-decoration:underline;">{{ item.shortName }}:</a> {{ item.name }}<br />
</p>
<p>
<b>分会主席：</b>
{{# layui.each(item.chairs,function(index1, item1){ }}
{{ item1.name }}，{{ item1.affiliation }}
{{# }); }}
</p>
{{# if (item.topics) { }}
<p>
<b>分会主题：</b><br />
{{# layui.each(item.topics,function(index1,item1){ }}
{{ item1.title }}<br />
{{# }); }}
</p>
{{# } else { }}
{{# } }}
{{# if (item.committee) { }}
<p>
<b>分会委员：</b>
{{# layui.each(item.committee,function(index1,item1){ }}
{{ item1.title }}
{{# }); }}
</p>
{{# } else { }}
{{# } }}
{{# if (item.speakers) { }}
<b>报告嘉宾：</b><br />
<div class="speaker-container">
{{# layui.each(item.speakers,function(index1,item1){ }}
<div class="speaker-column">
{{ item1.title }}<br />
</div>
{{# }); }}
</div>
{{# } else { }}
{{# } }}
</div>
</div>
{{# }); }}
</script>
<div class="layui-mp-item">
<h2>会议概况</h2>
<p>
会议网址：<a href="http://www.icoice.org/2025" target="_blank">http://www.icoice.org/2025</a><br />
时间地点：2025年7月15-17日，中国太原<br />
论文集：SPIE Digital Library <a href="https://www.spiedigitallibrary.org/conference-proceedings-of-spie/13806.toc" target="_blank">(Proceedings Volume 13806)</a>
</p>
<h2>会议回顾</h2>
<p>
第四届光电信息与计算机工程国际学术会议（OICE2025）于2025年7月15-17日在中国太原召开，会议取得圆满成功！本次会议由哈尔滨工业大学航天学院主办，山西大学激光光谱研究所，太原科技大学应用科学学院，邯郸学院协办，国际光学工程学会（SPIE）提供出版支持。
</p>
<p>
会议聚焦光电信息核心领域与计算机工程的交叉应用，共进行了92场学术汇报与交流。包括4场大会报告，四个专题分会包括了邀请报告，口头报告在内的72场报告，以及16个海报展示。共有来自70余所高校，科研单位和企业的100余名嘉宾学者参会交流，线上直播平台近20000人次观看。
</p>
<div class="layui-mp-scroll-container" style="margin-bottom:20px;">
<div class="layui-mp-scroll">
<img src="https://www.icoice.org/images/History/2025/1.jpg" />
<img src="https://www.icoice.org/images/History/2025/2.jpg" />
<img src="https://www.icoice.org/images/History/2025/3.jpg" />
<img src="https://www.icoice.org/images/History/2025/4.jpg" />
<img src="https://www.icoice.org/images/History/2025/5.jpg" />
<img src="https://www.icoice.org/images/History/2025/6.jpg" />
<img src="https://www.icoice.org/images/History/2025/1.jpg" />
<img src="https://www.icoice.org/images/History/2025/2.jpg" />
<img src="https://www.icoice.org/images/History/2025/3.jpg" />
<img src="https://www.icoice.org/images/History/2025/4.jpg" />
<img src="https://www.icoice.org/images/History/2025/5.jpg" />
<img src="https://www.icoice.org/images/History/2025/6.jpg" />
</div>
</div>
</div>
<script>
layui.use('default', function () {
var $ = layui.$;
var width = $(window).width();
if (width < 400) {
$(".layui-mp-content img").css("height", "auto");
} else if (width < 920) {
$(".layui-mp-content img").css("height", "120px");
}
});
</script>