-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
22 changed files
with
469 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,68 @@ | ||
/* 清除默认样式的代码 */ | ||
/* 去除常见标签默认的 margin 和 padding */ | ||
* { | ||
margin: 0; | ||
padding: 0; | ||
} | ||
|
||
/* 內减模式 */ | ||
* { | ||
box-sizing: border-box; | ||
} | ||
|
||
/* 设置网页统一的字体大小、行高、字体系列相关属性 */ | ||
body { | ||
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", | ||
"Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; | ||
color: #333; | ||
} | ||
|
||
/* 去除列表默认样式 */ | ||
ul, | ||
ol { | ||
list-style: none; | ||
} | ||
|
||
/* 去除默认的倾斜效果 */ | ||
em, | ||
i { | ||
font-style: normal; | ||
} | ||
|
||
/* 去除a标签默认下划线,并设置默认文字颜色 */ | ||
a { | ||
text-decoration: none; | ||
color: #333; | ||
} | ||
|
||
/* 设置img的垂直对齐方式为居中对齐,去除img默认下间隙 */ | ||
img { | ||
vertical-align: middle; | ||
} | ||
|
||
/* 去除input默认样式 */ | ||
input { | ||
border: none; | ||
outline: none; | ||
color: #333; | ||
} | ||
|
||
/* 左浮动 */ | ||
.fl { | ||
float: left; | ||
} | ||
|
||
/* 右浮动 */ | ||
.fr { | ||
float: right; | ||
} | ||
|
||
/* 双伪元素清除法 */ | ||
.clearfix::before, | ||
.clearfix::after { | ||
content: ""; | ||
display: table; | ||
} | ||
.clearfix::after { | ||
clear: both; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,138 @@ | ||
.nav{ | ||
margin-top: 25px; | ||
height: 60px; | ||
background-color:#fff; | ||
} | ||
.wrapper{ | ||
height: 132px; | ||
width: 1200px; | ||
margin: 0 auto; | ||
} | ||
.nav .wrapper h1{ | ||
float:left; | ||
color: #1e50ae; | ||
font-size: 28px; | ||
line-height: 28px; | ||
margin-right: 45px; | ||
|
||
} | ||
.nav .wrapper h1 span{ | ||
color: red; | ||
font-size: 28px; | ||
line-height: 28px; | ||
} | ||
.nav li { | ||
float: left; | ||
margin-left: 50px; | ||
line-height: 28px; | ||
} | ||
.nav li a{ | ||
font-size: 16px; | ||
font-weight: 530; | ||
} | ||
.nav li a:hover{ | ||
color:#66b3ff | ||
} | ||
.banner{ | ||
height: 450px; | ||
background-image: url(../image/1.png); | ||
background-repeat: none; | ||
background-size:contain ; | ||
|
||
} | ||
.search{ | ||
margin-top:50px ; | ||
height: 80px; | ||
|
||
} | ||
.search .wrapper .firstgra{ | ||
float: left; | ||
margin-top: 20px; | ||
margin-left: 180px; | ||
|
||
} | ||
.search .secondgra{ | ||
float:left; | ||
margin-left: 20px; | ||
} | ||
.search .searchlan { | ||
float: left; | ||
margin-left: 120px; | ||
margin-top: 10px; | ||
} | ||
|
||
.search .searchlan input{ | ||
height: 38px; | ||
width: 400px; | ||
border:2px solid #ececec | ||
} | ||
.search .button1{ | ||
margin-top: 10px; | ||
float: left; | ||
height: 38px; | ||
width: 60px; | ||
background-color:#1e50ae; | ||
line-height: 38px; | ||
font-size:14px; | ||
text-align: center; | ||
color: #fff; | ||
font-weight: 300; | ||
} | ||
.fonter{ | ||
margin-top: 30px; | ||
height: 120px; | ||
/* background-color: pink; */ | ||
} | ||
.fonter .wrapper{ | ||
width: 1000px; | ||
|
||
} | ||
.fonter .top{ | ||
float:top; | ||
text-align: center; | ||
font-size: 26px; | ||
color:#1e50ae; | ||
font-weight: 500; | ||
} | ||
.fonter .middle{ | ||
float:top; | ||
text-align: center; | ||
margin-top: 15px; | ||
font-size: 15px; | ||
color:#b8babe; | ||
font-weight: 500; | ||
} | ||
.fonter .last{ | ||
float:top; | ||
margin-top: 5px; | ||
height: 20px; | ||
width: 225px; | ||
background-image: url(../image/3.png); | ||
margin: 0 auto; | ||
} | ||
.dibu{ | ||
height: 97px; | ||
margin-top: 100px; | ||
} | ||
.dibu .tu{ | ||
height: 97px; | ||
width: 966px; | ||
background-image: url(../image/底部.png); | ||
margin: 0 auto; | ||
} | ||
.zuidi{ | ||
height: 113px; | ||
margin-top: 70px; | ||
} | ||
.zuidi .left{ | ||
height: 113px; | ||
width: 700px; | ||
float: left; | ||
background-image: url(../image/last.png); | ||
} | ||
.zuidi .right{ | ||
height: 113px; | ||
float: left; | ||
width: 810px; | ||
background-color: #1e50ae; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,146 @@ | ||
.bangfu{ | ||
|
||
width: 1510px; | ||
height: 500px; | ||
margin-top: 30px; | ||
} | ||
.bangfu .left{ | ||
float:left; | ||
width: 800px; | ||
height: 418px; | ||
background-image: url(../image/8.png); | ||
background-repeat: no-repeat; | ||
background-size: 800px; | ||
} | ||
.bangfu .right{ | ||
width: 710px; | ||
height: 418px; | ||
float: left; | ||
background-color: rgb(55, 83,156); | ||
} | ||
.bangfu .right span{ | ||
display: block; | ||
font-size: 38px; | ||
color: #fff; | ||
line-height: 38px; | ||
margin-top:115px; | ||
margin-left: 60px; | ||
font-weight: 300; | ||
} | ||
.bangfu .right p{ | ||
display: block; | ||
font-size: 14px; | ||
line-height: 16px; | ||
height: 20px; | ||
color: #fff; | ||
margin-left: 60px; | ||
margin-top: 28px; | ||
} | ||
.bangfu .right a{ | ||
display: block; | ||
color:rgb(55, 83,156); | ||
background-color: #fff; | ||
font-size: 20px; | ||
line-height: 20px; | ||
padding: 10px 25px; | ||
margin-left: 60px; | ||
width: 130px; | ||
border-radius: 15px; | ||
margin-top:50px | ||
} | ||
.person{ | ||
width: 1510px; | ||
height: 448px; | ||
background-color: pink; | ||
background-image: url(../image/9.png); | ||
background-size: 1510px; | ||
background-repeat: no-repeat; | ||
} | ||
.falvku{ | ||
width: 1510px; | ||
height: 600px; | ||
background-color: rgb(36,79,167); | ||
margin-top: 20px; | ||
} | ||
.falvku span{ | ||
width: 1510px; | ||
height: 28px; | ||
display: block; | ||
float: top; | ||
font-size: 28px; | ||
line-height: 28px; | ||
color: #fff; | ||
text-align: center; | ||
padding-top: 40px; | ||
letter-spacing: 3px; | ||
} | ||
.falvku p{ | ||
width: 1510px; | ||
height: 16px; | ||
display: block; | ||
float: top; | ||
color: #fff; | ||
font-size: 16px; | ||
line-height: 16px; | ||
text-align: center; | ||
margin-top: 20px; | ||
font-weight: 300; | ||
} | ||
.falvku .xiabu{ | ||
float:top; | ||
margin-top: 70px; | ||
width: 1510px; | ||
height: 400px; | ||
} | ||
.falvku .xiabu ul{ | ||
float:left; | ||
width: 440px; | ||
height: 310px; | ||
border-right: 1px solid #fff; | ||
} | ||
.falvku .xiabu li a{ | ||
display: block; | ||
float:top; | ||
width: 300px; | ||
height: 16px; | ||
line-height: 16px; | ||
font-size: 14px; | ||
color: #fff; | ||
margin-left: 90px; | ||
margin-bottom: 30px; | ||
} | ||
.falvku .xiabu ul:first-child{ | ||
margin-left: 120px; | ||
} | ||
.falvku .xiabu .zuiyou{ | ||
float:left; | ||
width: 380px; | ||
height: 310px; | ||
margin-left: 60px; | ||
} | ||
.falvku .xiabu .zuiyou span{ | ||
float: top; | ||
width: 380px; | ||
height: 208px; | ||
background-image: url(../image/10.png); | ||
background-repeat: no-repeat; | ||
background-size: 350px; | ||
} | ||
.falvku .xiabu .zuiyou ul{ | ||
width: 380px; | ||
height: 112px; | ||
} | ||
.falvku .xiabu ul:last-child{ | ||
border: none; | ||
} | ||
.falvku .xiabu .zuiyou ul li a{ | ||
float: left; | ||
display: block; | ||
width: 380px; | ||
height: 16px; | ||
line-height: 16px; | ||
font-size: 14px; | ||
color: #fff; | ||
margin-left: 0px; | ||
margin-bottom: 26px; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
.top{ | ||
width: 1510px; | ||
height: 315px; | ||
background-image: url(../image/13.png); | ||
background-repeat: no-repeat; | ||
background-size: 1510px; | ||
} | ||
.fangshiqu{ | ||
width: 1510px; | ||
height: 281px; | ||
margin-top: 30px; | ||
} | ||
.fangshiqu .left{ | ||
width: 1100px; | ||
background-image: url(../image/14.png); | ||
background-repeat: no-repeat; | ||
height: 281px; | ||
background-size: 1100px; | ||
margin: 0 auto; | ||
} |
Oops, something went wrong.