#Logo{
    position:relative;
    z-index:2000;
    width:500px;height:50px;
    /*margin:上下 左右*/
    margin:50px auto;
    margin-right: 100px;
    /*html + css3 渐变画图 */
}

#Logo ul li
{
    width:150px; height:45px;
    list-style:none;/*去掉圆点*/
    float:left;/*水平显示*/
    color:#444444;/* #fff */
    font-weight: bold;
    font-size:12px;
    font-family:"微软雅黑";
    text-align:center;
    line-height:45px;/* 行高跟 高度一致时，竖直居中*/
}

#Logo ul li a
{
    color:#444444;/* #fff */
    font-size:20px;
    font-family:"微软雅黑";
    text-decoration:none;
}

#Logo ul li ul li a
{
    font-size:14px;
    font-family:"微软雅黑";
    text-decoration:none;
}

#Logo ul li a:hover
{
    color: #338fcc;
}

#Logo ul li ul li a:hover
{
    color: #338fcc;
}

#Logo ul li ul li
{
    border:none;
    background:rgba(255,255,255,1);/*颜色透明度 */
    font-weight: normal;
    font-size: 12px;
}

#Logo ul li ul
{
    display:none;/*不显示*/
}
#Logo ul li ul li:hover
{
    background:rgba(255,255,255,0.9);/*颜色透明度 */
    color: #338fcc;
}

#Logo ul li:hover ul
{
    display:block;
    /* -webkit-animation:roll 1s ease;/*roll 旋转名称，1s旋转效果 */
    color: #ff0000;
}

@-webkit-keyframes roll /*roll旋转名称与上面一致*/
{
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);}
}