Browse Source

更改普通版头部导航

luyanan 8 years ago
parent
commit
39404d5d76

+ 2 - 0
account-binding.html

@ -71,6 +71,7 @@
71 71
	
72 72
<!--头部-->
73 73
<div id="header">
74
	<div class="containerCon">
74 75
	<a href="index.html" alt="科袖" class="logo"></a>
75 76
	<div class="searchblock" style="display:block;">
76 77
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -101,6 +102,7 @@
101 102
	        
102 103
        </div>
103 104
    </div>
105
  </div>
104 106
</div>
105 107
<!--内容-->
106 108
<div id="container">

+ 2 - 0
account-set.html

@ -14,6 +14,7 @@
14 14
<body>
15 15
<!--头部-->
16 16
<div id="header">
17
	<div class="containerCon">
17 18
	<a href="index.html" alt="科袖" class="logo"></a>
18 19
	<div class="searchblock" style="display:block;">
19 20
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -44,6 +45,7 @@
44 45
	        
45 46
        </div>
46 47
    </div>
48
   </div>
47 49
</div>
48 50
<!--内容-->
49 51
<div id="container">

+ 2 - 0
articalInfo.html

@ -17,6 +17,7 @@
17 17
<body>
18 18
19 19
<div id="header">
20
	<div class="containerCon">
20 21
	<a href="index.html" alt="科袖" class="logo"></a>
21 22
	<div class="searchblock" style="display:block;">
22 23
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -48,6 +49,7 @@
48 49
	        
49 50
        </div>
50 51
	</div>
52
	</div>
51 53
</div>
52 54
<div id="container" style="background: #f8f8f8;">
53 55
	<div class="contentBody clearfix">

+ 2 - 0
bind-mail-no.html

@ -22,7 +22,9 @@
22 22
<body>
23 23

24 24
<div id="header" style="position:static;">
25
	<div class="containerCon">
25 26
	<a href="index.html" alt="科袖" class="logo"></a>	
27
	</div>
26 28
</div>
27 29
<div class="containerFrm" id="container">
28 30
	<div class="contentmid">

+ 2 - 0
bind-mail-ok.html

@ -19,7 +19,9 @@
19 19
<body>
20 20

21 21
<div id="header" style="position:static;">
22
	<div class="containerCon">
22 23
	<a href="index.html" alt="科袖" class="logo"></a>	
24
	</div>
23 25
</div>
24 26
<div class="containerFrm" id="container">
25 27
	<div class="contentmid">

+ 2 - 0
bind-mail.html

@ -29,7 +29,9 @@
29 29
</div>
30 30

31 31
<div id="header" style="position:static;">
32
	<div class="containerCon">
32 33
	<a href="index.html" alt="科袖" class="logo"></a>	
34
	</div>
33 35
</div>
34 36
<div class="containerFrm" id="container">
35 37
	<div class="contentmid">

+ 3 - 1
companybrowinfor.html

@ -14,7 +14,9 @@
14 14

15 15
<body>
16 16
<header id="header">
17
	<script src="js/header.js"></script>
17
	<div class="containerCon">
18
		<script src="js/header.js"></script>
19
	</div>
18 20
</header>
19 21
<div id="container">
20 22
	<div class="content" style="padding-bottom:20px;">

+ 2 - 0
consult.html

@ -14,6 +14,7 @@
14 14
<body>
15 15
<!--头部-->
16 16
<div id="header">
17
	<div class="containerCon">
17 18
	<a href="index.html" alt="科袖" class="logo"></a>
18 19
	<div class="searchblock" style="display:block;">
19 20
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -43,6 +44,7 @@
43 44
			</div>
44 45
		</div>
45 46
	</div>
47
	</div>
46 48
</div>
47 49
48 50
<!--中间-->

+ 2 - 0
consultSure.html

@ -15,6 +15,7 @@
15 15
<body>
16 16
<!--头部-->
17 17
<div id="header">
18
	<div class="containerCon">
18 19
	<a href="index.html" alt="科袖" class="logo"></a>
19 20
	<div class="searchblock" style="display:block;">
20 21
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -44,6 +45,7 @@
44 45
			</div>
45 46
		</div>
46 47
	</div>
48
	</div>
47 49
</div>
48 50
49 51
<!--中间-->

+ 37 - 12
css/common.css

@ -10,12 +10,27 @@
10 10
	}
11 11
}
12 12
/* CSS Document */
13

14
/*栅格化宽度类型*/
15
.col-w-1,.col-w-2,.col-w-3,.col-w-4,.col-w-5,.col-w-6,.col-w-7,.col-w-8,.col-w-9,.col-w-10,.col-w-11,.col-w-12{float:left;}
16
.col-w-1{width:8.333333333333332%}
17
.col-w-2{width:16.666666666666664%}
18
.col-w-3{width:25%}
19
.col-w-4{width:33.33333333333333%}
20
.col-w-5{width:41.66666666666667%}
21
.col-w-6{width:50%}
22
.col-w-7{width:58.333333333333336%}
23
.col-w-8{width:66.66666666666666%}
24
.col-w-9{width:75%}
25
.col-w-10{width:83.33333333333334%}
26
.col-w-11{width:91.66666666666666%}
27
.col-w-12{width:100%}
28

13 29
.floatL{ float:left;}
14 30
.floatR{float:right;}
15 31
.clearfix{ clear:both;}
16 32
.clearfix:before,.clearfix:after{display:table;content:" "}
17 33
.clearfix:after{clear:both}
18

19 34
/* 显示和隐藏样式 */
20 35
.inline {display:inline-block;}
21 36
.displayNone{display:none;}
@ -53,20 +68,24 @@ textarea.frmtype{line-height:20px;padding:6px 8px;min-height:100px;}
53 68
body{height:auto;position: relative;min-height: 100%;}
54 69
input{ outline:none;}
55 70
/*header部分*/
56
#header{width:100%;height:60px; background:rgba(255,153,0,1); position:fixed; top:0; z-index:999; }
71
.topheader{background: #000;height:30px;font-size:14px;line-height:30px;}
72
.topheader a{padding:0 10px;margin-right:16px;color:#FFFFFF}
73
.topheader .downicon{background: url(../images/top_icon_shouji_nor.png) 0 center no-repeat;padding-left:18px;}
74

75
#header{width:100%;min-width:1100px;height:60px; background:rgba(55,61,65,1); position:fixed; top:0; z-index:999; }
57 76
#header.firstH{background: -webkit-linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));
58 77
    background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));}
59 78
#header.firstL{ background:rgba(255,153,0,0);}
60
#header.firstB{ background:rgba(255,153,0,.8);}
79
#header.firstB{ background:rgba(55,61,65,1);}
61 80
#header.Nosear{position:static;}
62
.logo{ display:block; width:80px; height:40px; background:url(../images/logo2.png) no-repeat;background-size:100% 100%;  margin-left:80px; margin-top:10px; float:left;}
81
.logo{ display:block; width:80px; height:40px; background:url(../images/logo2.png) no-repeat;background-size:100% 100%; /* margin-left:80px;*/ margin-top:10px; float:left;}
63 82
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px; display:none;}
64 83
.search-txt{ width:220px;line-height:35px; height:35px; background:#fff; border:none;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#a3a3a3;}
65 84
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
66 85
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
67 86

68 87
/*顶部右边*/
69
.header-right{ float:right; margin-right:80px;}
88
.header-right{ float:right; /*margin-right:80px;*/}
70 89
/*未登录*/
71 90
.unlogin{float:left;padding:4px 0;}
72 91
.loginbtn{float:left; border:2px #fff solid; padding:0 20px; border-radius:6px;font-size:14px; line-height:28px; color:#fff; text-align:center; margin:10px 2px; cursor:pointer; }
@ -90,7 +109,7 @@ input{ outline:none;}
90 109

91 110
.myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
92 111
/*主体部分*/
93
#container{ background:#fff;overflow: hidden;}
112
#container{ background:#fff;/*overflow: hidden;*/}
94 113
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
95 114
/*footer部分*/
96 115
/*footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: absolute;bottom:0;right: 0;left: 0; z-index: 299; text-align:center;}
@ -194,19 +213,25 @@ footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background
194 213
.privacyBox ul{ margin:0 4px;margin-left:40px;padding:0 4px; color:#666;}
195 214

196 215

216
.containerCon{width:1100px;padding:0 20px;position:relative; margin:auto;clear:both}
217
.containerCon:before,.containerCon:after{display:table;content:" "}
218
.containerCon:after{clear:both}
197 219

198 220
/*新版footer*/
199

200
footer{position: absolute;right:0; left: 0;bottom:0;background: #333;color:#888;font-size:14px;line-height:30px;/*padding:40px 0 0 0;*/z-index:999;}
221
footer{position: absolute;right:0; left: 0;bottom:0;background: #373d41;color:#888;font-size:16px;line-height:30px;}
222
footer .containerCon{background: #373d41;}
201 223
footer a{color:#888;text-decoration: none;}
202 224
footer p .listlink{margin-right:25px;color:#888;}
203 225
footer .bottom-block{padding:30px 0;}
204
footer .logo-block{margin-bottom:30px;}
226
footer .logo-block{width:242px; height:60px;background:url(../images/home_icon_logo_nor.png);background-size:cover;margin-bottom:30px;}
205 227
footer .copy-block{color:#666;margin-top:10px;font-size:12px;}
206 228
footer .copy-block a{ color:#666;}
207

229
footer .copy-block a.beianbox em{display: inline-block;width:14px; height:14px;background:url(../images/home_icon_beian.png);background-size:cover;}
208 230
footer .code-block div{text-align: center;}
231
footer .code-block div:last-child{margin-left:80px;}
209 232
footer .codelist{margin:20px auto 10px;width:118px;height:118px;text-align:center;background-position: center center;background-repeat: no-repeat;}
210
footer .codelist img{width:94px;margin:12px auto;}
233
footer .codelist span{display:inline-block;width:94px;height:94px;margin:12px auto; }
211 234
footer .appcode{background-image: url(../images/home_bg_xiazaiapp_nor.png);}
212
footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
235
footer .appcode span{background-image:url(../images/home_code_app.jpg);background-size: cover;}
236
footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
237
footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;}

+ 4 - 4
css/index.css

@ -6,7 +6,7 @@ input{ outline:none;}
6 6
.emspace{letter-spacing: 2em; }
7 7

8 8
/*banner部分*/
9
#banner{ height:auto; position:relative;}
9
#banner{ height:auto;min-width:1100px; position:relative;}
10 10
.banner{width:100%; height:500px;background: url(../images/banner/banner01.jpg) center center no-repeat;background-size: cover;}
11 11
.theme{ width:100%; height:236px; position:absolute; top:40%;}
12 12
.theme h1{font-size:46px;line-height:80px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
@ -39,7 +39,7 @@ input{ outline:none;}
39 39
.btn:hover,.btn:focus{outline:none;box-shadow: none;color: #FFFFFF;}
40 40

41 41
.link-btn-box{padding:20px 0 50px;}
42
.link-btn-block{text-align: center;margin-top: 50px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
42
.link-btn-block{ width: 96%;text-align: center;margin-top: 50px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
43 43
.link-btn{position: relative; width: 32%;margin:auto;margin-bottom: 46px; background: #fff;height: 2px;top: -12px;}
44 44
.link-btn-icon{position: absolute;top: -36px;left: 50%; margin-left: -40px;width:80px;height:80px;border-radius: 10px;background-position: center;background-repeat: no-repeat;}
45 45
.link-btn-icon-fabu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
@ -48,7 +48,7 @@ input{ outline:none;}
48 48
.link-btn-tip{padding:0 10px;font-size:18px;color:#666; line-height: 24px;}
49 49
.link-tip-tit{font-size:20px;color:#333;/*font-weight:bold;*/line-height: 46px;}
50 50
/*热门领域*/
51
.hot-field{ width:100%;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
51
.hot-field{ width:100%;min-width: 1100px;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
52 52
.con-tit{padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;text-align: center;}
53 53
.hh4{font-size:22px;line-height:40px; color:#fff;}
54 54
.hh4 img{margin-right:18px;margin-left:-10px;}
@ -80,7 +80,7 @@ input{ outline:none;}
80 80
.process-resear{ list-style:inside; padding:8px;font-size:12px;line-height:16px; text-align:left; }
81 81

82 82
/*搜索页*/
83
.content{ width:100%; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
83
.content{ width:100%; min-width: 1050px; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
84 84
.content-in{ width:1050px;/*min-height:300px;*/ margin:auto;padding-bottom:20px;}
85 85
.sear-search{ width: 774px;height: 38px;border: 2px solid #ff9900;border-radius: 6px; margin: 20px 0;}
86 86
.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; }

+ 2 - 0
demand.html

@ -14,6 +14,7 @@
14 14
<body>
15 15
<!--头部-->
16 16
<div id="header">
17
	<div class="containerCon">
17 18
	<a href="index.html" alt="科袖" class="logo"></a>
18 19
	<div class="searchblock" style="display:block;">
19 20
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -43,6 +44,7 @@
43 44
			</div>
44 45
		</div>
45 46
	</div>
47
	</div>
46 48
</div>
47 49
48 50
<!--中间-->

+ 2 - 0
diloags.html

@ -16,6 +16,7 @@
16 16
<body>
17 17
<!--头部-->
18 18
<div id="header">
19
	<div class="containerCon">
19 20
	<a href="index.html" alt="科袖" class="logo"></a>
20 21
	<div class="searchblock" style="display:block;">
21 22
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -45,6 +46,7 @@
45 46
			</div>
46 47
		</div>
47 48
	</div>
49
	</div>
48 50
</div>
49 51
50 52
<!--中间-->

+ 2 - 0
download.html

@ -14,6 +14,7 @@
14 14
<body>
15 15

16 16
<div id="header" style="position:relative;">
17
	<div class="containerCon">
17 18
	<a href="index.html" alt="科袖" class="logo"></a>
18 19
	
19 20
	<div class="header-right"> 
@ -42,6 +43,7 @@
42 43
	        
43 44
        </div>
44 45
	</div>
46
	</div>
45 47
</div>
46 48
<div id="container" style="min-height: 84%;">
47 49
	<div class="appstore">

+ 2 - 0
expert-authentication.html

@ -21,6 +21,7 @@
21 21
<body>
22 22
<!--头部-->
23 23
<div id="header">
24
	<div class="containerCon">
24 25
	<a href="index.html" alt="科袖" class="logo"></a>
25 26
	<div class="searchblock" style="display:block;">
26 27
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -51,6 +52,7 @@
51 52
	        
52 53
        </div>
53 54
    </div>
55
   </div>
54 56
</div>
55 57
<!--内容-->
56 58
<div id="container">

+ 56 - 163
index.html

@ -14,43 +14,50 @@
14 14
<link type="text/css" href="css/index.css" rel="stylesheet">
15 15
<link type="text/css" href="css/common.css" rel="stylesheet">
16 16
<style type="text/css">
17
	#header{background:rgba(255,153,0,0);}
17
	#header{background:rgba(255,153,0,0);top:30px;}
18 18
</style>
19 19
</head>
20 20
<body>
21
<div class="container-fulid topheader">
22
	<div class="containerCon" style="background:#000000;">
23
		<a class="downicon" href="download.html">科袖app</a>
24
		<a href="cmp-portal/cmp-settled-log.html">进入企业版</a>
25
	</div>
26
</div>
21 27
<div id="container">
22
	<div id="header" class="">
23
		
24
        <a href="index.html" alt="科袖" class="logo"></a>
25
        <div class="searchblock" id="serc-index">
26
            <input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent" />
27
            <div class="search-btn" id="hsearch"><span class="search-icon" ></span></div>
28
        </div>
29
        <div class="header-right"> 
30
	        <!--未登录-->
31
	        <div class="unlogin">
32
	        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
33
	        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
34
	        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
35
	        </div>
36
	        
37
	        <!--已登录-->
38
	        <div class="onlogin">
39
	        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
40
		        <div class="head-portrait headRadius">
41
		        	<img class="portrait-p" />
42
		            <div class="personal-infor">
43
		                <div class="triangleB"></div>
44
		                <div class="personal-box bgRadius">
45
		                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
46
		                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
47
		                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
48
		                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
49
		                </div>
50
		                
51
		            </div>
52
		        </div> 
28
	<div id="header">
29
		<div class="containerCon">
30
	        <a href="index.html" alt="科袖" class="logo"></a>
31
	        <div class="searchblock" id="serc-index">
32
	            <input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent" />
33
	            <div class="search-btn" id="hsearch"><span class="search-icon" ></span></div>
53 34
	        </div>
35
	        <div class="header-right"> 
36
		        <!--未登录-->
37
		        <div class="unlogin">
38
		        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
39
		        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
40
		        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
41
		        </div>
42
		        
43
		        <!--已登录-->
44
		        <div class="onlogin">
45
		        	<a class="myWorkspace" href="workspaces.html">我的工作台</a>
46
			        <div class="head-portrait headRadius">
47
			        	<img class="portrait-p" />
48
			            <div class="personal-infor">
49
			                <div class="triangleB"></div>
50
			                <div class="personal-box bgRadius">
51
			                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
52
			                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
53
			                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
54
			                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
55
			                </div>
56
			                
57
			            </div>
58
			        </div> 
59
		        </div>
60
		    </div>
54 61
        </div>
55 62
    </div>
56 63
	<!--banner部分-->
@ -75,9 +82,9 @@
75 82
	</div>
76 83
	
77 84
	<div class="container-fulid">
78
	    <div class="container">
79
	    	<div class="row link-btn-box">
80
			  <div class="col-md-6">
85
	    <div class="containerCon">
86
	    	<div class="link-btn-box clearfix">
87
			  <div class="col-w-6">
81 88
			  	<div class="link-btn-block">
82 89
			  		<div class="link-btn">
83 90
			  			<div class="link-btn-icon link-btn-icon-fabu bgProColor">
@ -91,7 +98,7 @@
91 98
			  	</div>
92 99
			  </div>
93 100
			 <!-- <div class="col-md-2"></div>-->
94
			  <div class="col-md-6">
101
			  <div class="col-w-6">
95 102
			  	<div class="link-btn-block">
96 103
			  		<div class="link-btn">
97 104
			  			<div class="link-btn-icon link-btn-icon-pro bgProColor">
@ -111,41 +118,41 @@
111 118
	<!--热门领域-->
112 119
	<div class="hot-field">
113 120
		<div class="container-fulid">
114
	    	<div class="container">
121
	    	<div class="containerCon">
115 122
	    		<div class="con-tit">
116 123
	    			<h4 class="hh4"><img src="images/home_icon_remenlingyu_nor.png">热门领域</h4>
117 124
	    		</div>
118 125
				
119 126
				<div class="field-box row">
120
		        	<div class="col-md-3 col-xs-6 field">
127
		        	<div class="col-w-3 field">
121 128
						<a href="#"><span class="field-icon field-icon8"></span></a>
122 129
						<a href="#" class="field-name" >材料失效与保护</a>
123 130
					</div>
124
		            <div class="col-md-3 col-xs-6 field">
131
		            <div class="col-w-3 field">
125 132
						<a href="#"><span class="field-icon field-icon7"></span></a>
126 133
						<a href="#" class="field-name" >材料表面与界面</a>
127 134
					</div>
128
		            <div class="col-md-3 col-xs-6 field">
135
		            <div class="col-w-3 field">
129 136
						<a href="#"><span class="field-icon field-icon6"></span></a>
130 137
						<a href="#" class="field-name" >黑色金属及其合金</a>
131 138
					</div>
132
		            <div class="col-md-3 col-xs-6 field">
139
		            <div class="col-w-3 field">
133 140
						<a href="#"><span class="field-icon field-icon5"></span></a>
134 141
						<a href="#" class="field-name" >有色金属及其合金</a>
135 142
					</div>
136
		            <div class="col-md-3 col-xs-6 field">
143
		            <div class="col-w-3 field">
137 144
						<a href="#"><span class="field-icon field-icon4"></span></a>
138 145
						<a href="#" class="field-name" >材料检测与分析技术</a>
139 146
					</div>
140
		            <div class="col-md-3 col-xs-6 field">
147
		            <div class="col-w-3 field">
141 148
						<a href="#"><span class="field-icon field-icon3"></span></a>
142 149
						<a href="#" class="field-name" >非晶、微晶金属材料</a>
143 150
					</div>
144
		            <div class="col-md-3 col-xs-6 field">
151
		            <div class="col-w-3 field">
145 152
						<a href="#"><span class="field-icon field-icon2"></span></a>
146 153
						<a href="#" class="field-name" >金属基复合材料</a>
147 154
					</div>
148
					<div class="col-md-3 col-xs-6 field">
155
					<div class="col-w-3 field">
149 156
						<a href="#"><span class="field-icon field-icon1"></span></a>
150 157
						<a href="#" class="field-name" >电化学工程</a>
151 158
					</div>
@ -174,124 +181,8 @@
174 181
						</ul>
175 182
					</div>
176 183
				</a>
177
			</div>
178
			<div class="professor">
179
				<img src="images/pic1.jpg">
180
				<a href="#">
181
					<div class="professor-data">
182
						<h5>肖葵</h5>
183
						<p>副研究员</p>
184
						<p>腐蚀控制系统工程研究所</p>
185
						<p>北京科技大学</p>
186
						<ul class="process-resear">
187
							<li>金属材料大气腐蚀行为与机理研究</li>
188
							<li>多重海洋环境因素作用下材料腐蚀</li>
189
							<li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
190
						</ul>
191
					</div>
192
				</a>
193
			</div>
194
			<div class="professor">
195
				<img src="images/pic1.jpg">
196
				<a href="#">
197
					<div class="professor-data">
198
						<h5>肖葵</h5>
199
						<p>副研究员</p>
200
						<p>腐蚀控制系统工程研究所</p>
201
						<p>北京科技大学</p>
202
						<ul class="process-resear">
203
							<li>金属材料大气腐蚀行为与机理研究</li>
204
							<li>多重海洋环境因素作用下材料腐蚀</li>
205
							<li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
206
						</ul>
207
					</div>
208
				</a>
209
			</div>
210
			<div class="professor">
211
				<img src="images/pic1.jpg">
212
				<a href="#">
213
					<div class="professor-data">
214
						<h5>肖葵</h5>
215
						<p>副研究员</p>
216
						<p>腐蚀控制系统工程研究所</p>
217
						<p>北京科技大学</p>
218
						<ul class="process-resear">
219
							<li>金属材料大气腐蚀行为与机理研究</li>
220
							<li>多重海洋环境因素作用下材料腐蚀</li>
221
							<li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
222
						</ul>
223
					</div>
224
				</a>
225
			</div>
226
			<div class="professor">
227
				<img src="images/pic1.jpg">
228
				<a href="#">
229
					<div class="professor-data">
230
						<h5>肖葵</h5>
231
						<p>副研究员</p>
232
						<p>腐蚀控制系统工程研究所</p>
233
						<p>北京科技大学</p>
234
						<ul class="process-resear">
235
							<li>金属材料大气腐蚀行为与机理研究</li>
236
							<li>多重海洋环境因素作用下材料腐蚀</li>
237
							<li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
238
						</ul>
239
					</div>
240
				</a>
241
			</div>
242
			<div class="professor">
243
				<img src="images/pic1.jpg">
244
				<a href="#">
245
					<div class="professor-data">
246
						<h5>肖葵</h5>
247
						<p>副研究员</p>
248
						<p>腐蚀控制系统工程研究所</p>
249
						<p>北京科技大学</p>
250
						<ul class="process-resear">
251
							<li>金属材料大气腐蚀行为与机理研究</li>
252
							<li>多重海洋环境因素作用下材料腐蚀</li>
253
							<li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
254
						</ul>
255
					</div>
256
				</a>
257
			</div>
258
			<div class="professor">
259
				<img src="images/pic1.jpg">
260
				<a href="#">
261
					<div class="professor-data">
262
						<h5>肖葵</h5>
263
						<p>副研究员</p>
264
						<p>腐蚀控制系统工程研究所</p>
265
						<p>北京科技大学</p>
266
						<ul class="process-resear">
267
							<li>金属材料大气腐蚀行为与机理研究</li>
268
							<li>多重海洋环境因素作用下材料腐蚀</li>
269
							<li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
270
						</ul>
271
					</div>
272
				</a>
273
			</div>
274
			<div class="professor">
275
				<img src="images/pic1.jpg">
276
				<a href="#">
277
					<div class="professor-data">
278
						<h5>肖葵</h5>
279
						<p>副研究员</p>
280
						<p>腐蚀控制系统工程研究所</p>
281
						<p>北京科技大学</p>
282
						<ul class="process-resear">
283
							<li>金属材料大气腐蚀行为与机理研究</li>
284
							<li>多重海洋环境因素作用下材料腐蚀</li>
285
							<li>损伤的机理电子材料环境损伤行为与防护工艺研究材料环境腐蚀数据库设计与建设</li>
286
						</ul>
287
					</div>
288
				</a>
289
			</div>
290
			
291
			
292
		</div>
293
		<a href="search.html" class="more">更多专家</a>
294
	</div> -->
184
			</div>-->
185
	
295 186
</div>
296 187
	<footer>
297 188
	    <script type="text/javascript" src="js/footer.js"></script>
@ -305,8 +196,10 @@
305 196
	$(document).scroll(function() {
306 197
		var top = $(document).scrollTop();
307 198
		if (top == 0) {
199
			$("#header").css("top","30px");
308 200
			$("#header").removeClass("firstL").removeClass('firstB');
309 201
		} else {
202
			$("#header").css("top","0");
310 203
			$("#header").addClass("firstB");
311 204
	
312 205
		}

+ 2 - 0
information-add.html

@ -19,7 +19,9 @@
19 19

20 20
<body>
21 21
<div id="header" class="Nosear">
22
	<div class="containerCon">
22 23
	<a href="index.html" alt="科袖" class="logo"></a>	
24
	</div>
23 25
</div>
24 26
<div class="containerFrm">
25 27
	<div class="contentmid" style="width:600px;">

+ 2 - 0
information-brow.html

@ -31,6 +31,7 @@
31 31
			</div>
32 32
		</div>
33 33
		<div id="header">
34
			<div class="containerCon">
34 35
			<a href="index.html" alt="科袖" class="logo"></a>
35 36
			<div class="searchblock" style="display:block;">
36 37
				<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -62,6 +63,7 @@
62 63
63 64
				</div>
64 65
			</div>
66
			</div>
65 67
		</div>
66 68
		<div id="container">
67 69
			<div class="content" style="padding-bottom:120px;">

+ 2 - 0
information.html

@ -16,6 +16,7 @@
16 16

17 17
	<body>
18 18
		<div id="header">
19
			<div class="containerCon">
19 20
			<a href="index.html" alt="科袖" class="logo"></a>
20 21
			<div class="searchblock" style="display:block;">
21 22
				<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -47,6 +48,7 @@
47 48
				</div>
48 49

49 50
			</div>
51
			</div>
50 52
		</div>
51 53
		<div id="container">
52 54
			<div class="content">

+ 0 - 2
js/common.js

@ -13,11 +13,9 @@ $(document).scroll(function() {
13 13
	var top = $(document).scrollTop();
14 14
	if (top == 0) {
15 15
		$("#header").addClass("firstL");
16
		$(".personal-infor").css("opacity", "1");
17 16
	} else {
18 17
		$("#header").addClass("firstB").removeClass("firstL");
19 18
//		$("#header").removeClass("firstL").addClass("firstH");
20
		$(".personal-infor").css("opacity", "0.8");
21 19
22 20
	}
23 21
	if (top != 0) {

+ 11 - 18
js/footer.js

@ -1,15 +1,10 @@
1 1
//新版footer
2 2
var footerHtml = '';
3 3
footerHtml += '<div class="container-fulid">'+
4
				  '<div class="container">'+
5
//						'<div class="top-block">'+
6
//							'<p class="">合作单位</p>'+
7
//						'</div>'+	
8
						'<div class="row bottom-block clearfix">'+
9
							'<div class="help-block col-md-8">' +
10
								'<div class="logo-block">'+
11
									'<img src="images/home_icon_logo_nor.png" />' +
12
								'</div>' +
4
				  '<div class="containerCon">'+	
5
						'<div class="bottom-block clearfix">'+
6
							'<div class="help-block floatL">' + 
7
								'<div class="logo-block"></div>'+
13 8
								'<p>' +
14 9
									'<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a>' +
15 10
									'<a class="listlink" href="" target="_blank" rel="nofollow">企业入驻</a>' +
@ -26,22 +21,20 @@ footerHtml += '<div class="container-fulid">'+
26 21
								'</p>' +
27 22
							'</div>' +
28 23
							
29
							'<div class="code-block col-md-4">' +
30
								'<div class="row">'+
31
									'<div class="col-md-6 col-xs-4">' +
32
										'<p class="codelist appcode"><img src="images/app_android_code.jpg" /></p>' +
24
							'<div class="code-block floatR">' + 
25
									'<div class="floatL">' +
26
										'<p class="codelist appcode"><span></span></p>' +
33 27
										'<p>下载移动端app</p>' +
34 28
									'</div>' +
35
									'<div class="col-md-6 col-xs-4">' +
36
										'<p class="codelist weixincode"><img src="images/weixin_code.jpg" /></p>' +
29
									'<div class="floatL">' +
30
										'<p class="codelist weixincode"><span></span></p>' +
37 31
										'<p>关注微信公众平台</p>' +
38 32
									'</div>' +
39
								'</div>'+
40 33
							'</div>' +
41
							'<div class="copy-block clearfix col-lg-12">' +
34
							'<div class="copy-block clearfix">' +
42 35
								'<span>Copyright © 2016-2017 北京科袖科技有限公司 | 京ICP备16042588号-1 | </span>' +
43 36
								'<a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306">' +
44
									'<img src="images/beian.png" width="16" /> 京公网安备11010802022306号' +
37
									'<em></em> 京公网安备11010802022306号' +
45 38
								'</a>' +
46 39
							'</div>' +
47 40
						'</div>' +

+ 2 - 0
myDemand.html

@ -92,6 +92,7 @@
92 92
93 93
<!--头部-->
94 94
<div id="header">
95
	<div class="containerCon">
95 96
	<a href="index.html" alt="科袖" class="logo"></a>
96 97
	<div class="searchblock" style="display:block;">
97 98
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -121,6 +122,7 @@
121 122
	        </div>
122 123
        </div>
123 124
	</div>
125
	</div>
124 126
</div>
125 127
126 128
<!--中间-->

+ 2 - 0
needList.html

@ -15,6 +15,7 @@
15 15
<body>
16 16
<!--头部-->
17 17
<div id="header">
18
	<div class="containerCon">
18 19
	<a href="index.html" alt="科袖" class="logo"></a>
19 20
	<div class="searchblock" style="display:block;">
20 21
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -44,6 +45,7 @@
44 45
	        </div>
45 46
        </div>
46 47
	</div>
48
	</div>
47 49
</div>
48 50
49 51
<!--中间-->

+ 2 - 0
needShow.html

@ -15,6 +15,7 @@
15 15
<body>
16 16
<!--头部-->
17 17
<div id="header">
18
	<div class="containerCon">
18 19
	<a href="index.html" alt="科袖" class="logo"></a>
19 20
	<div class="searchblock" style="display:block;">
20 21
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -44,6 +45,7 @@
44 45
	        </div>
45 46
        </div>
46 47
	</div>
48
	</div>
47 49
</div>
48 50
49 51
<!--中间-->

+ 2 - 0
needSure.html

@ -15,6 +15,7 @@
15 15
<body>
16 16
<!--头部-->
17 17
<div id="header">
18
	<div class="containerCon">
18 19
	<a href="index.html" alt="科袖" class="logo"></a>
19 20
	<div class="searchblock" style="display:block;">
20 21
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -44,6 +45,7 @@
44 45
	        </div>
45 46
        </div>
46 47
	</div>
48
	</div>
47 49
</div>
48 50
49 51
<!--中间-->

+ 2 - 0
news-list.html

@ -17,6 +17,7 @@
17 17
<body>
18 18
<!--头部-->
19 19
<div id="header">
20
	<div class="containerCon">
20 21
	<a href="index.html" alt="科袖" class="logo"></a>
21 22
	<div class="searchblock" style="display:block;">
22 23
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -46,6 +47,7 @@
46 47
	        </div>
47 48
        </div>
48 49
	</div>
50
	</div>
49 51
</div>
50 52
51 53
<!--中间-->

+ 2 - 0
newsciresource.html

@ -17,6 +17,7 @@
17 17
<body>
18 18
<!--头部-->
19 19
<div id="header">
20
	<div class="containerCon">
20 21
	<a href="index.html" alt="科袖" class="logo"></a>
21 22
	<div class="searchblock" style="display:block;">
22 23
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -46,6 +47,7 @@
46 47
	        </div>
47 48
        </div>
48 49
	</div>
50
	</div>
49 51
</div>
50 52

51 53
<!--中间-->

+ 2 - 1
privacy.html

@ -18,8 +18,9 @@
18 18

19 19
<body>
20 20
	<div id="header" class="Nosear">
21
		<div class="containerCon">
21 22
		<a href="index.html" alt="科袖" class="logo"></a>
22
        
23
       </div> 
23 24
	</div>
24 25
	<div class="container" id="container">
25 26
			<div class="privacyBox">

+ 2 - 0
realname-authentication.html

@ -21,6 +21,7 @@
21 21
<body>
22 22
<!--头部-->
23 23
<div id="header">
24
	<div class="containerCon">
24 25
	<a href="index.html" alt="科袖" class="logo"></a>
25 26
	<div class="searchblock" style="display:block;">
26 27
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -51,6 +52,7 @@
51 52
	        
52 53
        </div>
53 54
    </div>
55
   </div>
54 56
</div>
55 57
<!--内容-->
56 58
<div id="container">

+ 2 - 0
resourceInfo.html

@ -21,6 +21,7 @@
21 21
<body>
22 22
23 23
<div id="header">
24
	<div class="containerCon">
24 25
	<a href="index.html" alt="科袖" class="logo"></a>
25 26
	<div class="searchblock" style="display:block;">
26 27
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -52,6 +53,7 @@
52 53
	        
53 54
        </div>
54 55
	</div>
56
	</div>
55 57
</div>
56 58
<div id="container" style="background: #f8f8f8;">
57 59
	<div class="contentBody clearfix">

+ 2 - 1
search.html

@ -14,6 +14,7 @@
14 14
</head>
15 15
<body>
16 16
<div id="header">
17
	<div class="containerCon">
17 18
	<a href="index.html" alt="科袖" class="logo"></a>
18 19
	<div class="searchblock searchbox">
19 20
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -45,7 +46,7 @@
45 46
	        </div>
46 47
        </div>
47 48
	</div>
48
	
49
	</div>
49 50
</div>
50 51
<div id="container">
51 52
	<div class="content">

+ 2 - 0
workspaces.html

@ -39,6 +39,7 @@
39 39
40 40
<!--头部-->
41 41
<div id="header">
42
	<div class="containerCon">
42 43
	<a href="index.html" alt="科袖" class="logo"></a>
43 44
	<div class="searchblock" style="display:block;">
44 45
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
@ -68,6 +69,7 @@
68 69
			</div>
69 70
		</div>
70 71
	</div>
72
	</div>
71 73
</div>
72 74
73 75
<!--中间-->