@charset "gb2312";
/* CSS Document */
body{ width:100%; font-size:12px; margin:0px auto; padding:0px; background:url(../images/bg.jpg) center;}
a{ color:#333333; text-decoration:none;}
a:hover{color:#FF0000; text-decoration:underline;}
ul{ margin:0px; padding:0px; list-style:none}
font{ font-size:12px; margin:0px; padding:0px;}
img{ border:none; vertical-align:top}
ul{margin:0px; padding:0px;}
ul,li{list-style:none;}

.datu{ width:100%; height:420px; overflow:hidden; margin-top:10px; text-align:center;}

#bady{ width:1060px; padding:0 10px 0 10px; overflow:hidden; margin:0 auto; background:#FFF;}
#bady lu{ width:1060px;}
#bady li{ width:1060px; height:260px; margin-top:28px; border-bottom:1px #ccc dashed; float:left;}
#bady .tp{ display:inline-block; width:296px; border:1px #ccc solid; padding:1px; height:226px; float:left;}
#bady .tp img{ width:296px; height:226px;}
#bady .nr{ width:740px; height:220px; overflow:hidden; margin:0px 0 0 20px; float:left;}
#bady .nr .bt{ display:inline-block; width:740px; height:40px; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
#bady .nr .bt a{ font-size:28px; color:#fc6000; font-weight:bold;}
#bady .nr .jj{ display:inline-block; width:740px; height:180px; line-height:180%; text-indent:1em; overflow:hidden; font-weight:normal; font-family:"ËÎÌå"; font-size:16px; color:#595858; float:left;}
#bady .nr .jj a{ color:#F00;}

#dibu{ width:100%; background:url(../images/foot.jpg) repeat-x; background-color:#FFF;}
.foot{ width:1100px; text-align:center; height:80px; line-height:28px; padding-top:15px; font-size:14px; color:#808080; margin:0 auto; margin-top:10px;}
.foot a{ color:#808080;}
.foot a:hover{color:#FF0000; text-decoration:underline;}

@media (max-width:1100px){
	.datu{ width:100%; height:auto;}
	.datu img{ width:100%; height:auto;}
	
	#bady{ width:980px;}
	
	.biaoti{ width:980px;}
	.biaoti span{ width:980px;}
	
	.jieshao{ width:980px;}
	
	.tuijian{ width:980px;}
	.tuijian ul{ width:996px;}
	.tuijian li{ width:219px; margin:15px 16px 0 0;}
	
	.foot{ width:980px;}
	}

@media (max-width:1023px){
	#bady{ width:750px;}
	
	.biaoti{ width:750px;}
	.biaoti span{ width:750px;}
	
	.jieshao{ width:750px;}
	
	.tuijian{ width:750px;}
	.tuijian ul{ width:778px;}
	.tuijian li{ width:224px; height:203px; margin:18px 18px 0 0;}
	
	.foot{ width:750px;}
	}

@media (max-width:767px){
	#bady{ width:94%;}

	#bady lu{ width:100%;}
	#bady li{ width:100%; height:auto; padding-bottom:20px;}
	#bady .tp{ width:100%; border:none; padding:0px; height:auto;}
	#bady .tp img{ width:100%;  height:auto;}
	#bady .nr{ width:100%; height:auto; overflow:hidden; margin:10px 0 0 0; float:left;}
	#bady .nr .bt{ display:inline-block; width:100%; height:40px; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
	#bady .nr .bt a{ font-size:20px; color:#fc6000; font-weight:bold;}
	#bady .nr .jj{ display:inline-block; width:100%; height:auto; line-height:180%; text-indent:1em; overflow:hidden; font-weight:normal; font-family:"ËÎÌå"; font-size:14px; color:#595858; float:left;}
	#bady .nr .jj a{ color:#F00;}
	
	.biaoti{ width:100%; height:43px;}
	.biaoti span{ width:100%;}
	.biaoti .da{ color:#FF6600; font-family:Î¢ÈíÑÅºÚ; font-size:22px; font-weight:bold; line-height:1.8; }
	
	.jieshao{ width:100%;}

	.neir{ width:94%;}

	.foot{ width:100%;}
	}