@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
img{ border:0;}
ul{ margin:0; padding:0;list-style:none;}
a{ text-decoration:none;}
body{ background:#008428; font-family:Arial,"MS Gothic", Helvetica, sans-serif; font-size:14px;}
p{ text-align:left; line-height:150%; color:#333333;}

.clear{ clear:both;}
.wrap{ width:817px; height:auto; text-align:center; margin:0 auto; }
.box{background:url(../images/main-bg.jpg) repeat-y; margin-top:15px;}

/*---------------------------------header------------------------------------------*/
.logo{ width:144px; height:91px; margin-top:20px; margin-left:30px; float:left; display:inline;}
.header{ background:url(../images/header-bg.jpg) no-repeat top; height:140px;}
/*-----------------------------------------nav-------------------------------------*/

#navi {width:480px; height:70px; overflow:hidden; background:url(../images/navmenu.jpg) no-repeat left top; display:block; float:right; margin-right:30px; margin-top:40px;display:inline;}
#navi li{display:block; float:left;}
#navi li a{display:block; text-indent:-99999px;overflow:hidden;}
#navi li.nav1,#navi li.nav1 a{width:80px; height:70px;}
#navi li.nav2,#navi li.nav3,#navi li.nav4,#navi li.nav5,#navi li.nav6,#navi li.nav7,#navi li.nav8,#navi li.nav9,#navi li.nav2 a,#navi li.nav3 a,#navi li.nav4 a,#navi li.nav5 a,#navi li.nav6 a,#navi li.nav7 a,#navi li.nav8 a,#navi li.nav9 a{width:100px; height:35px;}
#navi li.nav1 a:hover{background:url(../images/navmenu.jpg) no-repeat 0 -70px;}
#navi li.nav2 a:hover{background:url(../images/navmenu.jpg) no-repeat -80px -70px;}
#navi li.nav3 a:hover{background:url(../images/navmenu.jpg) no-repeat -180px -70px;}
#navi li.nav4 a:hover{background:url(../images/navmenu.jpg) no-repeat -280px -70px;}
#navi li.nav5 a:hover{background:url(../images/navmenu.jpg) no-repeat -380px -70px;}
#navi li.nav6 a:hover{background:url(../images/navmenu.jpg) no-repeat -80px -105px;}
#navi li.nav7 a:hover{background:url(../images/navmenu.jpg) no-repeat -180px -105px;}
#navi li.nav8 a:hover{background:url(../images/navmenu.jpg) no-repeat -280px -105px;}
#navi li.nav9 a:hover{background:url(../images/navmenu.jpg) no-repeat -380px -105px;}

#navi li.nav1 a.current,#navi li.nav1 a.current:hover,#navi li.nav1 a:active{background:url(../images/navmenu.jpg) no-repeat 0 -140px;}
#navi li.nav2 a.current,#navi li.nav2 a.current:hover,#navi li.nav2 a:active{background:url(../images/navmenu.jpg) no-repeat -80px -140px;}
#navi li.nav3 a.current,#navi li.nav3 a.current:hover,#navi li.nav3 a:active{background:url(../images/navmenu.jpg) no-repeat -180px -140px;}
#navi li.nav4 a.current,#navi li.nav4 a.current:hover,#navi li.nav4 a:active{background:url(../images/navmenu.jpg) no-repeat -280px -140px;}
#navi li.nav5 a.current,#navi li.nav5 a.current:hover,#navi li.nav5 a:active{background:url(../images/navmenu.jpg) no-repeat -380px -140px;}
#navi li.nav6 a.current,#navi li.nav6 a.current:hover,#navi li.nav6 a:active{background:url(../images/navmenu.jpg) no-repeat -80px -175px;}
#navi li.nav7 a.current,#navi li.nav7 a.current:hover,#navi li.nav7 a:active{background:url(../images/navmenu.jpg) no-repeat -180px -175px;}
#navi li.nav8 a.current,#navi li.nav8 a.current:hover,#navi li.nav8 a:active{background:url(../images/navmenu.jpg) no-repeat -280px -175px;}
#navi li.nav9 a.current,#navi li.nav9 a.current:hover,#navi li.nav9 a:active{background:url(../images/navmenu.jpg) no-repeat -380px -175px;}


/*------------------------------------main---------------------------------*/
.main{ height:auto;}
/*---------------------------------footer------------------------------*/
.footer{ background:url(../images/footer-bg.jpg) no-repeat bottom; height:90px;}
.footer ul{ margin:0 0 10px 70px;}
.footer ul li{ display:block; float:left; margin:0 10px;}
.footer ul li.address{ width:270px; height:33px;background:url(../images/address.jpg) no-repeat 12px bottom; margin-top:15px; text-indent:-9999px; overflow:hidden;border-left:4px #99ffcc solid;}
.footer ul li.telfax{ width:153px; height:33px;background:url(../images/telfax.jpg) no-repeat 12px bottom; margin-top:15px;text-indent:-9999px; overflow:hidden;border-left:4px #99ffcc solid;}
.footer ul li.fordata{ margin-top:20px;}
.footer ul li.fordata,.footer ul li.fordata a{ width:100px; height:27px; display:block; background:url(../images/index/fordata.jpg) no-repeat left; font-size:0; text-indent:-9099px; }
.footer ul li.fordata a:hover{ width:100px; height:27px; display:block; background:url(../images/index/fordata_a.jpg) no-repeat left;}


/*copyright*/
.copyright{height:40px;background:url(../images/copyright.jpg) no-repeat 320px;  font-size:0; color:#008428;margin-bottom:50px;}
.copyright a{ display:block;width:40px; height:30px;margin-right:80px; margin-left:680px; font-size:0; text-indent:-9999px;color:#004b20;}



/*bgpopo*/
.act_bg{ background:url(../images/act_bg.jpg) repeat-y 170px 330px; }