@media screen and (max-width: 768px) {
    .smallBgOver{
        min-width: auto;
        height: 400px;
    }
    .smallBg{
        margin-left: 0;
        width: 100%;
        height: 400px;
        transform: translateX(-50%);
    }
    .smallBg img{
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .expoSubNav{
        width: auto;
        margin: 0 20px;
    }
    .expoSubNav a.expoNavMore{
        font-size: 14px;
    }
    .expoSubNav h3{
        font-size: 26px;
    }
    .expoContent{
        width: auto;
        height: auto;
    }
    .expoLeft{
        width: auto;
        float: none;
    }
    .expoRight{
        width: auto;
        height: auto;
        float: none;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .expoTit h3{
        font-size: 20px;
    }
    .expoLeftL{
        height: auto;
        width: auto;
        float: none;
        margin-bottom: 20px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .expoLeftLCont{
        height: auto;
    }
    .expoLeftLCont img{
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }
    .expoLeftLCont p{
        width: auto;
    }
    .expoLeftR{
        width: auto;
        height: auto;
        float: none;
        margin-left: 20px;
        margin-right: 20px;
    }
    .expoLeftRCont{
        width: auto;
        height: auto;
        padding: 0;
    }
    .tabContList p{
        width: auto;
        float: none;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        /* display: none; */
    }
    .tabContList p a{
        display: block;
        float: none;
        margin-right: 0;
        height: auto;
        width: calc(50% - 10px) !important;
        margin-bottom: 10px;
    }
    .tabContList p a img{
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }
    .tabContList p a span{
        width: 100%;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        text-align: center;
        display: block;
    }

    .expoNewsCont{
        width: auto;
    }
    .expoRight .expoNewsCont h3{
        padding-top: 0;
        margin: 10px 20px 10px 20px;
    }
    .expoNewsCont img{
        width: calc(100% - 40px);
        height: auto;
        object-fit: cover;
        margin: 0 20px;
    }
    .expoRight .expoNewsCont p{
        height: auto;
        text-indent: 2em;
        margin: 20px;
    }
    .expoTopCont .expoRight .expoNewsList{
        height: auto;
        margin-bottom: 40px;
    }
    .bolanhuiCont{
        width: auto;
        margin-bottom: 20px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .bolanhuiList{
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .bolanhuiList li{
        width: calc(50% - 10px) !important;
        height: auto;
        float: none;
        margin-right: 0;
    }
    .bolanhuiList li a.blhImg{
        width: auto;
        height: auto;
    }
    .bolanhuiList li a.blhImg img{
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .bolanhuiList li a.blhImg .whiteBroder{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .bolanhuiList li a.blhImg .blackBg{
        width: auto;
        height: 100%;
    }
    .bolanhuiList li a.blhImg b{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .bolanhuiList li:hover .whiteBroder{
        display: none;
        animation: normal;
    }
    .lastNewsContL{
        width: auto;
        height: auto;
        float: none;
        margin-bottom: 20px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .lastNewsContL .expoNewsCont{
        width: auto;
        height: auto;
    }
    .lastNewsContL .expoNewsCont h3{
        margin: 0 20px;
    }
    .lastNewsContL .expoNewsCont img{
        width: calc(100% - 40px);
        height: auto;
        object-fit: cover;
        margin: 0 20px;
    }
    .lastNewsContL .expoNewsCont p{
        width: auto;
        height: auto;
        text-indent: 2em;
        margin: 20px;
    }
    .lastNewsContL .expoNewsList{
        height: auto;
        margin-bottom: 30px;
    }
    .lastNewsContR{
        width: auto;
        float: none;
    }
    .expoAbout{
        width: auto;
        height: auto;
        margin:0 20px;
    }
    .expoAbout ul {
        margin: 20px;
    }
    .expoAbout ul li{
        width: auto;
    }
    .expoAbout img{
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .expoContact{
        width: auto;
        height: auto;
        margin: 20px;
    }
}