@CHARSET "UTF-8";

@media (min-width: 979px) {
   .navbar-default .navbar-collapse::after,.navbar-default .navbar-collapse::before{display: none;}
.navbar-default .navbar-collapse{display: flex!important;align-items: center;justify-content: space-between;}
.top-mail{display: inline-block;float: right;color: #fff; font-size: 1.5rem;}
.top-mail a{color: #fff;}
.top-mail .icon-youxiang{font-size: 1.5rem;margin-right: 8px;}
.mible-top-mail{display: none;color: #fff;}
}

@media (max-width: 1239px) { .top{min-height: 70px;}}
@media (max-width: 768px) {
    .top-mail{display: none;}
    .navbar {
        min-height: 40px;
    }
    .navbar-header:after, .navbar-header:before{display: none;}
.mible-top-mail{display: inline-block;color: #fff;}
.mible-top-mail .icon-youxiang{margin-right: 8px;}
.mible-top-mail a{color: #fff;}
    .moble-nav-box {
        position: absolute;
        width: 100%;
        z-index: 999999;
        background-color: #87212e;
    }

    .navbar-toggle {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .top {
        position: relative;
    }

    .navbar-form {
        position: absolute;
        top: 110px;
        left: 0;
        left: 15px;
        background-color: white;
        display: none;
        z-index: 999999;
        padding-bottom: 30px;
    }

    .so-box {
        margin: auto;
    }

    .navbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .navbar-header button,
    .navbar-header .tool {

        border: none;
    }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    margin-top: 38px;
}
    .navbar-header .tool {
        text-align: right;

        color: white;
    }

    .tool-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 36px;
        float: right;
    }

    .pc-lang-toggle {
        display: none;
    }

    .lang-list {
        max-width: 480px;
        width: 80vw;
    }

    .tool {
        display: block;
    }

    .so-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        font-size: 20px;
    }

    .so-top .icon-chevronupshangjiantou {
        font-size: 20px;
        cursor: pointer;
    }

    .so-box {
        width: 100%;
        padding: 0 15px;
    }

    .so-bnt {
        right: 15px;
    }

    .so-top {
        width: 100%;
        display: block;
    }

    .nav-1 {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
    }

    .nav-1 .icon-chevron-down {
        display: block;
    }

    .dropdown-nav {
        display: none;
        padding: 10px 0;
    }

    .nav-bottom>li {
        margin-bottom: 0px;
        border-bottom: #fff 1px solid;
    }
    .footer-guestbook{padding: 25px 15px; border: none!important;}
    .dropdown-toggle{display: flex!important;align-items: center; justify-content: space-between;}
    .navbar-default .icon-chevron-down{font-size: 16px;margin-left: 6px;}
    .dropdown-menu{z-index: 9999999999999;}
    .dropdown-menu a{color: #fff;padding: 5px 0!important;display: inline-block;}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100vh;}
    .nav-children-2{padding-left: 15px;}
    .banner-text {position: static;width: 100%;height: 100%;}
    .banner-box::after
 {

    height: 0%;
    width: 0%;
    content: "";

}
.swiper-slide{height: 100%;}
.swiper-container, .swiper-slide{background: linear-gradient(180deg, #333333 200px, #121212 100%);background: linear-gradient(180deg, #333333 200px, #121212 100%);}
.banner-text-box h2 {
    color: #fff !important;
    fill: #fff !important;
    font-size: 2rem;
    margin-bottom: 3rem;
}
.banner-text-box{padding-bottom: 30px;}
.banner-box{min-height: 172px;}
.swiper-button-next, .swiper-button-prev {top:82px}
.index-dz-pro-text {
    padding-bottom: 40px;
}
.index-dz-pro-box {
    position: relative;
    margin-top: 25px;
}
.index-bottom .col-md-3{margin-bottom: 15px;}
.banner-text{min-height: 263px;}


}





@media (max-width: 479px) {}

@media (min-width: 480px) and (max-width: 767px) {}