*{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
font-family: "微软雅黑";
}
.clearfix:after{
content: '';
display: block;
clear: both;
visibility: hidden;
}
#TopBox{
width: 100%;
background: url(../img/top-bg.png) repeat-x;
}
#TopCenter{
width: 1000px;
margin: 0 auto;
}
#Hlogo{
display: block;
width: 322px;
height: 38px;
margin: 25px 0 33px 0;
float: left;
}
#Hlogo img{
display: block;
width: 322px;
height: 38px;
}
#TopRight{
float: right;
}
#TopFun{
padding-top: 16px;
float:right;
}
#target_city{
float: left;
font-size: 12px;
color: #009af8;
padding: 0 16px 0 26px;
text-align: center;
line-height: 26px;
background: url(../img/icon.png) no-repeat left top;
cursor: pointer;
}
#TopFun dd{
float: left;
font-size: 12px;
line-height: 26px;
padding:0 10px;
text-align: center;
color: #646472;
background: url(../img/sanjiao.png) no-repeat left center;
cursor: pointer;
}
#TopFun dd:hover{
color: #009af8;
background: url(../img/sanjiao1.png) no-repeat left center;
}
#qiehuan{
position: relative;
float: left;
font-size: 12px;
line-height: 26px;
color: #646472;
padding: 0 5px;
text-align: center;
cursor: pointer;
}
#qiehuan:hover{
color: #009af8;
cursor: pointer;
}
#Citylist{
display: none;
position: absolute;
top: 30px;
right: 0;
z-index: 2;
width: 430px;
height: 148px;
padding: 28px 30px;
box-sizing: border-box;
box-shadow: 1px 1px 3px #d3d4d4,-1px -1px 3px #d3d4d4;
-webkit-box-shadow: 1px 1px 3px #d3d4d4,-1px -1px 3px #d3d4d4;
-moz-box-shadow: 1px 1px 3px #d3d4d4,-1px -1px 3px #d3d4d4;
background-color: #fff;
border-radius: 4px;
}
#Citylist>img{
position: absolute;
right: 24px;
top: -10px;
}
#Citylist>p{
text-align: left;
line-height: 20px;
color: #333;
font-weight: bold;
font-size: 12px;
}
#Citylist>p>a{
line-height: 20px;
color: #333;
font-size: 12px;
font-weight: normal;
padding: 0 7px;
}
#Citylist>p>a:hover{
color: #009AF8;
}
#Hnav{
clear: both;
position: relative;
}
.HnavText{
float: left;
}
.HnavText>a{
line-height: 54px;
color: #3e3a39;
font-size: 16px;
padding: 0 18px;
}
.HnavText .HNActive{
line-height: 54px;
color: #009af8;
font-size: 16px;
padding: 0 18px;
}
.shuxian{
height: 54px;
width: 5px;
float: left;
background: url(../img/sprite-1-5x45.png) no-repeat center center;
}
#HNindex{
position: absolute;
bottom: 6px;
left: 0;
height: 4px;
background-color: #009af8;
}
#HNindex img{
position: absolute;
top: -5px;
}
导航CSS
最新推荐文章于 2024-06-25 08:03:29 发布