/************COMMON STYLE************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#fff; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6, th, td { font-size:12px; font-weight:normal }
img { border:0; vertical-align:bottom }
input, select, textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; vertical-align:bottom }
a { color:#000; text-decoration:none; outline:0 }
a:hover { color:#000 }
.wrap { clear:both; width:666px; background:#fff; margin:0 auto; text-align:left }
.cl { clear:both }
.cf:after { content:"."; clear:both; display:block; height:0; visibility:hidden }
.cf { display:inline-block }
* html .cf { height:1% }
.cf { display:block }
.fl { float:left }
.fr { float:right }
.hd { display:none }
.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt20 { margin-top:20px }
.mt40 { margin-top:40px }
.l { text-align:left }
.c { text-align:center }
.r { text-align:right }
.line { text-decoration:underline }
.f11 { font-size:11px }
.f12 { font-size:12px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.fn { font-weight:normal }
.fb { font-weight:bold }
.c000 { color:#000 }
.cf00 { color:#f00 }
.c00f { color:#00f }
.c666 { color:#666 }
.c080 { color:#080 }
.c999 { color:#999 }
/************PAGE STYLE************/
.page { clear:both; padding:10px; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif, "ËÎÌå"; color:#444; text-align:center }
.page span, .page a { display:inline-block; background:#fff; margin:0 2px; padding:0 5px; color:#999; vertical-align:middle }
.page span, .page a { *display:inline
}
.page a:hover, .page a.s, .page span.s { color:#f00 }
.page span.s { font-weight:bold }
/************INPUT STYLE************/
.inputA { float:left; height:17px; border:#777 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background:#fff; padding:0 5px; line-height:17px; font-size:12px; font-weight:normal; color:#333 }
.textareaA { float:left; border:#777 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background:#fff; padding:0 5px; font-size:12px; font-weight:normal; color:#333; overflow:auto }
/************CUT STYLE************/
.cut { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* for IE */ -o-text-overflow:ellipsis; /* for Opera */ -icab-text-overflow:ellipsis; /* for iCab */ -khtml-text-overflow:ellipsis; /* for Konqueror Safari */ -moz-text-overflow:ellipsis; /* for Firefox,mozilla */ -webkit-text-overflow:ellipsis; /* for Safari,Swift*/ }
/************BAR,CON STYLE************/
.barA { clear:both; background:url(../images/bar_bg.gif) left 1px no-repeat; padding-left:25px; font-size:14px; font-weight:bold }
.conA { clear:both; padding:10px 0 }
/************MAIN STYLE************/
.headLogo { height:55px; background:url(../images/head_bg.gif) repeat-x; padding:20px }
.headNav { border-bottom:#c00 2px solid; padding-bottom:10px; margin:0 20px }
.headNav ul { height:20px }
.headNav li { float:left; display:inline; margin-right:20px; line-height:20px; font-size:20px; color:#999; vertical-align:bottom }
.headNav li a { color:#ccc }
.headNav li a:hover { color:#333 }
.main { clear:both; padding:10px 20px }
.product h6 { padding:20px 10px; line-height:18px; font-size:18px; font-weight:bold; color:#c00 }
.product dl { padding:10px 0; overflow:auto; *display:inline-block }
.product dt { float:left; width:396px }
.product dt td { width:390px; _height:260px; min-height:260px; border:#eee 1px solid; padding:2px; text-align:center; vertical-align:middle; overflow:hidden }
.product dd { float:right; width:210px }
.product dd h1 { line-height:30px; font-size:30px; color:#000 }
.product dd h2 { line-height:20px; font-size:20px; color:#666 }
.product dd li { line-height:16px; padding:3px 0; color:#777 }
.feedback { clear:both; padding:10px 20px }
.feedbackOut { border-bottom:#f9f9f9 3px solid }
.feedbackIn { border:#e5e5e5 1px solid; padding:20px }
.feedbackIn .fl { width:324px; line-height:25px }
.feedbackIn .fl img { vertical-align:middle }
.feedbackIn .fr { width:220px; background:#f9f9f9; padding:10px }
.feedbackIn .fr li { clear:both; padding:3px 0; line-height:19px; color:#999; vertical-align:bottom }
.feedbackIn .fr li b { float:left; width:50px; font-weight:normal; text-align:right }
.feedbackIn .fr li span { float:right; width:160px }
.material li { float:left; display:inline; width:88px; margin-right:16px; padding:5px 0; text-align:center; vertical-align:bottom }
.material li img { display:block; border:#eee 1px solid; padding:3px; margin:0 auto }
.companyOut { border-bottom:#f9f9f9 3px solid }
.companyIn { border:#e5e5e5 1px solid; padding:10px 20px }
.companyIn li { display:inline; width:48%; vertical-align:bottom }
.foot { clear:both; padding:10px 20px }
.footContact { border-top:#c00 2px solid; padding:10px; color:#999 }