*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/x-bg.jpg) top center  no-repeat #fff;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.left{float:left;}
.right{float:right;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#222; text-decoration:none;}
a:hover{text-decoration:underline;}
.red{color:#a72e40;}


.box{width:948px; margin:0 auto; clear:both; padding:15px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
h3{width:950px; height:40px; margin-bottom:10px;}
/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}

/*header*/
.header{width:980px; height:421px; margin:0 auto;position:relative;}



/*introduction*/
.intro{border-top:solid 1px #ddd;}
.intro{background:url(../images/new-bg.jpg) right no-repeat #fff;height:412px;}
.intro .video{width:420px; height:408px; float:left;}

.intro .txt-box{width:280px; float:left; margin:0 0 0 15px; padding:12px;}
.intro .txt-box .subtit{width:260px; color:#4b2800; font-size:16px; padding:10px 25px 0 15px; font-weight:bold; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box .subtit a{color:#cc0001;}

.intro .txt-box p{margin-top:15px; text-indent:0;line-height:22px}
.intro .txt-box .news{width:280px; border-top:dotted 1px #215980; margin-top:10px; padding-top:10px; line-height:24px;}

.intro .spreadtrum{width:180px; float:right;}
.intro .spreadtrum h4{font-size:16px; font-weight:normal; color:#222; line-height:25px; margin:5px 0 15px 0;}
.intro .spreadtrum h4 a{color:#222;}
.intro .spreadtrum P{color:#8d714a; line-height:22px; padding-left:5px;}
.intro .spreadtrum P span{color:#585858;}

.erweima{width:170px; color:#e8ac92; margin-top:15px; border-top:dotted 1px #215980; padding-top:15px;}
.erweima .img{width:66px; height:66px; float:left;}
.erweima p{width:90px; float:right;}



/*performance*/
.perfor h3{background:url(../images/tit2.gif) no-repeat;}
#perfor h3{background:url(../images/tit1.gif) no-repeat;}
.perfor ul{width:950px;margin:0 auto;}
.perfor li{width:200px; float:left; padding:10px; background:url(../images/box-bg.gif);padding-bottom:20px}
.perfor li img{width:200px; height:200px;}
.perfor li a{color:#585858;}
.perfor li p{background:url(../images/video_icon2.png) 0 10px no-repeat;height:40px; padding:6px 0 0 30px; line-height:20px; font-size:14px;width:170px}
.perfor li .text{background:none; padding-left:5px;}
.perfor .mr{margin-right:23.3px;margin-bottom:15px}
#exb li{width:224px;background:none;padding:0;}
#exb li img{width:224px; height:180px;}
#exb .mr{margin-right:18px;margin-bottom:15px}
#exb li p{background:url(../images/fx.gif) center center no-repeat;padding:0;text-align:center;width:224px;height:30px;line-height:30px}
.th4{width:950px;height:36px;margin:15px 0px}

/*art*/
.art h3{background:url(../images/tit1.gif) no-repeat;}

/*scene*/
.scene h3{background:url(../images/tit3.gif) no-repeat;}
.scene{padding-bottom:15px;border-bottom:1px solid #ddd}
.scene ul{width:100%; height:408px; background:#d2e3e7; margin-top:15px;}
.scene .work{width:306px; height:408px; float:left; overflow:hidden;} 
.scene .work img{width:306px; height:408px;}
.scene .online{width:563px; height:408px; float:left; margin-left:30px; overflow:hidden;}
.scene .online img{width:563px; height:408px;}


/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}