@import url(webBase.css);

.leftDiv{ float:left; width:193px;  background-color:#fff; overflow:hidden;}
.rightDiv{ float:left; width:718px; background:url(../images/cRightBg.png) no-repeat 0px 30px;  padding-left:48px;}
.conDiv{ clear:both;width:718px;}
.icoBox{ clear:both; width:180px; height:113px;background:url(../images/cTel.gif) no-repeat 0px 0px;  margin-top:80px; margin-bottom:50px;position: relative;}
.icoBox a{ display:block; width:180px; height:50px;text-indent: -1000px;position: absolute;}
.icoBox .a1{ left:0px; top:0px;}
.icoBox .a2{ left:0px; top:60px;}

.cW{ color:#cccccc;}
.cY{ color:Yellow;}
#topImg{ margin:0 auto; width:1002px; height:290px; margin-bottom:15px; margin-top:5px; border:1px #222 dashed;background: url(../images/brief.jpg) no-repeat 0px 0px;}
#topImg p{ width:280px; margin-top:60px; float:left; text-align:left; margin-left:45px; line-height:25px; color:#888;}

.iTit{ clear:both; height:58px;position: relative; } 
.iTit b{ position: absolute; display:block;  text-align:center; color:#666; left:0px; top:23px;  font-size:14px;letter-spacing:2px; font-weight:normal;}
.iTit a{ display:block;background: url(../images/mMore.gif) left top no-repeat; position: absolute;right:5px; top: 4px; width:44px; height:15px;  }

.location{ clear:both; height:62px;position: relative;} 
.location b{ position: absolute; display:block;  text-align:center; color:#666; left:0px; top:23px; font-size:14px;letter-spacing:2px;font-weight:normal;}
.location span{position: absolute; text-align:left; top:25px; right:0px; color:#909090; background: url(../images/cHome.gif) left 1px no-repeat; padding-left:10px; }
.location span a{color:#909090;background: url(../images/cArr.png) right 1px no-repeat; height:20px; display:block; float:left; padding-right:18px; padding-left:5px; margin-right:2px;}

.leftList{ clear:both; width:177px;  padding:0px; margin:0px;  }
.leftList li{ clear:both; list-style:none; height:28px; background: url(../images/cLiBg.png) no-repeat bottom left;padding:0px; margin:0px;}
.leftList li a{ display:block; width:158px; height:28px; padding-left:15px; line-height:30px; overflow:hidden;}
.leftList .s a{background: url(../images/cSLiBg.png) no-repeat left 4px; color:#fff; }
.leftList li a:hover{background: url(../images/cSLiBg.png) no-repeat left 4px; color:#fff; text-decoration:none; }

.leftList li p{ cursor:pointer; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.leftList li span{ font-size:10px; font-weight:normal; padding-left:10px;  }


#brief{ line-height:20px; font-size:12px; margin-bottom:20px;}
#brief p{ margin-bottom:20px;}
#brief p b{font-weight:normal;}
#brief p:first-letter {font-size:2em;  font-weight:bold; line-height:1.2em; float:left; padding:5px 10px 0 17px;} 
#brief .box p:first-letter  {font-size:12px;  font-weight:normal; line-height:20px;  padding:0;} 
#brief .box{ clear:both; width:719px; height:121px;position: relative; margin-top:15px;}
#brief .box p{ clear:both; width:558px; height:52px; position: absolute;top:60px; left:139px;}
#brief .ico1{background: url(../images/bri1.png) no-repeat left top;}
#brief .ico2{background: url(../images/bri2.png) no-repeat left top;}
#brief .ico3{background: url(../images/bri3.png) no-repeat left top;}
#brief .ico4{background: url(../images/bri4.png) no-repeat left top;}


#jobList dl{ clear:both; margin-bottom:15px;}
#jobList dl dt{ display:none;}
#jobList #jobImg{ padding-top:10px; }
.tabletxt {border-top:1px solid #cfcfcf;border-left:3px solid #cfcfcf;width:100%;margin:0 auto}
.tabletxt tr{ background-color:expression('#fff,#f6f5f5'.split(',')[rowIndex%2]); }
.tabletxt td {padding:5px 0 5px 10px;border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf}
.tabletxt td p{ padding-left:6px; line-height:20px;}
#jobList STRONG{ font-weight:700; padding-right:5px;}


.conBox{ width:438px; height:186px; padding-left:15px; padding-right:15px; margin-bottom:10px; margin-top:10px; background: url(../images/newBoxBg.png) no-repeat bottom left;position: relative;}
.boxTit{ line-height:12px;border-bottom:1px #e2e2e2 dashed; height:49px;position: relative;}
.boxTit strong{position: absolute; top:23px; left:0px; font-size:15px; line-height:20px; }
.boxTit a{color:#666;}
.boxTit span{position: absolute; top:28px; left:70px; color:#fb6f21;}

.boxImg { position: absolute; top:80px; left:15px; width:95px; height:93px; }



.news{ position: absolute; top:68px; left:128px;  width:325px;  }
.news li { list-style:none;line-height:25px; }
.news li .iNews{float:left; width:230px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:left; padding:0px; padding-left:10px;background: url(../images/cArr.gif) no-repeat 0px 8px; }
.news li .iDate{ float:right; font-size:10px; color:#777; }
.news li a{ color:#777; text-decoration:none;}


#newList{ overflow:hidden; margin:0 auto; background: url(../images/cNewsLine.gif) 50px 0px repeat-y;  }
#newList dl { clear:both; display:block;  padding-top:10px; text-align: left;margin-bottom:10px;overflow:hidden; }
#newList dl dt{ clear:both; height:25px; overflow:hidden;  text-align:left; line-height:25px; padding-bottom:0px; margin:0px; }
#newList dl dd { clear:both; text-align:left; line-height:15px; padding-top:5px; margin:0px; padding-left:70px; }
#newList dl dt .nNo{ float:left; text-align:right; width:40px; background:url(../images/cNewsNo.png) no-repeat 45px 8px; padding-right:20px;  }
#newList dl dt a{ font-size:14px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:500px; padding-left:10px; padding-top:1px;}
#newList dl dt span{ float:right; font-size:10px;}

#newList dl dd div{ clear:both; color:#808080; line-height:20px; overflow:hidden;border-bottom:1px #ccc dotted; padding-bottom:15px; padding-top:5px; }
#newList .top{ background: url(../images/cTopNewsDlBg.png) no-repeat 50px 0px; padding-top:25px; }



#content{ padding-top:15px; }
#content h3{ font-size:18px; clear:both; margin-bottom:8px;text-align:center; padding-bottom:10px;font-family:ºÚÌå; font-weight:normal;letter-spacing:1px;}
#content p{ clear:both; padding:0px; margin-bottom:20px;line-height:22px; }
#dateandtime{ clear:both;  text-align:center;border-bottom:1px #ccc dashed; padding-bottom:10px; margin-bottom:15px;}
#dateandtime span{ margin-right:15px;}
#oLink{ margin-top:10px; margin-bottom:10px; text-align:right;}
#oLink p{ float:right; margin-right:20px;}

#oLink{ clear:both; padding-bottom:40px; padding-top:20px; border-top:1px #ccc dashed;}
#oLink .Pre{ float:right;}
#oLink .Next{ float:left;}


#newList .page{ height:85px;background: url(../images/cPageLine.png) no-repeat 50px bottom;}
.page{  height:45px;font-size:12px; clear:both; margin:0 auto;  padding-top:20px; }
.page a{ display:block; color:#575757; float:left; text-decoration:none; height:15px; width:15px; line-height:15px; text-align:center;}
.page a:hover{}
.page .s{font-weight:bold;}
.page .pageCount{ float:left; }
#newList .page .pageCount{padding-left:73px;}
.page .pageIndex{ float:right;}
.page .pageNo{ float:left;}
.page .pre{ display:block; float:left; width:15px; height:15px; background: url(../images/pre.gif) 0px center no-repeat;text-indent: -10000px;}
.page .nxt{ display:block; float:left; width:15px; height:15px; background: url(../images/next.gif) 0px center no-repeat;text-indent: -10000px; margin-left:10px;}

.err{ line-height:20px;}
.err ol{ margin-top:10px;  margin-left:24px; margin-bottom:30px; list-style:decimal; line-height:25px; }

#contact{position: relative; height:459px;}
#contact ul,ol{ margin-top:10px; line-height:25px; }
#contact ol{ margin-left:24px; margin-bottom:50px; list-style:decimal;}
#contact ul{list-style:none;}
#contact ul li{ clear:both;}
#contact ul span{ width:48px; text-align:right; float:left; padding-top:2px;}
#contact ul i{ float:right; text-align:left; width:152px;}
#contact h4{ margin-left:34px; margin-top:30px;}
.map{position: absolute;  width:508px; height:286px; overflow:hidden; top:169px; left:0px;}
#contact a{ text-decoration:none;}
#contact a:hover{ text-decoration:underline;}
.conTxt{position: absolute;   height:256px; overflow:hidden; top:169px; left:515px;}
.conTxt b{ padding-left:14px;letter-spacing:1px;}


#msgBox{ margin-bottom:0px; padding:0px;color:#555; text-align:left; width:450px; position: absolute;top:40px; left:0px; z-index:101;}
#msgBox #msgForm ul{list-style:none;clear:both; padding:0px; margin:0px;}
#msgBox #msgForm ul li{ float:left; margin-right:10px; margin-bottom:10px;}
#msgBox a{color:#fff;text-decoration:underline;}
#msgForm p{ text-align:left; margin-top:0px; margin-left:0px; clear:both;}

#msgBox .incss{ border:1px #cccccc solid; margin-left:0px; margin-right:0px;  height:18px; line-height:18px; background: url(../images/touming.gif) no-repeat 0px 0px; color:#ccc; padding:0px;}
#msgBox .bcss{border:0px #a5c3d6 solid; margin-right:5px; margin-left:0px; margin-top:0px;background: url(../images/btn.gif) no-repeat 0px 0px; width:110px; height:23px;  color:#666; padding:4px; }
#msgBox #returnDiv{  text-align:left;}
#msgBox #returnDiv ul{ text-align:left;}
#msgBox #returnDiv p{ clear:both;}
#msgBox #returnDiv a{ color:#666; line-height:50px;}

.msgContent{clear:both;border:1px #ccc dashed;padding: 4px;margin-bottom:10px; text-align:left;}
.msgContent .ask{font-size: 12px;background-color:#eee; clear: both;color:#555; padding:8px;}
.msgContent .ask dt{ margin-bottom:10px;}
.msgContent .ask dd{ color:#444;}
.msgContent .ask .askName{ }
.msgContent .replay{ padding:8px; color:#555;}
.msgContent .replay dt{ font-weight:700;  margin-bottom:2px;}
.msgContent .replay dd{ line-height:20px; font-weight:normal;}

#work dl{width:170px; float:left; padding:6px; margin-left:0px; margin-right:10px; margin-bottom:20px;border:1px #ccc dotted; background-color:#eee; text-align:center; display:inline;}
#work dl dt{ margin-bottom:10px; font-size:14px;}
#work dl dd{ color:#888; line-height:22px;width:170px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#work dl dd a{ color:#555;}
#work .last{ margin-right:0px; float:right;}
#work h5{font-size: 12px;  color:#555; padding:8px; text-align:center;}
#work dl dd .d1{ float:left;}
#work dl dd .d2{ float:left; width:120px; text-align:center;}
#work dl dd .d3{ float:right;}

#design{ padding-bottom:20px; line-height:18px;}
#design .tbDiv{  list-style:none; margin-right:0px; margin-bottom:25px; margin-top:20px;background: url(../images/tbDivBg.gif) 0px 0px repeat-y;}
#design .tbDiv .tbTitLi{  clear:both;font-weight:700;border-bottom:1px #ccc solid;border-top:1px #ccc solid;}

#design .tbDiv .tbTd{ clear:both; display:block; border-bottom:1px #ccc solid; }
#design .tbDiv  p{ float:left;  margin:0px;  padding:8px; line-height:18px; }
#design .tbDiv  .tbTit{ float:left; width:120px;}
#design .tbDiv  .tbDse{ float:left;width:550px;}

.tcBox{ margin-bottom:20px; margin-top:10px;}
.tcBox .tcTit{ padding:9px; background-color:#eee; clear:both;  height:20px;}
.tcBox .tcTit span{ float:right; color:#999;}
.tcBox .tcTit b{ float:left; font-size:14px; font-weight:normal; }
.tcBox .tcImg{ float:left; width:150px;}
.tcBox .tcImg img{ margin-top:15px;}
.tcBox .tcContent{ float:left; text-align:left;width:560px;}

#design ol{ margin-left:25px; list-style:upper-alpha; line-height:18px; margin-top:0px;margin-bottom:10px;}
#design li ol{ list-style:lower-alpha;}
#design .bY{ color:#444;margin-bottom:10px;margin-top:15px;}

#workShow{ padding-top:15px; }
#workShow h3{ font-size:18px; clear:both; margin-bottom:8px;text-align:center; padding-bottom:10px;font-family:ºÚÌå; font-weight:normal;letter-spacing:1px;}
#workShow p{ clear:both; padding:0px; margin-bottom:20px;line-height:22px; }
#dateandtime{ clear:both;  text-align:center;border-bottom:1px #ccc dashed; padding-bottom:10px; margin-bottom:15px;}
#dateandtime span{ margin-right:15px;}
.pBox{ clear:both; text-align:left;  }
.pBox .pImg { float:left; width:499px;}
.pBox .pImg img{ width:499px;}
.pBox .pContent{ float:right;width:428px;  text-align:left; margin-right:0px; color:#666;}
.pBox .pContent p{  clear:both; line-height:22px; margin-bottom:25px;}

#links{ clear:both;}
#links li{ float:left;border:1px #ccc solid; padding:0px 7px 0px 8px; height:30px; line-height:30px; list-style:none; margin-right:10px; margin-bottom:10px;white-space: nowrap;}