@CHARSET "UTF-8";

body{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("../img/indexbg.jpg") no-repeat;
  background-size: 100%;
}

.bottom {
	position: absolute;
	bottom: 50px;
	width: 100%;	
	margin: 0 auto;
	padding: 0;
}

.bottom ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;	
	box-orient: horizontal;
	-webkit-box-lines: single;
	-webkit-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.bottom ul li {
	margin: 0 auto;
	text-align: left;
	color: white;
}

.bottom ul li a {
	color: white;
	text-decoration: none;
	cursor: pointer;
}



@media screen and (min-width: 300px) and (max-width: 599px) {
	.bottom ul {
		width: 100%;
		font: 7pt "宋体", arial, "微软雅黑", sans-serif;
	}
}

@media screen and (min-width: 600px) {
	.bottom ul {
		width: 90%;
		font: 8pt "宋体", arial, "微软雅黑", sans-serif;
	}
}

@media screen and (min-width: 900px) {
	.bottom ul {
		width: 80%;
		font: 10pt "宋体", arial, "微软雅黑", sans-serif;
	}
}

@media screen and (min-width: 1200px) {
	.bottom ul {
		width: 70%;
		font: 11pt "宋体", arial, "微软雅黑", sans-serif;
	}
}

@media screen and (min-width: 1600px) {
	.bottom ul {
		width: 60%;
		font: 12pt "宋体", arial, "微软雅黑", sans-serif;
	}
}