@charset "utf-8";
/* CSS Document */





/*转动banner*/
.banner{cursor: pointer;margin: 0 auto;margin: 0 3%;}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
	overflow: hidden;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
 }
 .swiper-slide img{width: 100%}
 .swiper-button-next{width: 56px;height: 128px; 
 background-color: rgba(0,0,0,0);
 background-image: url(../img/next.png);
 position: absolute;right: 0;
 border-radius: 5px;
 box-sizing: border-box;
 border:0px solid  #00508e;
 transition: 1s;
 }
 .swiper-button-prev{width: 56px;height: 128px; 
 background-color: rgba(0,80,142,0);
 background-image:url(../img/prev.png);
 position: absolute;left: 0;
 border-radius: 5px;
 box-sizing: border-box;
 border: 0px solid  #00508e;
 transition: 1s;
 }
 .banner .arrows_box{width: 80%;height: 128px; 
 position: absolute;top:calc(50% - 64px);left: 10%;z-index: 100;
 opacity: 0;transition: 1s;
 }
 .banner:hover .arrows_box{opacity: 1;}
 .swiper-button-prev:hover,.swiper-button-next:hover{background-color: rgba(172,172,255,0.50);
	 }