/* CSS Document */

body{padding:0;  margin:0;  font-family:Arial, Helvetica, sans-serif; color:#333333;}
div, h2, h3, h4, p, form, label, input, textarea, img, span{margin:0; padding:0;}
h1, h2, h3, h4{font-size:12px; display:inline}

.width{width:950px;margin:auto;overflow:hidden;}
.mag_t{margin-top:2px;clear:both;}
.mag_t10{margin-top:10px;clear:both;}

a:link {  font-family: "Verdana", "Tahoma", "宋体";  font-size: 12px; color:  #333333;  text-decoration: none;}    
a:visited{  font-family: "Verdana", "Tahoma", "宋体"; font-size: 12px; color: #333333;  text-decoration: none; }
a:hover { font-family: "Verdana", "Tahoma", "宋体"; font-size: 12px; color: #CC3333330;  text-decoration: none;}
a:active{  font-family: "Verdana", "Tahoma", "宋体";  font-size: 12px;  color: #333333;  text-decoration: none;}
ul{ margin:0;  padding:0; list-style-type:none; font-size:0; line-height:0; }
.spacer{ clear:both;  font-size:0;  line-height:0; }
.kuang2 {	background-color: #f7f7f7;	border: 1px solid #DBDBDB;	font-family: "Verdana", "Tahoma", "宋体";	font-size: 12px;}

/*------大体框架-------------------------------------------------------------------------------------------------*/

/*------头部开始-------------------------------------------------------------------------------------------------*/
#topmain{
	width:100%;
	background:url(../images/top_bg.gif) 0 0 repeat-x;
	padding:19px 0 0 0;
	overflow: hidden;
}
#top{ width:996px; margin:0 auto;}
#top img.logo{ display:block; font-size:0; line-height:0; padding:7px 0 0 0; float:left; margin:0 15px 10px 0; }
#top p.topTxt{ display:block; width:510px; font-size:12px; line-height:19px; color:#333333; background-color:inherit; float:left;padding:18px 0 0 0;}
#top p.toplink{ display:block; width:230px; font-size:12px; line-height:19px; color:#333333; background-color:inherit; float:right; padding:15px 0 0 0;}

/*------菜单开始-------------------------------------------------------------------------------------------------*/
#top ul.nav{ width:830px; height:30px; padding:0 0 0 0; float:left;}
#top ul.nav li{ float:left; margin:0 0 3px 0; font-size:12px;  line-height:30px; }
#top ul.nav li a{ display:block; background:url(../images/nav_bg.gif) 0 0 no-repeat; width:87px; height:30px; font:bold 12px/30px  "Arial", Helvetica, sans-serif;  color:#fff;  background-color:inherit;  text-decoration:none;  text-align:center; }

#top ul.nav li a:hover{ background:url(../images/nav_bg_hover.gif) 0 0 no-repeat; color:#D20200; background-color:inherit; }
#top ul.nav li a.hover{ display:block; background:url(../images/nav_bg_hover.gif) 0 0 no-repeat;  width:87px;  height:30px; font:bold 12px/30px  "Arial", Helvetica, sans-serif; color:#D20200; background-color:inherit; text-decoration:none; text-align:center;cursor:text;}

#top ul.navtel li{ float:right; margin:0 auto; font-size:12px; line-height:30px; }
#top ul.navtel li { display:block; background:url(../images/nav_bg.gif) 0 0 no-repeat; width:150px; height:30px; font:bold 12px/30px  "Arial", Helvetica, sans-serif; color:#FCFF00; background-color:inherit; text-decoration:none; text-align:center;}

#top ul.nav li.sep{background:url(../images/navi_sep.gif) no-repeat center center; height:30px; overflow:hidden;}

#top ul.sub{ float:left; display:block; width:996px; height:33px; }
#top ul.sub li {
	float:left;
	font:normal 12px/34px  "Arial",Helvetica, sans-serif;
	color:#1F2123;
	background-color:inherit;
	text-decoration:none;
	padding-left: 10px;
}

/*------Banner开始-------------------------------------------------------------------------------------------------*/
#top ul.barmune{ width:230px; padding:0 0 0 0; float:left;}
#top ul.barmune li{ float:left;font-size:12px;  line-height:36px;  height:36px;}
#top ul.barmune li a{float:left; display:block; background:url(nav_bg.gif) 0 0 no-repeat; width:230px; height:36px; font:bold 12px/30px  "宋体", Helvetica, sans-serif;  color:#FFE400;  background-color:inherit;  text-decoration:none;  text-align:center; FILTER: dropshadow(color=#000000, offx=1, offy=0, positive=1)}
#top ul.barimg{ width:760px; padding:0 0 0 0; float:right;}
#top ul.barimg li{ float:right;font-size:12px;  height:180px;}


/*------中间部分---------------------------------------------------------------------------------------------------*/
#bodyMain{
  width:100%;  color:#333333;}
#body{
  width:996px;  margin:0 auto; background-color:#EDF1F4; height:795px;}
  
  
/*------MAIN右侧开始------------------------------------------------------------------------------------------------*/
#left{
	width:220px;
	float:right;
	background:url(../images/body_bg.gif) 0 0 repeat-x;
	background-color:#fff;
	padding-right:6px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
}
#left h2{  display:block; width:220px; height:24px; line-height:24px; background:url(../images/whios_title.gif) 0 0 no-repeat; margin:0 0 5px 4px;  }
#left h2 span{ background:url(../images/arrow.gif) 0 3px no-repeat; padding-left:10px; font-size:12px; font-weight:bold; color:#ffffff; ackground-color:inherit;}
#left ul{ width:220px; padding-bottom:5px;}
#left ul li{ margin:0 0 5px 0px; padding-left:10px; font:normal 12px/24px tahoma, Arial, Helvetica, sans-serif;}
#left ul li a{ display:block; background:url(../images/line.gif); padding:0; color:#333333; font-size:12px; line-height:24px; text-decoration:none;}
#left ul li a span.bg{ background-color:#FDE276;  color:#333333;    font:normal 9px/15px Tahoma, Arial, Helvetica, sans-serif;  text-align:center; float:left; margin:4px 0px 0 0;}
#left ul li a span.nor{ background-color:ffffff; width:80px;  height:80px;  font:normal 12px/24px Tahoma, Arial, Helvetica, sans-serif;  float:left;  margin:10px 0px 0 0px;}
#left ul li a:hover{  color:#333333;}
#left ul li a:hover span.bg{  color:#000;}
#left ul li a:hover span.nor{  color:#2F2F20;}
#left ul li.contact{  float:left;display:block; color:#2F2F20;  width:200px;  height:171px;  background-color:#fff;  }
#left ul li.contact a{ float:left; display:block;  width:180px; height:25px;}
#left ul.seo{
	clear: both;
	overflow: hidden;
}
#left ul.seo li a{
	float: left;
}

/*------MAIN左侧开始-------------------------------------------------------------------------------------------------*/

#right{
	width:750px;
	float:left;
	background-color:#FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
	padding-top: 5px;
}
#news{
	width:750px;
	background:url(../images/body_bg.gif) 0 0 repeat-x;
	height:190px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#news ul{  float:left;  display:block;  width:750px;  margin:0 0 0 4px;}
#news ul.whios{	float:left;  display:block;  width:210px;  margin:0 0 0 4px;}
#news ul.whios li.title{  display:block;  width:190px; height:24px;  background:url(../images/whios_title.gif) 0 0 no-repeat;  font:normal 12px/24px Arial, Helvetica, sans-serif;  font-weight:bold;  color:#fff;  background-color:inherit;  padding:0 0 6px 24px;}

#news div.font{
	display:inline;
	width:190px;
	height: 145px;
	background-color: #F4F7F9;
	margin-left: 10px;
	float: left;
	padding: 5px;
	font-size: 12px;
	line-height: 19px;
}
#news ul.news{float:right; display:block; width:527px; margin:0 0 0 0;}
#news ul.news li.title{  float:left;  display:block;  width:503px; height:24px;  background:url(../images/news_title.gif) 0 0 no-repeat;  font:normal 12px/24px Arial, Helvetica, sans-serif;  font-weight:bold;  color:#fff;  background-color:inherit;  padding:0 0 0px 24px;}

#news ul.newstitle{	float:right; 	display:block; 	width:527px;	margin:0 0 0 0;}
#news ul.newstitle li.img{  float:left;  display:block;  width:158px; height:168px;  background:url(../images/newsimg.gif) 0 0 no-repeat;  font:normal 12px/22px Arial, Helvetica, sans-serif;  color:#000000;  text-align:center;}

#news ul.newstitle li{  float:left;   display:block;  width:300px; height:28px;  background:url(../images/news_line.gif);  font:normal 12px/25px Arial, Helvetica, sans-serif;  color:#333333;  background-color:inherit; padding-left:20px;}

#news ul.newstitle li span{    display:block;  height:26px;  font:normal 11px/25px Verdana, Helvetica, sans-serif;  color:#666;  background-color:inherit; float:right;}

#right ul.case_title{  float:left;  display:block;  height:33px;  color:#fff;  width:747px;  background-color:inherit;  padding-bottom:5px;}
#right ul.case_title li{  display:block;  height:33px;  background:url(../images/case_title.gif) 0 0 no-repeat;  font:12px/24px Arial, Helvetica, sans-serif;  background-color:inherit;  padding:6px 0 0 25px;}

#right ul.case{text-align:center;width:100%;overflow:hidden; padding-left:2px;}
#right ul.case li{float:left; line-height:24px;}
#right ul.case img{border:1px solid #ddd;padding:2px;margin:4px 0;}
#right ul.case{text-align:center;width:100%;overflow:hidden;}
#right ul.case li{float:left;width:20%;}

#right ul.case_title li a:link {  font-family: "Verdana", "Tahoma", "宋体";  font-size: 12px; color:  #FF4200;  text-decoration: none;}    
#right ul.case_title li a:visited{  font-family: "Verdana", "Tahoma", "宋体"; font-size: 12px; color: #FF4200;  text-decoration: none; }
#right ul.case_title li a:hover { font-family: "Verdana", "Tahoma", "宋体"; font-size: 12px; color: #333333;  text-decoration: none;}
#right ul.case_title li a:active{  font-family: "Verdana", "Tahoma", "宋体";  font-size: 12px;  color: #FF4200;  text-decoration: none;}

#right p.Package{	float:left;	width:740px;	display:block;	font:bold 12px/27px Arial, Helvetica, sans-serif;	background:url(../images/tc_bg.gif) ;	color:#FF3300;	height:27px;	background-color:inherit;	margin:10px 4px 8px 4px;}

#right p.Package span{ padding-left:450px;  font:normal 12px/27px Arial, Helvetica, sans-serif;  color:#D90D0D;}
#right ul.package{ float:left;  width:730px;  display:block;  height:140px;  color:#333333;  background-color:#F9F9F9;  margin:0 4px 15px 8px;  }
#right ul.package li{float:left; display:block; height:28px; width:210px; font:normal 12px/28px Arial, Helvetica, sans-serif; text-align:left;margin:0 5px 0 0;padding-left:20px;  background:url(../images/dot.gif) repeat-y left;}

#right ul.package li span{float:left; display:block; height:28px; width:210px; font:bold 12px/28px Arial, Helvetica, sans-serif;  }
#right ul.package li.font{float:left; display:block; height:28px; width:210px; font:normal 12px/28px Arial, Helvetica, sans-serif; background-color:#FFFFFF; text-align:left; margin:0 5px 0 0; padding-left:20px;  background:url(../images/dot.gif) repeat-y left;}


/*------foot开始-------------------------------------------------------------------------------------------------*/
#footerMain{
	width:100%;
	background:url(../images/foot_bg.gif) 0 0 repeat-x;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	overflow: hidden;
}
#footer{
	width:996px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 10px;
}

#footer ul.nav{ width:996px; height:28px; float:left;display:block;  }
#footer ul.nav li{ float:left; margin:0 0 3px 0; font-size:12px;  line-height:28px; }
#footer ul.nav li a{ display:block;  width:90px; height:28px; font:normal 12px/28px  "Arial", Helvetica, sans-serif;  color:#fff; text-align:center; }
#footer ul.nav li a:hover{ color:#D20200; background-color:inherit; }
#footer ul.nav li a.hover{ display:block; background:url(../images/nav_bg_hover.gif) 0 0 no-repeat; height:28px; font:bold 12px/30px  "Arial", Helvetica, sans-serif; color:#D20200; background-color:inherit; text-decoration:none; text-align:center;cursor:text;}
#footer ul.nav li.sep{background:url(../images/foot_sep.gif) no-repeat center center; height:30px; overflow:hidden;}

#footer ul.copyright{
	display:block;
	width:960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 10px;
}
#footer ul.copyright li{
	float:left;
	display:block;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
	overflow: hidden;
}
#footer p.foot_logo{
  display:block;
  width:210px;
  height:40px;
  float:left;}

#footer p.foot_seo{
  display:block;
  width:600px;
  height:40px;
  float:left;
  font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#333333;
}

/*------------------------------------------------footer--------------------*/










/*内容部分样式*/
.c_l{
	width:730px;
	overflow:hidden;
	float: left;
	display: inline-block;
	padding-bottom: 10px;
}
.c_r{
	width:200px;
	overflow:hidden;
	float: right;
	padding-bottom: 10px;
}
.sub_i_bg{background:url(../images/sub_i_bg.gif) repeat-x top;}
.sub_i_title{background:url(../images/sub_title_bg.gif) no-repeat;line-height:30px;height:30px;padding-left:10px;color:#ffffff;font-weight:bold;width:72px;}
.sub_i_b{border:1px solid #D6D6D6;border-top:0px;width:418px;height:138px;padding:10px;}
.sub_i_bg01{background:url(../images/i_t_bg.gif) repeat-x;border:1px solid #D6D6D6;border-bottom:0px;line-height:27px;font-weight:bold;color:#fff; padding-left:12px;overflow:hidden; font-size:12px;}
.sub_i_bg01 span{float:right;font-weight:normal;padding-right:12px;color:#A1CC8A;}
.sub_i_bg01 span span{float:none;padding:0px;margin:0 2px;}
.sub_i_bg01 span a{color:#ffffff;}
.sub_i_bg01 span a:hover{color:#f30;}
.sub_i_b01{border:1px solid #D6D6D6;padding:6px;overflow:hidden;}
.sub_i_b_link{border:1px solid #D6D6D6;border-top:0px;padding:10px;}
#info_ordnum div{float:left;}
.pic_ordnum div{float:left;}
.sub_bg{background:url(../images/sub_bg.gif) no-repeat center;width:65px;height:24px;line-height:25px;text-align:center;font-weight:bold;color:#ffffff;margin:5px 0 -1px 0;position:relative;}
.sub_bg a{color:#ffffff}
.unsub_bg{background:#fff url(../images/unsub_bg.gif) no-repeat center;width:65px;height:24px;line-height:25px;text-align:center;color:#909090;font-weight:normal;margin:5px 0 -1px 0;}
.unsub_bg a{color:#909090}
#sub_width{width:345px;}
.foot{text-align:center;padding:10px;}
#foot{color:#D0D0D0;}
#foot a{color:#666;}
#notice{height:149px;}
#notice li span{float:right;}
#link{width:100%;}
#link li{float:left;}
#link_pic{width:100%;}
#link_pic li{float:left;margin:2px 0;}
#index_pic{text-align:center;width:100%;overflow:hidden; color:#FFFFFF}
#index_pic li{float:left;width:20%; line-height:26px; padding-bottom:10px; width:140px; padding-left:30px;  }
#index_pic li img{border:0px solid #ddd;padding:2px;margin:4px 0;}
.index_pic{text-align:center;width:100%;overflow:hidden;}
.index_pic li{float:left;width:20%;}
.index_pic li img{border:1px solid #ddd;padding:2px;margin:4px 0;}
#vote{margin:10px;}
#vote li{line-height:24px;height:24px; font-size:12px;}
.vote{background:url(../images/vote_bg.gif) no-repeat;color:#000;text-align:center;border:0px;width:44px;line-height:26px;height:26px;font-size:12px; margin-left:15px;}
/*自定义的一些功用css*/
#info li{background:url(../images/dot.gif) repeat-y left;height:24px;line-height:24px;padding-left:16px;}
#info li span{float:right;color:#999;}
#info_list li{line-height:28px;height:28px;background:url(../images/line.gif); padding:0 4px 0 4px;}
#info_list li.title{line-height:29px;height:25px;border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED; background-color:#F7F7F7; font-size:12px; padding-left:30px;}
#info_list li.title span{line-height:28px;height:29px; border:1px solid #EDEDED; border-bottom:0px none; background-color:#FFFFFF; width:150px; text-align:center; margin-right:20px;}
#info_list span{float:right;color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#info_tt li{float:left;width:50%;}
#info_tt li span{float:right;color:#999;margin-right:4px;}


#right_sub li{background:url(../images/class_bg.gif) no-repeat left;height:28px;line-height:28px;text-indent:24px;/*float:left;width:50%;*/}
#right_sub li b{/*font-weight:normal;color:#f00;*/}
.book{border:1px solid #D4D4D4;}
#book dt{line-height:35px;}
#book input{height:20px;line-height:20px;border:1px solid #ccc;padding:0px;font-size:12px;}
#book textarea{width:90%;height:120px;overflow:auto;border:1px solid #ccc;background:url(../images/tishi.gif) no-repeat right bottom;}
.book_show{background:url(../images/i_t_bg.gif);border:1px solid #D6D6D6;line-height:26px;height:26px;padding:2px 6px;margin-top:10px;}
.book_show span{float:right;}
.book_content{border:1px solid #D6D6D6;border-top:0px;padding:6px;overflow:hidden;word-break:break-all;margin-bottom:10px;}
.book_content span{color:#333;font-weight:bold;margin-top:10px;}
.book_page{margin:10px 0;text-align:center;}
.book_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #CDBF9E;color:#A0A0A0;}
.book_page .pageon{background:#FDF8F4;color:#f60;margin:0px 1px;padding:4px 6px;border:1px solid #CDBF9E;}
.pre_page{color:#fff;}
.pre_page a{color:#ff0;}
.pre_page a:hover{color:#060;}


/*内容分页部分*/
.content_page{text-align:center;margin:8px;}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #CDBF9E;color:#A0A0A0;}
.content_page span{background:#FDF8F4;color:#f60;margin:1px;padding:4px 6px;border:1px solid #CDBF9E;}
/*列表分页部分*/
.list_page{
	text-align:center;
	margin:8px;
	font-size: 12px;
}
.list_page a{
	background:#fff;
	margin:1px;
	padding:4px 6px;
	border:1px solid #CDBF9E;
	color:#A0A0A0;
	font-size: 12px;
}
.list_page span{
	background:#FDF8F4;
	color:#f60;
	margin:1px;
	padding:4px 6px;
	border:1px solid #CDBF9E;
	font-size: 12px;
}
.tags{list-style:none;margin:8px;color:#666;}
.tags li{margin:0;padding:0;}
.tags h1{font-size:14px;font-weight:bold;margin:0;padding:0;}
.tags li span{color:#999;}
.tags hr{color:#fff;height:0px;border:0px;border-top:1px dashed #ccc;margin:6px 0;}
/*公告页面部分*/
.notice_title{text-align:center;font-size:14px;font-weight:bold;line-height:30px;}
.notice_title hr{color:#fff;height:1px;width:96%;align:center;border-top:1px solid #ccc;overflow:hidden;}
.notice_info{
	text-align:center;
	border:1px solid #FFCDA5;
	background:#FFF9F4;
	height:25px;
	line-height:25px;
	margin:6px 0;
	font-size: 12px;
}
.notice_info span{color:#f00;}
.notice_info span a{color:#f00;text-decoration:underline;}
.notice_jj{padding:10px;background:#FCFCFC;}
.notice_content{word-break:break-all;overflow:auto;width:auto;padding:10px;margin-bottom:10px;}
.notice_content table,.notice_content td,{font-size:12px;line-height:20px;color:#555;}

#pageContent{
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 695px;
	overflow: hidden;
}
#pageContent,#pageContent table,.#pageContent td,{font-size:12px;line-height:20px;color:#555;}

