@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

    html,
    body {
      position: relative;
      height: 100%;
    }

    .swiper-container {
      width: 100%;
      height: 100%;
    }
	.swiper-wrapper{position:relative;}

    .swiper-slide {
      text-align: center;
       background: #fff;
   transform: translate3d(0,0,0);
      }

	.swiper-slide1 {
	background:url('/common/img/main/main33.jpg') no-repeat center; background-size:cover
	}
	.swiper-slide2 {
	background:url('/common/img/main/main36.jpg') no-repeat center; background-size:cover
	}



.swiper-slide-active .t_box .t_box_wrap{
    -webkit-animation: fadeInDown 1.5s;
            animation: fadeInDown 1.5s;

}



.t_box{width:100%; max-width:600px;  position:absolute; left:10%; top:50%; transform: translate(-10%, -50%); box-sizing:border-box; color:#fff; font-size:20px; letter-spacing:-0.5px;  text-shadow:3px 3px 5px rgba(0,0,0,.2);}

.t_box h1{font-size:6rem; font-weight:700; line-height:1.1em; text-align:center; margin-bottom:40px; z-index:1;}
.t_box p{text-align:center; font-size:1.5rem;}


.t_box_wrap span{font-size:2rem; margin-bottom:10px; font-weight:400;}
.t_box_wrap .more{border:1px solid #fff; cursor:pointer; width:200px; line-height:40px; margin:40px auto auto auto; display:block; padding:0.3em 0; text-shadow:none; font-weight:500; transition:all 0.3s; font-size:1.2rem;}
.t_box .more:hover{background-color:#fff; color:#333}




   @media all and (max-width:800px){
.t_box h1{font-size:4rem;}
.t_box p{font-size:1rem;}
}