
.header_bg {
	background: url(../images/header_bg.jpg) no-repeat top center;
	background-size: cover;

}
/*右侧浮动按钮样式*/
ul, li {list-style: none;}
.index_right{ position:fixed; bottom:100px; right:20px; z-index:9999}
.index_right ul li{ width:50px; height:50px; margin-bottom:5px; cursor:pointer; transition: all 0.35s ease-in-out; position:relative}
.index_right ul li>div{ position:absolute; right:55px; background:#FFFFFF; line-height:30px; font-size:16px; display:none; text-align:center;box-shadow:0 0 10px #999999; border-radius: 10px; padding:10px 0}
.index_right ul li>div .dot{width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #ffffff;border-bottom: 5px solid transparent; position:absolute; right:-10px; top:20px; }
.index_right ul li>div img{ width:90%}
.index_right ul li:hover>div{ display:block}
.index_right ul li.m1{ background:url(../images/yc1.png) no-repeat;}
.index_right ul li.m2{ background:url(../images/yc2.png) no-repeat;}
.index_right ul li.m3{ background:url(../images/yc3.png) no-repeat;}
.index_right ul li.m4{ background:url(../images/yc4.png) no-repeat;}
.index_right ul li.m5{ background:url(../images/yc5.png) no-repeat;}
.index_right ul li.m6{ background:url(../images/yc6.png) no-repeat;}
.index_right ul li.m7{ background:url(../images/yc7.png) no-repeat;}
.index_right ul li.z45{transform:rotate(135deg);}
.index_right ul li.xs{ margin-bottom:-30px; opacity: 0;}
.index_right ul li.xs2{ visibility:hidden}
.index_right ul li.m8{ background:url(../images/xmtjz20220630-2.png) no-repeat;}
/*右侧新媒体*/
@media (min-width: 1200px) {
	.container {
		max-width: 1400px;
	}

	.container-md {
		max-width: 1400px;
	}

	.container-lg {
		max-width: 1400px;
	}
}

/*顶部导航开始*/
@media (min-width: 1200px) {
	.top-nav {
		font-size: 80%;
		font-weight: 400;
	}
}

/*顶部导航结束*/

/*滑动导航开始*/

.main-nav .nav-item {
	width: 7.5rem;
	text-align: center;
}

.main-nav .navbar-nav li:last-child {
	border: none !important;
}

@media (max-width: 992px) {
	.sy{width:13%}
	.xld{width:13%}
	.zfxxgk{width:13%}
}
@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 {
		border-bottom: 3px solid #0064b5 !important;
	}

	.main-nav .nav-item {
		width: 13%;
	}
	.sy{width: 10%!important;}
    .xld{width:12%!important;}
    .zfxxgk{width:16%!important;}
}

@media (min-width: 1200px) {

	.main-nav .nav-item,
	.main-nav .navbar-brand {
		font-size: 1.5rem;
		z-index: 99;
		padding-top: .3125rem;
		padding-bottom: .3125rem;
	}

	.index-nav-bg {
		width: 150px;
		height: 61px;
		bottom: 0;
		left: 0;
		background: url(//www.shiyan.gov.cn/material/images/index-nav-bg.png);
		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);
		background-size: 100% 100%;
	}

}

/*边栏导航结束*/
