@media screen and (min-width: 1024px) {
	.pic {
		padding-left: 8%;
		padding-right: 8%;
		height: auto;
		float: left;
		width: 84%
	}

	.piclist {
		width: 100%;
		float: left;
		height: auto
	}

	.pic-small {
		float: left;
		width: 23%;
		max-height: 260px;
		overflow: hidden;
		padding: 1%
	}
	
	.pic-small img{
		width: 100%;height: auto;
	}

	.pic-title {
		font-size: 16px;
		text-align: center;
		line-height: 30px
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.pic {
		padding-left: 8%;
		padding-right: 8%;
		height: auto;
		float: left;
		width: 84%
	}

	.piclist {
		width: 100%;
		float: left;
		height: auto
	}

	.pic-small {
		float: left;
		width: 31%;
		max-height: 260px;
		overflow: hidden;
		padding: 1%
	}

	.pic-title {
		font-size: 14px;
		text-align: center;
		line-height: 30px
	}
}


@media screen and (max-width: 767px) {
	.pic {
		padding-left: 8%;
		padding-right: 8%;
		height: auto;
		float: left;
		width: 84%
	}

	.piclist {
		width: 100%;
		float: left;
		height: auto
	}

	.pic-small {
		float: left;
		width: 48%;
		max-height: 260px;
		overflow: hidden;
		padding: 1%
	}

	.pic-title {
		font-size: 12px;
		text-align: center;
		line-height: 30px
	}
}