@media screen and  (max-width:1300px) {
    #bs-navbar li{padding:0 13px;margin: 0 10px;}
}

@media screen and  (max-width:930px) {
    #bs-navbar li{padding:0 8px;margin: 0 5px;}
}


@media screen and  (max-width:992px) {
    .index-ad .ad-fl{margin-bottom: 30px;}
}

@media screen and  (max-width:767px) {
    #header{position: fixed;top:0;left: 0;z-index: 998999;}
    .header-height{display: block !important;}
    #bs-navbar{height: auto;padding: 0}
    #bs-navbar li{display: block; padding: 0 16px;margin: 0;border-bottom: 1px solid #4185c5}
    #bs-navbar li a{padding-top: 10px !important;padding-bottom: 10px !important;line-height: 32px;}
    .navbar-nav{margin: 0 0}
    #bs-navbar li.active:after{content: '';width: 100%;height: 50px;background-color: #1ee0d7   ;position: absolute;left: 50%;bottom:0;margin-left: -50%}
    .index-title{margin: 20px auto}
    #index-title h2{font-size: 28px;color: #545050;margin-bottom: 14px;}
    #index-title p{font-size: 16px;color: #888}

    #header .top{padding: 10px 0}
    #header .top .logo{margin-left: 10px;width: 60%}
    #header .top .logo h2{font-size: 18px;float: left}
    #header .top .logo img{height: 35px}
    .navbar-toggle{margin-top: 0;margin-right: 10px;}

    .mores{width: 50%;margin: 15px auto;}

    .index-title .fl{float: none !important}
    .index-title .fl h2{font-size: 18px;font-weight: bold;}
    .index-title .fl p{font-size: 12px;}
    .index-title .fr{text-align: left;float:none !important;}
    .index-title .fr a{padding: 5px}

    .index-prod ol{margin-right: 0;display: flex;flex-wrap: wrap;border-right: 0;margin-bottom: 10px;border-bottom: 0;;border-top: 1px solid #E3E3E3 }
    .index-prod ol li{width: 33.33%;border-right: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;}
    .index-prod ol li a{font-size: 12px;padding: 0;text-align: center;border: 0;}
    .index-prod ol li a:after,.index-prod ol li a:hover:after{border: 0;}

    .index-ad{margin: 0px auto;}

    .index-prod ul li .div{margin: 0;}
    .index-prod ul li h3{margin-left: 0;margin-right: 0;}
    .index-prod ul li p{margin-bottom: 10px;padding: 0 0 10px;border-bottom: 0;}

    .index-case-i .swiper-pagination{bottom: -5px}

    .index-system-bg{padding: 20px 0}
    .index-system h2{font-size: 18px;color: #333;}
    .index-system h2 span{font-size: 24px;color: #1476d0;font-weight: bold;}
    .index-system,.index-about{background-image: none;min-height: auto;}
    .index-system .icon1, .index-system .icon3,.index-system .icon2, .index-system .icon4{margin-top: 20px;}
    .index-system li{text-align: left !important;}
    .index-system li img{width: 30%;}

    .index-about{padding-top: 0;margin-top: 20px;}
    .index-about-content{box-shadow: none;overflow: hidden}
    .index-about-content .fl .about-info{padding: 10px;}
    .index-about-content .fl p{margin-bottom: 20px;}

    .footer-link{text-align: center}
    .footer-link .footer-logo{display: inline-block}
    #footer .footer-cr{padding-left: 20px !important;padding-top: 10px !important;padding-bottom: 10px !important;}
    .footer-fl .footer-mall p{text-align: center;}
    .footer-cr dt{float: none;width: 100%;text-align: left;margin-bottom: 10px !important;}
    .footer-cr dd{width: 33.33% !important;text-align: center;}
    #footer{margin-top: 20px;padding-top: 20px;}
    .links{margin-top: 10px;}
    #footer .copy{margin-top: 10px;padding: 10px 0;}

    .forms{margin-bottom: 30px;}

    .page-list .contents{margin: 5px !important;padding-bottom: 1px;}
    .page-list .contents h3 a{font-size: 16px;}
    .page-list .contents p a{font-size: 12px;}

    .prod-infos-list li{margin-bottom: 10px;text-align: left}
    .page-info{margin-bottom: 20px;}
    .faq{margin-bottom: 0px!important;}
    .case-ul{padding: 10px 0}
    .index-case-ul li{margin-bottom: 0}
    .contact-list li{margin-bottom: 10px;min-height: 200px;}
    .news-list-warpas{padding: 10px 0}

    .index-case-ul .swiper-slide p{min-height: 80px;}
    .index-case-ul p{padding: 10px}
    .footer-fl strong{margin: 0 10px;}

    .prod-g{height: 10px;}
    .prod-infos{margin-bottom: 0;}
    .page-info .infos{margin-top: 0}

}