*{margin:0;padding:0;}
body {
    color:#9DA5A8;
	background:#000 url(../images/bj_01.gif) repeat;
}

a img{border:0;}
a{text-decoration:none;font:normal 9pt Arial;color:#818b98;}
a:hover{text-decoration:none;font:normal 9pt Arial;color:#f90;}
:focus{outline:none;}
.highlight{color:#f90;}
.clearfix:after{
    content:".";
    height:0;
    display:block;
    visibility:hidden;
    _zoom:1;
}

#wrap{
    width:724px;
    margin:15px auto;
    background:#14181b;
}
#hd,#bd,#ft{
    width:676px;
    margin-left:24px;
}
#bd{
background:transparent url(../images/bd_bg.gif) repeat-y left;
float:left;
width:672px;
margin-left:26px !important;
margin-left:13px;
margin-top:15px;
}
#main{
    width:503px;
    margin-left:2px;
    float:right;
    background:#14181b;
    min-height:400px;
    _height:400px;
}
#sidebar{
    width:164px;
    overflow:hidden;
    float:right;
    background:#38393b;
}
#bd,#ft{
    clear:both;
}
#topnav ul{
    list-style:none;
    float:left;
    clear:both;
}
#topnav ul li{
    float:left;
    width:131px;
    margin-left:4px !important;
    margin-left:3.8px;
}
#topnav ul li a{
    display:block;
    width:131px;
    height:73px;
    text-indent:-10000px;
    background:url(../images/nav_bg.gif) no-repeat 0 0;
}
#topnav ul li.about a{    background-position:0px 0px;}
#topnav ul li.about a:hover{    background-position:0px -76px;}
#topnav ul li.about a.cur{    background-position:0px -76px;}
#topnav ul li.product a{    background-position:-135px 0px;}
#topnav ul li.product a:hover{    background-position:-135px -76px;}
#topnav ul li.product a.cur{    background-position:-135px -76px;}
#topnav ul li.vi a{    background-position:-270px 0px;}
#topnav ul li.vi a:hover{    background-position:-270px -76px;}
#topnav ul li.vi a.cur{    background-position:-270px -76px;}
#topnav ul li.service a{    background-position:-405px 0px;}
#topnav ul li.service a:hover{    background-position:-405px -76px;}
#topnav ul li.service a.cur{    background-position:-405px -76px;}
#topnav ul li.contact a{    background-position:-540px 0px;}
#topnav ul li.contact a:hover{    background-position:-540px -76px;}
#topnav ul li.contact a.cur{    background-position:-540px -76px;}
#topnav ul.en li.about a{    background-position:0px -160px;}
#topnav ul.en li.about a:hover{    background-position:0px -235px;}
#topnav ul.en li.about a.cur{    background-position:0px -235px;}
#topnav ul.en li.product a{    background-position:-135px -160px;}
#topnav ul.en li.product a:hover{    background-position:-135px -235px;}
#topnav ul.en li.product a.cur{    background-position:-135px -235px;}
#topnav ul.en li.vi a{    background-position:-270px -160px;}
#topnav ul.en li.vi a:hover{    background-position:-270px -235px;}
#topnav ul.en li.vi a.cur{    background-position:-270px -235px;}
#topnav ul.en li.service a{    background-position:-405px -160px;}
#topnav ul.en li.service a:hover{    background-position:-405px -235px;}
#topnav ul.en li.service a.cur{    background-position:-405px -235px;}
#topnav ul.en li.contact a{    background-position:-540px -160px;}
#topnav ul.en li.contact a:hover{    background-position:-540px -235px;}
#topnav ul.en li.contact a.cur{    background-position:-540px -235px;}

#logo-area{
    margin:10px 0 8px 4px;
    float:left;
}
#logo-area h1{
    width:520px;
    float:left;
}
#logo{
    display:block;
    width:189px;
    height:86px;
    background:url(../images/szidea98_logo.gif) no-repeat;
    text-decoration:none;
    text-indent:-10000px;
}

#sitedesc{
    width:150px;
    float:right;
    background:url(../images/pic_08.gif) no-repeat right;
    padding-top:30px;
}
#sitedesc a.lang-switch{
    text-decoration:none;
    color:#fa3;
    background-color:#222;
    padding:1px 10px;
    font:bold 11px/1.1 Arial "宋体";
}
#sitedesc a.lang-switch:hover{
    color:#ddd;
}
#sitedesc .snd-swf{
position:relative;
top:2px;
*top:4px;
*margin-right:5px;
}

#menu{
list-style:none;
float:left;
width:156px;
border-left:solid 5px #555;
margin-top:15px;
}
#menu li{
height:25px;
font:bold 13px/25px Arial "宋体";
padding-left:16px;
color:#888;
}

#menu li a{
font:bold 13px/25px Arial "宋体";
text-decoration:none;
color:#888;
letter-spacing:3px;
padding-left:20px;
background:url(../images/tri.gif) no-repeat;
}
.en #menu li a{
letter-spacing:0;
}
#menu li a.cur{
color:#f90;
}
#menu li a:hover{
color:#f90;
}
#menu-clear{
clear:both;
height:14px;
font:normal 12px/1 Arial;
border-bottom:2px solid #f90;
}

#copyright{
height:36px;
margin-left:3px;
margin-bottom:15px;
background:url(../images/pic_33.gif);
}
#copyright span{
float:left;
height:36px;
line-height:36px;
}
#copyright .c1{
width:6px;
background:url(../images/pic_32.gif);
}
#copyright .c2{
width:545px;
background:url(../images/pic_34.gif) no-repeat;
text-indent:-1000px;
}
#copyright .c3{
text-decoration:none;
float:left;
height:36px;
line-height:36px;
}

#banner{border:2px solid #38393b;border-left:0;border-right:0;}

.content{
padding:15px;
color: #7f888f;
background-color:#181d21;
border-bottom:2px solid #38393b;
font:normal 12px/20px Arial;
}

.content h2 {
	font:bold 15px/30px "宋体"
}
.content h3 {
	font:bold 13px/25px "宋体"
}

.content p{
padding-bottom:15px;
}
.content ol,.content ul{list-style-position:inside;padding:5px 5px 15px 15px;}
#pro,#vi{padding:0;}
#pro ol,#vi ol{padding:0;list-style:none;margin-bottom:20px;border-bottom:2px solid #f90;}
#czlc{border:1px solid #38393b;}
#czlc h2{background:#283137;}
#czlc h2,#czlc p,#czlc dl{padding:5px 10px;}