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

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

    .uk-sticky-placeholder{ display: none!important; }

    .f48{ font-size: 30px; }
    .f36{ font-size: 22px; }
    .f30{ font-size: 20px; }
    .f24{ font-size: 18px; }
    .f20{ font-size: 18px; }
    .f18{ font-size: 17px; }
    .f16{ font-size: 15px; }


    .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;} */


    .mheader{ min-height: 60px; height: auto; padding:0 10px; width: 100%!important; }
    .mheader .uk-logo img{ max-height: 36px; }
    .mheader .mnav { min-height: 60px; margin-left: 5px; }
    .mheader .mnav .uk-button{ border:0; color:#ccc; 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{ /*背景渐变 background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);*/ background: #232632; }
    


    .banner{ height: auto; }
    .banner .uk-dotnav{ bottom:15px; }

    .bar{ margin: 0; padding:20px 0; background:var(--main-color); }
    .bar ul>li a{ font-size:15px; color:#000; display: block; text-align: center; }
    .bar ul>li .ico{  width:60px; height: 60px; margin: 0 auto 5px; background-position:center; background-repeat:no-repeat; }
    .bar ul>li span{ color:var(--text-dark); }
    .bar ul>li:nth-child(1) .ico{ background-image:url(../images/icon_1.png); }
    .bar ul>li:nth-child(2) .ico{ background-image:url(../images/icon_2.png); }
    .bar ul>li:nth-child(3) .ico{ background-image:url(../images/icon_3.png); }
    .bar ul>li:nth-child(4) .ico{ background-image:url(../images/icon_4.png); }
    .bar ul>li:nth-child(5) .ico{ background-image:url(../images/icon_5.png); }



    .footer{ padding:30px 20px 0px; background-size:cover;  }
    .footer .fotlogo{ margin-right: 0; text-align: center; margin-bottom: 30px; }
    .footer .fotlogo img{ max-width: 180px; }
    .footer .fotcat{ width: 100%; }
    .footer .fottel{ justify-content: center; margin-bottom: 10px; }
    .footer .fottel .f36{ font-size: 30px; }
    .footer .fottel .f30{ font-size: 24px; }

    .footer .last{ width:100%; }
    .footer .fotqr{ margin-left: 0; }

    .footer .copyright{ margin-top:20px; padding:10px 0; }
    .footer .copyright>div>div.uk-flex{ display: block; text-align: center; }
    .footer .copyright .uk-margin-left{ display: block; margin-left: 0; }





    
    /*首页*/
    .title{ margin-bottom: 30px; line-height: 1.2; }
    .title::before{ height: 3px; width: 50px; }


    .ipart1{ padding:40px 10px; }
    .ipart1 .uk-wrap{ padding-left:0; }
    .ipart1 .tit{ padding-bottom: 30px; }
    .ipart1 .tit::before{ width:50px; height: 3px; bottom:20px; }
    .ipart1 .f24{ font-size:14px; }
    .ipart1 .f36{ font-size:20px; }
    .ipart1 .uk-wrap .desc{ font-size:15px; line-height: 2; margin-bottom: 15px; }
    .ipart1 .uk-wrap .more{ display: flex; justify-content: flex-end; }

    .ipart2{ padding: 40px 10px; }
    .ipart2 .uk-subnav{ margin-left:-5px; }
    .ipart2 .uk-subnav>*{ padding-left:5px; }
    .ipart2 .uk-subnav a{ width: 100px; }
    .ipart2 .uk-slider{ padding-bottom: 40px; }
    .ipart2 ul.uk-slider-items{ margin-left: -8px; }
    .ipart2 ul.uk-slider-items>li{ padding-left:8px; }
    .ipart2 .uk-slider .uk-dotnav>*>*{ width:4px; }
    .ipart2 .uk-wrap{ padding:5px; }
    .ipart2 .uk-wrap .bd{ padding:5px 0;}
    .ipart2 .uk-wrap .bd .name{ margin-bottom: 5px; }
    .ipart2 .uk-wrap .fd{ padding:10px 0 15px; zoom: 0.8; }

    .ipart3{ padding: 40px 10px; }
    .ipart3 .uk-slider{ padding-bottom: 40px; }
    .ipart3 ul.uk-slider-items{ margin-left:-8px; }
    .ipart3 ul.uk-slider-items>li{ padding-left:8px; }
    .ipart3 .uk-slider .uk-dotnav>*>*{ width:4px; }
    .ipart3 .uk-wrap .fd{ padding:15px 10px 10px; }

    .ipart4{ padding:40px 10px; }
    .ipart4 .title{ margin-bottom: 30px; }
    .ipart4 .uk-slideshow-items{ min-height: 300px!important;}
    .ipart4 .inewsslide{ margin-bottom:10px; }
    .ipart4 .inews li{ margin-bottom: 0px; }
    .ipart4 .inews li .uk-wrap{ padding:15px 90px 15px 15px; height: auto; background: url(../images/icon_li.png) 5px 25px no-repeat; }
    .ipart4 .inews li .uk-wrap .date{ width:60px; }
    .ipart4 .inews li .uk-wrap .date .month{ padding-bottom: 2px; }
    .ipart4 .inews li .uk-wrap .tit{ font-size: 15px; font-weight: normal; }
    .ipart4 .inews li .uk-wrap .desc{ display: none; }
    .ipart4 .inews li .uk-wrap .con{ height: auto; }
    .ipart4 .inews li .uk-wrap .date .month{ font-size:12px; }

    .inewsslide .text{ height: 40px; line-height: 40px; padding:0 100px 0 10px; }
    .inewsslide .uk-slidenav{ width:40px; height: 40px; line-height: 28px; }
    .inewsslide .uk-slidenav-previous{ right:40px; }
    


    /*内页*/
    .tbody{ padding:25px 10px 70px; background-size: 60% auto; }
    .inban{ height: 280px; background-size: auto 100%; }
    .inban::after{ width: 80px; height: 6px; bottom:-3px; }
    .inban .sortname{ position: absolute; bottom:0; left: 50%; transform: translateX(-50%); width:140px; height: 44px; line-height: 44px; text-align: center; background: var(--main-color); color:var(--text-dark); }
    .inban .sortname::before{ position: absolute; left: 0; bottom:-3px; content:''; display: block; width:100%; height: 2px; background: var(--text-dark); }
    .inban .uk-position-bottom{ display: none; }

    
    .subnavbar{ height: 60px; }
    .subnav li{ display: none; }
    .subnav li.active{ display: block; font-size:20px; }
    .subnav li a{ height: 40px; line-height: 1.2; }
    .subnav li.active a::after, .subnav li a:hover::after{ left: 50%; width:60px; transform: translateX(-50%); right: auto; }
    
    .tbody .title{ margin-bottom: 20px; }


    /*公司简介*/
    .company1{ padding:30px 5px 0; }
    .company1 .desc{ margin-top: 10px; font-size: 15px; }

    .fotbar{ padding:20px 10px; }
    .fotbar ul.uk-flex{ flex-wrap: wrap; }
    .fotbar ul.uk-flex>li{ width:33%; height: auto; flex: none; margin:8px 0; }
    .fotbar ul.uk-flex>li a{ display: block; height: auto; text-align: center; }
    .fotbar ul.uk-flex>li .ico{ margin:0 auto; width:40px; height: 40px; background-size: 100%; }
    .fotbar ul.uk-flex>li .ml10{ margin-left: 0; font-size: 14px; }


    /*发展历程*/
    .history ul li .year{ border-width:5px; width:60px; height: 60px; line-height: 50px; }
    .history ul li:nth-child(odd) .year{ margin-left:30px; }
    .history ul li:nth-child(even) .year{ margin-left:-90px; }
    .history ul li .uk-wrap{ padding-top:70px; margin-top:-30px; }
    .history ul li:nth-child(odd) .uk-wrap{ padding-left:30px; }
    .history ul li:nth-child(odd) .uk-wrap::after{ top:30px; width: 30px; }
    .history ul li:nth-child(odd) .uk-wrap::before{ top:25px; }
    .history ul li:nth-child(even) .uk-wrap{ padding-right:30px; }
    .history ul li:nth-child(even) .uk-wrap::after{ top:30px; width: 30px; }
    .history ul li:nth-child(even) .uk-wrap::before{ top:25px; }



    /*下载*/
    .downloadlist li{ margin-bottom: 10px; }
    .downloadlist li .uk-wrap{ padding:15px 15px 40px 15px; }
    .downloadlist li .uk-wrap .tit{ line-height: 1.4;}
    .downloadlist li .uk-wrap .date{ top:auto; left: 25px; bottom:10px; transform:none; }
    .downloadlist li .uk-wrap .btn{ width:24px; height: 24px; top: auto; right:15px; bottom:10px; padding:1px; transform: none; }
    .downloadlist li:nth-child(even) .uk-wrap{ background: #f8f8f8; }

    /*FAQ*/
    .faqlist>ul>li{ margin-bottom: 10px!important; }
    .faqlist>ul>li:nth-child(even){ background: #f8f8f8; }
    .faqlist .uk-accordion-title{ padding:15px 15px 15px 40px; font-size: 15px; }
    .faqlist .uk-accordion-title i{ left: 10px; top:13px; width:24px; height: 24px; line-height: 22px; font-weight: normal; }
    .faqlist .uk-accordion-content{ padding:0 15px 17px 40px; }
    .faqlist .uk-accordion-content i{ left: 10px; top:2px; width:24px; height: 24px; line-height: 20px; border-width: 1px; font-weight: normal; }
    .faqlist .uk-open .uk-accordion-title{ font-weight: normal; }

    
    /*合作伙伴*/
    .partner{ padding-top: 20px; }
    .partner>ul{ margin-left:-10px!important; }
    .partner>ul>li{ padding-left:10px; }
    .partner>ul>li.uk-grid-margin{ margin-top:15px!important; }
    .partner li>.uk-wrap{ padding:10px; }
    .partner li>.uk-wrap .pic{ height: 60px;}
    .partner li>.uk-wrap .pic img{ max-height: 60px; }


    /*案例分享*/
    .caselist{ padding-top:10px; }
    .caselist ul.uk-grid{ margin-left:-8px!important; }
    .caselist ul>li{ padding-left:8px; }
    .caselist .uk-grid>.uk-grid-margin{ margin-top: 8px!important; }
    .caselist .uk-wrap .fd{ padding:15px 10px 10px; }

    .casewrap{ padding:10px 0px 20px;}
    .casewrap .f30{ margin-bottom: 10px;}
    .casewrap .mySwiper{ padding:15px 0; }
    .casewrap .mySwiper .swiper-slide-thumb-active a::before{ border-width: 2px;}
    .casewrap .swiper-button-next{ right:10px;}
    .casewrap .swiper-button-prev{ left: 10px;}

    .caseinfo{ padding:20px 10px 40px; }
    .caseinfo .tit{ margin-bottom: 10px; }
    .caseinfo .tit span{ padding-bottom: 10px; }
    .caseinfo .content{ font-size:15px; }



    /*新闻*/
    .newspart{ margin-bottom:20px; background:#fff; }
    .newspart .uk-wrap{ padding:15px 20px 20px;}
    .newspart .uk-wrap .tit{ font-size:18px; }
    .newspart .uk-wrap .date{ margin-bottom: 5px; }
    .newspart .uk-wrap .desc{ margin-bottom: 5px!important; }
    .newspart .uk-wrap .mb10{ margin-bottom: 5px; }
    .newspart .uk-width-expand .desc{ margin-bottom: 10px; font-size:14px; }
    .newspart .f24{ line-height: 1.6; margin-bottom: 5px;}
    .newspart .uk-width-auto .pic{ width: 100%; }
    .newspart .uk-width-expand .more{ margin-top:10px; text-align: right;}
    .newspart .uk-width-expand .more .uk-button{ padding:0 15px; height: 34px; line-height: 32px; }

    .newslist li{ padding:15px 0; }
    .newslist li .uk-wrap{ padding-left:85px; }
    .newslist li .con{ padding:0; min-height: 52px; }
    .newslist li .con .f20{ margin-bottom: 0; line-height: 1.6; font-size:16px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
    .newslist li .date{ width:60px!important; padding:0 0 3px; }
    .newslist li .date::before{ height:40px; right:-10px; }
    .newslist li .date .f64{ font-size: 40px; line-height: 34px; margin-bottom: 3px; }
    .newslist li .date .f18{ font-size: 14px; }
    .newslist li .con .desc{ min-height: auto; line-height: 1.4; font-size:13px; color:#8d8d8d; }


    h1.f30{ padding:0px 20px 0; font-size:20px; }
    .infos{ border:0; margin-bottom: 0px; padding-bottom: 10px; }

    .newsdetail{ padding-top:0px; }
    .newsdetail .uk-position-top-right{ display: none; top:-20px; }
    .newsdetail .content{ font-size:15px; }

    .share{ display: none; }



    /*产品*/
    .productlist ul{ margin-left:-8px; }
    .productlist ul>li{ padding-left:8px; }
    .productlist ul>li.uk-grid-margin{ margin-top: 15px!important; }
    .productlist .uk-wrap{ padding:5px; }
    .productlist .uk-wrap .bd{ padding:5px 0;}
    .productlist .uk-wrap .bd .name{ margin-bottom: 5px; }
    .productlist .uk-wrap .fd{ padding:10px 0 15px; zoom: 0.8; }

    .product .hd{ display: block; margin-bottom: 20px; }
    .product .hd .f40{ font-size: 20px; text-align: center; }
    .product .hd .ico{ width: 60%; margin-left: auto; margin-right: auto; }
    .product .bd .uk-wrap{ margin-bottom: 0; }
    .product .bd .uk-wrap .tit{ padding:5px 10px; }
    .product .bd .uk-wrap>.content{ padding:10px; }




    /*加入我们*/
    .joinlist{ margin-top:20px; }
    .joinlist dl{ margin: 0 0 15px; padding:10px 15px 25px; }
    .joinlist dl dt{ margin-bottom: 10px; }
    .joinlist dl dd .uk-wrap{ font-size:14px; padding-left:75px; }
    .joinlist dl dd .uk-grid-margin{ margin-top: 10px!important; }


    /*联系我们*/
    .contact .uk-wrap{ padding:15px 20px; }
    .contact .uk-grid-margin{ margin-top: 10px!important; }


    /*lightbox*/
    .lightbox>.uk-grid{ margin-left:-8px; }
    .lightbox li{ padding-left:8px!important; margin-bottom:20px!important; }
    /* .lightbox li>div{ padding:4px; } */
    .lightbox li>div .name{ line-height: 30px; font-size: 15px; padding:5px 0; }


    /*联络*/
    .contact-box{ margin:0px!important; padding:0px!important; }
    .contact-box .hd{ padding:20px 0 40px; }
    .contact-box .ico{ width:60px; height: 60px; line-height: 60px; margin-bottom:10px; }
    .contact-box .ico .f40{ font-size: 28px; }
    .contact-box .ico img{ width: 40px; }
    .contact-box .uk-wrap{ padding:20px; }
    .contact-box .uk-wrap .ico .f48{ font-size:40px; }
    .contact-box .hd>.uk-grid>li.uk-grid-margin{ margin-top: 10px!important; }

    .catmap{ margin:0 -10px; }
    #tdtmap{ height: 400px;  }





    /*.pages 分页*/
    .pages{ display: block; margin-top:30px!important; }
    .pages .pagination{ align-items: center; justify-content: center; }
    .pages .jump{ margin:15px auto; justify-content: center; }


}