@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);}


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

.ptop_60 { padding-top: 60px; }
.pbottom_60 { padding-bottom: 60px; }

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

.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_40 { margin-bottom: 40px; }
.mb_45 { margin-bottom: 45px; }
.mb_50 { margin-bottom: 50px; }
.mb_70 { margin-bottom: 70px; }
.mb_85 { margin-bottom: 85px; }
.mb_160 { margin-bottom: 160px; }
.mb_969{margin-bottom: 155.04px;}

.height_80{height: 80px;}
.height_325{height: 325px;}
.height_500{height: 500px;}
.height_575{height: 575px;}
.height_450,.height_600{height: 450px;}
.height_600_1{height: 600px;}
.height_800{height: 700px;}


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


@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:8px 11px 30px 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:1023px){
    html,body{font-size: 12px !important; }
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
    h1{font-size: 30px;}
    h2{font-size:20px;}
    svg path{transform:scale(.55);}
    .mb_969{margin-bottom:40px;}
    
    .text_23{font-size:12px;}
    
    .mt_90 { margin-top: 40px; }
    .mb_70 { margin-bottom: 40px; }

}

@media screen and (max-width:576px){
    html,body{font-size: 12px !important; }
    .pc_web{display:none !important;}
    .m_web{display:block !important;}
    h1{font-size: 16px;}
    h2{font-size:16px;}
    svg path{transform:scale(1);}
    .mb_969{margin-bottom:40px;}
    
    .text_23{font-size:12px;}
    
    .mt_90 { margin-top: 40px; }
    .mb_70 { margin-bottom: 40px; }

}


/*首页视频css*/
.video{width:100%; flex-shrink: 0; position:relative; display:flex; flex-wrap:wrap; color:#fff; border-radius:0 0 20px 20px; overflow: hidden; }
#fullscreen-video {object-fit:cover; width:100%; height:100%; display: block; border-radius: inherit;}
.video img,.video video{object-fit:cover; width:100%; height:100%; object-fit:cover; display: block; border-radius: inherit; border-radius:0 0 20px 20px;}
.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:15px; font-family: "HarmonyOS_Sans_SC_Light"; font-weight: 300;line-height: 120%; /* 27.6px */letter-spacing: 0.23008px;}
.video_text3{color:#000}


@media screen and (max-width:1023px){
    .video_text p{margin-top:10px;}

     .video{height:auto; margin-top:55px;}
    #fullscreen-video {object-fit:fill; width:100%; height:auto;}
    .video_text{left:4%;width:92%;transform:translate(0,-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:136px;height:6px;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;}
ul.hyly_box li{width:calc((100% / 5) - 15px); border-radius:20px; 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 20px 20px; background:linear-gradient(to bottom,rgba(0, 113, 227, 0),rgba(0, 104, 220, 0.59));}
ul.hyly_box li:hover{box-shadow:8px 10px 20px 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:45px;}


@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:30px;}
    .hyly_title svg{margin:5px 0;}
}

@media screen and (max-width:1023px){
    .index_box,.gxxwj_box,.gxxwj_product_box{margin-top:40px;width:92%;}
    .index_box ul.hyly_box{display:none;}
    .hyly_title svg path{transform:scale(0.75);}
    .m_hyly_img{position:relative; height:280px; overflow:hidden; border-radius:20px;}
    .m_hyly_img img{height:auto; width:100%; object-fit:cover;}
    .m_hyly_img p{width:100%;color: #FFF;font-size: 32px;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 20px 20px; background:linear-gradient(to bottom,rgba(0, 113, 227, 0),rgba(0, 104, 220, 0.59));}
    ul.hyly_box li a::after{display:none}
}
@media screen and (max-width:767px){
    .hyly_title svg, .index_solution_title svg, .gxxwj_title svg{width:81.56px;}
}

/*首页解决方案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:6.4px 13.6px; border-radius: 100px; 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%;}
/* 左右箭头样式 */
.swiper-arrow {position: absolute; bottom: -10px; 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: -8px;}
}

@media screen and (max-width:768px){
    .case-container {margin:30px auto 0;position: relative;}
}
@media screen and (max-width:576px){
    .case-container {margin:20px auto 0;position: relative;}
}

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

.case_box{position:relative;}
.case-img {width: 100%; border-radius: 20px 20px 0 0;}
.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:20px 20px 0 0;}
.case-desc {padding:40px 0 40px 30px;border-radius: 0 0 20px 20px; background: #F8F9FC; color: #A8A5A5;line-height: 120%;}
.case-card:hover {box-shadow:8px 11px 30px rgba(25, 25, 25, .24);}
.case-card:hover .case_img_bg{background: rgba(0, 0, 0, 0); transition: all 0.3s ease-in-out;}
.case-card:hover .case-desc{color:#000; transition: all 0.3s ease-in-out;}
/* 自定义滚动条样式 */
.custom-scrollbar {width:96%;height:1px; background: #dddddd; margin:45px auto 0; position: relative;}
.scrollbar-thumb{position:absolute; top:-2px; height:5px; width: calc(100% / 5); background: #0071E3; border-radius:3px; transition: left 0.5s ease;left: 0;}

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

@media (max-width: 576px) {
    .case-item {width: 100% !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:24px;}
    .scrollbar-thumb{top:-2px; height:5px;}

}


/*首页新闻资讯css*/
/* Swiper容器样式 */
.news-swiper {padding:45px 0 10px;}
/* 轮播项样式 */
.news-item {width: calc(100% / 3.5) !important; background: #F8F9FC; border-radius:20px;transition: all 0.3s ease-in-out;}
.news-item:hover {box-shadow:8px 11px 30px rgba(25, 25, 25, .24);}
.news_box{color: #000; display:flex;flex-wrap: wrap; align-items:center; padding:24px;}
.news-img {width: 33.333%; border-radius:20px;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:-10px;}
.gxxwj_box .swiper-arrow {bottom:-10px;}

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

/* 响应式调整 */
@media (max-width: 992px) {
    .news-item {width: 50% !important; /* 中等屏幕显示2个 */}
    .news-swiper {padding:0px 0 5px;}
}
@media (max-width: 576px) {
    .news-item {width: 100% !important; /* 小屏幕显示1个 */}
    .scrollbar-thumb {width: calc(100% / 8); /* 8个项目在1列布局需要8次滑动 */}
    .news_box{padding:16px;}
    .news-desc { font-size: 16px;}
}

/*首页服务与支持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:400px; height:300px; flex-shrink: 0; border-radius:20px; background: #F8F9FC; padding:45px; 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:30px;}
.index_service_box svg.icon1{ width:40px; height:40px;}
.index_service_box svg.icon2{ width:40px; height:40px;}
.index_service_box svg.icon3{ width:40px; height:40px;}
.index_service_box li h5{font-size:24px;line-height: 120%;}
.index_service_box li p{text-align: center;text-transform: uppercase; margin-bottom:4px;}
.index_service_box li:hover{box-shadow:8px 11px 30px 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 h5{font-size: 28px;}
    .index_service_box li p{ margin:24px 0 40px}
}

@media (max-width: 576px) {
    .index_service_box{flex-direction:column;}
    .index_service_box li{width:100%; margin-top:16px;}
}

/*底部菜单css*/
footer{width:100%;flex-shrink: 0; border-radius: 20px 20px 0 0; background: #1E1F26; padding:60px 0 20px 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: 50px;}
.footer_logo img{width: 94px; height: 35px; flex-shrink: 0;}
ul.footer_menu{width:70%; display:flex; line-height: 180%; font-family: "HarmonyOS_Sans_SC_Light";}
ul.footer_menu li{width:20%; padding:0 1% 0 2%; border-right:1px #737373 solid;}
ul.footer_menu li:nth-child(1){ padding:0 1% 0 0;}
ul.footer_menu li:last-child{ border-right:none;}
ul.footer_menu h5{color: #FFF;}
ul.footer_menu p a{color:#BEBBBB;}
.footer_contact{width:29%;color: #FFF;}
.footer_contact h4{font-size:32px; line-height:120%;}
.footer_contact h6{font-size:20px; margin:32px 0 8px;}
.footer_contact p{line-height:160%;}
.footer_contact p:nth-child(5){margin-top:25px;}
.footer_icon{display:flex; margin-top:25px;}
.footer_icon i{display:flex; justify-content:center; align-items:center; margin-right:24px; position:relative;}
.footer_contact i{width: 50px; height: 50px; 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:20px;  margin-top:60px; font-size: 18px;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_box p{font-size:12px; font-style:normal; color:#000;}
.erweima_box1 .box1{width:130px; text-align:center;}

.qrcode-img{width: 100%; /*height: 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: 1023px) {
    footer{padding:30px 0 15px 0;}
    .footer_icon{margin-top:20px;}
    .footer_logo{ margin-bottom:35px;}
    .footer_logo img{width:56px;height:auto;}
    ul.footer_menu h5 a{font-size:14px;}
    .footer_contact h4{font-size:18px;}
    .footer_contact h6{font-size:12px;}
    .footer_contact i{width:30px;height:30px;margin-right:20px;}
    footer .mb_40{margin-bottom:25px;}
    .footer_contact h6{margin:20px 0 5px;}
    .copyright{padding-top:10px;margin-top:30px;}
}

@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%;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;}
.gxxwj_box .hyly_box li .gxxwj_img{overflow:hidden; flex-shrink:0; border-radius:20px; 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 a:hover .gxxwj_img img{transform:scale(1.1);}*/
/*.gxxwj_box .hyly_box li .gxxwj_img:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);}*/
.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:32px;}
.gxxwj_box .tabPanel li.hit a::before{content:""; position:absolute; z-index:1;bottom:-26px; left:calc((100% / 2) - 28px); width:56px; height:40px;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;}
.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 20px 20px; background:linear-gradient(to bottom,rgba(0, 113, 227, 0),rgba(0, 104, 220, 0.59));}
.gxxwj_box .panes{border-radius: 36px; background: #F8F9FC; padding:35px 60px;}
.gxxwj_box .panes1{padding:0 0 75.04px 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: 768px){
    .gxxwj_box .m_hyly_box li{height:50px; background:#F8F9FC; border-radius:48px;}
    .gxxwj_box .m_hyly_box li .gxxwj_img{height:50px;}
    .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;font-size: 22.8px; text-align:center; bottom:0;}
    .gxxwj_box .panes{margin-top:41.44px; padding:40px 40px;}
    .gxxwj_box .tabPanel li.hit{background: #0071E3; color:#fff;}
    .gxxwj_box .m_hyly_box li.hit p{color:#fff;}
    .gxxwj_box .tabPanel li.hit a::before{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_box .tabPanel li.hit a::after{display:none;}
    .gxxwj_box .panes1{margin-top:40px;padding:0 0 40px 0;}
}

@media (max-width: 576px){
    .gxxwj_box .m_hyly_box li{width:auto;}
    .gxxwj_box .m_hyly_box li p{font-size: 18px; padding:0 16px;}
    .gxxwj_box .panes1{margin-top:0px;padding:0 0 40px 0;}
}

/*产品列表css*/
.gxxwj_title{display:flex; justify-content:space-between; align-items:center;}
.gxxwj_title h4{color: #000;font-weight: 700;line-height: 120%; /* 36px */}
.gxxwj_title p{color: #000;font-size: 16px;text-transform: uppercase;}
.gxxwj_search{color: #BCBCBC;font-size: 16px;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:32px; background:#fff; display: flex; justify-content: space-between; align-items: center; padding:3px 10px 4px;}
.gxxwj_search .search_btn{background:transparent; border:none;opacity: 0.6;}
.gxxwj_search input.search_input{max-width:100%; min-width:100px; height: 22px; line-height:22px;padding-top: 0; padding-bottom: 0;  border:none; outline: none; color:#86807f; padding-left:10px; font-size:18px;}

@media(max-width:1023px){
    .gxxwj_search input.search_input{font-size:12px;}
}


/*产品列表tab切换css*/
.gxxwj_product ol{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.gxxwj_product ol li{background:#fff; border-radius:73px; font-weight:300; background: #FFF; padding:12px 15px; margin-right:15px; position:relative; cursor:pointer;font-family: "HarmonyOS_Sans_SC_Light"; cursor:pointer;}
.gxxwj_product ol li.hit1{background:#0071E3; color:#fff; font-weight:700;}
.gxxwj_product 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_list_box{display:flex;flex-wrap: wrap; justify-content: space-between;}
.gxxwj_list{width:calc((100% - 30px) / 2);  border-radius: 20px;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:8px 11px 30px rgba(25, 25, 25, .24);}
.gxxwj_left{display:flex;flex-wrap: wrap; flex-direction: column; justify-content: space-around; width:50%;}
/*.gxxwj_list h4{font-size:24px; margin-bottom:30px;}*/
.gxxwj_list h4 a{color: #000;}
.gxxwj_list h4 a:hover{color:#0071E3;}
.gxxwj_list p{color: #515153;line-height: 165%;font-family: "HarmonyOS_Sans_SC_Light";}
.gxxwj_db{display:flex;}
.gxxwj_db em{margin-left:16px;}
.gxxwj_product_img{position:relative; width:46%; max-height:300px;overflow: hidden; padding:25px 0;}
.gxxwj_product_img a{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;}
.gxxwj_product_img .svg{width: 47.908px;height: 50.36496px; flex-shrink: 0; position:absolute; right:0; top:0; text-align:center;}
.gxxwj_product_img .svg span{color: #FFF;font-size:.13200px;font-weight: 900; display:block; margin-top:-80%;}
.gxxwj_db_btn{display: none; padding:8px 30px; border-radius: 104px; 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: 20px;right: 20px;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:13.6px;}
.search_input::placeholder{ font-size:18px;}
/* 自定义圆形框样式 */
.custom-radio .radio-circle {display: inline-block;width:19.2px;height:19.2px;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{margin-bottom:0px;}
    .gxxwj_product ol li{margin-bottom:25px;}
}
@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:1023px){
    .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>");}
    .search_input::placeholder{ font-size:12px;}
}



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

/* 轮播项样式 */
.gxxwj-swiper {padding:45px 0 10px !important; perspective: 1000px; position: relative; perspective: 1000px;}
.solution-card {overflow: hidden; transition: all 0.3s ease-in-out; border-radius: 20px;transform-style: preserve-3d;transform: translateZ(0);}
.solution_box{position:relative;}
.solution-img {width: 100%; border-radius: 20px 20px 0 0;}
.solution_img_bg{width:100%; height:100%; background: rgba(0, 0, 0, 0.2); position:absolute; z-index:2; top:0; left:0; border-radius: 20px 20px 0 0;}
.solution-desc {padding:33.92px;border-radius: 0 0 20px 20px; background: #F8F9FC; line-height: 120%;}
.solution-desc h4{padding-bottom:17.92px; color: #000; font-size: 20px;}
.solution-desc p{color: #000;font-size: 16px; font-weight: 250; line-height: 130%;}
.solution-card:hover{box-shadow:8px 11px 30px rgba(25, 25, 25, .24); transform: translateZ(50px);}
.solution-card:hover .solution_img_bg{background: rgba(0, 0, 0, 0); transition: all 0.3s ease-in-out;}
.solution-card:hover .solution-desc{color:#000; transition: all 0.3s ease-in-out;}

@media screen and (max-width:1023px){
    .video_text1{width:100%;}
    .video_text1 p{width:100%;}
    .solution_view_box{margin-top:24px;}
    .solution-desc {padding:17.92px;}
    .gxxwj-swiper {padding:0px 0 5px !important;}
}


/*光学显微镜产品详情页css*/
.gxxwj_product_bigbox{ background: #F8F9FC; width:100%;}
.gxxwj_product_bigimg{width:84.37%; margin-top:55px; 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{width:41%; max-height:750px;}
.gxxwj_product_text{width:50%;}
.gxxwj_product_text a.shopping{color:#000; font-size: 16px; padding:4.8px 16px; border: 1.5px solid transparent; transition: all .5s ease-in-out;border-radius:16px; 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:17.92px 0 32px 0;}
.gxxwj_product_text p{font-family: "HarmonyOS_Sans_SC_Light";font-size: 23px;font-weight: 300;line-height: 120%; /* 27.6px */letter-spacing: 0.23008px;}
/*.gxxwj_product_box{margin-top:72.8px;}*/

/*面包屑导航css*/
.breadcrumb{width:100%; margin-top:40px; font-family: "HarmonyOS_Sans_SC_Light";}
.breadcrumb a::after{ content:""; margin:0 .880px; 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: 73px; background: #FFF; padding:12.96px 20px; margin-right:15.04px; 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:-91.04px; position:relative;}
.gxxwj_product_view_img img{width:100%; max-width: 437px;}
.gxxwj_product_view_img .svg{width: 47.908px;height: 50.36496px; flex-shrink: 0; position:absolute; right:0; top:91.04px; text-align:center;}
.gxxwj_product_view_img .svg span{color: #FFF;font-size:.13200px;font-weight: 900; display:block; margin-top:-32px;}

.gxxwj_product_view a.shopping{font-size: 16px;line-height: 120%; color: #0071E3; display:flex; align-items:center; padding:6.4px .1360px; border-radius: 100px; 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;}
/*.gxxwj_product_view .panes1{margin-top:56px;}*/

@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:32px;}
    .gxxwj_product_text p{font-size:16px;}
    .gxxwj_product_view a.shopping i svg path{transform:scale(1);}
}
@media screen and (max-width:576px){
    .breadcrumb{margin-top:24px;}
    .gxxwj_product_text h1{font-size:23.2px;}
    .gxxwj_product_bigimg img{width:100%;}
    .gxxwj_product_text{width:100%; display: flex;flex-direction: column;align-items: center; margin-top:24px;}
    .gxxwj_product_text h1{margin:17.92px 0 24px 0;}
    .gxxwj_product_tab{flex-direction:column; align-items: flex-start;}
    .gxxwj_product_box{margin-top:40px;}
    /*.gxxwj_product_view .panes1{margin-top:24px;}*/
    .gxxwj_product_view ol li{background:#F8F9FC; margin:0 0 10px 0;}
    .gxxwj_product_view ol.column-list{display: flex; flex-wrap: nowrap; gap:14.4px;}
    .gxxwj_product_view a.shopping{display:none;}
}


/*+++++++++++++++++++++++++++++++++++++++++光学元组件css++++++++++++++++++++++++++++++++++++++++*/
.video_text2{position:absolute; z-index:2; right:120px; 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: 25px 25px 0 0; padding:60px 34.4px;}
.gxyzj_product ol{display:flex; flex-wrap:wrap; width:80%;}
.gxyzj_product ol li{border-radius: 41px; background: #FFF; padding:12.96px 28.96px; margin-right:15.04px;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:-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;}
.gxyzj_product ol li svg{width:22px; margin-right:5.6px; fill:#1B1B1B;}
.gxyzj_product ol li.hit1 svg{fill:#fff;}

@media screen and (max-width:996px){
    .gxyzj_product_tab{margin-top:32px;}
    .gxyzj_product .panes1{margin-top:24px; padding:40px 16px;}
    .gxyzj_product ol{width:60%;}
    .gxyzj_product ol li{padding:8px 16px;}
    .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:8px .128px;}
    .gxyzj_product_tab .gxxwj_search{display:none;}
}


/*产品折叠菜单css*/
.accordion-container{border-top:2px #000 solid; border-bottom:2px #000 solid;}
.gxyzj_titel .img img{width: 86px; border-radius: 10px; margin-right:40px;}

.gxyzj_product_cont{padding:0 32px;}
.gxyzj_product_cont_left{width:45%; float:left; border-right:1px #000 dashed; padding-right:16px; margin:48px 0;}
.gxyzj_product_cont_right{width:52%; float:right; margin:48px 0 48px 16px;}
.gxyzj_product_cont .more{ float:right; margin-right:16px; font-size: .1360px;line-height: 120%; color: #0071E3;width:104.4px; display:flex; justify-content:center; align-items:center; padding:2.4px 0; border-radius: 100px; 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;}
.gxyzj_product_cont .more i svg{width:24px; 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:24px 0;}
    .gxyzj_product_cont_right{width:50%; margin:24px 0 24px 0;}

}
@media screen and (max-width:576px){
    .gxyzj_product_cont_left{width:100%; float:left; border-right:none; padding-right:0; margin:24px 0;}
    .gxyzj_product_cont_right{width:100%; float:left; margin:0px 0 24px 0;}
}

/*产品折叠菜单tab切换css*/
.accordion-title {padding: 16px 20px;display: flex;justify-content: space-between;align-items: center;transition: background-color 0.3s;flex-wrap: wrap;gap: 10px;}
.accordion-title-text {flex: 1;}
.accordion-title.active {background: #E9F1FE; }
.accordion-title:hover:not(.active),.accordion-title:hover.active {background: #E9F1FE;}
.accordion-icon {font-size: 18px;transition: transform 0.3s;margin-left: 10px;}
.accordion-title.active .accordion-icon svg{transform:rotate(180deg);}
/* Tab标签容器（C） */
.tab-nav,.tab-nav .column-list{display: flex;gap: 15.04px;}
/* Tab标签（D） */
.tab-item {padding:5.12px 20px; background:#F8F9FC; color:#D4D4D4;border-radius:20px;transition: background-color 0.3s, color 0.3s;cursor:pointer;}
.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; border-bottom:1px #9F9F9F solid;}
.accordion-item:last-child .accordion-content{ border-bottom:none;}
.accordion-content.show {max-height: 500px;}
.tab-panel {display: none;}
.tab-content .tab-panel:first-child {display: block;}


/*########################################产品搜索页css###########################################*/
.search_box{width:84.37%; padding:230px 0  160px; 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:15px; 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:15px;width:100%;justify-content:space-between}
.search_item{width:calc((100% - 3 * 15px) / 4); background:#fff; border-radius:20px; padding:34px 48px 27px 48px; margin-bottom:45px;}
.search_item:hover{box-shadow:8px 11px 30px rgba(25, 25, 25, .24);}
.search_item h4{font-size: 22px;font-weight: 400;line-height: 120%;margin-top:15px;}
.search_item p{margin:18px 0 20px; color: #515153; font-size: 18px; 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; font-size: 16px;line-height: 120%; color: #0071E3;display:flex; align-items:center; padding:8px 14px; border-radius: 20px; 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:1023px){
    .search_box{padding:100px 0 20px;width:92%;}
    .search_keyword{margin-bottom:64px;}
    .search_keyword input,.search_keyword input[type="text"]:focus,.search_keyword input::placeholder{font-size: 12px;}
    .search_keyword svg path,.search_item .more i svg path{transform:scale(1);}
    .search_cont{margin-top:40px; flex-wrap:wrap; gap:0;justify-content:space-between;}
    .search_item{width:calc((100% - 15px) / 2);margin-bottom:15px;}
    .search_item h4{font-size: 16px;}
    .search_item p{margin:10.4px 0 16px;font-size: 12px;}
    .search_item .more{margin-bottom:12px;}
}


/*专业生产能力css*/
.shengchan_box_bg{border-radius:20px; background:#F8F9FC;}
.shengchan_box{padding-top:60px; padding-bottom:60px;}
.shengchan_main{width:100%;}
.shengchan_main ul{display:flex; flex-wrap:wrap; gap: 30px;}
.shengchan_main ul li{width: 100%;max-width: 11.5%;  background: #fff;border-radius: 20px; position: relative; display: flex;
    justify-content: flex-start; align-content: space-between; align-items: center; transition: all .3s ease;}
.shengchan_main li i{flex: 0 0 32%; width: 32%; max-width: 56px; height: 56px; line-height: 56px;display: flex;justify-content: center;align-items: center;margin-left:12px;}
.shengchan_main li i svg{width:44px; height:33px; 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(10) i svg path,
.shengchan_main li:nth-child(11) i svg path,
.shengchan_main li:nth-child(12) i svg path{fill:none; stroke:#0071E3;}
.shengchan_main li:nth-child(5) i svg path{fill:none;}
.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 6px 15px 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(10):hover i svg path,.shengchan_main li:nth-child(10).active i svg path,
.shengchan_main li:nth-child(11):hover i svg path,.shengchan_main li:nth-child(11).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; 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 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: 20px;background: #FFF; padding:0px 32px;}
.shengchan_info img{width:100%;}

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

@media screen and (max-width:1023px){
    .shengchan_main{margin-top:40px;}
    .shengchan_info{margin-top:24px; padding:32px;}
    .shengchan_info_wrap {margin:16px 0;}
    .shengchan_main ul{gap:16px 3%;}
    .shengchan_box{width:92%;}
}


/**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) - 63.36px); padding:20px 30px; border-radius: 20px; 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:65px;font-weight: 300;line-height: 100%; letter-spacing: -5.76px; text-decoration: none; color:#B7C2CF; margin-top: auto;}
.shengchan_tabPanel li h6{ font-size: 24px;font-weight: 400;line-height: 120%; margin-bottom:30px;}
.shengchan_tabPanel li p{font-size:16px;font-weight: 300;line-height: 150%; margin:10.08px 10.08px 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:-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_tabPanel li.hit h3{color:#fff; text-decoration: none;}
.shengchan_item{display:none;}


@media screen and (max-width:1023px){
    .shengchan_box{width: 92%; padding:40px 0; margin-top: 40px;}
    .shengchan_tabPanel ul{margin-top:40px;}
    .shengchan_tabPanel ul li{width:calc(((100% - 40px) / 3) - 31.36px); padding:.1408px; justify-content: center;margin-bottom:16px;}
    .shengchan_tabPanel li h6{margin-bottom:24px;}
    .shengchan_tabPanel li h3{font-size: 48px;}
    .shengchan_tabPanel li p br{display:none;}
    .accordion-title {padding:16px 0px;gap:5px;}
    .gxyzj_titel .img img{margin-right:16px;}
    .accordion-icon{display:none;}
    .tab-nav{width:65%;}
    /*.shengchan_info{margin-top:24px; padding:32px;}*/
    .gxyzj_titel .column-list,.shengchan_tabPanel .column-list,.shengchan_main .column-list{display: flex; flex-wrap: nowrap; gap:14.4px;}
    .column-scroll .tab-item ,.column-scroll li{flex-shrink: 0; display: flex; flex-direction: column;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: 40px;}*/
/*    .accordion-title {padding:16px 2px;}*/
/*    .tab-nav{width:100%;}*/
/*    .shengchan_tabPanel li h6{ font-size: 18px; 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:32px;}*/
/*    .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:130.08px;}
.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%; /* 27.6px */letter-spacing: 0.23008px;margin-top:23.04px;}
.banner .logo{width: 316px;height: 35px;flex-shrink: 0;bottom:80px;left:50%;transform:translateX(-50%);position: absolute;}
@media screen and (max-width:576px){
    .banner .txt{top:18.08px;}
    .banner .big{font-size: 32px;}
    .banner .small{font-size: 16px;margin-top:8px;}
}

.lsyg_box{overflow:hidden;}
/*时间轴代码css*/
.long{width: 20px;height: 2px;background-color: #999; margin-bottom: 10px;transition:background-color 0.2s ease-out,transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow 0.25s ease-out,width 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);transform-origin: left center;position: relative;overflow: hidden;}
.short{width: 10px;height: 2px;background-color: #999;margin-bottom: 10px;transition:background-color 0.2s ease-out,transform 0.2s ease;transform-origin: left center;}
.blue-bg {background-color: #007bff;}
.short.blue-bg {transform: scaleX(1.2);}
.long.blue-bg {width: 22px;transform: scaleX(1.1) rotate(0.5deg);/*box-shadow: 0 0 6px 0.5px rgba(0, 123, 255, 0.4);*/}
.long.blue-bg::after {left: 200%;}
.long:not(.blue-bg) {width: 20px;transform: scaleX(1) rotate(0);box-shadow: none;}
.short:not(.blue-bg) {transform: scaleX(1);}

/* 新增布局样式（适配设计稿） */
.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:20px 0; font-weight:700;}

/* 中间线条容器（保留原有动画） */
.timeline-line {width:20px;position: absolute; z-index:1; top:0;left:50%; transform: translateX(-50%); display: flex;flex-direction: column;align-items: flex-end;}

/* 左右内容容器 */
.timeline-item-box{display:flex; flex-wrap: wrap;justify-content:space-between;width:100%; padding:25px 0; align-items: center;}

.timeline-item {width: 45%;left: 0;top: 0;padding: 10px 0;}
.timeline-item img{border-radius: 20px;border: 1px solid #A8A5A5; transform: translateY(0); transition: all .5s ease-in-out;}
.timeline-item img:hover{box-shadow:8px 8px 20px rgba(25, 25, 25, .3); transform: translateY(-5px);}
.timeline-item p.tigs{color: #A8A5A5; font-family: "HarmonyOS_Sans_SC_Light";font-size: 24px;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:20%;}
.timeline-item .img_box2{top: -54px; right: -9%; position:absolute; z-index:5;}
.text_left{text-align:left}
.text_right{text-align:right}
/* 年份样式 */
.lsyg_box .year {font-size: 70px; 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%;}
/* 文字内容样式 */
.text-content-cn,.text-content-cn p {color: #000;font-size: 20px;font-style: normal;font-weight: 300;line-height: 120%; letter-spacing: 0.2px; margin-bottom:10px; font-family: "HarmonyOS_Sans_SC_Light";}
.text-content-en,.text-content-en p{color: #A8A5A5;font-size:16px;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;}
.img-container img {width:auto;}
.img-container-flex{display:flex; justify-content: space-between;}
.img-container-flex img{ margin:0 3px;}
/* 多图布局 */
.img-group {display: flex;gap: 10px;flex-wrap: wrap;}
.img-group .img-container {width: calc(50% - 5px);}

.timeline-product-box{width:100%; border-radius:20px; background: #F8F9FC; position:relative; z-index:2; text-align:center;}
ul.timeline-product{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
ul.timeline-product li{width:calc((100% - 60px) / 5); border-radius: 20px;background: #FFF; transition: all .5s ease-in-out; overflow: hidden;}
ul.timeline-product li:hover{box-shadow:8px 11px 30px rgba(25, 25, 25, .24);}
ul.timeline-product li img{width:auto;}
ul.timeline-product li h1{color: #000;font-family: "Antonio-Regular";font-size: 70px;font-style: normal;font-weight: 400;line-height: 110%;}
ul.timeline-product li p{color: #000;font-family: "HarmonyOS_Sans_SC_Light";font-size: 22px;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%;}

.lsyg_bottom_bg{background:url(/vv/img/lsyg_bg.png) bottom center no-repeat; background-size:contain; 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: 22px;font-weight: 400;line-height: 150%;letter-spacing: 0.23px;}

/* 1. 基础样式：定义动画 + 初始状态 */
.timeline-item-box {}


@media screen and (max-width:1680px){
    .img-container-flex{justify-content: space-evenly;}
    .timeline-item .img_box1{left:13%;}
    .timeline-item .img_box2{right: -5%;}
}

@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:75.04px; left:3%;}
.lcb_title svg path{transform:scale(1);}

@media screen and (max-width:996px){
    .lcb_title{top:40px; 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:40px;font-weight: 400;}
    .m_lcb_cont{margin-top:24px;}
    .m_lcb_box .swiper-slide{border-radius: 20px; 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:16px;}
    .m_lcb_box .text h2{margin-bottom:8px;}
}

/*+++++++++++++++++++++++++++++++++++++++++资质荣誉css++++++++++++++++++++++++++++++++++++++++*/
.honor_info{border-radius: 20px;background: #FFF; padding-top:60px;padding-bottom:60px;position:relative;}
.honor_info img{max-height:600px;}
/*.honor_info img:hover{box-shadow:8px 11px 30px rgba(25, 25, 25, .24);}*/
.honor_info .common-swiper{width:100%; padding:0;}
.honor_info .swiper-button-next,.honor_info .swiper-rtl .swiper-button-prev,
.honor_info .swiper-button-prev,.honor_info .swiper-rtl .swiper-button-next{width:40px; height:40px; border-radius:30px; border:3px #C7C7C7 solid;transition: all .5s ease-in-out;top:50%;transform:translateY(-50%);}
.honor_info .swiper-button-next:after,.honor_info .swiper-button-prev:after{font-size:20px; font-weight:900; color:#C7C7C7;transition: all .5s ease-in-out;}
.honor_info .swiper-button-prev,.honor_info .swiper-rtl .swiper-button-next{left:20px;}
.honor_info .swiper-button-next,.honor_info .swiper-rtl .swiper-button-prev{right:20px;}
.honor_info .swiper-button-next:hover,.honor_info .swiper-rtl .swiper-button-prev:hover,
.honor_info .swiper-button-prev:hover,.honor_info .swiper-rtl .swiper-button-next:hover{border:3px #0071E3 solid;}
.honor_info .swiper-button-next:hover:after,.honor_info .swiper-button-prev:hover:after{color:#0071E3;}

@media screen and (max-width:996px){
    .honor_info{margin-top:40px; padding:40px 16px;}
    .honor_info .swiper-button-prev,.honor_info .swiper-rtl .swiper-button-next{left:5px;}
    .honor_info .swiper-button-next,.honor_info .swiper-rtl .swiper-button-prev{right:5px;}
    .honor_info .swiper-button-next,.honor_info .swiper-rtl .swiper-button-prev,
    .honor_info .swiper-button-prev,.honor_info .swiper-rtl .swiper-button-next{width:30px; height:30px;border:2px #C7C7C7 solid;}
}

@media screen and (max-width:768px){
    .honor_info{margin-top:16px;}
}


/*+++++++++++++++++++++++++++++++++++++++++社会责任css++++++++++++++++++++++++++++++++++++++++*/
.society{ margin-bottom:149.76px; }
.society_cont{ margin-top:75.04px; line-height: 150%;}
.society_cont h2{font-size: 48px;padding-left:16px;}
.society_cont h6{font-size: 20px;text-transform: uppercase; padding-left:16px;line-height: 150%; }
.society_cont p{font-size: 20px;font-weight: 300; line-height: 150%;  margin-top:20px; max-width: 608px;}
.society_cont .item{display:flex; flex-wrap:wrap; justify-content:space-between;}
.society_item2{width:58.745%;}
.society_item3{width:calc(41.255% - 20px);}
.society_item2 p,.society_item3 p{max-width:448px; padding-bottom:48px;}

.society_item1,.society_item2,.society_item3{position:relative; border-radius: 20px;overflow:hidden;}
.society_item1{ margin-bottom:20px;}
.society_item2,.society_item3{height:100%;}
.society_item1 img,.society_item2 img,.society_item3 img{transform:scale(1);transition: all .5s ease-in-out; object-fit:cover;}
.society_item2 img,.society_item3 img{height:100%;}
.society_item1:hover img,.society_item2:hover img,.society_item3:hover img{transform:scale(1.1);}

.society_cont .society_text{position:absolute; z-index:2; top:0; left:0; height:100%; width:90%; padding-left:80px;border-radius: 20px; background: linear-gradient(270deg, rgba(233, 240, 250, 0.00) 0%, #CDDBFE 100%);}
.society_item2 .society_text,.society_item3 .society_text{width:100%;display:flex; flex-direction:column; justify-content: flex-end;}
.society_item3 .society_text{background: linear-gradient(270deg, rgba(233, 240, 250, 0.00) -50%, #CDDBFE 100%);}
.society_big{margin-top:80px;font-weight: 500;}

/*+++++++++++++++++++++++++++++++++++++++++投资者关系css+++++++++++++++++++++++++++++++++++++++++*/
.dqbg_cont{border-radius: 20px;background: #F8F9FC; padding:.16px 40px 75.04px; margin-top:75.04px;}
.dqbg_cont ul.content-title li:nth-child(1),.dqbg_cont ul.content-list li:nth-child(1){text-align:left; padding-left:0;}
.dqbg_cont .content-list a.more{background-image: linear-gradient(to right, #F8F9FC, #F8F9FC), linear-gradient(to right, #0061CC, #F6AB00);}
.dqbg_cont .right_cont{border-bottom:2px solid #000; height:600px; overflow-y:scroll; overflow-x:hidden;}
.dqbg_cont .right_cont::-webkit-scrollbar {width:6px;height:6px;}
.dqbg_cont .right_cont::-webkit-scrollbar-thumb {background:#0071E3;cursor:pointer;}
.dqbg_cont .right_cont::selection {background-color:#0071E3;color:#333}
.dqbg_cont .right_cont::-webkit-selection {background-color:#0071E3;color:#333}
.dqbg_cont .right_cont::-moz-selection {background-color:#0071E3;color:#333}



/*股票行情css*/
.gupiao_cont{margin-top:75.04px;}
ul.gupiao_tabmenu{display:flex; flex-wrap:wrap;}
ul.gupiao_tabmenu li{border-radius: 41px; background: #FFF; padding:12.96px 28.96px; margin-right:15.04px;position:relative; cursor:pointer; display:flex; align-items:center;cursor:pointer;}
ul.gupiao_tabmenu li.hit{background:#0071E3; color:#fff;}
ul.gupiao_tabmenu li.hit::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;}
ul.gupiao_tabmenu li svg{width:22px; margin-right:5.6px; fill:#1B1B1B;}
ul.gupiao_tabmenu li.hit svg{fill:#fff;}
.gupiao_cont .pane{display:none;}
.gupiao_kx{border-radius: 20px;background: #FFF; margin-top:75.04px; padding:28.96px 0; text-align:center;}

@media screen and (max-width:996px){
    .dqbg_cont,.gupiao_cont,.gupiao_kx{margin-top:40px;}
    .dqbg_cont{padding:16px 16px 32px}
}
@media screen and (max-width:768px){
    ul.gupiao_tabmenu{top:16px; left:16px;}
}

@media screen and (max-width:576px){
    ul.gupiao_tabmenu li{padding:8px 16px; margin-right:5px;}
    ul.gupiao_tabmenu li.hit::after{content:""; position:absolute;bottom:-15px; left:calc((100% / 2) - 15px); width:30px; height:30px;}
}

/*实施公告css*/
.gonggao_box{margin-bottom:75.04px;}
@media screen and (max-width:996px){
    .gonggao_box{margin-bottom:40px;}
}


/*+++++++++++++++++++++++++++++++++++++++++加入我们css++++++++++++++++++++++++++++++++++++++++*/
.join_video{color:#000;}
.join_video img{width:100%;}
.join_video .video_text p{text-align: left;}

@media screen and (max-width:1023px){
    .join_video{margin-top:55px;}
    .join_video .video_text{transform: translateY(-50%);}
}


.join_fztd_cont{margin-top:45px; position:relative;}
.join_fztd_cont ul{ display:flex; flex-wrap:wrap; justify-content:space-between; color: #000; gap:1%;}
.join_fztd_cont ul li{width:24%; border-radius: 20px;background: #F8F9FC; padding:35px 32px; transition: all .5s ease-in-out;    display: flex;flex-direction: column; justify-content: space-between;}
.join_fztd_cont ul li:hover{box-shadow:8px 11px 30px rgba(25, 25, 25, .24); /*transform:translateY(-15px);*/}
.join_fztd_cont ul li .text{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.join_fztd_cont ul h4{font-size:24px;font-weight: 400;line-height: 120%; display:flex; flex-direction: column;}
.join_fztd_cont ul h4::after{content:"";width: 55px; height: 5px; background: #0071E3; display:inline-block; margin-top:10px;}
.join_fztd_cont ul p{color: #515153;font-size: 18px;font-weight: 400;line-height: 165%;  margin-top:85px;letter-spacing: -1px;}
.join_fztd_cont ul i{width: 56px;height: 56px; line-height:100%; background:#fff; border-radius:32px; display:flex; align-items:center; justify-content:center;}
.join_fztd_cont i svg{width: 50px;}
.join_fztd_logo{position:absolute; z-index:-1; top:0; width:98%; height:100%; display:flex; justify-content:center; align-items:center;}
.join_fztd_logo img{width:100%; max-width: 400px;}
.join_fztd_logo::before{content:""; width: 660px; height: 660px; border-radius: 50%;border: 6px solid rgba(0, 113, 227, 0.30); display:inline-block; position:absolute;}
.join_fztd_logo::after{content:"";width: 516px; height:  516px; border-radius: 50%; display:inline-block; position:absolute;background-image: url("data:image/svg+xml,%3Csvg width='651' height='651' viewBox='0 0 651 651' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='10' width='631' height='631' rx='315.5' stroke='%230071E3' stroke-opacity='0.3' stroke-width='20' stroke-linejoin='round' stroke-dasharray='4 4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;background-size: contain;}

@media screen and (max-width:1023px){
    .join_fztd_cont ul li{width:49%;margin-bottom:20px;}
    .join_fztd_cont ul h4{font-size:16px;}
    .join_fztd_cont ul p{font-size:12px; margin-top:45px;}
    .join_fztd_cont ul li{padding:40px 30px;}
}
@media screen and (max-width:576px){
    .join_fztd_cont ul li{width:100%;margin-bottom:20px;}
     .join_fztd_cont ul li{padding:30px 20px;}
}

.join_tabmenu{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:45px;}
/*列表tab切换css*/
.job_box .panes{margin-top:45px; background:#fff; border-radius: 20px ; padding:60px 40px;}
.job_box .pane{display:none;}
.job_box ul{display:flex; flex-wrap:wrap; width:80%;}
.job_box ul li{border-radius: 73px; background: #FFF; padding:13px 30px; margin-right:15.04px;position:relative; cursor:pointer; display:flex; align-items:center;cursor:pointer;}
.join_tabmenu ul li.hit{background:#0071E3; color:#fff;}
.join_tabmenu ul li.hit::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;}
.join_tabmenu ul li svg{width:22px; margin-right:5.6px; fill:#1B1B1B;}
.join_tabmenu ul li.hit svg{fill:#fff;}

.job_box .accordion-title{color: #000; border-bottom: 1px solid #9F9F9F; padding:20px 20px;}
.job_box .accordion-title:hover:not(.active),.job_box .accordion-title:hover.active {background: none; cursor:default;}
.job_box .accordion-title ol,.accordion-item ol{display:flex; flex-wrap:wrap;width:100%}
.job_box .accordion-title ol li,.accordion-item ol li{width:12%; text-align:center; font-size: 18px;font-weight: 400;line-height: 120%;}
.accordion-item ol li:nth-child(n+2){color:#7E7C7C;}
.accordion-item ol li:nth-child(-n+5){display: flex;align-items: center;justify-content: center}
.job_box .accordion-title ol li:nth-child(1),.accordion-item ol li:nth-child(1){width:40%; text-align:left; padding-left:5%;justify-content: flex-start}

@media screen and (max-width:1280px){
    .job_box ul{width:60%;}
}
@media screen and (max-width:1023px){
    .join_tabmenu{ margin-top:40px;}
    .job_box ul{width:50%;}
    .job_box .panes{margin-top:40px;padding:40px 20px;}
    .job_box .accordion-title ol li{font-size:12px!important;}
    .job_box .accordion-title ol li,.accordion-item ol li{width:14%; font-size: 12px;}
    .job_box .accordion-title ol li:nth-child(1),.accordion-item ol li:nth-child(1){width:30%; padding-left:0;}
    a.job_zhankai{font-size:12px!important;padding:3px!important;width:100%!important;}
    a.job_zhankai2{font-size:12px!important;padding:3px!important;width:100%!important;}
}
@media screen and (max-width:576px){
    .join_tabmenu{display: flex;flex-wrap:wrap;}
    .job_box ul{width:100%;justify-content: space-between;order:2;}
    .job_box ul li{width:49%;margin-right:0;justify-content: center;}

    .gxxwj_search{width:100%;margin-top:20px;order:1;}
    .gxxwj_search form{width:100%;}
    .join_tabmenu .gxxwj_search div{width:100%;}
    .join_tabmenu .gxxwj_search input.search_input{width:100% !important;}
}


/* 手风琴容器样式 (D组件) */
.accordion-container {width: 100%; overflow: hidden;}
/* 手风琴标题样式 (A元素) */
.accordion-item-header {padding:20px;background-color: #fff;border-bottom: 1px solid #9f9f9f; transition: all 0.3s ease;display: flex;justify-content: space-between;align-items: center;font-weight: 500;color: #333;}
/* 高亮状态 */
.accordion-item-header.active {background-color: #E9F1FE;border-top-left-radius:10px;border-top-right-radius:10px;}
.accordion-item-header.active li:nth-child(1){color:#0071E3; }
.accordion-item-header:hover {background-color:#E9F1FE;}
/* 箭头图标 */
.accordion-arrow svg{transition: all .5s ease-in-out; stroke:#000;}
.accordion-item-header.active .accordion-arrow svg{transform: rotate(-180deg); stroke:#0061CC;}
/* 手风琴内容样式 (B元素) */
.accordion-item-content {padding: 0 20px;max-height: 0; overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease; display:flex; justify-content:flex-start; align-items:flex-end;}
.accordion-item-content.show {padding: 0 20px 20px 20px;max-height: 500px;border-bottom:1px solid #9f9f9f;}
.accordion-item:last-child .accordion-item-content.show{border-bottom:0;}
/* 内容内部样式 */
.job-info {line-height: 1.6;color: #000;padding:20px 5%;display: flex;width:88%;}
.job-info p {margin-bottom: 8px;}
.toudi_box{width:12%;display:flex;justify-content:center;}
.info-title{margin-right:60px;}
.info-content{flex:1;}
a.job_zhankai{color:#000;font-size: 18px;line-height: 120%; display:inline-block; align-items:center; padding:7px 20px; border-radius: 20px; 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.job_zhankai2{font-size: 18px;line-height: 120%; color: #0071E3; display:none; align-items:center; padding:7px 20px; border-radius: 20px; 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.job_toudi{font-size: 18px;line-height: 120%; color: #0071E3; padding:7px 20px; border-radius: 20px; 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.job_toudi:hover{background:#0061CC; color:#fff;}
/* 激活状态下的按钮显隐（和手风琴active类联动） */
.accordion-item-header.active .job_zhankai {display: none;}
.accordion-item-header.active .job_zhankai2 {display: inline-block;}

/*公司形象css*/
/*.bghj_box{margin-top:60px;}*/
ul.bghj_cont_top{display:flex; flex-wrap:wrap; justify-content:space-between; align-items: stretch; margin-top:45px;}
.bghj_box li{position:relative; border-radius: 20px; overflow:hidden;}
.bghj_box li h5{color: #FFF;font-size: 24px;font-weight: 400;line-height: 120%; position:absolute; z-index:2; left:40px; bottom:40px;}
.bghj_box li .swiper {width: 100%;height: 100% !important; /* 强制swiper占满父级li高度 */}
.bghj_box li .swiper-slide {width: 100%;height: 100%; /* slide占满swiper容器 */}
.bghj_box li .swiper-slide img{width: 100%;height: 100%; object-fit:cover;object-position: center center; }
.bghj_box li .swiper-pagination{bottom:24px;}
ul.bghj_cont_top li{width:calc((100% - 20px) / 2);height: 350px !important;min-height: 350px !important;overflow:hidden; display:flex; justify-content:center; align-items:center;position: relative;box-sizing: border-box;}
ul.bghj_cont_top li.three{width:calc((100% - 20px) / 2);height:350px !important;min-height:350px !important;}

ul.bghj_cont_bottom{display:flex; flex-wrap:wrap; justify-content:space-between;}
ul.bghj_cont_bottom li{/*width:calc((100% - 40px) /3);*/ width:100%; margin-top:20px; height:350px !important;}
.bghj_box li .bg{background:linear-gradient(to bottom,rgba(0, 113, 227, 0),rgba(0, 104, 220, 0.59)); position:absolute; z-index:2; width:100%; height:45%; bottom:0; left:0}

@media screen and (max-width:1023px){
    ul.bghj_cont_top{margin-top:40px;}
    .bghj_box li h5{font-size: 16px;left:20px; bottom:20px;}
    .bghj_box li .swiper-pagination{bottom:20px;}
    ul.bghj_cont_top li{height: 300px !important;min-height: 300px !important;}
    ul.bghj_cont_top li.three{height:300px !important;min-height:300px !important;}
    ul.bghj_cont_bottom li{height:300px !important;}
    .img_cont{height:100% !important;}
}
@media screen and (max-width:768px){
    ul.bghj_cont_top li{height: 200px !important;min-height: 200px !important;}
    ul.bghj_cont_top li.three{height:200px !important;min-height:200px !important;}
    ul.bghj_cont_bottom li{height:200px !important;}
}
@media screen and (max-width:576px){
    ul.bghj_cont_top{display: block;}
    ul.bghj_cont_top li{width:100%;}
    ul.bghj_cont_top li.three{width:100%;margin-top:20px;}
}


/*福利支持css*/
ul.fuli_cont{display:flex; flex-wrap:wrap; justify-content:space-between;gap:15px;}
ul.fuli_cont li{width:calc(((100% - 30px) / 3)); border-radius: 20px; padding:30px 40px 20px 40px;transition: all .35s ease-in-out;position: relative;background: #fff; z-index: 1;overflow:hidden;cursor:pointer; display:flex; flex-direction:column;justify-content: space-between;}
ul.fuli_cont li::before {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;opacity: 0; transition: opacity .5s ease-in-out; pointer-events: none;z-index: -1; }
ul.fuli_cont li:hover::before {opacity: 1;}
ul.fuli_cont li:hover {background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

ul.fuli_cont li:nth-child(1)::before{background: url(/vv/img/fuli_bg1.png) top right no-repeat;background-size: 100% 100%;}
ul.fuli_cont li:nth-child(2)::before{background: url(/vv/img/fuli_bg2.png) top right no-repeat;background-size: 100% 100%;}
ul.fuli_cont li:nth-child(3)::before{background: url(/vv/img/fuli_bg3.png) top right no-repeat;background-size: 100% 100%;}
ul.fuli_cont li:nth-child(4)::before{background: url(/vv/img/fuli_bg4.png) top right no-repeat;background-size: 100% 100%;}
ul.fuli_cont li:nth-child(5)::before{background: url(/vv/img/fuli_bg5.png) top right no-repeat;background-size: 100% 100%;}
ul.fuli_cont li:nth-child(6)::before{background: url(/vv/img/fuli_bg6.png) top right no-repeat;background-size: 100% 100%;}

ul.fuli_cont .title{display:flex; justify-content:space-between;}
ul.fuli_cont li h3{font-size: 64px;font-weight: 300;line-height: 78%; letter-spacing: -3px; text-decoration: none; color:rgba(0, 56, 118, 0.20); text-align:right; margin-bottom:16px;}
ul.fuli_cont li h6{ font-size: 32px;font-weight: 400;line-height: 120%; margin-bottom: auto; display:flex; flex-direction:column;}
ul.fuli_cont li h6::after{content:"";width: 55px;height: 5px;background: #0071E3; display:inline-block; margin-top:10px;}
ul.fuli_cont li p{font-size:18px;font-weight: 300;line-height: 150%; margin:70px 0 12px;color:#818181}
ul.fuli_cont li:hover p,ul.fuli_cont li:hover h6{color:#fff;}
ul.fuli_cont li .hit{cursor:pointer; background:#0071E3; color:#fff; box-shadow:0 0 10px rgba(0, 0, 0,0.2);cursor:pointer;}
ul.fuli_cont li .hit::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;}
ul.fuli_cont li:hover h3{color:rgba(0,0,0,0.2); text-decoration: none;}
/*ul.fuli_cont li:hover h6::after{background: #fff;}*/

@media screen and (max-width:1023px){
    ul.fuli_cont li{width:calc(((100% - 15px) / 2));}
    ul.fuli_cont li h6{font-size:16px!important;}
    ul.fuli_cont li p{font-size:12px; margin:40px 0 12px;}
    ul.fuli_cont li h3{font-size:48px;}

    ul.fuli_cont li:nth-child(1)::before{background: url(/vv/img/fuli_bg1.png) top right no-repeat;background-size: 100% 100%;}
    ul.fuli_cont li:nth-child(2)::before{background: url(/vv/img/fuli_bg2.png) top right no-repeat;background-size: 100% 100%;}
    ul.fuli_cont li:nth-child(3)::before{background: url(/vv/img/fuli_bg3.png) top right no-repeat;background-size: 100% 100%;}
    ul.fuli_cont li:nth-child(4)::before{background: url(/vv/img/fuli_bg4.png) top right no-repeat;background-size: 100% 100%;}
    ul.fuli_cont li:nth-child(5)::before{background: url(/vv/img/fuli_bg5.png) top right no-repeat;background-size: 100% 100%;}
    ul.fuli_cont li:nth-child(6)::before{background: url(/vv/img/fuli_bg6.png) top right no-repeat;background-size: 100% 100%;}
}

@media screen and (max-width:576px){
    ul.fuli_cont li{width:100%;}
    ul.fuli_cont li h3{font-size:36px;}
}


/*联系我们css*/
.contact_box .hyly_right{color: #000;font-size: 24px;font-weight: 700;line-height: 160%;}
.contact_cont{border-radius:20px;background: #F8F9FC; overflow:hidden; display:flex;margin-top:45px;align-items: center; }
.contact_cont .img{flex:1; overflow:hidden;height:100%;display: flex;}
.contact_cont img{object-fit:cover;width:100%;height:100%;}
.contact_box h4:first-child{border-top:0;}
.contact_box h4{color: #000;font-size:22px;font-weight: 400;line-height: 110%; padding-top:20px;margin-bottom:25px;border-top:1px solid #BABABA;margin-top:25px;}
.contact_text{width:32.4%; color: #000;font-size: 18px;font-weight: 400;line-height: 150%;padding:0 40px 40px 40px;display: flex;flex-direction: column;justify-content: center;flex-shrink: 0;}
.contact_text p.mb_338{margin-bottom:54.08px;}
.contact_text p span{font-weight: 300;font-family: "HarmonyOS_Sans_SC_Light";}
.contact_text p span a{font-family: "HarmonyOS_Sans_SC_Light";}

@media screen and (max-width:1023px){
    .contact_text svg path{transform:scale(0.85);}
    .contact_cont{display: block;}
    .contact_cont .img{width:100%;height:auto;}
    .contact_text{width:100%;}
}
@media screen and (max-width:768px){
    .contact_box .hyly_right{font-size: 18px;}
    .contact_box h4{font-size: 23.2px;}
    .contact_cont{ flex-direction:column; margin-top:40px;}
    .contact_text{width:90%; max-width:100%; padding:5% 3%; font-size: 16px;}
    .contact_text p.mb_338{margin-bottom:40px;}
}
@media screen and (max-width:576px){
    .contact_box h4{font-size: 18px;}
}

/*区域联系css*/
.quyu_box ul{display:flex; flex-wrap:wrap;}
.quyu_box ul li{font-size: 20px;font-weight: 400;line-height: 120%;border-radius: 73px; background: #FFF; padding:8px 80px; margin-right:20px;position:relative;  display:flex; align-items:center;cursor:pointer;}
.quyu_tabmenu ul li.hit{background:#0071E3; color:#fff;}
.quyu_tabmenu ul li.hit::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;}
.quyu_tabmenu ul li svg{width:22px; margin-right:5.6px; fill:#1B1B1B;}
.quyu_tabmenu ul li svg.icon{fill:#0071E3; width:23px; height:auto; margin-right:15px;}
.quyu_tabmenu ul li.hit svg,.quyu_tabmenu ul li.hit svg.icon{fill:#fff;}
.quyu_box .pane{display:none;}
.quyu_cont{margin-top:45px;}
.quyu_list{ display:flex; flex-wrap:wrap; justify-content:space-between;width:100%;}

.quyu_list1{position: relative;width:100%;border-radius: 20px; background: #F8F9FC; padding:40px 100px; transition: all .5s ease-in-out; z-index: 1;overflow:hidden;}
.quyu_list1:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}

.quyu_list1::before{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%; opacity: 0;transition: opacity .5s ease-in-out;pointer-events: none;z-index: -1;}

.quyu_list1::before{background: url(/vv/img/quyu_bg1.png) top right no-repeat;background-size: 100% 100%;}



.quyu_list1:hover::before{opacity: 1;}
/*.quyu_list1:hover,*/
/*.quyu_list2:hover{background: #fff;}*/

.quyu_list2{position: relative;width:49.5%; border-radius: 20px; padding:27px 0;transition: all .5s ease-in-out; z-index: 1;overflow:hidden;}

.quyu_list h4{color: #000;font-size: 32px;font-weight: 700;line-height: 120%; display:flex; flex-direction:column; margin-bottom:33px;}
.quyu_list h4::after{content:"";width:55px;height: 2px;background: #0071E3; display:inline-block; margin-top:10px;}
.quyu_list h5{margin-bottom:22px;font-size: 22px;line-height: 150%;}
.quyu_list h5 span{font-family: "HarmonyOS_Sans_SC_Light";font-weight: 300;}
.quyu_list p{font-size: 16px;font-weight: 300;line-height: 180%;font-family: "HarmonyOS_Sans_SC_Light";}
.quyu_list p a{font-family: "HarmonyOS_Sans_SC_Light";}
.quyu_list2 p:last-child{width:100%; display:flex; justify-content:space-between; align-items:center;}
.quyu_list2 p a{display:inline-block;}
.quyu_list ol{display:flex; flex-wrap:wrap; justify-content:space-between;}
.quyu_list2 ol li{width:100%;}


@media screen and (max-width:1023px){
    .quyu_tabmenu ul li.hit::after{bottom:-18px;  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' 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>");}

    .quyu_list1::before{background-size: 100% 100%;}
}


/*服务与支持css*/
.shopping_list_bg{width:100%; padding:110px 3.5% 147px; background:url(/vv/img/shopping_bg.png) top center no-repeat; background-size:100%;}
.shopping_list{display:flex; flex-wrap:wrap; justify-content:center; }
.shopping_list li{width:calc((93% - 40px) / 3);border-radius: 20px;background: #F8F9FC; padding:46px 0 42px 0; display:flex; flex-direction:column; align-items: center; transition: all .5s ease-in-out;margin-left:40px;}
.shopping_list li:first-child{margin-left:0;}
.shopping_list li:hover{box-shadow:8px 11px 30px rgba(25, 25, 25, .24);}
.shopping_list li .svg{width: 132px;height: 63px;}
.shopping_list li p{font-size: 18px;font-weight: 500;line-height: 180%; margin:20px 0 34px;}

@media screen and (max-width:768px){
    .shopping_list{margin-top:40px; padding:40px 5% 40px; }
    .shopping_list li{padding:30.08px 0 24px 0;}
    .shopping_list li .svg{width:68px;height:auto;}
    .shopping_list li p{font-size:16px;}
}
@media screen and (max-width:576px){
    .shopping_list{flex-direction:column; margin-top:0px; background:none;}
    .shopping_list li{width:100%; margin-bottom:16px; margin-left:0;}
    .shopping_list li .svg{width:68px;height:auto;}
}

/*服务网点css*/
.fwwd_box{border-radius:20px; background:#F8F9FC; width: 100%; padding:75.04px 3%; font-weight: 400; }
.fwwd_cont{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:45px; position:relative;}
.fwwd_map{width:50%;position: relative;}
.fwwd_map img{width:100%;height:100%;object-fit: cover;}
.fwwd_map_tabmenu{position:absolute; z-index:2; top:67.04px; left:50.4px;}
.fwwd_map_tabmenu ul{display:flex; flex-wrap:wrap;}
.fwwd_map_tabmenu ul li{border-radius: 41px; background: #FFF; padding:12.96px 28.96px; margin-right:15.04px;position:relative; display:flex; align-items:center;cursor:pointer;}
.fwwd_map_tabmenu ul li.hit{background:#0071E3; color:#fff;}
.fwwd_map_tabmenu ul li.hit::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;z-index:-1;}
.fwwd_map_tabmenu ul li svg{width:22px; margin-right:5.6px; fill:#1B1B1B;}
.fwwd_map_tabmenu ul li.hit svg{fill:#fff;}
.fwwd_box .pane{display:none;}
/* ========== 新增：图片切换样式 ========== */
/* 切换容器：相对定位，溢出隐藏 */
.img-switch-container {position: relative;width: 100%;height:650px;overflow: hidden;border-radius: 20px;border: 1px solid #959595;}
.img-switch-container img{height:calc(100% - 2px);}
/* 切换图片：适配容器，过渡平滑 */
.switch-img {width: 100%;height: 100%;object-fit: cover;transition: opacity 0.3s ease;}
/* 切换按钮组：固定在容器右上角 */
.switch-controls {position: absolute;top: 4%;right: 8%;z-index: 10;display: flex;gap: 8px;}
/* 切换按钮样式 */
.switch-controls button {width: 32px;height: 32px;border-radius: 50%;background: rgba(0, 0, 0, 0.7);color: #fff;border: none;font-size: 19.2px; display: flex;align-items: center;justify-content: center;transition: background 0.2s ease;}
.switch-controls button:hover {background: #0071E3;}

@media screen and (max-width:1023px){
    .fwwd_map{width:100%;}
    .img-switch-container img{height:auto;}
    .fwwd_map img{width:100%;}
}


.fwwd_message{width:45%;}
/*在线留言css*/
.message_info{width:100%;}
.message_info h4{font-size: 22px;font-weight: 400;line-height: 120%; margin-bottom:15px;}
.message_info ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.message_info li{width:calc(50% - 10px);display: block;margin-bottom:35px;}
.message_info li.w_100{width:100%;}
.message_info button, .message_info input {border: 0;outline: 0; border-radius:35px; padding:10px 30px; background:#fff;}
.message_info textarea {border: 0;outline: 0; border-radius:35px; padding:10px 30px;background-color:#fff;}
.message_info input,.message_info textarea { width:100%; transition: all 0.2s ease-in-out;}
.message_info button {width:100%;color:#fff; background:#0071E3;}
.message_info .input-group {display: flex;align-items: center;justify-content: flex-start;}
.message_info label {margin: 0;flex: 1;}
.message_info .yzm{position: relative;}
.message_info .yzm_img{position: absolute; right:8%; top:15%;}
.message_info .yzm img{width:128px;}
@media screen and (max-width:1280px){
    .message_info h4{font-size: 26.4px;}
}

@media screen and (max-width:768px){
    .fwwd_message{width:100%; margin-top:40px;}
    .message_info h4{font-size: 20px;}
    .message_info .yzm img{width:auto;height:70%;}
}

@media screen and (max-width:576px){
    .message_info li{width:100%;}
    .message_info button, .message_info input {border-radius:16px;}
    .message_info textarea {border-radius:16px;}
}

/*下载中心css*/
.download_box{display:flex;}
.right-panel{border-radius: 20px;background: #FFF; padding:75.04px 40px; flex:1;}
.right-panel .gxxwj_search,.content-group .gxxwj_search,.content-item .gxxwj_search{ float:right;}
/* 左侧菜单容器 */
.left-menu { margin-right:40px; overflow-y: auto;}
/* 一级菜单样式 */
.menu-item { margin-bottom:20px; width: 272px; background: #fff; padding:40px 0 40px 33.92px; border-radius: 20px; }
.menu-title {display: flex; flex-direction:column; transition: background 0.2s;}
.menu-title:hover{color:#000;}
.menu-title h2{font-size: 30px;font-weight: 400; line-height: 110%;}
.menu-title h3{font-size: 26.8px;font-weight: 700;line-height: 120%;}
.menu-title svg{margin-top:10.4px; object-fit: contain; width: 165px; height: 6px;}
@media screen and (max-width:996px){
    .menu-title svg path{transform:scale(0.75);}
}
ul.content-title{color: #000; border-top: 2px solid #000; border-bottom: 1px solid #9F9F9F; padding:20px 0; margin-top:75.04px;}
ul.content-title:hover:not(.active){cursor:default;}
ul.content-title,ul.content-list{display:flex; flex-wrap:wrap;width:100%;}
ul.content-title li,ul.content-list li{width:20%; text-align:center; font-size: 25.2px;font-weight: 400;line-height: 120%;}
ul.content-list li{font-size: 21.6px;}
ul.content-title li:nth-child(1),ul.content-list li:nth-child(1){width:35%; text-align:left; padding-left:5%;}
.content-list a.more{font-size: 21.6px;line-height: 120%; color: #0071E3; padding:6.4px 29.6px; border-radius: 100px; 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;}
.content-list a.more i svg{width:24px; height:auto; fill: #0071E3;margin:0;transition: all .5s ease-in-out; transform:rotate(90deg);}
.content-list a.more:hover{background-image:linear-gradient(to right, #0061CC, #F6AB00); color:#fff;}
.content-list a.more:hover i svg{fill:#fff;}

/* 子菜单容器 - 横向滚动 */
.submenu-wrap {overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch; scrollbar-width: none; margin:40px 0 0;}
.submenu-wrap::-webkit-scrollbar {display: none;}
/* 子菜单样式 - 横向排列 */
.submenu {list-style: none;display: flex; flex-direction: column; white-space: nowrap;}
.submenu li {transition: all 0.2s; border-radius: 20px; font-size: 24px;font-weight: 400;line-height: 120%; width:65%; padding:20px 30.08px;}
/* 子菜单 hover 和 激活状态 */
.submenu li:hover,.submenu li.active {border-radius: 10px;background: #E9F1FE; color:#0071E3;}

/* 菜单内容区域 - 直接跟随在菜单下方 */
.menu-content {padding: 20px;width: 100%;background: #fafafa;display: none; border-top: 1px solid #e0e0e0;animation: fadeIn 0.3s ease;}
.menu-content.active {display: block;}
/* 一级菜单汇总内容容器 */
.content-group {display: none; padding-top:27.04px;}
.content-group.active {display: block;animation: fadeIn 0.3s ease;}

/* 子菜单单独内容容器 */
.content-item {display: none;}
.content-item.active {display: block;animation: fadeIn 0.3s ease;}
.content-list {padding:20px 0;border-bottom: 1px solid #e0e0e0;}
/*.content-list li {padding: 10px 0;}*/
.content-list:hover{border-radius: 10px;background: #E9F1FE;}
.content-list:hover li:nth-child(1){color:#0071E3;}
/* 汇总内容的子标题样式 */
.sub-content-title {margin: 15px 0 10px;font-size: 16px;color: #333;border-left: 3px solid #409eff;padding-left: 8px;}

/* 淡入动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media screen and (max-width:1023px){
    .download_box{display:flex; flex-direction:column;}
    .left-menu {width:100%; margin-right:0;}
    .right-panel{padding:40px 40px;}
    .menu-item {margin-bottom:.1360px; width:100%; padding:0; background:none;display:flex; justify-content:space-between;}
    .menu-title{background:#fff; border-radius:80px; margin-right:10px; padding:16px 20px; margin-bottom:15px; align-items: center; position:relative;}
    .menu-title.active,.menu-title:hover{background:#0071E3; color:#fff;}
    .menu-title.active h2,.menu-title:hover h2{color:#fff;}
    .menu-title h2{font-size: 20px;}
    .menu-title h3{font-size: 16px;}
    .menu-title.active::after,.menu-title:hover::after{content:""; position:absolute;bottom:-18px; 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;}

    .submenu {margin:16px 0; flex-direction: row;}
    .submenu li {padding:12.8px 16px; font-size:18px; background: #f0f0f0; width:auto;}
    .submenu li:hover,.submenu li.active {border-radius: 80px;}
    .right-content {padding:32px 24px 31.2px;}
    ul.content-title{margin-top:32px;}
    /* ul.content-title li,ul.content-list li{width:22.5%;} */
    ul.content-title li{font-size: 20.4px;}
    ul.content-list li{font-size: 16px;}
    ul.content-title li:nth-child(1),ul.content-list li:nth-child(1){width:30%; padding-left:2%;}
    .content-list a.more{padding:3.2px 20px;}
    .submenu-wrap {margin:0;}
    .submenu-wrap ul.column-list,.menu-item .column-list{display: flex; flex-wrap: nowrap; gap:14.4px;}
    .menu-item .column-list .menu-title {flex-shrink: 0; display: flex; flex-direction: column;align-items: center;justify-content: center; }
    .gxxwj_search{margin-bottom:20px;}
}


/* ########################################新闻详情页css #####################################*/
.newsview_box_bg{ background: #F8F9FC;}
.newsview_box{width:94%; margin:0 auto; padding:16px 3% 75.04px; font-weight: 400;}
.newsview_cont{width:80%; margin:75.04px auto 0;}
.newsview_cont h4{font-size:32px;font-weight:900;line-height: 120%;}
.newsview_cont h6{color: #A8A5A5;font-size: 18px; margin:16px 0 40px; padding-bottom:24px; border-bottom:1px #A8A5A5 solid;}
.newsview_cont p{padding:10px 0;color:#666666; line-height:180%;}
/*.newsview_cont .img{text-align:center}*/
.newsview_cont .img img{width:60%;}
@media screen and (max-width:996px){
    .newsview_box{padding:16px 3% 40px;}
    .newsview_box .breadcrumb{display:none;}
    .newsview_cont{width:100%; margin:16px auto 0;}
    .newsview_cont h4{font-size:20px;}
    .newsview_cont h6{margin:16px 0; padding-bottom:16px;}
    .newsview_cont p{font-size:16px;}
    .newsview_cont .img img{width:100%;}
}

@media(max-width:1023px){
	.pagination{padding-bottom:40px!important;margin-top:40px!important;flex-wrap:wrap;}
	.pagination li{font-size: 12px!important;margin:0 10px!important;}
}