body,div,h1,h2,h3,h4,h5,span,ul,li,{
		margin: 0;
		padding: 0;
	}

	body,html,ul
	{
		padding:0;
		margin:0;
	}
	body
	{
		margin: 0 auto;
	}
	.clear{clear: both;height:0px;}
	.navbar{
		width: 100%;
		height: 36px;
		background: rgba(227, 228, 229, 0.5);
	}
	.header{
		margin: 0 auto;
		width: 100%;
		height: 35px;
		line-height: 35px;
		font-weight: bold;
		position: relative;
		z-index: 99999;
	}
	.header .to{
		float: left;
		margin-left: 12%;
		padding: 0 5px;
		color:#999;
	}
	/* .header .to:hover{
		background: #fff;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	} */
	.header .tolist
	{
		display: none;
		position: absolute;
		margin-left: -6px;
		width:425px;
		top:35px;
		background:#fff;
		border:1px solid #ccc;
		border-top:none;
		padding:10px;
		z-index: 999;
		box-sizing: border-box;
	}
	.tolist ul li
	{
		float: left;
		list-style-type: none;
		font-weight: normal;
		font-size: 12px;
		width:80px;
	}
	.tolist ul li a
	{
		display: block;
		padding: 0 8px;
		line-height: 24px;
		text-align: center;
	}
	.tolist ul li a:hover
	{
		background:#eee;
		cursor: pointer;
	}
	.header-nav{
		font-weight:normal;
		float: right;
		height: 35px;
		margin-right: 5%;
	}
	.nav_index{
		margin-left: 5%;
	}
	.header-nav ul{
		list-style: none;
	}
	.header-nav li{
		float: left;
		line-height: 35px;
		margin-left: 8px;
	}
	.header-nav li a{
		text-decoration: none;
		color: #999;
	}
	.header-nav li a:hover{
		color: red;
	}
	.spacer
	{
		overflow: hidden;
	    margin: 8px 5px 0;
	    width: 2px;
	    height: 15px;
	    background-color: #ccc;
	}
	.box{
		width: 1420px !important;
		margin: 0 auto !important;
		background: #f4f4f4;
		float: none !important;
		position: relative;
	}
	.top{
		width: 100%;
		height: 150px;
	}
	.top .logo{
		background: #fff;
	    width: 15%;
	    height: 140px;
	    float: left;
	    box-shadow: 0 0px 10px rgba(0,0,0,.2);
	}
	.top .logo img{
		max-width:100%;
		display: block;
    	margin: 30px auto;
    	-ms-interpolation-mode: bicubic; 
	}
	.top .search{
		float: left;
		width:70%;
	    height: 40px;
	    margin-top: 20px;
	}
	.top .search .search1
	{
		width: 100%;
	    height: 40px;
	    margin: 0 10px;
	}
	.top .search input{
		width: 100%;
	    height: 40px;
	    float: left;
	    line-height: 40px;
	    outline: none;
	    border: 1px solid #c00000;
	    padding: 1px 10px;

	}
	.top .search button{
	    background: red;
	    height: 40px;
	    border-color: #c00000;
	    color:#fff;
	}
	.shoppingcar{
		position: relative;
	    cursor: pointer;
	    background: #fff;
	    text-align: center;
	    line-height: 3em;
	    font-size: 0.7em;
	    float: right;
	    margin-right: 30px;
	    width: 20%;
	    height: 40px;
	}
	.shoppingcar>a
	{
		position: absolute;
	    display: block;
	    width: 100%;
	    height: 40px;
	    color:#000;
	    background: #fff;
	   	border: 1px solid #ccc;
	   	z-index: 999;
	   	font-size: 1.5em;
    	line-height: 2.3em;
	}
	.shoppingcar i
	{
		z-index: 999;
		position: absolute;
		font-style: normal;
		font-size: 1.5em;
	}
	.shoppingcar .ic_left{
		color: red;
		top: 13px;
    	left: 3px;
	}
	.shoppingcar .ic_right{
		color:#ccc;
		top: 13px;
    	right: 4px;
	}
	.shoppingcar .ic_count{
		color:#fff;
		font-size: 12px;
	    min-width: 12px;
	    background: red;
	    line-height: 12px;
	    top: -6px;
	    right: 15px;
	    border-radius: 7px 7px 7px 0;
	    text-align: center;
	    padding: 1px 2px;
	    z-index: 1000;
	}
	.shoplist
	{
		display: none;
		position: absolute;
	    background: #f5f5f5;
	    width: 308px;
	    height: auto;
	    right: 0;
	    border: 1px solid #ccc;
	    z-index: 998;
	    top: 40px;

	}
	.shoplist ul
	{
		max-height: 333px;
		overflow: auto;
		padding:0;
		margin:0;
		background: #f5f5f5;
	}
	.shoplist ul li
	{
		cursor: auto;
		list-style-type: none;
		height:53px;
		background: #fff;
		margin: 1px 0;
		padding: 0!important;
	}
	.shoplist ul .tit{
		background-color: #BFFAB1;
	}
	.shoplist ul span
	{
		display: block;
		height:20px;
		line-height: 20px;
		text-align: left;
		padding:0 10px;
	}
	.shoplist a
	{
		cursor:pointer;
		padding: 0 10px;
	}
	.shopleft
	{
		float:left;
		width:60%;
		height:52px
	}
	.shopright
	{
		float:left;
		width:40%;
		height:52px;
		text-align: right;
	}
	.shoplist .shopright span
	{
		text-align: right;
	}
	.shopright a:hover
	{
		color:red;
	}
	.shopheader
	{
		text-align:left;
		height: 25px;
		padding: 6px 8px;
		line-height: 25px;
		background: #fff;
		cursor:auto;
	}
	.shopfooter
	{
		position: relative;
	    background: #f5f5f5;
	    height: 45px;
	    text-align: left;
	    line-height: 45px;
	    margin: 0 10px;
	}
	.shopfooter span
	{
		margin-right: 15px;
	}
	.shopfooter a
	{
		color: #fff;
	    position: absolute;
	    right: 0;
	    margin-left: 15px;
	    background: red;
	    line-height: 15px;
	    padding: 5px;
	    margin-top: 10px;
	    border-radius: 10px;
	}
	.footer
	{
		background: #f4f4f4;
		text-align: center;
		font-size: 12px;
		bottom: 0;
		color:#666;
		padding-top: 10px;

	}
	.saoma{
		height: auto;
	    width: 15%;
	    float: left;
	    position: relative;
	}
	.con{
		overflow: hidden;
		width:100%;
		margin-top:20px; 
	}
	.leftcon{
		background:#6e6568;
		float: left;
		height: 500px;
		width: 15%;
	}
	.li_first{
		height: 480px;
		margin: auto;
		overflow: auto;
		padding: 16px 0 16px 16px;
	}
	.li_first li{
		color: #fff;
	    line-height: 28px;
	    height: 28px;
	    width:100%;
	    list-style-type: none;
	    float: left;
	}
	.li_first li:hover{
		color:red;
		cursor: pointer;
	}
	.li_first span
	{
		color: #fff;
		float: left;
	    height: 28px;
	    line-height: 28px;
	    padding-left: 10px;
	}
	.middlecon{
		width: 70%;
		float: left;
		position: relative;
	}
	.lunbo{
		float: left;
		width: 70%;
		height: 500px;
	}
	.lunbo .carousel-inner {
		height: 500px;
	}
	.small{
		float: left;
		width: 30%;
	    height: 500px;
	    padding: 0 10px;
	}
	.small .smallimg {
		height: 166px;
	}
/*	.small .smallleft{
		overflow: hidden;
	    float: left;
	    width: 48%;
	    margin-right: 3%;
	    height: 180px;
	}
	.small .smallright{
		position: relative;
		overflow: hidden;
	    float: right;
	    width: 48%;
	    height: 180px;
	}*/
	.small .smallright img{
		position: absolute;
		right: 0;
	}
	.rightcon{
		float: right;
		height: 500px;
		width: 15%;
	}
	.rightcon .info{
		clear: both;
		border-bottom: 1px solid #ccc;
		padding:10px;
	}
	.user_logo
	{
		float: left;
		width:50px;
		height: 50px;
		border-radius: 30px;
		margin-right: 10px;
		border:2px solid #FFC107;
		overflow:hidden;
	}
	.user_logo img
	{
		padding:5px;
	}
	.user_info
	{
		float:left;
	}
	.user_info p
	{
		cursor: pointer;
		font-size: 15px;
		margin-top: 0;
		margin-bottom: 5px;
	}
	.message
	{
		padding:10px;
	}
	.message h5
	{
		position: relative;
		margin:0 0 10px 0;
		padding-bottom: 5px;
		border-bottom:1px solid #ccc;
	}
	.message h5 span
	{
		cursor: pointer;
		float: left;
		font-weight: normal;
		padding:0 10px;
	}
	.message h5 span:first-child
	{
		border-right: 1px solid #ccc;
	}
	.message h5 a
	{
		float: right;
		font-weight: normal;
		padding:0 10px;
		color: #000;
		text-decoration: none;
	}
	.message ul
	{
		padding:0;
		margin:0;
	}
	.message ul li
	{
		cursor: pointer;
		color:#696767;
		font-size: 13px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		height:28px;
		line-height: 28px;
		list-style-type: none;
	} 
	.message ul li:hover
	{
		color:red;
	}
	.checkto
	{
		background: red;
    	color: #fff;
	}
	.checkto a
	{
    	color: #fff;
	}
	.tolist ul .checkto a:hover
	{
		background: red;
    	color: #fff;
	}
	.goshop
	{
		cursor: pointer;
	}
	.content .brand_item{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.content .brand_item .car_icon{
		display: block;
		width: 40px;
		height: 30px;
		background-image: url(../images/carlogo/carbrandlogos.png);
		background-size: 320px;
	}
	.content .brand_item .TOYOTA{
		background-position: -160px -150px;
	}
	.content .brand_item .LEXUS{
		background-position: -80px -90px;
	}
	.content .brand_item .NISSAN{
		background-position: -40px -120px;
	}
	.content .brand_item .VENUCIA{
		background-position: -200px -150px;
	}
	.content .brand_item .DFFD{
		background-position: -160px -30px;
	}
	.content .brand_item .HONDA{
		background-position: -80px -60px;
	}
	.content .brand_item .MAZDA{
		background-position: -160px -90px;
	}
	.content .brand_item .SUZUKI{
		background-position: -120px -150px;
	}
	.content .brand_item .INFINITI{
		background-position: -160px -60px;
	}
	.content .brand_item .MITSUBISHI{
		background-position: -0px -120px;
	}
	.content .brand_item .MERCDES-BENZ{
		background-position: -200px -90px;
	}
	.content .brand_item .BMW{
		background-position: -120px -0px;
	}
	.content .brand_item .JEEP{
		background-position: -0px -90px;
	}
	.content .brand_item .VOLVO{
		background-position: -280px -150px;
	}
	.content .brand_item .PEUGEOT{
		background-position: -120px -120px;
	}
	.content .brand_item .CHRYSLER{
		background-position: -0px -30px;
	}
	.content .brand_item .RENAULT{
		background-position: -200px -120px;
	}
	.content .brand_item .CITROEN{
		background-position: -40px -30px;
	}
	.content .brand_item .LUXGEN{
		background-position: -120px -90px;
	}
	.content .brand_item .SUBARU{
		background-position: -80px -150px;
	}
	.content .brand_item .CADILLAC{
		background-position: -240px -0px;
	}