.clearfix:after{content:""; display:block; clear:both;}
.honor-container{
	display: flex;
	justify-content: space-between;
}
.z_nl_box{ width: 45%; height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  transition: ease 1s;padding: 80px 0;}
.z_about_nl .img-box{
	display: flex;
}
.z_about_nl .img-box .item{
	width: 50%;
}
.z_about_nl .img-box .item img{
	display: block;
	width: 100%;
}
.icon-arr_t:before {
    content: "\ea95";
}
.icon-arr_b:before {
  content: "\ea94";
}
.z_nl_box .icon img{ display: block; height:3.95833vw ;}
.z_nl_box .icon{ margin-bottom: 1.6vw;}
.z_nl_box .tit{color: #2D2D2D; margin-bottom: 3vw; }
.z_nl_box .tit h3{ font-size: 1.875vw;font-family: RheemSansB;}
.z_nl_box .tit h4{ font-size: 1.5625vw;}
.z_nl_box .desc{color: #666666;line-height: 36px; font-size: 16px;}

.z_about_honor{ min-height: 50vw; padding:7.8125vw; box-sizing: border-box ; background: #f5f6fa; position: relative; } 
.z_honor_swiper,.z_cjsmall_swiper{   height: 650px; overflow: hidden; }
.z_honor_swiper li,.z_cjsmall_swiper li{ width: 100%; position: relative; background: #fff; cursor: pointer; height: 130px; padding-top: 30px; box-sizing: border-box; border: 1px solid #f1f1f1; box-sizing: border-box; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.z_honor_swiper li::before,.z_cjsmall_swiper li::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%;
border: 5px solid #D92130; position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; opacity: 0; transition: ease 1s;box-sizing: border-box;}
.z_honor_swiper li img,.z_cjsmall_swiper li img{ max-width: 100%; max-height: 100%;}
.z_honor_swiper li.active::before,.z_cjsmall_swiper li.active::before{ opacity: 1;}
.z_honorswiper_warp .btn,.z_cjsmall_warp .btn{width: 52px;height: 52px; transition: ease 1s; cursor: pointer; outline: none; z-index: 2; display: block; line-height: 52px; background: #D2D2D2;border-radius: 50%; text-align: center; color: #fff; position: absolute; left: 50%; transform: translateX(-50%);}
.z_honorswiper_warp .prev,.z_cjsmall_warp .prev{ top: 0px;}
.z_honorswiper_warp .next,.z_cjsmall_warp .next{ bottom: 0px;}
.z_honorswiper_warp,.z_cjsmall_warp{width: 130px;position: relative;  padding: 20px 0;}
.z_honorswiper_warp .btn:hover,.z_cjsmall_warp .btn:hover{ background: #d92130;}
.z_honor_imgbox{ width: 41.66666vw; height: 41.66666vw; border-radius: 50%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_honor_imgbox li{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(.6,.6); opacity: 0; visibility: hidden; transition-delay: .5s;}
.z_honor_imgbox li.active{ visibility: visible; opacity: 1; transform: scale(1,1);}
.z_honor_imgbox li img{ display: block; max-height: 70%;
}
.z_honor_descbox{ position: absolute; width: 20vw; position: absolute; right: 5.2vw; top: 50%; transform: translateY(-50%);}
.z_honor_descbox .tit{ color: #AEAEAE; font-size: 20px; margin: 20px 0;font-size: 1.5625vw; color: #000;}
.z_honor_descbox .icon img{ height: 3.95833vw; display: block;}
.z_honor_descbox li .year{ display:inline-block;font-size: 2.08vw;font-family: RheemSansB;font-weight: bold;color: #242424; padding-bottom: 1.5vw; margin-bottom: 1.5vw; border-bottom: 2px solid #d92130;}
.z_honor_descbox li .desc{ font-size: 1.875vw; color:#242424; line-height: 2.5vw;}
.z_honor_descbox li.active{ display: block;}
.z_honor_descbox li{ display: none;}
@media screen and (max-width:1440px){

}
@media screen and (max-width:980px) {
	.banner{
		height: auto !important;
	}
	.z_nl_box{ width: 100%; padding: 20px 0;height: auto;box-sizing: border-box;}
	.z_nl_box .box{ padding: 0 30px;height: auto;box-sizing: border-box;}
	.honor-container{
		display: block;
		justify-content: normal;
		padding: 0 !important;
	}
	.z_about_nl .img-box{
		display: none !important;
	}
	.m-img{
		margin-top: 30px;
		display: block !important;
	}

	.z_nl_box .icon img{ height: 40px;}
	.z_nl_box .tit h3{ font-size: 16px;}
	.z_nl_box .tit h4{ font-size: 18px;}
	.z_nl_box .desc{ font-size: 14px; line-height: 24px;}
	.z_nl_box .z_nl_box .tit{margin: 10px 0;}
	.z_about_honor{ padding: 40px 20px;}
	.z_honorswiper_warp{ width: 100%; height: auto; padding: 0;}
	.z_honor_swiper{ height: auto;}
	.z_honor_swiper li{ width: 90px; height: 90px; padding-top: 15px;}
	.z_honorswiper_warp .btn{ top: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-top: -15px; transform: translateX(0); bottom: auto; left: auto;  }
	.z_honorswiper_warp .prev{ left: -10px; transform:translateX(0) rotate(-90deg) ;}
	.z_honorswiper_warp .next{ right: -10px; transform:translateX(0) rotate(-90deg) ;}
	.z_honor_swiper li::before{ border-width: 2px;}
	.z_honor_imgbox,.z_honor_descbox{ position: relative; top: auto; transform: translateY(0); left: auto; right: auto;}
	.z_honor_imgbox{ width: 300px; height: 300px; margin: 20px auto; display: none;}
	.z_honor_descbox{ margin-top: 20px;}
	.z_honor_imgbox li img{ max-height: 80%;}
	.z_honor_descbox{ width: 100%;}
	.z_honor_descbox .icon img{ height: 40px;}
	.z_honor_descbox .tit{ font-size: 18px;margin: 10px 0;}
	.z_honor_descbox li .year{font-size: 20px;} 
	.z_honor_descbox li .desc{ font-size: 14px; line-height: 24px;}
}