@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-size:11px; font-family:Arial; color:#333;}
img { border:none; vertical-align:middle;}
a { text-decoration:none; cursor:pointer;}
#head { height:34px; overflow:hidden; margin:55px auto 0; zoom:1; width:815px;}
#head .logo { width:340px; float:left; height:34px;}
#head .right { width:430px; height:30px; float:right; background:url(../images/head-bg.gif) 0 bottom repeat-x; text-align:right}
#head .right img { width:24px; height:24px; margin-right:25px;}


#main { margin:45px auto 0; overflow:hidden; width:815px;}
#main .sideleft { width:190px; float:left; background:url(../images/bg.gif) right 10px no-repeat; height:460px; overflow:hidden; margin:30px 60px 0 0; display:inline; line-height:50px; text-align:right;}
#main .sideleft a { color:#999;}
#main .sideleft a:hover { text-decoration:none;}
#main .sideleft ul { margin:0; padding:0; list-style:none;}
#main .sideleft ul li { width:90px; height:90px; float:left; margin:0 1px 1px 0}
#main .sideleft ul li a { display:block; width:90px; height:90px; text-decoration:none}
#main .sideleft ul li.one a { background:url(../images/gree.gif) 0 0 no-repeat;}
#main .sideleft ul li.two a { background:url(../images/gree.gif) 0 -90px no-repeat;}
#main .sideleft ul li.three a { background:url(../images/gree.gif) 0 -180px no-repeat;}
#main .sideleft ul li.four a { background:url(../images/gree.gif) 0 -270px no-repeat;}
#main .sideleft ul li.five a { background:url(../images/gree.gif) 0 -360px no-repeat;}
#main .sideleft ul li.six a { background:url(../images/gree.gif) 0 -450px no-repeat;}

#main .sideleft ul li.one a:hover { background:url(../images/purple.gif) 0 0 no-repeat;}
#main .sideleft ul li.two a:hover { background:url(../images/yellow.gif) 0 -90px no-repeat;}
#main .sideleft ul li.three a:hover { background:url(../images/blue.gif) 0 -180px no-repeat;}
#main .sideleft ul li.four a:hover { background:url(../images/pink.gif) 0 -270px no-repeat;}
#main .sideleft ul li.five a:hover { background:url(../images/gree2.gif) 0 -360px no-repeat;}

#main .sidecenter { width:435px; float:left; overflow:hidden; margin:45px 0 0; _height:550px; min-height:550px;}
#main .sidecenter span.m {font-size:40px; color:#3a7b5b;}
#main .sidecenter span.title { font-size:16px; color:#3a7b5b;}
#main .sidecenter p { margin:20px 0; padding:0; line-height:18px;}
#main .sidecenter .ab { width:435px;}

#main .sidecenter .about {height:135px; overflow:hidden; zoom:1; width:435px;}
#main .sidecenter .about .pic { width:156px; height:123px; background:url(../images/person.gif) 0 0 no-repeat; margin:0 15px 0 0; float:left; display:inline; }
#main .sidecenter .about .right { float:left; width:260px; padding:5px 0 0;}
#main .sidecenter .about .right span { font-size:24px; color:#3a7b5b; font-weight:normal;}
#main .sidecenter .about .right ul { margin:0; padding:15px 0 0; list-style:none;}
#main .sidecenter .about .right ul li { background:url(../images/dian.gif) 0 8px no-repeat; padding: 0 0 0 10px; line-height:17px;}
#main .sidecenter .mapbar { overflow:hidden; height:104px; margin:20px 0 0}
#main .sidecenter .mapbar img { float:left; margin-right:22px; display:inline;}

#main .sideright { float:right; width:130px;}
#main .sideright ul { margin:0; padding:0; list-style:none;}
#main .sideright ul li { height:13px; margin-bottom:5px; line-height:13px; width:100px; padding:0 0 0 26px;}
#main .sideright ul li a { color:#27503e;}
#main .sideright ul li a:hover { text-decoration:underline;}
#main .sideright ul li.s { color:#fff; background:url(../images/li-title.gif) 0 0 no-repeat;}
#main .sideright ul li.s a { color:#fff; text-decoration:none;}

#add { width:815px; height:40px; color:#999; margin:0 auto; font-size:10px;}
#foot { width:980px; margin:0 auto; background:url(../images/foot-bg.gif) 0 0 repeat-y; height:18px; border:1px solid #1c6436;}