html {
	height: 100%;
}

body {
	font-family: "微软雅黑";
	font-size: 13px;
	color: #333;
	line-height: 24px;
	background-color: #fff;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
em,
i,
form,
p,
span {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: inherit;
	list-style: none;
	font-weight: normal;
	font-style: normal;
}

select,
input,
textarea {
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #555555;
}

input:focus {
	outline: none;
}

input,
button,
select,
textarea {
	outline: none;
	/*-webkit-appearance:none;*/
	/*强制去除表单自带的样式*/
}

textarea {
	resize: none;
	/*-webkit-appearance:none;*/
	/*强制去除textarea自带的样式*/
}

textarea,
input,
select {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}


a {
	color: #333;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

a:hover {
	color: #cc0001;
	text-decoration: none;
}

a:active,
a:focus {
	outline: 0;
	color: #cc0001;
	text-decoration: none;
}

img {
	border: 0;
	vertical-align: middle;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	*zoom: 1;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}



.container {
	width: 1200px;
	margin: 0 auto;
}

/* 欢迎语 */
.mainbg{overflow: hidden; background: #f6f6f6;}
.welcome{background: #f2f2f2; height: 34px; line-height: 34px; font-size: 12px; color: #999;}
.welcome span i{float: left; font-size: 18px; color: #333;}
.welcome p a{ color: #999; padding: 0 3px;}
.welcome p a:hover{ color: #333;}
.welcome p i{font-size: 18px;}

/* 头部LOGO和搜索查询 */
header{overflow: hidden; padding: 10px 0; width: 100%;}
.logo{}
.search{ margin: 20px 0;}
.search .searchBar{float:left; width:600px; height:36px; border:2px solid #f74a43; position:relative;}
.search .searchIn{float: left; width:500px;}
.search .searchIn input{ width: 460px; font-size: 14px; line-height: 36px; color: #999; padding: 0 10px;}
.search .searchHandle{float: left; width:100px;}
.search .searchHandle .searchBtn{background:#f74a43; width:100px; height:36px; text-align:center; font-size:18px; font-weight:bold; color:#fff;cursor:pointer;}
.search .cartBtn{float:left; margin-left:10px; border:1px solid #ddd; color:#999; background:url(../images/xunjia.jpg) no-repeat 6px; padding-left:30px;}
.search .cartBtn a{display:block; height:40px; line-height:40px; padding:0 10px; font-size: 15px;}
.search .cartBtn a:hover{color:#f74c5f; text-decoration:none;}
.search .sevTel{float:left; color:#333; margin-left:20px; line-height: 21px;}
.search .sevTel b{display:block; color:#f74a43; font-size:20px;}

/* 网站导航 */
.navline{border-bottom: 2px solid #f74a43; height: 48px; line-height: 48px;}
.nav{ width: 750px;}
.nav ul{}
.nav ul li{ float: left; width: 106px; font-size: 16px; text-align: center; position: relative;}
.nav ul li i{ position: absolute; background: url(../images/hot.png) no-repeat; width: 30px; height: 19px; right: 22px; top:-5px;}
.nav ul a li{color: #666;}
.nav ul a:hover li{color: #111;}

/* 全部商品分类导航 */
.dropdown {position: relative; display: inline-block;}
.dropdown:hover .menu {display: block;}
.menu {display: none;position: absolute;}
.menuTop {display: block; background-color: #f74a43; width: 220px; height: 48px; line-height: 48px;  font-size: 17px; cursor: pointer; }
.menuTop a{color: #fff;}
.menuTop i{ background: url(../images/alllist.png) no-repeat left; width: 16px; height: 16px; display: inline-block;margin-bottom: -2px; margin-right: 15px; margin-left: 15px; }

.menu ul { width:220px; height: 480px; box-sizing: border-box; position: relative; background: #FFF; }
.menu ul li {float: left;
    width: 100%;
    text-align: left;
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    z-index: 2;
    cursor: pointer;
   
    border-top-color: #ff0000;
    border-bottom: 1px solid #ECECEC; }
.menu ul li>i{float: left; margin: 0 10px; margin-top: 9px;}
.menu ul li>i img{float: left; width: 18px;}
.menu ul li a:hover { color: #f74a43; }
.menu ul li:hover .submenu { display: block; }
.menu ul li .submenu { position: absolute; left: 220px; top: 0; width: 748px; height: 478px; border: 1px solid #E7E7E7; background-color: #FFF; z-index: 3; display: none; }
.menu ul li .submenu .subleft {padding: 20px 25px; }
.menu ul li .submenu .subleft dl {clear: both;}
.menu ul li .submenu .subleft dl span {display: block; font-size: 18px; margin-bottom: 10px;}
.menu ul li .submenu .subleft dl span i{display: inline-block; background: #666; height: 16px; width: 3px; position: relative; margin-right: 10px; margin-bottom: -2px;}
.menu ul li .submenu .subleft dl dd {line-height: 28px;}
.menu ul li .submenu .subleft dl dd a {       float: left;
    border: 1px solid #e7e7e7;
    padding: 0 10px;
    margin-right: 8px;
    color: #333;
    font-size: 13px;
    margin-bottom: 6px;}
.menu ul li .submenu .subleft dl dd a:hover {   border: 1px solid #ccC;
    color: #333;
    background: #e8e8e8;}
.menu ul li .submenu .subleft dl dd.tj>a{border: 0;padding: 0;margin-right: 0;margin-bottom: 0; font-size: 13px;}
.menu ul li .submenu .subleft dl dd.tj>a:hover{background: none;}
.menu ul li .submenu .subleft dl dd.tj>a::after{
	content: '|';
	position: relative;
	margin: 0 15px;    color: #ccc;
}

/* 底部四大服务模块 */
.Serfour{overflow: hidden; padding:50px 0; clear: both;}
.Serfour ul{}
.Serfour ul li{ float: left; width: 280px; height: 155px; margin-right: 26px;}
.Serfour ul li .text{ color: #FFF;padding: 55px 22px 0 82px;}
.Serfour ul li .text span{font-size: 22px;}
.Serfour ul li .text p{font-size: 16px;}
.Serfour ul li:nth-of-type(1){ background: url(../images/lc01.png) no-repeat;}
.Serfour ul li:nth-of-type(2){ background: url(../images/lc02.png) no-repeat;}
.Serfour ul li:nth-of-type(3){ background: url(../images/lc03.png) no-repeat;}
.Serfour ul li:nth-of-type(4){ background: url(../images/lc04.png) no-repeat; margin-right: 0;}

/* 底部版权 */
.copyRight{overflow: hidden; background: #ededed; padding: 30px 0; text-align: center; font-size: 14px; line-height: 28px;}
.copyRight a{color: #333;}
.foot-img{overflow: hidden; width: 560px; margin: 0 auto;padding-top: 10px;}
.foot-img ul{}
.foot-img ul li{ float: left; width: 140px; text-align: center;}