﻿@charset "utf-8";
/* CSS Document */

body,html{ font-size:12px; color:#333; padding:0; margin:0 auto; font-family:"宋体" }
img{ border:0px none;}
h1,h2,h3,h4,h5,form,ul,li,p,dl,dt,dd{ padding:0; border:0px; margin:0; list-style-type:none;}
.clear{ clear:both; line-height:0px; font-size:0px;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
.left{ float:left; _display:inline;}
.right{ float:right;}
.hr_10{ clear:both; height:10px; overflow:hidden; font-size:0;}

a:link,a:visited{ color:#066; text-decoration:none;}
a:hover{ color:#066; text-decoration:underline;}
a:active{ color:#066; text-decoration:none;}

#wrapper{ width:970px; margin:0 auto;}
.topMargin5{ margin-top:5px;}
.topMargin10{ margin-top:10px;}
.leftMargin5{ margin-left:5px;}
.leftMargin10{ margin-left:10px;}
.leftMargin30{ margin-left:30px;}
.btn{ cursor:hand;background: url(../img01/btnbg.gif) repeat-x; border:1px solid #dca202; color:#333; line-height:21px; height:23px; font-size:12px}

.bgf1_1{ background:#f1f1f1; border:1px #ccc solid}
.btn1{ width:30px; background: url(../img01/btnbg.gif) repeat-x; border:1px solid #dca202; color:#333; line-height:21px; height:23px; font-size:12px}
.font_12{ font-size:12px}
.bgf1{ background:#f1f1f1}
.specialred{color:#f00; font-family: Georgia, "Times New Roman", Times, serif}
.biaodan{ font-size:12px; color:#666}



/*-----------------------------------------绿色模板----------------------------------------*/
body{ background:#eaeaea;}
#topmenu{ width:100%; background-color:rgba(0,0,0,0.9);*background:#000; *filter:alpha(opacity=90); height:40px; padding-top:10px; }
#topmenu *{ position:relative;}
#topmenu .con_topmenu{ width:970px; margin:0 auto;}
#topmenu .con_topmenu .logo{ width:90px;}
#topmenu .con_topmenu .arrow_top{ margin-top:5px; margin-left:10px;}
#topmenu .con_topmenu .login-out{ line-height:30px; }
#topmenu .con_topmenu .login-out a:link{ color:#8f2; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .login-out a:visited{ color:#8f2; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .login-out a:hover{ color:#8f2; font-weight:bold; text-decoration:underline;}
#topmenu .con_topmenu .login-in{ line-height:30px; color:#999; }
#topmenu .con_topmenu .login-in a:link{ color:#999; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .login-in a:visited{ color:#999; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .login-in a:hover{ color:#ddd; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .login-in span{ color:#fff;}
#topmenu .con_topmenu .login-in span a:link{ color:#8f2; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .login-in span a:visited{ color:#8f2; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .login-in span a:hover{ color:#8f2; font-weight:bold; text-decoration:underline;}
#topmenu .con_topmenu .topmenu li{ width:50px; height:28px; text-align:center; line-height:28px; float:left}
#topmenu .con_topmenu .topmenu li a:link{ display:block; width:50px; height:28px; color:#8f2; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .topmenu li a:visited{ display:block; width:50px; height:28px; color:#8f2; font-weight:bold; text-decoration:none;}
#topmenu .con_topmenu .topmenu li a:hover{ display:block; width:50px; height:28px; color:#8f2; font-weight:bold; text-decoration:none; background:url(../img01/topmenu_linkhover.gif);}
.banner{ min-height:100px; _height:100px; width:970px;}
.banner1{ min-height:100px; _height:100px; width:970px;}
.address{ height:23px; width:950px; padding:5px 10px; line-height:23px; margin:0 auto; background: url(adrs_bg.gif) repeat-x;}
.address a:link{ color:#333; text-decoration:none;}
.address a:visited{ color:#333; text-decoration:none;}
.address a:hover{ color:#333; text-decoration:underline;}
.loginbox{ width:236px; height:135px; border:1px #555 solid; padding:1px; background:#000;}
.loginbox .title{ width:226px; height:25px; background:url(../img01/login_titlebg.gif) repeat-x; color:#ccc; padding:0 5px; line-height:25px;}
.loginbox .con{ background:#333; height:100px; width:226px; padding:5px;}
.loginbox ul.ul_login{ width:226px; margin-top:10px}
.loginbox ul.ul_login li{ float:left; color:#ccc}
.loginbox ul.ul_login li.No1{ width:60px; margin-right:5px; line-height:25px; text-align:right}
.loginbox ul.ul_login li.No2{ width:145px;line-height:25px;}
.loginbox ul.ul_login li.No2 a{ color:#999;}

.art_top{ width:970px;}
.art_top .headimg{ width:180px; height:138px; background:url(artimg_03.gif) no-repeat; float:left}
.art_top .headimg .head{ width:120px; height:120px; padding:8px 15px 10px 15px; background:#32959a; margin-left:9px}
.art_top .mid{ width:764px; height:138px; float:left}
.art_top .mid .con{ width:764px; height:94px; border-top:1px #38989d solid; margin-top:43px; background:#fff;}
.art_top .mid .con dl.dl_artname{ width:280px; float:left}
.art_top .mid .con dl.dl_artname dt{ color:#066; font-weight:bold; font-size:14px}
.art_top .mid .con dl.dl_artname dt .No1{ line-height:30px;}
.art_top .mid .con dl.dl_artname dt .No2{ line-height:30px; padding-top:5px;}
.art_top .mid .con dl.dl_artname dd{ line-height:20px;}
.art_top .mid .con .artmenu{ float:right; font-size:14px; font-weight:bold; margin-top:75px;}
.art_top .mid .con .artmenu a{ color:#333; font-size:14px; font-weight:bold;}
.art_top .mid .con .artmenu a:hover{ color:#f00; text-decoration:none}

.art_top .ritimg{ width:26px; height:138px; float:left; background: url(artimg_r1.gif) no-repeat;}
.hbox{ width:970px; background:url(hboxbg.gif) repeat-y;}
.hbox .con01{ width:179px; min-height:22px; border-left:1px #38989d solid; background:url(artimg_10.gif) repeat-x #fff; float:left}
.hbox .con01 .info{width:150px; background:#32959a; margin-left:8px; }
.hbox .con01 .info .xxzl{ color:#fff;line-height:24px; width:120px; padding:0 15px}
.hbox .con01 .info .xxzl a{ color:#c3f6fc}
.hbox .con01 .info .titcome{ width:140px; height:29px; line-height:29px; text-indent:10px; color:#fff; font-weight:bold; background:url(comebg.gif) no-repeat; margin:450px auto 10px auto; }
.hbox .con01 .info ul.ul_artcome{ width:140px; padding-left:8px}
.hbox .con01 .info ul.ul_artcome li{ float:left; line-height:24px; text-align:center; margin-right:8px}
.hbox .con01 .info ul.ul_artcome li a{ color:#fff}
.hbox .con01 .info ul.ul_artcome li a:hover{ color:#c3f6fc; text-decoration:none}

.hbox .con02{ width:764px; min-height:22px; background:url(artimg_10.gif) repeat-x #fff; float:left}
.hbox .con02 .artphotocon{ width:700px; padding:10px; border:5px #f5f5f5 solid; background:#000; margin:40px auto 10px auto;}
.hbox .con02 .artmucisbox{ float:left; width:320px; margin-left:15px; _margin-left:7px;}
.arttit{ float:left; width:231px; height:28px; line-height:28px; text-indent:15px; color:#066; font-size:14px; font-weight:bold; background:url(artimg_14.gif) no-repeat;}
.arttitmore{ float:left; width:49px; height:28px}
.arttitmore a{ display:block; width:49px; height:28px; background:url(artimg_15.gif) no-repeat;}
.arttitmore a:hover{ text-decoration:none}
.hbox .con02 .artmucisbox ul.ul_artmusic{ width:260px; padding:0 10px; line-height:26px; border-bottom:1px #ccc dashed;}
.hbox .con02 .artmucisbox ul.ul_artmusic li{ float:left}
.hbox .con02 .artmucisbox ul.ul_artmusic li.No1{ width:25px;}
.hbox .con02 .artmucisbox ul.ul_artmusic li.No2{ width:180px;}
.hbox .con02 .artmucisbox ul.ul_artmusic li.No2 a{ color:#333; text-decoration:none}
.hbox .con02 .artmucisbox ul.ul_artmusic li.No2 a:hover{ color:#f00}
.hbox .con02 .artmucisbox ul.ul_artmusic li.No3{ width:25px; text-align:center; _padding-top:8px}
.hbox .con02 ul.ul_artzixun{ margin-left:15px; width:540px; padding:0 10px; line-height:26px; border-bottom:1px #ccc dashed;}
.hbox .con02 ul.ul_artzixun li.No1{ float:left; width:240px; font-size:14px; font-weight:bold}
.hbox .con02 ul.ul_artzixun li.No1 span{ color:#f60;}
.hbox .con02 ul.ul_artzixun li.No1 a{ font-size:14px; font-weight:bold; color:#333;}
.hbox .con02 ul.ul_artzixun li.No1 a:hover{ text-decoration:none; color:#f00}
.hbox .con02 ul.ul_artzixun li.No2{ float:right; margin-right:10px; color:#666}

.hbox .con02 .artvideo{ float:left; width:289px; height:192px; padding:15px 70px 34px 70px; background:url(artimg_18.gif) no-repeat}
.hbox .con03{ width:26px; min-height:22px; background:url(artimg_r3.gif) repeat-y; float:left;}
.hbox .con03 .con{width:26px;height:22px; background:url(artimg_r2.gif) repeat-x; }
.art_bottom{ width:970px; background:url(artimg_32.gif) no-repeat; }

ul.ul_playgo{ width:200px; height:25px;}
ul.ul_playgo li{ float:left; margin-right:5px;}






