.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	/* 	background-color: #FFFFFF; */
	z-index: 999;
	/*  border-bottom: 1px dashed #DBDBDB; */
}

.h_bg {
	background-color: #FFFFFF;
	color: #000000;
	z-index: 999;
}

.black {
	position: fixed;
	top: 0;
	width: 100%;
	height: .8rem;
	line-height: .8rem;

	z-index: 999;

}

.head {
	height: .3rem;
	width: 92%;
	margin: 0 auto;

	margin-top: .3rem;
	display: flex;
	color: #FFFFFF;
	justify-content: space-between;
}

.head .left {
	width: 33%;
	height: auto;
	display: flex;
}

.head .left img {
	width: .14rem;
	height: .12rem;
	margin-top: .08rem;
	margin-right: .15rem;
	float: left;
}

.head .left ul {
	width: 100%;
	margin-bottom: .3rem;
}

.head .left ul li {
	list-style: none;
	display: block;
}

.head .left ul>li>a:hover {
	color: #21525E;
	font-weight: 600;
	border-bottom: 2px solid #21525E;
}

.head .left ul li a {
	color: #FFFFFF;
	padding-bottom: .15rem;
}

.head .left ul li {
	width: .56rem;

	margin-right: .33rem;
	font-size: .14rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: .27rem;
	float: left;
	white-space: nowrap;
}

.head .logo {
	margin-top: -.34rem;
	width: 33%;
	text-align: center;
}

.head .logo img {
	width: 1.01rem;
	height: .33rem;
}

.head .right {
	margin-top: -.18rem;
	width: 33%;
	height: auto;
	display: flex;
	justify-content: flex-end;

}

.head .right .i {
	margin-top: -.06rem;
	margin-right: .25rem;
}

.head .right .i input {
	width: 1.66rem;

	padding-left: .3rem;
	color: #FFFFFF;
	height: .26rem;
	border: 1px solid #FFFFFF;
	border-radius: 13px;
	background: none;
	background-image: url(../images/assets/images/search.png);
	background-size: .15rem .14rem;
	/*引入图片图片*/
	background-repeat: no-repeat;
	/*设置图片不重复*/
	background-position: .08rem .05rem;
	/*图片显示的位置*/
}

.head .right .r {}

.head .right .r>ul {
	width: 100%;
	margin-top: -.08rem;
	display: flex;
}


.head .right .r ul>li>span>a {
	color: #FFFFFF;
}

.head .right .r ul>li:nth-child(1) {
	margin-right: .32rem;
}

.head .right .r ul>li {
	text-align: center;
	font-size: .14rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
}

.head .right .r ul>li:hover ul {
	height: .8rem;

}

.head .right .r ul>li>ul {
	margin-top: -.3rem;
	background-color: #FFFFFF;
	height: 0px;
	overflow: hidden;
	color: #000000;
	transition: all .3s ease-in-out;
}

.head .right .r ul>li>ul>li {
	width: 100%;
	height: .4rem;
	line-height: .4rem;
}

.head .right .r ul>li>ul>li>a {
	display: block;
	height: .4rem;
	line-height: .4rem;
	color: #000000;
}

.head .right .r ul>li>ul>li>a:hover {
	background-color: #21525e;
	;
	color: #FFFFFF;

}

.head .right .r ul>li>a {
	color: #FFFFFF;
}

.head .right .r ul li img {
	width: .15rem;
	margin-right: .07rem;
}

.head .left ul>li:nth-child(1):hover ul {
	height: 3rem;
}

.head .left ul>li:nth-child(2):hover ul {
	height: 3rem;
}

.head .left ul>li:nth-child(3):hover ul {
	height: 3px;
}

.head .left ul>li:nth-child(4):hover ul {
	height: 3rem;
}


.head .left ul>li>ul {
	display: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #FFFFFF;
	z-index: 999;
	height: 0px;
	overflow: hidden;

	transition: all .5s ease-in-out;
}

.head .left ul>li>ul>div {
	width: 15.5rem;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
}

.head .left ul>li>ul>div>li {
	display: block;
	width: 3rem;
	text-align: center;
	margin-top: .44rem;
	margin-right: .1rem;
}

.head .left ul>li>ul>div>li>a>img {
	width: 3rem;
	height: 1.75rem;
	
	border-radius: .1rem;
	float: none;
}

.head .left ul>li>ul>div>li:last-child {
	margin-right: 0px;
}

.head .left ul>li>ul>div>li>a>span {
	font-size: .16rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #111111;
	display: block;
	margin-top: .2rem;
	margin-bottom: .44rem;
}

.black {
	position: fixed;
	top: 0;
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	background-color: #FFFFFF;
	z-index: 9999;

}

.h_bg {
	background-color: #FFFFFF;
}

.black .black_h .left ul>li:nth-child(1):hover ul {
	height: 3rem;
}

.black .black_h .left ul>li:nth-child(2):hover ul {
	height: 3rem;
}

.black .black_h .left ul>li:nth-child(3):hover ul {
	height: 3rem;
}

.black .black_h .left ul>li:nth-child(4):hover ul {
	height: 3rem;
}


.black .black_h .left ul>li>ul {
	display: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #FFFFFF;
	z-index: 999;
	height: 0px;
	overflow: hidden;

	transition: all .5s ease-in-out;
}

.black .black_h .left ul>li>ul>div {
	width: 15.5rem;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
}

.black .black_h .left ul>li>ul>div>li {
	display: block;
	width: 3rem;
	text-align: center;
	margin-top: .44rem;
	margin-right: .1rem;
}

.black .black_h .left ul>li>ul>div>li>a>img {
	width: 3rem;
	height: 1.75rem;
	
	border-radius: 10px;
	float: none;
}

.black .black_h .left ul>li>ul>div>li:last-child {
	margin-right: 0px;
}

.black .black_h .left ul>li>ul>div>li>a>span {
	font-size: .16rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #111111;
	display: block;
	margin-top: .2rem;
	margin-bottom: .44rem;
}

.black .black_h .left ul li a {
	color: #000000;

}

.black .black_h {


	width: 92%;
	margin: 0 auto;
	height: .3rem;
	margin-top: .3rem;
	display: flex;
	justify-content: space-between;
}

.black .black_h .left {
	width: 33%;
	height: auto;
	display: flex;
}

.black .black_h .left img {
	width: .14rem;
	height:.12rem;
	margin-top: .08rem;
	margin-right: .15rem;
	float: left;
}

.black .black_h .left ul {
	width: 100%;
	margin-bottom: .3rem;
}

.black .black_h .left ul li {
	list-style: none;
	display: block;
}

.black_h .left ul>li>a {
	padding-bottom: .15rem;
}

.black_h .left ul>li>a:hover {
	color: #21525E;
	font-weight: 600;
	border-bottom: 2px solid #21525E;
}


.black_h .left ul li {
	width: .56rem;

	margin-right: .33rem;
	font-size: .14rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #111111;
	line-height:.27rem;
	float: left;
	white-space: nowrap;
}

.black_h .logo {
	margin-top: -.34rem;
	width: 33%;
	text-align: center;
}

.black_h .logo img {

	width: 1.01rem;
	height: .33rem;
}

.black_h .right {
	margin-top: -.18rem;
	width: 33%;
	height: auto;
	display: flex;
	justify-content: flex-end;

}

.black_h .right .i {
	margin-top: -.06rem;
	margin-right: .25rem;
}

.black_h .right .i input {
	width: 1.66rem;
	height: .24rem;
	padding-left: .3rem;

	height: .26rem;
	border: 1px solid #000000	;
	border-radius: 13px;
	background: none;
	background-image: url(../images/assets/images/search_black.png);
	background-size: .15rem .14rem;
	/*引入图片图片*/
	background-repeat: no-repeat;
	/*设置图片不重复*/
	background-position: .08rem .05rem;
	/*图片显示的位置*/
}

.black_h .right .r>ul {
	width: 100%;
	margin-top: -.08rem;
	display: flex;
}


.black_h .right .r ul>li>span>a {
	color: #000000;
}

.black_h .right .r ul>li:nth-child(1) {
	margin-right: .32rem;
}

.black_h .right .r ul>li {
	text-align: center;
	font-size: .14rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
}

.black_h .right .r ul>li:hover ul {
	height: .8rem;

}

.black_h .right .r ul>li>ul {
	margin-top: -.3rem;
	background-color: #FFFFFF;
	height: 0px;
	overflow: hidden;
	color: #000000;
	transition: all .5s ease-in-out;
}

.black_h .right .r ul>li>ul>li {
	width: 100%;
	height:.4rem;
	line-height: .4rem;
}

.black_h .right .r ul>li>ul>li>a {
	display: block;
	height: .4rem;
	line-height:.4rem;
	color: #000000;
}

.black_h .right .r ul>li>ul>li>a:hover {
	background-color: #21525e;
	;
	color: #FFFFFF;
}

.black_h .right .r ul>li>a {
	color: #FFFFFF;
}

.black_h .right .r ul li img {
	width: .15rem;
	margin-right: .07rem;
}

.black_h .left ul .black_h_content {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #ffffff;
	z-index: 999;

}

.black_h .left ul .black_h_content ul {
	display: flex;
	flex-wrap: wrap;
	width: 14rem;
	margin: 0 auto;
}

.black_h .left ul .black_h_content ul li {
	display: block;
	width: 2.7rem;
	text-align: center;
	margin-top: .44rem;
	margin-right: .1rem;
}

.black_h .left ul .black_h_content ul li a img {
	width: 2.7rem;
	height: 1.75rem;
}

.black_h .left ul .black_h_content ul li:last-child {
	margin-right: 0px;
}

.black_h .left ul .black_h_content ul li a span {
	font-size: .16rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #111111;
	display: block;
	margin-top: .2rem;
	margin-bottom: .44rem;
}

.black_h .left ul .black_h_content2 {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #ffffff;
	z-index: 999;

}

.black_h .left ul .black_h_content2 ul {
	display: flex;
	flex-wrap: wrap;
	width:14rem;
	margin: 0 auto;
}

.black_h .left ul .black_h_content2 ul li {
	display: block;
	width: 2.7rem;
	text-align: center;
	margin-top: .44rem;
	margin-right: .1rem;
}

.black_h .left ul .black_h_content2 ul li a img {
	width: 2.7rem;
	height: 1.75rem;
}

.black_h .left ul .black_h_content2 ul li:last-child {
	margin-right: 0px;
}

.black_h .left ul .black_h_content2 ul li a span {
	font-size: .16rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #111111;
	display: block;
	margin-top: .2rem;
	margin-bottom: .44rem;
}

.black_h .left ul .black_h_content3 {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #ffffff;
	z-index: 999;

}

.black_h .left ul .black_h_content3 ul {
	display: flex;
	flex-wrap: wrap;
	width: 14rem;
	margin: 0 auto;
}

.black_h .left ul .black_h_content3 ul li {
	display: block;
	width: 2.7rem;
	text-align: center;
	margin-top: .44rem;
	margin-right: .1rem;
}

.black_h .left ul .black_h_content3 ul li a img {
	width: 2.7rem;
	height:1.75rem;
}

.black_h .left ul .black_h_content3 ul li:last-child {
	margin-right: 0px;
}

.black_h .left ul .black_h_content3 ul li a span {
	font-size: .16rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #111111;
	display: block;
	margin-top: .2rem;
	margin-bottom: .44rem;
}

.black_h .left ul .black_h_content4 {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #ffffff;
	z-index: 999;

}

.black_h .left ul .black_h_content4 ul {
	display: flex;
	flex-wrap: wrap;
	width: 14rem;
	margin: 0 auto;
}

.black_h .left ul .black_h_content4 ul li {
	display: block;
	width: 2.7rem;
	text-align: center;
	margin-top: .44rem;
	margin-right: .1rem;
}

.black_h .left ul .black_h_content4 ul li a img {
	width: 2.7rem;
	height: 1.75rem;
}

.black_h .left ul .black_h_content4 ul li:last-child {
	margin-right: 0px;
}

.black_h .left ul .black_h_content4 ul li a span {
	font-size: .16rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #111111;
	display: block;
	margin-top: .2rem;
	margin-bottom: .44rem;
}