@charset "utf-8";
/* CSS Document */
.tp_gl ul{ margin-left: -2%;}
.tp_gl ul li{float: left; width: 23%; margin-top: 20px; margin-left: 2%;}

.tp_gl ul li em img{ width: 100%; height: 160px;}
.tp_gl ul li span{display:block;text-align: center; margin-top: 5px; height: 44px;overflow: hidden;
   text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}


@media screen and (max-width:999px) {
	
	
	.tp_gl ul li{ width: 31.3%;}
}

@media screen and (max-width:700px) {
	
	
	.tp_gl ul li em img{ height: 130px;}
}

@media screen and (max-width:590px) {
	
	
	.tp_gl ul li em img{ height: 100px;}
}
@media screen and (max-width:500px) {
	.tp_gl ul{ margin-left: -3%;}
	
	.tp_gl ul li{ width: 47%; margin-top: 15px; margin-left: 3%;}
	.tp_gl ul li em img{ height: 130px;}
}
@media screen and (max-width:375px) {
	.tp_gl ul li em img{ height: 100px;}
}
@media screen and (max-width:320px) {
	.tp_gl ul li em img{ height: 90px;}
}