﻿* { margin:0; padding:0; }
html { }
body {width:100%; height:100%; background:#fff; font-family:STXihei,"Microsoft YaHei",微软雅黑; font-size:14px; font-weight:normal; font-style:normal; color:#444; }
body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {padding:0px;margin:0px;}
li{list-style-type:none;}
img{border:0; }
h1{font-size:16px;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;color:#0170d9;}
a:active{text-decoration:underline;}
.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#0170d9;}
.ColorLink a {color:#0170d9;}
.ColorLink a:hover {color:#0170d9;}

p{line-height:180%;}
.ListDate{color:#666666;}
input,textarea{}
#wrapper{padding-top:115px;}
#head{width:100%;position:absolute;top:0px;z-index:99;}
#head .top{background:#FFF url("/zPic/top_bg1.gif") repeat-x center 25px;width:100%;height:80px;font-size:14px;border-bottom:1px solid #cbcaca;}	
.TopBG{ width:100%;background:#FFF}
.TopInfo{margin:auto;width:1080px;height:35px;} 
.TopInfo .link{background:#FFF url("/zPic/link_bg1.gif") no-repeat center -5px;text-align:center;line-height:25px;width:227px;height:35px;float:right;color:#333;padding-right:20px;padding-left:10px;}
.TopInfo .link a{color:#333;}	
.TopInfo .link a:hover{color:#ccc;}	
#head .top .TopLogo{margin:auto;width:1080px;padding-top:0px;}
#head .top .TopLogo .logo{float:left;height:62px;}
#head .top .TopLogo .tel{float:left;height:62px;padding-top:20px;} 
#head .top .TopLogo .tel .telW{padding-left:0px;padding-top:10px;color:#999;font-size:11px;}
#head .top .TopLogo .tel .telN{padding-left:0px;font-size:18px;color:#FF8700;line-height:100%;}
#head #NavLink{width:790px;height:38px;margin:auto;}
#head #NavLink .NavBG{height:38px;width:790px;position:absolute;z-index:100;}	
#head #NavLink #sddm{width:790px;margin:auto;z-index:30}
#head #NavLink #sddm li{float: left;font-weight:bold;}
#head #NavLink #sddm .CurrentLi a{background:none;}	
#head #NavLink #sddm li a{	display: block;width: 88px;color: #666666;text-align: center;padding:0px 5px;height:38px;line-height:38px;background:;font-size:16px;}
#head #NavLink #sddm li P{font-size:12px;font-weight:normal;color:#FFF;text-transform:uppercase;}
#head #NavLink #sddm li a:hover{	text-decoration:none;background:#FF8700;color:#FFFFFF;}
#head #NavLink #sddm div{	position: absolute;visibility: hidden;background: #808080;padding:0px 0px;filter: alpha(opacity=85);top:38px;}
#head #NavLink #sddm div a{	position: relative;padding: 0px 5px;width:120px;text-align: center;background:#FF8700;color: #FFFFFF;text-decoration:none;line-height:30px;height:30px;border-bottom:1px solid #FF9100;}
#head #NavLink #sddm div a:hover{background:#287ec7;color:#fff;font-weight:bold;line-height:30px;border-bottom:1px solid #FF9100;}
#wrapper #body{width:100%;margin:auto;}

/*footer*/
#footer{border-top:2px solid #494949;width:100%;height:100%;padding-bottom:30px;color:#999;background:#2e2e2e;}
#footer a{color:#999;}										
#footer .inner{margin:auto;width:1080px;padding-top:30px;}
#footer .inner .InnerLeft{float:left;width:600px;text-align:left;}
#footer .inner .Innermidle{float:left;width:280px;}
#footer .inner .InnerRight{float:left;width:200px;}
#footer .inner p{line-height:25px;}
#wrapper  .t_page{padding:20px 10px 0px 10px;text-align:center;line-height:25px;}	
#wrapper  .t_page a{padding:2px 5px;border:1px solid #DEDEDC;margin:0px 3px;}	

/* date css*/		
.header {font: 12px Arial, Tahoma !important;font-weight: bold !important;font: 11px Arial, Tahoma;font-weight: bold;color: #154BA0;background:#C2DEED;height: 25px;padding-left: 10px;}
.header td {padding-left: 10px;}
.header a {color: #154BA0;}
.header input {background:none;vertical-align: middle;height: 16px;}
.category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;}
.category td {border-bottom: 1px solid #DEDEB8;}

/* search content */
#dark_footer .box_240px_left {width:143px;padding-right: 42px;padding-top: 0px;background-image: none;padding-bottom:0px;float:left;}
#dark_footer .box_240px_left h2{border-bottom:1px dotted #999;color:#FFF;padding-bottom:10px;}
#dark_footer .box_240px_left li{line-height:250%;}
#dark_footer .box_240px_middle {padding: 0px 42px;background-image: none;}
#dark_footer .box_240px_right {padding-left: 42px;padding-top: 0px;background-image: none;}
#dark_footer_wrap {background-color:#0170d9;overflow: hidden;padding:20px 0px;}
#dark_footer {width: 940px;margin: 0 auto;padding-top: 20px;padding-bottom: 20px;overflow: hidden;color#FFF;}
#light_footer_wrapper {padding:10px;height:100px;}
.box_240px_right li {display: inline;}
#dark_footer li a{color:#FFF;}


/* open div*/
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9990;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:0.70;
	filter: alpha(opacity=70);
}
#popupContainer {
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	}
#popupInner {
	border: 3px solid #0170d9;
	background-color: #FFFFFF;
	}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
#popupTitleBar {
	background:url("/zPic/box_bg1.jpg") repeat-x left top;
	color: #0170d9;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	z-index: 9992;
	text-align:center;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('/zPic/close.gif') no-repeat;
}

/*product*/
.RightNav span{color:#0170d9;}
.ClassNav{padding:0px 0px;}	
.ClassNav .NavTree ul{}	
.ClassNav .NavTree ul li{position: relative;background:url("/zPic/link_bg11.gif") repeat 0px 0px;	}
	
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{
left: 178px; /* Parent menu width - 1*/
position: positive;
width: 217px; /*sub menu width*/
top: 0;
display: none;
border:1px solid #0170d9;
border-top:2px solid #0170d9;
background:#FFFFFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
z-index:2000;
}
.RightNav .ClassNav .NavTree ul li ul{
	 width:265px;}

/*All subsequent sub menu levels offset */
 .ClassNav .NavTree ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
z-index:2000;}
/* menu links style */
 .ClassNav .NavTree ul li a{
	display: block;
	cursor:pointer;
	line-height:30px;
	border-bottom:1px solid #DDDDDD;
	padding-left:30px;
	height:30px;}	

 .ClassNav .NavTree ul li li{
	background:url("/zPic/box_icon1.png") no-repeat 12px 12px;
	padding-left:0;
	text-align:center;
	z-index:2000;
}
 .ClassNav .NavTree ul li li a{
	border-bottom:1px solid #DDDDDD;
	padding-left:10px;
	z-index:2000;}
 .ClassNav .NavTree ul .current a{
	background:#0170d9;
	color:#FFFFFF;}
 .ClassNav .NavTree ul .current li a{
	background:#FFFFFF;
	color:#000000;}
		
 .ClassNav .NavTree ul li a:hover{
color: white;
background:#0170d9;
text-decoration:none;
}
 .ClassNav .NavTree .subfolderstyle{
background: url(/zPic/arrow-list.gif) no-repeat 180px center ;
}
/* Holly Hack for IE \*/
* html  .ClassNav .NavTree ul li {float: left; height: 1%;z-index:2000; }
* html  .ClassNav .NavTree ul li a {height: 1%;z-index:2000; }
/* End */	

/* clearfix */
.clearfix:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.clearfix {clear:both;}
.clearbox {clear:both; width:996px; margin:0 auto; height:0; overflow:hidden;}
.clear { height:1%; overflow:hidden; }
	
#body #InnerBanner{width:1080px;margin:auto;}
#body .inner{width:1080px;margin:auto;padding-top:10px;}
#body .inner .left{width:220px;float:left;}
#body .inner .right{width:844px;float:right;background:#FFF;border:1px solid #E5E5E5;padding-bottom:10px;}
#body .inner .left .Sbox{border:1px solid #E5E5E5;background:#fff;width:220px;padding-bottom:10px;white-space:nowrap;overflow:hidden;word-break: break-all;}
#body .inner .left .Sbox .topic{background:url("/zPic/box_btitle.jpg") repeat-x left top;font-size:18px;height:54px;margin:0px 0px 0px 0px;line-height:54px;border-bottom:1px solid #DDDDDD;padding-left:10px;color:#FFFFFF;font-weight:normal;}
#body .inner .left .Sbox .blank ul {padding:0px 0px;}
#body .inner .left .Sbox .blank ul li{cursor:pointer;height:30px;background:url("/zPic/link_bg11.gif") repeat 0px 0px;	}
#body .inner .left .Sbox .blank .current a{background:#0170d9;border-bottom:1px solid #FFFFFF;}	
#body .inner .left .Sbox .blank .current a{color:#FFFFFF;}
#body .inner .left .Sbox .blank ul li a{display:block;height:30px;line-height:30px;padding-left:30px;border-bottom:1px dotted #DDDDDD;background:url("/zPic/link_bg2.gif") no-repeat 12px 10px;}	
#body .inner .left .Sbox .blank ul li a:hover{background:#0170d9;border-bottom:1px solid #FFFFFF;color:#FFFFFF;text-decoration:none;}
#body .inner .left .Sbox .list dl{padding:0px 10px;}
#body .inner .left .Sbox .list dl dt{color:#666666;line-height:20px;font-size:12px;}
#body .inner .left .Sbox .list dl dd{line-height:30px;border-bottom:1px dotted #DDDDDD;background:url("/zPic/title_icon1.jpg") no-repeat 0px 12px;padding-left:10px;}
#body .inner .left .Sbox .txt{padding:10px;}
#body .inner .right  .Position{line-height:33px;background:url("/zPic/box_bg5.jpg") repeat left top;text-align:right;color:#666666;}
#body .inner .right  .Position a{color:#666666;}
#body .inner .right  .Position span{padding-right:10px;}
#body .inner .right .main{padding:10px 20px;}

/*content*/
#body .inner .right .main .content .title h1{text-align:center;font-size:16px;font-weight:normal;}
#body .inner .right .main .content .infos{line-height:40px;color:#666666;text-align:center;}
#body .inner .right .main .content .maincontent{ font-size:14px; }
#body .inner .right .main .content .maincontent p{padding:5px 0px;line-height:200%;}
#body .inner .right .main .content .download{background:url("/zPic/downicon.gif") no-repeat 15px 7px;padding-left:55px;border:1px solid #F5F5F5;line-height:40px;font-size:14px;margin:10px 0px;}
#body .inner .right .main .content .prenext{padding:10px 0px 0px 0px;margin-top:10px;}
#body .inner .right .main .content .prenext ul li{line-height:30px;background:url("/zPic/jiantou.gif") no-repeat 0px 1px;padding-left:15px;}	

.ImageList{
	padding:10px 0px;}
.ImageList .ImageBlockBG{
	float:left;
	padding:10px 15px 20px 15px;}
.ImageList .ImageBlock{
	padding:5px;
	width:225px;
	height:178px;
	overflow:hidden;
	border:1px solid #DDDDDD;
	cursor:pointer;}
.ImageList .ImageBlock:hover{
	border:1px solid #0170d9;
	background-color:#F5F5F5;
}	
.ImageList .ImageBlock p a{
	color:#FFFFFF;}	
		 
.ImageList .ImageBlock img{
	width:223px;
	height:138px;
	border:1px solid #F5F5F5;}
.ImageList .ImageBlock img:hover{
	border:1px solid #DDDDDD;}
	
.ImageList .ImageBlock p{
	text-align:left;
	word-break:normal;
	bottom:0px;
	background-color:#333;
	color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	line-height:20px;}
	
.ImageList .ImageBlock a{
	text-decoration:none;}
	
#body .prenext .blk_29 {PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
#body .prenext .blk_29 .LeftBotton {	BACKGROUND: url(/zPic/Arrow_l.jpg) no-repeat -1px 0px; LEFT: 0px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(/zPic/Arrow_r.jpg) no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:15px 0 0 0px;float:left;height:170px;width:720px;POSITION: relative;left:30px;}
#body .prenext .blk_29 .box {	FLOAT: left; WIDTH: 240px; TEXT-ALIGN: center;}
#body .prenext .blk_29 .box IMG {	BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:160px;height:120px;}
#body .prenext .blk_29 .box A:hover IMG {	BORDER: #3092b9 1px solid;}
#body .prenext .blk_29 .box P {	WIDTH: 240px; LINE-HEIGHT: 20px;text-align:center;font-size:14px;color:#3092b9}