.swiper-wrapper .slick-slider, .swiper-wrapper .slick-slider .slick-list, .swiper-wrapper .slick-slider .slick-track, .swiper-wrapper .slick-slider li { width: 100%; height: 100%; display: block; }
#banner .slick-slide { position: relative; overflow: hidden; width: 100%; height: 100vh; }
#banner .slick-slide a { display: block; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 100%; overflow: hidden; height: calc(100% - 140px); }
#banner .slick-slide a img { width: 100%; height: 100%; }
#banner .slick-dots { bottom: 60%; text-align: left; margin-left: 20px; width: 28px; }
.slick-dots li button:before { text-shadow: 0 0 5px #fff, 0 0 5px #fff; }

@media (max-width: 1440px) {
	#banner .slick-slide .art h2 { width: 400px; height: 400px; margin-top: calc(50% - 200px); }
	#banner .slick-slide .art h2 a { font-size: 80px; line-height: 110%; height: auto; color: #fff; }
	#banner .slick-slide .imgbg p a { font-size: 22px; }
}
@media (min-width: 1025px) {
	#banner .slick-slide .art { text-align: center; width: 50%; position: absolute; left: 0; height: 100%; background-color: #741111; z-index: 3; }
	#banner .slick-slide .art h2 { width: 500px; height: 500px; margin: 0 auto; margin-top: calc(50% - 250px); display: table; overflow: hidden; }
	#banner .slick-slide .art h2 a { line-height: 110%; color: #fff; font-size: 120px; text-align: center; display: table-cell; vertical-align: middle; }
	#banner .slick-slide .imgbg { width: 50%; position: absolute; height: 100%; right: 0; z-index: 1; }
	#banner .slick-slide .imgbg h3 { position: absolute; height: calc(100% - 180px); width: 100%; }
	#banner .slick-slide .imgbg h3 a { height: 100%; }
	#banner .slick-slide .imgbg p { position: absolute; width: calc(100% - 60px); bottom: 0; left: 0; height: 180px; background: #fff; display: table; padding: 0 30px; z-index: 555555; }
	#banner .slick-slide .imgbg p a { display: table-cell; vertical-align: middle; font-size: 27px; text-align: center; font-weight: 700; line-height: 130%; }
	#banner video, #banner iframe { position: absolute; width: auto; min-width: 50%; top: 0; right: 0; height: calc(100% - 180px); z-index: 2; transform: translateX(12.5%); }
}
@media (max-width: 1024px) {
	#banner .slick-slide .imgbg { position: relative; width: 100%; z-index: 2; }
	#banner .slick-slide .art { position: absolute; width: 100%; text-align: center; top: 0; left: 0; height: calc(100% - 140px); z-index: 3; }
	#banner .slick-slide .art h2 { position: inherit; margin: 0; width: 100%; text-align: center; display: table; height: 100%; }
	#banner .slick-slide .art h2 a { padding: 0 50px; font-size: 60px; display: table-cell; vertical-align: middle; }
	#banner .slick-slide { height: auto; }
	#banner .slick-slide .imgbg p { text-align: center; padding: 20px; background: #fff; width: calc(100% - 40px); left: 0; height: 100px; }
	#banner .slick-slide .imgbg p a { height: auto; }
	#banner .slick-slide .imgbg h3 { position: inherit; height: auto; height: calc(100% - 140px); }
	#banner .slick-slide a img { max-height: 600px; }
	#banner video, #banner iframe { position: absolute; width: auto; height: calc(100% - 140px); margin: 0 auto; transform-origin: center center 0; z-index: 3; }
}
@media (max-width: 640px) {
	#banner .slick-slide .art h2 a { font-size: 40px; }
}
@media (max-width: 480px) {
	#banner .slick-slide .imgbg p a { font-size: 16px; line-height: 140%; }
	#banner .slick-slide .imgbg p { height: 68px; }
	#banner video, #banner iframe, #banner .slick-slide .imgbg h3 { height: calc(100% - 108px); }
	#banner .slick-slide a img { height: calc(100vh - 178px); max-height: 100vh; }
	#banner .slick-slide .art { height: calc(100% - 108px); background: none !important; }
}