@charset "utf-8";

.webqqs {
    width: 177px;
    margin: 0 auto;
    position: fixed;
    top: 10%;
    left: -143px;
    z-index: 99999999;
}

.webqq_left {
    width: 34px;
    height: 146px;
    float: right;
    background: url(../images/jt.png);
    background-repeat: no-repeat;
    background-position: center 120px;
    background-color: #e00604;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    margin-top: 160px;
    cursor: pointer;
}

.webqq_left span {
    background: url(../images/xrn.png) no-repeat 2px 5px;
    padding-top: 35px;
    display: block;
    line-height: 20px;
}

.webqq_right .renwu {
    height: 119px;
    width: 139px;
    background: url(../images/ren.png) no-repeat 0 0;
    position: absolute;
    z-index: 6;
    display: block;
    top: 0px;
    left: 0px;
}

.webqq_right .ren {
    height: 139px;
    width: 139px;
    overflow: hidden;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.webqq_right .ren svg {
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    fill-rule: evenodd;
    clip-rule: evenodd;
    z-index: 4;
    position: relative;
}

.webqq_right .ren svg .svg {
    fill: #e00604;
    fill-rule: nonzero;
}

.webqq_nr {
    background: #e00604;
    width: 139px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    padding: 10px 0px;
}

.webqq_right .kf {
    height: 29px;
    width: 126px;
    background: url(../images/kf.png) no-repeat 0 0;
    display: block;
    margin: 0 auto;
}

.webqq_right .qq_x {
    height: 1px;
    width: 121px;
    background: url(../images/qq_x.png) no-repeat 0 0;
    display: block;
    margin: 10px auto;
}

.webqq_right {
    width: 139px;
    float: left;
    position: relative;
}

.webqq_nr img {
    padding: 0px;
    margin: 0px;
}

.webqq_nn li {
    background: url(../images/qq_bg.png) no-repeat;
    width: 126px;
    height: 25px;
    display: block;
    margin: 5px 0px 10px 7px;
    text-align: left;
}

.webqq_nn li a {
    font-size: 14px;
    color: #404040;
    background: url(../images/qq.png) no-repeat 15px 4px;
    padding-left: 40px;
}

.webqq_nn li.ww a {
    background: url(../images/wangwang.png) no-repeat 15px 4px;
}

.webqq_ewm {
    box-sizing: content-box;
    width: 126px;
    height: 86px;
    background: #FFF;
    border-radius: 4px;
    margin: 5px 0px 0px 7px;
    padding-top: 5px;
}

.webqq_ewm img {
    float: left;
    margin-left: 5px;
    width: 85px;
}

.webqq_ewm span {
    float: left;
    font-size: 12px;
    color: #e00604;
    line-height: 14px;
    font-weight: bold;
    margin-left: 12px;
    width: 12px;
}

.webqq_tel p {
    font-size: 18px;
    color: #FFF;
    font-family: impact;
}

.webqq_tel {
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    padding-top: 4px;
}


@charset "utf-8";

.webqqs{width:177px; margin:0 auto;position:fixed;top:10%;left:-143px;z-index: 99999999;}

.webqq_left{width:34px; height: 146px; float: right; background:url(../images/jt.png);background-repeat: no-repeat ;background-position:center 120px ;background-color: #2449a4; border-radius: 4px;font-size: 18px;text-align: center;color: #FFF; margin-top: 160px;cursor:pointer;}

.webqq_left span{background: url(../images/xrn.png) no-repeat 2px 5px; padding-top: 35px; display: block; line-height: 20px;}

.webqq_right .renwu{height: 119px;width:139px;background:url(../images/ren.png) no-repeat 0 0;position: absolute;z-index: 6;display: block; top:0px;left:0px;}

.webqq_right .ren{height: 139px;width:139px;overflow: hidden;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}

.webqq_right .ren svg {shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd;z-index: 4;position: relative;}

.webqq_right .ren svg  .svg {fill: #2449a4;fill-rule:nonzero;}

.webqq_nr{ background: #2449a4;width:139px; border-bottom-right-radius: 4px;border-bottom-left-radius: 4px; text-align: center; padding: 10px 0px;}

.webqq_right .kf{height: 29px;width:126px;background:url(../images/kf.png) no-repeat 0 0;display:block;margin:0 auto;}

.webqq_right .qq_x{height: 1px;width:121px;background:url(../images/qq_x.png) no-repeat 0 0;display:block;margin:10px auto;}

.webqq_right{width:139px; float: left;position: relative;}

.webqq_nr img{padding:0px; margin:0px;}

.webqq_nn li{background: url(../images/qq_bg.png) no-repeat;width:126px; height: 25px; display: block; margin: 5px 0px 10px 7px; text-align: left;}

.webqq_nn li a{font-size: 14px; color:#404040; background: url(../images/qq.png) no-repeat 15px 4px; padding-left: 40px;}

.webqq_nn li.ww a{background: url(../images/wangwang.png) no-repeat 15px 4px;}

.webqq_ewm{box-sizing: content-box; width:126px; height: 86px; background: #FFF; border-radius: 4px; margin:5px 0px 0px 7px ; padding-top: 5px;}

.webqq_ewm img{float: left; margin-left: 5px;width:85px;}

.webqq_ewm span{float: left;font-size: 12px; color:#2449a4; line-height: 14px; font-weight: bold; margin-left: 12px;width:12px;}

.webqq_tel p{font-size: 18px; color:#FFF; font-family: impact;}

.webqq_tel{font-size: 14px; color:#FFF; line-height: 24px; padding-top: 4px; }