/*----------------------------public--------------------------------*/
body{ margin:0px auto; padding:0; font: 12px/1.5 Arial, Helvetica, sans-serif; background:#fff; text-align:center;}
table, td, div, p{word-wrap:break-word; word-break:break-all; word-break/* */:normal ; text-align:left;}
td, th{overflow:hidden;}
hr{ height:1px;}
h1,h2,h3,h4,h5,h6{ margin: 5px 0; padding:0; font-family: system;color:#5271A0; }
div, td, table, ul, li, ol, dd, dl,dt,form, p{margin: 0; padding: 0; color:#333; }
ul li,ul ol{ list-style:none;}
img, img a, img a:hover{border: 0;}
a:link, a:visited{color:#5678B3;text-decoration:none;}
a:hover, a:active{color:#f60;text-decoration:underline;}
.clearline{clear: both;}
a.more{background:url(ico_more.gif) left no-repeat;padding-left:10px; color:#FF9900; font-size:11px;}




/*----------------------------share layout--------------------------*/
#top{ display:none;width:960px; height:32px; border-bottom:#C0C9D2 1px solid; background:#EDEDED; margin-bottom:6px;}
.top_logo{ float:left; width:120px; height:30px;}
.top_msg{ float:right;height:30px; line-height:30px; text-align:right; width:250px; margin-right: 15px;}
.top_search{ float:right; margin-right:10px;height:30px; line-height:30px; text-align:right;}
.top_search form{ margin-top:2px;}
.top_go{ width:30px;}
#container{ margin:0 auto; padding:0; width:960px; text-align:left; background:#ededed; }
#footer{ clear:both;width:100%; background:#fff; text-align:center; padding-top:18px; padding-bottom:5px; border-bottom:#d1d1d1 1px solid;}
#copyright{ width:960px; margin:0 auto; text-align:center; background:#fff; padding:10px 0; }
#copyright p{ text-align:center; color:5678B3; font-size:11px; line-height:130%}
.p_gray{ color:#888; font-size:10px;}
.p_gray1{ color:#ABABAB; margin-left:10px}
.bookmark{ height:50px;  padding-left:330px; line-height:50px; clear:both;  width:630px; border-bottom:#f3a11a 1px solid;}





/*--- buttom ---*/
.orangebuttom{text-align:center; font:bold 12px verdana; height:20px; margin-left:10px; border:#AFA8A2 1px solid; background: url(orange_buttom.gif) repeat-x 1px -1px; color:#fff;}
.copybutton{display:block; border:1px solid #B2B2B2;border-bottom:1px solid #404040;border-right:1px solid #404040; width:200px; height:20px; line-height:20px;  text-align:center; color:#000; cursor:pointer; background:#D4D0C8}
.submitbuttom{ background:#D4D0C8 url(submit_bg.gif) no-repeat; padding:0px 3px; text-align:center; padding-left:6px; height:24px; margin-left:10px; color:#FFFFFF;}


/*--- border ---*/



/*--- margin ---*/
.margin18_t{ margin-top:18px;}
.margin10-l{ margin-left:10px;}
.margin5-l{ margin-left:5px;}
.margin10-b{ margin-bottom:10px}
.margin110_r{ margin-right:110px;}


/*--- padding---*/
.pad5_l{ padding-left:5px}
.pad8_l{ padding-left:8px}

/*---- color ---*/


/*---- line ----*/

.newline{}
.imgline{}


/*---- image----*/
.img_border{ border:#d1d1d1 1px solid; padding:2px;}
.img_list{ clear:both; margin:0; padding:0;  text-align:center;}
.img_list li{float:left; width:115px;  margin:0 15px; text-align:center; position:relative; height:auto; }

div.img_nor {width:100px;height:100px; margin:0 0 35px 0; padding:23px 8px 7px 7px; background:url(product_list_bg.gif)  no-repeat 0 0;  }
div.img_nor div{ width:100px; height:100px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;
/* hack for ie */
*display: block;
*font-size: 87px;
/* end */}
div.img_nor p{ width:100px; height:35px; padding-top: 8px; overflow:hidden;vertical-align:middle; text-align:center; 
/* hack for ie */
*display: block;
/* end */}
div.img_nor img{ vertical-align:middle;}


div.img_hot {width:100px; height:100px; margin:0 0 35px 0; padding:23px 8px 7px 7px;background:url(product_list_bg.gif) no-repeat 0 -130px;  }
div.img_hot div{ width:100px; height:100px;  display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;  
/* hack for ie */
*display: block;
*font-size: 87px;
/* end */ }
div.img_hot p{ width:100px; height:35px; padding-top: 8px; overflow:hidden; vertical-align:middle; text-align:center;
/* hack for ie */
*display: block;
/* end */}
div.img_hot img{ vertical-align:middle; }


.img_list2{ clear:both; margin:-5px 0 0 0; padding:0;  text-align:center;}
.img_list2 li{ margin:2px 12px; padding-bottom:22px; padding-left:20px;width:660px; text-align:left; position:relative; height:auto; border-bottom:#dedede 1px solid; overflow:hidden; height:130px; }

.maplist dl{ margin-left:20px;}
.maplist dl dt{ font-weight:bold; margin:5px 0;}
.maplist dl dd{ padding-left:25px; background: url(ico_map01.gif) no-repeat 15px 7px;}


.choose{position:absolute; top:14px; left:-20px;}
.choose_list{position:absolute; top:14px; left:0;}
.choose_list2{position:absolute; top:6px; left:0;}
.product_list{position:absolute; width:520px; top:20px; left:150px;}
.single_contact{position:absolute; width:120px; bottom:10px; right:20px;}
.span_120{width:120px; text-align:center; display:block;}


/*---bgground---*/
.bg1{ background:#ededed; width:708px; heignt:18px; line-height:120%; padding:6px 8px;}
.bg2{ background:#ededed; width:742px; heignt:18px; line-height:120%; padding:6px 8px;}

/*---- title----*/
.tit1{ position:relative;height:30px; width:100%; border-bottom:#eee 1px solid;}
.r_more{ position:absolute; float:right; top:10px; right:10px;}
.r_more2{position:absolute; float:right; bottom:40px; right:10px;}
.tit2{height:25px; width:96%; background:#ededed; color:#000000; font-weight:bold; margin-top:20px; padding-left:15px;}
.tit3{ border:#ededed 1px solid; padding:2px; width:724px; height:27px; margin:20px 0;}
.tit4{height:30px; width:98%; background:#ededed; color:#000000; font-weight:bold; margin-top:10px; padding-left:2%; margin-bottom:10px; line-height:30px;}
.tit5{ border:#ededed 1px solid; padding:2px; width:758px; height:34px; margin:10px 0;}
h2{ font:bold 13px arial;}
h1.com_h1{font:bold 14px arial;}
h3{  font-weight:bold; font-size:12px; color:#000000;}
h4{ font-weight:bold; font-size:12px; color:#FFFFFF; margin-left:10px;}



/*----  div ----*/
.div960{ margin:0 auto;width:960px; text-align:left;}
.div800{ margin:0 auto; width:800px; text-align:left;}
.w384{ width:384px;}
.divlist{}
.divrightbar{}


/*---- space ---*/
.space2{ width:960px; min-height:17px; background:#fff; overflow:hidden;}
.space4{ background:#fff; clear:both; height:10px;}
/*---- link ----*/


/*---- font ----*/
.pl{ text-align:left;}
.pr{ text-align:right;}
.pc{ text-align: center;}
.fb {font-weight: bold;}
.fn {font-weight:normal;}
.fi {font-style: italic;}
.f14{ font-size:14px;}
.b{color:#41669A; }
.b2{color:#039;}
.r:link,.r:active,.r:visited {color:#f00; text-decoration:none}
.r:hover {color:#f60;text-decoration:underline}
.r2:link,.r2:active,.r2:visited {color:#f00; text-decoration:underline}
.r2:hover {color:#f60;text-decoration:underline}
.r3{ color:red; margin-right:5px;}


/*---- other----*/
.font_list { clear:both; margin:-5px 0 0 0; padding:0;  text-align:center;}
.font_list li{ margin:2px 12px; padding-top:6px;padding-bottom:14px; padding-left:20px;width:660px; text-align:left; position:relative; height:auto; border-bottom:#dedede 1px solid; }
.no_line{ background:none; border-bottom:none; margin-bottom:1px;}
.arrow1{ padding-left:12px; background:url(more.gif) no-repeat 5px 5px;}

/*---- float----*/
.left{ float:left;}
.right{float:right;}

/*---- page ----*/

.page{ margin:0;padding:0 12px 12px 12px; width:700px; height:40px; position:relative;}
.SB:link,.SB:active,.SB:visited {display:block; width:auto!important;min-width:12px;width:12px; height:12px; font-size:8pt; text-decoration:none;border:1px solid #ccc; padding:3px; text-align:center; cursor:pointer; color:#000; float:left; margin-left:5px; line-height:12px;}
.SB:hover {display:block; width:auto!important;min-width:12px;width:12px; height:12px; font-size:8pt; text-decoration:none;border:1px solid #ccc; padding:3px; text-align:center; cursor:pointer; background:#B3C6DF; color:#000; float:left; margin-left:5px;}
.SB2{display:block; width:auto!important;min-width:12px; width:12px; height:12px; font-size:8pt; text-decoration:none;border:1px solid #ccc; padding:3px; text-align:center; background:#B3C6DF; color:#fff; float:left; margin-left:5px; background:#537EB7; line-height:12px;}


.openwindow{ border:1px solid #C1C1C1; font-size:9pt; font-family:Arial, Helvetica, sans-serif}
.closeBox{ display:block; width:12px; height:12px; cursor:pointer}
.mask{ background:#000; z-index:100;position:absolute;left:0px; top:0px;WIDTH: 100%;HEIGHT: 100%;filter:alpha(opacity=10);opacity: 0.1}
.flowdiv{ width:720px; height:511px;z-index:110;position:absolute;left:0px; top:0px;}

#div680 table{ width:670px;}
#div680 p,#div680 div,#div680 td{ line-height:22px;}
#div680 H3 {font-family:Arial, Helvetica, sans-serif}

.com_info1{ float:left; width:340px;}
.com_info1 li{ position:relative; background:url(list01.gif) repeat-x 0 bottom ; color:#000000;  padding-left:240px; line-height:26px;  height:auto!important; min-height:28px; height:28px; width:326px; margin-left:5px;}
.com_info1 li span{ float:left;margin-left:-230px; color:#5678b3; width:230px; height:28px;}