@CHARSET "UTF-8";#menu{width:600px;position:relative;overflow:visible;z-index:10}
#menu ul{padding:0;margin:0;list-style-type:none}
#menu ul li{float:left;position:relative;background-color:#EEE}
#menu ul li a{display:block;text-align:center;text-decoration:none;width:100px;color:#000;font-size:14px;height:30px;line-height:30px;overflow:hidden}
#menu ul li:hover a{color:#fff;background-image:url(../images/menu1.jpg)}
.titlehover{color:#0f7bdb;text-decoration:none}
.titlehover:hover{color:#005396;text-decoration:underline}
.son-nav{display:none}
.parent:hover .son-nav{display:block}
.second ul{display:none}
.sidebar {
    z-index: 99999;
    position: fixed;
    top: 40%;
    width: 50px;
    text-align: center;
    border: 2px solid #0f7bdb;
    border-radius: 5px;
    background-color: #fff;
    transition: .6s;
}

.sidebar .qq {
    display: none;
    text-align: center;
    padding: 20px 10px;
    box-sizing: border-box;
}
.sidebar .qq a {
    display: flex;
    justify-content: center;
    
    padding: 6px 8px;
    box-sizing: border-box;
    
    width: 75%;
    
    border-radius: 6px;
    
    color: #fff;
    background-image: linear-gradient(to bottom, #7cb9ff, #0056a3);
    box-shadow: 1px 1px 4px #ddd;
}
.sidebar .qq img {
    margin-right: 6px;
    width: 16px;
}
.sidebar .wx {
    display: none;
}
.sidebar h3 {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #0f7bdb;
    /*background-image: linear-gradient(to bottom, #7cb9ff, #0056a3);*/
}
.sidebar li {
    line-height: 2.5;
    font-size: 16px;
}
.sidebar img {
    max-width: 100%;
}
.sidebar .wx h4 {
    margin-bottom: 2px;
}
.sidebar:hover {
    width: 160px;
    transition: .6s;
}
.sidebar:hover .qq {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sidebar:hover .wx {
    display: block;
}



