@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,a,p,span { margin:0; padding:0}
ul { list-style:none}
a { text-decoration:none}
img { border:none}
html,body { overflow:hidden}
body { font-family:"微软雅黑", "宋体"; background:url(qzlw-bg.jpg) no-repeat center top}
.banner { width:1000px; height:206px; margin:0 auto; font-size:0; line-height:0; }
	.banner img { display:none}
.main { overflow-y:auto; position:absolute; bottom:0; left:50%; top:223px; width:940px; margin-left:-460px; }
.newsarea { width:420px; height:260px; }
	.newsarea.first { height:270px; margin-bottom:30px}
	.columnname { margin-bottom:.35em; font-size:1.8em; color:#01a6e6; line-height:1.1em; font-weight:bold}
		.columnname a { color:#01a6e6}
	ul.news { font-size:1em; line-height:2.1em; }
		ul.news li { word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
		ul.news li a { color:#000}
		ul.news li a:hover { text-decoration:underline}
.zuo { float:left}
.you { float:right}

.foot { clear:both; height:2em; text-align:center; line-height:1.2em; font-size:12px; color:#333}
  .foot a { color:#000; text-decoration:underline}

.SlideArea { position:relative; width:100%; height:100%; overflow:hidden;}
.SlideArea ul { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
.SlideArea ul li { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
.SlideArea .num { position:absolute; left:0; right:0; bottom:0; height:15px; text-align:center}
.SlideArea .num a { display:inline-block; width:10px; height:10px; margin:0 5px 5px; background:#CCC; border-radius:50%}
.SlideArea .num a:hover,.SlideArea .num a.current { background:#F00}

#SlideArea { float:left; width:480px; height: 270px; margin-bottom:30px}
.SlideArea ul li .img { display:block; width:100%; height:100%}
.SlideArea ul li .mask { position:absolute; left:0; right:0; bottom:0; height:40px; background:#000; opacity:.5; filter:alpha(opacity=50)}
.SlideArea ul li .word { position:absolute; left:0; right:0; bottom:0; height:40px; line-height:26px; font-size:15px; color:#fff; text-align:center; }

@media screen and (max-width:999px) {
	html,body { overflow:auto}
	body { background:none}
	.banner { width:100%; height:auto}
		.banner img { display:block; width:100%}
	.main { position:relative; left:auto; right:auto; top:auto; bottom:auto; width:98%; height:auto; margin:0 auto; padding:1em 0}
	#SlideArea { clear:both; width:100%; height:200px; margin-bottom:2em}
	.newsarea { width:96%; height:auto; margin-bottom:1.2em; padding:0 2% 1em; border-bottom:1px solid #eee}
		.newsarea.first { height:auto; margin-bottom:1.2em}
	.zuo { clear:both}
	.you { clear:both}
	.columnname { font-size:1.5em; font-weight:normal}
}