.pros ul {
	-ms-flex-pack: center;
	    justify-content: center;
}

.pros li {
	margin: 1.84%;
	width: 21.74%;
}

.btns_box {
	position: relative;
}

.top_btns {
	width: 360px;
	cursor: pointer;
}

.q_r {
	position: absolute;
	width: 160px;
	top: 50%;
	left: calc(50% + 220px);
	transform: translateY(-50%);
	opacity: 0;
}

.logo_list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 3vw;
}

.logo_item {
	width: 11%;
	margin-right: 1.66%;
	margin-bottom: 1.66%;
	overflow: hidden;
}

.logo_item:nth-child(8n) {
	margin-right: 0%;
}

.logo_item img {
	transition: all .5s;
}

.logo_item:hover img {
	transform: scale(1.1);
}

@media screen and (max-width:1600px) {
	.top_btns {
		width: 320px;
		height: 54px;
		border-radius: 27px;
		line-height: 54px;
	}

	.q_r {
		position: absolute;
		width: 140px;
		top: 50%;
		left: calc(50% + 180px);
		transform: translateY(-50%);
		opacity: 0;
	}

	.top_box {
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1200px) {
	.top_btns {
		width: 280px;
	}

	.q_r {
		left: calc(50% + 160px);
	}

	.top_box {
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.logo_item {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
		overflow: hidden;
	}

	.logo_item:nth-child(8n) {
		margin-right: 2%;
	}

	.logo_item:nth-child(3n) {
		margin-right: 0%;
	}

	.top_btns {
		width: 160px;
		height: 40px;
		border-radius: 20px;
		line-height: 40px;
	}

	.q_r {
		position: absolute;
		width: 120px;
		top: 50px;
		left: 50%;
		transform: translate(-50%, 0%);
		opacity: 1;
	}

	.top_box {
		padding-bottom: 5vw;
	}

	.pros ul {
		-ms-flex-pack: start;
		    justify-content: flex-start;
	}

	.pros li {
		margin-right: 4%;
		width: 48%;
		margin-left: 0;
		margin-bottom: 40px;
	}
}