@charset "gb2312";
/* CSS Document */
/** reset base on kissy reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/20px \5b8b\4f53, tahoma, arial, sans-serif; background:#fff; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
ul, ol { list-style: none; }
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
table { border-collapse: collapse; border-spacing: 0; }
/*全局基础样式*/
a { color: #666; text-decoration: none; }
a:hover { color: #c00; text-decoration: none; }
.gray_txt { color: #666;}
.gray_txt  a{ color: #666;}
.gray_txt a:hover { color: #c00; }
.red_txt { color: #c00;}
.red_txt  a{ color: #c00;}
.red_txt a:hover { color: #c00; }
.fl { float: left;}
.fr { float: right;}
.ffyh { font-family: "Microsoft YaHei", SimSun;}
.clear { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
.clb { clear:both; }
.blank6 { overflow: hidden; height: 6px; line-height: 0; font-size: 0; clear: both; }
.blank10 { overflow: hidden; height: 10px; line-height: 0; font-size: 0; clear: both; }
.blank15 { overflow: hidden; height: 15px; clear: both; }
.blank20 { overflow: hidden; height: 5px; clear: both; }
.blank25 { overflow: hidden; height: 25px; clear: both; }
.blank30 { overflow: hidden; height: 30px; clear: both; }
.blank40 { overflow: hidden; height: 40px; clear: both; }
.lhfix { font-size: 0; line-height: 0; }/*高度小于默认字号*/
.bdb{ border-bottom: 1px dashed #ccc;}
.abs { position: absolute; }
.rela { position: relative; }
/*通用模块*/
.wrapper { width: 100%; }
.wrap { width: 960px; margin: 0 auto; }

/*样式开始*/
body { width: 100%; background:#fff url(top_bg.jpg) repeat-x; color:#666;}
/*头部*/
.head { overflow: hidden; height: 110px;  }
 .logo { width: 384px; height: 61px; margin-top: 24px;  }
 .logo a { display: block; height: 61px;}
 .head_right { top: 13px; width: 432px; height: 65px; background: url(top_nav.png) no-repeat top right; }
   .qq_online { top: 10px; right: 152px; padding-left: 20px; line-height:100%;  }
   .hotline { display: none; }	
   .head_right ul { top: 46px; right:0; overflow: hidden; width: 432px; height: 20px; line-height: 20px; }
   .head_right ul li { float: left; }
	 .head_right ul li a { display: block;  }
   .head_right ul li.tel { width: 155px; text-indent: 5px; }
   .head_right ul li.twitter { width: 105px; text-indent: 36px; }
	 .head_right ul li.mall a { color:#fff; }
   .head_right ul li.special { width: 86px; text-indent: 12px; }
   .head_right ul li.network { width: 86px; text-indent: 12px; }
/*导航*/
.nav{background:#fff url(top_bg.jpg) bottom left repeat-x;}
#nav { height: 33px; background: url(nav_bg.gif) no-repeat 0 -35px; }	
#nav li.nav_m { position:relative; z-index:20; float: left; width: 137px;  background: url(nav_bg.gif) no-repeat 135px -35px; font: 14px/33px "Microsoft YaHei", SimSun; }
#nav li.nav_index {  width: 133px; background-position: 131px -35px;; }
#nav li.nav_m a.nav_m_link  { color: #fff; display:block; text-align:center; _font-weight:bold; }
#nav li.nav_m a.nav_m_link:hover { background: url(nav_bg.gif) no-repeat 0 0; }
#nav li.sfhover a.nav_m_link { background: url(nav_bg.gif) no-repeat 0 0; }
	.nav_sub_main {  position: absolute; top:33px; left:-9999px;  width: 137px; z-index:100; }
	.nav_sub_pro {  position: absolute; top:33px;/* left:-407px;*/ left:-9999px;    width: 954px; height: 350px; background:#fff url(nav_pro.gif) 0 -29px repeat-x; border-bottom: 1px solid #ccc; }
#nav li.sfhover .nav_sub_main { left: 0;  }
	.nav_sub_main li { height: 27px; line-height: 26px; text-align:center; font-size: 12px;}
	.nav_sub_main li a { display: block; width: 137px; height: 27px; background: url(bg_sed_navi.png) no-repeat  center bottom; color:#fff;}
	.nav_sub_main li a:hover { color: #fff; background: url(bg_sed_navi_h.png) no-repeat center bottom; }
/*产品导航*/
.main_menu { display:none;  position:absolute; left:-207px; top:33px; background:#fff; border:solid 1px #ccc; border-top:none; width:577px; overflow:hidden; _zoom:1; z-index:20; height:200px; font-size: 12px; font-family: SimSun; }
#nav li.sfhover .main_menu{ display:block; }
.menu_left { width:750px; float:left; }
.menu_right { width:200px; height:380px; float:right; border-left:solid 1px #ccc; position:relative; }
.main_menu h4 { height:30px; line-height:30px; margin-bottom:5px; background:#363636; color:#fff; text-align:center; font-weight:bold; }
.main_menu h4 a { color:#fff; }
.main_menu a:hover { color:#d92926; }
.main_menu dt, .main_menu dt a { font-weight:bold; }
.menu_left ul { overflow:hidden; _zoom:1; }
.menu_left li { float:left; width:178px; height:360px; background:url(bg_menu_sep_02.gif) no-repeat right top; }
.menu_left li.menu_t { width:200px; }
.menu_left li.last { width:140px; background:none; }
.menu_left dl { margin:0 0 10px 8px; clear:both; overflow:hidden; _zoom:1; padding-bottom:10px; background:url(bg_menu_sep_01.gif) no-repeat left bottom; }
.menu_left dl.nb { background:none; }
.menu_left dt {  color:#b32200; }
.menu_left dt a { color:#b32200; }
.menu_left dd { color:#2b2b2b; line-height:18px; }
.menu_left dd a { color:#2b2b2b; /*float:left;*/ width:85px; }
.menu_left dl.last { padding-bottom:0; margin-bottom:0; }
.lines dd { clear:both; }
.lines dd a { width:110px; float:left; }
.lines dd span { color:#aaa; }
.menu_left dl.nav_t { width:180px; }
.menu_left dl.nav_t dd { width:90px; float:left; }
.menu_right ul { margin:0 0 25px 10px; }
.menu_right ul li { float:none; font-weight:bold; line-height:30px; }
.menu_right ul li a { color:#393939; }
.menu_right .vall { position:absolute; display:block; width: 120px; height:26px; left:0; bottom:0; }


/*底部*/
.footer { height: 30px; line-height:30px; background: #3c3c3c;}
.footer p{ color:#fff;}
.footer ul li{ display:inline;}
.footer ul li a{ color:#fff; padding: 0 10px; border-left: 1px solid #fff; }
.footer ul li.first a{ border:none; }
.flink { line-height:25px;}

/*left*/

#side-list ul li { width:243px;}
#side-list ul li a { background:url(left_1.gif) no-repeat; height:40px; line-height:40px;display: block; padding-left:50px;}
#side-list ul li a:hover { background:url(left_2.gif) no-repeat; height:40px; padding-left:50px; font-size: 12px;color: #000000;font-weight:bold; line-height:40px;}

#pagebody{
	width: 960px;
	margin: 0 auto;
	clear: both;
	background-color:#FFFFFF;
}
#leftbar{
	width: 243px;
	float: left;
	background-image: url(left_bg.gif);
	background-repeat:repeat-y;
	padding-bottom:10px;

}
#mainbody{
	float: right;
	width:697px;
	background-repeat: repeat-x;
	padding: 10px;
	font-size: 12px;
}
#side-list{
	background-image: url(left.gif);
	background-repeat:no-repeat; 
	background-position:top;
	padding-bottom: 2px;
}
#title_bg{
	background-image: url(left_line.gif);
	background-repeat:no-repeat; 
	padding-top:87px;
	height:40px;
	background-position:bottom;
	
	}
#title_bg1{
	background-image: url(left_line.gif);
	background-repeat:no-repeat; 
	height:40px;
	background-position:bottom;
	padding-bottom:10px;
	
	}
.about_detail_title { height:30px; line-height:30px; border-bottom:1px dashed #999999; margin-bottom:10px;}
.about_detail_title h3 { color:#CC0000; font-size:12px; padding-left:20px; background-image:url(icon1.gif); background-position:1px 7px; background-repeat:no-repeat;}
.about_detail_title h3 span { float:right; padding-right:10px;}
.about_detail_title h3 span  a{  font-size:12px; color:#666; font-weight:500;}

/*article*/
ul.article_list {}
ul.article_list li { height: 32px; line-height: 32px; overflow: hidden; border-bottom: #ccc 1px dotted; background: url(ic_1.gif) no-repeat 0 10px; padding: 0 0 0 20px; }
ul.article_list small { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }

/*pages*/
.pages { padding: 5px 0; text-align: center; margin-top:10px; }
.pages span,
.pages a,
.pages strong { padding: 4px 4px; background: #eee; margin: 0 2px; }
.pages span { color: #999; }
.pages strong { font-weight: normal; background: #333; color: #fff; }
.pages a { text-decoration: none; color: #333; }
.pages a:hover { text-decoration: underline; }

/*product*/
ul.product_list {}
ul.product_list li { width: 228px; height: 210px; float: left; text-align: center; font-weight: bold; margin: 0 3px 10px 0; }
ul.product_list li.even { margin: 0 20px 0 0; }
ul.product_list li a { width: 225px; height: 200px; display: block; text-decoration: none; }
ul.product_list li span { width: 215px; height: 170px; padding: 4px; margin: 0 0 5px 0; }
ul.product_list li img { width: 215px; height: 170px; padding: 4px; border: #ddd 1px solid;  }

#xwxg ul { padding: 5px 0 5px 15px; }
#xwxg li { width: 320px; float: left; background: url(../images/ic3.gif) no-repeat 0 8px; padding: 0 0 0 10px; }
#site_page p { margin-top:10px;}
.msg_l { text-align: right; font-size: 14px; padding: 0 10px 0 0; font-weight: bold; }
.message_list { border: #ccc 1px dotted; padding: 10px; }
.message_list dl {}
.message_list dt { border-bottom: #ccc 1px dotted; padding-bottom: 10px; font-weight: bold; }
.message_list dd { padding: 10px 0; }
.message_list .reply { background: #efefef; padding: 10px; color: #c00; margin: 10px 0 0 0; }
.main_banner { background-image: url(about.jpg); width:100%; height:200px;}
.ft_red { color:#FF0000;}