@import url(default.css);
body {background:url(index_bg.gif) white center top repeat-x}

#header {width:1003px;height:138px;margin:0 auto;clear:both;position:relative}
#logobox {width:102px;height:67px;text-align:center;position:absolute;left:52px;top:37px}
#logobox h2 {color:#3D6D0C;height:28px;line-height:28px}
#toplink {
	width:943px;
	height:20px;
	line-height:20px;
	text-align:center;
	padding-right:60px;
	background:url(top_bg.jpg) center top no-repeat;
	color:#000000
}
#toplink a {color:#89B341;text-decoration:none}
#toplink a:hover {color:#FF9C00;text-decoration:underline}
#topbanner {width:1003px;height:113px;text-align:center}

#mainbox {clear:both;width:1003px;height:auto;margin:0 auto;position:relative}
#stepbox {width:903px;height:128px;position:absolute;left:50px;top:96px}
#stepbox ul {width:883px;height:128px;padding:0 10px}
#stepbox ul li {float:left;width:236px;height:128px;padding-left:5px;background:url(stepbox_bg.png) left -90px no-repeat}
#stepbox ul li dl {float:left;width:236px;height:128px}
#stepbox ul li dl dt {float:left;width:76px;height:128px}
#stepbox ul li dl dd {float:left;width:155px;height:20px;padding-left:5px}
#stepbox ul li dl dd a {float:left;width:auto;height:20px;line-height:20px;padding-right:15px;color:#000;text-decoration:none;background:url(icon1.gif) right top no-repeat}
#stepbox ul li dl dd a:hover {float:left;width:auto;height:20px;line-height:20px;padding-right:15px;color:#FF9C00;text-decoration:underline;background:url(icon1.gif) right -20px no-repeat}
#stepbox ul li dl dd span {float:left;width:auto;height:20px;line-height:20px;padding-right:15px;color:#000;text-decoration:none}
#menubox {width:1003px;height:230px}
#infobox {clear:both;width:903px;height:210px;margin:0 auto;background:url(info_bg.jpg) left top no-repeat}
#blogbox {float:left;width:405px;height:210px;padding-left:45px}
#blogbox h2 {width:405px;height:50px;color:#FF9C00;background:url(line3x1.gif) left bottom repeat-x}
#blogbox h2 strong {float:left;width:auto;height:29px;padding-left:92px;padding-top:21px;line-height:29px;background:url(title_pblog.png) left 7px no-repeat}
#blogbox h2 strong a {color:#FF9C00;text-decoration:none}
#blogbox h2 strong a:hover {color:#B7D37D;text-decoration:none}
#blogbox dl {width:405px;height:162px;padding-top:8px;overflow:hidden}
#blogbox dl dt {width:405px;line-height:18px;color:#B7D37D}
#blogbox dl dd {width:405px;line-height:18px;color:#858585;padding-top:2px;padding-bottom:8px}
#blogbox dl dt a {padding-right:10px;line-height:18px;color:#B7D37D;text-decoration:none}
#blogbox dl dt a:hover {line-height:18px;color:#FFF;text-decoration:none}
#blogbox dl dt span {padding-left:10px;font-size:12px;color:#FFF}
#blogbox dl dt span a {font-size:12px;color:#FFF;text-decoration:none}
#blogbox dl dt span a:hover {font-size:12px;color:#FFF;text-decoration:underline}
#project {float:left;width:423px;height:210px;padding-left:26px}
#project h2 {width:423px;height:43px;line-height:43px;color:#FF9C00}
.prolist {width:423px;height:131px;overflow:hidden}
.prolist ul {float:left;width:423px;height:131px;overflow:hidden}
.prolist ul li {float:left;width:423px;height:131px;overflow:hidden}
.pro_left {float:left;width:317px;height:131px}
.pro_left ul {float:left;width:317px;height:131px}
.pro_left ul li {float:left;width:317px;height:auto;line-height:30px;color:#B7D37D}
.pro_left ul li span {float:left;width:auto;height:auto;line-height:30px;color:#B7D37D}
.pro_left ul li span a {line-height:30px;color:#B7D37D;text-decoration:underline}
.pro_left ul li span a:hover {line-height:30px;color:#FF9C00;text-decoration:none}
.pro_left ul li b {float:left;width:53px;height:13px;padding:8px 0 9px 10px}
.pro_right {float:left;width:96px;height:131px;line-height:18px;color:#7D7D7D;padding-left:10px}
.pro_right dl {float:left;width:96px;height:131px}
.pro_right dl dt {color:#B7D37D}
.pro_right dl dd {color:#7D7D7D;padding-bottom:10px}
.othercase {float:left;width:412px;height:36px;line-height:36px;color:#7D7D7D;background:url(line3x2.gif) left top repeat-x}
.othercase a {line-height:36px;color:#7D7D7D;text-decoration:none}
.othercase a:hover {line-height:36px;color:#FFF;text-decoration:underline}

#leftbar {float:left;width:250px;height:auto;padding-left:60px;padding-top:20px}
#pnews {float:left;width:250px;height:auto}
#pnews h2 {width:250px;height:33px}
#pnews h2 span {display:block;width:44px;height:20px;margin-top:-26px;float:right}
#pnews dl {width:250px;height:auto;padding-top:10px}
#pnews dl dt {width:250px;line-height:18px;color:#6B9939}
#pnews dl dd {width:250px;line-height:16px;color:#858585;padding-bottom:10px}
#pnews dl dt a {line-height:18px;color:#435900;text-decoration:none}
#pnews dl dt a:hover {line-height:18px;color:#FF9C00;text-decoration:none}
#pnews dl dt span {font-size:9px;color:#FFF}
#pnews dl dt span a {font-size:9px;color:#FFF;text-decoration:none}
#pnews dl dt span a:hover {font-size:9px;color:#FFF;text-decoration:underline}


#contactbox {float:left;width:250px;height:auto;margin-top:25px;line-height:166%}
#contactbox h2 {width:250px;height:30px;padding-bottom:10px}
#contactbox b {color:#99256B}
#contactbox strong {font-size:13px}

#rightbar {float:right;width:607px;height:auto;padding-right:60px;padding-top:20px}
#portfolio {float:left;width:607px;height:auto;margin-top:20px}
#portfolio h2 {float:left;width:607px;height:auto}
#portfolio h2 span {display:block;width:35px;height:16px;margin-top:-20px;float:right}
#portfolio ul {float:left;width:607px;height:auto;padding:15px 0 10px 0}
#portfolio ul li {float:left;width:195px;height:auto}
#portfolio ul .limid {padding:0 10px}
#portfolio ul li i {color:#FF9C00;font-size:10px;font-weight:normal;font-style:normal;line-height:25px}
#portfolio ul li h5 {color:#858585;line-height:16px}
#portfolio ul li h5 a {color:#858585;line-height:16px;text-decoration:none}
#portfolio ul li h5 a:hover {color:#FF9C00;line-height:16px;text-decoration:underline}
#casebox {float:left;width:361px;height:129px}
#bannerbox1 {float:right;width:230px;height:auto}
#bannerbox1 ul {width:230px;height:auto}
#bannerbox1 ul li {float:left;width:230px;height:60px;border:1px #FFF solid;border-bottom:1px #E2E8DC solid}
#bannerbox1 ul .lion {padding-top:6px}
#bannerbox1 ul .lion1 {border:1px #E2E8DC solid}
#bannerbox1 ul .lion2 {padding-top:7px;border:1px #E2E8DC solid;border-top:none;}

#bannerbox2,#dragClass {clear:both;width:903px;height:auto;margin:0 auto;}
#dragClass {padding-top:20px}
#bannerbox2 {padding-bottom:30px}
#openId {width:120px;height:22px;line-height:22px;text-align:left;background:url(btn_open.jpg) left top no-repeat;color:#FFF;cursor:pointer;margin:0 auto;clear:both}
#closeId {width:120px;height:22px;line-height:22px;text-align:left;background:url(btn_close.jpg) left top no-repeat;color:#FFF;cursor:pointer;margin:0 auto;clear:both}



 导航 
#nav, #nav ul {
  float:left; /* 菜单总体水平位置 */
  list-style:none;
  line-height:35px; /* 一级菜单高 */
  font-weight: bold;
  padding:0px;
  margin:0px;
  border:0px solid #ccc;
  border-right: 0px;
}
#nav ul ul{
  border:0px solid #ccc;
  border-top:0px;
  border-right:0px;
}
#nav a {
  width:105px;
  display:block;
  color:#000000;
  text-decoration:none;
  text-align:center;
  border-right:0px solid #CCC;
}
#nav a:hover{color:#000; font-size:12px; background:#CBD7DD} /* 所有 a:hover 字体样式 */
#nav li {float:left;}
#nav li ul { /* 二级弹出位 */
  position:absolute;
  margin:0px 0px 0px -1px;
  padding:0;
  left:-9999em;
  width:104px;
  font-weight:normal;
}
#nav li li {width:110px;} /* 二级菜单宽 */
#nav li ul a {
  width:110px; /* 二级菜单宽 */
  padding:0px 12px;
  background:#F4F4F4;
  line-height:24px; /* 二级菜单高 */
  border-BOTTOM:1px #fff dashed;
  border-left:1PX #FFFFFF dashed;
  border-RIGHT:1PX #FFFFFF dashed;
  text-align:left;
}
#nav li ul ul {margin:-25px 0px 0px 105px;} /* 三级弹出位 */
#nav li:hover ul ul,#nav li.sfhover ul ul{left:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{left:auto;} /* 所有弹出菜单自动左边距 */
#nav li:hover, #nav li.sfhover {background:#F4F4F4;} /* 所有悬浮样式 */