/* CSS Document */
.allbody {
position:absolute;
margin:auto;
width: 100%;
height: 100%;
z-index: 1;
background-color:#FFF;
text-align:center;
vertical-align:middle;
font-size:18px;
}
#logobiaoti{
position:relative;
margin:auto;
top:0px;
left:0px;
width: 960px;
height: 50px;
z-index: 1;
background-color:#3F3;
}
#bgnav {
position:relative;
margin:auto;
top:0px;
left:0px;
width: 960px;
height: 50px;
z-index: 1;
background-color:#fff;
}
.daohang {
position: relative;
float:left;
width: 160px;
height: 50px;
z-index: 1;
line-height:10px;
font:bold 17px "微软雅黑" ;
line-height:10px;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
}
.guntu{
position:absolute;
top:50px;
width:960px;
height:400px;
z-index: 2;
background:#0F9
}
.wenzi{
position:absolute;
top:400px;
width:960px;
height:100px;
z-index:3;
background:#FFC;
text-align:left
}
.beijing{
position:absolute;
top:100px;
width:960px;
height:50px;
z-index:2;
background:#F39;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/13610%E5%89%AF%E6%9C%AC.jpg)
}
.beitu{
position:relative;
top:50px;
width:960px;
height:350px;
z-index:2;
background:#900;
}
.xiaotubeijing{
position:absolute;
left:10px;
top:5px;
width:940px;
height:340px;
z-index: 3;
background:#FFF;
}
.ldgwz{
position:absolute;
top:40px;
left:10px;
width:300px;
height:250px;
z-index:4;
background:#FFF;
text-align:left
}
.ldgzy{
position:absolute;
top:40px;
left:320px;
width:200px;
height:250px;
z-index:5;
background:#FFF;
text-align:left;}
.ldgtu{
position:relative;
top:40px;
left:530px;
width:190px;
height:250px;
z-index:6;
background:#000;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/bj6.jpg)
}
.ldgtu2{
position:absolute;
top:40px;
left:730px;
width:190px;
height:250px;
z-index: 2;
background:#999;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/bj7.jpg)
}
.ldgtu3{
position:relative;
top:40px;
left:530px;
width:190px;
height:250px;
z-index:6;
background:#000;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sh1.jpg)
}
.ldgtu4{
position:absolute;
top:40px;
left:730px;
width:190px;
height:250px;
z-index: 2;
background:#999;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sh2.jpg)
}
.ldgtu5{
position:relative;
top:40px;
left:530px;
width:190px;
height:250px;
z-index:6;
background:#000;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sc3.jpg)
}
.ldgtu6{
position:absolute;
top:40px;
left:730px;
width:190px;
height:250px;
z-index: 2;
background:#999;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sc5.jpg)
}
.guoji{
position:absolute;
margin:auto;
top:1650px;
width:960px;
height:50px;
z-index:2;
background:#F39;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151026143610%E5%89%AF%E6%9C%AC.jpg)
}
.guotu{
position:relative;
top:50px;
width:960px;
height:350px;
z-index:2;
background:#900;
}
.xiaotuguoji{
position:absolute;
left:10px;
top:5px;
width:940px;
height:340px;
z-index: 3;
background:#FFF;
}
.guojiwz{
position:absolute;
top:40px;
left:10px;
width:300px;
height:250px;
z-index:4;
background:#FFF;
text-align:left
}
.guojizy{
position:absolute;
top:40px;
left:320px;
width:200px;
height:250px;
z-index:5;
background:#FFF;
text-align:left;}
.gjtu{
position:relative;
top:40px;
left:530px;
width:190px;
height:250px;
z-index:6;
background:#000;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151028151757.jpg);
}
.gjtu2{
position:absolute;
top:40px;
left:730px;
width:190px;
height:250px;
z-index: 2;
background:#999;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151028151803.jpg);
}
.gjtu3{
position:relative;
top:40px;
left:530px;
width:190px;
height:250px;
z-index:6;
background:#000;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/103548_kaudkadu_1a3161944b011f6fa77397747004af50.jpg)
}
.gjtu4{
position:absolute;
top:40px;
left:730px;
width:190px;
height:250px;
z-index: 2;
background:#999;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/f3d3572c11dfa9ec3b1a104e67d0f703918fc1b7.jpg)
}
.gjtu5{
position:relative;
top:40px;
left:530px;
width:190px;
height:250px;
z-index:6;
background:#000;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/u=2294871669,1079518425&fm=21&gp=0.jpg)
}
.gjtu6{
position:absolute;
top:40px;
left:730px;
width:190px;
height:250px;
z-index: 2;
background:#999;
background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/u=1074724258,2115065946&fm=21&gp=0.jpg)
}
.dibu{
position:absolute;
top:350px;
width:960px;
height:20px;
z-index:2;
background:#FFF;
}
.maodian{
position:fixed;
left:90%;
top:85%;
width:100px;
height:100px;
background:#fff;
}
.wangzhan{
position:fixed;
left:0px;
top:50%;
width:203px;
height:250px;
background:#fff;
}
.guanggao{
position:fixed;
right:0px;
top:20%;
width:165px;
height:250px;
background:#000;
}
img{border:0}/* css 注释说明：设置图片边框为0 */
.guanggao{ position:fixed;width:165px; height:250px;}
.guanggao a,.guanggao span{display:none; text-decoration:none}
.guanggao:hover{cursor:pointer}
.guanggao:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
z-index:100; left:0; display:block;}
.guanggao:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:165px;
z-index:10;height:90px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */
a:link{
color:#000;
text-decoration:none;
}
a:visited{
color:#000;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:none;
}
#shangbiaoti {
position:relative;
margin:auto;
top:0px;
left:0px;
width: 960px;
height: 50px;
z-index: 1;
}
#logo{
position:relative;
height:50px;
width:150px;
z-index: 1;
}
#denglu{
position: relative;
height: 50px;
width: 810px;
top:-50px;
left:150px;
z-index: 2;
line-height:100px;
font:bold 14px "微软雅黑" ;
text-align:right;
line-height:65px;
}
#zhuce {
position:relative;
margin:auto;
top:0px;
left:0px;
width: 960px;
height: 300px;
z-index: 1;
background-color:#FFF;
}
来源：https://www.cnblogs.com/zhuxu/p/4932099.html