d6cc3ed8 by 任超

feat:首页

1 parent f1253678
...@@ -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
......