body {font:normal 12px/22px Verdana, Arial, Helvetica, sans-serif;color:#555;}
p,h1.h2,h3,h4,ul,li,div{margin:0;padding:0;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.wd{width:980px;margin:0 auto; clear:both}
.clear{clear:both;}
ul,li,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,ol{list-style:none;margin:0;padding:0}
img.bdr{border:1px solid #f0f0f0;padding:3px;margin:6px;background:#fbfbfb}
a{text-decoration:none;color:#f000}
a:link{color:#f00}
a:visited{color:#f00}
a:hover{color:#f00;text-decoration:underline}
p{padding:3px 6px;clear:both}

.top{margin:0 auto;zoom:1;height:88px;position:relative}
.logo{top:15px;left:10px;position:absolute}
.sologen{background:url(../images/kouhao.gif) no-repeat 0 35px;height:90px;width:450px;position:absolute;right:0;text-indent:-9000px;}

ul.nav{width:980px;background:url(img/navBg.jpg) repeat-x left top;height:36px;margin:0 auto;position:relative}
ul.nav li{float:left;background:url(img/navSide.gif) no-repeat right;padding-right:1px;}
ul.nav li a:link,ul.nav li a:visited,ul.nav li a:hover,ul.nav li a:active{color:#fff;font:normal 14px/36px Verdana, Arial, Helvetica, sans-serif; height:36px;padding:0 20px; position:relative;text-decoration:none;font-weight:bold}
.leftConner{background:url(img/leftCorner.png);_background:url(img/leftCorner.gif); width:4px; height:36px; position:absolute;left:0;top:0;}
.rightConner{background:url(img/rightCorner.png);_background:url(img/rightCorner.gif); width:4px; height:36px; position:absolute;right:0;top:0}
ul.nav li a:hover,ul.nav li a.now{background:url(img/navBgHover.jpg) repeat-x; height:36px; display:block}
ul.nav li a.now{cursor:normal}
a.lang{line-height:36px;color:#fff;float:right;margin-right:20px;}
/*banner*/
.banner{width:980px;margin:10px auto;position:relative;clear:both;height:210px;over-flow:hidden}
#bannerShow { position: absolute;}
#bannerShow img {display:block;}
#bannerShow .bannerMain { position: relative; width:980px; height: 210px; overflow: hidden;clear:both}
#bannerShow .bannerMain li { position: absolute;}
#bannerShow .bannerMain li img{ position: relative;left:3px;}
#bannerShow {}
#bannerShow .bannerNav { position:absolute; z-index:10; left:10px;top: 10px; display:none}
#bannerShow .bannerNav li { width: 18px; height: 18px; display:none;float: left; display:inline; margin: 2px; text-align: center; background: #333; color: #FFF; font-size: 10px; line-height: 18px; font-family:Arial; cursor: pointer; }
/*content*/
.content {height:auto!important;min-height:390px;_height:390px;clear:both}
.content dl{padding-left:6px;}
.content h1{font-size:14px;width:980px;height:30px;line-height:30px;background:url(img/titleBg.gif) no-repeat 0 0;color:#000;text-indent:14px;margin-bottom:14px;}
.content h2{font-size:14px;margin-top:6px;text-indent:6px;clear:both;height:30px;line-height:30px;float:left;width:100%;border-bottom:1px dashed #f0f0f0;background:#f7f7f7}
.left{ width:240px; float:left; margin-right:6px;}
.branch{background:url(img/map.gif);width:240px;height:204px; position:relative}
.branch li a{color:#fff}
.branch li.bj{position:absolute;left:182px;top:47px;}
.branch li.shh{position:absolute;left:139px;top:101px;}
.branch li.chd{position:absolute;left:127px;top:140px;}

ol.process{margin-left:0px;clear:both;}
ol.process li{padding-left:6px;list-style:decimal;list-style-position:inside;margin-top:6px;}
.brief{ width:465px; height:340px; background:#f6f6f6;float:left;}
.brief h2{ width:465px; height:30px; line-height:30px; background:#9e9e9e; font-size:12px; color:#FFF; text-indent:14px;margin-top:0;border-bottom:none}
.brief p img{float:right; padding:3px; border:1px solid #CCC}

dl.position dt,dl.industry dt{clear:both;font-weight:bold;color:#888;}
dl.position dd{float:left;margin-right:12px;}
dl.industry dd{width:224px; font-weight:bold;height:20px;padding-top:104px;background-color:#f0f0f0;border:1px solid #d9d9d9;background-repeat:no-repeat;background-position:2px 2px;text-align:center;float:left;margin:0 6px;vertical-align:bottom}
dl.industry dd.soft{background-image:url(img/soft.jpg)}
dl.industry dd.inter{background-image:url(img/inter.jpg)}
dl.industry dd.telecom{background-image:url(img/telcome.jpg)}
dl.industry dd.game{background-image:url(img/game.jpg)}

.development{width:262px;float:left; height:340px; background:#fbfbfb; margin-left:6px; overflow:hidden}
.development h2{ width:262px; background:#efefef; font-size:12px; text-indent:14px;height:30px; line-height:30px;margin-top:0}
.development img{ padding:3px; border:1px solid #CCC; margin:3px 0 3px 2px;float:left}

.charge{ width:730px; height:80px; float:left; background:#f6f6f6; line-height:18px;margin:6px 0 6px 0;}
.charge h2{ font-size:12px; text-indent:14px;}
/*sustormer*/
ul.sustormer{height:auto!important;min-height:180px;clear:both}
ul.sustormer li{float:left;display:block;margin:6px 20px 6px 0px;border:1px solid #f0f0f0;padding:3px 3px 0 3px}
/*contact*/
dl.contact dt{margin-top:12px;font-weight:bold;clear:both;margin-top:6px;}
dl.contact dt img{border:1px solid #f0f0f0;padding:3px;margin-right:12px;margin-top:3px;}
/*foot*/
.foot{border-top:1px solid #CC0000; background:#aaa; height:22px; line-height:22px; color:#FFF; text-align:center;font-size:12px;color:#f0f0f0}
.tel{background:url(img/phone.gif) no-repeat 10px 1px;padding-left:30px;}