Ver Código Fonte

首页添加我是专家和发布需求入口,更换首页底部footer

luyanan 8 anos atrás
pai
commit
25e5f0b535

+ 2 - 1
bind-mail-no.html

@ -9,6 +9,7 @@
9 9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 10
<title>科袖-邮箱验证</title>
11 11
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
12
<link href="css/bootstrap.min.css" rel="stylesheet">
12 13
<link rel="stylesheet" href="css/reset.css" />
13 14
<link type="text/css" href="css/login.css" rel="stylesheet">
14 15
<link type="text/css" href="css/common.css" rel="stylesheet">
@ -23,7 +24,7 @@
23 24
<div id="header" style="position:static;">
24 25
	<a href="index.html" alt="科袖" class="logo"></a>	
25 26
</div>
26
<div class="container" id="container">
27
<div class="containerFrm" id="container">
27 28
	<div class="contentmid">
28 29
    	<!--/*邮箱验证提示*/-->
29 30
        <dl class="mailsection">

+ 2 - 1
bind-mail-ok.html

@ -9,6 +9,7 @@
9 9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 10
<title>科袖-邮箱验证</title>
11 11
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
12
<link href="css/bootstrap.min.css" rel="stylesheet">
12 13
<link rel="stylesheet" href="css/reset.css" />
13 14
<link type="text/css" href="css/login.css" rel="stylesheet">
14 15
<link type="text/css" href="css/common.css" rel="stylesheet">
@ -20,7 +21,7 @@
20 21
<div id="header" style="position:static;">
21 22
	<a href="index.html" alt="科袖" class="logo"></a>	
22 23
</div>
23
<div class="container" id="container">
24
<div class="containerFrm" id="container">
24 25
	<div class="contentmid">
25 26
    	<!--/*邮箱验证提示*/-->
26 27
    	<dl class="mailsection">

+ 5 - 32
bind-mail.html

@ -9,6 +9,7 @@
9 9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 10
<title>科袖-邮箱验证</title>
11 11
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
12
<link href="css/bootstrap.min.css" rel="stylesheet">
12 13
<link rel="stylesheet" href="css/reset.css" />
13 14
<link type="text/css" href="css/login.css" rel="stylesheet">
14 15
<link type="text/css" href="css/common.css" rel="stylesheet">
@ -30,7 +31,7 @@
30 31
<div id="header" style="position:static;">
31 32
	<a href="index.html" alt="科袖" class="logo"></a>	
32 33
</div>
33
<div class="container" id="container">
34
<div class="containerFrm" id="container">
34 35
	<div class="contentmid">
35 36
    	<!--/*邮箱验证提示*/-->
36 37
    	<dl class="mailsection">
@ -57,37 +58,9 @@
57 58
    </div>
58 59
</div>
59 60

60
<div id="footer" class="clearfix">
61
    <div class="wrapper clearfix">
62
        <i class="footer-logo floatL"></i>
63
        <div class="word_wrapper floatL">
64
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
65
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
66
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
67
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
68
            	<div class="code weixin_code"></div> 
69
            </a><span> | </span>
70
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
71
            	<div class="code app_code"></div> 
72
            </a><span> | </span>
73
            <span class="listlink">客服邮箱:<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
74
            <span> | </span>
75
            <span class="listlink">客服热线: 010-62343359(9:00-17:00)</span>
76
        </div>
77
        <!--<div class="inner_wrapper floatR">
78
        	<div class="codebox">
79
           		<span class="code weixin_code"></span> 
80
                <p>科袖微信公众号</p>
81
           </div>
82
        </div>-->
83
    </div>
84
    <div class="copyright">
85
        <span><em> © </em>2016 北京科袖科技有限公司</span>
86
        <span> | 京ICP备16042588号-1 | </span>
87
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
88
    </div>
89
</div>
90

61
<footer>
62
	<script type="text/javascript" src="js/footer.js"></script>
63
</footer>
91 64
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
92 65
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
93 66
<script type="text/javascript" src="/js/jquery.cookie.js"></script>

+ 18 - 18
css/common.css

@ -54,8 +54,8 @@ body{height:auto;position: relative;min-height: 100%;}
54 54
input{ outline:none;}
55 55
/*header部分*/
56 56
#header{width:100%;height:60px; background:rgba(255,153,0,1); position:fixed; top:0; z-index:999; }
57
#header.firstH{background: -webkit-linear-gradient(rgba(255,153,0,.8),rgba(255,153,0,0));
58
    background: linear-gradient(rgba(255,153,0,.8),rgba(255,153,0,0));}
57
#header.firstH{background: -webkit-linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));
58
    background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));}
59 59
#header.firstL{ background:rgba(255,153,0,0);}
60 60
#header.firstB{ background:rgba(255,153,0,.8);}
61 61
#header.Nosear{position:static;}
@ -90,10 +90,10 @@ input{ outline:none;}
90 90

91 91
.myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
92 92
/*主体部分*/
93
#container{ min-width:1100px;padding-bottom:100px; background:#fff;overflow: hidden;}
93
#container{ background:#fff;overflow: hidden;}
94 94
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
95 95
/*footer部分*/
96
footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: absolute;bottom:0;right: 0;left: 0; z-index: 299; text-align:center;}
96
/*footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: absolute;bottom:0;right: 0;left: 0; z-index: 299; text-align:center;}
97 97
footer .wrapper {margin-left:80px;position: relative;padding: 15px 0; min-width:1000px;}
98 98
footer .footer-logo {display: block;width:80px;height:40px;background: url(../images/logo2.png) 0 0 no-repeat;background-size:100% 100%;}
99 99

@ -115,7 +115,7 @@ footer .copyright {background:#FFB76A;width:100%;margin: 0 auto;padding:10px 0;c
115 115
footer .copyright>span:first-child{margin-left:-210px;}
116 116
footer .beianbox{position: absolute;overflow:hidden;color: #fff;text-decoration:none;}
117 117
footer .beianbox:hover{text-decoration: underline;}
118
footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background:url(../images/beian.png) center center no-repeat; background-size:100% 100%;}
118
footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background:url(../images/beian.png) center center no-repeat; background-size:100% 100%;}*/
119 119
/*产品下载  */
120 120
.appstore{width:1000px;color: #696969;text-align: center;margin:40px auto;position:relative;}
121 121
.kexiu_logo{margin: 0 20px; position: relative;text-align: left;}
@ -196,17 +196,17 @@ footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background
196 196

197 197

198 198
/*新版footer*/
199
/*.container-fulid{width:1100px;margin: auto;}
200
footer{position: absolute;right:0; left: 0;background: #262825;color:#7a7a7a;font-size:14px;line-height:35px;padding:80px 0 40px 0;}
201
footer a{color:#7a7a7a;text-decoration: none;}
202
footer p .listlink{margin-right:50px;}
203
footer .logo-block{margin:60px 0;}
204
footer .logo-block img{margin-right:10px;}
205
footer .copy-block{color:#4e4e4e;font-size:12px;}
206
footer .copy-block a{ color:#4e4e4e;}
207
footer .code-block{margin:100px 0;}
208
footer .code-block div{margin-right:100px;text-align: center;}
209
footer .codelist{margin:auto;margin-bottom:15px;width:172px;height:172px;background-position: center center;background-repeat: no-repeat;}
210
footer .codelist img{width:136px;margin:18px auto;}
199

200
footer{position: absolute;right:0; left: 0;bottom:0;background: #333;color:#888;font-size:16px;line-height:30px;/*padding:40px 0 0 0;*/}
201
footer a{color:#888;text-decoration: none;}
202
footer p .listlink{margin-right:25px;color:#888;}
203
footer .bottom-block{padding:30px 0;}
204
footer .logo-block{margin-bottom:30px;}
205
footer .copy-block{color:#666;margin-top:10px;font-size:12px;}
206
footer .copy-block a{ color:#666;}
207

208
footer .code-block div{text-align: center;}
209
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;}
211 211
footer .appcode{background-image: url(../images/home_bg_xiazaiapp_nor.png);}
212
footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}*/
212
footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}

+ 28 - 11
css/index.css

@ -21,9 +21,9 @@ input{ outline:none;}
21 21
.lishow li:hover{ background:#f0f0f0;} 
22 22

23 23
.sear-txt{ width:530px; height:40px; background:#fff; border:none;  border-radius: 6px 0 0 6px; float:left;font-size:15px;line-height:40px; padding-left:120px; color:#a3a3a3;}
24
.sear-btn{ width:140px; height:41px; background:#ff9900; border-radius: 0 6px 6px 0; float:left; cursor:pointer;font-size:16px;line-height:40px; color:#fff; text-align:center; }
24
.sear-btn{ width:140px; height:40px; background:#ff9900; border-radius: 0 6px 6px 0; float:left; cursor:pointer;font-size:16px;line-height:40px; color:#fff; text-align:center; }
25 25
/*寻找专家流程*/
26
.process{ width:806px; height:205px; margin:auto;}
26
/*.process{ width:806px; height:205px; margin:auto;}
27 27
.process1{width:126px; height:144px; float:left; margin-top:40px;}
28 28
.process-icon1{ display:block; width:71px; height:64px; background:url(../images/steps01.png) no-repeat; margin:auto;}
29 29
.process-icon2{ display:block; width:67px; height:64px; background:url(../images/steps02.png) no-repeat; margin:auto;}
@ -31,14 +31,31 @@ input{ outline:none;}
31 31
.process-icon4{ display:block; width:70px; height:64px; background:url(../images/steps04.png) no-repeat; margin:auto;}
32 32
.hh3{font-size:18px;line-height:30px; color:#333; text-align:center; }
33 33
.process p{font-size:14px;line-height:20px; color:#888; text-align:center;  }
34
.nextR{ width:100px; height:205px; float:left; background:url(../images/nextR.png) no-repeat center center; }
34
.nextR{ width:100px; height:205px; float:left; background:url(../images/nextR.png) no-repeat center center; }*/
35

36
.bgProColor{background-color: #FF9900;}
37
.btn-pro{color:#FFFFFF;background: #FF9900; margin-top:4%;}
38
.btn{padding:6px 24px;}
39
.btn:hover,.btn:focus{outline:none;box-shadow: none;color: #FFFFFF;}
40

41
.link-btn-box{padding:40px 0 50px;}
42
.link-btn-block{text-align: center; text-align: -moz-center; margin: 6px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
43
legend.link-btn{width:32%;border:none;margin:1px auto;}
44
.link-btn-icon{width:80px;height:80px;margin: auto;border-radius: 10px;text-align: center;background-position: center;background-repeat: no-repeat;}
45
.link-btn-icon-fabu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
46
.link-btn-icon-ruzhu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
47
.link-btn-icon-pro{background-image: url(../images/home_icon_woshizhuanjia_nor.png);}
48
.link-btn-tip{padding:0 10px;font-size:18px;color:#666; line-height: 24px;}
49
.link-tip-tit{font-size:20px;color:#333;/*font-weight:bold;*/line-height: 46px;}
35 50
/*热门领域*/
36
.hot-field{ width:100%;  background:url(../images/fieldbg.jpg) no-repeat; background-size:100% 100%;padding:40px 0;}
37
.hh4{width:180px;margin:auto;border:2px #fff solid; border-radius:6px;font-size:20px;line-height:32px; color:#fff; text-align:center; }
38
.field-box{ width:856px;overflow:hidden; margin:20px auto;}
39
.field{ /*width:164px; height:140px;*/ padding:10px 25px; float:left;}
40
.field-name{ display:block; width:164px;font-size:16px;line-height:40px; color:#fff; text-align:center;}
41
.field-icon{ display:block; width:100px; height:100px; border-radius:50%; margin:auto;}
51
.hot-field{ width:100%;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
52
.con-tit{padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;text-align: center;}
53
.hh4{font-size:22px;line-height:40px; color:#fff;}
54
.hh4 img{margin-right:18px;margin-left:-10px;}
55
.field-box{ overflow:hidden; margin:20px auto;}
56
.field{border-radius:2px;/*margin:4px;*/ border:1px solid #d0d0d0;padding:10px 0; float:left;}
57
.field-name{ display:block;font-size:16px;line-height:40px; color:#fff; text-align:center;}
58
.field-icon{ display:block; width:120px; height:120px; border-radius:50%; margin:auto;}
42 59
.field-name:hover{color:#fff;}
43 60
.field-icon1{ background:url(../images/fieldIcon/field20.png) no-repeat center center;}
44 61
.field-icon2{ background:url(../images/fieldIcon/field11.png) no-repeat center center;}
@ -272,8 +289,8 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
272 289
.infor-browse2{padding-bottom:0;}
273 290
.btn-marL{cursor:pointer; }
274 291
.btn-marB{ margin-bottom:30px;cursor:pointer;}
275
.btn{ width:105px; padding:0;cursor:pointer;}
276
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}
292
/*.btn{ width:105px; padding:0;cursor:pointer;}
293
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}*/
277 294
.select-sele{ clear:both; width:100%; height:26px;}
278 295
.add{ float:left;}
279 296
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px;  margin-left:10px;cursor:pointer; }

+ 5 - 5
css/login.css

@ -170,8 +170,8 @@ html,body{ cursor:default; margin:0; height:100%;}
170 170
.agreeNotice,.agreeNotice a{ color:#555; margin-left:4px;}
171 171

172 172
/*验证邮箱跳转页面*/
173
.container{ width:1024px;  background:#fff; margin:auto; margin-top:35px;min-height:75%; padding:0 25px; padding-bottom:40px; border-radius:10px; }
174
.contentmid{ padding:30px 40px;background: #f8f8f8; width:680px;margin: 5% auto;}
173
.containerFrm{ width:1024px;  background:#fff; margin:auto; margin-top:35px;min-height:75%; padding:0 25px; padding-bottom:40px; border-radius:10px; }
174
.contentmid{ padding:30px 40px;background: #f8f8f8; width:760px;margin: 5% auto;}
175 175
.mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
176 176
.statelable{ position:relative;  height:60px;}
177 177
.statelable h2{color: #fff; font-size: 22px;font-weight:400; line-height:48px;background: #ff9900;padding: 0 40px; position: absolute; right:-10px; top:-10px;z-index: 2; border-radius: 20px 0 0 20px; }
@ -179,7 +179,7 @@ html,body{ cursor:default; margin:0; height:100%;}
179 179
.msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
180 180
.msgnotice .emailus{ line-height:28px;}
181 181
.msgnotice .emailus a { font-size: 18px; color: #ff9900;}
182
.msgnotice .maillink{ display:block; font-size:14px; width:100px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:6px;background:#ff9900; color:#fff;}
182
.msgnotice .maillink{ display:block; font-size:14px; width:150px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:6px;background:#ff9900; color:#fff;}
183 183
.msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
184 184
.msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
185 185
.msgnotice .contacttip{ margin-bottom:20px;}
@ -194,7 +194,7 @@ html,body{ cursor:default; margin:0; height:100%;}
194 194

195 195
/*完善信息页面*/
196 196
.basicinforbox{ padding:1px; position: relative; background: rgba(255,132,0,.8); border-radius:20px;}
197
.basicinfor{ position:relative; width:420px; background:#fff;padding: 40px 20px 20px 26px; margin:40px auto;border-radius:20px;}
197
.basicinfor{ position:relative; width:442px; background:#fff;padding: 40px 20px 20px 26px; margin:40px auto;border-radius:20px;}
198 198
.basicinfor .inforAdd_tab{ margin:10px;width:400px;}
199 199
.basicinfor .inforAdd_tab tr td{ padding:1px 2px;}
200 200
.basicinfor .inforAdd_tab tr td{/* padding: 4px 2px; */width: 62px;font-size:14px;float: left;}
@ -209,7 +209,7 @@ html,body{ cursor:default; margin:0; height:100%;}
209 209
.basicinfor .default-photo{ width:140px; height:140px; border-radius:50%; position:absolute; top:20px; left:50%; margin-left:-72px; background:url(../images/default-photo-up.jpg) center center; background-size: 100% 100%; overflow:hidden; border:4px #c9c9c9 solid;}
210 210
.basicinfor .default-photo a{ position:absolute; bottom:0; display:block; background:url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4); width:100%; height:50%; z-index:4;}
211 211
.txtgo{width: 100%;height: 32px;line-height: 32px;font-size: 14px;}
212
.infolist .liststyle .txtgo{height:32px;line-height:32px;font-size:15px;width:145px;text-indent: 0.2em;background:#fafafa;}
212
.infolist .liststyle .txtgo{height:32px;line-height:32px;font-size:15px;width:135px;text-indent: 0.2em;background:#fafafa;}
213 213
.infolist .liststyle span .mr_show2{width:146px;height:32px;font-size:13px;line-height:32px;}
214 214
.infolist .liststyle span .mr_sj2{right:10px;top:14px;}
215 215
.infolist .liststyle .txtgo ul{font-size:12px;top:32px;max-height:180px;}

BIN
images/home_bg_guanzhu_nor.png


BIN
images/home_bg_xiazaiapp_nor.png


BIN
images/home_icon_hezuoqiye_nor.png


BIN
images/home_icon_logo_nor.png


BIN
images/home_icon_qiyeruzhu_nor.png


BIN
images/home_icon_remenlingyu_nor.png


BIN
images/home_icon_remenzhuanjia_nor.png


BIN
images/home_icon_woshizhuanjia_nor.png


BIN
images/home_line_nor.png


+ 86 - 132
index.html

@ -73,76 +73,87 @@
73 73
			</div>
74 74
		</div>
75 75
	</div>
76
	<!--寻找专家流程-->
77
	<div class="process">
78
		<div class="process1">
79
			<span class="process-icon1"></span>
80
			<h3 class="hh3">寻找专家</h3>
81
			<p>在科袖<Br>
82
			寻找企业需要的专家与资源</p>
83
		</div>
84
		<div class="nextR"></div>
85
		<div class="process1">
86
			<span class="process-icon2"></span>
87
			<h3 class="hh3">在线交流</h3>
88
			<p>向专家发出合作意向<Br>
89
			与专家在线沟通咨询</p>
90
		</div>
91
		<div class="nextR"></div>
92
		<div class="process1">
93
			<span class="process-icon3"></span>
94
			<h3 class="hh3">专家合作</h3>
95
			<p>专家确认合作后<Br>
96
			按照约定与企业开展合作</p>
97
		</div>
98
		<div class="nextR"></div>
99
		<div class="process1">
100
			<span class="process-icon4"></span>
101
			<h3 class="hh3">合作评价</h3>
102
			<p>合作完成后<Br>
103
			对专家进行评价</p>
104
		</div>
105
		<div class="clear"></div>
76
	
77
	<div class="container-fulid">
78
	    <div class="container">
79
	    	<div class="row link-btn-box">
80
			  <div class="col-md-6">
81
			  	<fieldset class="link-btn-block">
82
			  		<legend class="link-btn">
83
			  			<div class="link-btn-icon link-btn-icon-fabu bgProColor">
84
			  			</div>
85
			  		</legend>
86
			  		<div class="link-btn-tip">
87
			  			<h2 class="link-tip-tit">发布需求</h2>
88
			  			<p>获得专家回复,解决研发难题,研发成本合理化</p>
89
			  			<button type="button" class="btn btn-pro">立即发布</button>
90
			  		</div>
91
			  	</fieldset>
92
			  </div>
93
			 <!-- <div class="col-md-2"></div>-->
94
			  <div class="col-md-6">
95
			  	<fieldset class="link-btn-block">
96
			  		<legend class="link-btn">
97
			  			<div class="link-btn-icon link-btn-icon-pro bgProColor">
98
			  			</div>
99
			  		</legend>
100
			  		<div class="link-btn-tip">
101
			  			<h2 class="link-tip-tit">我是专家</h2>
102
			  			<p>提升学术声誉,寻找企业合作,科研价值变现</p>
103
			  			<button type="button" class="btn btn-pro">加入科袖</button>
104
			  		</div>
105
			  	</fieldset>
106
			  </div>
107
			</div>
108
	    </div>
106 109
	</div>
110
	
107 111
	<!--热门领域-->
108 112
	<div class="hot-field">
109
		<h4 class="hh4">热门领域</h4>
110
		<div class="field-box">
111
        	<div class="field">
112
				<a href="#"><span class="field-icon field-icon8"></span></a>
113
				<a href="#" class="field-name" >材料失效与保护</a>
114
			</div>
115
            <div class="field">
116
				<a href="#"><span class="field-icon field-icon7"></span></a>
117
				<a href="#" class="field-name" >材料表面与界面</a>
118
			</div>
119
            <div class="field">
120
				<a href="#"><span class="field-icon field-icon6"></span></a>
121
				<a href="#" class="field-name" >黑色金属及其合金</a>
122
			</div>
123
            <div class="field">
124
				<a href="#"><span class="field-icon field-icon5"></span></a>
125
				<a href="#" class="field-name" >有色金属及其合金</a>
126
			</div>
127
            <div class="field">
128
				<a href="#"><span class="field-icon field-icon4"></span></a>
129
				<a href="#" class="field-name" >材料检测与分析技术</a>
130
			</div>
131
            <div class="field">
132
				<a href="#"><span class="field-icon field-icon3"></span></a>
133
				<a href="#" class="field-name" >非晶、微晶金属材料</a>
134
			</div>
135
            <div class="field">
136
				<a href="#"><span class="field-icon field-icon2"></span></a>
137
				<a href="#" class="field-name" >金属基复合材料</a>
138
			</div>
139
			<div class="field">
140
				<a href="#"><span class="field-icon field-icon1"></span></a>
141
				<a href="#" class="field-name" >电化学工程</a>
113
		<div class="container-fulid">
114
	    	<div class="container">
115
	    		<div class="con-tit">
116
	    			<h4 class="hh4"><img src="images/home_icon_remenlingyu_nor.png">热门领域</h4>
117
	    		</div>
118
				
119
				<div class="field-box row">
120
		        	<div class="col-md-3 col-xs-6 field">
121
						<a href="#"><span class="field-icon field-icon8"></span></a>
122
						<a href="#" class="field-name" >材料失效与保护</a>
123
					</div>
124
		            <div class="col-md-3 col-xs-6 field">
125
						<a href="#"><span class="field-icon field-icon7"></span></a>
126
						<a href="#" class="field-name" >材料表面与界面</a>
127
					</div>
128
		            <div class="col-md-3 col-xs-6 field">
129
						<a href="#"><span class="field-icon field-icon6"></span></a>
130
						<a href="#" class="field-name" >黑色金属及其合金</a>
131
					</div>
132
		            <div class="col-md-3 col-xs-6 field">
133
						<a href="#"><span class="field-icon field-icon5"></span></a>
134
						<a href="#" class="field-name" >有色金属及其合金</a>
135
					</div>
136
		            <div class="col-md-3 col-xs-6 field">
137
						<a href="#"><span class="field-icon field-icon4"></span></a>
138
						<a href="#" class="field-name" >材料检测与分析技术</a>
139
					</div>
140
		            <div class="col-md-3 col-xs-6 field">
141
						<a href="#"><span class="field-icon field-icon3"></span></a>
142
						<a href="#" class="field-name" >非晶、微晶金属材料</a>
143
					</div>
144
		            <div class="col-md-3 col-xs-6 field">
145
						<a href="#"><span class="field-icon field-icon2"></span></a>
146
						<a href="#" class="field-name" >金属基复合材料</a>
147
					</div>
148
					<div class="col-md-3 col-xs-6 field">
149
						<a href="#"><span class="field-icon field-icon1"></span></a>
150
						<a href="#" class="field-name" >电化学工程</a>
151
					</div>
152
			
153
				</div>
154
				<!--<a href="search.html" class="more">更多领域<em></em></a>-->
142 155
			</div>
143
	
144
		</div>
145
		<a href="search.html" class="more">更多领域<em></em></a>
156
	    </div>
146 157
	</div>
147 158
	<!--热门专家-->
148 159
	<!--<div class="hot-professor">
@ -282,72 +293,9 @@
282 293
		<a href="search.html" class="more">更多专家</a>
283 294
	</div> -->
284 295
</div>
285
<!--<footer>
286
	<script type="text/javascript" src="js/footer.js"></script>
287
	<div class="container-fulid">
288
		<div class="logo-block">
289
			<img src="images/home_icon_logo_nor.png" width="80" />
290
			<img src="images/home_img_slogan_nor.png" height="30" />
291
		</div>
292
		<div class="help-block">
293
			<p>
294
				<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a>
295
				<a class="listlink" href="" target="_blank" rel="nofollow">企业入驻</a>
296
				<a class="listlink" href="" target="_blank" rel="nofollow">我是专家</a>
297
				<a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a>
298
				<a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a>
299
			</p>
300
			<p>
301
				<span class="listlink">客服热线: 010-62343359</span>
302
				<span class="listlink">客服邮箱:<a rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
303
			</p>
304
			<p>
305
				<span class="listlink">工作时间: 周一至周五  9:00-18:00 </span>
306
			</p>
307
		</div>
308
		<div class="code-block clearfix">
309
			<div class="floatL">
310
				<p class="codelist appcode"><img src="images/app_android_code.jpg" /></p>
311
				<p>下载移动端app</p>
312
			</div>
313
			<div class="floatL">
314
				<p class="codelist weixincode"><img src="images/weixin_code.jpg" /></p>
315
				<p>关注微信公众平台</p>
316
			</div>
317
		</div>
318
		<div class="copy-block">
319
			<span>Copyright© 2016-2017 北京科袖科技有限公司 | 京ICP备16042588号-1 | </span>
320
			<a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306">
321
				<img src="images/beian.png" /> 京公网安备11010802022306号
322
			</a>
323
		</div>
324
	</div>
325
</footer>-->
326
<footer>
327
	<!--<div class="wrapper clearfix">
328
        <i class="footer-logo floatL"></i>
329
        <div class="word_wrapper floatL">
330
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
331
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
332
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
333
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
334
            	<div class="code weixin_code"></div> 
335
            </a><span> | </span>
336
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
337
            	<div class="code app_code"></div> 
338
            </a><span> | </span>
339
            <span class="listlink">客服邮箱:<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
340
            <span> | </span>
341
            <span class="listlink">客服热线: 010-62343359(9:00-17:00)</span>
342
        </div>
343
    </div>
344
    <div class="copyright">
345
        <span><em> © </em>2016 北京科袖科技有限公司</span>
346
        <span> | 京ICP备16042588号-1 | </span>
347
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
348
    </div>-->
349
    <script type="text/javascript" src="js/footer.js"></script>
350
</footer>
296
	<footer>
297
	    <script type="text/javascript" src="js/footer.js"></script>
298
	</footer>
351 299

352 300
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
353 301
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
@ -362,6 +310,12 @@
362 310
			$("#header").addClass("firstB");
363 311
	
364 312
		}
313
//		if (top == 0) {
314
//			$("#header").removeClass('firstB');
315
//		} else {
316
//			$("#header").removeClass('firstB').removeClass('firstL').addClass("firstH");
317
//	
318
//		}
365 319
	})
366 320
</script>
367 321
</body>

+ 4 - 3
information-add.html

@ -9,6 +9,7 @@
9 9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 10
<title>科袖-基本信息</title>
11 11
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
12
<link href="css/bootstrap.min.css" rel="stylesheet">
12 13
<link rel="stylesheet" href="css/reset.css" />
13 14
<link type="text/css" href="css/index.css" rel="stylesheet">
14 15
<link type="text/css" href="css/login.css" rel="stylesheet">
@ -20,8 +21,8 @@
20 21
<div id="header" class="Nosear">
21 22
	<a href="index.html" alt="科袖" class="logo"></a>	
22 23
</div>
23
<div class="container">
24
	<div class="contentmid" style="width:520px;">
24
<div class="containerFrm">
25
	<div class="contentmid" style="width:600px;">
25 26
    	<!--/*完善信息*/-->
26 27
        <div class="basicinforbox">
27 28
        	<div class="basicinfor">
@ -96,7 +97,7 @@
96 97
                    
97 98
                    <tr>
98 99
                    	<td colspan="2">
99
                            <div class="addrebtn" style="text-align:center;width:388px;">
100
                            <div class="addrebtn" style="text-align:center;width:364px;">
100 101
                                <input type="button" value="保存" class="inputtxt txtgo submitBtn" id="saveProfessor">
101 102
                           </div>
102 103
                        </td>

+ 10 - 1
js/common.js

@ -1,4 +1,13 @@
1
1
$(document).ready(function(){
2
	var footerHeight = $("footer").outerHeight(true);
3
	$('#container').css("padding-bottom", footerHeight +"px" );
4
	//窗口大小变更事件
5
	$(window).resize(function() {
6
		footerHeight=$("footer").outerHeight(true);
7
		$('#container').css("padding-bottom", footerHeight +"px" );
8
		//console.log(footerHeight)
9
	});
10
});
2 11
/*向下滚动时,header背景变半透明*/
3 12
$(document).scroll(function() {
4 13
	var top = $(document).scrollTop();

+ 45 - 36
js/footer.js

@ -1,42 +1,51 @@
1 1
//新版footer
2 2
var footerHtml = '';
3 3
footerHtml += '<div class="container-fulid">'+
4
				'<div class="logo-block">'+
5
					'<img src="images/home_icon_logo_nor.png" width="80" />' +
6
					'<img src="images/home_img_slogan_nor.png" height="30" />' +
7
				'</div>' +
8
				'<div class="help-block">' +
9
					'<p>' +
10
						'<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a>' +
11
						'<a class="listlink" href="" target="_blank" rel="nofollow">企业入驻</a>' +
12
						'<a class="listlink" href="" target="_blank" rel="nofollow">我是专家</a>' +
13
						'<a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a>' +
14
						'<a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a>' +
15
					'</p>' +
16
					'<p>' +
17
						'<span class="listlink">客服热线: 010-62343359</span>' +
18
						'<span class="listlink">客服邮箱:<a rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>' +
19
					'</p>' +
20
					'<p>' +
21
						'<span class="listlink">工作时间: 周一至周五  9:00-18:00 </span>' +
22
					'</p>' +
23
				'</div>' +
24
				'<div class="code-block clearfix">' +
25
					'<div class="floatL">' +
26
						'<p class="codelist appcode"><img src="images/app_android_code.jpg" /></p>' +
27
						'<p>下载移动端app</p>' +
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>' +
13
								'<p>' +
14
									'<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a>' +
15
									'<a class="listlink" href="" target="_blank" rel="nofollow">企业入驻</a>' +
16
									'<a class="listlink" href="" target="_blank" rel="nofollow">我是专家</a>' +
17
									'<a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a>' +
18
									'<a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a>' +
19
								'</p>' +
20
								'<p>' +
21
									'<span class="listlink">客服热线: 010-62343359</span>' +
22
									'<span class="listlink">客服邮箱:<a rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>' +
23
								'</p>' +
24
								'<p>' +
25
									'<span class="listlink">工作时间: 周一至周五  9:00-18:00 </span>' +
26
								'</p>' +
27
							'</div>' +
28
							
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>' +
33
										'<p>下载移动端app</p>' +
34
									'</div>' +
35
									'<div class="col-md-6 col-xs-4">' +
36
										'<p class="codelist weixincode"><img src="images/weixin_code.jpg" /></p>' +
37
										'<p>关注微信公众平台</p>' +
38
									'</div>' +
39
								'</div>'+
40
							'</div>' +
41
							'<div class="copy-block clearfix col-lg-12">' +
42
								'<span>Copyright © 2016-2017 北京科袖科技有限公司 | 京ICP备16042588号-1 | </span>' +
43
								'<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号' +
45
								'</a>' +
46
							'</div>' +
47
						'</div>' +
28 48
					'</div>' +
29
					'<div class="floatL">' +
30
						'<p class="codelist weixincode"><img src="images/weixin_code.jpg" /></p>' +
31
						'<p>关注微信公众平台</p>' +
32
					'</div>' +
33
				'</div>' +
34
				'<div class="copy-block">' +
35
					'<span>Copyright© 2016-2017 北京科袖科技有限公司 | 京ICP备16042588号-1 | </span>' +
36
					'<a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306">' +
37
						'<img src="images/beian.png" /> 京公网安备11010802022306号' +
38
					'</a>' +
39
				'</div>' +
40 49
			'</div>';
41 50
//旧版footer
42 51
var fHtml ='';
@ -64,5 +73,5 @@ fHtml +='<div class="wrapper clearfix">' +
64 73
		'</div>';
65 74

66 75

67
document.write(fHtml);
76
document.write(footerHtml);
68 77


+ 2 - 1
privacy.html

@ -10,6 +10,7 @@
10 10
<meta http-equiv="X-UA-Compatible" content="IE=edge">
11 11
<title>科袖用户协议</title>
12 12
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
13
<link rel="stylesheet" href="css/bootstrap.min.css" >
13 14
<link rel="stylesheet" href="css/reset.css" />
14 15
<link type="text/css" href="css/common.css" rel="stylesheet">
15 16

@ -20,7 +21,7 @@
20 21
		<a href="index.html" alt="科袖" class="logo"></a>
21 22
        
22 23
	</div>
23
	<div class="container">
24
	<div class="container" id="container">
24 25
			<div class="privacyBox">
25 26
				<dl>
26 27
					<dt>