.header {
	background-color: #292f36;
	height:45px;
	line-height: 45px;
    width:100%;
	margin:0 auto; 
	text-align:center; 
}

.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0
}


.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-4em)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-4em)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-4em)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-4em)
	}

	100% {
		transform: translateY(0)
	}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-4em)
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}

	100% {
		-moz-transform: translateY(-4em)
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}

	100% {
		-o-transform: translateY(-4em)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-4em)
	}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}

/*-椤堕儴-*/
.top_head{width:100%; height:45px; line-height:45px; font-size:14px; margin:0 auto; text-align:center; background:#333; position:fixed; left:0; top:0; z-index:99999; overflow: hidden; color: #fff;}
  .top_main{display: flex; flex-flow: row nowrap; justify-content: space-around;}
	  .top_right a{color: #fff;}
	  .top_right a:hover{ text-decoration:underline; color: #fff;}

/*-搴曢儴-*/
.bottom {
    width: 100%;
    height: 150px;
    margin: 0px auto;
    text-align: center;
    background: #333333;
    padding-bottom: 20px;
}

.bottom_bt {
    width: 966px;
    height: auto;
    text-align: center;
    margin: 0px auto;
}

.bottom_seem {
    width: 1049px;
    height: auto;
    float: left;
    margin-top: 10px;
    display: inline;
}

.bottom_nav {
    line-height: 25px;
    padding: 5px;
    color: #fff;
    height: 25px;
}

.bottom_nav a {
    margin: 0px 4px;
    color: #fff;
}

.bottom_nav a:hover {
    text-decoration: underline;
    color: #fff;
}

.bottom_nav a:active,.bottom_nav a:focus {
    color: #fff;
}

.bottom_logo {
    float: left;
    width: 330px;
    height: auto;
    margin-top: 10px;
    display: inline;
}

.bottom_xi {
    float: left;
    width: 462px;
    height: auto;
    margin-left: 10px;
    display: inline;
}

.bottom_xi p {
    color: #fff;
    line-height: 35px;
    height: 35px;
    text-align: left;
}

.bottom_xi p a:hover {
    text-decoration: underline;
    color: #fff;
}

.bottom_xi p a:active,.bottom_xi p a:focus {
    color: #fff;
}

.bottom_tm {
    width: 210px;
    height: auto;
    float: right;
    text-align: right;
    display: inline;
}

.bottom_tm span {
    width: 80px;
    height: auto;
    float: right;
    margin-right: 20px;
}

.bottom_tm span p {
    color: #fff;
    text-align: center;
    line-height: 25px;
}