body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:#eee ;}
*{ padding:0px; margin:0px; list-style:none; list-style-image:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#01508b; text-decoration:underline;}

.red{ color:red;}
#dh{ width:100%; clear:both; height:35px; background: url(../images/bj.jpg) repeat-x left top; color:#fff;}
#dh a{ color:#fff; text-decoration:none;}
#main{ width:980px; margin:0px auto; border-left:1px solid #ddd;border-right:1px solid #ddd; padding:10px; background:#fff; overflow:auto;}
#main .top{ width:980px; float:left;}
.logo{ float:left}
#Search{ width:400px; float:right;}
#Search .title{ width:151px; height:24px; float:left; background:url(../images/index-1.jpg) no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#fff; line-height:24px;}
#Search .Search{ border:3px solid #245f97; width:384px; float:left; padding:5px;}
#Search .Search .text-1{ width:300px; height:20px; border:1px solid #ddd; color:#999999;}
#Search .Search td{ padding:5px;}
.text-2{ width:200px; height:20px; border:1px solid #ddd; color:#999999;}
.text-3{ width:450px; height:20px; border:1px solid #ddd; color:#999999;}
.text-4{ width:100px; height:20px; border:1px solid #ddd; color:#999999;}



/*menu*/
#menu{ width:980px; height:33px; float:left; padding-top:10px;}
#nav { width:980px; display:block;background:url(../images/menu.jpg)  no-repeat;}

#nav .mainlevel { float:left; /*IE6 only*/}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:32px; display:block; text-align:center; font-size:14px;padding:0px 40px; }
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#069}

#nav .mainlevel ul {display:none; background:#01508b; position:absolute; width:243px;}
#nav .mainlevel li a { width:223px; float:left; text-align:left; background:url(../images/commend_dot.gif) no-repeat 10px center; padding-left:20px; font-size:12px;}
#nav .mainlevel li a:hover { width:223px; float:left; text-align:left; background:#245f97 url(../images/commend_dot.gif) no-repeat 10px center; padding-left:20px;}
.clear {clear:both; *display:inline;/*IE only*/}

#link{ width:940px; height:30px; float:left; padding:0px 20px; line-height:30px; background:url(../images/index-10.jpg) no-repeat; padding-top:2px; margin:10px 0px;}
#link span{ float:right;}
#bottom{ width:950px; height:41px; float:left; line-height:41px; color:#fff; background:url(../images/index-11.jpg) no-repeat; padding:0px 15px;}
#bottom span{ float:right;}

#about{ width:250px; float:left; padding:8px 0px; background:url(../images/index-6.jpg) no-repeat left bottom;}
#about .column{ width:210px; height:28px; float:left; background: url(../images/index-2.jpg) no-repeat; font-size:14px; font-weight:bold; color:#fff; padding:0px 20px; line-height:28px;}
#about .column span{ float:right}
#about .column span a{ color:#fff; font-size:12px; font-weight:normal;}
#about .cont{ width:238px; float:left; padding:5px; line-height:20px; height:190px; border:1px solid #ddd; border-bottom:none; overflow:hidden;}
#flash{ width:520px; height:250px; float:left; padding:0px 15px; padding-top:8px;}
#pro{ width:180px; float:right;padding-top:8px; padding-bottom:6px; background:url(../images/index-7.jpg) no-repeat left bottom; overflow:hidden;}
#pro .column{ width:180px; height:28px; background: url(../images/index-3.jpg) no-repeat; font-size:14px; font-weight:bold; color:#fff; line-height:28px; padding:0px 20px;}
#pro ul { width:170px; float:left; padding:4px; border:1px solid #ddd; border-bottom:none;}
#pro ul li{ width:150px; float:left; height:30px; background:url(../images/index-13.jpg) no-repeat; line-height:30px; padding-left:20px; padding-bottom:2px;}

#prolist{ width:470px; float:left;background:url(../images/index-9.jpg) no-repeat center bottom; padding-bottom:7px; }
#prolist .column{ width:440px; height:28px; background: url(../images/index-4.jpg) no-repeat; font-size:14px; font-weight:bold; color:#fff; line-height:28px; padding:0px 15px;}
#prolist .column span{ float:right; font-size:12px; font-weight:bold;}
#prolist .tab{ width:470px; float:left;}

#ser{ width:240px; float:left;background:url(../images/index-8.jpg) no-repeat center bottom; padding-bottom:9px; padding:0px 15px;}
#ser .column{ width:200px; height:28px; line-height:28px; float:left; background: url(../images/index-5.jpg) no-repeat; font-size:14px; font-weight:bold; color:#fff; line-height:28px; padding:0px 20px;}
#ser .column span{ float:right}
#ser .column span a{ color:#fff; font-size:12px; font-weight:normal;}
#ser ul { width:230px;  float:left; padding:4px; border:1px solid #ddd; border-bottom:none; height:200px;}
#ser ul li{  width:210px; float:left; height:30px; background:url(../images/index-18.jpg) no-repeat; line-height:30px; padding-left:20px; padding-bottom:2px; }

#news{ width:240px; float:right;background:url(../images/index-8.jpg) no-repeat left bottom; padding-bottom:9px;}
#news .column{ width:200px; height:28px; line-height:28px; float:left; background: url(../images/index-5.jpg) no-repeat; font-size:14px; font-weight:bold; color:#fff; line-height:28px; padding:0px 20px;}
#news .column span{ float:right}
#news .column span a{ color:#fff; font-size:12px; font-weight:normal;}
#news ul { width:230px;  float:left; padding:4px; border:1px solid #ddd; border-bottom:none; height:190px;}
#news ul li{ width:220px; float:left; background:url(../images/icon.jpg) no-repeat left center; height:20px; line-height:20px; padding-left:10px;}


#left{ width:240px; float:left;background:url(../images/index-8.jpg) no-repeat center bottom; padding-bottom:9px; }
#left .column{ width:200px; height:28px; line-height:28px; float:left; background: url(../images/index-5.jpg) no-repeat; font-size:14px; font-weight:bold; color:#fff; line-height:28px; padding:0px 20px; }
#left ul { width:230px;  float:left; padding:4px; border:1px solid #ddd; border-bottom:none;}
#left ul li{  width:210px; float:left; height:30px; background:url(../images/index-18.jpg) no-repeat; line-height:30px; padding-left:20px; padding-bottom:2px; }

#right { width:725px; float:right;background:url(../images/index-20.jpg) no-repeat center bottom; padding-bottom:6px;}
#right .column{ width:705px; height:28px; line-height:28px; float:left; background: url(../images/index-19.jpg) no-repeat; font-size:14px; font-weight:bold; color:#fff; line-height:28px; padding:0px 10px;}
#right .column span{ float:right; font-weight:normal; font-size:12px;}
#right .column span a{ color:#fff; font-size:12px; font-weight:normal;}
#right .content{ width:703px; float:left; padding:10px; line-height:25px; border:1px solid #ddd; border-bottom: none;}
#right .content td{ padding:3px;}

#right .newslist{ width:703px; float:left; padding:10px; line-height:25px; border:1px solid #ddd; border-bottom: none;}
#right .newslist ul li{ width:680px; float:left; height:30px; line-height:
30px; background:url(../images/commend_dot.gif) no-repeat left center; padding-left:13px; border-bottom:1px dashed #ddd;}
#right .newslist ul li span{ float:right;} 

#content{ float:left;  padding-right:5px;}
#alert {border:1px solid #369;width:400px;height:200px;background:#e2ecf5;z-index:1000;position:absolute;display:none;} 
#alert h4 {height:20px;background:#369;color:#fff;width:390px; padding:0px 5px;} 
#alert h4 span {float:left;} 
#alert h4 span#close {margin-left:310px;font-weight:500;cursor:pointer;} 
#alert p {padding:12px 0 0 30px;} 
#alert p input {width:200px;margin-left:20px;} 
#alert p input.myinp {border:1px solid #ccc;height:16px;} 
#alert p input.sub {width:60px;margin-left:30px;}

.prolist{ width:980px; float:left; border-bottom:1px solid #ddd; padding-bottom:15px; padding-top:10px;}
.prolist td{ padding:3px;}
.xinxi{ width:980px; float:left; padding-top:10px;}
.xinxi td{ padding:3px;}
#banner{ width:980px; float:left; padding:5px 0px;}
.soso{ width:980px; float:left; font-weight:bold; font-size:16px; line-height:25px; padding-top:20px; padding-bottom:20px;}
.sear{ width:980px; float:left; }
.sear td{ padding:3px;}

#right .brands{ width:703px; float:left; padding:10px; line-height:25px; border:1px solid #ddd; border-bottom: none;}
#right .brands ul li{ float:left; text-align:center; }
#right .diode{ width:703px; float:left; padding:10px;border:1px solid #ddd; border-bottom: none;}
#right .diode ul li{ width:690px; float:left; padding:10px 0px; border:1px solid #ddd; padding:5px; margin-bottom:10px;}
#right .diode ul li td{ padding-top:3px; line-height:20px;}
#right .diode ul li img{ width:80px; height:80px; border:1px solid #ddd; padding:3px;}
#right .diode ul li span{ color:#b00;}
#right .page{ width:700px; float:left; overflow: hidden; padding:10px 0px;}

#right .pcb{ width:703px; float:left; padding:10px;border:1px solid #ddd; border-bottom: none;}
#right .pcb ul li{ width:175px; float:left; height:120px; overflow:hidden; text-align:center; line-height:30px; padding-bottom:15px;}

#Element{width:703px; float:left; padding:10px;border:1px solid #ddd; border-bottom: none;}
#Element td{ padding-bottom:25px;}
.class-1{ background:url(../images/jiantou1.gif) no-repeat left center; padding-left:15px;}
.class-2{ background:url(../images/Next.gif) no-repeat left center; padding-left:10px; margin-left:15px; line-height:25px;}

.tean{width:703px; float:left; padding:10px;  border:1px solid #ddd; border-bottom: none;}
.tean ul{ padding:0px; margin:0px; float:left;}
.tean ul li{ width:340px; float:left; height:130px; line-height:20px;}
.tean ul li img{ margin-right:10px;}