@media (max-width: 767px) {
    .loading img {
        width: 100%;
    }
    .logo img {
        width: 100%;
    }
    .nav-btn-wrap {
        padding: 6% 5.5% 0 0;
    }
    .nav-btn-wrap .about {
        font: bold 16px/35px Microsoft YaHei;
        margin-right: 5px;
    }
    .nav-btn-wrap .nav-btn-show {
        width: 35px;
        height: 35px;
        background: url("../images/nav-btn01-sm.png") center no-repeat;
    }
    .banner-btn a {
        font: bold 18px/24px SimHei;
        width: 78px;
    }
    .banner-btn a i {
        width: 70px;
        height: 70px;
        background: url("../images/bnt01-sm.png") center no-repeat;
    }
    .banner-btn .nav-btn02 i {
        background: url("../images/btn02-sm.png") center no-repeat;
    }
    .banner-btn .nav-btn03 i {
        background: url("../images/btn03-sm.png") center no-repeat;
    }
    .banner-word img {
        width: 80%;
    }
    .tit {
        font: bold 24px/24px SimHei;
    }
    .floor2 {
        background: #ffffff url(#);
    }
    .floor2-content {
        margin-bottom: 15%;
    }
    .floor3 {
        background: #1e304a url(#);
    }
    .floor3-left-content-wrap {
        margin-bottom: 30px;
    }
    .floor3-right-wrap .margin-bottom30-2 {
        margin-bottom: 30px;
    }
    .floor4 .tit {
        margin-top: 30px;
    }
    .swiper-container2 {
        margin: 30px 0;
    }
    .swiper-container2 .swiper-wrapper img {
        width: 100%;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible {
        width: 340px !important;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible img {
        width: 100%;
    }
    .footer-share {
        text-align: left;
    }
    .footer-left {
        margin-bottom: 30px;
    }
    .footer-bottom-right {
        text-align: left;
    }
    .gotop {
        width: 40px;
        height: 40px;
    }
    .photo img {
        height: 140px;
    }
}

@media (max-width: 413px) {
    .tit-bottom img {
        width: 100%;
    }
    .footer-bottom-right {
        text-align: left;
    }
    .footer-logo {
        width: 100%;
    }
}

@media (min-width: 321px) and (max-width: 413px) {
    .swiper-container2 .swiper-wrapper img {
        width: 100%;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible {
        width: 315px !important;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible img {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .swiper-container2 .swiper-wrapper {
        height: 202px !important;
    }
    .swiper-container2 .swiper-wrapper img {
        width: 100%;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible {
        width: 260px !important;
        height: 202px !important;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .loading img {
        width: 100%;
    }
    .banner-word img {
        width: 80%;
    }
    .floor2-content {
        top: 6%;
        margin-bottom: 10%;
    }
    .floor3-left-content-wrap {
        margin-bottom: 30px;
    }
    .swiper-container2 .swiper-wrapper img {
        width: 100%;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible {
        width: 340px !important;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible img {
        width: 100%;
    }
    .footer-left {
        margin-bottom: 30px;
    }
    .footer-bottom-link {
        padding: 0 20.6%;
    }
    .footer-bottom-right {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .swiper-container2 .swiper-wrapper {
        height: 270px;
    }
    .swiper-container2 .swiper-wrapper img {
        width: 100%;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible {
        width: 350px !important;
    }
    .swiper-container2 .swiper-slide.swiper-slide-visible img {
        width: 100%;
    }
    nav.navbar.navbar-default {
        margin-bottom: 50px;
    }
}

.margin-bottom30 {
    height: 361px;
}


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