#wrapper{    position: relative;}
.ma-infinitypush-wrapper{ background:#0077bc; }
.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 #006287;}
.ma-infinitypush-wrapper .ma-infinitypush ul li li{ border-bottom:1px solid #006287;}
.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: #0077bc; 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: #0077bc; 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 : 960px) {
    .f36{ font-size: 22px; }
    .f24{ font-size: 20px; }
    .f20{ font-size: 18px;}
    .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{ display: block; padding:0; padding-top:0.05rem; background: none; }
    .header .logo a img{ height:0.5rem;}

    .footer .fotcon>div>div:nth-child(1){ width: 100%; padding-right: 0; text-align: center;}
    .footer .fotcon{ padding:20px 0;}
    .footer .fotcon img{ margin-bottom:10px;}
    .footer .copyright{ text-align: center;}

    .ipart1{ padding:30px 0 60px;}
    .ipart1 .f36 { font-size: 20px;}
    .ipart1 .isrv{ margin-top:20px;}
    .ipart1 .isrv a{ width:80px; height: 80px; padding-top:5px; position: relative;}
    .ipart1 .isrv a i{ width: 54px; height: 54px; background-size: cover;}
    .ipart1 .isrv a div{ position: absolute; bottom:-40px; width:100%; font-size: 13px;}
    .ipart1 .isrv a:hover div{ color:#0077bc;}

    .title1{ line-height: 1.3; margin-bottom: 5px; }
    .title1 .f40{  font-size: 24px;   }
    .title1 a{ display: inline-block;}

    .ipart2{ padding-top:30px;}
    .ipart2 .title1 .f40{ margin-bottom:10px!important;}
    .ipart2 .iproduct{ margin-top:20px;}
    .ipart2 .iproduct .uk-pannel .uk-overlay .desc{ display: none;}
    .ipart2 .iproduct .uk-pannel .uk-overlay .f24{ font-size: 16px; margin-bottom:10px;}
    .ipart2 .iproduct .uk-pannel .uk-overlay img{ width:30px; height: 30px;}

    .ipart3{ min-height: 200px; background: url(../images/pic_video.png) center; background-size: cover; }
    .ipart3 a{ display: block; width:80px; height: 80px;}
    .ipart3>img{ display: none;}

    .ipart4{padding:30px 0;}
    .ipart4 .inews{ margin-top:15px;}
    .ipart4 .inews .uk-grid{ margin-left:-10px;}
    .ipart4 .inews .uk-grid>.uk-pannel{ padding-left: 10px; margin-bottom: 10px;}
    .ipart4 .inews .uk-pannel .con{ padding:10px;}
    .ipart4 .inews .uk-pannel .con .tit{ padding: 0; font-size: 15px; height: 36px;}
    .ipart4 .inews .uk-pannel .con .desc{ display: none;}
    .ipart4 .inews .uk-pannel .con .date{ padding:5px; border-bottom:0;   border-top: 1px solid #eee; margin-top:10px; margin-bottom: 0;}
    .ipart4 .inews .uk-pannel .more span{ font-size: 12px; width:30px; height: 30px; line-height: 30px;}
    .ipart4 .inews .uk-pannel:nth-child(n+4){ display: block;}
    
    .title{ height: 50px; line-height: 50px; margin-bottom: 30px;}
    .tBody{ padding-bottom: 60px;}

    .history ul li{ min-height: 120px;}
    .history ul li .wrap .f24{ width:70px; height: 70px; line-height: 60px;}
    .history ul li .wrap .f16{ padding-top:10px;}
    .history ul li:nth-child(odd) .wrap{ padding-left: 50px;}
    .history ul li:nth-child(odd) .wrap span{ left:-35px;}
    .history ul li:nth-child(even) .wrap{ padding-right: 50px;}
    .history ul li:nth-child(even) .wrap span{ right:-35px;}

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

    .contact{ padding-bottom:0; min-height: auto; }
    .contact .catwrap { padding:0px 20px 0; margin-bottom: 40px;}
    .contact .cat{ margin-top:0px!important;}
    #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:15px;}
    .newslist li .con{ padding:15px; background: #f7f7f7; text-align: left!important;}
    .newslist li .desc{ height: auto; border:0; margin:0;}

    .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: 15px; line-height: 1.8;}
    

    .productlist>ul{ margin-left: -4px;}
    .productlist>ul li{ padding-left:4px; margin-bottom: 4px;}
    .productlist>ul li .pic{ height: 150px;}
    .productlist>ul li .pic img{ height: 150px;}

    .product .uk-slideshow-items{ margin-bottom: 90px;}
    .product .thumb{ margin-bottom: -70px; width: 100%;}
    .product .thumb ul{}
    .product .thumb li{ padding-left: 8px; }
    .product .thumb li.uk-active a{ border-color:#0077bc; position: relative;} 
    .product .thumb li.uk-active a::before{ position: absolute; top:-12px; left:24px; content:''; display: block; width:0; height: 0; border:6px solid transparent; border-bottom-color:#0077bc; }
    .product .thumb li a{ display: block; width: 100%; height: 60px;padding:4px; border:1px solid #e4e4e4; }
    .product .thumb li a img{width:50px; height: 50px; }
    
    .product .pctn{ margin-bottom:15px; padding: 15px;}

    .product .ctn table tr>td:nth-child(1), .product .ctn table tr>th:nth-child(1){ width:120px;}
    


}