@media (max-width:991px) {

    :root{
        --main-color:#562173;
        --main-color-hover: rgb(14, 168, 182);
        --gray-color:#999999;
        --border-color:#e5e5e5;
        --fz14:12px;
        --fz16:14px;
        --fz18:16px;
        --fz24:18px;
        --fz26:18px;
        --fz30:20px;
    }

    .hy_content{width: 95%;margin: 0 auto}
    .top_bg{display: none}


    .m_nav{display: block;height: 30px;position: relative;z-index: 55;cursor: pointer}
    .m_nav span{position: relative;background: #ffffff;display: block;width: 40px;height: 2px;transition: all ease 0.35s;z-index: 66}
    .m_nav span:nth-of-type(1){top:0}
    .m_nav span:nth-of-type(2){top:10px}
    .m_nav span:nth-of-type(3){top:20px}
    .m_nav.active{position: fixed;top: 10px;right: 10px;border: 1px solid var(--main-color);padding: 10px;cursor: pointer}
    .m_nav.active span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #3d3bb8}
    .m_nav.active span:nth-of-type(2){width:0;color: #3d3bb8}
    .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #3d3bb8}

    header .head{justify-content: space-between}
    header .head .logo img{max-height: 70px}
    header .right{position: relative;z-index: 50;display: none}
    header .right ul{position: fixed;width: 100%;top: 0;left: 0;height: 100vh;overflow-y: auto;display: flex;flex-direction: column;background-color: #fff;padding: 100px 0}
    header .right ul li{display: flex;width: 80%;margin: 0 auto;height: 50px;align-items: center}
    header .right ul li:not(:last-of-type){border-bottom: 1px solid var(--gray-color)}

    footer .f_body{padding: 50px 0}
    footer .f_content{margin: 20px 0}
}

@media (min-width:992px) {
    header .head .right ul{display: grid;grid-template-columns: 40% 40%;justify-content: space-between}
    header .head .right ul a{color: white;white-space: nowrap;display: inline-block;line-height: 40px;font-size: var(--fz14);}
    footer .f_body .f_content{padding: 50px 30px;border-left: 1px dashed white;border-right: 1px dashed white;}

}

@media (min-width:1200px){
    /*one rank*/
    .hy_content{min-width: 1180px;width: 61.458%;margin: 0 auto;}

}


@media (max-width:991px) {
    /*module*/
    .main_module {flex-direction: column}

    .main_module_left > *:nth-child(n+2), .main_module_right > * {margin-top: 20px;}

    footer .f_body {flex-direction: column}
    .module_index5 .show_body ul li a span{display: none}

    /*inside module*/
    .inside_top .top_tit {flex-direction: column;padding: 10px}
    .inside_top .bread img {display: inline-block}
    .inside_main {margin-top: -20px;}
    .inside_main .page{margin-top: 20px;}

    /*inside list1*/
    .inside_list1 {margin-top: 20px;}
    .inside_list1>a {box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);display: block;padding: 10px}
    .inside_list1>a:not(:first-of-type){margin-top: 20px;}

}

@media (min-width:992px) {
    /*module main*/
    .main_module_left{display: grid;width: 72.372%;grid-template-columns: 49.9% 49.9%;justify-content: space-between;grid-row-gap: 15px}
    .main_module_right{flex: 1;width: 0;margin-left: 20px;}
    .main_module_right>*:nth-child(n+2){margin-top: 20px;}

    /*inside main*/
    .inside_top .bread{font-size: var(--fz12);display: flex;align-items: center}
    .inside_main{display: grid;grid-template-columns: 21.61% 76%;justify-content: space-between}

}

.content_change0316 img{display: inline}