/* 
说明：
***********************************************************************************************************
width:500px!important; ---------------是对于FF IE7
*width -------------------------------是对于IE7
_width -------------------------------是对于IE6
***********************************************************************************************************
 */
*{margin:0; padding:0; list-style:none; z-index:1;}
/*html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/
body{
	background:#fff url(snb_images/SNBwatermark.gif) top left repeat; 
	font-family: verdana,arial,sans-serif;
	_font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	z-index:0;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2{font-size:13px; border-bottom:1px dotted #cfebf9; display:inline; font-weight:normal; float:none;}
/*header*/
#header{
	width:950px; background:url(snb_images/header_bg.jpg) top center no-repeat; 
	height:180px; 
	margin:0px auto;
	margin-left:auto;
	margin-right:auto;
}
#header .top{
	width:200px; height:20px; position:relative; top:0px; left:680px; _left:670px;
} 
#header .top ul{margin-left:8px; _margin-left:-8px;}
#header .top ul li{float:left; margin:9px 0 0 15px; _margin:9px 0 0 17px;}
#header .top ul li a{font-size:12px; color:#7fd4ff; text-decoration:none; display:block; _padding:0 0 0 3px; cursor:pointer;}
#header .mainav{ position:relative; top:90px; _top:80px; left:-130px!important; *left:5px!important; *left:5px; width:1100px!important; *width:911px; z-index:990;height:55px;  margin-left:auto; margin-right:auto; text-align:center;}
#header .mainav ul{height:55px;width:950px; _width:880px; width:1100px!important; *width:920px; text-align:center;}
#header .mainav ul li{float:left; text-align:center; width:110px; *width:950px margin-left:1px; cursor:pointer;}
#header .mainav ul li a{
display:block; height:55px;text-align:center; font-weight:lighter; color:#fff; font-size:15px; padding:5px 0px 0 0px; _padding:14px 5px 0 8px; letter-spacing:0px; text-decoration:none;
}
#header .mainav ul li a:hover,#header .mainav ul li a:active{
background:top center no-repeat url(snb_images/nav_active.png)!important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/nav_active.png');
_background-image: none; 
margin-top:-4px;
padding-top:8px;
_margin-top:2px;
_padding-top:12px;
cursor:pointer;
z-index:992;
background-position:center;
}
#header .mainav ul li a p{font-weight:normal; letter-spacing:0; color:#eee; cursor:pointer; margin-top:-1px;}
#header .mainav ul li a p:hover{color:#eee;}
#header .mainav ul li .first{background:top center no-repeat url(snb_images/nav_visited.png)!important; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/nav_visited.png');
_background-image: none; 
margin-top:-5px; _margin-top:2px; padding-top:8px; _padding-top:12px; cursor:pointer; color:#fff; z-index:700;}

/***********content***********/
#content{width:950px; margin:0px auto; position:relative; clear:both; padding-bottom:50px; _padding-bottom:5px;}
#contentnav{width:950px; margin:0 auto; clear:both; margin-bottom:0px;}
#tabs{width:950px; float:left; height:340px;background:url(snb_images/contentnav_bg.gif);display:block;BACKGROUND-POSITION:100%;background-repeat: repeat-x;}
#tabs li{
	float:left;
	width:236px;
	margin-left:1px;
	_margin-left:0px;
}
#tabs li a{width:236px; height:340px!important; _height:340px; display:block; text-decoration:none;}
#tabs li .active{
	/*background:url(snb_images/contentnav_hover.png) bottom center no-repeat  !important;*/
	width:236px;
	_background:url(snb_images/contentnav_hover.jpg) repeat-x 0px 215px;
	_width:236px;
	_position:relative;
	_bottom:-5px;
	_left:0px;
	_z-index:800;
	_display:block;
}
#tabs li a img{display:block; float:left; height:59px; margin-left:20px; _margin-left:10px; width:178px;}
#tabs li a div{width:220px; padding:5px; _padding:8px; cursor:default; color:#666; float:left; display:block;}
#tabs li a div script{display:inline; float:none;}
#tabs li .login{width:236px;}
#tabs li .login ul{width:200px; margin-left:30px; _margin-left:20px;}
#tabs li .login ul dl{float:left; margin:0 0 2px 0; background:url(snb_images/input.png) left center no-repeat; width:178px; height:26px;}
#tabs li .login ul dl input{
	border:0 none;
	background:none;
	padding:5px 0 0 3px;
	font-size:12px;
	color:#999;
	margin: 3px 0 0 15px;
}
#tabs li .login ul dl select{margin:3px 0 0 0; float:left; width:100px; height:24px; color:#999; border:1px solid #ccc;}
#tabs li .login ul dl .button{float:left; margin-top:-3px; margin-left:2px;}
.label1,.label2,.label3,.label4{position:relative; width:30px; height:30px; _left:5px; top:-18px; display:block;}
.label1{background:url(snb_images/cent.png) repeat-x 120px 0px; _background:none;}
.label2{background:url(snb_images/cent.png) repeat-x 90px 0px; _background:none;}
.label3{background:url(snb_images/cent.png) repeat-x 60px 0px; _background:none;}
.label4{background:url(snb_images/cent.png) repeat-x 30px 0px; top:70px; _background:none; *top:-8px;}
#content2 .ctnent{width:948px; border:1px solid #ccc; border-top:0 none; float:left; padding-top:0}
#Introduction,#Download,#Buy{overflow:hidden;}
#Introduction ul,#Download ul,#Buy ul{float:left; width:600px; _width:590px; margin:3px; line-height:28px;}
#Introduction ul h3,#Download ul h3,#Buy ul h3{color:#2487cb; font-size:18px; padding:15px 8px 8px 8px;}
#Introduction ul p,#Download ul p,#Buy ul p{line-height:20px; padding:5px;}
#Introduction a,#Download a,#Buy a{color:#2489cd;}
#Introduction a:hover,#Download a:hover,#Buy a:hover{color:#000;}
#Introduction a:visited,#Download a:visited,#Buy a:visited{color:#2489cd;}
#content .contentnav .nav .list .login {width:200px; margin:0 auto;}
#content .contentnav .nav .list .login ul{margin:0; padding:0;}
#content .contentnav .nav .list .login li{
	float:left; 
	background:url(snb_images/input.png) top center no-repeat; 
	height:26px; margin:8px 0 0 0;
}
#content .contentnav .nav .list .login li .input{width:170px; height:20px; border:0 none; margin-left:32px; background:none; padding:5px 0 0 3px; margin-top:2px; color:#2588cc; font-size:12px;}
#content .contentnav .nav .list .login li select{float:left; margin-left:32px; _margin-left:6px; width:100px; height:26px; padding:2px 0 0 0; display:block; border:1px solid #ccc; color:#2588cc; font-size:12px;}
#content .contentnav .nav .list .login li .button{margin-left:8px; background:none;}

#cent1{
	width:30px;
	height:30px;
	position:absolute;
	background:top center no-repeat url(snb_images/cent1.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/cent1_.png'); 
	_background-image: none; 
	left: 5px;
	top: 425px;
}
#cent2{
	width:30px;
	height:30px;
	position:absolute;
	background:top center no-repeat url(snb_images/cent2.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/cent2_.png'); 
	_background-image: none; 
	left: 240px;
	top: 425px;
}
#cent3{
	width:30px;
	height:30px;
	position:absolute;
	background:top center no-repeat url(snb_images/cent3.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/cent3_.png'); 
	_background-image: none; 
	left: 475px;
	top: 425px;
}
#cent4{
	width:30px;
	height:30px;
	position:absolute;
	background:top center no-repeat url(snb_images/cent4.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/cent4_.png'); 
	_background-image: none; 
	left: 710px;
	top: 425px;
}

#detail{width:950px; float:left;}
#detail .left{width:224px; float:left; padding-bottom:100px;}
#detail .left .width{width:206px; background:url(snb_images/witdh_bg.jpg) left repeat; float:left;}
#detail .left .width ul{width:223px; float:left; margin-bottom:5px;}
#detail .left .width ul h1{width:206px; background:url(snb_images/list_dian.jpg) left center no-repeat; padding:0 0 0 20px; font-size:20px; color:#3598d4; letter-spacing:2px; float:left; border-bottom:0 none; font-weight:bold;}
#detail .left .width ul li{float:left;  margin:0; width:206px; _width:200px; cursor:pointer; _margin-bottom:-14px; *margin-bottom:-14px;}
#detail .left .width ul li hr{border:0 none; border-top:1px solid #999; height:1px; float:left; width:206px;}
#detail .left .width ul li a{width:224px; display:block; padding:8px 0 10px 10px; *padding:10px 0 10px 10px; _padding:12px 0 10px 10px;  text-decoration:none; color:#474b4d; border-bottom:0 none; background:none; font-size:16px;}
#detail .left .width ul li a:hover{
	color:#474b4d; 
	padding:8px 0 10px 10px; 
	_padding:12px 0 10px 10px;
	*padding:10px 0 10px 10px;
	background:left center no-repeat url(snb_images/list_img_hover.png)!important; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/list_img_hover.png'); 
	_ background-image: none; 
	border-bottom:0 none;
	width:224px;
	font-size:16px;
}
#detail .left .width ul li .first1{
	color:#fff; 
	padding:8px 0 10px 10px; 
	_padding:12px 0 10px 10px;
	*padding:10px 0 10px 10px;
	background:left center no-repeat url(snb_images/list_img_visited.png)!important; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/list_img_visited.png'); 
	_ background-image: none; 
	border-bottom:0 none;
	width:224px;
	font-size:16px;
	font-weight:bold;
}
#detail .contents{float:right; width:720px; _width:700px; padding:2px;}
#detail .agent{float:right; width:710px; _width:710px; padding:2px; border:1px solid #d4e5f1; border-top:0 none; margin-bottom:10px;}
#detail .agent ul{float:left; width:600px;}
#detail .agent ul h2{font-size:18px; color:#2588cc; margin:0 0 0 10px; border-bottom:0 none; float:left; font-weight:bold;}
#detail .agent ul div{width:600px; float:left; height:30px; border-top:0 none; border-bottom:1px solid #d4e5f1; padding:3px; border-left:0 none; border-right:0 none;}
#detail .agent .ag1,#detail .agent .ag2,#detail .agent .ag3,#detail .agent .ag4,#detail .agent .ag5,#detail .agent .ag6{height:30px; width:30px; display:block; float:left;}
#detail .agent .ag1{background:url(snb_images/cent.jpg) repeat-x 0px 0px;}
#detail .agent .ag2{background:url(snb_images/cent.jpg) repeat-x 210px 0px;}
#detail .agent .ag3{background:url(snb_images/cent.jpg) repeat-x 180px 0px;}
#detail .agent .ag4{background:url(snb_images/cent.jpg) repeat-x 150px 0px;}
#detail .agent .ag5{background:url(snb_images/cent.jpg) repeat-x 120px 0px;}
#detail .agent .ag6{background:url(snb_images/cent.jpg) repeat-x 90px 0px;}

#detail .agent p,#detail .agent1 p{width:680px; float:left; font-size:13px; color:#474b4d; padding:8px 0 0 0; text-align:left; display:block;}
#detail .agent p span,#detail .agent1 p span{color:#2588cc; font-weight:bold; font-size:14px; padding:3px;}

#detail .agent1{float:right; width:710px; _width:710px; padding:2px; border:1px solid #d4e5f1; border-top:0 none; margin-bottom:10px;}
#detail .agent1 ul{float:left; width:700px;}
#detail .agent1 ul h2{font-size:18px; color:#2588cc; margin:0 0 0 10px; border-bottom:0 none; float:left; font-weight:bold;}
#detail .agent1 ul div{width:700px; float:left; height:30px; border-top:0 none; border-bottom:1px solid #d4e5f1; padding:3px; border-left:0 none; border-right:0 none;}
#detail .agent1 ul li{float:left; margin:3px; display:inline-block;}


#detail2{width:950px; margin:40px auto; padding-bottom:40px;}
#detail2 .login2{width:334px; height:207px; margin:0 auto; 
	background:center center no-repeat url(snb_images/login2.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/login2.png'); 
	_ background-image: none; 
}
#detail2 .login2 .input{
	width:334px;
	position:relative;
	top:68px;
	left:50px;
}
#detail2 .login2 .input li{
	float:left;
	margin-bottom:8px;
	height:26px;
	background-image: url(snb_images/input.png);
	background-repeat: no-repeat;
	background-position: 39pt 1pt;
	font-size: 16px;
}
#detail2 .login2 .input li input{
	width:150px;
	height:16px;
	border:0 none;
	background:none;
	padding:5px 0 0 2px;
	color:#2588cc;
	font-size:12px;
	margin: 3px 15px 0 15px;
}
#detail2 .login2 .input li select{float:left; width:100px; *width:120px; margin-left:2px; height:26px; padding:2px 0 0 0; border:1px solid #ccc; color:#2588cc; font-size:12px;}
#detail2 .login2 .input li .button{margin-left:8px; _margin-left:6px; background:none; width:67px; height:26px; margin-top:-5px;}

/*detail3*/
#detail3{width:950px; margin:8px auto; padding-bottom:10px; clear:both;}
#detail3 .sidebar{float:left; width:200px; background:#eee url(snb_images/detail3_sidebartop.gif) top left no-repeat; margin-bottom:20px;}
#detail3 .sidebar ul{width:200px; margin-top:12px; background:#eee url(snb_images/detail3_sidebarbuttom.gif) bottom left no-repeat; padding-bottom:50px; float:left;}
#detail3 .sidebar ul li{float:left; padding:3px; width:170px; margin:5px 0 5px 10px; _margin:5px 0 5px 5px;}
#detail3 .sidebar ul h1{float:left; width:180px; padding-left:10px; border:0 none; font-size:16px; font-weight:bold; letter-spacing:2px; color:#5ab6e5; margin:1px 0px 1px 0px;}
#detail3 .sidebar ul li a{color:#666; text-decoration:none; display:block;}
.first3{border:1px solid #ccc;}
.sd0,.sd1,.sd2,.sd3,.sd4,.sd5,.sd6,.sd7,.sd8,.sd9,.sd10,.sd11,.sd12{padding-left:18px; height:16px;}
.sd0,.sd0:link{background:url(snb_images/icon1.gif) bottom left no-repeat;}
.sd1,.sd1:link{background:url(snb_images/icon.gif) bottom left no-repeat;}
.sd2,.sd2:link{background:url(snb_images/icon2.gif) bottom left no-repeat;}
.sd3,.sd3:link{background:url(snb_images/icon3.gif) bottom left no-repeat;}
.sd4,.sd4:link{background:url(snb_images/icon4.gif) bottom left no-repeat;}
.sd5,.sd5:link{background:url(snb_images/icon5.gif) bottom left no-repeat;}
.sd6,.sd6:link{background:url(snb_images/icon6.gif) bottom left no-repeat;}
.sd7,.sd7:link{background:url(snb_images/icon7.gif) bottom left no-repeat;}
.sd8,.sd8:link{background:url(snb_images/icon8.gif) bottom left no-repeat;}
.sd9,.sd9:link{background:url(snb_images/icon9.gif) bottom left no-repeat;}
.sd10,.sd10:link{background:url(snb_images/icon10.gif) bottom left no-repeat;}
.sd11,.sd11:link{background:url(snb_images/icon11.gif) bottom left no-repeat;}
.sd12,.sd12:link{background:url(snb_images/icon12.gif) bottom left no-repeat;}
.sd0:hover,.sd0:visited{background:url(snb_images/icon1.gif) top left no-repeat;}
.sd1:hover,.sd1:visited{background:url(snb_images/icon.gif) top left no-repeat;}
.sd2:hover,.sd2:visited{background:url(snb_images/icon2.gif) top left no-repeat;}
.sd3:hover,.sd3:visited{background:url(snb_images/icon3.gif) top left no-repeat;}
.sd4:hover,.sd4:visited{background:url(snb_images/icon4.gif) top left no-repeat;}
.sd5:hover,.sd5:visited{background:url(snb_images/icon5.gif) top left no-repeat;}
.sd6:hover,.sd6:visited{background:url(snb_images/icon6.gif) top left no-repeat;}
.sd7:hover,.sd7:visited{background:url(snb_images/icon7.gif) top left no-repeat;}
.sd8:hover,.sd8:visited{background:url(snb_images/icon8.gif) top left no-repeat;}
.sd9:hover,.sd9:visited{background:url(snb_images/icon9.gif) top left no-repeat;}
.sd10:hover,.sd10:visited{background:url(snb_images/icon10.gif) top left no-repeat;}
.sd11:hover,.sd11:visited{background:url(snb_images/icon11.gif) top left no-repeat;}
.sd12:hover,.sd12:visited{background:url(snb_images/icon12.gif) top left no-repeat;}

#detail3 .right{float:right; width:740px; padding-bottom:10px; font-size:12px;}
#detail3 .right a{color:#32aee8;}
#detail3 .right .cont1{border:1px solid #c2e8fa; width:718px; padding:8px; margin:5px auto;}
#detail3 .right .cont1 a{margin:3px;}
#detail3 .right .cont2{width:735px; margin:5px auto;}
#detail3 .right .cont2 a{color:#666; letter-spacing:2px;}
#detail3 .right .cont2 .left{border:1px solid #c2e8fa; width:220px; float:left; padding:0 0 10px 0;}
#detail3 .right .cont2 .center{border:1px solid #c2e8fa; width:280px; float:left; padding:0 0 10px 0; margin-left:5px;}
#detail3 .right .cont2 .right{border:1px solid #c2e8fa; width:220px; float:right; padding:0 0 10px 0;}
#detail3 .right .cont2 .left h1{float:left; width:210px; padding:5px 0 5px 10px; border-bottom:1px solid #c2e8fa; color:#32aee8; font-size:16px; font-weight:bold;}
#detail3 .right .cont2 .left li{float:left; margin:5px 0 5px 5px; background:url(snb_images/secondarybk.gif) left center no-repeat; padding-left:18px; width:150px; background:url(snb_images/download_16.jpg) left center no-repeat;}
#detail3 .right .cont2 .center h1{float:left; width:270px; padding:5px 0 5px 10px; border-bottom:1px solid #c2e8fa; color:#32aee8; font-size:16px; font-weight:bold;}
#detail3 .right .cont2 .center li{float:left; margin:5px 0 5px 7px; background:url(snb_images/secondarybk.gif) left center no-repeat; padding-left:8px; width:250px;}
#detail3 .right .cont2 .right h1{float:left; width:215px; padding:5px 0 5px 5px; border-bottom:1px solid #c2e8fa; color:#32aee8; font-size:16px; font-weight:bold;}
#detail3 .right .cont2 .right li{float:left; margin:5px 0 5px 5px; background:url(snb_images/secondarybk.gif) left center no-repeat; padding-left:18px; width:180px; background:url(snb_images/onebit_27.jpg) left center no-repeat;}
#user{border:1px solid #c2e8fa; width:740px; float:left; padding-bottom:10px;}
#user h1{float:left; width:730px; padding:5px 0 5px 10px; border-bottom:1px solid #c2e8fa; background:url(snb_images/news_bg.gif) top left repeat; font-size:14px; color:#32aee8; font-weight:bold;}
#user table{width:735px; margin:2px; float:left; margin-top:10px;}
#user input{border:1px solid #ccc; padding:3px; width:150px;}
#user input:hover,#user input:focus{border:1px solid #32aee8;}
#user select{border:1px solid #ccc; padding:3px; width:100px;}
#user textarea{width:300px; border:1px solid #ccc; overflow:auto; padding:3px; height:100px;}
#user textarea:hover,#user textarea:focus{border:1px solid #32aee8;}
#user #button{border:1px solid #32aee8; background-color:#32aee8; color:#fff; font-weight:bold; padding:3px; width:100px;}
#user #button:hover{background-color:#009900; border:1px solid #009900;}

/*zhuy*/
#zhuy{background-color:#58b5e4; color:#fff; float:left;}
#zhuy ul li{
	float:left;
	width:auto;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
#zhuy2{width:100%; background-color:#58b5e4; color:#fff; float:left;}
#zhuy2 ul li{float:left; margin:5px 0 0 8px; width:100%; font-size:14px;}
#zhuy2 ul li a,#zhuy2 ul li a:hover{font-weight:bold; border-bottom:1px solid #333;}

#buylist,#puylist{width:100%; margin-top:10px; float:left;}
#buylist ul,#puylist ul{width:96%; float:left; margin:2px 0 2px 10px;}
#buylist ul li{float:left; width:140px;}
#buylist ul li select{height:24px; width:120px;}
#buylist ul li input{width:50px; height:20px; padding:1px;}
#buylist ul .tijiao a,#puylist ul .tijiao a{width:111px; height:28px; display:block; background:url(snb_images/tijiao.gif) top left no-repeat;}
#buylist ul .tijiao a:hover,#puylist ul .tijiao a:hover{background:url(snb_images/tijiao.gif) bottom left no-repeat;}
#buylist ul .tijiao a span,#puylist ul .tijiao a span{display:none;}
#puylist{font-size:14px;}
#puylist ul li{margin:4px 0 4px 0;}
#puylist ul li input{width:auto; margin:2px;}

#buytop{width:730px; height:25px; background:url(snb_images/puynowtop.gif) top left no-repeat; float:left; margin:5px 0 5px 5px;_margin:5px 0 5px 3px;}
#buytop li{float:left; font-size:13px; font-weight:bold; margin:3px 0 0 8px; _margin:5px 0 0 8px; width:130px; color:#666;}

/*managecenter*/
#managecenter{width:700px; margin:10px auto; clear:both;}
#managecenter h2{width:700px; text-align:center; font-size:30px; margin:0px auto; padding-top:30px; padding-bottom:30px; display:block; border:0 none; color:#32aee8; font-weight:bold;}
#managecenter ul{width:490px; height:325px; margin:0px auto; padding-bottom:30px;}
#redamedown{width:700px; margin:0px auto; display:block;}
#redamedown li{float:left; width:350px; text-align:center; margin-top:20px; padding-bottom:10px;}
#redamedown li a{margin:0 auto; clear:both;}
#redamedown li a span{display:none;}
#redamedown a.pdf{width:224px; height:56px; background:url(snb_images/redmedown.gif) repeat-y 0px 224px; display:block;}
#redamedown a.pdf:hover{width:224px; height:56px; background:url(snb_images/redmedown.gif) repeat-y 0px 168px; display:block;}
#redamedown a.ppt{width:224px; height:56px; background:url(snb_images/redmedown.gif) repeat-y 0px 112px; display:block;}
#redamedown a.ppt:hover{width:224px; height:56px; background:url(snb_images/redmedown.gif) repeat-y 0px 56px; display:block;}

/*paysoft*/
#paysoft{width:100%; float:left; margin:8px 0 0 0;}
#paysoft ul{width:720px; float:left; margin-left:6px;}
#paysoft ul li{float:left; margin:2px 0 2px 0; border:1px solid #eee; height:74px;}
#paysoft ul li img{width:70px; height:70px; float:left; display:block; margin:2px;}
#paysoft ul li dt{width:510px; float:left; padding:3px 3px 3px 6px; color:#666; display:block; font-size:13px; line-height:18px;}
#paysoft ul li dd{width:120px; float:right; display:block; height:74px; border-left:1px solid #eee;}
#paysoft ul li dd a{width:100px; margin:20px auto; height:31px; background:url(snb_images/paysoft.gif) top left no-repeat; display:block;}
#paysoft ul li dd a:hover{background:url(snb_images/paysoft.gif) bottom left no-repeat;}
#paysoft ul li dd a span{display:none;}

/*TV*/
#TV{width:730px; float:left; margin:10px 0 0 0;}
#TV object{width:730px; height:530px; z-index:0;}
#TV .clink{width:730px; float:left; margin:10px 0 0 0; font-size:18px; font-weight:bold; text-align:center;} 


#faq{width:720px; _width:710px; margin:3px auto;}
#faq ul{float:left; margin-bottom:30px;}
#faq ul li{float:left; background:url(snb_images/faq.jpg) left center no-repeat; _background:url(snb_images/faq.jpg) 2px 5px no-repeat; *background:url(snb_images/faq.jpg) 2px 5px no-repeat; width:600px;}
#faq ul li a{padding-left:15px; font-size:14px; font-weight:bold; color:#3689bd;}
#faq ul p{float:left; width:100%; font-size:12px; color:#666;}
#faq ul p span{padding:0 3px 0 3px;}

#page_li{width:570px; margin:8px auto; clear:both;}
#page_li li{float:left; margin:0 0 0 8px;}
#page_li li span{display:block; padding:2px; color:#666;}
#page_li li a{display:block; padding:2px; border:1px solid #fff; color:#2588cc;}
#page_li li a:hover{border:1px solid #39a7f2; background-color:#b7def8; color:#fff; text-decoration:none;}

#online_se{width:201px; float:left; margin-left:2px; _margin-left:1px;}
#online_se .title{float:left; width:201px;}
#online_se .bg{
	float:left; 
	background:#fff url(snb_images/online_bg.jpg) center bottom no-repeat; 
	width:201px;
	
}
#online_se .bg .ul{width:180px; margin:0 auto;}
#online_se .bg .ul img{float:left; margin:5px;}
#online_se .bg p{width:180px; margin:0 auto; display:block; padding-bottom:10px; padding-top:8px; color:#2d98dc; line-height:20px;}

#online_fw strong,#online_fw2 strong{padding:0 2px 0 2px;}
#online_fw ul,#online_fw2 ul{
	float:left;
	width:660px;
	margin:50px 0 0 25px;
	_margin:52px 0 0 3px;
	color:#2389cb;
}
#online_fw ul a,#online_fw2 ul a{cursor:pointer; display:block; float:left; margin:2px;}
#online_fw ul a img,#online_fw2 ul a img{display:block; cursor:pointer; background:scroll; z-index:50;}
#online_fw dl,#online_fw2 dl{float:left; width:600px; margin:0 0 0 40px; _margin:0 0 0 13px; color:#2389cb;}
#online_fw dt,#online_fw2 dt{float:left; width:600px; margin:0 0 0 40px; _margin:0 0 0 13px; color:#2389cb;}
#online_fw,#online_fw2{
width:669px; 
height:210px; 
background:top left no-repeat url(snb_images/online_fw.gif);
font-size:12px; 
margin:10px auto;
}
#online_fw{
	float:right;
	margin-right:10px;
	height:210px; 
}

.display{margin-bottom:2px; display:block; z-index:2;}
.display object,.display embed{z-index:0; display:block; width:950px; height:262px;}
#display2{width:950px; height:157px; background:url(snb_pic/intro3.jpg) top center no-repeat;}
#display2 .inut{width:300px; float:left; margin:50px 0 0 20px; color:#fff; font-size:12px;}
#display2 .inut li{float:left; padding:2px;}
#display2 .inut li input{width:150px; border:1px solid #eee; color:#4a130e; height:18px; padding:2px; float:left;}
#display2 .inut li .button{width:67px; height:26px; border:0 none; float:left; margin:-3px 0 0 2px;}
#display2 .sel{width:300px; float:left; margin:2px 0 0 20px; clear:left; color:#fff;}
#display2 .sel input{margin:2px;}
.displays{width:950px; height:157px; background:url(snb_pic/intro2.jpg) top center no-repeat;}
.displays .user{float:left; margin:30px 0 0 150px; _margin:30px 0 0 80px; color:#fff;}
.displays .user a{color:#a0bd47; text-decoration:underline; font-weight:bold;}

#dls{width:204px; float:left; background-color:#eee; border:1px solid #ccc; border-top:0 none;}
#dls h1{font-size:16px; float:left; width:204px; padding:5px 0 5px 0; background:url(snb_images/news_bg.gif) bottom left repeat; border:1px solid #ccc; border-left:0 none; border-right:0 none;}
#dls h1 a{color:#474b4d; text-decoration:none; letter-spacing:2px; padding:5px;}
#dls ul{width:204px; float:left;}
#dls ul li{float:left;border-bottom:0 none; width:68px; text-align:center;  margin:2px 0 2px 0; color:#666;}
#dls ul li a{text-decoration:underline; color:#000;}
#dls ul li a:hover{text-decoration:underline; background:none; margin:0; padding:0; color:#2588cc;}

#purchase{width:720px; _width:690px; margin:3px 0 0 0; float:right;}
#purchase .zhuy2{width:680px; _width:680px; float:left; border:1px solid #eee; margin-bottom:10px;}
#purchase .zhuy{width:710px; _width:670px; float:left; border:1px solid #ccc; background-color:#58b5e4;}
#purchase .zhuy ul{width:660px; _width:650px; margin:5px; color:#fff;}
#purchase .zhuy ul h1{font-size:18px; padding-bottom:5px; border-bottom:0 none;}
#purchase .master{float:left;}
#purchase .master h1{float:left; background:url(snb_images/Alert.jpg) left center no-repeat; width:90%; font-size:16px; padding:0 0 0 20px; color:red; border-bottom:0 none;}
#purchase .master li{float:left; width:660px; padding:3px 0 3px 0;}
#purchase .scend{float:left; margin-bottom:5px;}
#purchase .scend li{float:left; width:80%; line-height:28px;}
#purchase .scend h1{float:left; background:url(snb_images/onebit_27.jpg) left center no-repeat; width:500px; font-size:16px; padding:0 0 0 20px; color:#2588cc; border-bottom:0 none;}
#purchase .scend2{width:400px; margin:20px auto; border:1px solid #eee; padding:3px; _height:180px; height:250px!important;}
#purchase .scend2 h1{float:left; background:url(snb_images/onebit_27.jpg) left center no-repeat; font-size:16px; padding:5px 0px 5px 20px; color:#2588cc; border-bottom:1px solid #eee; width:380px; font-weight:bold;}
#purchase .scend2 li{float:left; line-height:28px; margin-top:8px; width:380px; text-align:center;}
#purchase .scend2 li span{color:red;}

#content .news{width:950px; _width:900px; clear:both; margin-top:5px; padding-top:10px;}
#content .news .left{width:400px; float:left; margin-left:40px; _margin-left:35px; display:block;}
#content .news .left .title{width:400px; height:31px; background:url(snb_images/news_bg.jpg) center center no-repeat; letter-spacing:2px;}
#content .news .left .title h1{float:left; width:150px; font-size:14px; padding:5px 0 0 60px; color:#fff; border-bottom:0 none;}
#content .news .left .title span{float:right; width:35px; font-size:12px; text-align:right; padding:2px 20px 0 0; background:url(snb_images/newline.png) left center no-repeat; margin-top:5px;}
#content .news .left .title span a{color:#fff;}
#content .news .left .list{margin:0;}
#content .news .left .list li{float:left; padding:3px; text-align:left; vertical-align:middle; width:400px;}
#content .news .left .list li a{color:#333; font-size:12px;}
#content .news .left .list li .span1{font-size:8px; color:#fff; width:13px; height:13px; background:url(snb_images/newlist.gif) bottom center no-repeat; text-align:center; display:block; float:left; margin:4px 2px 0 0; line-height:13px;}
#content .news .left .list li .span1:hover{width:13px; height:13px; background:url(snb_images/newlist.gif) top center no-repeat;}
#content .news .left .list li .span2{width:80px; padding-left:30px; font-size:10px; color:#999;}
#content .news .left .list .first{float:left; padding:3px; text-align:left; vertical-align:middle; width:390px; border:1px solid #ccc; background:url(snb_images/news_bg.gif) top left repeat; margin:8px 0 3px 0;}
#content .news .left .list .first .span1{font-size:8px; color:#fff; width:13px; height:13px; background:url(snb_images/newlist.gif) top center no-repeat; text-align:center; display:block; float:left; margin:4px 2px 0 0; line-height:13px;}
#content .news .left .list .first .dets{border-top:1px solid #e7e6e6; color:#999; font-size:12px; padding:2px; text-indent:25px;} 
#content .news .left .list .first a{font-weight:bold; color:#2588cc; font-size:13px;}

#left2{width:950px; float:left; background-image: url(snb_images/world.gif);}
#left2 .width{float:left; width:250px;}
#left2 .width h1{width:206px; background:url(snb_images/list_dian.jpg) left center no-repeat; padding:0 0 0 20px; font-size:20px; color:#3598d4; letter-spacing:2px; float:left; border-bottom:0 none; font-weight:bold;}
#left2 .width li{float:left;  margin:0; width:206px; _width:200px; cursor:pointer; _margin-bottom:-14px; *margin-bottom:-14px;}
#left2 .width li hr{border:0 none; border-top:1px solid #999; height:1px; float:left; width:206px;}
#left2 .width li a{width:206px; display:block; padding:8px 0 10px 10px; _padding:12px 0 5px 10px; *padding:10px 0 10px 10px; font-size:16px;  text-decoration:none; color:#474b4d; background:none; float:left;}
#left2 .width li a:hover{
	color:#666; 
	padding:8px 0 10px 10px;
	_padding:12px 0 10px 10px;
	*padding:10px 0 10px 10px; 
	background:left center no-repeat url(snb_images/list_img_hover.png)!important; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/list_img_hover.png'); 
	_ background-image: none; 
	border-bottom:0 none;
	width:224px;
	font-size:16px;
	font-weight:bold;
	display:block; 
}
#left2 .width li .first2{
	background:left center no-repeat url(snb_images/list_img_visited.png)!important; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='snb_images/list_img_visited.png'); 
	_ background-image: none; 
	border-bottom:0 none;
	color:#fff;
	width:224px;
	*padding:10px 0 10px 10px;
	font-size:16px;
	display:block;
	font-weight:bold;
}
#center2 {
	width:938px;
	line-height:23px;
	padding:5px;
	margin-left: auto;
	margin-right: auto;
	border:1px solid #eee;
	border-top:0 none;
	float:left;
	margin-bottom:10px;
	letter-spacing:2px;
}

#content .news .right{width:400px; _width:350px;  float:right; margin-right:40px; _margin-right:10px;}
#content .news .right .search{width:400px;  height:31px; background:url(snb_images/news_bg.jpg) center center no-repeat; float:left;}
#content .news .right .search li{float:left; margin:3px 0 0 12px; _margin:3px 0 0 8px; *margin:5px 0 0 10px;}
#content .news .right .search li .input{width:150px; height:18px; background:url(snb_images/input_bg.gif) left top repeat; border:0 none; color:#2588cc; font-size:12px;}
#content .news .right .search li select{width:100px; height:18px; color:#2588cc; font-size:12px; background:url(snb_images/input_bg.gif) left top repeat; border:0 none;}
#content .news .right .search li select option{border:0 none; width:80px; background-color:#fff; display:block;}
#content .news .right .search li .button{margin:2px 0 0 2px; _margin:0; *margin:0;}
#content .news .right .search .icon{margin:5px 0 0 15px; _margin:5px 0 0 10px;}
#content .news .right .news{float:left; width:400px;}
#content .news .right .news ul{float:left; margin:0 0 0 8px; _margin:0 0 0 5px; width:190px; _width:180px; *width:190px;}
#content .news .right .news ul h4{padding:5px; color:#2588cc; letter-spacing:3px; _font-size:14px;}
#content .news .right .news ul li{float:left; padding:4px 0 4px 0; *width:180px; _width:190px;}
#content .news .right .news ul li a{font-size:12px; color:#333;}


/***********footer***********/
#footer{width:950px; margin:8px auto; *margin:40px auto; clear:both;  height:160px; _height:auto; *height:auto; background:url(snb_images/footer_bg.gif) top left repeat;}
#footer .content{width:950px; margin:0 auto;}
#footer .content .footnav{float:left; width:950px; text-align:center;}
#footer .content .footnav ul{width:500px; margin:5px auto;}
#footer .content .footnav ul li{float:left; padding:0 12px 0 12px;}
#footer .content .footnav ul li a{color:#fff; _padding-top:8px;}
#footer .content .footnet{width:950px; float:left;}
#footer .content .footnet .list1{margin:20px 0 0 30px; width:850px; float:left;}
#footer .content .footnet .list1 .left{width:300px; _width:0px; height:85px; float:left; 
	background: url(snb_images/footnet_bg.png) right center no-repeat;
	_background: none; 
}
#footer .content .footnet .list1 .left span{display:none;}
#footer .content .footnet .list1 .right{float:right; width:450px; *width:500px; _width:650px; background:url(snb_images/footline_bg.png) left center no-repeat; _background:none;}
#footer .content .footnet .list1 .right p{margin-left:15px; color:#97dcfe; font-size:12px;}
#footer .content .footnet .list1 .right p a{color:#fff;}
#footer .content .footnet .list1 .right span{margin:8px 0 0 15px; display:block;}
#footer .content .footnet .list2{margin:20px 0 0 30px; width:850px; float:left; border-top:1px solid #2588cc; padding-top:5px;}
#footer .content .footnet .list2 a{text-align:left;font-size:3px;margin:4px; _margin:3px; color:#97dcfe; _padding:1px; padding:1px;}
#footer .content .footnet .list2 a img{-moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50);cursor:hand; _padding:0; display:block;}
#footer .content .footnet .list2 a:hover img{-moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=80);}

#footerBiao{width:960px; margin:0 auto; clear:both; padding-top:10px;}
#footerBiao li{float:left; width:129px; height:41px; margin:0 8px 0 12px;}
/*LCJ- 2015-1-20 #footerBiao .b1{background:url(snb_images/footerBiao.gif) repeat-y 0px 0px;}
#footerBiao .b2{background:url(snb_images/footerBiao.gif) repeat-y 0px 205px;}
#footerBiao .b3{background:url(snb_images/footerBiao.gif) repeat-y 0px 410px;}
#footerBiao .b4{background:url(snb_images/footerBiao.gif) repeat-y 0px 615px;}
#footerBiao .b5{background:url(snb_images/footerBiao.gif) repeat-y 0px -410px;}
#footerBiao .b6{background:url(snb_images/footerBiao.gif) repeat-y 0px -205px;}*/

/*links*/
#links{width:934px; padding:8px; float:left; background-color:#fff;}
#links h2{float:left; width:930px; border-bottom:0 none; font-size:18px; font-weight:bold; padding:8px 8px 8px 0;}
#links ul{float:left; width:930px;}
#links ul a{color:#333; margin:2px;}

/**************************tip******************************/
#tishi {
	font-size:12px;
	line-height:1em;
	background:url(snb_images/Alert.jpg) top left no-repeat;
	text-decoration:none;
	position:relative;
}
#tishi span {
	visibility:hidden;
	overflow:hidden;
}
#tishi:hover .kuan {
	display:block;
	position:absolute;
	top:-1.3em;
	left:20px;
	width:280px;
	padding:0 0 0 5px;
	color:#326324;
	cursor:text;
	font-weight:normal;
	z-index:999;
}
.kuan {
	display:none;
}
.kuan dt {
	line-height:18px;
	padding:7px 4px 6px 6px;
	border:1px solid #bed48f;
	background-color:#effaeb;
	font-size:12px!important;
}
.tip {/*小提示窗口*/
   position:relative;
}
.tip span { /*提示窗口前景*/
   display:none;
}
a.tip{text-decoration:none; color:#000;}
a.tip:hover {cursor:hand; color:red; text-decoration:none;}
a.tip:hover .popbox { /*提示小窗口样式*/
	display:inline;
	position:absolute; 
	top:0px;
	left:50px;
	width:200px;
	background-color:#e2f4ca; 
	color:#326324; 	
	padding:5px 5px 5px 5px;
	border:1px solid #999;
	z-index:99;
}

#notices{width:930px; margin:10px 0 0 0; border:1px solid #eee; padding:5px; float:left; margin-bottom:10px; _background:none; background:url(snb_images/footnet_bg.png) bottom right no-repeat;}
#notices ul{width:920px; float:left; padding:3px; margin:2px; border-bottom:1px solid #f2f2f2; line-height:22px;}
#notices ul a{color:#2990d3; text-decoration:underline;}
#notices ul a:hover{text-decoration:none;}
#notices ul:hover{background-color:#fafafa;}
#notices ul h1{float:left; width:100%; font-size:16px; font-weight:bold; padding:5px; border:0 none; background:url(snb_images/secondarybk.gif) left center no-repeat; text-indent:3px; color:#2990d3;}
#notices ul li{float:left; width:100%; color:#666;}


table.gridtable {
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}