.top-bar {
    padding: 0 .3rem;
    width: 100%;
    height: 1.3333rem;
    background-color: #FAE7DC;
}

.logo {
    width: 5.3rem;
    height: .6rem;
}

.search_box {
    position: relative;
}

.search {
    width: 33.5vw;
    height: 0.667rem;
    border: none;
    border-radius: 0.3333rem;
    padding: .1rem .2rem;
    font-size: .3rem;
}

.search_icon {
    width: .32rem;
    height: .32rem;
    position: absolute;
    top: 50%;
    margin-top: -0.16rem;
    right: .2667rem;
}
.container-fluid {
    padding: 0 !important;
    width: 100%;
    height: 100%;
}
.container-fluid .navbar-header {
    margin: 0 !important;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
}
.data_swiper {
    color: #FFFFFF;
    width: 70%;
    height: 100%;
    margin: 0 .15rem;
    font-size: .28rem;
}
.data_swiper .swiper{
    height: 100%;
    overflow: hidden;
}

.data_swiper .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.banner-box {
    font-size: .2133rem;
    position: relative;
    width: 100%;

}
.swiper-button-next, .swiper-button-prev {
    color: rgba(255, 255, 255, 0.5) !important;
}

.navbar {
    z-index: 999;
    /*position: absolute !important;*/
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1.0667rem !important;
    margin-bottom: 0rem !important;
    border: 0px !important;
    min-height: 1.0667rem !important;
    background: rgba(255, 255, 255, 0.2);
}

.menu {
    width: .73rem;
    height: .63rem;
}

.menu_search_box {
    position: relative;
    width: 100%;
    padding: 0 .15rem;
}

.menu_search {
    padding: .0667rem .2rem;
    width: 100%;
    height: .8rem;
    border: #FAE7DC .0133rem solid;
    font-size: .2rem;
}

.menu_search_icon {
    width: .32rem;
    height: .32rem;
    position: absolute;
    top: 50%;
    margin-top: -0.16rem;
    right: .39rem;
}

input:focus {
    outline: none !important;
}

input{
    float: none !important;
}

.menu_line {
    border-bottom: #f76877 .01rem solid !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none !important;
}

.navbar-form {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-nav {
    margin: .1rem 0 !important;
}

.navbar-default .navbar-nav>li>a {
    font-size: .335rem !important;
    color: #fff !important;
    font-weight: bold !important;
}

.nav>li>a {
    padding-left: .2rem !important;
    padding-right: .2rem !important;
}

.navbar-form {
    border: none !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff !important;
    background-color: #b41928 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    margin: .1rem 0 !important;
    color: #fff !important;
    font-size: .28rem !important;
}

.dropdown-menu>li>a {
    padding: .05rem .15rem !important;
}

.dropdown-menu .divider {
    height: .01rem !important;
    margin: 0 .15rem !important;
    overflow: hidden !important;
    background-color: #f76877 !important;
}

.navbar-brand {
    height: auto !important;
    padding: .1rem .2rem !important;
}

.home {
    width: .7333rem !important;
    height: .64rem !important;
}
.navbar-toggle {
    margin: 0px!important;
    border: none !important;
    padding: .1rem .2rem !important;
    height: 100% !important;
}

.navbar-toggle:hover {
    background-color: #a30414 !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #a30414 !important;
}

.navbar-nav>li>.dropdown-menu {
background-color: rgb(235, 72, 85) !important;
}
.navbar-default .navbar-collapse {
position: relative !important;
z-index: 1000 !important;
background-color: rgb(235, 72, 85) !important;
padding-bottom: 2rem !important;
}
@media screen and (min-width:768px) {
.navbar-default .navbar-collapse {
    padding-bottom: 0rem !important;
}
}