@media (min-width:1000px) {
	
	.honr{
	width: 100%;
	float:left;
	margin-top:80px;
}
.honr ul li{
	width:100%;
	float:left;
	background-image:url(../img/zm.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	padding:0 0%;
	justify-content: center;
	display:flex;
	flex-wrap: wrap;
	margin-bottom:80px;
}
.honr ul li div{
	width:15%;
	margin-right:5.2%;
}
.honr ul li div p{
	margin-top:10px;
	text-align:center;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.honr ul li div:nth-child(5n){
	margin-right:0px;
}
.honr ul li div img{
	width:100%;
	height:auto;
	display:block;
}
.honr ul:nth-child(2) li div{
	width: 22.5%;
    margin-left: 1.1%;
    margin-right: 1.2%;
}
.honr ul:nth-child(2) li{
	background-image:url(../img/zm.png);
	    background-position: center 220px;
}

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; left: 50%; bottom: 0; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:70vh; max-width: 100%; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}



/* 方式2 关闭在上面*/

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; right: -30px; top: -100px; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:70vh; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}

}

@media (max-width:999px) {
	
	.honr{
	width: 100%;
	float:left;
	margin-top:2.0rem;
}
.honr ul li{
	width:100%;
	float:left;
	background-image:url(../img/zm.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	padding:0 8%;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom:98px;
}
.honr ul li div{
	width:29%;
}
.honr ul li div img{
	width:100%;
	height:auto;
	display:block;
}

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; left: 50%; bottom: 0; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:70vh; max-width: 100%; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}



/* 方式2 关闭在上面*/

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; right: -30px; top: -100px; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:80vh; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}
	
}