@charset "utf-8";
*{margin:0;padding:0}
body{font:12px Arial;background:#fffbf7 url(bg.gif) 50% 0 repeat-x;color:#333}
img{border:0;}
ul,ol{list-style:none}
a{text-decoration:none;color:#666}
a:hover{color:#006}

/*By Gonten*/

.aalist{margin:10px;}
.aalist a{width:160px; height:25px; display:inline-block; float:left; margin:0 8px; text-align:center; background:url(aa.gif) no-repeat; font-size:14px; font-weight:bold; padding-top:14px;}

/*By Gonten end*/
/*=layout*/
#page{}
#header{position:relative;padding:20px 0 10px;zoom:1}
#wrap{width:960px;margin:0 auto 10px;background:url(wrap.gif) 0 0 repeat-y;}
.index #wrap{background:none;margin:0 auto}
#wrap .inner{background:url(wrapinner.gif) no-repeat 0 bottom}
#main{float:left;width:748px;background:url(main.gif) no-repeat}
#side{float:right;width:212px;background:url(side.gif) no-repeat;padding:0 0 15px}
#footer{text-align:center;zoom:1;overflow:hidden;height:86px;background:url(footer.gif) 50% 10px no-repeat;padding:10px 0 20px;}

/*=header*/
#header .inner{width:960px;margin:0 auto;}
#topbar{float:right;width:760px;height:75px;background:url(topbar.gif) 0 5px no-repeat;padding:5px 0 0}
#topbar #loginfrm{float:right;width:195px;padding:5px 10px;position:relative}
#topbar #loginfrm label{display:block;padding:5px 0}
#topbar #loginfrm .txt{width:110px}
#topbar #loginfrm .btn{border:none;background:none;position:absolute;top:13px;right:10px;width:30px;height:20px;overflow:hidden}
#topbar #loginfrm .reg{top:47px;right:7px;height:auto;width:auto;}
#topbar .banner{float:left;width:530px;height:60px;background:#e6d6c3;margin:8px 0 0 8px;_margin-left:4px}
#topbar .banner img{width:530px;height:60px;display:block}
#header .rolltxt{padding:10px 0;width:100%;display:block;height:20px;clear:both;}
#logo{float:left;width:200px;}
#logo a{display:block;width:198px;height:87px;text-indent:-999px;background:url(logo.gif)}
#menu{height:72px;background:url(menu.gif) 50% 0  no-repeat;}
#menu ul{height:66px;padding:6px 0 0 4px;width:940px;margin:0 auto;overflow:hidden}
#menu ul li{float:left;font:bold 14px/40px Arial;padding:0 2px;}
#menu ul li a{color:#FFF;float:left;display:block;width:90px;text-align:center;}
#menu ul li.cur a,#menu ul li a:hover{color:#8a0202;background:url(menu.gif) 0 -72px no-repeat}

/*=index*/
.section{margin:0 0 15px}
.subject{padding:10px 0 0;margin:0 2px 0 0;position:relative;height:30px;background:url(bias.gif) 0 50% repeat-x}
.subject strong{width:219px;height:47px;background:url(title.gif) no-repeat;text-indent:30px;color:#FFF;font:bold 20px/40px "幼圆";position:absolute;left:-15px;top:0}
.subject .more{position:absolute;right:0;top:0;}
.subject a.more{display:block;width:76px;height:14px;overflow:hidden;text-indent:-999px;background:url(more.gif);top:13px;}
.main{float:left;padding:10px;width:730px}
.main .subject strong{left:-25px}
.side{float:right;width:210px;}
.panel{padding:20px 0 0}
.panel .title{background:url(sidetitle.gif) right 0 no-repeat;color:#FFF;font-size:14px;text-indent:15px;height:27px;line-height:27px;position:relative;text-align:left}
.panel .more{position:absolute;right:-7px;top:-4px;display:block;width:34px;height:34px;overflow:hidden;text-indent:-999px;background:url(sidemore.gif) no-repeat}
.txtlist{padding:5px 10px;background:url(sideshadow.gif) right 0 no-repeat}
.txtlist li{border-bottom:1px dashed #a99d8f;height:27px;line-height:27px;overflow:hidden;}
.txtlist li a{color:#222}
.panel .txtlist{margin:10px 0 0}
.panel .content{padding:5px 10px;background:url(sideshadow.gif) right 0 no-repeat;margin:10px 0 0}

#focus{background:url(focus.gif) no-repeat;height:390px;}
#slide{background:#e6d6c3;margin:14px 10px 0 0;float:right;_margin-right:5px;height:360px;width:740px;position:relative;overflow:hidden}
#slide img{height:360px;width:740px;display:block;}
#slideshow{overflow:hidden;zoom:1;}
#slideshow img{position:absolute;top:0;left:0;}
#slidenav{position:absolute;width:740px;bottom:10px;left:0;text-align:center;height:25px;}
#slidenav li{font:bold 12px/25px Arial;display:inline;margin:0 5px;cursor:default}
#slidenav .cur{padding:5px 10px;font-size:15px;background:#F03;color:#FFF;opacity:.5;filter:alpha(opacity=50);zoom:1;*padding:0 10px;}
#contact{float:left;width:210px;}
#contact .subject{margin:15px 0 0;background:none}
#qq{padding:85px 0 0;background:url(contact.gif) no-repeat 50% 8px;text-align:center;color:#F60;font:bold 14px Arial;height:120px}
#qq p{padding:6px 0 0}
#qq img{margin:0 15px -5px 0}
#branch{height:107px;background:url(branch.gif) 49% 0 no-repeat;padding:10px 0 0;}
#branch img{height:94px;width:175px;display:block;margin:0 auto}

#topics{background:url(topics.gif) no-repeat;height:210px;padding:10px 0 0}
#topics dl{padding:10px 10px 0;float:left;width:460px;}
#topics dl img{float:left;width:105px;height:105px;margin:0 20px 0 0}
#topics dl dt a{font-size:14px;color:#F60}
#topics dl dd{line-height:1.7}
#topics dl dd.time{color:#999;padding:3px 0}

#newinfo{background:url(newsinfo.gif) no-repeat;height:480px;}
#newinfo .gallery{width:730px;}
.gallery li{float:left;width:182px;text-align:center;padding:12px 0 0;height:196px;background:url(picbg.gif) no-repeat 8px 9px}
.gallery li img{display:block;margin:0 auto 5px;height:165px;width:156px;border:1px solid #ddd;}
.gallery li a{font-weight:bold;color:#F36}
.gallery li a:hover{background:#F36;color:#FFF;display:block;width:160px;margin:0 auto;padding:3px;position:relative;top:-3px}
#news img{width:185px;height:115px;margin:10px auto;display:block}

#banner{padding:0 0 5px;background:url(adbanner.gif) 0 bottom no-repeat;width:960px;margin:0 auto 15px;}
#banner img,#banner embed{display:block;height:130px;border:1px solid #ccc;width:958px;background:#FFF}

#mixinfo{background:url(mixinfo.gif) no-repeat;height:480px;}
#mixinfo .subject{background:none}
#activity img{display:block;width:185px;height:80px;margin:10px auto;}
#intro .subject .more{font:20px "黑体";top:10px}
#intro .subject .more *{color:#F36}
#intro .subject .more i{font-family:Georgia}
#intro .content{overflow:hidden;zoom:1;padding:10px 0;font:13px/1.8 Arial}
#intro img{width:160px;height:130px;float:left;margin:0 10px 0 0}
#price{padding:15px 0 0}
#price .subject .more{font:12px Arial;top:25px;right:20px}
#price dl{float:left;width:230px;margin:15px 6px 0;position:relative;_margin:15px 5px 0}
#price dl img{display:block;width:230px;height:130px;margin:0 0 5px}
#price dl dt{font:bold 19px/25px "黑体";}
#price dl dt a{color:#222}
#price dl dd{line-height:1.6;}
#price dl dd.price{position:absolute;right:0;top:133px;font:bold 20px Arial;color:#ff546a}
#price dl dd.price span{font-size:14px}
#price dl dd.price sup{font:bold 14px "黑体";margin:0 0 0 3px;display:none}
#price dl:hover{background:#ffebee}
#price dl:hover dt,#price dl:hover dd{padding:0 5px;}
#price dl:hover dd sup{display:inline}

#sights{background:url(sights.gif) no-repeat;height:480px;padding:10px 0 0;margin:0}
#sights ul{padding:2px 0 0}
#sights ul li{overflow:hidden;zoom:1;padding:7px 10px;height:130px;overflow:hidden}
#sights ul li img{width:700px;height:130px;display:block;float:right;margin:0 0 0 10px;}
#sights ul li h4{font:18px "黑体";}
#sights ul li h4 a{color:#C60}
#sights ul li p{line-height:1.8;height:105px;overflow:hidden; text-align:justify;text-justify :distribute-all-lines}

#mixlist{background:url(mixlist.gif) no-repeat;height:356px;padding:0 7px 0 135px}
#mixlist .txtlist{background:none;}
#bloglist{float:left;width:300px;padding:20px 0 0}
#bloglist h4{display:none}
#bloglist ul{margin:0 10px 0 0}
#bloglist ul li{position:relative}
#bloglist ul li span{position:absolute;top:0;right:0;color:#a19588}
#adlist{float:left;width:300px;text-align:center}
#adlist img{display:block;margin:10px auto 0;width:250px;height:90px;border:3px solid #fff}
#bbslist{padding:10px 0 0}
#bbslist ul{margin:15px 0 0}

.clear{clear:both}

/*=main*/
#guide{margin:10px 0 0;background:none}
#guide .more{top:15px;right:15px}
#content{padding:10px 20px;clear:both}
#title{padding:15px 0;text-align:center;border-bottom:1px dashed #ddd;margin:0 0 5px}
#title h1{font:bold 24px "黑体";color:#630}
#title h4{font:12px arial;padding:15px 0 0;color:#666}
#title p{background:#e8c6da url(sitelink.gif) 0 50% repeat-x;padding:5px 0 3px;color:#600}
#panel{position:relative;padding:20px 0 15px 320px;height:165px;font-size:14px}
#panel a.zoom{position:absolute;left:10px;top:20px;width:280px;height:150px;padding:5px;display:block;border:1px solid #999}
#panel a.zoom img{display:block;margin:0 auto;height:100%;max-width:100%}
#panel dt{padding:20px 0 0}
#panel dd{margin:15px 0 0}
#text{line-height:1.8;padding:10px 0;font-size:14px; width:705px; overflow:hidden;}
#text img{}
#text p{margin:5px 0}
#pagenav{position:relative;border-top:1px dashed #DDD;padding:15px 10px 5px}
#pagenav a{width:45%;display:block;color:#666}
#pagenav .next{position:absolute;right:10px;text-align:right;top:15px;}
#pagebar{text-align:center;padding:15px 0 5px;clear:both;color:#666}
#pagebar a{color:#666}
#pagenav a:hover,#pagebar a:hover{color:#360}

.arlist ul li{padding:10px 0;border-bottom:1px dashed #DDD;position:relative;line-height:1.6;color:#666}
.arlist ul li span,.arlist ul li strong{position:absolute;right:0;top:13px;font:12px Arial;color:#111}
.arlist ul li h4 a{color:#F33;font-size:14px;}
.arlist ul li a:hover{color:#F30}
.arlist ul li a span{position:static}
.arlist ul li img{width:700px;height:130px;display:block;border:4px solid #eee;margin:0 0 5px}

.prolist{padding:10px!important}

.product{border:3px solid #D9388F;background:#000 url(03.gif) repeat-x}
.info{padding:15px 10px;text-align:right;overflow:hidden;zoom:1}
.info h3{font:12px Arial;float:left}
.product #title *{color:#FFF;}
.product #text{padding:10px 20px}
.product #text img{display:block;margin:10px 0;max-width:910px}

/*=side*/
#side #qq{background:none;padding:20px 0 0;height:auto}
#navbar{font-size:14px;line-height:2;padding:20px 10px 0}
#side #gallery{text-align:center;}
#side #gallery .title{text-align:center;font-weight:bold;cursor:pointer}
#side #gallery .imglist{height:580px;overflow:hidden;margin:10px 0;position:relative}
#side #gallery .innerlist{position:relative}
/*#side #gallery p{padding:0px 0;background:url(sideshadow.gif) no-repeat right 0}*/
#side #gallery p{padding:0px 0;}
#side #gallery a{width:120px;height:120px;display:block;margin:15px auto 15px auto;border:3px solid #CCC;overflow:hidden;position:relative; background-color:#FFF}
#side #gallery a.cur{border-color:#F30}
#side #gallery a img{width:100%;position:relative; margin-bottom:8px;}

#newworks li{height:210px;}

/*=footer*/
#footer h3{padding:15px 0 25px}
#footer *{font:12px Arial;color:#666;word-spacing:5px;}