﻿/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{
	font: 14px/150% "微软雅黑";
	background-color: #fff;
	background-image: url(spzb-logo4.png);
	background-position: center 35px;
	background-repeat: no-repeat;
}
li{ list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}
img{ border:none; vertical-align:bottom; display:inline-block;}
h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mr10{ margin-right:10px;}
.fb{ font-weight:bold;}
.no_margin{ margin-bottom:0;}


/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu{ overflow:hidden; zoom:1; }

/*------------------------头部 start--------------------------*/
.header{
	width: 1000px;
	margin: 0 auto;
	height: 900px;
}

.pos{
	height: 1000px;
	overflow: auto;
	overflow-y: scroll;
}

/*导航*/
.menuWrap{background:#3AC7B6; height:75px; line-height:75px;}
.menuWrap2{background: #0E76D3; height:15px;}
.menu{ width:1000px; margin:0 auto;}
.menu a{ color:#fff; display:block; float:left; width:20%; text-align:center; font-size:20px;}
.menu a:hover{ background:#00baa4;}

/*------------------------内容 start--------------------------*/
.content{width:1000px; margin:0 auto; padding-top:30px;}

/*通用栏目-----*/
.hd{ height:40px; line-height:40px;border-bottom:3px solid #A7A3E0; margin-bottom:15px;}
.colTit{ float:left; font-size:22px; display: inline-block; font-weight:normal;}
.colTit2{ float:left; font-size:24px; display: inline-block; font-weight:normal; color: #4B9F00}
.hdMore{ float:right;font-weight:normal; color:#666; font-size:14px;}

/*通用标题+摘要-----*/
.topTxtNews{padding-bottom:12px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.topTxtNews h3{ text-align:center;}
.topTxtNews h3 a{font-weight:normal;font-size:18px; height:28px;line-height:28px; overflow:hidden; display:block;}
.text{ text-indent:28px; color:#666;}
.more{ color:#F00;}

/*通用新闻列表---可加日期-----*/
.newsList{ }
.newsList li{padding-left:15px; background:url(dot.gif) no-repeat 0 13px; height:30px; line-height:30px; overflow: hidden;vertical-align:middle;font-size:16px;}
.newsList li a{ float:left; color:#333; font-size:16px;}
.newsList li span{ float:right; color:#999;}

/*通用图片+标题+摘要-----*/
.imgTxtNews{ width:485px; float:left; display:inline; padding:0 15px 25px 0;}
.imgTxtNews .img{ float:left;}
.imgTxtNews .img img{ width:200px; height:150px;}
.imgTxtNews .txtNews{ float:right; width:265px; }
.imgTxtNews .tit{ display:block; font-size:16px;}
.imgTxtNews .txt{ color:#999; font-size:12px;}

.imgtxtnews2{ width:960px; float:left; display:inline; padding:10px 15px 25px 10px;}
.imgtxtnews2 .img{ float:left;}
.imgtxtnews2 .img img{ width:300px; height:200px;}
.imgtxtnews2 .txtnews{ float:right; width:640px; }
.imgtxtnews2 .tit{ display:block; font-size:20px; line-height:40px;}
.imgtxtnews2 .txt{ color:#999; font-size:16px; line-height:30px;}

.imgTxtNews3{ width:485px; float:left; display:inline; padding:0 15px 25px 0;}
.imgTxtNews3 .img{ float:left; padding:0 5px 5px 0;}
.imgTxtNews3 .img img{ width:200px; height:150px;}
.imgTxtNews3 .txtNews{ float:right; width:265px; }
.imgTxtNews3 .tit{ display:block; font-size:20px;}
.imgTxtNews3 .txt{ color:#999; font-size:16px;}

/*通用图片列表-----*/
.imgList {}
.imgList li{ float:left;width:235px; display:inline; vertical-align:middle; margin:7px;}
.imgList li a{ display:block;}
.imgList li a img{ width:235px; height:160px;}
.imgList li a.tit{ text-align:center; height:30px; line-height:30px;}

/*高清图片*/ 
.div_jflash {width:960px; height:500px; position:relative; overflow:hidden;}
.div_jimg { overflow:hidden; zoom:1; width:960px;}
.div_jimg img {width:740px; height:500px;}
.div_jimg .a_jimg{ float:left;}
.div_jimg .ul_jimg {padding:0; float:right; width:200px; }
.div_jimg .ul_jimg li { margin-bottom:12px; height:116px;}
.div_jimg .ul_jimg img {width:194px; height:110px;padding:3px; background:#eee;}
.div_jimg .ul_jimg .on img {padding:3px; background:#23B2FB;}
.div_jtt {position:absolute; bottom:0;width:710px; text-align:left; height:55px; line-height:55px;  background:#000 url(arrow.png) no-repeat 15px 10px; filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; float:left; padding-left:30px; }
.div_jtt a { font-size:14px; color:#fff; font-weight:bold;font-family:"Microsoft YaHei"; text-align:left;}

/*滚动图片
.scrollImg{ position:relative;width:500px;height:300px; overflow:hidden;}
.scrollImg img{width:500px;height:300px;}
#bd1lfimg{position:relative;width:500px;height:300px;overflow:hidden;}
#bd1lfimg div{width:100000px; margin-left:-4px;}
#bd1lfimg dl{position:relative; width:500px;height:300px; overflow:hidden; float:left;}
#bd1lfimg dt{ position:absolute; left:0; top:0;}
#bd1lfimg dd { width:500px;height:25px; line-height:25px;  padding:8px 0 4px 15px; overflow:hidden;background:#000000; filter:alpha(Opacity=70); Opacity:0.7; position:absolute; left:0; bottom:0;}
#bd1lfimg dd a{font-size:14px; font-weight:bold; color:#ffffff; position:relative; z-index:100;}
#bd1lfimg dd a:hover{color:#cccccc;}
.sub_nav{width:100px; height:25px; right:0; bottom:3px;  position:absolute; color:#999999; z-index:200;}
.sub_no{height:25px;}
.sub_no li{display:block; width:20px; height:20px;line-height:20px; float:left; overflow:hidden;  vertical-align:middle; text-align:center; filter:alpha(Opacity=90); Opacity:0.9; font-family:Arial; font-size:11px;  cursor:pointer; margin:0 2px;background:#ffffff; color:#000000;}
.sub_no li.show{color:#fff; background: #F30;}
-----*/

/*滚动大图----带小缩略图
#marvellous{margin:26px auto 0;}
.mod18Box {border:1px solid #CCC; margin:0 auto; width:1000px; padding:10px;}
.mod18{ width:1000px;height:750px; margin:0 auto; position: relative;  }
.mod18 .btn{position:absolute;width:15px;height:96px; top:648px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(xc_prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:280px;width:46px;height:48px;}
.mod18 #prevTop{background:url(xc_prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(xc_nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0; background:url(xc_nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:1000px;height:640px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:938px;position:absolute;left:0;bottom:0;padding:10px 30px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:640px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:640px;position:absolute;}
.mod18 .picBox li{width:1000px;height:640px;}
.mod18 .picBox li img{ width:1000px; height:640px;}
.mod18 .listBox{ width:970px; height:100px; margin: 0 auto; position: relative; padding:6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{position:absolute;}
.mod18 .listBox li{ width:150px; height:100px; cursor:pointer; position:relative; margin:0 6px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block; width:144px; height:100px;}
.mod18 .listBox li img{width:150px;height:100px;}
.mod18 .listBox .on img{width:148px;height:98px;border:1px solid #ff6600;}
.mod18 .listBox .on i{display:block;}
-----*/


/*两侧带箭头滚动图
.rollBox {width:1000px; padding-bottom:15px;}
.rollBox .LeftBotton { background:url(arrow_l.gif) no-repeat; width:30px;height:36px;overflow:hidden;float:left;display:inline;margin:50px 5px 0 10px;cursor:pointer;}
.rollBox .RightBotton {background:url(arrow_r.gif) no-repeat; width:30px;height:36px;overflow:hidden;float:left;display:inline;margin:50px 0 0 5px;cursor:pointer;}
.rollBox .Cont {width:920px;overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .pic {width:170px;float:left;text-align:center; margin:0 7px;}
.rollBox .Cont .pic img {display:block;margin:0 auto;width:170px; height:130px;}
.rollBox .picTit{ display:block; text-align:center; height:25px; line-height:25px;}
.rollBox #List1, .rollBox #List2 {float:left;}
-----*/


/*图片列表之点击标题出现摘要-----*/
.slideTxtBox{ }
.slideCon{width: 320px;height: 240px;float: left;margin:10px 5px;position: relative;cursor: pointer; display:inline;}
.slideCon img{width:320px;height: 240px;}
.slideTxt{position: absolute;left: 0;bottom:0;height:30px; line-height:30px;width:300px;padding:0 10px 10px;color: #fff;background: #000;opacity: 0.7;/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.slideTxt a{ color:#fff;}
.slideTxt h3 a{ font-size:18px; display:block; height:40px; line-height:40px;}
.slideTxt p{font-size: 14px;display: block;line-height: 20px;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-moz-margin-before: 1em;-moz-margin-after: 1em;-moz-margin-start: 0px;-moz-margin-end: 0px;}

/*通栏滚动图片----*/
.bannernav{ clear:both; width:1000px; height:600px; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.bannernav .focusimg2{  width:1000px; height:600px; position:relative; top:0px; left:0px; z-index:0; }
.bannernav .focusimg2 a{ display:block; position:absolute; left:0; top:0; z-index:0;}
.bannernav .focusimg2 a img{ width:1000px; height:600px;}
.bannerbm{ width:1000px; height:30px; margin:0px auto;  z-index:0;  background:url(http://www.sznews.com/css/2013index/black_02.png) repeat; position:relative; overflow:hidden;}

#bannerul{ width:180px; padding-top:5px; height:20px;  float:right;   }
#bannerul ul{ width:100%; height:auto; overflow:hidden; zoom:1; }
#bannerul ul li{ display:block; float:left; width:18px; line-height:18px;  cursor:pointer; height:18px;  margin:0px 1px; padding:0px; color:#323232; text-align:center; background:#fff; border:1px #d0d4d9 solid; font-size:12px; }
#bannerul ul li.cur{ background:#da171c; color:#fff; border:1px #da171c solid; }
#bannerTitle{  height:30px; float:left;  padding-left:10px; overflow:hidden; width:175px;}
#bannerTitlesh{  height:30px; float:left;  padding-left:10px; overflow:hidden; width:288px;}
#bannerTitle .titg,#bannerTitlesh ul{ overflow:hidden; width:100%; }
#bannerTitle .titg h4,#bannerTitlesh ul li h4{ color:#ffffff; font-weight:bold; font-size:14px;  height:30px; line-height:30px;}
#bannerTitle .titg li p,#bannerTitlesh ul li p{ color:#ffffff; font-size:12px; line-height:20px;}
#bannerTitle .titg li p a,#bannerTitlesh ul li p a{ color:#a09f9f;}



/*------------------------底部 start--------------------------*/
.footer{ width:100%; background:#effbf7 url(body_bg_01.jpg); margin:0 auto; text-align: center; font-size:14px; padding:60px 0; }
