/**********************分辨率样式***********************/

@media (max-width:992px) {

    .headerbg {
        height: 60px;
        margin-top: 5px;
    }

    .headerbg .container-fluid {
        padding: 0;
    }

    .headerbg .navTwo svg {
        height: 30px;
        margin-top: 0px;
        fill: #34abe2;
    }

    .headerbg .navTwo {
        height: 60px;
        line-height: 60px;
        padding: 0 10px;
    }

    .headerbg .navTwo img {
        height: 50px;
        margin-top: 5px;
    }

}

@media (max-width:769px) {

    .headerbg {
        height: 30px;
        margin-top: 5px;
    }

    .headerbg .container-fluid {
        padding: 0;
    }

    .headerbg .navTwo svg {
        height: 20px;
        margin-top: 0px;
        fill: #34abe2;
    }

    .headerbg .navTwo {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    .headerbg .navTwo img {
        height: 20px;
        margin-top: 5px;
    }


    .footerBg .container {
        width: 600px;
        padding: 0;
    }

    .footerBg .ptb40 {
        padding: 5px;
    }

    .footerBg .footTopL dl {
        margin: 0;
        margin-bottom: 5px;
    }

    .footerBg .footTopL dl dt {
        font-size: 12px;
    }

    .footerBg .footTopL dl dd a {
        font-size: 10px;
        line-height: 18px;
    }

    .footerBg .weixin {
        display: none;
    }

    .offcanvas {
        width: 200px !important;
    }

    .off-svg svg {
        height: 20px;
        width: 20px;
    }

    .offcanvas-body .Sidebar {
        width: 180px;
    }

    .Sidebar ul {
        padding-left: 0px;
    }

    .Sidebar li {
        width: 100%;
        min-height: 20px;
        height: fit-content;
        line-height: 20px;
        margin-top: 10px;
        font-size: 10px;
    }

    .Sidebar svg {
        width: 20px;
        height: 20px;
        margin-top: 0px;
    }

    .arrow-right {
        width: 20px;
        height: 20px;
    }

    .arrow-right svg {
        width: 10px;
        height: 10px;
    }
}

@media (max-width:640px) {

    .headerbg {
        height: 30px;
        margin-top: 5px;
    }

    .headerbg .container-fluid {
        padding: 0;
    }

    .headerbg .navTwo svg {
        height: 20px;
        margin-top: 0px;
        fill: #34abe2;
    }

    .headerbg .navTwo {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    .headerbg .navTwo img {
        height: 20px;
        margin-top: 5px;
    }

    .footerBg .container {
        width: 340px;
        padding: 0;
    }

    .footerBg .ptb40 {
        padding: 5px;
    }

    .footerBg .footTopL dl {
        margin: 0;
        margin-bottom: 5px;
    }

    .footerBg .footTopL dl dt {
        font-size: 12px;
    }

    .footerBg .footTopL dl dd a {
        font-size: 10px;
        line-height: 18px;
    }

    .footerBg .weixin {
        display: none;
    }

    .offcanvas {
        width: 200px !important;
    }

    .off-svg svg {
        height: 20px;
        width: 20px;
    }

    .offcanvas-body .Sidebar {
        width: 180px;
    }

    .Sidebar ul {
        padding-left: 0px;
    }

    .Sidebar li {
        width: 100%;
        min-height: 20px;
        height: fit-content;
        line-height: 20px;
        margin-top: 10px;
        font-size: 10px;
    }

    .Sidebar svg {
        width: 20px;
        height: 20px;
        margin-top: 0px;
    }

    .arrow-right {
        width: 20px;
        height: 20px;
    }

    .arrow-right svg {
        width: 10px;
        height: 10px;
    }
}

@media (max-width:300px) {
    .footerBg .container {
        width: 260px;
    }


}