@charset "utf-8";

/* CSS Document */
/* html {
    font-size: 16px;
} */

body {
    padding-top: 10%;
    margin: 0;
}

#culturalProtection {
    position: relative;
    top: 50%;
    transform: translateY(-63%);
    /* left: 50%; */
    width: 85vw;
    margin: 0 auto;
    /* overflow: hidden; */

}

.swiper {
    width: 100%;
    position: relative;
    padding-top: 1vh;
    overflow: hidden;
    display: flex;
}

#culturalProtection .swiper-wrapper {
    display: flex;
    height: 22vh;
    /* transform: translate3d(-840px, 0, 0); */
}

/* div#cultural-swiper-container1,
div#cultural-swiper-container3 {
    position: relative;
    left: 0;
} */

div#cultural-swiper-container2 {
    position: relative;
}

#culturalProtection .swiper-slide {
    /* width: 130px !important; */
    flex: 0 0 12vw;
    background: #c9a063;
    padding: 0.5vw;
    height: 100%;
    margin-right: 1vw;
}

#culturalProtection .swiper-slide img {
    display: block;
    width: 13vw;
    height: 100%;
    /* 图片自适应不变形 */
    object-fit: cover;
}

#culturalProtection .swiper-slide .swiper-slide-text {
    color: #fff;
    padding: 5% 0 5% 5%;
}

#culturalProtection .swiper-slide .swiper-slide-text p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    /*溢出内容隐藏*/
    text-overflow: ellipsis;
    /*文本溢出部分用省略号表示*/
    display: -webkit-box;
    /*特别显示模式*/
    -webkit-line-clamp: 2;
    /*行数*/
    line-clamp: 2;
    -webkit-box-orient: vertical;
    /*盒子中内容竖直排列*/
    font-size: 0.8rem;
}

.nav-title-container {
    height: 100%;
    position: absolute;
    top: 50%;
    left: -4%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    z-index: -1;
}

.culturalProtection-nav-title {
    width: 1.5rem;
    font-size: 1rem;
    color: #c9a063;
    left: -6vw !important;
    top: 7vh !important;
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

.swiper-wrapper {
    transition-timing-function: linear !important;
}

/* 轮播图阴影 */
.culturalProtection-left {
    position: absolute;
    top: 0;
    left: -5%;
    height: 100%;
}

.culturalProtection-left::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    bottom: -25%;
    transform: translate(0, -15%) rotate(-1deg);
    transform-origin: center center;
    box-shadow: 57px 86px 57px 33px rgb(59 32 14);
    z-index: 99;
}

.culturalProtection-right {
    position: absolute;
    top: 0;
    right: -5%;
    height: 100%;
}

.culturalProtection-right::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    bottom: -25%;
    /* border-radius: 10px; */
    /* background: hsl(48, 100%, 20%); */
    transform: translate(0, -15%) rotate(-1deg);
    transform-origin: center center;
    box-shadow: -65px 26px 100px 65px rgb(14 7 3);
    z-index: 99;
}

/* 鼠标经过放大效果 */
#culturalProtection .swiper-slide img:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    overflow: hidden;
}

#culturalProtection .swiper-slide-cover {
    overflow: hidden;
    width: 100%;
    height: 70%;
    background-image: url(../img/loading-1.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/* 左侧标题  全国文保  省级文保 */
.culturalProtection-up,
.culturalProtection-middle,
.culturalProtection-down {
    position: relative;
    top: 0;
}

.culturalProtection-up .icon,
.culturalProtection-middle .icon,
.culturalProtection-down .icon {
    position: absolute;
    cursor: pointer;
}

.culturalProtection-up img.left,
.culturalProtection-up img.right,
.culturalProtection-middle img.left,
.culturalProtection-middle img.right,
.culturalProtection-down img.left,
.culturalProtection-down img.right {
    width: 1.3rem;
    z-index: 999;
}

.culturalProtection-up img.left,
.culturalProtection-middle img.left,
.culturalProtection-down img.left {
    right: -3.3vw;
    top: 9.5vh;
}

.culturalProtection-up img.right,
.culturalProtection-middle img.right,
.culturalProtection-down img.right {
    left: -3.3vw;
    top: 9.5vh;
}

/* 中间一行反向 */
/* .culturalProtection-middle {
    transform: rotateY(180deg);
}

.culturalProtection-middle .swiper-slide {
    transform: rotateY(-180deg);
} */