﻿.nytit p{font-size: 0.2rem;color:#767676;}
.font-run.on p { opacity: 1;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transform: translateY(0);}
.font-run p {opacity: 0;clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%);transition: all 1s;transform: translateY(100%);display: block;}

/*系统图谱*/
.jishu01.sol06 .sol_swiper .item .imgbox{padding-bottom:60%;}
.jishu01.sol06 .sol_swiper .item .info .tit{font-size: 0.22rem;font-weight: 600;color: #1a1a1a;margin-top: 0.05rem;}
.jishu01.sol06 .sol_swiper .item{box-shadow:none;}

/*平台架构*/
.jishu02 {background:#F8F9FC;padding:1.6rem 0 1.2rem;}
.jishu02 .nytit{text-align:center;margin-bottom: 0.5rem;}
.jishu02 .sollistbox{background:#fff;border-radius:0.2rem;padding:.3rem;text-align:center;}
.jishu02 .sollistbox img{max-width:1920px;margin:0 auto;}

  /*单点技术*/
.jishuyoushibox .jishu03{padding:1.2rem 0; }
.jishuyoushibox .jishu03 .scolcont{display: flex;justify-content: space-between;}
.jishuyoushibox .jishu03 .imgbox{width:47%;position: relative;height:52vh;height:26vw; border-radius:0.2rem;overflow: hidden;padding-bottom:26%;}
.jishuyoushibox .jishu03 .imgbox img{position: absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
.jishuyoushibox .jishu03 .sollistbox{width:47%;}
.jishuyoushibox .jishu03 .nytit{margin-bottom:0.8rem;}
.jishuyoushibox .jishu03 .sollist ul li{border-bottom:solid 1px #D8D8D8;position: relative;}
.jishuyoushibox .jishu03 .sollist ul li:after{content:'';position: absolute;bottom:0;left:0;width:0;height:2px;transition: all .5s; -webkit-transition: all .5s;background-color:#E6000E;}
.jishuyoushibox .jishu03 .sollist .item{padding:0.22rem 0;}
.jishuyoushibox .jishu03 .sollist li:first-child .item{padding-top: 0;}
.jishuyoushibox .jishu03 .sollist .item .textbox{display:flex;justify-content: space-between;align-items: center;}
.jishuyoushibox .jishu03 .sol_swiper .item{margin-top:.4rem;display: flex;align-items: flex-start;overflow: hidden;}
.jishuyoushibox .swiper-pagination-total{}
.jishuyoushibox .jishu03 .tit{font-size:.32rem;font-weight:500;margin-bottom:0.1rem;}
.jishuyoushibox .jishu03 .info{font-size:.18rem;color:#3D3D3D;}
.jishuyoushibox .jishu03 .sub_tit{font-size:.2rem;font-weight:900;}
.jishuyoushibox .jishu03 .sub_info{font-size:.18rem;color:#3D3D3D;line-height:.3rem;font-weight:300;margin-top:.05rem}
.jishuyoushibox .jishu03 .item .icon{width:0.4rem;height:0.4rem;margin-top:0.1rem;}
.jishuyoushibox .jishu03 .textbox{margin-left:0.2rem;width:calc(100% - 3% - 50px);}
.jishuyoushibox .jishu03 .swiper-pagination{font-family:'D-DIN-Regular';text-align: right;font-size:.24rem;color:#1a1a1a;bottom: -10px;}
.jishuyoushibox .jishu03 .swiper-pagination-current{color:#E6000E;font-size:.32rem;}

.jishu03 .sol_swiper .swiper-pagination{width:auto;left:auto;right:0;font-size:0.3rem;font-family:'D-DIN-Regular';}
.jishu03 .sol_swiper .swiper-pagination span{font-size:0.3rem;}
.jishu03 .sol_swiper .swiper-pagination span.dangqian{font-size:0.36rem;color:#E6000E;}


 /*创新技术*/
.jishuyoushibox .jishu04{padding-bottom:1.2rem; }
.jishuyoushibox .jishu04 .scolcont{display: flex;justify-content: space-between;}
.jishuyoushibox .jishu04 .imgbox{width:46%;position: relative;overflow: hidden;}
.jishuyoushibox .jishu04 .imgbox img{position: absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
.jishuyoushibox .jishu04 .sollistbox{width:46%;}
.jishuyoushibox .jishu04 .nytit{margin-bottom:0.6rem;}
.jishuyoushibox .jishu04 .sollist ul li{border-bottom:solid 1px #D8D8D8;position: relative;}
.jishuyoushibox .jishu04 .sollist ul li:after{content:'';position: absolute;bottom:0;left:0;width:0;height:2px;transition: all .5s; -webkit-transition: all .5s;background-color:#E6000E;}
.jishuyoushibox .jishu04 .sollist .item{padding:0.22rem 0;}
.jishuyoushibox .jishu04 .sollist li:first-child .item{padding-top: 0;}
.jishuyoushibox .jishu04 .sollist .item .textbox{display:flex;justify-content: space-between;align-items: center;}
.jishuyoushibox .jishu04 .sollist .item .textbox .tit{font-size:0.24rem;}
.jishuyoushibox .jishu04 .sollist .item .info{height:0;position: relative;overflow: hidden;transition: all .5; -webkit-transition: all .5s;font-size:0.18rem;font-weight:200;margin-top:0.1rem;line-height: .3rem;}
.jishuyoushibox .jishu04 .sollist .item .icon{width:15px}
.jishuyoushibox .jishu04 .sollist li.active .item .info{height:auto;}
.jishuyoushibox .jishu04 .sollist li.active:after{width:100%;}
.jishuyoushibox .jishu04 .ico1,.jishuyoushibox .jishu04 .sollist li.active .ico2{display:none;}
.jishuyoushibox .jishu04 .sollist li.active .ico1{display:block;}
.jishuyoushibox .jishu04 .sollist li.active .item .textbox .tit{color:#E6000E;}
.imgbox .item_img {display: none;transition: opacity 0.35s ease;}
.imgbox .item_img.active-img {display: block;animation: fadeScale 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);position: relative; padding-bottom:5.2rem;border-radius:0.2rem;overflow: hidden;}

 /*创新平台*/
.sthz01{padding-top:1.2rem;}
 .sthz01 .carousel-container {position: relative;width: 100%;overflow: hidden;border-radius:0.2rem; }  
 .sthz01 .carousel-track {display: flex;transition: transform 0.4s ease-in-out; }  
 .sthz01 .carousel-slide {flex-shrink: 0;position:relative;padding-bottom: 65%;width: 100%; }   
 .sthz01 .carousel-dots {display: flex;justify-content: center;gap: 12px;padding: 16px 0 20px;background: transparent;position: absolute;z-index: 5;bottom:0;left:20px;}
.sthz01 .dot {width: 0.2rem;height: 0.2rem;background-image: url(../images/page_jtwh.svg);cursor: pointer;transition: all 0.2s ease;background-repeat: no-repeat;background-position: center;background-size:86%;}
.sthz01  .dot.active {border-radius: 6px;background-image: url(../images/pageico_wh.svg);}
 /*研发团队*/
.sthz02 {padding: 1.2rem 0;background:#F3F4F9}
.sthz02 .container{display:flex;justify-content: space-between;}
.sthz02 .infobox{width:42%;}
.sthz02 .imgbox{width:52%;border-radius:.2rem;overflow:hidden;}

 /*研发实力*/
.sthz03 .nytitbox{width:42%;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.sthz03 .nytitbox li{font-size:.2rem;}
.sthz03 .nytitbox li span{font-size:.24rem;color:#E6000E;}
.sthz03 .topbox{display:flex;}
.sthz03 {padding: 1.2rem 0;background: url(../images/yanfa_bg.jpg)no-repeat center bottom ;background-size:cover;}
 .sthz03 .infobox{width:52%;}
 .shili_number{display: flex;flex-wrap: wrap;justify-content: space-between;}
.shili_number .numbox{ border-bottom:3px solid #E5E5E6;padding:0.2rem 0;width:46%;}
.shili_number .numbox .num{font-size:0.72rem;color:#E6000E;font-family:'D-DIN-Regular';font-weight: 600;line-height:1.6;}
.shili_number .numbox .tit{font-size:0.16rem;color:#3d3d3d;}
.sthz03 .sol_swiper{margin-top:.8rem;}
.sthz03 .sol_swiper .imgbox{position: relative;padding-bottom:120%;overflow: hidden;}
.sthz03 .sol_swiper .imgbox img{position: absolute;max-width:100%;max-height:100%;width:auto;top:50%;left:50%;transform: translate(-50%, -50%);}
.jishuyoushibox .sthz03 .swiper-pagination{display:none;}
 /*协同合作*/
.sthz04{padding: 1.2rem 0;}
.sthz04 .nytitbox{text-align:center;justify-content: center}

/* 错位滚动区域 - 双行反向滚动，营造视觉动感 */
.logo-scroll-section { padding-top: .4rem ;overflow: hidden;}
.scroll-container {width: 100%;position: relative;overflow: hidden;}
.marquee-row {width: 100%;overflow: hidden;white-space: nowrap;margin-bottom: .1rem;position: relative;}        
.marquee-track {padding: 0.1rem;display: inline-block;white-space: nowrap !important;animation: scrollRow1 34s linear infinite;}         /* 第二行滚动条 (从右向左滚动 - 反向错位) */        
.marquee-row.reverse {margin-bottom: 0;         }        
.marquee-track.reverse-track {display: inline-block;white-space: nowrap !important;animation: scrollRow2 34s linear infinite;}
.logo-item {display: inline-flex;align-items: center;justify-content: center;margin: 0 .1rem;background: #ffffff;border-radius: .15rem;padding: 0.2rem .2rem;box-shadow: 0 0px 16px 0px rgba(0, 0, 0, 0.08);transition: all 0.2s ease;vertical-align: middle;   } 		
.logo-item {white-space:nowrap !important;}        
.logo-item img {height:60px;width: auto;max-width:240px;object-fit: contain;filter: grayscale(0%) brightness(1);transition: filter 0.2s;}      
/* 针对无图片时的文字占位样式 (确保即便没有真实图片，也有模拟品牌气质) */        
.logo-text {font-weight: 500;font-size: .22rem;letter-spacing: 1px;padding: 0 0.2rem;}        
.logo-item:hover {transform: scale(1.05);  }

/* 定义两个方向相反的滚动动画，达到错位视觉效果 */
@keyframes scrollRow1 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

@keyframes scrollRow2 {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}

/* 为了让滚动平滑无间断，每个轨道内容复制两份实现无缝衔接 */
.marquee-track,.marquee-track.reverse-track { will-change: transform;}

@media (max-width: 780px) {
  
.logo-item img {height: 36px;max-width: 100px;	}
.marquee-row {margin-bottom: .15rem;	}
}

@media (max-width: 480px) {
	.logo-item img {height: 28px;	}
	
}

/* 滚动条可触屏暂停（可选优雅增强） */
@media (prefers-reduced-motion: no-preference) {
	.marquee-track:hover, .marquee-track.reverse-track:hover {animation-play-state: paused;	}
}
 /*生态合作模式*/
.sthz05{padding: 1.2rem 0;background:#F8F9FC}
.sthz05 .nytitbox{text-align:center;justify-content: center}
.sthz05 .itembox li i{display:block;width:18px;}
.sthz05 .itembox li .textbox{padding:.4rem .5rem}
.sthz05 .itembox li .item{background:#fff; box-shadow: 0 15px 35px -10px rgba(0,0,0,0.1);border-radius:.2rem;}
.sthz05 .itembox li .item img{border-radius:.2rem;}
.sthz05 .itembox li .item .tit{font-size:.24rem}
.sthz05 .itembox li .item .info{font-size:.18rem;color:#767676;font-weight:300;}
.sthz05 .itembox li:first-child .labelbox{display:flex; flex-wrap: wrap;}
.sthz05 .itembox li:first-child .labelbox span{width:50%;}
.sthz05 .itembox li .labelbox span{padding:.05rem 0;display:flex;font-size:.18rem; align-items: center;}
.sthz05 .itembox li .labelbox span i{display:flex;margin-right:10px;}
.sthz05 .itembox {padding-top:.65rem;display: flex;flex-wrap: wrap;gap: 24px;list-style: none;margin-top: 20px;display:none;}
.sthz05 .itembox li {flex: 1;min-width: 0;display: flex;}

.sthz05 .sthz05_swiper{padding-top: .65rem;padding-bottom:20px;margin-bottom:-20px;}
.sthz05 .sthz05_swiper .item{background:#fff; box-shadow: 0 15px 35px -10px rgba(0,0,0,0.1);border-radius:.2rem;height:calc(100% - 30px);margin:0 0 30px;}
.sthz05 .sthz05_swiper .item img{border-radius:.2rem;}
.sthz05 .sthz05_swiper .item .tit{font-size:.24rem}
.sthz05 .sthz05_swiper .item .info{font-size:.18rem;color:#767676;font-weight:300;}
.sthz05 .sthz05_swiper .textbox{padding:.4rem .5rem}
.sthz05 .sthz05_swiper .labelbox{margin-top:10px;}
.sthz05 .sthz05_swiper .labelbox span{padding:.05rem 0;display:flex;font-size:.18rem; align-items: center;}
.sthz05 .sthz05_swiper i{display:block;width:18px;}
.sthz05 .sthz05_swiper .labelbox span i{display:flex;margin-right:10px;}
.sthz05 .sthz05_swiper .swiper-slide{height:auto;}
.sthz05 .sthz05_swiper .swiper-slide:first-child .labelbox{display:flex; flex-wrap: wrap;}
.sthz05 .sthz05_swiper .swiper-slide:first-child .labelbox span{width:50%;}
.sthz05 .sthz05_swiper .swiper-pagination{display: flex;justify-content: center;align-items: center;width: 100%;bottom:0px;}
.sthz05 .sthz05_swiper .swiper-pagination span,.jishuyoushibox .sthz03 .swiper-pagination span{margin: 0 6px; width: 0.2rem;  height: 0.2rem;  background-image: url(../images/pagin_icon.svg);  background-repeat: no-repeat;  background-position: center;  background-size: 80% auto; background-color: transparent;}
.sthz05 .sthz05_swiper .swiper-pagination span.swiper-pagination-bullet-active,.jishuyoushibox .sthz03 .swiper-pagination span.swiper-pagination-bullet-active{background-image: url(../images/pagin_iconon.svg);}



@media (max-width: 1100px){

.itembox {gap: 20px;}
}

@media(max-width:1840px){
	

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


}
@media(max-width:1460px){
.jishuyoushibox .jishu04 .sollist .item .textbox .tit {font-size: 20px;}
.jishuyoushibox .jishu04 .sollist .item .info{font-size:16px;line-height: 1.75;}
.jishuyoushibox .jishu04 .sollist .item { padding: 0.3rem 0;}
.shili_number .numbox .tit,.shili_number .numbox .tit,.jishuyoushibox .jishu03 .info{font-size:14px;}
.sthz03 .nytitbox li{font-size:16px;}
.nytit p{font-size: 16px;margin-top:10px;}
.sthz03 .nytitbox li span,.sthz05 .itembox li .item .tit{font-size:18px;}
.sthz05 .itembox li .item .info,.sthz05 .itembox li .labelbox span{font-size:16px;}
.jishuyoushibox .jishu03 .sol_swiper .item img{width:32px;}
.sthz05 .sthz05_swiper .item .tit{font-size:20px;}
.sthz05 .sthz05_swiper .item .info,.sthz05 .sthz05_swiper .labelbox span{font-size:16px;}


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

.jishuyoushibox .jishu04 .sollist .item .textbox .tit{font-size:18px;}
.jishuyoushibox .jishu04 .sollist .item .info{font-size: 16px;}
.jishuyoushibox .jishu04 .sollist .item .icon { width: 12px;}
.jishuyoushibox .jishu04 .sollist .item{padding:20px 0;}

.sthz05 .itembox li { display:block;flex:auto; width:calc(50% - 12px); }
.sthz05 .itembox li .item{height:100%;}
.imgbox .item_img.active-img{padding-bottom: 50vw;}
.jishuyoushibox .jishu03 .scolcont,.jishuyoushibox .jishu04 .scolcont,.sthz02 .container,.sthz03 .topbox{display:block;}
.jishuyoushibox .jishu03 .imgbox,.jishuyoushibox .jishu03 .sollistbox,.jishuyoushibox .jishu04 .sollistbox,.jishuyoushibox .jishu04 .imgbox,.sthz02 .imgbox,.sthz02 .infobox,.sthz03 .nytitbox,.sthz03 .infobox{width:100%;}   
.jishuyoushibox .jishu03 .info{font-size: 12px;}
.sthz02 .infobox,.jishuyoushibox .jishu04 .imgbox{margin-top:.6rem;}
.sthz01 .dot{width:16px;height:16px;}
.sthz01 .carousel-slide{height:60vw;}
.logo-scroll-section{padding-top:30px;}
.sthz05 .itembox{padding-top: 20px;}
.sthz05 .itembox .labelbox{margin-top:10px;}
.sthz05 .itembox li .labelbox span i{width:14px;}
.sthz05 .itembox li .item .tit{font-size:16px;margin-bottom:5px;}
.sthz05 .itembox li .item .info,.sthz05 .itembox li .labelbox span,.jishuyoushibox .jishu03 .sub_info{font-size:14px;}
.sthz04 .nytit p{padding:0 60px;}
.jishuyoushibox .jishu03 .imgbox{height:40vw;}
.jishuyoushibox .jishu03 .tit{font-size:20px;}
.jishuyoushibox .jishu03 .sol_swiper .item img{width:24px;}
.jishuyoushibox .jishu03 .sub_tit{font-size:18px;}
.jishuyoushibox .jishu03 .sub_info{line-height:1.4;}
.jishuyoushibox .jishu03 .sollistbox{margin-top:30px;}
.jishuyoushibox .jishu03 .info{margin-top:10px;margin-bottom:15px;}
.jishuyoushibox .jishu03 .sol_swiper .item .icon{margin-top:5px;}
.jishuyoushibox .jishu03 .textbox{margin-left:10px;}
.jishu01.sol06 .sol_swiper .item .info .tit{font-size:18px;}
.sthz05 .sthz05_swiper .item .tit{font-size:18px;}
.sthz05 .sthz05_swiper .item .info,.sthz05 .sthz05_swiper .labelbox span{font-size:14px;}
.sthz05 .sthz05_swiper i{width:14px;}
.sthz05 .sthz05_swiper .swiper-pagination span{margin: 0px 3px;width: 16px;height: 16px;}
.marquee-track{padding:6px;}
.logo-item{padding:10px;margin:0 5px;}
.jishuyoushibox .sthz03 .swiper-pagination{display: flex;justify-content: center;align-items: center;width: 100%;bottom:0px;}
.jishu03 .sol_swiper .swiper-pagination,.jishu03 .sol_swiper .swiper-pagination span{font-size:24px;}
.jishu03 .sol_swiper .swiper-pagination span.dangqian{font-size: 32px;}
.jishuyoushibox .jishu03 .sol_swiper{padding-bottom:30px;}




}
@media (max-width: 1000px) {
.itembox {gap: 20px;	}
}

@media(max-width:600px){
.nytit p{font-size: 14px;margin-top:10px;}
.sthz04 .nytit p{padding:0 20px;}
.nytit p br{display:none;}
.jishuyoushibox .jishu04 .sollist .item .info,.shili_number .numbox .tit,.jishuyoushibox .jishu03 .sub_info{font-size:12px;}
.jishuyoushibox .jishu03 .info{font-size: 12px;}
.sthz03 .nytitbox li{font-size:12px;}
.jishuyoushibox .jishu04 .sollist .item .textbox .tit{font-size: 16px;}
.sthz01{padding-top:50px;}
.jishuyoushibox .jishu04{padding-bottom:50px;}
.jishuyoushibox .jishu04 .sollist .item .icon { width: 8px;}
.sthz01 .dot{width:12px;height:12px;}
.logo-scroll-section{padding-top:25px;}
.sthz03 .nytit{margin-bottom:7px;}
.sthz03 .nytitbox li{font-size:14px;}
.sthz03 .nytitbox li span{font-size:14px;}
.sthz05 .itembox {padding-top:0px;}
.sthz05 .itembox li .labelbox span i{width:10px;}
.sthz05 .itembox li .item .info,.sthz05 .itembox li .labelbox span{font-size:12px;}
.sthz05 .itembox li {min-width:100%;}
.sthz05 .itembox li .textbox{padding:20px 20px;}
.shili_number .numbox .num{font-size:24px;}
.jishuyoushibox .jishu03 .tit{font-size:16px;}
.jishuyoushibox .jishu03 .sol_swiper .item{margin-top:10px;}
.jishuyoushibox .jishu03 .sol_swiper .item img{width:20px;}
.jishuyoushibox .jishu03 .sub_tit{font-size:16px;}
.jishuyoushibox .jishu03 .sollistbox{margin-top:20px;}

.jishuyoushibox .jishu03,.jishu02,.sol06{padding:50px 0;}
.jishuyoushibox .jishu04 .imgbox{margin-top:30px;}
.jishu01.sol06 .sol_swiper .item .info .tit{font-size:14px;}
.jishu01 .nytit{margin-right:20px;width:calc(100% - 90px);}
.case_show .ar_title{font-size:20px;}

.caseshow02{margin-top:50px;}
.jishuyoushibox .jishu03 .nytit{width:calc(100% - 90px);}
.sthz05 .sthz05_swiper .textbox{padding:20px 15px;}
.sthz05 .sthz05_swiper .item .tit{font-size:16px;}
.sthz05 .sthz05_swiper .item .info,.sthz05 .sthz05_swiper .labelbox span{font-size:12px;}
.sthz05 .sthz05_swiper i{width:10px;}
.sthz05 .sthz05_swiper .labelbox span{padding:3px 0;}
.sthz02,.sthz03,.sthz04,.sthz05{padding:50px 0;}
.jishu03 .sol_swiper .swiper-pagination,.jishu03 .sol_swiper .swiper-pagination span{font-size:16px;}
.jishu03 .sol_swiper .swiper-pagination span.dangqian{font-size:20px;}
.jishuyoushibox .jishu03 .sol_swiper{padding-bottom:20px;}


}