Sfoglia il codice sorgente

增加首页文章轮播

luyanan 8 anni fa
parent
commit
8269a4026b

+ 5 - 4
app/html/artical_01.html

@ -9,6 +9,7 @@
9 9
<link href="../css/app.css" rel="stylesheet" />
10 10
<style>
11 11
	body,html,.mui-content{background: #FFFFFF;}
12
	p{text-indent: 2em;}
12 13
</style>
13 14
</head>
14 15
@ -54,7 +55,7 @@
54 55
			<div id="main_content">
55 56
				<p>自从1954年苏联建成了世界第一座核电站以来,人类和平利用核能已经长达61年了。在这半个多世纪的时间里,核电技术经历了3次飞跃,共形成了4代技术,每一代核电站在经济性、安全性和高效性方面都取得了更大的突破。为了应对核扩散和恐怖势力,解决核燃料可持续性发展的问题,在第三代技术落地之前,第四代新型核能系统也提上日程。第四代核能系统是一种具有更好的安全性、经济竞争力,核废物量少,可有效防止核扩散的先进核能系统,代表了先进核能系统的发展趋势和技术前沿。随着世界核电技术在飞速地发展,核电安全问题也愈加受到各国的重视,提及2011年日本福岛核电站核泄漏事故大家仍心有余悸。因此核电发展必须建立在安全的基础上,而核电的安全与否又取决于核电设备的高度可靠性。核电设备一旦失效,轻则影响正常运行,重则导致重大事故,故而核电设备失效行为的研究显得尤为重要。由于核电站的特殊环境(高温、高压、强辐射,以及引发腐蚀的介质环境),材料腐蚀是引发核电设备失效的重要原因之一。在我国核电发展进入规模化批量化的新形势下,加强对核电材料的腐蚀与防护研究尤为重要。为了全面科普核电腐蚀与防护知识,为行业人士提供建议,让其预防并把问题解决在萌芽状态确保核电安全运行,记者特邀请到上海材料研究所教授级高级工程师,上海市工程材料应用评价重点实验室腐蚀实验室主任李光福教授做相关方面的精彩解读。</p>
56 57
				<p class="indentNone">
57
					<img src="http://ecorr.org/d/file/news/interview/2016-11-10/6fec5bee1ca22d0ee11585c26b849341.jpg"><br/>
58
					<img src="../images/articalImg/liguanfu_01.jpg"><br/>
58 59
					<span class="imgTit">上海材料研究所教授级高级工程师,上海市工程材料应用评价重点实验室腐蚀实验室主任李光福教授</span>
59 60
				</p>
60 61
				
@ -68,15 +69,15 @@
68 69
				<p class="artSTit">确保安全  将核电防腐进行到底</p>
69 70
				<p>作为项目主要负责人员,在核电材料腐蚀破裂问题方面,完成了多项国家和地方项目并作出重要贡献,谈及这些项目,李教授表示自80年代中期以来,他们上海材料研究所以杨武老师为首的团队开展了这方面的研究和应用,获得国家和地方不少奖,他2002年回国继承了这方面的工作,得到了杨老师很多帮助。这十多年来他们在国家科技部社会公益基金、973和能源局核电重大专项基金项目,以及上海市科委项目和产业界应用项目支持下,尽力在核电材料腐蚀破裂的研究和应用方面做工作,材料涉及镍基焊缝和不锈钢焊缝的异材焊接件、奥氏体不锈钢和反应堆压力容器用低合金钢,有知识创新和工程问题解决,包括协助核安全局评审以解决若干重大不符合项工程问题。算上前面在国外的经历,他在这个领域已有二十多年的耕耘,有不少感触。</p>
70 71
				<p class="indentNone">
71
					<img src="http://ecorr.org/d/file/news/interview/2016-11-10/b320f5077c2435ca971e7f07bd6bdbd4.png"><br>
72
					<img src="../images/articalImg/liguanfu_02.png"><br>
72 73
	                <span class="imgTit">2006年与IAEA专家组在田湾核电站,协助解决蒸汽发生器传热管问题</span>
73 74
				</p>
74 75
				<p class="indentNone">
75
					<img src="http://ecorr.org/d/file/news/interview/2016-11-10/d9b1a6ffafec655708bb6ad3ca99a920.png"><br>
76
					<img src="../images/articalImg/liguanfu_03.png"><br>
76 77
					<span class="imgTit">在国内召开的核电站设备可靠性等国际研讨会上,为Peter Andresen等著名专家做大会翻译</span>
77 78
				</p>
78 79
				<p class="indentNone">
79
					<img src="http://ecorr.org/d/file/news/interview/2016-11-10/32a2661cd145fa38919684d207733ca0.png"><br>
80
					<img src="../images/articalImg/liguanfu_04.png"><br>
80 81
	    			<span class="imgTit">2013年为秦山核电站泄露管线失效分析与模拟验证项目做现场调查</span>
81 82
				</p>
82 83
				<p>核安全至关重要。核电设备若发生重要失效,不仅影响核电站的正常运行,还可能导致重大核事故的发生。核电发达国家经验表明,材料腐蚀引发的核电设备失效行为占有很大的比重,损失或说耗费巨大,在核岛、常规岛和BOP不同结构位置服役条件不同,腐蚀的类型各有特色。瑞典核电监察机构的数据库STRYK对核电站材料各种失效事件的统计数据表明,腐蚀在1千多个失效事件中占绝对多数,首位是应力腐蚀破裂, 其次是磨蚀,第三位为热疲劳,第四位为振动疲劳。其余的是其它腐蚀、制造和安装错误、力学失效等。</p>

+ 181 - 0
app/html/artical_02.html

@ -0,0 +1,181 @@
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="UTF-8">
5
<title></title>
6
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7
<link href="../css/mui.min.css" rel="stylesheet" />
8
<link href="../css/iconfont.css" rel="stylesheet" />
9
<link href="../css/app.css" rel="stylesheet" />
10
<style>
11
	body,html,.mui-content{background: #FFFFFF;}
12
	p{text-indent: 2em;}
13
	.mui-bar-nav {
14
     -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3); 
15
     box-shadow: 0 1px 6px rgba(0,0,0,.3); }
16
</style>
17
</head>
18
19
<body>
20
<header class="mui-bar mui-bar-nav toptitbox">
21
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
22
	<h1 class="mui-title toptit">精选文章</h1>
23
</header>
24
<div class="mui-content">
25
	<div class="art_topicBox">
26
		<div class="art_img" style="background: url(../images/banner/artical_02.jpg) center center no-repeat; background-size:100% auto;">
27
			
28
		</div>
29
		
30
		<div class="art_topicbox">
31
			<h4 id="artical_topic" ><!--title-->杜敏:走向深海大势趋 材料防腐须先行<!--title--></h4>
32
		</div>
33
	</div>
34
	<div class="articalBox">
35
		<div id="artical">
36
			<div id="artical_sth" class="mui-clearfix">
37
				<span class="mui-pull-left">作者:王元</span><span class="mui-pull-right">来源:《腐蚀防护之友》</span>
38
			</div>
39
		</div>			
40
		<div class="line01"></div>
41
		<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
42
			<li class="mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">		
43
				<a class="proinfor">
44
					<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
45
					<div class="mui-media-body">
46
						<span class="listtit" ><span id="proName"></span><em class="mui-icon iconfont icon-vip authicon-cu"> </em></span>
47
						<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
48
						<div class="mui-ellipsis listtit3" id="proRlist"></div>
49
						<div class="mui-ellipsis listtit3" id="proZlist"></div>
50
					</div>
51
				</a>
52
			</li>
53
		</ul>
54
		<div class="line01" style="margin:4px 0 10px 0;"></div>
55
56
		<div id="artical_real">
57
			<!--body-->
58
			<div id="main_content">
59
				<p>随着浅海资源长期开采日渐枯竭,从浅海走向深海已成为海洋资源开发的总趋势。海洋环境是一个严酷的腐蚀环境,根据工业发达国家的腐蚀调查结果估计,目前我国每年腐蚀所造成的经济损失可达到8000多亿元人民币。因此,海洋重大工程在设计和使用过程中都必须考虑海洋环境的腐蚀问题,加强对腐蚀与防护科学重要性的认知尤为重要。目前海洋材料腐蚀问题已成为我国海洋工程发展的制约瓶颈,为了科普深海腐蚀的重要性及应对措施,记者有幸邀请到中国海洋大学杜敏教授做相关解读。</p>
60
				<p>杜敏,中国海洋大学教授,博士生导师。杜教授长期从事海洋腐蚀与防护技术方面的教学科研工作,曾多次负责国家自然科学基金和国家科技部“十一五”、“十二五”重大专项子课题在内的国家、地方和企业委托项目二十余项,在海洋阴极保护及其监测技术、腐蚀监测传感器、油气田用缓蚀剂等方面积累了较为丰富的经验。</p>
61
				<p>杜教授的美丽、谦和、低调给记者留下了深刻的印象,“我只是一个普通的科研工作者,是众多科研工作者中的一员,从事阴极保护研究和应用的科技工作者须任重而道远。”杜教授说。</p>
62
				<p>采访在一片温馨的气氛中度过……</p>
63
				
64
				<p class="artSTit">任重道远 科研工作者继续前行</p>
65
				<p>记者了解到杜教授长期从事阴极保护工作, 曾多次参加 “十一五” 、 “十二五”等国家重大项目的研究,在业内享有盛誉。当谈起时,杜教授谦和地说:“我只是一名普通的科技工作者,参与的项目都属于”大型油气田及煤层气开发“专项,主要做深海阴极保护和深海腐蚀监测的研究。由于是专项,涉及到的专业比较广,就需要我们多个专业配合,协调。比如,”十二五“课题四,涉及到十几个专业,八个合作单位。项目组织者的协调难度很大;在实施过程中需要我们多次交流、汇报、检查和验收,加强各个专业之间的交流和沟通,在这项项目中也学习了不少,为以后做工程项目积累了大量的宝贵经验。”让她最深的体会是重大专项要求从基础研究,到技术研究,到样机甚至工程化,是一个理想的过程,但步履艰难,未来从事阴极保护研究和应用的科技工作者任重而道远,为深海开发而努力。</p>
66
67
				<p class="artSTit">深海开发 材料防护先行</p>
68
				<p>许多深海结构如深海管线、锚泊系统、张力腿、套管等,由于结构载荷、风浪载荷、海流作用、残余应力等普遍存在局部拉应力;极易引发应力腐蚀而导致灾难性后果,严重威胁深海装备的安全性和可靠性。在海水环境中最常见的腐蚀形态包括:均匀腐蚀、点蚀、应力腐蚀、腐蚀疲劳、电偶腐蚀、缝隙腐蚀和冲刷腐蚀等。与表层海水相比,在深海环境下材料的腐蚀行为会发生显著的变化。因此,深海工程及装备在深海环境下的腐蚀失效具有与传统材料腐蚀失效体系完全不同的特点和复杂性。腐蚀控制方法主要通过合理的选材,牺牲阳极的阴极保护,保护涂层和化学处理。其中阴极保护是控制腐蚀必不可少的“法宝”,当谈起阴极保护技术时,杜教授说,阴极保护是一种“古老”而具有“生命力”的防护技术。所谓的“古老”是指它的历史悠久,工程化超过百年,在钻井、采油平台,海底管道,港口设施,钢板、钢管桩码头,船闸,舰船及其附属结构, 跨海大桥等海洋构筑;埋设管线、储罐等大部分土壤中的设施中成功的应用,并占有重要地位,成为不可取代的防护技术之一。“有生命力”</p>
69
				<p> 是说尽管阴极保护的理论和技术相对成熟,但仍有很广泛的领域需要进一步研究与推广。比如说海洋环境,从水面、水下(浅海、深海)、海泥区,以及岩石层均离不开阴极保护技术。</p>
70
				<p style="text-indent: 0.2em;">(1)全浸区,虽然有成熟的牺牲阳极阴极保护和外加电流阴极保护成功应用的实例,但随着深海开发,新材料的应用,对阴极保护提出了更高的要求,例如,牺牲阳极的适用性,高强度钢等特种钢材的保护准则以及阴极保护监测所需要的监测探头、数据采集和传输技术等方面,均对科技工作者提出了挑战。</p>
71
				<p style="text-indent: 0.2em;">(2)海泥、岩石层,目前的保护状态并不乐观,需要更多的模拟研究和数值计算等方法进行优化。对于干湿交替环境,更是腐蚀与防护的重中之重,能否采用合理的阴极保护技术将水下的保护电流自发地引上来,实现自主保护是腐蚀研究者去探索。</p>
72
				<p style="text-indent: 0.2em;">(3)阴极保护对于均匀腐蚀可测可控可操作,对于小孔腐蚀、缝隙腐蚀、应力腐蚀以及微生物腐蚀也可以起到保护作用,但是效果如何、防护机制如何,这些都是需要研究的热点问题。阴极保护优化设计、跟踪监测、维护与修复等全套的技术也有待于完善和推广。</p>
73
				<p class="indentNone">
74
					<img src="../images/articalImg/dumin_01.jpg"><br>
75
				</p>
76
				<p class="artSTit">取之精华 师夷长技以自强</p>
77
				<p>杜教授曾在英国曼彻斯特大学腐蚀与防护中心的做访问学者,谈及曼彻斯特大学,杜教授表示曼彻斯特大学(简称曼大),位于世界第一座工业化城市的曼彻斯特市。属于世界五十强顶尖名校,在国际上享有很高声誉。其中,曼大的材料工程学院是欧洲最大的材料科学研究和教学中心,在材料领域的“科研力量”位居全英第一。回忆在英国的日子,杜教授如是说,曼大的基础设施和博士培养机制这两个方面给我留下了深刻的印象,这些方面是值得国内借签和学习的。曼大的基础服务非常好,比如,曼大材料学院的测试仪器以及仪器工程师,仪器有严格的培训和操作规则,每一个取得曼大身份的人,都可以通过培训,在网上预约后自己操作使用,工程师给予充分的培训和指导。在腐蚀中心有几个技术人员,分工明确,有负责实验物品的购置,有负责试样加工,也有专门负责安全,安全工程师要负责整个实验中心,包括归属于各个实验室的仪器。</p>
78
				<p>导师和研究生只要有点子、有想法就能够很好地实施,科学家要做的事情就是思考。由于机缘巧合杜教授参加曼大博士答辩过程,曼大培养博士主要注重过程考核,机制过程严格,答辩个性化。博士生在培养过程中至少参加三次学院级的学术活动,第一次是文献报告会,由导师和外部专家 1 人参加评分,计入成绩。第二次是学院组织的学术活动,作报告,评比;第三次是答辩,答辩也是由导师和外部专家 1 人组成,另设 1 个秘书。前两次的活动在学术周进行,研究生们都要参加,报告或者展板,也可以提问、质疑,是很好的交流机会。</p>
79
				<p>答辩非常人性化,是不公开的,在参加之前被警告不允许提问,答辩程序也是研究生汇报,包分为专家质疑 - 讨论 -出结果,过程很轻松。曼大更看中背景的分析和研究思路的论述,真正获得的研究成果并不一定比国内的博士生好,博士毕业不需要有文章发表,只要导师和外部专家认可即可,还可以评优,所以过程考核很重要。</p>
80
				
81
				 <p class="artSTit">全员行动 科普宣传不间断</p>
82
				<p>腐蚀与防护是多学科的交叉,涉及到化学、材料、冶金、机械、化工、海洋、力学、生物学等多个学科。腐蚀是自发过程,不可避免,因此腐蚀只能控制。所谓的腐蚀控制只是让这种过程减缓,减少损失、保障安全。包括优化材料,表面处理,改善腐蚀环境和电化学保护四个方面。当谈起如何宣传防腐时,杜教授表示,要从身边做起,每一次给本科生讲《腐蚀与防护》课,都会用一点时间宣传腐蚀与防护的重要性,希望大家重视,并做宣传。</p>
83
				<p>关于腐蚀与防护的宣传,杜教授提出两点建议,第一、借助全国腐蚀调查的开展,利用网络资源尽可能多的发放问卷和科普问答,不管收不收的回来,发出去有人看就有作用。第二、重视科普,请“大家”撰写科普著作,可以形成系列,大家往往站得高,能够深入浅出,让更多的人接受和理解。</p>
84
				<p>在采访的最后,杜教授说,随着科学技术的发展,越来越多的新材料、新工艺和新技术不断涌现,也有越来越多的青年科技人员参与进来,相信腐蚀科学与防护技术会有长足的发展。</p>
85
				<p style="margin:20px 0;"><span style="font-weight: bold;">后记:</span>走向海洋, 投入前景光明的深海资源开发, 为国家繁荣富强而奋斗 ;防护先行,从战略高度上实施科技创新,为深海资源开发提供坚强的后盾。这是每个科研工作者的责任,让大家一起为祖国美好的明天努力吧! </p>
86
				
87
				</div>
88
			<!--body-->
89
		</div>
90
	</div>
91
</div>
92
<script src="../js/public/mui.min.js"></script>
93
<script src="../js/public/base.js"></script>
94
<script>
95
	var professorId = "LXY0ZWA7JQLAOBNQ5AVVF8EYOYQHL005";//专家id 李光福
96
	proInfoMain();
97
	
98
	var proInfor = document.getElementById("proInfor"); //专家信息块
99
	var proHead = document.getElementById("proHead"); //专家头像
100
	var proName = document.getElementById("proName"); //专家名称
101
	var proTitle = document.getElementById("proTitle"); //专家职称
102
	var proOffice = document.getElementById("proOffice"); //专家职务
103
	var proOrg = document.getElementById("proOrg"); //专家所属机构
104
	var proAddress = document.getElementById("proAddress"); //专家所在地
105
	var proRlist = document.getElementById("proRlist"); //专家研究方向
106
	var proZlist = document.getElementById("proZlist"); //专家资源
107
108
	function proInfoMain(){
109
		mui.ajax(baseUrl + "/ajax/professor/info/" + professorId, {
110
			dataType: 'json', //数据格式类型
111
			type: 'GET', //http请求类型
112
			timeout: 10000, //超时设置
113
			success: function(data) {
114
				//console.log(JSON.stringify(data))
115
				var $info = data.data || {};
116
				if(data.success && data.data) {
117
					proName.innerText = $info.name || '';
118
					if($info.title != "") {
119
						$info.title = $info.title + " , ";
120
					}
121
					if($info.office != "") {
122
						$info.office = $info.office + " , ";
123
					}
124
					if($info.orgName != "") {
125
						$info.orgName = $info.orgName;
126
					}
127
					if($info.address != "") {
128
						$info.address = " | " + $info.address;
129
					}
130
131
					($info.title != '') ? proTitle.innerText =$info.title: proTitle.innerText = '';
132
					($info.office != '') ? proOffice.innerText =$info.office: proOffice.innerText = '';
133
					($info.orgName != '') ? proOrg.innerText =$info.orgName: proOrg.innerText = '';
134
					($info.address != '') ? proAddress.innerText =$info.address: proAddress.innerText = '';
135
					
136
					var rlist="";
137
					for(var n = 0; n < $info.researchAreas.length; n++) {
138
						rlist = '<span>' + $info.researchAreas[n].caption + '</span>';
139
					}
140
					
141
					var zlist="";
142
					for(var n = 0; n < $info.resources.length; n++) {
143
						zlist = '<span>' + $info.resources[n].caption + '</span>';
144
					}
145
					
146
					($info.researchAreas != '') ? proRlist.innerHTML = rlist: proRlist.innerText = '';
147
					($info.resources != '') ? proZlist.innerHTML = zlist: proZlist.innerText = '';
148
					
149
					if($info.hasHeadImage == 1) {
150
						proHead.setAttribute("src", baseUrl + "/images/head/" + $info.id + "_l.jpg");
151
					} else {
152
						proHead.setAttribute("src", baseUrl + "/images/default-photo.jpg");
153
					}
154
					
155
		
156
				}
157
			},
158
			error: function() {
159
				plus.nativeUI.toast("服务器链接超时", toastStyle);
160
				return;
161
			}
162
		});
163
	}
164
	
165
	proInfor.addEventListener('tap',function(){
166
		mui.openWindow({
167
			url: '../html/proinforbrow.html',
168
			id: '../html/proinforbrow.html',
169
			show: {
170
				aniShow: "slide-in-right"
171
			},
172
			extras:{
173
     			proid:professorId
174
    		}
175
			
176
		});
177
		
178
	});
179
</script>
180
</body>
181
</html>

+ 42 - 33
app/html/index_centen.html

@ -16,38 +16,44 @@
16 16
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh" >
17 17
			<div class="mui-scroll">
18 18
				<!-- 主界面具体展示内容 -->
19
				<div class="artical-scroll" style="width: 100%;">
20
					<a class="art_topicBox" data-title="01">
21
						<img src="../images/banner/artical_01.jpg">
22
						<div class="art_topicbox">
23
							<h4 id="artical_topic" >李光福:为核电安全发展护航  腐蚀防护任重道远</h4>
24
						</div>
25
					</a>
26
				</div>
19
				<!--<div class="artical-scroll" style="width: 100%;">
20
					<a class="art_topicBox" data-title="01">
21
						<img src="../images/banner/artical_01.jpg">
22
						<div class="art_topicbox">
23
							<h4 id="artical_topic" >李光福:为核电安全发展护航  腐蚀防护任重道远</h4>
24
						</div>
25
					</a>
26
				</div>-->
27 27
				<!--图片轮播-->
28
				<!--<div id="slider" class="mui-slider">
29
					<div class="mui-slider-group mui-slider-loop">-->
28
				<div id="slider" class="mui-slider">
29
					<div class="mui-slider-group mui-slider-loop">
30 30
						<!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
31
						<!--<div class="mui-slider-item mui-slider-item-duplicate artical-scroll">
32
							<aclass="art_topicBox" data-title="02">
33
								<img src="../images/banner/artical_01.jpg">
31
						<div class="mui-slider-item mui-slider-item-duplicate artical-scroll">
32
							<a class="art_topicBox" data-title="02"class="art_topicBox" data-title="02">
33
								<img src="../images/banner/artical_02.jpg">
34
								<div class="art_topicbox">
35
									<h4 id="artical_topic" >杜敏:走向深海大势趋 材料防腐须先行</h4>
36
								</div>
34 37
							</a>
35
						</div>-->
38
						</div>
36 39
						<!-- 第一张 -->
37
						<!--<div class="mui-slider-item artical-scroll">
38
							<a class="art_topicBox" data-title="01">
39
								<img src="../images/banner/artical_01.jpg">
40
								<div class="art_topicbox">
41
									<h4 id="artical_topic" >李光福:为核电安全发展护航  腐蚀防护任重道远</h4>
42
								</div>
40
						<div class="mui-slider-item artical-scroll">
41
							<a class="art_topicBox" data-title="01">
42
								<img src="../images/banner/artical_01.jpg">
43
								<div class="art_topicbox">
44
									<h4 id="artical_topic" >李光福:为核电安全发展护航  腐蚀防护任重道远</h4>
45
								</div>
43 46
							</a>
44
						</div>-->
47
						</div>
45 48
						<!-- 第二张 -->
46
						<!--<div class="mui-slider-item artical-scroll">
47
							<a data-title="02">
48
								<img src="../images/banner/2.jpg">
49
						<div class="mui-slider-item artical-scroll">
50
							<a class="art_topicBox" data-title="02">
51
								<img src="../images/banner/artical_02.jpg">
52
								<div class="art_topicbox">
53
									<h4 id="artical_topic" >杜敏:走向深海大势趋 材料防腐须先行</h4>
54
								</div>
49 55
							</a>
50
						</div>-->
56
						</div>
51 57
						<!-- 第三张 -->
52 58
						<!--<div class="mui-slider-item">
53 59
							<a data-title="03">
@ -61,19 +67,22 @@
61 67
							</a>
62 68
						</div>-->
63 69
						<!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
64
						<!--<div class="mui-slider-item mui-slider-item-duplicate">
65
							<aclass="art_topicBox" data-title="01">
66
								<img src="../images/banner/artical_01.jpg">
70
						<div class="mui-slider-item mui-slider-item-duplicate">
71
							<a class="art_topicBox" data-title="01"class="art_topicBox" data-title="01">
72
								<img src="../images/banner/artical_01.jpg">
73
								<div class="art_topicbox">
74
									<h4 id="artical_topic" >李光福:为核电安全发展护航  腐蚀防护任重道远</h4>
75
								</div>
67 76
							</a>
68 77
						</div>
69
					</div>-->
70
					<!--<div class="mui-slider-indicator">
78
					</div>
79
					<div class="mui-slider-indicator">
71 80
						<div class="mui-indicator mui-active"></div>
72 81
						<div class="mui-indicator"></div>
73
						<div class="mui-indicator"></div>
74
						<div class="mui-indicator"></div>
82
						<!--<div class="mui-indicator"></div>
83
						<div class="mui-indicator"></div>-->
75 84
					</div>
76
				</div>-->
85
				</div>
77 86
				<!-- 九宫格排版-->
78 87
				<div class="mui-card-content conblock">
79 88
					<div class="maintitbox">

BIN
app/images/articalImg/dumin_01.jpg


BIN
app/images/articalImg/liguanfu_01.jpg


BIN
app/images/articalImg/liguanfu_02.png


BIN
app/images/articalImg/liguanfu_03.png


BIN
app/images/articalImg/liguanfu_04.png


BIN
app/images/banner/artical_02.jpg