@charset "gb2312";
* { margin: 0; padding: 0;}
body { text-align: center; font-size: 12px; color: #333; background: url("../images/mbg.jpg") no-repeat center top;}
ul,ol,dl { list-style: none;}
a { text-decoration: none; color: #333;}
img { border: none;}

#hwrap { text-align: center;  height: 132px; width:960px; margin: 0px auto; }
#container { text-align: left; width:960px; margin: 0px auto; position:relative;  }
#header { height: 131px; text-align: left; width:960px; margin: 0px auto; position:relative;  background: url(../images/header.jpg) no-repeat;}
#logo {clear:both; float:left; height: 78px; margin-top:0px; width:960px;}

#top_nav { position:absolute; z-index:10; right:0px; top:10px; background: url(../images/top_nav.gif) no-repeat; width:120px; height: 22px; }
#top_nav a { display: inline-block; width:50px; height: 20px;  margin-top: 0px;}
#bodywrap { position:relative;  text-align: left; width:1048px; margin: 0px auto; background: url("../images/bg.jpg") repeat-y scroll center top #FFFFFF; }

#menu_wrap {  background: url(../images/menu_bg.jpg) repeat-x; height:46px; margin-top:4px; } 

#menu { clear: both; height: 46px; margin-left:25px;}
#menu ul { margin-left: 0px;}
#menu li { float: left; line-height: 46px; height: 46px; font-size: 14px; padding: 0px 0px; width:95px;}
#menu li.home { padding: 0px 0px; background: url(../images/m_hover.jpg) no-repeat;}
#menu li.home  a { color:#fff; }
#menu li a { color: #FFF; font-weight:normal; width:105px; display:block; height:46px; text-align:center; font-size:14px; font-family:"微软雅黑";}
#menu li a:hover { color:#fff;}
#menu li.home a:hover { color:#fff;}
#menu li.menusep { width:0px; text-align:center; padding: 0px 0px; color:#008572; background: url(../images/menu_sep.png) 0px 3px no-repeat;}
#banner { clear:both; height: 440px;}

#fwrap { text-align: center;  height: 86px; background: #F6F6F6 url(../images/ft_bg.jpg) repeat-x; width:960px; margin:0px auto;}
#footer { clear: both; text-align: left; width:960px; margin: 0px auto; height: 86px;}

#ft_menu { height: 303px; background: url(../images/ft_menu.jpg) no-repeat;}

#ft_copyright { line-height: 25px; color:#333; height:86px; text-align: center; padding: 0px 5px; margin-top:0px; /* background: url(../images/ft_bg.jpg) no-repeat; */}
#ft_copyright a { color:#333;}

#idx_nav { float:left; width:243px; height:285px; background: #ccc url(../images/idx_nav.jpg) no-repeat;}

#tel { clear: right; float: right; background: url(../images/top_nav.gif) no-repeat; width:422px; height: 40px; text-align: right; margin-top:5px;}

#middle { margin:0px auto; }


/* side */

/* 解决中文文字词组换行的问题*/
.taglist { text-align:left;  overflow: hidden;  padding: 0px 20px; height: 22px; padding-top: 35px; }
.taglist span { float:left; padding-right:10px; word-break:normal; width:auto; display:inline-block; white-space:nowrap; line-height:22px;}
.taglist span a { color:#333; font-family:"微软雅黑";}

.ft_nav { height: 48px; line-height: 48px; text-align: center;}
.ft_nav span { padding: 0px 10px; color:#666;}
.ft_nav a { color:#666;}

.left { float: left;}
.right { float: right;}
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }

.clearfix { clear: both;}

#side { width:250px;  float:left;  }
#main { width:705px;   clear:right;  float: right;}
#m_box { border:1px solid #ccc; background:#F8F8F8; width:765px;}
#sitenav { height: 30px; background:url(../images/sub_right.jpg) no-repeat;}
#sitenav  h3 { font-size:14px; padding-left:24px; line-height:26px; color:#2D58A6;}
#sitenav  span { float:right; padding-right:10px; line-height:26px; color:#858584; }
#sitenav  a  { color:#858584; }
.mainbox { background:#fff; border:1px solid #EEE; margin-top:5px; }
ul.list_news { list-style:none; color:#333;}
ul.list_news { clear:both; margin:15px; padding:0px; text-align:left; margin-left:20px; margin-top:15px; } 
ul.list_news li { background:url(../public/linedot.gif) repeat-x 0px 28px; height:30px; padding:0px; line-height:30px; font-size:12px;}
ul.list_news li span { clear:right; float:right;}
ul.list_news li a { background:url(../images/listtitle.gif) no-repeat 0px 1px; color:#333; padding-left:16px;  text-decoration:none;}
ul.list_news li a:hover { text-decoration:underline; color:#333;}

ul.list_product { list-style:none; margin-left:20px; margin-top:10px; padding:0px; }
ul.list_product li{ float:left; margin:5px 5px; width:216px; padding:0px; margin-left:5px!important;*margin-left:0px;}
ul.list_product li  img { border:1px solid #ccc; padding:2px; width:200px; height:160px;}
ul.list_product li p { width:200px; text-align:center; line-height:30px; height:30px; overflow:hidden;}

.pagebox { clear:both; font-size:12px; text-align:center; margin:0px auto; height:30px; line-height:30px;}
.pagebox a { text-decoration:none; background:#EB060D; border:1px solid #EB060D; color:#fff; padding:2px 5px;}
.pagebox a:hover { text-decoration:underline; color:#f00;}
.pagebox span { background:#EB060D; border:1px solid #EB060D; padding:2px 5px; color:#fff;}
.pagebox span.current { background:#C70B2C; border:1px solid #C70B2C; font-weight:bold; }

ul.tab { height:33px;}
ul.tab  li { margin-left:20px; float:left; background:url(../images/tab_bg.jpg) no-repeat; width:94px; height:33px; line-height:33px; text-align:center; font-weight:bold;}
ul.tab  li  a { color:#333333;}
ul.tab  li.active  { background:url(../images/tab_act.jpg) no-repeat;}
ul.tab  li.active  a { color:#09398E;}

#idx_news { width: 346px; height: 179px; background: url(../images/index_tilte1.jpg) no-repeat; float:left;}
#idx_intro { width: 602px; height: 179px; background: url(../images/index_tilte2.jpg) no-repeat; clear:right; float:right;}
#idx_product { width: 960px; height: 182px; background: url(../images/index_tilte3.jpg) no-repeat; }
#idx_case { width: 960px; height: 182px; background: url(../images/index_tilte4.jpg) no-repeat; }

#idx_news ul { margin-top:0px; margin-left:10px; margin-right:10px;}
#idx_news ul li { background:url(../images/arrow1.gif) 0px 10px no-repeat; height:26px; padding-left:10px; line-height:26px; border-bottom:#ccc 1px dashed;}
#idx_news ul li span { float:right;}

#fr_link { background: #F8F8F8 url(../images/fr_link_bg.jpg) no-repeat; height:68px;}