修改文件
Showing
1 changed file
with
632 additions
and
0 deletions
staticCss/pageHome.css
0 → 100644
1 | |||
2 | .clearfix { | ||
3 | overflow: auto; | ||
4 | } | ||
5 | .contentBox { | ||
6 | width: 1200px; | ||
7 | margin: 0 auto; | ||
8 | padding-bottom: 40px; | ||
9 | } | ||
10 | div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { | ||
11 | width: 100%; | ||
12 | text-align: center; | ||
13 | } | ||
14 | |||
15 | |||
16 | |||
17 | div.banner { | ||
18 | height: 500px; | ||
19 | position: relative; | ||
20 | } | ||
21 | |||
22 | .banner .swiper_img { | ||
23 | width: 100%; | ||
24 | height: 100%; | ||
25 | } | ||
26 | |||
27 | .banner .banner_title { | ||
28 | position: absolute; | ||
29 | left: 0; | ||
30 | right: 0; | ||
31 | bottom: 50px; | ||
32 | margin: auto; | ||
33 | } | ||
34 | |||
35 | div.banner .banner_title { | ||
36 | list-style: none; | ||
37 | width: 1240px; | ||
38 | display: inline-block; | ||
39 | margin-top: 350px; | ||
40 | } | ||
41 | |||
42 | div.banner .banner_title li { | ||
43 | width: 260px; | ||
44 | height: 100px; | ||
45 | background-color: #ffffff; | ||
46 | float: left; | ||
47 | margin: auto 25px; | ||
48 | border-radius: 8px; | ||
49 | line-height: 650%; | ||
50 | box-sizing: border-box; | ||
51 | } | ||
52 | div.banner .banner_title li a { | ||
53 | display: block; | ||
54 | line-height: 100px; | ||
55 | font-size: 20px; | ||
56 | } | ||
57 | div.banner .banner_title li a img { | ||
58 | width: 23px; | ||
59 | height: 24px; | ||
60 | position: relative; | ||
61 | top: 6px; | ||
62 | margin-right: 3px; | ||
63 | } | ||
64 | |||
65 | div.banner ul li a { | ||
66 | color: #4A4A4A; | ||
67 | cursor: pointer; | ||
68 | } | ||
69 | |||
70 | /* ---------------法律法规 start----------------------- */ | ||
71 | .laws_regulations { | ||
72 | width: 1220px; | ||
73 | margin: 0 auto; | ||
74 | padding: 40px 0; | ||
75 | overflow: hidden; | ||
76 | } | ||
77 | .laws_regulations .regulations, .policy { | ||
78 | width: 50%; | ||
79 | } | ||
80 | .laws_regulations .regulations_content, .policy_content { | ||
81 | height: 370px; | ||
82 | border-radius: 2px; | ||
83 | border: 1px solid #DEDEDE; | ||
84 | margin: 0 10px; | ||
85 | } | ||
86 | .laws_regulations .policy{ | ||
87 | float: right; | ||
88 | } | ||
89 | |||
90 | .laws_regulations .regulations{ | ||
91 | float: left; | ||
92 | } | ||
93 | .laws_regulations .title h2 a{ | ||
94 | display: block; | ||
95 | padding: 20px; | ||
96 | height: 60px; | ||
97 | box-sizing: border-box; | ||
98 | border-bottom: 1px solid #DEDEDE; | ||
99 | width: 100%; | ||
100 | } | ||
101 | .laws_regulations .title h2 a p{ | ||
102 | font-weight: 600; | ||
103 | color: #4A4A4A; | ||
104 | float: left; | ||
105 | height: 37px; | ||
106 | border-bottom: 2px solid #006CFF; | ||
107 | position: relative; | ||
108 | top: 1px; | ||
109 | } | ||
110 | .laws_regulations .title h2 a p .icon { | ||
111 | width: 22px; | ||
112 | height: 21px; | ||
113 | } | ||
114 | .laws_regulations .title h2 a p span { | ||
115 | position: relative; | ||
116 | font-size: 20px; | ||
117 | top: -3px; | ||
118 | margin-left: 3px; | ||
119 | } | ||
120 | |||
121 | .laws_regulations .title h2 i{ | ||
122 | font-style: normal; | ||
123 | float: right; | ||
124 | font-size: 14px; | ||
125 | color: #9B9B9B; | ||
126 | } | ||
127 | .laws_regulations .title h2 i:hover { | ||
128 | color: #0091FF; | ||
129 | } | ||
130 | .laws_regulations .laws_list { | ||
131 | padding: 0 21px; | ||
132 | } | ||
133 | .laws_regulations .laws_list li{ | ||
134 | height: 50px; | ||
135 | line-height: 50px; | ||
136 | padding-left: 3px; | ||
137 | } | ||
138 | .laws_regulations .laws_list li a{ | ||
139 | display: block; | ||
140 | white-space:nowrap; /*文本不换行*/ | ||
141 | text-overflow:ellipsis;/*设置超出部分显示...*/ | ||
142 | -o-text-overflow:ellipsis; | ||
143 | overflow: hidden; | ||
144 | width: 90%; | ||
145 | } | ||
146 | .laws_regulations .laws_list li a:hover { | ||
147 | color: #0091FF; | ||
148 | } | ||
149 | .laws_regulations .laws_list li:not(:last-child) { | ||
150 | border-bottom: 1px dashed #DEDEDE; | ||
151 | } | ||
152 | /* ---------------end----------------------- */ | ||
153 | |||
154 | /* ---------------好差评start---------------------------- */ | ||
155 | .Good_bad_reviews { | ||
156 | width: 100%; | ||
157 | height: 180px; | ||
158 | } | ||
159 | .Good_bad_reviews img { | ||
160 | width: 100%; | ||
161 | height: 100%; | ||
162 | } | ||
163 | |||
164 | /* ------------------end----------- */ | ||
165 | /* -------------常见问题start--------------------- */ | ||
166 | .common_question { | ||
167 | padding: 40px; | ||
168 | background: #F6F9FB; | ||
169 | } | ||
170 | .common_question .subject_con { | ||
171 | width: 1200px; | ||
172 | margin: 0 auto; | ||
173 | overflow: hidden; | ||
174 | } | ||
175 | .common_question .subject, .interact{ | ||
176 | border-radius: 2px; | ||
177 | width: 49%; | ||
178 | border: 1px solid #E7ECEF; | ||
179 | background-color: #ffffff; | ||
180 | } | ||
181 | .common_question .list_content , .list_content_right{ | ||
182 | padding: 10px 20px 20px 20px; | ||
183 | box-sizing: border-box; | ||
184 | } | ||
185 | .common_question .list_content dd { | ||
186 | height: 50px; | ||
187 | line-height: 50px; | ||
188 | } | ||
189 | .common_question .list_content dd a{ | ||
190 | display: inline-block; | ||
191 | width: 40%; | ||
192 | height: 50px; | ||
193 | line-height: 50px; | ||
194 | border-bottom: 1px dashed #DEDEDE; | ||
195 | } | ||
196 | .common_question .list_content dd a .icon { | ||
197 | width: 20px; | ||
198 | height: 20px; | ||
199 | position: relative; | ||
200 | top: 5px; | ||
201 | margin-right: 5px; | ||
202 | } | ||
203 | .common_question .list_content dd a:hover { | ||
204 | color: #0091FF; | ||
205 | } | ||
206 | .common_question .list_content dd a:first-child { | ||
207 | float: left; | ||
208 | } | ||
209 | .common_question .list_content dd a:last-child { | ||
210 | float: right; | ||
211 | } | ||
212 | .common_question .list_content dd:last-child a{ | ||
213 | border: none; | ||
214 | } | ||
215 | .common_question .subject { | ||
216 | float: left; | ||
217 | } | ||
218 | .common_question .interact { | ||
219 | float: right; | ||
220 | } | ||
221 | |||
222 | .common_question .title h2 a{ | ||
223 | display: block; | ||
224 | padding: 20px; | ||
225 | box-sizing: border-box; | ||
226 | height: 60px; | ||
227 | box-sizing: border-box; | ||
228 | border-bottom: 1px solid #E6E6E6; | ||
229 | width: 100%; | ||
230 | } | ||
231 | .common_question .title h2 a p{ | ||
232 | font-weight: 600; | ||
233 | color: #4A4A4A; | ||
234 | float: left; | ||
235 | height: 37px; | ||
236 | border-bottom: 2px solid #006CFF; | ||
237 | position: relative; | ||
238 | top: 1px; | ||
239 | } | ||
240 | .common_question .title h2 a p .icon { | ||
241 | width: 22px; | ||
242 | height: 21px; | ||
243 | float: left; | ||
244 | } | ||
245 | .common_question .title h2 a p span { | ||
246 | position: relative; | ||
247 | font-size: 20px; | ||
248 | margin-left: 5px; | ||
249 | float: left; | ||
250 | top: -4px; | ||
251 | } | ||
252 | |||
253 | .common_question .title h2 i{ | ||
254 | font-style: normal; | ||
255 | float: right; | ||
256 | font-size: 14px; | ||
257 | color: #9B9B9B; | ||
258 | } | ||
259 | .common_question .title h2 i:hover { | ||
260 | color: #0091FF; | ||
261 | } | ||
262 | .common_question .list_content_right { | ||
263 | text-align: center; | ||
264 | padding-bottom: 8px; | ||
265 | box-sizing: border-box; | ||
266 | overflow: hidden; | ||
267 | } | ||
268 | .common_question .list_content_right dd{ | ||
269 | width: 49%; | ||
270 | float: left; | ||
271 | height: 130px; | ||
272 | text-align: center; | ||
273 | } | ||
274 | .common_question .list_content_right dd { | ||
275 | border-right: 1px dashed #DEDEDE; | ||
276 | border-bottom: 1px dashed #DEDEDE; | ||
277 | } | ||
278 | .common_question .list_content_right dd:nth-of-type(n+3) { | ||
279 | border-bottom: none; | ||
280 | } | ||
281 | .common_question .list_content_right dd:nth-child(even){ | ||
282 | border-right: none; | ||
283 | } | ||
284 | .common_question .list_content_right dd a { | ||
285 | display: block; | ||
286 | position: relative; | ||
287 | top:50%; | ||
288 | height: 70px; | ||
289 | transform:translateY(-50%); | ||
290 | } | ||
291 | .common_question .list_content_right dd a img{ | ||
292 | width: 70px; | ||
293 | height: 70px; | ||
294 | display: inline-block; | ||
295 | } | ||
296 | .common_question .list_content_right dd a p{ | ||
297 | display: inline-block; | ||
298 | position: relative; | ||
299 | left: 6px; | ||
300 | top: -28px; | ||
301 | cursor: pointer; | ||
302 | } | ||
303 | .common_question .list_content_right dd a p:hover { | ||
304 | color: #0091FF; | ||
305 | } | ||
306 | /* -----------------end---------------------------- */ | ||
307 | /* div.c_one div:first-child { | ||
308 | width: 1200px; | ||
309 | height: 430px; | ||
310 | text-align: left; | ||
311 | } */ | ||
312 | |||
313 | div.c_one div:first-child .news, div.c_one div:first-child .notice { | ||
314 | margin-top: 40px; | ||
315 | height: 332px; | ||
316 | border: #DEDEDE 1px solid; | ||
317 | padding: 0 15px 0 15px; | ||
318 | } | ||
319 | |||
320 | div.c_one div:first-child .news { | ||
321 | width: 62.6%; | ||
322 | float: left; | ||
323 | } | ||
324 | |||
325 | div.c_one div:first-child .notice { | ||
326 | width: 30%; | ||
327 | float: right; | ||
328 | } | ||
329 | .notice_list li a .icon{ | ||
330 | float: right; | ||
331 | height: 25px; | ||
332 | width: 11%; | ||
333 | margin-top: 8px; | ||
334 | } | ||
335 | |||
336 | /*<h2><a href=""><span>新闻动态</span><i>查看全部</i></a></h2>*/ | ||
337 | div.c_one h2 { | ||
338 | float: left; | ||
339 | width: 100%; | ||
340 | padding: 20px 0 0 0; | ||
341 | border-bottom: 1px solid #DEDEDE; | ||
342 | } | ||
343 | |||
344 | div.c_one h2 a { | ||
345 | float: left; | ||
346 | width: 100%; | ||
347 | } | ||
348 | |||
349 | |||
350 | div.c_one h2 i { | ||
351 | float: right; | ||
352 | font-size: 14px; | ||
353 | font-style: normal; | ||
354 | color: #9d9d9d; | ||
355 | } | ||
356 | |||
357 | div.c_one h2 a:hover i { | ||
358 | color: #0091FF; | ||
359 | |||
360 | } | ||
361 | |||
362 | div.c_one .news .news-img { | ||
363 | margin-top: 20px; | ||
364 | float: left; | ||
365 | width: 350px; | ||
366 | height: 237px; | ||
367 | } | ||
368 | div.c_one .news .news-img img { | ||
369 | height: 100%; | ||
370 | width: 100%; | ||
371 | } | ||
372 | |||
373 | div.c_one ul { | ||
374 | width: 100%; | ||
375 | float: left; | ||
376 | margin-top: 10px; | ||
377 | list-style: none; | ||
378 | font-size: 14px; | ||
379 | letter-spacing: 1px; | ||
380 | } | ||
381 | |||
382 | /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/ | ||
383 | div.c_one ul li { | ||
384 | line-height: 42px; | ||
385 | } | ||
386 | div.c_one ul li:not(:last-child) { | ||
387 | border-bottom: 1px dashed #DEDEDE; | ||
388 | } | ||
389 | |||
390 | div.c_one #ulNews li a{ | ||
391 | width: 100%; | ||
392 | display: block; | ||
393 | text-align: left; | ||
394 | } | ||
395 | |||
396 | div.c_one #ulNews .news_item{ | ||
397 | display: inline-block; | ||
398 | white-space:nowrap; | ||
399 | overflow:hidden; | ||
400 | text-overflow:ellipsis; | ||
401 | width: 75%; | ||
402 | font-size: 14px; | ||
403 | } | ||
404 | div.c_one .news_item .icon { | ||
405 | float: left; | ||
406 | height: 29px; | ||
407 | width: 14%; | ||
408 | margin-top: 7.5px; | ||
409 | margin-right: 7px; | ||
410 | margin-left: -3px; | ||
411 | } | ||
412 | div.c_one ul li a:hover { | ||
413 | color: #0091FF; | ||
414 | } | ||
415 | div.c_one ul li a span { | ||
416 | float: right; | ||
417 | color: #9b9b9b; | ||
418 | } | ||
419 | |||
420 | div.c_one ul li a:hover span { | ||
421 | color: #0091FF; | ||
422 | } | ||
423 | |||
424 | div.c_one ul li a i { | ||
425 | color: #FA6400; | ||
426 | font-style: normal; | ||
427 | border: 1px solid #FA6400; | ||
428 | line-height: 120%; | ||
429 | margin: 11px 7px auto auto; | ||
430 | font-size: 10px; | ||
431 | border-radius: 2px; | ||
432 | line-height: 14px; | ||
433 | display: inline-block; | ||
434 | } | ||
435 | |||
436 | div.c_one .news ul { | ||
437 | float: right; | ||
438 | width: 51%; | ||
439 | } | ||
440 | .news_title_content:hover span{ | ||
441 | color: #4A4A4A; | ||
442 | } | ||
443 | .news_title_content .news_title{ | ||
444 | float: left; | ||
445 | height: 39px; | ||
446 | border-bottom: 2px solid #006CFF; | ||
447 | position: relative; | ||
448 | top: 2px; | ||
449 | } | ||
450 | .news_title_content .news_title span { | ||
451 | float: left; | ||
452 | margin-left: 6px; | ||
453 | font-size: 20px; | ||
454 | margin-top: -3px; | ||
455 | font-weight: 600; | ||
456 | color: #4A4A4A; | ||
457 | } | ||
458 | .news_title_content .news_title .icon { | ||
459 | width: 22px; | ||
460 | height: 21px; | ||
461 | float: left; | ||
462 | } | ||
463 | /* 公告 */ | ||
464 | .item_notice { | ||
465 | font-size: 0; | ||
466 | text-align: left; | ||
467 | } | ||
468 | .item_notice a { | ||
469 | height: 42px; | ||
470 | line-height: 42px; | ||
471 | display: block; | ||
472 | } | ||
473 | .item_notice p{ | ||
474 | font-size: 14px; | ||
475 | display: inline-block; | ||
476 | width: 85%; | ||
477 | white-space:nowrap; | ||
478 | overflow:hidden; | ||
479 | text-overflow:ellipsis; | ||
480 | text-align: left; | ||
481 | } | ||
482 | |||
483 | |||
484 | div.c_two { | ||
485 | background: #F6F9FB; | ||
486 | } | ||
487 | |||
488 | |||
489 | div.c_two div:first-child { | ||
490 | width: 1220px; | ||
491 | height: 425px; | ||
492 | padding-bottom: 20px; | ||
493 | } | ||
494 | |||
495 | div.c_two h2 { | ||
496 | float: left; | ||
497 | margin-top: 40px; | ||
498 | background-color: #fafafa; | ||
499 | width: 100%; | ||
500 | font-size: 26px; | ||
501 | font-weight: 600; | ||
502 | letter-spacing: 2px; | ||
503 | background-color: #fcf8f8; | ||
504 | } | ||
505 | |||
506 | div.c_two ul { | ||
507 | float: left; | ||
508 | margin-top: 28px; | ||
509 | list-style: none; | ||
510 | } | ||
511 | |||
512 | div.c_two ul li { | ||
513 | float: left; | ||
514 | width: 25%; | ||
515 | overflow: hidden; | ||
516 | } | ||
517 | div.c_two ul li a { | ||
518 | box-sizing: border-box; | ||
519 | display: block; | ||
520 | background: #ffffff; | ||
521 | padding: 50px 36px; | ||
522 | box-sizing: border-box; | ||
523 | border: 1px solid #E7ECEF; | ||
524 | margin: 0 10px; | ||
525 | } | ||
526 | div.c_two ul li img { | ||
527 | width: 70px; | ||
528 | height: 70px; | ||
529 | } | ||
530 | |||
531 | div.c_two ul li:first-child { | ||
532 | margin-left: 0; | ||
533 | } | ||
534 | |||
535 | div.c_two ul li h6 { | ||
536 | margin-top: 20px; | ||
537 | font-size: 18px; | ||
538 | color: #4A4A4A; | ||
539 | letter-spacing: 2px; | ||
540 | } | ||
541 | |||
542 | div.c_two ul li p { | ||
543 | margin-top: 20px; | ||
544 | font-size: 14px; | ||
545 | color: #9B9B9B; | ||
546 | line-height: 21px; | ||
547 | cursor: pointer; | ||
548 | } | ||
549 | |||
550 | div.c_two ul li p:hover { | ||
551 | color: #0091FF; | ||
552 | } | ||
553 | |||
554 | div.c_three { | ||
555 | width: 100%; | ||
556 | background: #F6F9FB; | ||
557 | } | ||
558 | |||
559 | div.c_three div:first-child { | ||
560 | width: 1200px; | ||
561 | height: 360px; | ||
562 | } | ||
563 | div.c_three .c_t_banner{ | ||
564 | float: left; | ||
565 | display: block; | ||
566 | margin-top: 38px; | ||
567 | width: 100%; | ||
568 | text-align: center; | ||
569 | } | ||
570 | |||
571 | div.c_three div dl{ | ||
572 | text-align: left; | ||
573 | float: left; | ||
574 | margin-top: 30px; | ||
575 | width: 45%; | ||
576 | border: 2px solid #e3e3e3; | ||
577 | padding: 20px; | ||
578 | }div.c_three div dl.interact{ | ||
579 | float: right; | ||
580 | } | ||
581 | div.c_three div dl dt{ | ||
582 | width: 100%; | ||
583 | }div.c_three div dl dd{ | ||
584 | float: left; | ||
585 | width: 50%; | ||
586 | } | ||
587 | |||
588 | div.c_four div:first-child { | ||
589 | width: 1200px; | ||
590 | height: 240px; | ||
591 | } | ||
592 | /* -----------------友情链接-------------------------- */ | ||
593 | div.c_five h2 { | ||
594 | text-align: center; | ||
595 | font-size: 26px; | ||
596 | font-weight: 600; | ||
597 | margin-bottom: 30px; | ||
598 | } | ||
599 | div.c_five h2 a { | ||
600 | font-size: 24px; | ||
601 | } | ||
602 | div.c_five div:first-child { | ||
603 | width: 1200px; | ||
604 | padding: 40px 0 20px 0; | ||
605 | } | ||
606 | div.c_five ul { | ||
607 | width: 100%; | ||
608 | height: auto; | ||
609 | overflow: hidden; | ||
610 | } | ||
611 | div.c_five ul li{ | ||
612 | float: left; | ||
613 | width: 25%; | ||
614 | padding-right: 20px; | ||
615 | box-sizing: border-box; | ||
616 | margin-bottom: 20px; | ||
617 | } | ||
618 | div.c_five ul li:nth-child(4n+4) { | ||
619 | padding-right: 0; | ||
620 | } | ||
621 | div.c_five ul li a { | ||
622 | display: block; | ||
623 | height: 60px; | ||
624 | border-radius: 1px; | ||
625 | border: 1px solid #DEDEDE; | ||
626 | box-sizing: border-box; | ||
627 | width: 100%; | ||
628 | box-sizing: border-box; | ||
629 | } | ||
630 | div.c_five ul li a img { | ||
631 | height: 100%; | ||
632 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment