.photoWhall___3bskK {
    margin-top: 80px;
    margin-bottom: 120px
}

.photoWhall___3bskK .container___2NU83 {
    width: 1128px;
    margin: 0 auto
}

.photoWhall___3bskK .title___3dfhD {
    margin-bottom: 48px
}

.photoWhall___3bskK .content___2MR4j {
    position: relative;
    width: 100%;
    height: 736px;
    color: #fff
}

.photoWhall___3bskK .photoBox___2qGyZ {
    position: absolute;
    font-weight: 500;
    line-height: 28px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

/* .photoWhall___3bskK .photoBox___2qGyZ h3 {
    font-size: 20px
} */

.photoWhall___3bskK .photoBox___2qGyZ .description___2QOao {
    display: -webkit-box;
    margin-top: 12px;
    overflow: hidden;
    color: hsla(0, 0%, 100%, .85);
    font-size: 16px;
    line-height: 26px;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.photoWhall___3bskK .photoBox___2qGyZ:first-child {
    top: 0;
    left: 35px;
    width: 360px;
    height: 470px
}

.photoWhall___3bskK .photoBox___2qGyZ:first-child .description___2QOao {
    -webkit-line-clamp: 14
}

.photoWhall___3bskK .photoBox___2qGyZ:nth-child(2) {
    top: 0;
    right: 35px;
    width: 744px;
    height: 246px
}

.photoWhall___3bskK .photoBox___2qGyZ:nth-child(3) {
    top: 270px;
    left: 419px;
    width: 360px;
    height: 200px
}

.photoWhall___3bskK .photoBox___2qGyZ:nth-child(3) .description___2QOao {
    -webkit-line-clamp: 4
}

.photoWhall___3bskK .photoBox___2qGyZ:nth-child(4) {
    right: 35px;
    bottom: 0;
    width: 360px;
    height: 470px
}

.photoWhall___3bskK .photoBox___2qGyZ:nth-child(4) .description___2QOao {
    -webkit-line-clamp: 14
}

.photoWhall___3bskK .photoBox___2qGyZ:nth-child(5) {
    bottom: 0;
    left: 35px;
    width: 744px;
    height: 242px
}

.photoWhall___3bskK .photoBox___2qGyZ .defaultMask___6IZiN {
    position: absolute;
    /* top: -20px; */
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: rgba(0, 16, 71, .3);
    opacity: 1;
    transition: opacity .3s
}

.photoWhall___3bskK .photoBox___2qGyZ .mask___1PBq0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: rgba(31, 77, 230, .9);
    opacity: 0;
    transition: opacity .3s
}

.photoWhall___3bskK .photoBox___2qGyZ:hover .mask___1PBq0 {
    opacity: 1
}

.photoWhall___3bskK .photoBox___2qGyZ:hover .defaultMask___6IZiN {
    opacity: 0
}

.photoWhall___3bskK .photoBox___2qGyZ .readMore___12bMr {
    position: absolute;
    top: 30px;
    right: 24px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.photoWhall___3bskK .photoBox___2qGyZ .readMore___12bMr .arrowIcon___2lmWq {
    transform: rotate(-90deg)
}

.photoWhall___3bskK .swiperItem___2xGY9 {
    position: relative;
    width: 100%;
    height: 300px;
    padding: 0 5px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(.95);
    transition: all .3s ease
}

.photoWhall___3bskK .swiperItem___2xGY9 .defaultMask___6IZiN {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: rgba(0, 16, 71, .3)
}

.photoWhall___3bskK .swiperItem___2xGY9 h3 {
    font-size: 18px
}

.photoWhall___3bskK .center .slick-center > div > div > div {
    transform: scale(1)
}

.photoWhall___3bskK .center___TyGxC {
    margin-right: -25px;
    margin-left: -25px
}

@media only screen and (max-width: 768px) {
    .photoWhall___3bskK {
        margin: 50px 0
    }

    .photoWhall___3bskK .container___2NU83 {
        width: 100%
    }

    .photoWhall___3bskK .title___3dfhD {
        margin-bottom: 30px;
        margin-left: 25px
    }
}