@charset "utf-8";
/* CSS Document */

	.js{width:90%; margin:10px auto 0 auto; }
	.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
	.js p span{ float:right; }
	.js p span a{ color:#f00; text-decoration:underline;   }
	.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

	/* 本例子css */
	.focusBox { position: relative; width:700px; height:320px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
	.focusBox .pic img { width:700px; height:320px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
	/* 本例子css */
	.tabRank{ width:290px; margin:10px auto ;   border:1px solid #f3f3f3;   }
	.tabRank .hd{ background-color:#e2e2e2; height:35px; line-height:35px; border-bottom:none;}
	.tabRank .hd h3 { float:left; width:145px; overflow:hidden; text-align:center;}
	.tabRank .hd h3 a { color:#333; font-size:16px; }
	.tabRank .hd h3.on { background-color:#fff; height:35px;}
	.tabRank .hd h3.on a { display:block; color:#006ac9;}

	.tabRank .bd {  height:465px; background-color:#fff; clear:both;}
	.tabRank .bd ul { padding:10px 8px; width:274px}
	.tabRank .bd .ulList  li { border-bottom:1px solid #e5e5e5; height:42px; line-height:42px; width:272px !important;}	
	.tabRank .bd .ulList  li:last-child{ border-bottom:0px}
    .tabRank .bd .ulList  li{ *border-bottom-style:expression(this.nextSibling==null?"none":"solid");}
 

	.tabRank .bd .ulList li a { color:#333; font-size:14px}
	.tabRank .bd .ulList li .num { font-size:12px;  color:#333; background:url(../images/icons.png) no-repeat -50px 0; width:24px; height:20px; display:block; float:left; line-height:18px; text-align:center; margin-top:13px; padding-right:6px;}
	.tabRank .bd .ulList li.t .num { background-position:0 0; color:#fff;}
	.tabRank .bd .ulList li.t {line-height:42px !important;}
	.tabRank .bd .ulList li.on img {width:160px; height:160px; padding:4px; border:1px solid #d0d0d0; background-color:#fff; margin-left:-20px;}
	.tabRank .bd .ulList li .pubtext {color:#777;display:none; }
	.tabRank .bd .ulList li .pubtext strong {color:#E72410;}
	.tabRank .bd .ulList li .pubtext a {color:#E72410;}
	.tabRank .bd .ulList li .pubpic{display:none;}
	.tabRank .bd .ulList li .pubtitle p{display:none;}
	.tabRank .bd .ulList li.on{height:225px;text-align:center;line-height:22px !important;}
	.tabRank .bd .ulList li.on .pubpic{display:block;padding-top:5px;}
	.tabRank .bd .ulList li.on .pubtext {color:#777;display:block; }
	.tabRank .bd .ulList li.on .pubtitle p{display:block;}

	.tabRank .bd .ulList2 .pic { float:left;}
	.tabRank .bd .ulList2 .con {float:right; width:160px;} 
	.tabRank .bd .ulList2 li { clear:both; padding-top:8px;height:58px;border-bottom:1px solid #E5E5E5;}
	.tabRank .bd .ulList2 img {width:57px; height:47px; padding:1px; border:1px solid #d0d0d0; background-color:#fff; float:left;}

	/* 本例子css */
	.scrollBox{padding:10px 0; position:relative; }
	.scrollBox .piclist{ overflow:hidden; zoom:1;}
	.scrollBox .ohbox{overflow:hidden; position:relative;left:60px}
	.scrollBox {position:relative;overflow:hidden;zoom:1;}
	.scrollBox .piclist li{float:left; display:inline; width:150px;background:#fff;margin-right:14px;padding:5px;}
	.scrollBox .piclist li span{height:20px;line-height:20px;display:block;text-align:center;   }
		.scrollBox .piclist img{ width:140px; height:140px; padding:5px;}
	.scrollBox .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	.scrollBox .pageBtn .prev{left:0px;background-position:-11px -84px ;}
	.scrollBox .pageBtn .next{right:0px;background-position:-53px -84px ;}
	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 350px; }
	.scrollBox .pageBtn .list li{ background:url(../images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:5px;line-height:10000px;overflow:hidden;  }
	.scrollBox .pageBtn .list li.on{background-position:-114px -57px }

	/* 本例子css
	.hasMoreTab{ width:350px; font-family:"Microsoft YaHei"; border:1px solid #C8D1D5; }
	.hasMoreTab .hd{ line-height:24px; height:24px; border-bottom:1px solid #C8D1D5;  background:url(images/btn_bg.gif) repeat-x; position:relative; padding-right:10px;  }
	.hasMoreTab .hd .more{ float:right; }
	.hasMoreTab .hd ul{ z-index:5; position:absolute; height:26px;  overflow:hidden; zoom:1; }
	.hasMoreTab .hd li{ float:left;  padding:0 10px; cursor:pointer; margin-left:-1px;  }
	.hasMoreTab .hd li.on{ font-weight:bold; height:25px; line-height:25px; background:#fff; border:1px solid #C8D1D5; border-top:0;  border-bottom:1px solid #fff;  font-weight:bold; color:#c00;  }
	.hasMoreTab .bd{  padding:10px; clear:both; position:relative;  }
	.hasMoreTab .bd h2{ font-size:14px; }
	.hasMoreTab .bd p{ color:#999;  }
	.hasMoreTab .bd p a{ color:#c00;  }
	.hasMoreTab .bd ul a{ color:#3E78B3;  } */
	
			/* 本例子css */
		.picMarquee-left{ width:900px; margin:10px auto;  overflow:hidden; position:relative; }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:270px }
		.picMarquee-left .bd ul li i{ float:left; width:40px; }
		.picMarquee-left  h4{ float:right; width:210px; font-size:14px;}
		.picMarquee-left .bd ul h4{width:215px; font-size:14px; padding:0px 0 5px 0; text-indent:0; text-align:left}
		.picMarquee-left .bd ul li p{ float:right; height:60px;  width:215px;line-height:20px; overflow:hidden; text-indent:0px; text-align:left}
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
		
				/* 本例子css */
		.picMarquee-top{ margin:0 auto;  width:210px; overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.picMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-top .hd .prev,.picMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
		.picMarquee-top .hd .next{ background-position:0 -140px;  }
		.picMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
		.picMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
		.picMarquee-top .bd{ padding:10px;   }
		.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-top .bd ul li{ text-align:center; zoom:1; }
		.picMarquee-top .bd ul li .pic{ text-align:center; }
		.picMarquee-top .bd ul li .pic img{ width:180px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-top .bd ul li .title{ line-height:24px;   }

		/* 本例子css */
		.txtMarquee-left{ width:930px;  position:relative; float:left  }
		.txtMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
		.txtMarquee-left .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
		.txtMarquee-left .bd{ padding:10px; }
		.txtMarquee-left .bd .tempWrap{ width:900px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .bd ul li{ margin-right:40px;  float:left; height:24px; line-height:24px; font-size:14px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */


		.txtMarquee-left .bd ul li span{ color:#999;  }	
		

		/* 本例子css */		
.focusBox-home { float:left; margin-left:13px; margin-top:10px; position: relative; width:600px; height:370px; overflow: hidden; }
	.focusBox-home .pic{ position:relative; z-index:0; }
	.focusBox-home .pic img { width:600px; height:370px; display: block; }
	.focusBox-home .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
	.focusBox-home .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px	}
	.focusBox-home .hd .on{ background-position:0 0 }

	.focusBox-home .prev,
	.focusBox-home .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
	.focusBox-home .prev { left: 0; }
	.focusBox-home .next { background-position: 0 -90px; right: 0; }
	.focusBox-home .prev:hover,
	.focusBox-home .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
	

.fl {
	float: left
}
.fr {
	float: right
}
.tac {
	text-align: center
}
.tal {
	text-align: left
}
.tar {
	text-align: right
}
.vat {
	vertical-align: top
}
.vam {
	vertical-align: middle
}
.clear-fix:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both
}
.clear-fix {
	zoom: 1;
	clear: both
}
.hide {
	display: none
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}
.inline-block {
	display: inline-block;
*display:inline;
	zoom: 1
}
.ime-disabled {
	-webkit-ime-mode: disabled;
	ime-mode: disabled
}

.side-pannel {
	position: fixed;
	right: 10px;
	
	z-index: 99
}
.side-bar {
	border: 1px solid #E7E7E7;
	border-bottom: none;
	bottom: 100px;
	background: #fff
}
.side-bar a {
	display: block;
	cursor: pointer;
	width: 70px;
	height: 60px;
	border-bottom: 1px solid #E7E7E7;
	position: relative;
	color: #676767;
	text-align: center
}
.side-bar a s {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.side-bar a span {
	line-height: 20px
}

.side-bar a.gotop s {
	position: absolute;
	top: 50%;
	left: 17px
}
.side-bar a.text {
	padding-top: 25px
}
.side-bar a.qr s {

	top: 50%;
	left: 18px
}
.side-bar a.qr i {
	width: 277px;
	height: 259px;
	position: absolute;
	left: -277px;
	top: 50%;
	margin-top: -120px;
	display: none;
	background-position: 0 0
}
.side-bar a.qr:hover i {
	display: block
}
.side-bar a.qr i {
	background-image: url(../images/app_download.png)
}





.side-bar a.qr2 s {

	top: 50%;
	left: 18px
}
.side-bar a.qr2 i {
	width: 277px;
	height: 259px;
	position: absolute;
	left: -277px;
	top: 50%;
	margin-top: -120px;
	display: none;
	background-position: 0 0
}
.side-bar a.qr2:hover i {
	display: block
}
.side-bar a.qr2 i {
	background-image: url(../images/weixin.png)
}





.g-icon-top {
	height: 20px;
	width: 35px;
	margin-top: -10px;
	background-position: 0 -33px
}
.g-icon-survey1 {
	height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: 0 -53px
}
.side-bar a.survey:hover s {
	height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: -26px -53px
}
.g-icon-qq1 {
	height: 20px;
	width: 22px;
	margin-top: -10px;
	background-position: -35px -33px
}
.g-icon-weibo1 {
	height: 25px;
	width: 27px;
	margin-top: -12px;
	background-position: -72px 0
}
.g-icon-weibo2, .side-bar a.weibo:hover s {
	height: 25px;
	width: 27px;
	margin-top: -12px;
	background-position: -72px -25px
}
.g-icon-qr1 {
	height: 31px;
	width: 36px;
	margin-top: -21px;
	background-position: -36px 0
}
.side-bar a.qr:hover s {
	height: 31px;
	width: 36px;
	margin-top: -21px;
	background-position: 0 0
}



.g-icon-qr2 {
		height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: 0 -53px
}
.side-bar a.qr2:hover s {
    height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: -26px -53px
}

.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image: url(../images/sprite.png)}
.fCl-nav{ height:24px; line-height:18px; position: absolute; top:5px; right:8px; z-index:9}
.fCl-nav li{ float: left; width:8px; font-family: Tahoma,Helvetica; font-size: 16px; _font-size: 22px; margin-right:5px; color: #d2d2d2; cursor: pointer;}
.fCl-nav li.on{ color:#15bb67;  }