/*手机*/
@media screen and (max-width: 750px) {
	body{
		padding:0;
		margin:0;
		font-family: '微软雅黑';
		font-size:1em;
	}
	.header-top{
		width:100%;
		height:40px;
		background:#eaeaea;
		position:relative;
	}
	.header-center{
		display: none;
	}
	.header-top span.phone{
		position:absolute;
		display:block;
		margin-left:5px;
		margin-top:6px;
		width:100px;
		text-indent:-400px;
		height:30px;
		overflow:hidden;
		background: url(../img/logo.png) no-repeat;
		background-size:100px 28px;
		z-index: 5;
		
	}
	.header-top span.welcome{
		display:none;
		width:32px;
		text-indent:-300px;
		height:30px;
		overflow:hidden;
		background: url(../img/iconfont-liebiao.png) no-repeat;
		background-size:32px 32px;
		background-position: 5px 4px;
	}
	div#div1{
		display:none;
	}

	.header-nav {
		position: relative;
		width:100%;
		height:30px;
		line-height:30px;
		background:#0491e0;
		border-bottom:1px solid #cccccc;
	}

	.header-nav .nav-bar {
		position: relative;
		width: 100%;
		/*height:30px;
		background:#f7f7f7;
		border: 1px solid #ccc;*/
	}
	.nav-bar ul{
		display:block;
		width:100%;
		margin-top: -20px;
		margin:0;
		padding:0;
	}
	.nav-bar ul li {
		display:block;
		float:left;
		width:16.666%;
		overflow:hidden;
		margin:0;
		padding:0;
		list-style: none;
		/*border-bottom:1px solid #cccccc;*/
		height: 25px;
		font-size: 1em;
		text-align: center;
		line-height:25px;
		
	}
	.nav-bar ul li:nth-child(2){
		text-indent:-40px;
	}
	.nav-bar ul li a {
		display:block;
		height:30px;
		margin-left:5px;
		line-height:30px;
		overflow:hidden;
		width: 40px;
		color: #fff;
	}
	.header-nav .nav-bar a.on {
		color: #333;
	}
}
@media screen and (min-width: 750px){
	body{
		padding:0;
		margin:0;
		font-family: '微软雅黑';
		min-width:1200px;
	}
	.header .header-top{
		width: 100%;
		height: 30px;
		line-height: 30px;
		font-size:14px;
		background: #eaeaea;
		color: #909090;
	}
	.header-top span.phone{
		background: url(../img/dianhua.png) no-repeat;
		text-indent: 35px;
		background-position: 3px 4px;
	}
	.header-top .welcome{
		margin-left:10%;
	}
}

img{ border: none; }
a{ text-decoration:none; }

.header-top a.geren{ color: #148bd6; }


.header{
	position:relative;
	width: 100%;
}


.header-top span{
	display: block;
	float: left;
}

.header-top a{
	display:block;
	float: right;
	text-decoration: none;
	color: #909090;
	height: 14px;
	line-height: 14px;
	margin-top: 13px;
	    margin-right: 10px;
}
.header-top .login{
	margin-right: 10%;
	color:#148bd6;
	margin-left: 0px;
}
.header-top .zhuce{
	border-right:1px solid;
	padding-right: 10px;
}
@media screen and (max-width: 751px){
	.header-center{
		height:80px;
		width:90%;
		position:relative;
		margin: 0 auto;
		border:1px solid white;
	}
}
@media screen and (min-width: 751px){
	.header-center{
		height:80px;
		width:90%;
		position:relative;
		margin: 0 auto;
		border:1px solid white;
	}
}


@media screen and (min-width: 751px){
	.header-center .search-group{
		position:relative;
		/*overflow: hidden;*/
		width: 600px;
		height:40px;
		margin-left:0%;
		border: 2px solid #138bd7;
		float:left;
		margin-top:20px;
	}
	.header-center img{
		float:left;
		margin-top:17px;
		width:160px;
		margin-left:5%;
		border: none;
	}
	.search-group-left{
		float:left;
		width: 90px;
		height:42px;
		border-right:1px solid #138bd7;
		/*overflow: hidden;*/
		position: relative;
		background: url(../img/xia.png) no-repeat;
		background-position: 80% 14px;
	 }
	.search-group-left ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	.search-group-left ul li{
		height:45px;
		/*line-height:45px;*/
		background-image: url(../img/xia.png) no-repeat;
		padding: 10px 20px;
		/*padding-left:15px;*/
		margin:0;
	}
	.search-group-left ul li ul li{
		height:30px;
		line-height: 30px;
		width:70px;
		padding:0;
		margin:0;
		padding-left:20px;
		background: #efefef;
	}
	.search-group-left ul li ul li:hover{
		background: #CCCCCC;
	}
	.search-group-left ul li ul{
		position: absolute;
		border:1px solid #0473ba;
		display:none;
		margin-left:-21px;
		margin-top:10px;
		box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.054);
		z-index: 999;
	}
	.search-group-left ul li:hover ul{
		display: block;
	}
	
	.search-group input{
		height:34px;
		line-height:34px;
		width:480px;
		text-indent:10px;
		font-size:18px;
		border: 1px solid white;
		outline:none;
	}
	.sub{
		position:absolute;
		top:0;
		right:0;
		height:40px;
		width:65px;
		float: left;
		border: none;
		background: url(../img/sousuo.png) no-repeat #138bd7;
		background-position: 13px 2px;
	}
}
@media screen and (max-width: 751px){
	.header-center .search-group{
		position:relative;
		/*overflow: hidden;*/
		width: 60%;
		height:40px;
		margin-left:33%;
		border: 2px solid #138bd7;
		margin-top:20px;
	}
	.header-center img{
		float:left;
		margin-top:25px;
		width:120px;
		margin-left:4%;
		border: none;
	}
	.search-group-left ul li:hover ul{
		display: block;
	}
	.search-group-left ul li ul{
		position: absolute;
		border:1px solid #0473ba;
		display:none;
		margin-left:-21px;
		margin-top:10px;
		box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.054);
		z-index: 999;
	}
	.search-group-left{
		float:left;
		width: 90px;
		height:42px;
		border-right:1px solid #138bd7;
		/*overflow: hidden;*/
		position: relative;
		background: url(../img/xia.png) no-repeat;
		background-position: 80% 14px;
	 }
	.search-group-left ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	.search-group-left ul li{
		height:45px;
		/*line-height:45px;*/
		background-image: url(../img/xia.png) no-repeat;
		padding: 10px 20px;
		/*padding-left:15px;*/
		margin:0;
	}
	.search-group-left ul li ul li{
		height:30px;
		line-height: 30px;
		width:70px;
		padding:0;
		margin:0;
		padding-left:20px;
		background: #efefef;
	}
	.search-group-left ul li ul li:hover{
		background: #CCCCCC;
	}
}


/*手机底部*/
@media screen and (max-width: 751px) {
	.footer{
		clear:both;
		width:100%;
		/*position: fixed;*/
		height:200px;
		padding-top:20px;
		font-size:14px;
		text-align: center;
		background: #148bd6;
		color: white;
	}
	.footer .footer_top{
		width: 90%;
		margin-left:5%;
	}
	.footer_er{
		position:relative;
		width: 310px;
		height:100px;
		margin:0 auto;
		
	}
	.footer_er img{
		width: 60px;
		height: 60px;
	}
	.footer_a{
		margin-top:10px;
		float: left;
		text-align: center;
		width: 100px;
	}
	.footer_e{
		display: block;
		padding:0;
		line-height:15px;
		width: 100px;
		margin-top:-4px;
	}
	.footer_e a{
		/*position:absolute;*/
		color: white;
		font-size: 10px;
		/*bottom: 0px;*/
		
	}
}
@media screen and (min-width: 751px){
	.footer{
		clear:both;
		width:100%;
		height:280px;
		margin-top:50px;
		padding-top:50px;
		min-width: 1200px;
		font-size:14px;
		text-align: center;
		background: #148bd6;
		color: white;
	}
	.footer p a{
		color: white;
	}
	.footer_er{
		width: 600px;
		height:190px;
		margin:0 auto;
	
	}
	.footer_a{
		margin-top:40px;
		float: left;
		text-align: center;
		width: 200px;
	}
}
/*手机登录*/
@media screen and (max-width:750px){
#fullbg { 
background-color:#bfbfbf; 
left:0; 
opacity:0.8; 
position:absolute; 
top:0; 
z-index:30; 
filter:alpha(opacity=20); 
-moz-opacity:0.8; 
-khtml-opacity:0.8; 
} 
#dialog { 
background-color:#fff; 
/*border:5px solid rgba(0,0,0, 0.4); */
height:400px;
width:80%; 
margin:-230px 0 0 -40%;
 
position:fixed !important;  /* 娴姩瀵硅瘽妗� */ 
position:absolute; 
top:50%;
left: 50%;
z-index:50; 
display:none; 
} 

.login-box{
	width:80%;
	height:400px;
	margin: 100px auto;
	/*border: 1px solid;*/
	background: white;
	
}
.login-head{
	width:100%;
	height:46px;
	line-height:46px;
	background: #0093dd;
}
.login-head span{
	font-size:18px;
	color: white;
	margin-left:20px;
}
.login-head a.close{
	float:right;
	margin-top:5px;
	margin-right:10px;
	width:40px;
	height:40px;
	display:block;
	background: url(../img/deleat.png) no-repeat;
}
.login-content{
	position:relative;
	width:90%;
	height:295px;
	border: 1px solid #EAEAEA;
	margin-top:10px;
	margin-left:5%;
}
.name{
	/*height: 50px;
	line-height: 50px;*/
}
.login-content .name:nth-child(4) input{
	width: 80px;
	display:block;
	float:left;
}
.login-content .name:nth-child(4) img{
	float:left;
}
.name span.username{
	display:block;
	float:left;
	margin-left:5%;
	width:100%;
	text-align:left;
	height:30px;
	line-height:30px;
	margin-top:15px;

}
.name input{
	float: left;
	width:90%;
	height:28px;
	margin-top:0px;
	margin-left:5%;
}
.user-info{
	font-size:14px;
	color: red;
	position: absolute;
	top:78px;
	left: 5%;
}
.password-info{
	font-size:14px;
	color: red;
	position: absolute;
	top:155px;
	left: 5%;
}
.login-button{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	width:50px;
	height:30px;
	line-height:30px;
	text-align:center;
	background: #0093dd;
	color: white;
	font-size:16px;
	position:absolute;
	top:245px;
	left:15%;
}
.zc{
	width:80px;
	height:30px;
	line-height:30px;
	text-align:center;
	background: #0093dd;
	color: white;
	font-size:16px;
	position:absolute;
	top:245px;
	left:55%;
}
.qqlogin{
	display:none;
	background:url(../img/QQ_03.png) no-repeat;
	background-size: 40px 30px;
	background-position:0 3px;
	height:30px;
	line-height:30px;
	color: #0093dd;
	font-size:14px;
	position:absolute;
	bottom: 5px;
	right:10%;
	text-indent:30px;
}


.foget-password{
	font-size:14px;
	float:right;
	margin-right:35px;
}
}


@media screen and (min-width:750px){
#fullbg { 
background-color:#bfbfbf; 
left:0; 
opacity:0.8; 
position:absolute; 
top:0; 
z-index:30; 
filter:alpha(opacity=20); 
-moz-opacity:0.8; 
-khtml-opacity:0.8; 
} 
#dialog { 
background-color:#fff; 
/*border:5px solid rgba(0,0,0, 0.4); */
height:420px;
width:480px; 
margin:-210px 0 0 -240px;
 
position:fixed !important;/* 娴姩瀵硅瘽妗� */ 
position:absolute; 
top:50%;
left: 50%;
z-index:50; 

display:none; 
} 

.login-box{
	width:480px;
	height:420px;
	margin: 200px auto;
	/*border: 1px solid;*/
	background: white;
	
}
.login-head{
	width:100%;
	height:46px;
	line-height:46px;
	background: #0093dd;
}
.login-head span{
	font-size:18px;
	color: white;
	margin-left:20px;
}
.login-head a.close{
	float:right;
	margin-top:5px;
	margin-right:10px;
	width:40px;
	height:40px;
	display:block;
	background: url(../img/deleat.png) no-repeat;
}
.login-content{
	position:relative;
	width:400px;
	height:275px;
	border: 1px solid #EAEAEA;
	margin-top:30px;
	margin-left: 40px;
}
#authCode{
	margin-top:34px;
}
.name{
	/*height: 50px;
	line-height: 50px;*/
}
.name span.username{
	display:block;
	float:left;
	width:90px;
	text-align:center;
	height:30px;
	line-height:30px;
	margin-top:34px;

}
.name input{
	float: left;
	width:230px;
	height:28px;
	margin-top:34px;
}
.user-info{
	font-size:14px;
	color: red;
	position: absolute;
	top:70px;
	left: 90px;
}
.password-info{
	font-size:14px;
	color: red;
	position: absolute;
	top:140px;
	left: 90px;
}
.login-button{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	width:80px;
	height:30px;
	line-height:30px;
	text-align:center;
	background: #0093dd;
	color: white;
	font-size:16px;
	position:absolute;
	top:180px;
	left:90px;
}
.zc{
	width:110px;
	height:30px;
	line-height:30px;
	text-align:center;
	background: #0093dd;
	color: white;
	font-size:16px;
	position:absolute;
	top:180px;
	left:200px;
}
.qqlogin{
	display:block;
	width:155px;
	background:url(../img/QQ.jpg) no-repeat;
	background-size: 20px 20px;
	background-position:90px 3px;
	height:30px;
	line-height:30px;
	color: #0093dd;
	font-size:14px;
	position:absolute;
	bottom: 10px;
	left:130px;
}
.foget-password{
	font-size:14px;
	float:right;
	margin-right:35px;
}
}