@media (max-width: 1200px) {


}

@media (max-width: 992px) {
    .container{width:100%;margin:0 auto;}
    .home-navi{width:100%;float:left;padding-left:0px;padding-right:0px;margin-top:56px;}
    .home-banner .swiper-slide{position:relative;}
    .home-banner .swiper-container{padding-left:1%;padding-right:1%;}
.home-banner .swiper-slide .slide-inner{height:50px;width:100%;float:left;position:absolute;bottom:0px;left:0px;background:url(../images/banner-title-bg.png) repeat-x bottom center;color:#fff;text-align:right;line-height:60px;padding-right:20px;font-size:14px;}
.slide-inner span{padding-top:10px;margin-left:10px;}
    .navbtn {
        order: 2;
        display: block;
        z-index: 990;
        padding: 0px 5px;
        border-radius: 4px;
        background-color: #333;
        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:10px;
        position:absolute;
    }

    .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
    }

    .navbtn.navclose {
        position: fixed;
    }

    .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)
    }

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

    .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)
    }

    .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
    }

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

    

    .home-navi {
        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: #333;
        transition: left,0.5s;
        -o-transition: left,0.5s;
        -moz-transition: left,0.5s;
        -webkit-transition: left,0.5s;
        padding-top:100px;
    }

    .home-navi.nav-show {
        left: 0
    }

    .home-navi a {
    min-width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 16px;
    color: #fff;
}

    header .container,.container-list{width:100%;padding-left:1%;padding-right:1%;}
.logo-list{width:100%;margin-top:0px;}
.zuopin{margin-top:20px;}
.item-zuopin{width:100%;margin-bottom:20px;}
.item-zuopin-title{width:calc(100% - 100px);padding-left:10px;margin-top:0px;}
.item-zuopin-title a{font-size:14px;}
.item-zuopin-title-en{width:calc(100% - 100px);padding-left:10px;}
.item-zuopin-line{width:calc(100% - 120px);margin-left:10px;}
.detail-left{width:100%;padding:0%;text-indent:2em;margin-top:20px;margin-bottom:20px;}
.detail-right{width:100%;float:left;padding:0%;}
.about-detail-pic{width:100%;margin-top:20px;}
.about-detail-txt{width:100%;float:left;margin-top:20px;}

.news{margin-top:20px;}
.item-news{width:100%;margin-bottom:20px;padding:0px;}
.item-news-title{width:100%;margin-top:0px;}
.item-news-title a{font-size:14px;}
.item-news-title-en{width:100%;}
.item-news-line{width:100%;margin-left:0px;}

.home-banner .swiper-slide{height:400px;}
.zuopin-detail .swiper-slide{height:400px;}

.item-news-time{width:100%;}
.item-news-right{width:100%;padding-left:0px;}
.item-news-rights{width:100%;padding-left:0px;}


}

@media (max-width: 576px) {
    .home-banner .swiper-slide{height:200px;}
    .zuopin-detail .swiper-slide{height:200px;}
    .detail-tong {
    padding: 1%;
    margin-left: 0px;
}
    .detail-left {
    width:100%;
    padding: 1%;
    margin-left: 0px;
    text-indent: 0em;
}
}

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