@charset "utf-8";
/*在线客服*/
.side{position:fixed;width:68px;right:5px;top:50%;margin-top:-200px;z-index:100;background:#fff;border-bottom:0;border-radius:5px;box-shadow: 0 0 1px 1px rgba(0 , 0 , 0 , 0.1);opacity: 0.95}
.side ul li{width:68px;height:68px;float:left;position:relative;color:#333;font-size:13px;line-height:30px;text-align:center;transition:all 0.3s;cursor:pointer;}
.side ul li:hover{background:#f1592a;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:13px;transition:all 0.3s;}

.side ul li i.bgs1{background-image:url(../images/right_pic1_on.png);}
.side ul li i.bgs2{background-image:url(../images/right_pic2.png);}
.side ul li i.bgs3{background-image:url(../images/right_pic3.png);}
.side ul li i.bgs4{background-image:url(../images/right_pic4.png);}
.side ul li i.bgs5{background-image:url(../images/right_pic5.png);}
.side ul li i.bgs6{background-image:url(../images/right_pic6.png);}


.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:hover i.bgs5{background-image:url(../images/right_pic5_on.png);}
.side ul li:hover i.bgs6{background-image:url(../images/right_pic6_on.png);}


.side ul li .sidebox{position:absolute;width:68px;height:68px;top:0;right:0;transition:all 0.3s;overflow:hidden;}
.side ul li:hover div{display:block !important;}

.side .hover{background:#f1592a;border-radius:5px 5px 0 0;}
.side .hover{color:#fff}

.side .sq a{animation: heart 1s ease-in-out infinite alternate;
    display: block;
}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,10px)}
}
.heart{
animation: heart 1s ease-in-out infinite alternate;
}



.side ul li.sideetel .telBox{ display: none;
    margin: 0;
    width: 200px;
    padding: 14px;
    position: absolute;
    right: 85px;
    top: 4px;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    background: url(../images/right_pic1_on.png) no-repeat 10px center #f1592a;
    padding-left: 35px;
}

.side ul li.sideetel .telBox a{
	font-size: 20px;
	font-family: "微软雅黑";
}
.side ul li.sideetel .telBox:before{content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 26px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #f1592a;
	}


.side ul li.sideewm .ewBox{width: 180px;display: none;color: #363636;text-align: center;padding-top: 200px;position: absolute;left: -200px;top: -66px;background-image: url('../images/right-weixin.jpg');background-repeat: no-repeat;background-position: center center;border:1px solid #f8f8f8;background-color: #fff;}

.side ul li.sideewm .ewBox:before{content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #f8f8f8;
	}