.honor .pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.honor .pic:after {
	content: '';
	display: block;
	padding-bottom: 100%
}

.honor {
    overflow: hidden;
    padding-top: .8rem;
    position: relative;
}

.honor .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -0.6rem;
    left: 0;
}

.honor .titleBig {
    text-align: center;
    font-size: .42rem;
    font-weight: 400;
    margin-bottom: .5rem;
}

.honor .honor-info {
	margin: 0.75rem -0.15rem 0 -0.15rem
}

.honor .honor-info a {
	display: block;
	width: 25%;
	float: left;
	padding: 0 0.15rem;
	margin-bottom: 0.3rem;
}

.honor .honor-info a .pic img {
	transition: .5s
}

.honor .honor-info a .pic:after {
	padding-bottom: 71%
}

.honor .honor-info a .pic i {
	background: url(../images/bg4.png) repeat center center;
	text-align: center;
	position: absolute;
	padding-top: 30%;
	z-index: 100;
	top: 0;
	display: none;
	width: 100%;
	height: 100%
}

.honor .honor-info a .bt {
	color: #3a3a3a;
	font-size: 0.16rem;
	text-align: center;
	margin-top: .15rem;
	border-bottom: 1px solid #c5c5c5;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 .10rem .15rem .10rem;
	height: 0.4rem;
	line-height: 0.4rem;
}
@media(min-width:1025px) {
	.honor .honor-info a:hover .pic img {
		transform: scale(1.03)
	}

	.honor .honor-info a:hover .pic i {
		display: block
	}

	.honor .honor-info a:hover .bt {
		color: #20409a
	}
}