@media (max-width:960px){
    html{ font-size:14px; }

    .f100{ font-size: 60px; }
    .f60{ font-size: 40px; }
    .f36,.f48{ font-size: 24px; }
    .f30{ font-size: 20px; }
    .f20{ font-size: 18px; }
    .f18{ font-size: 15px; }
    p{ margin:0px; padding:5px 0; }

    /*.uk-offcanvas-bar .logo{ text-align:center; }*/
    .uk-offcanvas-bar .logo img{ height:24px; }
    .uk-offcanvas-bar .uk-nav-default>li>a{ color:rgba(255,255,255,0.8);  position:relative;  }
    .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover{ color:#fff;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{ color:rgba(255,255,255,0.8)!important;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover{ color:#fff!important;} 
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after{ position:absolute; right:10px; top:16px; display:block; content:''; width:14px; height:14px; 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{ border-top:1px solid rgba(255,255,255,0.1); }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid rgba(255,255,255,0.1); }
    #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; }


    .mheader{ min-height: 60px; height: auto; padding:0 10px;  position: absolute; left: 0; top: 0; right: 0; z-index: 9; }
    .mheader .uk-logo img{ max-height: 26px; }
    .mheader .mnav { min-height: 60px; margin-left: 5px; }
    .mheader .mnav .uk-button{ border:0; color:var(--text-color); width:36px; height: 36px; padding:4px; border-radius: 50%; }
    .mheader .mnav .uk-button svg{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 { min-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);}


    .banner .mask{ background-size: 80% auto;}
    .banner img{ height: 100%; object-fit: cover; }


    .ipart1 { height: auto; padding:40px 0 0; }
    .ipart1::after{ display: none; }
    .ipart1 .uk-box{ padding-left:0; padding-right: 0; display: block; }
    .ipart1 .left{ width: 100%; padding-left:20px; padding-right: 20px; }
    .ipart1 .left .tit{ font-size: 60px; margin-bottom: 20px; }
    .ipart1 .left .tit span{ font-size: 40px; }
    .ipart1 .left .subtit{ margin-bottom: 15px; }
    .ipart1 .left .desc{ font-size: 15px; }
    .ipart1 .right{ margin: 40px 0 0; width: 100%; background: rgba(0, 0, 0, 0.5); padding:40px 20px 50px;  }
    .ipart1 .right ul li{ margin-bottom: 40px; padding-left:70px; }
    

    .ipart2{ height: auto; padding-bottom:40px; }
    .ipart2 .uk-box{ margin-left:20px; margin-right: 20px; }
    .ipart2 .uk-box .uk-subnav{ padding-top:40px; margin-bottom: 20px; }
    .ipart2 .uk-box .uk-subnav>li{ width: 50%; background: rgba(255,255,255,0.4); margin-bottom: 15px; }
    .ipart2 .uk-box .uk-wrap{ padding:0px; width: 100%; }
    .ipart2 .uk-box .uk-wrap .desc{ line-height: 1.4; column-count: 2; }
    .ipart2 .uk-box .ico{ position: static!important; max-width: auto; max-height: auto; width: 200px; margin:15px auto 0; padding: 0; }
    .ipart2 .uk-box .ico img{ width: 100%; }


    .ipart3{ padding-bottom: 40px; height: auto;}
    .ipart3 .uk-box{ margin: 0 15px; }
    .ipart3 .uk-box .hd{ padding-top:40px; }
    .ipart3 .uk-box .hd .tit{ margin-bottom: 0.5em; }
    .ipart3 .uk-box .bar{ position: static!important; padding-top:100px; }
    .ipart3 .uk-box .bar .uk-wrap{ padding:10px 15px; }
    .ipart3 .uk-box .bar .uk-wrap .ico{  left: 10px; }
    .ipart3 .uk-box .bar .uk-wrap .ico .iconfont{ font-size: 50px; }
    .ipart3 .uk-box .bar .uk-wrap .tit{ line-height: 1.6; font-size: 17px; }


    .ipart4{ height: auto; padding-bottom: 40px; }
    .ipart4 .uk-box{ margin:0 15px; }
    .ipart4 .uk-box .hd{ padding-top:40px; margin-bottom: 20px; }
    .ipart4 .bd li .uk-wrap{ padding:15px 0; }
    .ipart4 .fd{ margin-top: 20px; justify-content: center; }


    .footer{ padding:40px 0;}
    .footer .uk-box{ margin:0 20px; }
    .footer .fotlogo{ text-align: center; padding-bottom: 15px; border:0; }
    .footer .fotnav{ border-top:1px solid rgba(255,255,255,0.2);  }
    .footer .fotnav>ul{ display: block; }
    .footer .fotnav>ul>li{ border-bottom:1px solid rgba(255,255,255,0.2); margin:0;  }
    .footer .fotnav>ul>li>a{ position: relative; padding:0; color:#fff; display: block; }
    .footer .fotnav>ul>li>a::after{ display: block; content:''; width: 14px; height: 14px; position: absolute; right:0px; top:17px; transform: rotate(180deg); }
    .footer .fotnav>ul>li>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"); }
    .footer .fotnav>ul>li.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"); }
    .footer .copyright{ text-align: center; padding:20px 0 0; font-size: 14px; }
    .footer .fotqr{ justify-content: space-around; }
    .footer .fotqr>div{ margin: 0; }
    


    .inban{ height: 60vh; }
    .inban .bar{ top:100px; transform: none; }
    .inban .bar .f60{ font-size: 30px; text-align: center; }
    .inban .bar .f20{ font-size: 16px; text-align: center; }
    .inban_holder{ height: 60vh; }
    .inban .slider{ display: none; }
    /* .inban .product_bar{ display: none; } */
    .inban .product_bar .uk-wrap{ padding: 0; top:70px; transform: none; } 
    .inban .product_bar .uk-wrap .tit{ margin-bottom: 10px; }
    .inban .product_bar .uk-wrap .desc{ line-height: 1.4; column-count: 2; font-size: 12px; }
    .inban .product_bar .ico{ max-width: 200px; top:60%; left: 0; right: 0; display: flex; justify-content: center; margin-left: auto; margin-right: auto; }


    .company1{ padding:50px 20px; }
    .company1 .left{ padding-right: 0; margin-bottom: 30px; }
    .company1 .mid{ padding:0; }
    .company1 .right{ padding: 0; margin-top:30px; }
    .company1 .uk-container{ padding:0; }

    .company2{ min-height: 400px; background-url:url(../images/bg_mabt2.jpg); }
    .company2 .uk-wrap{ padding-top:40px; }
    .company3{ min-height: 400px; }
    .company3 .uk-wrap{ padding-top:40px; }
    .company4{ min-height: 400px; }
    .company4 .uk-wrap{ padding-top:100px; }
    

    
    .servicebox{ padding-top:40px; }
    .servicebox>.uk-container>div{ margin-bottom: 30px; }
    
    .servicebox>div>.service:nth-child(1){ background:url(../images/msrv1.jpg) top center no-repeat #000;  }
    .servicebox>div>.service:nth-child(2){ background:url(../images/msrv2.jpg) top center no-repeat #000;  }
    .servicebox>div>.service:nth-child(3){ background:url(../images/msrv3.jpg) top center no-repeat #000;  }
    .servicebox>div>.service:nth-child(4){ background:url(../images/msrv4.jpg) top center no-repeat #000;  }
    .servicebox .service{ background-size: 100% auto!important; padding-top:40px 20px; }

    .servicebox .service .uk-wrap{ position: relative!important; padding:10px 15px 10px 5px; width: 160px; min-width: 160px; transform: none; top:40px; }
    .servicebox .service .uk-wrap .ico{  left: 10px; }
    .servicebox .service .uk-wrap .ico .iconfont{ font-size: 50px; }
    .servicebox .service .uk-wrap .tit{ line-height: 1.6; font-size: 17px; }
    .servicebox .service .uk-box{ position: static!important; max-width: 100%; transform: none; margin-top:80px; padding:20px; }
    .servicebox .service .uk-box .desc{ margin-top:1em; }
    .service5>.uk-container{ min-height: 240px; }


    .tbody{ padding:40px 0 50px;}
    /*新闻*/
    .newspart{ margin-bottom:20px; margin-top: 0; }
    .newspart .uk-wrap{ padding:0px; margin: 15px 20px 20px; }
    .newspart .uk-wrap .mb10{ margin-bottom: 5px; font-size:17px; }
    .newspart .right .desc{ margin-bottom: 10px; font-size:15px; -webkit-line-clamp: 3; }
    .newspart .f24{ line-height: 1.6; margin-bottom: 5px;}
    .newspart .left .pic{ width: 100%; height: auto; }
    .newspart .right .more{ margin-top:10px; text-align: right; }
    .newspart .right .more .uk-button{ padding:0 15px; height: 34px; line-height: 32px; min-width: 140px; }


    .newslist ul li{ padding:15px 5px; }
    .newslist li .con{ display: flex; align-items: center; }
    .newslist li .con .tit{ min-height: auto; line-height: 1.6; margin-bottom: 0; font-size: 15px; -webkit-line-clamp:2; display:-webkit-box;-webkit-box-orient:vertical; white-space:pre-wrap; }
    .newslist li .date{ margin-right:22px; width:60px; padding-bottom: 2px; margin-left: 0; padding-top: 0; }
    .newslist li .date .hd{ font-size: 40px;  }
    .newslist li .date .fd{ font-size: 14px; }
    .newslist li .date::before{ width: 5px; height: 5px; right:-10px; }

    .newsdetail h1{ padding:0 10px; font-size: 24px; }



    .product_detail{ padding:40px 10px; }
    .product_box{ padding:20px 0; display: flex; flex-wrap: wrap; }
    .product_box>div{ width: 100%; }
    .product_box:nth-child(even) .uk-wrap{ order:2; }
    .product_detail .ico{ width: 100%; }
    .product_detail .uk-wrap{ width: 100%; padding:20px; }
    .product_bot>.uk-container{ min-height: 240px; }
    .product_pics{ margin:0 20px; }


    .contact-info-card{ padding:30px; margin-top: 40px; }
    .contact-info-card .info-item{ padding-top: 10px; padding-bottom: 10px; }
    .contact-info-card .qr-codes{ gap: 20px; margin-top: 30px; }
    .contact-form{ padding-bottom: 40px; }
    .contact-form .uk-input{ height: 50px; }
    .demand-section{ margin:0; padding:20px 0 20px 4em; position: relative; display: flex; flex-wrap: wrap; }
    .demand-section .demand-label{ position: absolute; left: 0; top:20px; }
    .demand-section .demand-checkbox{ margin-right: 0; width: 45%; }
    .submit-wrap .submit-btn{ height: 50px; }
    .contact_srv>.uk-container{ min-height: 240px; }







}