@charset "utf-8";
@media screen and (max-width: 768px){
    /*导航*/
    .appHeader-item-top, .appProduct-box {display: block!important;}
    .containerNavigation,.header-item,.content-center,#bottom-nav,.sider-main,.slides,.slideBackground,#back-to-top {display: none!important;}
    .appHeader-item-top {width: 100%;height: 60px;padding-top: 1rem;margin-top: -10px;background: #FFFFFF;border-radius: 0 0 0 0;opacity: 1;position: relative;}
    .item-top-icon {width: 19.6rem;height: 3rem;background: url("../img/public/logo2.png") no-repeat;background-size: 100% 100%;margin: 1rem 0 0 2rem;}
    .appHeader-button {position: absolute;top: 25px;right: 20px;}
    .appProduct-box {caret-color: transparent;}
    .appProduct-select {z-index: 6;width: 0;transition: width 0.5s;height: 100%;top: 0;bottom: 0;right: 0;position: absolute;box-sizing: border-box;background-color: #fff;display: flex;flex-direction: column;box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);overflow: hidden;outline: 0;}
    .appProduct-box-container {position: fixed;width: 0;height: 100%;transition: width 0.01s;background-color: rgba(0,0,0,.7);z-index: 5;top: 0;right: 0;overflow: hidden;outline: 0;}
    .appSelect-header {width: 100%;height: 54px;display: flex;align-items: center;box-shadow: 0 3px 3px -3px rgba(6,22,38,.2);}
    .appProduct-val {font-size: 15px;color: #333333;border-bottom: 1px solid rgba(6,22,38,.1);height: 40px;line-height: 40px;margin-left: 20px;}
    .appProduct-valDirection:before {content: "\003E";}
    .appProduct-valDirection {color: #000;position: static;vertical-align: middle;margin-top: -3px;font-family: element-icons!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;vertical-align: baseline;display: inline-block;-webkit-font-smoothing: antialiased;transform: rotate(90deg);transition: transform 0.3s;margin-left: 180px;}
    .appProductClose {width: calc(100% - 200px);height: 100%;position: absolute;left: 0;}
    /*头部*/
    body {max-width: 100%;overflow-x: hidden !important;}
    html {font-size: 10px;}
    img, video {max-width: 100%;height: auto;}
    .header-item, .content-center, #containerNavigation {display: none !important;}
    .app-header-item,app-header-item-industry,.app-content,#childPro {display: block;}
    .appHeader-item-top {width: 100%;height: 6rem!important;background: #FFFFFF;border-radius: 0 0 0 0;opacity: 1;}
    .app-header-item{height: 250px;background-image: url(../img_opt/information/app-background.jpg);background-size: 100% 100%;background-repeat: no-repeat;color: #FFFFFF}
    .app-header-title{text-align: center;font-size: 18px;font-weight: bold;padding-top: 45px;}
    .app-header-describe{font-size: 13px;line-height: 23px;padding: 30px 15px 0px 15px;text-align: justify;}
    .app-header-title-industry{text-align: center;font-size: 20px;font-weight: bold;padding-top: 45px;}
    .app-header-describe-industry{font-size: 13px;line-height: 23px;padding: 30px 15px 0px 15px;}

    /*中间内容*/
    .app-content{background-color: #F2F6F9}
    /*热门文章*/
    .app-hotNews{background-color: #FFFFFF}
    .app-hotNews-title{font-size: 20px;font-weight: bold;padding-top: 20px;padding-left: 15px;}
    .app-hotNews-list{display: -webkit-box;width: 100%;overflow-x: scroll;}
    ::-webkit-scrollbar{display: none;}
    .app-hotNews-content{width: 39%;padding: 10px 0px 10px 15px;}
    .app-hotNews-describe{font-size: 13px;font-weight: bold;height: 40px;overflow: hidden}
    /*全部文章*/
    .app-allNews{background-color: #FFFFFF;margin-top: 15px;}
    .app-allNews-title{font-size: 20px;font-weight: bold;padding:20px 0px 5px 15px}
    .app-allNews-content{height: 100px;padding: 20px 15px 0px 15px;display: flex}
    .app-allNews-left{width: 65%;padding-right: 20px;}
    .app-allNews-right{width: 34%}
    .app-allNews-right img{height: 80px}
    .app-allNews-content-title{font-size: 13px;font-weight: bold;height: 45px}
    .app-allNews-time{font-size: 12px;color: #A7A7A7;padding-top: 20px}
    .app-allNews-time img{width: 15px;height: 11px;margin-left: 105px;margin-bottom: 4px;}
    .app-allNews-border{border-bottom: 1px solid #D1D1D1;margin: 10px 13px 0px 13px;}

    /*文章详情*/
    .app-content-details{background-color: #FFFFFF;padding: 15px}
    .app-details-title{font-size: 20px;font-weight: bold;margin: 10px 0px 10px 0px}
    .app-date-source{font-size: 13px;color: #a7a7a7}
    .app-date-source img{width: 15px;height: 11px;margin-left: 15px;margin-bottom: 4px;}
    .app-hotNews-details{background-color:#FFFFFF;padding: 15px;margin-top: 10px}
    .app-hotNews-details-title{font-size: 20px;font-weight: bold;margin: 10px 0px 10px 0px}
    .app-hotNews-details-news{border-bottom: 1px solid #F2F2F2;height: 35px;font-size: 13px;line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .app-hotNews-details-news span{padding-right: 20px;}
    .app-hotNews-details-news:nth-of-type(1) span{color: #ec4a4a;}
    .app-hotNews-details-news:nth-of-type(2) span{color: #feac33;}
    .app-hotNews-details-news:nth-of-type(3) span{color: #e6c908;}
    .app-hotnews-details-more{text-align: center;font-size: 15px;height: 40px;color: #0d8eff;padding-top: 15px}

    .app-paging{text-align: center;color: #8c939d;font-size: 15px;margin: 30px 20px 30px 20px;}
    .app-paging i{margin:0px 30px 0px 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: PingFangSC-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: PingFangSC-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;}

    /*预约体验*/
    .appointment_m{
        width: 100%;
        height: 149px;
        background: url("../img_opt/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: PingFangSC-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: PingFangSC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #186CF5;
        letter-spacing: 0;
        line-height: 30px;
    }
    /*下方预约表单*/
}