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

    .uk-container{ padding-left:0px; padding-right:0px; }
    .tbody{ padding:30px 10px 50px; }

    .f100{ font-size:80px; }
    .f60{ font-size: 26px; }
    .f48{ font-size: 24px; }
    .f42{ font-size: 24px; }
    .f40{ font-size: 24px; }
    .f36{ font-size: 22px; }
    .f30{ font-size: 22px; }
    .f24{ font-size: 20px; }
    .f20{ font-size: 18px; }
    .f18{ font-size: 16px; }
    .f16{ font-size: 15px; }

    .mheader{ position: absolute; top: 0; left: 0; right:0; z-index: 999; height: 70px; padding:10px 0; color:#fff; }
    .mheader .logo img{ max-height: 50px; }
    .mheader .mnav { min-height: 60px; margin-left: 25px; }
    .mheader .mnav .uk-button{ position: relative; border:0; padding: 0; width: 30px; height: 30px; }
    .mheader .mnav .uk-button span{ position: absolute; top: 50%; left:0; transform: translateY(-50%); width: 24px; height: 2px; background: #fff; }
    .mheader .mnav .uk-button span::before, .mheader .mnav .uk-button span::after{ content: ''; position: absolute; left:0; transform: translateY(-50%); width: 30px; height: 2px; background: #fff; }
    .mheader .mnav .uk-button span::before{ top: calc(50% - 10px); }
    .mheader .mnav .uk-button span::after{ top: calc(50% + 10px); }

    .mheader-gray .mnav .uk-button span, .mheader-gray .mnav .uk-button span::before, .mheader-gray .mnav .uk-button span::after{ background: #222; }



    .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-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{ border-bottom:1px solid #ebebeb; }
    #offcanvas-push .uk-nav>li>a{ line-height: 1.4; padding:12px 10px; font-size:16px; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px;  font-size:16px; }
    #offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}


    body{ padding-bottom: 750px; }

    .footer .hd{ padding:50px 20px; }
    .footer .hd .fotcat .tit{ margin-bottom: 10px; }
    .footer .hd .fotcat li{ padding-top:10px; padding-bottom: 10px; }
    .footer .hd .fotcat{ margin-bottom: 40px; }
    .footer .fd .copyright{ justify-content: center; }



    .banner{ height: 400px; max-height: none; }
    .banner .uk-position-bottom{ bottom:30px; }
    .banner .swiper-pagination{ justify-content: center; }
    

    
    /*首页*/
    .ipart1{ padding:10px 0px; }
    .ipart1 .tit{ margin-bottom: 10px; }


    .ipart2{ padding:50px 0 0; }
    .ipart2 .tit{ margin-bottom: 10px; }
    .ipart2 .icons{ flex-wrap: wrap; }
    .ipart2 .uk-wrap{ margin: 20px 0; max-width: 100%; position: relative; min-height: 122px; padding-left: 150px; display: flex; align-items: center; }
    .ipart2 .uk-wrap .ico{ position: absolute; left: 0; top:0; margin-bottom: 0; }
    .ipart2 .uk-wrap .ico .num{font-size:48px; font-weight: bold; }

 
    .ipart3{ padding:40px 0px 40px; margin-left: -10px; margin-right: -10px; }


    .ipart4{ padding: 30px 0; }
    .ipart4 .caseslide{ padding-bottom: 40px; }
    .ipart4 .box{ padding:0; }
    .ipart4 .demo{ gap: 10px; }
    .ipart4 .swiper-pagination{ display: flex; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 99; gap: 8px;}
    .ipart4 .swiper-pagination-bullet{ width: 40px; height: 3px; display: inline-block; background: rgba(0,0,0,0.2); border-radius: 5px; margin: 0; }
    .ipart4 .swiper-pagination-bullet-active{ background: #000; }


    .ipart5{ padding: 40px 0 0px; }
    .ipart5 .title{ margin-bottom: 20px; }
    .ipart5 .teamslide{ margin-left: -10px; margin-right: -10px; }



    .projectlist .hd .uk-wrap{ min-height: 350px; }
    .projectlist .hd .uk-text-center{ padding:60px 30px 20px; }
    .projectlist .hd .uk-wrap .f60{ line-height: 1.3; margin-bottom: 10px; }
    .projectlist .bd .uk-grid>div:nth-child(2){ padding-top:0; }

    .projectlist .bd{ padding:0 10px 100px; }
    .projectlist .bd .uk-grid .uk-grid-margin{ margin-top:20px!important; }


    .project_detail{ padding:80px 10px 50px; }
    .project_detail .sidebar{ padding:20px; position: static!important; width: 100%!important; min-height: auto!important; }
    .project_detail .sidebar .bot{ position: static!important; margin-top:20px; }
    .project_detail .bd .mainbox{ padding:20px 0; }
    .project_detail .bd .mainbox .pics>div{ margin:10px 0; }


    /*.pages 分页*/
    .pages{ display: block; }
    .pages .jump{ margin:15px auto; justify-content: center; }


}