﻿﻿body{
	background: url(bg.jpg) top center no-repeat;
	overflow-x: hidden;
	background-color:#1d3a4c;
}
.hand{
	margin-top: 15px;
}
.top{
	/* width: 577px;
	height: 50px;
	background: url(top-bg.png) center no-repeat;
	margin: auto; */
	float: right;

}
.mo-logo{
	display: none;
}
.logo form {
	/* margin-top: 41px; */
	margin-top: 47px;
}
.top li{
	float: left;
	/* margin-top: 14px; */
	margin-top: 19px;
	padding: 0 10px;
	/* width:105px; */
	/* height: 20px; */
	height: 15px;
	/* line-height: 20px; */
	line-height: 15px;
	text-align: center;
	background: url(li.png) right no-repeat;
}
.top a{
	color: #fff;
	font-size: 14px;
}
.top a:hover{
	color: #ffea34;
}
#bn{
	background: none;
	padding-right: 0;
}
#ml{
	margin-left:30px;
}
.logo{
	/* margin-top: 20px; */
	margin-top: 30px;
}
.logo form{
	/* width: 434px; */
	height: 45px;
	background: url(search_gw.png);
	width: 350px;
}
.select{
	width:290px;
	height: 45px;
	color: #a3a3a3;
	line-height: 45px;
	text-indent: 2em;
	background: none;
}
input::-ms-clear, input::-ms-reveal{display: none;}
.sub{
	background: none;
	color: #fff;
	/* width: 50px; */
	width: 40px;
	height: 45px;
	line-height:45px;
	font-size: 16px;
	margin-right: 20px;
}
.rmss{
	margin-top: 20px;
	line-height: 30px;
	height: 30px;
	color: #fff;
	margin-left: 10px;
}
.rmss a{
	float: left;
	width: 92px;
	height: 30px;
	background: url(rmss.png) ;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-left: 21px;
}

.nav{
	/* margin-top: 30px; */
	margin-top: 40px;
}
.nav a{
	float: left;
	width: 150px;
	height: 60px;
	line-height: 60px;
	background: url(px.png);
	border-right: 1px solid #5e6368;
}
.nav a:hover{
	background: url(nav-bg.png);
}
.nav a img{
	float: left;
	margin: 22px 6px 0 10px;
}
.nav a span{
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
#n1 img{
	margin: 22px 6px 0 51px;
}
#more{
	width: 59px;
	height:60px;
	background: #588FFF;
}
.border-none{
	border-right: none!important;
}
#more img{
	margin: 21px 0 0 18px;
}


/*底部*/
.foot{
	width: 100%;
	height: 80px;
	background: url(px.png);
	margin-top: 42px;
}
.foot-l{
	float: left;
	width: 80%;
}
.foot-l span{
	color: #fff;
	margin-right: 20px;
}
.foot-l a{
	color: #fff;
	margin-right: 20px;
}
.hei-10{
	height: 10px;
}
.red{
	float: right;
}
.jiucuo{
	float: right;
}
.right{
	margin-bottom: 57px;
}
/*侧边导航栏*/
.right-nav{
	position: fixed;
	right: -78px;
	top: 0;
	width: 78px;
	height: 100%;
	background: url(px2.png);
	z-index: 999;
	transition:all .3s ease-in 0s; 
}
.right-nav:hover{
	right: 0px;
	animation: rightlogo .3s  linear  1;
}
.right-a{
	margin-top:179px;
}
.right-a a{
	float: left;
	width: 100%;
	height: 80px;
	text-align: center;
}
.right-a img{
	float: left;
	margin: 17px  0 5px 25px;
}
.right-a span{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #fff;
}
.right-a a:hover{
	background: #2671da;
}
.right-logo{
	position: absolute;
	top: 300px;
	right: 70px;
	width: 120px;
}

 .weix{
 	position: relative;
 }
 .vxx{
 	width: 200%;
 	position: absolute;
 	left: -180px;
 	top: -50px;
 	display: none;
 }
 .weix:hover .vxx{
 	display: block;
 }
@keyframes	rightlogo{
	from{
		right: -78px;
	}to{
		right: 0px;
	}
}



/*移动端*/


@media screen and (max-width: 450px) {
.w,.ww{
	width: 100%;
}
.top,.pc-logo{
	display: none;
}
.mo-logo{
	display: block;
	margin:0 auto;
	float: none !important;
}
.logo{
	margin-top: 30px;
}
.logo form{
	width:100%;
	background: url(mo-select.png) center no-repeat;
    margin-top: 20px;
}
.select{
	width: 55%;
	margin-left: 15%;
	text-indent: 0em;
}
.sub{
	margin-right: 13%;
}
.foot-l{
	width: 100%;
	padding: 2%;
}
.foot{
	height:220px;
	position: relative;
	margin-top: 0px;
}
.foot span{
	float: left;
}
.foot a{
	float: left;
}
.red{
	position: absolute;
	bottom: 0;
	right: 0;
}
.jiucuo{
	position: absolute;
	bottom: 0;
	right: 0;
}
.nav {
	margin-top: 15px;
}
.nav a{
	height: 40px;
	line-height: 40px;
	background:url(nav-bg.png);
	width: 25%;
	text-align: center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.xwzx,#more{
	display: none;
}
.nav a span{
	width: 100%	;
	font-size: 16px;
}
.nav a img{
	display: none;
}
#more{
	width: 50%;
}
#more img{
	display: block;
	margin-left:42%;
}
.right-nav{
	display: none;
}
.border-none{border-right: 1px solid #fff !important;}
.w{padding: 10px !important;}
}