@media screen and (max-width: 960px) {
    

    .f16{ font-size:15px; }
    .f18{ font-size:16px; }
    .f20, .f24{ font-size:18px; }
    .f32, .f40{ font-size:24px; }
    .f36, .f48{ font-size:26px; }

    .uk-container{ padding-left:0px; padding-right:0px; }

    .uk-modal-close-outside{ top:auto; bottom:-60px; left: 50%; right: auto; transform: translateX(-50%); }
    

    .tbody{ padding:20px 7px 50px; }


    .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;}


    
    .mheader{ min-height: 60px; height: auto; padding:0 10px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); }
    .mheader .uk-navbar{ min-height: 60px; }
    .mheader .uk-logo img{ max-height: 40px; }
    .mheader .logo1{ display: none; }
    .mheader .mnav { min-height: 60px; margin-left: 5px; }
    .mheader .mnav .uk-button{ border:0; color:#fff; 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); background: #fff; }
    .mheader.uk-active .logo2{ display: none;  }
    .mheader.uk-active .logo1{ display: block; }
    .mheader.uk-active .mnav .uk-button{ color:var(--text-color); }

    .uk-sticky-placeholder{ height: 0!important; overflow: hidden; }


    .ipart1{ padding:10px 20px; margin-top:-50px; margin-bottom: 10px;}
    .ipart1 .icons{ flex-wrap: wrap; }
    .ipart1 .icons>.uk-wrap{ width: 100%; margin-bottom: 15px; }
    .ipart1 .icons>.uk-wrap>div{ padding:15px 0; border-radius: 15px; }
    .ipart1 .icons>.uk-wrap .f54{ font-size: 36px; width: 40%; text-align: right; }

    .ipart2{ padding:10px 10px 40px; }
    .ipart2 .hd .name{ text-align: center; margin-bottom: 5px; }
    .ipart2 .uk-subnav-pill{ position: static!important; width: 100%; justify-content: center; margin-left: 0; }
    .ipart2 .uk-subnav-pill>li>a{ font-size: 16px; }
    .ipart2 .uk-grid>div::before{ display: none; }
    .ipart2 .uk-wrap .uk-box .ico{ width: 150px; margin-left: auto; margin-right: auto; }

    .ipart3{ padding:30px 10px; }
    .ipart3 .tit{ margin-bottom: 0px; }
    .ipart3 .uk-flex{ flex-direction: column; display: block; }
    .ipart3 .uk-wrap{ background-size: cover; background-position: center; }
    .ipart3 .uk-wrap>div{ height: auto; border-radius: 0px; }
    .ipart3 .uk-wrap .uk-box{ height: 70px; border-radius: 0px; }
    .ipart3 .uk-wrap .uk-box .ico{ left: auto; right:20px; bottom:10px; }
    .ipart3 .uk-wrap .uk-box .ico img{ height: 50px; }
    .ipart3 .uk-wrap .uk-box .name{ position: absolute; left: 20px; padding: 0; line-height: 70px; }
    .ipart3 .uk-wrap .on .uk-box{ height: auto;}
    .ipart3 .uk-wrap .on .uk-box .name{ font-size:20px; position: static; padding:30px 20px 10px; line-height: 1.2;  }
    .ipart3 .uk-wrap .on .desc{ padding-left:30%; }
    .ipart3 .uk-wrap .on .btn{ padding-bottom: 30px;}
    .ipart3 .uk-wrap .on .btn a{ font-size:14px; height: 40px; line-height: 40px; width: auto; padding:0 20px; }
    .ipart3 .uk-wrap::before, .ipart3 .uk-wrap::after, .uk-wrap>div::before, .ipart3 .uk-wrap>div::after{ display: none; }


    .ipartner{ padding:30px 15px 40px; }
    .ipartner .tit{ margin-bottom: 10px; }
    .ipartner .uk-grid{ margin-left:-16px; }
    .ipartner .uk-grid>div{ padding-left:16px; }
    .ipartner .uk-grid>div.uk-grid-margin{ margin-top:16px; }
    .ipartner .uk-grid .uk-wrap{ height: 80px; }
    .ipartner .uk-grid .uk-wrap img{ max-height: 60px; }

    .formbox{ padding:30px 10px 40px; }
    .formbox .hd{ margin-bottom: 10px; }
    .formbox .bd{ width: 100%; padding:0 10px; }
    .formbox .bd .uk-form-controls .uk-input{ font-size: 14px; }
    .formbox .bd .uk-form-controls label{ font-size: 14px; }
    .formbox .bd .uk-form-controls .uk-select{ font-size: 14px; }
    .formbox .bd .uk-grid>.uk-grid-margin{ margin-top:20px; }
    .formbox .fd{ margin-top: 40px; }


    .footer{ padding:30px 10px 20px; margin-top: 0px; }
    .footer .hd .uk-width-auto{ width: 100%; }
    .footer .hd .uk-grid-margin{ margin-top: 20px!important; }
    .footer .hd .fotlogo{ width: 100%; text-align: center; }
    .footer .hd .fotlogo img{ height: 50px; }
    .footer .hd .fotqrcode{ width: 150px; margin-left: auto; margin-right: auto; }
    .footer .hd .fotcat{ width: 100%; }
    .footer .hd .fotcat ul{ width: 200px; margin-left: auto; margin-right: auto; }
    .footer .hd .fotnav{ display: block; border-top: 1px solid rgba(255,255,255,0.1); }
    .footer .hd .fotnav dl{ margin: 0; }
    .footer .hd .fotnav dl dt{ margin: 0;  border-bottom: 1px solid rgba(255,255,255,0.1); }
    .footer .hd .fotnav dl dt a{ display: block; padding:8px 5px; position: relative; }
    .footer .hd .fotnav dl dt a::after{ position: absolute; right:0; top:50%; transform: translateY(-50%) rotate(180deg); width: 14px; height: 14px; content:''; display: block; 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 .hd .fotnav dl dd{ opacity: 0; max-height: 0; overflow: hidden; padding:0 10px; border-bottom: 1px solid rgba(255,255,255,0.1); transition: all ease 0.3s; }
    .footer .hd .fotnav dl.on dd{ max-height: 500px; opacity: 1; }
    .footer .fd{ margin-top: 30px; }
    .footer .fd .uk-flex{ display: block; text-align: center; }



    .banner{ height: auto; }
    .banner .swiper-pagination{ bottom:50px; }





    .inban{ height: 300px; }
    .inban h3{ line-height: 50px; }
    .inban h3::after{ width: 160px; height: 160px; bottom:-90px; }

    .inban2{ height: auto; padding:120px 20px 40px; }
    .inban2 .f48{ font-size: 24px; }
    .inban2 .uk-wrap{ padding-top:0; }
    .inban2 .uk-wrap .btn .uk-button{ height: 40px; line-height: 40px; font-size: 15px; }


    .titbar{ margin-bottom: 30px; }
    .titbar span{ font-size:22px; padding-bottom: 10px; }
    .titbar span::before{ width: 60px; height: 2px; }




    /*公司概况*/
    .company1{ padding:0 0 50px; }
    .company1 img{ width: 100%; }
    .company1 .uk-grid>.uk-grid-margin{ margin-top: 20px !important; }
    .company1 .tit{ font-size:20px; margin-bottom: 0.5em; }
    .company1 .info{ margin-top:1em; }
    .company1 .desc{ font-size:15px; }

    .company2{ padding:20px 20px 40px; margin-left:-7px; margin-right: -7px; }
    .company2 .uk-grid::before, .company2 .uk-grid::after{ display: none; }
    .company2 .uk-wrap .ico{ width: 80px; margin: 0 auto; }
    .company2 .uk-wrap .tit{ margin:10px 0 5px; }
    .company2 .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{ display: none; }

    .company3{ padding:30px 0 50px; }





    /*联系我们*/ 
    .contact-box{ padding:20px 0 40px; }
    .contact-box .uk-wrap{ padding-bottom: 10px; }
    .contact-box .ico{ margin:0 auto 10px; width: 66px; height: 66px; }
    .contact-box .ico .f40{ font-size:28px; }
    .catmap{ margin-left:-10px; margin-right: -10px;}
    #tdtmap{ height: 350px; }


    /* 人才招聘 */
    .joinus{ padding:100px 15px 15px; margin-bottom: 20px; }
    .joinus .f18{ font-size:15px; }
    .joinus .ico{ left: 50%; transform: translateX(-50%); top:20px; width: 70px; height: 70px; line-height: 70px; }
    .joinus .ico .iconfont{ font-size:40px; }
    .joblist .name{ margin-bottom: 10px; }
    .joblist .name .f30{ font-size: 22px; }
    .joblist .uk-accordion-title{ height: 50px; line-height: 30px; padding-left: 10px; }
    .joblist .uk-accordion-title .tit{ font-size: 16px; display: inline-block; }
    .joblist .uk-accordion-title .uk-icon{ top:13px; }
    .joblist .uk-accordion-content{ padding:10px 10px; }
    .joblist .uk-accordion-content .uk-wrap{ font-size:14px; }



    /*分享*/
    .share{ padding:0; }
    .uk-modal-share{ padding:20px; }
    .uk-modal-share .tit{ line-height: 1.4; font-size:20px; }
    .uk-modal-share .uk-grid{ padding:10px; }



    /*联系我们*/ 
    /* #mapwrap{ height: 300px; width: 100%;}
    .map-mask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background:rgba(0,0,0,0.15); }
    .catinfo{ width:100%; background:#211b19; padding:15px 20px 20px; border-radius: 10px; color:#b6b4b4; } */

    /*发展历程*/
    /* .history{ padding:0; }
    .history ul{ padding-top:100px; }
    .history ul li{ min-height: 100px; margin-top:-50px; }
    .history ul li .year{ width:60px; height: 60px; line-height: 54px; margin-left: -30px; border-width:3px; font-size: 20px;}
    .history ul li .year::before{ top:27px!important; width:35px!important; }
    .history ul li .year::after{ top:22px!important; }
    .history ul li .wrap{ padding-top:65px; }
    .history ul li:nth-child(odd) .year{ margin-left:35px; }
    .history ul li:nth-child(odd) .year::before{ left: -39px; }
    .history ul li:nth-child(odd) .year::after{ left: -44px; }
    .history ul li:nth-child(even) .year{ margin-right:35px; }
    .history ul li:nth-child(even) .year::before{ right: -39px; }
    .history ul li:nth-child(even) .year::after{ right: -44px; }
    .history ul li:nth-child(odd) .wrap{ padding-left:35px; }
    .history ul li:nth-child(even) .wrap{ padding-right:35px; } */
    .history{ padding:30px 0; }
    .history ul li{ min-height: 200px; }
    .history ul li .wrap{ padding-top:100px; padding-bottom:50px; }
    .history ul li .wrap p strong{ font-size:18px; }
    .history ul li .wrap p::before{ width:50px; top:9px; }
    .history ul li:nth-child(odd) .wrap p:nth-child(odd){ padding-left:50px; }
    .history ul li:nth-child(odd) .wrap p:nth-child(even){ padding-right:50px;}
    .history ul li:nth-child(odd) .wrap p:nth-child(odd)::before{ left: -10px;; background:url(../images/ico_dot_mright.png) left top no-repeat; }
    .history ul li:nth-child(odd) .wrap p:nth-child(even)::before{ right: -9px;; background:url(../images/ico_dot_mleft.png) left top no-repeat; }
    .history ul li:nth-child(even) .wrap p:nth-child(even){ padding-left:50px;}
    .history ul li:nth-child(even) .wrap p:nth-child(odd){ padding-right:50px;}
    .history ul li:nth-child(even) .wrap p:nth-child(even)::before{ left: -10px;; background:url(../images/ico_dot_mright.png) left top no-repeat; }
    .history ul li:nth-child(even) .wrap p:nth-child(odd)::before{ right: -9px;; background:url(../images/ico_dot_mleft.png) left top no-repeat; }


    /*荣誉*/
    .honorlist>div{ margin-left:-10px; }
    .honorlist>div>div{ padding-left:10px; }
    .honorlist>div>div.uk-grid-margin{ margin-top: 20px; }
    .honorlist .uk-wrap .ico{ height: auto; padding: 10px; }
    .honorlist .uk-wrap .tit{ padding: 5px; min-height: 60px; }
    


    /*视频*/
    .videolist .uk-grid>.uk-grid-margin{ margin-top:15px!important; }
    .videolist .wrap .con{ padding:10px 15px 5px; }
    .videolist .wrap .con .tit{ min-height: auto; margin-bottom: 5px; }


    /*新闻*/
    .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:20px; text-align: right; }
    .newspart .right .more .uk-button{ padding:0 15px; height: 34px; line-height: 32px; border-radius: 6px; width: 100%; }


    .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; }




    .newslist2 li{ margin-bottom: 20px; padding-bottom: 20px; }
    .newslist2 li .pic{ margin-right:15px; }
    .newslist2 li .con .tit{ padding-right: 0; line-height: 1.6; white-space: normal; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical }
    .newslist2 li .con .date{ position: static; }


    .tbody h1.f36{ padding:0px 1em; font-size:20px; }
    .infos{ margin-bottom: 15px!important; padding-bottom:0px; font-size: 13px; }
    .newsdetail{ padding-top:20px; }
    .newsdetail .content{ font-size:16px; }


    /*测试服务*/
    .service_three_box{ padding:20px 10px 40px; }

    .service_flow{ padding:30px 20px 40px; margin-left: -7px; margin-right: -7px;  }
    .service_flow .tit{ margin-bottom: 20px!important; }
    .service_flow .uk-wrap .ico{ width:60px; height: 60px; line-height: 48px; margin:0 auto 10px; }
    .service_flow .uk-wrap .name{ margin:5px 0; }
    .service_flow .uk-wrap .desc{ font-size:13px; }
    .service_flow .uk-grid-large>div:nth-child(1){ order:1; }
    .service_flow .uk-grid-large>div:nth-child(2){ order:2; }
    .service_flow .uk-grid-large>div:nth-child(3){ order:4; }
    .service_flow .uk-grid-large>div:nth-child(4){ order:3; }
    .service_flow .uk-grid-large>div:nth-child(5){ order:5; }
    .service_flow .uk-grid>div:nth-child(2)::before{ left: 5px; }
    .service_flow .uk-grid>div:nth-child(3)::before{ left: 52%; top:-35px; transform: rotate(90deg);  }
    .service_flow .uk-grid>div:nth-child(4)::before{ left: auto; right:-35px; transform:rotate(180deg); }
    .service_flow .uk-grid>div:nth-child(5)::before{ left: 52%; top:-35px; transform: rotate(90deg);  }


    .service_slide{ padding:30px 0 40px; }
    .service_slide .uk-position-small{ color:#000; }

    .service_brand{ padding:30px 15px 40px; margin-left: -7px; margin-right: -7px; }
    .service_brand .tit{ margin-bottom: 20px!important; }
    .service_brand .uk-grid{ margin-left:-16px; }
    .service_brand .uk-grid>*{ padding-left:16px; }
    .service_brand .uk-grid>div.uk-grid-margin{ margin-top:16px!important; }
    .service_brand .uk-grid .uk-wrap{ height: 80px; }
    .service_brand .uk-grid .uk-wrap img{ max-height: 60px; }

    /*数据采集*/
    .collect_switcher{ padding:10px 10px 30px; }
    .collect_switcher .tit{ margin-bottom: 30px!important; }
    .collect_switcher .uk-subnav-pill span{ font-size:30px; }
    .collect_switcher .uk-subnav-pill>*{ margin:0; }
    .collect_switcher .uk-subnav-pill>li{ width: 25%; }
    .collect_switcher .uk-subnav-pill>li>a{ width: 100%;}
    .collect_switcher .uk-subnav-pill>li>a>div{ font-size:13px; padding:5px 0; }
    .collect_switcher .uk-switcher{ margin-top: 20px !important;; }
    .collect_switcher .uk-switcher li .uk-grid{ margin-left:-16px; }
    .collect_switcher .uk-switcher li .uk-grid>div{ padding-left:16px; }
    .collect_switcher .uk-switcher li .uk-grid>div.uk-grid-margin{ margin-top:10px!important; }
    .collect_switcher .uk-switcher .ico{ border-radius: 10px;}
    .collect_switcher .uk-switcher .name{ padding:5px; }


    .collect_box{ padding:30px 0px 40px; }
    .collect_box .uk-wrap{ padding:20px 20px 30px; border-radius: 15px; flex-wrap: wrap; }
    .collect_box .uk-wrap .ico{ width: 100%; max-width: 100%; order:2; }
    .collect_box .uk-wrap .ico img{ border-width: 5px;}
    .collect_box .uk-wrap .con{ padding:0px 0 20px; }
    .collect_box .uk-wrap .con .f36{ margin-bottom: 5px; text-align: center;}
    

    .collect_flow{ padding:30px 10px 40px; margin-left: -7px; margin-right: -7px; }




    .partnerbox{ padding:30px 10px 40px; }
    .partnerbox .tit{ margin-bottom: 20px!important; }
    .partnerbox .uk-grid{ margin-left:-10px; }
    .partnerbox .uk-grid>*{ padding-left:10px; }
    .partnerbox .uk-grid>div.uk-grid-margin{ margin-top:10px!important; }
    .partnerlist .uk-grid .uk-wrap{ height: 80px; }
    .partnerlist .uk-grid .uk-wrap img{ max-height: 60px; }




    /*解决方案*/
    .solution_three_box{ padding:10px 10px 40px; }
    .solution_three_box .uk-wrap{ padding:30px; }
    

    .solution_icon{ margin-left: -7px; margin-right: -7px; padding:30px 10px 40px; }
    .solution_icon .tit{ margin-bottom: 20px!important;}
    .solution_icon .uk-wrap{ padding-left:50px; padding-right: 50px;  margin-bottom: 20px;}
    .solution_icon .uk-wrap .ico{ width: 80px; margin-left: auto; margin-right: auto; }
 
    .solution_product{ padding:30px 10px 40px; }
    .solution_product .tit{ margin-bottom: 20px!important;}
    .solution_product .uk-wrap .ico img{ width: 100%; }
    .solution_product .uk-wrap .name{ font-size:15px; }



    /*搜索*/
    .searchlist .sobar{ margin-bottom: 15px;}
    .sobar>.uk-flex{ flex-wrap: wrap; }
    .sobar>.uk-flex>div{ width: 100%; flex:1; }
    .sobar>.uk-flex>div:last-child{ order:-1; }
    .sobar .sotype{ margin:30px 0 0; text-align: center; width: 100%;}
    .searchlist{ }
    .searchlist .searchinfo{ margin-bottom: 15px; font-size:14px; }
    .searchlist .news li{ margin-bottom: 15px; padding-bottom:15px;}
    .searchlist .news li .tit{ font-size:15px; line-height: 1.4; -webkit-line-clamp:2; display:-webkit-box;-webkit-box-orient:vertical; white-space:pre-wrap; }
    .searchlist .news li .uk-icon{ top:0; }
    .searchlist .news li .date{ font-size:12px; }
    .searchlist .news li .desc{ font-size:14px; }

    /*.pages 分页*/
    .pages{ display: block; }
    .pages .jump{ margin:15px auto; justify-content: center; }

}

