.bannerd{
	width: 100%;
	background: #fff; overflow:hidden; position:relative; 
}
.bannerd .swiper-slide{ width:100%; display:block; position:relative; height:860px; 
	/* 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%;
	overflow:hidden; position:absolute; left:0px; top:0px; height:100%;
	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;
}
.bannerd .swiper-slide .image-layer img{ display:block; width:100%;}
.bannerd .swiper-slide .wznr{width:850px; height:350px; display:none;position:absolute; padding:25px 35px; text-align:center; left:3%; top:50%; margin-top:-150px; z-index:1; background-color:rgba(255,255,255,0.9) 
}

.bannerd .swiper-slide .wznr .js{ width:100%;  float:left;  text-align:left;}
.bannerd .swiper-slide .wznr h5{
	font-size:30px;
	color:#ff8c00;
	line-height:1.2;
	text-transform:uppercase;font-weight:bold;font-family: Verdana; 
	}
.bannerd .swiper-slide .wznr h4{ font-size:42px;  line-height:1.2;	color:#00091d; font-weight:bold;font-family: Verdana;text-transform:uppercase; }
.bannerd .swiper-slide .wznr p{ font-size:14px; font-weight:normal;  margin-top:10px; line-height:1.5;color: rgb(89, 89, 89);height:66px; line-height:22px;
	font-style: normal; display: -webkit-box; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical; } 
.bannerd .swiper-slide .wznr span{display:inline-block;  color:#fff; text-align:left; text-indent:0px; text-transform:uppercase; cursor:pointer; padding-left:25px; padding-right:45px;background-color:#E36C09; line-height:40px;  font-weight:normal; margin-top:2%;transition:0.8s; font-size:14px;}
.bannerd .swiper-slide .wznr span:hover{ background-color:#333; padding-left:45px; padding-right:25px;}
.bannerd .swiper-slide .wznr span:after{transition:0.8s;
	position:absolute;
	right:10px;
	background-image: url(../images/j-4.png);
	background-repeat: no-repeat;
	background-position: right center; width:30px; top:0px; height:100%; content:"";
}
.bannerd .swiper-slide .wznr span:before{position:absolute;transition:0.8s;
	left:10px;
	background-image: url(../images/j-4.png);
	background-repeat: no-repeat;
	background-position: left center; width:0px; top:0px; height:100%; content:"";}
.bannerd .swiper-slide .wznr span:hover:after{ width:6px;}
.bannerd .swiper-slide .wznr span:hover:before{ width:22px;}
.bannerd .swiper-slide-active .wznr{ display:block;}
.bannerd .swiper-slide-active .image-layerf{
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:60px; margin-bottom:2px; }
.bannerd  .swiper-scrollbar{ background-color:rgba(255,255,255,0.5)}
.bannerd  .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(255,255,255,1);border-radius:10px;left:0;top:0}
.bannerd .swiper-pagination-progress{ left:0px; top:95%; background-color:rgba(255,255,255,0.8); width:50%; left:25%;}
.bannerd .swiper-pagination-progress .swiper-pagination-progressbar{background-color:#F65E12; width:100%;}
.bannerd  .swiper-pagination{ left:auto;top:50%; margin-top:-25px; position:absolute;background:none; right:15px; text-align:center; z-index:1000; width:41px; color:#fff; font-weight:bold;line-height:10px;font-size:18px; text-align:center;}
.bannerd  .swiper-pagination span{
	width:40px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:block;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
}
.bannerd .swiper-pagination-total{ color:rgba(255,255,255,0.8); font-weight:normal;
}
.bannerd .swiper-pagination-current{ color:#fff; font-weight:bold;}
.bannerd .kz{ width:100%; position:absolute; left:0px; bottom:5%; z-index:10; text-align:center;}

.bannerd .kz .dbkz{width:100%; float:left;}
.bannerd .kz .swiper-button-prev:hover,.bannerd .kz .swiper-button-next:hover{ background:none; color:#FFFFFF;}
.bannerd .kz .swiper-scrollbar{ position:inherit;display:inline-block; left:0px; width:150px; bottom:5px; margin-bottom:5px; height:2px;}
.bannerd .kz .kzg{width:41px;height:41px; float:left; cursor:pointer;border-radius:5px; background-color:#F65E12; text-align:center; margin-left:12px;}
.bannerd .kz .kzg .fa{ line-height:41px; font-size:18px; color:#fff;}
.bannerd .kz .swiper-button-prev,.bannerd .kz .swiper-button-next{ background:none; line-height:30px; font-size:16px; color:#fff; margin-left:20px; position:inherit;display:inline-block; margin-right:20px;}
.bannerd  .swiper-button-next.swiper-button-disabled,.bannerd .swiper-button-prev.swiper-button-disabled{opacity:.45;}
#body{margin-left:auto;margin-right:auto; min-width:320px;max-width:1500px;}
@media only screen and (max-width: 1500px){.bannerd .swiper-slide{ height:750px;}.bannerd .swiper-slide .wznr h5{ font-size:30px;}.bannerd .swiper-slide .wznr h4{ font-size:40px;}}
@media only screen and (max-width: 1300px){.bannerd .swiper-slide{ height:650px;}.bannerd .swiper-slide .wznr{ width:700px}.bannerd .swiper-slide .wznr h5{ font-size:24px;}.bannerd .swiper-slide .wznr h4{ font-size:35px;}.bannerd .swiper-slide .wznr p{font-size:12px; height:80px; line-height:20px;
-webkit-line-clamp:4;}.bannerd  .swiper-pagination span{ font-size:18px;}}
@media only screen and (max-width: 1200px){.bannerd .swiper-slide{ height:500px;}.bannerd .swiper-slide .wznr{ width:600px}.bannerd .swiper-slide .wznr h5{ font-size:18px;}.bannerd .swiper-slide .wznr h4{ font-size:24px;}}
@media only screen and (max-width: 960px){.bannerd .swiper-slide{ height:400px;}.bannerd .swiper-slide .wznr{ width:600px; padding:15px 20px; height:250px; margin-top:-125px;}.bannerd  .swiper-pagination{ display:none;}}
@media only screen and (max-width: 680px){.bannerd .swiper-slide{ height:400px;}.bannerd .swiper-slide .wznr{ width:90%; left:5%; padding:15px 20px; height:250px; margin-top:-150px;}.bannerd .swiper-slide .wznr h5{ font-size:16px;}.bannerd .swiper-slide .wznr h4{ font-size:18px;}.bannerd  .swiper-pagination{ display:none;}}
