*{
margin: 0;
padding: 0;
}
body {
font-size: 12px;
line-height: 25px;
color: #555555;
margin: 0 auto;
}
a {
color: #555555;
text-decoration: none;
}
a:hover {
color: #ff4e00;
}
img {
border: 0;
}
ul, li, dl, dt, dd {
list-style: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clear:after{
content: '';
display: block;
clear: both;
}
.center{
width: 1200px;
margin: 0 auto;
}
/*---------------header---------------*/
.soubg {
width: 100%;
min-width: 1200px;
height: 35px;
line-height: 35px;
background: linear-gradient(to bottom, #d1d1d1, #f4f4f4, #f5f5f5);
}
.sou{
margin-left: 50px;
}
.top_right{
margin-right: 50px;
}
.s_city_b {
width: 150px;
height: 35px;
float: left;
}
.ss {
/*width: 225px;*/
height: 35px;
float: left;
}
.ss_list {
height: 35px;
background: url(../images/t_arrow.gif) no-repeat right center;
float: left;
margin-left: 10px;
padding-right: 15px;
position: relative;
}
.ss_list:hover .ss_list_bg {
display: block;
}
.ss_list_bg {
width: 116px;
overflow: hidden;
position: absolute;
left: 50%;
top: 29px;
margin-left: -58px;
z-index: 900;
display: none;
}
.ss_list_c {
overflow: hidden;
background-color: #FFF;
margin-top: 6px;
padding: 10px 0;
border: 1px solid #cdcdcd;
}
.ss_list_c ul li {
height: 25px;
line-height: 25px;
overflow: hidden;
text-align: center;
}
.s_sh {
width: 55px;
height: 35px;
overflow: hidden;
float: left;
}
.s_sh a {
width: 20px;
height: 35px;
line-height: 35px;
overflow: hidden;
float: left;
display: inline;
margin: 0 3px;
text-indent: -9999em;
}
.s_sh a.sh1 {
background: url(../images/sh1.png) no-repeat center 8px;
}
.s_sh a.sh2 {
background: url(../images/sh2.png) no-repeat center center;
}
/*头部,logo和搜索*/
.top {
width: 1200px;
height: 140px;
}
.logo {
width: 207px;
height: 72px;
overflow: hidden;
float: left;
display: inline;
margin-top: 40px;
margin-left: 60px;
box-sizing: border-box;
}
.search {
width: 520px;
height: 65px;
overflow: hidden;
float: left;
display: inline;
margin-left: 100px;
margin-top: 50px;
}
.s_ipt {
width: 408px;
height: 40px;
line-height: 36px;
overflow: hidden;
color: #555555;
font-size: 14px;
float: left;
padding: 0 10px;
border: 2px solid #ff3c3c;
border-right: 0;
}
.s_btn {
width: 90px;
height: 40px;
line-height: 40px;
background-color: #ff3c3c;
color: #FFF;
font-size: 16px;
text-align: center;
float: left;
border: 0;
cursor: pointer;
}
.search a {
margin-right: 12px;
display: inline-block;
}
.i_car {
width: 120px;
height: 38px;
line-height: 38px;
background: #f6f6f6 url(../images/car.png) no-repeat 10px center;
float: right;
margin-top: 50px;
border: 1px solid #d9d9d9;
position: relative;
}
.car_t {
width: 80px;
height: 38px;
overflow: hidden;
font-size: 14px;
margin-left: 38px;
cursor: pointer;
padding-left: 10px;
}
.car_t span {
color: #ff3c3c;
}
.i_car:hover .car_bg {
display: block;
}
.car_bg {
width: 283px;
overflow: hidden;
background-color: #FFF;
border: 1px solid #d9d9d9;
position: absolute;
right: -1px;
top: 38px;
z-index: 900;
display: none;
}
/*---------------首页---------------*/
/*主体部分,焦点图部分*/
.menu_bg {
width: 100%;
min-width: 1200px;
height: 43px;
border-bottom: 2px solid #ff4e00;
}
.menu {
width: 1200px;
height: 43px;
line-height: 43px;
color: #3e3e3e;
font-size: 16px;
position: relative;
z-index: 800;
}
ul.menu_r {
width: 720px;
height: 40px;
line-height: 40px;
float: left;
margin-left: 211px;
}
ul.menu_r li {
width: 70px;
height: 40px;
text-align: center;
float: left;
display: inline;
margin-right: 10px;
font-weight: bold;
}
ul.menu_r li a {
color: #3e3e3e;
}
ul.menu_r li a:hover, ul.menu_r .active a {
color: #ff3c3c;
}
.m_ad {
width: 260px;
height: 43px;
line-height: 40px;
overflow: hidden;
color: #ff3600;
font-size: 20px;
font-weight: bold;
text-align: right;
float: right;
}
.nav {
width: 220px;
background-color: #ff3c3c;
position: absolute;
left: 0;
top: 0;
}
.nav_t {
width: 220px;
height: 43px;
line-height: 43px;
overflow: hidden;
color: #FFF;
font-size: 16px;
text-indent: 35px;
}
.leftNav {
width: 220px;
background-color: #b01d1d;
position: absolute;
left: 0;
top: 44px;
}
.none {
display: none;
}
.leftNav ul li {
height: 40px;
line-height: 40px;
background: url(../images/n_arrow.gif) no-repeat 204px center;
color: #FFF;
font-size: 14px;
margin-left: 1px;
cursor: pointer;
position: relative;
/*鼠标移入过渡动画*/
transition: all 1s;
}
/*鼠标移入商品列表,右移*/
.leftNav ul li:hover{
transform: translate(20px,0);
}
.leftNav ul li .n_img {
width: 20px;
height: 21px;
text-align: center;
float: left;
margin:0 10px ;
}
.leftNav ul li .n_img span {
height: 100%;
vertical-align: middle;
display: inline-block;
}
.leftNav ul li .n_img img {
vertical-align: middle;
}
.leftNav ul li ul {
width: 220px;
min-height: 70px;
overflow: hidden;
position: absolute;
left: 196px;
top: 0;
border: 1px solid #d4d2d2;
border-left: 0;
z-index: 900;
display: none;
}
.leftNav ul li ul li {
width: 195px;
height: auto;
line-height: 25px;
overflow: hidden;
font-size: 12px;
font-weight: normal;
background: none;
margin: 10px auto;
padding: 0 0 5px;
border-bottom: 1px dashed #d1d0d1;
}
.leftNav ul li ul li a {
color: #989797;
margin: 0 10px;
}
.leftNav ul li ul li a:hover {
color: #e02d02;
}
.leftNav ul li ul li .n_t {
width: 50px;
height: 20px;
line-height: 20px;
overflow: hidden;
text-align: center;
font-weight: bold;
float: left;
}
.leftNav ul li ul li .n_c {
width: 142px;
overflow: hidden;
float: left;
}
.leftNav ul li ul li .n_c a {
width: 60px;
height: 20px;
line-height: 20px;
overflow: hidden;
float: left;
display: inline-block;
margin: 0 0 0 10px;
}
.leftNav ul li .fj {
width: 210px;
height: 40px;
line-height: 40px;
display: block;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 901;
}
.leftNav ul li .fj.nuw {
width: 211px;
text-decoration: none;
height: 40px;
line-height: 40px;
background-color: #FFF;
color: #ff4e00;
z-index: 800;
}
.leftNav .zj {
width: 989px;
height: 411px;
overflow: hidden;
background-color: #FFF;
position: absolute;
left: 210px;
top: 0;
/*控制鼠标移入出现或消失*/
display: none;
}
.leftNav .zj .zj_l {
width: 685px;
height: 385px;
overflow: hidden;
float: left;
display: inline;
margin-left: 20px;
margin-top: 15px;
}
.leftNav .zj .zj_l_c {
width: 280px;
height: 108px;
line-height: 25px;
color: #dbdbdb;
float: left;
display: inline;
margin-right: 50px;
margin-bottom: 25px;
}
.leftNav .zj .zj_l_c h2 {
height: 25px;
line-height: