@charset "UTF-8";
/* 中型设备（平板电脑，768 像素及以上） */
@media (max-width: 1200px) {
    /* :root {
        --jq_w1480: 100%;
      } */
    .header-box {
        padding: 0 10px;
    }
    .header-box .header {
        height: auto;
        /* flex-direction: column; */
        justify-content: space-between;
        padding: 20px 0;
    }
    .header-box .header .logo {
        width: 160px;
        height: 60px;
        flex-shrink: 0;
    }
    .header-box .header .logo img {
        /* width: 100%; */
        height: 100%;
    }
    .header-box .header .menu-box {
        display: none;
    }
    .header-box .header .lang-search-more {
        width: auto;
        height: auto;
        /* justify-content: center; */
        /* margin-top: 20px; */
    }
    .header-box .header .lang-search-more .lang a:last-child::after {
        display: block;
    }
    .header-box .header .lang-search-more .more {
        display: flex;
        position: relative;
        top: 2px;
    }
}

/* 中型设备（平板电脑，768 像素及以上） */
@media only screen and (max-width: 768px) {
    :root {
        --jq_w1480: 100%;
    }
    .app {
        /* padding-top: 160px; */
        padding-top: 100px;
    }
    .banner-box {
        display: none;
    }
    .phone-banner-box {
        height: 210px;
        display: flex;
    }
    /* 分页 */
    .page-box {
        flex-wrap: wrap;
    }
    .page-box a.total, .page-box a.after {
        width: 100%;
        margin-top: 10px;
    }
    .page-box a.before {
        width: 100%;
        margin-bottom: 10px;
    }
    /* form */
    .jq-common-form .form-box .form-item .field-label {
        width: 100%;
    }
    .jq-common-form .form-box .form-item.w50 {
        width: 100%;
    }
    .jq-common-form .form-submit {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .jq-common-form .form-submit .button {
        width: 140px;
        height: 52px;
        margin: 0 10px;
    }
    /* 头部 */
    .header-box {
        padding: 0 10px;
        background: var(--jq_color7);
    }
    .header-box .header {
        height: auto;
        /* flex-direction: column; */
        justify-content: space-between;
        padding: 20px 0;
    }
    .header-box .header .logo {
        width: 160px;
        height: 60px;
        flex-shrink: 0;
    }
    .header-box .header .logo img {
        /* width: 100%; */
        height: 100%;
    }
    .header-box .header .menu-box {
        display: none;
    }
    .header-box .header .lang-search-more {
        width: auto;
        height: auto;
        /* justify-content: center; */
        /* margin-top: 20px; */
        display: flex;
    }
    /* 搜索框 */
    .search-box .search {
        padding: 0 10px;
    }
    .search-box .search .search-main .search-input {
        width: 100%;
    }
    /* 浮云菜单 */
    .float-menu-box .float-menu {
        padding: 0 10px;
    }
    .float-menu-box .float-menu .menu {
        height: calc(100% - 500px);
        flex-direction: column;
        overflow: hidden auto;
    }
    .float-menu-box .float-menu .menu .menu-item {
        height: auto;
        margin: 0;
    }
    .float-menu-box .float-menu .menu .menu-item .menu-box {
        height: auto;
        display: none;
    }
    .float-menu-box .float-menu .menu .menu-item:hover .menu-title {
        margin-bottom: 0;
    }
    .float-menu-box .float-menu .menu .menu-item:hover .menu-box {
        display: flex;
    }
    .float-menu-box .float-menu .address-copyright-code {
        height: 350px;
    }
    .float-menu-box .float-menu .address-copyright-code .address-copyright .copyright {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .float-menu-box .float-menu .address-copyright-code .address-copyright .copyright span {
        margin-bottom: 5px;
    }
    .float-menu-box .float-menu .address-copyright-code .address-copyright .copyright a {
        margin: 0 5px;
        margin-bottom: 5px;
    }
    /* 公司愿景 */
    .home-vision-box {
        height: auto;
    }
    .home-vision-box .vision {
        height: auto;
        padding: 0 10px;
    }
    .home-vision-box .vision .corporateCulture {
        width: 100%;
        margin-left: 0;
    }
    .home-vision-box .vision .corporateCulture .item-child {
        width: 100%;
        height: 600px;
        margin: 0;
        margin-bottom: 10px;
    }
    .home-vision-box .vision .teambox {
        height: 1120px;
    }
    .home-vision-box .vision .teambox .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .home-vision-box .vision .teambox .text {
        padding: 20px;
        justify-content: flex-start;
    }
    .home-vision-box .vision .text-box, .home-vision-box .vision .text-box .t1, .home-vision-box .vision .text-box .t2 {
        font-size: 24px;
    }
    /* 首页-核心技术亮点 */
    .home-highlights-box .highlights {
        padding: 0 10px;
    }
    .home-highlights-box .highlights .img-text {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 20px;
        padding: 20px;
    }
    .home-highlights-box .highlights .img-text .img {
        width: 100%;
    }
    .home-highlights-box .highlights .img-text .text {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .home-highlights-box .highlights .img-text:nth-child(odd) .text {
        padding-right: 0;
        padding-bottom: 20px;
    }
    /* 首页-产品介绍 */
    .home-product-box {
        padding: 20px 0;
    }
    .home-product-box .home-product {
        padding: 0 10px;
    }
    .home-product-box .home-product .product-title {
        align-items: flex-start;
        flex-direction: column;
    }
    .home-product-box .home-product .product-title .text {
        font-size: 24px;
    }
    .home-product-box .home-product .product {
        height: auto;
        flex-direction: column;
    }
    .home-product-box .home-product .product .product-item {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .home-product-box .home-product .product .product-item .itme-icon-img {
        width: 100%;
        height: 100%;
    }
    .home-product-box .home-product .product .product-item .itme-icon-img .img {
        position: initial;
    }
    .home-product-box .home-product .product .product-item .item-text {
        display: none;
        width: 100%;
    }
    .home-product-box .home-product .product .product-item.active {
        width: 100%;
    }
    .home-product-box .home-product .product .product-item.active .itme-icon-img {
        width: 100%;
    }
    .home-product-box .home-product .product .product-item.active .item-text {
        width: 100%;
        display: flex;
    }
    /* 首页-应用领域 */
    .home-application-box {
        padding: 20px 0;
    }
    .home-application-box .application-title-box {
        padding: 0 10px;
    }
    .home-application-box .application-title-box .application-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .home-application-box .application-title-box .application-title .text, .home-application-box .application-title-box .application-title .text .t1, .home-application-box .application-title-box .application-title .text .t2 {
        font-size: 24px;
    }
    .home-application-box .home-application {
        height: auto;
        flex-direction: column;
    }
    .home-application-box .home-application .application-item {
        width: 100%;
        height: 100%;
    }
    .home-application-box .home-application .application-item .item-box {
        width: 100%;
        height: 100%;
        padding: 20px 50px;
    }
    .home-application-box .home-application .application-item .item-box .text-en {
        position: initial;
        bottom: 0px;
    }
    .home-application-box .home-application .application-item.active {
        width: 100%;
    }
    .home-application-box .home-application .application-item:last-child {
        border: none;
    }
    /* 首页-品牌 */
    .home-brand-box {
        padding: 20px 0;
    }
    .home-brand-box .home-brand {
        width: var(--jq_w1480);
        display: flex;
        flex-direction: column;
        padding: 0 10px;
    }
    .home-brand-box .home-brand .brand-title {
        flex-direction: column;
    }
    .home-brand-box .home-brand .brand-main {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .home-brand-box .home-brand .brand-main .brand-item {
        width: 100%;
        margin: 0;
        display: none;
    }
    .home-brand-box .home-brand .brand-main .brand-item .item-child {
        width: 100%;
        height: 238px;
        margin: 0;
        margin-bottom: 20px;
    }
    .home-brand-box .home-brand .brand-main .brand-item:first-child {
        display: flex;
    }
    .home-brand-box .home-brand .brand-page {
        display: none;
    }
    /* 首页-公司介绍 */
    .home-aboutus-box {
        padding: 20px 0;
    }
    .home-aboutus-box .home-aboutus {
        padding: 0 10px;
    }
    .home-aboutus-box .home-aboutus .home-aboutus-main {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    /* 首页-新闻 */
    .home-news-box .home-news {
        padding: 0 10px;
    }
    .home-news-box .home-news .news-title {
        padding-top: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .home-news-box .home-news .news-title .text, .home-news-box .home-news .news-title .text .t1, .home-news-box .home-news .news-title .text .t2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .home-news-box .home-news .news-main {
        height: auto;
        flex-direction: column;
    }
    .home-news-box .home-news .news-main .news-max {
        width: 100%;
        height: 565px;
        margin-bottom: 20px;
    }
    .home-news-box .home-news .news-main .news-min {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }
    .home-news-box .home-news .news-main .news-min .min-left {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .home-news-box .home-news .news-main .news-min .min-left .add {
        position: initial;
    }
    .home-news-box .home-news .news-main .news-min .min-right {
        width: 100%;
        padding: 0;
    }
    .home-news-box .home-news .news-main .news-min .min-right .news-list {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .home-news-box .home-news .news-main .news-min .min-right .news-list .add {
        position: initial;
    }
    /* 底部 */
    .footer-box .footer-top-bg {
        background-size: auto 100%;
        background-position: center top;
    }
    .footer-box .footer {
        padding: 0 10px;
    }
    .footer-box .footer .footer-main .menu-code {
        flex-direction: column;
    }
    .footer-box .footer .footer-main .menu-code .footer-menu {
        width: 100%;
        flex-direction: column;
    }
    .footer-box .footer .footer-main .menu-code .footer-menu .menu-item .menu-box {
        display: none;
    }
    .footer-box .footer .footer-main .menu-code .footer-menu .menu-item:hover .menu-title {
        margin: 0px;
    }
    .footer-box .footer .footer-main .menu-code .footer-menu .menu-item:hover .menu-box {
        display: flex;
    }
    .footer-box .footer .footer-main .menu-code .footer-code {
        width: 100%;
        flex-direction: initial;
        justify-content: center;
    }
    .footer-box .footer .footer-main .menu-code .footer-code .code-item {
        width: 100px;
        margin: 0 20px;
    }
    .footer-box .footer .footer-main .menu-code .footer-code .code-item .text {
        text-align: center;
    }
    .footer-box .footer .footer-bottom {
        flex-direction: column;
        align-items: center;
    }
    /* 其他页面 */
    .app-content .product-box {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .app-content .product-box .product-maxImg .maxImg {
        padding: 0 10px;
    }
    .app-content .product-box .product-type-crumbs {
        height: auto;
    }
    .app-content .product-box .product-type-crumbs .type-crumbs {
        width: var(--jq_w1480);
        flex-direction: column;
    }
    .app-content .product-box .product-type-crumbs .type-crumbs .type-box {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .app-content .product-box .product-type-crumbs .type-crumbs .type-box a {
        width: 100%;
        height: auto;
        padding: 10px 30px;
    }
    .app-content .product-box .product {
        padding: 10px;
    }
    .app-content .product-box .product .product-list {
        width: var(--jq_w1480);
        display: flex;
        flex-wrap: wrap;
    }
    .app-content .product-box .product .product-list .list-item {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .app-content .product-box .product-detail {
        padding: 10px 0;
    }
    .app-content .product-box .product-detail .detail-box {
        flex-direction: column;
    }
    .app-content .product-box .product-detail .detail-box .detail {
        width: 100%;
        padding-right: 0;
    }
    .app-content .product-box .product-detail .detail-box .detail .title {
        height: auto;
        flex-direction: column;
    }
    .app-content .product-box .product-detail .detail-box .detail .title .text::after {
        display: none;
    }
    .app-content .product-box .product-detail .detail-box .detail .title .btns-phone {
        margin: 10px 0;
    }
    .app-content .product-box .product-detail .detail-box .detail .detail-cont {
        width: 100%;
        padding: 30px;
    }
    .app-content .product-box .product-detail .detail-box .recommend {
        width: 100%;
    }
    .app-content .product-box .product-detail .detail-box .recommend .recommend-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 10px;
    }
    .app-content .product-box .product-detail .detail-box .recommend .recommend-list .list-item {
        margin-top: 10px;
    }
    .app-content .product-box .news {
        padding: 10px 0;
    }
    .app-content .product-box .news .news-list {
        width: var(--jq_w1480);
    }
    .app-content .product-box .news .news-list .list-item {
        width: 100%;
        margin: 0 10px 30px 10px;
    }
    .app-content .product-box .news-detail {
        padding: 10px 0;
    }
    .app-content .product-box .news-detail .detail-box {
        width: var(--jq_w1480);
        flex-direction: column;
    }
    .app-content .product-box .news-detail .detail-box .detail {
        width: 100%;
        padding-right: 0;
    }
    .app-content .product-box .news-detail .detail-box .detail .title {
        padding: 0 10px;
        padding-bottom: 20px;
    }
    .app-content .product-box .news-detail .detail-box .recommend {
        width: 100%;
    }
    .app-content .product-box .news-detail .detail-box .recommend .recommend-list {
        width: 100%;
        padding: 0 10px;
    }
    .app-content .product-box .news-detail .detail-box .recommend .recommend-list .list-item {
        margin-top: 10px;
    }
    .app-content .application-box {
        padding: 0 10px;
    }
    .app-content .application-box .application {
        padding: 0;
        padding-bottom: 30px;
    }
    .app-content .application-box .application .text-box, .app-content .application-box .application .text-box .t1, .app-content .application-box .application .text-box .t2 {
        font-size: 24px;
    }
    .app-content .application-box .application .application-list {
        width: 100%;
        left: 0;
    }
    .app-content .application-box .application .application-list .list-item {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .app-content .application-box .application .application-detail {
        flex-direction: column;
    }
    .app-content .application-box .application .application-detail .detail-cont {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
    }
    .app-content .application-box .application .application-detail .detail-next {
        width: 100%;
    }
    .app-content .application-box .application .cooperate {
        width: 100%;
        margin: 0;
    }
    .app-content .application-box .application .cooperate .item-child {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .app-content .application-box .application .nameDirectory {
        width: 100%;
        margin: 0;
    }
    .app-content .application-box .application .nameDirectory .item-child {
        width: 100%;
        height: 85px;
        margin: 0;
        margin-bottom: 10px;
    }
    .app-content .application-box .application .scene, .app-content .application-box .application .augmentedReality, .app-content .application-box .application .authentication {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        margin: 0;
    }
    .app-content .application-box .application .scene .item-child, .app-content .application-box .application .augmentedReality .item-child, .app-content .application-box .application .authentication .item-child {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .app-content .application-box .application .augmentedReality .item-child {
        width: 100%;
    }
    .app-content .application-box .application .authentication .item-child {
        width: 100%;
        padding: 10px;
    }
    .app-content .application-box .application .corporateCulture {
        width: 100%;
        margin: 0;
    }
    .app-content .application-box .application .corporateCulture .item-child {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .app-content .contactUs-box .contactUs {
        padding: 10px 0;
    }
    .app-content .contactUs-box .contactUs .crumbs-box {
        padding: 0 10px;
    }
    .app-content .contactUs-box .contactUs .contact-message {
        margin-top: 0;
    }
    .app-content .contactUs-box .contactUs .contact-message .contact {
        padding: 10px;
        margin: 80px 0 10px 0;
    }
    .app-content .contactUs-box .contactUs .contact-message .contact .title {
        margin-bottom: 0;
    }
    .app-content .contactUs-box .contactUs .contact-message .contact .list .list-item {
        width: 100%;
        margin-top: 10px;
    }
    .app-content .contactUs-box .contactUs .contact-message .contact .list .list-item .text {
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px;
    }
    .app-content .contactUs-box .contactUs .contact-message .message {
        width: 100%;
        padding: 10px;
        margin: 0 0 10px 0;
    }
    .app-content .contactUs-box .contactUs .contact-message .message .title {
        margin-bottom: 10px;
    }
    .app-content .hire-box .hire {
        width: var(--jq_w1480);
        padding: 0 10px 30px 10px;
    }
    .app-content .hire-box .hire .crumbs-box {
        justify-content: flex-start;
    }
    .app-content .hire-box .hire .contact-message {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .app-content .hire-box .hire .contact-message .max-title {
        height: auto;
        padding-bottom: 30px;
    }
    .app-content .hire-box .hire .contact-message .max-title h2 {
        font-size: 18px;
    }
    .app-content .hire-box .hire .contact-message .max-title span {
        max-width: auto;
        margin-top: 5px;
        font-size: var(--jq_fs3);
    }
    .app-content .hire-box .hire .contact-message .hire-main {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        padding-bottom: 40px;
        flex-direction: column;
    }
    .app-content .hire-box .hire .contact-message .hire-main .hire-menu {
        width: 100%;
    }
    .app-content .hire-box .hire .contact-message .hire-main .hire-content {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont {
        padding: 10px;
    }
    .app-content .develop-box {
        height: auto;
    }
    .app-content .develop-box .develop {
        padding: 0px 10px 30px 10px;
    }
    .app-content .develop-box .develop .contact-message .develop-tab {
        flex-direction: column;
    }
    .app-content .develop-box .develop .contact-message .develop-tab a {
        margin: 0 10px 10px 10px;
    }
    .app-content .introduction-box .introduction {
        padding: 0 10px;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box {
        width: auto;
        padding-top: 0;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-title {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-title .t1 {
        font-size: 28px;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-title .t2 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-cont {
        font-size: var(--jq_fs3);
        line-height: 28px;
        margin-bottom: 10px;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-cont p {
        text-indent: 2em;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total {
        margin-bottom: 0;
    }
    .app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total .total-item {
        margin-bottom: 20px;
    }
    .app-content .introduction-box .authentication-box .authentication {
        padding: 10px;
    }
    .app-content .introduction-box .authentication-box .authentication .title {
        height: auto;
        flex-direction: column;
    }
    .app-content .introduction-box .authentication-box .authentication .title .max-title {
        width: 100%;
        height: auto;
        font-size: 28px;
        margin-bottom: 10px;
    }
    .app-content .introduction-box .authentication-box .authentication .title .min-text {
        width: 100%;
        font-size: var(--jq_fs3);
        padding-left: 0;
    }
    .app-content .introduction-box .authentication-box .authentication .list {
        margin-top: 10px;
        flex-direction: column;
    }
    .app-content .introduction-box .authentication-box .authentication .list .list-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .app-content .introduction-box .service-box .service {
        padding: 10px;
    }
    .app-content .introduction-box .service-box .service .title .max-title {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .app-content .introduction-box .service-box .service .title .min-text {
        font-size: var(--jq_fs3);
        margin-bottom: 10px;
    }
    .app-content .introduction-box .service-box .service .cont {
        width: 100%;
    }
    .app-content .introduction-box .service-box .service .cont img {
        width: 100%;
    }
    .app-content .introduction-box .introduce-box .introduce {
        padding: 10px;
        flex-direction: column;
    }
    .app-content .introduction-box .introduce-box .introduce .title {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .app-content .introduction-box .introduce-box .introduce .title .max-title {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .app-content .introduction-box .introduce-box .introduce .title .min-text {
        font-size: var(--jq_fs3);
        line-height: 28px;
        margin-bottom: 10px;
    }
    .app-content .introduction-box .introduce-box .introduce .img {
        width: 100%;
    }
    .app-content .searchs-box {
        padding-bottom: 10px;
    }
    .app-content .searchs-box .searchs {
        padding: 0 10px;
    }
    .app-content .searchs-box .searchs .crumbs-box {
        justify-content: flex-start;
    }
    .app-content .searchs-box .searchs .searchs-title {
        margin: 10px 0;
    }
    .app-content .searchs-box .searchs .searchs-list {
        width: 100%;
        left: 0px;
    }
    .app-content .searchs-box .searchs .searchs-list .list-item {
        width: 100%;
        height: 488px;
        margin: 0;
        margin-bottom: 10px;
    }
}

.develop-app {
    height: 120%;
}