.header-wrap {
	width: 100%;
	background: transparent;
	/*transition: all .36s;*/
	/* box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.1); */
	position: fixed;
	z-index: 99999;
	padding: 0 0.3rem;
	top: 0;
}

.header-box {
	/*height: 0.98rem;*/
	height: 0.8rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-logo {
	width: 1.8rem;
	height: 0.3rem;
}
.header-logo img{
    width: 100%;
    height: 100%;
}

/*.header-logo-img {*/
/*	height: 100%;*/
/*	width: 100%;*/
/*}*/

.header-right {
	display: flex;
	align-items: center;
	height: 100%;
}

.header-nav {
	height: 100%;
	display: flex;
	align-items: center;
	margin-right: .3rem;
	/* padding-right: 0.15rem; */
}

.header-logo-img1 {
	display: none;
	width: 100%;
	height: 100%;
}

.search1 {
	display: none;
}

.bottom1 {
	display: none;
}

.scrollHeader .header-wrap {
	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
	/* box-shadow: 0 0 10px rgb(0 0 0 / 20%); */
	background: #FFFFFF;
	/*transition: all .8s;*/
}

.scrollHeader .header-title{color:#333333 !important;}

.hhh {
	height: 0.8rem;
}

.scrollHeader .header-logo-img1,
.scrollHeader .search1,
.scrollHeader .bottom1 {
	display: block;
}

.scrollHeader .header-logo-img,
.scrollHeader .search,
.scrollHeader .bottom {
	display: none;
}

.scrollHeader .header-menu p,
.scrollHeader .header-menu-a,
.scrollHeader .header-lang p {
	color: #333333;
	font-size: .16rem;
}

.header-menu {
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 0.16rem;
	font-family: MicrosoftYaHei;
	color: #333333;
	font-weight: 400;
	margin-left: 0.5rem;
	position: relative;
}

.header-menu p {
	font-size: 0.16rem;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.header-menu-group.active {
	color: #FFFFFF ;
	font-weight: bold ;
}

.header-menu-a {
	font-size: 0.16rem;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.header-nav .active,.header-nav  .header-menu:hover .header-menu-a，.header-nav  .header-menu:hover .header-menu-group {
	font-weight: bold;
	color: #FFFFFF !important;
	/*position: relative;*/
	z-index: 2;
}
.header-nav .active:after,.header-nav .header-menu:hover .header-menu-a:after,.header-nav  .header-menu:hover .header-menu-group:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: .03rem;
    background: #FFFFFF;
    width: 100%;
}

.scrollHeader .header-nav .active,
.scrollHeader .header-nav  .header-menu:hover .header-menu-group,
.scrollHeader .header-menu:hover .header-menu-a{color:#008ff3!important;font-weight:bold;}
.scrollHeader .header-nav .active:after,
.scrollHeader .header-nav  .header-menu:hover .header-menu-group:after,
.scrollHeader .header-nav .header-menu:hover .header-menu-a:after{background:#008ff3!important;}

.header-tel-wrap{width:2rem;color:#FFF;display:flex;justify-content:flex-end}
.header-tel-wrap .tel_icon,.header-tel-wrap .tel_icon2{margin-right:.1rem;margin-top:-0.01rem;}
.header-tel-wrap .tel_icon{display:none}
.header-search{position:relative}
.header-search:after{
    content: '';
    position: absolute;
    right: -0.18rem;
    top: .01rem;
    height: .18rem;
    width: .01rem;
    background: #FFFFFF;
}
.scrollHeader .header-search:after{background: #999999;}
.scrollHeader .header-tel-wrap{color:#333333}
.scrollHeader .header-tel-wrap .tel_icon2{display:none;}
.scrollHeader .header-tel-wrap .tel_icon{display:block}
.header-tel-wrap img{
    display: inline-block;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.header-search-bar{
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    
    width:0;
    height:.4rem;
    border:.01rem solid transparent;
    border-radius: .4rem;
    
    transition: all .5s ease-in;
    overflow: hidden;
    
}
.header-search-bar.active{
    width:3rem;
    background:#FFFFFF;
    border-color: #666666;
}
.header-search-input{line-height: .38rem; background: transparent; padding: 0 .5rem 0 .2rem; font-size: .15rem;}
.header-search-bar .search-icon{position:absolute;right:0.15rem;top:0.1rem;width:.18rem;height:.18rem;}
/* .header-nav .active::after {
	content: '';
	width: 1.1rem;
	height: 0.03rem;
	background: #0171C3;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	opacity: 1;
} */

.header-first {
	cursor: pointer;
}


/* .header-first::after {
    content: '';
    width: 0;
    height: 0;
    border-right: 0.05rem solid transparent;
    border-left: 0.05rem solid transparent;
    border-top: 0.04rem solid #000;
    border-bottom: 0rem solid transparent;
    position: absolute;
    right: -0.2rem;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .265s;
}
.header-first:hover::after {
    border-right: 0.05rem solid transparent;
    border-left: 0.05rem solid transparent;
    border-bottom: 0.04rem solid #000;
    border-top: 0rem solid transparent;
    transition: all .265s;
} */

.header-first:hover .header-level-box {
	height: auto;
	/* display: block; */
	opacity: 1;
	top: 0.8rem;
	transition: all .365s;
	width: auto;
	padding: 0.2rem 0.4rem;
}
.hlb-rig{
	margin-left: 1rem;
}
.header-level-box {
	position: absolute;
	height: 0;
	opacity: 0;
	overflow: hidden;
	top: 0.78rem;
	left: 50%;
	z-index: 99;
	transform: translateX(-50%);
	min-width: 100%;
	background: #FFFFFF;
	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.1);
	transition: all .365s;
	border-radius: 0 0 0.05rem 0.05rem;
	/* padding: 0.14rem 0; */
	display: flex;
	align-items: flex-start;
}

.header-level {
	display: flex;
	align-items: center;
	transition: all .2s;

    border-bottom: 0.02rem solid #f2f2f2;
    height: 0.5rem;
}
.header-level:nth-child(5){
    border-bottom: none;
}
.header-level:last-child{
    border-bottom: none;
}
.hlb-rig .header-level:last-child{
	margin-bottom: 0;
}
.hlb-left .header-level:last-child{
	margin-bottom: 0;
}
.title-class {
	font-size: 0.14rem;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 0.23rem;
	white-space: nowrap;
}
/*.header-level:hover .titlt-name{*/
/*    color: #999!important;*/
/*}*/

.titlt-name {
	width: 0.98rem;
	white-space: nowrap;
	font-size: 0.14rem;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 0.23rem;
	margin-left: 0.5rem;
}
/*.titlt-name:hover{*/
    /*color: #008ff3!important;*/
/*    color: red!important;*/
/*}*/
/*.title-class:hover{*/
/*    color: red!important;*/
/*}*/
/*.hlb-left{*/
/*    color:orange!important;*/
/*}*/

.title-more {
	font-size: 0.14rem;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 0.23rem;
	margin-left: 0.5rem;
}

.header-level:hover .title-class {
	color: #008ff3;
}
.header-level:hover .titlt-name {
	color: #008ff3!important;
	
}
.header-level:hover .title-more {
	color: #008ff3;
}
.header-level-active {
	position: relative;
}
.header-level :hover{
    text-decoration:none !important;
}
.header-first :hover{
    text-decoration:none !important;
}
.header-level:hover .titlt-name{
    text-decoration:none !important;
}
.title-class{
    position: relative;
}
/*.title-class::after{*/
/*    content: '';*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 0.03rem;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    background:#008ff3;*/
/*    display: none;*/
/*}*/
/*.title-class:hover::after{*/
/*    display: block;*/
/*}*/


.titlt-name{
    /*background: red;*/
    position: relative;
}
/*.titlt-name::after{*/
/*    content:'';*/
/*    width: 100%;*/
/*    height: 0.03rem;*/
/*    background:#008ff3;*/
/*    display: block;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    display: none;*/
/*    position: absolute;*/
/*}*/
.titlt-name:hover::after{
    display: block;
}



.header-search {
	width: 0.18rem;
	height: 0.18rem;
	cursor: pointer;
	margin-left: 0.8rem;
	margin-right: 0.3rem;
}

.header-search img {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
}

.header-search-logo {
	margin-left: 0.29rem;
	border-left: 0.01rem solid #A7A7A7;
	padding-left: 0.21rem;
	margin-right: 0.11rem;
}

.header-search-logo img {
	width: 0.2rem;
	height: 0.21rem;
	object-fit: cover;
}

.header-lang-wrap {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center
}

.header-lang {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.header-lang p {
	font-size: 0.16rem;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.header-lang img {
	width: 0.09rem;
	height: auto;
	margin-left: 0.08rem;
}

.header-lang-wrap:hover .header-lang-list {
	height: auto;
	opacity: 1;
	top: 0.8rem;
	transition: all .365s;
}

.header-lang-list {
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0.6rem;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	background: #FFFFFF;
	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.1);
	transition: all .365s;
	border-radius: 0 0 0.05rem 0.05rem;
}

.header-lang-list a {
	font-size: 0.16rem;
	font-family: MicrosoftYaHei;
	color: #333333;
	font-weight: 400;
	padding: 0 0.23rem;
	white-space: nowrap;
	height: 0.41rem;
	line-height: 0.41rem;
	text-align: center;
	transition: all .2s;
}

.header-lang-list a:hover {
	background: #0745B1;
	color: #fff;
}

.header-mobile {
	display: none;
}

.navigation-wrap {
	display: none;
}

@media only screen and (max-width: 1024px) {
	body {
		padding: 0.9rem 0 0 !important;
	}

	.header-wrap {
		display: none;
	}
    .header-nav-mobile{
        cursor: pointer;
    }
	.header-mobile-wrap {
		display: block;
		
	}
	

	.header-mobile {
		height: 0.9rem;
		width: 100%;
		padding: 0 0.35rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-shadow: 0rem 0.04rem 0.1rem 0.02rem rgba(0, 0, 0, 0.1);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: #fff;
	}
	
	.language{
	    flex: 1;
	    display: flex;
        justify-content: flex-end;
        margin-right: 0.3rem;
        
	}
	
	.language a{
	    font-size: 16px;
        color: #333;
	}

	.header-logo-mobile {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.header-logo-mobile-img {
		/*width: 1.83rem;*/
		/*height: 0.4rem;*/
		width: 2.4rem;
		height: 0.4rem;
	}

	.header-logo-mobile-p {
		margin-top: 0.1rem;
		font-size: 0.2rem;
		font-weight: 400;
		color: #333333;
		display: none;
	}

	.header-nav-mobile1 {
	    width: 0.5rem;
	    height: 0.5rem;
	}

	.header-nav-mobile2 {
		width: 0.5rem;
		height: 0.5rem;
		display: none;
	}

	.navigation-wrap {
		width: 100vw;
		height: calc(100vh - 0.9rem);
		overflow-y: auto;
		position: fixed;
		top: 0.9rem;
		right: 0;
		z-index: 9998;
		/* transition: right .365s; */
		display: none;
		overflow: hidden;
	}

	.navigation-bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		background: rgba(0, 0, 0, 0.6);
		opacity: 0;
		transition: all .365s;
	}

	.navigation-box {
		width: 75vw;
		height: 100%;
		position: absolute;
		z-index: 2;
		right: -75vw;
		top: 0;
		background: #fff;
		box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0.16);
		transition: right .365s;
	}

	.navigation {
		height: calc(100% - 1rem);
		overflow: auto;
	}

	.navigation-list {}

	.navigation-item {
		padding: 0 0.25rem 0 0.44rem;
		height: 0.8rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #333333;
		border-bottom: 0.01rem solid #E5E5E5;
	}

	.navigation-item-active .navigation-item-p {
		background: #fff;
		font-weight: bold;
	}

	.navigation-item-p {
		font-size: 0.3rem;
		font-weight: 400;
	}

	.navigation-item-icon {
		width: 0.18rem;
		height: 0.32rem;
		transition: all .365s;
	}

	.navigation-level {
		display: none;
		background: #F7F7F7;
	}

	.navigation-level-item {
		height: 0.8rem;
		padding: 0 0.25rem 0 0.71rem;
		display: flex;
		align-items: center;
		font-size: 0.28rem;
		font-weight: 400;
		color: #333333;
		border-bottom: 0.01rem solid #E5E5E5;
	}

	.navigation-level-active {
		font-weight: bold;
	}

	.about-idea-item {
		overflow: hidden;
	}
}