@charset "utf-8";
/* CSS Document */
body{
	width: 100%;
	background-color: #f3f3f3;
	overflow-x: hidden;
}

/*PC端*/
@media screen and (min-width: 800px){ 
	
	/* 顶部 */
	.BDYG_TOP{
		width: 100%;
		background-color: #e13531;
		
	}
	.top_main{
		width: 1024px;
		height: 120px;
		margin: 0 auto;
		overflow: hidden;
		background-image: url(../images/topbg.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.top_log{
		float: left;
		width: 278px;
		height: 50px;
		margin-top: 35px;
		
	}
	.top_QRcode{
		float: right;
		width: 88px;
		height: 88px;
		margin-top: 16px;	
	}
	.top_msg{
		float: right;
		height: 30px;
		overflow: hidden;
		margin: 45px 20px 0 0;
	}
	.top_msg_img{
		float: left;
		width: 20px;
		height: 20px;
		margin: 5px 10px 0 0;
	}
	.top_msg_phpne{
		float: left;
		text-align: left;
		font-size: 20px;
		line-height: 30px;
		color: #ffffff;
	}
	
	
	
	/* 主导航 */
	.BDYG_NAV{
		width: 100%;
	}
	.nav_main{
		width: 1024px;
		height: 50px;
		margin: 0 auto;
		background-color: #ffffff;
		box-shadow: 0px 5px 15px #888888;
		border-radius: 0 0 20px 20px;
		-webkit-box-shadow: 0px 5px 15px #888888;
		-webkit-border-radius: 0 0 20px 20px;
		-moz-box-shadow: 0px 5px 15px #888888;
		-moz-border-radius: 0 0 20px 20px;
		-o-box-shadow: 0px 5px 15px #888888;
		-o-border-radius: 0 0 20px 20px;
		overflow: hidden;
	}
	
	.nav_main_link{
		width: 160px;
		height: 50px;
		float: left;
		font-size: 22px;
		color: #333333;
		line-height: 50px;
		text-align: center;
		
	}
	.nav_main_link:hover{
		color: #e13531;
		font-weight: bold;
		cursor: pointer;
	}
	.nav_main_line{
		width: 2px;
		height: 10px;
		background-color: #e13531;
		float: left;
		margin-top: 20px;
	}
	
	/* 底部 */
	.BDYG_BOTTOM{
		width: 100%;
		height: 140px;
		background-color: #b2b2b2;
	}
	.bottom_main{
		width: 1024px;
		height: 140px;
		margin: 0 auto;
		padding-top: 4px;
	}
	.bottom_main_msg{
		font-size: 22px;
		color: #ffffff;
		margin-top: 16px;
		
	}
	.bottom_main_copy{
		border-top: solid 1px #ffffff;
		font-size: 14px;
		color: #ffffff;
		line-height: 2;
		margin-top: 14px;
	}

}

/*移动端*/
@media screen and (max-width: 800px){ 
		
	/* 顶部 */
	.BDYG_TOP{
		width: 100%;
		background-color: #e13531;
		
	}
	.top_main{
		width: 7rem;
		height: 1rem;
		margin: 0 auto;
		overflow: hidden;
		background-image: url(../images/topbg.png);
		background-repeat: no-repeat;
		background-size: cover;
		
	}
	.top_log{
		float: left;
		width: 2.78rem;
		margin-top: 0.24rem;
		
	}
	.top_QRcode{
		float: right;
		width: 0.8rem;
		height: 0.8rem;
		margin-top: 0.1rem;	
	}
	.top_msg{
		display: none;
	}

	/* 主导航 */
	.BDYG_NAV{
		width: 100%;
	}
	.nav_main{
		width: 7rem;
		height: 0.6rem;
		margin: 0 auto;
		background-color: #ffffff;
		box-shadow: 0px 0.04rem 0.1rem #888888;
		border-radius: 0 0 0.2rem 0.2rem;
		-webkit-box-shadow: 0px 0.04rem 0.1rem #888888;
		-webkit-border-radius: 0 0 0.2rem 0.2rem;
		-moz-box-shadow: 0px 0.04rem 0.1rem #888888;
		-moz-border-radius: 0 0 0.2rem 0.2rem;
		-o-box-shadow: 0px 0.04rem 0.1rem #888888;
		-o-border-radius: 0 0 0.2rem 0.2rem;
		overflow: hidden;
	}
	
	.nav_main_link{
		width: 1.7rem;
		height: 0.6rem;
		float: left;
		font-size: 0.3rem;
		color: #333333;
		line-height: 0.6rem;
		text-align: center;
		
	}
	.nav_main_link:hover{
		color: #e13531;
		font-weight: bold;
		cursor: pointer;
	}
	.nav_main_line{
		width: 0.05rem;
		height: 0.2rem;
		background-color: #e13531;
		float: left;
		margin-top: 0.2rem;
	}
	/* 底部 */		
	.BDYG_BOTTOM{
		width: 100%;
		background-color: #b2b2b2;
		padding: 0.1rem 0 0.14rem 0;
	}
	.bottom_main{
		width: 7rem;
		margin: 0 auto;
	}
	.bottom_main_msg{
		font-size: 0.3rem;
		color: #ffffff;
		line-height: 2.3;
		
	}
	.bottom_main_copy{
		border-top: solid 1px #ffffff;
		font-size: 0.2rem;
		color: #ffffff;
		line-height: 2;
		margin-top: 0.04rem;
	}			
			
}