@charset "utf-8";

/* slick main banner */
#main_bn button{outline:none; border:none; font-size:0;}
#main_bn .slick-slide{height:780px;}
#main_bn .slick-slide img{width:100%; height:100%; object-fit:cover;}
#main_bn .slick-arrow{position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:99;
	width:48px; height:48px; border-radius:50%; background:#fff;}
#main_bn .slick-prev{left:48px;}
#main_bn .slick-next{right:48px;}
#main_bn .slick-prev:after,
#main_bn .slick-next:after{content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; border:2px solid #c9ccd3;
    border-top:none; border-right:none;}
#main_bn .slick-prev:after{-webkit-transform:translate(-35%, -50%) rotate(45deg); transform:translate(-35%, -50%) rotate(45deg)}
#main_bn .slick-next:after{-webkit-transform:translate(-65%, -50%) rotate(-135deg); transform:translate(-65%, -50%) rotate(-135deg)}
#main_bn .slick-prev:hover, 
#main_bn .slick-next:hover{background:#3e4046; color:#fff;}
#main_bn .slick-dots{position:absolute; bottom:40px; left:50%; -webkit-transform:translateX(-50%); translateX(-50%); font-size:0;}
#main_bn .slick-dots li{display:inline-block; width:12px; height:12px; margin:0 5px; border-radius:6px; background:#fff;}
#main_bn .slick-dots li.slick-active{width:48px; background:#3e4046; -webkit-transition:all .3s ease; transition:all .3s; ease}





/* ****************************************************************************************** *
 * 1200px
 * ****************************************************************************************** */
@media screen and (max-width:1200px) {
	
	#main_bn .slick-prev{left:24px;}
	#main_bn .slick-next{right:24px;}
	
}
/* 1200px end */





/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	
	#main_bn .slick-slide{height:660px;}

}
/* 1024px end */





/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
	
	#main_bn .slick-slide{height:520px;}
	#main_bn .slick-arrow{width:40px; height:40px;}
	#main_bn .slick-prev{left:16px;}
	#main_bn .slick-next{right:16px;}
	#main_bn .slick-dots{bottom:20px;}
	
}
/* 767px end */






/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:425px) {
	
	#main_bn .slick-slide{height:400px;}
	#main_bn .slick-prev{left:10px;}
	#main_bn .slick-next{right:10px;}
	#main_bn .slick-arrow{width:32px; height:32px;}
	#main_bn .slick-prev:after, #main_bn .slick-next:after{width:8px; height:8px;}
	#main_bn .slick-dots li{width:10px; height:10px; margin:0 4px;}
	#main_bn .slick-dots li.active{width:32px;}

}
/* 425px end */