@charset "UTF-8";

/* 赛天集团 - 响应式页面样式 */
:root {
  --red: #c41e3a;
  --red-dark: #a01830;
  --white: #ffffff;
  --gray-100: #f5f5f5;
  --gray-200: #e8e8e8;
  --gray-300: #999;
  --gray-800: #333;
  --black: #1a1a1a;
  --font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --container: min(900px, 100% - 4rem);
  --bm-top-w: max(1000px, 100% - 32rem);
  --header-h: 64rem;
  --header-w: max(750px, 100% - 4rem);
}

html {
  scrollbar-width: none;
  /* Firefox 专用 */
  -ms-overflow-style: none;
  /* IE/Edge 旧版 */
  scroll-behavior: smooth;
  font-size: 10px;
  scroll-behavior: auto;
}

html::-webkit-scrollbar {
  display: none;
}

body {
  margin: 0;
  font-family: var(--font);
  color: var(--gray-800);
  background: var(--white);
  line-height: 1.6;
  width: 100vw;
  opacity: 1;
  overflow-x: hidden;
  scroll-behavior: auto;
}

.abs {
  position: absolute;
}

.rel {
  position: relative;
}

.fixed {
  position: fixed;
}

.hidden {
  display: none;
}

.alpha {
  opacity: 0;
  visibility: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

input {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  outline: none;
  border: none;
}


/*  侧边栏导航点 */
.sidebar_dots {
  width: clamp(2rem, 3vw, 3rem);
  transform: translateY(-50%);
  left: 8.2rem;
  top: 50%;
  display: flex;
  z-index: 99;
  flex-direction: column;
  gap: 12px;
  color: #c3c3c3;
}

.sidebar_dots .dot {
  width: clamp(12rem, 14vw, 15rem);
  font-size: clamp(1.2rem, 1.8vw, 2rem);
  display: flex;
  align-items: center;
  gap: 8px;
  height: 4rem;
  position: relative;
  cursor: pointer;
}

.sidebar_dots .dot .dot_text {
  height: 100%;
  padding: 0 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  overflow: hidden;
  font-size: 1.6rem;
  perspective: 1000px;
  transition: all .3s ease-out;
  opacity: 0;
}

.sidebar_dots .dot .dot_text .dot_t {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2rem;
  font-style: normal;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
  width: 100%;
  height: 100%;
}

.sidebar_dots .dot .icon {
  display: inline-block;
  width: 2.3rem;
  height: 2.5rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.sidebar_dots .dot:nth-child(1) .icon {background-image: url("../imgs/icon_01_th.png");}
.sidebar_dots .dot:nth-child(2) .icon {background-image: url("../imgs/icon_02_th.png");}
.sidebar_dots .dot:nth-child(3) .icon {background-image: url("../imgs/icon_03_th.png");}
.sidebar_dots .dot:nth-child(4) .icon {background-image: url("../imgs/icon_04_th.png");} 
.sidebar_dots .dot:nth-child(5) .icon {background-image: url("../imgs/icon_05_th.png");}
.sidebar_dots .dot:nth-child(6) .icon {background-image: url("../imgs/icon_06_th.png");}
.sidebar_dots .dot:nth-child(7) .icon {background-image: url("../imgs/icon_07_th.png");}
.sidebar_dots .dot.over:nth-child(1) .icon {background-image: url("../imgs/icon_01_on.png");}
.sidebar_dots .dot.over:nth-child(2) .icon {background-image: url("../imgs/icon_02_on.png");}
.sidebar_dots .dot.over:nth-child(3) .icon {background-image: url("../imgs/icon_03_on.png");}
.sidebar_dots .dot.over:nth-child(4) .icon {background-image: url("../imgs/icon_04_on.png");}
.sidebar_dots .dot.over:nth-child(5) .icon {background-image: url("../imgs/icon_05_on.png");}
.sidebar_dots .dot.over:nth-child(6) .icon {background-image: url("../imgs/icon_06_on.png");}
.sidebar_dots .dot.over:nth-child(7) .icon {background-image: url("../imgs/icon_07_on.png");}

.sidebar_dots.gray .dot:nth-child(1) .icon {background-image: url("../imgs/icon_01_bk.png");}
.sidebar_dots.gray .dot:nth-child(2) .icon {background-image: url("../imgs/icon_02_bk.png");}
.sidebar_dots.gray .dot:nth-child(3) .icon {background-image: url("../imgs/icon_03_bk.png");}
.sidebar_dots.gray .dot:nth-child(4) .icon {background-image: url("../imgs/icon_04_bk.png");}     
.sidebar_dots.gray .dot:nth-child(5) .icon {background-image: url("../imgs/icon_05_bk.png");}
.sidebar_dots.gray .dot:nth-child(6) .icon {background-image: url("../imgs/icon_06_bk.png");}
.sidebar_dots.gray .dot:nth-child(7) .icon {background-image: url("../imgs/icon_07_bk.png");}


.sidebar_dots .dot.on,
.sidebar_dots .dot.over {
  color: #e50012;
}

.sidebar_dots .dot.on .dot_text,
.sidebar_dots .dot.over .dot_text {
  width: 100%;
}

.sidebar_dots.over .dot .dot_text {
  opacity: 1;
}
/*  侧边栏导航点 */

#smooth-wrapper {
  overflow: hidden;
}

.loadBox {
  width: 100vw;
  height: 100vh;
  background-color: var(--white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gs-dev-tools {
  z-index: 9999;
}

.bgBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  background-color: var(--red-dark);
}
/* position: relative; */
.fullpage_section {height: 100svh;width: 100vw;}

.page1 {
  width: 100vw;
  height: 100svh;
  overflow: hidden;
  z-index: 1;
}

.page1 .kv_box {
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.video-overlay{
  position: absolute;top: 0;left: 0;width: 100%;height: 100%;  
  background-color: rgba(255, 90, 90, 0.5);pointer-events: none;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 99;
}
.video-container{
  width: 100%;height: 100%;    
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page1 .kv_box .kv_ul {
  position: relative;
  list-style: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1200px;
  transform-style: preserve-3d;
  /* 关键：保留3D空间 */
}

.kv_nav{
  position: absolute;width: 100%;bottom: 6rem;    
  display: flex;align-items: center;justify-content: center;gap: 2rem;  
  list-style: none;
}

.kv_nav_li{  
  opacity: .6;background-color: white;pointer-events: auto;
  border-radius: 50%;    height: 1.5rem;width: 1.5rem;cursor: pointer;  
  display: flex;align-items: center;justify-content: center;  
}
.kv_nav_li.active{
  opacity: 1;border: 1px solid var(--gray-300);
}
/* .kv_nav2{
    position: absolute;
    width: 14rem;
    bottom: 4rem;
    right: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    list-style: none;
    color: var(--white);
    font-size: 5rem;
    font-weight: 300;    
}
.kv_nav2 li:hover{
  opacity: 1;
} */
 .kv_btn{
    color: var(--white);position: absolute;
    font-size: 4rem;top: calc(50% - 1.5rem);
    font-weight: 300;opacity: .6;    
    pointer-events: auto;cursor: pointer;
    -webkit-transform: scaleY(2);
    transform: scaleY(2);opacity: .4;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
 }
 .kv_btn:hover{
  opacity: 1;
 }
.kv_prev{left: 25rem;}
.kv_next{right: 25rem;}
.kv_prev.ms{left: 2rem;}
.kv_next.ms{right: 2rem;}

/* .kv_nav2 li{
  -webkit-transform: scaleY(1.5);
  pointer-events: auto;cursor: pointer;
  transform: scaleY(1.5);opacity: .4;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
} */



.page1 .kv_box .kv_item {
  position: absolute;opacity: 0;
  width: 100%;
  height: 100%;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;  
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.page1 .kv_box .kv_item .kv_image,
.page1 .kv_box .kv_item .kv_video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page1 .kv_box .kv_item .kv_video {
  z-index: 1;
}
.page1 .kv_box .kv_item.active {
  opacity: 1;
}
.page1 .kv_box .p1_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 53.6rem;
  height: 16rem;
  display: block;
  font-size: 10rem;
  mix-blend-mode: plus-lighter;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.6);
  display: none;
}

.page1 .kv_list {
  width: 53.8rem;
  height: 16rem;
  right: 8rem;
  bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  perspective: 800px;
  transform-style: preserve-3d;
  /* 关键：保留3D空间 */
}

.page1 .kv_list .sm_kv_box {
  display: none;
  flex-direction: column;
  gap: 1.6rem;
}

.page1 .kv_list .kv_dots {
  right: 1.1rem;
  top: 1.1rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  overflow: hidden;
}

.page1 .kv_list .kv_card {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--white);
  border-radius: 1.2rem;
  -o-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  overflow: hidden;
  padding: 1.6rem;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.06);
}

.page1 .kv_list .kv_img {
  width: 19rem;
  height: 14rem;
  position: absolute;
  left: .9rem;
  top: .9rem;
  background: var(--gray-200);
  border-radius: .8rem;
}

.page1 .kv_list .kv_thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.page1 .kv_list .kv_h3 {
  margin: 0 0 .8rem;
  font-size: clamp(1.2rem, 1.6rem, 2rem);
  font-weight: 500;
  color: var(--gray-800);
  position: absolute;
  top: 6.25%;
  left: 40.5204460967%;
  width: 42.750929368%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* 2. 限制显示的行数（核心） */
  -webkit-line-clamp: 3;
  /* 显示3行，超出则省略 */
  /* 3. 配合line-clamp的必须属性：将元素设为弹性盒模型 */
  display: -webkit-box;
  /* 4. 设置弹性盒的排列方向为垂直 */
  -webkit-box-orient: vertical;
}

.page1 .kv_list .leftIcon {
  left: 41%;
  top: 62%;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}

.page1 .kv_list .rightIcon {
  left: 57%;
  top: 62%;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}


.p2-nav-ul {
  position: absolute;
  bottom: 4rem;
  right: 3rem;
  width: 30rem;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

.p2-nav-li {
  font-size: 3rem;
  font-weight: 500;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  display: flex;
  border: 1px seashell solid;
  align-items: center;
  justify-content: center;
  color: var(--white);
  cursor: pointer;
}

.p2-nav-li.active {
  background-color: var(--white);
  color: var(--red);
}



.site_main {
  width: 100vw;
  left: 0;
  top: 0;
}

.site_main .groupBox {  
  width: 100vw;
  height: 200vh;
  /* background-image: linear-gradient(var(--tw-gradient-position, to left), #d21a30, #890c15); */
}

.site_main .page2 {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  background-image: linear-gradient(var(--tw-gradient-position, to left), #d21a30, #890c15);
}
.page2-pc{position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: block;}
.page2-mobile{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}

.kpi_bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  /* 渐变的核心样式：读取变量 */
}

.p2_txtBox {
  position: absolute;
  left: clamp(14rem, 17vw, 22rem);
  top: 41.6666666667%;
  width: 30rem;
  height: 12rem;
}

.p2_txtBox .p2_txt1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 30rem;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  -o-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.p2_txtBox .p2_txt1.active {
  opacity: 1;
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.p2_mapBox {
  top: 55%;
  left: 55%;
  width: 65.5rem;
  height: 65.9rem;
}

.p2_mapBox img {
  object-fit: cover;
  display: block;
  width: 100%;
  margin-top: -50%;
  height: auto;
  margin-left: -50%;
}
.p3_scale,.p3_scale12{
  position: absolute;display: block;
  left: 50%;top: 50%;width: 1px;height: 1px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.p3_scale-ms{display: none;}

.site_main .p3_box {
  position: absolute;
  width: 1236px;
  height: 715px;
  left: -618px;
  top: -357px;
  /* width: 1200px;
  height: 600px;
  left: -600px;
  top: -260px; */
  padding-top: 100px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: url(../imgs/index/sv_bg.png) no-repeat;
  background-position: top right;
  background-size: auto 100%; */
}

.sv_bg {
  position: absolute;
  top: 10px;left: 144px;    
  height: 100%;
  /* height: auto; */
  /* object-fit: cover; */
}

.site_main .p3_ul {
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.site_main .p3_li {
  position: absolute;
  cursor: pointer;
  text-align: center;
  -webkit-animation: all 0.4s ease;
  transition: all 0.4s ease;
  width: 173px;height: 173px;  
  -webkit-transform-origin: center center;
  transform-origin: center center;
  /* -webkit-transform: scale(.85);
  transform: scale(.85); */
  border-radius: 50%;
  overflow: hidden;
  /* border: 1px solid #e50012; */
}

/* 弧形排列的4个按钮位置 */
.site_main .p3_li:nth-child(1) {
      top: 7px;
    left: 186px;
}

.site_main .p3_li:nth-child(2) {
      top: 188px;
    left: 70px;
}

.site_main .p3_li:nth-child(3) {
  top: 400px;
    left: 70px;
}

.site_main .p3_li:nth-child(4) {
  top: 556px;
    left: 186px;
}
.p3_li_ms{list-style: none;}
.p3_li img ,.p3_li_ms img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.site_main .p3_li .normal {
  opacity: 1;
  margin: 0 auto;
}

.site_main .p3_li .hover {
  opacity: 0;
  margin: 0 auto;
}

.site_main .p3_li.active .normal,
.site_main .p3_li:hover .normal {
  opacity: 0;
}

.site_main .p3_li.active .hover,
.site_main .p3_li:hover .hover {
  opacity: 1;
}

.site_main .p3_li-text {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}

.site_main .p3_pics {
  position: absolute;
  top: 137px;
  left: 274px;
  width: 458px;
  height: 458px;
  /* top: 115px;
  left: 253px;
  width: 390px;
  height: 390px; */
  overflow: hidden;
  pointer-events: none;
}

.p3_pics img ,.p3_pics_ms img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.p3_pics img.active,.p3_pics_ms img.active {
  opacity: 1;
}

.site_main .p3_info {
  position: absolute;
  top: 135px;
  left: 818px;
  width: 435px;
  height: 465px;
}

.p3_txt ,.p3_txt_ms {
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.p3_txt.active ,.p3_txt_ms.active {
  opacity: 1;
}

.site_main .p3_txt h3 {
  font-size: 32px;
  font-weight: 600;
  /* margin-bottom: 15px; */
  color: #333;
}

.site_main .p3_txt span {
  display: block;
  width: 41px;
  height: 11px;
  border-radius: 20px;
  background: #e50012;
  margin-top: 7px;
  margin-bottom: 25px;
}

.site_main .p3_txt p {
  font-size: 18px;
  line-height: 1.6;text-align: justify;
  /* 兼容IE/Edge：调整字符间的对齐方式 */
  text-justify: inter-character; 
  color: #666;
}

.site_main .p3_black {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.site_main .p3_black.on {opacity: 1;visibility: visible;}

.site_main .p3_bg {
  position: absolute;top: 0;left: 0;  width: 100%;height: 100%;  z-index: 1;opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.site_main .p3_bg.on {
  opacity: 1;
}

.site_main .p3_bg img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}


.site_main .page3 {
  /* height: calc(100svh + 1px); */
  background-size: cover;
  background-position: center;
  background-color: white;
  /* 渐变的核心样式：读取变量 */
  /* background-image: linear-gradient(var(--tw-gradient-position, to left), #d21a30, #890c15); */
  /* 渐变的核心样式：读取变量 */
}
.p3_title,.p4_title ,.p6_H1{
  position: absolute;
  font-weight: 500;font-size: 4rem;
  width: 200px;
  pointer-events: none;
  height: 80px;
  top: -100px;
  left: 0;
  z-index: 10;
}
.p4_title{
    position: absolute;
    font-weight: 500;
    font-size: 4rem;
    width: 200px;
    pointer-events: none;
    height: 80px;
    top: -150px;
    left: 80px;
    z-index: 10;
}
.p6_H1{
    position: absolute;
    font-weight: 500;
    font-size: 4rem;
    width: 200px;
    pointer-events: none;
    height: 80px;
    top: -50px;
    left: 89px;
    z-index: 10;
}

.p3_title::after ,.p4_title::after,.p6_H1::after {
  content: '';
  position: absolute;width: 4.1rem;height: 1.1rem;border-radius: 2rem;      
  top: 8rem;left: 0;background-color:#e50012;   
}


.site_main .page4 {
  width: 100vw;
  height: 100vh;  
  left: 0;
  /* background-color: #f7f8fc; */
}

.p4_bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: var(--white);
}

.p4_picBox {
  /* top: 29.5rem; */
  /* left: calc((100vw - 144rem) / 2); */
  /* top: -260px;left: -720px; */
  top: 0px;left: 0px;
  width: 1440px;;
  height: 561px;
  padding-top: 100px;
  aspect-ratio: 1440/561;
  /* -webkit-transform: scale(.9);
  transform: scale(.9); */
  border-radius: 9.7rem 1rem 10.5rem 1.0rem;
  overflow: hidden;
}

.p4_picUl {
  list-style: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.p4_pic {
  flex-shrink: 0;
  transition: width 0.45s ease;
  overflow: hidden;
  width: 440px;;
  height: 100%;
}



.p4_pic .gc_out,
.p4_pic .gc_over {
  position: absolute;
  top: 0;
  left: 0;
}

.p4_pic .gc_over {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.45s ease;
}

.p4_pic .gc_pic {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: all 0.45s ease;
  width: 100%;
  height: 100%;
}
.p4_pic .gc_pic img{
  pointer-events: none;
}

.p4_pic .gc_pic_bg,
.p4_pic .gc_pic_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.p4_pic .gc_txt_box {
  left: 78px;
  top: 80%;
  width: 50%;
  height: auto;
  opacity: 1;
  
}

.p4_pic .gc_txt_box .gc_txt {
  width: 100%;
  height: 100%;
  font-size: 24px;
  font-weight: 500;
  color: var(--white);
  transform-origin: bottom center;
  transition: all 0.5s ease;
  -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(0) scaleY(1);
  transform: rotate3d(0, 0, 0, 0deg) translateY(0) scaleY(1);
}

.p4_pic .gc_txt_box .gc_icon {
  width: 40px;
  height: 10px;
  position: absolute;
  border: 1px solid var(--white);
  border-radius: 20px;
  transform-origin: top center;
  transition: all 0.5s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.p4_pic.on {
  width: 561px;;
}

.p4_pic.on .gc_over {
  opacity: 1;
}
.p4_pic.on .gc_out  {
  filter: blur(3px);
  transition: filter 0.3s ease;
}

.p4_pic.on .gc_pic {
  transform: translateY(0%);
}

.p4_pic.on .gc_txt_box .gc_txt {
  -webkit-transform: rotate3d(0, 0, 0, -90deg) translateY(10px) scaleY(0.4);
  transform: rotate3d(0, 0, 0, -90deg) translateY(10px) scaleY(0.4);
  opacity: 0;
}

.p4_pic.on .gc_txt_box .gc_icon {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 0;
}

.p4_picBox img {
  object-fit: cover;
  display: block;
}

.p4_box{left: -720px;top: -260px;}  

.p4_navBox {
  /* top: 340px;left: -720px; */
  top: 580px;left: 0px;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 1440px;
  height: 68px;
}

.p4_tips {
  left: 0rem;
  font-size: 16px;
}

.p4_nav {
  left: 1300px;
  display: flex;
  flex-direction: row;
  gap: 5rem;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

.p4_nav img {
  width: 40px;
  height: 40px;
}

.p4_nav .p4_rect {
  top: 0;
  left: 0;
  width: 26rem;
  height: 1.1rem;
  border-radius: 5px;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0.9) 0%, rgba(252, 252, 252, 0.4) 53%, #fffcfc 80%);
}

/* .p4_nav .p4_leftIcon,
.p4_nav .p4_rightIcon {
  width: 60px;height: 60px;font-size: 24px;color: #666;
  border-radius: 50%;overflow: hidden;
  display: flex;background-color: white;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;cursor: pointer;
  
} */


/* .p4_nav .p4_leftIcon.on,
.p4_nav .p4_leftIcon:hover,
.p4_nav .p4_rightIcon.on,
.p4_nav .p4_rightIcon:hover  
{
  pointer-events: auto;color: #ffffff;background-color: #e22041;    
} */

.center{top: 50%;left: 50%;width: 1px;height: 1px;}
.site_main .page5 {width: 100vw;height: 100vh;top: 0px;left: 0;overflow: hidden;}
.p5_bg {background-color: #1a1a1a;width: 100%;height: 100%;}
.p5_infos {
  position: absolute; top: -50vh;left: -50vw;width: 100vw;height: 100vh;             
  display: flex;flex-direction: column;justify-content: center;
}
.p5_info {padding: 10vh 0;display: flex;align-items: center;align-content: center;justify-content: space-between;}
.p5_info .marquee_wrap {display: flex;flex-shrink: 0;}
.p5_info .marquee_wrap_clone {display: flex;align-items: center;flex-shrink: 0;}

 .p5_info img {
  object-fit: contain;
  margin-right: 10rem;
  display: inline-block;
  height: 5rem;
  /* logo高度，和外层容器匹配 */
  width: auto;
  /* 宽度自适应，等比缩放 */
}

/* 6页 */
.site_main .page6 {
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
}

 .p6_bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1a1a1a;
}

 .p6_infosBox {
  position: absolute;
  top: -336px;left: -720px;width: 3000px;height: 670px;
  padding-top: 100px;    
}

 .p6_infos {
  overflow-x: hidden;overflow-y: visible;height: 580px;
}

 .p6_Ul {
  display: flex;
  flex-direction: row;
  gap: 40px;
  flex-wrap: nowrap;
  align-items: center;
}

 .p6_info.ease {
  /* transition: all 0.6s ease; */
}

 .p6_info {
  /* transition: all 0.6s ease; */
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  -o-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 440px;
  height: 560px;
  gap: 2rem;
  border-radius: 70px 5px 70px 5px;
  background-color: white;
  /* box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.1); */
}

 .p6_overbg {
  width: 100%;
  bottom: 0;
  left: 0;
  height: 280px;
  opacity: 0;
  visibility: hidden;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0.6) 40%);
}

.p6_imgBox {  
    height: 370px;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;    
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

 .p6_imgBox img {
    object-fit: cover;
    display: block;
    width: auto;
    /* height: 100%; */
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transform: scale(1, 1);
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;  
    height: 100%;
}

 .p6_title {
  top: 434px;
  left: 30px;
  width: 350px;
  /* height: 80px; */
  
   /* 核心必须写 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;         /* 显示2行后隐藏 */
  -webkit-box-orient: vertical;  /* 垂直排列 */

  /* 你的样式 */  
  
  font-size: 22px;
  line-height: 30px;
  /* 兼容修复（必须加） */
  word-break: break-all;         /* 英文/数字自动换行 */
  white-space: normal;           /* 强制允许换行 */
  text-overflow: ellipsis;       /* 标准省略号 */
  height: calc(30px * 2);
}

 .p6_date {
  overflow: hidden;
  top: 400px;
  left: 30px;
  color: #000000;
  font-size:16px;
}

 .p6_date .p6_date_1 {
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 20px;
  
  /* transition: all 0.4s ease; */
  
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center;
  justify-content: center;
}

 .p6_date .shizhong {
  width: 17px;
  height: 17px;
  fill: #ff0000;
}

 .p6_desc {
  top: 485px;
  left: 30px;
  width: 760px;
  opacity: 0;
  visibility: hidden;
  text-align: justify;  
    
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  height: calc(20px * 3);
}

 .p6_info.on {
  width: 840px;
  height: 560px;
  /* color: white; */
}

 .p6_info.on .p6_imgBox {
  height: 100%;
  width: 100%;
}

 .p6_info.on .p6_overbg {
  opacity: 1;
  visibility: visible;
}

 .p6_info.on .p6_date {
  font-size:  2rem;
  top: 448px;
  left: 30px;
  color: white;
}

 .p6_info.on .p6_date .shizhong {
  fill: white;
}

.p6_info.on .p6_title {
  top: 360px;
  left: 30px;
  width: 760px;  
  color: white;
  
  /* 核心必须写 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;         /* 显示2行后隐藏 */
  -webkit-box-orient: vertical;  /* 垂直排列 */

  /* 你的样式 */
  font-size: 32px;
  line-height: 40px;
  /* height: 80px; */
  height: calc(40px * 2 - 2px); 

  /* 兼容修复（必须加） */
  word-break: break-all;         /* 英文/数字自动换行 */
  white-space: normal;           /* 强制允许换行 */
  text-overflow: ellipsis;       /* 标准省略号 */
}

.p6_info.on .p6_desc {
  opacity: 1;color: white;
  visibility: visible;
}

.p6_info.over .p6_imgBox img {
  transform: scale(1.2, 1.2);
}


.p6_navBox {
  top: 60px;width: 1440px;gap: 20px;
  display: flex;flex-direction: row;  justify-content: space-between;   align-items: flex-end;
}

 .p6_tips {
  left: 0rem;
  font-size: 16px;
}

.p6_nav {
  left: 1300px;
  
  
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

.p6_nav img {
  width: 40px;
  height: 40px;
}

.p6_nav .p6_rect {
  top: 0;
  left: 0;
  width: 260px;
  height: 11px;
  border-radius: 5px;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0.9) 0%, rgba(252, 252, 252, 0.4) 53%, #fffcfc 80%);
}

/* .p6_nav .leftIcon,
.p6_nav .rightIcon {
  width: 60px;height: 60px;font-size: 24px;color: #666;
  border-radius: 50%;overflow: hidden;
  display: flex;background-color: white;
  justify-content: center;align-items: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.10);
} */

/* .p6_nav .leftIcon {
  background-image: url(../imgs/leftIcon_off.png);
  transition: all 0.4s ease;
  background-position: center center;
}
.p6_nav .rightIcon {
  background-image: url(../imgs/rightIcon_off.png);
  transition: all 0.4s ease;
  background-position: center center;
} */

/* .p6_nav .leftIcon.on,
.p6_nav .leftIcon:hover,
.p6_nav .rightIcon.on,
.p6_nav .rightIcon:hover  
{
  pointer-events: auto;
  color: #ffffff;background-color: #e22041;
} */

/* .p6_nav .rightIcon.on,
.p6_nav .rightIcon:hover 
{
  pointer-events: auto;
  background-image: url(../imgs/rightIcon_on.png);
} */

/* ====== Page 8 联系我们样式 ====== */
.page8 {
  /* 左侧联系信息 */
  /* 右侧导航链接 */
}

.page8 .contact-container {
  display: flex;
  gap: 8rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 8.4rem;
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}

.page8 .contact-left {
  flex: 2;flex-wrap: nowrap;
  min-width: 250px;
  padding-top: 6rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}

.page8 .contact-left-top {margin-bottom: 0rem;flex: 1;  }

.page8 .contact-title {
  font-size: 6.2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--white);
}

.page8 .contact-emails {
  margin-bottom: 4rem;
}

.page8 .contact-emails p {
  /* font-weight: 300; */
  font-size: 2rem;
  line-height: 1;margin-bottom: 2rem;
  color: var(--white);
}

.page8 .contact-emails a {
  color: var(--white);
  text-decoration: none;
  transition: color 0.3s ease;
}

.page8 .contact-emails a:hover {
  color: var(--white);
  text-decoration: underline;
}

.page8 .contact-seif {  
  /* margin-left: -6rem; */
  flex: 1;min-height: 10rem;max-height: 24.8rem;height: 100%;margin-bottom: 3rem;
}
.page8 .contact-top-space{
  min-height: 6rem;
  max-height: 18rem;
  width: 400px;
  flex: 1;
}
.page8 .contact-qr-box {
  min-height: 15rem;
  max-height: 25rem;padding-bottom: 4.5rem;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.page8 .contact-qr {
  text-align: left;margin-bottom: 5rem;
}

.page8 .contact-qr img {
  width: 9.7rem;height: auto;
  /* height: 117px; */
  /* margin-bottom: 1rem; */
}

.page8 .contact-qr p {
  font-size: 1.4rem;text-align: center;
  color: var(--white);
}

.page8 .contact-copyright {
  font-size: 1.6rem;
  color: var(--white);
  line-height: 1.6rem;
  /* font-weight: 300; */
}
.page8 .contact-copyright p{margin-bottom: 1.1rem;}

.page8 .contact-right {
  width: 60rem;
  flex: 1;
  min-width: 43rem;
  height: 100%;
}

.page8 .contact-links {
  display: flex;
  gap: 0rem;
  height: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  align-content: center;
  justify-content: space-between;
}

.page8 .contact-link-column {
  max-width: 16rem;
  width: 100%;
  padding-left: 2rem;
  height: 100%;
  overflow: hidden;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.page8 .contact-link-column-content {
  min-height: 36rem;
  max-width: 300px;padding-bottom: 4rem;
  width: 100%;
}

.page8 .contact-link-column h3 {
  font-size: 2rem;
  /* font-weight: 300; */
  color: var(--white);
  margin-bottom: 4.2rem;
  position: relative;
  width: 100%;
}

.page8 .contact-link-column h3::after {
  /* content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: var(--white); */
}

.page8 .contact-link-column a {
  display: block;
  /* font-weight: 300; */
  color: var(--white);
  text-decoration: none;
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  transition: all 0.3s ease;
  max-width: 14rem;
  width: 100%;
}

.page8 .contact-link-column a:hover {
  color: var(--white);
  transform: translateX(5px);
}

.bg3 {
  width: 100vw;
  height: 100svh;
  opacity: 0;
  background-size: cover;
  background-position: center;
  /* 渐变的核心样式：读取变量 */
  background-image: linear-gradient(var(--tw-gradient-position, to left), #d21a30, #890c15);
}

#smooth-content {
  background-color: white;
  transition: background-color 0.5s ease;
}




/* 响应式调整 */
@media (max-width: 1200px) {
  .p2_txtBox .p2_txt1{width: 25rem;}
  .page8 .contact-left-top{flex: 1;}
  .page8 .contact-seif{}
  .page8 .contact-qr-box{}
}

/* 响应式布局 */
@media (max-width: 1024px) {
  .sidebar_dots{zoom: 0.8;}
  .p2_txtBox .p2_txt1{width: 20rem;}
  .kv_prev{left: 19rem;}
  .kv_next{right: 19rem;}
  
}
.p3_pc{display: block;}
.p3_ms{display: none;}

@media (max-width: 768px) {
  html, body {
   overflow-y: scroll;
   overflow-x: hidden;
  }
  /* 解决苹果手机滚动问题 */
  #smooth-wrapper {    
    width: 100%;    
    overflow-x: hidden;
    overflow-y: scroll;
    /* 解决苹果手机滚动问题 */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;    
  }

  #smooth-content {
    width: 100%;
    min-height: 100vh;
  }
  .fullpage_section,.page1{height: 100vh;}  
  .page2-pc{ display: none;}  
  
  /* 手机端page2轮播样式 */
  .page2-mobile {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: url('../imgs/index/p2_bg.jpg') no-repeat center center;
    background-size: cover;
  }
  
  .p2-pic-ul {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .p2-pic-ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;


    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;

    display: flex;
    align-items: center;    /* 上下居中 */
    justify-content: center;/* 左右居中（可选） */
  }
  
  .p2-pic-ul li.active {
    opacity: 1;
  }
  
  .p2-pic-ul li img {
     width: 100%;
    max-width: 100%;
    /* height: 100%; */
    /* object-fit: contain; */
  }
  
  .p2-nav-ul {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
  }
  
  .p2-nav-li {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
    text-indent: -9999px;
    overflow: hidden;
  }
  
  .p2-nav-li.active {
    background-color: #fff;
    transform: scale(1.2);
  }
  /* 手机端page3样式 */
  .site_main .page3{
    width: 100vw;height: 100vh;position: relative;
    left: 0;
  }
  .p3_pc{display: none;}
  .p3_ms{display: block;position: absolute;
    top:50%;left: 50%;width: 1px;height: 1px;    
  }
  .p3_ms_box{
    width: 750px;height: 1300px;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    position: relative; 
    top: -626px;left: -375px;
  }
  .p3_title-ms{
    position: absolute;
    font-weight: 500;
    font-size: 3rem;
    width: 200px;
    pointer-events: none;
    height: 80px;
    top: -281px;
    left: -147px;
    z-index: 10; 
  }
  .p3_title-ms::after{
        content: '';
        position: absolute;
        width: 3rem;
        height: .7rem;
        border-radius: 2rem;
        top: 5.1rem;
        left: 0;
        background-color: #e50012;
  }

    .p3_ms_bg{
      position: absolute;
      top: 35rem;left: 0;
      width: 100%;      
    }
    .p3_ms .p3_pics_ms {
      position: absolute;
        top: 407px;
        left: 146px;
        height: 458px;
        width: 458px;
        pointer-events: none;
    }
  .p3_li_ms{
    position: absolute;width: 154px;height: 154px;
    -webkit-animation: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .p3_li_ms .normal,.p3_li_ms.active .hover{
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .p3_li_ms .hover{
    opacity: 0;
  }
  .p3_li_ms:nth-child(1) {
    top: 307px;left: 16px;      
  }
   .p3_li_ms:nth-child(2) {
    top: 200px;left: 186px;      
  }
   .p3_li_ms:nth-child(3) {
    top: 200px;left: 391px;      
  }
   .p3_li_ms:nth-child(4) {
    top: 307px;left: 556px;      
  }

  .p3_info_ms{
    position: absolute;
    top: 910px;
    left: 110px;
    width: 530px;
    height: 305px;
  }
  .p3_txt_ms{
    opacity: 0;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
  .p3_txt_ms.active {
    opacity: 1;
  }
  .p3_txt_ms h3{    
    color: #333;font-size: 32px;font-weight: 600;  text-align: center;width: 100%;          
  }
  .p3_txt_ms span{ 
    display: block;
    width: 40px;
    height: 11px;
    border-radius: 20px;
    background: #e50012;
    text-align: center;
    margin: 10px auto 24px;
  }
  .p3_txt_ms p{ 
    font-size: 22px;
    line-height: 1.6;
    text-align: center;
    text-justify: inter-character;
    color: #666;
  }


  .site_main .page4{
    height: 78vh;min-height: 620px;
    /* border: 1px solid red; */
  }
  .p4_box{left: 0px;top: -0px;}
  .p4_title{
        position: absolute;
        font-weight: 500;
        font-size: 3rem;
        width: 200px;
        pointer-events: none;
        height: 80px;
        /* top: -238px; */
        left: -147px;
        z-index: 10;  
        top: -261px;
  }   
  .p4_title::after{
    content: '';
    position: absolute;
    width: 3rem;
    height: .7rem;
    border-radius: 2rem;
    top: 5.1rem;
    left: 0;
    background-color: #e50012;
  }     
  /* 手机端page4样式 */
  .p4_picBox{            
        top: -160px;left: -148px;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }    
  .p4_navBox{left: -181px;height: 65px;
    width: 362px;align-items: flex-end;justify-content: space-between;  
    /* top: 192px; */
    bottom: -28rem;
    top: auto;
  }
  .p4_nav{left: 160px;gap: 3rem;padding-right: 5rem;}  
  .p4_tips,.p6_tips{
      font-size: 1.4rem;
      color: #b4b4b4;
      padding-left: 5.1rem;
  }
  .p6_tips{padding-left:0;}
  /* 手机端page5样式 */
  .site_main .page5{
    background-color: black;
  }
  /* 手机端page6样式 */
  .site_main .page6{min-height: 100vh;
    background-color: #f7f8fc;
  }
  .p6_infosBox{
    top: -275px;
    left: -148px;

  }
  .p6_H1{
    font-weight: 500;top:3rem;
    font-size: 3rem;
    font-weight: 500;
    left: -.3rem;
  }
  .p6_H1::after {
    content: '';
        position: absolute;
        width: 3rem;
        height: .7rem;
        border-radius: 2rem;
        top: 5.1rem;
        left: 0;
        background-color: #e50012;
  }
  .p6_imgBox{
    height: 185px;width: 100%;
    object-fit: cover;
    /* display: block; */
    width: 100%;
    /* height: 100%; */
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transform: scale(1, 1);
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;    
  }
  .p6_imgBox img{width: 100%;height: 100%;object-fit: cover;}
  .p6_infos{
    top: 2rem;height: 51rem;left: 3px;
    overflow-x: hidden;    
    transform-origin: top left;
    -webkit-transform: scale(.84);
    -moz-transform: scale(.84);
    -o-transform: scale(.84);
    -ms-transform: scale(.84);
    transform: scale(.84);  
  }
  .p6_info.on,
  .p6_info
  {
    width: 338px;height: auto;aspect-ratio: 550 / 561;
    /* box-shadow: 0 0 0 rgba(0, 0, 0, 0); */
  }
  .p6_info.on .p6_imgBox{
    height: 100%;width: 100%;    overflow: hidden;
    aspect-ratio: 3 / 2;    
  }
  .p6_info.on .p6_title,
  .p6_info .p6_title
  {
    left: 0;
    top: 28rem;
    width: 100%;
    height: auto;
    padding: 0rem 2rem;
    font-size: 2.5rem;line-height: 3.5rem;
  }
  .p6_info.on .p6_title{
    top: 27rem;
    height: calc(3.5rem * 2 - 2px);
  }
  .p6_info .p6_title{top: 36rem;
    height: calc(3.5rem * 2 - 2px);
  }
  .p6_info .p6_date{
    top: 227px;left: 15px;font-size: 2rem;line-height: 1.2;  
  }
  .p6_info.on .p6_date
  {
    top: 262px;
    left: 15px;
    font-size: 2rem;
    line-height: 1.2;
  }  
  .p6_info .p6_desc
  {
    top: 250px;
    left: 0;
    width: 100%;
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0rem 2rem;
  }
  .p6_info.on .p6_desc{
    top: 284px;
    left: 0px;
    width: 100%;
    font-size: 1.6rem;
    padding-right: 4rem;    
    line-height: 2rem;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;    
    -webkit-box-orient: vertical;
    height: calc(2rem * 3 - 1px);
  }
  .p6_nav{left: 160px;gap: 3rem;padding-right: 10rem;}  
  .p6_navBox{
    top: 7rem;flex-direction: row;width: 362px;gap: 20px;align-items: self-end;    
    justify-content: space-between;        
  }

  /* .p4_nav .p4_leftIcon, .p4_nav .p4_rightIcon,
  .p6_nav .leftIcon, .p6_nav .rightIcon{
    width: 60px;height: 60px; color: #b4b4b4;
  } */
  /* 手机端page8样式 */
  .page8 {padding: 0;height: auto;}
  .page8 .contact-container{display: none;}  
  .page8 .contact-link-column-content{
    /* height: 19rem;   */
    min-height: 25rem;
  }
  .page8 .contact-left {flex: 1;min-width: 100%;}  
  .page8 .contact-links {gap: 0rem;height: auto;margin-bottom: 3rem;
    justify-content: space-between;}  
  .page8 .contact-left-top{
    text-align: left;font-size: 2rem;
  }
  .page8 .contact-emails p{    
    font-size: 1.4rem;
    line-height: .3;
    margin: 0;
    margin-bottom: 2rem;
  }
  .page8 .contact-link-column{
    border-left: none;
    padding-left: 0;position: relative;
    width: auto;
    flex: none;
    padding: 0 0;overflow: visible;
    width: 27%;
    justify-content: space-between;
  }
  .page8 .contact-link-column a{
    text-align: left;
    font-size: 1.4rem;line-height: 1.3;
    width: auto;
    margin-bottom: auto;
  }
  .page8 .contact-link-column h3{
    text-align: left;font-size: 1.6rem;font-weight: normal;margin-bottom: 2rem;
  }
  
  .page8 .contact-link-column.column-center::before,
  .page8 .contact-link-column.column-right::before
  {
    content: '';
    position: absolute;
    top: 9px;
    left: -29px;
    width: 1px;
    height: 112px;
    background-color: rgba(255, 255, 255, .2);
  }


  .page8  .contact-link-column.column-center::after{

  }
  .page8 .contact-right{width: auto; margin-top: 8rem;}
  .page8 .contact-title {
    font-size: 3rem;margin-bottom: 2rem;
  }
  .page8 .contact-seif {
    width: 96%;margin: 0 auto;max-width: 96%;opacity:1;
    -webkit-transform: translateY(-2rem);  
    -moz-transform: translateY(-2rem);  
    -o-transform: translateY(-2rem);  
    -ms-transform: translateY(-2rem);  
    transform: translateY(-2rem);  
  }
  .page8 .contact-copyright{
    line-height: .5;
  }
  .page8 .contact-qr-box{
      display: flex;
      justify-content: space-between;
      height: 17rem;
      align-items: flex-end;
      margin-top: 0rem;
      align-content: center;
      flex-direction: row;
  }
        
        
  .page8 .contact-qr{margin-bottom: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;}
  .contact-qr img {width: 8rem;height: 8rem;}
    
    
  
  .contact-copyright p{font-size: 1rem;margin: 0;

  }
  
}

@media (max-width: 480px) {
}

#whiteScreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  opacity: 0;
  pointer-events: none;
}

/* 进度显示（可选，便于调试） */
#progressPanel {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
  font-size: 16px;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  border-radius: 8px;
}

.logo_box {
  position: absolute;
  top: 5rem;
  left: 5rem;
  width: 10rem;
  height: 10rem;
}