@font-face {
    font-family: 'kh-icomoon2';
    src:  url('../fonts/kh-icomoon2.eot?gb229k');
    src:  url('../fonts/kh-icomoon2.eot?gb229k#iefix') format('embedded-opentype'),
    url('../fonts/kh-icomoon2.ttf?gb229k') format('truetype'),
    url('../fonts/kh-icomoon2.woff?gb229k') format('woff'),
    url('../fonts/kh-icomoon2.svg?gb229k#kh-icomoon2') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="kh-icon2-"], [class*=" kh-icon2-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'kh-icomoon2' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.kh-icon2-h5:before {
    content: "\e900";
}

/*页面大图*/
.kh-help-banner{
    width: 100%;
    height: 42.7rem;
    text-align: center;
    background-color: #797DFF;
    background-image: url("../image/helpbg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.kh-help-bannet-title{
    padding-top: 16rem;
    font-size: 4.2rem;
    color: #FFFFFF;
}
.kh-help-bannet-subtitle{
    padding-top: 2.6rem;
    font-size: 2rem;
    color: #FFFFFF;
}
.kh-module-pic{
    position: absolute;
    z-index: 2;
    top: 275px;
    left: -100px;
}

/* 在工单中心创建、在访客对话页面创建 */
.kh-module-main{
    padding-top: 5rem;
}
.kh-module-main-background{
    margin-left: -44rem;
    z-index: 1;
}
.kh-module-list{
    position: relative;
    z-index: 2;
}

/* 模块标题 */
.kh-module-title{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #666;
    padding: 2rem 0 6rem;
}

/* 在工单中心创建 */
.kh-item{
    padding-bottom: 2.5rem;
}
.kh-item-img{
    /* margin-top: -2rem;
    margin-left: -2rem; */
    max-width: 80%;
    float: left;
}
.kh-item-img-right > .kh-item-img{
    float: right;
}
.kh-item-text{
    width: 33.33%;
    /* float: right;
    padding-top: 11rem; */
}
.kh-item-text > dt{
    font-size: 4rem;
    line-height: 8rem;
    color: #333333;
    font-weight: bold;
}
.kh-item-text > dd{
    font-size: 2rem;
    line-height: 3rem;
    padding-top: 1rem;
    color: #666666;
}

/*了解更多*/
.kh-knowMore-about{
    margin-top: 10rem;
    position: relative;
    z-index: 2;
}
.kh-knowMore-about > dt{
    text-align: center;
    font-size: 4rem;
    line-height: 8rem;
    color: #333333;
    font-weight: bold;
}
.kh-knowMore-about > dd{
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 12rem;
}
.kh-knowMore{
    display: inline-block;
    border-radius: 1.2rem;
    padding: 0 11rem;
    line-height: 7.4rem;
    background-color: #FFFFFF;
    color: #666666;
    font-size: 3rem;
    box-shadow: 0 0.3rem 1.2rem rgba(0,25,107,0.16);
}

/* swiper */
.kh-item-swiper-main{
    width: 100%;
    overflow: hidden;
}
.kh-item-swiper-main > .kh-item-text{
    float: right;
    margin-top: 10%;
}
.kh-item-swiper{
    width: 55%;
    height: 100%;
    float: left;
    overflow: hidden;
}
.kh-item-img-right .kh-item-swiper{
    float: right;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 520px;
    /* object-fit: cover; */
    margin: auto;
}

/*自适应调节*/
@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-help-banner{ height: 8.7rem;}
    .kh-help-bannet-title{ padding-top: 2rem; font-size: 1.8rem;}
    .kh-help-bannet-subtitle{ padding-top: 1rem; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    /* 模块标题 */
    .kh-module-title{ font-size: 1.4rem; padding-bottom: 0;}

    .kh-module-main{ padding-top: 0;}
    .kh-module-main-background{ max-width: 220%;}
    .kh-module-main > .kh-item{ margin-top: 0;}
    .kh-module-main > .kh-absolute{ top: 0;}
    
    .kh-module-list{ padding: 2rem 2%; overflow: hidden;}
    .kh-item-img{ width: 100%; max-width: 100%;}
    .kh-item-text{ width: 100%; float: right; padding: 2rem 0;}
    .kh-item-text > dt{ font-size: 1.4rem; line-height: 2.8rem;}
    .kh-item-text > dd{ font-size: 1.2rem; line-height: 1.8rem; padding-top: 0;}

    /* 了解更多 */
    .kh-knowMore-about{ margin-top: 2rem;}
    .kh-knowMore-about > dt{ font-size: 1.6rem; line-height: 3.2rem;}
    .kh-knowMore-about > dd{ font-size: 1.2rem; line-height: 1.8rem; padding-top: 0; padding-bottom: 6rem;}
    .kh-knowMore{ padding: 0 2rem; line-height: 3.2rem; font-size: 1.4rem; margin-top: 2rem; border-radius: 0.6rem;}

    .kh-item-swiper{
        width: 100%;
    }
}
@media only screen and (max-width: 414px){
}
@media only screen and (max-width: 366px){
}
/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
}