body,span,a,div{

	font-size: 16px;

	font-family: Microsoft YaHei;

	color: #333333;

}

.mch-footer-1{

	background: #0F80C0;

}

.mch-footer-ul{

	width: 75rem;

	margin: 0 auto;

	justify-content: space-between;

}

.mch-footer-ul li{

	width: 13.6%;

}

.mch-footer-ul li a{

	display: flex;

	justify-content: center;

	align-items: center;

	line-height: 4.375rem;

}

.mch-footer-ul li span{

	color: #ffffff;

	margin-right: 0.3125rem;

}

.mch-foote2{

	background:#F4FCFF ;

}

.mch-foote2all{

	width: 75rem;

	margin: 0 auto;

	padding: 4.125rem 0;

	justify-content: center;

}

/*  .mch-foote2all ul{

	height: 3.5rem;

	align-items: stretch;

	align-content: space-between;

}*/

.mch-foote2all ul li{

	text-align: center;

}

.mch-footer-ul{

	position: relative!important;

}

.mchyc{

	width: 75rem;

	max-height: 14rem;

	position: absolute!important;

	background: #ffffff;

	bottom: 4.375rem;

	left: 0;

	border: 2px solid #eee;

	border-bottom: none;

	padding: 20px;

	display: none;

	overflow-y: scroll;

}

.mchyc li{

	width: 20%;

	float: left;

}

.mchyc li a{

	width: 100%;

	color: #666666;

	line-height: 1.8rem;

	display: inline-block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.mch-footer-1>ul>li:hover .mchyc{

	display: block;

}

.mch-footer-1>ul>li:hover>a>span{

	color: #ffffff;

}

.mch-footer-1>ul>li:hover{

	background: #0168b7;

}

.mchyc::-webkit-scrollbar {

	width: 0.3125rem;

}

/*定义滚动条轨道*/

			

.mchyc::-webkit-scrollbar-track {

	border-radius: 0.3125rem;

}

/*定义滑块*/

			

.mchyc::-webkit-scrollbar-thumb {

	border-radius: 5px;

	background: #dddddd;

}

@media screen and (max-width:768px) {

	.mch-footer-ul{

		width: 100%;

		flex-wrap: wrap;

	}

	.mch-footer-ul li {

		width: 33.3%;

	}

	.mch-foote2all{

		width: 100%;

	}

	.mch-foote2all{

		padding: 1rem;

	}

	.mchyc{

		width: 100%;

		bottom:9rem;

		max-height: 11rem;

	}

	.mch-footer-ul li a{

		line-height:3rem;				

	}

	.mch-foote2 span{

		letter-spacing:-0.5px;		

	}

	

}