@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,li { 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:#AEACAD url(bg.jpg) repeat-x top; }
div { margin:auto; }


/*结构*/

#header{ width:996px; height:108px;}
#header #logo{ width:745px; height:108px; float:left; display:inline;}
#h_nav{ width:240px; padding-top:30px; height:28px; float:right; color:#FFFFFF;}
#h_nav a{ padding:0 10px 0 20px; color:#FFFFFF; background:url(h_nav_point.jpg) no-repeat left center;}
#nav{ width:996px; height:40px; background:url(nav_bg.jpg) no-repeat left top; clear:both;}
#banner{ width:996px; height:257px; overflow:hidden;}
#index_banner{ width:996px; height:257px; overflow:hidden;}
.body{ width:996px; background-color:#FFFFFF;}
#copyright{ width:996px; height:86px; padding-top:8px; background:url(copyright_bg.jpg) repeat-x left top; color:#FFFFFF; text-align:center;}



#menu{ width:229px; float:left; display:inline;}
#main{ width:764px; float:right; display:inline;}
#silde{}

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


/*public*/

/*index*/


#index_pro .title{ height:42px; background:url(index_pro_title.jpg) no-repeat left top;}
#index_pro .title span{ padding-top:10px; padding-right:8px; float:right; display:inline; color:#BB1114;}
#index_pro .title a{ color:#BB1114;}
#index_pro .content{ height:157px; background:url(marquee_bg.jpg) repeat-x top;}
#index_pro #goL{ width:30px; height:90px; background:url(gol.jpg) no-repeat right bottom; float:left;}
#index_pro #goR{ width:30px; height:90px; background:url(gor.jpg) no-repeat left bottom; float:right;}
#index_pro #marquee{ width:676px; height:144px; margin-left:4px; overflow:hidden; float:left;}
#index_pro #marquee ul{ padding-top:20px;}
#index_pro #marquee li{ width:170px; height:124px; float:left;}
#index_pro #marquee .proimg{ width:163px; height:120px; text-align:center;}
#index_pro #marquee .proimg img{ width:163px; height:120px;}
#index_pro #marquee .proname{ width:200px; height:24px; text-align:center; overflow:hidden;}


.box{}
.box .title{ height:30px; padding-left:8px; line-height:30px; background:url(box_title.jpg) repeat-x top; color:#ffffff;}
.box .content{ padding:10px;}
#company{ width:392px; float:left; display:inline;}
#news{ width:362px;float:right; display:inline;}



/*detail*/



#main .detail{ padding:10px;}

.menu .title{ height:52px; padding-left:50px; line-height:52px; font-size:18px; font-weight:bold; background:url(menu_title_bg.jpg) no-repeat left top; color:#FFFFFF;}

.menu li{ height:31px; padding-left:40px; padding-bottom:3px; border-bottom:1px solid #DDDDDD; background:#ffffff url(menu_li_bg.jpg) no-repeat center top; line-height:31px;}







#protype{}
#protype ul{ padding:2px 0 8px 0; background-color:#FFFFFF; overflow:hidden; }
#protype li{ height:31px; padding-left:40px; padding-bottom:3px; border-bottom:1px solid #DDDDDD; background:#ffffff url(menu_li_bg.jpg) no-repeat center top; line-height:31px;}

.contact .content{ padding-left:40px; line-height:21px; color:#FFFFFF; background:url(menu_contact_content_bg.jpg) repeat-y left top;}



#position{ padding-left:30px; height:30px; padding-left:8px; line-height:30px; background:url(box_title.jpg) repeat-x top; color:#ffffff;}
#position a{ color:#FFFFFF;}
#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;}


#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:185px; margin:15px; float:left;display:inline;}
#prolist li img{ width:176px; height:159px; padding:2px; margin:2px;}
#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:996px; margin:0 auto; font-size:12px;}
.friends-link a{ color:gray;}


#focus {width:996px; height:257px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:996px; height:257px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:996px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}