/*移动端*/
@media screen and (max-width: 768px) {
    header .menu {
        line-height: 40px;
    }
    header .menu li {
        float: initial;
    }
    header .menu .active {
        background-color: #1890ff;
    }
    header .menu .active a{
        /*color: #ffffff;*/
    }
    .header-mobile-menu {
        width: 16px;
        height: 14px;
        cursor: pointer;
        position: absolute;
        top: 24px;
        right: 24px;
        z-index: 100;
    }
    .header-mobile-menu em {
        display: block;
        width: 100%;
        height: 2px;
        background: #031d6a;
        margin-top: 4px;
        transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .header-mobile-menu :first-child {
        margin-top: 0;
    }
    .header .open .header-mobile-menu em:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    .header .open .header-mobile-menu em:nth-child(2) {
        opacity: 0;
    }
    .header .open .header-mobile-menu em:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }
    .header .menu {
        height: 0;
        overflow: hidden;
        /* background: #031d6a; */
        position: relative;
        left: 24px;
        width: calc(100% + 48px);
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .header .open .menu {
        opacity: 1;
        pointer-events: auto;
    }
    .header .menu a {
        /*color: #fff;*/
    }
    .swiper {
        height: 170px;
    }
    .banner {
        height: 100%;
        margin-top: 0;
    }
    .text span {
        display: inline-block;
        white-space: pre-wrap;
        font-size: 30px;
    }
    .banner-h1 {
        font-size: 30px;
    }
    /*.banner-img {
        display: none;
    }
    .banner-img1 {
        display: none;
    }*/
    .contact-us {
        height: 300px;
    }
    .contact-text {
        text-align: center;
    }
    .about {
        width: 100%;
        margin: 10px;
    }
    .content-list-box {
        display: block;
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .content-list-box-1 {
        display: block;
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .content-list-box .service-item {
        width: 90%;
        margin: 0 auto 15px;
    }
    .content-list-box-1 .service-item-1 {
        width: 90%;
        margin: 0 auto 15px;
    }
    .language-item {
        float: none;
        box-sizing: border-box;
        position: relative;
    }
    .language-list-box {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    .language-list-box .language-item {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    .language-list-box .language-item p {
        width: 98%;
        word-wrap: break-word;
    }

    /* 案例 */
    .case-item {
        float: initial;
        padding: 15px;
    }
    .case-list-box .case-item {
        width: 100%;
    }
    /* 服务客户 */
    .customer-list-box {
        width: 100%;
    }
    .customer-list-box ul li{
        float: none;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 5px;
    }
    footer .main .footer {
        min-height: 550px;
        padding: 64px 24px 32px;
    }
    footer .main .footer .row {
        float: inherit;
        width: 100%;
        text-align: center;
        margin-bottom: 32px;
        padding: 0;
    }
    .footer .logo {
        margin: 0 auto 24px;
    }
    /* im */
    .banner-desc {
        width: 100%;
    }
    .im-pc .electron-1 {
        width: 100%;
    }
    .im-pc .electron-2 {
        width: 100%;
    }
    .im-pc .uni-app-img {
        width: 100%;
    }

    /* video start */
    .video-item {
        width: 50%;
        height: 310px;
    }
    .video-item-box {
        height: 260px;
    }
    /* video end */
    .contact-map {
        display: none;
    }
}