/* CSS Document */
body{
text-align:center;
font-size:10pt;
}
#wrapperDiv{
position:relative;
width:1000px;
margin:0 auto 0 auto;
}
#logo{
position:absolute;
left:0px;
top:0px;
width:1000px;
height:150px;
background:url(images/logo.jpg) no-repeat 9px 7px;
}
#contactPhone{
position:absolute;
left:804px;
top:60px;
width:187px;
height:19px;
background:url(images/contactPhone.gif) no-repeat;
}
#setFirst{
position:absolute;
left:834px;
top:39px;
width:166px;
}
#setFirst ul{
  margin:0px;
  padding:0px;
  list-style:none;
}
#setFirst li{
float:left;
width:80px;
margin-left:3px;
}

.setFirstFont{
color:#1866A9;
font-size:13px;
}
#nanDiv{
position:absolute;
left:0px;
top:153px;
width:1000px;
height:32px;
background:url(images/navbg.gif) repeat-x;
font-size:12pt;
}
#nanDiv ul{
margin:0px;
padding:0px;
list-style:none;
height:32px;
}

#nanDiv li{
float:left;
width:110px;
line-height:20px;
color:#FFFFFF;
}
#nanDiv li a
{
padding-top:5px;
display:block;
text-align:center;
height:30px;
}
#nanDiv li a:hover
{
color:#FF0000;
background:#D1D8DD;
}
#showPicDiv
{
position:absolute;
left:0px;
top:177px;
width:1000px;
height:325px;
background:url(images/picShow.gif) no-repeat 19px 16px;
}
#productShow
{
position:absolute;
left:0px;
top:504px;
width:700px;
height:233px;
border:1px solid #B4B4B4;
}

#productMore
{
position:absolute;
left:630px;
top:8px;
z-index:5;
margin-top:0px;
text-decoration:none;
color:#555;
}
.productPic
{
position:absolute;
left:18px;
top:57px;
}
.productDes
{
position:absolute;
left:188px;
top:40px;
width:372px;
height:185px;
text-align:left;
}
.productDes h1
{
font-size:20px;
}

#cases
{
position:absolute;
left:0px;
top:745px;
width:700px;
height:551px;
border:1px solid #B4B4B4;
}
#caseTitle{
width:700px;
border:0px solid #B4B4B4;
border-bottom-width:1px;
height:32px;
background:url(images/hdTitlebg.gif) no-repeat 5px 5px;
}

.titleText{
left:24px;
top:10px;
color:#3474AD;
text-align:left;
position:absolute;
}
#caseMore{
position:absolute;
left:640px;
top:8px;
color:#555;
}
#caseList ul{
  margin:0px;
  padding:0px;
  list-style:none;
  margin-left:8px;
  margin-top:10px;
}

#caseList li{
float:left;
width:213px;
height:166px;
margin-left:8px;
margin-right:8px;
margin-top:2px;
text-align:center;
}

#caseList li img{
width:213px;
height:124px;
border-style:none;
margin-bottom:10px;
}

#caseList li a{
text-decoration:none;
}

#solutionList{
position:absolute;
top:504px;
left:715px;
width:282px;
height:792px;
border:1px solid #B4B4B4;
}
#solutionTitle
{
border:0px solid #B4B4B4;
border-bottom-width:1px;
width:282px;
height:32px;
background:url(images/hdTitlebg.gif) no-repeat 5px 5px;
}

#solutionUL ul{
  width:282px;
  margin:0px;
  padding:0px;
  list-style:none;
}
#solutionUL li{
  width:272px;
  height:73px;
  margin:0px 5px 0px 5px;
  border-style:dashed;
  border-width:0px;
  border-top-width:1px;
  border-color:#B4B4B4;
}
#solutionUL li div{
position:absolute;
width:272px;
height:73px;
}

.sn{
position:absolute;
left:0px;
top:20px;
width:41px;
height:36px;
margin:0px;
padding:0px;
background:#246BBC;
text-align:center;
font-size:2em;
padding-top:5px;
color:#ffffff;
}
.slink{
position:absolute;
left:58px;
top:7px;
width:214px;
height:58px;
text-align:left;
}

.slink  h1{
font-size:16px;
margin:0px;
padding:0px;
margin-top:6px;
color:#25679f;
}

.slinkDetail{
font-size:13px;
color:#191919;
}

#solutionMore{
position:absolute;
left:215px;
top:8px;
text-decoration:none;
color:#555;
}

#solutionMoreBottom{
position:absolute;
right:7px;
bottom:7px;
text-decoration:none;
color:#555;
}
#companyNews{
position:absolute;
left:0px;
top:1311px;
width:345px;
height:243px;
border:1px solid #B4B4B4;
}

#companyNewsTitle{
border:0px solid #B4B4B4;
border-bottom-width:1px;
width:345px;
height:32px;
background:url(images/hdTitlebg.gif) no-repeat 5px 5px;
}

#companyNewsMore{
position:absolute;
left:280px;
top:8px;
text-decoration:none;
color:#555;
}

.newsul{
  width:345px;
  margin:0px;
  padding:0px;
  list-style:none;
}
.newsul li{
  width:325px;
  height:38px;
  margin:0px 5px 0px 13px;
  border-style:dashed;
  border-width:0px;
  border-bottom-width:1px;
  border-color:#B4B4B4;
  background:url(images/newarrow.gif) no-repeat 0px 15px;
  text-align:left;
}
.newsul li a{
display:block;
height:24px;
padding-top:15px;
padding-left:27px;
text-decoration:none;
}


#businessNews{
position:absolute;
left:357px;
top:1311px;
width:344px;
height:243px;
border:1px solid #B4B4B4;
}

#businessNewsTitle{
border:0px solid #B4B4B4;
border-bottom-width:1px;
width:344px;
height:32px;
background:url(images/hdTitlebg.gif) no-repeat 5px 5px;
}

#businessNewsMore{
position:absolute;
left:280px;
top:8px;
text-decoration:none;
color:#555;
}

.busnew{
  width:340px;
  margin:0px;
  padding:0px;
  list-style:none;
}
.busnew li{
  width:320px;
  height:38px;
  margin:0px 5px 0px 13px;
  border-style:dashed;
  border-width:0px;
  border-bottom-width:1px;
  border-color:#B4B4B4;
  background:url(images/newarrow.gif) no-repeat 0px 15px;
  text-align:left;
}

.busnew li a{
display:block;
height:24px;
padding-top:15px;
padding-left:27px;
text-decoration:none;
}

#outSourceNews{
position:absolute;
left:715px;
top:1311px;
width:282px;
height:243px;
border:1px solid #B4B4B4;
}

#outSourceNewsTitle{
border:0px solid #B4B4B4;
border-bottom-width:1px;
width:282px;
height:32px;
background:url(images/hdTitlebg.gif) no-repeat 5px 5px;
}

#outSourceNewsMore{
position:absolute;
left:212px;
top:8px;
text-decoration:none;
color:#555;
}

.outsourcenew{
  width:272px;
  margin:0px;
  padding:0px;
  list-style:none;
}
.outsourcenew li{
  width:252px;
  height:38px;
  margin:0px 5px 0px 13px;
  border-style:dashed;
  border-width:0px;
  border-bottom-width:1px;
  border-color:#B4B4B4;
  background:url(images/newarrow.gif) no-repeat 0px 15px;
  text-align:left;
}

.outsourcenew li a{
display:block;
height:24px;
padding-top:15px;
padding-left:27px;
text-decoration:none;
}

.newsul li a:hover,.busnew li a:hover,.outsourcenew li a:hover{
color:#FF0000;
}

#frendslinks,#hotrecommend{
position:absolute;
left:0px;
top:1564px;
width:1000px;
height:25px;
border:1px dotted #B4B4B4;
}
#hotrecommend{
top:1599px;
}

#frendslinks span,#hotrecommend span{
display:block;
position:absolute;
left:16px;
top:0px;
height:19px;
padding-top:6px;
color:#3A84C4;
}

#frendlinksUl,#hotrecommendUl{
position:absolute;
left:82px;
top:0px;
height:18px;
padding-top:7px;
width:915px;
}


#frendlinksUl ul,#hotrecommendUl ul{
list-style:none;
margin:0px;
padding:0px;
width:925px;
}

#frendlinksUl li,#hotrecommendUl li{
float:left;
margin-left:12px;
}

#frendlinksUl li a,#hotrecommendUl li a{
display:block;
text-decoration:none;
color:#6e6e6e;
}

#frendlinksUl li a:hover,#hotrecommendUl li a:hover{
color:#ff0000;
}

#indexCopyright{
position:absolute;
left:0px;
top:1634px;
width:1000px;
height:80px;
background:#4391c8;
}
#copyrtText{
position:absolute;
left:331px;
top:18px;
width:400px;
height:62px;
color:#ffffff;
text-align:left;
line-height:20px;
}



