@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ṹԪ */ dl, dt, dd, ul, ol, li, /* list elements бԪ */ pre, /* text formatting elements ıʽԪ */ form, fieldset, lengend, button, input, textarea, /* form elements ���Ԫ */ th, td { /* table elements Ԫ */ margin: 0; padding: 0; }
/* Ĭ */
body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "", sans-serif;*/ font: 12px/1 Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif; /*  ascii ַʾʹκα¶ */ }
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* б */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* ͳһȿ */
small { font-size: 12px; } /* С 12px ĺĶ small  */
/* бԪ */
ul, ol { list-style: none; }
/* ıʽԪ */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { /* ע1.ie6 ֧ abbr; 2.ѡie6 Ч */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
/* ñ���Ԫ */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img  img ޱ߿ */
/* עoptgroup ޷ */
button, input, select, textarea { font-size: 100%; /* ʹñ���Ԫ ie ܼ̳С */ }
/* ñԪ */
table { border-collapse: collapse; border-spacing: 0; }
/*  hr */
hr { border:none; border-bottom: 1px solid #E6E6E6; width:100%; height: 1px; }
.hr { border:none; height: 1px; width:100%; line-height:1px; overflow:hidden; background:#E6E6E6; }
/* ÷ieĬҲʾֱֹ˸ */
html { overflow-y: scroll; }
a { blr:expression(this.onFocus=this.blur());
} /* ֻ֧IEʹЧʵ */
a:focus { -moz-outline-style: none; } /* IE֧ */
a img { border:none; }
a { color:#000; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:none; }
.textover div { overflow:hidden; text-overflow: ellipsis; word-break:keep-all; white-space:nowrap; }
.Clear { clear:both; height:1px; line-height:1px; overflow:hidden; }
body { line-height:1.8em; overflow-x:hidden; background:#BDBDBD url(bg.jpg) repeat-x top; }
div { margin:auto; }


/*结构*/

#header{ width:1000px; height:93px; background:url(header_bg.jpg) no-repeat top right;}
#h_nav{  float:right; color:#FFFFFF; margin-right:25px; margin-top:15px;}
#h_nav a{ padding:0 10px; color:#FFFFFF;}
#nav{ width:1000px; height:36px; background:url(nav_bg.jpg) no-repeat left top;}
#banner{ width:1000px; height:270px; overflow:hidden;}
.body{ width:1000px;}
#copyright{ width:1000px; height:86px; padding-top:8px; background:url(copyright_bg.jpg) repeat-x left top; color:#FFFFFF; text-align:center;}
#copyright a{ color:#ffffff;}


#menu{ width:206px; margin-left:14px; float:left; display:inline;}
#smenu{ width:206px; margin-left:14px; float:left; display:inline;}
#smain{ width:757px; margin-left:19px; float:left; display:inline;}
#main{ width:700px; margin-right:40px; float:right; display:inline;}
#silde{}

/*细节*/
/*head*/
#nav li.left{ width:10px; height:36px; background:url(nav_left.jpg) no-repeat left top; overflow:hidden;}
#nav li.right{ width:10px; height:36px; background:url(nav_right.jpg) no-repeat right top; overflow:hidden; float:right;}
#nav ul{ width:1000px; height:37px; overflow:hidden; background:url(nav_bg.jpg) repeat-x top;}
#nav li{ float:left; display:inline;}
#nav li a{ display:block; width:100px; height:37px; line-height:37px; text-align:center; color:#ffffff;}
#nav li a:hover{ background:url(nav_hover.jpg) no-repeat center top;}
#nav li.hover a{ background:url(nav_hover.jpg) no-repeat center top;}

#nav .mainlevel { float:left; width:100px;/*IE6 only*/}
#nav .mainlevel a{ display:block;}
#nav .mainlevel ul{ padding:0;}
#nav .mainlevel ul a { width:100px; height:32px;color:#FFFFFF; background-color:#494949; text-decoration:none; line-height:32px; display:block;}
#nav .mainlevel ul a:hover {color:#fff; background-color:#9e9e9e; text-decoration:none;}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel ul li {background-color:#F1F1F1;width:100px;/*IE6 only*/}

/*public*/

/*index*/
#index_main{ width:1000px; height:378px; background:url(index_main.jpg) repeat; overflow:hidden; margin-top:1px; border-top:5px solid black;}
#index_main .title{ height:26px;}
#index_main .title .more{ float:right; padding-right:6px;}
#index_main .title .more a{ line-height:26px;}
#index_main .content{  padding:10px; overflow:hidden;}
#index_main .company{ width:425px; padding:4px; background:url(index_main_line.jpg) no-repeat right center; float:left;}
#index_main .news{ width:260px; padding:4px; margin-left:45px; background:url(index_main_line.jpg) no-repeat right center; float:left;}
#index_main .pro{ width:320px; padding:4px; float:left;}
#index_main .news ul{}
#index_main .news li{ width:285px; height:24px; padding-left:10px; background:url(news_point.jpg) no-repeat left center;}
#index_main .news li a{ line-height:24px;}
#index_main .news li div{ width:285px;}
#index_main .news #index_knowlage{ display:none;}

#index_main #goL{ width:20px; height:41px; margin-left:5px; margin-top:50px; background:url(pro_left.jpg) no-repeat right bottom; float:left;}
#index_main #goR{ width:20px; height:41px; margin-right:5px; margin-top:50px; background:url(pro_right.jpg) no-repeat left bottom; float:right;}
#index_main #marquee{ width:660px; height:132px; overflow:hidden; margin-top:8px; float:left;}
#index_main #marquee li{ width:145px; margin-left:10px; height:133px; padding:5px; float:left; background: url(index_proli.jpg) repeat;}
#index_main #marquee .proimg{ width:145px; height:103px; text-align:center;}
#index_main #marquee .proimg img{ height:100px; width:145px;}
#index_main #marquee .proname{ width:145px; height:24px; text-align:center; overflow:hidden;}

#index_main #protype{ padding:25px 10px 0;}
#index_main #protype li{ width:140px; height:16px; float:left; overflow:hidden;}
#index_main #protype li a{ line-height:16px;}

#index_main #smain #index_pro {
	height: 159px;
	width: 757px;

}
#index_main #index_protype{ width:714px; float:left;}


/*detail*/

.body_bg{ width:1000px; background:url(main_bg.jpg) repeat-y left;}
.body_bgb{ width:1000px; min-height:500px; height:auto !important; height:500px; padding-bottom:20px; background:url(main_bgb.jpg) no-repeat left bottom;}
.body_bgt{ padding-top:20px; background:url(main_bgt.jpg) no-repeat left top;}


#detail{}

.menu .title{ height:27px; padding-left:20px; border-bottom:1px solid #000000; line-height:27px; font-size:14px; font-weight:bold; background:url(menu_title_bg.jpg) no-repeat 4px center;}
.menu li{ height:29px; padding-left:40px; background:url(menu_li_bg.gif) no-repeat center bottom; line-height:29px;}
.protype{ padding:20px 0;}
.protype .title{ height:27px; padding-left:20px; border-bottom:1px solid #000000; line-height:27px; font-size:14px; font-weight:bold; background:url(menu_title_bg.jpg) no-repeat 4px center;}
.protype li{ height:49px; padding-left:40px; background:url(menu_li_bg.gif) no-repeat center bottom; line-height:69px;}

  .smenu .stitle{ height:27px; padding-left:20px; border-bottom:1px solid #000000; line-height:27px; font-size:14px; font-weight:bold; background:url(menu_title_bg.jpg) no-repeat 4px center;}
.smenu li{ height:29px; padding-left:40px; background:url(menu_li_bg.gif) no-repeat center bottom; line-height:29px;}
.sprotype{ padding:20px 0;}
.sprotype .stitle{ height:27px; padding-left:20px; border-bottom:1px solid #000000; line-height:27px; font-size:14px; font-weight:bold; background:url(menu_title_bg.jpg) no-repeat 4px center;}
.sprotype li{ height:49px; padding-left:40px; background:url(menu_li_bg.gif) no-repeat center bottom; line-height:69px;}




#position{ padding-left:30px; margin-bottom:20px; border-bottom:1px solid #000000;}
#page{ margin:8px auto; text-align:center;}


#newslist{}
#newslist li{ height:28px; padding-left:10px; line-height:28px; background:url(li_bg.jpg) repeat-x bottom;}
#newslist li a{ line-height:28px;}
#newslist li span.date{ margin-right:10px; float:right;}

.contact .title{ height:30px; padding:10px 0 0 20px; color:#A8854D; font-size:14px; font-weight:bold; line-height:30px;}

#main #className{ width:790px; height:32px; background:url(main_title_bg.jpg) no-repeat left top; line-height:32px; color:#FFFFFF;}
#main #className .tab{ display:block; width:73px; margin:0 12px; line-height:32px; text-align:center; float:left; cursor:pointer;  background:url(index_box_tab_bg.jpg) no-repeat left bottom; color:#000000;}
#main #className a{}

#main #contentbg{ width:786px; margin-top:10px; background:#F2F0F1 url(main_content_bgt.jpg) no-repeat left top;}
#main #content{ min-height:400px; height:auto !important; height:400px; padding:10px;  background:url(main_content_bgb.jpg) no-repeat left bottom;}
#prolist{ width:700px; margin:auto; overflow:hidden;}
#prolist li{ width:130px; margin:15px; float:left;display:inline;}
#prolist li img{ width:120px; height:100px; padding:2px; margin:2px; border:1px solid #999999;}
#prolist li .proname{ width:130px; height:20px; text-align:center; overflow:hidden;}

#main .list{ width:700px; margin:auto; overflow:hidden;}
#main .list li{ clear:both; height:24px; width:700px; border-bottom:1px dashed #999999;}
#main .list li a{ float:left; display:inline;}
#main .list span{ float:right; display:inline;}




h1{ text-align:center;}
.info{ border-bottom:1px solid #666666; border-top:1px solid #666666; text-align:center;}
.other { padding-top:30px;}
.other .next{ padding:0 10px;float:left; display:inline;}

.k_pagelist{}
.k_pagelist a{ height:24px; padding:0 4px; margin:4px; border:1px solid #999999;}






/*产品表格*/
.t_detail{ background-color:#333333;}
.t_detail .comname{ height:40px; font-size:16px; line-height:40px; font-weight:bold;}
.t_detail td{ text-align:center; background:#ffffff;}
.t_detail td.tal{ text-align:left;}
.t_detail .strong{ color:#F00}
.dn{ display:none;}

.friends-link{ clear:both; width:1000px; margin:0 auto; font-size:12px; line-height:16px; text-align:left;}
.friends-link a{ color:gray;}