@charset "utf-8";
@font-face {
font-family: 04b_03b;
font-style:  normal;
font-weight: normal;
src: url(http://beyondlsi.com.cn/DBFNT0.eot);
}
*{margin:0;padding:0;}
body{
background:url(../../images/topbg.gif) repeat-x left top;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
/* Clear fix */
.clearfix { display: block; }
img{
border:none;
}
ul{
list-style:none;
}
a{
text-decoration:none;
blr:expression(this.onFocus=this.blur()) ;/* for IE */
}
a:hover{
text-decoration:underline;
}
:focus { outline: none; } /* for Firefox */  
.font{
position:absolute;
left:0;
top:86px;
padding:5px;
z-index:9999;
}

.font li{
display:block;
width:20px;
height:20px;
float:left;
color:#000;
font-size: 12px;
line-height:22px;
}
li.fonttitle{
width:100px;
text-align:right;
}
.large a,.middle a,.small a,.largecn a,.middlecn a,.smallcn a{
display: block;
color:#fff;
width: 20px;
height: 20px;
line-height:20px;


}
.small a{
background:url(../../images/fontbtn.gif) no-repeat  left top;
}
.small a:hover{
background:url(../../images/fontbtn.gif) no-repeat  left bottom;
}
.middle a{
background:url(../../images/fontbtn.gif) no-repeat  -20px top;
}
.middle a:hover{
background:url(../../images/fontbtn.gif) no-repeat  -20px bottom;
}
.large a{
background:url(../../images/fontbtn.gif) no-repeat  right top;
}
.large a:hover{
background:url(../../images/fontbtn.gif) no-repeat  right bottom;
}
.smallcn a{
background:url(../../images/fontbtncn.gif) no-repeat  left top;
}
.smallcn a:hover{
background:url(../../images/fontbtncn.gif) no-repeat  left bottom;
}
.middlecn a{
background:url(../../images/fontbtncn.gif) no-repeat  -20px top;
}
.middlecn a:hover{
background:url(../../images/fontbtncn.gif) no-repeat  -20px bottom;
}
.largecn a{
background:url(../../images/fontbtncn.gif) no-repeat  right top;
}
.largecn a:hover{
background:url(../../images/fontbtncn.gif) no-repeat  right bottom;
}
.top{

height:117px;
margin:0 auto;
position:relative;
}
.logo{
width:206px;
height:83px;
background:url(../../images/logo.gif) no-repeat;
float:left;
}

.nav{
width:800px;
height:70px;

position:absolute;
right:0;
top:-5px;
padding-top:48px;
}
.language{
display:block;
width:217px;
height:27px;
background:url(../../images/language.gif) no-repeat;
position:absolute;
right:0;
top:0;
}
.language li{
display:block;
width:70px;
height:7px;
line-height:7px;
float:left;
position:relative;
font-size:12px;
}
.language li a{
display:block;
height:7px;
line-height:7px;
position:absolute;
left:30px;
top:4px;
_top:-4px;
}
.language li a.chinese{
width:43px;
background:url(../../images/languagebtn.gif) no-repeat left top;
_background:url(../../images/languagebtn.gif) no-repeat left 8px;

}
.language li a.chinese:hover{
background:url(../../images/languagebtn.gif) no-repeat left bottom;
}

.language li a.english{
width:43px;
left:14px;
background:url(../../images/languagebtn.gif) no-repeat -54px top;
_background:url(../../images/languagebtn.gif) no-repeat -54px 8px;

}
.language li a.english:hover{
background:url(../../images/languagebtn.gif) no-repeat -54px bottom;
}
.language li a.japanese{
width:52px;
left:-3px;
background:url(../../images/languagebtn.gif) no-repeat -108px top;
_background:url(../../images/languagebtn.gif) no-repeat -108px 8px;

}
.language li a.japanese:hover{
background:url(../../images/languagebtn.gif) no-repeat -108px bottom;
}






.mainbox{
width:964px;
margin:0 auto;
}
.iboxtop{
width:964px;
height:15px;
margin:0 auto;
padding:0 18px;
background:#fff url(../../images/ishadowtop.gif)  no-repeat left top;

}
.iboxmiddle{
width:964px;
margin:0 auto;
padding:0 18px;
background:url(../../images/ishadowmiddle.gif)  repeat-y left top;

height:525px;
overflow:hidden;
}

.iboxbottom{
width:1000px;
height:15px;
margin:0 auto;
background:url(../../images/ishadowbottom.gif)  no-repeat left top;

}
.mainleft{
width:223px;
float:left;
}
.leftbox{
width:203px;
height:133px;
padding:40px 10px 0;
margin-bottom:3px;
color:#fff;
overflow:hidden;
}
.leftbox a{
color:#fff;
line-height:1.7em;
}
.box1{
background:url(../../images/123bg1.gif) no-repeat left top;
}
.box2{
background:url(../../images/123bg2.gif) no-repeat left top;
}
.box3{
background:url(../../images/123bg3.gif) no-repeat left top;
}
.box1cn{
background:url(../../images/123bgcn1.gif) no-repeat left top;
}
.box2cn{
background:url(../../images/123bgcn2.gif) no-repeat left top;
}
.box3cn{
background:url(../../images/123bgcn3.gif) no-repeat left top;
}
.box1ja{
background:url(../../images/123bgja1.gif) no-repeat left top;
}
.box2ja{
background:url(../../images/123bgja2.gif) no-repeat left top;
}
.box3ja{
background:url(../../images/123bgja3.gif) no-repeat left top;
}
.box2cn a,.box2 a,.box2ja a{
display:block;
width:198px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:1.7em;
padding-left:10px;
background:url(../../images/dot2.gif) no-repeat left center;

}
.mainright{
width:737px;
float:right;
}
.title1{
border-left:3px solid #FFA800;
height:27px;
font:12px/27px Arial, Helvetica, sans-serif;
}
.title01{
background:#496976 url(../../images/title01.gif) no-repeat 10px center;
}
.title02{
background:#496976 url(../../images/title02.gif) no-repeat 10px center;
}
.title01cn{
background:#496976 url(../../images/title01cn.gif) no-repeat 10px center;
}
.title02cn{
background:#496976 url(../../images/title02cn.gif) no-repeat 10px center;
}
.title01ja{
background:#496976 url(../../images/title01ja.gif) no-repeat 10px center;
}
.title02ja{
background:#496976 url(../../images/title02ja.gif) no-repeat 10px center;
}
.rightbox{
border:1px solid #989898;
border-top:none;
}
.rightbox180{
min-height:180px;
_height:180px;
padding-left:10px
}
.rightbox110{
min-height:109px;
_height:109px;
}
.pad-b10{
padding-bottom:8px;
}
.width50{
width:180px;
_width:172px;
float:left;
height:166px;
padding-top:6px;
}
.protitle{
font:14px/22px Arial, Helvetica, sans-serif;
color:#2f74c1;
text-align:left;
}
.protitle a{
clear:both;
display:block;
color:#008ACE;
text-align:center;
}

.protitle a img{
width:160px;
height:140px;
border:solid 1px #c6c6c6;
}

.content{
padding:4px 18px;
color:#6c7683;
line-height:1.6em;
}
.indexproduct{
width:330px;
padding:4px 10px;
height:75px;
overflow:hidden;
}
.contentboxtop{
width:964px;
height:27px;
margin:0 auto;
padding:15px 18px 0;
background:#fff url(../../images/shadowtop.png)  no-repeat left top;

}
.contentboxtop a{
	position:relative;
	color:#fff;
}
.contentboxtop h1{
width:162px;
height:27px;
background:#232323;
float:left;
font:bold 14px/27px  Arial, Helvetica, sans-serif;
color:#fff;
padding-left:8px;
}
.contentboxtop h2{
width:757px;
height:27px;
background:#496976;
float:left;
font:12px/27px Arial, Helvetica, sans-serif;
color:#fff;
padding-left:37px;
}
.contentboxbottom{
width:1000px;
height:36px;
margin:0 auto;

background:url(../../images/shadowbottom.png)  no-repeat left top;

}
.contentbox{
width:964px;
margin:0 auto;
padding:0 18px;
background:url(../../images/shadowmiddle.png)  repeat-y left top;

}
.contentbox a{
_position: relative;
}
.contentbox input{
_position: relative;
}
.singlerightbox{
width:757px;
padding:12px 0 0 37px;
float:left;
}
h1.title{
background:url(../../images/singletitle.gif) no-repeat left bottom;
height:22px;
padding:6px 0 0 7px;
}
h1.title b{
font:bold 14px/12px Arial, Helvetica, sans-serif;
}
h1.title span{
display:block;
font:8px/8px Arial;
_font:8px/7px 04b_03b;
}
b.title{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
}
strong.title{
display:block;
font:bold 14px/2em Arial, Helvetica, sans-serif;
text-align:center;
color:#000;
}
h6.title2{
text-align:center;
font: normal 12px/4em Arial, Helvetica, sans-serif;
color:#474747;
padding-bottom:10px;
}
.singlecontent{
padding-right:20px;
line-height:1.6em;
color:#474747;
}
.singlecontent a{
color:#474747;
}
.singlecontent a:visited{
color:#474747;
}
#leftnav{
width:169px;

padding:0;
_padding:3px 0 1px;
float:left;
}
#leftnav li{
display:block;
height:33px;
margin:0 auto;
margin-bottom:2px\9;
*margin-bottom:-1px;
_margin: -3px 0px 2px 0px;
}
#leftnav a{
display:block;
height:33px;
color:#fff;
background:url(../../images/leftnavbg.gif) no-repeat left top;
}
#leftnav a:hover{
text-decoration:none;
background:url(../../images/leftnavbg.gif) no-repeat left bottom;
}
#leftnav a b{
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:left;
float:left;
padding:12px 0 0 10px;
cursor:pointer;
}
#leftnav span{
text-decoration:none;
color:#A0A6AD;
font:8px Arial;
_font:8px 04b_03b;
text-align:right;
float:right;
padding:16px 9px 0 0;
cursor:pointer;
}

/*product class*/
.productclass{/* 横向浮动的图片列表 99*115  */
width:100%;
overflow:hidden;
clear:both;
padding-top:10px;
padding-bottom:8px;
}
.productclass li{
width:180px;
height:180px;
background:url(../../images/classborder.gif) no-repeat left top;
overflow:hidden;
float:left;
text-align:center;
margin:6px 3px 6px 0;
}
.productclass li a{
display:block;
color:#000;
}
.productclass li a:hover{
color:#008ACE;
}
.productclass li b{

display:block;
padding:3px;
text-align:center; 

}
.productclass img{
width:165px;
height:138px;

}

.productclass li a span{
display:block;
line-height:17px;
padding:6px 0 0 8px;
text-align:left;
}

/*product list*/
.productlist{/* 横向浮动的图片列表 99*115  */
width:100%;
overflow:hidden;
clear:both;
padding-top:10px;
padding-bottom:8px;
}
.productlist li{
width:130px;
height:148px;
overflow:hidden;
padding-left:9px;
float:left;
text-align:center;
}
.productlist li a{
display:block;
color:#000;
text-align:center;
}
.productlist li a:hover{
color:#008ACE;
}
.productlist li b{
background:url(../../images/productbg.gif) no-repeat center top;
width:123px;
height:117px;
display:block;
padding:3px;

}
.productlist img{
width:99px;
height:115px;

}

.productlist li a span{
display:block;
line-height:17px;
padding-top:6px;
}
/*rank*/
#sub_icon{height:47px; background:url(../../images/icon_bg.gif);}
#sub_icon img{width:50px;height:20px;margin:13px 0 0 5px;float:left;}
#sub_icon span{font-weight:bold;font-size:14px;margin:17px 0 0 10px;float:left;}

table.rank{width:738px;text-align:left;}
table.rank th{color:#666;font-weight:normal; height:30px;padding-left:10px;text-align:left;border-bottom:#e4e4e4 solid 1px}
table.rank td{height:30px;color:#999;font-size:12px;padding-left:10px}
table.rank td,.cpy{border-bottom:#e4e4e4 solid 1px}


table.rank td.rank{font-size:14px;font-weight:bold;color:#a8a8a8;}
table.rank a{color:#203FA0;}

/*news list*/
.newslist{
width:530px;
clear:both;
padding:10px 0 8px;
}
.newslist li{

display:block;
line-height:24px;
background:url(../../images/dot.gif) no-repeat 5px 9px;
padding-left:15px;
}
.newslist li a{
color:#000;
font-family: Arial, Helvetica, sans-serif;
display:block;
height:24px;

}
.newslist li a:hover{
color:#008ACE;
text-decoration:none;
}
.newslist li a b{
display:block;
width:420px;
height:24px;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
float:left;
cursor:pointer;
}
.newslist li a span{
display:block;
width:84px;
height:24px;
float:left;
margin-left:10px;
}
.downbox{
margin:10px auto;
font:12px/24px  "宋体",Arial, Helvetica, sans-serif;
color:#828282;
border:1px solid #c8c8c8;
}
.downbox th{
color:#000;
letter-spacing:3px;
background:#d2d2d2;
}
.downbox td{
padding-left:6px;
background:#dcdcdc;
color:#000;
}
.downbox a {
background:#008ACE;
padding:5px;
color:#fff;
letter-spacing:1px;
}
.downbox a:hover{

position:relative;
left:1px;
top:1px;
}
.page{
clear:both;
text-align:center;
}
.page a{
color:#008ACE;
padding:0 10px;
}
.page a:hover{
color:#000;
}
/*注册表格*/
.formtable{
font:12px Arial, Helvetica, sans-serif;
}
.formtable th{
width:110px;
font:12px Arial, Helvetica, sans-serif;
min-height:30px;
_height:30px;
}
.formtable td{
min-height:30px;
_height:30px;
}
.formtable em{
font:12px Arial, Helvetica, sans-serif;
color:#f00;
padding-left:2px;
}
/*jobbox*/
.jobbox{
margin:10px auto;
font:12px/24px  Arial, Helvetica, sans-serif;
color:#828282;

}
.jobbox th{
color:#fff;
letter-spacing:3px;
text-align:left;
}
.jobbox td{
padding-left:6px;
}
.jobbox a {
}
.jobbox a:hover{

position:relative;
left:1px;
top:1px;
}
.jobbox textarea{
width:470px;
border:0 solid #7F9DB9;
}
.jobbox .txtinput{
width:460px;
height:24px;
border:1px solid #fff;
line-height:24px;
}
.inpborder input{
background:#fff;
font:12px Arial, Helvetica, sans-serif;
width:160px;
height:16px;
border:1px solid  #828282;
}
.inpborder input.btn{
width:42px;
height:15px;
border:none;
}
.inpborder input.btn0{
background:url(../../images/submit0.gif) no-repeat left top;
color:#fff;
width:42px;
height:15px;
border:none;
}
.inpborder a.btn0{
display:block;
background:url(../../images/submit0.gif) no-repeat left top;
color:#fff;
width:42px;
height:15px;
border:none;
text-align:center;
line-height:15px;
}
/*more*/
.more{
text-align:right;
}
.more a{
background:#3e8cf3;
color:#fff;
padding:0 5px;
}
.bottommenu{
background:#496976;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
}
.bottommenu a{
color:#fff;
padding:0 8px;
}
.bottommenu a:hover{
color:#000;
}
.bottominfo{
width:964px;
height:50px;
text-align:center;
color:#66707D;
padding:4px 0 10px;
margin:0 auto;
}
.bottominfo a{
color:#C2C6CB;
}
.clear{
clear:both;
}