.search .search-right-div{
    background-image: url('../images/black-search.png');
}
.search:hover{
    border:0px solid #000;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#E30013;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.activev>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color:#000;
}
.navbar-default .navbar-nav>li>a{
	color:#000;
}
.arrow-down {
    border-top: 7px solid #000;
}

.navbar-default .navbar-nav>li>.product{
	color:#E30013;
}

.sales-banner{
    background: url('../images/eightsysbanner.jpg') no-repeat;
	height:480px;
    background-size: cover;
    background-position: 50%;
}
#eightsys{
	margin-top:25px;
    height: 104px;
}
#eightsys .border-bottom{
	padding:15px;
	border-bottom:1px solid #000;
}
#eightsys div{
}
#eightsys div img{
	height:88px;
	width:53px;
	height:69px;
    margin-top: 8px;
}

#eightsys div .system{
    height: 131px;
    width: 117%;
	margin:0 10px 10px 0px;
	cursor: pointer;
    background-repeat: no-repeat;
    padding-top: 70px;
    text-align: center;
    background-position: 50% 8px;
    background-size: 39px;
}
#eightsys div .system p{
	font-size:1px;	
}	
#eightsys div h3{
    margin: 0px;
    font-size: 16px;
}
#eightsys div .jqxt,#eightsys-left ul li.jqxt{
    background-image: url('../images/jqxt.png');
}
#eightsys-left ul li.jqxt{
    background-size: 29px;
}
#eightsys div .jqxt:hover,#eightsys-left ul li.jqxt:hover,
#eightsys div .eightsystem_jqxt,#eightsys-left ul li.eightsystem_jqxt{
    background-image: url('../images/jqxt1.png');
    color:red;
}
#eightsys div .ryxt{
    background-size: 43px;
}
#eightsys div .ryxt,#eightsys-left ul li.ryxt{
    background-image: url('../images/ryxt.png');
}
#eightsys-left ul li.ryxt{
    background-size: 27px;
}
#eightsys div .ryxt:hover,#eightsys-left ul li.ryxt:hover,
#eightsys div .eightsystem_ryxt,#eightsys-left ul li.eightsystem_ryxt{
    background-image: url('../images/ryxt1.png');
    color:red;
}
#eightsys div .rhxt{
    background-size: 63px;
}
#eightsys div .rhxt,#eightsys-left ul li.rhxt{
    background-image: url('../images/rhxt.png');
    background-position: 50% 16px;
}
#eightsys div .rhxt:hover,#eightsys-left ul li.rhxt:hover,
#eightsys div .eightsystem_rhxt,#eightsys-left ul li.eightsystem_rhxt{
    background-image: url('../images/rhxt1.png');
    color:red;
}
#eightsys div .scxt{
    background-size: 52px;
}
#eightsys div .scxt,#eightsys-left ul li.scxt{
    background-image: url('../images/scxt.png');
}
#eightsys div .scxt:hover,#eightsys-left ul li.scxt:hover,
#eightsys div .eightsystem_scxt,#eightsys-left ul li.eightsystem_scxt{
    background-image: url('../images/scxt1.png');
    color:red;
}
#eightsys div .dlxt{
    background-size: 39px;
}
#eightsys div .dlxt,#eightsys-left ul li.dlxt{
    background-image: url('../images/dlxt.png');
}
#eightsys div .dlxt:hover,#eightsys-left ul li.dlxt:hover,
#eightsys div .eightsystem_dlxt,#eightsys-left ul li.eightsystem_dlxt{
    background-image: url('../images/dlxt1.png');
    color:red;
}
#eightsys div .zbxxt{
    background-size: 47px;
}
#eightsys div .zbxxt,#eightsys-left ul li.zbxxt{
    background-image: url('../images/zbxxt.png');
}
#eightsys div .zbxxt:hover,#eightsys-left ul li.zbxxt:hover,
#eightsys div .eightsystem_zbxxt,#eightsys-left ul li.eightsystem_zbxxt{
    background-image: url('../images/zbxxt1.png');
    color:red;
}
#eightsys div .lqxt{
    background-size: 39px;
}
#eightsys div .lqxt,#eightsys-left ul li.lqxt{
    background-image: url('../images/lqxt.png');
}
#eightsys div .lqxt:hover,#eightsys-left ul li.lqxt:hover,
#eightsys div .eightsystem_lqxt,#eightsys-left ul li.eightsystem_lqxt{
    background-image: url('../images/lqxt1.png');
    color:red;
}
#eightsys div .ktxt{
    background-size: 45px;
}
#eightsys div .ktxt,#eightsys-left ul li.ktxt{
    background-image: url('../images/ktxt.png');
}
#eightsys div .ktxt:hover,#eightsys-left ul li.ktxt:hover,
#eightsys div .eightsystem_ktxt,#eightsys-left ul li.eightsystem_ktxt{
    background-image: url('../images/ktxt1.png');
    color:red;
}
#eightsys div .csrhxt{
    background-size: 57px;
    background-position: center 17px;
}
#eightsys div .csrhxt,#eightsys-left ul li.csrhxt{
    background-image: url('../images/csrhxt.png');
}
#eightsys-left ul li.csrhxt{
    background-size: 41px;
    line-height: 71px;
}
#eightsys div .csrhxt:hover,#eightsys-left ul li.csrhxt:hover,
#eightsys div .eightsystem_csrhxt,#eightsys-left ul li.eightsystem_csrhxt{
    background-image: url('../images/csrhxt1.png');
    color:red;
}
#eightsys div .xlxt{
    background-size: 47px;
}
#eightsys div .xlxt,#eightsys-left ul li.xlxt{
    background-image: url('../images/xlxt.png');
}
#eightsys div .xlxt:hover,#eightsys-left ul li.xlxt:hover,
#eightsys div .eightsystem_xlxt,#eightsys-left ul li.eightsystem_xlxt{
    background-image: url('../images/xlxt1.png');
    color:red;
}

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

#eightsys-left{
    position: fixed;
    top: -5px;
    left: 37px;
    width: 105px;
    height: auto;
    display:none;
}

#eightsys-left ul{
	margin:0px;
}
#eightsys-left ul li{
    list-style: none;
    background-repeat: no-repeat;
    background-position: 50% 5px;
    cursor: pointer;
    text-align: center;
    background-size: 28px;
    height: 48px;
    line-height: 98px;
    margin-top: 12px;
}

#brands{
    height: 50px;
    border: 1px solid #DEDEDE;
    margin-top: 20px;
    //margin-left: 177px;
    background-color: #F8F8F8;
    width: 73%;
}

#brands .pagerbar .sortname{
    color: #FF565F;
    font-weight: bold;
    line-height: 16px;
    font-size: 16px;
    margin-left: 11px;
}
#brands .pager{
    font-size: 14px;
    line-height: 8px;
    color: gray;
    margin-right: 12px;
    margin-left: 22px;
    float:right;
    margin-top: 3px;
}
#brands .pager p{
    float: right;
}
#brands .pager span{
   color:#000;
}
#brands .pager .red{
   color:red;
   margin-left: 9px;
}
#brands .pagerbar .pagenav{
	
}
#brands .pagerbar .pagenav ul{
	list-style:none;
    float: right;
}
#brands .pagerbar .pagenav ul li{
  	border: 1px solid #DEDEDE;
    background-color: #F8F8F8;
    height: 26px;
    line-height: 21px;
    width: 48px;
    margin-top: -9px;
    float: left;
}

#brands .pagerbar .pagenav ul .active{
    background-color: #FFF;
}
.pagebtn{
	color:#B4AFAF;
    cursor: pointer;
    font-size: 23px;
    text-align: center;
}

#goods{
    width: 70.8%;
    //margin-left: 176px;
}

#goods .row{
    margin-top:28px;
}

#goods .nodata{
	color:gray;
    text-align: center;
    font-size: 22px;
} 
#goods .good{
	padding: 10px 0px 7px 0px;
    border: 1px solid #FFF;
}
#goods .good:hover{
    border: 1px solid #DEDEDE;
}
#goods .good:hover .goodinfo{
    border: none;
    color:#FFF;
    background-color: #e60012;
}
#goods img{
    width: 166px;
    height: 163px;
    margin-bottom: 26px;
}
#goods .good .goodname{
	text-align:center;
	font-size:16px;
    font-weight: 400;
    margin-bottom:21px;
}
#goods .goodinfo{
	width:112px;
	height:35px;
    border-radius: 15px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    line-height:33px;
    background-color: #FFF;
    color:#000;
    text-decoration: none;
    border: 1px solid #DEDEDE;
}
#goods a{
    text-decoration: none;
}