*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:#882d28;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#318d93; 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; border-bottom:1px solid #fff;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:410px; margin:0 auto; background:url(../images/header.gif) center 0 no-repeat; position:relative;}



/*introduction*/
.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:#318d93; font-size:16px; padding:10px 25px 0 15px; font-weight:bold; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box p{margin-top:15px; text-indent:0;}
.intro .txt-box .news{width:280px; border-top:dotted 1px #215980; margin-top:20px; padding-top:20px; line-height:26px;}

.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:#318d93; line-height:22px; padding-left:5px;}
.intro .spreadtrum P span{color:#585858;}
.intro .spreadtrum  a{color:#c64d51;}

.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;}

/*constitute*/
.constitute .title{width:950px; height:46px; margin-bottom:10px;background:url(../images/tit-01.gif) 0 bottom no-repeat; text-align:right;}
.constitute ul{width:950px; height:458px; clear:both;}
.constitute li{float:left; width:283px; height:438px;}
.constitute .text{width:378px; height:437px; background:url(../images/box-bg.gif); border-bottom:solid 1px #ddd;}
.constitute .text h4{height:40px; line-height:40px; text-align:center; background:#882d28; color:#fff; font-size:18px;}
.constitute .text div{padding:15px;}
.constitute .text div p{text-indent:25px; font-size:14px; line-height:22px;}
.constitute .right{float:right;}





/*art*/
.art h3{background:url(../images/tit-03.gif) no-repeat;}
.art .txtbox{width:453px; float:right; background:url(../images/box-bg.gif); padding:0 0 0 5px; height:439px;}
.art .txtbox .subtitle{width:425px; font-size:24px; color:#262525; height:50px; background:url(../images/arttit.gif) right bottom no-repeat; line-height:50px; border-bottom:dotted 1px #215980; margin-left:20px;}
.art .txtbox .subtitle span{font-size:20px; margin-left:3px;}
.art .txtbox p{font-size:14px; line-height:24px; padding:15px 20px 0 20px;}
.art .txtbox .news{width:420px; margin:0 auto; padding-top:5px;}
.art .txtbox .news li{font-size:14px; line-height:24px; color:#8dab65;}
.art .txtbox h4{width:420px; margin:15px auto 0 auto;font-size:16px; color:#000; height:35px; line-height:35px; border-bottom:dotted 1px #215980;}

.art .picbox{width:490px; float:left;}


/*performance*/
.perfor h3{background:url(../images/tit-02.gif) no-repeat;}
.perfor ul{width:950px; height:260px; margin:0 auto;}
.perfor li{width:282px; float:left; padding:10px; background:url(../images/box-bg.gif);}
.perfor li img{width:282px; height:187px;}
.perfor li a{color:#585858;}
.perfor li p{background:url(../images/video_icon.gif) 0 10px no-repeat; height:40px; padding:6px 0 0 40px; line-height:40px;}
.perfor .mr{margin-right:22px;}



/*scene*/
.scene{border-bottom:solid 1px #ddd;}
.scene h3{background:url(../images/tit-04.gif) no-repeat;}
.scene .bigpic{width:297px; height:480px; float:left;}
.scene .smallpic{width:643px; float:right;}
.scene .smallpic ul{width:643px; height:244px;}
.scene .smallpic ul li{width:207px; float:left; height:234px;}
.scene .smallpic ul .mr{margin-right:10px;}


/*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;}