.header {
	background: #fff;
	width: 100%;
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
	transition: all 0.5s;
}

.header-cn {
	cursor: pointer;
	width: 90%;
	height: 100%;
}

.header-cn .nav {
	flex: 1;
	margin: 0 50px;
	font-size: 18px;
	height: 100%;
}

.header-cn .nav .nav-item {
	position: relative;
	display: flex;
	white-space: nowrap;
	height: 100%;
}
.header-cn .nav .nav-active{
	position: relative;
}
.header-cn .nav .nav-active>a{
	color: #aadc21;
	
}
.header-cn .nav .nav-active::after{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 50%;
	height: 2px;
	background: #aadc21;
}
.header-cn .nav .nav-item .ej-list {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	opacity: 0;
	z-index: -1;
	border-radius: 0 0 6px 6px;
	overflow: hidden;
	height: 0;
	transition: all 0.5s;
}

.header-cn .nav .nav-item:hover .ej-list {
	opacity: 1;
	z-index: 20;
	height: auto;
	box-shadow: 0   4px 6px rgba(0, 0, 0, 0.05);

}

.header-cn .nav .nav-item .el-item {
	background: #fff;
	color: #333;
	padding: 8px 35px;
	font-size: 16px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.header-cn .nav-item .el-item::before {
	opacity: 0;
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	transform: translate(-60%, -60%);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(32, 181, 99, 0.5) 0%, rgba(32, 181, 99, 0) 100%);
	transition: all 0.5s;
}

.header-cn .nav-item .el-item::after {
	opacity: 0;
	position: absolute;
	content: '';
	bottom: 0%;
	right: 0%;
	transform: translate(60%, 60%);
	transition: all 0.5s;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(32, 181, 99, 0) 0%, rgba(32, 181, 99, 0.5) 100%);
}

.header-cn .nav-item .el-item:hover:before {
	opacity: 1;
	transform: translate(-50%, -50%);
}

.header-cn .nav-item .el-item:hover:after {
	opacity: 1;
	transform: translate(50%, 50%);
}

.header-cn .nav .el-item:hover {
	background: #EBFAF2;
}

.header-cn .nav .el-item:hover a {
	color: #aadc21;
}

.header-cn .nav .nav-item:hover>a {
	color: #aadc21;
}

.header-cn .right-operate {
	font-size: 18px;
}

.right-operate .lang {}

.right-operate .lang .lang-icon {
	width: 24px;
}

.right-operate .login {
	border-radius: 34px;
	border: 1px solid #aadc21;
	padding: 8px 16px;
	margin: 0 30px;
	font-size: 18px;
	color: #aadc21;
}
.right-operate .login div{
    display: flex;
    align-items: center;
}
.right-operate .login div img{
    margin-right: 5px;
}
.header-cn .right-operate :hover {
	color: #aadc21;
}

/* 搜索 */
.search-box {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 99;
	display: none;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.search-box .sb-cn {
	width: 50%;
	padding: 30px;
	margin: 0 auto;
}

.search-box .search-form {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
}

.search-form .input {
	border-radius: 6px 0 0 6px;
	flex: 1;
	border: 1px solid #aadc21;
	padding-left: 10px;
}

.search-form .sf-butt {
	padding: 10px 15px;
	background: #aadc21;
	color: #fff;
	cursor: pointer;
}

.sb-cn .Hot-search {
	display: flex;
	margin-top: 10px;
}

.sb-cn .Hot-search .hs-item {
	color: #999;
	margin-right: 20px;
}

.sb-cn .Hot-search .hs-item:hover {
	color: #aadc21;
}

.header-index {
	background: rgba(0, 0, 0, 0);
	box-shadow: none;
}

.header-index {
	color: #fff;
}

.header-index a,
.header-index .login{
	color: #fff;
	border-color: #fff;
}
.header-index:hover{
	background: #fff;
}
.header-index:hover a{
	color: #333;
}
.header-index  img {
	
	-webkit-filter: grayscale(100%);
	filter: brightness(0%) invert(100%);
	-webkit-filter: brightness(0%) invert(100%);
	/* mix-blend-mode: difference; */
}
.header-index:hover .logo img,
.header-index:hover .lang img,

.header-index:hover .search img

{
	filter: blur(0px);
	-webkit-filter: blur(0px);
	filter: blur(0px);
	-webkit-filter: blur(0px);


}
.login img{
    	filter: blur(0px);
	-webkit-filter: blur(0px);
	filter: blur(0px);
	-webkit-filter: blur(0px);
}





.header-index:hover .right-operate .login {
	
	border: 1px solid #aadc21;

	color: #aadc21;
}
@media screen and (max-width: 1400px) {
	.header-cn .nav,
	.header-cn .right-operate,
	.right-operate .login{
		font-size: 16px;
	}
	.header-cn .nav .nav-item .el-item {
	   
	    padding: 8px 25px;
	    font-size: 14px;
	    
	}
}
@media screen and (max-width: 1280px) {
	.header{
		height: 60px;
	}
	.header-cn{
		width: 95%;
	}
	.header-cn .nav,
	.header-cn .right-operate,
	.right-operate .login{
		font-size: 15px;
	}
	.right-operate .login{
		padding: 4px 10px;
	}
	.header-cn .nav{
		margin: 0 20px;
	}
	.header-cn .nav .nav-item .el-item {
	   
	    padding: 8px 20px;
	    font-size: 13px;
	    
	}
	.right-operate .login{
		margin: 0 10px;
	}
	.logo img{
		width: 120px;
	}

	.search-box .sb-cn{
		padding: 25px;
	}
	.search-form .sf-butt {
	    padding: 8px 15px;
	    font-size: 14px;
	}
	.search-form .input,
	.sb-cn .Hot-search .hs-item {
	    font-size: 14px;
	}
}