Главная Обзор Помощь
Вход
count
/
web-count
2
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

吉林省计算机中心

guhongwei 5 лет назад
Сommit
a741a8101e
55 измененных файлов с 4249 добавлено и 0 удалено
Разделённый вид Показать статистику Diff
  1. BIN
      1计算中心首页.psd
  2. BIN
      2新闻动态.psd
  3. BIN
      3成果展示.psd
  4. BIN
      4-1计算服务-吉林超算.psd
  5. BIN
      4-2计算服务-超算应用.psd
  6. BIN
      4-3计算服务-运行动态.psd
  7. BIN
      4-4计算服务-超算讲堂.psd
  8. BIN
      4-5计算服务-ai社区.psd
  9. BIN
      5-1交流互动.psd
  10. BIN
      5-2交流互动-需求发布more.psd
  11. BIN
      5-3交流互动-需求发布-我要发布.psd
  12. BIN
      6党建学院.psd
  13. 151 0
      achieve.html
  14. 126 0
      apply.html
  15. 204 0
      college.html
  16. 139 0
      community.html
  17. 1617 0
      css/style.css
  18. 92 0
      detail.html
  19. 154 0
      dynamic.html
  20. 228 0
      exchange.html
  21. 239 0
      exchangeMore.html
  22. 139 0
      forum.html
  23. BIN
      images/achieveCenter.png
  24. BIN
      images/achieveCenter2.png
  25. BIN
      images/achieveCenter3.png
  26. BIN
      images/anli.png
  27. BIN
      images/bg.jpg
  28. BIN
      images/collegeLink.jpg
  29. BIN
      images/collegeNews.jpg
  30. BIN
      images/denglu.png
  31. BIN
      images/exchange.png
  32. BIN
      images/getImage.png
  33. BIN
      images/lingyu.png
  34. BIN
      images/link1.jpg
  35. BIN
      images/link2.jpg
  36. BIN
      images/link3.jpg
  37. BIN
      images/logo.png
  38. BIN
      images/more1.jpg
  39. BIN
      images/shenqing.png
  40. BIN
      images/sou.png
  41. BIN
      images/table.jpg
  42. BIN
      images/tupian.jpg
  43. BIN
      images/youjiantou.png
  44. BIN
      images/ziyuan.png
  45. BIN
      images/搜索.png
  46. BIN
      images/更多.png
  47. 324 0
      index.html
  48. 32 0
      js/tabs.js
  49. 187 0
      list.html
  50. 323 0
      news.html
  51. 144 0
      release.html
  52. 132 0
      service.html
  53. BIN
      列表页.psd
  54. BIN
      详情页.psd
  55. 18 0
      页面属性.md

BIN
1计算中心首页.psd
Просмотреть файл


BIN
2新闻动态.psd
Просмотреть файл


BIN
3成果展示.psd
Просмотреть файл


BIN
4-1计算服务-吉林超算.psd
Просмотреть файл


BIN
4-2计算服务-超算应用.psd
Просмотреть файл


BIN
4-3计算服务-运行动态.psd
Просмотреть файл


BIN
4-4计算服务-超算讲堂.psd
Просмотреть файл


BIN
4-5计算服务-ai社区.psd
Просмотреть файл


BIN
5-1交流互动.psd
Просмотреть файл


BIN
5-2交流互动-需求发布more.psd
Просмотреть файл


BIN
5-3交流互动-需求发布-我要发布.psd
Просмотреть файл


BIN
6党建学院.psd
Просмотреть файл


+ 151 - 0
achieve.html
Просмотреть файл 

@@ -0,0 +1,151 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li class="active"><a href="">成果展示</a></li>
 
+						<li><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="achieve">
 
+					<div class="achieveLeft">
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter.png" >中心成果</span>
 
+							<ul>
 
+								<li class="active"><a href="">工业领域</a></li>
 
+								<li><a href="">科研项目</a></li>
 
+								<li><a href="">专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;利</a></li>
 
+							</ul>
 
+						</div>
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter2.png" >合作成果</span>
 
+							<ul>
 
+								<li class="active"><a href="">功能按钮</a></li>
 
+								<li><a href="">功能按钮</a></li>
 
+								<li><a href="">功能按钮</a></li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+					<div class="achieveRight">
 
+						<div class="collegeTop">
 
+							<div class="collegeTopInfo">
 
+								<div class="topLeft">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										工业领域
 
+									</span>
 
+								</div>
 
+								<div class="topRight">
 
+									<a href="">more</a>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="achieveRightInfo">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<div class="leftDian">
 
+											<span class="dian"></span>
 
+										</div>
 
+										<div class="centerInfo">
 
+											<span class="textOver">稀薄流到连续流气体运动论统一算法研究</span>
 
+											<p>研究发展适应连续流到稀薄流、准确模拟各流域复杂飞行器再入空气动力学特征的一体化计算方法，可以应用于大规模并行计算与型号工程研制。本应用结合从事稀薄气体动力学DSMC方法与计算流体力学有限差分方法研究基础，将计算流体力学有限差分法引入基于时间、位置空间和速度空间的气体分子速度分布函数方程数值求解，建立起从稀薄</p>
 
+										</div>
 
+										<div class="date">
 
+											<span>2019-12-19</span>
 
+										</div>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<div class="leftDian">
 
+											<span class="dian"></span>
 
+										</div>
 
+										<div class="centerInfo">
 
+											<span class="textOver">六条数据</span>
 
+											<p>内容</p>
 
+										</div>
 
+										<div class="date">
 
+											<span>2019-12-19</span>
 
+										</div>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 126 - 0
apply.html
Просмотреть файл 

@@ -0,0 +1,126 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li class="active"><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="service">
 
+					<div class="achieveLeft">
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter3.png" >计算服务</span>
 
+							<ul>
 
+								<li><a href="">吉林超算</a></li>
 
+								<li class="active"><a href="">超算应用</a></li>
 
+								<li><a href="">运行动态</a></li>
 
+								<li><a href="">超算讲堂</a></li>
 
+								<li><a href="">AI社区</a></li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+					<div class="achieveRight">
 
+						<div class="collegeTop">
 
+							<div class="collegeTopInfo">
 
+								<div class="topLeft">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										超算应用
 
+									</span>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="serviceRightInfo">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<img src="./images/lingyu.png" >
 
+										<p>应用领域</p>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<img src="./images/anli.png" >
 
+										<p>应用案例</p>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 204 - 0
college.html
Просмотреть файл 

@@ -0,0 +1,204 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li class="active"><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="college">
 
+					<div class="collegeFirst">
 
+						<div class="collegeFirstLeft">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<img class="images" src="images/collegeNews.jpg" >
 
+										<p class="textOver">省政务服务和数字化建设管理局部分党支部开展“党建业务双融合</p>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+						<div class="collegeFirstRight">
 
+							<div class="collegeTop">
 
+								<div class="collegeTopInfo">
 
+									<div class="topLeft">
 
+										<span class="shu"></span>
 
+										<span class="span">
 
+											党建工作
 
+										</span>
 
+									</div>
 
+									<div class="topRight">
 
+										<a href="">more</a>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="collegeInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">八条数据</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+					</div>
 
+					<div class="collegeSecond">
 
+						<div class="collegeSecondLeft">
 
+							<div class="collegeTop">
 
+								<div class="collegeTopInfo">
 
+									<div class="topLeft">
 
+										<span class="shu"></span>
 
+										<span class="span">
 
+											学习园地
 
+										</span>
 
+									</div>
 
+									<div class="topRight">
 
+										<a href="">more</a>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="collegeInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">八条数据</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+						<div class="collegeSecondRight">
 
+							<div class="collegeTop">
 
+								<div class="collegeTopInfo">
 
+									<div class="topLeft">
 
+										<span class="shu"></span>
 
+										<span class="span">
 
+											党风廉政
 
+										</span>
 
+									</div>
 
+									<div class="topRight">
 
+										<a href="">more</a>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="collegeInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">八条数据</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+					</div>
 
+					<div class="collegeThird">
 
+						<a href="">
 
+							<img src="images/collegeLink.jpg" >
 
+						</a>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 139 - 0
community.html
Просмотреть файл 

@@ -0,0 +1,139 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li class="active"><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="service">
 
+					<div class="achieveLeft">
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter3.png" >计算服务</span>
 
+							<ul>
 
+								<li><a href="">吉林超算</a></li>
 
+								<li><a href="">超算应用</a></li>
 
+								<li><a href="">运行动态</a></li>
 
+								<li><a href="">超算讲堂</a></li>
 
+								<li class="active"><a href="">AI社区</a></li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+					<div class="achieveRight">
 
+						<div class="collegeTop">
 
+							<div class="collegeTopInfo">
 
+								<div class="topLeft">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										AI社区
 
+									</span>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="communityRightInfo">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<div class="leftDate">
 
+											<span>12/20</span>
 
+										</div>
 
+										<div class="rightInfo">
 
+											<span class="textOver">【产品动态】智能钛TI-ONE正式上线广州地域服务</span>
 
+											<p>为了给大家提供更好的服务，智能钛TI-ONE已于今天，正式上线广州地域服务，限时向大家免费开放。新上线的广州地域服务都有哪些优势呢？接下来就让我带大家一起看看吧！</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<div class="leftDate">
 
+											<span>12/20</span>
 
+										</div>
 
+										<div class="rightInfo">
 
+											<span class="textOver">八条数据</span>
 
+											<p>介绍</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+							<div class="page">
 
+								分页
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

Разница между файлами не показана из-за своего большого размера
+ 1617 - 0
css/style.css


Разница между файлами не показана из-за своего большого размера
+ 92 - 0
detail.html


+ 154 - 0
dynamic.html
Просмотреть файл 

@@ -0,0 +1,154 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li class="active"><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="service">
 
+					<div class="achieveLeft">
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter3.png" >计算服务</span>
 
+							<ul>
 
+								<li><a href="">吉林超算</a></li>
 
+								<li><a href="">超算应用</a></li>
 
+								<li class="active"><a href="">运行动态</a></li>
 
+								<li><a href="">超算讲堂</a></li>
 
+								<li><a href="">AI社区</a></li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+					<div class="achieveRight">
 
+						<div class="collegeTop">
 
+							<div class="collegeTopInfo">
 
+								<div class="topLeft">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										运行动态
 
+									</span>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="dynamicRightInfo">
 
+							<div class="dynamic">
 
+								<div class="dynamicTop">
 
+									<span class="zhuangtai">当前状态</span>
 
+									<div class="radio">
 
+										<div class="mui-radio">
 
+											<input name="radio" type="radio" checked>
 
+											<label>活跃用户</label>
 
+										</div>
 
+										<div class="mui-radio">
 
+											<input name="radio" type="radio" >
 
+											<label>活跃结点</label>
 
+										</div>
 
+										<div class="mui-radio">
 
+											<input name="radio" type="radio" >
 
+											<label>活跃应用</label>
 
+										</div>
 
+									</div>
 
+									<span class="date">更新时间：2019-12-19_00:00:00</span>
 
+								</div>
 
+								<div class="dynamicInfo">
 
+									<table class="table">
 
+										<tr>
 
+											<th class="one">序号</th>
 
+											<th class="two">用户</th>
 
+											<th class="three">运行作业</th>
 
+											<th class="four">排队作业</th>
 
+											<th class="five">运行核数</th>
 
+											<th class="six">排队核数</th>
 
+											<th class="seven">活跃结点</th>
 
+										</tr>
 
+										<tr>
 
+											<td>1</td>
 
+											<td>BITT*</td>
 
+											<td>0</td>
 
+											<td>2</td>
 
+											<td>0</td>
 
+											<td>192</td>
 
+											<td>era</td>
 
+										</tr>
 
+									</table>
 
+								</div>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 228 - 0
exchange.html
Просмотреть файл 

@@ -0,0 +1,228 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li><a href="">计算服务</a></li>
 
+						<li class="active"><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="exchange">
 
+					<div class="exchangeLeft">
 
+						<div class="exchangeLeftTop">
 
+							<img src="images/exchange.png">
 
+							<span>需求发布</span>
 
+						</div>
 
+						<div class="exchangeLeftList">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<div class="date">
 
+											<span>
 
+												12/23
 
+											</span>
 
+										</div>
 
+										<div class="titleCont">
 
+											<span class="title textOver">基于无人机与GIS 三维快速建模技术的</span>
 
+											<p class="content">针对我国大型商业综合体、厂（库）房、液（气）体储罐等复杂建筑物重特大火灾过程中</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<div class="date">
 
+											<span>
 
+												12/23
 
+											</span>
 
+										</div>
 
+										<div class="titleCont">
 
+											<span class="title textOver">基于无人机与GIS 三维快速建模技术的</span>
 
+											<p class="content">针对我国大型商业综合体、厂（库）房、液（气）体储罐等复杂建筑物重特大火灾过程中</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<div class="date">
 
+											<span>
 
+												12/23
 
+											</span>
 
+										</div>
 
+										<div class="titleCont">
 
+											<span class="title textOver">基于无人机与GIS 三维快速建模技术的</span>
 
+											<p class="content">针对我国大型商业综合体、厂（库）房、液（气）体储罐等复杂建筑物重特大火灾过程中</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<div class="date">
 
+											<span>
 
+												12/23
 
+											</span>
 
+										</div>
 
+										<div class="titleCont">
 
+											<span class="title textOver">基于无人机与GIS 三维快速建模技术的</span>
 
+											<p class="content">针对我国大型商业综合体、厂（库）房、液（气）体储罐等复杂建筑物重特大火灾过程中</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<div class="date">
 
+											<span>
 
+												12/23
 
+											</span>
 
+										</div>
 
+										<div class="titleCont">
 
+											<span class="title textOver">基于无人机与GIS 三维快速建模技术的</span>
 
+											<p class="content">针对我国大型商业综合体、厂（库）房、液（气）体储罐等复杂建筑物重特大火灾过程中</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+							<div class="more">
 
+								<a href="">more</a>
 
+							</div>
 
+						</div>
 
+						<div class="fabu">
 
+							<a href="">我要发布</a>
 
+						</div>
 
+					</div>
 
+					<div class="exchangeRight">
 
+						<div id="tab">
 
+						  	<div class="tabList">
 
+									<ul>
 
+										<li class="cur">专题研讨<span class="dian"></span></li>
 
+										<li>技术问答<span class="dian"></span></li>
 
+										<li>行业研究<span class="dian"></span></li>
 
+										<li>科技培训<span class="dian"></span></li>
 
+									</ul>
 
+								</div>
 
+							<div class="tabCon">
 
+								<div class="cur cur_1">
 
+									<ul class="tabConList">
 
+										<li>
 
+											<span class="dian"></span>
 
+											<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
 
+											<span class="date">201-12-05</span>
 
+										</li>
 
+										<li>
 
+											<span class="dian"></span>
 
+											<span class="title">16条数据</span>
 
+											<span class="date">201-12-05</span>
 
+										</li>
 
+									
+									</ul>
 
+									<p class="page">分页</p>
 
+								</div>
 
+								<div>
 
+									<ul class="tabConList">
 
+										<li>
 
+											<span class="dian"></span>
 
+											<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
 
+											<span class="date">201-12-05</span>
 
+										</li>
 
+									</ul>
 
+									<p class="page">分页</p>
 
+								</div>
 
+								<div class="cur_3">
 
+									<ul class="tabConList">
 
+										<li>
 
+											<span class="dian"></span>
 
+											<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
 
+											<span class="date">201-12-05</span>
 
+										</li>
 
+									</ul>
 
+									<p class="page">分页</p>
 
+								</div>
 
+								<div>
 
+									<ul class="tabConList">
 
+										<li>
 
+											<span class="dian"></span>
 
+											<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
 
+											<span class="date">201-12-05</span>
 
+										</li>
 
+										<p class="page">分页</p>
 
+									</ul>
 
+								</div>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+	<script type="text/javascript" src="js/tabs.js"></script>
 
+</html>

+ 239 - 0
exchangeMore.html
Просмотреть файл 

@@ -0,0 +1,239 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li><a href="">计算服务</a></li>
 
+						<li class="active"><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="exchangeMore">
 
+					<div class="moreLeft">
 
+						<div class="moreLeftTop">
 
+							<img src="images/exchange.png">
 
+							<span>需求发布</span>
 
+						</div>
 
+					</div>
 
+					<div class="moreRight">
 
+						<div class="moreRightTop">
 
+							<div class="type">
 
+								<select name="" class="typeEle">
 
+									<option value="">全部类型</option>
 
+									<option value="">类型一</option>
 
+									<option value="">类型二</option>
 
+								</select>
 
+							</div>
 
+							<div class="keyword">
 
+								<input type="text" placeholder="请输入名称" />
 
+								<button type="button"><img src="./images/sou.png" >搜索</button>
 
+							</div>
 
+						</div>
 
+						<div class="moreRightList">
 
+							<div class="moreRightListTop">
 
+								<div class="oneTop">
 
+									<div class="oneTopInfo">
 
+										<div class="oneTopInfoLeft">
 
+											<span class="shu"></span>
 
+											<span class="span">
 
+												需求发布
 
+											</span>
 
+										</div>
 
+										<div class="oneTopInfoRight">
 
+												<a href="">我要发布</a>
 
+										</div>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="moreRightListInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<img style="width: 218px;height: 210px;" src="images/more1.jpg" >
 
+											<div class="titleYen">
 
+												<p class="title">落地支架（F062S）投影机专用支持H1S系列/Z5系列/Z4系</p>
 
+												<span class="yen">&yen;1000</span>
 
+											</div>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+								<div class="page">
 
+									分页
 
+								</div>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 139 - 0
forum.html
Просмотреть файл 

@@ -0,0 +1,139 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li class="active"><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="service">
 
+					<div class="achieveLeft">
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter3.png" >计算服务</span>
 
+							<ul>
 
+								<li><a href="">吉林超算</a></li>
 
+								<li><a href="">超算应用</a></li>
 
+								<li><a href="">运行动态</a></li>
 
+								<li class="active"><a href="">超算讲堂</a></li>
 
+								<li><a href="">AI社区</a></li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+					<div class="achieveRight">
 
+						<div class="collegeTop">
 
+							<div class="collegeTopInfo">
 
+								<div class="topLeft">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										超算讲堂
 
+									</span>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="forumRightInfo">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<div class="leftDate">
 
+											<span>12/20</span>
 
+										</div>
 
+										<div class="rightInfo">
 
+											<span class="textOver">【产品动态】智能钛TI-ONE正式上线广州地域服务</span>
 
+											<p>为了给大家提供更好的服务，智能钛TI-ONE已于今天，正式上线广州地域服务，限时向大家免费开放。新上线的广州地域服务都有哪些优势呢？接下来就让我带大家一起看看吧！</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<div class="leftDate">
 
+											<span>12/20</span>
 
+										</div>
 
+										<div class="rightInfo">
 
+											<span class="textOver">八条数据</span>
 
+											<p>介绍</p>
 
+										</div>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+							<div class="page">
 
+								分页
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

BIN
images/achieveCenter.png
Просмотреть файл


BIN
images/achieveCenter2.png
Просмотреть файл


BIN
images/achieveCenter3.png
Просмотреть файл


BIN
images/anli.png
Просмотреть файл


BIN
images/bg.jpg
Просмотреть файл


BIN
images/collegeLink.jpg
Просмотреть файл


BIN
images/collegeNews.jpg
Просмотреть файл


BIN
images/denglu.png
Просмотреть файл


BIN
images/exchange.png
Просмотреть файл


BIN
images/getImage.png
Просмотреть файл


BIN
images/lingyu.png
Просмотреть файл


BIN
images/link1.jpg
Просмотреть файл


BIN
images/link2.jpg
Просмотреть файл


BIN
images/link3.jpg
Просмотреть файл


BIN
images/logo.png
Просмотреть файл


BIN
images/more1.jpg
Просмотреть файл


BIN
images/shenqing.png
Просмотреть файл


BIN
images/sou.png
Просмотреть файл


BIN
images/table.jpg
Просмотреть файл


BIN
images/tupian.jpg
Просмотреть файл


BIN
images/youjiantou.png
Просмотреть файл


BIN
images/ziyuan.png
Просмотреть файл


BIN
images/搜索.png
Просмотреть файл


BIN
images/更多.png
Просмотреть файл


+ 324 - 0
index.html
Просмотреть файл 

@@ -0,0 +1,324 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<!-- style="background-image: url(images/bg.jpg);background-size: 100% 100%;" -->
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+		<div class="pz_top">
 
+			<div class="w_0100 topDate"> 
+				<div class="w_1200">
 
+					<div class="topDateInfo">
 
+						2019年12月5日&nbsp;星期四
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="w_0100">
 
+				<div class="w_1200">
 
+					<div class="top">
 
+						<div class="topLeft">
 
+							<a href="index.html">
 
+								<div class="logo">
 
+									<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+								</div>
 
+								<div class="title">
 
+									<p class="tit">吉林省计算中心</p>
 
+									<p class="english">JiLin province computing center</p>
 
+								</div>
 
+							</a>
 
+						</div>
 
+						<div class="search">
 
+							<input class="input" type="text" placeholder="关键词"/>
 
+							<button class="button"><img src="images/搜索.png"/></button>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="pz_menu">
 
+			<div class="w_0100">
 
+				<div class="w_1200">
 
+					<div class="menu">
 
+						<ul>
 
+							<li class="active"><a href="">新闻动态</a></li>
 
+							<li><a href="">成果展示</a></li>
 
+							<li><a href="">计算服务</a></li>
 
+							<li><a href="">交流活动</a></li>
 
+							<li><a href="">党建学苑</a></li>
 
+						</ul>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="pz_main">
 
+			<div class="w_0100">
 
+				<div class="w_1200">
 
+					<div class="main_1">
 
+						<div class="tupian">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<img style="width:394px;height:303px;" src="images/tupian.jpg" >
 
+										<p class="textOver">计算机中心实验室机房计算机中心实验室机房计算机中心实验室机房计算机中心实验室机房计算机中心实验室机房</p>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+						<div class="notice">
 
+							<div class="noticeTop">
 
+								<div class="noticeTit">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										通知公告
 
+									</span>
 
+								</div>
 
+								<div class="more">
 
+									<a href=""><img src="images/更多.png"/></a>
 
+								</div>
 
+							</div>
 
+							<div class="noticeInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<p class="title">省人大车秀兰副主任赴柳河县时</p>
 
+											<span class="date">12-05</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<p class="title">七条数据</p>
 
+											<span class="date">12-05</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+						<div class="news">
 
+							<div class="noticeTop">
 
+								<div class="noticeTit">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										新闻动态
 
+									</span>
 
+								</div>
 
+								<div class="more">
 
+									<a href=""><img src="images/更多.png"/></a>
 
+								</div>
 
+							</div>
 
+							<div class="noticeInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<p class="title">省人大车秀兰副主任赴柳河县时</p>
 
+											<span class="date">12-05</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<p class="title">七条数据</p>
 
+											<span class="date">12-05</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+					</div>
 
+					<div class="main_2">
 
+						<div class="jisuan">
 
+							<div class="noticeTop">
 
+								<div class="noticeTit">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										计算服务
 
+									</span>
 
+								</div>
 
+								<div class="more">
 
+									<a href=""><img src="images/更多.png"/></a>
 
+								</div>
 
+							</div>
 
+							<div class="jisuanInfo">
 
+								<div class="jisuanBtn">
 
+									<button type="button">账号申请</button>
 
+									<button type="button">计算登录</button>
 
+								</div>
 
+								<div class="jisuanTable">
 
+									<table>
 
+										<tr>
 
+											<th>用户</th>
 
+											<th>应用领域</th>
 
+											<th>集群</th>
 
+											<th>核数</th>
 
+											<th>CPU小时</th>
 
+										</tr>
 
+										<tr>
 
+											<td>wang</td>
 
+											<td>航空航天</td>
 
+											<td>era</td>
 
+											<td>96</td>
 
+											<td>1.157.66</td>
 
+										</tr>
 
+										<tr>
 
+											<td>liyan</td>
 
+											<td>能源工业</td>
 
+											<td>rscctj</td>
 
+											<td>72</td>
 
+											<td>8.80.66</td>
 
+										</tr>
 
+										<tr>
 
+											<td>btta</td>
 
+											<td>航空航天</td>
 
+											<td>era</td>
 
+											<td>48</td>
 
+											<td>640.66</td>
 
+										</tr>
 
+										<tr>
 
+											<td>yany*</td>
 
+											<td>航空航天</td>
 
+											<td>era</td>
 
+											<td>32</td>
 
+											<td>158.897.01</td>
 
+										</tr>
 
+									</table>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="chengguo">
 
+							<div class="noticeTop">
 
+								<div class="noticeTit">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										成果展示
 
+									</span>
 
+								</div>
 
+								<div class="more">
 
+									<a href=""><img src="images/更多.png"/></a>
 
+								</div>
 
+							</div>
 
+							<div class="chengguoInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<div class="date">
 
+												<span>12/16</span>
 
+											</div>
 
+											<div class="chengguoInfoRight">
 
+												<span class="title textOver">宽带砂光机的砂带轴向摆动调节定</span>
 
+												<p class="content">宽带砂光机的砂带轴向摆动调节定位装置，由立轴、偏心轴、调节手柄、机座、圆</p>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<div class="date">
 
+												<span>12/16</span>
 
+											</div>
 
+											<div class="chengguoInfoRight">
 
+												<span class="title textOver">四条数据</span>
 
+												<p class="content">内容</p>
 
+											</div>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+						<div class="keji">
 
+							<div class="noticeTop">
 
+								<div class="noticeTit">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										技术交流
 
+									</span>
 
+								</div>
 
+								<div class="more">
 
+									<a href=""><img src="images/更多.png"/></a>
 
+								</div>
 
+							</div>
 
+							<div class="chengguoInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<div class="date">
 
+												<span>12/16</span>
 
+											</div>
 
+											<div class="chengguoInfoRight">
 
+												<span class="title textOver">宽带砂光机的砂带轴向摆动调节定</span>
 
+												<p class="content">宽带砂光机的砂带轴向摆动调节定位装置，由立轴、偏心轴、调节手柄、机座、圆</p>
 
+											</div>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<div class="date">
 
+												<span>12/16</span>
 
+											</div>
 
+											<div class="chengguoInfoRight">
 
+												<span class="title textOver">四条数据</span>
 
+												<p class="content">内容</p>
 
+											</div>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+					</div>
 
+					<div class="main_3">
 
+						<h3>友情链接</h3>
 
+						<div class="link">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<img src="images/link1.jpg"/>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<img src="images/link2.jpg"/>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<img src="images/link3.jpg"/>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<img src="images/link3.jpg"/>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="pz_down">
 
+			<div class="w_0100">
 
+				<div class="w_1200">
 
+					<div class="down">
 
+						<p>版权所有：吉林省技术算中心</p>
 
+						<p>
 
+							<span>技术支持：长春福瑞科技有限公司</span>
 
+							&nbsp;&nbsp;&nbsp;&nbsp;
 
+							<span>邮编：130000</span>
 
+							&nbsp;&nbsp;&nbsp;&nbsp;
 
+							<span>传真：239823982</span>
 
+						</p>
 
+						<p>
 
+							<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+							&nbsp;&nbsp;&nbsp;&nbsp;
 
+							<span>电话：0134-1234567</span>
 
+							&nbsp;&nbsp;&nbsp;&nbsp;
 
+							<span>邮箱：123456@163.com</span>
 
+						</p>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</body>
 
+</html>

+ 32 - 0
js/tabs.js
Просмотреть файл 

@@ -0,0 +1,32 @@
 
+window.onload = function() {
 
+    var oDiv = document.getElementById("tab");
 
+    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
 
+    var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
 
+    var timer = null;
 
+    for (var i = 0; i < oLi.length; i++) {
 
+        oLi[i].index = i;
 
+        oLi[i].onmouseover = function() {
 
+            show(this.index);
 
+        }
 
+    }
 
+    function show(a) {
 
+        index = a;
 
+        var alpha = 0;
 
+        for (var j = 0; j < oLi.length; j++) {
 
+            oLi[j].className = "";
 
+            aCon[j].className = "";
 
+            aCon[j].style.opacity = 0;
 
+            aCon[j].style.filter = "alpha(opacity=0);";
 
+        }
 
+        oLi[index].className = "cur";
 
+        clearInterval(timer);
 
+        timer = setInterval(function() {
 
+            alpha += 2;
 
+            alpha > 100 && (alpha = 100);
 
+            aCon[index].style.opacity = alpha / 100;
 
+            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
 
+            alpha == 100 && clearInterval(timer);
 
+        },
 
+        5)
 
+    }
 
+}

+ 187 - 0
list.html
Просмотреть файл 

@@ -0,0 +1,187 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="list">
 
+					<div class="listTop">
 
+						<span class="shu"></span>
 
+						<span class="span">新闻动态</span>
 
+					</div>
 
+					<div class="listInfo">
 
+						<ul>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+							<li>
 
+								<a href="">
 
+									<span class="dian"></span>
 
+									<p class="title">
 
+										国家重点研发计划“西北耐密高产抗旱玉米新品种培育”项目玉米新品种及配套技术示范展示现场观摩交流会在新疆举行   
+										<span class="date">2019-12-23</span>
 
+									</p>
 
+								</a>
 
+							</li>
 
+						</ul>
 
+						<div class="page">
 
+							分页
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 323 - 0
news.html
Просмотреть файл 

@@ -0,0 +1,323 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li  class="active"><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="news">
 
+					<div class="achieveLeft">
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter.png" >新闻咨询</span>
 
+							<ul>
 
+								<li class="active"><a href="">网上调查</a></li>
 
+							</ul>
 
+						</div>
 
+						<div class="wangshang">
 
+							<img style="width: 150px;height: 100px;padding: 20px 50px;" src="./images/getImage.png">
 
+							<span class="guanzhu">您是否愿意继续关注本平台</span>
 
+							<form action="" method="">
 
+								<div class="radio">
 
+									<input name="radio" type="radio">
 
+									<label>愿意</label>
 
+								</div>
 
+								<div class="radio">
 
+									<input name="radio" type="radio">
 
+									<label>不愿意</label>
 
+								</div>
 
+								<div class="radio">
 
+									<input name="radio" type="radio">
 
+									<label>愿意不</label>
 
+								</div>
 
+								<div class="radio">
 
+									<input name="radio" type="radio">
 
+									<label>愿意</label>
 
+								</div>
 
+								<button type="button">确认提交</button>
 
+							</form>
 
+						</div>
 
+					</div>
 
+					<div class="achieveRight">
 
+						<div class="newsRightOne">
 
+							<div class="oneTop">
 
+								<div class="oneTopInfo">
 
+									<div class="oneTopInfoLeft">
 
+										<span class="shu"></span>
 
+										<span class="span">
 
+											科技咨询
 
+										</span>
 
+									</div>
 
+									<div class="oneTopInfoRight">
 
+											<a href="">more</a>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="oneInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+						<div class="newsRightOne">
 
+							<div class="oneTop">
 
+								<div class="oneTopInfo">
 
+									<div class="oneTopInfoLeft">
 
+										<span class="shu"></span>
 
+										<span class="span">
 
+											技术前沿
 
+										</span>
 
+									</div>
 
+									<div class="oneTopInfoRight">
 
+											<a href="">more</a>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="oneInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+						<div class="newsRightOne">
 
+							<div class="oneTop">
 
+								<div class="oneTopInfo">
 
+									<div class="oneTopInfoLeft">
 
+										<span class="shu"></span>
 
+										<span class="span">
 
+											工作动态
 
+										</span>
 
+									</div>
 
+									<div class="oneTopInfoRight">
 
+											<a href="">more</a>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="oneInfo">
 
+								<ul>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+									<li>
 
+										<a href="">
 
+											<span class="dian"></span>
 
+											<span class="title textOver">转作风、重实效，把党组会开到扶贫工作的最前沿</span>
 
+											<span class="date">2019-12-19</span>
 
+										</a>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 144 - 0
release.html
Просмотреть файл 

@@ -0,0 +1,144 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li><a href="">计算服务</a></li>
 
+						<li class="active"><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="exchangeMore release">
 
+					<div class="moreLeft releaseLeft">
 
+						<div class="moreLeftTop">
 
+							<img src="images/exchange.png">
 
+							<span>需求发布</span>
 
+						</div>
 
+					</div>
 
+					<div class="moreRight releaseRight">
 
+						<div class="moreRightList">
 
+							<div class="moreRightListTop">
 
+								<div class="oneTop">
 
+									<div class="oneTopInfo">
 
+										<div class="oneTopInfoLeft releaseTop">
 
+											<span class="shu"></span>
 
+											<span class="span">
 
+												填写信息
 
+											</span>
 
+										</div>
 
+									</div>
 
+								</div>
 
+							</div>
 
+							<div class="releaseform">
 
+								<form action="" method="">
 
+									<div class="type">
 
+										<span>类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>
 
+										<select name="">
 
+											<option value="">产品</option>
 
+											<option value="">产品1</option>
 
+											<option value="">产品2</option>
 
+										</select>
 
+									</div>
 
+									<div class="type">
 
+										<span>名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称</span>
 
+										<input type="text" class="title" name="" id="" value="" />
 
+									</div>
 
+									<div class="type">
 
+										<span style="padding: 0 0 0 10px;">单位/个人</span>
 
+										<input type="text" class="title" name="" id="" value="" />
 
+									</div>
 
+									<div class="type">
 
+										<span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
 
+										<input type="text" class="title" name="" id="" value="" />
 
+									</div>
 
+									<div class="type images">
 
+										<span>图&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;片</span>
 
+										<img style="width: 100px;height: 100px;" src="images/more1.jpg" >
 
+										<p style="padding: 0 0 0 90px;color: #b2b2b2;">最多上传12张，每张最大10M</p>
 
+									</div>
 
+									<div class="type content">
 
+										<span>简&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;介</span>
 
+										<textarea cols="2"rows="6" class="textarea"></textarea>
 
+									</div>
 
+									<div class="button">
 
+										<button type="button">发&nbsp;&nbsp;布</button>
 
+									</div>
 
+								</form>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

+ 132 - 0
service.html
Просмотреть файл 

@@ -0,0 +1,132 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>吉林省计算中心</title>
 
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	</head>
 
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
 
+	<div class="pz_top">
 
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
 
+				<div class="topDateInfo">
 
+					2019年12月5日&nbsp;星期四
 
+				</div>
 
+			</div>
 
+		</div>
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="top">
 
+					<div class="topLeft">
 
+						<a href="index.html">
 
+							<div class="logo">
 
+								<img style="width: 76px;height: 64px;" src="images/logo.png" >
 
+							</div>
 
+							<div class="title">
 
+								<p class="tit">吉林省计算中心</p>
 
+								<p class="english">JiLin province computing center</p>
 
+							</div>
 
+						</a>
 
+					</div>
 
+					<div class="search">
 
+						<input class="input" type="text" placeholder="关键词"/>
 
+						<button class="button"><img src="images/搜索.png"/></button>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_menu">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="menu">
 
+					<ul>
 
+						<li><a href="">新闻动态</a></li>
 
+						<li><a href="">成果展示</a></li>
 
+						<li class="active"><a href="">计算服务</a></li>
 
+						<li><a href="">交流活动</a></li>
 
+						<li><a href="">党建学苑</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_main">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="service">
 
+					<div class="achieveLeft">
 
+						<div class="achieveLeftFirst">
 
+							<span class="topTitle"><img src="./images/achieveCenter3.png" >计算服务</span>
 
+							<ul>
 
+								<li class="active"><a href="">吉林超算</a></li>
 
+								<li><a href="">超算应用</a></li>
 
+								<li><a href="">运行动态</a></li>
 
+								<li><a href="">超算讲堂</a></li>
 
+								<li><a href="">AI社区</a></li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+					<div class="achieveRight">
 
+						<div class="collegeTop">
 
+							<div class="collegeTopInfo">
 
+								<div class="topLeft">
 
+									<span class="shu"></span>
 
+									<span class="span">
 
+										吉林超算
 
+									</span>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="serviceRightInfo">
 
+							<ul>
 
+								<li>
 
+									<a href="">
 
+										<img src="./images/ziyuan.png" >
 
+										<p>资源介绍</p>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<img src="./images/shenqing.png" >
 
+										<p>账号申请</p>
 
+									</a>
 
+								</li>
 
+								<li>
 
+									<a href="">
 
+										<img src="./images/denglu.png" >
 
+										<p>计算登录</p>
 
+									</a>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="pz_down">
 
+		<div class="w_0100">
 
+			<div class="w_1200">
 
+				<div class="down">
 
+					<p>版权所有：吉林省技术算中心</p>
 
+					<p>
 
+						<span>技术支持：长春福瑞科技有限公司</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮编：130000</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>传真：239823982</span>
 
+					</p>
 
+					<p>
 
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>电话：0134-1234567</span>
 
+						&nbsp;&nbsp;&nbsp;&nbsp;
 
+						<span>邮箱：123456@163.com</span>
 
+					</p>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	</body>
 
+</html>

BIN
列表页.psd
Просмотреть файл


BIN
详情页.psd
Просмотреть файл


+ 18 - 0
页面属性.md
Просмотреть файл 

@@ -0,0 +1,18 @@
 
+index:首页
 
+news：新闻动态
 
+achieve：成果展示
 
+ 中心成果：
 
+ （1）工业领域
 
+ （2）科研项目
 
+ （3）专利
 
+ 合作成果：
 
+ （1）功能按钮
 
+service：计算服务
 
+ 默认第一个
 
+ （1）service：吉林超算
 
+ （2）apply：超算应用
 
+ （3）dynamic：运行动态
 
+ （4）forum：超算讲堂
 
+ （5）community：AI社区
 
+exchange：交流互动
 
+college：党建学苑