* {
    margin: 0;
    padding: 0;
    list-style: none;
    onFocus: "blur(this)";
    outline: none;
    border: none;
    background: none;
    vertical-align: top;
    box-sizing: border-box
}

body {
    font-family: "微软雅黑";
    padding: 0;
    margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.needtr {
    overflow: hidden
}

a {
    text-decoration: none;
    color: #000
}

a:hover {
    color: #333;
    text-decoration: none
}

.clear:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block
}

.flex {
    display: flex
}

.aic {
    align-items: center
}

.jcc {
    justify-content: center
}

.jcs {
    justify-content: space-between
}

.jce {
    justify-content: space-evenly
}

.po_r {
    position: relative
}

.cur {
    cursor: pointer
}

section {
    width: 100%;
    z-index: 10;
    position: relative
}

#fullpage {
    position: relative;
    z-index: 2
}

.fp-slidesContainer {
    overflow: auto
}

*::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.block {
    display: block
}

.mainbg {
    background: #ecf0f5;
    height: 100%
}

.aCur {
    color: #fff;
    padding: 0 .05rem;
    background: #2c73ac;
    line-height: .23rem;
    font-size: .13rem;
    margin-top: .08rem
}

.cl:after,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cl,
.clearfix {
    zoom: 1
}

.wrap {
    width: 100%
}



/****视频页***/
.video-box {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 6;
}
.video-self {
  width: 100%;
  height: auto;
  min-height: 200px;
}
.jump-boxs {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 7;
}

@keyframes rippleanim {
    70% {
        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0)
    }
}

.idxvideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.playindex {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    cursor: pointer;
}

@keyframes sgrow {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}
.loadingindex {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.loadingindex img {
    width: 3.14rem;
    height: 1.01rem;
}

.playindex img {
    width: 1.01rem;
    height: 1.01rem;
}

.jump-video {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 0.30rem;
    cursor: pointer;
    padding: 0.1rem 0.4rem;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50px;
    border-color: rgb(216, 216, 216);
    border-style: solid;
    border-width: 1px;
    color: #555;
    display: none;
}

.jump-box {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    text-align: center;
}
.jump-box img {
    width: 3rem;
    height: 1.21rem;
}
.slideBox {
    width: 100%;
    height: 100vh;
    /* min-height: 960px; */
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.wrapper-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    overflow-y: hidden
}

.content {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    width: max-content;
    height: 100vh;
    font-size: 0;
    overflow: hidden;
}

.content::after {
    content: "";
    display: table;
    clear: both;
}

img.bg {
    display: block;
    height: calc(100vh - 0px);
}
#indexvideo {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-no-control::-webkit-media-controls {
    display: none !important;
}

.video-no-control::-webkit-media-controls-enclosure {
    display: none !important;
}

.video-no-control {
    pointer-events: none;
}

.start-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#indexvideo .start-loading .bg {
    width: 100%;
    height: 100vh;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
/* fourBox 全屏背景适配 */
#fourBox .content {
    width: 100%;
}

#fourBox .snf_page {
    width: 100%;
    display: block;
    float: none;
}

#fourBox .snf_page img.bg {
    width: 100%;
    height: 100vh;
}

#fourBox .wrapper-scroll {
    width: 100%;
    overflow-x: hidden;
}

/* fiveBox 全屏背景适配 */
#fiveBox .content {
    width: 100%;
}

#fiveBox .snf_page {
    width: 100%;
    display: block;
    float: none;
}

#fiveBox .snf_page img.bg {
    width: 100%;
    height: 100vh;
}

#fiveBox .wrapper-scroll {
    width: 100%;
    overflow-x: hidden;
}

/* sixBox 全屏背景适配 */
#sixBox .content {
    width: 100%;
}

#sixBox .snf_page {
    width: 100%;
    display: block;
    float: none;
}

#sixBox .snf_page img.bg {
    width: 100%;
    height: 100vh;
}

#sixBox .wrapper-scroll {
    width: 100%;
    overflow-x: hidden;
}
/* carousel居中显示 - 样式在后面统一定义 */
#carousel {
    display: flex;
    justify-content: center;
}

.nbodybg {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.snf_page {
    display: inline;
    height: 100vh;
    width: max-content;
    position: relative;
    overflow: visible;
    float: left
}


.wrapper-scroll::-webkit-scrollbar {
    height: 0px !important;
    width: 0px !important
}

.wrapper-scroll::-webkit-scrollbar-thumb:hover,
.content::-webkit-scrollbar-scrollbarbutton:hover {
    background-color: rgba(29, 34, 40, .8)
}

.wrapper-scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #999;
    border: .01rem solid #e0e0e0
}

.wrapper-scroll::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border: .01rem solid #efefef
}


.zwnr::-webkit-scrollbar,
.bd::-webkit-scrollbar {
    height: 5px !important;
    width: 5px !important
}

.zwnr::-webkit-scrollbar-thumb:hover,
.bd::-webkit-scrollbar-scrollbarbutton:hover,
.bd::-webkit-scrollbar-thumb:hover,
.zwnr::-webkit-scrollbar-scrollbarbutton:hover {
    background-color: rgba(29, 34, 40, .8)
}

.zwnr::-webkit-scrollbar-thumb,
.bd::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #999;
    border: .01rem solid #e0e0e0
}

.zwnr::-webkit-scrollbar-track,
.bd::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border: .01rem solid #efefef
}

/*******弹窗*****/
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    display: none;
    visibility: hidden;
    top: 5% !important;
    left: 10%;
    width: calc(80% - 0.8rem);
    background: #fff;
    position: fixed;
    z-index: 999999;
    padding: 0.4rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    height: 90%;
}

.reveal-modal .close-reveal-modal {
    cursor: pointer;
    display: block;
    height: .5rem;
    position: absolute;
    right: -0.6rem;
    top: 0
}

.reveal-modal .close-reveal-modal img {
    width: 0.5rem;
    height: 0.5rem
}

.ts {
    cursor: pointer;
    display: block;
    position: absolute;
    right: -0.4rem;
    top: 1rem;
    color: #fff;
    width: 0.2rem;
    font-size: 0.2rem
}


.am-btn {
    cursor: pointer
}

.am-collapse {
    background: rgb(0, 0, 0, 0.5);
    width: 1060px !important;
    display: none;
    padding: 1rem 0 0
}

.am-collapse li {
    width: 23%;
    float: left;
    margin: 0 1% 1rem;
    background: linear-gradient(to bottom, #decdb1, #c49b5a);
    border-radius: 5px
}

#Close_b {
    position: absolute;
    top: 118px;
    width: 100%;
    left: 0;
    padding-bottom: 50%;
    text-indent: -999px
}

.zwnr video,
.zwnr img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    display: block;
    margin: 0 auto 0.2rem
}

.zwnr1 video,
.zwnr1 img {
    max-width: 90%;
    max-height: 100%;
    height: auto;
    display: block;
    margin: 0 auto 0.2rem
}

.zwnr,
.zwnr1 {
    height: 100%;
    overflow-y: scroll;
    background: #fff;
    padding: 0 0.2rem
}

.zwnr p,
.zwnr1 p,
.zwnr2 p {
    line-height: 0.4rem;
    font-size: 0.18rem;
    -webkit-line-clamp: 300;
    line-clamp: 300;
    margin-bottom: 0.2rem
}

.zwnr2 img {
    max-width: 60%;
    max-height: 100%;
    height: auto;
    display: block;
    margin: 0 auto 0.2rem
}

.zwnr {
    text-align: justify
}

.ho {
    left: 22%;
    width: calc(56% - 0.8rem);
}

.zwnr2 {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.zwnr3 {
    height: 100%
}

.zwnr2 video,
.zwnr2 img {
    width: 90%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.zwnr3 img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
    height: auto;
    max-height: 100%
}

#dm_11,
#dm_12,
#dm_13,
#dm_14,
#dm_15,
#dm_16,
#dm_17,
#dm_18,
#dm_19,
#dm_20 {
    background: none
}


.fixed_full_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    width: 0;
    z-index: 110;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed_full {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .4);
    left: 0;
    top: 0;
}

.txBox1,
.txBox2,
.txBox3,
.txBox4 {
    z-index: 99;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 0;
}

.bg1 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.bg1 .a35_img {
    height: 0.8rem;
    display: block;
    position: absolute;
    left: .6rem;
    bottom: .42rem;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    z-index: 15555555
}


.long {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: auto
}

.bg1 .long::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important
}

.bg1 .long::-webkit-scrollbar-thumb:hover,
.bg1 .long::-webkit-scrollbar-scrollbarbutton:hover {
    background-color: rgba(29, 34, 40, .8)
}

.bg1 .long::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #999;
    border: .01rem solid #e0e0e0
}

.bg1 .long::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border: .01rem solid #efefef
}

.bg1 img {
    display: block;
    float: left;
    height: 100%
}

.min_hz {
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.min_hz img {
    height: auto;
    float: none;
    max-height: 90%;
    max-width: 100%;
    width: auto
}

.txBox3 .bg1 {
    background: url(bg_3.jpg) no-repeat center center;
    background-size: cover;
}

/****.min_left{float:left; width:25%; height:68%; padding-top:15%; background:url(sy_logo1.png) no-repeat left 5%; background-size:100% auto; overflow:hidden}
.min_left1{ float:left; width:25%; margin-left:5%; display:inline-block; height:90%; overflow:hidden}
.picMarquee-top, .picMarquee-top1, .picMarquee-top2{ margin:0 auto;  width:100%; overflow:hidden; position:relative; height:100%}
.bd ul{ overflow:hidden; zoom:1; }
.bd ul li{ text-align:center; zoom:1; margin-bottom:0.2rem }
.bd ul li .pic{ text-align:center; }
#boxa img, #boxa1 img, #boxa2 img{ width:100%; height:auto; display:block; float:none; margin-bottom:0.2rem}

.slide {width: 100%;height: 100%; transition: opacity 0.5s ease-in-out;}
.slide.active {display: block;}
#prev-btn, #next-btn {position: fixed;bottom: 10px;right: 10px;}*/
/********* home *********/
.music {
    position: fixed;
    right: 1%;
    top: 1%;
    width: 0.66rem;
    height: 0.66rem;
    cursor: pointer;
    z-index: 7777;
}

.music.on {
    background: url(https://heb.hebccw.cn/wdxdsj/images/music-on.png) no-repeat;
    background-size: 100% 100%;
}

.music.off {
    background: url(https://heb.hebccw.cn/wdxdsj/images/music-off.png) no-repeat;
    background-size: 100% 100%;
}

.music img {
    display: inline-block;
}

@-moz-keyframes music {
    from {
        transform: rotate(-360deg);
    }

    to {}
}

@-o-keyframes music {
    from {
        transform: rotate(-360deg);
    }

    to {}
}

@-webkit-keyframes music {
    from {
        transform: rotate(-360deg);
    }

    to {}
}

@keyframes music {
    from {
        transform: rotate(-360deg);
    }

    to {}
}

.music.on {
    animation: 'music' 1.5s linear 0s infinite;
    -ms-animation: music 1.5s linear 0s infinite;
    -moz-animation: music 1.5s linear 0s infinite;
    -o-animation: 'music' 1.5s linear 0s infinite;
    -webkit-animation: 'music' 1.5s linear 0s infinite;
}

.page2 .bg {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* 保持比例覆盖全屏 */
}

.abs1 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}

.act1-topic1,
.act1-topic2,
.act1-topic3,
.act1-topic4,
.act1-topic5,
.act1-topic6 {
    width: 50%;
    height: 30%;
    left: 50% !important;
    top: 3%;
    transform: translateX(-50%) !important;
}

.act1-topic1 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/title_01.png);
}

.act1-topic2 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/title_02.png);
}

.act1-topic3 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/title_03.png);
}

.act1-topic4 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/title_04.png);
}

.act1-topic5 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/title_05.png);
}

.act1-topic6 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/title_06.png);
}

@keyframes act1-topic {
    from {
        transform: scale(2);
    }

    to {
        opacity: 1;
    }
}

.page2 .act1-topic1 {
    animation: 'act1-topic' 0.5s ease-in-out 0.5s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 0.5s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 0.5s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 0.5s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 0.5s forwards;
}

.page2 .act1-topic2 {
    animation: 'act1-topic' 0.5s ease-in-out 0.8s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 0.8s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 0.8s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 0.8s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 0.8s forwards;
}

.page2 .act1-topic3 {
    animation: 'act1-topic' 0.5s ease-in-out 1.1s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 1.1s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 1.1s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 1.1s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 1.1s forwards;
}

.page2 .act1-topic4 {
    animation: 'act1-topic' 0.5s ease-in-out 1.4s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 1.4s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 1.4s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 1.4s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 1.4s forwards;
}

.page2 .act1-topic5 {
    animation: 'act1-topic' 0.5s ease-in-out 1.7s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 1.7s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 1.7s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 1.7s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 1.7s forwards;
}

.page2 .act1-topic6 {
    animation: 'act1-topic' 0.5s ease-in-out 2s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 2s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 2s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 2s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 2s forwards;
}

.act3-topic1,
.act3-topic2,
.act3-topic3,
.act3-topic4,
.act3-topic5,
.act3-topic6,
.act3-topic7,
.act3-topic8 {
    width: 15.23rem;
    height: 2.03rem;
}

.act3-topic1 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen1.png);
}

.act3-topic2 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen2.png);
}

.act3-topic3 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen3.png);
}

.act3-topic4 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen4.png);
}

.act3-topic5 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen5.png);
}

.act3-topic6 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen6.png);
}

.act3-topic7 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen7.png);
}

.act3-topic8 {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/lunwen8.png);
}

.page2 .act3-topic1 {
    animation: 'act1-topic' 0.5s ease-in-out 0.5s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 0.5s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 0.5s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 0.5s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 0.5s forwards;
}

.page2 .act3-topic2 {
    animation: 'act1-topic' 0.5s ease-in-out 0.8s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 0.8s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 0.8s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 0.8s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 0.8s forwards;
}

.page2 .act3-topic3 {
    animation: 'act1-topic' 0.5s ease-in-out 1.1s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 1.1s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 1.1s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 1.1s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 1.1s forwards;
}

.page2 .act3-topic4 {
    animation: 'act1-topic' 0.5s ease-in-out 1.4s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 1.4s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 1.4s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 1.4s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 1.4s forwards;
}

.page2 .act3-topic5 {
    animation: 'act1-topic' 0.5s ease-in-out 1.7s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 1.7s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 1.7s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 1.7s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 1.7s forwards;
}

.page2 .act3-topic6 {
    animation: 'act1-topic' 0.5s ease-in-out 2s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 2s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 2s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 2s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 2s forwards;
}

.page2 .act3-topic7 {
    animation: 'act1-topic' 0.5s ease-in-out 2.3s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 2.3s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 2.3s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 2.3s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 2.3s forwards;
}

.page2 .act3-topic8 {
    animation: 'act1-topic' 0.5s ease-in-out 2.6s forwards;
    -ms-animation: act1-topic 0.5s ease-in-out 2.6s forwards;
    -moz-animation: act1-topic 0.5s ease-in-out 2.6s forwards;
    -o-animation: 'act1-topic' 0.5s ease-in-out 2.6s forwards;
    -webkit-animation: 'act1-topic' 0.5s ease-in-out 2.6s forwards;
}

.page2 .abs0.trem01 {
    background: url(https://heb.hebccw.cn/wdxdsj/images/team01.png) no-repeat center center !important;
    background-size: contain !important;
    opacity: 1;
    position: absolute !important;
    left: 2rem;
    top: 1.5rem;
    width: 5.22rem;
    height: 2.98rem;
    z-index: 9999;
}

.page2 .abs0.trem02 {
    background: url(https://heb.hebccw.cn/wdxdsj/images/team02.png) no-repeat center center !important;
    background-size: contain !important;
    opacity: 1;
    position: absolute !important;
    left: 9rem;
    top: 1.5rem;
    width: 5.22rem;
    height: 2.98rem;
    z-index: 9999;
}

.page2 .abs0.trem03 {
    background: url(https://heb.hebccw.cn/wdxdsj/images/team03.png) no-repeat center center !important;
    background-size: contain !important;
    opacity: 1;
    position: absolute !important;
    right: 1rem;
    bottom: 1rem;
    width: 5.22rem;
    height: 2.98rem;
    z-index: 9999;
}

.page2 .trem-text {
    font-size: 18px;
    position: absolute;
    right: 8%;
    bottom: 8%;
    background-color: #fff;
    color: #000;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #999;
    border-radius: 10px;
    text-align: center;
}

@keyframes breath {

    0%,
    100% {
        transform: scale(0.6);
    }

    50% {
        transform: scale(1.05);
    }
}

.trem01 .trem-text {
    animation: breath 1s ease-in-out infinite;
}

.trem02 .trem-text {
    animation: breath 1s ease-in-out 1s infinite;
}

.trem03 .trem-text {
    animation: breath 1s ease-in-out 2s infinite;
}

.page2 .abs0.mobile {
    position: absolute;
    left: 6rem;
    bottom: 1rem;
}

.page2 .abs0.mobile img {
    display: inline-block;
    width: 4.45rem;
    height: 2.96rem;
    animation: mobile-shake 0.8s ease-in-out infinite !important;
}

@keyframes mobile-shake {

    0%,
    100% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(-3deg);
    }

    20% {
        transform: rotate(3deg);
    }

    30% {
        transform: rotate(-3deg);
    }

    40% {
        transform: rotate(3deg);
    }

    50% {
        transform: rotate(-3deg);
    }

    60% {
        transform: rotate(3deg);
    }

    70% {
        transform: rotate(-3deg);
    }

    80% {
        transform: rotate(3deg);
    }

    90% {
        transform: rotate(-3deg);
    }
}

/*******郭素萍******/
.start {
    background: url(https://heb.hebccw.cn/wdxdsj/images/startback.png) no-repeat center center;
    background-size: cover;
    width: 5.51rem;
    height: 100%;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
}

.start-mobile {
    animation: fadeIn 1.5s ease-out forwards !important;
    opacity: 0;
    position: absolute;
    left: 0rem;
    top: 2.5rem;
    width: 3.62rem;
    height: 2.53rem;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.start-title {
    animation: slideUpScale 1.5s ease-out 1s forwards !important;
    opacity: 0;
    transform: translateY(0) scale(0.8);
    position: absolute;
    width: 2.26rem;
    height: 3.56rem;
    left: 0.5rem;
    top: 0.8rem;
    z-index: 20;
}

@keyframes slideUpScale {
    from {
        opacity: 0;
        transform: translateY(0) scale(0.8);
    }

    to {
        opacity: 1;
        transform: translateY(-30px) scale(1);
        /* 向上移动并变大 */
    }
}

.start-text {
    animation: slideInLeft 1.5s ease-out 2s forwards !important;
    opacity: 0;
    transform: translateX(-50px);
    position: absolute;
    width: 4.13rem;
    height: 3.16rem;
    left: 0.3rem;
    bottom: 1.4rem;
    z-index: 20;
}

.start-zi {
    width: 100%;
    height: auto;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.abs0 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.act1-hand {
    width: 1.5rem;
    left: 3.8rem;
    height: 1.11rem;
    bottom: 0.2rem;
    opacity: 1;
}

.abs0 .icon-bg,
.act-people .icon-bg,
.ly-abs0 .icon-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.act-hand .icon-bg {
    background: url(https://heb.hebccw.cn/wdxdsj/images/gundong.png) no-repeat center center;
    background-size: contain;
    opacity: 1;
    animation: 'act-name-shake' 3.0s linear -1.5s infinite;
    -ms-animation: act-name-shake 3.0s linear -1.5s infinite;
    -moz-animation: act-name-shake 3.0s linear -1.5s infinite;
    -o-animation: 'act-name-shake' 3.0s linear -1.5s infinite;
    -webkit-animation: 'act-name-shake' 3.0s linear -1.5s infinite;
}

.ly-abs0 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.act-people {
    /* animation: 'act-people-shake' 3.0s linear 0s infinite;
    -ms-animation: act-people-shake 3.0s linear 0s infinite;
    -moz-animation: act-people-shake 3.0s linear 0s infinite;
    -o-animation: 'act-people-shake' 3.0s linear 0s infinite;
    -webkit-animation: 'act-people-shake' 3.0s linear 0s infinite; */
}

.act2-people1 {
    width: 24.5%;
    height: 86.3%;
    left: 27%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/gsp1_01.png);
    background-position: center bottom;
}

.act3-people1 {
    width: 5.63rem;
    height: 7.66rem;
    left: 28%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/yang1.png);
    background-position: center bottom;
}

.act3-people2 {
    width: 6.99rem;
    height: 6.24rem;
    right: 2rem;
    top: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/qi.png);
    background-position: center bottom;
    transform-origin: bottom left;
    animation: swing 2s ease-in-out infinite;
}

.act3-people3 {
    width: 6.99rem;
    height: 6.24rem;
    right: 2rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/an.png);
    background-position: center bottom;
}

.act3-people4 {
    width: 3.2rem;
    height: 3.2rem;
    right: 8.5rem;
    bottom: 1rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/hudie.gif);
    background-position: center bottom;
}

.act3-zhengshu {
    width: 9.97rem;
    height: 7.3rem;
    left: 4.5rem;
    top: 0;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/zhengshu.png);
    background-position: center bottom;
    transform-origin: bottom center;
    animation: swing 2s ease-in-out infinite;
}

@keyframes swing {

    0%,
    100% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(3deg);
    }
}

.act3-people5 {
    width: 20rem;
    height: 5.96rem;
    left: 0.5rem;
    bottom: 0;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/liang.png);
    background-position: center bottom;
}

.act4-people1 {
    width: 5.63rem;
    height: 7.66rem;
    left: 28%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/wang1.png);
    background-position: center bottom;
}

.act4-people2 {
    width: 1.44rem;
    height: 1.68rem;
    right: 2rem;
    top: 1.15rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/mihoutao.gif);
    background-position: center bottom;
}
.act4-jianzhi {
    width: 11.38rem;
    height: 6.40rem;
    right: -2rem;
    bottom: 0.5rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/jianzhi.gif);
    background-position: center bottom;
}
.act4-people3 {
    width: 13.27rem;
    height: 8.2rem;
    left: 15%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/zhang.png);
    background-position: center bottom;
}

.act4-people4 {
    width: 14.77rem;
    height: 6.4rem;
    left: 15%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/chen.png);
    background-position: center bottom;
}

.act4-people5 {
    width: 11.34rem;
    height: 6.96rem;
    left: 15%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/shi.png);
    background-position: center bottom;
}

.act4-people6 {
    width: 6.60rem;
    height: 5.02rem;
    left: -1rem;
    bottom: 0;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/sanlunche.gif);
    background-position: center bottom;
}

@keyframes act-people-shake {
    from {}

    50% {
        transform: translateY(20px);
    }

    to {}
}

.act-name {
    /* animation: 'act-name-shake' 3.0s linear -1.5s infinite;
    -ms-animation: act-name-shake 3.0s linear -1.5s infinite;
    -moz-animation: act-name-shake 3.0s linear -1.5s infinite;
    -o-animation: 'act-name-shake' 3.0s linear -1.5s infinite;
    -webkit-animation: 'act-name-shake' 3.0s linear -1.5s infinite; */
}

.act2-name1 {
    width: 9.3%;
    top: 65.6%;
}

.act2-name1 {
    height: 37.2%;
    left: 47%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/gsp_name.png);
}

.act3-name1 {
    width: 2.02rem;
    bottom: 20%;
    height: 0.59rem;
    left: 25%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/yang1-1.png);
}

.act3-name2 {
    width: 5.9rem;
    bottom: 10%;
    height: 1.68rem;
    left: 1%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/yang2-1.png);
}

.act3-name3 {
    width: 5.9rem;
    bottom: 10%;
    height: 1.68rem;
    left: 20%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/an1.png);
}

.act3-name4 {
    width: 3.48rem;
    bottom: 30%;
    height: 1.23rem;
    left: 40%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/liu1.png);
}

.act3-name5 {
    width: 4.95rem;
    bottom: 1rem;
    height: 1.77rem;
    right: 2rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/liang1.png);
}

.act4-name1 {
    width: 2.02rem;
    bottom: 20%;
    height: 0.59rem;
    left: 25%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/wang1_1.png);
}

.act4-name2 {
    width: 5.29rem;
    bottom: 5%;
    height: 1.78rem;
    left: 10%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/wang2_1.png);
}

.act4-name3 {
    width: 4.85rem;
    bottom: 5%;
    height: 1.78rem;
    left: 15%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/zhang1.png);
}

.act4-name4 {
    width: 5.20rem;
    bottom: 5%;
    height: 1.75rem;
    left: 25%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/chen1.png);
}

.act4-name5 {
    width: 4.85rem;
    bottom: 5%;
    height: 1.79rem;
    left: 35%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/shi1.png);
}

.act4-name6 {
    width: 6.92rem;
    bottom: 5%;
    height: 1.82rem;
    left: 45%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/jia1.png);
}

@keyframes act-name-shake {
    from {}

    50% {
        transform: translateY(20px);
    }

    to {}
}

.act2-voice2 {
    left: 10rem;
    bottom: 3rem;
}

.act3-voice2 {
    left: 10.5rem;
    top: 4rem;
}

.act4-voice2 {
    left: 10.5rem;
    top: 5rem;
}

.act2-voice {
    width: 0.8rem;
    cursor: pointer;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.voice-icon {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.voice-icon .icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/audio.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    border-radius: 50%;
}

.audio-playing .voice-icon .icon-bg {
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/audio_pause.png);
}

.voice-text {
    margin-top: 0.2rem;
    font-size: 0.20rem;
    color: #333;
    line-height: 0.24rem;
    text-align: center;
}

.ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #fccf00;
    animation: ripple-effect 2s ease-out infinite;
    pointer-events: none;
    z-index: 0;
}

.ripple:nth-child(2) {
    animation-delay: 1s;
}

@keyframes ripple-effect {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

.ly-abs0.act2-textbox {
    left: 11.5rem;
    bottom: 1.75rem;
    width: 6rem;
    height: 3.3rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/kuang.png) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    z-index: 10;
    padding: 0.6rem;
    box-sizing: border-box;
}

.textbox-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.text-viewport {
    width: 100%;
    transition: transform 0.4s ease-out;
}

.lyric-line {
    font-size: 0.24rem;
    color: #0b0b0b;
    line-height: 1.8;
    text-align: center;
    padding: 4px 0;
    margin: 0;
    opacity: 0.35;
    transition: all 0.3s ease;
}

.lyric-line.active {
    color: #fca800;
    font-weight: bold;
    opacity: 1;
    font-size: 0.24rem;
    transform: scale(1.02);
}

.act1-qiannanyu {
    width: 0.93rem;
    height: 1.47rem;
    right: 2.5rem;
    bottom: 2.5rem;
    z-index: 5;
}

.act-qiannanyu .icon-bg {
    position: static !important;
    display: block !important;
    width: 0.93rem;
    height: 0.93rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/position.png) no-repeat center center !important;
    background-size: contain !important;
    animation: qiannanyu-pulse 2s ease-in-out infinite;
    margin: 0 auto 0.15rem auto !important;
}

.act-qiannanyu .icon-b {
    position: static !important;
    display: block !important;
    width: 0.93rem;
    height: 1.47rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/qiannanyu.png) no-repeat center center !important;
    background-size: contain !important;
    margin: 0 auto !important;
}

@keyframes qiannanyu-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

.abs {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.act-drop {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.act-drop.on {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.act-drop.on .act-drop-mask {
    display: block !important;
}

.act-drop-mask {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
    display: none !important;
    touch-action: none !important;
    -webkit-touch-action: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.act-drop-content {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 0 !important;
    width: 90%;
    max-width: 1200px;
    max-height: 850px;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/drop-bg.png") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    z-index: 100000 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.act-drop-content1 {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 0 !important;
    width: 13.09rem;
    height: 9.25rem;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/drop-bg.png") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    z-index: 100000 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.act-drop-scroll {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
}
.act-drop-scroll1 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
}
.act-drop .close {
    position: absolute !important;
    width: 40px !important;
    height: 40px !important;
    right: 15px !important;
    top: 15px !important;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/drop-close.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: all 0.2s;
    cursor: pointer;
    z-index: 10 !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.act-drop .close:hover,
.act-drop .close:active {
    transform: scale(1.1);
}

.act-drop-content img {
    width: 70%;
    height: auto;
    margin-bottom: 5px;
    display: block;
}

.act-drop-content1 img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.act-drop .act-txt {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.32rem;
    margin-top: 15px;
    padding: 0 0.2rem;
}

.act-drop .act-txt p {
    text-indent: 2em;
    margin-bottom: 12px;
}

.one_gdimg {
    position: absolute;
    width: 6.6rem;
    height: 2.39rem;
    left: -3.5rem;
    top: 3rem;
}

.one_gdimg img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.one_gdimg img.active {
    animation: chopper 1s ease-in forwards;
}

@keyframes chopper {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.two_gdimg {
    position: absolute;
    width: 5.22rem;
    height: 1.86rem;
    left: 0.5rem;
    top: 2rem;
}

.two_gdimg img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.two_gdimg img.active {
    animation: chopper 1s ease-in forwards;
}

.three_gdimg {
    position: absolute;
    width: 6.6rem;
    height: 2.36rem;
    left: 0.3rem;
    top: 2rem;
}

.three_gdimg img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.three_gdimg img.active {
    animation: chopper 1s ease-in forwards;
}

.four_gdimg {
    position: absolute;
    width: 6.25rem;
    height: 2.59rem;
    left: 0.3rem;
    top: 2rem;
}

.four_gdimg img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.four_gdimg img.active {
    animation: chopper 1s ease-in forwards;
}

.act2_1gdimg {
    position: absolute;
    width: 5.42rem;
    height: 1.99rem;
    left: 0rem;
    top: 1rem;
}

.act2_1gdimg img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.act2_1gdimg img.active {
    animation: chopper 1s ease-in forwards;
}

.act2_2gdimg {
    position: absolute;
    width: 6.73rem;
    height: 2.39rem;
    left: -3.8rem;
    bottom: 3rem;
}

.act2_2gdimg img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.act2_2gdimg img.active {
    animation: chopper 1s ease-in forwards;
}

.act2_3gdimg {
    position: absolute;
    width: 6.92rem;
    height: 2.53rem;
    right: 0.5rem;
    bottom: 2rem;
}

.act2_3gdimg img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.act2_3gdimg img.active {
    animation: chopper 1s ease-in forwards;
}

@keyframes pendulum {
    0% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(-3deg);
    }
}

.act2-people2 {
    width: 6.5rem;
    height: 4.25rem;
    left: 8.2rem;
    top: -0.5rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/pingguo.png);
    background-position: center bottom;
    animation: pendulum 3s ease-in-out infinite;
    transform-origin: top center;
}

.act2-name2 {
    width: 5rem;
    height: 1.6rem;
    bottom: 5%;
    right: 15%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/guosuping1.png);
}

.act2-people3 {
    width: 9.08rem;
    height: 5.12rem;
    left: 2.5rem;
    bottom: -0.6rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/apple.gif);
    background-position: center bottom;
}

.act2-name3 {
    width: 5rem;
    height: 1.6rem;
    bottom: 20%;
    right: 15%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/qiguohui1.png);
}

@keyframes move-hide-loop {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    40% {
        transform: translateX(-50px);
        opacity: 1;
    }

    60% {
        transform: translateX(-50px);
        opacity: 0;
    }

    80% {
        transform: translateX(0);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.act2-people4 {
    width: 8rem;
    height: 2.63rem;
    left: 4rem;
    bottom: 0rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/che.png);
    background-position: center bottom;
    animation: move-hide-loop 3s ease-in-out infinite;
}

.act2-name4 {
    width: 5rem;
    height: 1.6rem;
    bottom: 10%;
    left: 60%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/tianyiling1.png);
}

.act2-people5 {
    width: 5rem;
    height: 4.16rem;
    left: 2rem;
    top: 4rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/niaofei.gif);
    background-position: center bottom;
}

.act2-name5 {
    width: 5rem;
    height: 1.6rem;
    bottom: 10%;
    left: 35%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/gengxinjie1.png);
}

.video-icon {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.video-icon .icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/video.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    border-radius: 50%;
}

.video-text {
    margin-top: 0.2rem;
    font-size: 0.20rem;
    color: #333;
    line-height: 0.48rem;
    text-align: center;
}

.act2-pic1 {
    left: 10.5rem;
    top: 4rem;
    z-index: 9999;
}

.act2-pic2 {
    left: 11.5rem;
    top: 4rem;
    z-index: 999;
}

.act2-pic3 {
    right: 4.5rem;
    top: 5rem;
    z-index: 999;
}

.act2-pic4 {
    right: 6.5rem;
    top: 4.5rem;
    z-index: 999;
}

.act3-pic1 {
    left: 5rem;
    top: 5rem;
    z-index: 999;
}

.act3-pic2 {
    left: 8rem;
    top: 5rem;
    z-index: 999;
}

.act3-pic3 {
    left: 5.5rem;
    top: 3.5rem;
    z-index: 999;
}

.act3-pic4 {
    right: 3rem;
    top: 4.5rem;
    z-index: 999;
}

.act4-pic1 {
    left: 3rem;
    top: 4.5rem;
    z-index: 999;
}

.act4-pic2 {
    left: 10rem;
    top: 4.5rem;
    z-index: 999;
}

.act4-pic3 {
    right: 11rem;
    top: 5rem;
    z-index: 999;
}

.act4-pic4 {
    left: 3rem;
    top: 4.5rem;
    z-index: 999;
}

.act4-pic5 {
    left: 7rem;
    top: 4.5rem;
    z-index: 999;
}

.act10-pic1 {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    z-index: 100;
    width: 2.82rem;
    height: 4.3rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/four/station.png);
}

.four-pic1 {
    position: absolute;
    left: 0.05rem;
    top: 0.5rem;
    z-index: 1;
    width: 2.54rem;
    height: 3.50rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/four/qinting.png);
}
.six-pic1 {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    z-index: 1;
    width: 2.54rem;
    height: 3.50rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/four/dianji.png);
}
.eight-pic1 {
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
    z-index: 1;
    width: 2.35rem;
    height: 0.30rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/four/AIshengcheng.png);
}
.potho-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.change-icon{
    width: 1.72rem;
    height: 0.65rem;
    margin-right: 0.2rem;
    margin-right: 0.5rem;
    animation: clickPulse 1.2s ease-in-out infinite;
    transform-origin: center center;
}
@keyframes clickPulse {
    /* 起始状态 (静止) */
    0% {
        transform: translateX(0) scale(1);
    }
    /* 点击按下：右移5px + 放大1.06倍 (模拟手指轻压) */
    30% {
        transform: translateX(5px) scale(1.06);
    }
    /* 回弹略微超过原点 (模拟弹性) */
    60% {
        transform: translateX(-1px) scale(0.98);
    }
    /* 归位到原始状态 */
    100% {
        transform: translateX(0) scale(1);
    }
}
.change-icon img{
    width: 100%;
    height: 100%;
}
.potho-list{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.potho-icon{
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.2rem;
    cursor: pointer;
}

.potho-icon.active img {
    transform: scale(1.2);           /* 放大 1.2 倍 */
    border-radius: 50%;              /* 圆形边框 */
    border: 2px solid #FCCF00;       /* 2px #FCCF00 实线边框 */
    box-sizing: border-box;          /* 包含边框在内的尺寸计算 */
}
.potho-icon img{
    width: 100%;
    height: 100%;
}

@keyframes act-card-shake {
    from {}

    50% {
        transform: translateY(5px);
    }

    to {}
}

.act-card {
    cursor: pointer;
    animation: 'act-card-shake' 3.0s linear 0s infinite;
    -ms-animation: act-card-shake 3.0s linear 0s infinite;
    -moz-animation: act-card-shake 3.0s linear 0s infinite;
    -o-animation: 'act-card-shake' 3.0s linear 0s infinite;
    -webkit-animation: 'act-card-shake' 3.0s linear 0s infinite;
}

.act1-card1 {
    width: 2.45rem;
    height: 1.89rem;
    left: 5.2rem;
    top: 2.3rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/one/qipao1.png);
    z-index: 99;

}

.act2-card1 {
    width: 4.5rem;
    height: 2.5rem;
    left: -1.5rem;
    top: 2rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/qipao1.png);
    z-index: 99;
}

.act3-card1 {
    width: 5.2rem;
    height: 2.2rem;
    left: 1.2rem;
    top: 0.8rem;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/three/qipao1.png);
    z-index: 99;
}

.link-tip {
    cursor: pointer;
}

.act1-tip2 {
    left: 7rem;
    top: 3rem;
    width: 0.48rem;
    height: 0.48rem;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/one/link-tip.png");
    z-index: 100;
    cursor: pointer;
    transition: all 0.3s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    animation: tip-zoom 2s ease-in-out infinite;
    transform-origin: center center;
}

.act2-tip2 {
    left: 1.8rem;
    top: 3rem;
    width: 0.48rem;
    height: 0.48rem;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/one/link-tip.png");
    z-index: 100;
    cursor: pointer;
    transition: all 0.3s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    animation: tip-zoom 2s ease-in-out infinite;
    animation-delay: 0.3s;
    transform-origin: center center;
}

.act3-tip2 {
    left: 4rem;
    top: 1.5rem;
    width: 0.48rem;
    height: 0.48rem;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/one/link-tip.png");
    z-index: 100;
    cursor: pointer;
    transition: all 0.3s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    animation: tip-zoom 2s ease-in-out infinite;
    animation-delay: 0.6s;
    transform-origin: center center;
}

@keyframes tip-zoom {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.act1-tip2:active,
.act2-tip2:active,
.act3-tip2:active {
    animation: none;
    transform: scale(1.5);
}

.daohang {
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    transition: opacity 0.5s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.daohangnew {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 0;
    right: 0;
    z-index: 9999;
    transition: opacity 0.5s ease;
}

.daohangnew .homebacknew {
    width: 1.43rem;
    height: 0.48rem;
    right: 0.3rem;
    top: 1rem;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.5s;
}

.daohangnew .homebacknew:hover {
    transform: scale(1.1);
}

.daohangnew .homebacknew .icon-bg {
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/fanhui.png");
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 连连看游戏样式 */
.lianliankan {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    left: 1rem;
}

.kankantitle {
    width: 1.4rem;
    height: 6.12rem;
    position: absolute;
    left: 1rem;
    top: 10%;
}

.kankantitle img {
    width: 100%;
    height: auto;
}

.lianlianbox {
    width: 100%;
    display: flex;
    justify-content: space-around;
    position: relative;
}

.kankanbox {
    display: flex;
    flex-direction: column;
    width: 16rem;
    margin-left: 2rem;
    align-items: center;
}

.pepolebox-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0.5rem;
    left: 2rem;
}

.pepolebox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.boxleft {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

.boxright {
    position: relative;
    width: auto;
    flex-shrink: 0;
}

.lianlian-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    transform-origin: top left;
}

.lianlianbox .left,
.lianlianbox .right {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
}

.pepole-pic,
.shuiguo-pic {
    width: 2.50rem;
    height: 1.20rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
}
.boxtop{
    width: 100%;
    height: 100%;
}
.boxbottom{
    width: 100%;
    height: 100%;
}
.pepole-pic1 {
    width: 15.19rem;
    height: 5.73rem;
    cursor: pointer;
    transition: transform 0.2s;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.pepole-pic1 img{
     animation: fadeIn 3s ease forwards;
}
.pepole-pic:hover,
.shuiguo-pic:hover,
.pepole-pic:active,
.shuiguo-pic:active {
    transform: scale(1.08);
}

.pepole-pic1 img,
.pepole-pic img,
.shuiguo-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pepole-pic.selected,
.shuiguo-pic.selected {
    box-shadow: 0 0 0.15rem #45a049;
}

.pepole-pic.matched,
.shuiguo-pic.matched {
    opacity: 0.5;
    pointer-events: none;
}

.pepole-pic.wrong,
.shuiguo-pic.wrong {
    box-shadow: 0 0 0.15rem #ff0000;
}

.lianlian-submit {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: -0.5rem;
}

.submit-btn {
    padding: 0.3rem 1rem;
    font-size: 0.35rem;
    background: linear-gradient(135deg, #4CAF50, #45a049);
    color: white;
    border: none;
    border-radius: 0.15rem;
    cursor: pointer;
    transition: all 0.2s;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    z-index: 20;
    position: relative;
    min-height: 0.8rem;
    min-width: 2rem;
}

.submit-btn:hover,
.submit-btn:active {
    background: linear-gradient(135deg, #45a049, #3d8b40);
    transform: scale(1.05);
}

.submit-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
}

/* 提示弹窗样式 */
.lianlian-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.lianlian-modal-content {
    background: white;
    padding: 0.5rem;
    border-radius: 0.2rem;
    text-align: center;
    min-width: 4rem;
}

.lianlian-modal-content h3 {
    font-size: 0.4rem;
    margin: 0 0 0.3rem 0;
    color: #333;
}

.lianlian-modal-content p {
    font-size: 0.3rem;
    margin: 0 0 0.3rem 0;
    color: #666;
}

.lianlian-modal-content .modal-btn {
    padding: 0.15rem 0.5rem;
    font-size: 0.28rem;
    border: none;
    border-radius: 0.1rem;
    cursor: pointer;
    margin: 0 0.1rem;
}

.lianlian-modal-content .modal-btn.confirm {
    background: #4CAF50;
    color: white;
}

.lianlian-modal-content .modal-btn.retry {
    background: #ff9800;
    color: white;
}

/* 弹窗基础样式 */
.lianlian-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 10000 !important;
    overflow: hidden !important;
}

.lianlian-modal-content {
    background: white;
    padding: 0.5rem;
    border-radius: 0.2rem;
    text-align: center;
    min-width: 4rem;
    max-width: 90%;
}

/* 强制旋转动画 */
@keyframes rotate90 {
    from { transform: rotate(0deg); }
    to { transform: rotate(90deg); }
}

@keyframes rotate0 {
    from { transform: rotate(90deg); }
    to { transform: rotate(0deg); }
}

.rotate-90 {
    animation: rotate90 0.1s ease-out forwards;
}

.rotate-0 {
    animation: rotate0 0.1s ease-out forwards;
}

/* 图片擦除效果样式 */
.erase-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    pointer-events: auto;
    transition: opacity 0.5s ease;
    touch-action: none;
    -webkit-touch-action: none;
}

/* 移动端横屏状态下的擦除容器 */
@media screen and (orientation: landscape) and (max-width: 1024px) {
    .erase-container {
        width: 100%;
        height: 50%;
        top: 25%;
        left: 0;
    }
}

.erase-container .bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.erase-container .erase-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    touch-action: none;
    cursor: crosshair;
    pointer-events: auto;
    z-index: 20;
}

.daohang .homeback {
    width: 1.43rem;
    height: 0.48rem;
    right: 0.5rem;
    top: 1rem;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.5s;
}

.daohang .homeback:hover {
    transform: scale(1.1);
}

.daohang .zhunong {
    width: 3.2rem;
    height: 1.16rem;
    right: 0.3rem;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.3s;
    touch-action: manipulation;
}

.daohang .zhunong:hover,
.daohang .zhunong:active {
    transform: scale(1.05);
}

.daohang .guoyuan {
    width: 3.2rem;
    height: 1.16rem;
    right: 0.3rem;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.3s;
    touch-action: manipulation;
}

.daohang .top4 {
    bottom: 3.5rem;
}

.daohang .top6 {
    bottom: 2rem;
}

.daohang .guoyuan:hover,
.daohang .guoyuan:active {
    transform: scale(1.05);
}

.daohang .shanye {
    width: 3.2rem;
    height: 1.16rem;
    right: 0.3rem;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.3s;
    touch-action: manipulation;
}

.daohang .shanye:hover,
.daohang .shanye:active {
    transform: scale(1.05);
}

.daohang .qinting {
    width: 3.2rem;
    height: 1.18rem;
    right: 0%;
    bottom: 0.5rem;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.5s;
}

.daohang .qinting:hover {
    transform: scale(1.1);
}


.daohang .homeback .icon-bg {
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/fanhui.png");
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.daohang .zhunong .icon-bg {
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/zhunong.png");
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.daohang .guoyuan .icon-bg {
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/guoyuan.png");
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.daohang .shanye .icon-bg {
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/shanye.png");
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.daohang .qinting .icon-bg {
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/qinting.png");
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.abs {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.act-video {
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    left: 0 !important;
    top: 0 !important;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transition: all 0.5s;
}

.act-video.on {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.act-video-mask {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
    display: none !important;
    touch-action: none !important;
}

.act-video.on .act-video-mask {
    display: block !important;
}

.act-video .video-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 11.52rem;
    height: 7.68rem;
    z-index: 100000 !important;
}
.act-video video {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: 100001 !important;
}

.act-video .txt {
    position: absolute;
    width: 100%;
    top: 80%;
    height: 10%;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    z-index: 100000 !important;
}

.act-video .txt td {
    font-size: 18px;
}

.act-video .close {
    width: 46px;
    height: 46px;
    left: calc(50% - 23px);
    top: 1rem;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/drop-close3.png");
    transition: all 0.2s;
    cursor: pointer;
    z-index: 100002 !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.act-video .close:hover,
.act-video .close:active {
    transform: scale(1.08);
}

.act1-jiguanshan {
    width: 0.66rem;
    height: 1.05rem;
    right: 1rem;
    top: 0.5rem;
    z-index: 5;
}

.act-jiguanshan .icon-bg {
    position: static !important;
    display: block !important;
    width: 0.93rem;
    height: 0.93rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/position.png) no-repeat center center !important;
    background-size: contain !important;
    animation: qiannanyu-pulse 2s ease-in-out infinite;
    margin: 0 auto 0.15rem auto !important;
}

.act-jiguanshan .icon-b {
    position: static !important;
    display: block !important;
    width: 0.93rem;    
    height: 1.47rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/jiguanshan.png) no-repeat center center !important;
    background-size: contain !important;
    margin: 0 auto !important;
}

.act1-gangdi {
    width: 0.93rem;
    height: 1.47rem;
    right: 0.3rem;
    bottom: 2rem;
    z-index: 5;
}

.act-gangdi .icon-bg {
    position: static !important;
    display: block !important;
    width: 0.93rem;
    height: 0.93rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/position.png) no-repeat center center !important;
    background-size: contain !important;
    animation: qiannanyu-pulse 2s ease-in-out infinite;
    margin: 0 auto 0.15rem auto !important;
}

.act-gangdi .icon-b {
    position: static !important;
    display: block !important;
    width: 0.93rem;
    height: 1.10rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/gangdi.png) no-repeat center center !important;
    background-size: contain !important;
    margin: 0 auto !important;
}

.act1-lvling {
    width: 0.93rem;
    height: 1.47rem;
    right: 1rem;
    top: 2.8rem;
    z-index: 5;
}

.act-lvling .icon-bg {
    position: static !important;
    display: block !important;
    width: 0.93rem;
    height: 0.93rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/position.png) no-repeat center center !important;
    background-size: contain !important;
    animation: qiannanyu-pulse 2s ease-in-out infinite;
    margin: 0 auto 0.15rem auto !important;
}

.act-lvling .icon-b {
    position: static !important;
    display: block !important;
    width: 0.93rem;
    height: 1.10rem;
    background: url(https://heb.hebccw.cn/wdxdsj/images/one/lvling.png) no-repeat center center !important;
    background-size: contain !important;
    margin: 0 auto !important;
}

/****杨双奎***/
.show {
    display: block;
}

.act {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    overflow-y: auto;
    transform: scale(0);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.act.show {
    transform: scale(1) !important;
    z-index: 9;
}

#act1-2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
}

.cat1back {
    /* background-image: url("../images/one/backgroud_01.png"); */
}

.cat2back {
    /* background-image: url("../images/two/backgroud_01.png"); */
}

.cat3back {
    /* background-image: url("../images/three/backgroud_01.png"); */
}

@keyframes act1-2-show {
    from {
        transform: scale(0);
    }

    0.1% {
        transform: scale(1);
    }

    99.99% {
        transform: scale(1);
        top: 0%;
    }

    to {
        transform: scale(0);
        top: 100%;
    }
}

#act1-2.show {
    animation: 'act1-2-show' 1s ease-in-out 0.2s forwards;
    -ms-animation: act1-2-show 1s ease-in-out 0.2s forwards;
    -moz-animation: act1-2-show 1s ease-in-out 0.2s forwards;
    -o-animation: 'act1-2-show' 1s ease-in-out 0.2s forwards;
    -webkit-animation: 'act1-2-show' 1s ease-in-out 0.2s forwards;
}

.act1-2-cloud1,
.act1-2-cloud2 {
    width: 74.3%;
    height: 100%;
    top: 0%;
    background-size: 100% 100%;
}

.act1-2-cloud1 {
    left: -100%;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/act1-2-cloud1.png");
    background-position: right center;
    transform: translateZ(100em);
}

.act1-2-cloud2 {
    right: -100%;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/act1-2-cloud2.png");
    background-position: left center;
    transform: translateZ(100em);
}

@keyframes act1-2-cloud1 {
    from {
        background-size: 100% 100%;
    }

    10% {
        left: 0%;
    }

    90% {
        left: 0%;
        opacity: 1;
    }

    to {
        opacity: 0;
        background-size: 180% 180%;
    }
}

.show .act1-2-cloud1 {
    animation: 'act1-2-cloud1' 1.0s linear 0.2s forwards;
    -ms-animation: act1-2-cloud1 1.0s linear 0.2s forwards;
    -moz-animation: act1-2-cloud1 1.0s linear 0.2s forwards;
    -o-animation: 'act1-2-cloud1' 1.0s linear 0.2s forwards;
    -webkit-animation: 'act1-2-cloud1' 1.0s linear 0.2s forwards;
}

@keyframes act1-2-cloud2 {
    from {
        background-size: 100% 100%;
    }

    10% {
        right: 0%;
    }

    90% {
        right: 0%;
        opacity: 1;
    }

    to {
        opacity: 0;
        background-size: 180% 180%;
    }
}

.show .act1-2-cloud2 {
    animation: 'act1-2-cloud2' 1.0s linear 0.2s forwards;
    -ms-animation: act1-2-cloud2 1.0s linear 0.2s forwards;
    -moz-animation: act1-2-cloud2 1.0s linear 0.2s forwards;
    -o-animation: 'act1-2-cloud2' 1.0s linear 0.2s forwards;
    -webkit-animation: 'act1-2-cloud2' 1.0s linear 0.2s forwards;
}

/**********杨双奎End*********/
/* mobileback 和 swiper-box 样式 */
.mobileback,
.swiper-box {
    position: absolute;
    width: 5.35rem !important;
    height: 8rem !important;
    left: 0;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/four/shouji.png");
    background-size: cover;
    overflow: hidden;
}

.huadong {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    z-index: 100;
}

.huadong img {
    width: 0.9rem;
    height: 0.9rem;
    object-fit: contain;
    animation: breath 1s ease-in-out infinite;
}

.xiangxia {
    position: absolute;
    right: 0.5rem;
    bottom: 0.2rem;
    width: 0.92rem;
    height: 0.79rem;
    background-image: url("https://heb.hebccw.cn/wdxdsj/images/xiahua.png");
    background-size: cover;
    animation: breath 1s ease-in-out infinite;
    z-index: 100;
    cursor: pointer;
}

.xiangxia img {
    width: 0.9rem;
    height: 0.9rem;
    object-fit: contain;
}

/* nongmin 容器样式 - 左右布局，定位在背景图片之上 */
.nongmin {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nongmin .top {
    height: 3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nongmin .bottom {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* video-wrap 样式 - 占 right 的 80%，上下左右居中 */
.nongmin .bottom .video-wrap {
    width: 11.52rem;
    height: 6.48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(74, 138, 110);
    border-image: initial;
    border-radius: 0.1rem;
    padding: 0.1rem;
    background-color: #fff;
    /* 强制防止全屏退出后尺寸变化 */
    box-sizing: border-box;
    overflow: hidden;
}

/* video-title 样式 - 视频标题居中 */
.nongmin .bottom .video-title {
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 视频标题字体 */
.nongmin .bottom .video-title h2 {
    font-size: 0.36rem;
    line-height: 0.72rem;
    color: #E98F24;
}

.nongmin .bottom .video-wrap .my-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* 强制防止全屏退出后尺寸变化 */
    box-sizing: border-box;
}

/* swiper 容器样式 - 支持垂直滑动 */
.mobileback .swiper-container,
.swiper-box .swiper-container {
    width: 100%;
    height: 100%;
}

.mobileback .swiper-wrapper,
.swiper-box .swiper-wrapper {
    width: 100%;
    height: 100%;
}

/* 水平滑动时wrapper自动调整 */
.swiper-container-horizontal .swiper-wrapper {
    width: auto !important;
    height: 100% !important;
}

/* 垂直滑动时wrapper自动调整 */
.swiper-container-vertical .swiper-wrapper {
    width: 100% !important;
    height: auto !important;
}

.mobileback .swiper-slide,
.swiper-box .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

/* short 样式 - 在 swiper-slide 内部，镶嵌到手机屏幕内 */
.mobileback .swiper-slide .short,
.swiper-box .swiper-slide .short {
    position: absolute;
    top: 0.9rem;
    left: 1.6rem;
    width: 3.1rem;
    height: 6.32rem;
}

/* 背景图片铺满 short */
.mobileback .swiper-slide .short img,
.swiper-box .swiper-slide .short img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 头像、姓名、副标题容器 */
.mobileback .swiper-slide .short .header,
.swiper-box .swiper-slide .short .header {
    position: absolute;
    bottom: 1.5rem;
    left: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 10;
}

/* 头像 */
.mobileback .swiper-slide .short .header img,
.swiper-box .swiper-slide .short .header img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-bottom: 0.3rem;
}

/* 姓名 */
.mobileback .swiper-slide .short .shortname,
.swiper-box .swiper-slide .short .shortname {
    position: absolute;
    bottom: 0.9rem;
    left: 0.2rem;
    font-size: 0.4rem;
    font-weight: bold;
    color: #fff;
    z-index: 10;
}

/* 副标题 */
.mobileback .swiper-slide .short .subtitle,
.swiper-box .swiper-slide .short .subtitle {
    position: absolute;
    bottom: 0.4rem;
    left: 0.2rem;
    font-size: 0.18rem;
    color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}

.contentlist {
    width: 100%;
    height: 100%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/four/beijing2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

/* carousel居中显示 */
#wide-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 2.5rem;
}

#carousel {
    display: flex;
    justify-content: center;
}

/* carousel 浮层样式 - 根据选中图片动态定位 */
.carousel-float-info {
    position: fixed;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.6);
    padding: 0.2rem 0.3rem;
    z-index: 999;
    width: auto;
    max-width: 90%;
    min-width: 5rem;
    border-radius: 0.15rem;
    text-align: center;
    box-sizing: border-box;
    transition: left 0.2s ease;
}

.carousel-float-info .float-name {
    font-size: 0.28rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.12rem;
    white-space: nowrap;
}

.carousel-float-info .float-title {
    font-size: 0.2rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.08rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-float-info .float-subtitle {
    font-size: 0.2rem;
    color: #FD8D01;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-float-info .float-phone {
    font-size: 0.18rem;
    color: #FD8D01;
}

/* 手机端 carousel 浮层适配 */
@media screen and (max-width: 768px) {
    #wide-wrapper {
        padding-bottom: 3rem;
    }
    
    .carousel-float-info {
        bottom: 0.3rem;
        padding: 0.15rem 0.25rem;
        max-width: 95%;
        border-radius: 0.1rem;
    }
    
    .carousel-float-info .float-name {
        font-size: 0.22rem;
        margin-bottom: 0.08rem;
    }
    
    .carousel-float-info .float-title {
        font-size: 0.16rem;
        margin-bottom: 0.06rem;
    }
    
    .carousel-float-info .float-subtitle {
        font-size: 0.16rem;
    }
    
    .carousel-float-info .float-phone {
        font-size: 0.14rem;
    }
}

/* 小屏手机适配 */
@media screen and (max-width: 479px) {
    #wide-wrapper {
        padding-bottom: 2.5rem;
    }
    
    .carousel-float-info {
        bottom: 0.2rem;
        padding: 0.12rem 0.2rem;
    }
    
    .carousel-float-info .float-name {
        font-size: 0.2rem;
    }
    
    .carousel-float-info .float-title {
        font-size: 0.14rem;
    }
    
    .carousel-float-info .float-subtitle {
        font-size: 0.14rem;
    }
}

/* 图片轮播淡入淡出 */
.carousel-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: visible;
    /* 确保内容居中 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-slides {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.carousel-slide {
    position: absolute;
    width: auto;
    height: auto;
    opacity: 0;
    /* 居中显示 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.carousel-slide.wenzi1-slide {
    animation: curtainRise1 10s ease-out forwards;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.carousel-slide.wenzi2-slide {
    animation: curtainRise2 10s ease-out 10s forwards;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.carousel-slide.wenzi3-slide {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(100%);
    animation: curtainRise3 10s ease-out 20s forwards;
    animation-fill-mode: forwards !important;
    -webkit-animation-fill-mode: forwards !important;
}   

@keyframes curtainRise1 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(100%);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0);
    }
    85% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-100%);
    }
}

@keyframes curtainRise2 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(100%);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0);
    }
    85% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-100%);
    }
}

@keyframes curtainRise3 {
   0% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(100%);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0);
    }
}

/* 重置动画类 - 用于页面重新显示时触发 */
.carousel-slide.reset {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(100%);
    animation: none !important;
    -webkit-animation: none !important;
}

.carousel-slide .wenzi1 {
    width: 100%;
    height: 4.57rem;
    object-fit: contain;
    display: block;
}

.carousel-slide .wenzi2 {
    width: 100%;
    height: 4.57rem;
    object-fit: contain;
    display: block;
}

.carousel-slide .wenzi3 {
    width: 100%;
    height: 4.57rem;
    object-fit: contain;
    display: block;
}

/* 电影落幕效果 - carousel-video 样式 */
.carousel-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11.52rem;
    height: 6.48rem;
    border: 1px solid #4A8A6E;
    border-radius: 0.1rem;
    padding: 0.1rem;
    z-index: 10;
    background-color: #fff;
    /* 强制防止全屏退出后尺寸变化 */
    box-sizing: border-box;
    overflow: hidden;
}
.carousel-video video {
    width: 100%;
    height: 100%;
    max-width: 11.52rem;
    max-height: 6.48rem;
    object-fit: cover;
    /* 强制防止全屏退出后尺寸变化 */
    box-sizing: border-box;
}

#sevenBox .content {
    width: 100%;
}

#sevenBox .snf_page {
    width: 100%;
    display: block;
    float: none;
    position: relative;
}

#sevenBox .snf_page img.bg {
    width: 100%;
    height: 100vh;
}

#sevenBox .wrapper-scroll {
    width: 100%;
    overflow-x: hidden;
}

#eightBox .content {
    width: 100%;
}

#eightBox .snf_page {
    width: 100%;
    display: block;
    float: none;
    position: relative;
}

#eightBox .snf_page img.bg {
    width: 100%;
    height: 100vh;
}

#eightBox .wrapper-scroll {
    width: 100%;
    overflow-x: hidden;
}

#eightBox .endbody {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#eightBox .content-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

#eightBox .content-box-left,
#eightBox .content-box-middle,
#eightBox .content-box-right {
    flex: 0 0 auto;
}

#eightBox .content-box-left img,
#eightBox .content-box-middle img,
#eightBox .content-box-right img {
    max-width: 100%;
    height: auto;
}



/* eightBox 内容样式 */
.endbody .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#eightBox .content-box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    max-width: 1920px;
}

.content-box-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    width: 45%;
}

.content-box-left .content-title {
    width: 6.45rem;
    height: 4.12rem;
}

.content-box-left .content-chupin {
    width: 5.35rem;
    height: 1.16rem;
}

.content-box-middle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
}

.content-box-middle img {
    height: 6.77rem;
    width: auto;
    object-fit: contain;
}

.content-box-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
}

@media only screen and (max-width: 768px) {
    /* 手机端转场动画背景图旋转90度 */
    .act.cat1back.show,
    .act.cat2back.show,
    .act.cat3back.show {
        transform: rotate(90deg) translate(0, -100%) !important;
        -webkit-transform: rotate(90deg) translate(0, -100%);
        -moz-transform: rotate(90deg) translate(0, -100%);
        -ms-transform: rotate(90deg) translate(0, -100%);
        transform-origin: top left;
        width: 100vh !important;
        height: 100vw !important;
    }
    @keyframes shakeHorizontal {
        0%,
        100% {
            transform: translateX(0);
        }
        15% {
            transform: translateX(-12px);
        }
        30% {
            transform: translateX(10px);
        }
        45% {
            transform: translateX(-8px);
        }
        60% {
            transform: translateX(6px);
        }
        80% {
            transform: translateX(-3px);
        }
    }
    .act-hand .icon-bg {
        background: url(https://heb.hebccw.cn/wdxdsj/images/huadong.png) no-repeat center center;
        background-size: contain;
        animation: shakeHorizontal 1.2s ease-in-out infinite;
    }
    .nongmin .bottom .video-wrap {
        width: 9.6rem;
        height: 5.4rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    .nongmin .bottom .video-wrap .my-video {
        max-width: 9.6rem;
        max-height: 6.4rem;
        box-sizing: border-box;
    }
    .content-box {
        flex-direction: column;
        width: 95%;
        gap: 0.5rem;
    }
    .loadingindex img {
        width: 4.5rem;
        height: 1.45rem;
    }
    .content-box-left,
    .content-box-middle,
    .content-box-right {
        width: 100%;
    }

    .content-box-left .content-title {
        width: 80%;
        max-width: 6.45rem;
        height: auto;
    }

    .content-box-left .content-chupin {
        width: 80%;
        max-width: 5.35rem;
        height: auto;
    }

    .content-box-middle img {
        height: auto;
        width: 50%;
        max-width: 6.77rem;
    }

    .content-box-right img {
        width: 90%;
        height: auto;
    }
    .carousel .click {
        width: 300px !important;
        height: 158px !important;
    }
}

.content-box-right img {
    width: 6.97rem;
    height: 7.84rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.act3-people6 {
    width: 17.06rem;
    height: 100%;
    left: 20%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/wuqiren.png);
    background-position: center bottom;
}

.act3-people7 {
    width: 17.06rem;
    height: 100%;
    left: 20%;
    bottom: 0%;
    background-image: url(https://heb.hebccw.cn/wdxdsj/images/two/1.gif);
    background-position: center bottom;
}

.shouqi-btn {
    width: 5.57rem;
    height: 2.37rem;
    right: 9rem;
    top: 1rem;
}

.caitishi {
    position: absolute;
    top: 1rem;
    left: 11rem;
    transform: translateX(-50%);
    width: 7.89rem;
    height: 1.38rem;
    z-index: 999;
}

.caitishi-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.caichu {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 1.9rem;
    z-index: 999;
}

.caichu-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.content-title1 {
    position: absolute;
    top: 0.8rem;
    left: 5rem;
    font-size: 0.48rem;
    font-weight: bold;
    color: #FA513B;
    text-align: center;
    margin-bottom: 0.48rem;
    z-index: 99;
}

.btn-title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.nbody {
    width: 100%;
    height: 100vh;
    position: relative;
    background: url('https://heb.hebccw.cn/wdxdsj/images/four/beijing1.png') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
/* sixBox 全屏背景适配 */
#sixBox .content {
    width: 100%;
}

#sixBox .snf_page {
    width: 100%;
    display: block;
    float: none;
    height: 100vh;
    position: relative;
}

#sixBox .wrapper-scroll {
    width: 100%;
    overflow-x: hidden;
}

/* eightBox 全屏背景适配 */
#eightBox .snf_page {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

#eightBox .snf_page img.bg {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

#eightBox .endbody {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#eightBox .content-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
}

#eightBox .content-box-left,
#eightBox .content-box-middle,
#eightBox .content-box-right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#eightBox .content-title {
    width: 6.45rem;
    height: auto;
}

#eightBox .content-chupin {
    width: 5.35rem;
    height: auto;
}

#eightBox .content-box-middle img {
    width: 0.1rem;
    height: 6.5rem;
}

#eightBox .content-box-right img {
    width: 6.97rem;
    height: auto;
}

/* 手机端横屏适配 - sevenBox */
@media only screen and (max-width: 768px) {
    nongmin .bottom .video-wrap {
    max-width: 9.60rem;
    max-height: 6.40rem;
}
    #sevenBox .snf_page {
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .pepolebox-wrapper {
        left: 1rem;
    }
    #sevenBox .snf_page img.bg {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    #eightBox .snf_page {
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .pepolebox-wrapper {
        left: 1rem;
    }
    #eightBox .snf_page img.bg {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .infinite-bg {
        width: 120vh !important;
        min-height: 100vw !important;
    }
    #eightBox .endbody {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #eightBox .content-box {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        gap: 0.3rem;
        width: 90%;
        flex-wrap: nowrap;
    }

    #eightBox .content-box-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 35%;
    }

    #eightBox .content-box-middle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20%;
    }

    #eightBox .content-box-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 35%;
    }

    #eightBox .content-box-left .content-title {
        width: 6.45rem;
        height: auto;
    }

    #eightBox .content-box-left .content-chupin {
        width: 5.35rem;
        height: auto;
    }

    #eightBox .content-box-middle img {
        width: 0.05rem;
        height: 6.5rem;
    }

    #eightBox .content-box-right img {
        width: 6.97rem;
        height: auto;
    }
    #sevenBox .xiangxia,
    #sixBox .xiangxia,
    #fiveBox .xiangxia,
    #fourBox .xiangxia {
        right: 1.0rem;
        bottom: 0.45rem;
        width: 1.5rem;
        height: 1.25rem;
        background-image: url("https://heb.hebccw.cn/wdxdsj/images/youhua.png") !important;
    }

    #sevenBox .daohangnew,
    #sixBox .daohangnew,
    #fiveBox .daohangnew,
    #fourBox .daohangnew {
        position: absolute;
        top: 0.2rem;
        right: 1.1rem;
    }
    .daohang .homeback{
        width: 1.43rem;
        height: 0.78rem;
    }
    #eightBox .homebacknew,
    #sevenBox .homebacknew,
    #sixBox .homebacknew,
    #fiveBox .homebacknew,
    #fourBox .homebacknew {
        width: 1.43rem;
        height: 0.78rem;
    }
    .daohangnew .homebacknew {
        top: 0.5rem;
    }
}

/* animated背景 */
.animated-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.infinite-bg {
    position: absolute;
    width: 120vw; 
    min-height: 100vh;
    background-image: url('https://heb.hebccw.cn/wdxdsj/images/four/beijing4.png');
    background-size: cover;
    background-position: 0 center;
    background-repeat: no-repeat;
    animation: infiniteScroll 10s ease-in-out infinite alternate;
}

@keyframes infiniteScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(100vw - 120vw));
    }
}
/* @media only screen and (max-height: 960px) {
    .ly-abs0.act2-textbox {
        left: 13rem;
    }

    .act2-voice2 {
        left: 11rem;
        bottom: 3rem;
    }

    .act3-voice2 {
        left: 11.5rem;
        top: 4rem;
    }

    .act4-voice2 {
        left: 11.5rem;
        top: 5rem;
    }

    .act2-pic1 {
        left: 10.8rem;
    }

    .act2-pic2 {
        left: 11.5rem;
        top: 3.5rem;
    }

    .act2-pic3 {
        right: 5rem;
    }

    .act2-pic4 {
        right: 7.5rem;
    }

    .act1-card1 {
        left: 4.2rem;
    }

    .act2-card1 {
        left: 0.5rem;
    }

    .act3-card1 {
        left: 1.2rem;
    }

    .act1-tip2 {
        left: 6rem;
    }

    .act2-tip2 {
        left: 1.8rem;
    }

    .act3-tip2 {
        left: 4rem;
    }
    .act3-pic2 {
        left: 9rem;
    }

    .act3-pic3 {
        left: 6.6rem;
    }
    .act3-pic4 {
        right: 7rem;
        top: 4rem;
    }
    .act4-pic2 {
        left: 11rem;
    }

    .act4-pic3 {
        right: 12rem;
    }

    .act4-pic5 {
        left: 7rem;
    }
} */
@media only screen and (max-width: 768px) {
    .mobileback .swiper-container, .swiper-box .swiper-container {
        transform: rotate(-90deg);
    }

    .mobileback .swiper-slide, .swiper-box .swiper-slide {
        transform: rotate(90deg)
    }
    .swiper-container{
        width: 410px !important;
        height:278px !important;

    }
    .start-mobile{
        top: 2rem;
    }
    /* 横屏手机视频适配 */
    .idxvideo {
        width: 100%;
        height: 100%;
    }

    .playindex img {
        width: 1rem;
        height: 1rem;
    }

    .jump-video {
        top: 0.3rem;
        right: 0.3rem;
        font-size: 0.48rem;
        padding: 0.1rem 0.45rem;
        z-index: 9999;
    }

    /* jumpBox部分适配 */
    .jump-box {
        text-align: center;
        bottom: 1rem;
        right: 0.4rem;
        font-size: 0.32rem;
        padding: 0.1rem 0.3rem;
    }

    .act1-topic1,
    .act1-topic2,
    .act1-topic3,
    .act1-topic4,
    .act1-topic5,
    .act1-topic6 {
        width: 45%;
        height: 28%;
        top: 2.5%;
    }

    .content-title1 {
        font-size: 0.32rem !important;
        top: 3% !important;
        padding: 0 0.2rem;
    }

    #wide-wrapper {
        margin-top: 0.1rem !important;
        padding-bottom: 2.8rem !important;
        flex: none !important;
        height: auto !important;
    }

    .carousel-float-info {
        bottom:0.2rem !important;
        padding: 0.12rem !important;
        margin-left: 0.75rem;
    }

    .carousel-float-info .float-name {
        font-size: 0.32rem !important;
    }

    .carousel-float-info .float-title,
    .carousel-float-info .float-subtitle,
    .carousel-float-info .float-phone {
        font-size: 0.28rem !important;
    }
    

    .act10-video1 {
        width: 95% !important;
        left: 0% !important;
    }

    .act10-pic1 {
        width: 2.5rem !important;
        top: 0.2rem !important;
        left: 0.2rem !important;
    }

    .start-text {
        bottom: 1.4rem;
    }
    .act1-hand {
        left: 4.0rem;
    }
    .ly-abs0.act2-textbox {
        left: 11rem;
        height: 4.0rem;
        width: 7.5rem;
    }
    .one_gdimg {
        top: 1.5rem;
    }
    .act1-qiannanyu {
        right: 1.5rem;
        bottom: 1.5rem;
    }
    .act2-voice2 {
        left: 9.5rem;
        bottom: 3rem;
        width: 1.2rem;
    }
    .voice-text {
        font-size: 0.28rem;
        line-height: 0.56rem;
    }
    .video-text {
        font-size: 0.28rem;
        line-height: 0.56rem;
    }
    .act2-voice {
        width: 1.2rem;
    }
    .act3-voice2 {
        left: 9.5rem;
        top: 4rem;
        width: 1.2rem;
    }
    .act1-tip2 {
        left: 6rem;
    }
    .act2-card1 {
        left: -1.5rem;
    }
    .act1-card1 {
        left: 4.2rem;
    }
    .act3-card1 {
        left: 1.2rem;
    }
    .act2-pic1 {
        left: 10.2rem;
        width: 1.2rem;
    }

    .act2-pic2 {
        left: 10.5rem;
        top: 3.5rem;
        width: 1.2rem;
    }
    .act4-voice2 {
        left: 9.5rem;
        top: 5rem;
        width: 1.2rem;
    }
    .act3-pic4 {
        right: 2rem;
        top: 4rem;
        width: 1.2rem;
    }
    .act2-pic3 {
        right: 4rem;
        width: 1.2rem;
    }
    .act2-pic4 {
        right: 6.5rem;
        width: 1.2rem;
    }
    .daohang .homeback,
    .daohang .guoyuan,
    .daohang .shanye,
    .daohang .zhunong {
        right: 1rem;
    }

    .daohang .qinting {
        right: 0.9rem;
    }

    .act3-pic2 {
        left: 7.2rem;
        top: 4.5rem;
    }

    .act3-pic3 {
        left: 4.6rem;
    }

    .act4-pic2 {
        left: 9.2rem;
        top: 3.5rem;
    }

    .act4-pic3 {
        right: 10rem;
        top: 4rem;
    }

    .act4-pic5 {
        left: 6rem;
        top: 4rem;
    }
    .lyric-line {
        font-size: 0.36rem;
    }

    .lyric-line.active {
        font-size: 0.36rem;
    }
    .carousel-content {
        width: 10rem;
        height: 5rem;
    }
    .carousel-video {
        width: 11.52rem;
        height: 6.48rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    .carousel-video video {
        max-width: 11.52rem;
        max-height: 6.48rem;
        box-sizing: border-box;
    }
    .act-video {
        width: 100vh !important;
        height: 100vw !important;
    }

    .act-video-mask {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100vh !important;
        height: 100vw !important;
    }

    .act-video video {
        position: absolute;
        top: 1rem;
        left: 0;
        width: 100%;
        object-fit: cover;
        z-index: 100001 !important;
    }

    .act-video .close {
        top: 0.2rem !important;
    }

    .act-drop-content {
        width: 14rem !important;
        max-width: 16rem !important;
        max-height: 8.5rem !important;
    }

    .act-drop-scroll {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0.3rem 0.4rem;
        box-sizing: border-box;
        overflow: visible;
        position: relative;
    }
    .act-drop-scroll .showPic {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        display: block;
        object-fit: contain;
        touch-action: none;
        -webkit-touch-callout: none;
        user-select: none;
    }
    .act-drop-scroll1 {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0.3rem 0.4rem;
        box-sizing: border-box;
    }
    
    /* 手机端电影落幕效果修复 - 确保动画完成后wenzi3正确显示 */
    .carousel-slides {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .carousel-slide {
        position: absolute;
        width: 100%;
        height: auto;
        opacity: 0;
        transform: translateY(100%);
    }

    /* 手机端动画定义 */
    .carousel-slide.wenzi1-slide {
        animation: curtainRise1 10s ease-out forwards !important;
        -webkit-animation: curtainRise1 10s ease-out forwards !important;
        animation-fill-mode: forwards !important;
        -webkit-animation-fill-mode: forwards !important;
    }

    .carousel-slide.wenzi2-slide {
        animation: curtainRise2 10s ease-out 10s forwards !important;
        -webkit-animation: curtainRise2 10s ease-out 10s forwards !important;
        animation-fill-mode: forwards !important;
        -webkit-animation-fill-mode: forwards !important;
    }

    .carousel-slide.wenzi3-slide {
        animation: curtainRise3 10s ease-out 20s forwards !important;
        -webkit-animation: curtainRise3 10s ease-out 20s forwards !important;
        animation-fill-mode: forwards !important;
        -webkit-animation-fill-mode: forwards !important;
    }

    /* wenzi3图片手机端适配 */
    .carousel-slide .wenzi3 {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }
}

/* 横屏且小高度手机适配 */
@media only screen and (orientation: landscape) and (max-height: 500px) {
    .idxvideo {
        width: 100%;
        height: 100%;
    }

    .playindex img {
        width: 1.2rem;
        height: 1.2rem;
    }

    .jump-video {
        top: 0.2rem;
        right: 0.2rem;
        font-size: 0.26rem;
        padding: 0.06rem 0.25rem;
    }

    /* jumpBox部分适配 */
    .jump-box {
        bottom: 0.3rem;
        right: 0.3rem;
        font-size: 0.28rem;
        padding: 0.08rem 0.25rem;
    }

    .act1-topic1,
    .act1-topic2,
    .act1-topic3,
    .act1-topic4,
    .act1-topic5,
    .act1-topic6 {
        width: 40%;
        height: 25%;
        top: 2%;
    }
}

/* 适配 800px 高度显示器 */
@media only screen and (max-height: 800px) {
    .ly-abs0.act2-textbox {
        left: 12.5rem;
    }

    .act2-voice2 {
        left: 10.5rem;
        bottom: 2.5rem;
    }

    .act3-voice2 {
        left: 11rem;
        top: 3.5rem;
    }

    .act4-voice2 {
        left: 11rem;
        top: 4.5rem;
    }

    .act2-pic1 {
        left: 10.5rem;
    }

    .act2-pic2 {
        left: 11rem;
        top: 3rem;
    }

    .act2-pic3 {
        right: 5rem;
    }

    .act2-pic4 {
        right: 7.5rem;
    }

    .act1-card1 {
        left: 6.5rem;
    }

    .act2-card1 {
        left: 0.4rem;
    }

    .act3-card1 {
        left: 2.8rem;
    }

    .act1-tip2 {
        left: 7rem;
    }

    .act2-tip2 {
        left: 1.6rem;
    }

    .act3-tip2 {
        left: 4.5rem;
    }
    .act3-pic2 {
        left: 8rem;
    }

    .act3-pic3 {
        left: 5.8rem;
    }
    .act3-pic4 {
        right: 6rem;
        top: 3.5rem;
    }
    .act4-pic2 {
        left: 9.8rem;
    }

    .act4-pic3 {
        right: 10.5rem;
    }

    .act4-pic5 {
        left: 6.2rem;
    }
}

/* 适配 700px 高度显示器 */
@media only screen and (max-height: 700px) {
    .ly-abs0.act2-textbox {
        left: 11rem;
    }

    .act2-voice2 {
        left: 9.5rem;
        bottom: 2rem;
    }

    .act3-voice2 {
        left: 10rem;
        top: 3rem;
    }

    .act4-voice2 {
        left: 10rem;
        top: 4rem;
    }

    .act2-pic1 {
        left: 9.5rem;
    }

    .act2-pic2 {
        left: 10rem;
        top: 2.5rem;
    }

    .act2-pic3 {
        right: 4.5rem;
    }

    .act2-pic4 {
        right: 6.5rem;
    }

    .act1-card1 {
        left: 5.8rem;
    }

    .act2-card1 {
        left: 0.35rem;
    }

    .act3-card1 {
        left: 2.5rem;
    }

    .act1-tip2 {
        left: 6.2rem;
    }

    .act2-tip2 {
        left: 1.4rem;
    }

    .act3-tip2 {
        left: 4rem;
    }
    .act3-pic2 {
        left: 7.2rem;
    }

    .act3-pic3 {
        left: 5.2rem;
    }
    .act3-pic4 {
        right: 5.2rem;
        top: 3rem;
    }
    .act4-pic2 {
        left: 8.8rem;
    }

    .act4-pic3 {
        right: 9.5rem;
    }

    .act4-pic5 {
        left: 5.5rem;
    }
}

/* 适配 600px 高度显示器 */
@media only screen and (max-height: 600px) {
    .ly-abs0.act2-textbox {
        left: 9.5rem;
    }

    .act2-voice2 {
        left: 8rem;
        bottom: 1.5rem;
    }

    .act3-voice2 {
        left: 8.5rem;
        top: 2.5rem;
    }

    .act4-voice2 {
        left: 8.5rem;
        top: 3.5rem;
    }

    .act2-pic1 {
        left: 8rem;
    }

    .act2-pic2 {
        left: 8.5rem;
        top: 2rem;
    }

    .act2-pic3 {
        right: 3.8rem;
    }

    .act2-pic4 {
        right: 5.5rem;
    }

    .act1-card1 {
        left: 5rem;
    }

    .act2-card1 {
        left: 0.3rem;
    }

    .act3-card1 {
        left: 2.2rem;
    }

    .act1-tip2 {
        left: 5.4rem;
    }

    .act2-tip2 {
        left: 1.2rem;
    }

    .act3-tip2 {
        left: 3.5rem;
    }
    .act3-pic2 {
        left: 6.2rem;
    }

    .act3-pic3 {
        left: 4.5rem;
    }
    .act3-pic4 {
        right: 4.5rem;
        top: 2.5rem;
    }
    .act4-pic2 {
        left: 7.5rem;
    }

    .act4-pic3 {
        right: 8rem;
    }

    .act4-pic5 {
        left: 4.8rem;
    }
    
}

/* ========================================
   视频全屏退出修复 - 防止视频全屏后尺寸变大
   ======================================== */

/* 全局视频样式修复 */
video {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* 所有视频相关类别的样式修复 */
.video-self,
.video-main,
.my-video,
.rel-video-main,
#fourVideo,
#video-main,
video[class*="video"] {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    flex-shrink: 0 !important;
}

/* 视频容器样式修复 */
.video-container,
.carousel-video,
.video-wrap,
.video-container *,
.carousel-video *,
.video-wrap * {
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2026-07-01 01:30:13" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->