@media screen and (max-width: 575px) {
    .works {
        height: auto;
    }

    .header_banner {
        height: 17rem;
    }

    .ip {
        height: auto;
    }

    .sp2 {
        height: 100%;
    }

    .toptag {
        font-size: .6rem;
    }

    .bottag {
        font-size: .6rem;
    }

    .ipitem {
        width: 100%;
        height: 100%;
    }

    .ipimg {
        width: 7.04rem;
        height: 7.2rem;
        position: absolute;
    }

    .header_nav {
        width: 100%;
        margin-left: 0;
        left: 0;
    }

    .header_nav a {
        color: #AAADFA;
        font-size: .6rem;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        border: none;
    }

    .swiper-pagination-bullet {
        width: 0.5rem !important;
        height: 0.5rem !important;
        border: 2px solid #FFFFFF;
        opacity: .5;
        background: transparent !important;
    }

    .our {
        top: 1.2rem;
    }

    .allimg {
        height: 3.1rem;
    }
    .allserach input{
        font-size: .65rem;
    } 
    .ritem img{
        height: 100%;
    }
    .radiol {
        height: 10.8rem;
    }
    .go{
        font-size: .6rem;
    }
    .ratitle{
        font-size: .6rem;
    }
    .procon ul{
        height: auto;
        background: none;
        flex-wrap: wrap;
    }
    .procon li p{
        font-size: .6rem !important;
    }
    .lititle{
        font-size: .7rem;
    }
    .lititle2{
        font-size: .65rem;
    }
    .ritem video{
        height: 9.6rem;
    }
    .intrleft{
        width: 70%;
        height: 15rem;
    }
    .introcon{
        flex-wrap: wrap;
    }
    .intrright{
        width: 100%;
        margin-top: 1rem;
    }
    .rc::before{
        top: .25rem;
    }
    .lc::after{
        top: .25rem;
    }
    .intrright li{
        font-size: .62rem;
        line-height: 1.2rem;
    }
    .concon{
        flex-direction: column-reverse;
        align-items: center;
    }
    .conleft{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .conleft dl{
        width: 100%;
    }
    .conleft dl{
        display: flex;
        flex-direction: column;
        align-items: center;
    justify-content: center;
    margin-top: 1rem;
    }
    .conleft dl dt{
        font-size: .65rem;
    }
    .conleft dl dd{
        font-size: .62rem;
    }
    .logobt{
        width: 6.26rem;
        height: 1.38rem;
    }
    .code{
        width: 2rem;
        height: 2rem;
    }
}