body {
    font-size: 1.2rem;
}
@media (min-width: 1200px) {
	.container {
		max-width: 1260px;
	}

	.container-md {
		max-width: 1260px;
	}

	.container-lg {
		max-width: 1260px;
	}
	
	.container-xl {
		max-width: 1260px;
	}
}

@media (min-width: 1440px) {
	.container {
		max-width: 1440px;
	}

	.container-md {
		max-width: 1440px;
	}

	.container-lg {
		max-width: 1440px;
	}
	
	.container-xl {
		max-width: 1440px;
	}
}

/*顶部导航开始*/
@media (min-width: 1200px) {
	.top-nav {
		font-size: 80%;
		font-weight: 400;
	}
}

/*顶部导航结束*/

/*滑动导航开始*/

.main-nav .nav-item {
	width: 6.5rem;
	text-align: center;
}

.main-nav .navbar-nav li:last-child {
	border: none !important;
}

@media (min-width: 768px) {
	.sticky-top {
		position: relative;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 992px) {
	.main-nav .nav-item {
		width: 16.7%;
	}
}

@media (min-width: 1200px) {

	.main-nav .nav-item,
	.main-nav .navbar-brand {
		font-size: 1.125rem;
		z-index: 99;
		padding-top: .3125rem;
		padding-bottom: .3125rem;
	}

	.index-nav-bg {
		width: 150px;
		height: 61px;
		bottom: 0;
		left: 0;
		background: url(https://libvpn.swfu.edu.cn/vpn/89/http/P75YPLUUNBVYTZLPF3UX87SPMNYA/material/images/index-nav-bg.png;vpn_img);
		background-size: 100% 100%;
	}
}

/*滑动导航结束*/

/*边栏导航开始
.open-navbar {
	transition: all .5s ease !important;
	transform: translateX(25%) !important
}

.open-btn {
	left: -16% !important;
}

.icon-remove {
	font-size: 28px;
	background-size: 100%;
	color: rgba(255, 255, 255, 1) !important;
	background-image: none !important;
}

.body-shadow::before {
	position: fixed;
	display: block;
	content: '';
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(6, 12, 34, 0.7) !important;
	transition: all .3s ease-in;
}

.body-shadow img {
	opacity: 0.5;
	color: rgba(255, 255, 255, 0.5) !important;
}

.body-shadow .navbar-expand .text-light {
	color: rgba(255, 255, 255, 0.5) !important;
}

.main-nav {
	border-bottom: 3px solid #0064b5 !important;
}

.main-nav .navbar-nav {
	width: 100%;
}

.main-nav .navbar-nav li:last-child {
	border: none !important;
}

.main-nav .nav-item {
	width: 14.28%;
	text-align: center;
}

.main-nav .nav-item a i {
	font-size: 18px;
}

.main-nav .border-info {
	border-color: #0064b5 !important;
}

@media screen and (max-width: 768px) {
	.main-nav {
		background: rgba(6, 12, 34, 0.9) !important;
		transition: all .5s ease;
		transform: translateX(125%);
		width: 80%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	}

	.main-nav .navbar-toggler {
		border: none;
		position: fixed;
		top: 0;
		left: -20%;
	}

	.main-nav .navbar-toggler:focus {
		outline: none;
	}

	.main-nav .collapse:not(.show) {
		display: block;
		height: 100vh;
	}

	.main-nav .navbar-nav {
		padding-left: 20px;
	}

	.main-nav .navbar-nav .nav-link {
		color: #fff !important
	}

	.main-nav .navbar-nav .nav-item {
		width: 100%;
		text-align: left;
		border: none !important;
	}

}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 0;
		padding-left: 0;
	}

	.main-nav .navbar-brand {
		font-size: 0.875rem;
		margin-right: 0;
	}

}

@media (min-width: 992px) {
	.main-nav .navbar-brand {
		font-size: 1rem;
		margin-right: 0;
	}
}

@media (min-width: 1200px) {

	.main-nav .navbar-brand {
		width: 6.375rem;
		margin-left: .5rem;
		margin-right: 1rem;
	}

	.main-nav .nav-item,
	.main-nav .navbar-brand {
		font-size: 1.125rem;
		z-index: 99;
	}

	.main-nav .nav-item a {
		padding-top: 0;
		padding-bottom: 0;
	}

	.main-nav .nav-item a i {
		font-size: 1.125rem;
	}

	.index-nav-bg {
		width: 150px;
		height: 61px;
		bottom: 0;
		left: 0;
		background: url(../images/index-nav-bg.png;vpn_img);
		background-size: 100% 100%;
	}

}

/*边栏导航结束*/
