html, body {
	    
	      height: 100%;
	    }
	    body {
	      background: #fff;
	      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	      font-size: 14px;
	      color:#000;
	      margin: 0;
	      padding: 0;
	    }
	    .swiper-container {
	      width: 100%;
	      height: 100%;
	    }
	    .swiper-slide {
	      text-align: center;
	      font-size: 18px;
	      /* 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;
	      	background-position: center;
	    	background-repeat: no-repeat;
	    	background-size: cover;
	    }

	    .index_banner .swiper-silde{
	    	background-position: center;
	    	background-repeat: no-repeat;
	    	background-size: cover;
	    	width: 100%;
	    	height:100%;
	    }

	    .index_banner{
	      height:100%;
	    }

	    .index_banner .swiper-button-next{
	    	background: url(../images/down.png) no-repeat center center;
	    	width: 100px;
	    	height:100px;
	    	position:absolute;
	    	bottom:0;
	    	left: 0;
	    	right:0;
	    	top: 90%;
	    	margin:auto;
	    	animation: swiper-button-next 1s linear infinite alternate;

	    

	    }

	    @keyframes swiper-button-next{
	  from{margin-top:0px}
	  to{margin-top:20px}
	}
	    .index_banner .swiper-pagination-bullet{
			background:#000;
			width: 8px;
			height:10px;
	    }

	    .index_banner .swiper-pagination-bullet-active{
	    	background:#fff;
	    	opacity: 0.5;
	    }

	   .index_banner .swiper-container-vertical>.swiper-pagination-bullets{
	   	right:100px;
	   }