﻿/*
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*/
body {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 1.57142857;
	color: #76838f;
	background-color: #eeeeee
}
@media (min-width:1600px) {
.container {
	width: 1024px;
	margin:0 auto;
}
}
.blocks, [class*="blocks-"] {
 padding: 0;
 margin: 0;
 margin-right: -15px;
 margin-left: -15px;
 list-style: none;
}
.blocks > li, [class*="blocks-"] > li {
 position: relative;
 float: left;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px;
 margin-bottom: 22px;
}
@media (min-width: 992px) {
.blocks-md-3 > li {
	width: 310px;
}
}
.met-index-service {
	text-align: center;
	position: relative;
	z-index: 1
}
.met-index-service [class*=blocks] li div {
	border: 1px solid #dadada;
	padding: 19px 0px 0px 0px;
	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	background: #eeeeee;

}
.met-index-service [class*=blocks] li h3 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 16px;
	color: #002d72;
	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	font-family: "微软雅黑";
}
.met-index-service [class*=blocks] li p {
	width: 100%;
	margin: 0 auto;
	color: #999
}
.met-index-service [class*=blocks] li a {
	text-decoration: none
}



.met-index-service [class*=blocks] li:hover div {
	-webkit-box-shadow: 2px 12px 25px rgba(0,0,0,0.08);
	box-shadow: 2px 12px 25px rgba(0,0,0,0.08)
}
.met-index-service [class*=blocks] li:hover div h3 {
	color: #c1a367
}
