@charset "utf-8";
.bottom{
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	background: #40454B;
}
	.bottom .index{
		width: 1200px;
		margin: 0 auto;		
	}
	/*ul*/
	.bottom .index ul{
		display: block;
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.bottom .index ul li{
		float: left;
		margin-right: 20px;
	}
		.bottom .index ul li a{
			color: #fff;
			font-size: 16px;
			line-height: 25px;
		}
	/*p*/
	.bottom .index p{
		color: #fff;
		font-size: 12px;
		line-height: 22px;
	}
	/*qrCode*/
	.bottom .index .qrCode{			
		float: right;		
		margin-top: 20px;
		margin-right: 0;
		padding-left: 54px;
		border-left: 1px solid #4D5156;
	}
		.bottom .index .qrCode ul{
			margin-bottom:0;
		}
		.bottom .index .qrCode ul li{
			float:right;
			margin:0 0 0 20px;
		}
		.bottom .index .qrCode ul li img{
			width:120px;			
		}
		.bottom .index .qrCode ul li p{
			text-align:center;
			color: #fff;
			font-size: 12px;
			line-height: 22px;
		}
@media only screen and (max-width: 640px) {
	.bottom .index{
		width: 92%;
		overflow:hidden;
		position:relative;
	}
	.bottom .index .qrCode{			
		padding-left: 14px;
		position:absolute;
		right:0; bottom: 0;
		border-left: 0;
	}
	.bottom .index .qrCode ul li img{
		width:60px;			
	}
}




.bottomBom{
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	background: #2e3134;
}
	.bottomBom .index{
		width: 1200px;
		margin: 0 auto;		
	}
	/*p*/
	.bottomBom .index p{
		text-align:center;
		color: #fff;
		font-size: 12px;
		line-height: 22px;
	}
@media only screen and (max-width: 640px) {
	.bottomBom .index{
		width: 92%;
	}
}