/* 格展网络（gezhancn.com）做专业企业网站建设平台 */
@charset "utf-8";

.clear:after {
	content: '';
	display: table;
	clear: both;}

.relative {
	position: relative;}
.img100{padding: 10px;border-radius: 10px;}
.img100 img {
	width: 100%;
	border-radius: 10px;
	vertical-align: bottom;}

.table {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	table-layout: fixed;}
.table-cell {
	display: table-cell;
	vertical-align: middle;}
.table-cell b {
	color: #fff;}

.index-a li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	margin-top: 0.66%;}
.index-a li:last-child {
	margin-right: 0;}
.index-a-con {
	position: absolute;
	/* text-align: center;
	padding-top: 20px; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;}
.index-a li a {
	display: block;
	overflow: hidden;}
.index-a .img img {
	width: 48px;
	max-width: 50%;
	vertical-align: bottom;}
.index-a h3 {
	font-size: 20px;
	color: #fff;
	margin-top: 10px;}
.index-a i {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(../images/i6.png);
	margin: 25px auto 0;
	transform: translateY(35px) translateZ(0);
	-webkit-transform: translateY(35px) translateZ(0);
	opacity: 0;}
.index-a-title {
	margin-top: 45px;}

.img100 img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);}
.index-a i, .index-a-title, .index-a-con{
	transition: all .3s linear;
	-webkit-transition: all .3s linear;}

.index-a i{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;}

 @media (min-width:1250px) {
	.index-a li:hover .index-a-title {margin-top: 0;}
	.index-a li:hover i {
		transform: translateY(0) translateZ(0);	
		-webkit-transform: translateY(0) translateZ(0);
		opacity: 1;}
	.index-a li:hover .index-a-con {background: rgba(40, 120, 192, 0.7);}
}
 
 @media (max-width:768px) {
	.index-a li{width: 46%; margin-top: 20px;}
	.index-a-title {margin-top: 0;}
	.index-a i {display: none;}
    .index-a li:hover .index-a-title {margin-top: 0;}
	.index-a li:hover .index-a-con {background: rgba(40, 120, 192, 0.7);}
}