.swiper-container {position: relative;height:520px;overflow: hidden;  /* Fix of Webkit flickering */  z-index: 1;}
.swiper-wrapper {  position: relative;  width: 100%;  height: 100%;  z-index: 1;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform;  -o-transition-property: -o-transform;  -ms-transition-property: -ms-transform;  transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}

.swiper-container-android .swiper-slide,
.swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0);  -moz-transform: translate3d(0px, 0, 0);  -o-transform: translate(0px, 0px);  -ms-transform: translate3d(0px, 0, 0);  transform: translate3d(0px, 0, 0);}

.swiper-slide {  -webkit-flex-shrink: 0;  -ms-flex: 0 0 auto;  flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;overflow:hidden;}
.bannercale{  width: 100%;  height:100%;  overflow: hidden;  position: relative;}
.bannercale img{  width: 100%;  height:100%;  position: relative;overflow:hidden;}
/*.swiper-slide .bannertit {POSITION: relative; TOP: -50px;left: 0;width: 100%;height: 100%; text-align:center; overflow:hidden; FILTER: alpha(opacity=70);  BACKGROUND-COLOR: #000000; opacity: .7; moz-opacity: .7}
*/.swiper-slide .bannertit{
position: absolute;
left: 0;
bottom: 0;
z-index: 4;
padding: 20px 5px 20px 5px;
width: 100%;
text-align: center;
font-size: 20px;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
background: rgba(67, 35, 33, 1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(67, 35, 33, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(67, 35, 33, 1) 100%);
background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(67, 35, 33, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(67, 35, 33, 1) 100%);
font-weight: bolder;
font-size: 22px;
font-weight: bolder;
}
/* Arrows */
.swiper-button-prev,.swiper-button-next {  position: absolute;  top: 50%;  width: 27px;  height: 44px;  margin-top: -22px;  z-index: 10;  cursor: pointer;  -moz-background-size: 27px 44px;  -webkit-background-size: 27px 44px;  background-size: 27px 44px;  background-position: center;  background-repeat: no-repeat;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {  opacity: 0.35;  cursor: auto;  pointer-events: none;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image: url("/images/prev.png");  left: 10px;  right: auto;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {  background-image: url("/images/next.png");  right: 10px;  left: auto;}

/* Pagination Styles */
.swiper-pagination {  position: absolute;  text-align: center;  -webkit-transition: 300ms;  -moz-transition: 300ms;  -o-transition: 300ms;  transition: 300ms;  -webkit-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  z-index: 10;}
.swiper-pagination.swiper-pagination-hidden {  opacity: 0;}
/* Common Styles */
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets {  bottom: 70px;  left: 0;  width: 100%;}
/* Bullets */
.swiper-pagination-bullet {  width:16px;  height: 16px;  display: inline-block;  border-radius: 100%;  background: #FFF;  opacity: 0.5;}
button.swiper-pagination-bullet {  border: none;  margin: 0;  padding: 0;  box-shadow: none;  -moz-appearance: none;  -ms-appearance: none;  -webkit-appearance: none;  appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {  cursor: pointer;}
.swiper-pagination-white .swiper-pagination-bullet {  background: #fff;}
.swiper-pagination-bullet-active {  opacity: 1;  background: #007aff;}
.swiper-pagination-white .swiper-pagination-bullet-active {  background: #fff;}
.swiper-pagination-black .swiper-pagination-bullet-active {  background: #000;}
.swiper-container-vertical > .swiper-pagination-bullets {  right: 10px;  top: 50%;  -webkit-transform: translate3d(0px, -50%, 0);  -moz-transform: translate3d(0px, -50%, 0);  -o-transform: translate(0px, -50%);  -ms-transform: translate3d(0px, -50%, 0);  transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {  margin: 5px 0;  display: block;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {  margin: 0 5px;}



/* IE9以下 */
#banner9-container {position: relative;width: 100%;height: 650px;overflow: hidden;}
#banner9-container .sections {position: relative;height:100%;}
#banner9-container .section {height:100%;background-color: #000;background-size: cover;background-position: 50% 50%;text-align: center;	color: white;}
#banner9-container .pages li{list-style-type:none;width:15px;height:15px;border-radius:15px;background-color:white;}
#banner9-container .pages li:hover{box-shadow:0 0 5px 2px white;cursor:pointer;}
#banner9-container .pages li.active{background-color:orange;box-shadow:0 0 5px 2px orange}
#banner9-container .pages{position:absolute;z-index:999; padding-bottom:20px;}
#banner9-container .pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}
#banner9-container .pages.horizontal li{display:inline-block;margin-right:10px}
#banner9-container .pages.horizontal li:last-child{margin-right:0}
#banner9-container .pages.vertical{right:5px;top:50%;transform:translateY(-50%)}
#banner9-container .pages.vertical li{margin-bottom:10px}
#banner9-container .pages.vertical li:last-child{margin-bottom:0}




@media (max-width: 1199px){
/*<=1199的设备*/ 
 .banner-container{height:450px;}
}
@media (max-width: 991px){
/* //<=991的设备*/
 .banner-container{height:350px;}
}
@media (max-width: 767px){
/* //<=768的设备 */
 .banner-container{height:350px;}
}
@media (max-width: 575px){
/* //<=576的设备*/
/*<!-- .wbanner-container{display: block;}
 .banner-container {display: none;}-->*/
.swiper-container {height:180px;}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets {  bottom: 30px;  left: 0;  width: 100%;}
.swiper-slide .bannertit{padding: 6px 5px 6px 5px;font-size: 14px;line-height: 14px;}

}