*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body.jpg) center 500px no-repeat #e7e7ea;}
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:#c64d51;}


.box{width:950px; margin:0 auto; clear:both; padding:15px; 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:470px; background:url(../images/header.jpg) center 0 no-repeat;}
.header .banner{width:980px; height:470px; position:relative; margin:0 auto;}
.header .erweima{width:140px; position:absolute; top:370px; right:10px;}

/*menu*/
.menu{width:980px; margin:0 auto; height:43px; background:url(../images/menu.jpg) no-repeat;}
.menu a{width:90px; height:30px; display:block; float:left; margin:10px 0 0 20px;}


/*introduction*/
.intro{background:url(../images/new-bg.jpg) right 15px no-repeat #fff;height:412px;}
.intro .video{width:420px; height:412px; float:left; background:#000;}

.intro .txt-box{width:280px; float:left; margin:0 0 0 15px; padding:12px;}
.intro .txt-box .subtit{width:260px; color:#41773e; 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:10px; text-indent:0;}
.intro .txt-box .news{width:280px; line-height:22px; margin-top:10px; border-top:solid 1px #000; padding-top:10px;}
.intro .txt-box a{color:#41773e;}

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

/*art*/
.art h3{background:url(../images/tit1.gif) no-repeat;}
.art .curators{width:910px; height:160px; background:url(../images/czr-bg.gif) no-repeat; padding:70px 20px 0 20px;}
.art .curators .txtbox{width:415px; height:120px; border:solid 1px #ddd; padding:10px 15px;}
.art .curators .txtbox h4{font-size:16px; color:#000; font-weight:normal; height:30px; line-height:30px;}
.art .work{width:950px; margin-top:10px; clear:both; height:250px;}
.art .work li{width:305px; height:240px; float:left;}
.art .work h5{font-size:14px; font-weight:normal; color:#000; height:30px; line-height:30px; background:url(../images/art-line.gif); background-repeat:no-repeat;background-position:0px 15px;}
.art .work .img{width:305px; height:170px;}
.art .work .img img{width:305px; height:170px;}
.art .work p{height:35px; background:#efefef; line-height:35px; text-align:center;}
.art .work .mr{margin-right:16px;}
.art .line{border-bottom:dotted 1px #ddd;}

.art .work li .t1{background-position:80px 15px;}
.art .work li .t2{background-position:90px 15px;}
.art .work li .t3{background-position:150px 15px;}
.art .work li .t4{background-position:30px 15px;}


/*solo*/
.solo h3{background:url(../images/tit2.gif) no-repeat;}
.solo .work{width:950px; margin-top:10px; clear:both; height:195px;}
.solo .work li{width:180px; height:180px; float:left;}
.solo .work h5{font-size:13px; font-weight:normal; color:#000; height:30px; line-height:30px; background:url(../images/art-line.gif); background-repeat:no-repeat;background-position:0px 15px;}
.solo .work .img{width:180px; height:120px;}
.solo .work .img img{width:180px; height:120px;}
.solo .work p{height:30px; background:#efefef; line-height:30px; text-align:center;}
.solo .work .mr{margin-right:12px;}
.solo .line{border-bottom:dotted 1px #ddd;}

.solo .work li .t1{background-position:80px 15px;}
.solo .work li .t2{background-position:90px 15px;}
.solo .work li .t3{background-position:110px 15px;}
.solo .work li .t4{background-position:30px 15px;}


/*project*/
.project h3{background:url(../images/tit3.gif) no-repeat;}
.project .pro-box{width:950px; background:url(../images/box-bg.gif); padding:15px 0 15px 0; clear:both; margin-bottom:15px;}
.project .pro-box .shutit{width:auto; height:40px; margin:0 0 0 3px;}
.project .pro-box .work1{width:940px; padding:15px 0 0 10px; height:165px; clear:both;}
.project .pro-box .work1 li{width:170px; height:165px; float:left;margin:0 8px;}
.project .pro-box .work1 .img{width:170px; height:120px;}
.project .pro-box .work1 .img img{width:170px; height:120px;}
.project .pro-box .work1 p{height:40px; background:#efefef; text-align:center; padding-top:5px; line-height:18px;}

.project .pro-box .work2{width:940px; padding:15px 0 0 10px; height:220px; clear:both;}
.project .pro-box .work2 li{width:300px; height:220px; float:left;margin:0 5px;}
.project .pro-box .work2 .img{width:300px; height:180px;}
.project .pro-box .work2 .img img{width:300px; height:180px;}
.project .pro-box .work2 p{height:25px; background:#efefef; text-align:center; line-height:25px;}

.project .pro-box .work3{width:940px; padding:15px 0 0 10px; height:160px; clear:both;}
.project .pro-box .work3 li{width:223px; height:160px; float:left;margin:0 5px;}
.project .pro-box .work3 .img{width:223px; height:130px;}
.project .pro-box .work3 .img img{width:223px; height:130px;}
.project .pro-box .work3 p{height:25px; background:#efefef; text-align:center; line-height:25px;}


.project .pro-box .line{border-bottom:dotted 1px #ddd;}






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