@charset "utf-8";
/* CSS Document */
html,body{font-family: "HarmonyOS_Sans_SC"; font-size:18px; }
body img{width:100%;}
a{transition:all .5s ease-in-out}
a,a:focus,a:active,a:hover{text-decoration:none}
a,a:focus,a:active {color:#000;}
a:hover {color:#0071E3;}
*,*::before,*::after {box-sizing: border-box;}
.pc_web{display:block !important;}
.m_web{display:none !important;}
svg path{transform:scale(1);}

/* 1. 定义基准比例（默认1920px及以上） */
:root {
    --scale: 1;
    --scale-1440: calc(100vw / 1440);
    --font-size-16: 18px;
    --font-size-18: 18px;
    --font-size-20: max(calc(20px * var(--scale)), 12px);
    --font-size-22: max(calc(22px * var(--scale)), 13px);
    --font-size-23: max(calc(23px * var(--scale)), 13px);
    --font-size-24: max(calc(24px * var(--scale)), 14px);
    --font-size-32: max(calc(32px * var(--scale)), 16px);
    --font-size-44: max(calc(44px * var(--scale)), 18px);
    --font-size-48: max(calc(48px * var(--scale)), 20px);
    --font-size-50: max(calc(50px * var(--scale)), 24px);
    --font-size-65: max(calc(50px * var(--scale)), 24px);
    --font-size-70: max(calc(70px * var(--scale)), 30px);
    --height-584: calc(584px * var(--scale));
    --padding-left-15: calc(15px * var(--scale));
    --padding-right-15: calc(15px * var(--scale));
    --padding-top-60: calc(60px * var(--scale));
    --padding-bottom-60: calc(60px * var(--scale));
    
    --bg-scale: 1;        /* 背景SVG缩放比例 */
    --box-scale: 1;       /* item_box父元素缩放比例 */
    --text-scale: 1;      /* 内部文字缩放比例 */
    --transform-origin: center center;
}
@media screen and (min-width: 1920px) {
  :root { --scale: 1; }
  :root { --scale-1440: 1; }
}
@media screen and (max-width: 1919px) and (min-width: 1441px) {
  :root { --scale: 0.9; --scale-1440: 1; }
}
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  :root { 
      --scale: 0.75;
      --font-size-16: 16px;
      --font-size-18: 16px;
      --font-size-70: max(calc(50px * var(--scale)), 30px);
  }
  html,body{font-size:16px; }
  
}
@media screen and (max-width: 1280px) and (min-width: 997px) {
  :root { 
      --scale: 0.6667;
      --font-size-16: 16px;
      --font-size-18: 16px;
      --font-size-70: max(calc(50px * var(--scale)), 30px);
  }
  html,body{font-size:14px;}
}
@media screen and (max-width: 1024px) {
  :root { --scale: 0.6; /* 可根据需求调整，比如0.55/0.65 */
      --font-size-16: 14px;
      --font-size-18: 14px;
  }
}

/* 3. 动态计算margin（复用你的原有写法） */
.pleft_10 { padding-left: calc(10px * var(--scale)); }
.pleft_15 { padding-left: calc(15px * var(--scale)); }
.pleft_20 { padding-left: calc(20px * var(--scale)); }
.pleft_30 { padding-left: calc(30px * var(--scale)); }
.pleft_35 { padding-left: calc(35px * var(--scale)); }
.pleft_40 { padding-left: calc(40px * var(--scale)); }
.pleft_45 { padding-left: calc(45px * var(--scale)); }
.pleft_50 { padding-left: calc(50px * var(--scale)); }
.pleft_55 { padding-left: calc(55px * var(--scale)); }
.pleft_60 { padding-left: calc(60px * var(--scale)); }
.pleft_80 { padding-left: calc(80px * var(--scale)); }
.pleft_90 { padding-left: calc(90px * var(--scale)); }
.pright_10 { padding-right: calc(10px * var(--scale)); }
.pright_15 { padding-right: calc(15px * var(--scale)); }
.pright_20 { padding-right: calc(20px * var(--scale)); }
.pright_30 { padding-right: calc(30px * var(--scale)); }
.pright_35 { padding-right: calc(35px * var(--scale)); }
.pright_40 { padding-right: calc(40px * var(--scale)); }
.pright_45 { padding-right: calc(45px * var(--scale)); }
.pright_50 { padding-right: calc(50px * var(--scale)); }
.pright_55 { padding-right: calc(55px * var(--scale)); }
.pright_60 { padding-right: calc(60px * var(--scale)); }
.pright_80 { padding-right: calc(80px * var(--scale)); }
.pright_90 { padding-right: calc(90px * var(--scale)); }

.ptop_45 { padding-top: calc(45px * var(--scale)); }
.ptop_60 { padding-top: calc(60px * var(--scale)) !important; }
.ptop_80 { padding-top: calc(80px * var(--scale)) !important; }
.pbottom_60 { padding-bottom: calc(60px * var(--scale)); }

.mt_10 { margin-top: calc(10px * var(--scale)); }
.mt_15 { margin-top: calc(15px * var(--scale)); }
.mt_20 { margin-top: calc(20px * var(--scale)); }
.mt_30 { margin-top: calc(30px * var(--scale)); }
.mt_35 { margin-top: calc(35px * var(--scale)); }
.mt_40 { margin-top: calc(40px * var(--scale)); }
.mt_45 { margin-top: calc(45px * var(--scale)); }
.mt_50 { margin-top: calc(50px * var(--scale)); }
.mt_55 { margin-top: calc(55px * var(--scale)); }
.mt_60 { margin-top: calc(60px * var(--scale)); }
.mt_80 { margin-top: calc(80px * var(--scale)); }
.mt_90 { margin-top: calc(90px * var(--scale)); }
.mt_200 { margin-top: calc(200px * var(--scale)); }

.mb_20 { margin-bottom: calc(20px * var(--scale)); }
.mb_25 { margin-bottom: calc(25px * var(--scale)); }
.mb_30 { margin-bottom: calc(30px * var(--scale)); }
.mb_40 { margin-bottom: calc(40px * var(--scale)); }
.mb_45 { margin-bottom: calc(45px * var(--scale)); }
.mb_50 { margin-bottom: calc(50px * var(--scale)); }
.mb_60 { margin-bottom: calc(60px * var(--scale)); }
.mb_70 { margin-bottom: calc(70px * var(--scale)); }
.mb_85 { margin-bottom: calc(85px * var(--scale)); }
.mb_90 { margin-bottom: calc(90px * var(--scale)); }
.mb_100 { margin-bottom: calc(100px * var(--scale)); }
.mb_160 { margin-bottom: calc(160px * var(--scale)); }
.mb_969{margin-bottom: calc(155px * var(--scale));}

.height_80{height: calc(80px * var(--scale));}
.height_325{height: calc(325px * var(--scale));}
.height_500{height: calc(500px * var(--scale));}
.height_575{height: calc(575px * var(--scale));}
.height_450,.height_600{height: calc(450px * var(--scale-1440));}
.height_600_1{height: calc(520px * var(--scale));}
.height_800{height: calc(700px * var(--scale));}


h1{font-size:max(calc(50px * var(--scale)), 24px); font-weight: 400; line-height:110%;}
h2{color:#000; font-size:calc(34px * var(--scale)); font-weight: 400; line-height: 110%;}
.text_18 { font-size: calc(18px * var(--scale)); }
.text_20 { font-size: calc(20px * var(--scale)); }
.text_22 { font-size: calc(22px * var(--scale)); }
.text_23 { font-size: calc(20px * var(--scale)); }
.text_24 { font-size: calc(24px * var(--scale)); }
.text_32 { font-size: calc(32px * var(--scale)); }
.text_44 { font-size: calc(44px * var(--scale)); }
.text_48 { font-size: calc(48px * var(--scale)); }
.text_70 { font-size: calc(70px * var(--scale)); }

@media screen and (max-width: 1280px) and (min-width: 997px) {
    .text_18 { font-size: max(calc(18px * var(--scale)), 14px); }
    .text_20 { font-size: max(calc(20px * var(--scale)), 14px); }
    .text_22 { font-size: max(calc(22px * var(--scale)), 14px); }
    .text_23 { font-size: max(calc(23px * var(--scale)), 14px); }
    .text_24 { font-size: max(calc(24px * var(--scale)), 14px); }
    .text_32 { font-size: max(calc(32px * var(--scale)), 14px); }
    .text_44 { font-size: max(calc(44px * var(--scale)), 14px); }
    .text_48 { font-size: max(calc(48px * var(--scale)), 14px); }
    .text_70 { font-size: max(calc(70px * var(--scale)), 24px); }
    h1 { font-size: max(calc(50px * var(--scale)), 14px); }
    h2 { font-size: max(calc(34px * var(--scale)), 14px); }
}

@media screen and (max-width: 996px){
    .text_18 { font-size:14px; }
    .text_20 { font-size:16px; }
    .text_22 { font-size:16px; }
    .text_23 { font-size:16px; }
    .text_24 { font-size:18px; }
    .text_32 { font-size:20px; }
    .text_44 { font-size:22px; }
    .text_48 { font-size:22px; }
    .text_70 { font-size:30px;}
    h1 { font-size:30px; }
    h2 { font-size:20px; }
    .mt_50 { margin-top:20px; }
    html,body{font-size:14px; }
}

@media screen and (max-width: 576px){
    h1 { font-size:18px; }
    h2 { font-size:16px; }
    .text_18 { font-size:12px; }
    .text_20 { font-size:14px; }
    .text_22 { font-size:14px; }
    .text_23 { font-size:14px; }
    .text_24 { font-size:16px; }
    .text_32 { font-size:16px; }
    .text_44 { font-size:18px; }
    .text_48 { font-size:18px; }
    .text_70 { font-size:20px;}
    html,body{font-size:12px;}
}



@media (min-width: 1921px) {
  .index_box,.gxxwj_box,.gxxwj_product_box,.gxxwj_product_bigimg,.shengchan_box,.footer_box{width:100%;max-width: 1620px;margin-right: auto;margin-left: auto;}
}

.box-shadow-hover{transition: box-shadow .1s ease-in, -webkit-filter .1s ease-in, filter .1s ease-in;}
.box-shadow{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}

video::-webkit-media-controls {display: none !important;}
video::-internal-media-controls-overlay-cancel-button {display: none !important;}
video {pointer-events: none;}


@media screen and (max-width:996px){
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
    .mb_160 { margin-bottom: calc(100px * var(--scale)); }
}

@media screen and (max-width:576px){
    .mt_45{ margin-top:15px;}
    .mt_90{ margin-top:40px;}
    .mb_160 { margin-bottom: calc(70px * var(--scale)); }
}


/*首页视频css*/
.video{width:100%; flex-shrink: 0; position:relative; display:flex; flex-wrap:wrap; color:#fff; border-radius:0 0 calc(20px * var(--scale)) calc(20px * var(--scale)); overflow: hidden; }
#fullscreen-video {object-fit:cover; width:100%; height:100%; display: block; border-radius: inherit;}
.video img,.video video{ width:100%; height:100%; object-fit:cover; display: block; border-radius:0 0 calc(20px * var(--scale)) calc(20px * var(--scale));}

.video_text{position:absolute; z-index:2; margin-left:auto; margin-right:auto; top:50%; left: 50%; transform: translate(-50%, -50%); width:84.37%; max-width: 1620px;display: flex;flex-direction: column;justify-content: center;height: auto;}
.video_text h1{font-weight: 700;}
.video_text p{margin-top:calc(15px * var(--scale)); font-family: "HarmonyOS_Sans_SC_Light"; font-weight: 300;line-height: 120%; letter-spacing: 0.2302px;}
.video_text3{color:#000}

@media screen and (max-width:996px){
    .video{height:auto; margin-top:55px;}
    #fullscreen-video {object-fit:fill; width:100%; height:auto;}
    .video_text{left: 50%; transform: translate(-50%, -50%); }
}


/*首页永兴光学行业领域css*/
.index_box,.gxxwj_box,.gxxwj_product_box,.shengchan_box{font-weight: 400; width:84.37%;margin-left:auto;margin-right:auto;}
.hyly_title{display:flex; justify-content:space-between; align-items:center;}
.hyly_title svg,.index_solution_title svg,.gxxwj_title svg{width:calc(136px * var(--scale));height:calc(6px * var(--scale));flex-shrink: 0; fill: #F6AB00; margin:8px 0;}
.hyly_title p{color: #000;text-transform: uppercase;}
.hyly_right{text-align:right; color: #BCBCBC;font-weight: 300;line-height: 120%;}
ul.hyly_box{width:100%; display:flex; justify-content:space-between; gap:calc(20px * var(--scale));}
ul.hyly_box li{width:calc(100% / 3); border-radius:calc(20px * var(--scale)); position:relative; overflow:hidden; transition: all 0.3s ease-in-out; }
ul.hyly_box li img{width:100%; height:100%; object-fit:cover;}
ul.hyly_box li a::after{content:""; position:absolute; z-index:3; bottom:0; left:0; width:100%; height:32%; border-radius: 0 0 calc(20px * var(--scale)) calc(20px * var(--scale)); background:linear-gradient(to bottom,rgba(0, 113, 227, 0),rgba(0, 104, 220, 0.59));}
ul.hyly_box li:hover{box-shadow:calc(8px * var(--scale)) calc(10px * var(--scale)) calc(20px * var(--scale)) rgba(25, 25, 25, .3);}
ul.hyly_box li p{width:100%;color: #FFF;font-weight: 400;line-height: 120%; position:absolute; z-index:5; text-align:center; bottom:calc(45px * var(--scale));}


@media screen and (max-width:1440px){
    a.index_solution_more svg path{transform:scale(1);}
}

@media screen and (max-width:1280px){
    ul.hyly_box li p{bottom:20px;}
    .hyly_title svg{margin:5px 0;}
}

/*@media screen and (max-width:1024px){*/
/*    .index_box,.gxxwj_box,.gxxwj_product_box,.shengchan_box{width:94%;}*/
/*}*/

@media screen and (max-width:996px){
    .index_box,.gxxwj_box,.gxxwj_product_box,.shengchan_box{width:92%;}
    .index_box ul.hyly_box{display:none;}
    .m_hyly_img{position:relative; height:360px; overflow:hidden; border-radius:calc(20px * var(--scale));}
    .m_hyly_img img{height:auto; width:100%; object-fit:cover;}
    .m_hyly_img p{width:100%;color: #FFF; font-size:16px; font-weight: 400;line-height: 120%; position:absolute; z-index:5; bottom:0; text-align:center; padding:24px 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));}
    .m_hyly_img a::after{content:""; position:absolute; z-index:3; bottom:0; left:0; width:100%; height:32%; border-radius: 0 0 calc(20px * var(--scale)) calc(20px * var(--scale)); background:linear-gradient(to bottom,rgba(0, 113, 227, 0),rgba(0, 104, 220, 0.59));}
    ul.hyly_box li a::after{display:none}
    ul.hyly_box li:hover{box-shadow:none;}
}
@media screen and (max-width:768px){
    ul.hyly_box{margin-top:15px;}
    ul.hyly_box li:hover{box-shadow:none;}
}

@media screen and (max-width:576px){
    .hyly_right{display:none;}
    .hyly_title p{font-size:12px;}
    .m_hyly_img{height:auto;}
    .m_hyly_img p{font-size: 16px; padding:15px 0;}
}


/*首页解决方案css*/
.index_solution_title{display:flex; justify-content:space-between; align-items:center;}
.index_solution_title p{color: #000;text-transform: uppercase;}
a.index_solution_more{line-height: 120%; color: #0071E3; display:flex; align-items:center; padding:calc(5px * var(--scale)) calc(14px * var(--scale)); border-radius:calc(100px * var(--scale)); border: 1.5px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #0061CC, #F6AB00); transition: all .5s ease-in-out;}
a.index_solution_more i svg{width:24px; height:auto; fill: #0071E3;margin:0;transition: all .5s ease-in-out;}
a.index_solution_more:hover{background:#0071E3; color:#fff;}
a.index_solution_more:hover i svg{fill: #fff;}

@media screen and (max-width:996px){
    .index_solution_title svg{margin:5px 0;}
}
@media screen and (max-width:768px){
    a.index_solution_more i svg path{transform:scale(1);}
}

.case-container {margin:0px auto 0;position: relative;width: 100%;}
.case-container2{display:none;}
/* 左右箭头样式 */
.swiper-arrow {position: absolute; bottom: calc(-10px * var(--scale)); transform: translateY(-50%);  display: flex;align-items: center;justify-content: center; z-index: 10; transition: background 0.3s;width: 20px;height: 20px;}
.swiper-arrow:hover {background: #fff;}
.arrow-prev {left:0px;}
.arrow-next {right:0px;}

@media (max-width: 1280px) {
    .swiper-arrow { bottom: -6px;}
}
@media screen and (max-width:996px){
    .case-container {margin:0px auto 0;position: relative;}
}
@media screen and (max-width:576px){
    .case-container1{display:none;}
    .case-container2{display:flex;}
    .case-container {margin:20px auto 0;position: relative;}
}

/* 箭头图标 */
.arrow-icon {width:calc(16px * var(--scale));height: calc(16px * var(--scale));}
.arrow-prev .arrow-icon { margin-right:8px; cursor:pointer;}
.arrow-next .arrow-icon {transform: rotate(0deg); margin-left:8px; cursor:pointer;}
/* Swiper容器样式 */
.case-swiper {padding:calc(45px * var(--scale)) 0 10px !important;}
/* 轮播项样式 */
.case-item {width: calc(100% / 3.5) !important; /* 三个半宽度 */ flex-shrink: 0; transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.3s ease; }
.case-card {overflow: hidden; border-radius:calc(20px * var(--scale)); transition: all 0.3s ease-in-out;}

.case_box{position:relative;}
.case-img {width: 100%; border-radius: calc(20px * var(--scale)) calc(20px * var(--scale)) 0 0; height:calc(290px * var(--scale)); aspect-ratio:1/1 ;overflow:hidden; display:flex; justify-content:center; align-items:center}
.case-img img{width:100%; height: 100%; object-fit:cover;}

.case_img_bg{width:100%; height:100%; background: rgba(0, 0, 0, 0.2); position:absolute; z-index:2; top:0; left:0; border-radius:calc(20px * var(--scale)) calc(20px * var(--scale)) 0 0; transition: all 0.3s ease-in-out;}
.case-desc {padding:calc(40px * var(--scale)) 0 calc(40px * var(--scale)) calc(30px * var(--scale));border-radius: 0 0 calc(20px * var(--scale)) calc(20px * var(--scale)); background: #F8F9FC; color: #A8A5A5;line-height: 120%;}
.case-card:hover {box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.case-card:hover .case_img_bg{background: rgba(0, 0, 0, 0);}
.case-card:hover .case-desc{color:#000; transition: all 0.3s ease-in-out;}
/* 自定义滚动条样式 */
.custom-scrollbar {width:96%;height:1px; background: #dddddd; margin:calc(45px * var(--scale)) auto 0; position: relative;}
.scrollbar-thumb{position:absolute; top:-2px; height:5px; width: calc(100% / 5); background: #0071E3; border-radius:3px; cursor: grab; left: 0; transition: left 0.3s cubic-bezier(0.16, 1, 0.3, 1); transform: scaleY(1);}

/* 响应式调整 */
@media (max-width: 992px) {
	.case-item {width:33.333% !important; /* 中等屏幕显示2个 */}
	.scrollbar-thumb {width: calc(100% / 7); /* 8个项目在2列布局需要7次滑动 */}
}
@media screen and (max-width:768px){
    .arrow-icon svg path{transform:scale(1);}
    .case-img { height:calc(200px * var(--scale));}
    .case-swiper {padding:25px 0 10px !important;}
}

@media (max-width: 576px) {
	.case-item {width: 50% !important; /* 小屏幕显示1个 */}
	.scrollbar-thumb {width: calc(100% / 8); /* 8个项目在1列布局需要8次滑动 */}
	.swiper-arrow {width: 32px;height: 32px; display:none;}
    .case-swiper {padding:0px 0 5px !important;}
    .custom-scrollbar {height:1.5px; margin-top:18px;}
    .scrollbar-thumb{top:-2px; height:5px;}
    .case-desc {padding:15px; font-size:12px; height:75px;}
    #scrollbar,#prevBtn,#nextBtn{display:none;}

}


/*首页新闻资讯css*/
/* Swiper容器样式 */
.news-swiper {padding:calc(45px * var(--scale)) 0 10px;}
/* 轮播项样式 */
.news-item {width: calc((100% / 3) - 10px) !important; background: #F8F9FC; border-radius:calc(20px * var(--scale));transition: all 0.3s ease-in-out;}
.news-item:hover {box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.news_box{color: #000; display:flex;flex-wrap: wrap; align-items:center; align-content: space-between; padding:calc(40px * var(--scale)) calc(30px * var(--scale)) calc(50px * var(--scale)) calc(30px * var(--scale));}
/*.news-img {width: 33.333%; border-radius:calc(20px * var(--scale));transition: all 0.3s ease-in-out; aspect-ratio:1 / 1; }*/
.news-img {width:calc(250px * var(--scale)); border-radius:calc(20px * var(--scale));transition: all 0.3s ease-in-out;}


.news-time{font-weight: 300;}
.news-desc {line-height: 120%;font-weight:300; color:#A8A5A5;
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 兜底省略号（单行） */
    display: -webkit-box; /* 将元素作为弹性伸缩盒子模型显示 */
    -webkit-line-clamp: 2; /* 限制显示的行数为2行 */
    -webkit-box-orient: vertical;}
.news-item:hover .news-desc{color:#000;}
.news-card a{overflow: hidden; transition: all 0.3s ease-in-out; display:flex;}
.news-card a:hover{color:#000;}
.index_news .swiper-arrow {bottom:calc(-10px * var(--scale));}
.gxxwj_box .swiper-arrow {bottom:calc(-10px * var(--scale));}
/*.news-item:hover .news-img{transform:scale(1.2);}*/

/* 响应式调整 */
@media (max-width: 1280px) {
    .index_news .swiper-arrow {bottom:-6px;}
}

/* 响应式调整 */
@media (max-width: 996px) {
    .news-item {width: 50% !important; /* 中等屏幕显示2个 */}
    .news-swiper {padding:25px 0 10px; }
    
}
@media (max-width: 576px) {
    .news-item {width: 100% !important; margin-bottom:10px; }
    .scrollbar-thumb {width: calc(100% / 8); /* 8个项目在1列布局需要8次滑动 */}
    .news_box{}
    .news-desc { font-size: 12px;}
    #scrollbar1,#prevBtn1,#nextBtn1{display:none;}
    .news-swiper {padding:0px;width:100%; }
    .news-img {width:150px;}
}

/*首页服务与支持css*/
.index_service_box{display:flex; justify-content:space-between; color: #000; font-weight: 400;line-height: 120%;width:87%; margin-left:auto; margin-right:auto;}
.index_service_box li{width:30%; max-width:calc(400px * var(--scale)); height:calc(300px * var(--scale)); flex-shrink: 0; border-radius:calc(20px * var(--scale)); background: #F8F9FC; padding:calc(45px * var(--scale)); transition: all 0.3s ease-in-out;}
.index_service_box li a{display:flex; flex-direction: column; align-items: center;}
.index_service_box svg{margin-bottom:calc(30px * var(--scale));}
.index_service_box svg.icon1{ width:calc(40px * var(--scale)); height:calc(40px * var(--scale));}
.index_service_box svg.icon2{ width:calc(40px * var(--scale)); height:calc(40px * var(--scale));}
.index_service_box svg.icon3{ width:calc(40px * var(--scale)); height:calc(40px * var(--scale));}
.index_service_box li h5{font-size:calc(24px * var(--scale));line-height: 120%;}
.index_service_box li p{text-align: center;text-transform: uppercase; margin-bottom:4px;}
.index_service_box li:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}

@media (max-width: 992px) {
    .index_service_box{margin:0 auto 40px;}
    .index_service_box li{margin-top:40px;}
    .index_service_box svg path{transform:scale(1);}
    .index_service_box li p{ margin:25px 0 0px;}
    .index_service_box li span{text-align:center;}
}

@media (max-width: 576px) {
    .index_service_box li h5{text-align:center;}
    .index_service_box{width:100%; margin:0 auto;}
    .index_service_box li{width:31%; margin-top:15px; padding:10px; height:160px;}
}

/*底部菜单css*/
footer{width:100%;flex-shrink: 0; border-radius: calc(20px * var(--scale)) calc(20px * var(--scale)) 0 0; background: #1E1F26; padding:calc(60px * var(--scale)) 0 calc(20px * var(--scale)) 0;color:#fff;}
.footer_box{width:84.37%; display:flex; flex-wrap:wrap; justify-content:space-between; font-weight: 400; margin-left:auto; margin-right:auto;}
.footer_logo{width:100%; margin-bottom: calc(50px * var(--scale));}
.footer_logo img{width: calc(94px * var(--scale)); height: calc(35px * var(--scale)); flex-shrink: 0;}
ul.footer_menu{width:70%; display:flex; line-height: 120%; font-family: "HarmonyOS_Sans_SC_Light";}
ul.footer_menu li{width:20%; padding:0 0 0 calc(20px * var(--scale)); border-right:1px #737373 solid;}
ul.footer_menu li:nth-child(1){width:17%; padding:0;}
ul.footer_menu li:nth-child(3){width:18%;}
ul.footer_menu li:last-child{ border-right:none;}
ul.footer_menu h5{color: #FFF; line-height:120%}
ul.footer_menu p{font-size:14px; font-weight: 400; line-height: 180%;}
ul.footer_menu p a{color:#BEBBBB;}
.footer_contact{width:29%;color: #FFF;}
.footer_contact h4{font-size:calc(32px * var(--scale)); line-height:120%;text-transform: capitalize;}
.footer_contact h6{font-size:calc(18px * var(--scale)); margin:calc(32px * var(--scale)) 0 calc(8px * var(--scale));}
.footer_contact p{line-height:160%;font-size:14px; font-weight: 300;}
.footer_contact p:nth-child(4){margin-top:calc(25px * var(--scale));}
.footer_icon{display:flex; margin-top:calc(25px * var(--scale));}
.footer_icon i{display:flex; justify-content:center; align-items:center; margin-right:calc(20px * var(--scale)); position:relative;}
.footer_contact i{width: calc(50px * var(--scale)); height: calc(50px * var(--scale)); border-radius:100%; flex-shrink: 0; background:#737373;}
.footer_contact i img{width:75%;}
.footer_contact i img.img1{width:45%;}
.footer_contact i .erweima_box img{width:110px;}
.copyright{width:100%; border-top:1px #F1F0F5 solid; padding-top:calc(20px * var(--scale));  margin-top:calc(60px * var(--scale)); font-size:14px;font-style: normal;font-weight: 300;line-height: 160%;}
.copyright a{color: #fff; text-decoration-line: underline !important; margin:0 2px;}
ul.footer_menu li a:hover,.copyright a:hover{color:#0071E3;}

/*二维码弹出css*/
.erweima_box{position: absolute;bottom: calc(100% + 10px); left: 50%;transform: translateX(-50%);
width: 125px;height: 140px;background: #fff;padding: 5px;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.2);opacity: 0; visibility: hidden; transition: all 0.3s ease;z-index: 999; text-align:center;}
.erweima_box1{width:400px; display: flex; left: 25%;transform: translateX(-25%);}
.erweima_box1 .box1{width:130px; text-align:center;}
.erweima_box p{font-size:12px; font-style:normal; color:#000;}
.qrcode-img{width: 100%; object-fit: contain;}

.popup-arrow{position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;}
.erweima_box1 .popup-arrow{left: 27%;transform: translateX(-27%);}
.footer_icon i:hover .erweima_box{opacity: 1;visibility: visible;}
.footer_icon i:hover{background: #0071E3;}

@media (max-width: 1280px) {
    footer{padding:30px 0 15px 0;}
    .footer_icon{margin-top:20px;}
    .footer_logo{ margin-bottom:35px;}
}

@media (max-width: 992px) {
    .footer_box{flex-direction:column; width:92%;}
    ul.footer_menu,.footer_contact{width:100%;}
    .footer_contact{width:100%; margin-top:30px;}
    .erweima_box{width: 80px;height: 100px;}
    
    /* 重置菜单布局为纵向 */
    ul.footer_menu{flex-direction: column; gap:20px;}
    ul.footer_menu li{width: 100% !important;padding: 0;border-right: none;border-bottom: 1px solid #737373; padding-bottom:15px;}
    ul.footer_menu li:nth-child(1){padding: 0; padding-bottom:15px;}
    ul.footer_menu h5{margin-bottom: 0; position: relative; padding-right:20px;}
    /* 新增：标题右侧小箭头（可选，提升交互提示） */
    ul.footer_menu h5::after{ content: "+";position: absolute; right: 0;top: 0; font-size:20px;transition: transform 0.3s ease;}
    /* 展开时箭头旋转（可选） */
    ul.footer_menu li.active h5::after{content: "-";}
    
    /* 核心：默认隐藏子内容 */
    ul.footer_menu .footer-menu-content{max-height: 0;overflow: hidden;transition: max-height 0.3s ease;margin-top:8px;}
    /* 激活时显示子内容 */
    ul.footer_menu li.active .footer-menu-content{max-height: 500px; /* 足够大的数值，适配所有子项高度 */}
    ul.footer_menu li.active .footer-menu-content p{padding:5px 0;}
    .footer_icon i{margin-right:12px;}
}

@media (max-width: 576px){
    .erweima_box{width: 100px;height:auto;}
    .footer_contact i .erweima_box img{width:90px;}
    .erweima_box1{width:335px; left:-55%;transform: translateX(0%);}
    .erweima_box1 .box{width:100px; text-align:center;}
    .erweima_box1 .box1{width:130px;}
    .erweima_box1 .popup-arrow{left:8%;transform: translateX(-8%);}
    .copyright{font-size:12px; margin-top:20px;}
    .footer_icon{display:none;}
    ul.footer_menu h5 br{display:none !important;}
}



/*++++++++++++++++++++++++++++++++++光学显微镜内页css++++++++++++++++++++++++++++*/
.gxxwj_box .hyly_box li{overflow:initial; cursor:pointer;}
.gxxwj_box .hyly_box li .gxxwj_img{overflow:hidden; flex-shrink:0; border-radius:calc(20px * var(--scale)); position:relative; z-index:2}
.gxxwj_box .hyly_box li .gxxwj_img img{width:100%; height:100%; object-fit:cover; transition: all .5s ease-in-out;}
.gxxwj_box .hyly_box li p{width:100%;color: #FFF;font-weight: 400;line-height: 120%; position:absolute; z-index:4; text-align:center; bottom:calc(32px * var(--scale));}
.gxxwj_box .tabPanel li a::before {content:""; position:absolute; z-index:1;bottom:calc(-26px * var(--scale)); left:calc((100% / 2) - 28px); width:calc(56px * var(--scale));height:calc(40px * var(--scale));
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='40' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='rgba(0, 113, 227, 1)'/></svg>");background-size: contain; background-repeat: no-repeat;background-position: center;
  /* 初始隐藏：透明 + 向上偏移10px */
  opacity: 0;transform: translateY(-10px);transition: opacity 0.3s ease, transform 0.3s ease;}

/* 2. hit激活状态：显示 + 回到原位置 */
.gxxwj_box .tabPanel li.hit a::before {opacity: 1;transform: translateY(0);}
.gxxwj_box .tabPanel li.hit a::after{content:""; position:absolute; z-index:3; bottom:0; left:0; width:100%; height:32%; border-radius: 0 0 calc(20px * var(--scale)) calc(20px * var(--scale)); background:linear-gradient(to bottom,rgba(0, 113, 227, 0),rgba(0, 104, 220, 0.59));}
.gxxwj_box .panes{border-radius:calc(36px * var(--scale)); background: #F8F9FC; padding:calc(35px * var(--scale)) calc(50px * var(--scale)) calc(60px * var(--scale)) calc(50px * var(--scale));}
.gxxwj_box .panes1{padding:0;}
.gxxwj_box .panes1 .pane{position: relative;}
.gxxwj_box .pane,.gxxwj_box .pane1,.gxxwj_product_box .pane1{display:none;}

@media (max-width:1440px){
    .gxxwj_box .tabPanel li.hit a::before{bottom:-19px; left:calc((100% / 2) - 20px); width:40px; height:30px;}
}

@media (max-width:1024px){
    .gxxwj_box .panes{padding:calc(35px * var(--scale)) calc(45px * var(--scale)) calc(45px * var(--scale)) calc(45px * var(--scale));}
}

@media (max-width:996px){
    .gxxwj_box .m_hyly_box li{height:40px; background:#F8F9FC; border-radius:30px;}
    .gxxwj_box .m_hyly_box li .gxxwj_img img{display:none;}
    .gxxwj_box .m_hyly_box li a{display:flex; align-items:center;}
    .gxxwj_box .m_hyly_box li p{ color:#000; position:relative;text-align:center; bottom:0; font-size:16px;}
    .gxxwj_box .panes{margin-top:calc(30px * var(--scale)); padding:calc(30px * var(--scale));}
    .gxxwj_box .tabPanel li.hit{background: #0071E3; color:#fff;}
    .gxxwj_box .m_hyly_box li.hit p{color:#fff;}
    .gxxwj_box .tabPanel li a::before,.gxxwj_box .tabPanel li.hit a::before{bottom:-15px; z-index: -1;}
    .gxxwj_box .tabPanel li.hit a::after{display:none;}
    .gxxwj_box .panes1{padding:0 0 calc(30px * var(--scale)) 0;}
}

@media (max-width: 576px){
    .gxxwj_box .m_hyly_box li{width:auto;}
    .gxxwj_box .m_hyly_box li p{padding:0 calc(15px * var(--scale));}
    .gxxwj_box .panes1{margin-top:0;padding:0 0 calc(30px * var(--scale)) 0;}
    .gxxwj_box .tabPanel li a::before,.gxxwj_box .tabPanel li.hit a::before{bottom:-13px;}
}

/*产品列表css*/
.gxxwj_title{display:flex; justify-content:space-between; align-items:center;}
.gxxwj_title h4{color: #000;font-weight: 700;line-height: 120%;}
/*.gxxwj_title p{color: #000; font-size: 1rem;text-transform: uppercase;}*/
.gxxwj_search{color: #BCBCBC; font-weight: 300;line-height: 120%;}
.gxxwj_search form{display: flex; justify-content: space-between; align-items: center;}
.gxxwj_search div{border:2px solid #969696; border-radius:calc(32px * var(--scale)); background:#fff; display: flex; justify-content: space-between;padding:4px 10px 5px;}
.gxxwj_search .search_btn{background:transparent; border:none;opacity: 0.6;}
.gxxwj_search input.search_input{max-width:100%; min-width:100px; border:none; outline: none; color:#86807f; font-size:18px; box-sizing: border-box; line-height: normal; font-family: inherit !important;}
.gxxwj_search.gxxwj_search.gxxwj_search input.search_input::placeholder {font-size: 18px !important;}
.gxxwj_search.gxxwj_search.gxxwj_search input.search_input::-webkit-input-placeholder {font-size: 18px !important;}
.gxxwj_search.gxxwj_search.gxxwj_search input.search_input:-moz-placeholder {font-size: 18px !important;}
.gxxwj_search.gxxwj_search.gxxwj_search input.search_input::-moz-placeholder {font-size: 18px !important;}
.gxxwj_search.gxxwj_search.gxxwj_search input.search_input:-ms-input-placeholder {font-size: 18px !important;}

@media (max-width:1440px){
    .gxxwj_search input.search_input{font-size:14px;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input::placeholder {font-size: 14px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input::-webkit-input-placeholder {font-size: 14px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input:-moz-placeholder {font-size: 14px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input::-moz-placeholder {font-size: 14px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input:-ms-input-placeholder {font-size: 14px !important;}
}
@media (max-width:1023px){
    .gxxwj_search input.search_input{font-size:12px;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input::placeholder {font-size: 12px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input::-webkit-input-placeholder {font-size: 12px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input:-moz-placeholder {font-size: 12px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input::-moz-placeholder {font-size: 12px !important;}
    .gxxwj_search.gxxwj_search.gxxwj_search input.search_input:-ms-input-placeholder {font-size: 12px !important;}
}

@media (max-width:576px){
    .gxxwj_title{flex-direction:column; align-items: flex-start; padding-left:0;}
    .gxxwj_title .gxxwj_search{display:none;}
}


/*产品列表tab切换css*/
.gxxwj_product ol{display:flex; flex-wrap:wrap; margin-bottom:calc(30px * var(--scale));}
.gxxwj_product ol li{background:#fff; cursor:pointer; border-radius:calc(72px * var(--scale)); font-weight:300; padding:calc(12px * var(--scale)) calc(15px * var(--scale)); margin-right:calc(10px * var(--scale)); position:relative; cursor:pointer; font-family: "HarmonyOS_Sans_SC_Light"; font-size:var(--font-size-18); margin-bottom:calc(25px * var(--scale));}
.gxxwj_product ol li.hit1{background:#0071E3; color:#fff; font-weight:700;}
.gxxwj_product ol li.hit1::after{content:""; position:absolute;bottom:calc(-15px * var(--scale)); left:calc((100% / 2) - (20px * var(--scale))); width:calc(40px * var(--scale)); height:calc(30px * var(--scale));background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='40' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='%230071E3'/></svg>");background-size: contain; background-repeat: no-repeat;background-position: center; transition: all .5s ease-in-out;}
.gxxwj_list_box{display:flex;flex-wrap: wrap; justify-content: space-between;}
.gxxwj_list{width:calc((100% - 30px) / 2);  border-radius:calc(20px * var(--scale)); height:calc(280px * var(--scale)); background: #FFF; color: #000; font-weight: 400;line-height: 120%; display:flex; justify-content:space-between;transition: all .5s ease-in-out;}
.gxxwj_list:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.gxxwj_left{display:flex;flex-wrap: wrap; flex-direction: column; justify-content: space-around; width:40%;}
.gxxwj_list h4{font-size:var(--font-size-24); margin-bottom:calc(30px * var(--scale)); font-weight:600;}
.gxxwj_list h4 {color: #000; line-height:130%;}
.gxxwj_list h4 a:hover{color:#0071E3;}
.gxxwj_list p{color: #515153;line-height: 165%;font-family: "HarmonyOS_Sans_SC_Light";overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4; -webkit-box-orient: vertical; font-size:var(--font-size-16);/* text-align: justify;*/}
.gxxwj_db{display:flex; align-items: center;}
.gxxwj_db em{margin-left:calc(16px * var(--scale));}
.gxxwj_product_img{position:relative; width:55%; max-height:300px; padding:0;}
.gxxwj_product_img div.img{display: flex; align-items: center;justify-content: center;  width: 100%;height: 100%;min-height: 1px;}
.gxxwj_product_img img{width: auto; height: auto; max-width: 100%; max-height: 100%;object-fit: contain; margin-top:calc(-50px * var(--scale));}
.gxxwj_product_img .svg{width:calc(48px * var(--scale));height:calc(50px * var(--scale)); flex-shrink: 0; position:absolute; right:0; top:0; text-align:center;}
.gxxwj_product_img .svg span{color: #FFF;font-size:13px;font-weight: 900; display:block; margin-top:-80%;}
.gxxwj_db_btn{display: none; padding:calc(8px * var(--scale)) calc(30px * var(--scale)); border-radius:calc(105px * var(--scale)); border: 1.5px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;background-image: linear-gradient(to right, #F8F9FC, #F8F9FC), linear-gradient(to right, #0061CC, #F6AB00); transition: all .5s ease-in-out;position: fixed; z-index: 999;bottom:calc(20px * var(--scale));right:calc(20px * var(--scale));transition: all 0.2s ease; opacity: 0; pointer-events: none;  }
.gxxwj_db_btn.show {display: block !important;opacity: 1;pointer-events: auto;}
.gxxwj_db_btn:hover{background:#0071E3; color:#fff}

/* 隐藏原生复选框 */
.custom-radio input {display: none; font-size:14px;}
.search_input::placeholder{ font-size:14px;}
/* 自定义圆形框样式 */
.custom-radio .radio-circle {display: inline-block;width:calc(20px * var(--scale));height:calc(20px * var(--scale));transition: all .5s ease-in-out;border-radius: 50%; position: relative; border: 1.5px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;
	 background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #0061CC, #F6AB00);}
/* 选中状态样式 */
.custom-radio input:checked + .radio-circle {border:none;background:#0071E3;}
/* 可选：选中时添加中心白点（增强视觉效果） */
/*.custom-radio input:checked + .radio-circle::after {content: "";position: absolute;width:6px;height:6px;background: white;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);}*/

@media screen and (max-width:1680px){
    .gxxwj_product_img .svg span{ margin-left:12%;}
    .gxxwj_product ol li{margin-bottom:calc(25px * var(--scale));}
    .gxxwj_list p{-webkit-line-clamp:3;}
    .gxxwj_left{ width:43%;}
}
@media screen and (max-width:1440px){
    .gxxwj_product_img .svg span{margin-top:-85%; margin-left:26%;}
    .gxxwj_product ol.mb_30{margin-bottom:0px;}
    .gxxwj_title svg path{transform:scale(.85);}
}

@media screen and (max-width:1280px){
    .gxxwj_product_img .svg span{margin-top:-90%; margin-left:30%;}
    
}

@media screen and (max-width:1024px){
    .gxxwj_product ol li.hit1::after{bottom:-15px; left:calc((100% / 2) - 10px); width:20px; height:30px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='30' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='%230071E3'/></svg>");}
    .gxxwj_product ol li{padding:calc(12px * var(--scale)) calc(20px * var(--scale)); margin-right:calc(12px * var(--scale));}
    .gxxwj_product_img .svg{top:0px; right:17px;}
    .gxxwj_product_img .svg svg path{transform: scale(0.85);}
    .gxxwj_product_img .svg span{margin-left: 20%; margin-top:-130%;}
}


@media screen and (max-width:996px){
    .gxxwj_list h4 {line-height:140%;}
    .gxxwj_product ol{margin-bottom:0;}
    .gxxwj_product ol li{margin-bottom:20px;}
    .gxxwj_list{padding:0 30px;}
    .gxxwj_product_img .svg{top:0px; right:0px;}
    .gxxwj_product_img .svg svg path{transform:scale(1);}
    .gxxwj_product_img .svg span{margin-left:9px;margin-top:-120%;}
    
    .gxxwj_list{width:100%;  border-radius:calc(20px * var(--scale)); height:200px;}
    .gxxwj_list h4{margin-bottom:10px;}

    /* 核心容器：横向滚动 + 弹性布局 */
    .column-scroll {overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: calc(20px * var(--scale)); box-sizing: border-box; position: relative; }
    /* 隐藏Chrome/Safari滚动条（可选） */
    .column-scroll::-webkit-scrollbar {display: none;}
    /* 栏目列表：弹性布局，一行排列 */
    .gxxwj_product ol.column-list{display: flex; flex-wrap:nowrap; gap:calc(15px * var(--scale));}
    /* 单个栏目样式：固定宽度，保证统一 */
    .column-scroll li {flex-shrink: 0; display: flex; flex-direction: column;align-items: center;justify-content: center; }
    /* 可选：栏目文字换行优化 */
    .column-scroll li span {display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
    .column-scroll.mb_70{margin-bottom:0;}
}
@media screen and (max-width:576px){
    .gxxwj_product ol{margin-top:15px;}
    .gxxwj_product ol li{margin-bottom:calc(15px * var(--scale)); margin-right:0}  
    .gxxwj_list{padding:0 0 0 15px; margin-top:22px; height:125px;}
    .gxxwj_list h4{margin-bottom:15px;}
    .gxxwj_list p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
    .gxxwj_left{ width:45%;}
    .gxxwj_product_img{margin:0;}
    .gxxwj_product_img img{width:100%;}   
    .gxxwj_product_img .svg{top:0; right:8px;}
    .gxxwj_product_img .svg svg path{transform:scale(.75);}
    .gxxwj_product_img .svg span{font-size:12px;margin-left:5px;margin-top: -132%;}

    /* 核心容器：横向滚动 + 弹性布局 */
    /*.m_hyly-scroll{ margin-bottom:5px !important;}*/
    .m_hyly-scroll::-webkit-scrollbar {display: none;}
    .m_hyly-scroll ul.m_hyly_box{display: flex; flex-wrap: nowrap; gap:calc(15px * var(--scale));}
    .m_hyly-scroll ul.m_hyly_box li {flex-shrink: 0; display: flex; flex-direction: column;align-items: center;justify-content: center; margin-bottom: 10px;}
    .m_hyly-scroll ul.m_hyly_box li span {display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
    
    .gxxwj_list p{line-height: 140%;}

}



/*++++++++++++++++++++++++++++++++++光学显微镜解决方案详情页css++++++++++++++++++++++++++++*/
.video_text1 p{width:40%; text-align:left; line-height: 140%;}
.solution_view_box img{max-width:100%;}

/* 轮播项样式 */
.gxxwj-swiper {padding:calc(45px * var(--scale)) 0 calc(10px * var(--scale)) !important; perspective: 1000px; position: relative; perspective: 1000px;}
.solution-card {overflow: hidden; transition: all 0.3s ease-in-out; border-radius: calc(20px * var(--scale));transform-style: preserve-3d;transform: translateZ(0);}
.solution_box{position:relative; width:100%; height:calc(320px * var(--scale)); aspect-ratio:1/1 ;overflow:hidden; display:flex; justify-content:center; align-items:center}
.solution-img {border-radius:calc(20px * var(--scale)) calc(20px * var(--scale)) 0 0; width:100%; height:90%; object-fit: contain;}
.solution_img_bg{width:100%; height:100%; background: rgba(0, 0, 0, 0.08); position:absolute; z-index:2; top:0; left:0; border-radius: calc(20px * var(--scale)) calc(20px * var(--scale)) 0 0; transition: all 0.3s ease-in-out;}
.solution-desc {padding:calc(35px * var(--scale)); min-height:calc(145px * var(--scale)); border-radius: 0 0 calc(20px * var(--scale)) calc(20px * var(--scale)); background: #F8F9FC; line-height: 120%;}
.solution-desc h4{padding-bottom:calc(20px * var(--scale)); color: #000; font-size:20px;}
.solution-desc p{color: #000;font-weight: 250; line-height: 130%; min-height:calc(47px * var(--scale)); overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; font-size:18px;}
.solution-card:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24); transform: translateZ(50px);}
.solution-card:hover .solution_img_bg{background: rgba(0, 0, 0, 0);}
.solution-card:hover .solution-desc{color:#000; transition: all 0.3s ease-in-out;}

@media screen and (max-width:1440px){
    .solution-desc h4{font-size: max(calc(20px * var(--scale)), 16px);}
    .solution-desc p{font-size: max(calc(18px * var(--scale)), 14px);}
}

@media screen and (max-width:996px){
    .video_text1{width:80%;}
    .solution_view_box{margin-top:calc(20px * var(--scale));}
    .video_text1 p{width:80%; font-size:16px !important;}
    .gxxwj-swiper{padding-bottom:5px !important;}
    .index_news .solution_view_btn .swiper-arrow {bottom:-10px;}
    .solution-desc h4{font-size: max(calc(20px * var(--scale)), 14px);}
    .solution-desc p{font-size: max(calc(18px * var(--scale)), 12px);}
}
@media screen and (max-width:576px){
    .video_text1 p{ font-size:12px !important;}
    .solution_box{height:120px;}
    .solution-item{width:calc(50% - 10px) !important;}
    .solution-desc {padding:10px; min-height:100px;}
    .gxxwj-swiper{padding:0 0 5px 0 !important;}
}


/*光学显微镜产品详情页css*/
.gxxwj_product_bigbox{ background: #F8F9FC; width:100%;}
.gxxwj_product_bigimg{width:84.37%; font-weight: 400;margin-left:auto;margin-right:auto;  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; color:#000;}
.gxxwj_product_bigimg .img_box{width:41%;height: calc(600px * var(--scale)); aspect-ratio:1/1 ;overflow:hidden; display:flex; justify-content:center; align-items:center;}
.gxxwj_product_bigimg .img_box img{width:100%; height:100%; object-fit: contain;}
.gxxwj_product_text{width:50%;}
.gxxwj_product_text a.shopping{color:#000; padding:calc(5px * var(--scale)) calc(16px * var(--scale)); border: 1.5px solid transparent; transition: all .5s ease-in-out;border-radius:calc(100px * var(--scale)); background-clip: padding-box, border-box; background-origin: padding-box, border-box;
	 background-image: linear-gradient(to right, #F8F9FC, #F8F9FC), linear-gradient(to right, #0061CC, #F6AB00);}
.gxxwj_product_text a.shopping:hover{ color:#fff; background:#0071E3;}
.gxxwj_product_text h1{margin:calc(18px * var(--scale)) 0 calc(32px * var(--scale)) 0;}
.gxxwj_product_text p{font-family: "HarmonyOS_Sans_SC_Light"; font-weight: 300; line-height: 140%; letter-spacing: 0.2302px; font-size:18px;}

@media screen and (max-width:1440px){
  .gxxwj_product_text p{font-size: max(calc(18px * var(--scale)), 14px);}  
}

@media screen and (max-width:992px){
  .gxxwj_product_text p{font-size: max(calc(18px * var(--scale)), 12px);}  
}

/*面包屑导航css*/
.breadcrumb{width:100%; margin-top:calc(40px * var(--scale)); font-family: "HarmonyOS_Sans_SC_Light";}
.breadcrumb a::after{ content:""; margin:0 calc(9px * var(--scale)); width:6px; height:12px;display:inline-block; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'><path d='M0.5 0.5L6.5 6.5L0.5 12.5' stroke='black' stroke-linecap='round'/></svg>");background-size: 100% 100%;}
.breadcrumb span{color:#A8A5A5;}

/*产品列表tab切换css*/
.gxxwj_product_tab{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.gxxwj_product_view ol{display:flex; flex-wrap:wrap; align-items:center;}
.gxxwj_product_view ol li{border-radius:calc(70px * var(--scale)); background: #F8F9FC; padding:calc(13px * var(--scale)) calc(20px * var(--scale)); margin-right:calc(15px * var(--scale));margin-bottom:calc(15px * var(--scale)); position:relative; cursor:pointer}
.gxxwj_product_view ol li.hit1{background:#0071E3; color:#fff;}
.gxxwj_product_view ol li.hit1::after{content:""; position:absolute; bottom:-15px; left:calc((100% / 2) - 20px); width:40px; height:30px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='40' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='%230071E3'/></svg>");background-size: contain; background-repeat: no-repeat;background-position: center; transition: all .5s ease-in-out;}
.gxxwj_product_view_img{margin-top:calc(-90px * var(--scale)); position:relative;}
.gxxwj_product_view_img img{width:100%; max-width:437px;}
.gxxwj_product_view_img .svg{width:48px;height: 50px; flex-shrink: 0; position:absolute; right:0; top:calc(90px * var(--scale)); text-align:center;}
.gxxwj_product_view_img .svg span{color: #FFF;font-size:14px;font-weight: 900; display:block; margin-top:calc(-32px * var(--scale));}

.gxxwj_product_view a.shopping{font-size:16px;line-height: 120%; color: #0071E3; display:flex; align-items:center; padding:6px 14px; border-radius:calc(100px * var(--scale)); border: 1.5px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #0061CC, #F6AB00); transition: all .5s ease-in-out;}
.gxxwj_product_view a.shopping i svg{width:24px; height:auto; fill: #0071E3;margin:0;transition: all .5s ease-in-out;}
.gxxwj_product_view a.shopping:hover{background:#0071E3; color:#fff;}
.gxxwj_product_view a.shopping:hover i svg{fill: #fff;}


@media screen and (max-width:1280px){
    .gxxwj_product_view ol li.hit1::after{bottom:-15px; left:calc((100% / 2) - 10px); width:20px; height:30px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='30' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='%230071E3'/></svg>");}
}
@media screen and (max-width:996px){
    .gxxwj_product_text h1{font-size:20px;}
    .gxxwj_product_view a.shopping i svg path{transform:scale(1);}
    .gxxwj_product_bigbox{margin-top:55px;}
    .gxxwj_product_bigimg{width:92%;}
}
@media screen and (max-width:576px){
    .breadcrumb{margin-top:20px;}
    .gxxwj_product_bigbox{height:auto !important;}
    .gxxwj_product_bigimg img{width:100%;}
    .gxxwj_product_bigimg .img_box{width:100%; height:auto;}
    .gxxwj_product_bigimg .img_box img{width:90%;}
    .gxxwj_product_text{width:100%; display: flex;flex-direction: column;align-items: center; margin-top:15px;}
    .gxxwj_product_text h1{margin:15px 0; font-size:18px;}
    .gxxwj_product_tab{flex-direction:column; align-items: flex-start;}
    .gxxwj_product_box{margin-top:30px;}
    .gxxwj_product_view ol li{background:#F8F9FC; margin:0 5px 10px 0;}
    .gxxwj_product_view ol.column-list{display: flex; flex-wrap: nowrap; gap:10.8px;}
    .gxxwj_product_view a.shopping{display:none;}
    
}


/*+++++++++++++++++++++++++++++++++++++++++光学元组件css++++++++++++++++++++++++++++++++++++++++*/
.video_text2{position:absolute; z-index:2; right:calc(120px * var(--scale)); top:48%;text-align: right;}
.video_text2 p{text-align: right;}

.gxyzj_product_tab{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.gxyzj_product_tab ol{margin-top:0}
/*产品列表tab切换css*/
.gxyzj_product .panes1{background:#fff; border-radius:calc(25px * var(--scale)); padding:calc(60px * var(--scale)) calc(35px * var(--scale));}
.gxyzj_product ol{display:flex; flex-wrap:wrap; width:calc(80% * var(--scale));}
.gxyzj_product ol li{border-radius:calc(40px * var(--scale)) ; background: #FFF; padding:calc(13px * var(--scale)) calc(30px * var(--scale)); margin-right:calc(14px * var(--scale));position:relative; cursor:pointer; display:flex; align-items:center;cursor:pointer;}
.gxyzj_product ol li.hit1{background:#0071E3; color:#fff;}
.gxyzj_product ol li.hit1::after{content:""; position:absolute;bottom:calc(-15px * var(--scale)); left:calc((100% / 2) - (calc(20px * var(--scale)))); width:calc(40px * var(--scale)); height:calc(30px * var(--scale)); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='40' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='%230071E3'/></svg>");background-size: contain; background-repeat: no-repeat;background-position: center; transition: all .5s ease-in-out;}
.gxyzj_product ol li svg{width:22px; margin-right:calc(6px * var(--scale)); fill:#1B1B1B;}
.gxyzj_product ol li.hit1 svg{fill:#fff;}

@media screen and (max-width:996px){
    .gxyzj_product_tab{margin-top:calc(32px * var(--scale));}
    .gxyzj_product .panes1{margin-top:calc(24px * var(--scale)); padding:calc(40px * var(--scale)) calc(15px * var(--scale));}
    .gxyzj_product ol{width:60%;}
    .gxyzj_product ol li{padding:calc(8px * var(--scale)) calc(15px * var(--scale));}
    .gxyzj_product ol li svg path{transform:scale(1.0);}
}

@media screen and (max-width:576px){
    .gxyzj_product ol{width:100%;}
    .gxyzj_product ol li{margin-right:5px; padding:calc(8px * var(--scale)) calc(13px * var(--scale));}
    .gxyzj_product_tab .gxxwj_search{display:none;}
}


/*产品折叠菜单css*/
.tab-panel{height:100%;}
.accordion-container{border-top:2px #000 solid; border-bottom:2px #000 solid;}
.gxyzj_titel .img{width:calc(40px * var(--scale)); /*height:calc(40px * var(--scale));*/ margin-right:calc(10px * var(--scale));}
.gxyzj_product_cont{padding:0 calc(32px * var(--scale)); display: flex; /*align-items:center;*/ justify-content: space-between; position:relative;}
.gxyzj_product_cont::after{content:""; height:calc(100% - (50px * var(--scale))); width:1px; border-right:1px #000 dashed; position:absolute; left:45.5%; top:calc(25px * var(--scale));}
.gxyzj_product_cont_left{width:45%; float:left; padding-right:calc(15px * var(--scale)); margin:calc(25px * var(--scale)) 0; display: flex;flex-direction: column; }
.gxyzj_product_cont_left img{margin:calc(20px * var(--scale)) auto 0; display: block; }
.gxyzj_product_cont_left img:not([width]){width: 100% !important;height: auto;}
.gxyzj_product_cont_left br{display:none;}
.gxyzj_product_cont_left * {text-wrap-mode: wrap !important;text-wrap: wrap !important;word-wrap: break-word !important;word-break: break-all !important;white-space: normal !important;}
.gxyzj_product_cont_left td{width:auto !important;}
.gxyzj_product_cont_right{width:52%; float:right; margin:calc(25px * var(--scale)) 0; overflow:hidden; display:flex; justify-content:center; align-items:flex-end; flex-direction: column;}
.gxyzj_product_cont_right img{width:100% !important; height: 100%; object-fit:cover;}


.gxyzj_product_cont .more{ float:right; font-size: 14px;line-height: 120%; color: #0071E3;width:130px; display:flex; justify-content:center; align-items:center; padding:3px 0; border-radius: calc(100px * var(--scale)); border: 1.5px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;
    background-image:linear-gradient(to right, #fff, #fff),linear-gradient(to right, #0061CC, #F6AB00);transition: all .5s ease-in-out; margin-top:calc(10px * var(--scale))}
.gxyzj_product_cont .more i svg{width:25px; height:auto; fill: #0071E3;margin:0;transition: all .5s ease-in-out;}
.gxyzj_product_cont .more:hover{background:#0071E3; color:#fff;}
.gxyzj_product_cont .more:hover i svg{fill: #fff;}


@media screen and (max-width:996px){
    .gxyzj_product_cont{padding:0;}
    .gxyzj_product_cont .more i svg path{transform:scale(1.0);}
    .gxyzj_product_cont_left{margin:15px 0;}
    .gxyzj_product_cont_right{width:50%; margin:15px 0;}

}
@media screen and (max-width:768px){
    .gxyzj_product_cont{flex-direction: column;}
    .gxyzj_product_cont_left,.gxyzj_product_cont_right{width:100%;}
    .gxyzj_product_cont_left{border-bottom:1px #000 dashed;}
    .gxyzj_product_cont::after{display:none;}
    
}
@media screen and (max-width:576px){
    .gxyzj_product_cont{display:block;}
    .gxyzj_product_cont_left{width:100%; float:left; border-right:none; padding-right:0; margin:15px 0 0;}
    .gxyzj_product_cont_right{width:100%; float:left; margin:0 0 15px 0;}
    .gxyzj_product_cont .more i svg{width:15px;}
}

/*产品折叠菜单tab切换css*/
.accordion-title {padding:0 calc(20px * var(--scale)); height:60px; display: flex;justify-content: space-between;align-items: center;transition: background-color 0.3s;flex-wrap: wrap; gap:calc(10px * var(--scale)); cursor:pointer; border-top:1px #9F9F9F solid;}
.accordion-item:nth-child(1) .accordion-title{border-top:none;}
.accordion-title-text {flex: 1; display:inline-block; padding:calc(15px * var(--scale)) 0;}
.accordion-title.active {background: #E9F1FE; }
.accordion-title:hover:not(.active),.accordion-title:hover.active {background: #E9F1FE; color:#0071E3;}
.accordion-icon {font-size: 18px;transition: transform 0.3s;margin-left:calc(10px * var(--scale));}
.accordion-title.active .accordion-icon svg{transform:rotate(180deg);}
/* Tab标签容器（C） */
.tab-nav,.tab-nav .column-list{display: flex;gap:12px;}
/* Tab标签（D） */
.tab-item {padding:calc(5px * var(--scale)) calc(20px * var(--scale)); cursor:pointer; background:#F8F9FC; color:#D4D4D4;border-radius:calc(20px * var(--scale));transition: background-color 0.3s, color 0.3s;}
.tab-item:hover,.tab-item.active {background:#0071E3; color:#fff;}
/* 手风琴内容区（B） */
.accordion-content {max-height: 0; overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease; transform: scaleY(0); transform-origin: top; transition: transform 0.3s ease;}
/*.accordion-item:last-child .accordion-content{ border-bottom:none;}*/
.accordion-content.show {min-height:320px; max-height: 2500px; /*border-bottom:1px #9F9F9F solid;*/ transform: scaleY(1);}
.accordion-content.show .gxyzj_product_cont_left{min-height:320px; font-family: "HarmonyOS_Sans_SC" !important;}
.tab-panel {display: none;}
.tab-content .tab-panel:first-child {display: block;}

@media screen and (max-width:576px){
    .accordion-title-text {padding:0px 0;}
    .tab-nav,.tab-nav .column-list{gap: 5px;}
    .accordion-content.show .gxyzj_product_cont_left{min-height:auto;}
}




/*########################################产品搜索页css###########################################*/
.search_box{width:84.37%; padding:calc(230px * var(--scale)) 0  calc(160px * var(--scale)); font-weight: 400; background: #F8F9FC;margin-left:auto;margin-right:auto;}
.search_keyword{width:100%;display:flex; justify-content:center;margin-bottom:90px;}
.search_keyword form{width:80%; border-bottom:2px #000 solid; padding-bottom:calc(15px * var(--scale)); display:flex; justify-content:space-between; align-items:center}
.search_keyword input{border:none; background:none;line-height: 110%;}
.search_keyword input,.search_keyword input[type="text"]:focus,.search_keyword input::placeholder{ color: #969696;font-size: 32px;}

.search_keyword svg{width: 29px; height: 29px; fill:#969696;}
.search_cont{margin-top:45px; display:flex; flex-wrap:wrap; gap:calc(15px * var(--scale));width:100%;}
.search_item{width:calc((100% - 3 * 15px) / 4); background:#fff; border-radius:calc(20px * var(--scale)); padding:calc(34px * var(--scale)) calc(48px * var(--scale)) calc(27px * var(--scale)) calc(48px * var(--scale)); margin-bottom:calc(45px * var(--scale));}
.search_item:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.search_item h4{font-size: 22px;font-weight: 400;line-height: 120%;margin-top:calc(15px * var(--scale));}
.search_item p{margin:18px 0 20px; color: #515153; font-size: 16px; line-height: 100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 300;}
.search_item .more{float:left; line-height: 120%; color: #0071E3;display:flex; align-items:center; padding:8px 14px; border-radius:calc(20px * var(--scale)); border: 1.5px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;background-image: linear-gradient(to right, #fff, #fff),linear-gradient(to right, #0061CC, #F6AB00); transition: all .5s ease-in-out;}
.search_item .more i svg{width:24px; height:auto; fill: #0071E3;margin:0;transition: all .5s ease-in-out;}
.search_item .more:hover{background:#0071E3; color:#fff;}
.search_item .more:hover i svg{fill: #fff;}
/*.search_item .more svg path{transform:scale(1.0);}*/
@media screen and (max-width:1440px){
    .search_item{padding:30px;}
}
@media screen and (max-width:1280px){
    .search_item{padding:20px;}
    .search_item h4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
}

@media screen and (max-width:996px){
    .search_box{padding:60px 3% 35px;}
    .search_keyword{margin-bottom:55px;}
    .search_keyword input,.search_keyword input[type="text"]:focus,.search_keyword input::placeholder{font-size: 28px;}
    .search_keyword svg path,.search_item .more i svg path{transform:scale(1);}
    .search_cont{margin-top:35px; flex-wrap:wrap; gap:2%;}
    .search_item{width:27.5%;}
    .search_item h4{font-size: max(calc(20px * var(--scale)), 14px);}
    .search_item p{margin:9px 0 calc(16px * var(--scale));}
    .search_item .more{margin-bottom:20px; padding:3px 12px;}
}
@media screen and (max-width:576px){
    .search_box{padding:30px 3% 30px;}
    .search_keyword{margin-bottom:30px;}
    .search_keyword form{width:90%; border-bottom:2px #000 solid; padding-bottom:5px;}
    .search_keyword input,.search_keyword input[type="text"]:focus,.search_keyword input::placeholder{font-size: 14px;}
    .search_keyword svg{height: 24px;}
    .search_keyword svg path{transform:scale(.85);}
    .search_cont{margin-top:20px;}
    .search_item{width:44.5%; text-align:center; padding-bottom:calc(20px * var(--scale));}
    .search_item h4{font-size:13px;}
    .search_item p,.search_item .more{display:none;}
}


/*专业生产能力css*/
.shengchan_box_bg{border-radius:calc(20px * var(--scale)); background:#F8F9FC;}
.shengchan_box{padding-top:var(--padding-top-60); padding-bottom:var(--padding-bottom-60);}
.shengchan_main{width:100%;}
.shengchan_main ul{display:flex; flex-wrap:wrap; gap: calc(30px * var(--scale)) calc(1% * var(--scale));}
.shengchan_main ul li{width: 100%;max-width: 15.5%;  background: #fff;border-radius: calc(20px * var(--scale)); position: relative; display: flex; justify-content: space-around; align-items: center; transition: all .3s ease; cursor:pointer;}
.shengchan_main li i{flex: 0 0 28%; width: 28%; display: flex; justify-content: flex-end; align-items: center;}
.shengchan_main li i svg{width:calc(45px * var(--scale)); height:calc(35px * var(--scale)); fill:#0071E3; stroke:#0071E3;}
.shengchan_main li i svg path{fill:#0071E3; stroke:#0071E3;}
.shengchan_main li:nth-child(3) i svg path,
.shengchan_main li:nth-child(4) i svg path,
.shengchan_main li:nth-child(12) i svg path{fill:none; stroke:#0071E3;}
.shengchan_main li:nth-child(9) i svg rect,
.shengchan_main li:nth-child(9) i svg path{stroke:#0071E3;}
.shengchan_main li:nth-child(10) i svg rect,
.shengchan_main li:nth-child(10) i svg path,
.shengchan_main li:nth-child(10) i svg line{fill:none; stroke:#0071E3;}
.shengchan_main li:nth-child(5) i svg path{fill:none;}
.shengchan_main li:nth-child(1) i svg path,
.shengchan_main li:nth-child(7) i svg path,
.shengchan_main li:nth-child(8) i svg path,
.shengchan_main li:nth-child(11) i svg path{fill:#0071E3; stroke:none;}

.index_box .shengchan_main ul li{max-width: 16%;}
.index_box .shengchan_main li i{flex: 0 0 25%; width: 25%;}


.shengchan_main li h4{flex: 1;line-height: 120%;font-family: "HarmonyOS_Sans_SC_Light"; font-weight:300; text-align: center; margin: 0;}
.shengchan_main ul li:hover{box-shadow:3px calc(6px * var(--scale)) calc(15px * var(--scale)) rgba(25, 25, 25, .24);}
.shengchan_main ul li:hover,.shengchan_main ul li.active{background:#0071E3;color:#fff;}
.shengchan_main ul li.active h4{font-weight:700;}
/*.shengchan_main ul li:hover i,.shengchan_main ul li.active i,*/
/*.shengchan_main li:hover h4::after,.shengchan_main ul li.active h4::after{background:#fff;}*/
.shengchan_main ul li:hover i svg,.shengchan_main ul li.active i svg{fill:#fff !important;stroke:#fff;}
.shengchan_main ul li:hover i svg path,.shengchan_main li.active i svg path{fill:#fff; stroke:#fff;}
.shengchan_main li:nth-child(3):hover i svg path,.shengchan_main li:nth-child(3).active i svg path,
.shengchan_main li:nth-child(4):hover i svg path,.shengchan_main li:nth-child(4).active i svg path,
/*.shengchan_main li:nth-child(10):hover i svg path,.shengchan_main li:nth-child(10).active i svg path,*/

.shengchan_main li:nth-child(12):hover i svg path,.shengchan_main li:nth-child(12).active i svg path{fill:none !important; stroke:#fff;}
.shengchan_main li:nth-child(5):hover i svg path,.shengchan_main li:nth-child(5).active i svg path{fill:none;}
.shengchan_main li:nth-child(10):hover i svg rect,.shengchan_main li:nth-child(10):hover i svg path,.shengchan_main li:nth-child(10):hover i svg line,
.shengchan_main li:nth-child(10).active i svg rect,.shengchan_main li:nth-child(10).active i svg path,.shengchan_main li:nth-child(10).active i svg line{fill:none; stroke:#fff;}

.shengchan_main li:nth-child(1):hover i svg path,.shengchan_main li:nth-child(1).active i svg path,
.shengchan_main li:nth-child(7):hover i svg path,.shengchan_main li:nth-child(7).active i svg path,
.shengchan_main li:nth-child(8):hover i svg path,.shengchan_main li:nth-child(8).active i svg path,
.shengchan_main li:nth-child(11):hover i svg path,.shengchan_main li:nth-child(11).active i svg path{fill:#fff !important; stroke:none;}



.shengchan_main li:nth-child(9):hover i svg rect,
.shengchan_main li:nth-child(9):hover i svg path,
.shengchan_main li:nth-child(10):hover i svg rect{ stroke:#fff;}

/*.shengchan_main ul li:hover::after,.shengchan_main ul li.active::after{content:""; position:absolute;bottom:-20px; left:calc((100% / 2) - 20px); width:40px; height:30px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='40' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='%230071E3'/></svg>");background-size: contain; background-repeat: no-repeat;background-position: center; transition: all .5s ease-in-out;}*/
.shengchan_info{border-radius:calc(20px * var(--scale));background: #FFF; padding:0 calc(30px * var(--scale));}
.shengchan_info img{width:100%;}

/* 内容块样式：关键是flex-basis:100%占满整行，自动换行 */
.shengchan_info_wrap {width: 100%;border-radius:calc(20px * var(--scale));background: #FFF;padding:calc(30px * var(--scale)); display: none; lex-basis: 100%;}
.shengchan_info_wrap.active {display: block;}
/* 内容块内部样式 */
.shengchan_info img {width: 100%;height: auto;border-radius:calc(8px * var(--scale));margin-bottom:calc(15px * var(--scale));}
.shengchan_info p {line-height: 1.6;color: #333;}
/* 响应式适配：不同屏幕调整li宽度 */
@media (max-width: 1200px) {
    .shengchan_main ul li {max-width:23%;}
    .index_box .shengchan_main ul li{max-width: 22%;}
}

@media screen and (max-width:996px){
    .shengchan_main li i svg{width:25px; height:20px;}
}
@media (max-width: 768px) {
    .shengchan_main ul li {max-width:19.5%; justify-content: space-around; align-content: space-between; flex-direction: row;}
    .shengchan_info{margin-top:0;padding:0 15px;}
    .shengchan_main li i svg path{transform:scale(1.0);}
    .shengchan_main ul li:hover{box-shadow:none;}
}
/* 手机端（≤576px）：一行一个li，优化样式 */
@media (max-width: 576px) {
    .shengchan_main{margin-top:15px;}
    .shengchan_main ul{gap:8px;}
    .shengchan_main ul li {max-width:48.2%;height: auto; padding:12px 0;margin-bottom:0; align-items: center;}
    .index_box .shengchan_main ul li{max-width:48.2%; padding:12px 0;}
    .shengchan_main li i{flex: 0 0 20%; width: 20%;}
    .shengchan_main li h4{text-align:left; padding-left:8px;}
    .shengchan_main li h4::after{content:"";width:38px;height:3px;margin-top:4px;}
    .shengchan_main ul li:hover::after,.shengchan_main ul li.active::after{bottom:-18px;}
    .shengchan_info_wrap {padding:15px 10px;margin:12px 0 0 0;}
    .shengchan_main {padding: 12px 0;}
    
    
}


/**tabs**/
.shengchan_tabPanel ul{display:flex; justify-content:space-between;}
.shengchan_tabPanel ul li{cursor:pointer; color: #000; background:#fff; width:calc(((100% - 40px) / 3) - calc(63px * var(--scale))); padding:calc(20px * var(--scale)) calc(30px * var(--scale)); border-radius: calc(20px * var(--scale)); position:relative; display:flex; flex-direction:column;}
.shengchan_tabPanel ul li .text{display:flex; justify-content:space-between; align-items: center;}
.shengchan_tabPanel li h3{font-size:var(--font-size-65);font-weight: 300;line-height: 100%; letter-spacing: -5.76px; text-decoration: underline solid 2.5px #B7C2CF; color:#B7C2CF; margin-top: auto;}
.shengchan_tabPanel li h6{ font-size:24px;font-weight: 400;line-height: 120%; margin-bottom:calc(30px * var(--scale));}
.shengchan_tabPanel li p{font-size:16px;font-weight: 300;line-height: 150%; margin:calc(10px * var(--scale)) calc(10px * var(--scale)) 0 0;}
.shengchan_tabPanel .hit{cursor:pointer; background:#0071E3; color:#fff; box-shadow:0 0 10px rgba(0, 0, 0,0.2);}
.shengchan_tabPanel .hit::after{content:""; position:absolute;bottom:calc(-20px * var(--scale)); left:calc((100% / 2) - 20px); width:40px; height:30px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='40' viewBox='0 0 56 30' fill='none'><path d='M30.9517 28.021C29.088 29.5965 26.3592 29.5965 24.4956 28.021L1.78147 8.81835C-1.77638 5.81052 0.350614 3.42736e-07 5.00951 -6.45579e-08L50.4378 -4.03602e-06C55.0966 -4.44331e-06 57.2236 5.81051 53.6658 8.81833L30.9517 28.021Z' fill='%230071E3'/></svg>");background-size: contain; background-repeat: no-repeat;background-position: center; transition: all .5s ease-in-out;}
.shengchan_tabPanel li.hit h3{color:#fff; text-decoration: underline solid 2.5px #fff;}
.shengchan_item{display:none;}


@media screen and (max-width:996px){
    .shengchan_box{width: 96%; padding:calc(45px * var(--scale)) 2%; margin-top: calc(45px * var(--scale));}
    .shengchan_tabPanel ul{margin-top:calc(40px * var(--scale));}
    .shengchan_tabPanel ul li{width:calc(((100% - 40px) / 3) - 31px); padding:14px; justify-content: center;margin-bottom:calc(15px * var(--scale));}
    .shengchan_tabPanel li h6{margin-bottom:calc(25px * var(--scale));}
    .shengchan_tabPanel li h3{font-size: 42px;}
    .shengchan_tabPanel li p br{display:none;}
    .accordion-title {padding:calc(15px * var(--scale)) 0px; gap:5px;}
    .gxyzj_titel .img img{margin-right:calc(15px * var(--scale));}
    .accordion-icon{display:none;}
    .tab-nav{width:65%; justify-content: flex-end; margin-right:10px;}
    .gxyzj_titel .column-list,.shengchan_tabPanel .column-list,.shengchan_main .column-list{display: flex; gap:8px;}
    .column-scroll .tab-item,.column-scroll li{flex-shrink: 0; display: flex; flex-direction: row; align-items: center;justify-content: center; }
    .column-scroll .tab-item span,.column-scroll li span {display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
}

@media screen and (max-width:576px){
	.shengchan_box{margin-top: calc(40px * var(--scale));}
    .accordion-title {padding:5px 2px; height:75px;}
    .tab-nav{width:100%;justify-content: flex-start; margin:0 0 0 10px;}
    .shengchan_tabPanel li h6{ font-size: 13px; margin-bottom:0;text-align:center;}
    .shengchan_tabPanel .hit::after{content:""; position:absolute;bottom:-15px; left:calc((100% / 2) - 15px); width:30px; height:30px;}
    .shengchan_tabPanel ul li{border-radius:calc(20px * var(--scale));}
    .shengchan_tabPanel li p,.shengchan_tabPanel li h3{display:none;}
}




/*+++++++++++++++++++++++++++++++++++++++++历史沿革css++++++++++++++++++++++++++++++++++++++++*/
.banner{width:100%;position:relative;}
.banner .bg{width:100%;}
.banner .txt{position: absolute;width:100%;text-align: center;top:calc(130px * var(--scale));}
.banner .big{color: #FFF;font-size:65px;font-style: normal;font-weight: 400;line-height: 110%;}
.banner .small{color: #FFF;font-size: 22px; font-family: "HarmonyOS_Sans_SC_Light"; font-style: normal; font-weight: 300; line-height: 120%; letter-spacing: 0.2302px;margin-top:calc(25px * var(--scale));}
.banner .logo{width:316px;height:35px;flex-shrink: 0;bottom:calc(80px * var(--scale));left:50%;transform:translateX(-50%);position: absolute;}

@media screen and (max-width:576px){
    .banner .txt{top:13.5px;}
    .banner .big{font-size: 24px;}
    .banner .small{margin-top:6px;}
}

.lsyg_box{overflow:hidden;}

/* 中间线条容器（保留原有动画） */
.timeline-line {width:20px; position:relative; z-index:1; top:0; display: flex;flex-direction: column; align-items: flex-end; justify-content: space-between;}
/*时间轴代码css*/
.long{width:20px;height:18px !important; border-bottom:2px #999 solid; margin-bottom:0px;}
.short{width:12px;height:18px !important; border-bottom:2px #999 solid; margin-bottom:0px;transition:border-bottom 0.2s ease-out,transform 0.2s ease;transform-origin: left center;}
.long,.short{transition: background 0.3s ease-out, transform 0.3s ease-out;}
.blue-bg {border-bottom:2px #007bff solid;}
.long.blue-bg, .long:not(.blue-bg) {width:20px}
.long.blue-bg::after {left: 200%;}



/* 新增布局样式（适配设计稿） */
.lsyg_content {width:100%;position: relative;}
.zhanwei{text-align:center; display:flex; flex-direction:column; align-items: center; background:#fff; position:relative; z-index:2; padding:calc(20px * var(--scale)) 0; font-weight:700;}

/* 左右内容容器 */
.timeline-item-box{display:flex; flex-wrap: wrap;justify-content:space-between;width:100%; align-items: center; position:relative; z-index: 1;}
.timeline-item {width:45%;left: 0;top: 0; padding:10px 0;}
.timeline-item img{border-radius:calc(20px * var(--scale));border: 1px solid #A8A5A5; transform: translateY(0); transition: all .5s ease-in-out;}
.timeline-item img.no{border-radius:0px;}
.timeline-item img:hover{box-shadow:calc(8px * var(--scale)) calc(8px * var(--scale)) calc(20px * var(--scale)) rgba(25, 25, 25, .3); transform: translateY(-5px);}
.timeline-item p.tigs{color: #A8A5A5; font-family: "HarmonyOS_Sans_SC_Light";font-size: var(--font-size-24);font-style: normal;font-weight: 300;line-height: 110%;}
.timeline-item .img_box{position:relative; z-index:5;}
.timeline-item .img_box1{top:-55px; left:0; display:flex; justify-content: flex-end; gap:calc(15px * var(--scale));}
.timeline-item .img_box2{top:-20px !important; right:0 !important; position:absolute; z-index:5;}
.timeline-item.text_left{text-align:left}
.timeline-item.text_right{text-align:right}
.timeline-item .img_box{position:relative;}


/* 年份样式 */
.lsyg_box .year {font-size: var(--font-size-70); font-family:"Antonio-Regular"; color: #000;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #000;font-style: normal;font-weight: 400;line-height: 110%; margin-bottom:calc(20px * var(--scale));}
.lsyg_box .year_right{text-align:right}
/* 文字内容样式 */
.text-content-cn,.text-content-cn p {color: #000;font-size: var(--font-size-18);font-style: normal;font-weight: 300;line-height: 140%; letter-spacing: 0.2px; margin-bottom:calc(2px * var(--scale)); font-family: "HarmonyOS_Sans_SC_Light";}
.text-content-en,.text-content-en p{color: #A8A5A5;font-size: var(--font-size-16);font-style: normal;font-weight: 300;line-height: 120%; font-family: "HarmonyOS_Sans_SC_Light";}
/* 图片容器 */
.img-container {width: 100%; max-width:760px; position:relative;text-align: center; padding:calc(25px * var(--scale)) 0 calc(50px * var(--scale));}
.img-container img {width:auto;}
.img-container-flex{display:flex; justify-content:flex-end; gap:calc(15px * var(--scale));}
/*.img-container-flex img{ margin:0 3px;}*/
/* 多图布局 */
.img-group {display: flex;gap:calc(10px * var(--scale));flex-wrap: wrap;}
.img-group .img-container {width: calc(50% - 5px);}

.timeline-product-box{width:100%; border-radius:calc(20px * var(--scale)); background: #F8F9FC; position:relative; z-index:2; text-align:center;}
.timeline-product{margin-top:calc(20px * var(--scale)); padding:calc(40px * var(--scale)) 0 5px 0; list-style: none;}
.timeline-product .swiper-wrapper {width: 100%;}
.timeline-product .swiper-slide{border-radius: calc(20px * var(--scale));background: #FFF; transition: all .5s ease-in-out; overflow: hidden;}
.timeline-product .swiper-slide:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24); cursor:grab;}


/* 禁用 .yaolan-swiper 下所有内容的文本选择 */
.yaolan-swiper {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-drag: none;
  user-drag: none;}
/* 拖拽中保持光标样式，同时强化禁用选择 */
.yaolan-swiper:active {cursor: grabbing;-webkit-user-select: none;user-select: none;}
/* 禁用子元素的文本选择（兜底） */
.yaolan-swiper * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: inherit;}



.timeline-product .swiper-slide img{width:auto;}
.timeline-product-box h1{color: #000;font-family: "Antonio-Regular";font-size: var(--font-size-70);font-style: normal;font-weight: 400;line-height: 110%;}
.timeline-product-box p{color: #000;font-family: "HarmonyOS_Sans_SC_Light";font-size: var(--font-size-18);font-style: normal;font-weight: 300;line-height: 120%;letter-spacing: 0.22px;}
.timeline-product-box .text{color: #000; font-weight: 500;line-height: 110%;}

/*滚动条css*/
.timeline-product-box .custom-scrollbar{ margin-bottom:2px; }



/*第二个横屏css*/
.timeline-product_2{display:flex; justify-content:center; gap:calc(20px * var(--scale));}
.timeline-product_2 .box{background:#fff; border-radius:calc(20px * var(--scale)); width:calc(400px * var(--scale)); padding-bottom:calc(35px * var(--scale));transition: all .5s ease-in-out; overflow: hidden;}
.timeline-product_2 .box:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.timeline-product_2 .img{width:100%; overflow:hidden; display:flex; justify-content:center; align-items:center; margin:calc(80px * var(--scale)) auto; padding:0;}
.timeline-product_2 .img img{width:100%; height:100%; object-fit:cover;}
.timeline-product_2 .big_icon::before{background:rgba(193,193,193,0.1);}

.timeline-product_2_title{text-align:center;}
.timeline-product_2_title h2{margin-bottom:calc(10px * var(--scale)) !important;}
.timeline-product_2_title h2 span{ font-size:calc(32px * var(--scale)); padding-left:10px;}
.timeline-product_2_title p{margin-bottom:calc(60px * var(--scale));}



/*第三个横屏css*/
.timeline-product_3{display:flex; justify-content:center; gap:calc(20px * var(--scale));}
.timeline-product_3 .box{background:#fff; border-radius:calc(20px * var(--scale)); width:calc(500px * var(--scale)); padding-bottom:calc(40px * var(--scale));transition: all .5s ease-in-out; overflow: hidden;}
.timeline-product_3 .box:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.timeline-product_3 .img{width:100%;border-radius:calc(20px * var(--scale)) calc(20px * var(--scale)) 0 0; overflow:hidden; display:flex; justify-content:center; align-items:center;margin-bottom:calc(40px * var(--scale)); padding:0;}
.timeline-product_3 .img img{width:100%; height:100%; object-fit:cover;}
.timeline-product_3 p{font-size: var(--font-size-20); line-height:140%;}


/*第四个横屏css*/
.timeline-product_4{display:flex; justify-content:center; gap:calc(20px * var(--scale));}
.timeline-product_4 .box{background:#fff; border-radius:calc(20px * var(--scale)); width:calc(690px * var(--scale)); transition: all .5s ease-in-out; overflow: hidden; display:flex; align-items:center;padding:calc(30px * var(--scale)) 0 calc(30px * var(--scale)) calc(50px * var(--scale)); }
.timeline-product_4 .box:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
/*.timeline-product_4 .img{position:relative;}*/
.timeline-product_4 .img img{width:100%; height:100%; object-fit:cover;}
.timeline-product_4 p{font-size: var(--font-size-18); line-height:140%; text-align:left;}
.timeline-product_4 .text{display:flex; flex-direction: column; align-items:flex-start; padding:0 calc(50px * var(--scale)); /*padding-left:calc(50px * var(--scale));*/}
/*.timeline-product_4 h1{margin-left:calc(50px * var(--scale));}*/

.yaolan-swiper .swiper-slide{height: calc(625px* var(--scale));}
.yaolan-swiper .swiper-slide p{min-height:90px; display:flex; align-items:center; justify-content:center; padding:0 10px;}



/*2019年横屏css*/
.timeline-product_5{display:flex; justify-content:center; gap:calc(20px * var(--scale));flex-direction: column;}
.timeline-product_5 .box{background:#fff; border-radius:calc(20px * var(--scale)); width:calc(690px * var(--scale)); transition: all .5s ease-in-out; overflow: hidden; display:flex; align-items:center;padding:calc(30px * var(--scale)) 0 calc(30px * var(--scale)) calc(20px * var(--scale)); }
.timeline-product_5 .box:hover{box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.timeline-product_5 .img{width:55%; display: flex;flex: inherit;}
.timeline-product_5 .img img{width:100%;height:100%;object-fit:cover;}
.timeline-product_5 p{font-size: var(--font-size-18); line-height:140%; text-align:left;}
.timeline-product_5 .text{display:flex; flex-direction: column; align-items:flex-start; padding:0 calc(20px * var(--scale));}
/* 禁用 .yaolan-swiper 下所有内容的文本选择 */
.yaolan-swiper_2 {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-drag: none;
  user-drag: none;}
/* 拖拽中保持光标样式，同时强化禁用选择 */
.yaolan-swiper_2:active {cursor: grabbing;-webkit-user-select: none;user-select: none;}
/* 禁用子元素的文本选择（兜底） */
.yaolan-swiper_2 * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: inherit;}
.timeline-product_5 .custom-scrollbar{margin-bottom: 8px !important;}




.lsyg_bottom_bg{ width:100%; position:relative; z-index:2; margin-top:0; display:flex; flex-direction:column; justify-content: center;align-items: center; color:#fff;}
.lsyg_bottom_bg h1{font-weight: 700;line-height: 110%;}
.lsyg_bottom_bg p{font-size: var(--font-size-22);font-weight: 400;line-height: 150%;letter-spacing: 0.23px;}

/* 1. 基础样式：定义动画 + 初始状态 */
.timeline-item a.more{line-height: 120%;padding:5px 15px; margin-top:calc(25px * var(--scale)); color: #0071E3; display:flex; align-items:center; border-radius: calc(100px * var(--scale)); border: 1.5px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #0061CC, #F6AB00); transition: all .5s ease-in-out;}
.timeline-item a.more i svg{width:24px; height:auto; fill: #0071E3;margin:0;transition: all .5s ease-in-out;}
.timeline-item a.more:hover{background:#0071E3; color:#fff;}
.timeline-item a.more:hover i svg{fill: #fff;}





@media screen and (max-width:576px){
    .timeline-product_2_title h2 span{ font-size:14px; padding-left:5px;}
    .timeline-product_2,
    .timeline-product_3,
    .timeline-product_4{flex-wrap: wrap;}
    .timeline-product_2 .box,
    .timeline-product_3 .box{width:calc(50% - 10px);}
    .timeline-product_2 .img,.timeline-product_3 .img{height:150px;}
    .timeline-product_4 .img,.timeline-product_5 .img{width:50%;}
    .timeline-product_4 .img img{object-fit:contain;}
    .timeline-product_5 .swiper-wrapper{overflow-x: auto; overflow-y: hidden;}
    .timeline-product_5 .box{width:80% !important; margin-right:20px;}
    .timeline-product_5 .box:last-child{margin-right:0;}
}



/* 2. 图片放大效果 */
.img_cont{position:relative;}
.img_cont_left{display:flex; justify-content: flex-start;}
.img_cont_right{display:flex; justify-content: flex-end;}
.img_cont_3{display:flex;}
.big_icon{position:absolute; z-index:99; top:calc(8px * var(--scale)); right:calc(5px * var(--scale)); width:calc(50px * var(--scale)); height:calc(50px * var(--scale)); display:flex; justify-content:center; align-items:center; cursor:pointer;}
.big_icon::before{content:""; position:absolute; z-index:-1; top:calc(5px * var(--scale)); right:calc(5px * var(--scale)); width:calc(40px * var(--scale)); height:calc(40px * var(--scale));background:rgba(255,255,255,0.8); border-radius:calc(100px * var(--scale)); transition:all .3s ease-in-out;}
.big_icon1::before{background:rgba(193,193,193,0.15);}

.big_icon svg{fill:#606579; width:calc(20px * var(--scale));transform-origin: center center; transition:all .3s ease-in-out;}
.big_icon:hover::before{transform:scale(1.15);}
.big_icon:hover svg{fill:#0071E3; transform:scale(1);}


@media screen and (max-width:1680px){
    .big_icon_7{right:calc(17% * var(--scale));}
    .big_icon_19{right:calc(165px * var(--scale));}
}

@media screen and (max-width:1280px){
    .height_325{height:170px;}
    .height_575,.yaolan-swiper .swiper-slide{height:330px;}
    .big_icon svg path{transform: scale(1);}
}

@media screen and (max-width:1180px){
    .img-container {padding:calc(30px * var(--scale)) 0;}
    
}


@media screen and (max-width:820px){
    .lsyg_box .year,ul.timeline-product li h1{font-size: var(--font-size-50);}
    .big_icon svg path,.timeline-item a.more svg path{transform: scale(1);}
    .height_325{height:185px;}
    .height_575,.yaolan-swiper .swiper-slide{height:330px;}
    .height_600_1{height:250px;}
}



/* 3.图片全屏预览样式 */
.img-preview-mask {position: fixed !important;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.85);z-index: 99999999 !important;display: none;justify-content: center;align-items: center;padding: 20px;box-sizing: border-box;-webkit-display: flex;-webkit-justify-content: center;-webkit-align-items: center; align-items: center !important;}
/* 图片容器（仅包裹图片，会被缩放） */
.img-preview-content {position: relative;width: fit-content;height: fit-content;z-index: 10000;}
/* 预览图片（自适应容器） */
.img-preview-img {object-fit: contain;display: block; /*transition: transform 0.3s ease;*/ transform-origin: center center;}
/* 控制按钮容器（独立定位，固定在遮罩底部） */
.img-preview-controls {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;gap: 15px; z-index: 10001;}
/* 控制按钮样式 */
.img-preview-btn {width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);color: #333;border: none;font-size: 18px;cursor: pointer;display: flex;justify-content: center;align-items: center; transition:all .3s ease-in-out;}
.img-preview-btn:hover {background:#0071E3;color: #fff;}
/* 关闭按钮（独立定位，固定在右上角） */
.img-preview-close {position: absolute;top: 30px;right: 30px;width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);color: #333;border: none;font-size: 20px;cursor: pointer;display: flex;justify-content: center;align-items: center;z-index: 10001; transition:all .3s ease-in-out; box-shadow:calc(8px * var(--scale)) calc(11px * var(--scale)) calc(30px * var(--scale)) rgba(25, 25, 25, .24);}
.img-preview-close:hover {background:#0071E3;color: #fff; transform:scale(1.15);}
/* 隐藏滚动条样式（不变） */
.no-scrollbar::-webkit-scrollbar {display: none !important;}


@media screen and (max-width:1680px){
    .img-container-flex{justify-content: flex-end;  gap:calc(10px * var(--scale));}
    
}

@media screen and (max-width:1440px){
    .text-content-en {font-size: 14px;}
}




/*+++++++++++++++++++++++++++++++++++++++++里程碑css++++++++++++++++++++++++++++++++++++++++*/
.lcb_box{width:100%; font-weight: 400; position:relative;}
.lcb_title{position:absolute; z-index:2; top:calc(75px * var(--scale)); left:3%;}
.lcb_title svg path{transform:scale(1);}   

@media screen and (max-width:996px){
    .lcb_title{top:calc(40px * var(--scale)); left:3%;}
    .lcb_title svg path{transform:scale(0.55);}   
}
@media screen and (max-width:768px){
    .m_lcb_box{width:94%; padding:0 3%; margin-top:calc(40px * var(--scale));font-weight: 400;}
    .m_lcb_cont{margin-top:calc(25px * var(--scale));}
    .m_lcb_box .swiper-slide{border-radius: calc(20px * var(--scale)); overflow:hidden; background: #F8F9FC;}
    .m_lcb_box .img{height:150px; overflow:hidden;}
    .m_lcb_box .img img{height:100%; object-fit:cover;}
    .m_lcb_box .text{padding:calc(15px * var(--scale));}
    .m_lcb_box .text h2{margin-bottom:8px;}
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  
                           以下部分不采用root定义,已删除，
                           可查看default-2026.2.8-全站css.css文件
                           
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/