Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 394 Releases 0 Wiki
Browse Source

资源发布、预览、浏览、工作台资源列表

luyanan 7 years ago
parent
8201e6fb83
commit
f64be2495a
8 changed files with 856 additions and 13 deletions
Split View Show Diff Stats
  1. 30 7
      css/genindex.css
  2. 1 1
      css/index.css
  3. 6 5
      css/workspace.css
  4. BIN
      images/g_resource_bg_tianjia_nor.png
  5. 316 0
      resourceIssue.html
  6. 113 0
      resourceList.html
  7. 155 0
      resourcePreview.html
  8. 235 0
      resourceShow.html

+ 30 - 7
css/genindex.css
View File 

@ -271,7 +271,6 @@ ul.artAbout .frmadd{position:absolute;right:0;top:0;background: #ff9900;color:#f
271 271 
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;}
272 272 
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
273 273
274
275 274 
.form-item{}
276 275 
.form-drop{position:relative;top:0;border:1px solid #E5E5E5;border-top:none;width: 100%;}
277 276 
.form-item .madiaHead{position:absolute;border:1px solid #E5E5E5;width: 50px;height:50px;background-position: center;background-size: cover;}
 
@ -356,8 +355,7 @@ ul.tagList>li .h2Font{color:#666}
356 355 
.operateicon.icon-totop:hover{background-image:url(../images/g_article_button_dingbu_hig.png);}
357 356 
.shareWeixin{font-style: normal;position: relative;}
358 357 
.shareWeixin .shareCode{display:none;position: absolute;bottom: 40px;left:-24px;background:rgba(0,0,0,.6);padding: 8px;width: 260px;}
359 
.shareWeixin .shareCode:after{display: block;width: 0;height: 0;border:12px solid transparent;border-top-color:rgba(0,0,0,.6);
360 
position: absolute;bottom:-24px;left:22px;}
358 
.shareWeixin .shareCode:after{display: block;width: 0;height: 0;border:12px solid transparent;border-top-color:rgba(0,0,0,.6);position: absolute;bottom:-24px;left:22px;}
361 359 
.shareWeixin .shareCode .shareWord {width: 126px;margin: 10px;color: #FFF;text-align: left;font-size: 14px;line-height: 20px;}
362 360 
.shareWeixin .shareCode img{width: 80px;height: 80px;}
363 361 
@ -385,6 +383,7 @@ position: absolute;bottom:-24px;left:22px;}
385 383 
.rightconBox .conItem.conItemG .attenSpan:before{position:absolute;content:url(../images/g_article_icon_jia_nor.png);top:50%;left:20px;margin-top:-8px;}
386 384 
.rightconBox .conItem.conItemG .consultSpan{padding:9px 25px;}
387 385 
/*文章列表*/
386 
.itemListCon{background: #fff;}
388 387 
.itemListBolck .searchAbout{position: relative;}
389 388 
.itemListBolck .searchAbout .searchSpan{position:absolute;top:50%;margin-top:-9px;right:18px;display:inline-block;width:18px;height:18px;background: url(../images/g_article_icon_sousuo_nor.png);}
390 389 
.itemListBolck .frmcontype{width:100%;border-radius: 20px;padding-left:20px;background: #fff;}
 
@ -394,7 +393,7 @@ position: absolute;bottom:-24px;left:22px;}
394 393 
.itemListBolck .itemListCon .form-result>ul>li{padding:20px;cursor:pointer;}
395 394 
.itemListBolck .itemListCon .form-result>ul>li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f4f6f8;}
396 395 
.itemListBolck .itemListCon .form-result>ul>li:hover{background:#EEEEEE;}
397 
.itemListBolck .itemListCon .form-result{margin:30px 0;}
396 
.itemListBolck .itemListCon .form-result{margin:20px 0 30px;}
398 397 
.itemListBolck .itemListCon .madiaHead{width:120px;height:80px;}
399 398 
.itemListBolck .itemListCon .madiaInfo{padding-left:140px;}
400 399 
.itemListBolck .itemListCon .madiaInfo>ul>li{float: left;margin-left:20px;}
 
@ -412,11 +411,16 @@ position: absolute;bottom:-24px;left:22px;}
412 411 
/*.pointSp{position:relative;}
413 412 
.pointSp:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
414 413 
*/
415
414 
/*--------------新版资源--------------*/
416 415 
.showDetail .showMain.showMain2{text-indent:0;}
417 416 
.showDetail .showMain.showMain2>ul>li{margin:10px 0;}
418 417 
.showDetail .showMain .showTit{position:relative;padding-left:10px;}
419 418 
.showDetail .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:18px;background:#ff9900;}
419 
/*资源发布图片上传模块*/
420 
.artAbout>li>dl{margin-right: -15px;}
421 
.artAbout>li>dl>dd{width:31.2%;float: left;border: 1px solid #E5E5E5;height: 190px;margin-right: 15px;background:url(../images/g_resource_bg_tianjia_nor.png) center center no-repeat;}
422 
.artAbout>li>dl>dd:first-child{background: none;}
423 
.artAbout>li>dl>dd .uploadFile .uploadblock{border: none;}
420 424 
/*资源图片展示*/
421 425 
.Imagebox{width:360px;}
422 426 
.Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
 
@ -431,9 +435,8 @@ position: absolute;bottom:-24px;left:22px;}
431 435 
.Imagebox .tb-booth{border:1px solid #E5E5E5;position:relative;z-index:1;}
432 436 
.Imagebox .tb-thumb .tb-selected{border:4px solid #ff9900;}
433 437 
.Imagebox .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
438 
.Imagebox .tb-thumb .tb-selected .tb-s66 a,.Imagebox .tb-thumb .tb-selected .tb-s66{height:44px;width:58px;}
434 439 
.Imagebox .tb-thumb li div{border:1px solid #E5E5E5;}
435 
.Imagebox .tb-thumb li div .tb-s66 a{height: 42px;}
436 
.Imagebox .tb-thumb li div .tb-s66 img{max-height:42px;max-width:66px;}
437 440 
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #E5E5E5;display:none;text-align:center;overflow:hidden;}
438 441 
div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
439 442 
@ -446,3 +449,23 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
446 449 
.conBlock .leftconBox2 .resShareUl>ul>li{float: left;margin-right:30px;font-size: 16px;color:#999;}
447 450 
.conBlock .leftconBox2 .resShareUl>ul>li .operateicon{margin-left:10px;cursor: pointer;}
448 451 
.conBlock .leftconBox2 .resShareUl>ul>li>span{position: relative;top:-6px;}
452 
/*--------------新版工作台框架--------------*/
453 
.conBlock .workmenu{text-align: center;float: left;/*width:18%;*/background: #fff;}
454 
.conBlock .workmenu>ul{overflow: hidden;}
455 
.conBlock .workmenu>ul>li>a{display: inline-block;width: 100%;height:48px;line-height: 48px;color:#666;font-size:16px;background-position:40px center;background-repeat: no-repeat;}
456 
.conBlock .workmenu>ul>li:nth-child(1)>a{background-image:url(../images/g_article_icon_gongzuotai_nor.png);}
457 
.conBlock .workmenu>ul>li:nth-child(2)>a{background-image:url(../images/g_article_icon_zixun_nor.png);}
458 
.conBlock .workmenu>ul>li:nth-child(3)>a{background-image:url(../images/g_article_icon_ziyuan_nor.png);}
459 
.conBlock .workmenu>ul>li:nth-child(4)>a{background-image:url(../images/g_article_icon_wenzhang_nor.png);}
460 
.conBlock .workmenu>ul>li:nth-child(5)>a{background-image:url(../images/g_article_icon_xuqiu_nor.png);}
461 
.conBlock .workmenu>ul>li>a:hover{background-color: #E5E5E5;}
462 
.conBlock .workmenu>ul>.nowLi>a{background-color: #ff9900;color:#fff;}
463 
.conBlock .workmenu>ul>li.nowLi:nth-child(1)>a{background-image:url(../images/g_article_icon_gongzuotai_hig.png);}
464 
.conBlock .workmenu>ul>li.nowLi:nth-child(2)>a{background-image:url(../images/g_article_icon_zixun_hig.png);}
465 
.conBlock .workmenu>ul>li.nowLi:nth-child(3)>a{background-image:url(../images/g_article_icon_ziyuan_hig.png);}
466 
.conBlock .workmenu>ul>li.nowLi:nth-child(4)>a{background-image:url(../images/g_article_icon_wenzhang_hig.png);}
467 
.conBlock .workmenu>ul>li.nowLi:nth-child(5)>a{background-image:url(../images/g_article_icon_xuqiu_hig.png);}
468 
.conBlock .workmenu>ul>.nowLi>a:hover{background-color: #ff9900;}
469 
.conBlock .workconG{float:right;/*width:80%;*/background: none;}
470
471

+ 1 - 1
css/index.css
View File 

@ -84,7 +84,7 @@ input{ outline:none;}
84 84 
.hot-professor .carousel .item.active{box-shadow: none;}
85 85 
.hot-professor .carousel .aitemLink{display:block;}
86 86 
/*搜索页*/
87 
.content{ width:100%; min-width: 1050px; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
87 
.content{ width:100%; min-width: 1050px; height:auto; background:#f4f6f8; padding:60px 0 2px 0; }
88 88 
.content-in{padding-bottom:20px;}
89 89 
.sear-search{ width: 774px;height: 38px;border: 2px solid #ff9900;border-radius: 6px; margin: 20px 0;}
90 90 
.sear-search .lookwho{border-right: 2px #ff9900 solid;font-size:15px;color:#ff9900;line-height:34px; height:34px; width:100px; border:none; border-right: 2px #ff9900 solid;border-radius:4px 0 0 4px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; }

+ 6 - 5
css/workspace.css
View File 

@ -1,4 +1,5 @@
1 1 
@charset "utf-8";
2 
body,html{background: #f4f6f8;}
2 3 
/* CSS Document */
3 4 
.con-center{ width:1120px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:60px;}
4 5 
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
 
@ -9,14 +10,14 @@
9 10 
.updownbtn{text-decoration:underline; color:#333;}
10 11
11 12 
/*左侧菜单*/
12 
.workmenu{text-align:center; float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
13 
.workmenu{text-align:center; float:left; width:12%; height:300px; background: #fff;border-radius: 6px;overflow: hidden;}
13 14 
a.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #ff9900 solid;cursor:pointer; display:block;color:#313131; }
14 15 
a.worksubmenu{width:100%; height:40px; margin:10px 0; font-size:15px;line-height:40px; color:#313131; cursor:pointer;display: block;}
15 16 
a.worksubmenu.subcolor{ background:#ff9900; color:#fff;}
16 17 
.nohide{display:none;}
17 18
18 19 
/*右侧内容*/
19 
.workcon{float:right; margin-left:10px; width:87%; background: #fafafa;border-radius:6px;overflow: hidden;}
20 
.workcon{float:right; margin-left:10px; width:87%; background: #fff;border-radius:6px;overflow: hidden;}
20 21 
.workcon .workconitem{ display:none;}
21 22 
.workcon .workconitem:first-child{display:block;}
22 23 
/*////////////科研资源/////////////////*/
 
@ -59,7 +60,7 @@ a.worksubmenu.subcolor{ background:#ff9900; color:#fff;}
59 60 
.modification{padding:10px 0;}
60 61
61 62 
/*////////////我的工作台/////////////////*/
62 
.workblock{width:100%; padding:10px; overflow:hidden;  background:#fff;margin-bottom:16px;}
63 
.workblock{width:100%; padding:10px; overflow:hidden;  background:#FFF;margin-bottom:16px;}
63 64 
.workhs{ width:34%; overflow:hidden;}
64 65 
.workconleft{width:73%; /*  width:100%; */}
65 66 
.workhead{ display:block; margin:10px auto 2px auto; width:76px; overflow:hidden;}
 
@ -148,7 +149,7 @@ a.worksubmenu.subcolor{ background:#ff9900; color:#fff;}
148 149
149 150 
/*公告*/
150 151 
.workconright{ width:26%;}
151 
.worknotice{ width:100%; height:478px;/*  border:1px solid #d6d6d6; */background:#fff; position: relative;text-align: center; margin:1px;}
152 
.worknotice{ width:100%; height:478px;  border:1px solid #E5E5E5;border-radius: 4px; background:#fff; position: relative;text-align: center; margin:1px;}
152 153
153 154 
/*////////////咨询/////////////////*/
154 155 
.workset{padding:4px 20px; background:#fff; border:1px solid #e8e8e8; line-height:20px; cursor:pointer;}
 
@ -167,7 +168,7 @@ a.worksubmenu.subcolor{ background:#ff9900; color:#fff;}
167 168
168 169 
.workselectcon{ padding:10px;}
169 170 
.workselectitem{/*  overflow:hidden; */ margin:6px 0;padding: 0 10px; padding-left: 20px;}
170 
.workselectitem:nth-child(odd){background:#fff;}
171 
.workselectitem:nth-child(odd){background:#F8F8F8;}
171 172 
.workselectitem table tr .workcheck{ text-align:center;}
172 173 
.worksitcon{ width:100%;margin-top:0; overflow:hidden; }
173 174 
.worksitcon .titList{font-weight:bold;font-size:14px;padding-right: 130px;}

BIN
images/g_resource_bg_tianjia_nor.png
View File


+ 316 - 0
resourceIssue.html
View File 

@ -0,0 +1,316 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>资源发布-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<style type="text/css">
14 
	.conItem ul.operateBlock>li{width: 25%;}
15 
</style>
16 
</head>
17
18 
<body>
19 
<header id="header">
20 
	<script src="js/header.js"></script>
21 
</header>
22 
<div id="container">
23 
	<div class="containerCon">
24 
		<div class="contentCon clearfix conBlock">
25 
			<div class="leftconBox floatL">
26 
				<ul class="artAbout">
27 
					<li>
28 
						<dl class="clearfix">
29 
							<dd>
30 
								<div class="uploadFile">
31 
			        				<div class="uploadblock">
32 
			        					<input type="file" name= "file" class="upInp uploadFileHidden" id="fileone1" data-id="" />
33 
			        					<!--未上传图片时-->
34 
			        					<div class="upFront">
35 
				        					<p>JPG/PNG格式<em class="requiredcon">*</em></p>
36 
				        					<p>2M以内</p>
37 
				            				<span class="upbtn">上传图片</span>
38 
			        					</div>
39 
			        					<!--已上传图片时-->
40 
			        					<span class="upbtn upBackbtn">更换图片</span>
41 
				            		</div>
42 
			        			</div>
43 
							</dd>
44 
							<dd></dd>
45 
							<dd></dd>
46 
						</dl>
47 
					</li>
48 
					<li>
49 
						<div class="aboutTit">资源名称<em class="requiredcon">*</em><span class="frmconmsg">30字以内</span></div>
50 
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入资源名称" />
51 
					</li>
52 
					<li class="form-item">
53 
						<div class="aboutTit">关键词<span class="frmconmsg">最多可添加5个关键词、每个关键词最多10个字</span></div>
54 
						<div style="position: relative;">
55 
							<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入关键词" />
56 
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
57 
							<button class="frmcontype frmadd">添加</button>
58 
						</div>
59 
						<div class="form-drop keydrop">
60 
							<ul>
61 
								<li>
62 
									<p class="h2Font">金属材料工程与腐蚀</p>
63 
								</li>
64 
								<li>
65 
									<p class="h2Font">金属材料工程与腐蚀</p>
66 
								</li>
67 
								<li>
68 
									<p class="h2Font">金属材料工程与腐蚀</p>
69 
								</li>
70 
							</ul>
71 
						</div>
72 
						<div class="form-result keyResult">
73 
							<ul class="clearfix">
74 
								<li>
75 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
76 
									<div class="closeThis"></div>
77 
								</li>
78 
								<li>
79 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
80 
									<div class="closeThis"></div>
81 
								</li>
82 
								<li>
83 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
84 
									<div class="closeThis"></div>
85 
								</li>
86 
								<li>
87 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
88 
									<div class="closeThis"></div>
89 
								</li>
90 
								<li>
91 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
92 
									<div class="closeThis"></div>
93 
								</li>
94 
							</ul>
95 
						</div>
96 
					</li>
97 
					<li>
98 
						<div class="aboutTit">应用用途<span class="frmconmsg">50字以内</span></div>
99 
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入应用用途" />
100 
					</li>
101 
					<li>
102 
						<div class="aboutTit">所属机构<span class="frmconmsg">50字以内</span></div>
103 
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入所属机构" />
104 
					</li>
105 
					<li>
106 
						<div class="aboutTit">厂商型号<span class="frmconmsg">50字以内</span></div>
107 
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入厂商型号" />
108 
					</li>
109 
					<li>
110 
						<div class="aboutTit">性能参数<span class="frmconmsg">200字以内</span></div>
111 
						<div class="msgContbox">
112 
				    		<textarea class="msgCont" placeholder="请输入性能参数"></textarea>
113 
				    		<span class="msgconNum">0/200</span>
114 
				    	</div>
115 
					</li>
116 
					<li>
117 
						<div class="aboutTit">合作备注<span class="frmconmsg">200字以内</span></div>
118 
						<div class="msgContbox">
119 
				    		<textarea class="msgCont" placeholder="请输入合作备注"></textarea>
120 
				    		<span class="msgconNum">0/200</span>
121 
				    	</div>
122 
					</li>
123 
					<li>
124 
						<div class="aboutTit">详细介绍<span class="frmconmsg"></span></div>
125 
						<!--这块还是使用编辑框插件-->
126 
						<div class="editBlock">
127 
							<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入详细介绍"></textarea>
128 
						</div>
129 
					</li>
130 
				</ul>
131 
			</div>
132 
			<div class="rightconBox floatR">
133 
				<div class="conItem">
134 
					<ul class="operateBlock">
135 
						<li class="goFabu">
136 
							<em class="operateicon icon-issue"></em>
137 
							<p>发布</p>
138 
						</li>
139 
						<li class="articalPreview">
140 
							<em class="operateicon icon-preview"></em>
141 
							<p>预览</p>
142 
						</li>
143 
						<li>
144 
							<em class="operateicon icon-draft"></em>
145 
							<p>存草稿</p>
146 
						</li>
147 
						<li class="disableLi"><!--只要预览、存草稿、发布之后移除disableLi类-->
148 
							<em class="operateicon icon-delete"></em>
149 
							<p>删除</p>
150 
						</li>
151
152 
					</ul>
153 
				</div>
154 
			</div>
155 
		</div>
156 
	</div>
157 
</div>
158 
<footer>
159 
	<script type="text/javascript" src="js/footer.js"></script>
160 
</footer>
161 
<!--文章预览-->
162 
<div class="blackcover">
163 
	<div class="modelContain modelContain2">
164 
		<div class="containerCon clearfix conBlock" style="padding:10px 10px 0;">
165 
			<div class="leftconBox floatL">
166 
				<div class="showDetail">
167 
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
168 
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
169 
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
170 
					<!--文章内容区-->
171 
					<div class="showMain">
172 
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
173 
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
174 
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
175 
<p><img src="images/banner/banner01.jpg" /></p>
176 
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
177 
					</div>
178 
					<!--标签模块-->
179 
					<ul class="tagList">
180 
						<li>
181 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
182 
						</li>
183 
						<li>
184 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
185 
						</li>
186 
						<li>
187 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
188 
						</li>
189 
						<li>
190 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
191 
						</li>
192 
						<li>
193 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
194 
						</li>
195 
					</ul>
196 
					<!--相关专家-->
197 
					<div class="form-item otherShow otherShowFirst">
198 
						<div class="aboutTit">相关专家</div>
199 
						<div class="form-result">
200 
							<ul>
201 
								<li>
202 
									<div class="madiaHead useHead"></div>
203 
									<div class="madiaInfo">
204 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
205 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
206 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
207 
									</div>
208 
								</li>
209 
								<li>
210 
									<div class="madiaHead useHead"></div>
211 
									<div class="madiaInfo">
212 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
213 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
214 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
215 
									</div>
216 
								</li>
217 
								<li>
218 
									<div class="madiaHead useHead"></div>
219 
									<div class="madiaInfo">
220 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
221 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
222 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
223 
									</div>
224 
								</li>
225 
							</ul>
226 
						</div>
227 
					</div>
228 
					<!--相关资源-->
229 
					<div class="form-item otherShow">
230 
						<div class="aboutTit">相关资源</div>
231 
						<div class="form-result aboutRes">
232 
							<ul>
233 
								<li>
234 
									<div class="madiaHead resouseHead"></div>
235 
									<div class="madiaInfo">
236 
										<p class="h1Font">资源名称资源名称资源名称</p>
237 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
238 
									</div>
239 
								</li>
240 
								<li>
241 
									<div class="madiaHead resouseHead"></div>
242 
									<div class="madiaInfo">
243 
										<p class="h1Font">资源名称资源名称资源名称</p>
244 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
245 
									</div>
246 
								</li>
247 
								<li>
248 
									<div class="madiaHead resouseHead"></div>
249 
									<div class="madiaInfo">
250 
										<p class="h1Font">资源名称资源名称资源名称</p>
251 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
252 
									</div>
253 
								</li>
254 
							</ul>
255 
						</div>
256 
					</div>
257 
				</div>
258 
			</div>
259 
			<div class="rightconBox floatR">
260 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
261 
					<div class="madiaHead useHead"></div>
262 
					<div class="proInfo">
263 
						<div class="h3Font clearfix">
264 
							<span class="h1Font" id="nameS">张某某</span>
265 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
266 
						</div>
267 
						<p class="h2Font">教授高工、董事长兼CEO</p>
268 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
269 
					</div>
270 
				</div>
271 
				<div class="conItem conItemG" style="border:none;padding:30px;">
272 
					<div class="madiaHead cmpHead"></div>
273 
					<div class="proInfo alignCenter">
274 
						<div class="h3Font clearfix">
275 
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
276 
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
277 
						</div>
278 
						<p class="h2Font">所属行业 | 企业类型</p>
279 
					</div>
280 
				</div>
281 
			</div>
282 
		</div>
283 
		<span class="modelClosebtn"></span>
284 
	</div>
285 
</div>
286
287
288 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
289 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
290 
<script type="text/javascript" src="js/jquery.page.js"></script>
291 
<script type="text/javascript" src="js/common.js"></script>
292 
<script type="text/javascript">
293 
	$(".textareaboxEmp").keyup(function(){
294 
		$(this).css("content","none");
295 
	})
296
297 
//Model模态框打开关闭
298 
function modelOpen(){
299 
	$(".blackcover").fadeIn();
300 
	$(".modelContain").slideDown();
301 
	$("body").addClass("modelOpen");
302 
}
303 
function modelClose(){
304 
	$(".modelContain").slideUp();
305 
	$(".blackcover").fadeOut();
306 
	$("body").removeClass("modelOpen");
307 
}
308 
	$(".articalPreview").click(function() {
309 
		modelOpen();
310 
	})
311 
	$(".modelClosebtn").click(function() {
312 
		modelClose();
313 
	})
314 
</script>
315 
</body>
316 
</html>

+ 113 - 0
resourceList.html
View File 

@ -0,0 +1,113 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>资源-我的工作台-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/workspace.css" rel="stylesheet">
12 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13 
<style type="text/css">
14 
	.conBlock .workconG{background: #FFFFFF;}
15 
</style>
16 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17
18 
</head>
19
20 
<body>
21 
<header id="header">
22 
	<script src="js/header.js"></script>
23 
</header>
24 
<!--中间-->
25 
<div id="container">
26 
	<div class="containerCon">
27 
		<div class="con-center contentCon clearfix conBlock">
28 
	        <div class="workmenu">
29 
	        	<a href="workspaces.html" class="workmenutit">我的工作台</a>
30 
	            <a class="worksubmenu" id="gozixu">咨询</a>
31 
	            <a href="newsciresource.html" class="worksubmenu subcolor" >资源</a>
32 
	            <a href="news-list.html" class="worksubmenu" >文章</a>
33 
	            <a href="needList.html" class="worksubmenu" >需求</a>
34 
	        	<!--<ul>
35 
	        		<li><a href="workspaces.html">工作台</a></li>
36 
	        		<li><a href="consultList.html" id="gozixu">咨询</a></li>
37 
	        		<li class="nowLi"><a>资源</a></li>
38 
	        		<li><a href="articalList.html">文章</a></li>
39 
	        		<li><a href="needList">需求</a></li>
40 
	        	</ul>-->
41 
	        </div>
42 
	        <div class="workcon workconG">
43 
	        	<div class="workconitem">
44 
					<div class="workcontit">科研文章</div>
45 
					<div class="worksubcon">
46 
						<div class="itemListBolck">
47 
							<div class="topOperaBlock clearfix">
48 
								<div class="searchAbout col-w-8">
49 
									<input class="frmcontype" type="search" name="" placeholder="输入文章标题">
50 
									<span class="searchSpan"></span>
51 
								</div>
52 
								<div class="issueSpanBlock col-w-4">
53 
									<span class="issueSpan">发布文章</span>
54 
								</div>
55 
							</div>
56 
							<div class="form-item itemListCon">
57 
								<div class="form-result aboutRes">
58 
									<ul>
59 
										<li>
60 
											<div class="madiaHead resouseHead"></div>
61 
											<div class="madiaInfo">
62 
												<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
63 
												<ul class="h2Font clearfix">
64 
													<li><span>8月20日 04:00</span></li>
65 
													<li><span>阅读量100</span></li>
66 
												</ul>
67 
											</div>
68 
											<ul class="madiaEdit">
69 
												<li><span class="deteleThis2"></span></li>
70 
												<li><span class="editThis"></span></li>
71 
											</ul>
72 
										</li>
73 
										<li class="draftList"><!--存为草稿时添加draftList类-->
74 
											<div class="madiaHead resouseHead"></div>
75 
											<div class="madiaInfo">
76 
												<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
77 
												<ul class="h2Font clearfix">
78 
													<li><span>8月20日 04:00</span></li>
79 
												</ul>
80 
												<span class="draftLable">草稿</span>
81 
											</div>
82 
											<ul class="madiaEdit">
83 
												<li><span class="deteleThis2"></span></li>
84 
												<li><span class="editThis"></span></li>
85 
											</ul>
86 
										</li>
87 
									</ul>
88 
									<div class="tcdPageCode"></div>
89 
								</div>
90 
							</div>
91 
						</div>
92 
					</div>
93 
				</div>
94 
			</div>
95 
	    </div>
96 
    </div>
97 
</div>
98 
<footer>
99 
	<script type="text/javascript" src="js/footer.js"></script>
100 
</footer>
101
102 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
103 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
104 
<script type="text/javascript" src="js/jquery.page.js"></script>
105 
<script type="text/javascript" src="js/common.js"></script>
106 
<script type="text/javascript">
107 
	$(".tcdPageCode").createPage({
108 
		pageCount: Math.ceil(4 / 16),
109 
		current: 3,
110 
	});
111 
</script>
112 
</body>
113 
</html>

+ 155 - 0
resourcePreview.html
View File 

@ -0,0 +1,155 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>资源预览-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
14
15 
</head>
16
17 
<body>
18 
<header id="header">
19 
	<script src="js/header.js"></script>
20 
</header>
21 
<div id="container">
22 
	<div class="containerCon">
23 
		<div class="contentCon clearfix conBlock">
24 
			<div class="leftconBox floatL leftconBox2">
25 
				<div class="showDetail">
26 
					<!--资源基本信息-->
27 
					<div class="showReBasic clearfix">
28 
						<div class="Imagebox floatL">
29 
		                    <div class="tb-booth tb-pic tb-s360">
30 
		                        <a href="images/banner/banner01.jpg" target="_blank">
31 
		                            <img src="images/banner/banner01.jpg" alt="美女" rel="images/banner/banner01.jpg" class="jqzoom" />
32 
		                        </a>
33 
		                    </div>
34 
		                    <ul class="tb-thumb" id="thumblist">
35 
		                        <li class="tb-selected">
36 
		                            <div class="tb-pic tb-s66">
37 
		                                <a href="javascript:void(0);">
38 
		                                    <img src="images/banner/banner01.jpg"/>
39 
		                                </a>
40 
		                            </div>
41 
		                        </li>
42 
		                        <li>
43 
		                            <div class="tb-pic tb-s66">
44 
		                                <a href="javascript:void(0);">
45 
		                                    <img src="images/banner/banner02.jpg"/>
46 
		                                </a>
47 
		                            </div>
48 
		                        </li>
49 
		                        <li>
50 
		                            <div class="tb-pic tb-s66">
51 
		                                <a href="javascript:void(0);">
52 
		                                    <img src="images/banner/banner03.jpg"/>
53 
		                                </a>
54 
		                            </div>
55 
		                        </li>
56 
		                    </ul>
57 
		                </div>
58 
		                <div class="reInfoBlock floatL">
59 
		                	<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
60 
		                	<div class="h2Font">应用用途：福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
61 
		                </div>
62 
		           </div>
63 
	                <div class="showReOther">
64 
						<!--资源详情区-->
65 
						<div class="showMain showMain2">
66 
							<ul>
67 
								<li>
68 
									<div class="showTit">所属机构：</div>
69 
									<div class="showCon">
70 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
71 
									</div>
72 
								</li>
73 
								<li>
74 
									<div class="showTit">厂商型号：</div>
75 
									<div class="showCon">
76 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
77 
									</div>
78 
								</li>
79 
								<li>
80 
									<div class="showTit">性能参数：</div>
81 
									<div class="showCon">
82 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
83 
									</div>
84 
								</li>
85 
								<li>
86 
									<div class="showTit">合作备注：</div>
87 
									<div class="showCon">
88 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
89 
									</div>
90 
								</li>
91 
								<li>
92 
									<div class="showTit">详细介绍：</div>
93 
									<div class="showCon">
94 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
95 
									</div>
96 
								</li>
97 
							</ul>
98 
						</div>
99 
						<!--标签模块-->
100 
						<ul class="tagList">
101 
							<li>
102 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
103 
							</li>
104 
							<li>
105 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
106 
							</li>
107 
							<li>
108 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
109 
							</li>
110 
							<li>
111 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
112 
							</li>
113 
							<li>
114 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
115 
							</li>
116 
						</ul>
117 
					</div>
118 
				</div>
119 
			</div>
120 
			<div class="rightconBox floatR">
121 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
122 
					<div class="madiaHead useHead"></div>
123 
					<div class="proInfo">
124 
						<div class="h3Font clearfix">
125 
							<span class="h1Font" id="nameS">张某某</span>
126 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
127 
						</div>
128 
						<p class="h2Font">教授高工、董事长兼CEO</p>
129 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
130 
					</div>
131 
				</div>
132 
			</div>
133 
		</div>
134 
	</div>
135 
</div>
136 
<footer>
137 
	<script type="text/javascript" src="js/footer.js"></script>
138 
</footer>
139
140 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
141 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
142 
<script type="text/javascript" src="js/jquery.page.js"></script>
143 
<script type="text/javascript" src="js/common.js"></script>
144 
<script type="text/javascript">
145 
    $(function() {
146 
        $(".jqzoom").imagezoom();
147 
        $("#thumblist li a").click(function() {
148 
            $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
149 
            $(".jqzoom").attr('src', $(this).find("img").attr("src"));
150 
            $(".jqzoom").attr('rel', $(this).find("img").attr("src"));
151 
        });
152 
    });
153 
</script>
154 
</body>
155 
</html>

+ 235 - 0
resourceShow.html
View File 

@ -0,0 +1,235 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>浏览资源-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
14
15 
</head>
16
17 
<body>
18 
<header id="header">
19 
	<script src="js/header.js"></script>
20 
</header>
21 
<div id="container">
22 
	<div class="containerCon">
23 
		<div class="contentCon clearfix conBlock">
24 
			<div class="leftconBox floatL leftconBox2">
25 
				<div class="showDetail">
26 
					<!--资源基本信息-->
27 
					<div class="showReBasic clearfix">
28 
						<div class="Imagebox floatL">
29 
		                    <div class="tb-booth tb-pic tb-s360">
30 
		                        <a href="images/banner/banner01.jpg" target="_blank">
31 
		                            <img src="images/banner/banner01.jpg" alt="美女" rel="images/banner/banner01.jpg" class="jqzoom" />
32 
		                        </a>
33 
		                    </div>
34 
		                    <ul class="tb-thumb" id="thumblist">
35 
		                        <li class="tb-selected">
36 
		                            <div class="tb-pic tb-s66">
37 
		                                <a href="javascript:void(0);">
38 
		                                    <img src="images/banner/banner01.jpg"/>
39 
		                                </a>
40 
		                            </div>
41 
		                        </li>
42 
		                        <li>
43 
		                            <div class="tb-pic tb-s66">
44 
		                                <a href="javascript:void(0);">
45 
		                                    <img src="images/banner/banner02.jpg"/>
46 
		                                </a>
47 
		                            </div>
48 
		                        </li>
49 
		                        <li>
50 
		                            <div class="tb-pic tb-s66">
51 
		                                <a href="javascript:void(0);">
52 
		                                    <img src="images/banner/banner03.jpg"/>
53 
		                                </a>
54 
		                            </div>
55 
		                        </li>
56 
		                    </ul>
57 
		                </div>
58 
		                <div class="reInfoBlock floatL">
59 
		                	<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
60 
		                	<div class="h2Font">应用用途：福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
61 
		                	<div class="operateBlock resShareUl">
62 
		                		<ul>
63 
		                			<li><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
64 
									<li>
65 
										<span>分享到</span>
66 
										<em class="operateicon operateicon2 icon-sina"></em>
67 
										<em class="operateicon operateicon2 icon-wechat shareWeixin">
68 
											<div class="shareCode clearfix">
69 
												<div class="floatL" id="qrcode"></div>
70 
												<div class="shareWord floatR">
71 
													<p>打开微信“扫一扫”，<br/>打开网页后点击屏幕右上角“分享”按钮</p>
72 
												</div>
73 
											</div>
74 
										</em>
75 
									</li>
76 
		                		</ul>
77 
		                	</div>
78 
		                </div>
79 
	                </div>
80 
	                <div class="showReOther">
81 
						<!--资源详情区-->
82 
						<div class="showMain showMain2">
83 
							<ul>
84 
								<li>
85 
									<div class="showTit">所属机构：</div>
86 
									<div class="showCon">
87 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
88 
									</div>
89 
								</li>
90 
								<li>
91 
									<div class="showTit">厂商型号：</div>
92 
									<div class="showCon">
93 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
94 
									</div>
95 
								</li>
96 
								<li>
97 
									<div class="showTit">性能参数：</div>
98 
									<div class="showCon">
99 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
100 
									</div>
101 
								</li>
102 
								<li>
103 
									<div class="showTit">合作备注：</div>
104 
									<div class="showCon">
105 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
106 
									</div>
107 
								</li>
108 
								<li>
109 
									<div class="showTit">详细介绍：</div>
110 
									<div class="showCon">
111 
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
112 
									</div>
113 
								</li>
114 
							</ul>
115 
						</div>
116 
						<!--标签模块-->
117 
						<ul class="tagList">
118 
							<li>
119 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
120 
							</li>
121 
							<li>
122 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
123 
							</li>
124 
							<li>
125 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
126 
							</li>
127 
							<li>
128 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
129 
							</li>
130 
							<li>
131 
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
132 
							</li>
133 
						</ul>
134 
						<!--相关文章-->
135 
						<div class="form-item otherShow">
136 
							<div class="aboutTit">相关文章</div>
137 
							<div class="form-result aboutRes pointOk">
138 
								<ul>
139 
									<li>
140 
										<div class="madiaHead artHead"></div>
141 
										<div class="madiaInfo">
142 
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
143 
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
144 
										</div>
145 
									</li>
146 
									<li>
147 
										<div class="madiaHead artHead"></div>
148 
										<div class="madiaInfo">
149 
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
150 
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
151 
										</div>
152 
									</li>
153 
									<li>
154 
										<div class="madiaHead artHead"></div>
155 
										<div class="madiaInfo">
156 
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
157 
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
158 
										</div>
159 
									</li>
160 
								</ul>
161 
							</div>
162 
						</div>
163 
						<!--您可能感兴趣的资源-->
164 
						<div class="form-item otherShow">
165 
							<div class="aboutTit">您可能感兴趣的资源</div>
166 
							<div class="form-result aboutRes pointOk">
167 
								<ul>
168 
									<li>
169 
										<div class="madiaHead resouseHead"></div>
170 
										<div class="madiaInfo">
171 
											<p class="h1Font">资源名称资源名称资源名称</p>
172 
											<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
173 
										</div>
174 
									</li>
175 
									<li>
176 
										<div class="madiaHead resouseHead"></div>
177 
										<div class="madiaInfo">
178 
											<p class="h1Font">资源名称资源名称资源名称</p>
179 
											<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
180 
										</div>
181 
									</li>
182 
									<li>
183 
										<div class="madiaHead resouseHead"></div>
184 
										<div class="madiaInfo">
185 
											<p class="h1Font">资源名称资源名称资源名称</p>
186 
											<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
187 
										</div>
188 
									</li>
189 
								</ul>
190 
							</div>
191 
						</div>
192 
					</div>
193 
				</div>
194 
			</div>
195 
			<div class="rightconBox floatR">
196 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
197 
					<div class="madiaHead useHead"></div>
198 
					<div class="proInfo">
199 
						<div class="h3Font clearfix">
200 
							<span class="h1Font" id="nameS">张某某</span>
201 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
202 
						</div>
203 
						<p class="h2Font">教授高工、董事长兼CEO</p>
204 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
205 
					</div>
206 
					<div class="goSpan">
207 
						<span class="consultSpan">咨询</span>
208 
						<span class="attenSpan">关注</span>
209 
					</div>
210 
				</div>
211 
			</div>
212 
		</div>
213 
	</div>
214 
</div>
215 
<footer>
216 
	<script type="text/javascript" src="js/footer.js"></script>
217 
</footer>
218
219 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
220 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
221 
<script type="text/javascript" src="js/jquery.page.js"></script>
222 
<script type="text/javascript" src="js/common.js"></script>
223 
<script type="text/javascript">
224 
    $(function() {
225 
        $(".jqzoom").imagezoom();
226 
        $("#thumblist li a").click(function() {
227 
            $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
228 
            $(".jqzoom").attr('src', $(this).find("img").attr("src"));
229 
            $(".jqzoom").attr('rel', $(this).find("img").attr("src"));
230 
        });
231 
    });
232 
    $('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
233 
</script>
234 
</body>
235 
</html>