* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	list-style: none;
}



img {
	display: block;
}

body {
	font-family: 'PingFang SC', 'HarmonyOS Sans', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimHei', 'Source Han Sans', 'Arial', 'sans-serif';
}

.header {
	width: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background: #fff;
	user-select: none;
	width: 100%;

}

.header .header-cen {
	display: flex;
	justify-content: space-between;
}

.header .header-cen .header-logo {
	float: left;
	height: 90px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 999;
}

.header .header-cen .header-nav {
	display: block;
	float: right;
	visibility: visible;
	opacity: 1;
}

.logoa {
	display: none;
}

/* 导航栏细节 */
.header .header-cen .header-nav .nav-a>ul {
	/* display: flex; */
	text-align: center;
}

.header .header-cen .header-nav .nav-a>ul>li {
	padding: 0 1.1vw;
	float: left;
	z-index: 9;
	position: relative;
}

.nav-menu {
	position: relative;
	height: 90px;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	transition: color .4s ease;
	font-family: "Poppins";
}

.nav-menu:hover {
	color: #0170c5;
	border-bottom: 3px solid #0170c5;
}

.nav-active {
	color: #0170c5;
	border-bottom: 3px solid #0170c5;
}


.nav-a-lol {
	display: none;
	/* height: 256px; */
	position: absolute;
	top: 90px;
	left: -50%;
	text-align: left;
}

.header-search {
	float: right;
	z-index: 999;
	height: 90px;
	line-height: 90px;
}

.header-search .iconfont {
	color: #000000;
	margin-right: 5px;
	font-weight: 400;
	font-size: 20px;
	cursor: pointer;
}

.header-search .search-lick {
	display: flex;
	align-items: center;
}

.header-search .search-lick p {
	font-size: 14px;
	color: #000;
	font-family: 'Arial';
}

.search-b {
	width: 100%;
	overflow: hidden;
	/* display: none; */
	position: absolute;
	left: 0;
	top: 91px;
	animation: HeaderSearch 0.8s ease both;
}

.search-b form {
	display: flex;

}

.search-b-btn {
	width: 5vw;
	text-align: center;
	background: #0170c5;
	border: none;
	min-width: 50px;
}

.search-b-btn:hover .iconfont {
	color: #000;
}

.search-b input {
	width: 95vw;
	height: 50px;
	font-size: 16px;
	text-indent: 1em;
	border: 1px solid #cbcbcb;
	outline-color: #0170c5;
	animation: HeaderSearch 0.8s ease both;
}

.search-lick .icon-guanbi {
	display: none;
	color: #0170c5;
}

.search-b {
	display: none;
}
.header-right{
	display: flex;
	align-items: center;
}
.header-right .language{
	display: flex;
	align-items: center;
	margin-right: 20px;
	color: #333;
}
.header-right .language svg{
	margin-right: 4px;
}
/* 语言细节 */
.header-lang {
	float: right;
	margin-right: 30px;
}

.CN {
	display: flex;
	align-items: center;
	height: 90px;
	color: #fff;

}

.CN .iconfont {
	/* vertical-align: middle; */
	font-size: 19px;
	margin-right: 3px;
}

.CN {
	white-space: nowrap;
}

/* < !-- 菜单 --> */
.nav-b {
	float: right;
	z-index: 999;
	height: 90px;
	line-height: 90px;
	margin-left: 20px;
}

.nav-b ul li {
	display: flex;
}

.nav-b ul li .iconfont {
	font-size: 26px;
}

.nav-b {
	display: none;
}

.nav-b .icon-guanbi {
	display: none;
}
.m-right-buttom{
	display: none;
	margin-right: 30px;
}
.m-navbar{
	display: none;
}
@media screen and (max-width :1100px) {}
@media (max-width: 1024px) {
	.header-right{
		display: flex;
		align-items: center;
	}
	.header .header-cen .header-nav{
		display: none;
	}
	.header .header-cen .header-logo{
		height: auto;
	}
	.header .header-cen .header-logo img{
		height: 40px;
	}
	.header-search{
		height: auto;
		line-height: 1;
	}
	.header .header-cen{
		padding: 10px 0;
		align-items: center;
	}
	.search-b{
		top: 100%;
	}
	.dz{
		height: 60px !important;
	}
	.m-right-buttom {
			display: block;
			cursor: pointer;
			user-select: none;
			float: right;
		}
	
		.m-right-buttom .in {
			height: 30px;
			width: 19px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	
		.m-right-buttom span,
		.m-right-buttom span:after,
		.m-right-buttom span:before {
			display: block;
			height: 2px;
			width: 19px;
			background: rgba(58, 115, 122, 1);
			transition: top .2s linear
		}
	
		.header.active .m-right-buttom span,
		.header.active .m-right-buttom span:after,
		.header.active .m-right-buttom span:before {
			background: rgba(58, 115, 122, 1);
		}
	
		.m-right-buttom span {
			transition: all .2s .4s ease, background 0s;
			position: relative
		}
	
		.m-right-buttom span:after,
		.m-right-buttom span:before {
			position: absolute;
			left: 0;
			content: '';
			transform-origin: 50% 50%;
			transition: top .2s .4s ease, transform .4s ease;
			height: 2px
		}
	
		.m-right-buttom span:before {
			top: 6px
		}
	
		.m-right-buttom span:after {
			top: -6px
		}
	
		.m-right-buttom.active span,
		.header.active .m-right-buttom.active span {
			transition: all .2s 0s ease;
			background: 0 0
		}
	
		.m-right-buttom.active span:after,
		.m-right-buttom.active span:before {
			transition: top .2s ease, transform .2s .3s ease;
			top: 0;
			width: 19px
		}
	
		.m-right-buttom.active span:before {
			transform: rotate3d(0, 0, 1, 45deg)
		}
	
		.m-right-buttom.active span:after {
			transform: rotate3d(0, 0, 1, -45deg)
		}
		.m-navbar.active li{
			border-radius: 5px;
			background-color: #f0f0f0;
		}
		.m-navbar.active li .subNav {
			display: none;
			background-color: #f0f0f0;
			/* padding: 0 25px; */
			border-radius: 0 0 5px 5px;
		}
	
		.m-navbar.active li .subNav a {
			margin-top: 0;
			background-color: transparent;
			/* padding: 10px 0 !important; */
			border-radius: 0;
			font-size: 14px;
		}
		.m-navbar.active li .subNav .item-title{
			padding: 10px 0 0;
		}
		.m-navbar.active li .subNav a:not(:last-child) {
			border-bottom: 1px solid rgba(193, 199, 208, 0.7);
		}
	
		.m-navbar ul {
			display: block;
			width: 100%;
			height: 100%;
			overflow-x: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch
		}
	
		.m-navbar li {
			display: block;
			width: 100%;
			opacity: 0;
			transform: translateY(32px);
			transition: all .4s ease;
			margin: 0;
		}
	
		.m-navbar.active li {
			opacity: 1;
			transform: translateY(0);
		}
	
		.m-navbar li:hover a {
			color: #747474 !important;
		}
	
		.m-navbar li.active a {
			color: rgba(58, 115, 122, 1) !important;
		}
	
		.m-navbar {
			display: none;
			position: fixed;
			width: 100%;
			height: 100%;
			margin-right: 0;
			top: 0;
			left: 0;
			padding: 100px 4% 20px;
			background-color: #444;
			z-index: 998;
		}
	
		.m-navbar li+li {
			margin-top: 12px
		}
	
		.m-navbar li+li {
			margin-left: 0;
			padding: 0
		}
	
		.m-navbar li+li:after {
			display: none
		}
	
		.m-navbar li a {
			padding: 9px !important;
			background: #fafafa;
			color: #121212;
			height: auto;
			border-radius: 5px;
			font-weight: 400;
			display: block;
		}
}
@media screen and (max-width :1000px) {
	.nav-a {
		display: none;
	}

	.nav-b {
		display: block;
	}
}

@media screen and (max-width :500px) {
	.CN p {
		display: none;
	}

	.header-lang {
		margin-right: 20px;
	}

	.header .header-cen .header-logo img {
		transform: scale(0.8);
	}
}