@charset "utf-8";
/* 在线客服样式 */
@media screen and (min-width:1120px) and (max-width:5000px)
{
.slide{position: fixed;top: 50%;margin-top: -126px;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{position: relative;}
.slide .icon li .ico{width: 25px;height: 25px;margin-bottom: 3px;background: rgba(0,0,0,0.8);border-radius: 2px 0 0 2px;text-align: center;padding: 15px;position: relative;cursor: pointer;display: block;transition: all .5s;}
.slide .icon .qq .ico{background: #db1d00}
.slide .icon .qq .info{position: absolute;right: -200px;display: block;height: auto;width: 140px;overflow: hidden;margin-top: -73.5px;transition:0.5s;border-radius:4px 0 0 4px ;color: #fff;bottom: 0;border: 1px solid #db1d00;background: #fff;border-right: 0;padding-bottom: 10px;}
.slide .icon .qq .info span{display: block;font-size: 14px;margin-bottom: 15px;text-align: left;position: relative;text-indent: 10px;padding: 10px;background: #db1d00}
.slide .icon .qq .info span i{position: absolute;right: 10px;width: 14px;height: 14px;cursor:pointer;top: 14px;}
.slide .icon .qq .info span i img{transition: all .5s;width: 100%;height: 100%;display: block;}
.slide .icon .qq .info span i:hover img{transform: rotate(180deg);}
.slide .icon .qq .info a{display: block;width: 90px;height: 26px;line-height: 26px;color: #db1d00;font-size: 12px;text-align: center;text-decoration: none;border: 1px solid #db1d00;border-radius:16px;margin: 5px auto;transition: all .5s;}
.slide .icon .qq .info a:hover{background-color: #db1d00;color: #fff;}
.slide .icon .tel{overflow: hidden;background: #db1d00;;position: absolute;right: -155px;width: 210px;height: 55px;border-radius: 4px 0 0 4px;color: #fff; cursor: pointer;}
.slide .icon .tel .ico{background: none;}
.slide .icon .tel .ico{float: left;}
.slide .icon .tel .info{display: block;top: 132px;border-radius:0; float: left;font-size: 18px;}
.slide .icon .tel .info span{display: block;font-size: 12px;margin-top:10px;height: 16px;line-height: 16px;}
.slide .icon .wx .ico{background: #db1d00}
.slide .icon .wx{position: absolute;top: 116px;}
.slide .icon .wx .info{position: absolute;top:0;height: auto;right: 100%;background: #db1d00;width: 130px;overflow: hidden;transition:0.5s;border-radius:4px 0 0 4px ;color: #fff;padding: 10px;display: none;text-align: center;}
.slide .icon .wx .info img{width: 130px;height: 130px;display: block;margin-bottom: 10px;}
.slide .icon .up{position: absolute;top: 174px;}
.slide .icon .up .ico{background: #a5a4a4;}
}

@media screen and (min-width:360px) and (max-width:1120px) {/*手机模式*/
.slide { display:none;}
}