@keyframes kenburnsDown { 0% { transform:scale(1); } 100% { transform:scale(1.2); } }
@-webkit-keyframes kenburnsDown { 0% { -webkit-transform:scale(1); } 100% { -webkit-transform:scale(1.2); } }

#sub-banner { margin-top: 89px; display: none; }

#banner { margin-top: 130px; }
#banner .swiper-slide { position: relative; }
#banner .swiper-slide .art { position: absolute; text-align: left; color: #fff; width: 50%; bottom: 18%; left: 25%; z-index: 10; }
#banner .swiper-slide .art .title { margin: 0; padding: 0; min-height: 0; min-width: 0; max-height: none; max-width: none; border-width: 0; text-shadow: rgba(0,0,0,0.4) 2px 2px 2px; font-size: 40px; line-height: 54px; font-weight: 800; color: rgb(255,255,255); letter-spacing: 2px; opacity: 1; visibility: inherit; transition: none 0s ease 0s; transform-origin: 50% 50% 0; }
#banner .swiper-slide .art p { text-align: center; letter-spacing: 1.2px; text-shadow: rgba(0,0,0,0.4) 2px 2px 2px; font-size: 26px; }
#banner .swiper-slide .art .desc { font-size: 16px; }
#banner .swiper-slide a { min-height: 100%; width: 100%; height: auto; display: block; background-position: 0 50%; }
#banner .swiper-slide a img { max-width: inherit; }

@media screen and (max-width:1024px) {
	#sub-banner , #banner { margin-top: 85px; }
	#banner .swiper-slide .art .title { margin: 0 0 8px; line-height: 34px; font-size: 30px; }
	#banner .swiper-slide a img { width: 150vw; }
}
@media screen and (max-width:960px) {
	#banner .swiper-slide .art { position: absolute; width: 80%; text-align: left; color: #fff; bottom: 15%; left: 12%; z-index: 10; }
	#banner .swiper-slide a img { width: 180vw; }
}
@media screen and (max-width:640px) {
	#banner .swiper-slide .art { width: 80%; bottom: 9%; left: 10%; }
	#banner .swiper-slide .art .title {font-size: 18px;}
	#banner .swiper-slide .art p {letter-spacing: 1px;text-align: center;font-size: 15px;}
}
@media screen and (max-width:480px) {
	#banner .swiper-slide .art { width: 80%; bottom: 9%; left: 10%; }
	#banner .swiper-slide a img {width: 100%;}
}
@media screen and (max-width:420px) {
	#banner .swiper-slide .art {width: 80%;bottom: 12px;left: 0%;padding: 0 10%;}
}
@media screen and (max-width:380px) {
	#banner .swiper-slide .art .title { line-height: 150%; font-size: 25px; }
}
@media screen and (max-width:320px) {
	#banner .swiper-slide .art { width: 93%; bottom: 9%; left: 4%; }
}