html { min-width: 320px; }
.l1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.header_m{display:none;}
.n_newsList li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.n_newsList li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 40px);
}
.n_newsList li span {
    margin-left: 6px;
}

.qjf_hb_spacefooter {

    height: 122px;
}
.bq {
    width: 80%;
    position: absolute;
    left: -60%;
    bottom: 146px;
}
.ydd{display:none;}
@media screen and (max-width: 1000px){

.qjf_hb_spacefooter {

    height: 170px;
   
}


#imgConac {
    position: absolute!important;
    top: 93px!important;
    left: 42%!important;
}
.ydd{display:block;}
.home_cont,.n_nav,.n_crumbs,.qjf_hb_footercont,.w1000,.w960{width: 96%;margin: 0 2%;}
.home_left,.home_right{width:100%;}
.qjf_hb_spacefooter{min-width:auto;}
.qjf_hb_spacefooter .qjf_hb_footercont{padding:15px 0;text-align: center;}
.bq{    position: static;width: 100%;    height:124px;;}
.qjf_hb_footercont p {position: static;}
.bot_nav{ width: 100%;float: none;}
.qjf_hb_footercont .bot_nav a{margin:0;}
.m_topHeader,.n_navWrap,.home_cont .searchWrap{display:none;}
.n_banner{margin-top:0;background-size: contain;padding-top: 24%;height:auto !important; position: relative;}
.n_side,.n_main{width:100%;float:none;}
.n_arcList tr{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.n_arcList tr td:first-child{width:calc(100% - 140px);}
.n_arcList tr td:first-child a{ display:block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.n_arcList tr td:last-child{margin-left:10px;}
.n_det_content img{max-width:100%;height:auto;}
.n_det_info{padding:10px;line-height:2;height:auto;}
.n_det_page a{display:block;text-align:left;line-height:1.8;}
.n_det_page em{display:none;}
.n_crumbs{width:85%;}
.n_det_content p{font-size:14px;}
}

@media screen and (max-width: 1000px){
    .header_m{
        display:block;
    }
    .logo{
        margin-left: 0;
    }
    .m_Top{
        display: flex;
        padding: 5px 20px;
        justify-content: space-between;
        align-items: center;
    }
    .m_Top .logo a img{
        display: block;
        width: auto;
        height: 80px;
        max-height: none;
    }
    .menu1 {
        width: 36px;
        height: auto;
        display: block;
        overflow: hidden;
        z-index: 999999999;
        cursor: pointer;
position: absolute;
    right: 10px;
    top: 20%;
    }

    .menu1 span {
        float: left;
        width: 100%;
        background: #ffffff;
        transition: all 0.4s ease;
        margin-top: 10px;
        height: 2px;
    }

    .menu1 span:first-child {
        margin-top: 0;
    }

    .menu1.open span:nth-child(1) {
        transform: rotate(45deg);
        margin-top: 12px;
    }

    .menu1.open span:nth-child(2) {
        transform: rotate(-45deg);
        margin-top: -2px;
    }

    .menu1.open span:nth-child(3) {
        opacity: 0;
    }
    body.navshow {
        overflow: hidden;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0;
    }
    .header_m {
        display: block;
        width: 100%;
        position: relative;
        top: 0;
        z-index: 9999;
        box-sizing: border-box;
        background: #062d75;
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.08);
    }
    .m_nav {
        width: 100vw;
        height: calc(100% - 90px);
        position: fixed;
        top: 90px;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
        display: block;
        overflow: auto;
        box-sizing: border-box;
    }

    .m_nav.active {
        visibility: visible;
        opacity: 1;
        z-index: 99999999;
    }

    .m_nav ul{
        position: absolute;
        transition: right 0.3s ease;
        right: 0;
        top: 47px;
        left: auto;
        width: 100%;
        height: calc(100% - 47px);
        z-index: 99999;
        background: #fff;
        margin: 0;
        overflow: auto;
    }
    .m_nav ul li {
        height: auto;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ccc;
        float: none;
        text-align: left;
        padding: 0;
        line-height: 54px;
    }
    .m_nav ul>li>a {
        font-size: 18px;
        color: #333;
        font-weight: bold;
        width: 80%;
        text-indent: 20px;
        position: relative;
        display: block;
        line-height: 54px;
    }
    .m_nav ul>li>a:hover {
        color: #90000a;
    }
    .m_nav ul li i {
        position: absolute;
        right: 0;
        width: 15%;
        height: 54px;
        top: 0;
        background: url(../images/jia1.png) no-repeat center center;
        margin: auto;
        z-index: 10;
        cursor: pointer;
        transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -webkit-transition: all .2s ease;
    }
    .m_nav ul li i.on {
        background: url(../images/jian2.png) no-repeat center center;
    }
    .m_nav ul li ol {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        box-shadow: none;
        display: none;
        transition: all 0s;
    }
    .m_nav ul li ol>li {
        text-align: left;
        border: 0;
        font-size: 16px;
        line-height: 45px;
        position: relative;
        text-indent: 40px;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        transition: all .5s;
    }

    .m_nav ul li ol>li a {
        color: #333333;
        display: block;
    }

    .m_nav ul li ol>li:hover a {
        text-indent: 50px;
        color: #90000a;
    }
    .m_nav .search3{
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        border-top: 1px solid #ccc;
    }
    .m_nav .search3 div.search3_sub{
        background: #ffffff;
        width: 100%;
        height: 46px;
        overflow: hidden;
        box-sizing: border-box;
        border-bottom: 1px solid #cccccc;
    }
    .m_nav .search3 .text {
        float: left;
        width: calc(100% - 50px);
        height: 46px;
        border: none;
        outline: none;
        line-height: 46px;
        padding-left: 20px;
        font-size: 15px;
        margin: 0;
        background: transparent;
        color: #000000;
        box-sizing: border-box;
        border-right: 1px solid #ccc;
    }
    .m_nav .search3 .text::-webkit-input-placeholder{
        color:#969696;
    }
    .m_nav .search3 .text::-moz-input-placeholder{
        color:#969696;
    }
    .m_nav .search3 .text::-ms-input-placeholder{
        color:#969696;
    }
    .m_nav .search3 .submit {
        width: 50px;
        height: 46px;
        float: right;
        background: #fff url(../images/search2.png) no-repeat center;
        border: none;
        box-sizing: content-box;
        position:relative;
    }
    .m_nav .search3 .submit::before{
        display:block;
        content:"";
        width:1px;
        height:20px;
        position:absolute;
        left: 1px;
        top:3px;
        background: #000000;
    }
.zc560{width:100%;float:none;margin-right:0;}
.zc560rr{width:100%;float:none;}
}

@media screen and (max-width: 800px){
.left3{margin-right:0;}
}

@media screen and (max-width: 768px){

.right3 .sys{display:none;}
.ewm{display: flex;
    padding: 0 10px;
    flex-wrap: wrap;
    justify-content: center;
float:none;
}
.m_Top .logo a img {
    height: 60px;
    margin-top: 6px;
}
.news_con dl{max-height:100%;}
.left{width:100%;}
.right{    width: 98%;
    padding: 0 1%;
    margin-top: 15px;}
.lmmc{height:45px;line-height:45px;font-size:16px;}
.accordion .nav-link{height:35px;line-height:35px;font-size:14px;}
.accordion .nav-link.hover a{font-size:14px;}
}
@media only screen and (max-width: 560px){
 .m_Top{
        padding: 5px 10px;
    }
    .m_nav ul,.m_nav .search3{
        width: 100%;
    }
    .m_nav{
        height: calc(100% - 70px);
        top: 70px;
    }    
    .menu1{
        width: 25px;
       margin-top:5px;
    }
    .menu1 span{
        margin-top: 8px;
    }
    .m_nav ul>li>a {
        font-size: 16px;
        text-indent: 12px;
        line-height: 44px;
    }
    .m_nav ul li i {
        width: 15%;
        height: 44px;
    }
    .m_nav ul li ol>li{
        text-indent: 24px;
        line-height: 36px;
        font-size: 14px;
    }
.m_Top .logo a img{height:42px;}
.py_adjust{width:100%;height:auto;float:none;}
.py_adjust table{margin:0 auto}
.n_newsList{width:100%;}
}

@media only screen and (max-width: 500px){
.n_arcList tr{height:auto;line-height:1.5;    padding: 10px 0;}
.n_arcList tr td:first-child,.n_arcList tr td:last-child{width:100%;    text-align: left; margin-left: 0;}
.n_arcList tr td:first-child a{    white-space: normal;}
}