.honor{
	background-image: url('../img/ground-pc-01.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.honor .container{
	position: relative;
	margin-bottom: 60px;
}
.honor .honor-list{
	margin-right: -10px;
	margin-left: -10px;
}
.honor .honor-list li{
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
	position: relative;
}
.honor .honor-list li .img-warp{
	border-radius: 5px;
}
.honor .honor-list li .img-warp img{
	border-radius: 5px;
}
.honor .honor-list li .txt-warp{
	width: calc(100% - 20px);
	height: 55px;
	text-align: center;
	color: #FFFFFF;
	line-height: 65px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
	border-radius: 0 0 5px 5px;
	position: absolute;
	z-index: 8;
	bottom: 0;
}
.decorate{
	width: 10px;
	height: 10px;
	background: #333333;
	border-radius: 50%;
	margin: 0 auto 75px auto;
	position: relative;
}
.decorate::before{
	content: "";
	width: 105px;
	border-bottom: 1px dashed #888888;
	transform: rotate(-45deg);
	position: absolute;
	left: -90px;
	top: 45px;
}
.decorate::after{
	content: "";
	width: 105px;
	transform: rotate(45deg);
	border-bottom: 1px dashed #888888;
	position: absolute;
	right: -90px;
	top: 45px;
}

/* 弹窗 */
.mask {
	display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    background: rgba(0, 0, 0, .8);
}
.mask.block{
	display: block;
}
.imgs-body{
    width: 900px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.imgs-body .head {
    position: absolute;
    right: -80px;
	top: -50px;
    cursor: pointer;
}
.imgs-body .head i {
    color: #FFFFFF;
    font-size: 38px;
}
.imgs-body .content .img-warp{
	aspect-ratio: 3 / 2;
}
.imgs-body .content .txt-warp{
	font-size: 22px;
	color: #FFFFFF;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
	position: absolute;
	z-index: 8;
	bottom: 0;
}
.imgs-body .swiper-button-prev, 
.imgs-body .swiper-container-rtl .swiper-button-next{
	left: -130px;
}
.imgs-body .swiper-button-next, 
.imgs-body .swiper-container-rtl .swiper-button-prev{
	right: -130px;
}
.imgs-body .swiper-button-next, 
.imgs-body .swiper-button-prev {
    color: #FFFFFF;
}


@media (max-width: 992px){
	.honor .honor-list{
		margin-right: -8px;
		margin-left: -8px;
	}
	.honor .honor-list li{
		padding-right: 8px;
		padding-left: 8px;
		margin-bottom: 0.80rem;
	}
	.honor .honor-list li .txt-warp{
	    width: calc(100% - 16px);
	    height: 46px;
	    font-size: 0.3734rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.honor .honor-list li .txt-warp{
		font-size: 20px;
		line-height: 50px;
	}
	
	/* 弹窗 */
	.imgs-body {
	    width: 100%;
	}
	.imgs-body .head {
	    right: 10px;
	    top: -70px;
	}
	.imgs-body .head i {
	    font-size: 0.85334rem;
	}
	.imgs-body .content .txt-warp {
	    font-size: 0.42667rem;
	    height: 1.0667rem;
	    line-height: 1.0667rem;
	}
}


@media (max-width: 576px){
	.honor .honor-list{
		margin-right: -8px;
		margin-left: -8px;
	}
	.honor .honor-list li{
		padding-right: 8px;
		padding-left: 8px;
		margin-bottom: 0.80rem;
	}
    .honor .honor-list li .txt-warp{
        width: calc(100% - 16px);
        height: 46px;
        font-size: 0.3734rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
    }
	
	/* 弹窗 */
    .imgs-body {
        width: 100%;
    }
    .imgs-body .head {
        right: 10px;
        top: -60px;
    }
    .imgs-body .head i {
        font-size: 0.85334rem;
    }
    .imgs-body .content .txt-warp {
        font-size: 0.42667rem;
        height: 1.0667rem;
        line-height: 1.0667rem;
    }
	
}