/* 初始化与公用类 */
body{ margin:0; font:12px 宋体;}
table{ table-layout:fixed; border:0;}
h3{font-size:14px; margin:0;}
h4{ font:14px 宋体; margin:0;}
h5{ margin:5px 0; font-size:12px;}
p{ margin:0;}
ul{ margin:0; padding:0; list-style:none;}
ul,li{ display:block;}

.clear{ clear:both;}
.container{ margin:0 auto; width:82%;}

a{ color:#0088B9; text-decoration:none;}
a:hover{ text-decoration:underline;}

a.lst{ color:#036; text-decoration:none;}
a:hover{ text-decoration:underline;}

.more{ text-align:right;}
.more a{ background:url(../images/arrow.gif) 40% left no-repeat; padding-left:7px;}

.brief{ line-height:20px; font-size:13px; padding:5px 0 20px; margin-bottom:20px; border-bottom:1px solid #CECECE;}
/**********/

.header{ border-top:8px solid #F2F2F2; padding-top:10px;}
.header .logo{ float:left;background:url(../images/logo.gif) no-repeat;/* position:absolute; z-index:2;*/}
.header .logo h1{ margin:0; width:182px; height:85px;text-indent: -9999px;}
.header .logo h1 a{ display:block; height:60px;}

.header .h-rit{ float:left; width:77.7%;}
.header .qlink{ height:40px; padding:20px 0 0 20px; color:#3B74B9;}
.header .qlink .srch-btn{ border:0; background:none; font-size:12px; color:#0088B9; cursor:pointer;}
.header .nav{ height:19px; padding:6px 0 0 22px; background:#C30 url(../images/nav-r.gif) top right no-repeat; word-spacing:20px;}
.nav a{ font:14px Verdana; color:#FFF;}

.main{ margin:8px 0 50px;}
.main .left{ float:left; width:595px;}
.main .r-column{ float:right; width:210px;}
.r-column .mail{ height:64px; background:url(../images/mail-bg.gif) no-repeat; text-align:center;}
.r-column .mail h4{ color:#227193; padding:7px 8px; text-align:left;}
.mail .input-box{ border:1px solid #C2D8E2; height:16px;}
.mail .input-btn
{ 
border:1px solid #C2D8E2; 
background:url(../images/btn-bg.gif) repeat-x; 
color:#C60; font-size:11px; padding:1px 5px 0;
}
h4.title{ background:url(../images/tit-bg.gif) repeat-x; height:20px; padding:5px 0 0 8px; color:#FFF;}
ul.about{ background:#A7D7EB; border:1px solid #6FBCDD; padding:10px 8px; line-height:18px; height:154px; margin-bottom:10px;}
ul.prc-lst{ border:1px solid #D8EEF8; background:#ECF7FB; padding:10px 8px;}
ul.prc-lst li{ padding:3px 0;}

.main .mid{ margin:10px 0;}
.mid .contact{ float:left; border-bottom:10px solid #F7F7F7; height:145px;}
.contact h4{ background:url(../images/contact-bg.gif) no-repeat; height:20px; width:162px; padding:5px 0 0 8px; color:#FFF; margin-bottom:8px;}
.mid ul.news{ float:right; width:68%; color:#666;}
ul.news li{ padding:5px 0; background:url(../images/line.gif) bottom left repeat-x;}
.news h4.tit-news
{ 
background:url(../images/tit-news.gif) 5px 50% no-repeat; 
padding:6px 0; font:12px 宋体;
border-bottom:1px solid #C30; margin-bottom:10px;
}
h4.tit-prod
{ 
background:url(../images/tit-prod.gif) 5px 50% no-repeat; 
padding:6px 0; font:12px 宋体;
border-bottom:1px solid #C30; margin-bottom:10px;
}
.main .prod table td{ padding:5px; color:#666;}
.main .prod .chld-p{ border:1px solid #F0F0F0;}

.l-column{ float:left; width:22%; padding-right:18px;}
.pro-lst li{ padding:5px 0 3px; text-align:right; line-height:17px;}
.pro-lst li a{ text-decoration:underline;}
.pro-lst li a:hover{ text-decoration:none; color:#C30;}

.pro-lst .current{ border:1px solid #CDE9F5; background:#ECF7FB; color:#C30; padding-right:5px; font-weight:bold;}

.main .right{ float:right; padding-left:18px; width:73%; border-left:1px solid #CECECE;}
.right table.pros{ width:100%;}
.right table.pros td{ line-height:17px; color:#666;}
table.pros a{ color:#C30; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
table.pros a:hover{ text-decoration:underline;}

.right .content{ min-height:400px; line-height:20px; font-size:13px;}
.content p{ margin:10px;}
.content h3{ font-size:16px; text-align:center;}

.footer
{ 
text-align:right; border-bottom:5px solid #E13800; font:11px Arial, Helvetica, sans-serif;
background:url(../images/s-logo.gif) left center no-repeat;
padding:6px 0;height:20px;
}
.footer a
{ 
color:#666; text-decoration:none; display:block; float:right; margin:0 4px;
background:#F2F2F2; border:1px solid #E7E7E7; padding:4px 8px 1px;
}
.footer a:hover{ text-decoration:none;}