body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li,div,p /* list elements 列表元素 */
{
	margin: 0;
	padding: 0;
}

 @font-face {
      font-family: 'SourceHanSerifSC';
      src: url('https://imgcdn.scol.com.cn/cdn/scol/font/SourceHanSerifCN/SourceHanSerifCN-Regular.woff2') format('opentype');
    }


html,
body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    touch-action: none;
    height: 100%;
    background: #1D212C;
    margin: 0 auto;
    font-family: 'SourceHanSerifSC';
    overflow: hidden;
}




@-webkit-keyframes rotation{
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
	0%{-moz-transform: rotate(0deg);}
	100%{-moz-transform: rotate(360deg);}
}
@keyframes rotation{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.video-container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    
}
.top-video {
    object-fit: cover; /* 关键属性保持比例 */
    object-position: center;
    width: 100%;
    height: 100%;
}




/*   css  index */

#box {
    height: 100%;
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


.hide {
    display: none!important;
}

.show {
    display: block
}

.wd100p {
    width: 100%;
}

.hg100p {
    height: 100%;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}

.top0 {
    top: 0;
}

.bottom0 {
    bottom: 0;
}

.left0 {
    left: 0;
}

.right0 {
    right: 0;
}

.flex1 {
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

.tcenter{text-align: center;}
.rel{position: relative;}



/* css  */
.t1 {
    color:#fff
}

.t2 {
    color: #72FFFF
}

.t3 {
    color: #ffe6be
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}



/*  媒体查询 */
.fb{font-weight:bold}
.f12{font-size:0.6em;}
.f14 {font-size: 1.4vw}
.f16{font-size:1.6vw;}
.f18{font-size:0.85em;}
.f20{font-size:2vw;}
.f22{font-size:2.2vw;}
.f24{font-size:2.4vw;}
.f26{font-size:2.6vw;}
.f28{font-size:2.8vw;}
.f30{font-size:3vw;}
.f34{font-size:1.35em;}
.f36{font-size:1.45em;}
.f40{font-size:1.6em;}
.f48{font-size:2em;}
.lh120{line-height:120%}
.lh140{line-height:140%}
.lh160{line-height: 160%}
.lh180{line-height:180%}
.lh200 {
    line-height: 200%
}
.lh220 {
    line-height: 220%
}

.type3 .juanzhoucon .swiper-container{width:100%; height:100%;margin: 0 auto;overflow: hidden;}
.type3 .swiper-button-prev,.type3 .swiper-button-next{
	width: 2.03%;
}
.type3 .swiper-button-prev img,.type3 .swiper-button-next img{
	width: 100%;
}
.type3 .swiper-button-prev:after,.type3 .swiper-container-rtl .swiper-button-next:after,.type3 .swiper-button-next:after,.type3 .swiper-container-rtl .swiper-button-prev:after {
    content: none;
}
.type3 .swiper-button-next,.type3 .swiper-container-rtl .swiper-button-prev{right: 3.02%;}
.type3 .swiper-button-prev,.type3 .swiper-container-rtl .swiper-button-next{left: 11.09%;}
.type3 .swiper-slide img{width: 100%;height: 100%;pointer-events: auto!important;object-fit: fill!important;}

.type5 .swiper-container,.type7 .swiper-container,.type9 .swiper-container{width:100%; height:100%;margin: 0 auto;overflow: hidden;}
.type5 .swiper-slide,.type7 .swiper-slide,.type9 .swiper-slide{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.type5 .swiper-button-prev,.type5 .swiper-button-next,.type7 .swiper-button-prev,.type7 .swiper-button-next,.type9 .swiper-button-prev,.type9 .swiper-button-next{
	width: 2.03%;
    top:82%
}
.type5 .swiper-button-prev img,.type5 .swiper-button-next img,.type7 .swiper-button-prev img,.type7 .swiper-button-next img,.type9 .swiper-button-prev img,.type9 .swiper-button-next img{
	width: 100%;
}
.type5 .swiper-button-prev:after,.type5 .swiper-container-rtl .swiper-button-next:after,.type5 .swiper-button-next:after,.type5 .swiper-container-rtl .swiper-button-prev:after,.type7 .swiper-button-prev:after,.type7 .swiper-container-rtl .swiper-button-next:after,.type7 .swiper-button-next:after,.type7 .swiper-container-rtl .swiper-button-prev:after {
    content: none;
}
.type5 .swiper-button-next,.type7 .swiper-container-rtl .swiper-button-prev{right: 3.62%;}
.type5 .swiper-button-prev,.type7 .swiper-container-rtl .swiper-button-next{left: 31.09%;}
.type5 .lefttxt,.type7 .lefttxt,.type9 .lefttxt{width: 24.84%;line-height: 1.5;color: #000;text-align: justify;max-height:85%;margin: 10% 0 5%;}
.heightover{overflow-y: auto;padding-right: 2%;scrollbar-width: thin;scrollbar-color: #7A432F #FAEBCA;pointer-events: auto !important;-webkit-overflow-scrolling: touch; /* 启用iOS惯性滚动 */
    overscroll-behavior: contain; /* 防止滚动传播 */
    transform: translateZ(0); /* 触发硬件加速 */}
.type5 .rightimg,.type7 .rightimg,.type9 .rightimg{width: 73.5%;height: 100%;background: url(../images/4_3.png) no-repeat center center;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;}
.type5 .rightimg>div,.type7 .rightimg>div,.type9 .rightimg>div{width: 81.36%;height: 80.55%;padding: 1.21% 1.13%;background: #fff;}
.type5 .rightimg img,.type7 .rightimg img,.type9 .rightimg img{width: 100%;height: 100%;pointer-events: auto!important;object-fit: fill!important;}


.type6 .swiper-container{width:100%; height:100%;margin: 0 auto;overflow: hidden;}
.type6 .swiper-slide{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.type6 .swiper-button-prev,.type6 .swiper-button-next{
	width: 2.03%;
    top:84%
}
.type6 .swiper-button-prev img,.type6 .swiper-button-next img{
	width: 100%;
}
.type6 .swiper-button-prev:after,.type6 .swiper-container-rtl .swiper-button-next:after,.type6 .swiper-button-next:after,.type6 .swiper-container-rtl .swiper-button-prev:after {
    content: none;
}
.type6 .swiper-button-next,.type6 .swiper-container-rtl .swiper-button-prev{right: 5%;}
.type6 .swiper-button-prev,.type6 .swiper-container-rtl .swiper-button-next{left:5%}

.type9 .swiper-button-next{right: 3.62%;}
.type9 .swiper-button-prev{left: 30.62%;}
.type9 .swiper-button-prev:after,.type9 .swiper-container-rtl .swiper-button-next:after,.type9 .swiper-button-next:after,.type9 .swiper-container-rtl .swiper-button-prev:after {
    content: none;}


.backtoindex{position: fixed;width: 8%;left: 0;top: 90.56%;}
.tk_type1,.tk_type2,.tk_type3,.tk_type4,.tk_type5,.tk_type6,.tk_type7,.tk_type8,.tk_type9,.tk_type10,.backtoindex,.tzline,.tkboxsback,.closebtn,.tk_type12{cursor: pointer;transition: transform 0.3s ease;
    transform-origin: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
.tk_type1:hover,
.tk_type2:hover,
.tk_type3:hover,
.tk_type4:hover,
.tk_type5:hover,
.tk_type6:hover,
.tk_type7:hover,
.tk_type8:hover,
.tk_type9:hover,
.tk_type10:hover,
.tk_type12:hover,
.tzline:hover,
.backtoindex:hover,
.tkboxsback:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}
.tkboxs,.full-screen,.startbg,.video-container{width: 100%;height: 100%;position: fixed;}
.tkboxs .type1{width: 100%;height: 100%;}
.type2,.type3,.type5,.type6,.type7{background: url(https://imgcdn.scol.com.cn/cdn/cdnlc/2025/25shudao/images/tkbg.jpg) no-repeat center center;width: 100%;height: 100%;background-size: 100% 100%;}
.type4{background: url(https://imgcdn.scol.com.cn/cdn/cdnlc/2025/25shudao/images/4_tkbg.jpg) no-repeat center center;width: 100%;height: 100%;background-size: 100% 100%;}
.type8{background: url(https://imgcdn.scol.com.cn/cdn/cdnlc/2025/25shudao/images/7.jpg) no-repeat center center;width: 100%;height: 100%;background-size: 100% 100%;}
.type9{background: url(https://imgcdn.scol.com.cn/cdn/cdnlc/2025/25shudao/images/6.jpg) no-repeat center center;width: 100%;height: 100%;background-size: 100% 100%;}
.type10{background: url(https://imgcdn.scol.com.cn/cdn/cdnlc/2025/25shudao/images/10.jpg) no-repeat center center;width: 100%;height: 100%;background-size: 100% 100%;}
.type11{background: rgba(0,0,0,0.9);width: 100%;height: 100%;}
.type12{width: 100%;height: 100%;}

.line1,.line2,.line3,.line4,.line5{position: relative;}
.line1img,.line2img,.line3img,.line4img,.line5img,.tkimg,.startimg{position: absolute;}
.audioimgs{display: flex;justify-content: center;align-items: center;cursor: pointer;}
.audiobg{position: absolute;width: 100%;animation: 3s suofang infinite alternate linear;transform-origin: center center;}
.audioimg{width: 34.44%;position: relative;}
.type5con{height: 76.66%;}
.iframebox{position: absolute;}
.iframebox.init{width: 66.11%;left: 17.07%;top:23.42%;height: 63.51%;}
.iframebox.big{width: 100%;left: 0%;top:0%;height: 100%;}
.screenbtn{position: absolute;bottom: 2.915%;right:1.98%;width:4.427%;}
.screenclose{position: absolute;bottom: 1.98%;right: 1.98%;width: 4.427%;}
.iframebox iframe{width: 100%;height: 100%;}

.tkboxsimg{width: 100%;height: 100%;}
.tkboxsback{width: 7.86%;position: absolute;top:91.29%;left:0;}
.w100{width: 100%;}
.titimg{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 23.79%;background: url(../images/titbg.png) no-repeat;background-size: 100% 100%;}
.tittxt{position: relative;color: #fff;font-weight: bold;writing-mode: vertical-rl;letter-spacing: 0.1em;line-height: 1.5;}
.juanzhoubox{background: url(../images/juanzhoubg.png) no-repeat center center;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 76.66%;}
.juanzhoucon{width: 86.69%;height: 82.85%;position: relative;}
.juanzhoucon>div{width: 100%;height: 100%;}


.videobox video{width: 100%;height: 100%;}
.videoimg{width: 29.44%;position: relative;}
.titimg2{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 1.5% 0;background: url(../images/titbg2.png) no-repeat;background-size: 100% 100%;}
.type4_audio1{width: 6.32%;}
.type4_text1{width: 91%;}
.type4_audio2{width: 7.81%;}
.type4_text2{width: 89.57%;}
.type4_con{line-height: 1.4;color: #000;}
.type4_tit{font-weight: bold;}
.titimg3{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 1.5% 0;background: url(../images/titbg.png) no-repeat;background-size: 100% 100%;}
.type6_jianjie{width: 23.36%;color: #000;line-height: 1.5;padding-top: 3%;text-indent: 2em;text-align: justify;}
.type6_boxs{width: 94.02%;}
.type6_right{width: 67.42%;color: #000;line-height: 1.5;}
.type6_right_nav{display: flex;justify-content: space-around;align-items: center;}
.type6_right_nav>div{background: url(../images/xuan1.png) no-repeat center left;background-size: 100% 100%;background-size: 10.8% auto;padding-left: 3%;color: #000;font-weight: bold;}
.type6_right_nav>div.act{background: url(../images/xuan2.png) no-repeat center left;background-size: 100% 100%;background-size: 10.8% auto;padding-left: 3%;color: #ffe6be;font-weight: bold;}
.type6_right_con{text-indent: 2em;margin-bottom: 2%;text-align: justify;line-height: 1.2;}
.type6_right_conbox{margin-top: 3%;}
.type6_tit{color: #ffe6be;font-weight: bold;text-align: center;line-height: 1.2;}
.tishibtn{animation: suofang 3s linear infinite alternate;}
.type6_brief{text-align: center;}
.type11_tit{font-weight: bold;line-height: 1.8;}
.type11_con{color: #fff;line-height: 1.2;margin-top: 2%;}
.type11_audio{width: 7.86%;}
.type11_text{width: 89.57%;}

.preview-image {
    width: 100%;
    height: 100%;
    --el-image-viewer-font-size: 16px; /* 调整预览界面字体 */
}
.el-image-viewer__actions {
    background: rgba(0,0,0,0.5);
}

body > .el-image-viewer {
    --el-image-viewer-font-size: 16px;
    
    &__wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 99999 !important;
    }
    
    &__mask {
        position: fixed !important;
        z-index: 99998 !important;
    }
}
#teleport-target {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.vidclo{animation: rotation 7s infinite linear;-webkit-animation:rotation 7s infinite linear;}

.rotate {
    animation: rotation 2s linear infinite;
}
.rotateani {
    animation: rotation 2s linear infinite;
}

@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes suofang {
    from { transform: scale(1); }
    to { transform: scale(0.7); }
}
@keyframes suofang2 {
    from { transform: scale(1); }
    to { transform: scale(0.9); }
}



/* 横屏样式 */
@media (orientation: landscape) {
    .lefttxt, .type6_jianjie, .type6_right, .type4_con,.type6_brief,.type6_cons,.type11_con {
        font-size: 1.4vw;
    }
    .tittxt {
        font-size: 1.6vw;
    }
    .type6_tit, .type4_tit,.type11_tit{font-size: 1.8vw;}
}

/* 竖屏样式 */
@media (orientation: portrait) {
    .lefttxt, .type6_jianjie, .type6_right, .type4_con,.type6_brief,.type6_cons,.type11_con {

        font-size: 2.4vw;
    }
    .tittxt {
        font-size: 2.8vw;
    }
    .type6_tit, .type4_tit,.type11_tit{font-size: 3.2vw;} 
}

.cloud{animation: moveCloud linear infinite alternate;}
@keyframes moveCloud {
  0% {
    transform: translate(-2%,-10%);
  }
  100% {
    transform: translateY(0%,0%);
  }
}