@charset "gb2312";
/** 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,li,ol,dl,dt { list-style: none; }
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
table { border-collapse: collapse; border-spacing: 0; }
.img_vertical {width:0;height:100%;display:inline-block;vertical-align:middle;} /*---图片垂直居中 SPAN---*/
/*全局基础样式*/
a { color: #333; text-decoration:none; outline:none; }
a:hover { color: #c00; text-decoration: none; }
a:active{star:expression(this.onFocus=this.blur());}
.gray_txt { color: #333;}
.gray_txt  a{ color: #333;}
.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; font-size:0; line-height:0; 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: 20px; 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(../images/top_bg.jpg) repeat-x; color:#333;}
/*头部*/
.head { overflow: hidden; height: 110px;  }
 .logo { width: 384px; height: 61px; margin-top: 24px;  }
 .logo a { display: block; height: 61px;}
 .head_right { top:20px; width:340px; height: 65px; float:right;}
   .qq_online {padding-left: 20px; background:url(../images/qq.jpg) no-repeat left 0px; height:18px; line-height:18px; margin-top:8px; margin-right:10px; float:right; padding-left:20px;}
   .hotline { background: url(../images/hotline.jpg) no-repeat; width:190px; height:34px; float:right; line-height:999px; overflow:hidden;}	
   .head_right ul { top: 40px; right: 0; overflow: hidden; width:245px; height: 20px; line-height: 20px; font-family: "微软雅黑"; }
   .head_right ul li { float: left; }
   .head_right ul li a { display: block;  }
   .head_right ul li.tel { width: 155px; text-indent: 5px; background:url(../images/x2.jpg) no-repeat right 5px; padding-right:5px;}
   .head_right ul li.twitter { width:75px; text-indent: 25px; background:url(../images/weibo.jpg) no-repeat left; margin-left:10px; }
/*导航*/
.nav{background:url(../images/top_bg.jpg) bottom left repeat-x;}
#nav { height: 33px; background: #474747 url(../images/nav_bg.gif) no-repeat 0 -35px; }	
#nav li.nav_m { position:relative; z-index:100; float: left; width: 137px;  background: url(../images/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(../images/nav_bg.gif) no-repeat 0 0; }
#nav li.nav_index a.nav_m_link:hover { background: url(../images/nav_bg.gif) no-repeat bottom left; }
#nav li.sfhover a.nav_m_link { background: url(../images/nav_bg.gif) no-repeat 0 0; }
	.nav_sub_main {  position: absolute; top:33px; left:-9999px;  width: 137px; z-index:100; }
#nav li.sfhover .nav_sub_main { left: 0;  }
#nav li.nav_m:hover .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: 135px; height: 27px; background: url(../images/bg_sed_navi.png) no-repeat  center bottom; color:#fff;}
	.nav_sub_main li a:hover { color: #fff; background: url(../images/bg_sed_navi_h.png) no-repeat center bottom; }
/*产品导航*/
.main_menu { display:none; position:absolute; left:-407px; top:33px; background:#f2f2f2 url(../images/nav_sub.gif) 0 -120px repeat-x; width:960px; overflow:hidden; _zoom:1; z-index:100; height:340px; font-size: 12px; font-family: SimSun;  }
#nav li.sfhover .main_menu{ display:block; }
#nav li.nav_m:hover .main_menu{ display:block; }
	.navpro { overflow:hidden;  width:960px; margin: 0 auto; }
	.navpro dl{ overflow:hidden; float:left; height:340px; background: url(../images/nav_sub_r.gif) no-repeat right bottom;}
	  .navpro  dl dt{ overflow:hidden;  height: 37px; margin-bottom: 5px; line-height: 37px;  font-weight:bold; font-family:"Microsoft YaHei", SimSun;  background: url(../images/nav_sub.gif) 0 0 no-repeat; text-indent: 20px;}
	  .navpro  dl dt.pro_mobile{ background-position:0 -37px; margin-bottom:0; }
		.navpro  dl dt a{color:#000;  }
		.navpro  dl dt a strong{ color:#c00;  }
	  .navpro  dl dd { overflow:hidden; height: 30px; text-indent: 12px; background: url(../images/ico.gif) no-repeat 0 -46px;}
	  .navpro  dl dd.imp { background-position:0 -149px; }
		.navpro  dl dd a { display:block; }
		.navpro  dl dd.imp a { color:#3b3b3b; }
		.navpro  dl dd a:hover { background: url(../images/nav_sub.gif) no-repeat 0 -80px; color:#fff; }
	  .navpro  dl.navpro_1 { width:150px; padding-right:20px; padding-left:20px; }
	  
/*底部*/
.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; }

#scrolltop { line-height:0; visibility:hidden; position:fixed; right:0; bottom:100px; display:block; margin:-30px 0 0; width:26px; height:64px; background: url(../images/scrolltop.gif) no-repeat right top; text-indent:-9999px;overflow:hidden; cursor:pointer;  font-size:0;}
.ie6 #scrolltop { position:absolute; bottom:auto; }
