body { width: 100%; height: 100%; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
html { overflow-x: hidden;}
.main{ width: 1024px; height: 780px; margin: 0px auto; background:url(image/bg.gif) no-repeat; }
.main .left{ width: 757px; height: 61px; margin-bottom: 2px; *margin-bottom: 0px; float: left; }
#a1 { width: 86px; }
#a1:hover { height: 61px; background-position: 0px -19px; }
#a2 { width: 114px; background-position: -86px 0px; }
#a2:hover { height: 61px; background-position: -86px -19px; }
#a3 { width: 127px; background-position: -200px 0px; }
#a3:hover { height: 61px; background-position: -200px -19px; }
#a4 { width: 154px; background-position: -327px 0px; }
#a4:hover { height: 61px; background-position: -327px -19px; }
#a5 { width: 151px; background-position: -481px 0px; }
#a5:hover { height: 61px; background-position: -481px -19px; }
#a6 { width: 125px; background-position: -632px 0px; }
#a6:hover { height: 61px; background-position: -632px -19px; }
li{display: inline; list-style-type: none; margin: 0px; padding: 0px; float:left; }
img{ margin: 0px; padding: 0px; float: left; border: 0px; }
.main .right{ width: 262px; height: 780px; float: left; }
.main .right .text{ width: 217px; height: 355px; float: left; margin-top: 50px; }
.main .right .text .left{ width: 197px; height: 355px; float: left; }
.main .right .text .right{ width: 20px; height: 355px; float: left; }
.text .title{ width: 197px; height: 29px; float: left; border-bottom: 1px dashed #FFFFFF; text-align: center; font-size: 16px; color:#FFFFFF; }
.text .content{ width: 192px; height: 295px; float: left; color: #FFFFFF; font-size:13px; line-height:15px; padding: 0px 0px 0px 5px; overflow-y: hidden; }
.text .bottom{ width: 197px; height: 10px; float: left; border-top: 1px dashed #FFFFFF; }