浏览代码

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

luyanan 8 年之前
父节点
当前提交
25e5f0b535

+ 2 - 1
bind-mail-no.html

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

+ 2 - 1
bind-mail-ok.html

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

+ 5 - 32
bind-mail.html

9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10
<title>科袖-邮箱验证</title>
10
<title>科袖-邮箱验证</title>
11
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
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
<link rel="stylesheet" href="css/reset.css" />
13
<link rel="stylesheet" href="css/reset.css" />
13
<link type="text/css" href="css/login.css" rel="stylesheet">
14
<link type="text/css" href="css/login.css" rel="stylesheet">
14
<link type="text/css" href="css/common.css" rel="stylesheet">
15
<link type="text/css" href="css/common.css" rel="stylesheet">
30
<div id="header" style="position:static;">
31
<div id="header" style="position:static;">
31
	<a href="index.html" alt="科袖" class="logo"></a>	
32
	<a href="index.html" alt="科袖" class="logo"></a>	
32
</div>
33
</div>
33
<div class="container" id="container">
34
<div class="containerFrm" id="container">
34
	<div class="contentmid">
35
	<div class="contentmid">
35
    	<!--/*邮箱验证提示*/-->
36
    	<!--/*邮箱验证提示*/-->
36
    	<dl class="mailsection">
37
    	<dl class="mailsection">
57
    </div>
58
    </div>
58
</div>
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
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
64
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
92
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
65
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
93
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
66
<script type="text/javascript" src="/js/jquery.cookie.js"></script>

+ 18 - 18
css/common.css

54
input{ outline:none;}
54
input{ outline:none;}
55
/*header部分*/
55
/*header部分*/
56
#header{width:100%;height:60px; background:rgba(255,153,0,1); position:fixed; top:0; z-index:999; }
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
#header.firstL{ background:rgba(255,153,0,0);}
59
#header.firstL{ background:rgba(255,153,0,0);}
60
#header.firstB{ background:rgba(255,153,0,.8);}
60
#header.firstB{ background:rgba(255,153,0,.8);}
61
#header.Nosear{position:static;}
61
#header.Nosear{position:static;}
90

90

91
.myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
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
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
94
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
95
/*footer部分*/
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
footer .wrapper {margin-left:80px;position: relative;padding: 15px 0; min-width:1000px;}
97
footer .wrapper {margin-left:80px;position: relative;padding: 15px 0; min-width:1000px;}
98
footer .footer-logo {display: block;width:80px;height:40px;background: url(../images/logo2.png) 0 0 no-repeat;background-size:100% 100%;}
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
footer .copyright>span:first-child{margin-left:-210px;}
115
footer .copyright>span:first-child{margin-left:-210px;}
116
footer .beianbox{position: absolute;overflow:hidden;color: #fff;text-decoration:none;}
116
footer .beianbox{position: absolute;overflow:hidden;color: #fff;text-decoration:none;}
117
footer .beianbox:hover{text-decoration: underline;}
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
.appstore{width:1000px;color: #696969;text-align: center;margin:40px auto;position:relative;}
120
.appstore{width:1000px;color: #696969;text-align: center;margin:40px auto;position:relative;}
121
.kexiu_logo{margin: 0 20px; position: relative;text-align: left;}
121
.kexiu_logo{margin: 0 20px; position: relative;text-align: left;}
196

196

197

197

198
/*新版footer*/
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
footer .appcode{background-image: url(../images/home_bg_xiazaiapp_nor.png);}
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
.lishow li:hover{ background:#f0f0f0;} 
21
.lishow li:hover{ background:#f0f0f0;} 
22

22

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;}
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
.process1{width:126px; height:144px; float:left; margin-top:40px;}
27
.process1{width:126px; height:144px; float:left; margin-top:40px;}
28
.process-icon1{ display:block; width:71px; height:64px; background:url(../images/steps01.png) no-repeat; margin:auto;}
28
.process-icon1{ display:block; width:71px; height:64px; background:url(../images/steps01.png) no-repeat; margin:auto;}
29
.process-icon2{ display:block; width:67px; height:64px; background:url(../images/steps02.png) no-repeat; margin:auto;}
29
.process-icon2{ display:block; width:67px; height:64px; background:url(../images/steps02.png) no-repeat; margin:auto;}
31
.process-icon4{ display:block; width:70px; height:64px; background:url(../images/steps04.png) no-repeat; margin:auto;}
31
.process-icon4{ display:block; width:70px; height:64px; background:url(../images/steps04.png) no-repeat; margin:auto;}
32
.hh3{font-size:18px;line-height:30px; color:#333; text-align:center; }
32
.hh3{font-size:18px;line-height:30px; color:#333; text-align:center; }
33
.process p{font-size:14px;line-height:20px; color:#888; text-align:center;  }
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
.field-name:hover{color:#fff;}
59
.field-name:hover{color:#fff;}
43
.field-icon1{ background:url(../images/fieldIcon/field20.png) no-repeat center center;}
60
.field-icon1{ background:url(../images/fieldIcon/field20.png) no-repeat center center;}
44
.field-icon2{ background:url(../images/fieldIcon/field11.png) no-repeat center center;}
61
.field-icon2{ background:url(../images/fieldIcon/field11.png) no-repeat center center;}
272
.infor-browse2{padding-bottom:0;}
289
.infor-browse2{padding-bottom:0;}
273
.btn-marL{cursor:pointer; }
290
.btn-marL{cursor:pointer; }
274
.btn-marB{ margin-bottom:30px;cursor:pointer;}
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
.select-sele{ clear:both; width:100%; height:26px;}
294
.select-sele{ clear:both; width:100%; height:26px;}
278
.add{ float:left;}
295
.add{ float:left;}
279
.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; }
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
.agreeNotice,.agreeNotice a{ color:#555; margin-left:4px;}
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
.mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
175
.mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
176
.statelable{ position:relative;  height:60px;}
176
.statelable{ position:relative;  height:60px;}
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; }
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
.msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
179
.msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
180
.msgnotice .emailus{ line-height:28px;}
180
.msgnotice .emailus{ line-height:28px;}
181
.msgnotice .emailus a { font-size: 18px; color: #ff9900;}
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
.msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
183
.msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
184
.msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
184
.msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
185
.msgnotice .contacttip{ margin-bottom:20px;}
185
.msgnotice .contacttip{ margin-bottom:20px;}
194

194

195
/*完善信息页面*/
195
/*完善信息页面*/
196
.basicinforbox{ padding:1px; position: relative; background: rgba(255,132,0,.8); border-radius:20px;}
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
.basicinfor .inforAdd_tab{ margin:10px;width:400px;}
198
.basicinfor .inforAdd_tab{ margin:10px;width:400px;}
199
.basicinfor .inforAdd_tab tr td{ padding:1px 2px;}
199
.basicinfor .inforAdd_tab tr td{ padding:1px 2px;}
200
.basicinfor .inforAdd_tab tr td{/* padding: 4px 2px; */width: 62px;font-size:14px;float: left;}
200
.basicinfor .inforAdd_tab tr td{/* padding: 4px 2px; */width: 62px;font-size:14px;float: left;}
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;}
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
.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;}
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
.txtgo{width: 100%;height: 32px;line-height: 32px;font-size: 14px;}
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
.infolist .liststyle span .mr_show2{width:146px;height:32px;font-size:13px;line-height:32px;}
213
.infolist .liststyle span .mr_show2{width:146px;height:32px;font-size:13px;line-height:32px;}
214
.infolist .liststyle span .mr_sj2{right:10px;top:14px;}
214
.infolist .liststyle span .mr_sj2{right:10px;top:14px;}
215
.infolist .liststyle .txtgo ul{font-size:12px;top:32px;max-height:180px;}
215
.infolist .liststyle .txtgo ul{font-size:12px;top:32px;max-height:180px;}

二进制
images/home_bg_guanzhu_nor.png


二进制
images/home_bg_xiazaiapp_nor.png


二进制
images/home_icon_hezuoqiye_nor.png


二进制
images/home_icon_logo_nor.png


二进制
images/home_icon_qiyeruzhu_nor.png


二进制
images/home_icon_remenlingyu_nor.png


二进制
images/home_icon_remenzhuanjia_nor.png


二进制
images/home_icon_woshizhuanjia_nor.png


二进制
images/home_line_nor.png


+ 86 - 132
index.html

73
			</div>
73
			</div>
74
		</div>
74
		</div>
75
	</div>
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
	</div>
109
	</div>
110
	
107
	<!--热门领域-->
111
	<!--热门领域-->
108
	<div class="hot-field">
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
			</div>
155
			</div>
143
	
144
		</div>
145
		<a href="search.html" class="more">更多领域<em></em></a>
156
	    </div>
146
	</div>
157
	</div>
147
	<!--热门专家-->
158
	<!--热门专家-->
148
	<!--<div class="hot-professor">
159
	<!--<div class="hot-professor">
282
		<a href="search.html" class="more">更多专家</a>
293
		<a href="search.html" class="more">更多专家</a>
283
	</div> -->
294
	</div> -->
284
</div>
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
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
300
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
353
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
301
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
362
			$("#header").addClass("firstB");
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
</script>
320
</script>
367
</body>
321
</body>

+ 4 - 3
information-add.html

9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10
<title>科袖-基本信息</title>
10
<title>科袖-基本信息</title>
11
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
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
<link rel="stylesheet" href="css/reset.css" />
13
<link rel="stylesheet" href="css/reset.css" />
13
<link type="text/css" href="css/index.css" rel="stylesheet">
14
<link type="text/css" href="css/index.css" rel="stylesheet">
14
<link type="text/css" href="css/login.css" rel="stylesheet">
15
<link type="text/css" href="css/login.css" rel="stylesheet">
20
<div id="header" class="Nosear">
21
<div id="header" class="Nosear">
21
	<a href="index.html" alt="科袖" class="logo"></a>	
22
	<a href="index.html" alt="科袖" class="logo"></a>	
22
</div>
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
        <div class="basicinforbox">
27
        <div class="basicinforbox">
27
        	<div class="basicinfor">
28
        	<div class="basicinfor">
96
                    
97
                    
97
                    <tr>
98
                    <tr>
98
                    	<td colspan="2">
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
                                <input type="button" value="保存" class="inputtxt txtgo submitBtn" id="saveProfessor">
101
                                <input type="button" value="保存" class="inputtxt txtgo submitBtn" id="saveProfessor">
101
                           </div>
102
                           </div>
102
                        </td>
103
                        </td>

+ 10 - 1
js/common.js

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
/*向下滚动时,header背景变半透明*/
11
/*向下滚动时,header背景变半透明*/
3
$(document).scroll(function() {
12
$(document).scroll(function() {
4
	var top = $(document).scrollTop();
13
	var top = $(document).scrollTop();

+ 45 - 36
js/footer.js

1
//新版footer
1
//新版footer
2
var footerHtml = '';
2
var footerHtml = '';
3
footerHtml += '<div class="container-fulid">'+
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
					'</div>' +
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
			'</div>';
49
			'</div>';
41
//旧版footer
50
//旧版footer
42
var fHtml ='';
51
var fHtml ='';
64
		'</div>';
73
		'</div>';
65

74

66

75

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

77


+ 2 - 1
privacy.html

10
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10
<meta http-equiv="X-UA-Compatible" content="IE=edge">
11
<title>科袖用户协议</title>
11
<title>科袖用户协议</title>
12
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
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
<link rel="stylesheet" href="css/reset.css" />
14
<link rel="stylesheet" href="css/reset.css" />
14
<link type="text/css" href="css/common.css" rel="stylesheet">
15
<link type="text/css" href="css/common.css" rel="stylesheet">
15

16

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