#wrapper{    position: relative;}
.ma-infinitypush-wrapper{ background: rgba(0,0,0,.8); }
.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(../image/ico_nav1.png) center no-repeat; background-size: 100%; } 

.ma-infinitypush-wrapper .ma-infinitypush>ul, .ma-infinitypush-wrapper .ma-infinitypush>ol{ border-color:#000; padding-top:20px; background: none; padding-bottom: 10px;}
.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: #000; padding:20px 0;}



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

    .header{ position: relative; height: auto; }
    .header .logo{ height: 0.6rem;}
    .header .logo img{ height: 0.36rem;}

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


    .ipart1{ margin:10px; overflow: hidden; padding: 0; }
    .ipart1 .uk-grid-divider{ margin-left: -30px;}
    .ipart1 .uk-grid-divider>*{ padding-left: 30px; padding-bottom: 30px; padding-top:30px; border-top:1px solid #e5e5e5;}
    .ipart1 .uk-grid-divider>:nth-child(-n+2){ padding-top:0px; border-top:0;}
    .ipart1 .uk-grid-divider>:not(.uk-first-column)::before{ left: 15px;}
    .ipart1 .f18{ font-size: 16px;}
    .ipart1 .f16{ font-size: 14px;}
    .ipart1 .f14{ font-size: 12px;}
    .ipart1 .wrap .subname{ margin:0 0 5px;}

    .ipart2{ margin-top:30px; margin-bottom: 50px;}
    .ipart2 .uk-pannel:nth-child(1){ height: 300px;}

    .ipart3 { padding-bottom: 150px; position: relative;}
    .ipart3 .uk-cover-container{ height: 320px;}
    .ipart3 .wrap2,.ipart3 .wrap3{ position: absolute; height: 150px; width: 50%; bottom:0;}
    .ipart3 .wrap3{ right: 0;}
    .ipart3 .wrap3 .subname{ margin: 0;}

    .ipart4 { height: 240px; background-size: auto 100%; padding-top: 110px; }
    .ipart4 img{ height: 30px;}

    .cols{ padding:20px 0; }
    .cols .f14{ font-size: 12px;}


    .footer .fotctn{ padding:30px 0;}
    .footer .uk-width-1-4\@s{ text-align: center; margin-bottom: 25px;}
    .footer .uk-width-1-4\@s img{ height: .4rem;}
    .footer .wrap{ margin: 0;}
    .footer .sofot{ width: 100%; margin-bottom: 15px; text-align: center; padding-top:30px; position: relative; }
    .footer .sofot .f18{ position: absolute; top:0; width: 100%; text-align: center; }
    .footer .sofot .uk-search-default{ width: 80%; margin-left: 10%; }
    .footer .fotnav{ width: 100%; margin-top:20px; }
    .footer .fotnav a{ margin-right: 20px; }
    .footer .fotnav a::before{ width: 8px; right:-15px; top:10px; }
    .footer .copyright .uk-width-expand{ text-align: center; width: 100%; flex: auto; min-width: 100%; }
    .footer .copyright .power{ width: 100%; margin:0!important; flex: auto; min-width: 100%;}
    .footer .copyright .uk-width-expand .uk-margin-medium-left{ display: block; margin: 0!important;}

    .tBody{ padding-bottom: 50px; }

    .mtitle { text-align: center; padding: 10px; position: relative; }
    .mtitle::before{ content:''; display: block; width:40px; height: 1px; background: #000; position: absolute; left: 50%; bottom:7px; margin-left: -20px; }
    .mtitle .f24{ font-size: 18px;}

    .mtit12,.mtit13,.mtit14{ display: none; }
    
    .store{ padding-top:10px;}
    .store .uk-margin-medium-top{margin-top:10px!important; }
    .store .f24{ text-align: center; font-size: 20px;  }
    .storeform button{ padding: 0;}
    #result{ margin-top:0; }
    #result ul{ height: 378px;}
    #result li{ min-height: auto; padding: 15px 15px 15px 35px;}
    #result li i{ font-size: 30px; top:10px; }
    #result li .f14{ line-height: 1.6; }
    #amap{ height: 300px;}

    .tBody>.uk-container>.f30{ margin-top:20px!important; font-size: 22px;}
    .qalist .uk-accordion-title{ padding: 15px 0;}
    .qalist .uk-accordion-content{ padding-bottom: 20px; font-size: 14px;}


    .spart1{ background-image: url(../image/mpstory1.png); background-size: cover; padding-top:50px; height: 600px; }
    .spart1 .f48{font-size: 30px;}
    .spart1 .f24{font-size: 18px; margin-bottom: 20px!important;}

    .spart2{ background-image: url(../image/mpstory2.png); background-size: cover; height: 600px; padding-bottom: 200px; }
    .spart2 .f36{font-size: 26px; }

    .spart3{ background-image: url(../image/mpstory3.png); background-size: cover;  height: 600px; }
    .spart3 .uk-grid>.uk-width-1-2\@s:nth-child(1){ display: none; }
    .spart3 .f30{font-size: 16px; text-align: center;}
    .spart3 .f44{font-size: 26px; text-align: center;}
    .spart3 .f24{font-size: 18px; margin-bottom: 20px!important;}
    .spart3 .f16{ margin-top:20px!important; padding-bottom: 300px;}

    .spart4{ background-image: url(../image/mpstory4.png); background-size: cover;  height: 600px; }
    .spart4 .f30{ font-size: 22px; margin-top:20px!important;  padding-bottom: 300px; }

    .history .f18{ font-size: 14px;}
    .history>.uk-width-2-3\@s{ order:-1;}
    .history>.uk-width-2-3\@s .wrap{ padding:20px;}
    .history .uk-width-2-3\@s>div{ height: 400px;}
    .history .uk-width-2-3\@s>div .wrap .f30{ font-size: 24px; }
    .history .uk-width-1-3\@s>div{ height: 300px;}
    .history .uk-width-1-3\@s>div .f48{ font-size: 30px;}
    .history.uk-child-width-1-3\@s{ padding:0 20px;}
    .history .desc{ min-height: auto;}

    .innovate .uk-width-2-3\@s>div{ height: 450px; background-size: 100% auto;}
    .innovate .uk-width-1-3\@s>div{ height: auto;}
    .innovate.uk-child-width-1-3\@s>div{ margin-bottom: 15px!important;}


    .antifake .f24{ display: none;}
    .antifake form .uk-margin-medium-top{ margin-top:20px!important; text-align: center!important;}
    .antifake input{ padding:10px 15px;}

    .contact{ padding-top:30px; padding-bottom: 20px; }
    .contact .uk-width-auto{ width: 100%; padding-bottom: 30px; }
    .contact .cat { font-size: 14px;}


    .stepsform{ padding-top:20px;}
    .stepsform .tit{ font-size: 22px; }
    .stepsform .wizard > .content > .body ul{ margin:30px 0; padding: 30px 0; font-size: 14px;}

    .solutit{  padding: 15px;}
    .solutit .f30{ font-size: 22px; }
    /* .searchlist{ border-top:0; } */
    .searchlist .ipart1 .uk-grid-divider>*{ margin-bottom: 0!important;}

    .sotit{ text-align: center; font-size: 14px; padding: 15px 0 10px;}

    .inban{ height: auto; background-size: cover; background-position: center; margin-bottom: 15px; }
    .newstext{ padding:0 0 20px;}
    .newstext .wrap{ width: 100%; }
    .newslist-pic li{ padding:80px 0 30px; position: relative; }
    .newslist-pic li .uk-container{ padding:0 15px;}
    .newslist-pic li .date{ left: 15px; top:-65px;}
    .newslist-pic li .date .f70{ font-size: 50px; line-height: 50px;}
    .newslist-pic li .date .f20{ font-size: 16px;}
    .newslist-pic li .con{ width: 100%;}
    .newslist-pic li .con .f30{ padding:5px; font-size:20px; }
    .newslist-pic li .con .desc{ width: 100%; margin-bottom: 30px;}

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

    .ranklist{ width: 100%; padding-top:20px; }
    .ranklist .num{ font-size:50px; line-height: 50px;}
    .ranklist .f48{ font-size:18px; margin-bottom: 20px;}
    .ranklist .f36{ font-size:20px; }
    .ranklist .f24{ font-size:16px; }
    .ranklist .btn{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px; }
    .rank1 .uk-width-auto img{ width: 100px;}
    .rank3>.uk-width-1-2:nth-child(1){ width: 40%; }
    .rank3>.uk-width-1-2:nth-child(2){ width: 60%; }
    .rank3 .uk-padding-small{ display: none; }
    .rank3 .spec{ display: none; }
    .rank3>.uk-width-1-2>.uk-margin-medium-left{ margin: 0!important; }
    .rank4 .uk-width-auto img{ width: 160px; padding-right: 20px;}
    .rank5 .uk-width-auto img{ width: 160px; padding: 0 15px;}
    .rank5 .uk-margin-medium-left{margin: 0!important; }
    .rank5 .uk-padding{ padding:10px;}
    .ranklist .numtit{ font-size:14px; left: 50px; top:20px; }


    .probox .protit{ height: 50px; line-height: 50px; }
    .probox .proctn{ padding:5px 0;}
    .probox .promore{ height:40px; line-height: 40px; font-size: 14px; }

    .profilter{ padding:10px; border-bottom:1px solid #e5e5e5; font-size: 14px; }
    .profilter a{ font-size: 14px;}
    .profilter .uk-dropdown{ min-width: 140px; padding: 10px;}
    .profilter .uk-dropdown li a{ line-height: 30px;}

    .productlist { padding-bottom: 50px;}
    .productlist .uk-child-width-1-4\@s>*{ margin-bottom: 30px;}

    .product{ padding-top:15px; padding-left: 15px; padding-right: 15px; position: relative; }
    .product .mobtit{ margin-bottom: 20px;}
    .product .mobtit h1{ font-size: 20px;} 
    .product .mobtit .subtit{ font-size: 16px;} 
    .product .proleft{ width: 100%; }
    .product .proslide{ padding-left: 0; padding-bottom: 100px;}
    .product .uk-slideshow-items{ min-height:300px!important;}
    .product .proright{ width: 100%;}
    .product .ptit{ margin-top:20px!important;}
    .product .buy{ text-align: center; }
    
    .proslide .thumb{ left: 0; width: 100%; bottom:-100px; top:auto; }
    .proslide .thumb ul{ justify-content: center; }
    .proslide .thumb li{ width:70px; height: 70px; margin-bottom: 0; margin: 0 2px; }
}