@media (max-width: 1400px) {
    .container {
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .navbar ul li{padding-left:20px;padding-right:20px;}
    .home-about-left{width:56%;}
    .home-about-pic{width:43%;height:auto;text-align:right;}
.home-about-pic .pagination{top:250px !important;}
.home-about-left p {font-size: 14px;line-height: 25px;margin-top: 15px;}
.home-about-left a.more{margin-top:15px;}
.home-about-pic{margin-top:60px;}
.item-news{width:calc(33.3% - 20px);margin-right:30px;}
footer{padding-top:35px;margin-top:15px;}
.copyright{font-size:14px;}
.single-wrapper-left .mySwiper .swiper-slide {height: 100px;}
.single-wrapper-left .swiper-button-next,.single-wrapper-left  .swiper-button-prev{bottom:40px;}
.banner-list{height:300px;}
.newpro .container{width:92%;padding-left:2%;padding-right:2%;position:relative;}
.navbar ul li{padding-left:15px;padding-right:15px;}
.header .navbar li:nth-last-child(1) .sub-nav { left: -25px;width: 120px; }
.navbar ul li a{font-size:18px;color:#000;padding-bottom:10px;}

.banner-list{height:400px;}
}
@media (max-width: 1024px) {
    .home-about-left{width:49%;float:left;}
    .home-about-pic{width:45%;height:auto;}
    .home-about {padding-top: 30px;padding-bottom: 20px;}
    .title-pro span{font-size:26px;}
    .banner-list{height: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: #0b63de;
        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: #0b63de;
        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;}
    .home-about-pic{width:49%;height:260px;}
.home-about-pic .pagination{top:250px !important;}
.home-about-left p {font-size: 14px;line-height: 25px;margin-top: 15px;}
.home-about-left a.more{margin-top:15px;}
.home-about-pic{margin-top:60px;}
.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;}
.footnavi{width:30%;}
.footlxfs{width:50%;}
.footlxfs ul li span{font-size:13px;}
.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;}
/**ÄÚÒ³**/
.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;  }

.item-list-pro-pic {
    height: 200px;
}
.item-list-pro-pic img{max-width:90%;max-height:80%;}
}

@media (max-width: 576px) {

.banner .swiper .swiper-slide{width:100%;height:120px;}
.home-main{margin-top:10px;}
.js-title{font-size:18px;line-height:20px;margin-bottom:10px;}
    .jieshao span.title{font-size:14px;margin-top:10px;}
    .samples{margin-top:20px;}
    .s-search {width:100%;}
.s-con{margin-top:20px;}
.item-catalog{width:calc(50% - 2.5px);margin-right:5px;height:60px;}
.item-catalog:nth-child(2n){margin-right:0px;}
.s-con-pro{margin-top:20px;}
.item-pro{width:calc(50% - 2.5px);margin-right:5px;margin-bottom:15px;}
.item-pro:nth-child(2n){margin-right:0px;}
.index-blog{width:100%;margin-bottom:20px;}
.index-blog-con{margin-top:0px;}
.home-about{padding-top:20px;padding-bottom:20px;}
.home-about-left,.home-about-pic{width:100%;}
.home-about-pic{margin-top:20px;text-align:center;}
.home-about-pic img{max-width:100%;}
.title-pro span {font-size: 20px;}
.title-pro {font-size: 20px;}
.home-about-left a.more{font-size:14px;width:120px;height:40px;line-height:40px;}
.newpro{margin-top:25px;padding-top:25px;}
.home-news{margin-top:25px;padding-top:0px;}
.con-newpro .item-newpro {
    margin-right: 20px;
    width: calc(50% - 10px);
    margin-bottom: 10px;
}
.con-newpro .item-newpro:nth-child(3n){margin-right:20px;}
.con-newpro .item-newpro:nth-child(2n){margin-right:0px;}
.con-newpro, .con-pro {margin-top:20px;}
.con-newpro .item-newpro:nth-last-child(1){display:none;}
.con-newpro .item-newpro .item-np-title a{height:35px;line-height:35px;font-size:13px;}
.title-newpro span {font-size: 20px;}
.title-newpro {font-size: 14px;line-height:25px;}
.item-pro-pic{width:100%;text-align:center;}
.con-newpro .swiper-slide{padding:10px;}
.item-pro-desc{width:100%;float:left;line-height:25px;font-size:13px;margin-top:20px;}
.con-newpro .swiper-button-prev,.con-newpro .swiper-container-rtl .swiper-button-next {left: 20px;top:60%;}
.con-newpro .swiper-button-next {right:20px !important;top:60%;}
.item-pro-desc a.more{font-size:14px;width:120px;height:40px;line-height:40px;}

.item-hyyy{width:calc(50% - 10px);margin-right:20px;margin-bottom:10px;}
.item-hyyy:nth-child(2n){margin-right:0px;}
.item-hyyy:nth-last-child(1){margin-right:0px;}
.item-hyyy-txt{height:40px;line-height:40px;}
.item-hyyy-txt a{font-size:14px;}
.more-news a{font-size:14px;width:120px;height:40px;line-height:40px;margin-top:25px;margin-bottom:25px;}

.item-news{width:100%;margin-right:0px;}

footer{padding-top:35px;margin-top:15px;}
.footnavi{width:100%;}
.foot-navi-con{padding-top:20px;}
.foot-navi-con a{margin-right:30px;margin-bottom:15px;}
.footlxfs{float:left;width:100%;}
.footlxfs ul li span{font-size:12px;}
.copyright{font-size:12px;line-height:20px;}
.wecode{margin-left:calc(50% - 60px);}
.banner-list{height:160px;}
.banner-list .title{font-size:14px;text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.banner-list .title span{font-size:20px;}
.item-list-pro{width:calc(50% - 5px);margin-bottom:10px;margin-right:10px;}
.item-list-pro:nth-child(2n){margin-right:0px;}
.item-list-pro-title a{font-size:16px;}
.item-list-pro-desc{font-size:13px;line-height:22px;height:46px;}


.single-wrapper-left{width:100%;margin-top:50px;}
.single-wrapper-right{width:100%;float:left;padding-left:0px;margin-top:20px;}
.inside-main .inside-left .inside-menu a{width:50%;font-size: 14px;line-height:35px;}
.inside-main .inside-right .item-newpro{margin-right:20px;width:calc(50% - 10px);margin-bottom:20px;}
.inside-main .inside-right .item-newpro:nth-child(3n){margin-right:20px;}
.inside-main .inside-right .item-newpro:nth-child(2n){margin-right:0px;}
.inside-main .inside-right .item-newpro .item-np-title a{height:35px;line-height:35px;font-size:13px;}
.detail-title{font-size:15px;}
.detail-con-con p{font-size:13px;}


}

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