#banner { width: 100%; margin-top:80px;}
#swiper_banner { width: 100%; height: 100%; }
#banner .swiper-slide { width: 100%; height: 100%; position: relative; }
#banner .banner_title.left { left: 12%; top:44%;}
#banner .banner_title.center { left: 50%; transform: translateX(-50%); top:30%;}
#banner .banner_title.right { left: 60%; }
#banner .banner_title.bottom { left: 50%; transform: translateX(-50%); top:88%;}
#banner .banner_title h2 { font-size: 4rem; margin: 0; transform: translateX(100%); font-weight: normal;}
#banner .banner_title h5 { font-size: 2rem; margin: 0; transform: translateX(100%); font-weight: normal; }
#banner .swiper-slide img { width: 100%; height: 100%; }
#banner .am-slider { width: 100%; height: 100%; }
#banner .am-viewport { width: 100%; height: 100%; }
#banner .am-slides { width: 100%; height: 100%; }
#banner .am_slides_item { width: 100%; height: 100%; overflow: hidden; position: relative; }
#banner .banner_title { position: absolute; left: 12%; top: 35%; color: #fff; z-index: 1; overflow: hidden; }
#banner .banner_title.bottom{}
#banner .ks { left: 5% !important; }
#banner .ks3 { top: 40% !important; }
#banner .am-active-slide img { width: 100%; height: 100%; transform: scale(1); }


#banner .swiper-slide img.active { animation: boxScale 18s infinite 1s alternate; }
#banner .swiper-slide.swiper-slide-active .banner_title h2 { animation: titleShow 8s linear 0.5s normal; transform-origin: left; }
#banner .swiper-slide.swiper-slide-active .banner_title h5 { animation: titleShow 8s linear 0.5s normal; transform-origin: left; }

@media screen and (max-width: 1025px){
	#banner { display:none;}
	.banner { display:block;}
}