@charset "utf-8";
/* CSS Document */
.allbody {
position: absolute;
margin:auto;
100%;
z-index: 1;
background-color: #FFF;
vertical-align: middle;
text-align:center;
font-size: 18px;
left: 0px;
top: 0px;
}
#bgnav {
position:relative;
margin:auto;
top:0px;
left:0px;
960px;
height: 50px;
z-index: 2;
}
#shangbiaoti {
position:relative;
margin:auto;
top:0px;
left:0px;
960px;
height: 50px;
z-index: 1;
}
#logo{
position:relative;
height:50px;
150px;
z-index: 1;
}
#denglu{
position: relative;
height: 50px;
810px;
top:-50px;
left:150px;
z-index: 2;
line-height:100px;
font:bold 14px "微软雅黑" ;
text-align:right;
line-height:65px;
}
.daohang {
position: relative;
float:left;
160px;
height: 48px;
z-index: 1;
line-height:10px;
font:bold 17px "微软雅黑" ;
line-height:65px;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
}
#zhongdi {
position:absolute;
left:0px;
top:60px;
960px;
height: 660px;
z-index: 2;
background-color: #FFF;
}
#dia {
position: absolute;
960px;
height: 80px;
z-index: 3;
background-color: #FFF;
}
#zhonga {
position: absolute;
top:80px;
615px;
height: 290px;
z-index: 3;
background-color:#F9F;
}
#zhongb {
position: absolute;
top: 80px;
left: 630px;
330px;
height: 185px;
z-index: 3;
background-color: #F9F;
}
#zhongc {
position: absolute;
top: 278px;
left: 630px;
330px;
height: 185px;
z-index: 3;
background-color: #F9F;
}
#zhongd {
position: absolute;
top: 475px;
left: 630px;
330px;
height: 185px;
z-index: 3;
background-color: #F9F;
}
#zhonge {
position: absolute;
top: 380px;
300px;
height: 280px;
z-index: 3;
background-color: #F9F;
}
#zhongf {
position: absolute;
top: 380px;
left:315px;
300px;
height: 280px;
z-index: 3;
background-color: #F9F;
}
#di {
position:absolute;
left:0px;
top:730px;
960px;
height: 670px;
z-index: 2;
background-color:#fff;
}
#dib {
position: absolute;
left: 0px;
264px;
height: 600px;
z-index: 3;
background-color: #FFF;
}
#dic {
position: absolute;
left: 281px;
672px;
height: 618px;
z-index: 3;
background-color: #FFF;
border: 2px solid #CCC;
list-style: none;
text-align: left;
}
#die {
position: absolute;
top: 0px;
left: 0px;
260px;
height: 310px;
z-index: 3;
background-color:#CCC;
border: 2px solid #CCC;
line-height:30px;
text-align:left;
}
#dif {
position:relative;
top: 329px;
left: 0px;
260px;
height: 287px;
z-index: 3;
background-color: #CCC;
border: 2px solid #CCC;
}
#zi{
position:absolute;
670px;
height: 20px;
z-index: 3;
background-color: #FFF;
}
#wena{
position:absolute;
top:30px;
670px;
height: 188px;
z-index: 3;
background-color: #FFF;
border: 2px solid #CCC;
}
#wenb{
position:absolute;
top:228px;
670px;
height: 188px;
z-index: 3;
background-color: #FFF;
border: 2px solid #CCC;
}
#wenc{
position:absolute;
top:426px;
float: inherit;
670px;
height: 188px;
z-index: 3;
background-color: #FFF;
border: 2px solid #CCC;
}
.tu{
position: absolute;
190px;
height: 190px;
z-index: 3;
background-color: #FFF;
}
.wenzi{
position: absolute;
left: 190px;
480px;
height: 188px;
z-index: 3;
background-color: #FFF;
text-align: justify;
}
#ban {
position:absolute;
bottom:0px;
height:630px;
960px;
height: 48px;
z-index: 4;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
text-align:center;
line-height:70px;
}
#zuidi {
position:relative;
margin:auto;
bottom:0px;
height:630px;
960px;
height: 48px;
z-index: 4;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
text-align:center;
line-height:70px;
}
#maodian {
position:fixed;
100px;
height: 100px;
z-index: 3;
background-color: #FFF;
right:0px;
bottom:0px;
}
<style>
img{border:0}/* css 注释说明：设置图片边框为0 */
#zhonga{ position:absolute;615px; height:290px;}
#zhonga a,#zhonga span{display:none; text-decoration:none}
#zhonga:hover{cursor:pointer}
#zhonga:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
z-index:100; left:0; display:block;}
#zhonga:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;615px;
z-index:10;height:160px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */
</style>
#zhongb{ position:absolute;330px; height:185px;}
#zhongb a,#zhongb span{display:none; text-decoration:none}
#zhongb:hover{cursor:pointer}
#zhongb:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
z-index:100; left:0; display:block;}
#zhongb:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;330px;
z-index:10;height:185px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */
</style>
</style>
#zhongc{ position:absolute;330px; height:185px;}
#zhongc a,#zhongc span{display:none; text-decoration:none}
#zhongc:hover{cursor:pointer}
#zhongc:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
z-index:100; left:0; display:block;}
#zhongc:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;330px;
z-index:10;height:185px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */
</style>
</style>
#zhongd{ position:absolute;330px; height:185px;}
#zhongd a,#zhongd span{display:none; text-decoration:none}
#zhongd:hover{cursor:pointer}
#zhongd:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
z-index:100; left:0; display:block;}
#zhongd:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;330px;
z-index:10;height:185px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */
</style>
</style>
#zhonge{ position:absolute;300px; height:280px;}
#zhonge a,#zhonge span{display:none; text-decoration:none}
#zhonge:hover{cursor:pointer}
#zhonge:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
z-index:100; left:0; display:block;}
#zhonge:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;300px;
z-index:10;height:280px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */
</style>
</style>
#zhongf{ position:absolute;300px; height:280px;}
#zhongf a,#zhongf span{display:none; text-decoration:none}
#zhongf:hover{cursor:pointer}
#zhongf:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
z-index:100; left:0; display:block;}
#zhongf:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;300px;
z-index:10;height:280px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */
</style>
a{
text-decoration:none;
}
a:link {
color:#000;
text-decoration:none;
}
a:visited {
color:#000;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:none;
}
a:active {
color:#000000;
text-decoration:none
}
.allbody2 {
position: absolute;
100%;
height:auto;
z-index: 1;
background-color: #FFF;
vertical-align: middle;
font-size: 18px;
left: 0px;
top: 0px;
}
#yi {
position:relative;
margin:auto;
left:0px;
top:0px;
960px;
height: 460px;
z-index: 2;
background-color: #FcF;
}
#er {
position:relative;
margin:auto;
left:0px;
top:0px;
960px;
height: 2107px;
z-index: 2;
background-color:#FCF;
}
#san {
position: absolute;
right: 0px;
top: 0px;
311px;
height: 2099px;
z-index: 2;
background-color: #CCC;
border: 2px solid #CCC;
}
.SI {
position:absolute;
left: 0px;
top: 0px;
645px;
height: 2107px;
z-index: 2;
background-color: #fff;
line-height:30px;
}