@charset "utf-8";
/* CSS document designed by Vinaro cheung on 2009.04.07 */
.fr { float:right; }
.fl { float:left; }

#eastern { width:950px; margin:0 auto; }
#eastern .bg { width:950px; float:left; background:#cfc0c0; }

#eastern .sbanner { width:950px; height:146px; clear:both; }
#eastern .sbanner h2 { width:914px; height:18px; display:block; clear:both; background:url(../images/eastern/bg1.jpg); padding-left:36px; font-weight:normal; overflow:hidden; padding-top:14px; line-height:16px; }
#eastern .sbanner h2 a { color:#ffffff; float:left; margin-right:25px; }
#eastern .sbanner .c { width:950px; height:114px; background:url(../images/eastern/eastern_s.jpg) no-repeat right top; }
#eastern .sbanner .c h1 { width:261px; height:114px; background:url(../images/eastern/eastern.jpg); display:block; float:left; margin:0px; }
#eastern .sbanner .c h1 strong { visibility:hidden; }
#eastern .sbanner .c ul { width:390px; float:left; display:block; padding-top:15px; line-height:20px; }
#eastern .sbanner .c ul li { width:186px; float:left; background:url(../images/eastern/point.gif) no-repeat left center; padding-left:8px; }
#eastern .sbanner .c ul a { color:#c0c0c0; }
#eastern .sbanner .c ul a:hover { color:#ff6600; }
#eastern .sbanner .c span { width:124px; height:83px; display:block; overflow:hidden; float:left; margin-left:13px; padding-top:13px; }

#first { width:930px; height:485px; padding:0px 10px 8px 10px; overflow:hidden; position:relative; color:#ffffff; background:url(../images/eastern/fbg.jpg) #cfc4bf repeat-x; }
#first .bignews { width:308px; height:122px; background:url(../images/eastern/bignews.jpg); border:5px #b78261 solid; position:absolute; padding-left:15px; left:10px; top:0px; padding-top:10px; }
#first .bignews a { color:#ffffff; }
#first .bignews a:hover { text-decoration:underline; }
#first .bignews big { width:84px; height:114px; float:right; display:block; overflow:hidden; padding-right:7px; }
#first .bignews h2, #first .bignews p, #first .bignews span { width:210px; display:block; float:left; text-align:center; }
#first .bignews p { text-align:left; text-indent:24px; line-height:18px; margin:0px; }
#first .bignews h2 { padding:8px 0px; }
#first .bignews h2 a { font-size:14px; }
#first .bignews span { margin-top:8px; }
#first .bignews span a { margin-right:2px; float:left; }

#dfm { width:216px; height:474px; background:url(../images/eastern/bg2.jpg); position:absolute; left:353px; top:0px; padding:5px; overflow:hidden; }
#dfm span { width:216px; height:170px; display:block; background:url(../images/eastern/line.gif) no-repeat left 153px; }
#dfm ul { float:left; padding:5px 0px; padding-left:8px; }
#dfm li { width:194px; height:20px; display:block; clear:both; background:url(../images/eastern/point1.gif) no-repeat left center; padding-left:12px; }
#dfm a { color:#000000; }
#dfm a:hover { text-decoration:underline; }
#dfm dl { width:100px; float:left; display:block; padding:0px 4px; background:url(../images/eastern/line.gif) no-repeat left bottom; padding-bottom:20px; text-align:center; }

#first .imglist { width:317px; height:53px; border:5px #b78261 solid; padding:3px; background:#ffffff; position:absolute; left:10px; top:151px; overflow:hidden; }
#first .imglist span { background:#ffffff; }
#first .imglist span.left { width:15px; height:53px; position:absolute; left:0px; top:3px; text-align:right; }
#first .imglist ul { width:290px; height:53px; position:absolute; left:20px; top:3px; overflow:hidden; }
#first .imglist li { width:53px; height:53px; display:block; float:left; display:block; margin-right:5px; }
#first .imglist span.right { width:15px; height:53px; position:absolute; right:0px; top:3px; text-align:left; }

#first .txtlist { width:309px; height:231px; border:5px #b78261 solid; padding:7px; background:#ffffff; position:absolute; left:10px; bottom:9px; overflow:hidden; }
#first .txtlist dl { width:309px; height:69px; clear:both; display:block; padding-bottom:12px; }
#first .txtlist dd { width:69px; height:69px; overflow:hidden; float:left; }
#first .txtlist dt { width:230px; height:69px; background:url(../images/eastern/line1.gif) repeat-x left bottom; float:left; margin-left:10px; }
#first .txtlist dt p { margin:0px; }
#first .txtlist dt span a { color:#a64f25; font-weight:bold; }
#first .txtlist dt span a:hover { text-decoration:underline; }
#first .txtlist dt p a { color:#b07d52; }
#first .txtlist dt p a:hover { text-decoration:underline; }

#first .flash { width:362px; height:484px; right:0px; position:absolute; background:url(../images/eastern/fbg2.jpg) no-repeat right top; overflow:hidden; }
#first .fou { width:342px; height:474px; position:absolute; border:5px #ffffff solid; right:10px; background:#000000; overflow:hidden; }
#first .fou img { position:absolute; }
#first .fou ul { width:50px; height:144px; position:absolute; right:0px; bottom:0px; overflow:hidden; z-index:3; }
#first .fou ul li { width:50px; height:48px; cursor:pointer; }
#first .fou ul li small { visibility:hidden; }
#first .fou ul .m0o { background:url(../images/eastern/1o.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/eastern/1o.png", sizingMethod="scale"); _background-image:none; }
#first .fou ul .m0 { background:url(../images/eastern/1.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/eastern/1.png", sizingMethod="scale"); _background-image:none; }
#first .fou ul .m1o { background:url(../images/eastern/2o.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/eastern/2o.png", sizingMethod="scale"); _background-image:none; }
#first .fou ul .m1 { background:url(../images/eastern/2.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/eastern/2.png", sizingMethod="scale"); _background-image:none; }
#first .fou ul .m2o { background:url(../images/eastern/3o.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/eastern/3o.png", sizingMethod="scale"); _background-image:none; }
#first .fou ul .m2 { background:url(../images/eastern/3.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/eastern/3.png", sizingMethod="scale"); _background-image:none; }

.banner { width:950px; height:90px; padding-bottom:8px; clear:both; text-align:center; }

#second { width:930px; height:490px; padding:0px 10px 7px; }
#second .left { width:610px; height:480px; border:5px #ffffff solid; background:url(../images/eastern/l1bg.gif) #7f5535 repeat-x left bottom; float:left; }
#second .left .title { width:610px; height:73px; background:url(../images/eastern/hzbg.jpg) no-repeat right top; clear:both; }
#second .left .title h2 { width:128px; display:block; float:left; }
#second .left .title .keyword { width:430px; height:43px; float:left; padding-top:30px; }
#second .left .title .more { width:37px; float:left; padding-top:25px; }
#second .left .title .more a { width:37px; height:19px; display:block; background:url(../images/eastern/morebg.gif); text-align:center; line-height:19px; }
#second .left .title .more a:hover { text-decoration:none; color:#ff6600; }
#second .left .title a { color:#ffffff; }
#second .left .title a:hover { text-decoration:underline; }
#second .left .brush { width:324px; height:353px; float:left; border:5px #ffffff solid; margin-left:9px; overflow:hidden; }
#second .left .bigimg { width:234px; height:353px; float:left; overflow:hidden; }
#second .left ul { width:85px; height:353px; float:left; border-left:5px #ffffff solid; }
#second .left ul li { width:85px; height:115px; overflow:hidden; border-bottom:5px #ffffff solid; }
#second .left ul li img { width:85px; height:115px; }
#second .left .sptext { width:231px; height:372px; float:right; border:5px #ebebeb solid; overflow:hidden; margin-right:7px; background:url(../images/eastern/bg2.jpg) repeat-x center center; padding:10px 5px; }
#second .left .sptext dl { width:226px; display:block; float:left; clear:both; background:url(../images/eastern/line2.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; padding-left:5px; }
#second .left .sptext dt a { font-family:"黑体"; font-size:16px; color:#000000; line-height:25px; }
#second .left .sptext dt a:hover { color:#8a4e22; }
#second .left .sptext dd a { color:#000000; line-height:24px; }
#second .left .sptext dd a:hover { color:#ff6600; }
#second .left .tname { width:350px; float:left; padding-top:10px; text-align:center; }
#second .left .tname a { font-family:"黑体"; font-size:20px; color:#8a4e22; line-height:30px; }
#second .left .tname a:hover { color:#000000; }
#second .right { width:289px; height:480px; border:5px #b78961 solid; float:right; background:#ffffff; }
#second .right .title { width:289px; height:73px; background:url(../images/eastern/zgf_bg.jpg) no-repeat right top; } 
#second .right .title h2 { width:151px; display:block; float:left; }
#second .right .title .more { width:37px; float:right; padding-top:25px; padding-right:30px; }
#second .right .title .more a { width:37px; height:19px; color:#ffffff; display:block; background:url(../images/eastern/morebg.gif); text-align:center; line-height:19px; }
#second .right .title .more a:hover { text-decoration:none; color:#ff6600; }
#second .right .imglist { width:272px; height:198px; background:url(../images/eastern/zgf_bg2.jpg); overflow:hidden; padding-left:17px; clear:both; }
#second .right .imglist li { width:114px; height:154px; overflow:hidden; border:3px #ffffff solid; float:left; margin-right:16px; display:block; }
#second .right .imglist h2 { display:block; clear:both; width:272px; text-align:center; padding-top:10px; }
#second .right .imglist h2 a { font-size:14px; color:#ffffff; }
#second .right .imglist h2 a:hover { text-decoration:underline; }
#second .right .txtlist { width:269px; float:left; clear:both; padding:10px; }
#second .right .txtlist h2 { font-family:"黑体"; font-weight:normal; display:block; clear:both; text-align:center; padding:5px 0px; }
#second .right .txtlist h2 a { font-size:16px; color:#8f4e1d; }
#second .right .txtlist h2 a:hover { color:#000000; }
#second .right .txtlist p { margin:0px; text-indent:24px; }
#second .right .txtlist p a { color:#8f4e1d; }
#second .right .txtlist p a:hover { color:#000000; }
#second .right .txtlist ul { float:left; clear:both; padding-top:5px; }
#second .right .txtlist ul li { background:url(../images/eastern/icon.gif) no-repeat left center; padding:4px 0px 4px 25px; }
#second .right .txtlist ul a { color:#000000; }
#second .right .txtlist ul a:hover { text-decoration:underline; }

#third { width:930px; height:504px; padding:0px 10px 8px 10px; overflow:hidden; }
#third .left { width:289px; height:494px; border:5px #ffffff solid; float:left; background:url(../images/eastern/ly5.jpg) #ffffff no-repeat left bottom; }
#third .left .more { width:12px; padding:8px 4px 0px 8px; height:85px; display:block; background:url(../images/eastern/ly3.jpg); float:left; color:#ffffff; padding-top:8px; line-height:16px; overflow:hidden; }
#third .left .more:hover { color:#ff6600; }
#third .left .title { width:289px; height:231px; overflow:hidden; position:relative; }
#third .left .title .l { position:absolute; left:24px; bottom:0px; _bottom:-1px; width:176px; height:93px; }
#third .left .hot { width:100%; height:262px; clear:both; overflow:hidden; }
#third .left .hot dl { width:289px; height:107px; display:block; clear:both; }
#third .left .hot dd { float:left; width:101px; height:101px; overflow:hidden; border:3px #787878 solid; }
#third .left .hot dt a.b { float:right; width:45px; height:107px; overflow:hidden; font-weight:bold; layout-flow:vertical-ideographic; text-align:left; padding-right:10px; font-size:14px; color:#000000; word-spacing:10px; letter-spacing:1px; }
#third .left .hot dt a.b:hover { color:#ff6600; }
#third .left .hot dt p { float:right; margin:0px; height:107px; width:80px; overflow:hidden; layout-flow:vertical-ideographic; text-align:left; }
#third .left .hot dt { float:left; width:142px; text-align:right; }
#third .left .hot dt p a { color:#000000; }
#third .left .hot dt p a:hover { color:#ff6600; }
#third .left .hot ul { width:269px; height:150px; clear:both; display:block; background:url(../images/eastern/line3.gif) repeat-y 270px top; padding-right:20px; }
#third .left .hot ul li { width:30px; height:150px; display:block; overflow:hidden; float:right; padding:0px 3px 0px 5px; background:url(../images/eastern/line3.gif) repeat-y left bottom; *background:url(../images/eastern/line3.gif) repeat-x left bottom!important; writing-mode:tb-rl; }
#third .left .hot ul a { font-size:13px; color:#000000; display:block; width:28px; height:140px; line-height:15px; padding-top:10px; }
#third .left .hot ul a:hover { color:#ff6600; }
#third .right { width:610px; height:494px; border:5px #ffffff solid; background:url(../images/eastern/l1bg.gif) #7f5535 repeat-x left bottom; float:right; }
#third .right .title { width:610px; height:76px; background:url(../images/eastern/mrj_bg.jpg) no-repeat right top; clear:both; }
#third .right .title h2 { width:158px; display:block; float:left; }
#third .right .title .keyword { width:380px; height:46px; float:left; padding-top:30px; padding-left:20px; }
#third .right .title .more { width:37px; float:left; padding-top:25px; }
#third .right .title .more a { width:37px; height:19px; display:block; background:url(../images/eastern/morebg.gif); text-align:center; line-height:19px; }
#third .right .title .more a:hover { text-decoration:none; color:#ff6600; }
#third .right .title a { color:#ffffff; }
#third .right .title a:hover { text-decoration:underline; }
#third .right .brush { width:334px; height:396px; float:right; overflow:hidden; margin-right:7px; _margin-right:4px; }
#third .right .bigimg { width:235px; height:357px; float:left; overflow:hidden; border:4px #ebebeb solid; }
#third .right ul { width:85px; height:353px; float:right; }
#third .right ul li { width:74px; height:107px; overflow:hidden; border:4px #ebebeb solid; margin-bottom:10px; }
#third .right ul li img { width:74px; height:107px; }
#third .right .sptext { width:241px; height:396px; float:left; overflow:hidden; background:url(../images/eastern/bg2.jpg) repeat-x center center; padding:10px 5px; margin-left:9px; _margin-left:4px; }
#third .right .sptext dl { width:231px; display:block; float:left; clear:both; background:url(../images/eastern/line2.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; padding-left:10px; }
#third .right .sptext dt a { font-family:"黑体"; font-size:16px; color:#000000; line-height:25px; }
#third .right .sptext dt a:hover { color:#8a4e22; }
#third .right .sptext dd a { color:#000000; line-height:24px; }
#third .right .sptext dd a:hover { color:#ff6600; }
#third .right .tname { width:350px; float:left; padding-bottom:10px; text-align:center; }
#third .right .tname a { font-family:"黑体"; font-size:20px; color:#ffffff; line-height:30px; }
#third .right .tname a:hover { color:#ff6600; }

#fouth { width:930px; height:497px; padding:0px 10px 8px 10px; overflow:hidden; }
#fouth .content { width:920px; height:487px; border:5px #ffffff solid; background:#ffffff; }
#fouth .left { width:573px; height:487px; float:left; overflow:hidden; }
#fouth .left .title { width:573px; height:58px; background:url(../images/eastern/tgfbg.jpg) no-repeat right top; clear:both; }
#fouth .left .title h2 { width:128px; display:block; float:left; }
#fouth .left .title .keyword { width:380px; height:43px; float:left; padding-top:15px; padding-left:20px; }
#fouth .left .title .more { width:37px; float:left; padding-top:14px; }
#fouth .left .title .more a { width:37px; height:19px; display:block; background:url(../images/eastern/morebg.gif); text-align:center; line-height:19px; }
#fouth .left .title .more a:hover { text-decoration:none; color:#ff6600; }
#fouth .left .title a { color:#ffffff; }
#fouth .left .title a:hover { text-decoration:underline; }
#fouth .left a { color:#000000; }
#fouth .left a:hover { text-decoration:underline; }
#fouth .left dl { width:284px; height:262px; padding-left:10px; float:left; display:block; overflow:hidden; }
#fouth .left dt { width:284px; display:block; text-align:center; padding-top:5px; }
#fouth .left h3 { width:270px; line-height:31px; float:right; height:31px; display:block; background:url(../images/eastern/line4.gif) repeat-x left bottom; text-align:center; }
#fouth .left h3 a { font-family:"黑体"; font-weight:normal; font-size:18px; color:#bf3124; }
#fouth .left h3 a:hover { color:#000000; text-decoration:none; }
#fouth .left .txtlist { width:265px; height:210px; float:right; display:block; overflow:hidden; padding-left:5px; padding-top:10px; }
#fouth .left .txtlist li { width:250px; background:url(../images/eastern/point1.gif) no-repeat left center; padding-left:8px; line-height:24px; }
#fouth .left .imglist { width:573px; height:165px; clear:both; display:block; overflow:hidden; }
#fouth .left .imglist li { float:left; width:133px; display:block; padding-left:10px; }
#fouth .left .imglist img { border:3px #dcdcdc solid; }
#fouth .left .imglist span { display:block; text-align:center; width:127px; padding-top:5px; }
#fouth .right { width:347px; height:487px; float:left; overflow:hidden; }
#fouth .right .title { width:347px; height:58px; background:url(../images/eastern/ghbg.jpg) no-repeat right top; clear:both; }
#fouth .right .title h2 { width:128px; display:block; float:left; }
#fouth .right .title .keyword { width:170px; height:43px; float:left; padding-top:15px; }
#fouth .right .title .more { width:37px; float:left; padding-top:14px; }
#fouth .right .title .more a { width:37px; height:19px; display:block; background:url(../images/eastern/morebg.gif); text-align:center; line-height:19px; }
#fouth .right .title .more a:hover { text-decoration:none; color:#ff6600; }
#fouth .right .title a { color:#ffffff; }
#fouth .right .title a:hover { text-decoration:underline; }
#fouth .right .txtlist { width:325px; height:428px; float:left; padding-left:20px; background:url(../images/eastern/sbg2.gif) repeat-y right top; position:relative; }
#fouth .right .txtlist .s { float:left; clear:both; }
#fouth .right .txtlist .d { position:absolute; left:20px; bottom:0px; z-index:3; width:325px; height:16px; }
#fouth .right .txtlist dl { width:299px; float:left; display:block; margin-bottom:12px; clear:both; padding-left:13px; background:url(../images/eastern/line4.gif) repeat-x left bottom; padding-bottom:12px; }
#fouth .right .txtlist dt { width:209px; float:left; overflow:hidden; }
#fouth .right .txtlist dd { width:81px; height:81px; float:right; overflow:hidden; background:url(../images/eastern/sbg.gif); padding:1px 0px 0px 1px; }
#fouth .right .txtlist span a { color:#a33128; font-weight:bold; line-height:24px; }
#fouth .right .txtlist span a:hover { color:#000000; }
#fouth .right .txtlist p { margin:0px; }
#fouth .right .txtlist p a { color:#000000; }
#fouth .right .txtlist p a:hover { color:#ff6600; }

#fifth { width:930px; height:458px; padding:0px 10px 0px 10px; overflow:hidden; }
#fifth .content { width:920px; height:448px; border:5px #ffffff solid; background:#ffffff; }
#fifth .left { width:460px; float:left; height:448px; overflow:hidden; background:url(../images/eastern/sgbg2.jpg) no-repeat left 60px; }
#fifth .right { width:452px; float:right; height:448px; overflow:hidden; background:url(../images/eastern/hrsbg2.jpg) repeat-x left 60px; }
#fifth .left .title { width:460px; height:60px; background:url(../images/eastern/sgbg.jpg) no-repeat right top; clear:both; }
#fifth .left .title h2 { width:105px; display:block; float:left; }
#fifth .left .title .keyword { width:280px; height:40px; float:left; padding-top:15px; padding-left:20px; }
#fifth .left .title .more { width:37px; float:left; padding-top:14px; }
#fifth .left .title .more a { width:37px; height:19px; display:block; background:url(../images/eastern/morebg.gif); text-align:center; line-height:19px; }
#fifth .left .title .more a:hover { text-decoration:none; color:#ff6600; }
#fifth .left .title a { color:#ffffff; }
#fifth .left .title a:hover { text-decoration:underline; }
#fifth .left a { color:#ffffff; }
#fifth .left a:hover { text-decoration:underline; }
#fifth .left .bigimg { width:235px; height:196px; float:left; padding-left:13px; padding-top:10px; }
#fifth p { margin:0px; background:url(../images/eastern/line5.gif) repeat-x left bottom; padding-bottom:10px; text-indent:24px; }
#fifth .txtlist { width:195px; float:right; padding-right:8px; padding-top:10px; }
#fifth .txtlist ul { float:left; padding:10px 0px 0px 10px; }
#fifth h3 { margin-bottom:10px; display:block; text-align:center; }
#fifth h3 a { font-size:14px; }
#fifth .txtlist li { background:url(../images/eastern/point2.gif) no-repeat left center; padding:1px 0px 1px 8px; }
#fifth .right .title { width:452px; height:60px; background:url(../images/eastern/hrsbg.jpg) no-repeat right top; clear:both; }
#fifth .right .title h2 { width:135px; display:block; float:left; }
#fifth .right .title .keyword { width:240px; height:45px; float:left; padding-top:15px; padding-left:20px; }
#fifth .right .title .more { width:37px; float:left; padding-top:14px; }
#fifth .right .title .more a { width:37px; height:19px; display:block; background:url(../images/eastern/morebg.gif); text-align:center; line-height:19px; }
#fifth .right .title .more a:hover { text-decoration:none; color:#ff6600; }
#fifth .right .title a { color:#ffffff; }
#fifth .right .title a:hover { text-decoration:underline; }
#fifth .right a { color:#000000; }
#fifth .right a:hover { text-decoration:underline; }
#fifth .imglist { width:100%; height:165px; clear:both; display:block; overflow:hidden; padding-top:25px; }
#fifth .imglist li { float:left; width:133px; display:block; padding-left:13px; }
#fifth .imglist img { border:3px #d3bdaf solid; }
#fifth .imglist span { display:block; text-align:center; width:127px; padding-top:5px; }
#fifth .imglist span a { color:#000000; }
#fifth .imglist span a:hover { text-decoration:underline; }
#fifth .right .bignews { width:419px; height:204px; border:3px #ffffff solid; overflow:hidden; margin:0 auto; background:url(../images/eastern/bg2.jpg); padding-right:2px; clear:both; }
#fifth .right .bignews img { float:left; margin-right:10px; }
#fifth .right .bignews h3, #fifth .right .bignews p { text-align:left; background:none; line-height:22px; }
#fifth .right .bignews span { float:right; }