/*头部*/
.Header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	border-bottom: 1px solid #edf3f3;
	transition: 0.4s;
	background: #fff;
	height: 80px;
}

.Header .box .left {
	float: left;
	width: 500px;
}

.Header .box .left a{
	display: block;
	margin: 15px 0;
}

.Header .box .left a img {
	height:50px;
}

.Header .box .right{
	float: left;
	width: 880px;
}

.Header .box .right .pcnav .item {
	position: relative;
	cursor: pointer;
	float: left;
	width: 16.6%;
	text-align: center;
}

.Header .box .right .pcnav .item p a {
	position: relative;
	font-size:18px;
	line-height:80px;
	color: #333333;
	transition: all 0.4s;
	text-transform: uppercase;

}

.Header .box .right .pcnav .item a:hover {
	color: #00a1e9;


}

.Header .box .right .pcnav .item p a::after {
	position: absolute;
	content: '';
	width: 0px;
	height: 3px;
	background: #00a1e9;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.95rem;
	transition: all 0.4s;
}


.Header .box .right .pcnav .item:hover a::after {
	width: 50%;
}

.Header .box .right .pcnav .item .subnav {
	position: absolute;
	width: 100%;
	z-index: 199;
	margin-top: 1px;
}

.Header .box .right .pcnav .item .subnav {
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}

.Header .box .right .pcnav .item:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.Header .box .right .pcnav .item .subnav a {
	display: block;
	text-align: center;
	color: #666;
	background: #fff;
	font-size: 14px;
	padding: 10px 0;
}

.Header .box .right .pcnav .item .subnav a:hover {
	color: #FFF;
	background: #00a1e9;
}

/*底部信息*/
footer{overflow: hidden; background:#282828;}

.foot-menu{float: left;overflow: hidden; width: 680px;margin:30px 0; }
.foot-menu ul{display: flex;}
.foot-menu ul li{float: left; width:180px;border-right: 1px solid #434343; padding-left: 40px;}
.foot-menu ul li dt{display: block; font-size: 16px; color: #FFF;margin-bottom: 10px;}
.foot-menu ul li a{display: block; color: #FFF;line-height: 26px; font-size: 13px;}
.foot-menu ul li a:hover{color: #00a1e9;}

.foot-contact{float: left;overflow: hidden; width: 340px; margin:30px 0;}
.foot-contact h2{display: block; overflow: hidden; color: #FFF; margin-bottom: 20px;}
.foot-contact h2 i{float: left; display: block; background: #FFF; font-size: 22px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: #222; text-align: center;}
.foot-contact h2 span{float: left;font-size: 18px; padding:8px 10px; }
.foot-contact p{color: #FFF; line-height: 32px; font-size: 13px;}

.foot-wx{float: left; width: 150px;margin:30px 0 30px 30px; }
.foot-wx span{display: block; padding: 8px 0; color: #FFF;text-align: center; font-size: 13px;}
.foot-wx img{width: 100%;}

.copy{overflow: hidden;padding: 20px 0; background: #181818;  text-align: center;color: #FFF;}
.copy a{color: #FFF;}
.copy a:hover{color: #00a1e9;}