.honor_ban{position: relative;z-index: 50;overflow: hidden;}
.honor_ban img{display: block;width: 100%;z-index: 50;}
.honor_head{color: #FFFFFF; position: absolute;z-index: 100;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.honor_head h2{font-family: "PingFangSCMedium";}
.honor_head p{font-family: "PingFangSCMedium";}
@media only screen and (max-width: 500px) {
	.honor_ban{height: 200px;}
	.honor_ban img{height: 100%;width: auto;}
	.honor_head h2{font-size: 24px;}
}
.honor_box {padding: 70px 0 180px;background: url(../images/honorbj.jpg);}
.honors_top em{font-family: arial; margin-left: 25px;background-image: -webkit-gradient(linear, left 0, right 0, from(#02215f), to(#1758cb));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.honors_head p{color: #646464;margin-top: 15px;} 
.honor_list li{float: left;width: 30.75%;box-shadow:9.6px  11.4px  50px 0 rgba(0,0,0,0.3); margin-top: 75px;margin-left: 3.819%;}
.honor_list a{display: block;width: 100%;}
.honor_list img{display: block;width: 100%;transition: all .3s ease-in;}
.honor_list li:nth-of-type(3n+1){margin-left: 0;}
.honor_pic{overflow: hidden;}
.honor_list li:hover img{transform: scale(1.05);cursor: pointer;}
.honor_tan{display: none; position: fixed;z-index: 300;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.5);}
.honor_tan img{position: fixed;z-index: 300;width:45%;max-width:500px; left: 50%;top: 50%;transform: translate(-50%,-50%);}
.honor_tan.on img{width: 50%;max-width:700px;}
@media only screen and (max-width:1680px ) {
	.honor_box{padding: 50px 0 130px;}
	.honor_list li{margin-top: 55px;}
}
@media only screen and (max-width:1440px ) {
	.honor_box{padding: 40px 0 110px;}
	.honor_list li{margin-top: 45px;}
	.honor_tan img{max-width: 400px;width:35%;}
	.honor_tan.on img{width: 50%;max-width:600px;}
}
@media only screen and (max-width:1280px ) {
	.honor_box{padding: 40px 0 90px;}
	.honor_list li{margin-top: 35px;}
	.honor_tan img{max-width: 450px;width:45%;}
	.honor_tan.on img{width: 55%;max-width:600px;}
}
@media only screen and (max-width:1024px ) {
	.honor_box{padding: 30px 0 80px;}
	.honor_list li{margin-top: 25px;}
	.honor_tan img{max-width: 450px;width:60%;}
	.honor_tan.on img{width: 60%;max-width:600px;}
}
@media only screen and (max-width:768px ) {
	.honor_tan img{max-width: 450px;width:70%;}
	.honor_tan.on img{width: 70%;max-width:600px;}
	.honor_box{padding: 30px 0 50px;}
	.honor_list li{margin-top: 20px;width: 31%;    margin-left: 3.2%}
}
@media only screen and (max-width:500px ) {
	.honor_tan img{height: auto;width: 90%;}
	.honor_box{padding: 30px 0 40px;}
	.honor_list li{margin-top: 15px;width: 48%; margin-left:0%;box-shadow: 1.6px 2.4px 21px 0 rgba(0,0,0,0.3);}
	.honor_list li:nth-of-type(even){float: right;}
	.honor_tan.on img{width: 90%;height: auto;}
}