@charset "utf-8";

#wrapper {
	width: 100%;
	text-align: left;
}
.left {
	float: left;
}
.right {
	float: right;
}
.w_1200 {
	width: 1200px;
	margin: 0 auto;
}
.header_wrap{
	background: url("../images/header_bj.png") no-repeat bottom right;
	background-size: auto 80px;
}
.header {
	/* padding: 15px 0 0; */
	padding: 10px 30px;
    height: 70px;
	/* margin-bottom: 25px; */
	width: 1200px;
	margin: 0 auto;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	overflow: hidden;
	
}

#logo {
	float: left;
}
#logo img{
    width: 100%;
    height: auto;
}
#top-nav {
	font-size: 16px;
	overflow: hidden;
	float: right;
	margin-top: 30px;
	display: inline-block;
}
#top-nav a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #333;
	border-right: 1px solid #727272;
}

#top-nav a:last-child {
	border-right: none;
	padding-right: 0;
}

.menu_wrap{
	overflow: hidden;
	/* margin-top: 20px; */
	/* background: #002d81; */
	background: rgba(30, 48, 144,.22);
}
.menu_nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.menu_nav li{
	float: left;
}

.nav_a{
	/* font-size: 18px; */
	font-size: 22px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	color: #fff;
	display: block;
	padding: 0 30px;
	white-space: nowrap;
	text-align: center;
}
.nav_a.curpage,.nav_a:hover{
	background-color: #568ef8;
}

.innban{
	width: 100%;
}
.innban img{
	width: 100%;
	height: auto;
}
#footer{
	padding:70px 0;
	background: #f5f5f5;
	line-height: 25px;
}
.foot{
	text-align: center;
}
.foot a{
	color: #333;
}
.footer_links {
	font-size: 16px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d3d7;
}

.footer_links a {
	padding: 0 13px 0 7px;
	border-right: 1px #ccc solid;
	display: inline-block;
	height: 15px;
	line-height: 15px;
}

.footer_links a:hover {
	text-decoration: underline;
}

.footer_links a:last-child {
	border: none;
}
.copyright p{
	margin-bottom: 10px;
}
.foot_right{
	overflow: hidden;
	text-align: center;
	display: inline-block;
	margin: 20px 0;
	
}
.code{
	float: left;
}
.code:first-child{
	margin-right: 75px;
}
.position{
	margin: 30px auto 25px!important;
}
.position,.position a{
	color: #5b5b5b;
}


@media screen and (max-width: 750px) {
	body{
		max-width:750px;
		font-size: 16px;
	}
	.header,.w_1200{
		width: 96%;
		margin: 0 auto;
	}
	.header{
		padding: 10px 0px;
	}
	#logo{
		width: 160px;
	}
	.menu_nav{
		overflow-x: scroll;
	}

	.code:first-child {
		margin-right: 20px;
	}
	.position{
		margin: 10px 0;
	}
}