body { padding-top: 1.4rem; background: #eef3f6;}
.about_box { overflow: hidden; position: relative;}
.about_box .about_list {  float: left; width: 31.25%; margin-right: 3.12%;    background: #fff; margin-bottom: 3.12%;    box-shadow: 0 0 .04rem #cccccc;}
.about_box .about_list:nth-child(3n+3) { margin-right: 0;}
.about_box .about_list:hover { box-shadow: 0 0 .16rem #cccccc;}
.about_box .about_list>a,.about_box .about_list>a img { width: 100%; }
.about_box .about_list>h2 { margin:.15rem .2rem .1rem .2rem; height: 3em; line-height: 1.5;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;overflow:hidden;text-overflow:ellipsis;    font-size: .14rem;
    font-weight: normal;}
.about_box .about_list>span { display: block; margin: .1rem .2rem; font-size: .12rem; color: #999999; line-height: 1.8; height: 3.6em; -webkit-line-clamp: 2; overflow:hidden;display: -webkit-box;
    -webkit-box-orient: vertical; text-overflow:ellipsis;}


@media (max-width: 800px){
	body { padding-top: 1rem;}
	.about_box .about_list { width: 100%; margin-right: 0;}
	/*.about_box { padding-bottom: .8rem;}*/
	
}