@media (max-width: 1280px) {
    .container {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }

.navbar ul li{padding-left:5px;padding-right:5px;}



}
@media (max-width: 1024px) {
    body { min-width: 100px; }
    .navbar ul li a{padding-left:10px;padding-right:10px;}
    .inews .inews-slide{width:calc(100% - 140px);}
    .inews .inews-slide .pic { width: 200px; }
    .inews .inews-slide .info {width: calc(100% - 220px); }
    .iproduct .list ul li { height: 200px;}
    .iproduct .list ul li span { height: 200px; }
    .iproduct .list ul li strong { bottom: 10px; left: 15px; width: 80%; height: 50px; line-height: 50px; padding: 0 35px; }

    .sideBar-content{width:calc(100% - 320px);}



    }
@media (max-width: 992px) {
    .container {
        width: 100%;
    }
    .header .container .logo {
    max-height: 56px;
    height: auto;
    float: left;
    margin-bottom: 10px;
    margin-left:10px;
    margin-top:5px;
}.header .logo img{height:56px;}
    .header {
        border-bottom: 1px solid rgba(76,118,63,0.3)
    }
    .navbar{line-height:40px;}
    .navbar ul li{width:100%;float:left;}
    .navbar ul li .dropdown{position:relative;}
    .navbar li a:hover,.navbar li.active a{color:#fff;}
    .navbar ul li.active .dropdown,.navbar ul li:hover .dropdown{color:#fff;}
    
    .header .navbtn {
        order: 2;
        display: block;
        z-index: 990;
        padding: 0px 5px;
        border-radius: 4px;
        background-color: #e60012;
        cursor: pointer;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        width:35px;
        height:33px;
        right:10px;
        top:20px;
        position:absolute;
    }

    .header .navbtn span {
        display: block;
        width: 25px;
        height: 2px;
        margin: 6px 0;
        border-radius: 5px;
        background-color: #fff;
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .header .navbtn.navclose {
        position: fixed;
    }

    .header .navbtn.navclose span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
        -o-transform: translateY(8px) rotate(45deg);
        -moz-transform: translateY(8px) rotate(45deg);
        -webkit-transform: translateY(8px) rotate(45deg)
    }

    .header .navbtn.navclose span:nth-child(2) {
        opacity: 0
    }

    .header .navbtn.navclose span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        -moz-transform: translateY(-8px) rotate(-45deg);
        -webkit-transform: translateY(-8px) rotate(-45deg)
    }

    .header .mobile-shade {
        display: block;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        z-index: 120;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        transition: all,0.5s;
        -o-transition: all,0.5s;
        -moz-transition: all,0.5s;
        -webkit-transition: all,0.5s
    }

    .header .mobile-shade.show {
        opacity: 1;
        visibility: inherit
    }

    

    .header .navbar {
        position: fixed;
        z-index: 990;
        top: 0;
        left: -260px;
        display: block;
        width: 260px;
        height: 100%;
        padding: 0px;
        margin-top: 0;
        margin-right: 0;
        overflow-y: auto;
        background-color: #e60012;
        transition: left,0.5s;
        -o-transition: left,0.5s;
        -moz-transition: left,0.5s;
        -webkit-transition: left,0.5s;
        padding-top:50px;
    }

    .header .navbar.nav-show {
        left: 0
    }

    .header .container {
        display: block;
        border-radius: 0px;
        overflow: hidden;
        padding:0px;
    }
    .header .navbar a {
    min-width: 100%;
    margin-right: 0px;
    font-size: 16px;
    color: #fff;
    margin:0px;
    padding:0px;
}
    .header{width:100%;float:left;height:70px;}
    .navbar ul li{padding-left:0px;padding-right:0px;background:none;width:100%;text-align:center;}
    .iproduct .list ul li { height: 150px;padding-left:5px;padding-right:5px;}
    .iproduct .list ul li span { height: 150px; }
    .iproduct .list ul li strong { bottom: 10px; left: 5px; width: 80%; height: 40px; line-height: 40px; padding: 0 25px; }
    .foot-info .contact { width: 50%; }
.foot-info .factory { width: 50%; }
.foot-link .f-nav {  margin-left: 5px;}
.company .text{width:100%;}

.sideBar-left{width:200px;}
.sideBar-content{width:calc(100% - 220px);}


}

@media (max-width: 576px) {
    .inews .menu-name { width: 100%;  }
.inews .inews-slide { float: left; width: 100%;margin-top:20px; }
 .inews .inews-slide .pic { width: 100%; }
    .inews .inews-slide .info {width: 100%;margin-top:10px; }
    .iproduct .search{top:90px;}
    .iproduct{padding:0px;}
    .iproduct .list ul{padding-right:10px;padding-left:10px;}
    .iproduct .list ul li{width:100%;}
     .iproduct .list ul li { height: 220px;padding-left:5px;padding-right:5px;}
    .iproduct .list ul li span { height: 220px; }


.footlogo{width:80%;float:left;margin-left:10%;margin-bottom:20px;}
.header .navbar .sub-nav{top:30px;width:100%;}
.navbar ul li.active .dropdown, .navbar ul li:hover .dropdown,.navbar li a:hover, .navbar li.active a{background:none;}

.foot-info .contact { width: 100%; }
.foot-info .factory { width: 100%; }

.sideBar-left{width:100%;}
.sideBar-content{width:100%;margin-top:20px;}
.mod-gallery-box .list{width:47%;}

.mod-news-box .list .img{width:100%;height:auto;}
.mod-news-box .list .info{width:100%;}
h1.title{font-size:16px !important;}

.mod-contact-left{width:100%;}
.mod-contact-right{width:100%;margin-top:20px;}
}

/*# sourceMappingURL=../maps/style/media.css.map */