body{font-size:14px;background:url(../images/top_bg.jpg) repeat-x ;color:#333;padding:0;margin:0 auto;text-align:center;line-height:28px;font-family:"΢ÈíÑźÚ",Microsoft yahei,Arial;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
table,tr,td,iframe,div,flash{margin:0;padding:0;border:0;}
img {margin:0;padding:0;border:0;}
ul{list-style:none;}
sup {font-size:6px;}

a{color:#265477;text-decoration:none;}
a:hover{color:#ED2724;text-decoration:none;}
a.orange{color:#f30;text-decoration:underline;font-weight:bold;}
a.orange:hover{color:#000;text-decoration:none;font-weight:bold;}
p{text-align:left;margin:0;padding:0;}  

a.red{color:#f00;text-decoration:underline;font-weight:bold;}
a.red:hover{color:#000;text-decoration:none;font-weight:bold;}



.container{width:1200px;margin:0 auto;text-align:center;font-family:"΢ÈíÑźÚ",Microsoft yahei,Arial;}


.header {float:left;width:1200px;background:url(../images/siliconlabs_logo.jpg) no-repeat 10px 25px;padding-top:120px;}
.header .nav {float:left;width:1200px;text-align:left;background:#0095A7;line-height:60px;font-size:20px;}
.header .nav li {display:inline;margin-right:30px;float:left;}
.header .nav li a {color:#fff;padding:0 35px;display:block;}
.header .nav li a:Hover {color:#ff0;background:#007492;}


.header .nav span {float:right;}
.header .nav span a {color:#fff;background:#E22934 url(../images/arrow1.jpg) no-repeat 195px 27px;padding:0 30px;padding-right:40px;display:block;}
.header .nav span a:Hover {color:#ff0;background:#B91A22 url(../images/arrow1.jpg) no-repeat 195px 27px;}

.banner {float:left;width:1200px;margin-top:1px;margin-bottom:20px;}

.content {float:left;width:1200px;margin-top:2px;}
.content .left {float:left;width:800px;}
.content .left .lefttop {float:left;width:800px;border-bottom:solid 2px #ccc;}
.content .left .lefttop h2 {border-bottom:solid 2px #E22934;float:left;padding:0 30px;font-size:22px;color:#007492;font-weight:normal;line-height:45px;padding-bottom:4px;}
.content .left .lefttop span a {float:right;margin-top:18px;margin-right:10px;font-size:14px;color:#666;}
.content .left .lefttop span a:hover {color:#d00;}

.content .left ul li {float:left;width:340px;padding:0 30px;}
.content .left ul li h3 {margin-top:12px;line-height:30px;font-size:18px;text-align:left;padding-left:30px;height:65px;overflow:hidden;}
.content .left ul li.no1 h3 {background:Url(../images/star1.jpg) no-repeat 5px 8px;}
.content .left ul li.no2 h3 {background:Url(../images/star1.jpg) no-repeat 5px 8px;}
.content .left ul li.no3 h3 {background:Url(../images/star2.jpg) no-repeat 5px 8px;}
.content .left ul li.no4 h3 {background:Url(../images/star2.jpg) no-repeat 5px 8px;}
.content .left ul li h3 a {color:#000;}
.content .left ul li h3 a:hover {color:#d00;}
.content .left ul li .pic img {margin:10px 0;border:solid 4px #D9D9D9;width:336px;height:176px;}
.content .left ul li p {color:#666;font-size:15px;line-height:25px;}



.content .right {float:right;width:340px;}
.content .right .rightlist {float:left;width:340px;margin-bottom:25px;}
.content .right .righttop {float:left;width:340px;border-bottom:solid 2px #ccc;}
.content .right .righttop h2 {border-bottom:solid 2px #E22934;float:left;padding:0 30px;font-size:22px;color:#007492;font-weight:normal;line-height:45px;padding-bottom:4px;}
.content .right .righttop span a {float:right;margin-top:18px;margin-right:10px;font-size:14px;color:#666;}
.content .right .righttop span a:hover {color:#d00;}
.content .right ul {float:left;width:340px;padding-top:10px;padding-bottom:12px;margin-top:2px;background:#F5F5F5;}
.content .right ul li {text-align:left;border-bottom:dotted 1px #333;padding-top:4px;padding-left:30px;padding-right:10px;padding-bottom:10px;line-height:30px;} 

.content .right #news ul li {background:url(../images/arrow2.jpg) no-repeat 7px 13px;} 
.content .right #dl ul li {background:url(../images/arrow3.jpg) no-repeat 7px 13px;} 
.content .right #cp ul li {background:url(../images/arrow2.jpg) no-repeat 7px 13px;} 
.content .right #video ul li {background:url(../images/arrow4.jpg) no-repeat 7px 13px;} 



.video {float:left;width:1200px;margin-top:20px;}
.video .videotop {float:left;width:1200px;border-bottom:solid 2px #ccc;}
.video .videotop h2 {border-bottom:solid 2px #E22934;float:left;padding:0 30px;font-size:22px;color:#007492;font-weight:normal;line-height:45px;padding-bottom:4px;}
.video .videotop span a {float:right;margin-top:18px;margin-right:10px;font-size:14px;color:#666;}
.video .videotop span a:hover {color:#d00;}

.video ul li {float:left;width:580px;padding:0 10px;margin-top:20px;height:180px;overflow:hidden;}
.video ul li .pic img {float:left;margin:10px 0;border:solid 4px #D9D9D9;width:246px;height:156px;}
.video ul li h3 {float:left;width:300px;margin-left:15px;text-align:left;margin-top:2px;line-height:28px;font-size:18px;padding:5px 0 12px;}
.video ul li h3 a {color:#000;}
.video ul li h3 a:hover {color:#d00;}
.video ul li p.text {float:left;width:300px;margin-left:15px;color:#666;font-size:15px;}



.infor {float:left;width:1000px;border:solid 1px #ccc;border-radius:10px;background:url(../images/company.jpg) no-repeat 50px 30px;padding-left:198px;margin-bottom:30px;}
.infor p {float:left;width:900px;padding:20px 0px;line-height:33px;text-align:left;}
.infor p a {color:#0095A7;text-decoration:underline;}
.infor p a:hover {color:#f30}



.list {float:left;width:800px;}
.list .listtop {float:left;width:800px;border-bottom:solid 2px #ccc;}
.list .listtop h2 {border-bottom:solid 2px #E22934;float:left;padding:0 30px;font-size:22px;color:#007492;font-weight:normal;line-height:45px;padding-bottom:4px;}
.list .listtop span a {float:right;margin-top:18px;margin-right:10px;font-size:14px;color:#666;}
.list .listtop span a:hover {color:#d00;}
.list ul li {float:left;width:800px;padding:0 10px;padding-bottom:15px;margin-top:20px;border-bottom:dotted 1px #ccc;}
.list ul li h3 {float:left;width:800px;text-align:left;line-height:30px;font-size:18px;padding:8px 0 6px;}
.list ul li h3 a {color:#000;}
.list ul li h3 a:hover {color:#d00;}
.list ul li .pic img {float:left;margin:10px 0;border:solid 4px #D9D9D9;width:180px;height:120px;}
.list ul li p.btitle {float:left;width:570px;margin-left:15px;color:#666;font-size:16px;line-height:33px;height:33px;}
.list ul li p.text {float:left;width:570px;margin-left:15px;color:#666;font-size:15px;line-height:25px;height:80px;}
.list ul li p.vtext {float:left;width:570px;margin-left:15px;color:#666;font-size:15px;line-height:25px;height:100px;margin-top:10px;}
.list ul li p.btn {float:left;width:570px;margin-left:15px;color:#666;font-size:15px;line-height:25px;text-align:right;}
.list ul li p.btn a {background:#666;color:#fff;font-size:13px;padding:2px 20px;border-radius:4px;}
.list ul li p.btn a:hover {background:#007492;color:#fff;}




.dllist {float:left;width:800px;}
.dllist .listtop {float:left;width:800px;border-bottom:solid 2px #ccc;}
.dllist .listtop h2 {border-bottom:solid 2px #E22934;float:left;padding:0 30px;font-size:22px;color:#007492;font-weight:normal;line-height:45px;padding-bottom:4px;}
.dllist .listtop span a {float:right;margin-top:18px;margin-right:10px;font-size:14px;color:#666;}
.dllist .listtop span a:hover {color:#d00;}
.dllist ul li {float:left;width:770px;text-align:left;padding:0 10px;padding-bottom:15px;p;padding-left:30px;margin-top:20px;border-bottom:dotted 1px #ccc;background:url(../images/arrow3.jpg) no-repeat 7px 5px;}
.dllist ul li span {float:right;margin-top:5px;margin-left:8px;color:#666;font-size:13px;}


.newslist {float:left;width:800px;}
.newslist .listtop {float:left;width:800px;border-bottom:solid 2px #ccc;}
.newslist .listtop h2 {border-bottom:solid 2px #E22934;float:left;padding:0 30px;font-size:22px;color:#007492;font-weight:normal;line-height:45px;padding-bottom:4px;}
.newslist .listtop span a {float:right;margin-top:18px;margin-right:10px;font-size:14px;color:#666;}
.newslist .listtop span a:hover {color:#d00;}
.newslist ul li {float:left;width:770px;text-align:left;padding:0 10px;padding-bottom:15px;p;padding-left:30px;margin-top:20px;border-bottom:dotted 1px #ccc;background:url(../images/arrow2.jpg) no-repeat 7px 5px;}
.newslist ul li span {float:right;margin-top:5px;margin-left:8px;color:#666;font-size:13px;}


.location {float:left;width:1170px;border-bottom:solid 2px #ccc;background:Url(../images/star1.jpg) no-repeat 5px 12px;margin-top:12px;line-height:40px;font-size:18px;text-align:left;padding-left:30px;margin-bottom:20px;}

.article_cont {float:left;width:800px;margin-top:20px;}
.article_cont .title {float:left;width:800px;font-size:24px;line-height:45px;color:#007492;}
.article_cont .info {float:left;width:800px;color:#666;;font-size:13px;line-height:30px;}
.article_cont .newstext {float:left;width:700px;padding:20px 50px;line-height:33px;}
.article_cont .newstext p {margin-top:10px;text-indent:2em;}


.footer {float:left;width:100%;margin-top:60px;border-top:solid 5px #E22934;background:#333;height:170px;padding-top:20px;}
.footer .footer_cont {margin:20px auto;text-align:center;width:1100px;}
.footer .footer_cont .footer_left {float:left;width:300px;height:110px;padding-left:200px;background:url(images/siliconlabs_logo2.jpg) no-repeat 10px 0px;padding-top:25px;}
.footer .footer_cont .footer_left ul li {float:left;text-align:left;width:120px;padding-left:20px;font-size:15px;line-height:33px;background:url(../images/arrow5.jpg) no-repeat 4px 14px;margin-top:5px;}
.footer .footer_cont .footer_left ul li a {color:#fff;}
.footer .footer_cont .footer_left ul li a:hover {color:#ff0;}

.footer .footer_cont .footer_right {float:right;border-left:dotted 1px #fff;width:180px;padding-left:30px;}







/* flashbanner */

.flashbanner {width:1198px;height:600px;float:left;border:solid 1px #ccc;}
.flashbanner img{width:1198px;height:598px;border-bottom-style:none;border-right-style:none;border-top-style:none;border-left-style:none}
.flashbanner .td_f a img{padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px}
.flashbanner .num{position:absolute;width:160px;top:540px;left:46%}
.flashbanner .num li{float:left;text-align:center;margin:1px;width:20px;height:20px;background:url(../images/flashbutton.png);background-repeat:no-repeat;background-position:0px 0px;font-size:0px;cursor:pointer}
.flashbanner .num li.on{background-position:-22px 0px;}



#code {position:fixed; bottom:250px;right:0px; cursor:pointer;}