#main_visual{
	margin-top:0;
}
#main_visual .bg{
	padding:0;
	background: url('../_img/main/main_visual.jpg') no-repeat center center/cover;
	height:84rem;
}
#main_visual .bg .container {
	position:relative;
	height:100%;
}
#main_visual .bg .container > .inner {
	position:absolute;
	right:-4rem;
	top:50%;
	transform:translateY(-44%);
}
#main_visual .bg .container h2{
	position:relative;
	left:-11rem;
}
#main_visual .bg .container p{
	line-height: 1.8;
	color:#fff;
	letter-spacing: -0.25px;
}
@media(max-width:991.98px){
	#main_visual{
	}
	#main_visual .bg{
		position: relative;
		background-position:left 45% center;
		height:44rem;
	}
	#main_visual .bg .container{
		position: relative;
		z-index:1;
	}
	#main_visual .bg .container > .inner {
		width:50%;
		right:2rem;
		transform:translateY(-40%);
	}
	#main_visual .bg .container h2{
		left:-3rem;
	}
	#main_visual .bg .container h2 > img {
		width:100%;
	}
}
@media (max-width: 575.98px) {
	#main_visual .bg{
		position: relative;
		background-position:left 45% center;
		height:34rem;
	}
	#main_visual .bg .container > .inner {
		width:50%;
		right:2rem;
		transform:translateY(-30%);
	}
	#main_visual .bg .container h2{
		left:0;
	}
	#main_visual .bg .container h2 > img {
		width:100%;
	}
	#main_visual .bg .container p {
		display:none;
	}
}



#main_container{
	
}
#main_container > .sec1{
	padding:5rem 0;
	background:#383b3b;
	color:#fff;
}
#main_container > .sec1 ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}
#main_container > .sec1 ul > li{
	flex-basis:0;
	flex-grow:1;
	text-align: center;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	position:relative;
	transition:all 0.3s ease-in-out;
}
#main_container > .sec1 ul > li:after {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:2.6rem;
	background:rgba(255,255,255,0.2);
}
#main_container > .sec1 ul > li:last-child:after {
	display:none;
}
#main_container > .sec1 ul > li > a {
	color:#fff;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
	text-align:center;
}
#main_container > .sec1 ul > li > a > div.ico{
	position:relative;
}
#main_container > .sec1 ul > li > a > div.ico span{
	position:absolute;
	left:0;
	width:100%;
	top:-18px;
}

#main_container > .sec1 ul > li > a > p{
	font-size:1.6rem;
	font-weight: 400;
	color:#fff;
	width:100%;
	padding-top:10px;
}


@media(max-width:1400px){
	#main_container > .sec1 ul > li{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#main_container > .sec1 ul > li > a > div.icon > div{
		width:3rem;
		height:3rem;
	}
}
@media(min-width:1200px){
	#main_container > .sec1 ul > li.new br{
		display:none;
	}
}
@media(max-width:1199.98px){
	#main_container > .sec1 ul{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	#main_container > .sec1 ul > li{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#main_container > .sec1 ul > li.new p{
		margin-top:-5px;
	}
}

@media(max-width:991.98px){
	#main_container > .sec1{
		padding: 5rem 1.5rem 2rem;
	}
	#main_container > .sec1 ul{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	#main_container > .sec1 ul > li{
		/* padding-left: .5rem; */
		/* padding-right: .5rem; */
		margin-bottom: 2rem;
		flex-basis:auto;
		flex-grow:inherit;
		width: 33.33%;
		padding-top:5px;
		padding-bottom:5px;
	}
	#main_container > .sec1 ul > li.new p{
	}
	#main_container > .sec1 ul > li:nth-of-type(3):after,
	#main_container > .sec1 ul > li:nth-of-type(6):after  {
		display:none;
	}
	#main_container > .sec1 ul > li > a > p {
		font-size: 1.5rem;
		text-align: center;
	}
	#main_container > .sec1 ul > li > a > div.icon{
	}
	#main_container > .sec1 ul > li > a > div.icon > div{
		width:24px;
		height:24px;
	}
	#main_container > .sec1 ul > li:nth-child(9) > a > div.icon{
		color: #fff;
		background: #293f3a;
	}
}
@media (max-width: 575.98px) {
	#main_container > .sec1{
		padding: 3rem 1.5rem 1rem;
	}
	#main_container > .sec1 ul > li > a {
		display:block;
		text-align:center;
	}
	#main_container > .sec1 ul > li > a > div.icon {
		left:0;
	}
	#main_container > .sec1 ul > li > a > p{
		margin-left:0;
		font-size:1.6rem;
		display:block;
	}
}

#main_container > .sec2 {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:8rem 0 6rem;
}
#main_container > .sec2:before {
	content:"";
	width:40%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
	background:#f5f5f5;
}
#main_container > .sec2 .d-flex{
	justify-content:space-between;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}

#main_container > .sec2 .d-flex > div .title{
	width:100%;
}
#main_container > .sec2 .d-flex > div .title p{
	display: inline-block;
	padding:0.6rem 3.5rem;
	background:#668894;
	color:#fff;
	border-radius:4rem;
}
#main_container > .sec2 .d-flex > div .title a{
	font-size:2.8rem;
	color:#ccc;
	font-weight: 400;
	display:block;
	float:right;
}
#main_container > .sec2 .d-flex > div.notice{
	width:45%;
	min-height:35.3rem;
}
#main_container > .sec2 .d-flex > div.notice .inner ul{
	border-top: 2px solid #668894;
}
#main_container > .sec2 .d-flex > div.notice .inner ul > li a{
	font-size:1.6rem;
	color:#222;
	font-weight: 400;
    padding: 1.6rem 1rem;
	display:flex;
	justify-content:space-between;
	border-bottom: 1px solid #ddd;
}
#main_container > .sec2 .d-flex > div.notice .inner ul > li a p{
	color:#222;
}
#main_container > .sec2 .d-flex > div.notice .inner ul > li a span{
	font-size:1.6rem;
	color:#999;
	font-weight: 400;
}
#main_container > .sec2 .d-flex > div.center{
	position:relative;
	width:50%;
	background:url("../_img/main/main_sec02_bg.jpg") no-repeat center center / cover;
	box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2);
	box-sizing:border-box;
	padding:4.5rem;
}
#main_container > .sec2 .d-flex > div.center .title p {
	background:#fff;
	color:#668894;
}
#main_container > .sec2 .d-flex > div.center .banner a{
	color:#fff;
}
#main_container > .sec2 .d-flex > div.center .banner a > div > p > span {
	color:#f0ea3f;
}


@media (max-width: 1199.98px) {
	#main_container > .sec2:before {
		width:100%;
		height:30%;
		left:0;
		right:auto;
		top:auto;
		bottom:0;
	}
	#main_container > .sec2 .d-flex > div.notice{
		width:100%;
		min-height:auto;
	}
	#main_container > .sec2 .d-flex > div.center{
		width:100%;
	}
}
@media (max-width: 767.98px) {
	#main_container > .sec2 {
		padding:6rem 0 4rem;
	}
	#main_container > .sec2 .d-flex > div .title p{
		padding:0.6rem 2.5rem;
	}
	#main_container > .sec2 .d-flex > div.center{
		padding:2.5rem;
	}
}
@media (max-width: 575.98px) {
	#main_container > .sec2 .d-flex > div.center{
		padding:2rem;
	}
}


#main_container > .sec3{
	padding-top: 7rem;
	position: relative;
}
#main_container > .sec3 .swiper{
	position:relative;
	overflow:hidden;
}
#main_container > .sec3 .swiper .swiper-wrapper .swiper-slide {
	width:100%;
	padding-bottom:26%;
}
#main_container > .sec3 .swiper .swiper-wrapper .swiper-slide img{
	width:100%;
}
#main_container > .sec3 .sec3-pagination{
	position:absolute;
	bottom:2rem;
	width:100%;
	text-align: center;
	z-index:10;
}
#main_container > .sec3 .sec3-pagination > span{
	margin:0 3px;
	background:#bfbfbe;
	opacity:1;
}
#main_container > .sec3 .sec3-pagination > span.swiper-pagination-bullet-active{
	background: #668894;
	width:3rem;
	height:8px;
	border-radius:10px;
}
@media(max-width:991.98px){
	#main_container > .sec3{
		padding-top: 4rem;
	}
	#main_container > .sec3 .swiper .swiper-wrapper .swiper-slide {
		width:100%;
		padding-bottom:36%;
	}
}
@media (max-width: 575.98px) {
	#main_container > .sec3 .sec3-pagination{
		bottom:1rem;
	}
}


#main_container > .sec5 {
	position:relative;
	height:auto;
	padding-bottom:7rem;
}
#main_container > .sec5 >.container > a {
	display:block;
	position:relative;
	width:100%;
	height:21rem;
	background:#849daf url("../_img/main/main_banner2.jpg") no-repeat right center / contain;
	text-align:center;
	color:#fff;
}
#main_container > .sec5 >.container > a > .txt {
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	text-align:center;
}
#main_container > .sec5 >.container > a > .txt > .line{
	display:inline-block;
	width:4rem;
	height:1px;
	background:#fff;
}
@media (max-width: 1199.98px) {
	#main_container > .sec5 >.container > a {
		height:18rem;
		background-position:right -25% center;
	}
}
@media (max-width: 991.98px) {
	#main_container > .sec5 {
		padding-bottom:4rem;
	}
	#main_container > .sec5 >.container > a {
		height:16rem;
		background-position:right -45% center;
	}
}
@media (max-width: 767.98px) {
		#main_container > .sec5 >.container > a {
		height:14rem;
		background-position:right -70% center;
	}
}


#main_container > .sec4{padding-bottom: 6rem;}
#main_container > .sec4 .d-flex{justify-content:space-between;}
#main_container > .sec4 .d-flex > a{display:block;width:49%;}
#main_container > .sec4 .d-flex > a img{width:100%;}
.bbs_btn {cursor:pointer;}



.system-popup {
	position:absolute;
	left:50px;
	top:0;
	z-index:10;
}
.system-popup .btm {
	box-sizing:border-box;
	padding:5px;
	background:#222;
}
.system-popup .btm > p {
	text-align:right;
}
.system-popup .btm > p > a {
	color:#fff;
}
@media (max-width: 991.98px) {
	.system-popup {
		width:100%;
		box-sizing:border-box;
		padding:0 1.5rem;
		left:50%;
		top:0;
		transform:translateX(-50%);
	}
}
