#wrapper{    position: relative;}
.ma-infinitypush-wrapper{ background:#e50112; }
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-left .ma-infinitypush-button{ right:-0.6rem; width: 0.6rem; height: 0.6rem; top:0; }
.ma-infinitypush-wrapper .ma-infinitypush-button{ box-shadow: none; background: none; }
.ma-infinitypush-wrapper .ma-infinitypush-button::before{ content:''; display: block; position: absolute; right: 0.12rem; top:0.12rem; width: 0.36rem; height: 0.36rem;  border-radius: 50%; background: url(../images/ico_nav.png) center no-repeat; background-size: 100%; } 

.ma-infinitypush-wrapper .ma-infinitypush>ul, .ma-infinitypush-wrapper .ma-infinitypush>ol{ border:none; padding-top:0px; background: none; padding-bottom: 10px;}
.ma-infinitypush-wrapper .ma-infinitypush ul li{ border-bottom:1px solid #cf000f;}
.ma-infinitypush-wrapper .ma-infinitypush ul li li{ border-bottom:1px solid #cf000f;}
.ma-infinitypush-wrapper .ma-infinitypush ul li a, .ma-infinitypush-wrapper .ma-infinitypush ol li a{ font-size: 15px; color:#fff; padding-top:0; line-height: 40px;}
.ma-infinitypush-wrapper .ma-infinitypush ul li ul, .ma-infinitypush-wrapper .ma-infinitypush ul li ol, .ma-infinitypush-wrapper .ma-infinitypush ol li ul, .ma-infinitypush-wrapper .ma-infinitypush ol li ol{background: #e50112; padding:20px 0;}

.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item { background-color: #e50112; color:#fff; }
.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item>a, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item>a{ color:#fff!important;}


@media ( max-width : 640px) {
    .f36{ font-size: 24px;}
    .f24{ font-size: 20px; }
    .f18{ font-size: 15px; }
    .f16{ font-size: 14px;}
    .f14{ font-size: 13px;}

    .header{ position: relative; height: auto; background:none; }
    .header>.uk-container{ height: .6rem;}
    .header .uk-width-auto{ width: 100%; }
    .header .logo{ padding-top:0; justify-content: center;}
    .header .logo a{ padding:0; padding-top:0.05rem; background: none; }
    .header .logo a img{ height:0.5rem;}

    .headtel{ background: #e50112; color:#fff; padding:6px 0;}

    .footer { padding-bottom:50px;}
    .footer .fotcon{ padding:30px 0 20px;}
    .footer .uk-grid-medium{ margin:0;}
    .footer .uk-width-auto{ width: 100%; background: url(../images/fot_mtxt.png) top center no-repeat; background-size: 280px auto; padding: 45px 0 0;}
    .footer .uk-width-auto img{ display: none; }
    .footer .uk-width-expand{ text-align: center; padding: 0; }
    .footer .uk-width-expand .uk-float-right{ float: none; }
    .footer .uk-width-expand .fotqr{ margin:0 10px; width:100px; display: inline-block;}

    .mfotnav{bottom:0; left: 0; width: 100%; background: #f7f7f7; border-top:1px solid #e4e4e4; text-align: center;}
    .mfotnav .uk-grid>div{}
    .mfotnav a{ font-size: 12px; display: block;}
    .mfotnav a i{ display: block; font-size: 20px;}

    .inban{ height: 200px; background-size: 1000px auto; background-position: top center;}


    .ipart1{ padding:30px 0 10px;}
    .ipart1 .isrv{ margin-left:-10px; padding-top:15px;}
    .ipart1 .isrv .f24{ font-size: 18px;}
    .ipart1 .isrv .f16{ padding:0 5px; }
    .ipart1 .isrv a{ padding-left:10px; margin-bottom: 15px;}
    .ipart1 .isrv a i{width:90px; height: 90px; border-radius: 20px; background-size: 90px auto;}


    .ipart2{ padding:40px 0;}
    .ipart2 .mtitle{ background: #e50112; color:#fff; border-radius: 50px; padding: 5px 20px; margin-bottom: 10px;}
    .ipart2 .isrv{ padding:0; border:0; border-radius: 0; height: auto;  background:none;}
    .ipart2 .isrv .f20{ font-size: 16px; margin-bottom: 20px;}
    .ipart2 .uk-grid-collapse{ margin-left:-10px;}
    .ipart2 .uk-grid-collapse>.uk-pannel{ padding-left:10px; border:0; margin-bottom: 10px;}
    .ipart2 .uk-grid-collapse a{ background: #fff; border-radius: 20px; padding: 15px 15px 90px 15px;}
    .ipart2 .isrv .f16{ height: 44px;}
    .ipart2 .isrv .more{ font-size: 13px;}
    .ipart2 .isrv i{ right:15px; bottom:15px; width: 91px; height: 77px; background-size: 91px auto;}
    .ipart2 .isrv1{ margin-bottom:20px;}
    .ipart2 .isrv2{ margin-bottom:20px;}
    .ipart2 .isrv3{ margin-bottom:20px;}
    .ipart2 .isrv4{ margin-top:0;}

    .title1{ line-height: 30px; padding-bottom: 5px; background-size: auto 5px; margin-bottom: 15px;}

    .ipart3{ padding:40px 0; }
    .ipart3 .uk-subnav{ margin-bottom:20px;}
    .ipart3 .uk-subnav a{ width:70px; font-size: 13px;}
    .ipart3 .uk-width-auto{ width: 110px;}
    .ipart3 .icase>.uk-card { display: none;}
    .ipart3 .icase>.uk-card:nth-child(-n+6) { display: flex;}
    .ipart3 .uk-card{ margin-bottom: 15px; min-height: 78px;}
    .ipart3 .uk-card img{ width:110px; border-radius: 7px;}
    .ipart3 .uk-card .uk-card-body{ padding:0 0 0 10px; }
    .ipart3 .uk-card .uk-card-body .desc{ margin-top:2px;}

    .ipart4{ padding:40px 0;}
    .ipart4 ul{ margin-left: -10px; }
    .ipart4 ul li{ padding-left:10px; margin-bottom: 10px;}
    .ipart4 ul li a{ display: block; overflow: hidden; position: relative; }
    .ipart4 ul li img{ width: 100%;}
    .ipart4 ul li .wrap{ background:#fff; padding:7px; line-height: 1.4; }
    .ipart4 ul li .wrap .f14{ height: 20px;}

    .ipart5{ padding:40px 0;}

    .tBody{ padding-top:10px;    padding-bottom: 60px;}
    .sidebar{ display: none;}

    .title{ height: 43px; line-height: 40px; text-align: center; border-bottom:0; margin-bottom: 15px; font-weight: bold;}
    .title2{ margin-bottom:20px;}
    
    .newslist li{ margin-bottom: 15px; min-height: 78px; display: flex; padding: 0; background: none; border:0;}
    .newslist li .f24{ max-width: 100%; font-size: 14px;    line-height: 1.2; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .newslist li .pic{ position: relative; width:110px; max-width: 100%; display: block;}
    .newslist li .pic img{ width:110px; border-radius: 7px;}
    .newslist li .con{ padding:0 0 0 10px; flex: 1; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 1px;}
    .newslist li .desc{ margin-top:2px; line-height: 1.6;}

    .tBody h1.f30{ font-size: 20px; line-height: 1.4;}
    .infos{ margin-bottom: 20px; padding:5px;}

    .relabox{padding:15px;}
    .relabox li a{ border:0!important; line-height: 1.4; padding:5px 0;}
    .relabox li a .uk-float-right{ display: block; float: none; padding-left: 0;}


    .honorlist ul{ margin-left: -10px!important; }
    .honorlist li{ margin-bottom:10px;    padding-left: 10px!important; }
    .honorlist li a .tit{ padding: 2px;}
    .honorlist li a .pic{ border-width: 3px; }

    .caselist ul{ margin-left: -10px!important; }
    .caselist li{ margin-bottom:10px;    padding-left: 10px!important; }
    .caselist li a .tit{ padding: 2px;}
    .caselist li a .pic{ border-width: 3px; }

    .contact{ padding-bottom:0;}
    .contact>.uk-container{ padding:0;}
    .contact .catwrap { padding:0px 20px 30px; margin-bottom: 40px; margin:0;}
    .contact .catwrap .f24{ font-size: 18px;}
    .contact .cat{ margin-top:0px!important;}
    .contact #amap{ height: 320px; }

    .about50 .uk-margin-right{margin-right: 0!important;}

    .humlist ul{ margin-left:-10px;}
    .humlist li{ padding-left:10px; margin-bottom: 10px;}
    .humlist li .desc{ height: 210px; padding: 15px;}

    .history ul li{ min-height: 100px; margin-bottom: 30px;}
    .history ul li .wrap{ min-height: 100px;}
    .history ul li .wrap .f24{ width:56px; height: 56px; line-height: 56px; top:50%; margin-top:-28px;}
    .history ul li .pic{ width:50%; top:10px; }
    .history ul li:nth-child(odd) .pic{ padding-right: 40px;  }
    .history ul li:nth-child(odd) .wrap{ padding-left:40px;}
    .history ul li:nth-child(odd) .wrap span{ left: -28px;  }
    .history ul li:nth-child(even) .wrap{ padding-right: 40px; }
    .history ul li:nth-child(even) .wrap span{ right: -28px;  }
    .history ul li:nth-child(even) .pic{ padding-left: 40px;  }
    .history ul li .wrap .f18{ padding-top:20px;}
    
    .navinfo{ margin-bottom:15px; margin-top:0;}
    .navinfo .uk-flex{ flex-wrap: wrap; }
    .navinfo li a{ display: block; height: 30px; line-height: 30px; border-radius: 3px; padding: 0 15px; margin-bottom: 4px;}

    .productlist .uk-grid.uk-child-width-1-2{ margin-left:-10px; }
    .productlist .uk-grid.uk-child-width-1-2>li{ padding-left:10px; margin-bottom: 15px;}

    .product .pro1{ position: relative; padding-top:50px; }
    .product .pro1 img:nth-child(1){ max-width: 100%; }
    .product .pro1 .uk-width-expand{ padding-top:15px; }
    .product .pro1 h2{ font-size: 20px; line-height: 30px; position: absolute; top:0; text-align: center; width: 100%; margin: 0;}
    .product .pro1 h2::before{ height: 2px; bottom:-5px; left: 50%; margin-left:-45px;}
    .product .pro2{ padding:10px 0 20px; margin-top:30px; font-size: 14px;}
    .product .pro2 h2{ margin-bottom:10px; line-height: 40px; font-size: 18px; }
    .product .pro2 .uk-width-auto{ margin-top:10px;}
    .product .pro3{ padding:10px 0 20px;  }
    .jbox{ padding:10px;}
    .jbox .uk-width-1-4\@s{ width:30%;}
    .jbox .uk-width-1-4\@s img{ width: 70%;}
    .jbox .uk-width-1-4\@s .f30{ font-size: 18px;}
    .jbox .uk-width-3-4\@s{ width:70%; padding:15px;}
    .jbox .uk-width-3-4\@s>p{ font-size: 14px; padding-top:5px; padding-bottom:5px; line-height: 1.4;}
    .jbox .uk-width-3-4\@s>p::before{top:5px;}
    
    .srvbz{ margin-top:10px;}
    .srvbz h2{ margin-bottom:20px; font-size:18px;}
    .srvbz .uk-grid{ margin-left:-10px;}
    .srvbz .uk-grid>div{ padding-left:10px;}
    .srvbz .uk-grid>div .f30{ font-size: 20px;}
    .srvbz .uk-grid>div a{ padding:25px 15px; border-radius: 20px; height: 180px; margin-bottom: 10px;}
    
    .haochu{ margin-top:10px; }
    .haochu h2{ margin-bottom:20px; font-size:18px;}
    .haochu .uk-grid{ margin-left:-10px;}
    .haochu .uk-grid>div{ padding-left:10px; }
    .haochu .uk-grid>div a{ padding:25px 15px; border-radius: 20px; height: 160px; margin-bottom: 10px;}
    
    .hotka{ margin-top:20px; }
    .hotka h2{ margin-bottom:20px; font-size:18px;}
    .hotka .uk-grid>div .uk-pannel{ margin-bottom:15px; height: 150px; border-radius: 10px;}
    .hotka .uk-grid>div .uk-pannel .ctn{ width: 150px; padding: 15px;}
    .hotka .uk-grid>div .uk-pannel .ctn .f24{ margin-bottom:5px; font-size: 16px;}

    .hotsrv{ margin-top:20px;}
    .hotsrv h2{ margin-bottom:20px; font-size:18px;}
    .hotsrv .uk-grid.uk-child-width-1-6\@s{ margin-left:-10px;}
    .hotsrv .uk-grid.uk-child-width-1-6\@s>div{ padding-left:10px; margin-bottom: 10px;}
    /* 
    .title{ height: 40px; line-height: 40px; background-size: auto 50px;}
    .title .f30{ font-size: 20px;}

    .tWrap{ padding: 0;}
    .tBody{ padding:0; border:0; margin-top:-40px; }
    .tBody .content{ padding:25px 15px; background-position: center; min-height:400px; }

    .about12 img{ width: 70%;}

    .buslist{ padding:0; }
    .buslist>ul{ margin-left: -15px;}
    .buslist>ul>li{ padding-left: 15px; margin-bottom: 40px; margin-top: 20px;}
    .buslist>ul li .pic{ height: 200px;}
    .buslist>ul li .pic img{ max-height: 95%;}
    .buslist>ul li .f24{ font-size: 18px;}


    .busprice{ margin:10px 0 30px; padding: 30px 20px; font-size: 16px; background-size:100% 100%; height: auto; }

    .productlist{ padding: 0;}
    .productlist>ul{ margin-left: -15px;}
    .productlist>ul li{padding-left: 15px; margin-bottom: 40px; margin-top: 20px;}
    .productlist>ul li .pic{ height: 200px;}
    .productlist>ul li .pic img{ max-height: 95%;}
    .productlist>ul li .f24{ font-size: 18px;}

    .mprotit{ border-bottom:1px dotted #8c816d; margin-bottom: 10px; }
    .mprotit .f30{ font-size: 22px; line-height: 1.2;}
    .product{ padding: 20px 0;}
    .product .uk-width-2-5\@s img{ height: 400px!important;}








    .teamlist li .pic{ width: 130px;}
    .teamlist li .f24{ font-size: 18px;}
    .teamlist li .desc{ margin-top:5px; }
    .teamlist li:nth-child(odd){ padding-left: 145px;}
    .teamlist li:nth-child(even){ padding-left: 145px; padding-right: 0;}
    .teamlist li:nth-child(even) .pic{ left: 0; right: auto;}

    .contact .catwrap { padding:0px 20px 0; margin-bottom: 40px;}
    .contact .cat{ margin-top:0px!important;}
    .contact #amap{ height: 350px; }
    

    .gbktit{ width: 100%; margin-left: auto; margin-right: auto; margin:0 0 20px;}
    .gbktit .iconfont{ width: 70px; height: 70px; line-height: 70px; font-size: 40px;}
    .gbktit .f24{ font-size: 20px;}
    .gbktit .uk-grid{ margin-left: -15px;}
    .gbktit .uk-grid>*{ padding-left: 15px;}
    .igbook .uk-text-right{ text-align: center!important;}



    .newslist .uk-grid li{ margin-bottom: 20px; }
    .newslist li .con{ padding: 10px 20px;}
    .newslist li .desc{ height: auto;}

    .newslist2 .uk-grid li{}
    .newslist2 li .con{ padding: 10px;}
    .newslist2 li .f20{ font-size: 18px; }
    .newslist2 li .desc{ height: auto; margin-top:5px;}

    .tBody h1.f24{ font-size: 20px; line-height: 1.4;}
    .infos{ margin-bottom: 10px; padding-top:5px;}
    .share{ display: none; }
    .cother{ display: none; }
    .content{ font-size: 15px;}

    .videolist li{ margin-bottom:20px;}
    .videolist li a .tit{ padding: 7px; font-size: 15px;}

    .customer{ padding:30px 0; margin-bottom: 20px;}
    .customer .uk-height-small{ height: 80px;}

    .partner .tit{ margin-bottom: 30px;}
    .partner .uk-pannel{ margin-bottom: 20px;}
    .partner .uk-pannel img{ width: 90px;}
    .partner .f18{ padding:10px 0 5px;} */

}