.LOGO {
|
width: 434px;
|
height: 150px;
|
padding: 5px 0 0 5px;
|
position: absolute;
|
top: 0;
|
left: 0;
|
background: url(./img/logoBg.png) no-repeat left top;
|
z-index: 19890101
|
}
|
|
.LOGO .logoImg {
|
height: 68px;
|
padding: 7px;
|
position: relative
|
}
|
|
.LOGO .logoImg img {
|
position: absolute;
|
top: 7px
|
}
|
|
.LOGO .logoImg .logo1 {
|
top: 10px;
|
left: 20px;
|
height: 70px
|
}
|
|
.LOGO .logoImg .logo2 {
|
left: 95px
|
}
|
|
.LOGO .logoMenu {
|
height: 68px;
|
position: relative
|
}
|
|
.LOGO .logoMenu .menu1 {
|
position: absolute;
|
left: 80px;
|
top: 0;
|
width: 64px;
|
height: 64px;
|
background: url(./img/shequ.png) no-repeat center
|
}
|
|
.LOGO .logoMenu .menu1 span {
|
cursor: pointer;
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 2
|
}
|
|
.LOGO .logoMenu .menu1 .menuMask {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 1;
|
background: url(./img/logoCir.png) no-repeat center;
|
animation: circle 2s infinite linear
|
}
|
|
.LOGO .logoMenu .menu2 {
|
position: absolute;
|
left: 180px;
|
top: 0;
|
width: 64px;
|
height: 64px;
|
background: url(./img/anzhi.png) no-repeat center
|
}
|
|
.LOGO .logoMenu .menu2 span {
|
cursor: pointer;
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 2
|
}
|
|
.LOGO .logoMenu .menu2 .menuMask {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 1;
|
background: url(./img/logoCir.png) no-repeat center;
|
animation: circle2 2s infinite linear
|
}
|
|
.LOGO .logoMenu .menu3 {
|
position: absolute;
|
left: 280px;
|
top: 0;
|
width: 64px;
|
height: 64px;
|
background: url(./img/tiaojie.png) no-repeat center
|
}
|
|
.LOGO .logoMenu .menu3 span {
|
cursor: pointer;
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 2
|
}
|
|
.LOGO .logoMenu .menu3 .menuMask {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 1;
|
background: url(./img/logoCir.png) no-repeat center;
|
animation: circle 2s infinite linear
|
}
|
|
.LOGO .logoMenu .menu4 {
|
position: absolute;
|
left: 290px;
|
top: 0;
|
width: 64px;
|
height: 64px;
|
background: url(./img/logobtn4.png) no-repeat center
|
}
|
|
.LOGO .logoMenu .menu4 span {
|
cursor: pointer;
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 2
|
}
|
|
.LOGO .logoMenu .menu4 .menuMask {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 1;
|
background: url(./img/logoCir.png) no-repeat center;
|
animation: circle2 2s infinite linear
|
}
|
|
.LOGO .logoMenu .menu4-ul {
|
padding: 2px 5px;
|
display: none;
|
position: absolute;
|
top: 64px;
|
right: 18px;
|
background: rgba(0, 48, 64, .6)
|
}
|
|
.LOGO .logoMenu .menu4-ul li {
|
cursor: pointer;
|
height: 26px;
|
line-height: 26px;
|
min-width: 100px;
|
margin-left: 3px;
|
padding-left: 5px;
|
text-align: left;
|
color: #fff;
|
font-size: 14px
|
}
|
|
.LOGO .logoMenu .menu4-ul li.activate {
|
color: #4dffff
|
}
|
|
.LOGO .logoMenu .menu4-ul li:hover {
|
color: #4dffff
|
}
|
|
.LOGO .logoMenu .menu4-ul i {
|
margin-right: 10px
|
}
|