.HEADER {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
}

.header {
	width: 100%;
	height: 90px;
	background: white;
	text-align: center;
}

.heade {
	width: 1280px;
	height: 100%;
	margin: auto;
	display: inline-block;
}

.heade1 {
	float: left;
	margin-top: 20px;
}

.logo {
	width: 50px;
	display: inline-block;
	vertical-align: middle;
}
.logo2 {
	max-width: 350px;
margin-left:10px;
	display: inline-block;
	vertical-align: middle;
}

.head {
	/* border: 1px solid red; */
	box-sizing: border-box;
	height: 100%;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
    text-align: left;
}

.head1 {
	width: 100%;
}

.head1_1 {
	font-size: 21px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
font-family: 'PingFangTCMedium';
}

.head1_2 {
	width: 1px;
	height: 16px;
	background: #AFAFAF;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.head1_3 {
	font-size: 14px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
}

.head2 {
	width: 100%;
	font-size: 13px;
	color: #373737;
}

.heade2 {
	float: right;
	height: 90px;
	line-height: 90px;
}

.heade2_1 {
	font-size: 18px;
	color: #383838;
	display: inline-block;
	vertical-align: middle;
}

.heade2_1 img {
	width: 20px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.heade2_1 span {
	display: inline-block;
	vertical-align: middle;
}

.heade2_2 {
	width: 1px;
	height: 16px;
	background: #AFAFAF;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.heade2_3 {
	font-size: 18px;
	color: #373737;
	display: inline-block;
	vertical-align: middle;
}

.heade2_3 img {
	width: 20px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.heade2_3 div {
	display: inline-block;
	vertical-align: middle;
}

.heade2_3 span {
	font-weight: bold;
	color: #FF0000;
	font-size: 24px;
}

.mulus {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
-webkit-transition: all .5s linear;
            -moz-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
    margin-top: 2px;
}
.mulusT {
	width: 100%;
	height: 60px;
	/*line-height: 60px;*/
	background: black;
	text-align: center;
 -webkit-transition: all .5s linear;
            -moz-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
}

.mulu {
	width: 1280px;
	height: 100%;
	margin: auto;
	display: inline-block;
}
.mulusT .ml{
color: white;
}

.ml {
	height: 40px;
	line-height: 40px;
	float: left;
	color: white;
	font-size: 14px;
	margin-right: 7.85%;
margin-top:10px;
}

.ml:last-child {
	margin-right: 0;
}

.ml:hover {
	color: #06A7FE;
	border-bottom: 1px solid #06A7FE;
	box-sizing: border-box;
}

.ml-act {
	color: #06A7FE !important;
	border-bottom: 1px solid #06A7FE;
	box-sizing: border-box;
}

@media (max-width: 1300px) and (min-width: 1020px) {
	.heade {
		width: 95%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.heade1 {
		display: flex;
		align-items: center;
		margin: 0;
	}
.heade1 a{
display: flex;
		align-items: center;
}
	.head1 {
		display: flex;
		align-items: center;
	}

	.heade2 {
		display: flex;
		align-items: center;
	}

	.heade2_1 {
		display: flex;
		align-items: center;
	}

	.mulu {
		width: 95%;
		display: flex;
		justify-content: center;
	}

	.ml {
		margin-right: 6%;
	}
}

@media (max-width: 1020px) {
	.HEADER {
		width: 100%;
		height: 0.9rem;
		background: white;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1001;
	}

	.header {
		width: 100%;
		height: 0.9rem;
		background: white;
	}

	.heade {
		width: 95%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.logo {
		width: 0.5rem;
	}
.logo2 {
display:none;
}
	.mlim {
		width: 0.5rem;
		height: auto;
	}

	.mlli {
		width: 100%;
		    height: 6.6rem;
			overflow-y: auto;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		position: absolute;
		left: 0;
		top: 0.9rem;
		z-index: 1001;
	}
.mll{
	width: 100%;
}
	.mlli1 {
		width: 100%;
		padding: 0.2rem;
		box-sizing: border-box;
		text-align: center;
		font-size: 0.24rem;
		color: white;
		display: block;
	}

	.mlli1:hover {
		background: #06A7FE;
	}
	.mlli2{
		width: 100%;
		display: none;
	}
	.mlli2_1{
		width: 100%;
	}
	.mlli21{
		width: 100%;
		padding: 0.2rem;
		box-sizing: border-box;
		text-align: center;
		font-size: 0.2rem;
		color: white;
		display: block;
	}
	.mlli21:hover{
		color: #06A7FE;
	}
	.mlli3{
		width: 100%;
		display: none;
	}
	.mlli3_1{
		width: 100%;
		padding: 0.2rem;
		box-sizing: border-box;
		text-align: center;
		font-size: 0.16rem;
		color: white;
		display: block;
	}
	.mlli3_1:hover{
		color: #06A7FE;
	}
	
}
