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

    .f16{ font-size:15px; }
    .f18{ font-size:16px; }
    .f20, .f22, .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: #13314d; }
    .uk-offcanvas-bar .hd{ padding:20px 0; }
    .uk-offcanvas-bar .uk-close{ color:#fff; }
    .uk-offcanvas-bar .uk-nav-default>li>a{ color:#fff; }
    .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:#fff!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{ 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 rgba(255,255,255,0.15); }
    #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{ position: fixed; min-height: 60px; width: 100%!important; height: auto; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); left: 0; right: 0; z-index: 111; }
    .mheader .hd{ background:#fafafa; padding:0 10px; }
    .mheader .hd .uk-lang a{ color:rgba(0, 0, 0, 0.6); margin-right:30px; position: relative; }
    .mheader .hd .uk-lang a::before{ content: ''; position: absolute; top:50%; right:-15px; transform: translateY(-50%); width: 1px; height: 18px; background: #cfcfcf; border-radius: 50%; }
    .mheader .hd .uk-lang a:last-child{ margin-right:0px; }
    .mheader .hd .uk-lang a:last-child::before{ display: none; }
    .mheader .hd .uk-lang a:hover, .mheader .hd .uk-lang a.cur{ color:var(--main-color); }
    .mheader .bd{ padding:0 10px; }
    .mheader .bd .uk-navbar{ min-height: 60px; }
    .mheader .bd .uk-logo img{ max-height: 26px; }
    .mheader .bd .mnav { min-height: 60px; margin-left: 5px; }
    .mheader .bd .mnav .uk-button{ border:0; color:#fff; width:36px; height: 36px; padding:4px; border-radius: 50%; }
    .mheader .bd .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-active, .mheader:hover{ background: rgba(0, 0, 0, 0.7); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15); }


    


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


    .ipart1{ padding:30px 20px; }
    .ipart1 .left .uk-wrap{ padding-right: 0; }
    .ipart1 .left .uk-wrap .fb{ text-align: center; }
    .ipart1 .left .uk-wrap .desc{ margin-top:10px!important; }
    .ipart1 .right .uk-wrap{ max-width: 60%; margin-left: auto; margin-right: auto; }



    .ipart2{ padding:30px 10px 30px; }
    .ipart2 .iservice{ margin-top:15px; flex-wrap: wrap; }
    .ipart2 .iservice .uk-wrap{ width: 100%; }
    .ipart2 .iservice .uk-wrap img{ height: 260px; object-fit: cover; width: 100%;}
    .ipart2 .iservice .box{ padding-bottom: 10px; left: 50%; top: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto; }
    .ipart2 .iservice .box .iconfont{ font-size: 60px; }
    .ipart2 .iservice .box .more{ display: none; }


    .ipart3{ padding:0px; }
    .ipart3 .box{ max-width: 80%; background-size: 40px auto; }
    .ipart3 .box .desc{ padding: 0; }


    .ipart4{ padding:30px 10px; }
    .ipart4 .title{ margin-bottom: 25px; }
    .ipart4 .more{ margin-bottom: 15px; }
    .ipart4 .uk-box>div{ margin-bottom: 40px; min-width: 160px; }

    .ipart5{ padding:0; background-size: cover; }
    .ipart5 .uk-wrap{ margin:60px 30px; }
    .ipart5 .uk-wrap .uk-box{ padding:20px; background-size: 40px auto; background-position: 10px 10px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%); }
    .ipart5 .uk-wrap .uk-box .tit{ margin-bottom: 10px!important;}
    .ipart5 .uk-wrap .box{ padding:0;  }
    .ipart5 .uk-wrap::after{ border-width: 15px; }


    .ipart6{ padding:30px 10px 40px; }
    .ipart6 .title{ margin-bottom: 25px; }
    .ipart6 .uk-wrap{ height: 60px; }
    .ipart6 .uk-grid-margin{ margin-top: 20px!important; }


    .footer{ padding:30px 10px 20px; margin-top: 0px; }
    .footer .grid-container{ display: block; }
    .footer .grid-container .grid-item{ margin-bottom: 10px; }
    .footer .uk-input, .footer .uk-textarea{ line-height: 40px; min-height: 40px; font-size: 14px; }
    .footer .sub{ justify-content: center; display: flex; }
    .footer .sub .uk-button{ line-height: 40px; }
    .footer .hd{ margin-bottom: 40px; }
    .footer .hd .f24{ text-align: center; }
    .footer .bd .uk-navbar-left{ display: none; }
    .footer .bd .uk-navbar-right{ display: block; width: 100%; }
    .footer .bd .menu{ justify-content: space-between; }
    .footer .bd .menu li{ margin: 0; }
    .footer .bd .menu li a{ font-size: 13px; }
    .footer .fd{ margin-top: 20px; padding:20px 0;  }
    .footer .fd>div{ display: block; text-align: center!important; }
    .footer .fd>div>*{ display: block; text-align: center!important; }

    .totop{ right:10px; bottom:150px; }


    .banner{ height: auto; }
    .banner .swiper-pagination{ bottom:50px; }





    .inban{ height: auto; }
    .inban .uk-position-bottom-center{ bottom:40px; }
    .inban .uk-position-bottom-center .f60{ font-size: 30px; letter-spacing: 0; }
    .inban h3{ padding-bottom: 10px; }
    .inban h3::after{ width: 60px; height: 2px; }








    /*公司概况*/
    .company1{ padding:20px 0 30px; }
    .company1 .left .fb{ text-align: center; }
    .company1 .uk-wrap .desc{ margin-top:10px!important; }
    .company1 .right .uk-wrap{ padding-left:0; }

    .company2{ padding:50px 20px 60px; margin-left: -10px; margin-right: -10px; }
    .company2 .uk-wrap .uk-box{ padding:0px; }
    .company2 .more{ margin-top:30px; }

    .company3{ padding:30px 0; }
    .company3 .title{ margin-bottom: 20px; }
    .company3 .uk-dotnav{ margin-top:20px; }
    .company3 .uk-dotnav>*>*{ width: 7px; height: 7px; }
    .company3 .uk-panel{ border-width: 5px;}
    .company3 .uk-grid{ margin-left:-10px; }
    .company3 .uk-grid>li{ padding-left: 10px; }
    
    .company4{ padding:30px 10px; margin-left: -7px; margin-right: -7px; }
    .company4 .title{ margin-bottom: 25px; }
    .company4 .uk-wrap{ padding:30px; }
    .company4 .uk-wrap .tit{ margin:10px 0 5px; }
    .company4 .uk-grid>.uk-grid-margin{ margin-top: 20px!important; }


    /*服务*/
    .servicelist .uk-wrap{ margin-bottom: 20px; background-size: cover; background-position: center; }
    .servicelist .uk-wrap .con{ left: 30px; top:30px; right: 30px; transform: none; }
    .servicelist .uk-wrap .diamond{ width: 60px; height: 60px; margin-top:20px; }
    .servicelist .uk-wrap .diamond span{ font-size: 36px; padding-right: 10px; }
    .servicelist .uk-wrap:nth-child(odd) .con dl{ width: 100%; padding-left:80px; }
    .servicelist .uk-wrap:nth-child(odd) .con dt{ width: 70px; }
    .servicelist .uk-wrap:nth-child(even) .con{ right: 30px; left: 30px; }
    .servicelist .uk-wrap:nth-child(even) .con dl{ width: 100%; padding-right:80px; }
    .servicelist .uk-wrap:nth-child(even) .con dt{ width: 70px; text-align: right; }

    .service .hd{ padding:0 20px 30px; }
    .service .hd>.uk-wrap{ display: block; }
    .service .hd .left{ margin-left: auto; margin-right: auto; justify-content: center; margin-bottom: 10px; }
    .service .hd .left .diamond{ width: 60px; height: 60px; }
    .service .hd .left .diamond span{ font-size: 36px; padding-right: 10px; }

    .service2{ margin-left: -7px; margin-right: -7px; }
    .service2 .box{ position: static!important; transform: none!important; width: 100%; padding:30px; }
    .service2 .box .tit{ margin-bottom:0px!important; }
    .service2 .uk-grid:nth-child(even)>div:first-child{ order:-1; }
    .service2 .box .desc{ padding:10px; }


    /*联系我们*/ 
    .contact .uk-wrap .tit{ padding-bottom: 10px; margin-bottom: 20px; }
    .contact .uk-wrap dl{ margin-bottom: 20px; }
    .contact .uk-wrap dl dt{ line-height: 1; width: 40px; text-align: center; }
    .contact .uk-wrap dl dt .iconfont{ font-size:30px; } 
    .contact .uk-wrap dl dd{ margin-left: 50px; }

    .tdt-subnav{ margin-top:40px; margin-left: -10px; }
    .tdt-subnav li{ padding-left:10px; width: 50%; }
    .tdt-subnav li a{ width: 100%; line-height: 40px; line-height: 40px; font-size: 16px!important; }
    .tdtmap{ height: 400px; }
    #tdtmap-switcher{ margin:10px 0!important; }



    /* 全球代理 */
    .sobar{ padding:20px 10px; }
    .sobar .uk-input, .sobar .uk-select:not([multiple]):not([size]){ height: 40px; line-height: 40px; }
    .sobar .uk-button{ height: 40px; line-height: 40px; }

    .agentbox{ padding: 20px 10px 60px; }
    .agentlist .uk-wrap{ padding:25px 25px 50px; }
    .agentlist .uk-wrap .ico{ width:60px; height: 60px; }
    .agentlist .uk-wrap .info{ margin-left: 80px; }
    .agentlist .uk-wrap .info .addr{ margin-top: 10px; }
    .agentlist .uk-wrap .more{ right:25px; bottom:10px; }
    .agentlist .uk-grid-margin{ margin-top: 15px!important; }

    #modal-detail .uk-wrap{ padding:0; }
    #modal-detail .uk-wrap .ico{ width: 60px; height: 60px; margin-right:10px; }
    #modal-detail .uk-wrap .info{ margin-left:0px; }
    #modal-detail .uk-wrap .info .addr{ margin:10px 0 15px; font-size:14px; }
    #modal-detail .uk-wrap  .content{ word-break: break-word;word-wrap: break-word;white-space: normal; font-size:13px; }

    .agentbox .uk-margin-bottom{ margin-bottom: 5px!important;}


    .uk-modal .uk-close{ top:auto; bottom:-30px; left:50%; right:auto; transform:translateX(-50%); }


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



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



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

}