#wrapper{    position: relative;}
.ma-infinitypush-wrapper{ background:#e50012; top:0; }
.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 #bb000f;}
.ma-infinitypush-wrapper .ma-infinitypush ul li li{ border-bottom:1px solid #bb000f;}
.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: #e50012; padding:20px 0}


#offcanvas-slide .uk-offcanvas-bar{ background: #e50012; padding: 30px 0px; }
#offcanvas-slide .uk-nav-default{font-size:14px!important;}
#offcanvas-slide .uk-nav-default>li{ border-bottom:1px solid #bb000f; padding:0 20px; }
#offcanvas-slide .uk-offcanvas-bar .uk-nav-default>li>a{ color:#fff; line-height: 40px; font-size: 16px;}
#offcanvas-slide .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px; }
#offcanvas-slide .uk-offcanvas-bar ul.uk-nav-sub{ padding:0 0 10px 15px; }
#offcanvas-slide .uk-offcanvas-bar ul.uk-nav-sub a{ font-size:15px; color:#fff; line-height: 30px;}


.header{ position: relative; background:#fff; }
.header .mnav{ z-index: 99;}
.header .mnav .uk-button{ background: none; padding:10px; height: 60px; }
.header .mnav .uk-button span{ display: block;}

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

    .header{ height: 0.6rem;}
    .header .logo{ margin:0!important;}
    .header .uk-grid-stack{ height: 100%;}
    .header .uk-first-column{ margin-left: auto; margin-right: auto; position: relative; }

}

@media ( max-width : 640px) {
    #newBridge , .weixinLogo{ display: none!important;}

    .f36{ font-size: 20px;}
    .f20{ font-size: 18px;}
    .f18{ font-size: 16px;}
    .f16{ font-size: 14px;}
    .f14{ font-size: 13px;}

    .uk-container-large{ padding-left:10px; padding-right: 10px;}

    .header{ height: 0.6rem;}
    .header .logo{ margin:0!important;}
    .header .uk-grid-stack{ height: 100%;}
    .header .uk-first-column{ margin-left: auto; margin-right: auto; position: relative; }

    .itit::before {margin-left: -30px; width: 60px; height: 2px; bottom:-4px;}

    .ipart1{ padding:20px 0 40px;}
    .ipart1 .f36{ font-size: 18px;}
    .ipart1 .isrv{ margin-top:0.3rem; background: none;}
    .ipart1 .isrv .uk-pannel{ background: none; margin-bottom: 20px; }
    .ipart1 .isrv ul.f14{ display: none;}
    .ipart1 .isrv .miconmore a .iconfont{ color:#d5d5d5; font-size: 40px;}
    .ipart1 .isrv .uk-pannel .tit i{ width:70px; height: 65px; background-size: 70px auto; margin-bottom: 5px;}
    .ipart1 .isrv .uk-pannel .tit i::before{width:70px; height: 65px;background-size: 70px auto; }
    .ipart1 .isrv .uk-pannel .f18{ font-size:15px;}

    .ipart2 .uk-subnav{ margin-bottom:20px; margin-left:-7px;}
    .ipart2 .uk-subnav>*{ padding-left:7px;}
    .ipart2 .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ margin-right:7px;}
    .ipart2 .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ height: 10px;}
    .ipart2 .uk-subnav a{ font-size:15px;}
    .ipart2 .uk-subnav .uk-active a::after,.ipart2 .uk-subnav .uk-active a:hover::after{ bottom:-5px; height: 1px;}
    .ipart2 .icase{padding-left: 10px; padding-right: 10px;}
    .ipart2 .uk-grid-medium{ margin-left:0px;}
    .ipart2 .uk-grid-medium>*{ padding-left:0px;}
    .ipart2 .uk-grid-medium .f20{ font-size: 16px; margin-bottom: 5px!important;}
    .ipart2 .uk-card{margin-bottom:20px;}
    .ipart2 .uk-card:nth-child(n+7){ display: none!important;}
    .ipart2 .uk-card-body p{ overflow: hidden; height: 75px; font-size: 15px;}
    .ipart2 .icase .uk-card:nth-child(9){ display: none!important;}

    .ipart2 .mcaselist .uk-card-media-top{ width:160px; height:304px; background-size: 100% auto; padding: 13px 3px 17px;}
    .ipart2 .mcaselist .uk-card-body{ width:160px;}


    .ipart2 .navlink{ margin-top:10px;}

    .ipart3{ padding:40px 0;}
    .ipartner{ margin-top:10px;}
    .ipartner .uk-pannel:nth-child(n+11){ display: none!important;}
    .ipartner .uk-pannel .uk-height-small{ height: 70px; padding: 10px;}
    .ipartner .uk-overlay{ padding:15px;}
    .ipartner .uk-overlay .f14{ display: none;}

    .ipart4{ padding:50px 0 20px;}
    .ipart4 .inum-list .uk-pannel{ margin-bottom:20px;}
    .ipart4 .f90{ font-size: 30px;}
    .ipart4 .f18{ font-size: 12px; height: 40px;}

    .ipart5{ padding:40px 0;}
    .ipart5 .uk-subnav{ margin-bottom:20px; margin-left:-7px; }
    .ipart5 .uk-subnav>*{ padding-left:7px;}
    .ipart5 .uk-subnav a{ font-size:15px;}
    .ipart5 .uk-subnav a:hover::after,.ipart5 .uk-subnav .uk-active a::after{ bottom:-5px; height: 1px;}
    .ipart5 .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ margin-right:7px;}
    .ipart5 .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ height: 10px;}

    .ipart5 .renews .date{ padding:5px 10px; font-size: 14px;}
    .ipart5 .date span{ font-size: 36px; line-height: 36px;}
    .ipart5 .uk-grid-medium{ margin-left:-15px;}
    .ipart5 .uk-grid-medium>*{ padding-left:14px;}
    .ipart5 .renews .f18{ font-weight: normal; font-size: 14px;}
    .ipart5 .inews ul{ background: none;}
    .ipart5 .inews li{ padding:10px;}
    .ipart5 .inews li .uk-width-expand a{ font-size: 15px;}
    .ipart5 .navlink{ margin-top:30px;}

    .ipart5 .uk-subnav>li:nth-child(n+4){ display: none!important; }
    .ipart5 .seonews li .con .f14.text-gray{ display: none; }
    .ipart5 .seonews .uk-pannel:nth-child(n+2) ul{ background: none; }
    
    .ipart6{ padding:50px 0 20px;}
    .ipart6 .f70{ font-size: 40px;}
    .iorg{ padding-top:20px;}
    .iorg .uk-pannel{ padding:0 10px; margin-bottom:30px;}
    .iorg .uk-pannel .f24{ font-size: 18px; margin-bottom: 10px;}
    .iorg .uk-pannel ul.f16 li{ font-size: 14px;}
    .iorg i.iconfont{ top:0;}

    .ifoot{ padding:40px 0 20px;}
    .ifoot h2.f60{ font-size: 26px;}
    .ifoot .f30{ font-size: 16px;  margin-top: 10px;}
    .ifoot .f18{ margin:5px 0 20px!important; font-size: 14px;}
    .ifoot .f18.uk-margin-medium-bottom { font-size: 16px;}
    .ifoot .f18.uk-margin-medium-bottom .uk-margin-small-right{ display: block; margin:0;}
    .ifoot .f18.uk-margin-medium-bottom span{ margin:0!important;}
    .ifoot::before,.ifoot::after{ width:50%; height: 250px; background-size: 100% auto;}
    .ifoot .ycwrap{ width:330px; margin-left: auto; margin-right: auto;}
    /* .ifoot .ycwrap *{ font-size: 15px;} */

    .mbar{ background: #e50012; position: fixed; bottom:0; left:0; width:100%; padding:4px 0; z-index: 999; }
    .mbar a{ display: block;  color:#fff; text-align: center;}
    .mbar a .iconfont{ font-size: 20px; display: block; height: 30px;}
    .mbar>div>div:nth-child(1) a .iconfont{ font-size: 26px; line-height: 30px;}
    .mbar>div>div:nth-child(2) a .iconfont{ font-size: 24px; line-height: 30px;}
    .mbar>div>div:nth-child(3) a .iconfont{ font-size: 23px; line-height: 30px;}
    .mbar>div>div:nth-child(4) a .iconfont{ font-size: 26px; line-height: 30px;}

    .footer{ padding-bottom:60px;}
    .footer img{ height: 40px;}
    .footer .uk-flex{ display: block; }
    .footer .uk-width-expand{ width: 100%; text-align: center!important; }
    .footer .uk-width-auto{width: 100%; text-align: center!important; }
    
    .floaticon{ display: none;}


    .tBody{ padding-bottom:60px;}

    .inban{ margin-bottom:20px; height: auto;}
    .inban h1{ padding:5px 30px;}
    
    .company1 {font-size: 15px;}
    .company1 .f30{ font-size: 22px; margin-bottom:10px;}
    .company1 .uk-card-media-right{ margin-top:20px;}
    .company2 .f30{ font-size: 22px; margin-bottom:10px;}
    
    .company2{ margin-bottom:20px;}
    .company2 .inews ul li:nth-child(odd) .wrap span{ left:15px;}
    .company2 .inews ul li:nth-child(even) .wrap span{ right:15px;}
    .company2 .inews ul li:nth-child(odd) .wrap{ padding-left:66px;}
    .company2 .inews ul li:nth-child(even) .wrap{ padding-right:66px;}
    .company2 .inews ul li{ height: 130px;}

    .company3{ margin-bottom:20px;}
    .company3 .f30{ font-size: 22px; margin-bottom:10px;}
    .company3 .iteam{margin-top:10px; margin-left:-10px;}
    .company3 .uk-card{ padding-left:10px; margin-bottom: 15px;}
    .company3 .uk-card:nth-child(9){ display: none;}
    .company3 .uk-card .uk-hidden\@s .f18{ margin-bottom:0;}

    .company4{ padding-bottom:30px;}
    .company4 .f30{ font-size: 22px; margin-bottom:10px;}

    .payway{ padding-top:10px; padding-bottom: 50px;}
    .payway .uk-card{ height: auto; border:1px solid #e9e9e9; margin-bottom:0; border-top:0;}
    .payway .wrap:nth-child(1) .uk-card{ border-top:1px solid #e9e9e9;}
    .payway .uk-card-top{ display: none;}
    .payway .uk-card-body{ position: relative; padding:15px 10px 15px 80px; text-align: left;}
    .payway .uk-card .paylogo{ position: absolute; left: 10px; top:25px; margin-bottom:0;}
    .payway .uk-card .paylogo img{ width: 60px; max-height: 60px!important;}
    .payway .uk-card .f18{ height: 36px;}
    .payway .uk-card .desc>div:nth-child(3){ height: 10px; overflow: hidden;}
    .payway .uk-child-width-1-1>div:nth-child(1) .desc>div:nth-child(-n+2){ display: inline-block; margin-right:5px;}
    .payway .uk-child-width-1-1>div:nth-child(2) .desc>div:nth-child(-n+2){ display: inline-block; margin-right:5px;}
    .payway .uk-child-width-1-1>div:nth-child(3) .desc>div:nth-child(-n+2){ display: inline-block; margin-right:5px;}
    .payway .uk-child-width-1-1>div:nth-child(1) .desc>div:nth-child(n+4){ display: inline-block; margin-right:5px;}
    .payway .uk-child-width-1-1>div:nth-child(2) .desc>div:nth-child(n+4){ display: inline-block; margin-right:5px;}
    .payway .uk-child-width-1-1>div:nth-child(3) .desc>div:nth-child(n+4){ display: inline-block; margin-right:5px;}
    .payway .uk-child-width-1-1>div:nth-child(n+4) .paylogo img{ width: 110px; max-height: 100px!important;}
    .payway .uk-child-width-1-1{ margin-left: 0;}
    .payway .wrap{padding-left:0;}
    .payway .wrap:nth-child(4) .uk-card{ border-right: 0;}
    .payway .wrap:nth-child(4),.payway .wrap:nth-child(5) { width:50%; }
    .payway .wrap:nth-child(4) .paylogo,.payway .wrap:nth-child(5) .paylogo{ left: 50%; top:20px; margin-left:-55px;}
    .payway .wrap:nth-child(4) .uk-card-body,.payway .wrap:nth-child(5) .uk-card-body{ padding:70px 10px 10px; text-align: center;}
    

    .nside{ display: none;}
    .newsnav .uk-subnav a{ display: block; font-size: 0.16rem; color:#454545; position: relative;}
    .newsnav .uk-subnav .uk-active a,.newsnav .uk-subnav a:hover{ color:#e50012;}
    .newsnav .uk-subnav .uk-active a::after,.newsnav .uk-subnav a:hover::after{ position: absolute; bottom:-10px; content: ''; display: block; width: 100%; height: 2px; background: #e50012; }
    .newsnav .uk-subnav{ margin-bottom:20px;}
    .newsnav .uk-subnav a{ font-size:13px;}
    .newsnav .uk-subnav a:hover::after,.newsnav .uk-subnav .uk-active a::after{ bottom:-5px; height: 1px;}
    .newsnav .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ height: 10px;}

    .newsBody{ padding-top:0; padding-bottom: 50px;}
    .newspart{ padding:0; min-height: 350px}

    .newslist li{ margin-left:60px;}
    .newslist li .date{ left: -60px; width:60px; padding-right: 10px; top:13px; }
    .newslist li .date .f70{ font-size: 30px; line-height: 26px;}
    .newslist li .date .f20{font-size: 12px;}
    .newslist li .date::after{ height: 30px; top:12px;}
    .newslist li .con{ padding:15px 0px 15px 10px; height: 74px;}
    .newslist li .desc{ display: none;}
    .newslist li .tit{ font-size: 14px; padding: 0; white-space:normal;}
    .newslist li .pic{ top:18px; display: none;}
    .newslist li .pic img{ width: 60px;}

    .pages{ font-size: 13px; margin-left: 0; justify-content:center;}
    .pages a, .pages .page-num{ width:36px; height: 36px; line-height: 34px;}
    .pages a span{ line-height: 32px;}

    h1.f30{ font-size: 18px;}
    .infos{ padding-bottom:15px; margin-bottom: 15px;}
    .share{ margin-bottom:15px;}

    .cother ul{ padding:10px 0;}
    .cother .uk-margin-auto-left{ margin-left: 0!important; display: block; margin-top:10px; width:100%; }
    .cother li:last-child a{ padding-left:20px; padding-right: 0; background-position: left center;}

    .qalist .uk-accordion-title{ padding:15px 0 15px 30px; font-size:15px;}
    .qalist .uk-accordion-title i{ width:22px; height: 22px; line-height: 20px; font-size: 16px; top:13px;}
    .qalist .uk-accordion-content{ padding-left:30px; padding-bottom: 20px;}
    

    #map{ height: 300px;}
    .catinfo{ padding-top:0; margin-bottom: 30px;}
    .catinfo .uk-width-3-5\@s .wrap{ padding:10px; margin-bottom: 20px;}
    .catinfo .f24{ font-size: 18px; margin-bottom: 10px;}
    .catinfo .f70{ font-size: 40px;}
    .catinfo .cat{ font-size: 15px; margin-top:10px;}
    .catinfo .icon-position-left li i,.catinfo .icon-position-left li .iconfont{ top:0;}
    .catinfo .uk-width-2-5\@s .wrap{ margin:0 30px;}
    .catinfo .uk-width-2-5\@s li a{ height: 100px; font-size: 15px; padding-top:15px;}

    .catorg{ margin-bottom:40px;}
    .catorg .iorg{ padding-top:30px;}
    .catorg .iorg .uk-pannel{ padding:0 10px; margin-bottom: 20px;}
    
    .catmsg{ margin-bottom:60px;}
    .catmsg .f36{ margin-bottom:20px!important; text-align: center;}
    .catmsg .f36 span{ display: block;}
    .catmsg .uk-grid-large{ margin-left:-10px;}
    .catmsg .uk-pannel{ width:50%; padding-left:10px;}
    .catmsg .uk-pannel:last-child{ width:100%; margin-bottom: 20px; }
    .catmsg .uk-line{ margin-bottom:10px;}
    .catmsg .uk-input, .catmsg .uk-textarea{ padding:10px 0; height: 40px; font-size: 15px; }
    .catmsg .uk-textarea{ height: 100px;}
    .catmsg button{ padding:0 40px; height: 40px; line-height: 38px;}

    .subnav{ margin-bottom:5px; padding: 0 40px;}
    .subnav .uk-subnav>*{ padding-left:7px; margin-bottom: 15px;}
    .subnav .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ margin-right:7px;}
    .subnav .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ height: 10px;}
    .subnav .uk-subnav a{ font-size:14px;}
    .subnav .uk-subnav .uk-active a::after, .subnav .uk-subnav a:hover::after{ bottom:-5px; height: 1px;}

    .subnav2{ margin-bottom:10px; }
    .subnav2 a{ font-size: 13px; }

    .caselist {padding-left: 10px; padding-right: 10px;}
    .caselist .uk-grid-medium{ margin-left:-10px;}
    .caselist .uk-grid-medium>*{ padding-left:10px;}
    .caselist .uk-grid-medium .f20{ font-size: 16px; margin-bottom: 5px!important;}
    .caselist .uk-card{margin-bottom:20px;}
    .caselist .uk-card-body p{ overflow: hidden; height: 75px; font-size: 15px;}

    .mcaselist {padding-left: 10px; padding-right: 10px;}
    .mcaselist .uk-grid-medium{ margin-left:-10px;}
    .mcaselist .uk-grid-medium>*{ padding-left:10px;}
    .mcaselist .uk-grid-medium .f20{ font-size: 16px; margin-bottom: 5px!important;}
    .mcaselist .uk-card{margin-bottom:20px;}
    .mcaselist .uk-card-body p{ overflow: hidden; height: 75px; font-size: 15px; }
    .mcaselist .uk-card-media-top{ width:300px; height:537px; background-size: 100% auto; padding: 22px 4px 30px;}
    .mcaselist .uk-card-body{ width:300px;}
    /* .mcaselist .uk-card-media-top{ width:160px; height:287px; background-size: 100% auto; padding: 13px 3px 17px;}
    .mcaselist .uk-card-body{ width:160px;} */
    
    .loadmore{ height: 100px; background-size: auto 100%;}
    .loadmore a{ width:100%; height: 50px; background-size: auto 50px; background-repeat:no-repeat; background-position: center;}

    .casespace{ height: 70px;}

    .casetop{ padding-top:10px; padding-bottom: 20px;}
    .casetop .f18.text-black{ padding-bottom:10px;}
    .casetop>div>.uk-width-expand\@m>.uk-grid{ margin-left:0;}
    .casetop>div>.uk-width-expand\@m>.uk-grid>div{ padding-left:0;}
    .casetop .caseinfo{ padding:10px;}
    .casetop .caseinfo>.uk-width-auto>div{ margin-right:15px;}
    .casetop .caseinfo>.uk-width-auto>div img, .casetop .caseinfo>.uk-width-auto>div canvas{ width:100px!important; height: 100px!important;}
    .caseinfo h3{ font-size: 20px;}
    .caseinfo .desc{ height: auto;}
    .caseinfo .siteurl{ left: 0;}
    .caseinfo .siteurl a{ height: 30px; line-height: 28px;}
    .srvctn{}
    .srvctn>.uk-pannel:first-child{ display: none; }
    .srvctn .uk-pannel{ width:19%; margin-left: 0%; margin-bottom: 0!important; height: 90px;}
    .srvctn .uk-pannel .f15{ font-size: 13px;}
    .srvctn .uk-pannel:nth-child(n+1) a { padding-top: 20px;}
    


    .website .part1{ padding-top:0px; padding-bottom: 40px;}
    .website .part1 .f36{ margin-top:20px!important;}

    .website .chooseus .uk-pannel{ width:150px; height: 150px;}
    .website .chooseus .circle{ width:150px; height: 150px;}
    .website .chooseus .choose{ margin-left:20px;}
    .website .chooseus .circle .f30{ font-size: 20px;}
    .website .chooseus .circle .f18{ font-size: 13px;}

    .website .part2 .f36{ font-size: 18px; margin-bottom: 5px;}
    .website .part2 .f18{ font-size: 14px;}

    .website .part3{ padding:40px 0;}
    .website .part3 .f36{ margin-bottom:20px!important;}
    .website .part3 .uk-position-relative{ padding:0;}

    .website .part4{ padding-bottom:40px;}
    .website .part4 .uk-grid-collapse>div{ padding:10px 10px 10px 90px; text-align: left; position: relative;}
    .website .part4 .uk-grid-collapse>div .f24{ font-size: 18px; padding:0;font-weight: bold;}
    .website .part4 .uk-grid-collapse>div .f16{ padding:10px 0 0;}
    .website .part4 .uk-grid-collapse>div i{ position: absolute; left:10px; top:10px; }
    .website .part4 .uk-grid-collapse>div i img{ width:70px;}

    .website .part5{ padding-bottom:40px;}
    .website .part5 .f36{ margin-bottom:10px!important;}
    .website .part5 .uk-grid{ padding: 0;}
    .website .part5 .uk-grid>*{ width:100%; flex: auto;}
    .website .part5 img{ height: 60px;}

    .website .part6 .f36{ margin-bottom:10px!important;}
    .website .part6 .uk-margin-large-top{ margin-top:10px!important;}
    .website .part6 .talk a{ font-size: 16px; padding: 0px 40px;}
    .website .part6 .talk a .f24{ font-size: 18px;}


    .wechat .part1{ padding-top:10px; padding-bottom: 40px;}
    .wechat .part1 .f36{ margin-bottom:20px!important;}
    .wechat .part1 .uk-grid-collapse{ border:0;}
    .wechat .part1 .uk-grid-collapse>div{ padding:0; border:0;}
    .wechat .part1 .uk-grid-collapse>div img{ width:60px;}
    .wechat .part1 .uk-grid-collapse>div .f24{ font-size: 16px; padding:5px 0;}
    .wechat .part1 .uk-grid-collapse>div .f16{ font-size: 13px; line-height: 1.8; padding:5px;}

    .wechat .part2 .f36{ font-size: 18px; margin-bottom: 20px!important;}
    .wechat .part2 .f18{ font-size: 14px;}

    .wechat .part2 .uk-margin-large-top{ margin-top:10px!important;}
    .wechat .part2 .talk a{ padding:15px 20px 5px;}
    .wechat .part2 .talk a .f30{ font-size:22px;}
}