body{
	background:#e5e5e5;
}
.main img{
	width:100%;
	display:block;
}
.kv-img{
	display:block;
	width:100%;
}
.kv {
	position:relative;
}
.kv .a{
	position:absolute;
	top: 69.8%;
	left:50%;
	width: 12.5vw;
    height: 2.8vw;
	display:flex;
	justify-content: center;
    align-items: center;
	font-size:1vw;
}

.kv .a a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.kv .a.by-size{
    left: 50.6%;
	background-color: #fce500;
}

.kv .a.by-size:hover{
	color:#fff;
	background:#27509b;
}

.kv .a.by-vehicle{
    left: 63.6%;
	background-color: #27509b;
	color:#fff;
}

.kv .a.by-vehicle:hover{
	background:#fce500;
	color:#000;
}

.main .content ul{
	width:79%;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
	padding-bottom:50px;
}

.main .content li{
  position: relative;
  flex: 32.5% 0 0;
  margin-right: 1.2%;
  background: #fff;
  margin-bottom: 4%;
}

.main .content li.pic{
	background:#fce501;
}

.main .content li.pic a{
	position:absolute;
	left:50%;
	bottom:2%;
	transform:translateX(-50%);
	padding:20px 40px;
	background:url(../img/arrow-right-black.png) scroll no-repeat 81% 50%;
	
}

.main .content li .wrapper{
	padding:0 7%;
}


.main .content li:nth-child(3n) {
  margin-right: 0%;
}
.main .specs{
	text-align:center;
	margin-bottom:10%;
}
.specs .item{
	margin-top:5%;
	background:#f2f2f2;
	border-radius:5px;
	font-size:15px;
	height:55px;
	justify-content: space-between;
}
.specs .item p{
	padding-left:6%;
	letter-spacing: 0;
	flex:1;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	height:100%;
}

.specs .item a{
	width: 33%;
    text-align: center;
    background-color: #fce500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    height: 100%;
    border-radius: 4px;
    font-size: 15px;
}

.specs .item a:hover{
	color:#fff;
	background:#27509b;
}

.specs .item p span{
	height:45%;
	width:1px;
	background:#606060;
	display:block;
	margin:0 5%;
}

.specs .more{
	font-size:15px;
	display:inline-block;
	padding:4%;
	margin-top:1%;
	margin-bottom:4%;
}

@media (max-width: 1400px){

	.specs .item{
		font-size:13px;
	}
	.specs .item a{
		font-size:14px;
	}
	.specs .item p{
		padding-left:5%;
	}
}


@media (max-width: 1024px){
.main .content ul{
	width:88%;
	flex-direction: column;
	flex-wrap:nowrap;
	display:block;
}

.main .content li{
	flex:1;
	margin-right:0;
	margin-bottom: 8%;
	overflow:hidden;
}

.main .content li.pic{
height:510px;
}

.main .content li.pic a{
	bottom:0;
}


.specs .item{
		font-size:14px;
	}

.kv .a{
	font-size:12px;
}

}


.main .p-t{
	position:absolute;
	left:50%;
	top:50%;
	width:93%;
	transform:translate(-50%,-50%)
}

@media (max-width: 750px){
.main .content li.pic a{
	bottom:15px;
}
	.kv .a{
		width: 40.6vw;
		height: 12vw;
		top:79.6%;
		font-size:15px;
		border-radius: 4px
	}

	.kv .a.by-size{
		left: 8.6%;
	}
	.kv .a.by-vehicle{
		left: 50.6%;
	}

}