@charset "utf-8";
@media screen and (max-width: 768px) {
    body {max-width: 100%;overflow-x: hidden !important;}
    img, video {max-width: 100%;height: auto;}
    .header-item,.part-one-back,.content-center,#bottom-nav {display: none !important;}
    .appHeader, .appContent-center,.appContent-bottom,.content-mostBottom {display: block !important;}
    /*头部*/
    .appHeader {width: 100%;height: 44px;background: #FFFFFF;border-radius: 0 0 0 0;opacity: 1;}
    .appHeader-icon {width: 230px;height: 35px;background: url("../img/public/appHeader.png") no-repeat;background-size: 100% 100%;margin: 10px 0 0 20px;}

    /*中间内容*/
    .appContent-title {
        margin: auto;
        text-align: center;
        color: #2e2e2e;
        font-size: 22px;
        font-weight: bold
    }

    /*公共样式*/
    .app-title {
        height: 35px;
        font-family: PingFang SC-Bold;
        font-weight: 600;
        font-size: 22px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 35px;
        text-align: center;
    }
    .app-special-text{
        font-family: 'PingFangSC-Medium';
    }
    .div_title{
        width: 100%;
        height: 35px;
        font-family: PingFang SC-Bold;
        font-weight: 600;
        font-size: 22px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 35px;
        text-align: center;
    }
    .white_title{
        color: #FFFFFF;
    }
    .black_title{
        color: #2E2E2E;
    }

    /*介绍*/
    .appBanner {
        background: url("../img/mobile/banner-bg.png") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 325px;
        margin-top: 0px;
        padding-top: 10px
    }

    .appBanner-title {
        text-align: center;
        margin: auto;
        margin-top: 60px;
        margin-bottom: 30px;
        height: 35px;
        font-family: PingFang SC-Bold;
        font-weight: 600;
        font-size: 24px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 35px;
    }

    .appBanner-subtitle {
        margin: 0 25px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 16px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 26px;
    }

    .appBanner-button {
        font-size: 16px;
        width: 158px;
        height: 48px;
        color: #fff;
        margin: auto;
        margin-top: 55px;
        background: #2469f2;
        text-align: center;
        line-height: 48px;
        font-weight: bold;
        letter-spacing: 1px;
        border-radius: 3px
    }

    /*功能架构*/
    .appFramework {
        width: 100%;
        height: 782px;
        padding: 0 15px;
        padding-top: 40px;
    }

    .appFramework .app-subtitle {
        margin-top: 12px;
        height: 20px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #2E2E2E;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .framework-img {
        width: 100%;
        height: 625px;
        background: url("../img/mobile/framework-bg.svg") no-repeat center;
    }

    /*产品功能*/
    .function_m{
        width: 100%;
        height: 575px;
        background: #F7FAFF;
        padding-top: 40px;
    }
    .function_m .app-title{
        margin-bottom: 20px;
    }
    .function_m .swiperTitle{
        width: 127px;
        height: 38px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 14px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 38px;
        border-radius: 6px;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: row;
    }
    .function_m .swiperTitle.active{
        background: #186cf51a;
        color: #186CF5;
    }
    .function_m .fun_icon{
        width: 15px;
        height: 15px;
        margin-right: 8px;
        margin-top: 11px;
    }
    .function_m .fun_icon_01{
        background: url("../img/mobile/function_icon_01.svg");
        background-size: 100% 100%;
    }
    .function_m .swiperTitle.active .fun_icon_01{
        background: url("../img/mobile/function_icon_01_active.svg");
        background-size: 100% 100%;
    }
    .function_m .fun_icon_02{
        background: url("../img/mobile/function_icon_02.svg");
        background-size: 100% 100%;
    }
    .function_m .swiperTitle.active .fun_icon_02{
        background: url("../img/mobile/function_icon_02_active.svg");
        background-size: 100% 100%;
    }
    .function_m .fun_icon_03{
        background: url("../img/mobile/function_icon_03.svg");
        background-size: 100% 100%;
    }
    .function_m .swiperTitle.active .fun_icon_03{
        background: url("../img/mobile/function_icon_03_active.svg");
        background-size: 100% 100%;
    }
    .function_m .fun_icon_04{
        background: url("../img/mobile/function_icon_04.svg");
        background-size: 100% 100%;
    }
    .function_m .swiperTitle.active .fun_icon_04{
        background: url("../img/mobile/function_icon_04_active.svg");
        background-size: 100% 100%;
    }
    .function_m .fun_icon_05{
        background: url("../img/mobile/function_icon_01.svg");
        background-size: 100% 100%;
    }
    .function_m .swiperTitle.active .fun_icon_05{
        background: url("../img/mobile/function_icon_01_active.svg");
        background-size: 100% 100%;
    }
    .function_m .fun_con_title_icon{
        width: 15px;
        height: 15px;
        margin-right: 8px;
        margin-top: -2px;
    }
    .function_m .fun_con img{
        width: 12px;
        height: 12px;
    }
    .function_m .swiper-container{
        margin: 0 15px;
    }
    .function_m .content-slide{
        width: 345px;
        height: 394px;
        background: #FFFFFF;
        border: 1px solid #E7F0FE;
        border-radius: 8px;
        margin: 10px auto 0;
    }
    .function_m .fun-content_div{
        padding-top: 30px;
        position: relative;
    }
    .function_m .fun-content_div .fun_img{
        position: absolute;
        min-width: 345px;
        bottom: 8px;
        left: 0px;
        height: 200px;
    }
    .function_m  .fun-content_div p{
        width: 100%;
        text-align: center;
    }
    .function_m  .fun-content_div .fun_padding{
        padding-left: 18px;
        padding-right: 18px;
    }
    .function_m .fun-content_div .fun_con_title{
        height: 16px;
        font-family:PingFang SC-Bold;
        font-weight: 600;
        font-size: 16px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 16px;
        margin-bottom: 15px;
        text-align: center;
    }
    .function_m .fun-content_div .fun_desc{
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 20px;
    }
    .function_m .fun-content_div .fun_desc:nth-child(2){
        margin-bottom: 5px;
    }
    .function_m .fun-content_div .fun_con_flex{
        display: flex;
        flex-wrap: wrap;
        padding:0 60px 0 62px;
    }
    .function_m .fun-content_div .fun_con{
        width: 50%;
        height: 12px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 12px;
        margin-bottom: 14px;
    }
    .function_m .fun-content_div .fun_con:nth-child(even){
        padding-left: 38px;
    }
    .function_m .fun-content_div .fun_con.spacial{
        padding-left: 30px!important;
    }
    .function_m .fun-content_div .fun_con img{
        margin-right: 8px;
    }
    /*产品价值*/
    .appWorth{
        width: 100%;
        height: 316px;
        padding-top: 40px;
    }
    .appWorth .adv_div{
        position: relative;
        width: 160px;
        height: 180px;
        background-image: linear-gradient(180deg, #EEF5FF 15%, #FFFFFF 50%);
        border: 1px solid #FFFFFF;
        box-shadow: 0 2px 7.5px 0 #E8ECF1;
        border-radius: 4px;
    }
    .appWorth .adv_div img{
        position: absolute;
        width: 60px;
        height: 60px;
        top: 26px;
        left: 50px;
    }
    .appWorth .adv_div p{
        position: absolute;
        font-family: PingFang SC-Bold;
        top: 106px;
        width: 100%;
        text-align: center;
        height: 18px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #2E2E2E;
        line-height: 18px;
    }
    .appWorth .adv_div label{
        position: absolute;
        width: 100%;
        font-family: PingFang SC-Regular;
        line-height: 18px;
        top: 132px;
        text-align: center;
        color: #2e2e2e;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        paragraph-spacing: 0;
    }
    .appWorth .adv_div label.up{
        background: url("../img/mobile/arrow-up.svg") no-repeat;
        background-size: 5px 10px;
        background-position: 96px center;
    }
    .appWorth .adv_div label.down{
        background: url("../img/mobile/arrow-down.svg") no-repeat;
        background-size: 5px 10px;
        background-position: 96px center;
    }
    .appWorth .adv_div label span{
        color: #2e2e2e;
        font-size: 9px;
        font-weight: 400;
        line-height: 0;
        letter-spacing: 0;
    }
    .appWorth .swiper-slide{
        width: 160px;
        height: 200px;
        margin-right: 12px;
    }
    .appWorth .advantage_swiper{
        margin-top: 20px ;
        padding: 0 15px;
    }
    /*产品优势*/
    .appAdvantage {
        width: 100%;
        height: 731px;
        padding: 40px 15px 0;
        background: url("../img/mobile/advantage-bg.png") no-repeat;
        background-size: 100% 100%;
    }

    .appAdvantage .app-title {
        color: #ffffff;
        margin-bottom: 20px;
    }

    .appAdvantage .appAdvantage-box .appAdvantage-item {
        width: 100%;
        height: 91px;
        background: url("../img/mobile/advantage-item-bg.png") no-repeat;
        background-size: 100% 100%;
        padding: 16px 20px;
        border-radius: 8px;
        margin-bottom: 10px;
    }

    .appAdvantage-item p:first-child {
        height: 16px;
        width: 100%;
        font-family: PingFang SC-Bold;
        font-weight: 600;
        font-size: 14px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 16px;
        margin-bottom: 6px;
        padding-left: 23px;
    }

    .appAdvantage-item p:last-child {
        height: 36px;
        width: 100%;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #2E2E2E;
        letter-spacing: 0;
        line-height: 18px;
    }
    .appAdvantage-item:nth-child(1) p:first-child{
        background: url("../img/mobile/icon-gxjf.png") no-repeat left center;
        background-size: 16px 16px;
    }
    .appAdvantage-item:nth-child(2) p:first-child{
        background: url("../img/mobile/icon-ai.png") no-repeat left center;
        background-size: 16px 16px;
    }
    .appAdvantage-item:nth-child(3) p:first-child{
        background: url("../img/mobile/icon-znpc.png") no-repeat left center;
        background-size: 16px 16px;
    }
    .appAdvantage-item:nth-child(4) p:first-child{
        background: url("../img/mobile/icon-dzhbb.png") no-repeat left center;
        background-size: 16px 16px;
    }
    .appAdvantage-item:nth-child(5) p:first-child{
        background: url("../img/mobile/icon-tpsy.png") no-repeat left center;
        background-size: 16px 16px;
    }
    .appAdvantage-item:nth-child(6) p:first-child{
        background: url("../img/mobile/icon-zsk.png") no-repeat left center;
        background-size: 16px 16px;
    }
    /*客户案例*/
    .appCase{
        width: 100%;
        height: 675px;
        padding: 40px 15px;
    }
    .appCase-box.first{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .appCase-box.last{
        margin-bottom: 40px;
    }
    .appCase .appCase-box{
        width: 100%;
        height: 160px;
        border-radius: 8px;
        border: 1px solid #E1E2EB;
        box-shadow: 0 2px 8px 0 #E8ECF1;
        padding: 19px 14px;
        background-image: url("../img/mobile/case-bg.png"),linear-gradient(180deg, #EEF5FF 0%, #FFFFFF 50%);
        background-position: 14px 52px, center;
        background-repeat: no-repeat;
        background-size: 39px auto, 100%
    }
    .appCase .first p:first-child{
        height: 36px;
        background: url("../img/mobile/case-htkj.svg") no-repeat left center;
        background-size: auto 36px;
        margin-bottom: 12px;
    }
    .appCase .last p:first-child{
        height: 36px;
        background: url("../img/mobile/case-htkg.svg") no-repeat left center;
        background-size: auto 36px;
        margin-bottom: 12px;
    }
    .appCase-desc{
        color: #2e2e2e;
        font-size: 12px;
        font-face: PingFangSC;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0;
        paragraph-spacing: 0;
        text-align: justify;
    }
    .appCase-desc span{
        word-break: break-all;
        color: #F19F35;
    }
    .appMore{
        width: 100%;
        height: 115px;
    }
    .appMore>div{
        width: 100%;
        height: 50%;
        display: flex;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .appMore p{
        min-width: 81px;
        box-shadow: 0 2px 7.5px 0 #E8ECF1;
        border-radius: 4px;
    }
    .appMore .line1{
        height: 55px;
    }
    .appMore .line2{
        height: 50px;
    }
    .appMore .box1 p:nth-child(1){
        background: url("../img/mobile/more-htkj.svg") no-repeat center;
        background-size: 100% 100%;
    }
    .appMore .box1 p:nth-child(2){
        background: url("../img/mobile/more-htkg.svg") no-repeat center;
        background-size: 100% 100%;
    }
    .appMore .box1 p:nth-child(3){
        background: url("../img/mobile/more-zghh.svg") no-repeat center;
        background-size: 100% 100%;
    }
    .appMore .box1 p:nth-child(4){
        background: url("../img/mobile/more-bsb.svg") no-repeat center;
        background-size: 100% 100%;
    }
    .appMore .box2 p:nth-child(1){
        background: url("../img/mobile/more-hfyy.svg") no-repeat center;
        background-size: 100% 100%;
    }
    .appMore .box2 p:nth-child(2){
        background: url("../img/mobile/more-jcdj.svg") no-repeat center;
        background-size: 100% 100%;
    }
    .appMore .box2 p:nth-child(3){
        background: url("../img/mobile/more-sdsh.svg") no-repeat center;
        background-size: 100% 100%;
    }
    .appMore .box2 p:nth-child(4){
        background: url("../img/mobile/more-more.svg") no-repeat center;
        background-size: 100% 100%;
    }

    /*企业优势*/
    .company_m{
        width: 100%;
        height: 600px;
        background: url("../img/mobile/company_bg.jpg");
        background-size: 100% 100%;
        padding-top: 40px;
    }
    .company_con{
        width: 345px;
        margin: 20px auto 0;
        display: flex;
        flex-wrap: wrap;
    }
    .company_con img{
        width: 345px;
        height: 200px;
        margin-bottom: 19px;
    }
    .company_con label{
        width: 344px;
        height: 90px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #333333;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 25px;
    }
    .company_con .com_bottom{
        width: 171px;
        height: 65px;
        text-align: center;
    }
    .company_con .com_bottom p:first-child{
        height: 25px;
        font-family: PingFang SC-Bold;
        font-weight: 600;
        font-size: 18px;
        color: #333333;
        letter-spacing: 0;
        line-height: 25px;
        margin-bottom: 10px;
    }
    .company_con .com_bottom p:last-child{
        height: 12px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #333333;
        letter-spacing: 0;
        line-height: 12px;
    }
    .company_marginTop{
        margin-top: 17px;
    }
    .company_m .border01{
        width: 1px;
        height: 65px;
        background: linear-gradient(to bottom, rgba(74, 142, 254, 0) 10%, #4A8EFE 100%) ;
        opacity: 0.5;
    }
    .company_m .border02{
        width: 1px;
        height: 65px;
        background: linear-gradient(to top, rgba(74, 142, 254, 0) 10%, #4A8EFE 100%) ;
        opacity: 0.5;
    }
    .company_m .border03{
        width: 344px;
        height: 1px;
        background: linear-gradient(to right, rgba(74, 142, 254, 0) 10%, #4A8EFE 50%,rgba(74, 142, 254, 0) 90%) ;
        opacity: 0.5;
    }

    /*预约体验*/
    .appointment_m{
        width: 100%;
        height: 149px;
        background: url("../img/mobile/appointment-bg.png");
        background-size: 100% 100%;
        text-align: center;
        padding-top: 24px;
    }
    .appointment_m .div_title{
        height: 25px;
        font-family: PingFang SC-Bold;
        font-weight: 600;
        font-size: 18px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 25px;
    }
    .appointment_m .appointment_tip{
        height: 13px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 13px;
        margin-top: 10px;
    }
    .appointment_m .appointment_btn{
        width: 80px;
        height: 30px;
        background: #FFFFFF;
        border-radius: 4px;
        margin-top: 24px;
        border: none;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #186CF5;
        letter-spacing: 0;
        line-height: 30px;
    }
    /*下方预约表单*/
    .appContent-try {width: 100%;height: 140px;background: url("../img/public/apptry.png") no-repeat;background-size: 100% 100%;}
    .appContent-try-title {height: 20px;font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 20px;text-align: center;margin: auto;padding-top: 20px;}
    .startTry {width: 130px;height: 45px;background: url("../img/public/appstart.png") no-repeat;background-size: 100% 100%;margin: 45px auto 0;}

    /*页面底部*/
    .appContent-bottom {width: 100%;height: 212px;background: #2E2E2E;padding:0 15px;}
    .appContent-bottom-top {height: 88px;padding: 25px 0 19px}
    .appContent-bottom-heng {height:1px;background: #FFFFFF;opacity: 0.2;}
    .appContent-bottom-bot {height: 75px;padding: 11px 0 0;}
    .appBottom-top {display: flex;}
    .appBottom-top:first-child {margin-bottom: 10px;}
    .appBottom-top-icon {width: 11px;height: 11px;background: url("../img/public/appdianhua.png") no-repeat;background-size: 100% 100%;margin-top: 3px;}
    .appBottom-top-font {height: 17px;font-family: PingFangSC-Medium;font-weight: 500;font-size: 12px;color: #EEEEEE;width: 100%;line-height: 17px;text-align: left;}
    .appBottom-top .appWeiZhi {width: 10px;height: 13px;background: url("../img/public/appweizhi.png") no-repeat;background-size: 100% 100%;margin-top: 1px;}
    .bottom-bot-font {width:100%;height: 15px;font-family: PingFang SC-Regular;font-weight: 400;font-size: 11px;color: #67707D;margin-bottom: 4px;}

    /*立即体验按钮*/
    .content-mostBottom {width: 100%;height: 49px;position: fixed;z-index: 2;bottom: 0;}
    .content-mostBottom-left {width: 60%;height: 100%;background: #DCE9FF;opacity: 1;position: absolute;font-size: 15px;font-weight: 500;color: #186CF5;line-height: 49px;text-align: center;font-family: PingFangSC-Medium;}
    .content-mostBottom-right {width: 40%;height: 100%;background: linear-gradient(271deg, #0191FF 0%, #106CEC 100%);border-radius: 0 0 0 0;opacity: 1;position: absolute;right: 0;font-size: 15px;font-weight: 400;color: #FFFFFF;line-height: 49px;text-align: center;font-family: PingFang SC-Regular;}

    /*立即体验*/
    .appTry {width: 100%;height: 100%;}
    .appTry-mask {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
    .appForm {width: 100%;height: 383px;max-height: 100%;background: #FFFFFF;border-radius: 10px 10px 0 0;opacity: 1;position: fixed;z-index: 6;bottom: 0;transform: scaleY(0);transition: transform 0.5s ease;}
    .appForm-title {text-align:center;font-size: 18px;font-weight: 400;color: #2E2E2E;padding: 22px 0 2px;margin: auto;}
    .appBox-form-inputs {width: 100%;height: 43px;opacity: 1;border: 1px solid #D1D1D1;padding-left: 50px;caret-color: auto;margin-top: 14px;border-radius: 4px;}
    .appBox-form-whites {padding: 0 5%;}
    .appTryBox {position: relative;}
    .appImgSubmits {position: absolute;top: 26px;left: 9px;width:20px;height:20px;}
    .appTry-line {width: 0;height: 17px;opacity: 1;border: 1px solid #A7A7A7;position: absolute;top: 27px;left: 38px;}
    .appBox-form-inputs::-webkit-input-placeholder {font-size: 14px;font-weight: 400;color: #A7A7A7;}
    .appChangePl::-webkit-input-placeholder {color: red;}
    .appCodes {position: absolute;top: 30px;right: 20px;font-size: 14px;font-weight: 400;color: #186cf5;line-height: 14px;cursor: pointer;}
    .appSubmits {width: 100%;height: 43px;margin: 35px auto 0 1%;position: relative;}
    .appSubmits .submit-blue{
        background: #186CF5;
    }
    /*立即体验成功后*/
    .appMasking {position: fixed;top: 0;left: 0;z-index: 7;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
    .appBox-reason-change {display: none;}
    .appSubmit-success {width: 100%;height: 420px;max-height: 100%;background: #FFFFFF;border-radius: 10px 10px 0 0;opacity: 1;position: fixed;z-index: 8;bottom: 0;}
    .appSubmit-success-title {font-size: 22px;font-weight: bold;color: #202124;margin: 40px auto 0;text-align: center;}
    .appSubmit-success-desc {font-size: 16px;font-weight: 400;color: #202124;margin: 12px auto 0;text-align: center;}
    .appSubmit-ok {width: 100%;height: 48px;background: #186CF5;border-radius: 5px;font-size: 16px;font-weight: 400;color: #FFF;border-style: none;}
    .appSubmit-okDiv {width: 90%;margin: 70px auto 0;}
    .appForm.active {transform: translateY(0) !important;}
}