@charset "utf-8";







.side{

    position:fixed;

    width:51px;

    height: 300px;

    right:22px;

    top:90%;

    margin-top:-100px;

    z-index:100; 

    border-bottom:1;

    /* background-color: lawngreen; */

    

}



.side ul li:hover{color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:51px;margin-bottom:1px;display:block;overflow:hidden; margin-top:0px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/right_pic1.png);width: 51px; height: 51px;}

.side ul li i.bgs2{background-image:url(../images/right_pic2.png); width: 51px; height: 51px; margin-top: 12px;}

.side ul li i.bgs3{background-image:url(../images/right_pic3.png); width: 51px; height: 51px; margin-top: 12px;}

.side ul li i.bgs4{background-image:url(../images/right_pic4.png);width: 51px; height: 51px; margin-top: 12px;}



.side ul li:hover i.bgs1{background-image:url(../images/right_pic1_on.png);}

.side ul li:hover i.bgs2{background-image:url(../images/right_pic2_on.png);}

.side ul li:hover i.bgs3{background-image:url(../images/right_pic3_on.png);}

.side ul li:hover i.bgs4{background-image:url(../images/right_pic4_on.png);}



.side ul li.qqonline .telBox2.son{width:106px; height: 100px; display:none;color:#363636;text-align:center;position:absolute;left:-95px;top:-25px;background-image:url(../images/leftewm1.png);background-repeat:no-repeat;background-position:center center;}

.side ul li.shangqiao .ewBox2.son{width:106px; height: 100px; display:none;color:#363636;text-align:center;position:absolute;left:-95px;top:40px;background-image:url(../images/leftewm2.png);background-repeat:no-repeat;background-position:center center;}



.side ul li.sideewm .ewBox.son{width:106px; height: 100px; display:none;color:#363636;text-align:center;position:absolute;left:-95px;top:105px; background-image:url(../images/leftewm3.png);background-repeat:no-repeat;background-position:center center;}

.side ul li.sideetel .telBox.son{width:106px; height: 100px; display:none;color:#363636;text-align:center;position:absolute;left:-95px;top:165px;background-image:url(../images/leftewm4.png);background-repeat:no-repeat;background-position:center center;}



.side ul li:hover .son{display:block!important;animation:fadein 1s}

@keyframes fadein{from{opacity:0}

to{opacity:1}

}