@media screen and (max-width:768px) {

  .header .bk10 {display:none;}

  .web_service,

  .web_servicetit {

    width: 100%;

    border:0;

  }

  .web_servicetit {

    background-position: center top;

  }

  .web_service ul li {

    width: 33%;

    padding: 0;

    margin: 0;

  }

  .web_service ul li p {

    font-size: 12px;

    overflow: hidden;

  }

  .web_service {

    background-image: none;

  }

}

.z-bottom-ma{

        border: 1px solid #b8daff;

        width: 1000px;

        margin: 0 auto;

        background: #FCFCFC;

        display: flex;
        
        flex-wrap: nowrap;

        justify-content: space-around;

        margin-top: 28px;

    }

    .z-ma{

        width:25%;

        box-sizing: border-box;

        text-align: center;

        padding: 2%;

    }

    .z-ma>p{
        width:70%; 
        font-size: 12px;
        line-height: 20px;
        margin-left:15%;
        margin-top:10px;
    }

    .z-ma>h3{
        width:70%; 
        margin-left:15%;
        background: url(/statics/fwdt/images/pc_title.png)no-repeat center;
        background-size: 100% 100%;
        color: #fff;
        height: 35px;
        font-size: 16px;
        padding-top:8px;
    }

    .z-ma>img{

        width: 70%;
        border: 1px solid #e6e4e4;
        margin-top: 10px;

    }
    .pc_left{
        border: none!important;
        width:100%!important;
    }

    .z-ma>a{

        display: block;

        width: 240px;

        height: 70px;

        background: #fff;

        border: 1px solid #fff;

        border-radius: 20px;

        box-shadow: 0px 9px 9px 0px rgba(33, 29, 30, 0.4);

        margin-top: 28%;

    }

    .z-ma>a>img{

        width: 20%;

        display:inline-block;
        
       margin-top: 5px;

    }

    .z-ma>a>p{

        font-size: 24px;

        display:inline-block;

        line-height: 70px;

    }

    @media screen and (max-width:768px){

        .z-bottom-ma {

         width: 100%;

        }

        .z-ma>a {

        display: block;

        width: 90%;

        height: 9vw;

        }

        .z-ma>a>P {

         font-size: 16px;

        line-height: 9vw;

        }

        .z-ma>a>img {

        width: 15%;

        }

    }

    @media screen and (max-width:414px){

        

        .z-ma>a>P{

            font-size: 12px;

            line-height: 9vw;

        }

        .z-ma>p {

        font-size: 12px;

        line-height: 30px;

    }

    }

    @media screen and (max-width: 320px){

        .z-ma>a {

            display: block;

            width: 100%;

            height: 9vw;

        }

    }