@charset "utf-8";
*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:'微软雅黑'; color:#585858; background:#fff url(../images/x-bg.jpg) center  30px  no-repeat ;}
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:#666; text-decoration:none;}
a:hover{text-decoration:underline;}


.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:432px; margin:0 auto;position:relative;}

.intro01{ min-height:100px; _height:100px; width:980px; margin:0 auto; margin-top:25px;}
.intro_con{ width:388px; height:565px; background:#efefef; float:left; padding:15px; margin-left:50px;}
.intro_con img{ margin-bottom:20px;}
.intro_con p{ line-height:25px; margin-bottom:10px;}
.intro_con span{ display:block; font-size:18px; height:30px; line-height:30px; border-bottom:1px dashed #3f4344; color:#333; margin-bottom:5px;}
.intro_con ul li{ font-size:14px; line-height:25px; height:25px;}

.title{ height:50px; line-height:50px; border-bottom:2px solid #888; position:relative; margin-bottom:20px;}
.title span{ position:absolute; height:50px; line-height:50px; border-bottom:2px solid #6e181c; display:block; font-size:24px; color:#333; padding:0 5px;}
.con{ padding:15px; background:#efefef; margin-bottom:15px;}
.con p{ font-size:14px; line-height:28px; width:540px;}
.con p span{ display:block; border-bottom:1px solid #888; font-size:18px; line-height:40px; height:40px; color:#333; margin-bottom:10px; font-weight:bold}

.con2{ min-height:100px; _height:100px; margin-bottom:15px;}
.con2 p{ background:#efefef; padding:15px; float:left; width:290px; font-size:14px; line-height:28px;}
.con2 p span{ display:block; font-size:16px; color:#333}
.con3{ font-size:14px; padding-bottom:15px; line-height:30px;}

.artist{ border-bottom:1px solid #888; padding-bottom:20px; margin-bottom:20px;}
.artist_js{ width:526px;}
.artist_js img{ margin-right:10px; height:240px;}
.artist_js span{ display:block; font-size:16px; font-weight:bold; padding:15px 0; color:#333}
.artist_js p{ font-size:12px; line-height:24px; padding-right:20px;}
.artist_js p a{ color:#a72e40; font-weight:bold}
.artist_video{}
.works{ width:655px;}
.works img{ display:block; float:left; margin-left:10px; margin-bottom: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;}












