html {
color: #000;
background: #FFF;
font-family: "微软雅黑";
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset,
img {
border: 0
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal
}
ol,
ul {
list-style: none
}
caption,
th {
text-align: left
}
q:before,
q:after {
content: ''
}
abbr,
acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%
}
legend {
color: #000
}
a {
text-decoration: none;
color: rgb(51, 51, 51);
}
.h100 {
height: 100px;
}
*:focus {
outline: none;
}
.clear {
clear: both;
}
img {
display: block;
}
.fr {
float: right!important;
}
.fl {
float: left!important;
}
.header {
width: 100%;
box-shadow: 0px 3px 7px 0px rgba(234, 234, 234, 0.69);
}
header {
width: 1200px;
height: 95px;
margin: 0 auto;
}
header .logo {
width: 181px;
margin-top: 19px;
display: block;
float: left;
}
header span {
float: left;
margin-top: 35px;
font-size: 16px;
color: rgb(102,102,102);
margin-left: 20px;
font-weight: 500;
}
header .logo-time {
display: block;
width: 114px;
margin-left: 37px;
margin-top: 23px;
float: left;
}
header ul {
/* width: 629px; */
height: 100%;
float: right;
}
header ul li {
line-height: 100px;
float: left;
margin-right: 37px;
}
header ul li:nth-last-child(1) {
margin-right: 0;
}
header ul li a {
font-size: 17px;
}
header ul li a:hover {
color: rgb(30, 148, 255);
}
header .cur {
color: rgb(30, 148, 255);
}
.header .wrapper {
position: relative;
width: 1200px;
height: 22px;
margin: 0 auto;
}
.header .top-title {
position: absolute;
left: 0;
font-size: 14px;
line-height: 22px;
}
.header .top-tel {
position:absolute;
right:0;
font-size: 14px;
line-height: 22px;
}
footer {
min-width: 1200px;
background: url(../img/31@3x.png) 100% 100% no-repeat;
}
footer>div {
width: 1200px;
margin: 0 auto;
}
footer .nav {
width: 880px;
}
footer .nav>ul {
float: left;
margin-right: 85px;
margin-top: 63px;
margin-bottom: 35px;
}
footer .nav>ul:nth-last-child(1) {
margin-right: 0;
}
footer .nav>ul>li {
font-size: 14px;
line-height: 36px;
}
footer .nav>ul>li:nth-child(1) {
font-size: 16px;
color: rgb(255, 255, 255);
line-height: 48px;
}
footer .nav>ul>li a {
color: rgb(149, 156, 174);
}
footer .nav>ul>li a:hover {
color: rgb(32, 151, 219);
}
footer .city {
width: 1200px;
}
footer .city>div {
float: left;
position: relative;
}
footer .city>div:nth-child(1) img {
width: 14px;
height: 54px;
}
footer .city>div:nth-child(2) img {
width: 32px;
height: 32px;
}
footer .city>div:nth-child(3) img {
width: 33px;
height: 45px;
}
footer .city>div:nth-child(4) img {
width: 27px;
height: 51px;
line-height: 79px;
}
footer .city>div>div {
float: left;
}
footer .city>div>div:nth-child(1) {
width: 40px;
height: 100px;
margin-right: 20px;
font-size: 20px;
color: rgb(130, 139, 159);
}
footer .city>div img {
display: inline-block;
vertical-align: middle;
}
footer .city>div>div:nth-child(1)>div {
height: 79px;
text-align: center;
line-height: 60px;
}
footer .city>div>div:nth-child(2) {
width: 208px;
margin-right: 42px;
font-size: 20px;
color: rgb(145, 156, 178);
line-height: 58px;
}
footer .city>div:nth-last-child(1)>div:nth-child(2) {
margin-right: 0;
}
footer .city>div>div:nth-child(2) p {
font-size: 16px;
color: rgb(98, 106, 121);
line-height: 30px;
}
footer .record {
color: rgb(66, 72, 83);
font-size: 16px;
margin-top: 30px;
padding-bottom: 54px;
}
footer .record a{
color: rgb(66, 72, 83);
}
footer .code {
width: 130px;
float: right;
margin-top: 63px;
color: rgb(255, 255, 255);
font-size: 18px;
text-align: center;
}
footer .code p {
margin-bottom: 28px;
}
footer .code img {
width: 130px;
}