@charset "gb2312";

/* CSS Document */



.footer	.top{

	overflow:hidden;

	background-color:#0063b5;

	}

.footer	.top .left{display:flex;

    justify-content:center;

    align-items:center;

	float:left;

	overflow:hidden;

	margin:40px 0;

	width:calc(100% - 100px);

	}

.footer	.top .left .txt{

	width:38%;

	margin-right:5%;

	float:left;

	}

.footer	.top .left .txt h1{

	font-size:18px;

	margin-bottom:20px;

	color:#fff;

	}

.footer	.top .left .txt p{

	font-size:14px;

	line-height:28px;

	color:#fff;

	}

.footer	.top .left .foot_nav{

	width:240px;

	float:left;

	}

.footer	.top .left .foot_nav li{

	width:120px;

	float:left;

	}

.footer	.top .left .foot_nav li a{

	font-size:15px;

	color:#fff;

	line-height:38px;

	}

.footer	.top .left .foot_nav li a:hover{

	color:#333;

	transition:all 0.3s linear;

	}

.footer	.top .left .icon{

	width:calc(47% - 240px);

	float:left;

	margin-left:10%;

	}

.footer	.top .left .icon a{

	float:left;

	width:35px;

	height:35px;

	margin:0 10px;

	}

.footer	.top .left>p{

	clear:left;

	font-size:14px;

	color:#fff;

	}

.footer	.top .right{

	width:100px;

	float:right;

	margin-top:45px;

	}	

	

.footer	.bot{

	height:40px;

	background-color:#000;

	}

.footer	.bot p{

	margin:0 auto;

	max-width:90%;

	text-align:center;

	font-size:14px;

	line-height:40px;

	color:#fff;

	opacity:0.6;

	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;

	}

.footer	.bot p a{

	font-size:15px;

	line-height:40px;

	color:#fff;

	}

.footer	.bot p a:hover{

	opacity:1;

	transition: all 0.4s linear;

	}





@media (max-width:992px){

.footer	.top .left{

	display:block;

	}

.footer	.top .left .icon{

	display:none;

	}

}

@media (max-width:767px){

.footer	.top .left{

	width:100%;

	float:none;

	}

.footer	.top .left .txt{

	width:100%;

	margin-right:0;

	}

.footer	.top .left .foot_nav{

	display:none;

	}

.footer	.top .right{

	display:none;

	}

}