Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3ee806de by 任超
Options

style:首页的修改

1 parent ee93f7e9
Expand all
Inline Side-by-side
Showing 4 changed files with 63 additions and 233 deletions
...@@ -48,7 +48,9 @@ div a { ...@@ -48,7 +48,9 @@ div a {
48 div.subject h2 a:hover { 48 div.subject h2 a:hover {
49 color: #f46143; 49 color: #f46143;
50 } 50 }
51 51 .layui-nav-item a{
52 font-size: 16px;
53 }
52 div.subject { 54 div.subject {
53 margin: 0 auto; 55 margin: 0 auto;
54 float: none; 56 float: none;
...@@ -57,9 +59,10 @@ div.subject { ...@@ -57,9 +59,10 @@ div.subject {
57 min-width: 1200px; 59 min-width: 1200px;
58 } 60 }
59 div.top-logo { 61 div.top-logo {
60 width: 1200px; 62 width: 1185px;
61 height: 70px!important; 63 height: 70px!important;
62 padding-top: 20px; 64 padding-top: 20px;
65 margin: 0 auto;
63 } 66 }
64 67
65 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */ 68 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
......
1 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
2 border: 0;
3 margin: 0;
4 outline: 0 none;
5 padding: 0;
6 vertical-align: baseline;
7 font-size: 100%;
8 background: transparent;
9 font-family: Arial;
10 }
11 .clearfix { 1 .clearfix {
12 overflow: auto; 2 overflow: auto;
13 } 3 }
14 .layui-nav-item a{
15 font-size: 16px;
16 }
17
18 /*================首页 start=====================*/
19 div a {
20 color: #000000;
21 text-decoration: none;
22 }
23
24 div.subject h2 a:hover {
25 color: #f46143;
26 }
27
28 div.subject {
29 margin: 0 auto;
30 float: none;
31 clear: both;
32 position: relative;
33 min-width: 1200px;
34 }
35 /*新闻 */
36 div.top-logo {
37 width: 1200px;
38 height: 70px;
39 padding-top: 20px;
40 }
41
42 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
43 font-size: 13px;
44 }
45
46 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
47 font-size: 13px;
48 }
49
50 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
51 font-size: 13px;
52 }
53 .top_logo_content {
54 height: 40px;
55 width: 100%;
56 margin: 0 auto;
57 }
58 div.top-logo .top_logo_search {
59 float: left;
60 width: 350px;
61 position: relative;
62 margin-left: 400px;
63 }
64 div.top-logo .top_logo_search input {
65 border-radius: 50px;
66 }
67 div.top-logo .login {
68 float: right;
69 margin-top: 8px;
70 }
71 div.top-logo .login a:hover {
72 color: #f46143;
73 }
74 div.top-logo .top_logo_search i {
75 position: absolute;
76 right: 10px;
77 top: 11px;
78 cursor: pointer;
79 }
80
81 /*end*/
82
83 .top-logo h1 {
84 display: inline-block;
85 float: left;
86 }
87 /*------------------首页 end------------*/
88
89 .top-logo ul li {
90 display: inline-block;
91 padding: 0 8px;
92 }
93
94 .top-logo ul li:first-child {
95 border-right: 1px solid grey;
96 }
97
98 div.navigation {
99 text-align: center;
100 }
101 .navigation .layui-nav-item {
102 width: 130px;
103 position: relative;
104 margin: 0 22px;
105 }
106 .layui-bg-blue {
107 background-color: #006CFF!important;
108 }
109
110 .layui-nav-item:not(:first-child)::before {
111 content: '';
112 position: absolute;
113 height: 22px;
114 border-left: 1px solid #ccc;
115 top: 21px;
116 left: -22px;
117 }
118
119 div.nav ul li {
120 float: left;
121 margin: 21px auto;
122 width: 149px;
123 border-left: 1px solid #3389ff;
124 cursor: pointer;
125 }
126
127 div.nav ul li:first-child {
128 border-left: none;
129 }
130
131 div.nav ul li a {
132 color: #ffffff;
133 width: 90%;
134 display: inline-block;
135 font-size: 18px;
136 font-weight: bold;
137 letter-spacing: 2px;
138 }
139
140 div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { 4 div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
141 width: 100%; 5 width: 100%;
142 text-align: center; 6 text-align: center;
...@@ -163,13 +27,13 @@ div.banner { ...@@ -163,13 +27,13 @@ div.banner {
163 27
164 div.banner .banner_title { 28 div.banner .banner_title {
165 list-style: none; 29 list-style: none;
166 width: 1200px; 30 width: 1240px;
167 display: inline-block; 31 display: inline-block;
168 margin-top: 350px; 32 margin-top: 350px;
169 } 33 }
170 34
171 div.banner .banner_title li { 35 div.banner .banner_title li {
172 width: 250px; 36 width: 260px;
173 height: 100px; 37 height: 100px;
174 background-color: #ffffff; 38 background-color: #ffffff;
175 float: left; 39 float: left;
...@@ -211,7 +75,6 @@ div.banner ul li a { ...@@ -211,7 +75,6 @@ div.banner ul li a {
211 .laws_regulations .title h2 a{ 75 .laws_regulations .title h2 a{
212 display: block; 76 display: block;
213 padding: 20px; 77 padding: 20px;
214 box-sizing: border-box;
215 height: 60px; 78 height: 60px;
216 box-sizing: border-box; 79 box-sizing: border-box;
217 border-bottom: 1px solid #E6E6E6; 80 border-bottom: 1px solid #E6E6E6;
...@@ -221,11 +84,13 @@ div.banner ul li a { ...@@ -221,11 +84,13 @@ div.banner ul li a {
221 font-weight: 600; 84 font-weight: 600;
222 color: #4A4A4A; 85 color: #4A4A4A;
223 float: left; 86 float: left;
224 height: 36px; 87 height: 37px;
225 border-bottom: 2px solid #006CFF; 88 border-bottom: 2px solid #006CFF;
226 } 89 }
227 .laws_regulations .title h2 a p span { 90 .laws_regulations .title h2 a p span {
228 position: relative; 91 position: relative;
92 font-size: 20px;
93 top: -3px;
229 } 94 }
230 95
231 .laws_regulations .title h2 i{ 96 .laws_regulations .title h2 i{
...@@ -335,11 +200,12 @@ div.banner ul li a { ...@@ -335,11 +200,12 @@ div.banner ul li a {
335 font-weight: 600; 200 font-weight: 600;
336 color: #4A4A4A; 201 color: #4A4A4A;
337 float: left; 202 float: left;
338 height: 36px; 203 height: 37px;
339 border-bottom: 2px solid #006CFF; 204 border-bottom: 2px solid #006CFF;
340 } 205 }
341 .common_question .title h2 a p span { 206 .common_question .title h2 a p span {
342 position: relative; 207 position: relative;
208 font-size: 20px;
343 } 209 }
344 210
345 .common_question .title h2 i{ 211 .common_question .title h2 i{
...@@ -390,6 +256,10 @@ div.banner ul li a { ...@@ -390,6 +256,10 @@ div.banner ul li a {
390 position: relative; 256 position: relative;
391 left: 0; 257 left: 0;
392 top: -25px; 258 top: -25px;
259 cursor: pointer;
260 }
261 .common_question .list_content_right dd a p:hover {
262 color: #f46143;
393 } 263 }
394 /* -----------------end---------------------------- */ 264 /* -----------------end---------------------------- */
395 div.c_one { 265 div.c_one {
...@@ -446,11 +316,9 @@ div.c_one h2 span { ...@@ -446,11 +316,9 @@ div.c_one h2 span {
446 316
447 div.c_one h2 i { 317 div.c_one h2 i {
448 float: right; 318 float: right;
449 font-size: 12px; 319 font-size: 14px;
450 font-style: normal; 320 font-style: normal;
451 color: #9d9d9d; 321 color: #9d9d9d;
452 margin-top: 10px;
453
454 } 322 }
455 323
456 div.c_one h2 a:hover i { 324 div.c_one h2 a:hover i {
...@@ -483,6 +351,9 @@ div.c_one ul li a { ...@@ -483,6 +351,9 @@ div.c_one ul li a {
483 display: block; 351 display: block;
484 color: #000000; 352 color: #000000;
485 } 353 }
354 div.c_one ul li a:hover {
355 color: #f46143;
356 }
486 357
487 div.c_one ul li a span { 358 div.c_one ul li a span {
488 float: right; 359 float: right;
...@@ -523,7 +394,8 @@ div.c_two h2 { ...@@ -523,7 +394,8 @@ div.c_two h2 {
523 margin-top: 40px; 394 margin-top: 40px;
524 background-color: #fafafa; 395 background-color: #fafafa;
525 width: 100%; 396 width: 100%;
526 font-size: 24px; 397 font-size: 26px;
398 font-weight: 600;
527 letter-spacing: 2px; 399 letter-spacing: 2px;
528 } 400 }
529 401
...@@ -538,7 +410,7 @@ div.c_two ul li { ...@@ -538,7 +410,7 @@ div.c_two ul li {
538 width: 16.5%; 410 width: 16.5%;
539 overflow: hidden; 411 overflow: hidden;
540 margin-left: 2.88%; 412 margin-left: 2.88%;
541 padding: 40px 36px; 413 padding: 40px 34px;
542 border: 1px solid #E6E6E6; 414 border: 1px solid #E6E6E6;
543 background: #ffffff; 415 background: #ffffff;
544 } 416 }
...@@ -556,6 +428,12 @@ div.c_two ul li h6 { ...@@ -556,6 +428,12 @@ div.c_two ul li h6 {
556 div.c_two ul li p { 428 div.c_two ul li p {
557 margin-top: 20px; 429 margin-top: 20px;
558 font-size: 14px; 430 font-size: 14px;
431 cursor: pointer;
432 line-height: 26px;
433 }
434
435 div.c_two ul li p:hover {
436 color: #f46143;
559 } 437 }
560 438
561 div.c_three { 439 div.c_three {
...@@ -600,7 +478,8 @@ div.c_four div:first-child { ...@@ -600,7 +478,8 @@ div.c_four div:first-child {
600 /* -----------------友情链接-------------------------- */ 478 /* -----------------友情链接-------------------------- */
601 div.c_five h2 { 479 div.c_five h2 {
602 text-align: center; 480 text-align: center;
603 font-size: 24px; 481 font-size: 26px;
482 font-weight: 600;
604 margin-bottom: 30px; 483 margin-bottom: 30px;
605 } 484 }
606 div.c_five div:first-child { 485 div.c_five div:first-child {
...@@ -634,87 +513,3 @@ div.c_five ul li a { ...@@ -634,87 +513,3 @@ div.c_five ul li a {
634 div.c_five ul li a img { 513 div.c_five ul li a img {
635 height: 100%; 514 height: 100%;
636 } 515 }
...\ No newline at end of file ...\ No newline at end of file
637 /* -----------------底部start----------------------------- */
638 div.footer {
639 background-color: #233042;
640 }
641 div.footer .system_service {
642 width: 100%;
643 border-bottom: 1px solid #4A4A4A;
644 }
645 div.footer .system_service ul {
646 padding: 40px 0;
647 width: 1400px;
648 margin: 0 auto;
649 font-size: 0;
650 }
651 div.footer .system_service ul li {
652 width: 20%;
653 display: inline-block;
654 text-align: center;
655 height: 18px;
656 box-sizing: border-box;
657 }
658 div.footer .system_service ul li:not(:last-child) {
659 border-right: 1px solid #6D7278;
660 }
661 div.footer .system_service ul li a{
662 font-size: 16px;
663 font-weight: 400;
664 color: #DEDEDE;
665 }
666 div.footer .system_service ul li a:hover {
667 color: #f46143;
668 }
669 .footer .subject {
670 width: 1200px;
671 margin: 0 auto;
672 padding: 40px 0;
673 overflow: hidden;
674 }
675 .footer .subject .footer_logo {
676 float: left;
677 }
678 .footer .subject .footer_logo a{
679 display: block;
680 width: 64px;
681 height: 74px;
682 padding: 10px;
683 }
684 .footer .subject .footer_logo a img {
685 width: 100%;
686 height: 100%;
687 }
688 .footer .subject ul, ol {
689 float: left;
690 color: #CBCBCB;
691 text-align: left;
692 }
693 .footer .subject ul {
694 width: 73%;
695 box-sizing: border-box;
696 padding-left: 40px;
697 margin-top: 10px;
698 }
699 .footer .subject ul li {
700 width: 30%;
701 display: inline-block;
702 text-align: left;
703 margin-bottom: 30px;
704 }
705 .footer .subject ol li {
706 display: inline-block;
707 text-align: center;
708 }
709 .footer .subject ol li:last-child {
710 margin-left: 60px;
711 }
712 .footer .subject ol li img {
713 width: 80px;
714 height: 80px;
715 }
716 .footer .subject ol li p {
717 font-size: 12px;
718 color: #CBCBCB;
719 margin-top: 5px;
720 }
...\ No newline at end of file ...\ No newline at end of file
......
1 layui.use('carousel', function () {
2 var carousel = layui.carousel;
3 //建造实例
4 carousel.render({
5 elem: '#banner_swiper'
6 , width: '100%' //设置容器宽度
7 , arrow: 'always' //始终显示箭头
8 , autoplay: true
9 , height: '500px'
10 });
11 });
12 //注意：导航 依赖 element 模块，否则无法进行功能性操作
13 layui.use('element', function () {
14 var element = layui.element;
15
16 //…
17 });
18 layui.use('util', function () {
19 var util = layui.util;
20 //执行
21 util.fixbar({
22 bar1: true,
23 bar2: true,
24 top: true
25 , click: function (type) {
26 console.log(type);
27 if (type === 'bar1') {
28 alert('点击了bar1')
29 }
30 }
31 });
32 });
...\ No newline at end of file ...\ No newline at end of file