.main_visual .swiper-slide{
	height:312px;
	position:relative;
}
.main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:left;
	color:#fff;
}
.main_visual .swiper-slide > .txt_box h3{
	font-size:6rem;
	font-weight:700;
}
.main_visual .swiper-slide > .txt_box p{
	font-size:1.8rem;
	font-weight:300;
	position:relative;
	padding-top:4rem;
	margin-top:4rem;
}
.main_visual .mv_prev,
.main_visual .mv_next{
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	z-index:5;
	background:rgba(0,0,0,.3);
	color:#fff;
	width:8rem;
	height:8rem;
	text-align:center;
	line-height:8rem;
	border-radius:100%;
	font-size:3rem;
	display:none;
}
.main_visual .mv_prev{
	left:6rem;
}
.main_visual .mv_next{
	right:6rem;
}


/*sec01*/
.main_list_swiper .swiper-slide{
	width:31rem;
}
.main_list_swiper .swiper-slide > a{
	display:block;
	text-decoration:none;
}
.main_list_swiper .swiper-slide .thum{
	padding-top:105%;
	margin-bottom:3rem;
}
.main_list_swiper .swiper-slide .title{
	font-size:2.2rem;
	margin-bottom:1rem;
	color:#222;
}
.main_list_swiper .swiper-slide .desc{
	color:#555;
	font-weight:300;
	font-size:1.6rem;
	line-height:1.5;
	height:5.2rem;
}
.main_list_swiper .swiper-slide .status{
	border-top:1px solid #e9e9e9;
	margin-top:3rem;
	padding-top:3rem;
	position:relative;
	color:#888
}
.main_list_swiper .swiper-slide .status i{
	color:#bf974c;
}
.main_list_swiper .swiper-slide .status p{
	float:right;
	position:relative;
	background:#af8c4d;
	color:#fff;
	padding:0px 12px;
	padding-left:34px;
	border-radius:20px;
	height:30px;
	line-height:30px;
	transform:translatey(-5px);
	width:100px;
	text-align:center;
}
.main_list_swiper .swiper-slide .status p::after{
	content:"";
	position:absolute;
	left:3px;
	top:50%;
	width:24px;
	height:24px;
	background:#fff;
	border-radius:100%;
	transform:translatey(-50%);
}
.main_list_swiper .swiper-slide .status p.on{
	background:#fff;
	border:1px solid #ddd;
	color:#555;
	padding-left:12px;
	padding-right:34px;
	line-height:28px;
}
.main_list_swiper .swiper-slide .status p.on::after{
	left:auto;
	right:3px;
	background:#383838;
}

#main_container .section_title{
	position:relative;

}
#main_container .section_title .side{
	position:absolute; 
	right:5rem;
	bottom:4rem;
}
/*section01*/
#main_container{
	background:url(../_img/main/sec-01-bg.jpg) no-repeat center center / cover;
}


/*section02*/
#main_container > .sec02{
	padding:8rem 0 8rem 5rem;
	background:url(../_img/main/sec-02-bg.jpg) no-repeat center center / cover;
}


/*section03*/
#main_container > .sec03{
	padding:12rem 0;
	background:url(../_img/main/sec-03-bg.jpg) no-repeat center center / cover;
}
#main_container > .sec03 h3 + p{
	color:#fff;
	opacity:.5;
	text-align:center;
	font-weight:300;
	margin-top:1rem;
}
#main_container > .sec03 .list_container{
	display:table;
	width:100%;
}
#main_container > .sec03 .list_container > ul{
	display:table-row;
	font-size:1.6rem;
}
#main_container > .sec03 .list_container > ul > li{
	display:table-cell;	
	color:#fff;
	padding:2rem .5rem;
	text-align:center;
	border-bottom:1px solid rgba(255,255,255,.1);
}
#main_container > .sec03 .list_container > ul > li > a{
	display:block;
	color:inherit;
}
#main_container > .sec03 .list_container > ul.t_head{
	background:#120d1e;
	font-weight:600;
	font-size:1.8rem;
}
#main_container > .sec03 .list_container > ul.t_body{
	font-size:1.6rem;
	font-weight:400;
	background:rgba(0,0,0,.2);
}

/*section04*/
#main_container > .sec04 {
	padding:12rem 0;
}
#main_container > .sec04 .inner{
	max-width:840px;
	margin:0 auto;
}
#main_container > .sec04 .row a{
	display:block;
	text-align:center;
	color:#000;
	font-size:1.6rem;
	font-weight:500;
}
#main_container > .sec04 .row a i{
	font-size:4rem;
	display:block;
	margin-bottom:2rem;
}


@media(max-width:991.98px){
	.main_visual .swiper-slide > .txt_box{
		text-align:center;
		padding-top:15rem
	}
	.main_visual .mv_prev,
	.main_visual .mv_next{
		width:6rem;
		height:6rem;
		line-height:6rem;
		font-size:2.4rem;
		margin-top:7rem;
	}
	.main_visual .mv_prev{
		left:3rem;
	}
	.main_visual .mv_next{
		right:3rem;
	}

	#main_container > .main_cs_banner::after{
		display:none;
	}
	#main_container > .main_cs_banner .container{
		padding:0;
	}
	#main_container > .main_cs_banner a{
		padding:2rem !important;
	}
	#main_container > .main_cs_banner a span{
		display:block;
	}
	#main_container > .main_cs_banner a i{
		right:2rem;
	}

	/*section01*/
	#main_container > .sec01{
		padding:5rem 0 5rem 3rem;
		background:url(../_img/main/sec-01-bg.jpg) no-repeat center center / cover;
	}


	/*section02*/
	#main_container > .sec02{
		padding:5rem 0 5rem 3rem;
		background:url(../_img/main/sec-02-bg.jpg) no-repeat center center / cover;
	}

	#main_container > .sec03,
	#main_container > .sec04{
	padding:8rem 0;
}


}
@media(max-width:767.98px){
	.main_visual .swiper-slide{
		height:60rem;
		position:relative;
	}

}

#main_visual_mo{
	display:none;
}
@media(max-width:991.98px){
	#main_visual{
		display:none;
	}
	#main_visual_mo{
		display:block;
		height: auto;
		overflow:hidden;
	}
	.main_visual .swiper-slide{
		height: auto;
	}
	#main_visual_mo .img_box > img{
		width:100%;
	}
}
