@charset "utf-8";
#content{
   margin: 0px auto;
    width: 100%;
    height: auto;
}
#content DIV#item1{
   height: 740px;
}
#content DIV#item2{
   background: url(../zp/001.jpg) no-repeat center 50%;
    height: 745px;
}
#content DIV#item3{
   background: url(../zp/002.jpg) no-repeat center 50%;
    height: 745px;
}
#content DIV#item4{
   background: url(../zp/003.jpg) no-repeat center 50%;
    height: 700px;
}
#content DIV#item5{
   background: url(../zp/004.jpg) no-repeat center 50%;
    height: 700px;
}
#content DIV#item6{
   background: url(../zp/005.jpg) no-repeat center 50%;
    height: 600px;
}
#content DIV#item7{
   background: url(../zp/006.jpg) no-repeat center 50%;
    height: 650px;
}
#content DIV H1{
   color: #fff;
    font-size: 36px;
}
#menu{
   z-index: 999999;
    position: fixed;
    margin-top: -135px;
    width: 88px;
    height: auto;
    top: 50%;
    right: 15px;
}
#menu UL{
   list-style-type: none;
    display: block;
    list-style-image: none;
}
#menu UL LI A{
   text-align: left;
    width: 88px;
    display: block;
    background: url(../zp/d002.png) no-repeat left top;
    height: 30px;
    color: #32c96a;
}
#menu UL LI .d1:hover{
   line-height: 30px;
    background: url(../zp/d003.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d2:hover{
   line-height: 30px;
    background: url(../zp/d004.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d3:hover{
   line-height: 30px;
    background: url(../zp/d005.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d4:hover{
   line-height: 30px;
    background: url(../zp/d006.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d5:hover{
   line-height: 30px;
    background: url(../zp/d007.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d6:hover{
   line-height: 30px;
    background: url(../zp/d008.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d7:hover{
   line-height: 30px;
    background: url(../zp/d009.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d1.cur{
   line-height: 30px;
    background: url(../zp/d003.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d2.cur{
   line-height: 30px;
    background: url(../zp/d004.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d3.cur{
   line-height: 30px;
    background: url(../zp/d005.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d4.cur{
   line-height: 30px;
    background: url(../zp/d006.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d5.cur{
   line-height: 30px;
    background: url(../zp/d007.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d6.cur{
   line-height: 30px;
    background: url(../zp/d008.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI .d7.cur{
   line-height: 30px;
    background: url(../zp/d009.png) no-repeat left top;
    height: 30px;
    color: #fff;
}
#menu UL LI A:hover{
   line-height: 30px;
    height: 30px;
    color: #fff;
}
#menu UL LI A.cur{
   background: url(../zp/d003.png) no-repeat left 50%;
    color: #fff;
}