feat:首页
Showing
7 changed files
with
288 additions
and
24 deletions
... | @@ -8,6 +8,9 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq | ... | @@ -8,6 +8,9 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq |
8 | background: transparent; | 8 | background: transparent; |
9 | font-family: Arial; | 9 | font-family: Arial; |
10 | } | 10 | } |
11 | .clearfix { | ||
12 | overflow: auto; | ||
13 | } | ||
11 | 14 | ||
12 | 15 | ||
13 | /*================首页 start=====================*/ | 16 | /*================首页 start=====================*/ |
... | @@ -183,7 +186,8 @@ div.banner ul li a { | ... | @@ -183,7 +186,8 @@ div.banner ul li a { |
183 | .laws_regulations { | 186 | .laws_regulations { |
184 | width: 1200px; | 187 | width: 1200px; |
185 | margin: 0 auto; | 188 | margin: 0 auto; |
186 | padding: 60px 0; | 189 | padding: 50px 0; |
190 | overflow: hidden; | ||
187 | } | 191 | } |
188 | .laws_regulations .regulations, .policy { | 192 | .laws_regulations .regulations, .policy { |
189 | border-radius: 2px; | 193 | border-radius: 2px; |
... | @@ -198,28 +202,191 @@ div.banner ul li a { | ... | @@ -198,28 +202,191 @@ div.banner ul li a { |
198 | 202 | ||
199 | .laws_regulations .regulations{ | 203 | .laws_regulations .regulations{ |
200 | float: left; | 204 | float: left; |
201 | padding-left: 5px; | ||
202 | } | 205 | } |
203 | .laws_regulations .regulations h2 a{ | 206 | .laws_regulations .title h2 a{ |
204 | display: block; | 207 | display: block; |
205 | padding: 20px; | 208 | padding: 20px; |
206 | box-sizing: border-box; | 209 | box-sizing: border-box; |
210 | height: 60px; | ||
211 | box-sizing: border-box; | ||
207 | border-bottom: 1px solid #E6E6E6; | 212 | border-bottom: 1px solid #E6E6E6; |
213 | width: 100%; | ||
208 | } | 214 | } |
209 | .laws_regulations .regulations h2 a p{ | 215 | .laws_regulations .title h2 a p{ |
210 | font-weight: 600; | 216 | font-weight: 600; |
211 | color: #4A4A4A; | 217 | color: #4A4A4A; |
212 | line-height: 20px; | 218 | float: left; |
219 | height: 36px; | ||
220 | border-bottom: 2px solid #006CFF; | ||
213 | } | 221 | } |
214 | .laws_regulations .regulations h2 i{ | 222 | .laws_regulations .title h2 a p span { |
223 | position: relative; | ||
224 | } | ||
225 | |||
226 | .laws_regulations .title h2 i{ | ||
215 | font-style: normal; | 227 | font-style: normal; |
216 | float: right; | 228 | float: right; |
217 | font-size: 14px; | 229 | font-size: 14px; |
218 | color: #9B9B9B; | 230 | color: #9B9B9B; |
219 | line-height: 14px; | ||
220 | } | 231 | } |
221 | 232 | .laws_regulations .title h2 i:hover { | |
233 | color: #f46143; | ||
234 | } | ||
235 | .laws_regulations .laws_list { | ||
236 | padding: 0 21px; | ||
237 | } | ||
238 | .laws_regulations .laws_list li{ | ||
239 | height: 50px; | ||
240 | line-height: 50px; | ||
241 | padding-left: 3px; | ||
242 | } | ||
243 | .laws_regulations .laws_list li a{ | ||
244 | display: block; | ||
245 | white-space:nowrap; /*文本不换行*/ | ||
246 | text-overflow:ellipsis;/*设置超出部分显示...*/ | ||
247 | -o-text-overflow:ellipsis; | ||
248 | overflow: hidden; | ||
249 | width: 380px; | ||
250 | } | ||
251 | .laws_regulations .laws_list li a:hover { | ||
252 | color: #f46143;; | ||
253 | } | ||
254 | .laws_regulations .laws_list li:not(:last-child) { | ||
255 | border-bottom: 1px dotted #DEDEDE; | ||
256 | } | ||
222 | /* ---------------end----------------------- */ | 257 | /* ---------------end----------------------- */ |
258 | |||
259 | /* ---------------好差评start---------------------------- */ | ||
260 | .Good_bad_reviews { | ||
261 | width: 100%; | ||
262 | height: 180px; | ||
263 | } | ||
264 | .Good_bad_reviews img { | ||
265 | width: 100%; | ||
266 | height: 100%; | ||
267 | } | ||
268 | |||
269 | /* ------------------end----------- */ | ||
270 | /* -------------常见问题start--------------------- */ | ||
271 | .common_question { | ||
272 | padding: 40px; | ||
273 | background-color: #F6F9FB; | ||
274 | } | ||
275 | .common_question .subject_con { | ||
276 | width: 1200px; | ||
277 | margin: 0 auto; | ||
278 | overflow: hidden; | ||
279 | } | ||
280 | .common_question .subject, .interact{ | ||
281 | border-radius: 2px; | ||
282 | width: 48%; | ||
283 | border: 1px solid #DEDEDE; | ||
284 | background-color: #ffffff; | ||
285 | } | ||
286 | .common_question .list_content , .list_content_right{ | ||
287 | padding: 10px 20px 20px 20px; | ||
288 | box-sizing: border-box; | ||
289 | } | ||
290 | .common_question .list_content dd { | ||
291 | height: 50px; | ||
292 | line-height: 50px; | ||
293 | } | ||
294 | .common_question .list_content dd a{ | ||
295 | display: inline-block; | ||
296 | width: 40%; | ||
297 | height: 50px; | ||
298 | line-height: 50px; | ||
299 | border-bottom: 1px dotted #DEDEDE; | ||
300 | } | ||
301 | .common_question .list_content dd a:hover { | ||
302 | color: #f46143; | ||
303 | } | ||
304 | .common_question .list_content dd a:first-child { | ||
305 | float: left; | ||
306 | } | ||
307 | .common_question .list_content dd a:last-child { | ||
308 | float: right; | ||
309 | } | ||
310 | .common_question .list_content dd:last-child a{ | ||
311 | border: none; | ||
312 | } | ||
313 | .common_question .subject { | ||
314 | float: left; | ||
315 | } | ||
316 | .common_question .interact { | ||
317 | float: right; | ||
318 | } | ||
319 | |||
320 | .common_question .title h2 a{ | ||
321 | display: block; | ||
322 | padding: 20px; | ||
323 | box-sizing: border-box; | ||
324 | height: 60px; | ||
325 | box-sizing: border-box; | ||
326 | border-bottom: 1px solid #E6E6E6; | ||
327 | width: 100%; | ||
328 | } | ||
329 | .common_question .title h2 a p{ | ||
330 | font-weight: 600; | ||
331 | color: #4A4A4A; | ||
332 | float: left; | ||
333 | height: 36px; | ||
334 | border-bottom: 2px solid #006CFF; | ||
335 | } | ||
336 | .common_question .title h2 a p span { | ||
337 | position: relative; | ||
338 | } | ||
339 | |||
340 | .common_question .title h2 i{ | ||
341 | font-style: normal; | ||
342 | float: right; | ||
343 | font-size: 14px; | ||
344 | color: #9B9B9B; | ||
345 | } | ||
346 | .common_question .title h2 i:hover { | ||
347 | color: #f46143; | ||
348 | } | ||
349 | .common_question .list_content_right { | ||
350 | text-align: center; | ||
351 | padding-bottom: 8px; | ||
352 | box-sizing: border-box; | ||
353 | overflow: hidden; | ||
354 | } | ||
355 | .common_question .list_content_right dd{ | ||
356 | width: 49%; | ||
357 | float: left; | ||
358 | height: 130px; | ||
359 | text-align: center; | ||
360 | } | ||
361 | .common_question .list_content_right dd { | ||
362 | border-right: 1px dotted #DEDEDE; | ||
363 | border-bottom: 1px dotted #DEDEDE; | ||
364 | } | ||
365 | .common_question .list_content_right dd:nth-of-type(n+3) { | ||
366 | border-bottom: none; | ||
367 | } | ||
368 | .common_question .list_content_right dd:nth-child(even){ | ||
369 | border-right: none; | ||
370 | } | ||
371 | .common_question .list_content_right dd a { | ||
372 | display: block; | ||
373 | position: relative; | ||
374 | top:50%; | ||
375 | height: 70px; | ||
376 | transform:translateY(-50%); | ||
377 | } | ||
378 | .common_question .list_content_right dd a img{ | ||
379 | width: 70px; | ||
380 | height: 70px; | ||
381 | display: inline-block; | ||
382 | } | ||
383 | .common_question .list_content_right dd a p{ | ||
384 | display: inline-block; | ||
385 | position: relative; | ||
386 | left: 0; | ||
387 | top: -25px; | ||
388 | } | ||
389 | /* -----------------end---------------------------- */ | ||
223 | div.c_one { | 390 | div.c_one { |
224 | } | 391 | } |
225 | 392 | ||
... | @@ -364,6 +531,7 @@ div.c_two ul li { | ... | @@ -364,6 +531,7 @@ div.c_two ul li { |
364 | margin-left: 2.88%; | 531 | margin-left: 2.88%; |
365 | padding: 40px 36px; | 532 | padding: 40px 36px; |
366 | border: 1px solid #E6E6E6; | 533 | border: 1px solid #E6E6E6; |
534 | background: #ffffff; | ||
367 | } | 535 | } |
368 | 536 | ||
369 | div.c_two ul li:first-child { | 537 | div.c_two ul li:first-child { |
... | @@ -382,11 +550,13 @@ div.c_two ul li p { | ... | @@ -382,11 +550,13 @@ div.c_two ul li p { |
382 | } | 550 | } |
383 | 551 | ||
384 | div.c_three { | 552 | div.c_three { |
553 | width: 100%; | ||
554 | background: #F6F9FB; | ||
385 | } | 555 | } |
386 | 556 | ||
387 | div.c_three div:first-child { | 557 | div.c_three div:first-child { |
388 | width: 1200px; | 558 | width: 1200px; |
389 | height: 650px; | 559 | height: 360px; |
390 | } | 560 | } |
391 | div.c_three .c_t_banner{ | 561 | div.c_three .c_t_banner{ |
392 | float: left; | 562 | float: left; |
... | @@ -413,32 +583,126 @@ width: 100%; | ... | @@ -413,32 +583,126 @@ width: 100%; |
413 | width: 50%; | 583 | width: 50%; |
414 | } | 584 | } |
415 | 585 | ||
416 | div.c_four { | ||
417 | background-color: #006bf9; | ||
418 | } | ||
419 | |||
420 | div.c_four div:first-child { | 586 | div.c_four div:first-child { |
421 | width: 1200px; | 587 | width: 1200px; |
422 | height: 240px; | 588 | height: 240px; |
423 | background-color: #7ed74e; | 589 | background-color: #7ed74e; |
424 | } | 590 | } |
425 | 591 | /* -----------------友情链接-------------------------- */ | |
426 | div.c_five { | 592 | div.c_five h2 { |
593 | text-align: center; | ||
594 | font-size: 24px; | ||
595 | margin-bottom: 30px; | ||
427 | } | 596 | } |
428 | |||
429 | div.c_five div:first-child { | 597 | div.c_five div:first-child { |
430 | width: 1200px; | 598 | width: 1200px; |
431 | height: 370px; | 599 | padding: 40px 0 20px 0; |
432 | background-color: #5cf9ff; | ||
433 | } | 600 | } |
434 | 601 | div.c_five ul { | |
435 | 602 | width: 100%; | |
603 | height: auto; | ||
604 | overflow: hidden; | ||
605 | } | ||
606 | div.c_five ul li{ | ||
607 | float: left; | ||
608 | width: 25%; | ||
609 | padding-right: 20px; | ||
610 | box-sizing: border-box; | ||
611 | margin-bottom: 20px; | ||
612 | } | ||
613 | div.c_five ul li:nth-child(4n+4) { | ||
614 | padding-right: 0; | ||
615 | } | ||
616 | div.c_five ul li a { | ||
617 | display: block; | ||
618 | height: 60px; | ||
619 | border-radius: 1px; | ||
620 | border: 1px solid #DEDEDE; | ||
621 | box-sizing: border-box; | ||
622 | width: 100%; | ||
623 | box-sizing: border-box; | ||
624 | } | ||
625 | div.c_five ul li a img { | ||
626 | height: 100%; | ||
627 | } | ||
628 | /* -----------------底部start----------------------------- */ | ||
436 | div.footer { | 629 | div.footer { |
437 | background-color: #233042; | 630 | background-color: #233042; |
438 | } | 631 | } |
439 | 632 | div.footer .system_service { | |
440 | div.footer div:first-child { | 633 | width: 100%; |
441 | background-color: red; | 634 | border-bottom: 1px solid #4A4A4A; |
635 | } | ||
636 | div.footer .system_service ul { | ||
637 | padding: 40px 0; | ||
638 | width: 1400px; | ||
639 | margin: 0 auto; | ||
640 | font-size: 0; | ||
641 | } | ||
642 | div.footer .system_service ul li { | ||
643 | width: 20%; | ||
644 | display: inline-block; | ||
645 | text-align: center; | ||
646 | height: 18px; | ||
647 | box-sizing: border-box; | ||
648 | } | ||
649 | div.footer .system_service ul li:not(:last-child) { | ||
650 | border-right: 1px solid #6D7278; | ||
651 | } | ||
652 | div.footer .system_service ul li a{ | ||
653 | font-size: 16px; | ||
654 | font-weight: 400; | ||
655 | color: #DEDEDE; | ||
656 | } | ||
657 | .footer .subject { | ||
442 | width: 1200px; | 658 | width: 1200px; |
443 | padding: 32px 0; | 659 | margin: 0 auto; |
660 | padding: 40px 0; | ||
661 | overflow: hidden; | ||
662 | } | ||
663 | .footer .subject .footer_logo { | ||
664 | float: left; | ||
665 | } | ||
666 | .footer .subject .footer_logo a{ | ||
667 | display: block; | ||
668 | width: 64px; | ||
669 | height: 74px; | ||
670 | padding: 10px; | ||
671 | } | ||
672 | .footer .subject .footer_logo a img { | ||
673 | width: 100%; | ||
674 | height: 100%; | ||
675 | } | ||
676 | .footer .subject ul, ol { | ||
677 | float: left; | ||
678 | color: #CBCBCB; | ||
679 | text-align: left; | ||
680 | } | ||
681 | .footer .subject ul { | ||
682 | width: 73%; | ||
683 | box-sizing: border-box; | ||
684 | padding-left: 40px; | ||
685 | margin-top: 10px; | ||
686 | } | ||
687 | .footer .subject ul li { | ||
688 | width: 30%; | ||
689 | display: inline-block; | ||
690 | text-align: left; | ||
691 | margin-bottom: 30px; | ||
692 | } | ||
693 | .footer .subject ol li { | ||
694 | display: inline-block; | ||
695 | text-align: center; | ||
696 | } | ||
697 | .footer .subject ol li:last-child { | ||
698 | margin-left: 60px; | ||
699 | } | ||
700 | .footer .subject ol li img { | ||
701 | width: 80px; | ||
702 | height: 80px; | ||
703 | } | ||
704 | .footer .subject ol li p { | ||
705 | font-size: 12px; | ||
706 | color: #CBCBCB; | ||
707 | margin-top: 5px; | ||
444 | } | 708 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
images/bannerbg.png
0 → 100644
861 KB
images/code.png
0 → 100644
5.3 KB
images/guotuziyuanbao.png
0 → 100644
8.93 KB
images/jiguan.png
0 → 100644
6.43 KB
images/zhongyangzhengfuwang.png
0 → 100644
6.03 KB
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment