@charset "UTF-8";
@media screen and (max-width: 800px) {
    /*html {*/
    /*    font-size: 65px;*/
    /*}*/

    .wal {
        max-width: 8rem;
    }

    body.active {
        overflow: hidden;
    }

    /**
    首页
     */
    img.pc {
        display: none;
    }

    img.phone {
        display: block;
        width: 100%;
        object-fit: fill;
    }

    /**
    顶部导航栏
     */
    nav.top-nav .menu-btn {
        display: block;
        position: absolute;
        z-index: 10;
        left: auto;
        right: -0.3rem;
        top: 0;
        bottom: auto;
        width: 1rem;
        height: 1rem;
        background: url("../img/navA.png") center no-repeat;
        background-size: .4rem;
    }

    body.active nav.top-nav .menu-btn {
        background-image: url("../img/close.png");
    }
    nav.top-nav div.wrapper {
        justify-content: space-between;
        margin: 0 0.3rem;
    }

    nav.top-nav ul.first-level-menu {
        flex-direction: column;
        justify-content: flex-start;
        position: fixed;
        overflow-y: auto;
        background: #fff;
        right: -100%;
        left: 100%;
        top: .9rem;
        bottom: 0;
        margin: 0;
    }

    body.active nav.top-nav ul.first-level-menu {
        right: 0;
        left: 0;
    }

    nav.top-nav .nav-item  {
        width: 100%;
    }

    nav.top-nav .nav-item a.nav-link {
        height: 1rem;
        line-height: 1rem;
        font-size: .28rem;
        padding-left: .5rem;
    }

    ul.sub-menu {
        display: flex;
        flex-direction: column;
        position: static;
        justify-content: flex-start;
    }

    ul.sub-menu a {
        text-align: left;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem;
    }

    nav.top-nav .nav-item .nav-link:hover::before {
        width: 0;
    }

    nav.top-nav .nav-item:hover .sub-menu {
        width: auto;
        padding: 20px;
    }

    /**
    二级导航
     */
    .p-nav a {
        height: 1rem;
        line-height: 1rem;
        font-size: .26rem;
        margin-right: .3rem;
    }

    /**
    侧边栏
     */
    .side-bar ul li:nth-child(1),
    .side-bar ul li:nth-child(2) {
        /*display: none;*/
    }
    /**
    解决方案
     */
    .index-solutions .wal, .index-city .wal, .index-service .wal, .index-case .wal, .index-partners .wal, .index-news .wal {
        margin: 0 0.3rem;
    }

    .index-solutions {
        /**/
    }

    .index-solutions .list {
        padding-top: 1.4rem;
        height: 7rem;
    }

    .index-solutions .img {
        width: 7.5rem;
        top: 0;
        left: -.3rem;
    }

    .index-solutions li:after, .index-solutions li:before {
        display: none;
    }

    .index-solutions li .name {
        font-size: .24rem;
    }

    .index-solutions li.li_01 {
        top: 5.5rem;
        margin-left: .5rem;
    }

    .index-solutions li.li_04 {
        top: 5.5rem;
        margin-left: -.5rem;
    }

    .index-solutions li.li_02 {
        top: 4rem;
        margin-left: 1.2rem;
    }

    .index-solutions li.li_03 {
        top: 4rem;
        margin-left: -1.2rem;
    }

    /**
    专业服务
     */
    a.p-more {
        width: 1.6rem;
        height: .6rem;
        line-height: .56rem;
        font-size: .24rem;
    }

    a.p-back {
        width: 1.6rem;
        height: .6rem;
        line-height: .56rem;
        font-size: .24rem;
    }

    .index-service .content {
        font-size: .24rem;
        line-height: .44rem;
    }

    .index-service .list {
        position: static;
        width: 95%;
        padding-top: .6rem;
    }

    .index-service .list li {
        width: 31.5%;
        height: 5rem;
    }

    .index-service .list li .name {
        font-size: .24rem;
    }

    .index-service .list li .msg {
        padding: .4rem .15rem 0 .15rem;
        font-size: .2rem;
        line-height: .3rem;
    }

    .index-service .list li:hover .msg {
        height: 1.8rem;
    }

    /**
    核心案例
     */
    .index-case .wal {
        position: relative;
        margin: 0;
    }

    .index-case .index-title {
        padding-left: .3rem;
    }

    .index-case .btn {
        right: .3rem;
        margin-top: -3.8rem;
    }

    .index-case .btn li {
        font-size: .26rem;
    }

    .index-case .list {
        padding-top: .6rem;
    }

    .index-case .list .list-wrapper {
        width: 18rem;
        margin-left: -9rem;
    }

    .index-case .list li .container .name a {
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem;
    }

    .index-case .arrow a.prev {
        margin-left: -3rem;
    }

    .index-case .arrow a.next {
        margin-right: -3rem;
    }

    /**
    合作伙伴
     */
    .index-partners .content {
        font-size: .24rem;
        line-height: .44rem;
        max-width: 100%;
    }

    .index-partners .content p {
        display: none;
    }

    .index-partners .content p:nth-child(1) {
        display: block;
    }

    .index-partners .container {
        position: relative;
        right: -.1rem;
        margin: 0 auto;
    }

    .index-partners .btn li .name {
        font-size: .24rem;
    }

    /**
    新闻中心
     */
    .index-news:before {
        width: 65%;
    }

    .index-news .wal {
        position: static;
    }

    .index-news .index-title {
        position: relative;
    }

    .index-news .btn {
        left: 65%;
    }

    .index-news .btn li .name {
        font-size: .24rem;
        margin-right: -.3rem;
    }

    .index-news .list {
        max-width: 70%;
        position: relative;
    }

    .index-news .list li .time {
        font-size: .24rem;
    }

    .index-news .list li p {
        font-size: .22rem;
        line-height: .3rem;
        height: .9rem;
    }

    /**
    底部
     */
    .index-foot {
        font-size: .24rem;
    }

    .index-foot .wal {
        margin: 0 0.3rem;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .index-foot .link {
        display: none;
    }

    .index-foot .list {
        width: 100%;
        padding: .8rem 0 .3rem 0;
    }

    .index-foot .list:after {
        display: none;
    }

    .index-foot .list ul {
        width: 44%;
    }

    .index-foot .list ul:nth-child(1) {
        width: 56%;
    }

    .index-foot .list li {
        padding-bottom: .5rem;
    }

    .index-foot .list li .name {
        font-size: .24rem;
    }

    .index-foot .list li p {
        font-size: .22rem;
        line-height: 1.3em;
    }

    .index-foot .form {
        width: 100%;
    }

    .index-foot .msg .con {
        height: 1.2rem;
        line-height: .4rem;
        padding: .2rem 0;
        font-size: .22rem;
    }

    .index-foot .msg p {
        margin-right: -.3rem;
        margin-left: -.1rem;
    }

    .foot-form h2 {
        font-size: .26rem;
    }

    .foot-form li .input {
        height: .7rem;
    }

    .foot-form li .input input {
        height: .68rem;
        line-height: .68rem;
        font-size: .24rem;
        padding-left: .45rem;
    }

    .foot-form li .ico {
        width: .28rem;
        top: .45rem;
    }

    .foot-form li.li_01 {
        padding-right: 1.2rem;
    }

    .foot-form li.li_01 .submit div {
        width: 1rem;
        height: .7rem;
    }

    .foot-form li.li_01 .submit input {
        height: .7rem;
        font-size: .26rem;
    }

    .g-foot {
        font-size: .24rem;
    }

    .g-foot .form {
        width: 100%;
    }

    .g-foot .form li .input input {
        font-size: .24rem;
    }

    .g-foot .list {
        width: 100%;
        padding-top: .5rem;
    }

    .g-foot .list ul {
        padding-bottom: .3rem;
    }

    .g-foot .list li {
        font-size: .24rem;
    }

    .g-foot .list li .ico {
        width: .26rem;
    }

    .g-foot .list li .name, .g-foot .list li p {
        line-height: .26rem;
    }

    .g-foot .msg {
        position: static;
    }

    .g-foot .msg .wal {
        height: 1.2rem;
        line-height: .4rem;
        padding: .2rem 0;
        font-size: .22rem;
    }

    .g-foot .msg p {
        margin-right: -.3rem;
        margin-left: -.1rem;
    }

    /*page*/
    .p-banner .wal {
        height: 4rem;
        padding-top: 1rem;
    }

    .p-banner .wal h2 {
        font-weight: 400;
    }

    .p-banner .wal .content {
        font-size: .22rem;
        line-height: .36rem;
        max-width: 100%;
        padding-top: .2rem;
    }

    .solutions-nav ul {
        margin-left: -.2rem;
        margin-right: -.2rem;
    }

    .solutions-nav a {
        height: 2.6rem;
    }

    .solutions-nav a .name {
        font-size: .22rem;
        padding: .15rem .1rem;
    }

    .solutions-nav-list .btn {
        font-size: .24rem;
    }

    .solutions-nav-list .list ul {
        margin-left: -.3rem;
    }

    .solutions-nav-list .list li {
        width: 50%;
        padding: 0 0 .3rem .3rem;
    }

    .solutions-nav-list .list a {
        height: 1rem;
        font-size: .24rem;
    }

    .solutions-data-1 .title {
        font-size: .32rem;
    }

    .solutions-data-1 .btn {
        position: static;
    }

    .solutions-data-1 .btn ul {
        margin-left: -.4rem;
    }

    .solutions-data-1 .btn li a {
        font-size: .26rem;
    }

    .solutions-data-1 .container .content {
        font-size: .24rem;
        width: 100%;
        padding-top: .1rem;
    }

    .solutions-data-2 .list ul {
        margin-left: -.3rem;
    }

    .solutions-data-2 .list li {
        width: 50%;
        padding: 0 0 .3rem .3rem;
    }

    .solutions-data-2 .list li h3 {
        font-size: .26rem;
    }

    .solutions-data-2 .list li p {
        font-size: .22rem;
        line-height: .36rem;
    }

    .solutions-data-3 li {
        padding: .38rem .15rem;
    }

    .solutions-data-3 li p {
        font-size: .22rem;
    }

    /**
    专业服务
     */
    .operations .content ul li {
        flex-basis: 50%;
    }

    .operations .content ul li h3 {
        font-size: .26rem;
    }

    .operations .content ul li p {
        font-size: .22rem;
        line-height: .36rem;
    }

    .concept .content ul li {
        flex-basis: 100%;
    }

    .concept .content ul li .right h3 {
        font-size: .26rem;
    }

    .concept .content ul li .right p {
        font-size: .22rem;
        line-height: .36rem;
    }

    .service .content li {
        flex-basis: 50%;
    }

    /**
    核心案例
     */
    .case li {
        width: 100%;
    }

    /**
    核心案例-详情页
     */
    .case_show {
        padding-bottom: 1rem;
    }

    .case_show::before {
        right: 0;
    }

    .case_show .wal {
        padding: 1rem 0 .5rem 0;
        min-height: 1rem;
    }

    .case_show .title {
        font-size: .28rem;
        line-height: .46rem;
        width: 100%;
    }

    .case_show .p-content {
        width: 100%;
    }

    .case_show .list {
        width: 12rem;
        position: relative;
        left: .3rem;
        top: 0;
        margin-left: 0;
    }

    .case_show .list .p-num {
        width: 6rem;
    }

    /**
    新闻中心
     */
    .news li {
        width: 100%;
        padding: 0 0 .4rem .8rem;
    }

    /**
    资质荣誉
     */
    .honor li {
        width: 50%;
        padding: 0 0 .4rem .3rem;
    }

    .honor li .name {
        font-size: .24rem;
        line-height: .32rem;
        min-height: 1rem;
    }

    /**
    合作伙伴
     */
    .cooperation .list li {
        width: 33.333%;
    }

    /**
    联系我们
     */
    .contact-1 {
        padding-top: .6rem;
    }

    .contact-1 .col {
        width: 100%;
        min-height: 1rem;
        padding-bottom: .4rem;
        margin-bottom: .4rem;
    }

    .contact-1 .col .ico img {
        height: .7rem;
    }

    .contact-1 .col h3 {
        font-size: .28rem;
    }

    .contact-1 .col dd {
        font-size: .24rem;
    }

    .contact-1 .map {
        width: 100%;
    }

    .culture .list li {
        width: 50%;
    }

    .development .year-list .list-wrapper .year-item {
        flex-basis: 60px;
    }

    /**
    加入我们
     */
    .wal div.content div.p-content {
        width: 100%;
        font-size: .24rem;
        line-height: .4rem;
    }

    .join-1 .p-content h3 {
        font-size: .26rem;
        line-height: .44rem;
    }

    .join-2 .col, .join-2 .col-2 {
        width: 100%;
    }
    .join-2 .col .p-content {
        font-size: .24rem;
        line-height: .4rem;
    }
}

@media screen and (max-width: 550px) {
    .wal {
        margin: 0 .3rem;
    }
}