.page-head{
	padding:0 9.75rem;
	/* height: 110px; */
	width:100%;
	min-width: 1280px;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top:0;
	z-index: 999;
}

.page-head .page-nav-logo{
	width:25%;
}

.page-head .page-nav-logo img{
	height: 100%;
    width: 100%;
}

#nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
    list-style: none;
	margin: 0;
	padding: 0;
}

.page-nav-menu{
	/* width: 60%; */
}

.page-nav-menu .nav-item {
	/* position: relative; */
}

.page-nav-menu .nav-item .nav-link{
	line-height: 110px;
	font-size: 18px;
	margin: 0px 20px;
	padding: 0;
	border: 0;
	color: #4f4f4f;
	position: relative;
}

.page-head .actives::after{
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 15px;
    left: 50%;
	transform: translate3d(-50%,0,0);
    background-color: #ff0000;
}

.page-nav-menu .nav-item:hover .nav-link::after{
	content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 15px;
    left: 50%;
	transform: translate3d(-50%,0,0);
    background-color: #ff0000;
}


.page-nav-menu .nav-item:hover .box_item{
	left: auto; /*默认ul的padding为0，位于按钮正下方*/
} 


.page-nav-menu .nav-item .box_item {
    margin-top: 0.0625rem;
    position: absolute; /*设置绝对定位，宽度为内容宽度*/
	left: -100%;   /*设置隐藏*/
	top: 112px;
	z-index: 999;
	list-style: none;
    padding: 0;  /*离它的父元素的边界为0，所以可以位于父元素li的正下方*/
	width: 30%;
	/* min-height: 17.8125rem; */
}

.page-nav-menu .nav-item .box_item>ul{
	background-color: #f8f9fa;
	width: 30%;
	padding: 30px 0px;
	margin: 0;
	display: flex;
	/* justify-content: space-between; */
	flex-direction: column;
	align-items: center;
}

.page-nav-menu .nav-item .box_item{
	padding-top: 2px;
	box-shadow: 0.3125rem 0.3125rem 0.3125rem #212529;
	display: flex;
	justify-content: space-between;
}


.page-nav-menu .nav-item .box_item .dhbj{
	width: 70%;
	padding: 30px;
	background-color: #FFFFFF;
}


.page-nav-menu .nav-item .box_item .dhbj img{
	/* width: 100%;
	height: 100%;
	min-height: 150px; */
	max-width: 100%;
	max-height: 100%;
	/* position: relative;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0); */
}

.page-nav-menu .nav-item .box_item ul li{
	width: 100%;
	text-align: center;
}

.page-nav-menu .nav-item .box_item ul li a{
	color: #4f4f4f;
	text-decoration: none;
	font-size: 18px;
	/* font-weight: 600; */
	line-height: 45px;
}

.page-nav-menu .nav-item .box_item ul li a:hover{
	color: #ff0000;
}


.page-nav-menu .nav-item:nth-child(n+5):hover .box_item{
	left: 43%;
	flex-direction: row-reverse;
}

.page-nav-menu .nav-item:nth-child(n+6):hover .box_item{
	left: 41%;
	flex-direction: row-reverse;
}

.page-nav-menu .nav-item:nth-child(n+6):hover .box_item{
	left: 48%;
	flex-direction: row-reverse;
}


.page-nav-menu .nav-item:nth-child(n+7):hover .box_item{
	left: 56%;
	flex-direction: row-reverse;
}

.nav-tabs{
	border:0;
	overflow: hidden;
    /* height: 110px; */
}


main{
	margin-top: 6.875rem;
}


.page-nav-tab{
	/* height: 80px; */
	background-color: #e9e9e9;
	padding: 0px 156px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.page-nav-tab .nav{
	display: flex;
	justify-content: flex-start;
}


.page-nav-tab .nav .nav-link{
	padding: 0px;
	margin: 0px 25px;
	line-height: 80px;
	color: #767676;
	font-size: 18px;
	position: relative;
}

.page-nav-tab .nav .nav-link::before{
	position: absolute;
	top: 50%;
	height: 18px;
	transform: translate3d(0,-50%,0);
	right:-25px;
	content: '';
	width:0;
	border-left: solid #767676 2px;
}

.page-nav-tab .nav .nav-link::before:last-child{
	display: none;
}

.page-nav-tab .nav .nav-link:hover{
	color:#e60012;
}

.page-nav-tab .nav .nav-link:hover::after{
	position: absolute;
	bottom: 0;
	height: 5px;
	left: 50%;
	transform: translate3d(-50%,0,0);
	content: '';
	width: 70%;
	background-color: #e60012;

}

.page-nav-tab .nav .actives{
	color:#e60012;
}

.page-nav-tab .nav .actives::after{
	position: absolute;
	bottom: 0;
	height: 5px;
	left: 50%;
	transform: translate3d(-50%,0,0);
	content: '';
	width: 70%;
	background-color: #e60012;

}

.page-nav-tab .navbar .navbar-brand{
	line-height: 75px;
	color: #767676;
	font-size: 18px;
}

.page-nav-tab .nav_position{
	position: absolute;
    top: 50%;
    right: 156px;
    transform: translate3d(0, -50%, 0);
}

.page-content>img{
	/* width: 100%; */
	max-width: 100%;
}

@media screen and (max-width: 1600px) {

	.page-head .page-nav-logo{
		width: 22%;
	}
	main{
		margin-top: 60px;
	}
	
	.page-nav-tab .nav .nav-link{
		margin: 0px 5px;
    	line-height: 40px;
		font-size: 14px;
		padding: 0px 15px;
	}

	.page-nav-tab .navbar .navbar-brand{
		line-height: 40px;
		font-size: 14px;
	}
	
	.page-nav-tab .nav .nav-link::before{
		right: -5px;
	}
	
	.page-nav-menu .nav-item .nav-link{
		font-size: 16px;
		line-height: 60px;
		margin: 0px 10px;
	}
	
	.page-nav-tab .navbar>img{
		height: 15px;
	}

	.page-nav-menu .nav-item .box_item{
		top: 62px;
	}

	.page-nav-menu .nav-item .box_item>ul
	{
		padding: 10px 0px;
	}

	.page-nav-menu .nav-item .box_item .dhbj{
		padding: 30px;
	}

	.page-nav-menu .nav-item .box_item ul li a{
		font-size: 12px;
		line-height: 30px;
	}
}