/*隐藏checked复选框*/
#sidemenu{display: none}
#sidemenu:checked + aside {
    /*为被选中的sidemenu后的aside设置属性（紧邻）*/
    right: 0;
    /*点击按钮即选中checked后,侧边栏位置变为贴着左边,配合ease-out使用,有渐变滑出的效果*/
}
#sidemenu:checked ~ #wrap {
    /*为被选中的sidemenu后的wrap设置属性（非紧邻）*/
    padding-right: 220px;
}
aside {
    /*侧边栏,初始位置为-200px，即隐藏效果*/
    position:fixed;
    top:47px;
    bottom: 0;
    right: -200px;
    width: 200px;
    background: black;
    transition: 0.2s ease-out;
    z-index: 10;
    /*动画效果的执行方式是ease-out，即侧边栏滑动效果为渐变式，而不是生硬的突然变化*/
}
/*控制侧边栏进出的按钮（外部包裹）*/
#wrap {
    margin-left: 20px;
    float: right;
    transition: 0.2s ease-out;
}
/*控制侧边栏进出的按钮（内部文字样式）*/
label {
    /*控制侧边栏进出的按钮*/
    background: white;
    border-radius: 70px;
    color: #888;
    cursor: pointer;
    display: block;
    font-family: Courier New;
    font-size: 2.1em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
    line-height: 0;
}
#sideul li {
    list-style: none;
    color: white;
    width: 100%;
    height: 1.8em;
    font-size:20px;
    text-align: center;
    padding-top: 20px
}
a {
    text-decoration: none;
}
#sideul li:hover {
    color: orange;
}
.mt-tel{
    font-size:20px;
    color:rgb(0,164,255) !important;
    background:url(../img/phone.png) no-repeat;
    background-size:30px;
    background-position-y:5px;
    padding-left:35px !important;
    font-weight:bold
}