@import "./index.css";
@import "./mall-develop.css";
@import "./app-develop.css";
@import "./mini-develop.css";
@import "./wechat-develop.css";
@import "./design.css";
@import "./web-develop.css";
@import "./system-develop.css";
@import "./iot-develop.css";
@import "./about.css";

@media screen and (max-width: 768px) {
    body {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .global-chat {
        width: 25px;
        height: 25px;
        top: 14px;
        right: 14px;
        margin: 0 0 0 0;
        padding: 0;
        position: absolute;
    }

    .global-chat .lxkf {
        width: 25px;
        height: 25px;
        top: 0;
        right: 0;
        margin-top: 0;
        background: none;
        background-image: url("../images/chat.svg");
        background-repeat: no-repeat;
        background-size: 25px;
        box-shadow: none;
    }

    .global-chat .tjxq {
        display: none !important;
    }

    .global-chat .erweima {
        display: none !important;
    }

    .global-chat .lxkf .kfw {
        position: fixed !important;
        top: 50%;
        left: 50%;
        margin: 0;
        padding: 0;
        margin-left: -105px;
        margin-top: -130px;
    }

    /* 全局页面顶部 */
    #header + .include-header{
        margin-top: calc(-75px);
    }

    header {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    header .header-row {
        position: relative;
    }

    header #header-wrap .container {
        padding: 0 calc(var(--bs-gutter-x, 0.75rem)) !important;
    }

    header .header-row .gengduo {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 50%;
        left: -12px;
        margin-top: -12px;
        display: block !important;
        margin-left: var(--bs-gutter-x, 0.75rem);
        z-index: 2 !important;
    }

    header .header-row .gengduo img {
        padding: 0;
        margin: 0;
    }

    header .header-row #logo {
        width: 100%;
        text-align: center;
        justify-content: center;
        z-index: 1 !important;
    }

    header .header-row #logo a + img {
        display: none;
    }

    header .header-row nav {
        width: calc(50% + 30px);
        height: 100vh;
        position: absolute;
        top: 0;
        left: -12px;
        background: #FFFFFF;
        color: #6C6C6C;
        align-items: unset !important;
        overflow: auto;
        display: none;
        z-index: 2;
    }

    header .header-row nav .close {
        display: block !important;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-left: 30px;
        margin-top: 15px;
        position: absolute;
    }

    header .header-row nav .close img {
        width: 100%;
        height: 100%;
    }

    header .header-row nav .menu-container {
        display: block !important;
        padding: 0 !important;
        margin: 50px 0 0 !important;
    }

    header .header-row nav ul li {
        padding: 5% 30px !important;
    }

    header .header-row nav ul li a {
        padding: 5% 0;
    }

    header .header-row nav ul li .menu-link {
        color: #6C6C6C;
    }

    header .header-row nav ul li .menu-link div {
        color: #6C6C6C !important;
    }

    header .header-row nav ul li .sub-menu-container {
        width: calc(100% + 60px) !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative;
        left: -30px;
    }

    header .header-row nav .menu-container .sub-menu {
        position: unset;
    }

    header .header-row nav ul .menu-item:hover > .menu-link, header .header-row nav ul .menu-item.current > .menu-link {
        color: #6C6C6C;
    }

    #footer {
        background: #F9FBFF !important;
        padding: 15px 0 0 !important;
        overflow: hidden;
    }

    #footer .f-text a {
        font-size: 13px;
    }

    #footer .row {
        height: auto !important;
        margin: 0 !important;
        display: block;
    }

    #footer .row div {
        width: 100% !important;
    }

    #footer .row .col-1 {
        display: none;
    }

    #footer .row .col-4 {
        padding: 25px 0;
    }

    #footer .row .col-4 .f-title {
        display: none;
    }

    #footer .row .col-4 .f-title + div {
        width: 60% !important;
        text-align: center;
        display: flex;
        margin: 0 auto;
    }

    #footer .row .col-4 .f-title + div img {
        float: left;
        width: 70px;
        height: 70px;
    }

    #footer .row .col-4 .f-title + div .f-chat {
        float: left;
        flex: 1;
    }

    #footer .row .col-4 .f-title + div .f-phone {
        margin-bottom: 5px !important;
        text-align: left;
        font-size: 16px !important;
        line-height: 18px !important;
        color: #2472FB !important;
    }


    #footer .row .col-4 .f-title + div .f-cooperation {
        margin-bottom: 5px !important;
        text-align: left;
        font-size: 12px !important;
        line-height: 12px !important;
        color: #2472FB !important;
    }

    #footer .row .col-4 .f-title + div .flex-col a {
        height: 26px;
        line-height: 26px;
        font-size: 10px !important;
        margin: 0 auto;
        padding: 0;
        margin: 0;
    }

    #footer .row .col-4 .f-title + div + .f-address {
        margin-top: 15px;
        font-size: 10px;
        text-align: center;
    }

    #footer .row .col-2 {
        width: 90% !important;
        height: 40px;
        overflow: hidden;
        margin: 0 auto;
        border-top: #BAC5D8 1px solid;
    }

    #footer .row .col-2:nth-child(5) {
        border-bottom: #BAC5D8 1px solid;
    }

    #footer .row .col-2 p {
        height: 40px;
        line-height: 40px;
        margin: 0 !important;
        padding: 0 !important;
        color: #2472FB;
        position: relative;
    }

    #footer .row .col-2 p:after {
        content: " ";
        width: 10px;
        height: 18px;
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        background-color: currentColor;
        color: rgba(0, 0, 0, 0.3);
        -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
        mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -12px;
    }

    #footer .row .col-2:last-child {
        border-top: #BAC5D8 1px solid;
    }

    #footer .row:nth-child(5) {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #footer .row .copyright {
        width: 100% !important;
        font-size: 10px !important;
        text-align: center;
        -webkit-transform: scale(0.7);
        padding: 0;
    }

    #footer .row .copyright a {
        display: inline !important;
    }

    #footer .row .current {
        overflow: auto;
        height: auto;
        margin-bottom: 20px;
    }

    #footer .row:nth-child(1) .current{
        margin-bottom: 0!important;
    }

    #footer .row .current p:after {
        transform: rotate(90deg);
    }

    .float-footer-hide .f-need {
        display: none !important;
    }

    .float-footer-hide .f-form {
        padding: 0 !important;
    }

    .float-footer-hide .f-form span {
        font-size: 18px !important;
    }

    .float-footer-hide #postneed {
        display: none !important;
    }

    #float-footer {
        width: 100%;
        height: auto !important;
        text-align: center;
    }

    #float-footer .f-form {
        width: 100%;
        display: block;
        margin: 0;
        padding: 10px 0;
    }

    #float-footer .f-form span {
        font-size: 18px;
    }

    #float-footer .float-footer-form {
        width: 100%;

    }

    #float-footer .float-footer-form .f-need {
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    #float-footer .float-footer-form .f-need input {
        width: 100%;
    }

    /* 全局通用首屏图 */
    .common-slider-mb{
        min-width: 375px;
        height: 40vh;
        min-height: 210px;
        max-height: 300px;
        background-size: 100%;
    }
    /* 全局通用首屏图 */

    img {
        image-rendering:-moz-crisp-edges;
        image-rendering:-o-crisp-edges;
        image-rendering:-webkit-optimize-contrast;
        image-rendering: crisp-edges;
        -ms-interpolation-mode:nearest-neighbor;
    }

    /* APP服务 */
    #slider .slider-inner .vertical-middle {
        justify-content: inherit;
        flex-flow: inherit;
        margin-top: 60px;
    }

    #slider .slider-inner .vertical-middle .container .row .col-md-4 {
        width: 55%;
    }

    #slider .slider-inner .vertical-middle .container .row .col-md-4 h4 {
        font-size: 19px;
        margin: 15px 0;
    }
    #slider .slider-inner .vertical-middle .container .row .col-lg-6 h4 {
        font-size: 19px;
        margin: 15px 0;
    }

    #slider .slider-inner .vertical-middle .container .row .col-md-4 .fw-normal div div {
        font-size: 10px;
    }

    #slider .slider-inner .vertical-middle .container .row .col-md-4 .fw-normal div[data-animate="fadeInUp"]:last-child {
        display: none;
    }

    #slider .slider-inner .vertical-middle .container .row .col-md-8 {
        width: 45%;
    }

    #content .content-wrap {
        padding: 0;
    }

    .mini-develop-liaojiewomendefuwu {
        padding: 0 var(--bs-gutter-x, 0.75rem) !important;
    }

    .mini-develop-liaojiewomendefuwu .container .row {
        display: inherit;
    }

    .mini-develop-liaojiewomendefuwu .container .row .col-5 {
        width: 100%;
        padding: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .mini-develop-liaojiewomendefuwu .container .row .col-5 div span {
        font-size: 14px !important;
    }

    .mini-develop-liaojiewomendefuwu .container .row .col-5 div {
        font-size: 10px !important;
    }

    .mini-develop-liaojiewomendefuwu .container .row .col-7 {
        width: 80%;
        margin: 0 auto;
        display: inherit !important;
    }

    .mini-develop-liaojiewomendefuwu .container .number-card {
        display: flex;
        height: inherit;
        padding: 10px 0 !important;
    }

    .mini-develop-liaojiewomendefuwu .container .number-card .col-3 {
        padding: 0;
        width: calc(calc(100% / 4) - 3px);
    }

    .mini-develop-liaojiewomendefuwu .container .number-card .col-3:nth-child(3) {
        width: calc(calc(100% / 4) + 9px);
    }

    .mini-develop-liaojiewomendefuwu .container .number-card .number-card-item {
        display: flex;
        padding: 0;
    }

    .mini-develop-liaojiewomendefuwu .container .number-card .number-card-item .counter-large {
        font-size: 18px !important;
    }

    .mini-develop-liaojiewomendefuwu .container .number-card .number-card-item .counter-large span {
        font-size: 18px;
    }

    .mini-develop-liaojiewomendefuwu .container .number-card .number-card-item .counter-large strong {
        font-size: 12px !important;
    }

    .mini-develop-liaojiewomendefuwu .container .number-card .number-card-item .text {
        position: relative;
        width: 100%;
        font-size: 10px;
        text-size-adjust: none;
        transform: scale(0.6);
        *font-size: 10px
    }


    .wechat-develop-slider {

    }

    .wechat-develop-slider .row {
        margin-top: 0 !important;
    }

    .wechat-develop-slider .row {
        display: inherit;
    }

    .wechat-develop-slider .row .col-lg-6 {
        width: 50%;
        float: left;
        padding: 0 !important;
    }

    .wechat-develop-slider .row .col-6 {
        width: 50%;
        float: right;
    }

    .wechat-develop-slider .row .col-lg-6 h4 {
        font-size: 20px;
    }

    .wechat-develop-slider .row .col-lg-6 .fw-normal .animated {
        font-size: 12px;
    }

    .wechat-develop-slider .row .col-lg-6 .fw-normal .not-animated {
        display: none;
    }

    .consult-slider {
        height: 190px !important;
        background-size:100% 100%;
    }

    .consult-slider h4 {
        font-size: 20px;
        margin-bottom: 0;
        text-align: center;
    }

    .consult-slider .fw-normal {
        font-size: 10px;
        margin-bottom: 0;
        text-align: center;
        justify-content: center !important;
    }

    .consult-slider .fw-normal div {
        font-size: 10px;
        margin-bottom: 0;
        text-align: center;
        justify-content: center !important;
    }

    .consult-menu .consult-content {
        width: 100%;
    }

    .consult-menu .consult-content .consult-nav {
        width: 100%;
        background: #EEF7FF;
        margin: 0;
        padding: 0;
    }

    .consult-menu .consult-content .consult-nav span {
        display: none;
    }

    .consult-menu .consult-content .consult-nav .consult-nav-link {
        width: 100%;
        display: inline-block;
        margin: 0;
    }

    .consult-menu .consult-content .consult-nav .consult-nav-link a {
        width: calc(97% / 3);
        height: 44px;
        line-height: 44px;
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 12px;
        border: 0 !important;
    }

    .consult-menu .consult-content .consult-nav .consult-nav-link .current {
        color: #2472FB;
        font-weight: bold;
    }

    .consult-menu .consult-content .consult-list {
        width: 100%;
    }

    .consult-menu .consult-content .consult-list ul {
        width: 100%;
    }

    .consult-menu .consult-content .consult-list li {
        width: 100%;
        display: flex;
    }

    .consult-menu .consult-content .consult-list .thumb {
        width: calc(100% / 3);
    }

    .consult-menu .consult-content .consult-list .title {
        flex: 1;
    }

    .consult-menu .consult-content .portfolio-container {
        width: 100%;
    }

    .consult-menu .consult-content #article-list {
        padding: 15px;
        margin: 0;
    }

    .consult-menu .consult-content #article-list+.animated{
        margin: calc(var(--bs-gutter-x, 0.75rem)) 0!important;
    }

    .consult-menu .consult-content #article-list+.animated .btn{
        font-size: 14px;
    }

    .consult-menu .consult-content .consult-list-item {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line a {
        position: relative;
        width: 127px;
        height: 127px;
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line a img {
        position: absolute;
        width: 127px;
        height: 127px;
        box-sizing: border-box;
        padding: 10px 0;
        /* background-size: 100% 100%; */
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line .consult-list-text {
        flex: 1;
        height: 100%;
        padding: 0 0 0 calc(calc(var(--bs-gutter-x, 0.75rem)) / 2);
        margin: 0;
        border: 0;
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line .consult-text-content {
        padding: 5px 0;
        margin: 0;
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line .consult-text-content .consult-list-title {
        font-size: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line .consult-text-content .consult-list-date {
        font-size: 14px;
        position: absolute;
        bottom: 13px;
        right: 0;
        display: inline;
        padding: 0;
        width: auto;
    }

    .consult-menu .consult-content .consult-list-item .consult-list-line .consult-text-content .consult-list-font {
        font-size: 10px;
        margin-bottom: 0;
    }

    .consult-menu .consult-content #consult-detail{
        width: 100%;
        padding: calc(var(--bs-gutter-x, 0.75rem));
        margin: 0;
    }

    .consult-menu .consult-content #consult-detail .consult-new{
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .consult-menu .consult-content #consult-detail .consult-new .consult-new-title{
        font-size: 17px;
        line-height: inherit;
    }

    .consult-menu .consult-content #consult-detail .consult-new .consult-new-date{
        font-size: 12px;
        margin: 0;
        padding: 0;
    }

    .consult-menu .consult-content #consult-detail .consult-new .consult-new-content{
        font-size: 13px;
        margin: 0;
        padding: 0;
    }

    .consult-menu .consult-content #consult-detail .consult-new .consult-new-content img{
        max-width: 100%!important;
    }

    .consult-menu .consult-content #consult-detail .consult-bottom-menu{
        margin: calc(var(--bs-gutter-x, 0.75rem)) 0 0;
        font-size: 15px;
    }

    .consult-menu .consult-content #consult-detail .consult-bottom-menu{
        margin: calc(var(--bs-gutter-x, 0.75rem)) 0 0;
    }


    .consult-detail {
        height: 210px;
        background-position: center;
    }

    .consult-detail h4{
        margin: 0 !important;
        padding: 0;
        text-align: center;
        font-size: 20px;
    }

    .consult-detail .case-text{
        margin: 0 !important;
        padding: 0;
        text-align: center;
        font-size: 16px;
    }

    /* .case-slider{
        min-height: 30vh !important;
        height: 30vh !important;
    } */

    .case-slider .container{
        display: flex;

    }

    .case-slider .container .align-items-lg-center{
        text-align: left!important;
    }

    .case-slider .container .counter h4{
        font-size: 16px;
        margin-bottom: 0;
    }

    .case-slider .container .counter .slider-head-font{
        font-size: 12px;
    }

    .case-slider .container .counter .mb-4{
        margin-bottom: 0;
    }

    .case-slider .container .col-lg-6:nth-child(1){
        width: 75%;
    }

    .case-slider .container .col-lg-6:nth-child(2){
        width: 25%;
    }

    .case-slider .container .col-lg-6 img{
        margin: 0;
        padding: 0!important;
    }

    .case-menu{

    }

    .case-menu .container{
        padding: 0;
        margin: 0;
    }

    .case-menu .container #ffsdfs li a{
        padding: 0;
        margin: 0;
    }

    .case-menu .container #products{
        padding: calc(calc(var(--bs-gutter-x, 0.5rem) / 4)) calc(calc(var(--bs-gutter-x, 0.5rem) / 4));
        margin: 0;
    }

    .case-menu .container #products .col-md-12{
        width: calc( calc( 100% / 2) - calc(calc(var(--bs-gutter-x, 0.5rem) / 4) * 2)) !important;
        margin: calc(calc(var(--bs-gutter-x, 0.5rem) / 4))  calc(calc(var(--bs-gutter-x, 0.5rem) / 4)) !important;
        padding: 0!important;
        /*padding: calc(var(--bs-gutter-x, 0.75rem)) calc(var(--bs-gutter-x, 0.75rem)) 0;*/
        /*margin: 0;*/
    }

    .case-menu .container #products .col-md-12 a{
        width: 100%;
    }

    .case-menu .container #products .col-md-12 a img{
        width: 100%;
        height: 100%;
    }

    .case-menu .container #products+div{
        margin: calc(var(--bs-gutter-x, 0.5rem)) 0!important;
        font-size: 15px;
    }

    .case-menu .container #products+div .btn{
        font-size: 15px;
    }
}