@media screen and (min-width: 769px) {
    .casecontent-banner-navigation{
        display: none;
    }
    .casecontent-banner{
        height: 3.153rem;
        background: #F6F9FF;
        display: flex;
    }

    .casecontent-banner-left{
        margin-left: 10.54%;
        margin-top: 0.583rem;
        width: 3.910rem;
    }

    .casecontent-banner-lebel{
        width: 0.715rem;
        height: 0.252rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.131rem;
        color: #245BDB;
        line-height: 0.252rem;
        text-align: center;
        margin-bottom: 0.279rem;
        background: #DAE4FF;
        border-radius: 5px;
    }

    .casecontent-banner-title{
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 0.231rem;
        color: #1F2329;
        line-height: 0.305rem;
        margin-bottom: 0.468rem;
    }

    .casecontent-banner-btn{
        width: 1.156rem;
        height: 0.315rem;
        background: #006DFF;
        border-radius: 0.026rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.105rem;
        line-height: 0.315rem;
        text-align: center;
    }

    .casecontent-banner-btn a{
        color: #FFFFFF
    }

    .casecontent-banner-right{
        width: 3.573rem;
        height: 2.207rem;
        border-radius: 0.053rem;
        margin-top: 0.525rem;
        margin-left: 0.573rem;
    }

    .casecontent-banner-right img{
        width: 100%;
        height: 100%;
    }

    .casecontent-content{
        padding-top: 0.541rem;
        width: 78.91%;
        margin: auto;
        display: flex;
        justify-content: space-around;
        margin-bottom: 0.914rem;
    }

    .casecontent-left{
        width: 64%;
    }

    .casecontent-right{
        width: 1.676rem;
        height: 3.053rem;
        background: #FFFFFF;
        box-shadow: 0px 5px 20px 0px rgba(68,93,192,0.15);
        border-radius: 5px;
        border: 1px solid #D0D4E0;
        margin-top: 0.310rem;
        padding: 0.252rem 0.263rem 0.158rem 0.163rem;
    }

    .casecontent-right-up{
        width: 100%;
        margin-bottom: 0.242rem;
    }

    .casecontent-right-title{
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 0.116rem;
        color: #2B2B2B;
        line-height: 0.158rem;
        margin-bottom: 0.131rem;
    }

    .casecontent-right-text{
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.095rem;
        color: #696969;
        line-height: 0.158rem;
        margin-bottom: 0.268rem;
    }

    .casecontent-right-label{
        width: 0.504rem;
        height: 0.179rem;
        background: #F0F4FF;
        border-radius: 0.026rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.095rem;
        color: #245BDB;
        line-height: 0.179rem;
        text-align: center;
        margin-bottom: 0.205rem;
       
    }

    .casecontent-right-down{
        margin-top: 0.268rem;
    }

    .casecontent-right-line{
        border: 1px solid #D4D6E5;
        margin-bottom: 0.126rem;
    }

    .casecontent-right-botoom{
        display: flex;
    }

    .casecontent-right-botoom-image{
        width: 0.715rem;
        height: 0.715rem;
    }

    .casecontent-right-botoom-image img{
        width: 100%;
        height: 100%;
    }

    .casecontent-right-botoom-text{
        margin-top: 0.242rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.095rem;
        color: #696969;
        line-height: 0.158rem;
        width: 0.86rem;
        margin-left: 0.110rem;
        text-align: center;
    }

    .casecontent-more-title{
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 0.315rem;
        color: #272B31;
        line-height: 0.315rem;
        text-align: center;
        margin-bottom: 0.709rem;
    }

    .casecontent-more{
    width: 99%;
    overflow: hidden;
    margin: auto;
    }

    .casecontent-more-body{
        margin: auto;
        margin-bottom: 0.399rem;
    }

    .casecontent-more-body ul{
        display: flex;
    }

    .casecontent-more-body-li
    {
        width: 19% !important;
        height: auto;
        border-radius: 0.053rem 0.053rem 0px 0px;
        background: #FFFFFF;
        box-shadow: 0px 0.026rem 0.126rem 0px rgba(171,171,171,0.28);
        border-radius: 0.053rem;
    }

    .casecontent-more-body-top{
        height: 1.156rem;
        width: 100%;
        border-radius: 0.053rem 0.053rem 0px 0px;
    }

    .casecontent-more-body-top img{
        width: 100%;
        height: 100%;
        border-radius: 0.053rem 0.053rem 0px 0px;
    }

    .casecontent-more-body-tlabel{
        background: #F0F4FF;
        border-radius: 0.026rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.095rem;
        color: #245BDB;
        line-height: 0.158rem;
        padding: 0.042rem 0.100rem;
        margin-left: 0.105rem;
        margin-top: 0.110rem;
        width: fit-content;
    }

    .casecontent-more-body-title{
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 0.116rem;    
        color: #1F2329;
        line-height: 0.158rem;
        margin-left: 0.116rem;
        margin-right: 0.152rem;
        margin-top: 0.100rem;
        margin-bottom: 0.384rem;
    }


    .casecontent-more  .swiper-slide {
        margin-right: 0.147rem;  /* 使用rem单位 */
      }



}

@media screen and (max-width: 768px) {
    .casecontent-banner{
        background: #F6F9FF;
    }
    .casecontent-banner-left{
        padding-left: 0.4rem;
        padding-bottom: 1.467rem;
    }

    .casecontent-banner-navigation{
        font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.4rem;
    color: #51565D;
    line-height: 1.2rem;
    padding-top: 0.88rem;
    }

    .casecontent-banner-lebel{
        background: #DAE4FF;
        border-radius: 5px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.453rem;
        color: #245BDB;
        line-height: 0.747rem;
        width: fit-content;
        padding: 0.2rem 0.4rem;
        margin-top: 0.7rem;
        margin-bottom: 0.533rem;
    }

    .casecontent-banner-title{
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 0.587rem;
        color: #1F2329;
        line-height: 0.773rem;
        margin-right: 0.693rem;
        margin-bottom: 0.96rem;
    }

    .casecontent-banner-btn{
        width: 3.733rem;
    height: 1.067rem;
    background: #006DFF;
    border-radius: 0.026rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.4rem;
    line-height: 1.067rem;
    text-align: center;
    }

    .casecontent-banner-btn a{
        color: #FFFFFF;
    }

    .casecontent-banner-right{
        display: none;
    }

    .casecontent-right{
        display: none;
    }

    .casecontent-content{
        margin: 0.587rem;
    }

    .casecontent-more{
        display: none;
    }
}