/* 2009-9-6 */
body { margin:0px; background:#FFFFFF}
#top { float:top; width:950px; height:106px; background:url(/templates/images/top.png); margin:0px auto; }
#top .logo{ float:left; width:306px; height:106px; }
#top .center{ float:left; width:284px; height:106px; }
#top .quick{ float:left; width:360px; height:106px; background:url(/templates/images/quick.png) }
#top .quick .link { margin-top:70px; height:10px; width:360px;}
#top .quick .link a{ color:#FFFFFF;  text-decoration:none; font-size:12px; }
#top .quick .link .zxjz { float:left; margin-left:20px}
#top .quick .link .tingke { float:left;margin-left:38px}
#top .quick .link .zx { float:left;margin-left:38px}
#top .quick .link .bm { float:left;margin-left:38px}


#dh { float:top; width:900px; height:36px; background:url(/templates/images/dh.png); margin:0px auto; text-align:center; padding-left:50px;  }
#dh li { list-style-type:none; float:left; margin:10px 0 0 10px;}
#dh a { color:#FFFFFF; text-decoration:none; margin-left:16px; font-size:13px}

#content { float:top; width:950px; height:303px; background:url(/templates/images/content-1.png) no-repeat; margin:0px auto}
#content .left { float:left; width:678px; height:303px;}
#content .left .picture{ float:top; width:678px; height:250px;background:url(/templates/images/img-back.png) 15px 17px no-repeat}
#content .left .picture .images { width:640px; height:222px; padding:20px 0 0 21px}
#content .left .button{ float:top; width:678px; height:53px;}
#content .left .button .button-on { float:left; width:36px; height:36px;background:url(/templates/images/o-2.png) no-repeat; font-size:14px; font-weight:bold; color:#7d002f; font-family:Arial, Helvetica, sans-serif; padding:10px 0 0 13px}
#content .left .button .button-off { float:left; width:31px; height:33px;background:url(/templates/images/o-1.png) no-repeat; font-size:12px; font-weight:bold; color:#666666; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0 11px}

#ad { float:top; width:950px; height:28px; margin:0px auto; }
#ad .adimg { float:left; width:227px; height:28px;}
#ad .adcontent { float:left; width:650px; height:28px;}

#content .left .button .button-left { float:left; margin-left:2px; margin-top:10px; width:388px; height:53px; font-size:16px; padding-left:30px;}
#content .left .button .button-right { float:left; width:220px; height:53px;}

#content .right { float:left; width:272px; height:303px;}
#content .right .fx { float:top; width:272px; height:251px; background:url(/templates/images/fx-back.png) 0 19px no-repeat}
#content .right .fx .title { float:top; height:20px; font-size:14px; padding:30px 0 0 18px}
#content .right .fx .fx-list{ float:top; height:180px; font-size:13px; padding-left:20px; width:230px; line-height:26px }
#content .right .fx .fx-list li{ list-style-type:none; width:43px; float:left}
#content .right .fx .fx-list a{ color:#0b4ab3}
#content .right .joinus { float:top; width:272px;height:46px;background:url(/templates/images/joinus.png) no-repeat}
#content .right .joinus .link { width:100px; height:20px; padding:12px 0 0 88px;}
#content .right .joinus .link a { color:#000000; text-decoration:none}


#news { float:top; width:950px; height:400px;  margin:0px auto}
#news .classlist{ float:left; width:184px; padding-left:18px; font-size:14px}
#news .classlist .list-on{ float:top; width:173px; height:24px;background:url(/templates/images/leftdh-1.png) no-repeat; color:#FFFFFF; padding:6px 0 0 10px;}
#news .classlist .list-off{ float:top; width:163px; height:24px;background:url(/templates/images/leftdh-2.png) no-repeat;  padding:6px 0 0 20px}
#news .newslist{ float:left; width:736px; margin-right:-3px; border-top:#e1e2e1 solid 1px}
#news .newscontent{ float:top; width:717px; height:170px; border:#CCCCCC 1px solid; margin:14px 0 0 16px}
#news .newscontent .contenttitle { float:top; width:709px; height:23px; background:#eff9e5; padding:5px 0 0 8px; font-size:14px}
#news .newscontent .contenttitle2 { float:top; width:709px; height:23px; background:#f9efe5; padding:5px 0 0 8px;font-size:14px}
#news .newscontent .content-down { float:top; width:717px; height:145px}
#news .newscontent .content-images { float:left; width:190; height:115px; margin:10px 0 0 20px} 
#news .newscontent .content-list { float:left; width:470px; height:115px; margin:10px 0 0 15px;}
#news .newscontent .content-list li { float:left; font-size:12px; line-height:20px; list-style-type:none; padding-left:10px; background:url(/templates/images/dot.png) 0 8px no-repeat; width:210px }
#news .newscontent .content-list .long { float:top; font-size:12px; line-height:20px; list-style-type:none; padding-left:10px; background:url(/templates/images/dot.png) 0 8px no-repeat; width:420px }
#news .newscontent .content-list a { color:#333333; text-decoration:none }


#foot { float:top; width:950px; height:185px;  background:url(/templates/images/foot.png) no-repeat; margin:0px auto}
#foot .nothing {float:top; width:950px; height:73px}
#foot .copyright { float:top; width:950px; height:100px; text-align:center; font-size:12px; color:#666666; line-height:18px}
#foot .copyright a{ color:#333333;  text-decoration:none;  }

/*article.htm*/
#content2 { float:top; width:950px;background:url(/templates/images/content-1.png) no-repeat; margin:0px auto;height:auto!important; min-height:743px;overflow:hidden;}
#content2 .left{ float:left; width:675px;height:auto!important; min-height:743px;overflow:hidden;}
#content2 .left .thisis{ float:top; width:665px; height:17px; padding:19px 0 0 10px; font-size:12px; color:#535353}
#content2 .left .title{ float:top; font-size:15px; font-weight:bold; width:667px; height:23px; padding:20px 0 0 8px;background:url(/templates/images/title.png) 0 16px no-repeat; color:#3a0346}
#content2 .left .text{ float:top; width:607px;height:auto!important; min-height:600px; padding:20px 30px 0 30px; color:#333333; font-size:14px}

#content2 .right{ float:left; width:275px; height:743px;}
#content2 .right .telinfo {float:top; width:267px; height:280px;background:url(/templates/images/telinfo.png) no-repeat;}
#content2 .right .telinfo .phone { float:top; width:237px; height:50px; padding:40px 0 0 30px; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
#content2 .right .telinfo .phone .number{padding-top:12px;}
#content2 .right .telinfo .qq { float:top; width:237px; height:60px; padding:12px 0 0 30px;text-align:center}
#content2 .right .telinfo .qq  li{ float:left; width:100px; list-style-type:none}
#content2 .right .telinfo .baoming { float:top; width:257px; height:60px; text-align:center }
#content2 .right .telinfo .baoming li{list-style-type:none}

#content2 .right .info {float:top;width:267px; height:207px;background:url(/templates/images/info.png) no-repeat;}
#content2 .right .info .infotitle { float:top; padding:20px 0 0 20px; height:30px;font-size:13px;}
#content2 .right .info .infotext { float:top; padding:0 0 0 30px; font-size:12px; line-height:18px}
#content2 .right .info .infotext a { color:#333333; text-decoration:none}
#content2 .right .ad {float:top; width:258px; height:250px;background:url(/templates/images/ad.png) no-repeat; padding:6px 0 0 9px}
/*list.htm*/
#content2 .left .listtitle { text-align:center; width:625px; height:20px; font-size:14px; border-bottom:#CCCCCC 1px solid; }
#content2 .left li{ font-size:14px; list-style-type:none; line-height:30px; border-bottom:#CCCCCC 1px solid; padding-left:16px}
#content2 .left a {color:#333333; text-decoration:none}


.friendlink { float:left; margin-right:20px; font-size:13px; text-decoration:none; color:#666666; line-height:20px; min-width:100px}
.friendlink:hover { color:#FF0000; text-decoration:underline}

/*booklist*/
.book { float:left; width:300px; height:130px; }
.book .bookimg { float:left; width:80px; height:100px; padding:10px 20px 0 20px}
.book .booktext { float:left; width:180px; height:80px; line-height:20px; margin-top:10px }
/*buy-book*/
.buybook { float:left; width:600px; }
.buybook .bookimg { float:left; width:120px; height:200px; padding:10px 20px 0 20px}
.buybook .booktext { float:left; width:440px; height:200px; line-height:20px; margin-top:10px;}
.buybook .summary { float:top; width:580px;height:auto!important; min-height:10px;}


/*pagesplit*/
.pagesplit { float:top; width:600px; height:30px; margin-top:20px}