.list.wrap{
	max-width: 1560px;
	width: 100%;
	margin: 0 auto;
}
.wrap.mb{
	margin-bottom: 2rem;
}

.list{
	padding: 0 .15rem;
}
.list li{
	width: 20%;
	height: 200px;
	line-height: 200px;
	float: left;
	text-align: center;
}
.list li img{
	vertical-align: middle;
}


.p-title{

    font-size: .36rem;
    font-weight: bold;
    line-height: 1;
    color: #008BCF;
    padding: .9rem 0 .36rem;
    padding-left: .3rem;
}

@media only screen and (max-width: 1560px) {
	.list.wrap{
		max-width: 1024px;
		width: 100%;
		margin: 0 auto;
	}
	.list li{
		width: 33.333333%;
	}
}
@media only screen and (max-width: 1024px) {
	.list.wrap{
		max-width: 768px;
		width: 100%;
		margin: 0 auto;
	}
	.list li{
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.list.wrap{
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 45px 15px 45px;
	}
	.list li{
		height: 125px;
		line-height: 125px;
		position: relative;
	}
	.list li img{
		max-width: 200px;
		width: 76%;
	}
}