* { margin: 0; padding: 0;}
a { text-decoration: none;}
input { outline: none;}
body { overflow:hidden;}
@media (max-width:1440px){
	#banner { height:450px;}
}
@media (max-width:1280px){
	#banner { height:400px;}
}

@media (max-width:768px){
	#banner {width:100%}
	.swiper-slide { width:100%}
	iframe{width:100%}
	
	}
	
	@media (max-width:640px){
		#banner {width:100%}
	.swiper-slide { width:100%}
	iframe{width:100%}
		}
#banner { position: relative; width:700px; height:510px;}
.swiper-container { z-index: 1; height:100%}
.swiper-slide { background-position: 50% 0;}
.swiper-slide a { display: block; height: 460px;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px;}

.swiper-pagination-bullet { width: 15px; height: 15px; border-width: 1px; border-style: solid; opacity: 1;}

.gray .swiper-pagination-bullet { border-color: #2d5bc4; background-color: #2d5bc4;}
.gray .swiper-pagination-bullet-active { background-color: transparent;}

.white .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.white .swiper-pagination-bullet-active { background-color: transparent;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}