.header {

	width: 100%;

	height: 77px;

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);

	position: fixed;

	top: 0;

	left: 0;

	background-color: #FFFFFF;

	transition: all 0.5s;

	overflow: hidden;

	z-index: 999;



}

.banner {

	min-height: 160px;

}

.banner img {

	width: 100%;

	min-height: 160px;

	object-fit: cover;

}

.header:hover {

	overflow: initial;

}



.emptyBg {

	background: transparent;
	box-shadow: none;
	transition: all 0.5s;

}



.header .nav {

	height: 100%;



}



.header .nav .logo {

	width: 188px;

}



.header .nav .logo .logo2 {

	display: none;

}



.emptyBg .nav .logo .logo2 {

	display: block;

}



.emptyBg .nav .logo .logo1 {

	display: none;

}



.header .menu-list {

	height: 100%;

}



.header .menu-list .menu-item {

	/* width: 75px; */

	margin-left: 40px;

	font-size: 16px;

	color: #333333;

	transition: all 0.2s;

	text-align: right;

	position: relative;

	height: 100%;



}



.header .menu-list .sub_list {

	position: absolute;

	opacity: 0;

	z-index: -9999;

	top: 100%;

	white-space: nowrap;

	padding: 10px 25px 0;

	background-color: rgba(0, 0, 0, 0.5);

	box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1);

	transition: 0.6s;
	border-radius: 0 0 8px 8px;

}

.header .menu-list .sub_list a {
	color: #FFFFFF;
}

.header .menu-list .sub_list::after {

	content: '';

	position: absolute;

	bottom: 100%;

	left: 50%;

	transform: translateX(-50%);

	/* border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-bottom: 20px solid #FFFFFF; */



}



.header .menu-list .menu-item:hover .sub_list {

	opacity: 1;

	cursor: pointer;

	z-index: 10;

}



.header .menu-list .sub_list li {

	margin-bottom: 10px;

}



.header .menu-list .sub_list li:hover a {

	color: #EE9B01;

}



.emptyBg .title {

	color: #FFFFFF;

}



.emptyBg .tel {

	color: #FFFFFF;

}



.header .menu-list .menu-item .title {

	position: relative;

	white-space: nowrap;

}



.header .menu-list .menu-item:hover .title {

	/* font-size: 18px; */

	font-weight: bold;

	color: #EE9B01;

}



.header .menu-list .menu-item .title::after {

	content: '';

	position: absolute;

	bottom: -4px;

	left: 50%;

	transform: translateX(-50%);

	width: 0%;

	height: 2px;

	background: #EE9B01;

	transition: all 0.3s;

}



.header .menu-list .menu-item:hover .title::after {

	width: 100%;

}



.header .menu-list .menu-active .title {

	/* font-size: 18px; */

	font-weight: 550;

	color: #EE9B01;

}



.header .menu-list .menu-active .title::after {

	width: 100%;

}



.header .menu-list .tel {

	font-size: 16px;

	margin-left: 35px;

	cursor: pointer;

}



.header .menu-list .tel .line {

	width: 2px;

	height: 20px;

	display: block;

	/*background-color: #999;*/

	margin-right: 35px;

}



.header .tel-nav {

	display: none;

}

.sidebar {

	display: none;

}



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



	.header .menu-list .menu-item,

	.header .menu-list .tel {



		margin-left: 30px;

		font-size: 16px;

	}



	.header .menu-list .tel .line {



		margin-right: 25px;



	}



	.header .nav .logo {

		width: 170px;

	}



}



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



	.header .menu-list .menu-item,

	.header .menu-list .tel {

		margin-left: 20px;

		font-size: 14px;

	}



	.header .menu-list .tel .line {

		margin-right: 20px;

	}



	.header .nav .logo {

		width: 130px;

	}



	.header .menu-list .sub_list {

		padding: 10px 15px 0;

	}

}



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

	#index {

		padding-top: 50px;

	}



	.header {

		height: 50px;

	}



	.header .nav {

		display: none;



	}



	.header .tel-nav {

		display: flex;

		width: 100%;

		height: 100%;

		padding: 0 4%;

	}



	.emptyBg {

		background: #FFFFFF;



	}



	.header .tel-nav a img {

		width: 110px;

		height: auto;

	}

	.header .tel-nav .phone a {

		margin-right: 20px;

		color: #EE9B01;

		font-size: 18px;

	}

	.header .tel-nav .tel-menu img {

		width: 27px;

	}



	/* 侧边栏 */

	.sidebar {

		position: fixed;

		top: 0;

		left: 100%;

		bottom: 0;

		right: 0;

		height: 100%;

		width: 100%;

		background-color: rgba(0, 0, 0, 0.5);

		z-index: 999;

		display: flex;

		justify-content: flex-end;

		transition: all 0.3s;





	}

	.disShow {

		left: 0;

	}

	.sidebar .sidebar-cn {

		width: 60%;

		height: 100%;

		background-color: #FFFFFF;

		padding: 20px 15px;



	}


	.sidebar .sidebar-cn .close-img {

		text-align: right;

	}



	.sidebar .sidebar-cn .close-img img {

		width: 21px;

		height: auto;

	}



	.menu-list-tel {

		margin-top: 20px;

	}



	.menu-list-tel .mlt-item {

		font-size: 16px;

		margin-top: 10px;



	}



	.menu-list-tel .mlt-item span {

		border-top: 2px solid #707070;

		border-right: 2px solid #707070;

		width: 12px;

		height: 12px;

		transition: all 0.8s;

		transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		/* IE 9 */

		-moz-transform: rotate(45deg);

		/* Firefox */

		-webkit-transform: rotate(45deg);

		/* Safari 和 Chrome */

		-o-transform: rotate(45deg);

	}

	.menu-list-tel .open span {

		transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		-moz-transform: rotate(135deg);

		-webkit-transform: rotate(135deg);

		-o-transform: rotate(135deg);

	}

	.menu-list-tel .mlt-item .tou {

		padding: 8px 0;

		border-bottom: 1px solid #CCCCCC;

	}

	.drop-down {
		/* 
		display: none; */

	}

	.drop-down .secondary {

		margin-top: 10px;

		padding-left: 15px;

		font-size: 14px;

	}

	.drop-down .secondary a {

		color: #666;

	}





}