@charset"utf-8";

/*
 
 * AB模板网分享：www.adminbuy.cn
 
*/
 * {
    padding:0;
    margin:0;
    font-family:"微软雅黑"
}
* {
    padding:0;
    margin:0;
    font-family:"微软雅黑"
}
ol, ul {
    list-style:none
}
a {
    text-decoration:none;
    color:#686868
}
img {
    border:0
}
.side {
    position:fixed;
    width:78px;
    right:0;
    top:50%;
    margin-top:-200px;
    z-index:100;
    border:1px solid #e0e0e0;
    background:#fff;
    border-bottom:0
}
.side ul li {
    width:78px;
    height:78px;
    float:left;
    position:relative;
    border-bottom:1px solid #e0e0e0;
    color:#333;
    font-size:14px;
    line-height:38px;
    text-align:center;
    transition:all .3s;
    cursor:pointer
}
.side ul li:hover {
    background:#f67524;
    color:#fff
}
.side ul li:hover a {
    color:#fff
}
.side ul li i {
    height:25px;
    margin-bottom:1px;
    display:block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto 25px;
    margin-top:14px;
    transition:all .3s
}
.side ul li i.bgs1 {
    background-image:url(../images/right_pic5.png)
}
.side ul li i.bgs9 {
    background-image:url(../images/right_pic9.png)
}
.side ul li i.bgs3 {
    background-image:url(../images/right_pic2.png)
}
.side ul li i.bgs4 {
    background-image:url(../images/right_pic1.png)
}
.side ul li i.bgs6 {
    background-image:url(../images/right_pic6_on.png)
}
.side ul li:hover i.bgs1 {
    background-image:url(../images/right_pic5_on.png)
}
.side ul li:hover i.bgs3 {
    background-image:url(../images/right_pic2_on.png)
}
.side ul li:hover i.bgs9 {
    background-image:url(../images/right_pic9_on.png)
}
.side ul li:hover i.bgs5 {
    background-image:url(../images/right_pic3_on.png)
}
.side ul li .sidebox {
    position:absolute;
    width:78px;
    height:78px;
    top:0;
    right:0;
    transition:all .3s;
    overflow:hidden
}
.side ul li.sidetop {
    background:#f67524;
    color:#fff
}
.side ul li.sidetop:hover {
    opacity:.8;
    filter:Alpha(opacity=80)
}
.side ul li.sideewm .ewBox.son {
    width:217px;
    display:none;
    color:#363636;
    text-align:center;
    margin-top:17px;
    position:absolute;
    left:-217px;
    top:0;
    border:1px solid #e0e0e0
}
.side ul li.sideetel .telBox.son {
    width:240px;
    height:119px;
    display:none;
    color:#fff;
    text-align:left;
    position:absolute;
    left:-240px;
    top:0;
    background:#f67524
}
.side ul li.sideetel .telBox dd {
    display:block;
    height:118.5px;
    overflow:hidden;
    padding-left:82px;
    line-height:24px;
    font-size:18px
}
.side ul li.sideetel .telBox dd span {
    display:block;
    line-height:28px;
    height:28px;
    overflow:hidden;
    margin-top:32px;
    font-size:18px
}
.side ul li.sideetel .telBox dd.bgs1 {
    background:url(../images/right_pic8.png) 28px center no-repeat;
    background-color:#e96410
}
.side ul li.sideetel .telBox dd.bgs2 {
    background:url(../images/right_pic9.png) 28px center no-repeat
}
.side ul li:hover .son {
    display:block!important;
    animation:fadein 1s
}
@keyframes fadein {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}