@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden;}
*{ margin:0; padding:0;}
body {font: 12px/1.5  arial, \5b8b\4f53, sans-serif;font-family: "Microsoft YaHei";}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td {margin: 0;padding: 0;}
li{ list-style:none;}
.header{ background-image:url(../images/topbgx.jpg); height:68px;}
.header ul{ width:1033px; margin:0 auto; height:10px; padding:20px 0;}
.header li{ float:left;width:130px; height:34px;font-size:16px;  text-align:center; }
.header li a{color:#fff; line-height:34px;}
.this_on{ background:#f00;}
.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;width:1400px}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.box,.box img{
	width: 100%;
	height: auto;
}

.showbox{ margin:0 auto; width:100%;}
.showbox li{width:33.33%; float:left;}
.showbox li img{width:100%;}

.footer{ height:60px; margin-top:34px;}
.weblink{width:1300px; margin:15px auto;}
.footer dl{ float:left; width:160px;text-align:left; padding-left:50px;}
.footer dt{ margin-bottom:20px;}
.footer dl dd{ color:#b3b3b3;}
.balck-bar{ background:#000; height:40px;}

@media screen and (max-width:1440px){
		
		.footer dl{ float:left; width:150px;text-align:left; padding-left:60px;}
	}
@media screen and (max-width:1400px){
		
		.footer dl{ float:left; width:150px;text-align:left; padding-left:60px;}
	}
@media screen and (max-width:1366px){
		
		.footer dl{ float:left; width:150px;text-align:left; padding-left:60px;}
	}
@media screen and (max-width:1360px){
		
		.footer dl{ float:left; width:150px;text-align:left; padding-left:60px;}
	}
@media screen and (max-width:1360px){
		
		.footer dl{ float:left; width:150px;text-align:left; padding-left:60px;}
	}	
@media screen and (min-width:1280px) and (max-width:1359px){
		
		.footer dl{ float:left; width:150px;text-align:left; padding-left:60px;}
	}