@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

.swiper-slide div.backgroundimg0{height:100%; background:url('/theme/basic/img/bg.jpg') top center no-repeat; background-position:center; background-size:cover;}
.swiper-slide div.backgroundimg1{height:100%; background:url('/theme/basic/img/bg3.jpg') top center no-repeat; background-position:center; background-size:cover;}
.swiper-slide div.backgroundimg2{height:100%; background:url('/theme/basic/img/bg2.jpg') top center no-repeat; background-position:center; background-size:cover;}
.swiper-container .swiper-slide {width:100%; height:100%; margin:0 auto; padding:0; overflow:hidden;}

.swiper-container .swiper-slide img {width:100%;}
	.swiper-container .swiper-slide .slide_m {display:none;}
	.swiper-container .swiper-slide .box_wid {max-width:1150px; margin:0 auto;}
	.swiper-container .swiper-slide .txt_box{color:#fff; position:absolute; z-index:10000;/*left:50%; transform:translateX(-50%);*/ top:20%;text-align:left; background:rgba(0,0,0,0.4);padding:25px 40px 30px 40px; width:620px; }
	.swiper-container .swiper-slide .txt_box p {font-size:3.2em; font-weight:900;  float:left;  color:#f8d906;}
	.swiper-container .swiper-slide .txt_box h1 {font-size:1.3em; margin-top:10px;font-weight:300;coloR:#fff;}
	.swiper-container .swiper-slide .txt_box h1 b {color:#fc4237}
	.swiper-container .swiper-slide .txt_box h2 {font-size:4.8em; padding-top:0px; font-weight:400;color:#fff; font-family: 'Abril Fatface', cursive;text-shadow:1px 2px 2px #333;line-height:63px;}
	.swiper-container .swiper-slide .txt_box h3 a {font-size:1.1em;  padding:5px 40px;border:1px solid #fff; color:#000; display:inline-block; margin-top:13px; font-weight:300; letter-spacing:1px; background:#fff;}
	.swiper-container .swiper-slide .txt_box h2 b {}
	.swiper-container .swiper-slide .txt_box_b{color:#000; position:absolute; z-index:10000;left:50%; transform:translateX(-50%); top:43%; text-align:center;}
	.swiper-container .swiper-slide .txt_box_b h1 {font-size:2.4em;}
	.swiper-container .swiper-slide .txt_box_b h2 {font-size:1.2em; }
	.swiper-container .swiper-button-prev{left:20px; display:block;}
	.swiper-container .swiper-button-next{right:20px; display:block;}
	
	.txt_animate {animation-delay:0.5s; opacity: 0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
	@-webkit-keyframes fade_down { 
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; } 
	}
	@keyframes fade_down { 
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fade_down { -webkit-animation-name: fade_down; animation-name: fade_down; }
	
	@-webkit-keyframes fade_up { 
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; } 
	}
	@keyframes fade_up { 
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fade_down { -webkit-animation-name: fade_down; animation-name: fade_down; }
	.fade_up { -webkit-animation-name: fade_up; animation-name: fade_up; }
	.delay_1 { animation-delay: 1s; }
	.delay_2 { animation-delay: 1.5s; }
	.delay_3 { animation-delay: 2s; }
	
	@media screen and (max-width:1400px) {
		
	}
	@media screen and (max-width:1200px) {
		.swiper-container .swiper-slide .txt_box{width:99%; margin-left:1%;}
	}
	@media screen and (max-width:768px) {
		.swiper-container .swiper-slide .txt_box {text-align:center;top:38%;}
		.swiper-container .swiper-slide .txt_box h2 {font-size:4.0em;line-height:53px;}
	}
	@media screen and (max-width:550px){
		.swiper-container .swiper-slide {width:100%; height:500px;}
		.swiper-container .swiper-slide .txt_box {top:34%;}
		.swiper-container .swiper-slide .txt_box h2 {font-size:2.8em;line-height:37px;}
		.swiper-container .swiper-slide .txt_box h1 {font-size:0.9em;}
		.swiper-container .swiper-slide .txt_box h3 a{font-size:0.9em; padding:4px 30px;}
 		.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {display:none;}
	}
	
	@media screen and (max-width:400px){
		
	}