86db72c3 by 田浩浩

修改文件

1 parent 668dc92a
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