﻿@charset "utf-8";
/** {
    padding: 0;
    margin: 0;
    font-family: "SimHei";
}
* {
    padding: 0;
    margin: 0;
    font-family: "SimHei";
}*/
ol,ul{list-style:none}
a{text-decoration:none;color:#686868}
img{border:0}
.side{position:fixed;width:78px;right:0;top:60%;margin-top:-200px;z-index:9999;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:#BEA164;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 .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sidetop{background:#BEA164;color:#fff}
.side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80)}
    .side ul li.sideewm .ewBox.son {
        width: 238px;
        display: none;
        color: #363636;
        text-align: center;
        padding-top: 235px;
        position: absolute;
        left: -240px;
        top: 0;
        background-image: url(/Upload/zwjxChatCode.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #e0e0e0
    }
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#BEA164}

.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:30px;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-color: #BEA164;
    }
.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}
}

.qqBox {
    width: 240px;
    height: 238px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -240px;
    top: 0px;
    background: #BEA164;
}

.qqBox dd {
    display: block;
    height: 78px;
    overflow: hidden;
    padding-left: 30px;
    line-height: 24px;
    font-size: 18px;       
}

.qqBox dd span {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 32px;
    font-size: 18px
}

.qqBox.bgqq1 {
    background-color: #BEA164;
}
.lybBox {
    width: 240px;
    height: 311px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -240px;
    top: -156px;
    background: #BEA164;
}
