@charset "UTF-8";
/*************同步自测 start*************/
body,.mui-content{ background:#f4f4f4;}
.swiper-container{
    position:fixed;
    z-index:99;
    top:80px;
    width:100%;
    height:180px;
    background:#fff;
    padding:20px 0;
    margin:0 auto;
    overflow:hidden;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width:10%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width:80%;
    height: 100%;
    position: relative;
    padding: 0;
}
.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: scale(0.8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -webkit-transform: scale(0.8);
}
.swiper-slide-active, .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index:999;
}
.swiper-slide img {
    display:block;
    height:100%;
    border-radius:5px;
}
.banner-arrow div:hover {
    background-color: #4a4a4a;
}
@media(max-width:375px){
    .mui-bar .mui-title{ font-size:1.5rem;}
    .swiper-container{ height:165px;}
}
@media(max-width:335px){
    .swiper-container{ height:148px;}
}

.section_nr .section{
    display:none;
}
.section.active{
    display:block;
}


















/*************同步自测 end*************/