@charset "gb2312";
/* CSS Document */
body,div{margin:0px auto; font-size:12px;}
.mainwidth{margin:0px auto; width:990px;}
#top{height:100px; background:#FFF; border-bottom:2px solid #4BA9E6;}
#top #top2{ margin:0px auto;}
#top #top2 #logo{float:left; width:260px;}
#top #top2 #logo img{ margin-top:16px;}
#top #top2 #logoright{float:right; width:720px; line-height:100px;}

#menu{width:100%;height:53px; line-height:53px; margin-top:45px;}
#menu ul{margin:0px auto; padding:0px; list-style:none; width:990px;}
#menu li {margin:0px auto; padding:0px; list-style:none; margin-left:20px;}
#menu li{width:80px; height:53px; line-height:53px; float:left; font-weight:800;}
#menu li a{color:#000; text-decoration:none; display:block; text-align:center;}
#menu li a:hover{background:#06F; color:#FFF; display:block; text-align:center}
#menu li .current{background:#06f; color:#FFF; display:block; text-align:center}
#topjpg{background:#FFF; height:300px;}
#rndimg{width:100%; height:323px;}
#rndimg img{border:0px;}

#bottom{margin:0px auto; height:60px; background:#000;}
#bottom #bottom2{color:#FFF; padding-top:10px; text-align:center;}
#bottom #bottom2 a{color:#FFF; padding-top:10px; text-align:center;}
#bottom #sitebeian {color:#fff; line-height:20px; text-align:center; padding-top:10px;}
#bottom #sitebeian a{color:#fff; line-height:20px; text-align:center; text-decoration:none; padding-top:10px;}

#main{ margin-top:10px;}
.diysite{ margin:0px auto; background:url(Images/tvbg.jpg) center; text-align:center; height:897px;}
.diysite_0{line-height:50px; color:#fff; font-weight:900; font-size:22px; text-align:center;}
.diysite_1{ width:990px; height:160px; margin:0px auto; clear:both;}
.diysite_1 div{width:300px; float:left; color:#fff;}
.media{margin:0px auto;}

#main #left{float:left; width:300px; min-height:300px; background:#FFF;}
#main #left .bt{margin:0px auto; background:#4BA9E6; width:260px; height:40px; line-height:40px; border:1px solid #4BA9E6; text-align:center; font-size:16px; font-weight:800; color:#FFF; letter-spacing:10px;}
#main #left #classlist{margin:0px auto; border:1px solid #4BA9E6; margin-top:2px; width:260px;}
#main #left #classlist ul,li{margin:0px auto; padding:0px; list-style:none;}
#main #left #classlist li{height:30px; line-height:30px; margin:5px; text-indent:20px;}
#main #left #classlist li a{color:#333; display:block; text-decoration:none; font-size:14px;} 
#main #left #classlist li a:hover{background:#CCC;}
#main #left #classlist .li a{color:#F00;}


#main #right{float:right; width:680px; background:#fff; min-height:300px}

#main #right .bt{height:60px; line-height:60px; font-size:14px; font-weight:800; text-align:center;}
#main #right .content{margin-left:10px; margin-right:10px; line-height:22px; min-height:200px;}
#main #right .time{margin:0px auto; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; width:660px; border-bottom:1px dashed #999; line-height:30px; margin-bottom:10px;}

#main #right #newslist{margin:0px auto; width:660px; margin-top:10px;}
#main #right #newslist ul,li{margin:0px auto; padding:0px; list-style:none;}
#main #right #newslist li{float:left; width:100%; text-align:left; height:22px; line-height:22px; border-bottom:1px dotted #CCC;}
#main #right #newslist li a{color:#333; display:block; text-decoration:none;}
#main #right #newslist li a:hover{color:#F00; display:block;}
#main #right #newslist li .title{float:left; width:500px;}
#main #right #newslist li .times{float:right; height:22px; width:150px; font-family:Georgia, "Times New Roman", Times, serif; color:#999;}

#main #right #piclist{margin:0px auto; width:660px; margin-top:10px; clear:both}
#main #right #piclist ul,li{margin:0px auto; padding:0px; list-style:none;}
#main #right #piclist li{float:left; width:120px; text-align:left; height:130px; border:1px solid #CCC; padding:2px; margin:2px;}
#main #right #piclist li img{border:0px;}
#main #right #piclist li p a{color:#333; display:block; text-decoration:none; line-height:22px;}
#main #right #piclist li p a:hover{color:#F00; display:block;}


#main #right #showpage{margin:0px auto; height:30px; line-height:30px; width:660px;}
#main #right #showpage a{font-size:12px; color:#333; text-decoration:none;}
#main #right #showpage a:hover{color:#F00;}

#main #right #next,#up{margin:0px auto; width:660px; height:25px; line-height:25px;}
#main #right #next a{color:#333; text-decoration:none;}
#main #right #up a{color:#333; text-decoration:none;}

#main #mail{width:960px; margin:0px auto; clear:both; padding-top:5px;}
#main #mail #mail_2{margin:0px 0px 5px 5px; padding:5px; width:220px;height:150px; border:solid 1px #CCC; float:left;}
#main #mail #mail_3{margin:0px 0px 5px 5px; padding:5px; width:220px;height:110px; border:solid 1px #CCC; float:left; line-height:20px;}

.clear{clear:both; overflow:hidden; height:0px; padding:0px;}