
    html,body{
        width: 100%;
        height: 100%;
        min-width: 320px;
        font-family: "微软雅黑","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
        /*position: relative;*/

    }
    .header{
        display: none;
    }
    .headers{
        display: block;
    }

    .headers_bg{
        width: 100%;
        height: 100vh;
        background-image: url("../img/m/bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: relative;
        /*position: absolute;*/
    }
    .headers_flex{
        display: flex;
        flex-wrap: nowrap;
        justify-content:space-between;
    }
    .headers_bg_l{
        width: 91px;
        height: 18px;
        background-image: url("../img/m/logo.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        margin-top: 18px;
        margin-left: 20px;
    }
    .headers_bg_r{
        margin-right: 20px;
        font-size: 13px;
        font-weight: 100;
        color: #FFFFFF;
        line-height: 18px;
        margin-top: 18px;
        display: flex;
        flex-wrap: nowrap;
        justify-content:space-between;
        cursor: pointer;
    }
    .headers_bg_r_home{
        margin-right: 34px;
    }
    .headers_y{
        display: none;
    }
    .headers_download{
        display: none;
    }
    .headers_downloads{
        width: 129px;
        /*678px*/
        margin: 0 auto;
        height: 36px;
        background-image: url("../img/m/download.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        position: absolute;
        bottom: 29%;
        left: 31%;
    }
    .content{
        width: 100%;
        margin-top: 0;
    }
    .content_width{
        width: 89.33%;
        margin: 0 auto;
    }
    .content_width_product{
        display: flex;
        align-items:center;
        justify-content:center;
        margin-top: 59px;
        font-size: 22px;
        font-weight: 600;
        color: #000000;
        line-height: 30px;;
        letter-spacing: 1px;
    }
    .content_width_product_bj{
        background-image: url("../img/c/rectangular.2x.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 30px;
        height: 4px;
        margin: 6px auto 0;
    }
    .content_width_product_text{
        display: flex;
        align-items:center;
        justify-content:center;
        font-size: 14px;
        font-weight: 100;
        color: #7F7F7F;
        line-height: 32px;
        letter-spacing: 1px;
        /*text-align: center;*/
    }
    /*.content_width_product_text span{*/
    /*    display: block;*/
    /*}*/
    .mobile{
        display: none;
    }
    .mobiles{
        display: block;
    }
    .mobiles{
        margin-top: 36px!important;
    }
    .content_three{
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        overflow: hidden;
        margin-top: 57px;
        margin-bottom: 51px;
    }
    .content_three_left{
        width: 100%;
        margin: 0 auto 57px;
    }
    .content_three_left_img{
        width: 100%;
        display: block;
    }
    .content_three_left_h5{
        margin-top: 15px;
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        line-height: 22px;
        letter-spacing: 1px;
    }
    .content_three_left_p{
        margin-top: 6px;
        font-size: 13px;
        font-weight: 100;
        color: #7F7F7F;;
        line-height: 18px;
        letter-spacing: 1px;
    }
    .gray{
        background: #F4F5F7;
        height: 100%;
    }
    .gray_content{
        width: 89.33%;
        margin: 0 auto;
    }
    .gray_s{
        display: flex;
        flex-wrap: wrap;
        justify-content:left;
        overflow: hidden;

    }
    .gray_content_d{
        width: 100%;
        margin: 16px auto 0;
    }
    .gray_content_d_h5{
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        line-height: 20px;
        letter-spacing: 1px;
    }
    .gray_content_d_p{
        margin-top: 3px;
        font-size: 12px;
        font-weight: 100;
        color: #7F7F7F;
        line-height: 17px;
        letter-spacing: 1px;
    }
    .gray_content_d_left_h5{
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        line-height: 20px;
        letter-spacing: 1px;
    }
    .gray_content_d_left_p{
        font-size: 12px;
        font-weight: 100;
        color: #7F7F7F;
        line-height: 17px;
        letter-spacing: 1px;
    }
    .overflow{
        display: flex!important;
        flex-wrap: nowrap!important;
        justify-content:space-between!important;
    }
    .gray_content_d_right_img{
        width: 78px;
        height: 78px;
    }
    .footer{
        width: 100%;

        background: #E0E1E8;
    }
    .footer_con{
        width: 89.33%;
        margin: 0 auto;
    }
    .footer_con_f{
        display: flex;
        flex-wrap: nowrap;
        justify-content:left;
        align-items: flex-start;
    }
    .footer_con_text{
        font-size: 12px;
        font-weight: 100;
        color: #000000;
        line-height: 17px;
        letter-spacing: 1px;
        /*margin-bottom: 16px;*/
        margin-top: 12px;
    }
    .footer_con_text_span{
        display: block;
    }
    .footer_con_text_img{
        width: 13px;
        height: 13px;
        display: inline-block;
        position: absolute;
    }
    .text-line-1{
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient:vertical;
        display: -webkit-box;
    }
    /*苹果x适配*/
    /* iPhone X 和 iPhone XS */

    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
        .header_bg{
            width: 100%;
            height: 667px;
            background-image: url("../img/m/bg.png");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
            /*position: absolute;*/
        }
    }

    /* iPhone XR */

    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
        .header_bg{
            width: 100%;
            height: 667px;
            background-image: url("../img/m/bg.png");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
            /*position: absolute;*/
        }
    }

    /* iPhone XS Max */

    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
        .header_bg{
            width: 100%;
            height: 667px;
            background-image: url("../img/m/bg.png");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
            /*position: absolute;*/
        }
    }