body { background:#fff; font-size:12px; color:#000; font-family:Arial,Helvetica,sans-serif}


.container { width:100%; text-align:center}

/* header group */
.topWapper 	{ width:100%; height:80px;background-color:#000; color:#fff }
.topWapper div { margin:0 auto; width:846px;}
.header h1 	{ background:url(../images/logo.jpg); width:170px; height:59px; text-indent:-9000px; float:right; margin-top:20px;}
.header p 	{ float:left; margin-top:58px}
.header p a	{ color:#fff; margin-right:50px}
.header p a:hover { color:#ff0000; text-decoration:underline}

.nav	{ height:25px; line-height:25px; width:850px; margin:0 auto; padding:5px 0 10px 0}
.nav li	{ width:102px; text-align:center; float:left}
.nav a span.zh { display:none}
.nav a span.en { display:inline}
.nav a:hover span.zh {display:inline}
.nav a:hover span{display:none}
/* header group end */

.main { width:846px; text-align:left; margin:0 auto; clear:both}



.footerWrapper { background:url(../images/footer1.png) repeat-x; height:28px; width:100%; text-align:center;}
.footer { width:846px; margin:0 auto 0 auto;}
.footer h2 { font-size:16px; margin-bottom:10px;color:#fff;}
.footer .siteInfo, .footer .copyright { color:#fff; text-align:center}
.footer .siteInfo p, .footer .copyright p  { line-height:28px;}
.footer .links { float:right; width:222px; text-align:left; white-space:nowrap}
.footer .links a { color:#fff; margin-right:12px}
.footer .links a:hover { color:#ff0000}


/* group section */
.imgSection { margin-bottom:10px; clear:both}
.imgSection .img1 {}
.section { margin-bottom:10px; clear:both}
.section h3 { background:url(../images/bg2.jpg) repeat ;  height:28px; margin-bottom:12px;
              line-height:28px; font-weight:bold; font-size:13px;}
.section h3 strong {padding-left:6px;}
.section h4 { font-size:12px; font-weight:bold; margin:6px 0 6px 0;padding-left:6px}
.section h5 { font-size:12px; font-weight:normal; height:25px; line-height:25px;padding-left:6px}
.section p { line-height:25px; padding-left:6px}
.section .bottomMargin { margin-bottom:25px}

.sider { width:200px; float:left;}
.sider h3 {background:url(../images/bg2.jpg) repeat;height:28px; margin-bottom:8px;
              line-height:28px; font-weight:bold; font-size:14px; width:194px; padding-left:6px; }
.sider .desc { padding:0px 6px}

.primary {width:646px; float:right; overflow:hidden;}
.frm {width:635px; background:url(../images/dot.gif) repeat-y top left; padding-left:6px; padding-bottom:20px }
.section .primary h3 { background:url(../images/bg.gif) repeat; color:#fff;}
.section .primary h3 a { float:right; padding-right:12px; font-size:12px; font-weight:normal; color:#fff}
.section .primary h3 a:hover {text-decoration:underline}
.primary fieldset { width:80%; display:block; margin:10px 0 10px 60px; text-align:center; border:1px solid #dfdfdf; display:block; padding:10px 0 }
.primary fieldset legend { font-weight:bold; color:#000; padding:4px; margin-left:20px}
.primary fieldset p.tips { color:#ff0000; text-align:left; padding-left:68px}
.primary fieldset p {padding:4px; clear:both}
.primary fieldset label { display:block; float:left;clear:left; padding-right:12px; width:150px;text-align:right; }
.primary fieldset span { float:left; text-align:left; clear:right; padding-top:2px}
.primary fieldset label span,
.primary fieldset span span { float:none; display:inline; clear:none; padding-left:10px; color:#ff0000; }
.primary fieldset input.text { width:220px; border:1px solid #ccc; padding:2px 3px; font-size:12px}

.primary table.tbl {width:100%;margin-bottom:10px; border-collapse:collapse }
.primary th { background:url(../images/bg.gif) repeat; color:#fff; height:28px; line-height:28px; padding:0 3px; font-weight:normal; text-align:center}
.primary table.tbl td { border:1px solid #ccc; line-height:27px; padding:0 3px}
.primary .tdLeft { width:100px; text-align:right; font-weight:bold;}
.full { width:100%}
.frm textarea { width:220px; height:80px;border:1px solid #ccc;padding:2px 3px;font-size:12px}
.primary fieldset p.btnWrapper { padding-left:48px; }
.btn { margin-top:10px; margin-right:20px; background:#666; color:#fff;  border:0 none; padding:3px 6px 2px 6px}


.clients { clear:both}
.clients h3 { height:26px; background:url(../images/bg2.jpg) repeat ; padding:0 12px; line-height:26px; font-size:13px;margin-bottom:10px}
.clients a { text-decoration:underline; margin-left:6px;padding:2px 3px; font-size:12px}


.workContent p { padding:10px 0}

.indexCategory {}
.indexCategory ul { clear:both; width:100%; border-bottom:1px dotted #999;border-top:1px dotted #999; margin-bottom:10px}
.indexCategory li { float:left; padding:4px 23px}
.indexCategory img { float:left; margin-right:16px}
.indexCategory p { line-height:20px; text-align:right; float:right}


/* group section end */

.list1 {clear:both; height:122px; padding-bottom:6px; overflow:hidden}
.list1 li { float:left; padding:0 7px 0 0; margin-bottom:10px;  position:relative;
            height:122px; overflow:hidden;}
.list1 li.lastLi { padding-right:0}
.list1 li img { width:120px; height:120px; border:1px solid #dfdfdf}
.list1 .workTitle { display:none; position:absolute; bottom:1px; left:1px; background:#ccc; width:120px; padding:0; text-align:center; cursor:pointer;
                    filter:alpha(opacity=80);       /* IE */
-moz-opacity:0.8;              /* Moz + FF */ 
opacity: 0.8;   } 
.list1 .workTitle a:hover { text-decoration:none; color:#333}

.list2 { clear:both; overflow:hidden}
.list2 li { float:left; display:inline; padding:10px 10px 0 10px; position:relative;border:1px solid #dfdfdf; margin:10px 13px}
.list2 a { display:block; text-align:center}
.list2 li img { width:120px; height:120px;}
.list2 .workTitle { display:none; position:absolute; bottom:0px; left:0px; background:#ccc; width:144px; padding:0; text-align:center; cursor:pointer;
                    filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;   }
.list2 .workTitle a:hover { text-decoration:none; color:#333}
.list2 li p { width:110px; height:30px; line-height:30px; overflow:hidden}



.list3 { clear:both; width:846px}
.list3  li { float:left; width:410px; padding:0 10px 10px 3px}
.list3 img { float:left}
.list3 div { float:left; padding-left:20px; padding-top:4px;}

.list4 {}
.list4 li { clear:both; width:186px;height:27px; line-height:27px; padding-left:12px; 
               background:#fcfcfc url(../images/icon.gif) no-repeat 198px 11px; border:1px solid #ccc; 
               margin-bottom:4px}
     
.list5 { padding-left:3px; clear:both;}
.list5 li { float:left; display:inline; padding:4px 4px 0 4px; position:relative;border:1px solid #dfdfdf; margin:10px 6px
        }
.list5 a { display:block;text-align:center; padding:4px;}
.list5 img { width:180px; height:122px;}     

.paginate { clear:both; height:50px; padding:20px 0 0 20px}
.paginate li { float:left; padding:0 4px  }  
.paginate li a{ display:block; padding:3px 8px; border:1px solid #dfdfdf}
.paginate li b { display:block; padding:4px 9px; color:Red}

.indexImgs img { margin-bottom:6px}

#flashcontent { clear:both; padding-top:8px; height:260px;}