/* CSS Document */
*{ padding:0; margin:0;}
body{ font-family:Arial, Helvetica, sans-serif;font-size:12px; }
h1,h2,h3,h4,h5{font-size:12px;}
.clear{ clear:both;}
ul{ list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#red; text-decoration:underline;}
div { 
table-layout: fixed; 
word-wrap: break-word; 
overflow: hidden;
}

#container{ width:1000px; margin:0 auto; background:url(33.jpg) no-repeat;}


#top{ width:1000px; height:174px; background:url(top.jpg) no-repeat; position:relative;}
.l1{ display:block; background:url(nav1.jpg) no-repeat; width:46px; height:59px; position:absolute; left: 80px; top: 62px; }
.l2{ display:block; background:url(nav2.jpg) no-repeat; width:83px; height:57px; position:absolute; left: 169px; top: 82px; }
.l3{ display:block; background:url(nav3.jpg) no-repeat; width:72px; height:60px; position:absolute; left: 265px; top: 93px; }
.l4{ display:block; background:url(nav4.jpg) no-repeat; width:75px; height:51px; position:absolute; left: 372px; top: 108px; }
.l5{ display:block; background:url(nav5.jpg) no-repeat; width:78px; height:54px; position:absolute; left: 484px; top: 116px; }
.l6{ display:block; background:url(nav6.jpg) no-repeat; width:73px; height:63px; position:absolute; left: 603px; top: 108px; }
.l7{ display:block; background:url(nav7.jpg) no-repeat; width:73px; height:54px; position:absolute; left: 720px; top: 98px; }
.l8{ display:block; background:url(nav8.jpg) no-repeat; width:72px; height:60px; position:absolute; left: 822px; top: 73px; }
.l1:hover{background:url(nav1_h.jpg) no-repeat;}
.l2:hover{background:url(nav2_h.jpg) no-repeat;}
.l3:hover{background:url(nav3_h.jpg) no-repeat;}
.l4:hover{background:url(nav4_h.jpg) no-repeat;}
.l5:hover{background:url(nav5_h.jpg) no-repeat;}
.l6:hover{background:url(nav6_h.jpg) no-repeat;}
.l7:hover{background:url(nav7_h.jpg) no-repeat;}
.l8:hover{background:url(nav8_h.jpg) no-repeat;}
#subtop{ width:1000px; height:521px; background:url(subtop33.jpg) no-repeat; position:relative;}
.a1{ display:block; background:url(nav11.jpg) no-repeat; width:55px; height:60px; position:absolute; left: 91px; top: 64px; }
.a2{ display:block; background:url(nav22.jpg) no-repeat; width:74px; height:62px; position:absolute; left: 164px; top: 79px; }
.a3{ display:block; background:url(nav33.jpg) no-repeat; width:72px; height:57px; position:absolute; left: 274px; top: 92px; }
.a4{ display:block; background:url(nav44.jpg) no-repeat; width:72px; height:55px; position:absolute; left: 381px; top: 103px; }
.a5{ display:block; background:url(nav55.jpg) no-repeat; width:76px; height:54px; position:absolute; left: 487px; top: 108px; }
.a6{ display:block; background:url(nav66.jpg) no-repeat; width:73px; height:53px; position:absolute; left: 600px; top: 103px; }
.a7{ display:block; background:url(nav77.jpg) no-repeat; width:77px; height:56px; position:absolute; left: 709px; top: 87px; }
.a8{ display:block; background:url(nav88.jpg) no-repeat; width:73px; height:56px; position:absolute; left: 817px; top: 66px; }
.a1:hover{background:url(nav11_h.jpg) no-repeat;}
.a2:hover{background:url(nav22_h.jpg) no-repeat;}
.a3:hover{background:url(nav33_h.jpg) no-repeat;}
.a4:hover{background:url(nav44_h.jpg) no-repeat;}
.a5:hover{background:url(nav55_h.jpg) no-repeat;}
.a6:hover{background:url(nav66_h.jpg) no-repeat;}
.a7:hover{background:url(nav77_h.jpg) no-repeat;}
.a8:hover{background:url(nav88_h.jpg) no-repeat;}

#topflash{ position:absolute;top:162px; left:200px;}


#top{ width:1000px; height:178px;}

#middle{ width:1000px; height:501px}

#leftflash{ float:left; width:410px; height:500px;}
#rightbar{ width:215px; float:right; height:500px;}
.wyjm{ padding-top:5px; }
.wyjm img{ border:0;}
.ljbox{ background:url(ljbox2.jpg) no-repeat; width:215px;}
.ljbox .box{ width:150px; padding:22px 42px 0 23px;}
.flash_ad{}
.flash_ad .flash_ad_title{ line-height:20px; font-size:12px; font-weight:bold;padding-left:10px; color:#f473b4;}
.flash_ad .flash{ padding-left:10px;}

#middlebar{ width:370px; float:right;}

#middlebar .news{ padding:5px 50px 5px 10px;}
#middlebar .newstitle{ height:38px; background:url(newstitle2.jpg) no-repeat;}
#middlebar .news li{line-height:20px; }
#middlebar .news li a{font-size:12px;}
#middlebar .news li span{color:#f599b1; font-weight:bold; } 
#middlebar .news li p{color:#f599b1}
#middlebar .how{ height:154px; background:url(how_bg2.jpg) no-repeat;}
#middlebar .howtitle{ height:35px; background:url(howtitle2.jpg) no-repeat;}
#middlebar .how .howimage{ width:110px; height:90px; float:left; padding:10px 10px 10px 30px;  }
#middlebar .how .hownews{ margin-top:15px;}
#middlebar .how .hownews li{ float:left; display:block; width:80px; line-height:22px; text-align:center;}

#middlebar .leaguenews{ padding:5px 50px 5px 10px;}
#middlebar .leaguetitle{ height:39px; background:url(leaguetitle2.jpg) no-repeat;}
#middlebar .leaguenews li{line-height:20px; }
#middlebar .leaguenews li a{ font-size:12px;}
#middlebar .leaguenews li span{color:#f599b1; font-weight:bold;} 
#middlebar h1{ padding:2px 20px 2px 20px; font-size:15px; color:#f1729e}
#middlebar .search{ margin:5px 10px 5px 20px;}
#middlebar #search{background:#fecbda;}
#footer{ width:1000px; }
#footer .product{ width:1000px; height:120px; margin:0 auto; padding-top:50px}
#footer .product .productimage{ float:left;}
#footer .copyright{width:1000px; margin:0 auto; padding-bottom:20px; background:#FFF7FA;}
#footer .copyright p{line-height:20px; text-align:center;}



#submiddle{ width:1000px;overflow:hidden;}
.left{ width:237px; float:left; padding-left:20px;}
.lefttop{}
.leftmid{ background:url(leftmid.jpg) repeat-y;}
.leftmid .leftmenu{ list-style:none; padding:5px 25px 5px 25px;  }
.leftmid .leftmenu h2{ padding-left:20px; font-size:16px;  background:url(left_title.jpg) no-repeat; line-height:24px; color:#fff;}
.leftmid .leftmenu h2 a{ color:#fff;}
.leftmid .leftmenu li{ width:177px; background:#ffeaee; line-height:24px; margin:3px 0 0  0;}
.leftmid .leftmenu li a{ margin-left:20px; color:#333;}
.leftmid .leftmenu li a:hover{}
.leftbottom{}
.content{ float:left; width:570px;}
.content .breadcrumb{ line-height:28px;margin-left:10px; padding-left:10px;background:url(sub01.jpg) no-repeat;}
.content h3{ font-size:16px; margin:0 0 20px 10px; text-align:center; padding-right:40px;}
.content .contentmid{ background:url(contentmid.jpg) repeat-y;  padding:0 40px;}
.content .contentmid p{ color:#333; padding-bottom:20px;line-height:20px;}
.content .newslist{list-style:none;border-top:3px solid #ec729a;border-bottom:2px solid #dfdfdf;}
.content .newslist li{ line-height:30px; border-bottom:1px solid #dfdfdf; padding:0 20px;}
.content .newslist li a{}
.content .newslist li span{ color:#f599b1; font-weight:bold;}
.content h4{font-size:14px; line-height:30px; padding-top:10px; color:#f05b7d;}
.content dl{ overflow:hidden;width:500px; height:auto; border-bottom:1px dashed #000; padding-bottom:15px }
.content dl dd{ display:block; float:left; width:145px; height:155px; border:1px solid #ff91ae; padding:2px;}
.content dl dt{display:block; float:left; width:335px; line-height:18px; padding-left:10px; padding-top:5px;}

.wrap{ float:right; width:159px;}
.right{ width:130px;  padding:0 10px;}
.righttop{}
.rightmid{ background:url(rightmid2.jpg) repeat-y;}
.rightmid .qqcolumn{ padding:12px 30px 5px 18px;}
.rightmid .qqcolumn li{ line-height:30px;}
.rightbottom{}
ol li{padding-left:100px;}

#subfooter{ background:url(footerbg.jpg) no-repeat; width:1000px;height:154px;}
#subfooter .subcopyright{padding-top:60px;}
#subfooter .subcopyright p{ text-align:center; line-height:20px;}
.red_txt{color:#F00;}