@charset "gb2312";
/*
xuanse vesion 1
忘记设计:vivi,玄,uutan
*/
*{ margin:0; padding:0;}
body{
	font-size:12px; color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif,"宋体";
	padding:0;
	margin:0 auto;
	background-color: #0C0C0C;
	background-image: url(body_bg.gif);
	background-repeat: repeat-x;

}
html{	overflow-x:hidden;}
#wrapper{width:1000px; position:relative; }
.center { text-align:center; vertical-align:middle; }
.left { float:left; vertical-align:middle; }
.right { float:right; vertical-align:middle; }
.clear{font: 0px/0px sans-serif; margin-top:10px; clear:both; display:block}
.clean{font: 0px/0px sans-serif; clear:both; display:block}

/* other */
img {border: none;vertical-align: middle;}
hr {height: 1px;border: 0;border-top: 1px dashed #CCCCCC;}

/* text */
p {line-height: 150%;margin: 5px 0px 10px 0px;padding: 0px;}
td, th {font-size: 12px;line-height: 18px;}

/* links */
a,a:link,a:visited,a:active {color: #fff;text-decoration: none;}
a:hover {color: #999;}

/* header */
#header{margin:0 auto;position:relative; height:133px;overflow:hidden;}
#logo{height:80px;width:200px;float:left;}
#topad{float:left; margin-left:20px; margin-top:10px;height:60px; width:520px;overflow:hidden;}
#topad2 {
	height: 30px;
	width: 221px;
	margin-top: 1px;
	margin-right: 10px;
	float: right;
	right: 5px;
}

#topNav{background:url(top_bg.gif); height:51px; line-height:51px;position:relative;}

.NavLogo{float:left;width:150px;height:51px;overflow:hidden; margin-top:-1px;}
ul#menunav{float:left; list-style:none; margin:0px; padding:0px;position:relative;}
ul#menunav li{ float:left; width:84px; height:51px; line-height:51px;}
ul#menunav li a{background:url(top_menu_link.jpg); width:84px; height:51px;display:block; color:#FFFFFF; text-decoration:none; text-align:center}
ul#menunav li a span {display:none;}
ul#menunav li a:hover{ background:url(top_menu_hover.jpg); width:84px; height:51px;display:block;position:relative;font-weight:bold;}
ul#menunav li a:hover span{left:0; top:0; position:absolute; display:block; cursor:pointer;background:url(top_menu_hover.jpg); width:84px; height:51px;font-weight:bold}
ul#menunav li.ok{ float:left; width:84px; height:51px; line-height:51px;position:relative;}
ul#menunav li.ok a{ background:url(top_menu_hover.jpg); width:84px; height:51px;display:block;position:relative;font-weight:bold;}
ul#menunva li.ok a span{left:0; top:0; position:absolute; display:block; cursor:pointer;background:url(top_menu_hover.jpg); width:84px; height:51px;font-weight:bold}
#musicarea{float:left; width:303px;height:51px;padding-top:12px;}




/* about*/
/***about***/
#about_top{ background:url(about_topxxx.gif); width:656px; height:43px;}
#about_box{ background:url(about_bgxxx.gif); width:656px;}


#about_foot{ background:url(about_footxxx.gif); width:656px; height:47px}
#about_box .man_pic{ float:left; padding-left:13px; padding-top:10px}
#about_box .man_font{ float:left;  padding-left:19px !important;padding-left:18px;width:127px !important; width:auto}
#about_box .man_font .man_font_ok{ background:url(man_font_bg.gif); width:91px; height:31px; padding-left:30px; padding-top:5px}
#about_box .man_font .man_font_words{ color:#999999; line-height:20px}
#about_box #thisartcon .wawa{ float:left; padding-left:40px}
#about_box #thisartcon .fontx{ float:left; line-height:28px; color:#FFFFFF}
#about_add_top{ background:url(about_add_top.gif); width:286px; height:45px; margin-top:0px }
#about_add_foot{ background:url(about_add_foot.gif); width:286px; height:12px; overflow:hidden}
#about_add_box{background:url(about_add_bg.gif);color:#FFFFFF; margin:0px;width:276px; padding-left:10px; height:240px}
#about_main{}
#about_main_left{ float:left; width:360px; padding-left:5px;}
#about_main_left #vedio_box{ background:url(about_vedio_bg.gif); width:360px;}
#about_main_left #vedio_box #vedio_top{ background:url(about_vedio_top.gif); width:360px; height:45px}
#about_main_left #vedio_box #vedio_foot{ background:url(about_vedio_foot.gif); width:360px; height:12px; overflow:hidden}
#about_main_left #vedio_box #vedio_font{ padding-left:4px; height:267px}
#about_main_left #vedio_box #vedio_font ul{ color:#CCCCCC; line-height:25px; }
#about_main_left #vedio_box #vedio_font ul li{}
#about_main_right{ float:left; margin-left:4px; margin-bottom:10px}

#about_main_right #shanghai #add_shanghai{ background:url(add_shanghai.gif); width:427px !important; width:431px; height:16px}
#about_main_right #zhengzhou #add_zhengzhou{ background:url(add_zhengzhou.gif); width:427px !important; width:431px; height:15px}
#about_main_right .add_font{ color:#333333; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  !important; }


/* showcase works*/
/***works***/
#works_top{padding-top:15px}
#works_top #works_logo{ background:url(works_dis.gif); width:153px; height:25px; margin-left:10px;}
#works_top #works_top_left{ float:left;}
#works_top #works_top_left #photo{ margin-top:20px; margin-left:10px;}
#works_top #works_top_left #photo { float:left;width:645px}
#works_top #works_top_left #photo ul{ list-style:none; margin:0px; padding:0px;  }
#works_top #works_top_left #photo ul li{ float:left;background-repeat:no-repeat; width:150px; height:141px} 
#works_top #works_info { background:url(works_top_info.gif); width:573px; height:104px;margin-top:10px;margin-left:30px !important; margin-left:40px; color:#FFFFFF; line-height:28px; padding-top:40px; padding-left:60px;}

#works_top #works_top_right { width:206px; float:left; margin-top:20px;  }
#works_top #works_top_right #photolist_top{ background:url(works_photolist_top.gif); width:206px; height:32px; }
#works_top #works_top_right #photolist_foot{ background:url(works_photolist_foot.gif); width:206px; height:9px; overflow:hidden}
#works_top #works_top_right #photolist{background:url(works_photolist_bg.gif);color:#FFFFFF;height:160px; margin:0px }
#works_top #works_top_right #photolist ul{ line-height:25px; margin:0px; padding-left:30px; padding-top:20px}
#works_top #works_top_right #photolist ul li{ padding-left:20px; line-height:25px; list-style:none}
#works_foot { background:url(about_footxxx.gif); width:656px; height:47px; overflow:hidden; margin-bottom:20px; margin-left:20px}
#works_1{}
.worksdaohang{ width:269px; height:37px; margin-bottom:10px; float:right; color:#ff7ebb; line-height:37px; text-align:center}

.workabout a:visited{background:url(top_menu_hover.jpg); width:94px; height:51px;display:block;  text-decoration:none; text-align:center}
.workabout a:link{background:url(top_menu_hover.jpg); width:94px; height:51px;display:block;text-align:center}

/***通用的***/
.photokuang{ float:left; width:640px; padding-left:10px; padding-top:20px}
.photokuang ul{ list-style:none; margin:0px; padding:0px;}
.photokuang ul li{ float:left; background-repeat:no-repeat;width:160px;} 
.pics1{ text-align:center; color:#FFFFFF; line-height:20px;}
.pics2{ padding-left:12px}
.pics3{ color:#CCCCCC; padding-left:13px; padding-top:5px;}

/* index*/

#index_main #main_left{ float:left; margin-left:5px;width:657px;}
#index_main #main_left #pannel1_top{ width:657px; height:40px; background:url(pannel1_top.gif); overflow:hidden}
#index_main #main_left #pannel1_buttom{ width:657px; height:9px; background:url(pannel1_buttom.gif); overflow:hidden}
#index_main #main_left #photo{ width:657px;}
#index_main #main_left #photo #photo_top{ background:url(index_photo_top.gif); width:184px; height:38px}
#index_main #main_left #photo #photo_left{ float:left;width:657px}
#index_main #main_left #photo #photo_left ul{ list-style:none; margin:0px; padding:0px;  }
#index_main #main_left #photo #photo_left ul li{ float:left; width:160px; height:210px; background-repeat:no-repeat} 

#index_main #main_left #photo #photo_right #pics_shadow{ float:left; background:url(pics_buttom_bg.gif); width:166px; height:133px}
#index_main #main_left #news_foot{ background:url(index_news_foot.gif); width:657px; height:10px; overflow:hidden}

#index_main #right{ float:left;width:260px;margin-left:5px;}
#index_main #right #search .searchcss{ border:0px; background-color:#6f052f; width:100px; margin-left:110px; margin-top:5px; }
#index_main #right #search #submit{ float:left; padding-left:10px; padding-top:2px}
#index_main #right #r_left{float:left;width:218px;}
#index_main #right #r_left .right_foot{ background:url(right_foot.gif); width:218px; height:16px}
#index_main #right #r_left .r_bg{ background:url(r_bg.gif); width:218px}
#index_main #right #r_left #r_1{ background:url(r_1.gif); width:218px; height:35px}
#index_main #right #r_left #r_2{ background:url(r_2.gif); width:218px; height:36px}
#index_main #right #r_left #r_3{ background:url(r_3.gif); width:218px; height:40px}
#index_main #right #r_left #r_4{ background:url(r_4.gif); width:218px; height:40px}
#index_main #right #r_left #bbsx{padding-left:10px; width:198px; padding-right:10px;}
#index_main #right #r_left #login #login1{ background:url(login_1.gif); width:176px; height:38px; margin-left:10px;}
#index_main #right #r_left #login #login2{ background:url(login2.gif); width:176px; height:38px; margin-left:10px}
#index_main #right #r_left #login .logincss{border:0px; background-color:#323232; margin-left:60px; margin-top:10px; width:100px}
#index_main #right #r_left #login #button{margin-left:10px;}
#index_main #right #r_left #mar{padding-left:10px; padding-right:10px;width:198px; color:#FFFFFF; line-height:28px}
#index_main #right #r_left #city{padding-left:10px; padding-right:10px;width:198px;}
#index_main #right #r_left #city ul{ list-style:none; color:#FFFFFF; padding-right:10px; margin:0px}
#index_main #right #r_left #city ul li{ float:left; padding-left:5px}
#index_main #right #r_right { float:left; width:40px;height:400px;}



/*  footer */

ul.linklst{ padding:0 0 0 0;}
ul.linklst li{padding:0 0 0 0; margin:0 10 0 10; list-style-type:none; float:left; margin-left:7px; margin-right:7px; height:41px}

#footer{ background:url(news_foot_bg.gif) repeat-x; height:105px;width:100%; }
#footer a{ color:#FFFFFF;}
#footermenu{ background:url(news_foot_1.gif) no-repeat; width:370px; height:21px; float:right; margin-right:30px}
#footermenu{ color:#CCCCCC; margin:0px; line-height:21px; padding-left:30px}
#footermenu li{ float:left; list-style:none;}
#footer #r2{ font-family:Arial; font-size:10px; color:#CCCCCC; float:right; text-align:right;margin-right:50px; padding-top:10px}
#footer #l1{ background:url(news_copy.gif) no-repeat; width:120px; height:24px; line-height:24px; overflow:hidden;color:#CCCCCC;padding-top:5px; margin-left:20px;font-size:10px; float:left; clear:both; }
news_copy.gifnews_foot_1.gifnews_foot_bg.giflogin2.giflogin_1.gifr_4.gifr_3.gifr_2.gifr_1.gifr_bg.gifright_foot.gifindex_news_foot.gifpics_buttom_bg.gifindex_photo_top.gifpannel1_buttom.gifpannel1_top.giftop_menu_hover.jpgtop_menu_hover.jpgabout_footxxx.gifworks_photolist_bg.gifworks_photolist_foot.gifworks_photolist_top.gifworks_top_info.gifworks_dis.gifadd_zhengzhou.gifadd_shanghai.gifabout_vedio_foot.gifabout_vedio_top.gifabout_vedio_bg.gifabout_add_bg.gifabout_add_foot.gifabout_add_top.gifman_font_bg.gifabout_footxxx.gifabout_bgxxx.gifabout_topxxx.giftop_menu_hover.jpgtop_menu_hover.jpgtop_menu_hover.jpgtop_menu_hover.jpgtop_menu_link.jpgtop_bg.gifbody_bg.gif
#topad2 {
float:left; margin-left:20px; margin-top:10px;height:60px; width:468px;overflow:hidden;
}