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

    .f16{ font-size:15px; }
    .f18,.f20{ font-size:16px; }
    .f24{ font-size:18px; }
    .f36, .f42, .f48{ font-size:24px; }

    .uk-container{ padding-left:0px; padding-right:0px; }


    .banner{ background: url(../images/mban1.png) center/cover;}

    .header .uk-navbar{ height: 60px; }
    .mheader{ height: 60px; height: auto; padding:0 10px; left: 0; top: 0; right: 0; margin:0; background-color:var(--main-color); }
    .mheader .uk-logo img{ max-height: 36px; }
    .mheader .mnav { }
    .mheader .mnav .uk-icon{display: block;}
    .uk-offcanvas-page .mheader .mnav .uk-button,.uk-offcanvas-page .mheader .mnav .uk-button:hover,.uk-offcanvas-page .mheader .mnav .uk-button:focus{ background:var(--main-color); color:#fff; }
    .mheader .uk-navbar-right { height: 60px; color:var(--text-color); }
    .mheader .lang{ position: relative; padding: 0;}
    .mheader.uk-active{ box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);}
    

    .uk-offcanvas-bar{ background: #fff; }
    .uk-offcanvas-bar .uk-close{ color:#000; }
    .uk-offcanvas-bar .uk-nav-default>li>a{ color:#222; }
    .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover{ color:#222;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{ color:#222!important;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover{ color:#000!important;}
    .uk-nav-parent-icon>.uk-parent>a::after {
        content: "";
        width: 1.5em;
        height: 1.5em;
        margin-left: auto;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    #offcanvas-push .uk-nav>li.uk-open a{ color:var(--main-color); }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid #ebebeb; }
    #offcanvas-push .uk-nav>li>a{ line-height: 40px; padding:5px 10px; font-size:15px; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px;  font-size:14px; }
    /*#offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}*/
    

    .footer{ padding:20px 10px; font-size:13px; }
    .footer .uk-margin-left{ margin-left:0!important; display:block; }

    .banner{ min-height: auto!important; border-radius:0; margin:0; }
    .banner .uk-slideshow-items .name{ width:100%; padding-right:80px; font-size:16px; height:50px; }
    .banner .uk-position-center-left::before{ display:none; }
    .banner .uk-slidenav{ margin:0; bottom:0; }
    .banner .uk-slidenav:focus{ background:rgba(0,0,0,0.5); }
    .banner .uk-dotnav{ display:none; }
    


    .ipart1{ padding:10px; margin:0; }
    .ipart2{ padding:0 10px 10px; margin:0; }
    .ipart3{ padding:0 10px 10px; margin:0; }
    .ipart4{ padding:0 10px 10px; margin:0; }


    


    .inban{ height: auto;}
    .inban .intit{ width: 206px; height: 146px; background-size: cover; margin-left:-103px; }
    .inban .intit .f60{ font-size: 30px; }

    .crumb{ color:#fff; padding:0 10px; }
    .crumb .uk-wrap a{ color:#fff!important; }

    .mainbox{ margin:0 10px; background:#fff; padding:5px 10px 20px; }


    .newslist li{ background-position:0 14px; padding:8px 0 8px 10px; }
    .newslist li a{ padding-right:0;padding-bottom:25px;  }
    .newslist li a .tit{  display: block; white-space:pre-wrap; line-height:1.4; }
    .newslist li a .text-gray{ left:0; bottom:5px; top:auto; transform:none; font-size:13px; line-height:1; }
    

    .albumlist{ padding:0; }
    .albumlist .uk-grid{ margin-left:-10px; }
    .albumlist .uk-grid>li{  padding-left:10px; }
    .albumlist .uk-grid>li.uk-grid-margin{ margin-top:20px!important; }
    
    

    .tbody h1.f36{ padding:0px 1em; font-size:20px; }
    .infos{ margin-bottom: 15px!important; padding-bottom:10px; font-size: 13px; }
    .newsdetail{ padding:10px 0; }
    .newsdetail .content{ font-size:16px; }
    .newsdetail .content img{ margin:20px 0; max-width:100%; }
    .content iframe{ max-width:100%; max-height:360px; margin:20px auto; }




    /*搜索*/
    .searchlist .sobar{ margin-bottom: 15px;}
    .sobar>.uk-flex{ flex-wrap: wrap; }
    .sobar>.uk-flex>div{ width: 100%; flex:1; }
    .sobar>.uk-flex>div:last-child{ order:-1; }
    .sobar .sotype{ margin:30px 0 0; text-align: center; width: 100%;}
    .searchlist{ }
    .searchlist .searchinfo{ margin-bottom: 15px; font-size:14px; }
    .searchlist .news li{ margin-bottom: 15px; padding-bottom:15px;}
    .searchlist .news li .tit{ font-size:15px; line-height: 1.4; -webkit-line-clamp:2; display:-webkit-box;-webkit-box-orient:vertical; white-space:pre-wrap; }
    .searchlist .news li .uk-icon{ top:0; }
    .searchlist .news li .date{ font-size:12px; }
    .searchlist .news li .desc{ font-size:14px; }

    /*.pages 分页*/
    .pages{ display: block; }
    .pages .uk-pagination a, .pages .page-num{ padding:0 5px; min-width:30px; }
    .pages .jump{ margin:15px auto; justify-content: center; }

}