*{padding:0; margin:0;}
body{font-size:14px; line-height:24px; font-family:Microsoft YaHei; color:#797979; background:url(../images/body-bg.gif);}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#585858; text-decoration:none;}
a:hover{text-decoration:underline;}
.red{color:#a72e40;}


.box{width:980px; margin:0 auto; padding-top:20px;}
.title{width:100%; height:83px; background:url(../images/title.jpg) center 0 no-repeat;}
.title .tit{width:960px; margin:0 auto; padding:45px 0 0 20px;}

/*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%; height:380px; background:url(../images/header.jpg) center 0 no-repeat;}
.header .share{width:980px; margin:0 auto; height:380px; position:relative;}
.header .share .ewm{right:10px; bottom:10px; position:absolute;}
.header .font{font-size:18px; position:absolute; top:120px; left:20px; color:#000;}
.header .guide{width:575px; position:absolute; top:205px; left:30px; color:#150303;}

/*mourn*/
.mourn{width:100%; height:614px; background:url(../images/mourn-bg.jpg) center 0 no-repeat;}
.mourn .null{width:300px; float:left; height:590px;}
.mourn .null a{width:100px; height:300px; display:block;}
.mourn .eulogy{width:205px; float:left; margin:0 10px;}
.mourn .eulogy strong{color:#3f3f3f;}
.mourn .eulogy p{margin-top:10px;}
.mourn .line{border-bottom:dotted 1px #7c7c7c; padding-bottom:10px;}

/*work*/
.work{width:750px; float:left;}
.work ul{height:840px;}
.work li{width:210px; height:410px; float:left; margin:0 20px;}
.work li .img{width:175px; padding:17px; background:#fff; border:solid 1px #ddd;}

.news{width:220px; float:right;}
.news .article{width:210px; height:55px; line-height:22px; background:url(../images/sub-tit-bg.jpg) no-repeat; padding:3px 0 0 10px; color:#fff; font-size:16px;}
.news .article a{color:#fff;}
.news .describe{width:200px; padding:5px 10px;}
.news .link{width:200px; padding:0 10px;}
.news .link h4{color:#010101; font-size:14px; font-weight:normal; background:url(../images/line.gif) right center no-repeat;}
.news .link ul{padding-top:5px;}
.news .link li{color:#9f8c5a; border-bottom:dotted 1px #9f8c5a; padding-bottom:5px; line-height:18px; font-size:12px; margin-bottom:6px;}
.news .link li a{color:#9f8c5a;}


/*art*/
.art{height:500px;}
.art li{width:450px; height:250px; float:left; margin:0 15px;}
.art li .img-box{width:185px; float:left;}
.art li .img-box img{width:185px; height:185px;}
.art li .img-box p{ text-align:center; line-height:40px;}
.art li .txt-box{width:265px; background:url(../images/icon.gif) 0 5px no-repeat; float:left;}
.art li .txt-box p{padding:20px 0 0 30px;}


/*photos*/
.photos{height:300px; clear:both;}
.photos li{width:170px; float:left; margin:0 12px;}
.photos li p{margin-top:8px; line-height:20px; }



/*video*/
.video{height:240px; clear:both;}
.video li{width:222px; height:220px; float:left; margin:0 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;}