
@media(min-width:767px){
	body{ padding:0px; margin:0px; color:#666; font-size:12px;font-family: Microsoft YaHei, Arial, Verdana; overflow-x:hidden; background-color:#FEF4EA;background-image: url(/images/web/bg.jpg); background-position:center; background-position:top; background-repeat: no-repeat; } 
	
	input[type='text'],
	input[type='button']{ padding:0px; margin:0px; }
	ul ,img , p ,font{ padding:0px; margin:0px; border:0px;}
	li{ list-style-type:none;padding:0px; margin:0px; border:0px;}
	a {text-decoration: none;color: #333; cursor:pointer;}
	a:hover {text-decoration: none;color: #D90909;}
	
	.center{width: 1240px; margin:0 auto;}
	.left{ float:left}
	.right{ float:right;}
	
	.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	.clear{display:inline-table}
	*html .clear{height:1%}
	.clear{display:block}
	*+html .clear{min-height:1%}
	
	#clearRight{ margin-right:0px;}
	#clearBottom{ margin-bottom:0px;}

	.header .panel{ height:35px;  font-size:14px; overflow:hidden;color:#fff;}
	.header .panel .bg{ height:35px; background:#000;
	-moz-opacity: 0.3;
	opacity: .30;
	filter: alpha(opacity=30);}
	.header .panel .box{height:35px;line-height:35px; position:relative; top:-35px;}
	.header .panel .box label{ padding-left:10px; padding-right:10px; color:#ED553E;}
	.header .panel .box a{ color:#fff;}

	.header .top_page{ text-align:center; padding:20px 0px;}

	.header .top{overflow:hidden;}
	.header .top .pic{ padding-top:30px; padding-left:320px; float:left;}
	.header .top .pic a{ display:block;}
	.header .top .pic .logo img{  width:600px; }
	.header .top .pic .adv img{  width:600px; padding-top:10px;}
	
	.header .top .code{ float:right;padding-top:80px}
	.header .top .code img{ height:130px; width:130px;}
	
	.header .nav{ background:#D90909; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;}
	.header .nav li{ float:left;}
	.header .nav li#chk a{color:yellow;}
	.header .nav li em{ display:none;}
	.header .nav li a{ float:left; display:block; width:77.5px; text-align:center; color:#fff; height:55px; line-height:55px; font-size:14px;}
	.header .nav li a:hover{ background:#B60707;}

	.body{ background:#fff;}
	.body .main{ width:1210px; margin:0 auto; background:#fff; }

	.footer{ padding:20px 0px; background:#D90909;}
	.footer a{color:#fff;}
	.footer .box{ padding:30px 50px; color:#fff; line-height:30px;}
	.footer .box .left{ margin-right:200px;}
	.footer .box .left img{ width:130px; height:130px;}

}

@media (max-width:767px){
	body{ padding:0px; margin:0px; color:#666; font-size:14px;font-family: Microsoft YaHei, Arial, Verdana;  background-position:center; background-position:top; background-repeat: no-repeat; } 
	
	input[type='text'],
	input[type='button']{ padding:0px; margin:0px; }
	ul ,img , p ,font{ padding:0px; margin:0px; border:0px;}
	li{ list-style-type:none;padding:0px; margin:0px; border:0px;}
	a {text-decoration: none;color: #1A1B2D; cursor:pointer; font-size:16px;}

	.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	.clear{display:inline-table}
	*html .clear{height:1%}
	.clear{display:block;}
	*+html .clear{min-height:1%}

	.header .panel{ display:none;}
	.header .top { background:#BC0000;}
	
	.header .adv{ display:none;}
	
	.header .logo{ text-align:center; display:block; padding:15px 0px;}
	.header .logo img{ width:70%;}
	
	.header .code{ display:none;}
	
	.header .nav ul{ padding:25px 0px 20px 0px;}
	.header .nav li{ width:25%; float:left; text-align:center; line-height:30px; white-space:nowrap; font-size:12px; margin-bottom:5px;}
	.header .nav li em{ display:block; font-size:25px; height:25px; text-align:center;}
	.header .nav li a{ font-size:12px;}
	
	.page .panel{background:#FEF4EA;}
	.page .panel .box {padding:10px 20px 20px 20px;}
	.footer{ padding:10px; background:#BC0000; display:block; color:#fff; line-height:20px; margin-top:20px; }
	.footer a{color:#fff;} 
	.footer .box .left img{ width:100px; height:100px; }

}