@charset "UTF-8";
.service_container{
	max-width:800px;
	padding:50px 20px;
	margin:auto;
	line-height:2;
	color:#666;
}
.service_container a{
	color:#666;
}
.service_row+.service_row{
	margin-top:60px;
}
.serviceInfo{
	font-size:20px;
}
.service_row .title{
	font-size:24px;
	margin-bottom:20px;
}
.service_list li{
	display:block;
	float:left;
}
.service_list li>div{
	margin:20px 0 0 20px;
}
.service_list{
	margin:-20px 0 0 -20px;
}
.service_list.pc4 li{
	width:25%;
}
.service_list.pc1 li{
	width:100%;
}
.companyInfo p{
	font-size:14px;
}
.companyInfo_row{
	margin-left:auto;
	margin-right:auto;
}
.companyInfo .pic{
	float:left;
	width:180px;
}
.companyInfo .grade{
	margin-bottom:20px;
}
.companyInfo .text{
	margin-left:250px;
}
.companyInfo .name,.selfInfo .name{
	font-size:20px;
}
.service_row .note{
	font-size:12px;
	color:#666;
}
.selfInfo_container,.companyInfo li>div{
	border:1px solid #eee;
	border-radius:4px;
	padding:10px;
}
.selfInfo_container>div{
	display:inline-block;
}
.selfInfo .title{
	color:#333;
}
.selfInfo_container .left{
	width:160px;
}
.selfInfo_container .right{
	margin-left:12px;
	vertical-align:middle;
}
.selfInfo_container .left img{
	max-width:100%;
}
.selfInfo p{
	font-size:18px;
}

.serviceInfo li > div {
    background: #ccc;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
}



@media(max-width:1024px){
	.service_list.pad2 li{
		width:50%;
	}
	.service_row .title{
		font-size:24px;
	}
}
@media(max-width:768px){
	.service_container{
		padding:30px 16px;
	}
	.service_row .title{
		font-size:20px;
	}
	.service_row .note span{
		display:block;
		font-size:0;
	}
	.service_list.phone2 li{
		width:50%;
	}
	.companyInfo p,.selfInfo p{
		font-size:12px;
	}
	.companyInfo .name,.selfInfo .name{
		font-size:16px;
	}
	.service_list li>div{
		margin:20px 0 0 10px;
	}
	.service_list{
		margin:-20px 0 0 -10px;
	}
	.service_row+.service_row{
		margin-top:50px;
	}
	.companyInfo .pic{
		width:80px;
		line-height:150px;
	}
	.companyInfo .text{
		margin-left:90px;
	}
	
	.selfInfo_container{
		padding:10px 0;
	}
	.selfInfo_container>div{
		display:block;
	}
	.selfInfo_container .left{
		width:90px;
		float:left;
		line-height:100px;
	}
	.selfInfo_container .right{
		margin-left:100px;
	}
}