.slider-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	overflow:hidden;
	border: none;
	background: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-transform: translatez(0);	
}
.slider-wrapper ul {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
}
.slider-wrapper ul li img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.slider-wrapper .loading {
	min-height: 50px;
	background: #FFF url(assets/images/loader.gif) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.slider-wrapper .nav-control-tabs{
	position:absolute;
	bottom:14px;  
  	width: 100%;
	z-index:998;
	text-align: center;
}
.slider-wrapper .nav-control-tabs li{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	font-size: 0;
	line-height: 0;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #888;
}
.slider-wrapper .default-nav-tabs li a {
	background: #FFF;
	text-indent: -999px;
	overflow:hidden;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	border:1px solid #666
}
.slider-wrapper .default-nav-tabs li a:hover,
.slider-wrapper .default-nav-tabs li a.active,
.slider-wrapper .default-nav-tabs li a:focus {
	background: #000;
	border-color:#FFF;
}

.slider-wrapper .nav-control-direction{
	position: absolute;
	margin-top: -34px;
	top: 50%;
	width:100%;
}
.slider-wrapper .nav-control-direction li {
	width: 33px;
	height: 68px;
	text-indent: -999px;
	overflow:hidden;
	z-index: 999;
	background:rgba(0,0,0,.3)url(../images/banner/arrow.png) no-repeat 5px 5px;
}
.slider-wrapper .nav-control-direction li.disabled {
	display: none;
}
.slider-wrapper .nav-control-direction li:hover{
	background-color:rgba(0,0,0,.5);
}
.slider-wrapper .nav-control-direction li.prev {
	float:left;
}
.slider-wrapper .nav-control-direction li.next {
	float:right;
	background-position:-38px 5px;
}
.slider-wrapper .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.slider-wrapper  p.caption {
	color: #fff;
	font-family: 微软雅黑;
	display: block;
	font-size: .85em;
	padding: 8px;
}

@media all and (max-width:1200px){
	
.slider-wrapper {
	width:1200px;
}
	
	
	
	
}



.banner{ width: 100%; position: relative; overflow: hidden;}
.banner li.swiper-slide{ width: 100%; float: left; position: relative; overflow: hidden;}
.banner li .banner_img { width: 100%; height: 100%; float: left;     position: relative;}
.banner li .banner_img img { width: 100%;  object-fit: cover; }
.banner li .banner_img_wap {display: none;}
.banner li .banner_wz{ position: absolute; width: 80%;  right: 8%; top: 34.5%; transform: translateY(-50%); text-align: right;}
.banner li .banner_tu{ position: relative;  right: -100%;   transition: 0.3s;}
.banner li .banner_tu img{ max-height: 45px;}
.banner li .banner_wz1{ font-size: 42px; color: #fff; font-weight: bold; line-height: 60px;  position: relative;  right: -100%;   transition: 0.5s; margin-top: 30px; margin-right: 4px; letter-spacing: 0.6px;}
.banner li img{ position: relative; width: 100%; left: 50%; transform: translateX(-50%);}

.banner li.active .banner_tu{ right:0}
.banner li.active .banner_wz1{ right:0}

.banner .swiper-pagination{  bottom: 20px; text-align: center;}
.banner .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 0px; background: #fff; border: 1px solid #000; opacity: 1;}
.banner .swiper-pagination-bullet-active{ background: #000; border: 1px solid #fff;}
.banner .swiper-button-next,.banner .swiper-button-prev{  width: 33px; left: 0px; height:68px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); background-color: rgba(0,0,0,.3);}
.banner .swiper-button-next{right: 0px; left: auto; transform: rotate(180deg);     outline: none;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23efff'%2F%3E%3C%2Fsvg%3E"); background-color: rgba(0,0,0,.6);}

@media (max-width:799px) {
	.banner .swiper-button-next, .banner .swiper-button-prev{ display: none;}
}

@media (max-width:599px) {
	.banner li img{ width: 150%;}
}