@font-face{
	font-family:'Roboto';
	font-style:normal;
	font-weight:400;
	src:local("Roboto Regular"),
	local("Roboto-Regular"),
	url(../fonts/roboto.woff) format("woff")
}
body, button, div, form, input, li, table, td, tr, ul {
  margin: 0;
  padding: 0;
  outline: 0;
  border: none;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  font-family: Microsoft YaHei;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  background-attachment:fixed;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
}


ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mob {
  display: none;
}

.logos {
  margin: 0 auto;
  margin-top: 300px;
  width: 100%;
  height: 100px;
  font-size: 30px;
  font-weight: bold;
  line-height: 26px;
  color: #ffffff;
  text-align: center;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  text-shadow:0px 1px 2px rgb(0 0 0 / 50%);
}


@media screen and (max-width:850px){
.logos {
  margin: 0 auto;
  margin-top: 160px;
  width: 100%;
  height: 100px;
  font-size: 30px;
  font-weight: bold;
  line-height: 26px;
  color: #ffffff;
  text-align: center;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
}
@media screen and (max-width:840px){
.top{display:none; }
}

.bginfo{
	float:left;
	width:320Px;
	margin:25px 24px 24px 24px;
	text-overflow:ellipsis;
	color:white;
	font-family:Roboto;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	word-wrap:break-word;
}

.bginfo-up{
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin:0 8px 8px 8px;
	text-shadow:0px 1px 2px rgb(0 0 0 / 50%);
	animation:fadeInup 2s;
}
@keyframes fadeInup {
  0% {transform: translateY(-60%);opacity:0;}
  50% {transform: translateY(60%);opacity:0;}
  100% {transform: translateY(0%);opacity:1;}
}

.bginfo-fgx{
	margin:4px 0 4px 0;
	border-top:1px solid;
	border-bottom:1px solid;
	border-bottom-color:rgba(0,0,0,0.3);
	border-top-color:white;
	animation:line 1s;
}
@keyframes line {
  0% {width: 0%;}
  100% {width: 100%;}
}

.bginfo-down{
	font-size:15px;
	line-height:21px;
	margin:8px 8px 0 8px;
	text-shadow:0px 1px 2px rgb(0 0 0 / 50%);
	animation:fadeInDown 2s;
}
@keyframes fadeInDown {
  0% {transform: translateY(60%);opacity:0;}
  50% {transform: translateY(-60%);opacity:0;}
  100% {transform: translateY(0%);opacity:1;}
}

.tq {
  padding: 10px 10px 0 10px;
  float:right;
  color: #ccc;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  animation:tq 2s;
}
@keyframes tq {
  0% {transform: translateY(-60%);opacity:0;}
  50% {transform: translateY(60%);opacity:0;}
  100% {transform: translateY(0%);opacity:1;}
}

.jumbotron {
  margin-top: -45px;
}

.jumbotron .input-group-addon {
  border: 1px solid #3f3f3f;
  border-radius: 2px 0 0 2px;
  background-color: #3f3f3f;
  color: #fff;
}

#search-box {
	border-radius: 25px;
	background-color:white;
}

#baidu {
	border-radius: 0 25px 25px 0;
	background-color:#00ffff00;
	line-height:29px;
	color:#00000080;
	margin:0;
	border:0;
	padding:3px 15px 5px 15px;
}

#baidu .searchicon {
	height:35px;
	line-height:35px;
}

#search {
  border: 0;
  border-left: 0;
  border-radius: 25px 0 0 25px;
  line-height:43px;
  background-color: #ffffff00;
  color: #222;
  box-shadow:none;
}

.container{
	Padding:0;
}

.container .btn {
  outline: 0;
  border-radius: 2px;
  transition: .25s;
}
.container .btn a{
  text-decoration:none;
}

.container .btn:active {
  outline: 0;
}

.container .btn-success {
  border: 1px solid #616161;
  background-color: #616161;
  font-size: 18px;
  border-radius:15px;
}

.container .btn-success img{
  height: 24px;
  margin-right: 5px;
}

.container .btn-default {
  border: 1px solid #888;
  background-color: #888;
  color: #fff;
}

.container .btn-warning {
  border: 1px solid #616161;
  background-color: #616161;
}

.container .btn-danger {
  border: 1px solid #888;
  background-color: #888;
}

.container .btn-info {
  border: 1px solid #616161;
  background-color: #616161;
}

.container .btn:hover {
  border: 1px solid #ccc;
  background-color: #ddd;
  color: #111;
}

footer {
	height:60px;
}

.copyright {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  color: #999;
  text-align: center;
  font-size: 13px;
  font-family: Microsoft YaHei;
}

}