@media ( max-width : 640px) {
    .pb0{ padding-bottom: 0!important;}
    .mb15{ margin-bottom: 10px!important;}
    
    .f18{ font-size: 16px; }
    .f16{ font-size: 14px;}
    .f14{ font-size: 14px;}

    .uk-offcanvas-bar{ background: #0ba2e6; }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid #0093d5; }
    #offcanvas-push .uk-nav>li>a{ line-height: 40px; padding:5px 10px; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px;}
    #offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}

    .header{ height: auto; background-size: 200% auto; background-position:-250px top; }
    .header>.uk-container{ height: auto;}
    .header .logo{ padding:5px 0 38px; text-align: center;}
    .header .logo img{ height: 50px; margin:0 auto; }
    .header>.uk-container >.uk-position-bottom{ position: static!important; margin:0;  height: auto; }
    .header .mso{ width:100%;background: #0088ce;padding:10px 25px; height: auto; }
    .header .mso input{ height: 40px; border-radius: 50px; padding-left:20px; }

    .header .mnav .uk-button{ position: absolute; left:15px; top:12px; border:1px solid #0088cd; background: #0088cd; color:#fff; width:36px; height: 36px; padding:0px; border-radius: 6px; }

    /* .noticebox{ line-height: 40px; margin-bottom:0px; }
    .noticebox .notice{ padding:0px 10px 0px 80px; height: 40px;}
    .noticebox .notice a{  width:100%; height: 40px;  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .noticebox .tit{ left:10px; }
    .noticebox .notice .uk-margin-left{ display: none; } */

    .mlinks > a{ line-height: 40px; height: 40px; background: #62beeb; color:#fff; margin-bottom: 10px; padding:0 10px 0 10px; font-size: 14px; margin-right:2px; }
    .mlinks > a img{ width:26px; }
    .mlinks > a:last-child{ margin-right:0;}
    .mlinks > a:hover,.links > a.current{ background: #0088cd;}
    
    .ipart1{ padding:0 10px;}
    .ipart1>.uk-grid>.uk-width-auto\@m{ margin-bottom: 10px; margin-top:10px; width: 100%;}
    .iabout .box{ min-height:auto; }
    .iabout .box img{ width:100%; }

    .ipart1 .uk-width-expand\@m{ order:-1; margin-top:10px; }

    .islider .uk-slidenav-previous,.islider .uk-slidenav-next{ width: 30px; height: 30px; background-size: cover; }

    .ipart2{ padding:0 10px;}
    .ipart2 .uk-pannel{ margin-bottom: 10px; }

    .ipart3 .flink{ width:100%; padding:55px 15px 5px; }
    .ipart3 .flink .tit2{ top:15px!important; left:15px!important; }
    .ipart3 .flink .uk-grid>*{ margin-bottom: 15px; }

    .nlist ul{ min-height: auto; }
    .nlist2 ul li a.uk-text-truncate{ white-space:pre-wrap }
    .nlist2 ul li a span{ display:block; }
    
    .zytz ul li .uk-position-right{ display:block; position:static!important; }
    

    .footer{ margin-top:0; border-top:0; background: #5c5c5c;  margin-top:0px; }
    .footer .copyright{ padding:10px 10px 15px; text-align: center; color:#cccccc; }
    .footer .copyright>*{ display: block; margin:0; float: none; }
    .footer .copyright>span:first-child{ color:#fff; font-size: 14px; }
    .footer .copyright a{ color:#cccccc; }
    .footer .copyright a:hover{ color:#fff; }

    .tBody{ padding:5px 10px 40px; border:0; min-height: 380px;}

    .ntitle{ text-align: center; }
    .ntitle span{ margin:0 auto; font-size: 20px; }
    
    .tBody .content{ font-size: 14px; line-height: 1.8; }


    .subnav{  text-align: center; }
    .subnav a{ height: 30px; line-height: 30px; padding:0 5px; margin-right:2px; margin-bottom:5px; font-size: 14px; float:none; }
    .subnav a:last-child{ margin-right:0; }
    /* .subnav a{ display: none; } */
    /* .subnav a.current{ height: 34px; line-height: 34px; display: inline-block; margin:0 auto; background: #0184cf; border:0; float: none; position: relative; }
    .subnav a.current::before,.subnav a.current::after{ content:''; display: block; width:0; height: 0; position: absolute; top:0px; }
    .subnav a.current::before{ left:-20px; border-left:10px solid transparent; border-bottom:17px solid transparent; border-top:17px solid #0084cf; border-right: 10px solid #0084cf; }
    .subnav a.current::after{ right:-20px; border-right:10px solid transparent; border-bottom:17px solid transparent; border-top:17px solid #0084cf; border-left: 10px solid #0084cf; } */


    .apply{ margin:0; }
    .applytip{ padding:10px 15px; }
    .applytip .f20{ font-size:16px; }
    .apply .uk-grid > .uk-grid-margin{ margin-top:14px!important; }
    .apply .applyform .uk-button-gray{ height:40px; }
    .apply .uk-text-right\@s{ text-align: center;}
    .apply .uk-text-right\@s .uk-button{ min-width: 120px; text-align: center; height:40px; }


    .page3 img{ max-width: 60%; }
    .page7 img{ max-width: 100px;}
    .page7 .f24.text-black{ font-size: 18px; text-align: center; }
    
    .contact .catwrap{ padding-top:10px; margin-bottom: 30px; }
    .contact .catwrap .f24{ font-size: 18px;}
    .contact .catwrap  ul{ margin-top:10px!important; }
    .contact #amap{ height: 300px; margin-left: -15px; margin-right: -15px;  border-top:1px solid #e8e8e8; margin-bottom:-35px; }
    .contact #amap .amap-icon{}

    .page12 .f24{ font-size: 18px; }
    .page12 img{ padding-bottom: 30px; width: 100px;}
    .page12>p:nth-child(-n+1){ display: none; }


    .newslist{ }
    .newslist .uk-grid-small{ margin-left: 0;}
    .newslist .uk-grid-small>div{ padding: 0;}
    .newslist .uk-grid-small .uk-width-expand{ width: 100%;}
    .newslist .uk-grid-small .uk-width-auto{ width: 100%;}
    .newslist .uk-grid-small span.uk-margin-left{ margin: 0!important;}
    .newslist li{ height: auto; line-height: 1.4; position: relative; padding: 10px 0 10px 15px; }
    .newslist li span.iconfont { position: absolute; left: 0; top:12px; }

    .newslist2{ }
    .newslist2 li{ margin-bottom: 0; margin-left:0; height: auto; border:0; line-height: 1.4; padding: 0; background: none!important; padding: 10px 0 10px 15px; position: relative; border-bottom:1px dashed #dedede; }
    .newslist2 li>div{ padding-left:0; }
    .newslist2 li .uk-width-expand, .newslist2 li .uk-width-auto{ width: 100%;}
    .newslist2 span.uk-margin-left{ margin: 0!important;}
    .newslist2 li span.iconfont { position: absolute; left: 0; top:12px; }


    .tBody h1.f30{ font-size: 18px; line-height: 1.4; padding-left:20px; padding-right:20px; }
    .tBody .infos{ margin-bottom: 15px; margin-top:5px; padding-bottom: 5px; }
    /* .tBody .main{ margin:15px;} */

    .searchlist .searchinfo{ margin:-15px -15px 15px -15px;}
    .searchlist li{ padding-bottom: 10px; margin-bottom: 10px;}


    .uk-pagination{ margin-left:0; }
    .uk-pagination .page-num{ display: none; }
    .uk-pagination .page-num-current{ display: block; }

} 
