html,
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrap {
    width: 100%;
    height: 100%;
}
.fp-controlArrow.fp-next{display: none !important;}
.fp-controlArrow.fp-prev{display: none !important;}

.hide{
    display: none;
}
.myDelay_0.5{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.fp-slidesContainer {
    transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
 
/* 优化滑动容器 */
.fp-slides {
    overflow: hidden;
    touch-action: none; /* 防止触摸滚动冲突 */
}
.page1 {
    background: url("https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/shouyeBg.jpg") no-repeat left center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}
.page1-fanti {
    background: url("https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/fanti/shouyeBg.jpg") no-repeat left center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}
.page1-1 {
    width: 35.067vw;
    position: absolute;
    top: 1vw;
    left: 50%;
    margin-left: -31.6vw;
}
.page1-2 {
    width: 43.6vw;
    position: absolute;
    top: 5vw;
    left: 50%;
    margin-left: -21.8vw;
    --animate-duration: 2s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.page1-3 {
    width: 12vw;
    position: absolute;
    top: 29.5vw;
    left: 50%;
    margin-left: -45.2vw;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.page1-4 {
    width: 11vw;
    position: absolute;
    top: 34.5vw;
    left: 50%;
    margin-left: -42vw;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.page1-5 {
    width: 12vw;
    position: absolute;
    top: 24.8vw;
    left: 50%;
    margin-left: -20.2vw;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.page1-6 {
    width: 30%;
    position: absolute;
    bottom: 1vh;
    left: 50%;
    margin-left: -14vw;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.page1-6-fanti {
    width: 31%;
}
.page1-7 {
    width: 14vw;
    position: absolute;
    top: 29.5vw;
    left: 50%;
    margin-left: 31.5vw;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.page1-8 {
    width: 12vw;
    position: absolute;
    top: 34.5vw;
    left: 50%;
    margin-left: 31.5vw;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}


.page2 {
    background: url("https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/zongxu.jpg") no-repeat left center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}

.page2-1 {
    width: 12vw;
    position: absolute;
    top: 23.8vw;
    left: 50%;
    margin-left: -49vw;
}
.page2-2 {
    width: 11vw;
    position: absolute;
    top: 28vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page2-3 {
    width: 14vw;
    position: absolute;
    top: 33vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page2-4 {
    width: 12vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page2-5 {
    width: 10vw;
    position: absolute;
    top: 15vw;
    left: 50%;
    margin-left: -29.2vw;
}
.page2-6 {
    width: 42vw;
    position: absolute;
    top: 6.5vw;
    left: 50%;
    margin-left: -14.5vw;
    opacity: 0;
}
.longsummaryBg {
    width: 42vw;
    position: absolute;
    top: 6.5vw;
    left: 50%;
    margin-left: -14.5vw;
    background: url('https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/page2.png') center top no-repeat;
    background-size: 100% auto;
    height: 0;
}
.longsummaryBg-fanti {
    background-image: url(https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/fanti/page2.png);
    background-position-x: center;
    background-position-y: top;
    background-size: 100%;
    background-repeat: no-repeat;
}

.page3 {
    background: url("https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/wenhuazhan.jpg") no-repeat left center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}

.page3-1 {
    width: 9vw;
    position: absolute;
    top: 23.8vw;
    left: 50%;
    margin-left: -45.7vw;
}
.page3-2 {
    width: 13.8vw;
    position: absolute;
    top: 28vw;
    left: 50%;
    margin-left: -48.9vw;
}
.page3-3 {
    width: 14vw;
    position: absolute;
    top: 33vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page3-4 {
    width: 12vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page3-5 {
    width: 40vw;
    position: absolute;
    top: 4vw;
    left: 50%;
    margin-left: -30vw;
    --animate-duration: 1s;
}
.page3-6 {
    width: 42vw;
    position: absolute;
    top: 5.5vw;
    left: 50%;
    margin-left: -14.5vw;
}
.page3-7 {
    width: 42vw;
    position: absolute;
    top: 5.5vw;
    left: 50%;
    margin-left: -14.5vw;
}
.page3 .slide-box {
    width: 70vw;
    height: 28vw;
    position: absolute;
    top: 18vw;
    left: 50%;
    margin-left: -27vw;
    z-index: 111;
}
.page3 .slide-item .bd li {
    width: 20vw;
    height: 100%;
    margin: 0 0.2vw;
    list-style: none;
}
.slide-item .bd li .img-bg {
    width: 20vw;
    height: 28vw;
    padding: 0.533vw 0.2vw 0.133vw 0.267vw;
    box-sizing: border-box;
}
.slide-item .bd li .img-bg img {
    width: 100%;
    height: 100%;
}
.page3 .slide-item .bd li p {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    line-height: 2;
    color: rgb(181, 61, 34);
}
.prev, .next {
    position: absolute;
    width: 1.5vw;
    left: 50%;
    top: 13vw;

}
.prev {
    left: -2vw;
    rotate: 180deg;
}
.next {
    margin-left: 30vw;
}


.page4 {
    background: url("https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/yishuzhan.jpg") no-repeat left center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}

.page4-1 {
    width: 9vw;
    position: absolute;
    top: 23.8vw;
    left: 50%;
    margin-left: -45.7vw;
}
.page4-2 {
    width: 11vw;
    position: absolute;
    top: 28vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page4-3 {
    width: 17vw;
    position: absolute;
    top: 33vw;
    left: 50%;
    margin-left: -49vw;
}
.page4-4 {
    width: 12vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page4-5 {
    width: 51vw;
    position: absolute;
    top: 4vw;
    left: 50%;
    margin-left: -31vw;
    --animate-duration: 1s;
}
.page4 .slide-box {
    width: 77%;
    height: 23vw;
    position: absolute;
    top: 19vw;
    left: 50%;
    margin-left: -28vw;
    z-index: 111;
}
.page4 .slide-item .bd li {
    width: 100%;
    height: 100%;
    list-style: none;
}
.slide-item .bd li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .item {
    width: 100%;
    height: 14vw;
    padding: 0.533vw 0.2vw 0.133vw 0.267vw;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
 
.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); 
    z-index: 2; 
}
 

.pic_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; 
    transition: opacity 0.3s; 
    z-index: 3; 
}
 

.pic_info p {
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 15px;
    background: rgba(0,0,0,0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 
.left, .right {
    position: absolute;
    width: 1.5vw;
    left: 50%;
    top: 14vw;

}
.left {
    left: -2vw;
    rotate: 180deg;
}
.right {
    margin-left: 36vw;
}

.item:hover .overlay,
.item:hover .pic_info {
    display: block;
    opacity: 1;
}
.yishu_wall{
    display: flex;
    align-items: center;
    width: 100%;
}
/* .yishu_part{
    width: 34%;
}
.yishu_part2{
    width: 29%;
} */
.yishu_item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 24vw;
}

.yishu_part{
    height: 26vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slide_item1{
    width: 100%;
    height: 13vw;
    padding: 0.3vw;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
.slide_item2{
    width: 100%;
    height: 10vw;
    padding: 0.3vw;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
.slide_item1,
.slide_item2,
.slide_item3 {
    position: relative;
}
 
.image-title {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 4px;
    z-index: 10;
    max-width: 90%;
    text-align: right;
    pointer-events: none;
}
 
.slide_item2 .image-title {
    font-size: 12px;
    bottom: 4px;
    right: 4px;
}
 
.slide_item3 .image-title {
    font-size: 16px;
    bottom: 9px;
    right: 12px;
}
.yishu_verticalItem{
    width: 18.5vw;
    overflow: hidden;
}
.slide_item3{
    width: 100%;
    padding: 0.3vw;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}

.page5 {
    background: url("https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/kejizhan.jpg") no-repeat left center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}

.page5 {
    background: url("https://c3plus.dahe.cn/file/49/lbqdjgw/img/pc/kejizhan.jpg") no-repeat left center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}

.page5-1 {
    width: 9vw;
    position: absolute;
    top: 23.8vw;
    left: 50%;
    margin-left: -45.7vw;
}
.page5-2 {
    width: 11vw;
    position: absolute;
    top: 28vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page5-3 {
    width: 14vw;
    position: absolute;
    top: 33vw;
    left: 50%;
    margin-left: -45.8vw;
}
.page5-4 {
    width: 16vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    margin-left: -49vw;
}
.page5-5 {
    width: 58vw;
    position: absolute;
    top: 4vw;
    left: 50%;
    margin-left: -30.5vw;
    --animate-duration: 1s;
}
.keji_wall{
    width: 48vw;
    height: 26.2vw;
    position: absolute;
    top: 20vw;
    left: 50%;
    margin-left: -23vw;
    z-index: 111;
}
.keji_wall img{
    width: 100%;
    height: 26.2vw;
    object-fit: cover;
}
.keji_wallitem {
    width: 100%;
    height: 26.7vw;
    padding: 0.533vw 0.2vw 0.133vw 0.267vw;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
.keji_wallitem:hover .overlay,
.keji_wallitem:hover .pic_info {
    display: block;
    opacity: 1;
}