newsCenter.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="新闻中心" http-equiv="keywords">
  6. <meta name="description" content="新闻中心">
  7. <meta name="applicable-device" content="pc,mobile">
  8. <meta http-equiv="Cache-Control" content="no-siteapp">
  9. <meta http-equiv="Cache-Control" content="no-transform">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>新闻中心</title>
  12. <link rel="stylesheet" href="css/index.css" type="text/css">
  13. <link rel="stylesheet" type="text/css" href="css/children.css">
  14. <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
  15. <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
  16. <script type="text/javascript" src="js/public.js"></script>
  17. <!-- 菜单js等-->
  18. <!-- 时间选择js -->
  19. <script type="text/javascript" src="js/laydate.js"></script>
  20. <script src="js/index.js"> </script>
  21. </head>
  22. <body>
  23. <!--nav-->
  24. <div class="nav">
  25. <div class="nav-container">
  26. <div class="nav-top">
  27. <div class="body-container">
  28. <span class="tip">您好,欢迎来到智能医学影像理解研究中心</span>
  29. <div id="needloginparent" class="l">
  30. <a id="needlogin" href="login.html" target="_self">登录</a>
  31. </div>
  32. <div id="logoutparent" class="l" style="padding-left: 10px;">
  33. <a id="needlogout" href="loginout.html" target="_self">退出</a>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="nav-bottom">
  38. <div class="body-container">
  39. <div class="logo-container">
  40. <img class="logo" src="images/ipiu.jpg">
  41. <div class="word">
  42. <div class="name">智能医学影像理解研究中心</div>
  43. <div class="name-es">Intelligent Medical Image Understand Research Center(IMIU)</div>
  44. </div>
  45. </div>
  46. <div class="side-container">
  47. <ul>
  48. <li class="active"> <a href="index.html">首 页</a> </li>
  49. <li> <a href="Laboratory_members.html">研究中心成员</a> </li>
  50. <li> <a href="research_findings1.html">研究成果</a> </li>
  51. <li> <a id="a_datamanage" href="data_manage.html">医学数据管理</a> </li>
  52. <li> <a id="a_show" href="show_search_text.html">医学影像智能解译系统</a> </li>
  53. </ul>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="banner">
  60. <div class="title">
  61. <div class="name">新闻中心</div>
  62. <div class="name-es">News</div>
  63. </div>
  64. </div>
  65. <div class="newsCenter-content">
  66. <div class="newsCenter">
  67. <div class="head">
  68. <div class="title">新闻动态</div>
  69. <div class="tag">首页 » 新闻中心</div>
  70. </div>
  71. <ul>
  72. <li>
  73. <span class="news_title"><a href="news_1.html">研究中心1篇论文被多媒体领域顶级国际会议ACM Multimedia Conference 2021录用</a></span>
  74. <span class="time">2021-09-24</span>
  75. </li>
  76. <li>
  77. <span class="news_title"><a href="news_2.html">2018级学生毕业</a></span>
  78. <span class="time">2021-09-24</span>
  79. </li>
  80. <li>
  81. <span class="news_title"><a href="news_3.html">2017级学生毕业</a></span>
  82. <span class="time">2021-09-24</span>
  83. </li>
  84. <li>
  85. <span class="news_title"><a href="news_4.html">喜报|缑水平教授团队在MICCAI FLARE 2021世界挑战赛中获得亚军</a></span>
  86. <span class="time">2021-09-24</span>
  87. </li>
  88. <li>
  89. <span class="news_title"><a href="news_5.html">研究中心博士生王新林的研究成果被国际知名期刊IEEE Transactions on Circuits and Systems for Video Technology(TCSVT)录用 </a></span>
  90. <span class="time">2021-09-24</span>
  91. </li>
  92. </ul>
  93. </div>
  94. </div>
  95. <!-- 底部 -->
  96. <div class="footerbox bg">
  97. <div class="wid_main fix">
  98. <div class="l">
  99. <a href="index.html" target="blank" class="dib vm"><img src="images/ipiu.jpg" width="85" height="85"></a>
  100. </div>
  101. <div class="l txt">
  102. <p>版权所有:西安电子科技大学智能医学影像理解研究中心&nbsp;&nbsp;&nbsp;地址:西安电子科技大学人工智能学院</p>
  103. <p>西安电子科技大学智能医学影像理解研究中心建设和维护 </p>
  104. </div>
  105. </div>
  106. </div>
  107. <!-- 重要新闻展示不滚动 -->
  108. <style>
  109. .banner{
  110. height: 248px;
  111. background-image: url(./images/version2/news/newsCenterBg.png);
  112. background-size: 100% 100%;
  113. background-repeat: no-repeat;
  114. }
  115. .banner .title{
  116. width: 1300px;
  117. position: absolute;
  118. left: 50%;
  119. margin-left: -650px;
  120. top: 36px;
  121. }
  122. .banner .title .name{
  123. font-size: 36px;
  124. color: #fff;
  125. }
  126. .banner .title .name-es{
  127. font-size: 14px;
  128. color: #fff;
  129. padding-top: 15px;
  130. }
  131. .newsCenter-content{
  132. width: 100%;
  133. background-color: #fff;
  134. position: relative;
  135. height: 500px;
  136. background-size: 100% 100%;
  137. background-repeat: no-repeat;
  138. }
  139. .newsCenter{
  140. width: 1200px;
  141. height: 500px;
  142. position: absolute;
  143. background-color: #fff;
  144. left: 50%;
  145. margin-left: -600px;
  146. top: -50px;
  147. padding: 40px;
  148. box-sizing: border-box;
  149. border-radius: 5px;
  150. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  151. }
  152. .newsCenter .head{
  153. border-bottom:2px solid #E0620D;
  154. }
  155. .newsCenter .head::after{
  156. display: block;
  157. content: "";
  158. clear: both;
  159. }
  160. .newsCenter .head .title{
  161. float: left;
  162. font-size: 24px;
  163. line-height: 1;
  164. font-weight: bold;
  165. color: #333;
  166. border-bottom: 2px solid #E0620D;
  167. padding:0 5px 12px 0;
  168. }
  169. .newsCenter .head .tag{
  170. float: right;
  171. font-size: 14px;
  172. line-height: 30px;
  173. font-weight: bold;
  174. color: #999;
  175. }
  176. .newsCenter ul>li{
  177. padding: 24px 0 24px 10px;
  178. position: relative;
  179. border-bottom: 1px solid #e7e7e7;
  180. }
  181. .newsCenter ul>li a{
  182. font-size: 16px;
  183. line-height: 24px;
  184. color: #333;
  185. }
  186. .newsCenter ul>li .news_title{
  187. width: 1000px;
  188. display: inline-block;
  189. overflow: hidden;
  190. white-space: nowrap;
  191. text-overflow: ellipsis;
  192. }
  193. .newsCenter ul>li .time{
  194. width: 200px;
  195. line-height: 24px;
  196. color: #333;
  197. }
  198. .newsCenter ul>li::after{
  199. display: block;
  200. content: "";
  201. width: 5px;
  202. height: 5px;
  203. position: absolute;
  204. left: 0px;
  205. top: 33px;
  206. background-color: #999;
  207. }
  208. .newsCenter ul>li:hover::after{
  209. background-color: #005389;
  210. }
  211. .newsCenter ul>li:hover a{
  212. color:#005389 ;
  213. text-decoration: underline;
  214. }
  215. </style>
  216. </body>
  217. </html>