@import "monokai_sublime.min.css";
@import "wangEditorContentEn.css";
/*通用样式*/
    dl,dt,dd,ul,li,ol,p,span,a,div,b,i{
        padding: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
    }
    img{
        max-width: 100%;
    }
    .kh-fl{
        float: left !important;
    }
    .kh-fr{
        float: right !important;
    }
    .kh-mw1920{
        width: 100%;
        max-width: 1920px;
        margin: auto;
    }
    .content-model-title{
        font-size: 3.428rem;
        width: 100%;
        text-align: center;
        padding: 80px 0 60px 0;
        font-weight: 100;
    }
    .content-model-title img{
        height: 54px;
    }
/*产品-企业官网页-----------------------------------------------------------------------------------------*/
    .pages-website .model-website{
        width: 1200px;
        max-width: 100%;
        overflow: hidden;
        padding: 3.928rem;
        margin: auto;
        box-sizing: content-box;
    }
    .pages-website:last-child{
        width: 100%;
        background-color: #FF9869;
    }
    .model-website > dt.model-website-img{
        width: 48%;
        float: left;
    }
    .model-website > .model-website-text{
        width: 48%;
        float: right;
        padding-top: 2.643rem;
        padding-bottom: 2.643rem;
        padding-left: 3.928rem;
    }
    .model-website > .model-website-img img{
        max-width: 100%;
        box-shadow: 0 0 3.928rem rgba(0,0,0,0.2);
    }
    .pages-website:nth-of-type(2n) .model-website-img{
        float: right;
    }
    .pages-website:nth-of-type(2n) .model-website-text{
        float: left;
        padding-left: 0;
    }
    .pages-website:first-child .model-website-text{
        background: url("/static/images/text_bg.png") no-repeat center center/100% 100%;
    }
    .model-website-title{
        font-size: 2.143rem;
        color: #333333;
        font-weight: 100;
        line-height: 2.857rem;
        padding-bottom: 2.643rem;
        display: block;
    }
    .model-website-subtitle{
        display: block;
        color: #666666;
        font-weight: 100;
        padding: 23px 0;
    }
    .model-website-desc{
        display: block;
        color: #999999;
        font-weight: 100;
        line-height: 2.714rem;
    }
    .pages-website:nth-of-type(1) .model-website-title,.pages-website:nth-of-type(1) .model-website-desc{
        color: #fff;
    }
    .pages-website:last-child .model-website{
        position: relative;
    }
    .pages-website:last-child .model-website-img{
        width: unset !important;
        float: unset !important;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -112px;
        margin-top: -51px;
    }
    .pages-website:last-child .model-website-text{
        width: 57%;
        float: unset !important;
        margin: auto;
        border-radius: 2.142rem;
        background-color: #fff;
        box-sizing: border-box;
        padding: 1.714rem 4.285rem;
        text-align: center;
    }
    .pages-website:last-child .model-website-desc {
        font-size: 0.857rem;
        line-height: 1.714rem;
        padding-top: 15.857rem;
    }
    .model-website-tags{
        width: 100%;
        height: 0;
        border-bottom: 1px solid #EFEFEF;
        position: relative;
        bottom: 5.714rem;
    }
    .model-website-tags > span{
        width: 122px;
        height: 122px;
        border-radius: 50%;
        border: 1px solid #fff;
        display: block;
        line-height: 122px;
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -61px;
        background-color: #FF9869;
        color: #fff;
    }
    .model-website-tags > span:nth-of-type(2n){
        right: 0;
    }

/*产品-电子名片页-----------------------------------------------------------------------------------------*/
    .pages-ecard .model-ecard{
        width: 1200px;
        max-width: 100%;
        overflow: hidden;
        padding: 3.928rem;
        margin: auto;
        box-sizing: content-box;
    }
    .model-ecard > dt.model-ecard-img{
        width: 48%;
        float: left;
    }
    .model-ecard > .model-ecard-text{
        width: 48%;
        float: right;
        padding-top: 2.643rem;
        padding-bottom: 2.643rem;
        padding-left: 3.928rem;
        margin-top: 264px;
    }

    .model-ecard > .model-ecard-img img{
        max-width: 100%;
    }
    .pages-ecard:nth-of-type(2n) .model-ecard-img{
        float: right;
    }
    .pages-ecard:nth-of-type(2n) .model-ecard-text{
        float: left;
        padding-left: 0;
    }
    .model-ecard-title{
        font-size: 2.143rem;
        color: #333333;
        font-weight: 100;
        line-height: 2.857rem;
        padding-bottom: 2.643rem;
        display: block;
    }
    .model-ecard-subtitle{
        display: block;
        color: #666666;
        font-weight: 100;
        padding: 23px 0;
    }
    .model-ecard-desc{
        display: block;
        color: #999999;
        font-weight: 100;
        line-height: 2.714rem;
    }
    .model-ecard-desc > ol > li b{
        color: #3897FE;
    }

/*产品-在线客服-----------------------------------------------------------------------------------------*/
    .pages-chat .model-chat{
        width: 1200px;
        max-width: 100%;
        overflow: hidden;
        padding: 3.928rem 7.142rem;
        margin: auto;
        box-sizing:border-box;
    }
    .model-chat > dt.model-chat-img{
        float: left;
        max-width: 18%;
    }
    .model-chat > dd.model-chat-text{
        max-width: calc(82% - 8.928rem);
        float: right;
    }
    .model-chat > .model-chat-img img{
        max-width: 100%;
    }
    .pages-chat:nth-child(2n) .model-chat > .model-chat-img{
        float: right;
        max-width: calc(70% - 8.928rem);
    }
    .pages-chat:nth-child(2n) .model-chat > dd.model-chat-text{
        float: left;
        padding-left: 0;
        max-width: 30%;
        padding-top: 7.428rem;
    }
    .model-chat-title{
        font-size: 2.143rem;
        color: #1473E5;
        font-weight: 100;
        line-height: 2.857rem;
        padding-bottom: 2.643rem;
        display: block;
    }
    .model-chat-desc{
        display: block;
        font-size: 1.142rem;
        color: #666666;
        font-weight: 100;
        line-height: 2.571rem;
    }
    .pages-chat:nth-child(2n) .model-chat .model-chat-desc{
        color: #999;
        font-size: 1rem;
        line-height: 1.714rem;
    }
    .pages-chat:nth-last-of-type(1) .model-chat > dt{
        position: absolute;
        top: 95px;
        width: 100%;
        text-align: center;
    }
    .pages-chat:nth-last-of-type(1) .model-chat > dd{
        border-radius: 39px;
        background-color: rgba(255,255,255,0.8);
        box-sizing: border-box;
        padding: 2.857rem 122px;
        overflow: hidden;
        text-align: center;
    }
    .pages-chat:nth-last-of-type(1) .model-chat > dd .model-title{
        width: 100%;
        height: 0;
        border-bottom: 1px solid #D0D0D0;
        position: relative;
    }
    .pages-chat:nth-last-of-type(1) .model-chat > dd .model-title > span{
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -121px;
        width: 242px;
        font-size: 2.142rem;
        line-height: 2.857rem;
        text-align: center;
        background-color: rgba(255,255,255,0.6);
        border-radius: 0.714rem;
    }
    .model-chat .model-content{
        width: 50%;
        float: left;
        text-align: center;
        padding: 2.857rem 0 1.428rem 0;
    }
    .model-chat .model-content > img{
        height: 200px;
    }
    .model-chat .model-content > .title{
        font-size: 2.142rem;
        line-height: 2.857rem;
        color: #1473E5;
        padding: 15px 0;
    }
    .model-chat .model-content > .subtitle{
        font-size: 1rem;
        line-height: 19px;
        color: #1473E5;
    }
    .model-chat .model-content > .desc{
        width: 60%;
        margin: auto;
        font-size: 0.857rem;
        line-height: 1.714rem;
        color: #999999;
        padding: 15px 0;
    }
    .model-chat .chat-link{
        display: inline-block;
        width: 30%;
        margin: auto;
        line-height: 2.857rem;
        text-align: center;
        border-radius: 1.428rem;
        border: 1px solid #1473E5;
        color: #1473E5;
    }

/*产品-OA后台管理系统-----------------------------------------------------------------------------------------*/
    .model-oa{
        width: 1200px;
        max-width: 100%;
        margin: auto;
        overflow: hidden;
        padding-bottom: 3.928rem;
    }
    .model-oa .model-oa-img{
        width: 60%;
        float: left;
        text-align: center;
        padding: 50px;
        overflow: hidden;
    }
    .model-oa .model-oa-img > img{
        max-width: 100%;
        box-shadow: 0 4px 50px rgba(0,0,0,0.2);
        border-radius: 12px;
    }
    .model-oa .model-oa-text{
        padding-top: 50px;
        width: 30%;
        float: right;
        overflow: hidden;
    }
    .model-oa .model-title{
        font-size: 2.142rem;
        line-height: 2.857rem;
        display: block;
        text-align: center;
        color: #666666;
        width: 100%;
        float: left;
    }
    .model-oa-text > dl{
        width: 50%;
        float: left;
        text-align: center;
        padding-top: 2.571rem;
        overflow: hidden;
    }
    .model-oa-text > dl > dt {
        font-size: 1.285rem;
        line-height: 1.714rem;
        color: #666;
        font-weight: 300;
        padding-bottom: 0.714rem;
    }
    .model-oa-text > dl > dd img{
        height: 88px;
    }

    .model-oa-ability .model-title{
        padding-bottom: 2.5rem;
    }
    .model-oa-ability > dl{
        float: left;
        width: 25%;
        text-align: center;
        padding: 3.285rem 0;
    }
    .model-oa-ability > dl > dt img{
        height: 94px;
    }
    .model-oa-ability > dl dd:nth-of-type(1){
        font-size: 1.714rem;
        line-height: 3.285rem;
        color: #666;
    }
    .model-oa-ability > dl dd:nth-of-type(2) {
        font-size: 1rem;
        line-height: 1.714rem;
        color: #999999;
    }
    .model-oa-ability > dl dd:nth-of-type(3) img {
        height: 32px;
    }
    .model-oa-ability > dl dd:nth-of-type(4) {
        font-size: 1rem;
        line-height: 1.714rem;
        color: #666;
    }
    .model-crm-footer{
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

    @media only screen and (max-width: 730px){
        .model-oa-ability > dl{
            width: 33.33%;
        }
    }

    /*sm屏幕以下（小于等于576px时）*/
    @media only screen and (max-width: 576px){
        /*通用样式*/
            .edit-content{
                width: 100%;
            }
            .content-model-title{
                font-size: 1.714rem;
                width: 100%;
                text-align: center;
                padding: 2.142rem 0;
                font-weight: 100;
            }
            .content-model-title img{
                height: 32px;
            }

        /*产品-企业官网*/
            .pages-website{
                margin-bottom: 15px;
            }
            .pages-website:last-child{
                padding: 15px;
            }
            .pages-website .model-website{
                padding: 0 3%;
                box-sizing: border-box;
            }
            .pages-website .model-website > *{
                width: 100% !important;
            }
            .model-website > dt.model-website-img{
                padding: 2.142rem 0;
            }
            .model-website > .model-website-text{
                padding: 0;
            }
            .pages-website:first-child .model-website-text{
                padding: 2.142rem;
            }
            .model-website-title{
                font-size: 1.714rem;
                padding-bottom: 6px;
                line-height: unset;
            }
            .model-website-desc{
                line-height: 1.714rem;
            }
            .pages-website:last-child .model-website-img{
                padding: 0;
                top: 40%;
            }
            .pages-website:last-child .model-website-desc{
                padding-top: 10rem;
            }
            .model-website-tags{
                display: none;
            }

        /*产品-电子名片*/
            .pages-ecard{
                margin-bottom: 15px;
            }
            .pages-ecard .model-ecard{
                padding: 0 3%;
                box-sizing: border-box;
            }
            .pages-ecard .model-ecard > *{
                width: 100% !important;
            }
            .model-ecard > dt.model-ecard-img{
                padding: 2.142rem 0;
                text-align: center;
            }
            .model-ecard > .model-ecard-img img{
                width: 50%;
            }
            .model-ecard > .model-ecard-text{
                padding: 0 1rem !important;
                margin-top: 0;
            }
            .model-ecard-title{
                font-size: 1.714rem;
                padding-bottom: 6px;
                line-height: unset;
            }
            .model-ecard-desc{
                line-height: 1.714rem;
            }

        /*产品-在线客服-----------------------------------------------------------------------------------------*/
            .pages-chat{
                margin-bottom: 2.5rem;
                padding: 25px 0;
            }
            .pages-chat .model-chat{
                padding: 0 3%;
                box-sizing: border-box;
            }
            .pages-chat .model-chat > *{
                width: 100% !important;
                max-width: 100% !important;
            }
            .model-chat > dt.model-chat-img{
                text-align: center;
            }
            .model-chat > dd.model-chat-text{
                padding-top: 1rem !important;
            }
            .model-chat-title{
                font-size: 1.714rem;
                padding-bottom: 1rem;
                text-align: center;
            }
            .model-chat-desc{
                font-size: 1rem;
                text-align: center;
                line-height: unset;
            }
            .pages-chat:nth-last-of-type(1) .model-chat > dd{
                padding: 1.428rem 0.714rem;
            }
            .pages-chat:nth-last-of-type(1) .model-chat > dd .model-title{
                border: none;
                height: unset;
            }
            .pages-chat:nth-last-of-type(1) .model-chat > dd .model-title > span{
                position: unset;
                width: unset;
                margin: unset;
            }
            .model-chat .model-content{
                padding: 0.714rem 5px 1.428rem 5px;
            }
            .model-chat .model-content > img{
                height: unset;
                max-height: 200px;
            }
            .model-chat .model-content > .title{
                font-size: 1.714rem;
            }
            .model-chat .model-content > .desc{
                width: 100%;
            }
            .model-chat .chat-link{
                width: 80%;
            }

         /*产品-OA后台管理系统-----------------------------------------------------------------------------------------*/
            .model-oa .model-oa-img,.model-oa .model-oa-text{
                width: 100%;
            }
            .model-oa-ability > dl{
                width: 50%;
                padding: 26px 0;
            }
            .model-oa-ability > dl dd:nth-of-type(1){
                font-size: 1.285rem;
            }
            .model-oa-ability > dl dd:nth-of-type(3) img{
                height: 1.714rem;
            }
            .model-crm-footer > img{
                width: 150% !important;
                max-width: 150% !important;
                margin-left: -25%;
            }

    }

    @media only screen and (max-width: 370px){
        .model-oa-ability > dl{
            width: 100%;
            float: unset;
        }
    }