.bannerd{
	width: 100%;
	background: #fff; overflow:hidden; position:relative; 
}
.bannerd .swiper-slide{ width:100%; display:block; position:relative; height:840px;
	/* height: 8.0rem; */
}
.bannerd .swiper-slide video{ width:100%; height:100%; position:absolute; left:0px; top:0px;z-index:-2;object-fit: fill; }
.bannerd .swiper-slide .image-layer{
	width:100%;height:100%;
	overflow:hidden;  position:absolute; left:0px; top:0px; z-index:1;
	transition:6s;
	-webkit-transition:6s;
	transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	background-size: cover;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center bottom; background-color:#000 
}
.bannerd .swiper-slide .image-layer img{ display:block; width:100%;}
.bannerd .swiper-slide .wznr{width:100%; position:absolute; text-align:center; left:0px; top:50%; transform: translateY(-50%);  z-index:3;  
}

.bannerd .swiper-slide .wznr .js{ width:950px; display:none; float:left; margin-left:150px;  text-align:left; color:#FFFFFF;}
.bannerd .swiper-slide .wznr h5{
	font-size:22px;
	color:#fff;
	line-height:1.8;
	text-shadow: 1px 2px 8px #000;
	text-transform:uppercase;
	font-weight:normal;
	}
.bannerd .swiper-slide .wznr h4{
	font-size:65px;
	font-weight:normal;
	font-weight:bold;
	text-transform:capitalize;
	line-height:1.2;
	text-shadow: 1px 2px 8px #000;
	color:#fff; margin-bottom:15px;
	}
.bannerd .swiper-slide .wznr p{ font-size:18px; font-weight:normal;  margin-top:10px; line-height:1.8;text-shadow: 1px 2px 8px #000;} 
.bannerd .swiper-slide .wznr span{
	display:inline-block;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	cursor:pointer;
	padding-left:25px;
	padding-right:25px;
	border-radius:1px;
	background-color:#FF6600;
	line-height:3;
	font-weight:normal;
	margin-top:2%;
	font-family: Arial, Helvetica, sans-serif; position:relative; z-index:1; overflow:hidden;
}
.bannerd .swiper-slide .wznr span:after{ width:20px; height:20px; background-color:rgba(0,0,0,0.0);   top:50%; transform: translateY(-50%); left: 50%;
  transform: translate(-50%, -50%); position:absolute; z-index:-1; content:"";border-radius:100%;	transition:all 0.6s ease-in-out 0s;}
.bannerd .swiper-slide .wznr span:hover:after{ width:250px; height:250px;background-color:rgba(0,0,0,0.1)}
.bannerd .swiper-slide .wznr span i{ margin-left:12px;}
.bannerd .swiper-slide .wznr span:hover{ background-color:#FF6600;}
.bannerd .swiper-slide-active .wznr .js{ display:block;}
.bannerd .swiper-slide-active .image-layer{
transform:translate3d(0,0,0);transform:scale(1.08) rotate(0.1deg); -moz-transform: scale(1.08) rotate(0.1deg); -webkit-transform:scale(1.08) rotate(0.1deg);
}

.bannerd .swiper-slide  a{ display:block; width:100%;background-position: center; background-repeat: no-repeat; background-size:cover;}
.bannerd .swiper-pagination-bullets{ bottom:40px; margin-bottom:2px; }

.bannerd .kz .swiper-pagination{margin-left:14px; margin-right:14px; float:left;top:0px; position:relative;background-color:#FF6600; text-align:center; border-radius:100%;width:41px;height:41px; line-height:40px; color:#fff; font-size:14px;}
.bannerd .swiper-pagination-bullet{ width:20px; height:5px; background-color:rgba(255,255,255,0.5);border-radius:10px;transition:0.4s;opacity:1;

}
.bannerd .swiper-pagination-bullet-active{width:30px; height:5px; background-color:#FF6600

}
.bannerd .kz{ width:100%; position:absolute; left:0px; bottom:8%; z-index:10;}

.bannerd .kz .dbkz{ float:right;}
.bannerd  .swiper-button-prev:hover,.bannerd  .swiper-button-next:hover{ background-color:#FF6600; color:#FFFFFF;}
.bannerd  .fa{ line-height:41px; font-size:18px; color:#fff;}
.bannerd  .swiper-button-prev,.bannerd  .swiper-button-next{background:none; border:#FF6600 solid 1px;width:41px;height:41px; text-align:center; line-height:38px; font-size:20px; color:#FF6600;
	background-position: center center; background-size:35%; padding:0px; margin-top:0px;background:none; border-radius:5px;background-color:rgba(255,255,255,0.8); display:none;}
.bannerd  .swiper-button-prev{ left:4%;}
.bannerd  .swiper-button-next{ right:4%;}
#body{margin-left:auto;margin-right:auto; min-width:320px;max-width:1500px;}
@media only screen and (max-width: 1600px){.bannerd .kz{ padding:0px 2%; width:96%;}.bannerd .swiper-slide  .wznr h4{ font-size:48px;  }.bannerd .swiper-slide .wznr h5{ font-size:18px;}bannerd .swiper-slide .wznr .js{ width:65%; margin-left:5%;}.bannerd .swiper-slide{ height:800px;}}
@media only screen and (max-width: 1300px){.bannerd .kz{ padding:0px 2%; width:96%;}.bannerd .swiper-slide  .wznr h4{ font-size:42px;  }.bannerd .swiper-slide .wznr h5{ font-size:16px;}.bannerd .swiper-slide .wznr span{font-size:16px; }
.bannerd .swiper-slide  .wznr p{ font-size:14px;}.bannerd .swiper-slide .wznr .js{ width:70%; margin-left:5%;}.bannerd .swiper-slide{ height:750px;}}
@media only screen and (max-width: 1200px){
.bannerd .swiper-slide  .wznr h4{ font-size:40px;  }.bannerd .swiper-slide .wznr h5{ font-size:24px;}
.bannerd .swiper-slide  .wznr p{ font-size:12px; margin-top:5px;}.bannerd .swiper-slide .wznr span{ padding-left:20px; padding-right:20px; line-height:40px; font-size:14px; }.bannerd .swiper-slide{ height:500px;}}
@media only screen and (max-width: 1000px){.bannerd .swiper-slide  .wznr h4{ font-size:36px;  }.bannerd .swiper-slide .wznr h5{ font-size:18px;}.bannerd .swiper-slide{ height:500px;}}

@media only screen and (max-width: 800px){.bannerd .swiper-slide  .wznr h4{ font-size:18px; font-weight:bold; }.bannerd .swiper-slide .wznr h5{font-size:16px;}.bannerd .swiper-slide .wznr span{ line-height:30px; font-size:12px;  mmargin-top:5px;}.bannerd .kz .kzg{ float:left; margin-left:12px;width:25px;height:25px;}
.bannerd .kz .kzg .fa{ line-height:25px; font-size:16px; }
.bannerd .kz .swiper-button-prev,.bannerd .kz .swiper-button-next{width:25px;height:25px; text-align:center; line-height:20px; font-size:16px;}.bannerd .swiper-slide .wznr h5{ font-size:14px;}.bannerd .kz .swiper-pagination{ height:25px; line-height:25px; font-size:12px;border-radius:5px;}.bannerd .kz{ border-bottom:5px;}.bannerd .swiper-slide{ height:350px;}}
@media only screen and (max-width: 480px){.bannerd .swiper-slide .wznr span{ line-height:30px; }.bannerd .swiper-slide .wznr .js{ width:85%; margin-left:5%;}}
@media only screen and (max-width: 450px){.bannerd .swiper-slide  .wznr h4{ font-size:16px; margin-bottom:2.5%;  }.bannerd .swiper-slide .wznr h5{font-size:12px; line-height:1.5;}.bannerd .swiper-slide{ height:260px;}.bannerd .swiper-slide .wznr .js{ width:90%; margin-left:5%;}}