@media (max-width: 1199px) {
    .ol-nav ul{padding-left:0px;width: 800px;text-align: left;}
    .pan-img{width: 100%;height: 220px;}
    dl.news dd.col-xs-8 a.overout{height: 80px;overflow: hidden;}
    .i_zgs .i_zgs_li .i_zgs_content{width: 520px;margin-top: 30px;}
}
@media (max-width: 998px) {
	
}
@media (max-width: 991px) {
    #banner-list .owl-next, #banner-list .owl-prev{display:none;}
    .section2{ height:660px; }
    /*.i_zgs .i_zgs_content{ width: 360px; }
    .i_zgs .i_zgs_content p{ margin-top:70px; }*/
    .pan-img{width: 100%;height: 165px;}
    dl.news dd.col-xs-8 a.overout{height: 95px;overflow: hidden;}
    .pan-brand a img{height: 157px;}
    
    
	 .i_zgs .i_zgs_li .i_zgs_content{width: 440px;padding-top: 0;margin-top: 30px;}
 .i_zgs .i_zgs_li .i_zgs_content p{padding-left:160px;margin-top: 10px;}
.i_zgs .js_wzgs .i_zgs_title{top:125px}

}
@media (max-width: 767px) {
	.pan-img{width: 100%;height: auto;}
	.pan-brand{width: 50%;}
	dl.news dd.col-xs-8 a.overout{height: auto;overflow: hidden;}
    .news-list dt{
        top: 0px;
    } 
    .news dd.xs-padding{ padding:20px 70px; }
    .download-list li img{
        width: 60%;
    }
    #office-list,.map-wrapper,.contact-form{ width: 100%; }
    #parameter{ width: auto; }
    #parameter tr td:nth-child(1){ display: none; }
    #parameter tr td:nth-last-child(1){ display: none; }

    #composition{ width: auto; }
    #composition tr td:nth-child(1){ display: none; }
    #composition tr td:nth-last-child(1){ display: none; }
}
@media (max-width: 640px) {
    .col-640{width:100%;}
    .i_zgs .i_zgs_content{ width: 200px;  }
    .i_zgs .i_zgs_content p{ margin-top:0; font-size:12px; }
    .i_zgs .js_wzgs .i_zgs_title{ top:20px; }

    
    .contact-base li {
        font-size:14px;
    }
    .contact-base li span{
        font-size:14px;
    }
    .barcode img{
        width: 150px;
        height: 150px;
        margin-top:30px;
    }
    .contact-box{
        width: 400px;
        margin: auto auto;
    }
    li.sitename{ 
        font-size: 20px;
    }
    li.siteenname{ 
        font-size: 12px;margin-bottom: 20px;
    }
    .baseinfo {
        margin-left: 170px;
    }
    
    .i_zgs .i_zgs_li .i_zgs_content{margin-top: 0;padding-top: 130px;width: 250px;padding-left: 10px;}
    .i_zgs .i_zgs_li .i_zgs_content p{padding-left: 0;margin-top: 10px;}
    .section2 .sbox{height: 185px;}
    .i_zgs .i_zgs_title{width: 200px;}
    
}
@media (max-width: 580px) {
    .section2{ padding:260px 40px 0 40px; }
}
@media (max-width: 520px) {
    .news dd.xs-padding{ padding:20px 30px; }
    .download-list li img{
        width: 80%;
    }
    .summary-pro
    {
        margin: 0 40px;
    }
}
@media (max-width: 420px) {
    .right-call em,.right-call i{display:none;}
    .nav-app{right:50px;}
    .nav-hide{right:1px;}
    .barcode img{ padding:0px; }
    .section2{ padding:260px 10px 0 10px; }
}
@media (max-width: 380px) {
}
@media (max-width: 320px) {
    
}

@media (min-width: 768px){
    .recommand-carousel.owl-carousel .owl-item img{ width: 100%;}
    .new-index-item dt a.alink{ position: absolute; display: inline-block; padding:10px 45px; top:40px; left: inherit; right:0;}
    .new-index-item dd {
        padding-top: 5px;
    }
    .new-index-item dt{ position: relative; text-align: left; }
    .contact-base ul{
        padding-left:0px;
    }
    .baseinfo{
        padding-left:0;
        padding-right:0;
    }
}


@media (min-width: 992px) {
    .nav-hide{display:block}
    .barcode-foot h3{
        text-align: left;
    }
    .recommand-carousel.owl-carousel .owl-item img{ width: 100%;}
    .new-index-item dt a.alink{ position: absolute; display: inline-block; padding:10px 45px; top:40px; left: inherit; right:-100px;}
    .new-index-item dd{
        padding-top:140px;
    }
    .new-index-item dt{ position: relative; text-align: left; }
    .contact-base ul{
        padding-left:0px;
    }
    .barcode img{ padding:0px; }
}

@media (min-width: 1200px) {
    .recommand-carousel.owl-carousel .owl-item img{ width: 100%;}
    .ol-nav{}
    .ol-nav a{font-size:14px;color:#333;display: inline-block;height: inherit;width: inherit; padding:0 50px;}
    .ol-nav a:hover,#nav-li{color:#B38A35;border-bottom: 2px solid #B38A35;background: transparent !important;}
    .ol-nav ul{margin-bottom: 0;}
    .ol-nav li{display:inline-block;height:100px;line-height: 100px;}
}

@media (max-width: 1355px){
    .ol-nav a {
         padding:0 10px;
    }
}

@media (max-width: 1250px){
    .ol-nav a {
         font-size: 13px;
         padding:0 8px;
    }
}


@media (max-width: 1180px){
    .search-box {
        display: none;
    }
    /*.ol-nav{
        margin-right: 170px;
    }*/
}

@media (max-width: 1180px){
    .search-box {
        display: none;
    }
    /*.ol-nav{
        margin-right: 170px;
        margin-left: 110px;
    }*/
    /*.logo{
        width: 96px;
        height: 70px;
        background-size: 70%;
        background-position:center 8px;
    }*/
    .logo.active{
        background-size: initial;
        left:55px;
    }
}

@media (max-width: 900px){
    
    .ol-nav a {
         font-size: 12px;
         padding:0 5px;
    }
    .logo{
       /* width: 65px;*/
        height: 50px;
        background-size: 60%;
        left: 0;
        background-position:center 8px;
    }
    .logo.active{
        background-size: initial;
        left:0;
    }
    /*.ol-nav {
        margin-right: 170px;
        margin-left: 70px;
    }*/
}

@media (max-width: 767px) { 
	.logo{position: absolute;top: -50px;}
    .nav-app{
        border-radius:1px;
        width: 40px;
        height: 40px;
        position:fixed;
        background: #999999;
        cursor:pointer;
        right: 20px;top: 50%; 
        margin-top:-20px;
    }
    .logo img{margin-top: 0;}
    body .headerafter{height: 50px !important;}
    .ol-nav{margin-top: 0;margin-bottom: 0;}
    .nav-app span{
        display:block;
        background-color:#eee;
        height:2px;width:20px;
        margin: auto auto;
        margin-top:8.5px;
    }
    .nav-hide{
        display: none;
    }
}