.service_list{ width: 100%; font-size:0; text-align: left; }
	.service_list_item{position:relative; display: inline-block; vertical-align: top; text-align: left; width: 25%; padding: 0 20px; margin-bottom: 50px; }
		.service_photo{ display: block; vertical-align: top; width: 100%; padding-top: 100%; border: 1px solid #ccc; box-shadow: -8px 8px 0 #9B938C; background-image: url('../images/public/default_pic.jpg'); background-size: cover; background-position: center; opacity: .75; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
		.service_photo:hover{ opacity: 1; }
		.service_info{ vertical-align: top; font-size: 15px; padding: 10px 0; margin: 6px 0; overflow: hidden; /*background-color: #9B938C; color: #fff;*/ }
			.service_title{ font-size: 1.4em; font-weight: 600; padding: 9px 0; min-height: 35px; overflow: hidden; }
			.service_content{ line-height: 25px; min-height: 45px; }
.service_list_item .read_btn{position:relative;padding-left:21px;font-size:14px;color:#999; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.service_list_item .read_btn::before{content:""; width:11px; height:1px; position:absolute; top:8px; left:5px; background-color:#999; }
.service_list_item .read_btn::after{content:""; width:1px; height:11px; position:absolute; top:3px; left:10px; background-color:#999; }
.service_list_item .read_btn:hover{opacity: .5; }

@media screen and (max-width: 1023px){
	.service_list{ text-align: center; }
	.service_list_item{ width: 100%; max-width: 450px; margin: 0 auto; padding-bottom: 30px; }
	.service_photo{ opacity: 1; }
	.service_content{ font-size: 14px; min-height: 60px; }
}
@media screen and (max-width: 768px){
.page_nav_contain{ padding-top: 0; }
}
@media screen and (max-width: 670px){
	.service_list_item{ display: block; width: 95%; margin: 0 auto !important; }
	.service_photo,.service_info{ display: block; width: 100%; }
	.service_photo{ padding-top: 100%; }
}