@media ( max-width : 960px) {
    .uk-container{ padding:0px; }

    .f36{ font-size: 22px;}
    .f30{ font-size: 18px;}
    .f14{ font-size: 12px;}
    .f16{ font-size: 13px;}
    .f18{ font-size: 15px;}
    .f20{ font-size: 16px;}


    .uk-offcanvas-bar{ background: #ffffff; }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid #f5f5f5; }
    #offcanvas-push .uk-nav>li.active{ position: relative; }
    #offcanvas-push .uk-nav>li.active::before{ position: absolute; z-index: 1; content:''; display: block; background: #f5f5f5; width: 268px; height: 52px; left:-20px; top:-1px; border-left:2px solid #ec6624; }
    #offcanvas-push .uk-nav>li.active>a{ color:#ec6624; position: relative; z-index: 2; }
    #offcanvas-push .uk-nav>li>a{ line-height: 40px; padding:5px 10px; color:#333; }
    #offcanvas-push .uk-nav .sub2{ color:#666666; border-bottom:1px solid #f5f5f5; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px; color:#999;}
    #offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}

    .header{ height: 60px;}
    .header .logo{ width:100%; padding-top:10px; text-align: center; }
    .header .logo img{ margin-bottom:0; height: 40px; }
    .header .mnav{ position: absolute; top:10px; height: 50px;}
    .header .mnav .uk-button{ position: absolute; left:10px; top:2px; width:36px; height: 36px; background: rgba(0,0,0,.1); padding:0; border-radius: 5px; color:#fff; }

    .banner{ height: 160px; margin-top:60px;}
    .mban{  }
    .productform{ display: none; }
    .crumb{ margin-left:10px;}
    .subnav{ margin-left:20px; margin-right: 20px; font-size: 14px; }
    .subnav a{ padding-bottom:0; min-width:90px; margin-right:15px; }

    .itit span{ margin-bottom: 30px; }
    

    .ipart1{ padding:20px 0 20px; background: none;}
    .ipart1 .itit{ margin-bottom: 65px;}
    .ipart1 .uk-subnav>li.uk-active i img{ width:70px; height: 70px;}
    .ipart1 .uk-subnav>li .f20{ font-size: 14px;}
    .ipart1 .uk-switcher>li{ padding:10px;}
    .ipart1 .uk-active .uk-grid{ margin-left:-0px; }
    .ipart1 .uk-active .uk-grid>*{}
    .ipart1 .uk-switcher>li .f24{ font-size: 18px;  margin-bottom: 10px; }
    .ipart1 .uk-switcher>li li{ font-size: 14px; padding-left:25px;}

    .ipart2{ padding:30px 0;}
    .ipart2 .ctn{ margin-top:40px; }
    .ipart2 .uk-pannel{ max-width: 100%; position: relative; padding:0 20px 0 110px; text-align: left;}
    .ipart2 .uk-pannel i{ position: absolute; left:20px; }
    .ipart2 .uk-pannel .f22{ font-size: 18px; margin: 0px;}

    .ipart3{ padding:30px 0 20px;}
    .ipart3 .caseshow{ padding:20px; }
    .ipart3 .caseshow h3{ margin-bottom: 20px;}
    .ipart3 .caseshow h3::before{ bottom:-10px;}
    .ipart3 .uk-card{ margin:0; }

    .ipart4 .uk-slider-items.uk-grid{ margin-left:0; }
    .ipart4 .uk-slider-items.uk-grid>*{ padding-left:0; margin-top:0;}
    .ipart4 .uk-card{ margin-top:0; padding:10px; height: 91px; }
    .ipart4 .uk-grid-collapse.uk-grid{ margin-left:0; }
    .ipart4 .uk-margin-medium{ margin-top:30px!important; }

    .ipart5{ padding:30px 0 20px;}
    .ipart5 .teamshow h3{ margin-bottom: 20px;}
    .ipart5 .teamshow h3::before{ bottom:-10px;}
    .ipart5 .teamshow{ padding:20px; }
    .ipart5 .uk-card{ margin:0; }


    .ipart6{ padding:30px 0;}
    .ipart6 .itit a{ margin-bottom:20px;}
    .ipart6 .inews .tit{ margin-bottom: 20px;}
    .ipart6 .inews .tit span{ font-size: 18px; }
    .ipart6 .inews{ padding:10px 20px; }
    .ipart6 .inews .top .f18{ margin-bottom:0px; }
    .ipart6 .inews .top{ margin-bottom: 10px; }
    .ipart6 .inews li{ line-height: 33px; }
    .ipart6 .inews li a{ font-size: 14px; }


    .footer{ padding-top:10px; }
    .footer .uk-grid-collapse{ margin-left:0; }
    .footer .uk-pannel:first-child{ padding:0 20px;}
    .footer .copyright{ padding-bottom:80px; margin-top:15px; }
    .footer .copyright .uk-margin-left{ display: block; margin:0;}

    .fixedbot{ z-index: 100; background: #ec6624; }
    .fixedbot li:first-child{ background: #e20000; }
    .fixedbot li a{ display: block; width:100%; height: 50px; line-height: 50px; color:#fff; }



    .tBody{ padding:15px 0 40px;}
    .title {background-size: 100px auto; padding-bottom: 3px;}
    .title .f30{font-size: 24px;  }


    h1.f30{ font-size: 22px;}


    .about1{ padding:20px;}
    .about2{ padding:20px 0px 0;}
    .about2 .uk-container{ padding-bottom:0; }
    .about2 .wrap .uk-pannel{ padding:0 20px;}
    .about2 .wrap:nth-child(2){ margin-top:20px;}
    .about2 .wrap:nth-child(2) .uk-pannel{ margin:0!important; padding:50px 20px 20px;}
    .about2 .wrap:nth-child(2) .uk-pannel::before{ top:-20px; left:50%; margin-left:-20px; }
    .about3{ padding:30px 0;}
    .about3 .uk-subnav{ margin-bottom:20px; margin-left:0; }
    .about3 .uk-subnav li{ margin-left:20px;}
    .about3 .uk-subnav li .f30{ font-size: 16px; }
    .about3 .uk-container .uk-grid-collapse>div{ margin-top:0;}
    .about4 #map{ height: 250px; }
    .about5{ padding:20px 0;}
    .about5 .wrap{ padding:0 15px; }
    .about5 .wrap .tit{ font-size: 20px; }
    .about5 .uk-form-horizontal{ width:100%; }
    .about5 .uk-form-horizontal .uk-form-label{ font-size: 15px;}
    .about5 .uk-form-horizontal .uk-form-controls{ margin-left:0; }
    .about5 .uk-button{ line-height: 44px; }
    

    .readform{ margin-top:20px; padding:15px; }
    .readform .uk-grid .f20{ font-size: 15px; margin-bottom: 2px; }
    .readform select, .readform input{ font-size: 15px;}
    .readform .uk-margin-medium{ margin-top:15px!important; margin-bottom: 10px; }
    .readform .uk-button{ font-size: 20px; line-height: 44px; background-size: auto 18px; background-position:20px center; padding-left:50px; padding-right: 20px; }
    .schooltop{ padding:30px 0 20px;}
    .schooltop .uk-subnav{ margin-bottom:20px; margin-left:0; }
    .schooltop .uk-subnav li{ margin-left:20px; }
    .schooltop .uk-subnav li .f24{ font-size: 16px; }
    .schooltop .uk-container .wrap{ width: 100%; padding:10px; margin-bottom: 0; }
    .schooltop .uk-grid{ margin-left: 0;}
    .schooltop .uk-grid>*{ padding-left:0; }
    .schooltop .uk-container .wrap .tit{ margin-top:10px; line-height: 1.4; }

    .readinfo{ margin-top: 20px; padding:20px 20px 10px; margin-bottom: 20px; }
    .readinfo .f28{ font-size: 18px; margin-bottom: 10px!important; }
    .readinfo .f20{ font-size: 14px; }
    .readinfo .desc{ margin-top:10px!important; }
    .readinfo .uk-margin-large-top{ margin-top: 10px!important; }

    .readview{ font-size: 16px; padding:0 20px; }
    .readview .f28{ font-size: 20px; }
    /* .readview #intro{ height: 80px; } */

    .my-modal-style .uk-modal-body{ padding:30px;}
    .my-modal-style .uk-modal-body .f24{ font-size: 16px; }
    .my-modal-style .uk-modal-body .ys span{ display: block; margin-left:0!important; text-align: left; margin-top:10px;  }


    .catename{ padding:10px 0 20px; }

    .mainCtn.uk-grid{ margin-left:0; padding:0 20px; }
    .mainCtn.uk-grid>*{ padding-left:0; }
    .newslist>ul>li{ margin-bottom: 20px; }
    .newslist a.uk-text-truncate{ font-size: 16px; line-height: 1.4; }
    .newslist .uk-margin-small{ margin:0 0 5px!important;}
    .newslist .uk-width-expand{ padding-bottom:40px; }

    .mainCtn .uk-margin-medium-top{ margin-top:10px!important;}
    .mainCtn .f24.text-orange{ font-size: 18px; }
    .mainCtn .date{ font-size: 13px; margin:5px 0!important; }
    .content{ padding-top:15px; padding-bottom: 30px; }
    .cother{ margin-top:20px; }

    .pro1{ padding-bottom:30px; }
    .pro1 .f24{ font-size: 18px; }
    .pro1 .f18{ font-size: 14px; margin:0px 0!important;}

    .pro2{ padding:30px 10px; }
    .pro2 .wrap>a{ padding:20px 20px 20px 120px; }
    .pro2 .wrap .pic{ left:20px; top:30px; }
    .pro2 .wrap .desc{ min-height:auto; }

    .pro3, .pro4{ padding:30px 10px; }
    .pro3 .uk-tab, .pro4 .uk-tab{ text-align: center; justify-content:center; }
    .pro3 .uk-tab>*>a, .pro4 .uk-tab>*>a{ font-size: 16px; }
    .pro3 .uk-tab>.uk-active>a, .pro4 .uk-tab>.uk-active>a{ border-color:#ec6624; }

    .pqabox{ padding:30px 10px 0; }
    .pqabox .qalist .uk-inline{ width: 100%; }
    .itit.mt50{ margin-top:20px!important;}

    .productintro{ padding-bottom:30px; }
    .productintro .intro{ padding:10px 20px; }
    .productintro .intro .uk-container .uk-grid{ margin-left:0;}
    .productintro .intro .uk-container .uk-grid>*{ width: 100%; padding-left:0; }
    .productintro .intro .uk-container .uk-width-auto{ text-align:center; }
    .talkbox{ width:80%; height: 102px; border-radius: 30px; }
    .talkbox .uk-width-auto{ width: 100%; margin-top:0; border-radius:0; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
    .talkbox:hover{ width:100%; }

    .srvfor{ padding:30px 0 30px;}
    .srvfor .ctn{ margin-top:40px; }
    .srvfor .uk-pannel .ico{ width:100px; height: 100px; padding: 0; margin-bottom: 50px; }
    .srvfor .uk-pannel .text{ width:auto; margin:0 10px; font-size: 14px;}
    .srvfor .ctn::before{ top:125px; }
    .srvfor .uk-pannel .wrap:hover .ico::after, .srvfor .swiper-slide-active .ico::after{ top:125px; }

    .srvval{ padding:30px 0 50px;}
    .srvval .ctn{ margin:0; padding:0 10px 0 40px; }
    .srvval .uk-pannel{ border-top:0; }
    .srvval .uk-pannel .wrap{ margin:0; padding:20px 0 20px 60px; height: auto; min-height:115px;  }
    .srvval .uk-pannel .wrap .text{ font-size: 14px; }
    .srvval .uk-pannel:nth-child(2n) .wrap{ position: relative; top:0; }
    .srvval .uk-pannel .wrap::before{ height: 120%; z-index: 9; }
    .srvval .uk-pannel .wrap .ico{top:30px; z-index: 99;}
    .srvval .uk-pannel:nth-child(2n) .wrap:hover{ top:-10px; }
    .srvval .uk-pannel:nth-child(2n) .wrap::before{ top:0; bottom:auto;}

    .srvctn{ padding:30px 0 40px; }
    .srvctn .ctn{ padding: 0 10px; }
    .srvctn table td{ padding:10px 5px; font-size: 14px; width:auto!important; }
    /* .srvctn .srvfront table{table-layout:fixed; display: table;}
    .srvctn .srvfront table>tbody>tr:nth-child(1) td{ font-size: 16px; padding:5px; }
    .srvctn .srvfront table>tbody>tr:nth-child(1) td:nth-child(1){ width:90px!important; }
    .srvctn .srvfront table>tbody>tr:nth-child(2) td:nth-child(1){ width:30px!important; word-wrap: break-word;}
    .srvctn .srvfront table>tbody>tr:nth-child(2) td:nth-child(2){ width:60px!important;}
    .srvctn .srvfront table tr>td:nth-child(1), .srvctn table tr>td[rowspan]:nth-child(1){ font-size: 16px; padding:5px; }
    .srvctn .srving table{table-layout:fixed; display: table;}
    .srvctn .srving table tbody td:nth-child(1){ width:30px!important; }
    .srvctn .srving table tbody td:nth-child(2){ width:60px!important; } */
    .srvctn .srvfront table{table-layout:fixed; display: table;}
    .srvctn .srvfront table>tbody>tr td,.srvctn .srvfront table>tbody>tr:nth-child(1) td{ font-size: 14px; padding:10px 5px; }
    .srvctn .srvfront table>tbody>tr>td:nth-child(1){ font-size: 16px!important; }
    .srvctn .srvfront table>tbody>tr:nth-child(1) td:nth-child(1){ width:40px!important; word-wrap: break-word;}
    .srvctn .srvfront table>tbody>tr:nth-child(1) td:nth-child(2){ width:70px!important;}
    .srvctn .srving table{table-layout:fixed; display: table;}
    .srvctn .srving table tr:nth-child(1) td:nth-child(1){ font-size: 16px!important; padding:5px!important;}
    .srvctn .srving table tbody td:nth-child(1){ width:40px!important; }
    .srvctn .srving table tbody td:nth-child(2){ width:70px!important; }
    .srvctn .srvhd table{table-layout:fixed; display: table;}
    .srvctn .srvhd table td{ font-size: 18px; padding:5px; }
    .srvctn .srvhd table tbody td:nth-child(1){ width:110px!important; }

    .srvctn .srvfront::before{ left: 60px;}
    .srvctn .srvfront::after{ left: 58%;}


    .tiaojian{ padding:30px 0;}
    .tiaojian .ctn .uk-pannel .wrap{ font-size: 12px; }
    .tiaojian .ctn .skin1{ padding:40px 10px 20px;}
    .tiaojian .ctn .skin1 .uk-pannel .wrap{ padding:15px 15px 20px;}
    .tiaojian .ctn .skin1 .uk-pannel::before{ display: none; }
    .tiaojian .ctn .skin2{ padding:30px 10px 20px;}
    .tiaojian .ctn .skin2 .uk-pannel::before{ display: none; }
    .tiaojian .ctn .skin2>ul:first-child{ width:200px; }
    .tiaojian .ctn .skin2>ul:first-child::before{ font-size: 16px;}
    .tiaojian .ctn .skin2>ul:first-child li{ vertical-align: top; }
    .tiaojian .ctn .skin2 .uk-pannel .wrap{ padding:15px 15px 20px; }
    .tiaojian .tit .f22{ font-size: 18px;}
    
    /* .tiaojian .ctn .skin1 .uk-pannel .wrap .tit .ico{ background-size: auto 30px; width:30px; height: 30px; } */
    .tiaojian .ctn .skin1 .uk-pannel .wrap .tit .ico{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); }
    .tiaojian .ctn .skin1 .uk-pannel .wrap .tit .uk-width-auto{ order:-1; }
    .tiaojian .ctn .skin2 .uk-pannel .wrap .tit .ico{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); }
    .tiaojian .ctn .skin2 .uk-pannel .wrap .tit .uk-width-auto{ order:-1; }


    /* .tiaojian .ctn .uk-pannel .wrap .tit .ico1{background-position: 0 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico2{background-position: -40px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico3{background-position: -80px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico4{background-position: -120px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico5{background-position: -160px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico6{background-position: -200px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico7{background-position: -240px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico8{background-position: -280px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico9{background-position: -320px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico10{background-position: -360px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico11{background-position: -400px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico12{background-position: -440px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico13{background-position: -480px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico14{background-position: -520px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico15{background-position: -560px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico16{background-position: -600px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico17{background-position: -640px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico18{background-position: -680px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico19{background-position: -720px 0!important; }
    .tiaojian .ctn .uk-pannel .wrap .tit .ico20{background-position: -760px 0!important; } */

    .needs{ padding:30px 0;}
    .needs .ctn .skin1{ padding:40px 10px 20px;}
    .needs .ctn .skin1 .uk-pannel .wrap{ padding:15px 15px 20px;}
    .needs .ctn .skin1 .uk-pannel::before{ display: none; }
    .needs .ctn .skin2{ padding:30px 10px 20px;}
    .needs .ctn .skin2 .uk-pannel::before{ display: none; }
    .needs .ctn .skin2>ul:first-child{ width:200px; }
    .needs .ctn .skin2>ul:first-child::before{ font-size: 16px;}
    .needs .ctn .skin2>ul:first-child li{ vertical-align: top; }
    .needs .ctn .skin2 .uk-pannel .wrap{ padding:15px 15px 20px; }
    .needs .tit .f22{ font-size: 18px;}
    .needs .uk-margin-medium-top{ margin-top:20px!important; font-size: 14px;}

    .needs .ctn .skin1 .uk-pannel .wrap .tit .ico{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); }
    .needs .ctn .skin1 .uk-pannel .wrap .tit .uk-width-auto{ order:-1; }
    .needs .ctn .skin2 .uk-pannel .wrap .tit .ico{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); }
    .needs .ctn .skin2 .uk-pannel .wrap .tit .uk-width-auto{ order:-1; }
    


    .youshi{ padding:30px 10px;}
    .youshi .wrap .uk-pannel{ padding:20px; }
    .youshi .wrap .uk-pannel .desc{ min-height:auto; }

    .zcfg{ padding:30px 0px;}
    .zcfg .wrap{ padding:20px; font-size: 14px; }
    .zcfg .wrap>p{ font-size: 14px; padding-left:30px; margin-bottom: 0;}
    .zcfg .wrap>p::before{ font-size: 24px; line-height: 45px; }
    .zcfg .wrap2{ padding:20px; font-size: 14px;}
    .zcfg .wrap2>P{ font-size: 14px; margin-bottom: 0;}  

    .qabox{ padding:30px 10px;}
    .qabox .uk-grid{ margin-left:0; }
    .qabox .uk-grid>*{ padding-left:0; }
    .qabox .qalist li .wrap{ padding:20px; }
    .qabox124 .uk-width-1-3\@m .wrap{ min-height: auto; }
    .qabox .qalist li .wrap .desc{ min-height: auto; font-size: 14px; }

    .qabox .qalist2{ padding-left:20px; }
    .qabox .qalist2 .wrap:hover::before{ left:-24px; }

    .qabox11 .wrap, .qabox92 .wrap{ min-height:auto; }
    .qabox90 .wrap, .qabox93 .wrap, .qabox122 .wrap, .qabox124 .wrap, .qabox89 .wrap{ min-height:auto; }

    .srvother{ padding:30px 10px;}
    .srvlist{ margin:0 auto;  }
    .srvlist li{ padding: 20px 15px 20px 70px; font-size: 14px; }
    .srvlist li i{ position: absolute; left: 15px; }



    /*落地页*/
    .uk-button-default-orange {background-color: transparent; color: #ec6624; border: 1px solid #ec6624;}
    .uk-button-default-orange:hover, .uk-button-default-orange:focus { background-color: #ec6624; border-color:#ec6624; color: #fff;}
    .uk-button-default-orange:active, .uk-button-default-orange.uk-active { background-color: #ec6624; border-color:#ec6624; color: #fff; }

    .text-white{ color:#fff; }
    .text-gray{ color:#a1a1a1; }
    
    .uk-width-80{ width:80px; }
    
    .pageheader{ padding:10px; border-bottom:5px solid #ec6624; }
    .pageheader img{ height:40px; }
    
    .hdbtn{ padding:5px 5px; }
    .hdbtn>div{ margin-left:-4px;}
    .hdbtn>div>div{ padding-left:4px; flex: auto; }
    .hdbtn a{ display:block; padding:5px 2px; font-size:10px; line-height:1.4; }
    
    .ptit{ position:relative; padding-bottom:6px; margin-bottom:15px; font-size:20px; color:#000; }
    .ptit::before{ position:absolute; bottom:0; left:50%; margin-left:-40px; content:''; display:block; width:80px; height:4px; background:#ec6624; border-radius:4px; }

    .ppart1 { padding-bottom:20px; }
    .ppart1 .plist1 ul{ border-top:1px solid #e6e6e6; }
    .ppart1 .plist1 ul li{ border-bottom:1px solid #e6e6e6; padding:10px; min-height:71px; }
    .ppart1 .plist1 ul li img{ max-height:50px; }
    
    .ppart2{ background:url(../images/bg_banli12.png); background-size:cover; padding:20px; }
    .ppart2 .ptit{ color:#fff; }
    
    .ppart3{ padding:20px 0; }
    .ppart3 .plist3{ background:#f7f9f8; padding:10px; }
    .ppart3 .plist3 li{ padding:7px 0px;}

    .ppart4{ padding:0px 10px 20px; }
    .ppart4 .pic{ width:70px; padding-right:5px; }
    .ppart4 .wrap{ font-size:14px; color:#000; line-height:1.4; }
    .ppart4>.uk-grid>.uk-grid-margin{ margin-top:30px; }
}