/*Common For Max 960*/


@media only screen and (max-width: 1199px) {
  
   .kf{display: none;}
  
    
}

/* 客服 */
.kf {
    /*width: 208px;
    position: fixed;
     right: 20px; 
    right: -208px;
    top: 100px;
    z-index: 9;*/
}
.kt-top {
    height: 40px;
    line-height: 40px;
    background: url("../images/kefu.png") 12px center no-repeat #f6a420;
    background-size: 20px auto;
    padding-left: 46px;
    font-size: 14px;
    color: #ffffff;
}
.kt-top span:hover {
    transform: rotate(90deg);
}
.kt-top span {
    width: 18px;
    height: 16px;
    float: right;
    position: relative;
    margin: 10px 10px 0px 0px;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.kt-top span b {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}
.kt-top span b:first-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.kt-top span b:last-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.kf .con {
    overflow: hidden;
    background: #ffffff;
}
.kf .qq li {
    height: 36px;
    line-height: 36px;
    border-bottom: #f5f5f5 solid 1px;
    padding-left: 16px;
}
.kf .qq li a {
    height: 36px !important;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: initial;
    display: block;
}
.kf .qq li a img {
    padding-right: 6px;
}
.kf .con h5 {
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
    background: url("../images/lianxi.png") 16px center no-repeat;
    padding-left: 45px;
    color: #666666;
    font-size: 14px;
}
.kf .contact {
    margin-top: 1px;
}
.kf .contact p {
    height: 26px;
    line-height: 26px;
    color: #666666;
    font-size: 14px;
    padding-left: 22px;
}
.kf .contact p:nth-child(2n) {
    padding-left: 32px;
}
.kf .con h5.qr-icon {
    background: url("../images/erweima.png") 16px center no-repeat;
}
.kf .con .qr {
    width: 100%;
    margin-top: 10px;
    padding-left: 40px;
}
.kf .con .qr img {
    width: 110px;
    height: 110px;
}
.kf .backTop {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    background: url("../images/huidaodingbu.png") center center no-repeat
        #f6a420;
    background-size: 18px auto;
    cursor: pointer;
}
.kf-side {
    padding: 18px 10px 10px;
    background: #f6a420;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -34px;
    cursor: pointer;
}
.kf-side b {
    display: block;
    color: #ffffff;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
}
.kf-side span.arrow {
    width: 12px;
    height: 12px;
    background: url("../images/jt-1.png") no-repeat;
    background-size: 100%;
    display: block;
    margin-top: 10px;
}
.kf-side span.on {
    background: url("../images/jt-2.png") no-repeat;
    background-size: 100%;
}



.kf{position: fixed;top: 200px;right: -125px;width: 180px;color: #fff;font-size: 15px;line-height: 3.53em;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
.kf p,.kf a{color: #fff;}
.kf p{cursor: pointer;}
.kf .bt,.kf .tel{padding-left: 55px;background-repeat: no-repeat;background-color: #135aba;border-radius: 5px;margin-bottom: 1px;}
.kf .bt{background-image: url(../images/i-12.png);background-position: 17px 19px;}
.kf .tel{background-image: url(../images/i-9.png);background-position: 13px 16px;}
.kf .dl{display: block;background-color: #135aba;border-radius: 5px;height: 61px;overflow: hidden;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;}
.kf h3{background-image: url(../images/i-10.png);background-position: 12px 0px;padding-left: 55px; line-height:35px; background-repeat: no-repeat;font-weight: normal;font-size: 15px;}
.kf .pic{width: 126px;margin: 0 auto;padding-bottom: 20px;}
.kf img{width: 100%;display: block;}
.kf:hover{right: 0;}
.kf:hover .dl{height: 199px;}