.hd-nav>ul>li {
	font-size: .16rem;
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}

.hd-nav>ul>li>a {
	padding: 0 .24rem;
	/*position: relative;*/
	display: block;
	/*line-height: 1rem;*/
	transition: 0.3s;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
	z-index: 9;
}
.hd-nav>ul> .active a{
    font-weight: bold;
}
.header.active .hd-nav>ul> .active>a{
    font-weight: bold;
    color: #244FB7;
}
.hd-nav>ul>li:hover>a:after {
	content: '';
	display: block;
	width: 0.13rem;
	height: 0.13rem;
	background: url(../img/common/navli_after.png);
	background-size: 100% 100%;
	position: absolute;
	bottom: 0.13rem;
	left: 50%;
	transform: translate(-50%,0);
}
.hd-nav>ul>li:first-child{
	position: relative;
}
.hd-nav>ul>li:first-child::after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: -1rem;
	left: 0;
	background: #244FB7;
	opacity: 0;
	transition: all 0.3s;
}
.hd-nav>ul>li:first-child::before{
	content: '';
    display: block;
    width: 0.13rem;
    height: 0.13rem;
    background: url(../img/common/navli_after.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0.13rem;
    left: 50%;
    transform: translate(-50%, 0);
	opacity: 0;
	z-index: 1;
}
.hd-nav>ul>li:first-child:hover::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0rem;
	left: 0;
	background: #244FB7;
	opacity: 1;
}
.hd-nav>ul>li:first-child:hover:before{
	opacity: 1;
}

.hd-nav>ul>li:first-child:hover>a::after{
	display: none;
}

.hd-nav>ul>li.topser:hover>a:after {
	display: none
}

.other .subnav,
.hd-nav .subnav {
	opacity: 0;
	visibility: hidden;
	transform: translateY(.37rem) translateX(-50%);
	transform: translateX(-50%);
	transition: .3s;
	position: absolute;
	/* top: calc(100% + 0.02rem); */
	top: -100%;
	left: 50%;
	background: #244FB7;
	padding-bottom: 0.2rem;
	border-radius: 0rem 0rem 0.05rem 0.05rem;
	z-index: -1;
	transition: all 0.8s;
	padding-top: 1rem;
}
.hd-nav>ul>li:nth-child(2) .subnav li a{
    width: 1.24rem;
}
.hd-nav .subnav li a {
	display: block;
	min-width: 1.24rem;
	text-align: center;
	font-size: 0.15rem;
	/* padding: 0.145rem 0.54rem; */
	/* white-space: nowrap; */
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: 0.16rem;
    padding: 0.1rem 0.1rem;
}
.hd-nav li.item1 .subnav li a {
	color: #FFFFFF;
}
.hd-nav li.item1 .subnav li a:hover {
	background: #FF9E00;
}

.other .item1:hover .subnav,
.hd-nav>ul>li:hover .subnav {
	opacity: 1;
	visibility: inherit;
	top: -0.38rem;
	top: 0;
	z-index: -1;
}

.hd-nav>ul>li:hover>a{
	font-size: 0.18rem;
	color: #FFFFFF;
	font-weight: bold;
}
.hd-nav>ul>.item1:hover>a{
    color: #FFFFFF !important;
}

.hd-nav .other{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 0.2rem;
	position: relative;
	margin-left: 0.34rem;
}
.hd-nav .other a.p img{
	width: 0.46rem;
	height: 0.46rem;
	margin-right: 0.04rem;
}
.hd-nav .other a.p{
	width: 1.93rem;
	height: 0.54rem;
	background: #FFFFFF;
	border-radius: 0.27rem 0.27rem 0.27rem 0.27rem;
	font-family: MiSans, MiSans;
	font-weight: 400;
	font-size: 0.16rem;
	color: #244FB7;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	padding-left: 0.16rem;
}
.hd-nav .other .item1,
.hd-nav .other .search_box{
	width: 0.54rem;
	height: 0.54rem;
	border: 0.01rem solid rgba(255,255,255,0.28);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.8s;
	
	
	/*border: 0.01rem solid #244FB7;*/
}
.hd-nav .other .search_box{
	margin-left: 0.21rem;
	margin-right: 0.09rem;
}


.hd-nav .other .item1>img,
.hd-nav .other .search_box>img{
	width: 0.3rem;
	height: 0.3rem;
}
.hd-nav{
	display: flex;
	align-items: center;
	height: 100%;
}
.hd-nav .flex_box{
    height: 100%;
}
.logo{
	width: 1.69rem;
	height: 0.54rem;
	flex-shrink: 0;
}
.menu_main {
	position: relative;
	height: 1rem;
	z-index: 1;
	 /*box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.06); */
}
.menu_main > div {
	height: 100%;
}

.navlist{
	display: flex;
	justify-content: center;
}
.nav_a a{
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: 0.16rem;
	color: #FFFFFF;
	line-height: 0.6rem;
	position: relative;
	z-index: 2;
}
.nav_a{
	position: relative;
	padding: 0 0.59rem;
}
.nav_a a::after{
	content: '';
	width: 100%;
	height: 0.59rem;
	background: #D0111A;
	display: block;
	position: absolute;
	top: -0.18rem;
	left: -0.4rem;
	padding: 0 0.4rem;
	z-index: -1;
	opacity: 0;
}


.other div.item1 .subnav{
	width: 1.25rem;
	min-height: 1.49rem;
	background: #FFFFFF;
	border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;	
	padding: 0.1rem 0;
	position: absolute;
	top: 0.6rem !important;
}
.other div.item1 .subnav li img{
	width: 0.28rem;
	height: 0.2rem;
	margin-right: 0.08rem;
}
.other div.item1 .subnav li a{
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: 0.16rem;
	color: #000000;
	display: flex;
	padding-top: 0.1rem;
	padding-bottom: 0.13rem;
	padding-left: 0.08rem;
	padding-right: 0.08rem;
}
.other div.item1{
	position: relative;
}
.other div.item1 .subnav::after{
	content: '';
	width: 0rem;
	height: 0rem;
	display: block;
	border-right: 0.12rem solid transparent;
	border-left: 0.12rem solid transparent;
	border-bottom: 0.13rem solid #FFFFFF;
	position: absolute;
	top: -0.06rem;
	left: 50%;
	transform: translate(-50%,0);
	transition: all 0.8s;
}
.other div.item1:hover::after{
	opacity: 1;
}


.header {
	position: fixed;
	width: 100%;
	z-index: 99;
}
.header.active,
.header.sty2{
    background: #fff;
}
.header.active .menu_main,
.header.sty2 .menu_main{
    box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.06); 
}
.header.active .img1,
.header.sty2 .img1,
.header.sty3 .img1{
    display: none;
}
.header.active .img2,
.header.sty2 .img2,
.header.sty3 .img2{
    display: block;
}
.header .img2{
	display: none;
}

.header.active .hd-nav>ul>li>a,
.header.sty2 .hd-nav>ul>li>a,
.header.sty3 .hd-nav>ul>li>a{
    color: #000;
}

.header.active .hd-nav .other a.p,
.header.sty2 .hd-nav .other a.p,
.header.sty3 .hd-nav .other a.p{
	background: #244FB7;
    color: #fff;
}
.header.active .hd-nav .other .item1,
.header.active .hd-nav .other .search_box,
.header.sty2 .hd-nav .other .item1,
.header.sty2 .hd-nav .other .search_box,
.header.sty3 .hd-nav .other .item1,
.header.sty3 .hd-nav .other .search_box{
    border: 0.01rem solid #244FB7;
}



/* .header:hover .img2{
	display: block !important;
}
.header:hover .img1{
	display: none !important;
}
.header:hover{
	background: #FFFFFF !important;
}

.header:hover .item1>a{
	color: #000000;
}
.item1:hover>a{
	color: #FFFFFF !important;
	padding-left: 0.29rem	;
}

.header:hover .other a.p{
	background: #244FB7;
	color: #FFFFFF !important;
}

.header:hover .other a.search_box,
.header:hover .other .item1{
	border: 0.01rem solid #244FB7;
} */
.header .other a.search_box:hover,
.header .other .item1:hover{
	/*background: #FFFFFF;*/
	background: #244FB7;
	
} 
.header .other a.search_box:hover .img2,
.header .other .item1:hover .img2{
	display: none !important;
} 
.header .other a.search_box:hover .img1,
.header .other .item1:hover .img1{
	display: block !important;
} 

.header:hover{
	background: #fff;
}
.header:hover .logo .img2{
	display: block;
}

.header:hover .logo .img1{
	display: none;
}

.header:hover .hd-nav>ul>li>a{
	color: #000;
}

.header:hover .hd-nav>ul>li>a:hover{
	color: #fff !important;
}
.header:hover .hd-nav .other a.p{
	background: #244FB7;
	color: #fff;
}
.header:hover .hd-nav .other a.p .img2{
	display: block;
}
.header:hover .hd-nav .other a.p .img1{
	display: none;
}

.header:hover .hd-nav .other .item1,
.header:hover .hd-nav .other .search_box{
	border-color: #244FB7;
}
.header:hover .hd-nav .other .item1 .img1,
.header:hover .hd-nav .other .search_box .img1{
	display: none;
}
.header:hover .hd-nav .other .item1 .img2,
.header:hover .hd-nav .other .search_box .img2{
	display: block;
}




.contact{
	position: fixed;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	z-index: 9;
}

.contact .contactlist{
	margin: 0.01rem 0;
	cursor: pointer;
	justify-content: flex-end;
}
.contact .contactlist .contactlist_i{
	width: 0.5rem;
	height: 0.5rem;
	padding: 0.125rem;
	background: #FF9E00;
	transition: all 1s;
}
.contact .contactlist .contactlist_i img{
	width: 0.25rem;
	height: 0.25rem;
}
.contact .contactlist .contactlist_txt{
	height: 0.5rem;
	background: #FF9E00;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: 0.16rem;
	color: #FFFFFF;
	transition: all 0.8s;
	line-height: 0.5rem;
	overflow: hidden;
	width: 0;
	transition: all 1s;
}
.contact .contactlist:hover .contactlist_txt{
	padding-right: 0.17rem;
	width: 100%;
}
.contact .contactlist.code{
	position: relative;
}
.contact .contactlist.code .contactlist_code{
	width: 0;
	height: 0;
	position: absolute;
	top: 0rem;
	right: 0.52rem;
	padding: 0;
	transition: all 1s;
}
.contact .contactlist.code:hover .contactlist_code{
	width: 1.92rem;
	height: 1.92rem;
}
.contact .contactlist.side_top{
	margin-top: 0.05rem;
	opacity: 0;
}
.contact .contactlist.side_top.show{
    opacity: 1;
}
.contact .contactlist.side_top:hover .contactlist_i{
	background: #244FB7;
}






.header_m{
	display: none;
}
@media (max-width: 1042px) {
	.contact{
		display: none;
	}


	.contact{
		display: none;
	}
	.header{
		display: none;
	}
	.header_m{
		display: block;
		width: 100%;
		padding: 0.2rem;
		box-sizing: border-box;
		position: absolute;
		z-index: 99;
	}
	.header_top{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.head_logo{
		width: auto;
		height: 0.6rem;
	}
	.head_logo img{
		width: auto;
		height: 100%;
		filter: brightness(0) invert(1); 
	}
	.header_m.sty3 .head_logo img{
	    filter: brightness(1) invert(0);
	}
	.head_fr{
		display: flex;
		align-items: center;
	}
	.head_flex_box{
		background: #244FB7;
		color: #fff;
		border-radius: 0.27rem;
		font-family: MiSans, MiSans;
		font-weight: 400;
		font-size: 0.22rem;
		display: flex;
		justify-content: center;
		align-items: center;
		white-space: nowrap;
		padding: 0 0.2rem 0 0.1rem;
		margin-right: 0.2rem;
	}
	.head_flex_box img{
		width: 0.5rem;
		height: 0.5rem;
	}
	.head_search{
		width: 0.44rem;
		height: 0.44rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 0.01rem solid #fff;
		border-radius: 0.25rem;
	}
	.head_search input{
		display: none;
	}
	.head_search .search_but{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.head_search .search_but img{
		width: auto;
		height: 0.32rem;
		filter: brightness(0) invert(1);
	}
	
	.header_m.sty3 .search_but img{
	    filter: brightness(1) invert(0);
	}
	.header_m.sty3 .head_search{
	    border: 0.01rem solid #244FB7;
	}
	
	.head_menu{
		margin-left: 0.2rem;
		width: 0.44rem;
		height: 0.44rem;
		cursor: pointer;
	}

    .head_menu img{
        filter: brightness(0) invert(1);
    }
    .header_m.sty3 .head_menu img{
        filter: brightness(1) invert(0);
    }
	.header_nav{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
		display: none;
	}
	.header_nav.act{
		display: block;
	}
	.header_cont{
		width: 82%;
		height: 100%;
		background: #fff;
		position: absolute;
		right: 0;
		top: 0;
		padding: 1rem 0.4rem 0;
		box-sizing: border-box;
	}
	.header_cont .head_close{
		width: 0.36rem;
        height: 0.36rem;
        position: absolute;
        right: 0.3rem;
        top: 0.3rem;
	}

	.head_nav_item1{
		border-bottom: 0.01rem solid #eee;
	}
	.head_nav_item1 .head_nav_class{
		font-size: 0.26rem;
		line-height: 3;
		position: relative;
		width: 100%;
		display: block;
	}
	.head_nav_item1:first-child .head_nav_class::before{
	    display: none;
	}
	.head_nav_item1 .head_nav_class::before{
	    content: "";
	    position: absolute;
	    width: 0.2rem;
	    height: 0.2rem;
	    background: url(../img/products_icon1.png) center no-repeat;
	    background-size: contain;
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.head_nav_item1.active .head_nav_class{
		font-weight: bold;
		color: #1D50A2;
	}
	.head_nav_item1.active .head_nav_class::before{
	    background: url(../img/products_icon2.png) center no-repeat;
	    background-size: contain;
	}
	
	.head_nav_item1.act .head_nav_class::before{
	    transform: rotate(180deg) translateY(50%);
	}
	
	.head_nav_item1 .head_nav_subnav{
		display: none;
	}
	.head_nav_item1.act .head_nav_subnav{
		display: block;
		padding-bottom: 0.3rem;
	}
	.head_nav_item1 .head_nav_subnav a{
		font-size: 0.26rem;
		line-height: 2.6;
		color: #333;
		position: relative;
		padding-left: 0.2rem;
	}
	.head_nav_item1 .head_nav_subnav a::before{
		content: "";
		position: absolute;
		width: 0.1rem;
		height: 0.1rem;
		background: #0055A8;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	

    .head_language{
        width: 0.44rem;
        height: 0.44rem;
        margin-left: 0.2rem;
        position: relative;
    }
    .head_language .language_img img{
        filter: brightness(0) invert(1);
    }
    .head_language .language_subnav{
        position: absolute;
        background: #fff;
        width: max-content;
        padding: 0.16rem 0.16rem 0;
        right: 50%;
        top: 0.6rem;
        transform: translateX(50%);
        display: none;
    }
    .head_language.act .language_subnav{
        display: block;
    }
    .head_language .language_subnav ul li a{
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-size: 0.22rem;
        margin-bottom: 0.2rem;
    }
    .head_language .language_subnav ul li a img{
        width: auto;
        height: 0.4rem;
        margin-right: 0.2rem;
    }
    .header_m.sty3 .head_language .language_img img{
        filter: brightness(1) invert(0);
    }
}