/*
    fwwang.Com CSS Selector	
*/
@import url(font.css);
@import url(topnav.css);
@import url(footer.css);
/*基础元素*/
body {
	font-size:12px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color:#333333;
}
img {
	border:0;
}

#tldiv { 
	width: 978px !important;       /*mozilla & IE6*/
	width /**/: 980px;               /*IE 5.x*/
	height:auto;
	margin: 0px;
	background-color:#C5D2DC;
}

.shownav 
{
width: 993px !important;       /*mozilla & IE6*/
width /**/: 999px;               /*IE 5.x*/
text-align:center;
background: #2C5463;
border-right: 1px solid #95A9B1;
}
.shownav ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.shownav ul li {
  display: block;
  position: relative;
  float: left;
}
.shownav li ul { display: none; }
.shownav ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  background: #2C5463;
  border-left: 1px solid #95A9B1;
  white-space: nowrap;
}
.shownav ul li a:hover { background: #617F8A; }
.shownav li:hover ul {
  display: block;
  position: absolute;
}
.shownav li:hover li {
  float: none;
  font-size: 14px;
}
.shownav li:hover a { background: #617F8A; }
.shownav li:hover li a:hover { background: #95A9B1; }
/*main layout #C5D2DC*/
#layout { 
	width: 978px !important;       /*mozilla & IE6*/
	width /**/: 980px;               /*IE 5.x*/
	margin: 0px;
	padding: 5px 8px 0px 8px;
	background-color:#C5D2DC;
}
#layout:after{  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
#search_bar{
    float:left;
	background-color:#D8E0E1;
	width: 976px !important;       /*mozilla & IE6*/
	width /**/: 978px;               /*IE 5.x*/
	height: 30px !important;       /*mozilla & IE6*/
	height /**/:32px;               /*IE 5.x*/	
	padding:0px;
	margin-bottom:5px;
	color:#333333;
	text-align:left;
	letter-spacing:1px;
	overflow:hidden;
	border:1px solid #E3EBF2; 
}
.bmp_code_img{
    margin-top:-1px !important;
	margin-top:0px;
	padding: 3px 3px 2px 5px;
	background-color:#D3ECFA;
	border:1px solid #333333;
	cursor : pointer
}
/*通用cbox*/
.cbox{border:0px;text-align:left;}
.cbox:after{  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
/*通用clear-both*/
.clear-both{clear:both;}
/*Dark box Title*/
.darkboxTitle{
	height:28px !important;
	height /**/: 30px;	
	margin:0px;
	background: url(/images/ar_rightbox.gif) no-repeat left ;
	background-color:#A2B7BA;
	border-top:5px solid #86A0A4;
	border-bottom:2px solid #86A0A4;
	display:block;
}
.darkboxTitle span {
	padding-top: 8px;
	padding-left: 4px;
    float:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFCC;
	letter-spacing:2px
}
/*ul list in Dark BG*/
.darklist,.yulanlist {
  float:left;
	overflow:hidden;
  list-style-type: none;
  margin:5px 0 0 0;
	padding:0px;	
	width:300px;
	color:#CCCCCC;
	padding-bottom:5px;
background-color:#3B9082;
	
}
.darklist li{
	background: url(/images/ar_gray.gif) no-repeat 5px 8px;    
	padding: 5px 0px 0px 15px ;
	margin-left:0;		
	clear:both;
	margin-bottom:3px;
	line-height:16px;
	overflow:hidden;
	
}
.darklist li a{
	color:#EEEEEE;
font-size:14px;
}
.darklist li a:hover{
	color:#88F5FF;
	text-decoration: underline;
}
.darklist li span{
  float:right;
  padding-right:3px;
}
.darklist li span.artclass {float:left;}

.yulanlist li{
	background: url(/images/ar_gray.gif) no-repeat 5px 8px;    
	padding: 5px 0px 0px 15px ;
	margin-left:0;		
	clear:both;
	margin-bottom:3px;
	line-height:16px;
	overflow:hidden;
	
}
.yulanlist li a{
	color:#ffff00;
font-size:14px;
}
.yulanlist li a:hover{
	color:#88F5FF;
	text-decoration: underline;
}
li.yulan,.yulan li
{
background:none;
}
.yulanlist li span{
  float:right;
  padding-right:3px;
}
.yulanlist li span.artclass {float:left;}
.artlist {
  float:left;
	overflow:hidden;
  list-style-type: none;
  margin:5px 0 0 0;
	padding:0px;	
	width:200px;
	color:#CCCCCC;
	padding-bottom:5px;
	
}
.artlist li{
	background: url(/images/ar_gray.gif) no-repeat 5px 8px;    
	padding: 5px 0px 0px 15px ;
	margin-left:0;		
	clear:both;
	margin-bottom:3px;
	line-height:16px;
}
.artlist li a{
	color:#ffffff;
}
.artlist li a:hover{
	color:#88F5FF;
	text-decoration: underline;
}


/*Grey box Title*/
.greyboxTitle{
	height:25px !important;
	height /**/: 30px;	
	padding-top:3px;
	margin:0px;
	background: url(/images/ar_10.gif) no-repeat 8px 8px;
	background-color:#F2F2F2;
	border-top:5px solid #86A0A4;
	border-bottom:0px;
	display:block;
}
.greyboxTitle span {
	padding-top: 6px;
	padding-left: 12px;
    float:left;
	font-size:12px;
	font-weight:bold;
	color:#669999;
	letter-spacing:3px
}
.greyboxTitle span a{color:#333333;}
.greyboxTitle span a:hover{color:#CC3300;}

/*ul list in Gray BG*/
.graylist {
    float:right;
	overflow:hidden;
    list-style-type: none;
    margin:9px 0px 0px 0px;
	padding:0px;	
	width:190px;	
}
.graylist li noarrow{
    height:17px;
	padding: 1px 0px 2px 15px ;
	margin-left: 0px !important;	
	margin-left /**/: -16px;	
}
.graylist li{
    height:17px;
	background: url(/images/ar_ok.gif) no-repeat 0px;    
	padding: 1px 0px 2px 15px ;
	margin-left: 0px !important;	
	margin-left /**/: -16px;	
}
.graylist li a{
	color:#333333;
}
.graylist li a:hover{
	color:#006699;
	text-decoration: underline;
}
/*白背景下的list*/
.arlist {
	overflow:hidden;
    list-style-type: none;
	float:right; 
	width:210px;	
	padding:0px;
	margin:0em 0em 0em 0em;		
}
.arlist li{ 
	border-bottom: 1px solid #EEEEEE;
	background: url(/images/ar.gif) no-repeat 0px;	
	height:15px;
	display:block;	
	padding: 4px 0px 2px 15px;
	margin-left: 0px !important;	
	margin-left /**/: -15px;
}


/*一般栏目导读的list*/
.genus_list {
	overflow:hidden;
    list-style-type: none;
	float:right; 
	width:190px;	
	padding:0px;
	margin:0em;		
	text-align:left;
}
.genus_list li{ 
	border-bottom: 1px solid #1F727C;
	background: url(/images/ar_genus.gif) no-repeat 0px;	
	height:15px;
	display:block;	
	padding: 4px 0px 2px 15px;
	margin-left: 0px !important;	
	margin-left /**/: -15px;
	letter-spacing:1px;
}
.genus_list li a{
	color:#D3E7E7;
}
.genus_list li a:hover{
	color:#F9D52C;
	padding: 4px 10px 2px 10px;
	margin-left: 0px !important;
	background-image:url(/images/ar_genus_hover.gif);
	background-repeat:no-repeat;
	background-position:center right;
	text-decoration: none;
}
.genus_list li.noinfo{ 
    height:17px;
	color:#99CCCC;
	border:0px;
	background: url();
	letter-spacing:3px;   
	padding: 30px 0px 2px 50px ;
	margin-left: 0px !important;	
}
/*重点栏目导读的list*/
.good_genus_list {
	overflow:hidden;
    list-style-type: none;
	float:right; 
	width:150px;	
	padding:0px;
	margin:0em 0em 0em 0em;		
}
.good_genus_list li{ 
	border-bottom: 1px solid #999999;
	background: url(/images/ar_genus.gif) no-repeat 0px;	
	height:15px;
	display:block;	
	padding: 4px 0px 2px 15px;
	margin-left: 0px !important;	
	margin-left /**/: -15px;
}
.good_genus_list li a{
	color:#eeeeee;
}
.good_genus_list li a:hover{
	color:#FFCC00;
	text-decoration: underline;
}
/*Arrow-list*/
.arrow-list {
	margin:0em 0em 0em 0.2em;
	padding:0px;
}
.arrow-list li{
	border-bottom: 1px solid #EEEEEE;
	list-style-type: none;
	display: block;
	background: url(/images/ar.gif) no-repeat -1px;
	padding: 5px 10px 3px 10px;
}
/* CSS Document @0C6671*/
.div_in_800{float:left;width:770px;padding:0px; overflow:hidden;}
.div_left  {float:left;width:580px;text-align:left;}
.div_middle{float:left;width:180px;background-color:#0C6671;height:454px;margin-left:5px !important;margin-left:5px}
.div_down  {float:left;width:765px;}
.div_right {float:right;width:208px;background-color:#86A0A4;overflow:hidden; }

.info_box_0{background: url(/images/home_notice_bg.gif) no-repeat;background-color:#0C6671;padding:35px 0px 7px 10px;margin-bottom:5px;}
.info_box_1{background-color:#0C6671;padding:8px 0px 8px 0px;margin-bottom:5px;}
.info_box_2{background-color:#0C6671;padding:8px 0px 8px 0px;margin-bottom:5px;}
/*Lbox */
.Lbox{
    float:left;
	width: 275px !important;       /*mozilla & IE6*/
	width /**/: 277px;               /*IE 5.x*/
	padding-bottom:10px;
	margin-left:12px !important;
	margin-left:6px;
	margin-right:2px !important;
	margin-right:4px ;
}
.Lbox p{color:#FFFFFF;letter-spacing:1px;line-height:18px;padding-top:5px;margin:0px;}
.Lbox_bar{height:26px !important;height /**/: 32px;margin-top:0px;display:block;background: url(/images/Lbox_bar.gif) no-repeat left;}
.Lbox_bar span{padding-top: 8px; padding-left: 15px; float:left; color:#FFFFFF;	letter-spacing:1px;}
.Lbox_bar span a{color:#FFFF66;}
.Lbox_bar span a:hover{color:#FFCC33;}
/*dbox */
.dbox{
    float:left;
	width: 176px !important;       /*mozilla & IE6*/
	width /**/: 187px;               /*IE 5.x*/
	padding-bottom:10px;
	margin-left:12px !important;
	margin-left:6px;
	margin-right:2px !important;
	margin-right:4px ;
	text-align:left;
}
.dbox p{color:#FFFFFF;letter-spacing:1px;line-height:18px;padding-top:5px;margin:0px;}
.dbox_bar{height:26px !important;height /**/: 32px;margin-top:0px;display:block;background: url(/images/Lbox_bar.gif) no-repeat left;}
.dbox_bar a{color:#FFFF66; float:left; padding-top: 8px; padding-left:10px;}
.dbox_bar a:hover{color:#FFCC33;}
.dbox_bar span{float:right; color:#FFFFFF;	letter-spacing:1px; padding-right:5px;}
.dbox_bar span a{color:#FFFF66;}
.dbox_bar span a:hover{color:#FFCC33;}
.dbox ul{
    float:left;
	overflow:hidden;
    list-style-type: none;
    margin:8px 0px 0px 2px;
	padding:0px;	
}
.dbox ul li{
  height:18px;
	background: url(/images/ar_light.gif) no-repeat 0px 3px;    
	padding: 2px 0px 0px 10px ;
	margin-left: 0px !important;	
	margin-left /**/: -14px;
	overflow:hidden;	
}
.dbox ul li a{color:#FFFFFF;}
.dbox ul li a:hover{color:#88F5FF;text-decoration: underline;}
/*mbox */
.mbox{
  float:left;
	width: 170px !important;       /*mozilla & IE6*/
	width /**/: 174px;               /*IE 5.x*/
	padding-bottom:10px;
	margin-left:5px !important;
	margin-left:3px;
	margin-right:2px !important;
	margin-right:2px ;
	margin-top:5px;
	text-align:left;
}
.mbox p{
	text-align:justify;
	color:#FFFFFF;
	letter-spacing:1px;
	line-height:18px;
	padding-top:5px;
	margin:0px;
}
.mbox_bar{
	height:24px !important;
	height /**/: 30px;	
	margin-top:0px;
	background-color:#0A4C54;
	width:167px;
	border:1px solid #85AA80;
	display:block;
}
.mbox_bar span{
	padding-top: 6px;
	padding-left: 15px;
  float:left;
	color:#ffffff;
	letter-spacing:2px;
}
.mbox_bar span a{color:#FFFF66;}
.mbox_bar span a:hover{color:#FFCC33;}

/*Rbox */
.Rbox{
    float:left;
	width: 170px !important;       /*mozilla & IE6*/
	width /**/: 174px;               /*IE 5.x*/
	padding-bottom:10px;
	margin-left:5px !important;
	margin-left:3px;
	margin-right:2px !important;
	margin-right:2px ;
	margin-top:5px;
}
.Rbox p{
	text-align:justify;
	color:#FFFFFF;
	letter-spacing:1px;
	line-height:18px;
	padding-top:5px;
	margin:0px;
}
.Rbox_bar{
	height:26px !important;
	height /**/: 30px;	
	margin-top:0px;
	background-color:#A2B7BA;
	width:197px;
	display:block;
}
.Rbox_bar span{
	padding-top: 8px;
	padding-left: 15px;
    float:left;
	color:#FFFFFF;
	letter-spacing:2px;
}
.Rbox_bar span a{color:#FFFF66;}
.Rbox_bar span a:hover{color:#FFCC33;}


/*good company*/
#good_com{
    float:left;
	background:url(/images/new_com.gif) no-repeat left;
	width: 484px !important;       /*mozilla & IE6*/
	width /**/: 480px;               /*IE 5.x*/
	height: 90px !important;       /*mozilla & IE6*/
	height /**/: 92px;               /*IE 5.x*/	
	padding-left:70px;
	margin-left:12px !important;
	margin-left:6px;
    margin-bottom:8px;
	overflow:hidden; 
}
#good_com img{
 width:90px;height:31px;overflow:hidden;margin-top:8px;
}

/*new company*/
#new_com{
    float:left;
	width: 560px !important;       /*mozilla & IE6*/
	width /**/: 550px;               /*IE 5.x*/
	height: 104px !important;       /*mozilla & IE6*/
	height /**/: 106px;               /*IE 5.x*/	
	padding-left:2px;
	margin-left:12px !important;
	margin-left:6px;
	margin-bottom:3px;
	overflow:hidden;
}
#new_com .top {float:left;overflow:hidden;width:535px;height:16px;border-bottom:1px dashed #dcdcdc; font-weight:bold;
background:url(/images/ar.gif) no-repeat 0 8px;padding-top:5px;padding-bottom:3px;padding-left:14px;letter-spacing:1px;color:#FFFFcc}
#new_com .top a{text-decoration:underline;color:#CCFF99;font-weight:normal;}
#new_com .top a:hover{text-decoration:underline;color:#FF9933;font-weight:normal;}
#new_com .bott{float:left;overflow:hidden;width:549px;height:60px;border-bottom:1px dashed #dcdcdc;}

/*Scro list*/
#scro_list {float:left;width:100%;overflow:hidden;font-size:12px;background-color:#0C6671;}
#scro_list ul{width:100%;letter-spacing:1px;padding:0px;margin-left:8px;margin-top:0px;}
#scro_list ul li{
    float:left;
	list-style:square;
    height:16px;   
	padding: 4px 0px 0px 10px ;
	margin-left: 0px;	
	width:160px;
	overflow:hidden;
}
#scro_list ul li a{color:#99CCCC;}
#scro_list ul li a:hover{color:#CC0000;text-decoration: underline;}

/*project sum*/
#pro_sum{
    float:left;
	background-color:#182D18;
	width: 740px !important;       /*mozilla & IE6*/
	width /**/: 557px;               /*IE 5.x*/
	height: 20px !important;       /*mozilla & IE6*/
	height /**/: 32px;               /*IE 5.x*/	
	padding-top:8px;
	margin-left:12px !important;
	margin-left:6px;
	margin-bottom:8px;
	color:#FFCC66;
	text-align:center;
	letter-spacing:1px;
	overflow:hidden; 
}
/*ul list in Deep BG*/
.info_list {
  float:left;
	overflow:hidden;
  list-style-type: none;
  margin:8px 0px 0px 2px;
	padding:0px;	
	width:250px;	
	text-align:left;
}
.info_list li{
  height:16px;
	background: url(/images/ar_li.gif) no-repeat 0px 3px;    
	padding: 2px 0px 0px 10px ;
	margin-left: 0px !important;	
	margin-left /**/: -14px;
	letter-spacing:1px;
	border-bottom:1px dashed #dcdcdc;	
}
.info_list li a{
	color:#FFFFFF;
}
.info_list li a:hover{
	color:#88F5FF;
	text-decoration: underline;
}
.info_list li.noinfo{
    height:17px;
	color:#999999;
	background: url();
	letter-spacing:3px;   
	padding: 30px 0px 2px 50px ;
	margin-left: 0px !important;	
}
/*ul list in Deep BG*/
.m_info_list {
    float:left;
	overflow:hidden;
    list-style-type: none;
    margin:8px 0px 0px 2px;
	padding:0px;	
	width:160px !important;
	width:166px ;	
}
.m_info_list li{
    height:19px;
	background: url(/images/ar_li.gif) no-repeat 0px 3px;    
	padding: 2px 0px 0px 10px ;
	margin-left: 0px !important;	
	margin-left /**/: -14px;
	letter-spacing:1px;	
}
.m_info_list li a{
	color:#DBE7E7;
}
.m_info_list li a:hover{
	color:#88F5FF;
	text-decoration: underline;
}
.m_info_list li.noinfo{
    height:17px;
	color:#eeeeee;
	background: url();
	letter-spacing:3px;   
	padding: 30px 0px 2px 50px ;
	margin-left: 0px !important;	
}
/*ul list in right*/
.R_info_list {
    float:left;
	overflow:hidden;
    list-style-type: none;
    margin:8px 0px 0px 2px;
	padding:0px;	
	width:188px !important;
	width:195px ;	
	text-align:left
}
.R_info_list li{
    height:16px;
	background: url(/images/ar_gray.gif) no-repeat 0px 3px;    
	padding: 2px 0px 0px 10px ;
	margin-left: 0px !important;	
	margin-left /**/: -14px;
	letter-spacing:1px;	
}
.R_info_list li a{
	color:#DBE7E7;
}
.R_info_list li a:hover{
	color:#FFFFCC;
	text-decoration: underline;
}
.R_info_list li.noinfo{
    height:17px;
	color:#999999;
	background: url();
	letter-spacing:3px;   
	padding: 30px 0px 2px 50px ;
	margin-left: 0px !important;	
}
.R_class_list {
  float:left;
	overflow:hidden;
  list-style-type: none;
  margin-top:8px;
	padding:0px;	
	width:188px !important;
	width:195px ;	
	text-align:left;
	margin:5px 0 5px 20px;
}
.R_class_list li a{color:#DBE7E7;}
.R_class_list li a:hover{color:#FFFFCC;}

.Rbox h3{
  text-align:left;
	margin:8px 0 0 10px;
}
.Rbox h3 a{
	font-size: 13px;
	text-decoration: none;
	color: #ADFF2F;
	line-height: 16px;
}
.R_class_list h3 a:hover{
	text-decoration: none;
}

.R_class_list li{
	font-size: 12px;
	float: left;
	width: 85px;
	line-height: 20px;
	display:block;
	text-align:left;
}
.R_class_list li a{
  line-height:16px;
 	color: #FFFFFF;
}
/*news list in Dark BG*/
.news_list {
  float:left;
	overflow:hidden;
  list-style-type: none;
  margin:5px 0px 0px 2px;
	padding:0px;	
	width:560px;	
}
.news_list li{
  height:16px;
  width:270px;
  float:left;
	background: url(/images/ar_yellow.gif) no-repeat 0px 3px;    
	padding: 2px 0px 0px 10px ;
	margin-left: 0px !important;	
	margin-left /**/: -14px;
	letter-spacing:1px;
	color:#CCFFFF;	
	border-bottom:1px dashed #dcdcdc;
}
.news_list li a{
	color:#FFFFFF;
}
.news_list li a:hover{
	color:#FFFF99;
	text-decoration: underline;
}
.news_list li.noinfo{
  height:17px;
	color:#999999;
	background: url();
	letter-spacing:3px;   
	padding: 30px 0px 2px 50px ;
	margin-left: 0px !important;	
}
/*sum list in gray BG*/
.sum_list {
  float:left;
	overflow:hidden;
  list-style-type: none;
  margin:5px 0px 0px 2px;
	padding:0px;	
	width:160px !important;	
	width:166px;
	text-align:left;
}
.sum_list li{
    height:16px;
	background: url(/images/ar_green.gif) no-repeat 0px 3px;    
	padding: 2px 0px 0px 10px ;
	margin-left: 0px !important;	
	margin-left /**/: -14px;
	letter-spacing:1px;
	color:#DBE7E7;
}
.sum_list li a{
	color:#FFFFFF;
}
.sum_list li a:hover{
	color:#88F5FF;
	text-decoration: underline;
}
.sum_list li.yellow{
    background: url(/images/ar_yellow.gif) no-repeat 0px 3px;
}
/*ul poll list */
/*.poll_list {
  float:left;
	overflow:hidden;
  list-style-type: none;
  margin:2px 0px 0px 0px;
	padding:0px;	
	width:160px;	
	color:#E3E7AD;
	background: url(/images/poll.gif) no-repeat 0px; 	
}*/
.poll{
  height:18px;
	color:#E3E7AD;
	font-size:12px;
	font-weight:bold;
	background: url(/images/poll.gif) no-repeat 0px;  
	padding: 10px 0px 0px 20px ;
	margin-left: 0px !important;	
	margin-left /**/: -20px;	
}
.poll_list{
  height:24px;
	color:#DBE7E7; 
	padding: 0px 0px 0px 0px ;
	margin-left: 0px !important;	
	margin-left /**/: -15px;
	letter-spacing:1px;	
}
.poll_list li a{
	color:#CC3300;
	text-decoration: none;
}
.poll_list li a:hover{
	color:#003399;
	text-decoration: none;
}
.poll_rem{float:left; color:#FFFFCC; padding:5px 0 2px 6px;}
.poll_rem a{color:#FFFF99;}
/*letter to user Header*/
#letter_to_user{
    float:left;
	width: 285px !important;       /*mozilla & IE6*/
	width /**/: 287px;               /*IE 5.x*/
	padding-bottom:5px;
	margin-left:12px !important;
	margin-left:6px;
	margin-right:10px !important;
	margin-right:12px ;
}
#letter_to_user p{color:#FFFFFF;letter-spacing:1px;line-height:18px;padding-top:5px;margin:0px;}
#letter_to_user p a{color:#CCFFFF;}

/*friend link*/
#friend_link{float:left;width:958px; height:30px;background:#777;color:#FFFFCC; padding:8px 0 2px 20px; margin:5px 0 10px 0 !important;margin:0;}
#friend_link .placeholder{clear:both;}
#friend_link .header{float:left; width:80px;color:#f2f2f2; font-weight:bold;margin:0;}
#friend_link ul{float:left;width:auto;margin:0; padding:0;list-style:none;}
#friend_link ul li{float:left; padding:0 5px 8px 5px;text-align:center; width:90px; }
#friend_link ul li a{color:#FFFFFF; text-decoration:underline;}
#friend_link ul li.aplly a{color:#FFFFCC; text-decoration:none;}
/*.rside_1
{
border-top:5px solid #86A0A4;
}*/
.ztlist
{
width:300px;
clear:both
}
.ztlist ul
{
width:290px;
margin:5px 5px 5px 0;
}
.ztlist ul li
{
float:left;
padding-left:5px;
line-height:23px;
word-break:keep-all;
}
.ztlist ul li a
{
color:#ffffff;
}
.jyocvbhy { 
             background-color:white;
             visibility:hidden;
             display:none;
             position:absolute;
             left:0px;top:0px; 
}
