ul.m-shipin:before {
	display: table;
	content: "";
}
ul.m-shipin:after {
	display: table;
	content: "";
	clear: both;
}

ul.m-shipin {
	width:101.99%;
	margin:0 auto;
}
ul.m-shipin li {
	position:relative;
	float:left;
	width:31.33%;
	margin-right:2%;
	margin-bottom:2%;
}
ul.m-shipin li a img {
	width:100%;
	height:auto;
}
.m-shipin-text {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:40px;
	text-align:center;
	overflow:hidden;
	background-color: #535353;
	background-color: rgba(83,83,83,.75);
}
ul.m-shipin li a:hover .m-shipin-text {
	background-color:#e60013;
	background-color:rgba(230,0,19,.75);
}
.m-shipin-text p {
	font-size:16px;
	line-height:40px;
	padding:0 10px;
	color:#fff;
}

@media screen and (max-width:840px){
	.m-shipin-text {
		height:30px;
	}
	.m-shipin-text p {
		font-size:14px;
		line-height:30px;
		padding:0 5px;
	}
	ul.m-idea {
		width:101%;
	}
	ul.m-idea li {
		width: 49%;
		margin-right: 1%;
		margin-bottom:1%;
	}
}
@media screen and (max-width:640px){
	.m-shipin-text {
		height:20px;
	}
	.m-shipin-text p {
		font-size:12px;
		line-height:20px;
		padding:0 5px;
	}
}