:root{--h-item: 16vmin;--transition-duration: 0.3s;--transition-easing: ease-out;--pagination-dot-size: 10px;--pagination-dot-gap: 10px;--pagination-bottom: 30px;--pagination-opacity: 0.8;--pagination-active-opacity: 1;--pagination-dot-color: rgba(255, 255, 255, 0.5);--pagination-dot-active-color: white;--pagination-z-index: 10;--slide-font-size: 30px;}
* {box-sizing: border-box;margin: 0;padding: 0}
html, body {height: 100%}
body {font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial;background: #111;color: #fff;overflow: hidden}
img{width: 100%;}
#viewportWrapper {width: 100vw;  height: 100vh;position: relative;overflow: hidden;}
#viewportWrapper.rotated {transform: rotate(90deg);transform-origin: top left;width: 100vh;height: 100vw;position: absolute;top: 0;left: 100vw; /* 将元素移回到屏幕内 */}
#slidesContainer {display: flex;width: 300vw; /* 初始值，JS会根据实际幻灯片数量更新 */height: 100%; transition: transform var(--transition-duration) var(--transition-easing);cursor: grab;}
#slidesContainer:active {cursor: grabbing;}
.panel {width: 100vw;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; font-size: var(--slide-font-size);color: white;flex-shrink: 0; /* 防止幻灯片被挤压 */}
/* 分页指示器容器 - 统一样式，旋转状态自动继承 */
#paginationContainer {opacity: 0;position: absolute;bottom: var(--pagination-bottom);left: 50%;transform: translateX(-50%);display: flex;gap: var(--pagination-dot-gap);z-index: var(--pagination-z-index);pointer-events: auto;}
/* 分页圆点样式 */
.pagination-dot {width: var(--pagination-dot-size);height: var(--pagination-dot-size);border-radius: 50%;background-color: var(--pagination-dot-color);cursor: pointer;transition: all var(--transition-duration) var(--transition-easing);opacity: var(--pagination-opacity);}
/* 激活状态的圆点样式 */
.pagination-dot.active {background-color: var(--pagination-dot-active-color);opacity: var(--pagination-active-opacity);transform: scale(1.2);}
.scroll-auto.scroll-auto{overflow: auto}
/*  */
.panel img{user-select: none; -webkit-user-drag: none;}
.page-start {background: url(//x0.ifengimg.com/ucms/special/images/EE986CFB24BCAAF6EBE7004B9A6E5DF8.jpg) no-repeat center/100% 100%;}
.page-start-wrap{position: relative;}
.page-start-location {width: 42vmin;margin: -15% auto 0;}
.page-start-title{width: 82vmin;margin: 0 auto 4%;}
.page-start-line {position: relative;width: 96vmin;padding: 0 14vmin 0 14vmin;height: 11vmin;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;background: url(//x0.ifengimg.com/ucms/special/images/ADACB9F610138E0408B3B36E52364144.png) no-repeat center/100% auto;}
.page-start-item{width: 11vmin;cursor: pointer;}
/*  */
.page-intro {background: url(//x0.ifengimg.com/ucms/special/images/FD78EA253128DA3E0C7FE699F3B5FC1F.jpg) no-repeat center/100% 100%;}
.page-intro-title{width: 111vmin;margin: 2% auto -6%;}
.page-intro-content{position: relative;width: 157vmin;height: 79vmin;background: url(//x0.ifengimg.com/ucms/special/images/BAF1A59395E4E7373708E8F4DB526AEE.png) no-repeat center/100% 100%;}
.page-intro-textarea {position: absolute;width: 70%;height: 49%;top: 30%;left: 14%;text-align: justify;}
.page-intro-textarea p {font-size: min(28px, 3vmin);color: #313131;text-indent: 2em;line-height: 1.6;font-family: kaiti, sans-serif;}
.page-intro .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.page-intro  .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right: -4%;}
.page-intro-link {position: absolute;width: 12vmin;height: 5vmin;right: 16%;bottom: 13%;background: url(//x0.ifengimg.com/ucms/special/images/E7E93AB572FA58F19FC15395863CC974.png) no-repeat center/contain;}
/*  */
.page-news-frame {position: relative;margin: 0 auto;}
.page-news-title {width: 111vmin;margin: 2% auto 5%;}
.page-news-content {position: relative;max-width: 132vmin;}
.page-news-align{display: flex;flex-direction: row;align-items: center;flex-wrap: nowrap;justify-content: space-between;gap: 5vmin;margin: 0 0 3% 0;}
.flex-reverse{flex-direction: row-reverse;}
.page-news-image-frame {max-width: 75vmin;}
.page-news-textarea {position: relative;max-width: 80vmin;height: fit-content;align-self: center;}
.page-news-textarea h4 {color: #582c03;font-size: min(28px, 3.6vmin);font-family: kaiti, sans-serif;}
.page-news-textarea p {color: #313131;font-size: min(18px, 2.2vmin);line-height: 1.4;text-align: justify;margin: 4% 0 3%;}
.page-news-line {width: 80%;height: 3vmin;background: url(//x0.ifengimg.com/ucms/special/images/A25264551A3913AEF3AC71E531F7309B.png) no-repeat center/contain;float: left;}
.page-news-link-1 {position: relative;display: block;float: right;width: 12vmin;height: 5vmin;background: url(//x0.ifengimg.com/ucms/special/images/78FE8CBD03D9BCA67DD6142E6BA1C040.png) no-repeat center/contain;margin: -2% 0 0 0;}
/*  */
.page-video-frame{position: relative;margin: 0 auto;}
.page-video-title{width: 111vmin;margin: 0 auto 3%;}
.page-video-content{position: relative;}
.page-video-align{width: 110vmin;display: flex;flex-direction: row;flex-wrap: nowrap;margin: 0 auto;justify-content: space-between;align-content: center;}
.page-video-gallery{position: relative;width: 86vmin;pointer-events: none;}
.page-video-gallery::after{content: ''; position: absolute;width: 9vmin;height: 9vmin;background: url(//x0.ifengimg.com/ucms/special/images/A4B3C0D8B8832BD680A10FD5639E8EB7.png) no-repeat center/contain;left: 0;right: 0;top: 36%;margin: auto;pointer-events: initial;cursor: pointer;}
.page-video-menu-set{position: relative;width: 20vmin;margin: 1.8vmin 0 0 0;}
.page-video-nav{display: flex;justify-content: space-between;align-items: center;}
.page-video-list{transition: .3s;}
.page-video-menu-frame{overflow:hidden; position:relative;height:calc(var(--h-item) * 3);margin: 0 0 2vmin 0;}
.page-video-frame{font-size: min(14px, 3vmin);}
.page-video-item{height: 16vmin;}
.page-video-item.active{pointer-events: none;}
.page-video-item img{cursor: pointer;}
.page-video-item h4{color: #313131;font-size: min(12px, 2.1vmin);padding: 0 0 0 12%;background: url(//x0.ifengimg.com/ucms/special/images/844A55F916A0CF93D7F106B8F953B8BC.png) no-repeat left/min(1.6vmin, 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.page-video-pagnition{display: flex;flex-direction: row;color: #2f6b80;font-size: min(16px, 2.8vmin);}
.page-video-slash{margin: 0 12% 0 12%;}
.page-video-button-prev{width: 5vmin;height: 5vmin;background: url(//x0.ifengimg.com/ucms/special/images/517097F5ABD9A50BC62FF3F06FEC3C18.png) no-repeat center/contain;cursor: pointer;}
.page-video-button-next{width: 5vmin;height: 5vmin;background: url(//x0.ifengimg.com/ucms/special/images/0E0E6A6E149CA06FBB8313777DE37B24.png) no-repeat center/contain;cursor: pointer;}
.page-video-detail{width: 82vmin;margin: -4% auto 0 3%;}
.page-video-detail h3{font-size: min(22px, 3.4vmin);font-family: kaiti, sans-serif;color: #582c03;padding: 0 0 0 3%;}
.page-video-detail p{font-size: min(16px, 3.2vmin);color: #313131;padding: 0 0 0 3%;}
.page-video-line{width: 100%;height: min(8px, 1vmin);margin: 1% 0;background: url(//x0.ifengimg.com/ucms/special/images/293E42BAD79FFE58D903EF57AE744F30.png) no-repeat center/contain;}
.page-video-gallery-picture{transition: opacity .4s;}
.ohide{opacity: 0;}
.abs-tl0{position: absolute; top: 0;left: 0;}
/*  */
.page-gallery-frame {position: relative;margin: 0 auto;}
.page-gallery-title {width: 111vmin;margin: -6% auto 3%;}
.page-gallery-content {position: relative;width: 112vmin;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;margin: 0 auto;}
.page-gallery-card {position: relative;width: 29vmin;}
.page-gallery-card-detail {width: 11%;position: absolute;top: 6%;left: -16%;}
.page-gallery-link {position: absolute;width: 12vmin;height: 5vmin;left: 0;right: 0;margin: auto;bottom: -10%;background: url(//x0.ifengimg.com/ucms/special/images/CBC68A11026B8F7AF9AC011FBD50DE6D.png) no-repeat center/contain;}
/*  */
.page-info-frame {position: relative;margin: 0 auto;}
.page-info-title {width: 111vmin;margin: -2% auto 2%;}
.page-info-content {position: relative;width: 146vmin;}
/*  */
.page-news {background: url(//x0.ifengimg.com/ucms/special/images/CA74E3F3863CAB708616677FB1EFD5BE.jpg) no-repeat center/100% 100%;}
.page-video {background: url(//x0.ifengimg.com/ucms/special/images/98BD848403E39408DEE1CCC3C05EBEA8.jpg) no-repeat center/100% 100%;}
.page-gallery {background: url(//x0.ifengimg.com/ucms/special/images/8F613B379068385DF3551C18B925A0E2.jpg) no-repeat center/100% 100%;}
.page-info {background: url(//x0.ifengimg.com/ucms/special/images/203F7B83AB7932668349A7440CA7898E.jpg) no-repeat center/100% 100%;}
/*  */
.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;visibility:hidden;background:rgba(0, 0, 0, .9);}
.mask.visible{visibility:visible;}
.mask video{width: fit-content;height: 100vmin;margin:auto;transition:initial;transform:scale(.4);will-change:auto;}
.mask.visible video{transition:.3s;transform:scale(1);}
.video-close{position:absolute;top: min(20px, 4%);right: min(20px, 4%);width: min(42px, 7vmin);height: min(42px, 7vmin);cursor:pointer;background:url(//x0.ifengimg.com/ucms/special/images/356D9578B6651E35B249DFE3BDE231D6.png);background-repeat: no-repeat; background-size:contain;}

/* 区间1: 宽高比介于4:3 (约1.333) 到 16:9 (约1.777) 之间 */
@media (min-aspect-ratio: 4/3) and (max-aspect-ratio: 16/9) {
  /* 当屏幕宽高比在1.333至1.777之间时应用的样式 */
  .panel{background-size: cover;}
  .page-intro-content{width: 127vmin;height: 89vmin;}
  .page-info-content{width: 110vmin;}
  .page-info-content{width: 130vmin;}
  .mask video{width: 100%;height: auto;}
}
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4)  {
  /* 当屏幕宽高比在1.333至1.777之间时应用的样式 */
  .panel{background-size: cover;}
  .page-intro-content{width: 127vmin;height: 89vmin;}
  .page-info-content{width: 110vmin;}
  .page-info-content{width: 130vmin;}
  .mask video{width: 100%;height: auto;}
}
/* 区间2: 宽高比介于1:1 (1.0) 到 4:3 (约1.333) 之间 */
@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/3) {
  /* 当屏幕宽高比在1.0至1.333之间时应用的样式 */
  .panel{background-size: cover;}
  .page-intro-title{width: 94vmin;}
  .page-intro-content{width: 114vmin;height: 89vmin;}
  .page-news-title{width: 97vmin;}
  .page-news-content{max-width: 100vmin;margin: 0 auto;}
  .page-news-textarea{max-width: 60vmin;}
  .page-news-textarea p{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
  .page-info-content{width: 110vmin;}
  .page-gallery-content{width: 89vmin;}
  .page-gallery-card{width: 22vmin;}
  .page-video-title{width: 98vmin;}
  .page-gallery-title{width: 98vmin;margin: -6% auto 7%;}
  .page-info-title{width: 98vmin;}
  .page-gallery-link{bottom: -16%;}
  .mask video{width: 100%;height: auto;}
}
@media (min-aspect-ratio: 3/4) and (max-aspect-ratio: 1/1)  {
  /* 当屏幕宽高比在1.0至1.333之间时应用的样式 */
  .panel{background-size: cover;}
  .page-intro-title{width: 94vmin;}
  .page-intro-content{width: 114vmin;height: 89vmin;}
  .page-news-title{width: 97vmin;}
  .page-news-content{max-width: 100vmin;margin: 0 auto;}
  .page-news-textarea{max-width: 60vmin;}
  .page-news-textarea p{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
  .page-info-content{width: 110vmin;}
  .page-gallery-content{width: 89vmin;}
  .page-gallery-card{width: 22vmin;}
  .page-video-title{width: 98vmin;}
  .page-gallery-title{width: 98vmin;margin: -6% auto 7%;}
  .page-info-title{width: 98vmin;}
  .page-gallery-link{bottom: -16%;}
  .mask video{width: 100%;height: auto;}
}