/*莺语在线客服系统*/
.kh-customer-system{
    padding-top: 7.4rem;
}
.kh-background-1{
    width: 100%;
    max-width: 1170px;
    margin-left: -40%;
}
.kh-customer-block{
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.kh-customer-block .hk-tableCell{
    overflow: hidden;
}
.kh-message-box{
    padding-left: 5%;
    height: 615px;
}
.kh-system-text{
    max-width: 50%;
    padding-top: 10.5rem;
    padding-right: 6.66%;
}
.kh-system-text > dt{
    line-height: 6rem;
    color: #333333;
}
.kh-system-text > dd{
    line-height: 6.4rem;
    color: #666666;
}
.kh-btn-reg{
    margin-top: 3rem;
    display: inline-block;
    width: 48%;
    background-color: #FFFFFF;
    color: #999999;
    line-height: 6.4rem;
    border-radius: 0.8rem;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0.3rem 1.6rem rgba(1, 38, 102, 0.16);
    margin-left: 4%;
}
.kh-btn-reg:nth-of-type(1){
    margin-left: 0;
}

.kh-pagination{
    width: 100%;
    padding: 15px 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 100px;
    text-align: center;
}
.kh-pagination > a{
    display: inline-block;
    margin: auto 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d0d0d0;
}
.kh-pagination > a.active{
    background-color: #797DFF;
}
.kh-customer-details-link{
    position: absolute;
    left: 49%;
    display: block;
    bottom: 24rem;
}
.kh-customer-details-link > img{
    height: 72px;
}

/*移动端幻灯片*/
.swiper-slide{
    padding: 0 2%;
    overflow: hidden;
    text-align: center;
}
.swiper-slide img{
    width: 80%;
    margin: auto;
}

/*离线消息提醒*/
.kh-message-notification{
    margin-top: -3.4rem;
}
.kh-message-notification > .app-message-backgrade{
    width: 132%;
    max-width: 1838px;
    max-height: 846px;
    margin-left: -10%;
    background: url("https://outyingyuchatweb.yingyuchat.com/yingchatweb/image/background-offline.png") no-repeat center center/cover;
}

.kh-message-notification .kh-absolute{
    top: 15rem;
    left: 50%;
    margin-left: -600px;
}
.kh-notification-text{
    width: 33.33%;
}
.kh-notification-text > dt{
    font-size: 4rem;
    line-height: 6rem;
    font-weight: bold;
    color: #333333;
}
.kh-notification-text > dd{
    font-size: 2rem;
    line-height: 3rem;
    color: #666666;
    padding-top: 3rem;
    font-weight: 100;
}

/* 消息预知 */
.kh-foresee{
    position: relative;
    margin-top: -5.6rem;
    z-index: 1;
}
.kh-background-foresee{
    margin-left: -53%;
}
.kh-foresee-block{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.kh-foresee-text{
    max-width: 32%;
    margin-top: -23.5rem;
}
.kh-foresee-text > dt{
    line-height: 6rem;
    color: #333333;
    padding-bottom: 2rem;
}
.kh-foresee-text > dd{
    line-height: 3rem;
    color: #666666;
}
.kh-foresee-img{
    width: 68%;
    max-width: 71rem;
    margin-top: -23.5rem;
}

/* ui自适应 */
.kh-ui{
    margin-top: -20rem;
}
.kh-background-ui{
    width: 132%;
    max-width: 1507px;
}
.kh-ui-block{
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.kh-ui-block .hk-tableCell{
    overflow: hidden;
}
.kh-h5ui{
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
    border-radius: 1.8rem;
    margin-left: 0.6rem;
}
.kh-h5ui-text{
    max-width: 50%;
    padding-top: 20.5rem;
    padding-right: 6.66%;
}
.kh-h5ui-text > dt{
    line-height: 6rem;
    color: #333333;
}
.kh-h5ui-text > dd{
    line-height: 3rem;
    color: #666666;
    padding-top: 1rem;
}

/*我们提供的功能*/
.kh-function-block{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 11.5rem 0 14.8rem 0;
    z-index: 2;
}
.kh-function-model{
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 1.6rem rgba(0, 27, 63, 0.16);
    overflow: hidden;
    padding: 0 1.7rem;
}
.kh-function-model > dt{
    width: 100%;
    text-align: center;
    font-size: 4rem;
    line-height: 10.4rem;
    color: #333333;
    float: left;
}
.kh-function-model > dd{
    width: 50%;
    float: left;
    padding-left: 9.2rem;
    padding-bottom: 3rem;
    overflow: hidden;
}
.kh-function-img{
    width: 8.3rem;
    height: 8.3rem;
    text-align: center;
    overflow: hidden;
    float: left;
}
.kh-function-title,.kh-function-desc{
    width: calc(100% - 8.3rem);
    float: left;
    font-size: 2rem;
    color: #666666;
    line-height: 2.6rem;
    padding-left: 1.8rem;
}
.kh-function-desc{
    font-size: 1.2rem;
    color: #999999;
    line-height: 2.4rem;
    padding-top: 0.6rem;
    padding-right: 9.5rem;
}

/*方便的管理*/
.kh-management{
    position: relative;
    z-index: 1;
}
.kh-background-4{
    width: 199.7rem;
    margin-left: -40rem;
}
.kh-management-block{
    width: 100%;
    height: 100%;
    left: 0;
    top: -15rem;
    z-index: 1;
}
.kh-management-text{
    max-width: 50%;
    /* margin-top: -23.5rem; */
}
.kh-management-text > dt{
    line-height: 6rem;
    color: #333333;
    padding-bottom: 2rem;
}
.kh-management-text > dd{
    padding-right: 43%;
    line-height: 3rem;
    color: #666666;
}
.kh-management-img{
    width: 50%;
    max-width: 71rem;
    /* margin-top: -23.5rem; */
}

/* 随时随地  接待访客 */
.kh-app{
    margin-top: -33.2rem;
    position: relative;
    z-index: 2;
}
.kh-app-text{
    text-align: center;
}
.kh-app-text > .kh-fs20{
    padding-top: 5.4rem;
}
.kh-download{
    display: block;
    text-align: center;
    margin: 4.6rem auto auto auto;
    width: 14rem;
    line-height: 5.8rem;
    font-size: 2rem;
    border: none;
    border-radius: 8px;
    color: #fff;
    background: -webkit-linear-gradient(to right, red,blue);
    background: linear-gradient(to right, #77B3FD,#2D75D7);
}
.kh-app-img{
    padding-top: 7.5rem;
    text-align: center;
}
.kh-app-img > img{
    display: inline-block;
    margin-right: 15rem;
}
.kh-app-img > img:last-child{
    margin-right: 0;
}

/*在莺语在线客服的对话中加入你的声音*/
.kh-add-your{
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 18.9rem;
    margin-top: 8rem;
    background: url("https://outyingyuchatweb.yingyuchat.com/yingchatweb/image/background-home5.png") no-repeat top center/100% auto;
}
.kh-add-your-back{
    height: 100%;
    /* top: 0;
    left: 50%;
    margin-left: -60rem; */
}
.kh-add-your-text > dt{
    line-height: 6rem;
    color: #333333;
    padding-bottom: 2rem;
}
.kh-add-your-text > dd{
    line-height: 3rem;
    color: #666666;
}
.kh-follow-us{
    width: 44.4rem;
    height: 9.6rem;
    overflow: hidden;
    margin: 7.8rem auto  auto  auto;
    border-radius: 1.2rem;
    background: url("../image/follow-us-bg.png") no-repeat left center #FFFFFF;
    box-shadow: 0 0 1rem rgba(0, 49, 132, 0.23);
    padding-left: 10.8rem;
    display: none;
}
.kh-follow-us > dt{
    font-size: 2rem;
    line-height: 3.6rem;
    color: #666666;
    text-align: left;
}
.kh-follow-us > dd{
    font-size: 1.4rem;
    line-height: 2rem;
    color: #999999;
    text-align: left;
}
.kh-follow-us > dd > a{
    display: block;
    padding-top: 1rem;
    color: #797DFF;
}
.kh-follow-us > dd > a:hover{
    opacity: 0.8;
}

/*内容列表*/
.kh-news-list-block{
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 3rem 0;
}
.kh-news-list-block > li{
    border-top: 1px solid #89B4DF;
    overflow: hidden;
    width: 50%;
    float: left;
    padding-top: 1rem;
    padding-right: 1%;
    padding-bottom: 1rem;
    padding-left: 0;
}
.kh-news-list-block > li:nth-of-type(2n){
    padding-right: 0;
    padding-left: 1%;
}
.kh-news-list-block > li:nth-of-type(1),.kh-news-list-block > li:nth-of-type(2){
    border-top: none;
}
.kh-news-img{
    width: 30%;
    height: 12rem;
    overflow: hidden;
    text-align: center;
    margin-right: 3rem;
    float: left;
}
.kh-news-img img{
    max-width: 100%;
}
.kh-news-text{
    width: calc(70% - 3rem);
    float: right;
    text-align: left;
}
.kh-news-text > dt > a{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #666666;
    max-height: 5rem;
    overflow: hidden;
}
.kh-news-list-block > li:hover{
    background-color: #EFF7FF; /* 浏览器不支持时显示 */
    background-image: linear-gradient(#FFFFFF, #EFF7FF);
}
.kh-news-text > dd.kh-news-desc > a{
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #999999;
    height: 5.4rem;
    overflow: hidden;
}
.kh-news-text > dd.kh-news-attr{
    line-height: 2.6rem;
    /* height: 2.6rem; */
    overflow: hidden;
    padding-top: 1rem;
}
dd.kh-news-attr > span{
    display: block;
    float: left;
    line-height: 2.6rem;
    color: #666666;
    padding-right: 1rem;
}
dd.kh-news-attr > span.kh-news-time{
    float: right;
    padding-right: 0;
}
.kh-icon-logo-full{
    line-height: 2.6rem;
}
.kh-icon-logo-full > span::before{
    font-size: 2.4rem;
}
.kh-news-tag{
    display: block;
    float: left;
    padding: 0 0.3rem;
    color: #FFF;
    background-color: #A3A3A3;
    border-radius: 1.3rem;
    padding: 0 1rem;
    margin-right: 0.5rem;
    line-height: 1.8rem;
}
.kh-news-tag:hover{
    background-color: #797DFF;
    color: #FFFFFF;
}

/*底部公告*/
.kh-welfare{
    padding-bottom: 28rem;
}

/*底部*/
.kh-footer{
    min-height: 22rem;
    margin-top: -22rem;
}

.app-yingyuchat{
    position: absolute;
    z-index: 1;
    width: 121px !important;
    top: 10rem !important;
    left: 40% !important;
}
.app-message-backgrade{
    position: relative;
    z-index: 2;
}
.app-message-text{
    position: relative;
    z-index: 3;
}

/*自适应调节*/
@media only screen and (max-width: 1700px){
}
@media only screen and (max-width: 1560px){
}
@media only screen and (max-width: 1420px){
}
/*小于等于1200px时*/
@media only screen and (max-width: 1200px){
}
/*sm屏幕以下（小于等于576px时）*/
@media only screen and (max-width: 720px) {
    .kh-message-notification,.kh-ui,.kh-management{
        overflow: hidden;
    }

    .swiper-pagination{ z-index: 8 !important;}
    /* 莺语在线客服系统 */
    .kh-background-1{ margin-left: unset; position: absolute ; z-index: 1;}
    .kh-customer-system{ padding: 2rem 0;}
    .kh-customer-block{ padding: 0 2%; position: relative !important; z-index: 2;}
    .kh-message-box{ padding: 0; width: 100%;}
    .kh-message-static{ padding: 0; width: 100%;}
    .kh-system-text{ padding: 0 2% 2rem 2%; width: 100%; max-width: unset; text-align: center;}
    .kh-system-text > dt{ font-size: 1.6rem; line-height: 3.2rem; font-weight: bold;}
    .kh-system-text > dd{ font-size: 1.2rem; line-height: 2.4rem;}
    .kh-btn-reg{ margin-top: 1.2rem; line-height: 3.2rem; font-size: 1.6rem;}

    /* 离线消息提醒 */
    .kh-message-notification{ padding-top: 2rem;}
    .kh-message-notification > .app-message-backgrade{ max-width: 120%; margin-left: -15%; position: absolute; top: 0; left: 0; z-index: 1;}
    .kh-message-notification .kh-absolute{ position: relative !important; top: 0; left: 0; margin-left: unset; padding: 2rem 2%; z-index: 2;}
    .kh-message-notification .kh-absolute .kh-table{ display: block; overflow: hidden;}
    .kh-message-notification .kh-absolute img{ width: 100%; padding: 0 2%; float: unset;}
    .kh-notification-text{ width: 100%; margin-top: -2rem; display: block; text-align: center;}
    .kh-notification-text > dt{ font-size: 1.4rem; line-height: 2.8rem;}
    .kh-notification-text > dd{ font-size: 1.2rem; line-height: 1.8rem; padding-top: 0;}
    .app-details-link{ font-size: 1.2rem; line-height: 1.8rem;}

    /* 消息预知 */
    .kh-foresee{ margin-top: unset;}
    .kh-foresee-block{ padding: 2rem 2%;}
    .kh-foresee-text > dt{ font-size: 1.6rem; line-height: 3.2rem; font-weight: bold; padding-bottom: 0;}
    .kh-foresee-text > dd{ font-size: 1.2rem; line-height: 2.4rem; padding-right: 0;}
    .kh-background-foresee{ max-width: 100%;}
    .kh-foresee-text{ width: 100%; margin: auto; text-align: center; margin-top: unset; float: unset; max-width: unset;}
    .kh-foresee-img{ width: 100%; float: unset; margin-top: unset;}

    /* ui自适应 */
    .kh-ui{ margin-top: 2rem;}
    .kh-background-ui{ margin-left: -10%;}
    .kh-h5ui{ width: calc(46% - 0.6rem);}
    .kh-h5ui-text{ padding-top: 5rem; padding-right: 0;}
    .kh-h5ui-text > dt{ font-size: 1.6rem; line-height: 3.2rem;}
    .kh-h5ui-text > dd{ font-size: 1.2rem; line-height: 2.4rem;}

    /* 我们提供的功能 */
    .kh-function-block{ padding: 2rem 2%; position: unset !important;}
    .kh-function > .kh-background-1{ display: none;}
    .kh-function-model{ padding: 2rem;}
    .kh-function-model > dt{ font-size: 1.6rem; line-height: 3.2rem; font-weight: bold;}
    .kh-function-model > dd{ padding: 1rem 0 0 0; width: 100%;}
    .kh-function-img{ width: 4rem; height: 4rem;}
    .kh-function-img > img{ width: 100%;}
    .kh-function-title, .kh-function-desc{ padding-left: 1rem; width: calc(100% - 4rem); line-height: 2.4rem; font-size: 1.4rem;}
    .kh-function-desc{ line-height: 1.6rem; font-size: 1.2rem; padding-top: 0; padding-right: 0;}

    /* 随时随地  接待访客 */
    .kh-app{ margin-top: 2rem; }
    .kh-app-text > .kh-fs40{ font-size: 1.6rem; font-weight: bold;}
    .kh-app-text > .kh-fs20{ font-size: 1.2rem; padding-top: 1rem; }
    .kh-download{ margin-top: 2rem; line-height: 4.2rem; font-size: 1.6rem; width: 11.2rem;}
    .kh-app-img{ text-align: center; padding-top: 2rem; padding-left: 2%; padding-right: 2%;}
    .kh-app-img > img{ margin-right: 2%; width: 40%;}

    /* 方便的管理 */
    .kh-management-block{ padding: 2rem 2%; top: 0;}
    .kh-management-text > dt{ font-size: 1.6rem; line-height: 3.2rem; font-weight: bold; padding-bottom: 0;}
    .kh-management-text > dd{ font-size: 1.2rem; line-height: 2.4rem; padding-right: 0;}
    .kh-background-4{ width: 150%; margin-left: -25%;}
    .kh-management-text{ margin-top: unset; float: unset; width: 80%; max-width: unset; margin: auto; text-align: center;}
    .kh-management-img{ margin-top: unset; display: none;}

    /* 加入你的声音 */
    .kh-add-your{ margin-top: unset;}
    .kh-background-5{ width: 100%; padding-top: 3.5rem;}
    .kh-add-your-back{ width: 100%; margin-left: unset; top: 5.5rem; left: 0; box-sizing: content-box; padding-top: 0;}
    .kh-add-your-text > dt{ font-size: 1.6rem; line-height: 3.2rem; font-weight: bold; padding-bottom: 0;}
    .kh-add-your-text > dd{ font-size: 1.2rem; line-height: 2.4rem; padding-right: 0;}
    .kh-follow-us{ margin-top: 2rem; width: 96%;}
    .kh-follow-us > dt{ font-size: 1.6rem; line-height: 3.2rem; font-weight: bold; }
    .kh-follow-us > dd{ font-size: 1.2rem; line-height: 2.4rem; }

    /* 列表 */
    .kh-news-list-block{ width: 100%; padding: 2rem 0;}
    .kh-news-list-block > li{ width: 100%; padding: 1rem 2%;}
    .kh-news-list-block > li:nth-of-type(2n){ padding: 1rem 2%; border-top: 1px solid #89B4DF;}
    .kh-news-list-block > li > a{ display: block; overflow: hidden;}
    .kh-news-img{ margin-right: 1rem; height: unset;}
    .kh-news-text{ width: calc(70% - 1rem);}
    .kh-news-text > dt{ width: 100%; height: unset; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .kh-news-text > dd.kh-news-desc{
        height: 3.6rem;
        margin-top: 0;
        display: -webkit-box;
        line-height: 1.8rem;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .kh-news-text > dd.kh-news-attr{ height: 2.4rem; line-height: 2.4rem; display: none;}
    dd.kh-news-attr > span{ padding-right: 1rem;}

    /* 底部公告 */
    .kh-welfare{ padding-bottom: 2rem;}

    .kh-footer{ margin-top:unset;}
}
@media only screen and (max-width: 414px){
}
@media only screen and (max-width: 366px){
}
/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
}