/*
Powered By www.toprand.com
Date:2009/09/13
Design By xiaofei
QQ:82146551
E-mail:xiaofei_108@163.com
*/
@charset"utf-8";
/*Reset*/
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,table,tr,td,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
object{ display:block;}
ul,ul li{ list-style:none;}
a{text-decoration:none;}
html{overflow:-moz-scrollbars-vertical;}
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;}
a:link{ color:#606060;}
a:hover,li a:hover,h2 a:hover{color:#CC0000}
a:visited{color:#333}
.play{ display:none;} 
select,input{ vertical-align:middle;font-size:12px;}  

/*basic*/ 
body{margin:0px; padding:0px;font-family:"ËÎÌå", Arial, Helvetica, sans-serif; font-size:12px;color: #666;}  

/*wrap*/
.wrap{width:980px; margin:0 auto; background:#f6f6f6; position:relative;}

/*subnav*/
.subnav{width:744px; height:30px;color:#203b98; position:absolute; top:81px; left:216px; z-index:100;}
.wrap .subnav a{ color:#203b98; padding:0 15px;}
#con_m_1{ background:url(../images/m1.gif) left top no-repeat; padding:10px 10px 0 10px; line-height:20px; margin:0 0 0 20px;}
#con_m_2{ background:url(../images/m2.gif) left top no-repeat; padding:10px 10px 0 10px; line-height:20px; margin:0 0 0 125px;}
#con_m_3{ background:url(../images/m3.gif) left top no-repeat; padding:10px 10px 0 10px; line-height:20px; margin:0 0 0 228px;}

#con_m_4{ background:url(../images/m2.gif) left top no-repeat; padding:10px 10px 0 10px; line-height:20px; margin:0 0 0 332px;}
#con_m_5{ background:url(../images/m1.gif) left top no-repeat; padding:10px 10px 0 10px; line-height:20px; margin:0 0 0 435px;}
#con_m_6{ background:url(../images/m6.gif) left top no-repeat; padding:10px 10px 0 10px; line-height:20px; margin:0 0 0 427px;}


/*head*/ 
.head{width:960px; height:107px; overflow:hidden; margin:0 auto; background:url(../images/bg_head.gif) left top no-repeat;}
.head .logo{width:216px; float:left;}
.head .nav{width:744px; float:right;}
.head .nav .top{width:744px; height:50px;}
.head .nav ul{width:728px; height:31px; overflow:hidden;}
.head .nav ul li{ float:left; font-weight:bold; text-align:center; width:104px; line-height:31px;}
.head .nav ul li.no{ background:none;}
.head .nav ul li.hover{ background:url(../images/bg_menu.gif) center center no-repeat;}
.head .nav ul li.qq{ background:url(../images/bg_menu.gif) center center no-repeat;}
.head .nav ul li a{ font-family:Microsoft YaHei; color:#fff;letter-spacing:2px; }
.head .nav ul li a:hover{display:block; width:104px; line-height:31px; background:url(../images/bg_menu.gif) center center no-repeat;}


/*banner*/
.banner{width:960px; padding:6px 0; margin:0 auto;}

/*main*/
.main{width:960px; padding:22px 0; background:url(../images/bg_main1.gif) left top no-repeat; margin:0 auto;}



/*main-left*/
.left{width:332px; float:left;}
.left h1{width:332px; height:19px; overflow:hidden; font-weight:bold;color:#000;text-align:center;}
.left h1 ul{width:332px;height:19px; overflow:hidden; background:url(../images/bg_line.gif) right bottom no-repeat;}
.left h1 li{float:left; line-height:19px; margin:0 1px 0 0; display:inline; width:94px;font-weight:bold; cursor:pointer; background:url(../images/bg_a.gif) left top no-repeat;}
.left h1 li.qq{ float:right; background:none; width:50px;}
.left h1 li.hover{line-height:19px; display:block;background:url(../images/bg_b.gif) left top no-repeat;}
.left h1 img{width:50px; height:19px; display:block;}
.left h2{ padding:10px 0 0 0;}
.left h2 li{padding:0 0 0 10px; width:322px; height:22px; overflow:hidden;line-height:22px; border-bottom:#808080 1px dotted; background:url(../images/dian.gif) left 9px no-repeat;}
.left h2 li a{ float:left; width:240px;}
.left h2 li span{ float:right; width:74px; text-align:right;}



/*main-mid*/
.mid{width:200px; padding:0 0 0 17px; float:left;}
.mid h1{width:200px; height:19px; overflow:hidden; line-height:19px; background:url(../images/bg_line.gif) right bottom no-repeat;}
.mid h1 span{ width:147px; color:#606060; font-weight:bold; float:left;}
.mid h1 a{ width:50px; float:right;}
.mid h2{ line-height:17px; padding:8px 0 10px 0; background:url(../images/bg_line1.gif) left bottom no-repeat;}
.mid h2 img{width:64px; height:80px; border:#808080 1px solid; margin:0 6px 0 0; float:left;}
.mid h3{ background:url(../images/log.gif) left bottom no-repeat; height:20px; color:#606060; font-weight:bold; padding:15px 0 0 70px; }
.mid h4 .wbk{width:119px; padding:0 0 0 20px; height:44px; float:left; background:url(../images/bg_wbk.gif) left top no-repeat;}
.mid h4 .wbk .puta{width:115px;  border:0; background:none; height:20px;}
.mid h4 .wbk .putb{width:115px; border:0; background:none; height:18px;}
.mid h4 .dlk{width:47px; height:44px; float:right;}
.mid h4 .dlk .putc{width:47px; height:44px; background:url(../images/bg_dlk.gif) left -2px no-repeat; border:0; cursor:pointer;}
.mid h5{ background:url(../images/bg_forget.gif) left center no-repeat; line-height:30px; padding:0 0 0 42px; color:#696969;}
.mid h5 a{ padding:0 10px;color:#696969;}



/*main-right*/
.right{width:384px; float:right;}
.right h1{width:384px; height:19px; overflow:hidden; font-weight:bold;color:#000;text-align:center;}
.right h1 ul{width:384px;height:19px; overflow:hidden; background:url(../images/bg_line.gif) right bottom no-repeat;}
.right h1 li{float:left; line-height:19px; margin:0 1px 0 0; display:inline; width:94px;font-weight:bold; cursor:pointer; background:url(../images/bg_a.gif) left top no-repeat;}
.right h1 li.qq{ float:right; background:none; width:50px;}
.right h1 li.hover{line-height:19px; display:block;background:url(../images/bg_b.gif) left top no-repeat;}
.right h1 img{width:50px; height:19px; display:block;}
.right h2{ padding:10px 0 0 0;}
.right h2 li{padding:0 0 0 10px; width:374px; height:22px; overflow:hidden;line-height:22px; border-bottom:#808080 1px dotted; background:url(../images/dian.gif) left 9px no-repeat;}
.right h2 li a{ float:left; width:240px;}
.right h2 li span{ float:right; width:74px; text-align:right;}



/*main-box*/
.mainbox{width:960px; padding:6px 0 20px 0; margin:0 auto;}


/*sitemap-friendlink*/
.m_banner{width:960px; padding:0 0 6px 0;}
.m_title{line-height:30px; padding-top:5px; padding-left:22px; font-weight:bold; color:#585858; background:url(../images/bg_title.gif) left bottom no-repeat}
.m_content{width:960px; padding:20px 0; background:url(../images/sline.gif) 480px 20px no-repeat;}
.m_content .lefta{width:460px; float:left; padding:0 0 0 20px; line-height:25px;}
.m_content .leftb{width:420px; float:right; padding:0 10px 0 50px; line-height:30px;}
.m_content p.mc{ padding:0 0 20px 0;}


/*m_left*/
.m_left{width:156px; float:left;}
.m_left h1{width:156px; line-height:36px; background:url(../images/bg_l1.gif) left top no-repeat; letter-spacing:2px; font-size:14px; font-weight:bold; color:#fff; font-family:Microsoft YaHei; text-align:center;}
.m_left h2{ width:116px; background:url(../images/bg_l2.gif) left top repeat-y; padding:10px 20px;}
.m_left h2 ul{width:116px;}
.m_left h2 ul li{ text-align:center; color:#ff9000; font-weight:bold; line-height:55px; padding:5px 0 15px 0; width:116px; background:url(../images/bg_li.gif) center bottom no-repeat;}
.m_left h2 ul li a,.m_left h2 li a:visited{color:#ff9000;}
.m_left h2 ul li a:hover{ background:url(../images/bg_pp.gif) center 10px no-repeat; display:block; width:116px; line-height:55px;}
.m_left h2 ul li a.qq{ background:url(../images/bg_pp.gif) center 10px no-repeat; display:block; width:116px; line-height:55px;}
.m_left h2 ul ul{width:116px; padding:0 0 10px 0;}
.m_left h2 ul ul li{ line-height:20px; font-weight:normal; padding:0; text-align:left; color:#666; background:none;}
.m_left h2 ul ul li a{color:#666}
.m_left h2 ul ul li a:visited{color:#666}
.m_left h2 ul ul li a:hover{ background:none; display:block; width:116px; line-height:20px;}

.m_left h3{width:156px; height:19px; font-size:0; background:url(../images/bg_l3.gif) left top no-repeat;}
/*m_right*/
.m_right{width:798px; float:right;}
.m_right .baner{width:798px; height:134px; overflow:hidden;}
.m_right .title{line-height:30px; padding-top:5px; padding-left:22px; font-weight:bold; color:#585858; background:url(../images/bg_title.gif) left bottom no-repeat}
.m_right .content{ padding:10px 0; line-height:25px;}
.m_right .content .about{ padding:10px 10px 0 10px;}
.m_right .content .about p{ padding:0 0 10px 0;}
.m_right .content .news ul{width:792px; padding:0 0 0 6px}
.m_right .content .news ul li{padding:0 0 0 10px; width:772px; height:25px; overflow:hidden;line-height:25px; border-bottom:#808080 1px dotted; background:url(../images/dian.gif) left 11px no-repeat;}
.m_right .content .news ul li a{ float:left; width:694px;}
.m_right .content .news ul li span{ float:right; width:78px; text-align:right;}
.m_right .content .news .bt{ line-height:35px; font-weight:bold; font-size:14px; border-bottom:#e0e0e0 1px dotted; text-align:center;}
.m_right .content .news .nr{ padding:10px 5px 40px 5px; line-height:22px;}
.m_right .content .news .nr p{ text-indent:2em; padding:0 0 10px 0;}
.m_right .content .login{width:505px; height:269px; background:url(../images/bg_login.gif) left bottom no-repeat; padding:100px 0 0 0; margin:0 auto;}
.m_right .content .login input.a1{width:250px; height:22px; padding:5px 0 0 0; vertical-align:middle; border:0; background:none;}
.m_right .content .login input.a2{width:76px; height:23px; vertical-align:middle; background:url(../images/bg_btn.gif) left top no-repeat; cursor:pointer; border:0;}
.m_right .content .login a{ text-decoration:underline; color:#000; padding:0 0 0 10px;}

.m_right .content .score{width:505px; height:133px;  background:url(../images/bg_score.gif) left bottom no-repeat; padding:60px 0 0 0; margin:0 auto;}
.m_right .content .score input.a1{width:250px; height:22px; padding:5px 0 0 0; vertical-align:middle; border:0; background:none;}
.m_right .content .score input.a2{width:71px; height:71px; vertical-align:middle; background:url(../images/search.gif) left top no-repeat; cursor:pointer; border:0;}


.m_right .content .reg{width:346px; height:430px; padding:10px 0 0 0; background:url(../images/bg_reg.gif) left bottom no-repeat; padding:20px 0 0 0; margin:0 auto;}
.m_right .content .reg input.a1{width:230px; height:16px; padding:5px 0 0 0; vertical-align:middle; border:#cbcbcb 1px solid; background:none;}
.m_right .content .reg input.a2{width:76px; height:23px; vertical-align:middle; background:url(../images/bg_btn.gif) left top no-repeat; cursor:pointer; border:0;}




p.c{ text-align:center; text-indent:0; padding:10px 0;}
.b{ font-weight:bold;}
.f14{ font-size:14px;}

.m_right .content .pages{ text-align:center; padding:10px 0 0 0;}
.m_right .content .pages a{ padding:0 10px;}


/*foot*/
.foot{width:980px; text-align:center; background:#fff; }
.foot .link{width:978px; height:28px; line-height:28px; border:#d9d9d9 1px solid;}
.foot .link a{font-weight:bold; color:#4c4f5c; padding:0 15px;}
.foot p{color:#63656e; line-height:18px;}
.foot p a{color:#63656e;}
.foot p.a{ padding:10px 0 0 0;}


/*text*/
.red{color:red;}
.l{ float:left; padding:0 15px 0 5px;}
.r{ float:right;}


  
/*
Powered By www.toprand.com
Date:2009/09/13
Design By xiaofei
QQ:82146551
E-mail:xiaofei_108@163.com
*/