html 静态文件：
1 <!DOCTYPE html>
2 <!--
3 To change this license header, choose License Headers in Project Properties.
4 To change this template file, choose Tools | Templates
5 and open the template in the editor.
6 -->
7 <html>
8 <head>
9 <title>XXX</title>
10 <meta charset="UTF-8"><!--使用UTF8编码-->
11 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--宽度为设备的宽度,初始缩放比例为1.0 -->
12 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><!--如果安装了GCF，就是用chrome 浏览器来渲染，假如没有就用最高版本的IE来渲染-->
13 <meta property="wb:webmaster" content="ace8a92ee8d54f93" />
14 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" media="screen" />
15 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" ></script>
16 <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
17 <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
18 <link href="common.css" rel="stylesheet">
19 <style>
20
21 </style>
22 <script type=‘text/javascript‘>
23 $(function () {
24 shipei();
25 var nowpage = ‘1‘;
26 $(‘.jian,.qu,.kuai,.hu,.quan‘).bind(‘click‘, function () {
27 $(‘.fuceng‘).show();
28 $(‘.jian,.qu,.kuai,.hu,.quan‘).hide();
29 $(‘.adv‘).hide();
30 switch ($(this).attr(‘data-val‘)) {
31 case ‘jian‘:
32 nowpage = ‘1‘;
33 $(‘.jiandesc‘).show();
34 break;
35 case ‘qu‘:
36 nowpage = ‘2‘;
37 $(‘.qudesc‘).show();
38 break;
39 case ‘hu‘:
40 nowpage = ‘4‘;
41 $(‘.hudesc‘).show();
42 break;
43 case ‘quan‘:
44 nowpage = ‘5‘;
45 $(‘.quandesc‘).show();
46 break;
47 case ‘kuai‘:
48 nowpage = ‘3‘;
49 $(‘.kuaidesc‘).show();
50 break;
51 default:
52 nowpage = ‘1‘;
53 $(‘.jiandesc‘).show();
54 break;
55 }//定义五个元素都绑定 click 点击事件, 浮层显示,进行一个switch case的判断，用nowpage变量来存储当前要切换的页面,，然后把要显示的页面show 出来
56 });
57 $(‘.show_close‘).bind(‘click‘, function () {
58 $(‘.fuceng‘).hide();
59 $(‘.jian,.qu,.kuai,.hu,.quan‘).show();
60 $(‘.adv‘).show();
61 $(‘.jiandesc,.qudesc,.hudesc,.quandesc,.kuaidesc‘).hide();
62 }); //定义关闭按钮，时间绑定一个click事件，把浮层隐藏，五个图显示出来，
63 $(‘.jiantouleft‘).bind(‘click‘, function () {
64 $(‘.fuceng‘).show();
65 $(‘.jian,.qu,.kuai,.hu,.quan‘).hide();
66 $(‘.adv‘).hide();
67 $(‘.jiandesc,.qudesc,.hudesc,.quandesc,.kuaidesc‘).hide();
68 switch (nowpage) {
69 case ‘1‘:
70 nowpage = ‘5‘;
71 $(‘.quandesc‘).show();
72 break;
73 case ‘2‘:
74 nowpage = ‘1‘;
75 $(‘.jiandesc‘).show();
76 break;
77 case ‘3‘:
78 nowpage = ‘2‘;
79 $(‘.qudesc‘).show();
80 break;
81 case ‘4‘:
82 nowpage = ‘3‘;
83 $(‘.kuaidesc‘).show();
84 break;
85 case ‘5‘:
86 nowpage = ‘4‘;
87 $(‘.hudesc‘).show();
88 break;
89 default:
90 nowpage = ‘1‘;
91 $(‘.jiandesc‘).show();
92 break;
93 }
94 })//剪头左边用来切换图片，假如当前的页面是1的话，切换到第五页。
95 $(‘.jiantouright‘).bind(‘click‘, function () {
96 $(‘.fuceng‘).show();
97 $(‘.jian,.qu,.kuai,.hu,.quan‘).hide();
98 $(‘.adv‘).hide();
99 $(‘.jiandesc,.qudesc,.hudesc,.quandesc,.kuaidesc‘).hide();
100 switch (nowpage) {
101 case ‘1‘:
102 nowpage = ‘2‘;
103 $(‘.qudesc‘).show();
104 break;
105 case ‘2‘:
106 nowpage = ‘3‘;
107 $(‘.kuaidesc‘).show();
108 break;
109 case ‘3‘:
110 nowpage = ‘4‘;
111 $(‘.hudesc‘).show();
112 break;
113 case ‘4‘:
114 nowpage = ‘5‘;
115 $(‘.quandesc‘).show();
116 break;
117 case ‘5‘:
118 nowpage = ‘1‘;
119 $(‘.jiandesc‘).show();
120 break;
121 default:
122 nowpage = ‘1‘;
123 $(‘.jiandesc‘).show();
124 break;
125 }
126 //console.log(nowpage);
127 });
128 });
129 function shipei() {
130 var w = $(window).width(); //适配页面，w为当前浏览器的宽度，
131 var weixinleft = (w - 715) / 2; //底部图片居左＝浏览器宽度-图片的宽度 再除以2
132 var left = weixinleft + 280;
133 // $(".weixinhelp").css({‘left‘: left - 15});
134 // $(".weixin").css({‘left‘: weixinleft});
135 // $(".toplogo").css({‘left‘: weixinleft - 104});
136 // $(".search").css({‘left‘: left - 15});
137 // $(".adv").css({‘margin-left‘: left - 687});
138 // $(".adv").css({‘margin-left‘: 190px;});
139 $(".jiantouleft").css({‘left‘: left - 343});
140 $(".jiantouright").css({‘right‘: left - 343});
141 $(".show_close").css({‘right‘: left - 313});
142 // $(".button").css({‘left‘: left + 238});
143 // $(".topjpg").css({‘right‘: left - 270});
144 $(‘.showpic‘).css({‘height‘: 900 / 1920 * w});
145 $(‘.jian‘).css({‘left‘: weixinleft + 1});
146 $(‘.qu‘).css({‘left‘: weixinleft + 262});
147 $(‘.kuai‘).css({‘left‘: weixinleft + 525});
148 $(‘.hu‘).css({‘left‘: weixinleft + 132});
149 $(‘.quan‘).css({‘left‘: weixinleft + 395});
150 // $(‘.touziyinghao‘).css({‘top‘: $(‘.showpic‘).height()});
151 var fontsize = w * 90 / 1920;//定义字体的
152 //console.log(fontsize);
153 //if(fontsize<=)
154 $(‘.showpicfont‘).css({‘font-size‘: fontsize});
155 //$(‘.showpicfont‘).css({‘left‘:(w - $(‘.showpicfont‘).width())/2});
156 }
157 $(window).resize(function () {
158 shipei();
159 });
160 </script>
161 </head>
162 <body>
163 <div class="box" id=‘dingbu‘><!--顶部-->
164 <div class="head"></div>
165 <div class=‘toplogo‘>
166 <a href=‘index_1.html‘><img src=‘images/logo.png‘ class=‘logo‘/></a>
167 </div>
168 <div id=‘carousel-example-generic‘ class="carousel slide showpic" data-ride="carousel" >
169 <!-- Indicators -->
170 <ol class="carousel-indicators">
171 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li><!--data-target 轮播，使用的是bootstrap轮转图-->
172 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
173 <li data-target="#carousel-example-generic" data-slide-to="2"></li>
174 <li data-target="#carousel-example-generic" data-slide-to="3"></li>
175 <li data-target="#carousel-example-generic" data-slide-to="4"></li>
176 </ol>
177
178 <div class="carousel-inner" role="listbox">
179 <div class="item active">
180 <img src=‘images/1.jpg‘ class=‘showpicimg‘/>
181 <div class="showpicfont">机会只给 有准备的人</div>
182 <div class="carousel-caption"></div>
183 </div>
184 <div class="item">
185 <img src=‘images/2.jpg‘ class=‘showpicimg‘/>
186 <div class="showpicfont">全方位 学习</div>
187 <div class="carousel-caption"></div>
188 </div>
189 <div class="item">
190 <img src=‘images/3.jpg‘ class=‘showpicimg‘/>
191 <div class="showpicfont">赚钱的方式 有很多种</div>
192 <div class="carousel-caption"></div>
193 </div>
194 <div class="item">
195 <img src=‘images/4.jpg‘ class=‘showpicimg‘/>
196 <div class="showpicfont">不让时间 虚度</div>
197 <div class="carousel-caption"></div>
198 </div>
199 <div class="item">
200 <img src=‘images/5.jpg‘ class=‘showpicimg‘/>
201 <div class="showpicfont">活到老 学到老</div>
202 <div class="carousel-caption"></div>
203 </div>
204 </div>
205 <!-- Controls -->
206 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"></a>
207 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"></a>
208
209 </div>
210
211 <div class="touziyinghao">
212 <div class=‘touziyinghao_box‘>
213 <div class=‘jian‘ data-val=‘jian‘></div>
214 <div class=‘qu‘ data-val=‘qu‘></div>
215 <div class=‘kuai‘ data-val=‘kuai‘></div>
216 <div class=‘hu‘ data-val=‘hu‘></div>
217 <div class=‘quan‘ data-val=‘quan‘></div>
218
219 <div class=‘adv‘><img src=‘images/c1.png‘/></div>
220
221 <div class=‘fuceng‘>
222 <div class=‘show_close‘><img src=‘images/close.png‘/></div>
223 <img src=‘images/jian.png‘ class=‘jiandesc‘/>
224 <img src=‘images/qu.png‘ class=‘qudesc‘ />
225 <img src=‘images/kuai.png‘ class=‘kuaidesc‘/>
226 <img src=‘images/hu.png‘ class=‘hudesc‘/>
227 <img src=‘images/quan.png‘ class=‘quandesc‘/>
228 <div class=‘jiantouleft‘><img src=‘images/jiantou-left.png‘/></div>
229 <div class=‘jiantouright‘><img src=‘images/jiantou-right.png‘/></div>
230 </div>
231 </div>
232 </div>
233 <div class=‘xuehuitouzi‘>
234 <div class="xuehuitouzi_box"></div>
235 </div>
236 <!--<div class=‘content‘>
237 <img src=‘images/good.jpg‘ class=‘good‘/>
238 </div>-->
239 <div class="content">
240 <div class="pingjia pingjia1">
241 <div class="haogongsi"><img src=‘images/haogongsi.jpg‘/></div>
242 <div class=‘qiye‘>盛大资本</div>
243 <div class=‘qiyetuijian‘>
244 优秀团队创造的优秀产<br>
245 品，值得每个人认真体<br>
246 验。
247 </div>
248 </div>
249 <div class="pingjia pingjia2">
250 <div class="haogongsi"><img src=‘images/haogongsi.jpg‘/></div>
251 <div class=‘qycenter‘>
252 <div class=‘qiye‘>FX168</div>
253 <div class=‘qiyetuijian‘>
254 把金融做的如此互联网<br>
255 化，突破与融合，同行<br>
256 的骄傲！<br/>
257 </div>
258 </div>
259 </div>
260 <div class="pingjia">
261 <div class="haogongsi"><img src=‘images/haogongsi.jpg‘/></div>
262 <div class=‘qyright‘>
263 <div class=‘qiye‘>资深投资者</div>
264 <div class=‘qiyetuijian‘>
265 这不是我用过的最专业<br>
266 的交易软件，但确实与<br>
267 众不同，尤其对新手来<br>
268 说简单至极。<br/>
269 </div>
270 </div>
271 </div>
272 </div>
273 <div class=‘line‘></div>
274 <!-- <div class=‘content‘>
275 <div class=‘hezuohuoban‘>合作伙伴</div>
276 <div><img src=‘images/huoban.png‘ class=‘huobanimg‘/></div>ni‘tai
277 </div>-->
278 <div class=‘bottom‘>
279 <div class=‘contect‘>
280 <span><a href=‘about.php‘ target=‘_blank‘>关于我们</a> ｜</span>
281 <span> <a href=‘http://www.jobtong.com/e/4714‘ target=‘_blank‘>职位招聘</a> ｜</span>
282 <span> <a href="#" data-toggle="modal" data-target="#userAdviceModal">意见与反馈</a> ｜</span><!--打开的是模态窗口-->
283 <span> <a href=‘business.php‘ target=‘_blank‘>商务合作</a> ｜</span>
284 <span> <img src=‘images/guoqi.jpg‘/></span>
285 </div>
286 <div class=‘banquan‘>©2014 北京掌迭英豪科技有限公司 | 京ICP备15000105号-1</div>
287 </div>
288 <div class="footer"></div>
289 <div class=‘content ‘>
290 <img src=‘images/weixin.png‘ class="weixin"/>
291 <div class=‘weixinhelp‘>
292 <span>用手机扫描左侧二维码</span><br/>
293 <span>或输入手机号获取下载链接</span>
294 </div>
295 <input type=‘text‘ class=‘search phone_number‘/>
296 <img src=‘images/button.png‘ class=‘button send_sms‘ id="send_sms"/>
297 <span class="get_link">获取链接</span>
298 <a href=‘#dingbu‘>
299 <img src=‘images/back_top.png‘ class=‘topjpg‘/>
300 <span class="back_top_font">回到顶部</span>
301 </a>
302 </div>
303 <!-- Modal -->
304 <div class="modal fade" id="userAdviceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
305 <div class="modal-dialog">
306 <div class="modal-content">
307 <div class="modal-header">
308 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
309 <h4 class="modal-title" id="myModalLabel" >意见与反馈</h4>
310 </div>
311 <div class="modal-body">
312 <textarea name="user_advice" class="form-control" rows="3"></textarea>
313 </div>
314 <div class="modal-footer">
315 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
316 <button type="button" class="btn btn-primary" id="advice_submit">提交</button>
317 </div>
318 </div>
319 </div>
320 </div>
321 <script>
322 function aboutshipei_footer() {
323 var w = $(window).width();
324 var weixinleft = (w - 715) / 2;
325 var left = weixinleft + 280;
326 $(".weixinhelp").css({‘left‘: left - 15});
327 $(".weixin").css({‘left‘: weixinleft});
328 $(".toplogo").css({‘left‘: weixinleft - 50});
329 $(".search").css({‘left‘: left - 15});
330 $(".send_sms").css({‘left‘: left + 238});
331 $(".get_link").css({‘left‘: left + 238});
332 $(".topjpg").css({‘right‘: left - 270});
333 $(".back_top_font").css({‘right‘: left - 270});
334 }
335 $(window).resize(function () {
336 aboutshipei_footer(); //理解为当浏览器窗口调整的时候，执行下面的方法
337 });
338 $(function () {
339 aboutshipei_footer();
340 $(".get_link").click(function () {
341 var phone_number = $(".phone_number").val();
342 $.ajax({
343 url: ‘send_sms.php‘,
344 type: ‘post‘,
345 data: "phone_number=" + phone_number,
346 success: function (data) {
347 var data = eval(‘(‘ + data + ‘)‘);
348 if (data[‘res‘]) {
349 alert("下载链接已发送，请注意查收。");
350 } else {
351 alert(data[‘msg‘]);
352 }
353 }
354 });
355 });//根据用户输入的手机号码等到下载链接
356
357 $("#advice_submit").on(‘click‘, function () {
358 var user_advice = $("textarea[name=‘user_advice‘]").val();
359 if (user_advice === "") {
360 console.dir(user_advice); //打印对象结构
361 alert("意见不能为空");
362 } else {
363 $.ajax({
364 url: ‘save_advice.php‘,
365 type: ‘post‘,
366 data: "advice=" + user_advice,
367 success: function (data) {
368 $(‘#userAdviceModal‘).modal(‘hide‘);//将提交建议的模态窗口关闭
369 alert("提交成功");
370 }
371 });
372 }
373 });
374
375 //Bootstrap 3 modal vertical position center
376 function centerModal() {
377 $(this).css(‘display‘, ‘block‘);
378 var $dialog = $(this).find(".modal-dialog");
379 var offset = ($(window).height() - $dialog.height()) / 2;
380 // Center modal vertically in window
381 $dialog.css("margin-top", offset);
382 }
383 $(‘.modal‘).on(‘show.bs.modal‘, centerModal);
384 $(window).on("resize", function () {
385 $(‘.modal:visible‘).each(centerModal);
386 });
387
388 });
389
390 </script> </div>
391
392 </body>
393 </html>
CSS文件：
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 2015-1-26, 18:05:40
Author : dev001
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 2015-1-14, 10:18:04
Author : zhangce
*/
body,html{margin:0; padding:0; width:100%; height:100%;} /* css注释的方法是、**、 把浏览器的默认元素的margin，padding 清零*/
ul{list-style: none ;width:375px; float: left} /*把ul 的默认样式清空，左浮动*/
img,.showpic{margin: 0;padding: 0; border:0;}/* */
.box{ width:100%; height:100%; text-align: center} /*text-align: center 是文本居中，模块居中是margin：0 auto*/
.head{ background-color: #000; opacity: 0.6; width:100%; height:90px;z-index: 1000; position:fixed;top:0px;} /* position:fixed;是生成绝对定位，相对于浏览器窗口来定位*/
.toplogo{ position:fixed; height: 90px; opacity: 1; z-index: 1001;}
.logo{ width:221px; height:66px; margin-top: 11px;}
.showpic img{width:100%; margin:0;padding: 0;}
/*.touziyinghao{ min-width:715px; background: url(‘images/c1bg.jpg‘) center top no-repeat; height:1164px; width:100%; position: absolute;}*/
.touziyinghao{ min-width:715px; background: url(‘images/c1bg_border.png‘) center top repeat-x; height:1164px; width:100%; position: relative;} /* min-width:设置元素的最少宽度*/
.touziyinghao_box{width: 1164px;margin: auto;height: 610px;background: url(‘images/c1bg.jpg‘) center top no-repeat;} /* no-repeat 是指图像不平铺*/
/*.touziyinghao_box{ background-color: red;height:610px; width:200px;margin: auto;position: relative}*/
.xuehuitouzi{ min-width:715px; background: url(‘images/c2_border.png‘) center top repeat-x; height:735px; width:100%; margin-top:-554px;} /*repeat-x指的是在横向平铺*/
.xuehuitouzi_box{width: 1164px;margin: auto;height: 735px;background: url(‘images/c2.jpg‘) center top no-repeat;}
.line{border:#ebebeb 1px solid; width:100%;margin-top:382px;}
.content{width:715px; margin: 0 auto; }
.good{width:715px; margin-top:120px;margin-bottom: 100px; height:407px;}
.bottom{ background: url(‘images/rpx.jpg‘) repeat-x; width:100%; height:85px; margin-bottom: 43px; padding-top: 18px; margin-bottom: 120px;}
.contect{ line-height:42px; font-size: 12.5px; color:#5b5b5b}
.hezuohuoban{ font-size: 18px; float: left; margin-top: 37px; margin-left:8px;}
.huobanimg{width:715px; margin-bottom: 42px; margin-top: 24px; }
.banquan{color:#969696; font-size: 12.5px;}
a{color:#5b5b5b}
.footer{background-color: #000; opacity: 0.8; width:100%; z-index: 1000; height:120px; position: fixed; bottom: 0px;}
.weixin{ position:fixed; bottom:10px; left:0px; height:60px;bottom: 28px; z-index: 1001; }
.weixinhelp{position: fixed; bottom:52px; font-size: 12px;color: #dfdfdf; line-height: 20px;text-align: left; z-index: 1001}
.search{position: fixed; bottom:27px; height:20px; width:240px; border:#fff 1px solid; z-index: 1001}
.send_sms{position: fixed; bottom:27px; height:20px; width:53px;z-index: 1001;cursor: pointer;}
.get_link{position: fixed; bottom:27px; z-index: 1002;color: white;font-size: 10px;-webkit-text-size-adjust: none;width: 53px;height: 20px;line-height: 20px;cursor: pointer;}
.topjpg{position: fixed; bottom:27px; z-index: 1001; width:60px;}
.back_top_font{position: fixed; bottom:34px; z-index: 1001; width:60px;font-size: 12px;}
.jian,.qu,.kuai,.hu,.quan{ position: absolute; width:182px;height:182px; transform:rotate(45deg); cursor:pointer; } /*cursor:pointer;指的是鼠标进入区域之后，变成手的图案，transform:rotate(45deg)元素旋转45度*/
.jiandesc,.qudesc,.kuaidesc,.hudesc,.quandesc{display:none}/*display:none理解为在页面彻底消失，理解为看不见摸不着。visible：hidden 指的是在网页上看不到，但是对象所占用的空间是没有发生变化的，理解为看不见摸得着 */
.jian{top:205px;z-index: 1;}/*330*/
.qu{top:205px;z-index: 1;}
.kuai{top:205px;z-index: 1;}
.hu{top:340px;z-index: 1;}
.quan{top:340px;z-index: 1;}
.fuceng{ margin: 0 auto; width:782px; display: none;padding-top: 120px;}
.adv{padding-top:167px; width:780px;position: absolute;margin-left: 190px; }
.adv img{ width:780px;}
.show_close{position: absolute; top:130px; cursor:pointer}
.jiantouright{position: absolute; top:354px; cursor:pointer}
.jiantouleft{position: absolute;top:354px;cursor:pointer }
.showpicfont{ position: absolute;margin:0 auto; bottom:55px; font-size:92px; color:#fff; width:100%; text-align:center; font-weight:lighter;-webkit-text-shadow: 1px 1px 5px ;-moz-text-shadow: 1px 1px 5px #ccc;text-shadow: 1px 1px 5px #ccc;}
/* text-shadow: 理解为文本阴影*/
.haogongsi img{ width:153px;}
.pingjia{ width:160px; margin-top:72px; float:left; height:247px; text-align: left; line-height: 26px; font-size: 14.55px; } /*line-height理解为设置以百分比计算的行高*/
.pingjia .qiye{font-size: 19.4px; margin-top:20px; font-weight: 500;margin-bottom: 6px;}
.qyfrom{font-size: 11px; font-weight: lighter;}
.pingjia1{ width:275px;}
.pingjia2{ width:275px;}
.qiyetuijian{font-weight: normal;color: #878787;}
.carousel-indicators li{ border:0px;background-color:#a18cba}
.carousel-indicators .active{background-color:#6023ac}
/*body,html{margin:0; padding:0; width:100%; height:100%;}*/
/*ul{list-style: none ;width:375px; float: left}*/
/*img,.showpic{margin: 0;padding: 0; border:0;}*/
/*.box{ width:100%; height:100%; text-align: center}*/
/*.head{ background-color: #000; opacity: 0.6; width:100%; height:90px;z-index: 1000; position:fixed;top:0px;}*/
/*.toplogo{ position:fixed; height: 90px; opacity: 1; z-index: 1001;}*/
/*.logo{ width:221px; height:66px; margin-top: 11px;}*/
/*a{color:#5b5b5b}*/
/*.showpic img{width:100%; margin:0;padding: 0;}*/
/*.line{border:#ebebeb 1px solid; width:100%;margin-top:382px;}*/
.about_us .content{width:780px; margin: 0 auto; }
/*.bottom{ background: url(‘images/rpx.jpg‘) repeat-x; width:100%; height:85px; margin-bottom: 43px; padding-top: 18px; margin-bottom: 120px;}*/
/*.contect{ line-height:42px; font-size: 12.5px; color:#5b5b5b}*/
/*.banquan{color:#969696; font-size: 14px;}*/
/*.footer{background-color: #000; opacity: 0.8; width:100%; z-index: 1000; height:120px; position: fixed; bottom: 0px;}*/
/*.weixin{ position:fixed; bottom:10px; left:0px; height:60px;bottom: 36px; z-index: 1001; }*/
/*.weixinhelp{position: fixed; bottom:60px; font-size: 12px;color: #dfdfdf; line-height: 20px;text-align: left; z-index: 1001}*/
/*.search{position: fixed; bottom:35px; height:20px; width:240px; border:#fff 1px solid; z-index: 1001}*/
/*.button{position: fixed; bottom:35px; height:20px; width:44px;z-index: 1001}*/
/*.topjpg{position: fixed; bottom:30px; z-index: 1001; width:60px;}*/
.aboutus{border:#ddd 1px solid;margin-top:60px; margin-bottom: 60px;border-radius: 4px; text-align: left; padding: 30px;}
.title{font-size: 29px;}
.contedesc{font-size:21px; color:#878787; font-weight: lighter}
时间： 2024-08-13 15:59:32