@media ( max-width : 960px) {
    .pb0{ padding-bottom: 0!important;}
    .mb15{ margin-bottom: 10px!important;}
    
    .f60{ font-size: 30px;}
    .f40{ font-size: 26px;}
    .f36{ font-size: 24px;}
    .f30{ font-size: 22px;}
    .f24,.f22,.f20{ font-size: 18px;}
    .f18{ font-size: 16px; }
    .f16{ font-size: 14px;}
    .f14{ font-size: 13px;}

    .uk-margin-medium-bottom{ margin-bottom:20px!important;}
    .uk-margin-large-bottom{ margin-bottom:30px!important; }

    .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: 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{ min-height: 60px; height: auto; padding:0 10px; }
    .header .uk-navbar-left{ min-height: 60px;}
    /* .header .uk-navbar-center{ max-width: auto; min-width: auto; padding-top:0; margin-left:auto; min-height:auto; } */
    .header .uk-logo img{ max-height: 30px; }
    .header .mnav { min-height: 60px; }
    .header .mnav .uk-button{ border:0; color:#fff; width:36px; height: 36px; padding:4px; border-radius: 50%; }
    .header .mnav .uk-button svg{display: block;}
    .header .mnav .uk-button-default:hover,.header .mnav .uk-button-default:focus{ background: none;}

    .uk-offcanvas-bar .mlan{ margin-bottom: 10px;}
    .uk-offcanvas-bar .mlan>a{ background: #ebebeb; padding:4px 10px; color:#222; font-size: 14px; }
    .uk-offcanvas-bar .mlan>a:nth-child(1){ border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
    .uk-offcanvas-bar .mlan>a:nth-child(2){ border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
    .uk-offcanvas-bar .mlan>a:hover,.uk-offcanvas-bar .mlan>a.cur{ color:#fff; background: #00aeef;  }

    .banner .uk-dotnav{ bottom:20px; }

    .title{ margin-bottom:20px; }
    .title .f18{ font-size:14px; }

    .ipart1{ padding:30px 10px;}
    .ipart1 .icon-video{ font-size:36px; }
    .ipart1 *+.uk-margin{ margin-top:10px!important; }
    .ipart1 .uk-switcher .wrap{ border-radius: 10px; padding:15px;}
    .ipart1 .uk-switcher .wrap .ctn{ padding:20px 0;}
    .ipart1 .uk-switcher .wrap .ctn .desc{ margin:10px 0 20px; min-height: auto;}
    .ipart1 .uk-switcher .wrap .ctn .btn{ text-align: right;}

    .ipart2{ padding:30px 10px; }
    .ipart2>div>.uk-grid>div{ margin-bottom: 10px;}
    .ipart2 .wrap{ padding:15px;}
    .ipart2 .wrap .f20{ margin:7px 0 10px;}
    .ipart2 .wrap .desc{ height: auto; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    .ipart3{ padding:30px 10px; }
    .ipart3 .uk-slidenav svg{ width:auto; }

    .footer { padding:0; }
    .footer .fottel{ border-bottom:1px solid #4a4a4a; padding:15px 0;}
    .footer .mfotnav{ border-bottom:1px solid #4a4a4a; }
    .footer .mfotnav dt{ margin-bottom: 5px; padding-bottom:5px; border-bottom:1px solid #4a4a4a; }
    .footer .mfotnav dd a{ color:#919191;}


    .tBody{ padding:20px 15px 60px; border:0; min-height: 280px;}
    .uk-margin-small .title1{ margin-bottom:0px; }

    .tBody .content{ font-size: 14px; line-height: 1.8; }

    .mban{ position: relative; z-index: 2;}

    .experience{ margin-top:0; }


    .tBody .title{ margin-bottom:25px; }
    

    /*新闻*/
    .mnewsnav{ border-bottom:1px solid #00aeef}
    .mnewsnav a{ padding:0 10px; }
    .mnewsnav a.active{ color:#00aeef; }

    .newslist ul{ padding-top:20px; }
    .newslist li{ margin-bottom:20px; padding-bottom:20px; }
    .newslist li:hover::before{ top:-21px;}

    .tBody h1.f24{font-size: 20px; padding:0 30px; margin-top:0!important; line-height: 1.4; }
    .infos{ text-align: center; padding-top:5px; padding-bottom:5px; margin-bottom:10px; }

    /*公司简介*/
    .subnav{ height: 51px; }
    .subnav a{ margin:0 5px!important; padding:0 5px; line-height: 50px; height: 50px; }

    #about{ padding:15px; border:5px solid #efefef;}
    #about .pic{ padding-left:15px; }
    #about .pic img{box-shadow: -15px 15px 0 0px #00aeef; }
    #about .con::before{ display: none;}
    #about .con{ padding:0px 0 10px;}

    #vision{ padding-bottom:30px; }
    #vision .uk-text-right{ text-align: center!important;}
    #vision .pt30{ padding-top:10px!important; }
    #vision .iconfont{ font-size:80px; }
    #vision .f30{ font-size:16px;}

    .faqlist .uk-accordion-title{ padding:15px 10px; }
    .faqlist .uk-accordion-content{ padding:10px 10px 20px; }
    .faqlist .uk-open .uk-position-bottom-right{ position: static!important; text-align: center; padding-top:20px; }
    .faqlist .uk-open .uk-button{ line-height: 36px; }

    #amap{ padding:20px 10px; min-height: 360px; height: auto; }
    .mapwrap .uk-position-center ul{ margin-top:10px; padding-left:0px;}
    .mapwrap .uk-position-center ul li{ margin-bottom: 0px; font-size: 14px; }
    .mapwrap .wrap>div>div:nth-child(1) ul{ background:none;}
    .mapwrap .wrap>div>div:nth-child(2) ul{ background:none;}
    .mapwrap .wrap>div>div:nth-child(1){ margin-bottom: 20px; }
    .mapwrap .wrap .f18{ padding-left:30px; }
    .mapwrap .wrap>div>div:nth-child(1) .f18{ background: url(../images/ico1.png) left top no-repeat;  background-size: 28px auto;}
    .mapwrap .wrap>div>div:nth-child(2) .f18{ background: url(../images/ico2.png) left top no-repeat;  background-size: 28px auto;}
    .mapwrap .uk-position-center{ width:90%; padding:30px; }

    #modal-resume .uk-modal-body{ padding:30px 30px 40px; }
    #modal-resume .jobname{ margin-bottom: 10px; }
    #modal-resume .uk-grid-collapse>div:nth-child(1){ width:100%; text-align: left; margin-bottom:5px; }
    #modal-resume .btn{ margin-top:20px; }
    #modal-resume .btn >*{ line-height: 38px; padding:0 10px; }

    /*产品*/
    .proban{ height: 260px; background-position-x: 70%; }
    .proban .uk-margin-medium-left{ margin-top:50px; margin-left:20px!important; }
    .proban .uk-margin-medium-top{ margin-top:20px!important; }
    .proban .f40{ font-size: 20px; margin-bottom:5px!important;}
    .proban .f18{ font-size:14px; padding-right:40px; }
    .proban .uk-button{ line-height: 34px; min-width: 100px; font-size:14px;}

    .proban7{  background-size: auto 60%; background-position: bottom; margin-top:-50px;}
    .proban10{background-color: #41aaf5; background-size: auto 60%; background-position: bottom;}


    .product .protit{ margin-bottom:25px; }
    .product .part1{ padding:30px 20px 40px;}
    .product .part1 .uk-grid{ margin-top:0; }
    .product .part1 .f30{ margin-top:0; margin-bottom: 10px; font-size:20px; }
    .product .uk-text-right{ order:-1; margin-bottom: 20px; }

    .product .specs{ padding:30px 0px; background-color: #f7f7f7; }
    .product .specs .uk-container{ padding:0 20px; }
    .product .specs dl{ margin: 10px 0!important;}
    .product .specs dl dt{ padding:10px 15px;}
    .product .specs dl dd{ padding:10px 15px 10px 80px;}
    .product .specs dl dd span{ left:15px; }

    .product .pics{ padding:30px 20px 40px;}

    .product .downs{ padding:30px 20px 40px;}
    .product .downs .f22{ font-size:14px; }
    .product .downs .downlist li{ padding:0 10px; font-size: 13px; line-height: 44px; height: 44px;}
    .product .downs .downlist li .uk-width-1-8{ width:25%; }
    

    .product1 .part2{ padding:30px 20px; }
    .product1 .part2 .uk-grid>div:nth-child(1){ margin-bottom: 20px; }
    .product1 .part2 .f30{ margin-top:0; margin-bottom: 10px; font-size:20px; }
    .product1 .part3{ padding:30px 20px; }
    .product1 .part3 .f30{ margin-top:0; margin-bottom: 10px; font-size:20px; }
    .product1 .part3 .uk-grid>div:nth-child(2){ margin-bottom: 20px; order:-1; }

    .product2 .part2{ padding:30px 10px; }
    .product2 .part2 .f80{ font-size:60px; }
    .product2 .part2 .wrap{ padding:0 5px 20px;}

    .product6 .part1 .mt40{ margin-top:0!important; }
    .product6 .part2{ padding:30px 10px; }
    .product6 .part2 .f80{ font-size:60px; }
    .product6 .part2 .wrap{ padding:0 5px 20px;}
    .product6 .part3{ padding:30px 20px 40px; }
    .product6 .part3 .uk-grid .uk-width-auto img{ margin:10px 0 20px; }
    .product6 .part3 ul{ font-size:14px; }
    .product6 .part3 ul li{ padding:10px 15px; }

    /*解决方案*/
    .solution .part1 .protit .f24::before{ left: 50%; margin-left:-35px; }
    
    .solution7 .part2{ padding:30px 20px 40px; }
    .solution7 .part2 .f80{ font-size:60px; }
    .solution7 .part2 .wrap{ padding:0 5px 20px;}
    .solution7 .pics .pt40{ padding-top:20px!important; }

    .solution8 .part2{ padding:30px 10px 40px; }
    .solution8 .part2 .uk-table{ width:100%; }
    .solution8 .part2 .uk-table th, .solution8 .part2 .uk-table td{ font-size:12px; width:auto!important; }
    .solution8 .part3{ padding:30px 20px 40px; }
    .solution8 .part3 .uk-subnav-pill a{ margin:0 3px; font-size: 12px; line-height: 38px;}
    .solution8 .part3 .uk-subnav-pill>*>:first-child{ padding:0px;}
    .solution8 .part3 .uk-switcher{ margin-top:20px!important;}
    .solution8 .part3 .uk-switcher>li{ padding:30px 20px; font-size: 12px; }
    .solution8 .part3 .br-10{ padding:10px; background:#fff; }
    .solution8 .part3 .line-height-22 p{ font-size:13px; }
    
    .solution9 .part2{ padding:30px 20px 40px; }
    .solution9 .uk-subnav-pill>*{ margin-bottom: 10px; width: 100%;}
    .solution9 .uk-subnav-pill>*>a{ font-size: 14px; padding:8px 10px; }
    .solution9 .part2 .uk-switcher{ margin-top:20px!important; padding:30px 20px; font-size: 14px; }
    .solution9 .part2 .uk-switcher .f20{ font-size: 16px;}

    .solution10 .part2{ padding:30px 20px 40px; }
    .solution10 .part2 .wrap{ padding:0 5px 10px;}
    .solution10 .part2 .ico{ width:100px; height: 100px; padding:10px; margin:10px auto 20px; }
    .solution10 .part2 .ico .f80{font-size: 60px;}

    .product12 .part1 .mt30{ margin-top:0!important;}
    .product12 .part2 .f80{ font-size:60px; }
    .product12 .part2 .wrap{ padding:0 5px 20px;}

    
    .ECSwrap>.uk-width-auto{ width:100%; }
    .ECSwrap .pronav{ width:100%; }
    .prolist li{ padding:20px; margin-bottom: 20px;}
    .prolist li .pic{ width:100%; }
    .prolist li .uk-width-expand{ margin-top:15px; }

    .fwqbar .tit{ border-bottom:0; line-height: normal; height: auto;}
    .fwqbar .uk-position-center-left{ position: static!important; transform:none;}
    .fwqbar .subnav{ width:100%;}
    .fwqbar .subnav a{ font-size: 14px; }

    .ecs .intro{ padding:30px 20px 50px;}
    .ecs .intro .protit .f24::before{ left: 50%; margin-left:-35px; }
    .ecs .intro .uk-grid>div:nth-child(1){ order:2;}
    .ecs .proslide{ width:100%; margin-bottom: 10px; }
    .ecs .part2{ padding:30px 0px; }
    .ecs .part2>.uk-container{ padding:0 20px;}
    .ecs .part2 table{ width:100%!important;}




    .pages{ margin-top: 30px;}



} 

@media ( max-width : 1300px) {
    .header .uk-navbar-center>ul>li{ margin-right:40px; }
}