#wrapper{    position: relative;}
.ma-infinitypush-wrapper{ background:#036eb8; }
.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 #025893;}
.ma-infinitypush-wrapper .ma-infinitypush ul li li{ border-bottom:1px solid #00487a;}
.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: #005a99; padding:20px 0;}


@media ( max-width : 640px) {
    .f18{ font-size: 16px; }
    .f16{ font-size: 14px;}
    .f14{ font-size: 13px;}

    .header{ position: relative; height: auto; background:none; }
    .header .logo{ height: 0.6rem;justify-content: center;}
    .header .logo img{ height: 0.3rem;}

    .mlan{ margin-left: auto; margin-right: auto; }
    .mlan .uk-button{ width: 80px; padding: 0; height: 28px; line-height: 28px;}

    .header .menu{ padding-right: 170px; padding-left: 20px;}
    .header .uk-search-default{ width: 100%;}
    .header .uk-search-default .uk-search-input{ background: #343434; color:#fff; }
    .header .toplink{ margin-right: 20px; bottom:-1px; top:auto;}
    .header .toplink .uk-subnav>*{ padding-left:10px; color:#fff;}
    .header .toplink .uk-subnav>li>a{ color:#fff;}
    .header .toplink .uk-subnav .uk-dropdown{ padding-top:10px; padding-bottom: 10px;}
    .header .toplink .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{ margin-right: 10px;}



    .footer .copyright{ text-align: center; }
    .footer .copyright .uk-margin-medium-left{ display: block; margin: 0!important;}


    .inban{ margin-bottom: 10px; height: auto;}
    .inban img{ height: auto;}
    
    .title{margin-bottom: 20px; height: 40px; line-height: 30px;}
    .title .f24{ font-size: 20px; height: 40px;}
    .title span::after{ border-left-width:50px; border-right-width: 50px; margin-left: -50px; border-top-width:7px;}

    .tBody{ padding-bottom: 50px; }

    .history ul::before { content:''; background: #a0a0a0; width: 1px; height: 100%; position: absolute; left: 50%; top:0;  }
    .history ul li{ height: auto; margin-bottom: 40px;}
    .history ul li .wrap{ position: static;}
    .history ul li .wrap .f24{ width:70px; height: 70px; line-height: 70px; background-size: 100%; font-size: 18px;}
    .history ul li .wrap .pic{ position: absolute; left: 0; top:10px; width: 38%;}
    .history ul li .wrap .f16{ font-size: 14px;}
    .history ul li .wrap .f16 p{ font-size: 14px;}
    .history ul li:nth-child(even) .wrap{ }
    .history ul li:nth-child(odd) .wrap span{ top:20px; left:50%; margin-left: -35px;}
    .history ul li:nth-child(even) .wrap span{ top:20px; right:50%; margin-right: -35px;}
    .history ul li:nth-child(odd) .wrap{ padding-left:45px;}
    .history ul li:nth-child(even) .wrap{ padding-right:45px;}
    .history ul li p small{ font-size: 13px!important;}
    .history ul li:nth-child(even) .wrap .pic{ right: 0; left: auto;}
    .history ul li:nth-child(odd) p{ padding-left: 30px;}
    .history ul li:nth-child(even) p{ padding-right: 30px;}

    .company1 {  font-size: 14px;}
    .company1 .uk-padding{ padding:5px 0;}
    .company2{font-size: 14px;}
    .company2 .business .wrap{ padding: 15px;}
    .company2 .business .wrap .f24{ font-size: 16px; height: 30px; line-height: 30px; margin-left: -15px; }
    .company2 .business .wrap .f24 span{  height: 30px; line-height: 30px;  }
    .company2 .business .wrap .f24 span::before{ border-width: 15px!important;}
    .company2 .business .uk-pannel:nth-child(odd) .wrap .f24 span::before{ right:-30px;}
    .company2 .business .uk-pannel:nth-child(even) .wrap .f24{ text-align: left!important;}
    .company2 .business .uk-pannel:nth-child(even) .wrap .f24 span{ padding:0 50px 0 20px; }
    .company2 .business .uk-pannel:nth-child(even) .uk-width-expand{ text-align: left!important;}
    .company2 .business .uk-pannel:nth-child(even) .uk-width-auto{ order:-1;}
    .company2 .business .uk-pannel:nth-child(even) .wrap .f24 span::before{ left: auto; right: -30px; border-left-color:#036eb8; border-right-color: transparent!important;}
    .company2 .business .uk-pannel{ margin-top:20px;}
    .company3 .f30{ font-size: 22px; padding: 10px; margin: 20px 0!important;}
    
    .honorlist ul{ margin-left: -15px!important; }
    .honorlist li{ margin-bottom:15px;    padding-left: 15px!important; }
    .honorlist li a .tit{ padding: 5px;}


    .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:20px 20px 0;}
    .contact .cat{ margin-top:15px!important;}
    .contact #amap{ height: 250px; }

    .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;}

    .about28 .uk-width-auto{ text-align: center; }
    .about28 .uk-width-auto img{ width: 50%;}
    .about28 .f30{ margin-top:-50px!important; font-size: 18px; text-align: center;}
    .about28 .f18{ font-size: 14px; }

    .newslist li{ margin-bottom: 20px;}
    .newslist li .pic .uk-cover{ position:static; left: auto; top:auto; width: 100%!important; height: auto!important;transform:none;}
    .newslist li a{ height: auto;}
    .newslist li .con .wrap{ padding: 15px;}
    .newslist li .con .wrap .date{ padding: 0 20px; margin-bottom: 15px;}
    .newslist li .con .wrap .date .f20{ font-size: 18px; }
    .newslist li .con .wrap .tit{ font-size: 18px;}
    .newslist li .con .wrap .desc{ margin-top:10px; }

    .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.f30{ font-size: 20px; line-height: 1.4;}
    .infos{ margin-bottom: 10px; padding-top:5px;}
    .share{ display: none; }
    .cother{ display: none; }
    .content{ font-size: 14px;}

    .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;}

    #modalvideo{ width: 100%; height: auto;}
}