@media (max-width: 1400px) {
    .container {
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .home-about-left{width:60%;}
    .home-about-pic{width:37%;}
    .home-about{padding-top:50px;padding-bottom:40px;}
    .home-news{padding-top:50px;}
}
@media (max-width: 1024px) {
    .title{font-size:30px;padding-bottom:20px;}
    .home-customer{padding-top:50px;padding-bottom:50px;}
    .home-customer .title,.home-news .title{margin-bottom:50px;}
    .home-about{padding-top:40px;padding-bottom:30px;}
    .home-news{padding-top:40px;}
    .item-home-news{margin-bottom:16px;padding-bottom:16px;}

    .catalog a{margin-bottom:12px;}
    .item-pro{width:calc(33.33% - 10px);margin-right:15px;margin-top:15px;}
    .list-news .item{padding-top:20px;padding-bottom:20px;}

    .contact-l{width:25%;}
    .contact-r{width:71%;}
}

@media (max-width: 992px) {
    .container {
        width: 100%;
    }
    .header .container .logo {
    max-width: 350px;
    height: auto;
    float: left;
    margin-bottom: 10px;
    margin-left:10px;
    margin-top:5px;
}
    .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: #d7000f;
        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: #d7000f;
        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;}
    .title{font-size:20px;padding-bottom:10px;}
    .home-about-left p{font-size:13px;line-height:1.8em;}
    a.more{margin-top:10px;}
    .home-customer{padding-top:30px;padding-bottom:30px;}
    .home-customer .title, .home-news .title{margin-bottom:30px;}

    .item-home-news{padding-bottom:12px;margin-bottom:12px;}
    .item-home-news-time{width:60px;height:60px;font-size:14px;line-height:1.8em;padding:5px;}
    .item-home-news-time span{width:100%;float:left;font-size:18px;border-bottom:1px solid #b2b2b2;}
    .item-home-news-con{width:calc(100% - 75px);}
    .item-home-news-con a{font-size:16px;margin-bottom:5px;margin-top:3px;}
    .item-home-news-con span{font-size:12px;line-height:1.6em;}
    .home-news-con a.more{margin-left:calc(50% - 72.5px);margin-bottom:80px;}

    .item-news-txt a {font-size: 14px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
    .item-news-txt span {font-size: 13px;margin-top: 10px;line-height: 22px;}
    .item-news-txt a.detail{font-size:12px;}
    .item-news{width:calc(33.3% - 10px);margin-right:15px;}
    .con-newpro .item-newpro{margin-right:15px;width:calc(33.3% - 10px);margin-bottom:15px;padding:10px;padding-bottom:0px;}
    .news-con{padding:15px;}
    .homecontact form{width:76%;float:left;}


.copyright{font-size:13px;}
.single-wrapper-left .mySwiper .swiper-slide {height: 80px;}
.single-wrapper-left .swiper-button-next,.single-wrapper-left  .swiper-button-prev{bottom:30px;}
.banner-list{height:220px;}
/**ÄÚÒ³**/
.item-pro-pic{height:200px;}
.item-pro-pic img{max-height:80%;max-width:80%;}
.item-pro-txt{height:50px;line-height:50px;}
.item-pro-txt a{font-size:15px;}
.catalog a{font-size:14px;}
.inside-main .inside-left { width: 100%;}
.inside-main .inside-left .menu-tit .h4 { font-size: 14px; text-transform: uppercase;width:100%;float:left;opacity:0.6;margin-top:5px; }
.inside-main .inside-left .menu-tit .h3 {font-size: 22px;width:100%;float:left; }
.inside-main .inside-left .inside-menu {padding-left:0px;text-align:center;}
.inside-main .inside-left .inside-menu a{width:25%;font-size: 14px;line-height:35px;}
.inside-main .inside-right { float: left; width:100%;padding-top:20px;  }
}

@media (max-width: 576px) {
    .header .container .logo {
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left:10px;
}
    .home-banner{margin-top:0px;}
.home-main{margin-top:10px;}
.home-about{padding-top:0px;padding-bottom:0px;}
.home-about-left,.home-about-pic{width:100%;}
.home-about-pic{margin-top:20px;padding-bottom:20px;}
.item-news{width:100%;margin-right:0px;}
.title{font-size:20px;}
.homecontact{background-size:auto 100%;padding-top:20px;padding-bottom:20px;}
.home-news-con-pic,.homecontact form{width:100%;}
.homecontact form input{width:calc(50% - 5px);margin-right:10px;}
.homecontact form input:nth-child(3n){margin-right:10px;}
.homecontact form input:nth-child(2n){margin-right:0px;}
.homecontact form input:nth-last-child(2){width:100% !important;}
.focus{width:100%;text-align:center;}
.yqlj{padding-top:20px;padding-bottom:20px;}
.yqlj span{font-size:18px;margin-bottom:20px;}
.copyright{line-height:1.8em;padding-top:10px;padding-bottom:10px;}
.yqlj a{font-size:13px;}
.home-news-con-txt{width:100%;float:left;margin-top:20px;}
.detail-title{font-size:15px;}
.detail-con-con p{font-size:13px;}

.location{font-size:14px;margin-top:10px;padding-bottom:10px;}
.catalog a{height:40px;padding-left:10px;padding-right:10px;line-height:40px;font-size:14px;margin-right:10px;}

.item-pro{width:calc(50% - 5px);margin-right:10px;}
.item-pro:nth-child(3n){margin-right:10px;}
.item-pro:nth-child(2n){margin-right:0px;}
.item-pro-pic{height:180px;}
.list-news .item .pic{width:100%;}
.item-news-txt{width:100%;float:left;margin-top:20px;}

.contact-l{width:100%;}
.contact-r{width:76%;float:left;margin-top:20px;}

}

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