.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:auto; margin:0 auto; text-align:center; background:#333333; line-height:25px; }
   .bottom_seem{display: flex; flex-flow: row nowrap; justify-content: space-around; overflow: hidden; }
     .bottom_nav{padding:5px; color:#fff; height:25px;}
	   .bottom_nav a{margin:0 4px; color: #fff;}
	   .bottom_nav a:hover{text-decoration:underline; color: #fff;}
	   .bottom_nav a:active,.bottom_nav a:focus{color: #fff;}
	 .bottom_logo{ margin-top:10px;}
	   .bottom_xi p{color:#fff; line-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 span p{color:#fff; }