*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body-bg.gif);}
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:#585858; text-decoration:none;}
a:hover{text-decoration:underline;}
.red{color:#dc5223;}


h5{font-size:24px; height:46px; line-height:46px; font-weight:normal; border-bottom:dotted 1px #aaa; color:#000; margin-bottom:15px;border-top:solid 5px #000; clear:both;}
.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:100%; margin:0 auto; height:382px; background:url(../images/header.jpg) center 0 no-repeat;}
.header .banner{width:980px; margin:0 auto; height:382px; position:relative;}
.header .erweima{width:70px; position:absolute; top:300px; right:20px; color:#fff;}
.header .erweima .img{width:66px; height:66px;}

.header .txt{width:320px; text-align:center; font-size:14px; color:#fff; position:absolute; top:230px; right:180px;}
.header .txt span{color:#fdd100;}


.main{width:100%; background:url(../images/main.jpg) center 0 no-repeat;}

/*menu*/
.menu{width:980px; margin:0 auto; height:45px; background:url(../images/menu.jpg) no-repeat;}
.menu li{line-height:45px; margin:0 25px; float:left; color:#fff; font-size:16px;}
.menu .zx{width:100px; height:45px; display:block; float:left; margin:0px 22px;}
.menu a{color:#fff;}

/*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:#dc5223; font-size:16px; padding:5px 25px 0 15px; font-weight:bold; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box .subtit a{color:#dc5223;}
.intro .txt-box p{margin-top:6px; text-indent:0;}
.intro .txt-box p a{color:#c64d51;}
.intro .txt-box .news{width:280px; border-top:dashed 1px #ddd; margin-top:3px; line-height:22px;}

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


/*art*/
.art h3{background:url(../images/tit1.gif) no-repeat;}
.art .txtbox{width:443px; float:left; background:url(../images/box-bg.gif); padding:0 0 20px 0; height:477px;}
.art .txtbox .subtitle{font-size:24px; color:#fff; width:443px; height:50px; background:url(../images/arttit.gif) right 0 no-repeat #262525; line-height:50px; text-align:center;}
.art .txtbox .subtitle span{font-size:20px;}
.art .txtbox p{font-size:14px; line-height:24px; padding:15px 20px 0 20px;}
.art .txtbox p a{color:#dc5223;}
.art .txtbox .news{width:400px; margin:15px auto 0 auto;}
.art .txtbox .news a{color:#8dab65;}
.art .txtbox h4{font-size:16px; color:#000; height:35px; line-height:35px; background:url(../images/line.gif) right center no-repeat;}
.art .txtbox .news li{font-size:14px; line-height:26px; color:#088584;}
.art .txtbox .news li a{color:#088584;}
.art .picbox{width:505px; float:right;}


/*exhibition art*/
.exh h3{background:url(../images/tit2.gif) no-repeat; margin-bottom:25px;}
.left-box{width:460px; padding-right:10px; float:left;}
.art-img{width:460px; text-align:center; height:130px; clear:both;}
.art-img li{width:151px; height:110px; float:left;}
.art-img li img{width:151px; height:110px;}
.art-img .mr{margin-right:3px;}

.right-box{width:460px;float:right;}
.art-infor{width:460px; height:200px;  clear:both;}
.art-infor .imgbox{width:124px; float:left;}
.art-infor .imgbox p{text-align:center; font-size:14px; color:#000; line-height:30px;}

.art-infor .infor{width:320px; float:right;}
.art-infor .infor p{font-size:14px;}
.art-infor .infor .v-icon{background:url(../images/video_icon.gif) 230px center no-repeat; font-size:12px; padding-left:18px; margin:10px 0; text-align:right;}
.art-infor .infor .v-icon a {color:#2a99c4; text-decoration:underline;}

.art-infor .infor ul{height:50px; padding:2px 0 0 0;border-top:dotted 1px #ccc;}
.art-infor .infor ul li{line-height:24px; background:url(../images/icon.gif) 0 10px no-repeat; padding-left:10px;border-bottom:dotted 1px #ccc;}
.art-infor .infor ul li a{color:#2a99c4;}


/*modem*/
.modem{width:460px; height:378px; background:url(../images/modem.gif) no-repeat;}
.modem ul{padding:80px 20px 0 20px;}
.modem .img{width:180px;float:left;}
.modem .txt{width:220px; float:right; font-size:14px; line-height:22px;}






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