@charset "utf-8";

/* ------------------------------
         main Start
   ------------------------------ */
.main_wrap {
	width: 100%;
	background: #e3e4e5;
}

/* main banner */
.main_banner_group{
	/*margin-bottom: 15px;*/
}

/* icon menu */
.main_area {
	/* padding: 4% 3%; */
}
.main_icon_group {
	position: relative;
	width: 100%;
}
.main_icon_group ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.main_icon_group li {
	/* margin: 0 0 2%;
	width: 49%; */
	width: 50%;
}
.main_icon_group li:nth-child(n+3) { 
	margin-bottom: 0;
}
.main_icon_group li a { 
	display: block;
	padding: 13% 0;
	width: 100%; height: 100%;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(160deg, #fff 30%, #eee);
	/* border-radius: 6px; */
	letter-spacing: -1px;
	box-sizing: border-box;
	text-align: center;
}
.main_icon_group li a p { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 18px auto 0;
	width: 60px; height: 60px;
	color: #000;
	background: #fff;
	border-radius: 30px;
}
.main_icon_group li a i { 
	font-size: 25px;
	font-weight: 400;
}
.main_icon_group li.icon01 a { 
	background: #EF5350;
}
.main_icon_group li.icon01 a i { 
	color: #ef5350; 
}
.main_icon_group li.icon02 a { 
	background: #FFC107;
}
.main_icon_group li.icon02 a i { 
	color: #f9a825; 
}
.main_icon_group li.icon03 a { 
	background: #26A69A;
}
.main_icon_group li.icon03 a i { 
	color: #009688; 
}
.main_icon_group li.icon04 a { 
	background: #5C6BC0;
}
.main_icon_group li.icon04 a i { 
	color: #5c6bc0; 
}

.main_b .bx-wrapper .bx-pager.bx-default-pager a.active { 
	background: #fff !important; 
}