/*主体宽度*/
.nav,.deal,.guess,.banner,.keepcar,.financial,.subject,.newcar{
	width:1200px;
	margin:0 auto;
}
/*header头部*/
/*顶部导航*/
.nav{
	height:65px;
}
/*logo图片*/
#header>.scroll>.nav>.nav-left>span{
	width:64px;
	height:64px;
	display:inline-block;
}
#header>.scroll>.nav>.nav-left>span>a>img{
	width:64px;
	height:64px;
}
#header>.scroll>.nav>.nav-left>a>img{
	width:9px;
	height:4px;
	position:relative;
	top:-2px;
	left:-3px;	
}
#header>.scroll>.nav>.nav-left .city{
	margin-top:25px;
	display:block;
	margin-left:27px;
	font-size:13px;
	color:#2c2c2c;
	width:55px;
	height:25px;
	padding-top:5px;
	padding-left:20px;
}
.nav-left{
	position: relative;
}
/* 二级菜单 */
.secondary{
	width:800px;
	height:288px;
	position:absolute;
	top:55px;
	left:90px;
	background-color:#fff;
	z-index:888;
	overflow-y:auto;
	display:none;
}
.secondary p{
	width:750px;
	height:50px;
	line-height:50px;
	padding-left:20px;
	color:#22ac38;
	float:left;
}
.secondary li{
	height:30px;
	line-height: 30px;
	float:left;
	padding-left:20px;
}
#header .scroll .nav .nav-left .city:hover{
	color:#22ac38;
}
#header  .nav .nav-left:hover .secondary{
	display:block;
}
/* 导航栏右边内容 */
.nav-right li{
	float:left;
	margin:30px 27px;
	font-size:13px;
}
.nav-right ul li:first-child{
	border-bottom:2px solid #22ac38;
	padding-bottom:10px;
}
.nav-right ul li img{
	width:14px;
	height:14px;
	position:relative;
	top:1px;
	left:3px;	
}
.nav-right li a{
	color:#333333;
}
.nav-right li a:hover{
	color:#22ac38;
}
.nav-right ul li:nth-child(7){
	border-right:1px solid #8c898c;
	padding-right:20px;
	margin-left:3px;
	margin-top:29px;
}
.nav-right ul li:last-child{
	font-size:24px;
	margin-left:0px;
	font-weight:bold;
	color:#22ac38;
	line-height:18px;
}
/* 轮播切换点 */
.yuan ul{
	width:130px;
	height:10px;
	position:relative;
	top:250px;
	left:785px;
}
.yuan ul li a{
	width:7px;
	height:7px;
	background-color:#7e7f7e;
	float:left;
	border-radius:50%;
	margin-right:15px;
}
.yuan ul li:first-child a{
	width:5px;
	height:5px;
	border:2px solid #7e7f7e;
	background-color:rgba(0, 0, 0, 0);
	position:relative;
	top:-1px;
}
/*轮播图*/
.scroll{
	width:100%;
	height:610px;
	background:url(../img/bck2.jpg) no-repeat;
	animation:scroll 20s linear infinite; 
}
@keyframes scroll{
	0%,15%{
		background:url(../img/bck2.jpg) no-repeat ;
		background-size:100%;
	}
	15%,20%{
		background:url(../img/bck2.jpg) no-repeat;
		background-size:100%;
	}
	20%,35%{
		background:url(../img/bck1.png) no-repeat;
		background-size:100%;
	}
	35%,40%{
		background:url(../img/bck1.png) no-repeat;
		background-size:100%;
	}
	40%,55%{
		background:url(../img/bck3.jpg) no-repeat;
		background-size:100%;
	
	}
	55%,60%{
		background:url(../img/bck3.jpg) no-repeat;
		background-size:100%;
	
	}
	60%,75%{
		background:url(../img/bck4.png) no-repeat;
		background-size:100%;
	
	}
	75%,80%{
		background:url(../img/bck4.png) no-repeat;
		background-size:100%;
	
	}
	80%,100%{
		background:url(../img/bck5.png) no-repeat;
		background-size:100%;
	}
}
/*主体背景颜色*/
.content{
	background-color:#f5f5f7;
}
#header .content{
	margin-top:-13px;
}
/*买车，卖车*/
.deal{
	height:256px;
	border-top:1px solid #f3f4f5;
	border-left:2px solid #dfe3e3;
	border-right:2px solid #dfe3e3;
	border-bottom:3px solid #dfe3e3;
	margin-top:350px;
	border-radius:5px;
	position:relative;
	top:-62px;
	background-color:#ffffff;
}
/*左边*/
.deal .deal-left{
	width:730px;
	height:255px;
}
.deal .deal-left .deal-search{
	width:680px;
	height:50px;
	margin:20px auto;
	display:block;
}
.deal .deal-left .deal-search a{
	color:#495056;
	font-size:18px;
	margin-left:50px;
	line-height:50px;
}
.deal .deal-left .deal-search a:hover{
	color:#22ac38;
}
/* 搜索框 */
.deal .deal-left .deal-search .search{
	width:330px;
	height:40px;
	background-color:#f5f5f7;
	margin-top:5px;
	border-radius:22px;
}
.deal .deal-left .deal-search .search:hover{
	width:329px;
	height:39px;
	border:1px solid #e9eaec;
}
/*搜索Logo图片*/
.deal .deal-left .deal-search .search img{
	width:18px;
	height:18px;
	position:relative;
	left:55px;
	top:5px;
	cursor:pointer;
}
.deal .deal-left .deal-search .search input{
	width:200px;
	height:35px;
	background-color:#f5f5f7;
	border:0px;
	margin-left:25px;
	font-size:12px;
	outline:none;
}
/*车品分类部分*/
.deal .deal-left ul{
	font-size:14px;
	height:120px;
	width:60px;
	float:left;
	margin-top:10px;
	margin-left:40px;
	text-align:center;
	line-height:40px;
}

.deal .deal-left ul li a{
	color:#495056;
}
.deal .deal-left ul li a:hover{
	color:#22ac38;
}
.deal .deal-left ul img{
	position:relative;
	top:4px;
	width:20px;
	height:20px;
}
/*右边*/
.deal .deal-right{
	width:450px;
	height:255px;
}
.deal .deal-right p{
	width:360px;
	height:40px;
	margin:20px auto;
}
.deal .deal-right p a{
	color:#495056;
	font-size:18px;
	line-height:40px;
}
.deal .deal-right p i{
	font-style: normal;
	float:right;
	font-size:15px;
	color:#a8abae;
	margin-top:5px;
}
.deal .deal-right p i span{
	font-size:20px;
	color:#3cb46d;
	font-weight:bold;
}
/*输入框*/
.deal .deal-right input{
	width:335px;
	height:45px;
	margin-left:40px;
	background-color:#f5f5f7;
	border:0px;
	border-radius:10px;
	padding-left:30px;
	outline:none;
}
.deal .deal-right input:hover{
	width:333px;
	height:42px;
	border:1px solid #e9eaec;
}
.deal .deal-right .button{
	margin-top:15px;
	margin-left:40px;
}
.deal .deal-right .button button{
	width:178px;
	height:64px;
	outline: none;
	color:white;
	border:none;
	border-radius:5px;
	cursor:pointer;
	font-size:16px;
}
.deal .deal-right .button button:first-child{
	background-color:#3cb46d;
	margin-right:5px;
}
.deal .deal-right .button button:last-child{
	background-color:#8ec500;
}
/*主体部分*/
/*保卖车*/
.keepcar{
	height:440px;
}
.keepcar h3,.newcar h3{
	font-size:19px;
	color:#495056;
	font-weight:normal;
	margin-top:37px;
}
.financial h3{
	font-size:19px;
	color:#495056;
	font-weight:normal;
	margin-top:0px;
}
.keepcar h3 span,.financial h3 span,.newcar h3 span{
	color:#a8abae;
	font-size:12px;
}
.keepcar-1{
	width:227px;
	height:346px;
	margin-right:13px;
}
.keepcar-1:hover,.keepcar-2:hover,.keepcar-f3:hover,.keepcar-l3:hover,.keepcar-4:hover{
	box-shadow:1px 1px 1px #ccc;
	transition: box-shadow .4s;
}
.keepcar-1 img{
	width:227px;
	height:346px;
}
.keepcar-2{
	width:227px;
	height:346px;
	background-color:#ffffff;
	margin-right:13px;
	cursor:pointer;
}
.keepcar-2 img{
	width:227px;
	margin-top:90px;
}
.keepcar-2 p{
	text-align: center;
	margin-top:20px;
	font-size:16px;
}
.keepcar-2 p:last-child{
	color:#f76367;
}
.keepcar-3{
	width:470px;
	height:346px;
	margin-right:13px;
}
.keepcar-4{
	width:227px;
	height:346px;
}
.keepcar>div,.financial>div,.newcar>div{
	float:left;
	margin-top:20px;
}
.keepcar>div img,.financial>div img,.newcar>div img{
	width:227px;
}
.keepcar-f3{
	width:470px;
	height:165px;
	background-color:#FFFFFF;
	cursor:pointer;
}
.keepcar-f3 img{
	margin-top:45px;
	margin-left:30px;
}
.keepcar-l3 img{
	margin-top:45px;
	margin-left:30px;
}
.keepcar-3 p{
	margin-left:300px;
	position:relative;
	top:-80px;
}
.keepcar-f3 p:nth-child(3){
	color:#f76367;
	padding-top:15px;
}
.keepcar-l3 p:nth-child(3){
	color:#f76367;
	padding-top:15px;
}
.keepcar-l3{
	width:470px;
	height:165px;
	margin-top:10px;
	background-color:#FFFFFF;
	cursor:pointer;
}
/*瓜子金融*/
.financial{
	height:410px;
}
/*毛豆新车*/
.newcar{
	height:440px;
}
/*买卖车流程*/
.showtime{
	width:100%;
	height:500px;
	background:url(../img/buy-step-see.jpg) no-repeat;
	animation:flow 20s linear infinite; 
}
@keyframes flow{
	0%,20%{
		background:url(../img/buy-step-see.jpg) no-repeat ;
		background-size:100%;
	}
	20%,25%{
		background:url(../img/buy-step-see.jpg) no-repeat;
		background-size:100%;
	}
	25%,45%{
		background:url(../img/buy-step-deal.jpg) no-repeat;
		background-size:100%;
	}
	45%,50%{
		background:url(../img/buy-step-deal.jpg) no-repeat;
		background-size:100%;
	}
	50%,70%{
		background:url(../img/buy-step-contract.jpg) no-repeat;
		background-size:100%;
	
	}
	70%,75%{
		background:url(../img/buy-step-contract.jpg) no-repeat;
		background-size:100%;
	
	}
	75%,95%{
		background:url(../img/buy-step-order.jpg) no-repeat;
		background-size:100%;
	
	}
	95%,100%{
		background:url(../img/buy-step-order.jpg) no-repeat;
		background-size:100%;
	
	}
}
.showtime{
	height:396px;
}
.flow{
	width:890px;
	height:396px;
	background-color:#FFFFFF;
}
.buycar{
	width:520px;
	height:300px;
	margin-top:70px;
}
.buycar span a{
	font-size:16px;
	color:#495056;
}
.buycar>span:first-child{
	margin-right:27px;
	border-bottom:3px solid #22ac38;
	padding-bottom:11px;
}
.buycar>span:nth-child(2){
	padding-left:27px;
	border-left:1px solid #e3d9d2;
}
.buycar h1{
	margin-top:60px;
	color:#495056;
	font-weight:normal;
	font-weight:38px;
}
.buycar p{
	font-size:17px;
	color:#848c95;
	margin-top:20px;
}
.buycar .step{
	width:90px;
	height:60px;
	margin-right:25px;
	margin-top:30px;
}
.buycar .step img{
	width:25px;
	height:25px;
	margin-left:15px;
}
.buycar .step p{
	margin-top:5px;
	font-size:13px;
}
.buycar .step p a{
	color:#848c95;
}
.buycar .step span{
	font-size:12px;
	color:#848c95;
	position:relative;
	top:-20px;
	left:60px;
}
/*猜你喜欢*/
.guess{
	height:1180px;
	padding-top:10px;
}
.guess ul{
	width:770px;
	height:35px;
	margin:0 auto;
	margin-top:40px;
}
.guess ul li{
	float:left;
	margin-right:60px;
}
.guess ul li:first-child{
	border-bottom:3px solid #22ac38;
	padding-bottom:11px;
}
.guess ul li:last-child{
	margin-right:0px;
}
.guess ul li a{
	color:#495056;
	font-size:16px;
}
.guess ul li a:hover{
	color:#22ac38;
}
.buyself{
	width:285px;
	height:315px;
	margin-right:13px;
	margin-top:20px;
	background-color:#ffffff;
	cursor:pointer;
}
.buyself h1{
	font-weight:normal;
	font-size:16px;
	color:#495056;
	text-align:center;
	margin-top:20px;
}
.buyself p{
	margin-left:30px;
	font-size:13px;
	color:#adabc2;
	margin-top:10px;
}
.buyself span{
	position:relative;
	left:30px;
	top:10px;
	color:#f95523;
	font-size:19px;
}
.buyself span b{
	font-weight:normal;
	font-size:14px;
}
.buyself s{
	font-size:14px;
	color:#adabc2;
	position:relative;
	left:40px;
	top:10px;
}
/*急售 超值 按钮*/
.buyself button{
	border:none;
	font-size:12px;
	width:45px;
	height:20px;
}
.sales{
	position:relative;
	left:65px;
	top:9px;
	background-color:#fcf2d5;
	color:#d9ae63;
}
.service{
	position:relative;
	left:75px;
	top:9px;
	background-color:#ffeeda;
	color:#ff9650;
}
/*急降logo*/
.drop{
	width:60px;
	height:55px;
	position:relative;
	top:-294px;
	left:8px;
	background-image:url(../img/logo6_03.png);
	background-size:60px 55px;
	text-align:center;
}
.drop i{
	font-style:normal;
	font-size:12px;
	color:white;
	line-height:10px;
	margin-top:-3px;
}
.guess>p{
	position:relative;
	left:540px;
	top:45px;
	width:120px;
	height:30px;
}
.guess>p>a{
	color:#000000;
	font-size:13px;
	color:#495056;
}
.guess>p>a:hover{
	color:#22ac38;
}
.guess>p>a>img{
	width:16px;
	height:16px;
	position:relative;
	top:2px;
}
/*广告*/
.banner{
	height:120px;
}
.banner img{
	width:385px;
	height:35px;
	margin-top:30px;
	margin-left:200px;
}
.banner p{
	color:#858d96;
	font-size:14px;
	margin-top:15px;
	margin-left:295px;
}
.banner button{
	width:180px;
	height:65px;
	border:none;
	position:relative;
	left:620px;
	top:-75px;
	font-size:16px;
	color:#ffffff;
	border-radius:5px;
	margin-right:10px;
	cursor:pointer;
}	
/*底部部分*/
.subject{
	height:462px;
}
.subject .top{
	height:200px;
}
.subject .top .left{
	width:800px;
	height:200px;
}
.subject .top .left .logo{
	width:100px;
	height:90px;
	margin-top:50px;
	margin-left:40px;
}
.subject .top .left .phone{
	margin-top:50px;
	margin-left:20px;
}
.subject .top .left p{
	color:#b8b8b8;
	font-size:14px;
	line-height:20px;	
}
.subject .top .right{
	width:390px;
	height:200px;
}
.subject .top .left .lf img{
	width:85px;
	height:85px;
	margin-top:50px;
}
.subject .top .right ul li{
	float:left;
	margin-left:8px;
	margin-top:50px;
	margin-bottom:15px;
}
.subject .top .right ul li:first-child{
	margin-left:0px;
}
.subject .top .right ul li a{
	color:#b8b8b8;
	font-size:14px;
}
.subject .top .right ul li a:hover{
	text-decoration:underline;
}
.subject .top .right p{
	color:#b8b8b8;
	font-size:12px;
	line-height:20px;
}
.subject .top .right p a{
	color:#939393;
}
.subject .top .right p img{
	position:relative;
	top:5px;
}
.subject .bottom{
	height:240px;
}
.subject .bottom ul{
	margin-bottom:10px;
}
.subject .bottom h4{
	float:left;
	color:#666666;
	font-size:15px;
	font-weight:normal;
}
.subject .bottom li{
	float:left;
	margin-left:20px;
}
.subject .bottom li a{
	color:#666666;
	font-size:12px;
}
.subject .bottom li a:hover{
	text-decoration:underline;
}
.subject .bottom p{
	color:#666666;
	font-size:12px;
	text-align: center;
	margin-top:30px;
	margin-bottom:30px;
}
/* 侧边导航栏 */
.nav-flex{
	width:40px;
	height:100%;
	background-color:#2a2c37;
	position: fixed;
	right:0px;
	padding:0px;
	margin:0px;
}
.nav-flex ul{
	height:220px;
	margin-top:660%;
}
.nav-flex ul img{
	width:19px;
	height:16px;
	margin-left:10px;
	margin-top:20px;
}