body { margin:0 auto; background:url(../images/bg.jpg);}
* {margin:0px; padding:0px;}
.bg {width:100%; height:865px; background:url(../images/%E7%A7%BB%E5%8A%A8%E4%B8%8B%E8%BD%BD_02.jpg); float:left;}
.top {width:982px; height:87px; display:block; margin:0 auto;}
.logo {width:280px; height:88px; background:url(../images/top_logo.jpg) no-repeat; display:block; float:left; margin-left:20px;}
.tubiao {width:120px; height:88px; background:url(../images/tubiap.jpg);display:block; float:right;}
.banner {width:982px; height:603px; display:block; background:url(../images/banner.png); margin:0 auto; margin-top:15px;}
.download {width:983px; height:88px; display:block; background:#FFF; margin:0 auto;}
.a1 {width:245px; height:99px; display:block; background:url(../images/1.jpg); float:left;}
.a1:hover {width:245px; height:99px; background:url(../images/1_1.jpg); float:left;}

.a2 {width:245px; height:99px; display:block; background:url(../images/2.jpg); float:left; margin-left:1px;}
.a2:hover {width:245px; height:99px; background:url(../images/2_1.jpg); float:left;}
.a3 {width:245px; height:99px; display:block; background:url(../images/3.jpg); float:left;  margin-left:1px;}
.a3:hover {width:245px; height:99px; background:url(../images/3_1.jpg); float:left;}
.a4 {width:245px; height:99px; display:block; background:url(../images/4.jpg); float:left;  margin-left:1px;}
.a4:hover {width:245px; height:99px; background:url(../images/4_1.jpg); float:left;}
.di {width:983px; height:40px; margin:0 auto; display:block; margin-top:20px; font-size:12px; text-align:center;}