.subtop, .subtop *{ 
	box-sizing:border-box; 
}
*{ 
	box-sizing:border-box; 
}

.article{
	width: 100%;
}

.art_con{ 
	width:100%; 
	max-width: 1320px;
	margin:0 auto; 
	padding: 0 20px;
}

.sub-tp{
	width: 100%;
	padding: 130px 20px 30px;
	text-align: center;
	background: linear-gradient(180deg,#f1f3f5,#ffffff);
}
.sub-tp > h2{
	font-size: 44px;
	color: #17171a;
	font-weight: 800;
	line-height: 1.15;
}
.navmn{
	display: flex;
	align-items: center;
	gap: 9px;
	justify-content: center;
	margin-bottom: 1rem;
}
.navmn li{
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	color: #63666e;
}
.navmn li span{
	font-size: 9px;
	display: inline-block;
	opacity: 0.5;
}
.navmn li:last-child{
	font-weight: 700;
	color: #e2692f;
}

.nav-sub{
	width: 100%;
	position: sticky;
	top: 78px;
	z-index: 9997;
	transition: .3s ease;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(0,0,0,.08);
}
.nav-con{
	width: 100%;
	padding: 0 20px;
}
.nav{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav > li > a{
	display: inline-block;
	position: relative;
	padding: 1rem 26px;
	font-size: 15px;
	font-weight: 600;
	color: #63666e;
	transition: .2s;
}
.nav > li > a::after{
	content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c9ccd2;
}
.nav > li:last-child > a::after{
	display: none;
}
.nav > li > a:hover{
	color: #17171a;
}
.nav > li > a.active{
	color: #e2692f;
	font-weight: 800;
}

@media(max-width:1440px){
	.sub-tp > h2{
		font-size: 38px;
	}
}
@media(max-width:1024px){
	.nav-sub{
		top: 71px;
	}
	.sub-tp > h2{
		font-size: 36px;
	}
	.nav > li > a{
		padding: 1rem;
	}
	.nav > li > a::after{
		right: -1px;
	}
}
@media(max-width:700px){
	.nav-sub{
		top: 70px;
	}
}
@media(max-width:587px){
	.sub-tp{
		padding: 110px 20px 30px;
		border-bottom: 1px solid rgba(0,0,0,.08);
	}
	.nav-sub{
		display: none;
	}
}