.in03a .gallery-top .in03b {
    width: 58%;
}
.sidebar-menu{}
.sidebar-menu a{
    padding-left: 2rem !important;
}
.mobmenu .sidebar nav{
    overflow-y: scroll;
}
.footnav{
    z-index: 9;
}
@media (min-width: 1200px) and (max-width: 1500px){
    .in03a .gallery-top .in03b {
        width: 58%;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .allsider {
        width: 238px;
    }
    .pro-right {
        width: calc(100% - 246px);
    }
    .allpro .imgbox {
        height: 231px;
    }
    .four-list-pic{
        height: 70%;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .allsider {
        width: 100%;
    }

    .allsider-top {
        padding: 1% 0 0 3%;
        height: 67px;
    }

    .allsider-top .t1 {
        font-size: 22px;
    }

    .sllsider-ul ul {
        overflow: hidden;
    }

    .sllsider-ul li {
        padding: 0 19px;
        float: left;
        width: 50%;
    }

    .sllsider-ul li > a {
        line-height: 50px;
        font-size: 16px;
    }
    .pro-right {
        width: 100%;
        margin-top: 4%;
    }
    .allpro .imgbox {
        height: 244px;
    }
    .four-list-pic{
        height: 70%;
    }
}

@media (max-width: 768px) {
    .allsider {
        width: 100%;
    }

    .allsider-top {
        padding: 1% 0 0 3%;
        height: 67px;
    }

    .allsider-top .t1 {
        font-size: 22px;
    }

    .sllsider-ul ul {
        overflow: hidden;
    }

    .sllsider-ul li {
        padding: 0 19px;
        float: left;
        width: 100%;
    }

    .sllsider-ul li > a {
        line-height: 50px;
        font-size: 16px;
    }
    .pro-right {
        width: 100%;
        margin-top: 4%;
    }
    .allpro .imgbox {
        height: 170px;
    }
    .pro-right ul li{
        width: 50%;
    }
    .sllsider-ul li .type-pros{
        position: relative;
        opacity: 1;
        visibility: visible;
        max-height: initial;
        left:initial;
        top:initial;
        width: 100%;
        transform: none;
        background: none;
        box-shadow: none;
        border-bottom: 1px dashed #dadbda;
        display: none;
        transition: none;
    }
    .sllsider-ul li .type-pros a{
        width: 50%;
    }
    .sllsider-ul li i{
        display: block;
    }
    .sllsider-ul li .type-pros a:hover{
        color:#666666;
    }
    .sllsider-ul li .type-pros a:hover:before{
        background:#666666;
    }
    .sllsider-ul li:hover {
        background: #f5f5f5;
    }
    .sllsider-ul li:hover>a {
        color:#4c514d;
        border-bottom:1px dashed #dadbda;
    }

    .sllsider-ul li:hover>a:before {
        border:2px solid #bfbfbf;
    }

    .allsider{
        display: none;
    }

    .allsider-mobile{
        display: block;
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
        padding: 6% 3%;
        text-align: center;
        position: fixed;
        right: 0;
        z-index: 999;
    }

    .pro-intita{
        display: none;
    }

    .inimga{
        height: 30vw;
    }

    .in06aimg{
        height: 30vw;
    }

    .m-hide{
        display: none;
    }

    .m-tab-index{
        text-indent: 30px;
    }
    .four-list-pic{
        height: 70%;
    }
    .gallery-top .in03b {
        right: 3%;
        width: 60%;
    }
    .four-list ul li p{
        font-size: 14px;
    }
    .in_05 {
        display: block;
    }
    .cimga{
        height: auto;
    }
    .goods-gallery-top{
        height: 70vw;
    }
}
@media (min-width: 576px) and (max-width: 768px){
    .in03a .gallery-top .in03b {
        right: 3%;
        width: 60%;
    }
    .in03a .gallery-top img{
        width: 100%;
    }
    .four-list ul li p{
        font-size: 14px;
    }
}
@media (max-width: 576px){
    .in03a .gallery-top img {
        width: 100%;
    }
    .four-list ul li p{
        font-size: 12px;
    }
    .four-list-pic {
        height: 60%;
    }
}