.scenery-box[data-v-79bf86f8] {
    background-image: url(/static/img/image54.24669026.png);
    height: 837px;
    width: 100%;
    overflow: hidden
}

.scenery-box .scenery-body-box[data-v-79bf86f8] {
    width: 1400px;
    height: 797px;
    margin: auto;
    margin-top: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.scenery-box .scenery-body-box .scenery-left[data-v-79bf86f8] {
    width: 280px;
    height: 100%
}

.scenery-box .scenery-body-box .scenery-left .title[data-v-79bf86f8] {
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background-color: #01559e;
    font-size: 24px;
    color: #fff
}

.scenery-box .scenery-body-box .scenery-left .menu-list[data-v-79bf86f8] {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #303133;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer
}

.scenery-box .scenery-body-box .scenery-left .active[data-v-79bf86f8] {
    color: #01559e;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(1,85,158,.06)),to(rgba(1,85,158,.06))),#fff;
    background: linear-gradient(0deg,rgba(1,85,158,.06),rgba(1,85,158,.06)),#fff
}

.scenery-box .scenery-body-box .scenery-right[data-v-79bf86f8] {
    width: 1100px;
    height: 100%;
    background-color: #fff;
    padding: 30px
}

.scenery-box .scenery-body-box .scenery-right .scenery-navigation[data-v-79bf86f8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px
}

.scenery-box .scenery-body-box .scenery-right .scenery-navigation .navigation_left[data-v-79bf86f8] {
    font-family: OPPOSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .02em
}

.scenery-box .scenery-body-box .scenery-right .scenery-navigation .navigation_right[data-v-79bf86f8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #909399;
    font-size: 12px;
    line-height: 26px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scenery-box .scenery-body-box .scenery-right .scenery-max-img[data-v-79bf86f8] {
    width: 980px;
    height: 550px
}

.scenery-box .scenery-body-box .scenery-right .scenery-max-img img[data-v-79bf86f8] {
    width: 100%;
    max-height: 100%
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box[data-v-79bf86f8] {
    width: 980px;
    height: 100px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .scenery-min-click[data-v-79bf86f8] {
    width: 32px;
    height: 100px;
    background: #fff;
    border: 1px solid #e0e3eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    top: 0;
    opacity: 1;
    pointer-events: all!important
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .scenery-min-click i[data-v-79bf86f8] {
    font-size: 25px;
    font-weight: 700
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .swiper-button-prev[data-v-79bf86f8] {
    left: 0
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .swiper-button-next[data-v-79bf86f8] {
    right: 0;
    background: #01559e;
    border: 1px solid #01559e;
    color: #fff
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .scenery-min-item[data-v-79bf86f8] {
    width: 100px;
    height: 96px;
    border: 1px solid #e0e3eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    cursor: pointer
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .scenery-min-item img[data-v-79bf86f8] {
    width: 100%
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .scenery-min-item[data-v-79bf86f8]:first-child {
    margin-left: 0
}

.scenery-box .scenery-body-box .scenery-right .scenery-min-img-box .scenery-active[data-v-79bf86f8] {
    border: 2px solid #01559e
}