/*banner*/
.banner{width: 100%;}
.bannerbut{display: none;}
.banner_text{transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
  visibility: hidden;opacity: 0; 
  /*-webkit-transform: translateX(20%); -moz-transform: translateX(20%);-o-transform: translateX(20%);-ms-transform: translateX(20%);transform: translateX(20%);*/
  transform: translate(20%,-50%); -webkit-transform: translate(20%,-50%);-ms-transform: translate(20%,-50%);-moz-transform: translate(20%,-50%);-o-transform: translate(20%,-50%);
}
.banner .swiper-slide-active .banner_text{
  visibility: visible;opacity: 1;
  /*-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);*/
  transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);
}
.banner_text{z-index: 2; width: 100%; position:absolute; left:0; top:50%;}
.banner_text h3{ width: 45%;line-height: 1.2em;max-height: 2.4em; display: -webkit-box;overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.banner_text p{  width: 45%;margin: 0.3rem 0 0; line-height: 1.6em;max-height: 3.2em; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.banner_text .more{margin-top: 0.6rem;}
.banner{position: relative;overflow: hidden; background: #D2DFFA;}
.banner li{position: relative;overflow: hidden;transform:scale(1.01,1.01); margin-left: 1px;}
.banner li .v_box{width: 100%;}
.banner li video{width:100%;height: 100%; object-fit: cover;}
.banner_scale{position: relative;height: 100%; overflow: hidden;}
.banner_scale .v_box{overflow: hidden;}
.banner li>a{display: block;position: relative;height: 100%; color: #000!important;}
.banner .swiper-pagination{width: 100%;bottom:5%;}
.banner .swiper-pagination-bullet{width: 0.4rem;height: 4px;opacity:0.3 !important;background: none;margin:0 3px;background:#fff;border-radius: 3px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.banner .swiper-pagination-bullet-active{opacity:1 !important;width: 0.8rem;}

@media only screen and (max-width:1366px){
  .banner_text .more{margin-top: 0.3rem;}
}
@media only screen and (max-width:1279px){ 
  .banner_text .more{margin-top: 0.15rem;}
}

.banner_scale .phone_banner{ display: none;}
@media only screen and (max-width:767px){
  .banner,.banner li{ height: auto!important;}
  .banner{position: relative; min-height: 2rem; z-index: 9; box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); background: #fff;}
  .banner_scale .v_box{ display: none;}
  .banner_scale .phone_banner{ display: block;}
  .banner_text{position: static; opacity: 1; visibility: visible; padding: 0.5rem 0;transform: translate(0,0)!important; -webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;-moz-transform: translate(0,0)!important;-o-transform: translate(0,0)!important;}
  .banner .swiper-slide-active .banner_text{transform: translate(0,0)!important; -webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;-moz-transform: translate(0,0)!important;-o-transform: translate(0,0)!important;}
  .banner li{margin-left: 0;}
  .banner_text h3{font-size: 18px;width: 100%;}
  .banner_text p{ width: 100%;font-size: 14px; color: #666; min-height: 3em;}
  .banner_text p br{ display:none;}
  .banner .swiper-pagination{bottom:2%;}
  .banner .swiper-pagination-bullet{background: #0052D5;}
}

.index_00{background: linear-gradient(to bottom,#D7E1FF 0%, #EBF2FF 100%);}
.index_00 li{ float: left; width: 33.33%; text-align: center;padding: 0.1rem 0;}
.index_00 li h3{font-weight: bold;}
.index_00 li p{ color: #666;}

.public_tab{justify-content: center;display: flex;position: relative;z-index: 5;}
.public_tab::before{content: "";position: absolute; lefT:0; bottom:0; width: 100%; height: 0.01rem; background: #C5C5C5;}
.public_tab .swiper-container{justify-content: center;}
.public_tab li{float: left; cursor: pointer; width: auto;color: #000; margin: 0 0.4rem;}
.public_tab li span{display: block;height: 0.6rem;line-height: 0.6rem;padding: 0 0.4rem;border-bottom: 0.03rem solid transparent;}
.public_tab li span::before{content: "";position: absolute;bottom:0;left: 50%;bottom: 0;width: 0; height: 0.03rem;background: #ec1b34;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.public_tab li.on{font-weight: bold; }
.public_tab li.on span::before{left: 0;width: 100%;}
@media only screen and (max-width:1024px) {
.public_tab li{margin: 0 0.1rem;}
.public_tab li span{padding: 0 0.2rem;}
}
@media only screen and (max-width:767px) {
.public_tab li{margin: 0 10px;}
.public_tab li span{padding: 0 10px;}
}


.index_title{text-align: center; margin-bottom:2%;}
.index_title h2{line-height: 1.2em; font-weight: bold;}
.index_title h3{line-height: 1.2em; margin-top: 0.2rem; display: inline-block; text-align: left;}
.index_title p{margin-top: 0.2rem; line-height: 1.8; color: #595959; display: inline-block; text-align: left;}
.index_title a.more{margin: 0.3rem auto;}

.index_01{padding: 1.25rem 0 1rem;overflow: hidden;}
.box_pro .public_tab .swiper-container{ text-align: center;}
.box_pro .public_tab .swiper-container ul{ display: inline-block;}
.box_pro .public_tab .swiper-container ul li{ float: none; display: inline-block; margin: 0 0.2rem;}
.pro_con{min-height: 5.2rem; position: relative; padding: 1rem 0 0;}
.pro_con_item{opacity: 0; visibility: hidden; height: 0; overflow: hidden;}
.pro_con_item.on{ opacity: 1; visibility: visible; height: auto;}
.pro_con_item .img{position: absolute; right:0; top:0; width: 42.96%;}
.pro_con_item .img img{ width: 100%;}
.pro_con_item ul{width: 65%;}
.pro_con_item li{ float: left; width: 33.33%; padding-right:3%; margin-bottom: 0.5rem;}
.pro_con_item li:nth-child(3n+1){clear: both;}
.pro_con_item li dt{ float: left; width: 0.48rem; height: 0.48rem; margin-right: 0.15rem;}
.pro_con_item li dt img{width: 100%;}
.pro_con_item li dd{ float: right; width: calc(100% - 0.65rem);}
.pro_con_item li dd h4{font-weight: bold;}
.pro_con_item li dd p{color: #595959; margin-top: 0.05rem;}

.box_solu{margin:6.5% 0 0;}
.box_solu .box_scon{background: #fff; padding: 0.5rem; border-radius: 0.1rem; overflow: hidden;}
.box_scon .ll{ float: left; width: 58%; border-radius: 0.15rem; overflow: hidden;}
.box_scon .rr{ float: right; width: 40%; border-radius: 0.15rem; overflow: hidden;}
.box_scon .ll .inner{padding: 0.55rem;}
.box_scon .rr .inner{padding: 0.55rem 0.35rem;}
.box_scon .ll h2,.box_scon .rr h2{padding-bottom: 0.25rem; position: relative; font-weight: bold;}
.box_scon .ll h2::before,.box_scon .rr h2::before{content: ""; position: absolute; left:0; bottom:0; width: 0.48rem; height: 0.02rem; background: #EC1B34;}
.box_scon .ll p,.box_scon .rr p{color:#595959; margin-top:0.2rem; width: 60%;}
.box_scon .ll ul{margin-top: 0.5rem; width: 60%;}
.box_scon .ll li{ float: left; width:50%; padding-right: 5%; margin-bottom: 0.1rem; font-weight: bold; position: relative; padding-left: 0.15rem;}
.box_scon .ll li::before{content: "";position: absolute; lefT:0; top:50%; margin-top: -2px; width:4px; height: 4px; background: #E13639; border-radius: 100%;}
.box_scon .rr p{ width: 100%; /*max-height:6em; overflow: hidden;*/}
.box_scon .rr li{padding:0.2rem 0.3rem; background: #fff; border-radius: 0.1rem; margin-top: 0.2rem;}
.box_scon .rr li h3{ font-weight: bold; position: relative; padding-left: 0.15rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box_scon .rr li h3:before{content: "";position: absolute; lefT:0; top:50%; margin-top: -2px; width:4px; height: 4px; background: #E13639; border-radius: 100%;}
.box_scon .rr li p{margin-top: 0.15rem;width:100%;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}

.banner_scale img{width: 100%;height: 100%;object-fit: cover;}
.index_02{padding: 1rem 0;}
.index_02 ul{padding-top: 0.2rem;}
.index_02 li{ float: left; width: 25%; height: 2.9rem; border-right: 1px solid #A3B4C9; padding: 0 0.5rem;}
.index_02 li:last-child{border-right: none;}
.index_02 li h3{font-weight: bold; color: #0052D5; line-height: 1;}
.index_02 li p{margin-top: 0.3rem; line-height: 1.8; color: #595959;}

.index_03{ position: relative;padding: 0.75rem 0 1.2rem 0; height: 100%!important;}
.index_03 .index_title,.case_con{position: relative; z-index: 2; color: #fff;}
.index_03 .public_tab li{margin: 0 0.1rem; color: #fff;}
.index_03 .public_tab li.on span{border-color: #fff;}
.index_03 .case_bg{position: absolute;left: 0; top:0; width: 100%; height: 100%!important;}
.index_03 .case_bg ul{ width: 100%; height: 100%;}
.index_03 .case_bg li{opacity: 0; visibility: hidden; height: 0;}
.index_03 .case_bg li.on{ opacity: 1; visibility: visible; height: 100%;}
.index_03 .case_bg li.on img{ display: none;}
.case_con{padding: 0.7rem 0 0;}
.case_con_item{opacity: 0; visibility: hidden; height: 0; overflow: hidden;}
.case_con_item.on{ opacity: 1; visibility: visible; height: auto;}
.case_con_item h2{font-weight: bold; height: 1.5em; overflow: hidden;}
.case_con_item p{margin: 0.2rem 0 0.5rem;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.case_con_item ul{ display: inline-block; margin: 0.65rem 0 0; border-radius: 0.03rem; overflow: hidden;}
.case_con_item li{ float: left; width: 2.27rem; height: 1.04rem; background: rgba(255, 255, 255, 0.5);}
.case_con_item li span{ display: block;}
.case_con_item li span+span{ display: none;}
.case_con_item li.on{background: #fff;}
.case_con_item li.on span{ display: none;}
.case_con_item li.on span+span{display: block;}
.case_con_item_txt .case_con_item_txt_item{ display: none;}
.case_con_item_txt .case_con_item_txt_item.on{ display: block;}
.case_con_item_txt .case_con_item_txt_item .more{background: none; position: relative; padding: 0 15px 0 0;}
.case_con_item_txt .case_con_item_txt_item .more::after{content: ">"; position: absolute; right:0;top:0;}

.index_04{padding: 1rem 0;}
.index_04 ul{margin: 0 -1.5%;}
.index_04 li{ float: left; width: 30.33%; margin: 0 1.5%;border-radius: 0.15rem; background: #fff; overflow: hidden;}
.index_04 li dd{padding:0.3rem 0.4rem;}
.index_04 li dd span{ display: block; color: #000; font-family: Arial, Helvetica, sans-serif;}
.index_04 li dd h2{font-weight: bold; margin-top: 0.05rem;}
.index_04 li dd p{margin-top: 0.15rem; color: #595959;}
.index_04 li dd em{ display: block; margin-top: 0.15rem;}
.index_04 a.more{ margin: 0.5rem auto 0;}

.index_05{padding: 1rem 0; background: linear-gradient(to bottom,#F9FBFF 0%, #F9FBFF 80%, #E2EDFE 100%)}
.index_05 .public_tab .swiper-container{ text-align: center;}
.index_05 .public_tab ul{ display: inline-block;}
.index_05 .public_tab li{ float: none; display: inline-block; margin: 0 0.1rem;}
.index_05 .public_tab li span{padding: 0 0.2rem;}
.coop_con{padding: 0.7rem 0 0; position: relative;}
.coop_con::before{content: ""; position: absolute; left:0; top:0; width: 18%; height: 100%; z-index: 2; background: linear-gradient(to right,#fff 0%, transparent 100%);}
.coop_con::after{content: ""; position: absolute; right:0; top:0; width: 18%; height: 100%; z-index: 2; background: linear-gradient(to right,transparent 0%, #fff 100%)}
.coop_con_item{opacity: 0; visibility: hidden; height: 0; overflow: hidden;}
.coop_con_item.on{ opacity: 1; visibility: visible; height: auto;}

.slider-container {overflow: hidden; padding: 5px 0;}
.slider-row { margin-bottom: 0.5rem;
  display: flex; /* 使用flex布局 */
  animation: slide 20s linear infinite; /* 应用动画 */
}
/* 第一行从左往右滑动 */
.slider-row:first-child {
  justify-content: flex-start; /* 对齐方式为开始 */
}
/* 第二行从右往左滑动 */
.slider-row:last-child { margin-bottom: 0;
  /*justify-content: flex-end;*/ /* 对齐方式为结束 */
  animation-direction: reverse; /* 反向播放动画 */
}

.slider-row.noani{animation:none;justify-content: center;}
.slider-row.ani2{animation:slide2 5s linear infinite;;}
.slider-row.ani2:last-child { margin-bottom: 0;
  /*justify-content: flex-end;*/ /* 对齐方式为结束 */
  animation-direction: reverse; /* 反向播放动画 */
}
@keyframes slide {
  from { transform: translateX(0); } /* 初始位置 */
  to { transform: translateX(-100%); } /* 最终位置 */
}
@keyframes slide2 {
  from { transform: translateX(0); } /* 初始位置 */
  to { transform: translateX(20%); } /* 最终位置 */
}
.slider-row img{vertical-align: middle; margin-right: 0.2rem; width: 2.1rem; height: 1rem; padding: 0.25rem 0.37rem;  background: #fff;border-radius: 0.1rem;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);}
.index_05 .more{ margin: 0.5rem auto 0;}

.public_tab li span,.pro_con_item,.case_con_item,.case_con_item li,.case_con_item li span,.index_04 li,.index_00 li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media only screen and (min-width:1025px){
  .case_con_item li:hover{background: #fff;}
  .case_con_item li:hover span{ display: none;}
  .case_con_item li:hover span+span{display: block;}
  .public_tab li:hover span::before{left: 0;width: 100%;}
  .index_00 li:hover{background: rgba(255, 255, 255, 0.8);}
  .index_04 li:hover{box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);-webkit-transform: translateY(-0.1rem); -moz-transform: translateY(-0.1rem);-o-transform: translateY(-0.1rem);-ms-transform: translateY(-0.1rem);transform: translateY(-0.1rem);}
}


@media only screen and (max-width:1599px){
.index_03 .public_tab li span{padding: 0 0.3rem;}
}
@media only screen and (max-width:1365px){
.box_scon .ll .inner,.box_scon .rr .inner{padding: 0.3rem 0.5rem;}
.box_scon .rr li{margin-top: 0.1rem;}
}

@media only screen and (max-width:1279px){
.box_pro .public_tab .swiper-container ul li span{padding: 0 0.2rem;}
.index_05 .public_tab li span{padding: 0;}
.box_scon .ll,.box_scon .rr{width: 100%; height: auto!important;}
.box_scon .rr{margin-top: 5%;}
.index_03 .public_tab li span{padding: 0 0.15rem;}
}
@media only screen and (max-width:1024px){
  .pro_con_item ul{ width: 100%;}
  .pro_con_item .img{top:auto; bottom:-1rem;}
  .index_02 li{ width: 100%; height: auto;padding: 0.3rem 0; border: none; border-bottom: 1px solid #A3B4C9;}
  .index_03,.index_03 .case_bg{ height: 8rem!important;}
  .index_03 .case_bg li img{ display: none;}
  .index_03 .case_bg ul{ position: absolute; lefT:0; top:0; width: 100%; height: 100%;}
  .index_03 .case_bg li.on{ height: 100%;}
}

.box_solu .ph_more{ display: none;}
@media only screen and (max-width:767px){
  .banner_scale img{width: 100%;height:auto;object-fit:unset;}
  .index_00{padding:0.3rem 0;}
  .index_00 li{ width: 100%; margin-bottom: 5%; text-align: left; margin-bottom: 0.2rem; border-radius: 0.1rem; padding: 0.3rem; background: #fff;}
  .index_00 li:last-child{margin-bottom: 0;}
  .index_00 li p{color: #666;}
  .index_01,.index_02,.index_04,.index_05{padding: 0.5rem 0;}
  .pro_con{min-height: auto; padding: 0.5rem 0 0;}
  .pro_con_item li{ width: 100%; padding-right: 0; margin-bottom:0.3rem;}
  .pro_con_item li:nth-child(n+6){display: none;}
  .pro_con_item .img{display: none;}
  .pro_con_item .more{margin: 0 auto;}
  .box_solu{margin-top: 8%;}
  .box_solu .box_scon,.box_scon .ll .inner,.box_scon .rr .inner,.index_04 li dd{padding: 5%;}
  .box_scon .ll p, .box_scon .rr p,.box_scon .ll ul,.box_scon .ll li{ width: 100%;}
  .box_scon .rr li{margin-top: 0.2rem;}
  .index_02 .index_title p{text-align: left;}
  .index_02 .index_title p br{ display: none;}
  .index_03, .index_03 .case_bg{ height: 540px!important;}
  .index_03 .public_tab li span{padding: 0 0.1rem;}
  .index_04 ul{margin: 0;}
  .index_04 li{ width: 100%; margin: 0 0 3%;}
  .index_04 li dd h2{max-height: auto; height: auto;}
  .index_04 a.more{margin-top: 10px;}
  .index_05 .public_tab .swiper-container{ text-align: unset;}
  .index_05 .public_tab ul{ display: flex;}
  .index_05 .public_tab li{ float: left;}
  .box_pro .public_tab .swiper-container{ text-align: unset;}
  .box_pro .public_tab .swiper-container ul{ display:flex;}
  .box_pro .public_tab .swiper-container ul li{ float: left;}
  .coop_con{padding-top: 0.5rem;}
  .slider-row{margin-bottom: 0.2rem;}
  .slider-row img{ width: 2.55rem; height: 1.35rem;}


  .pro_con_item li dt{width: 44px; height: 44px; margin-right: 10px;}
  .pro_con_item li dd{width: calc(100% - 54px);}
  .box_solu .index_title a.more{ display: none;}
  .box_solu .ph_more{ display: inline-block; margin: 0.3rem auto 0;}
}


/*20251113修改底部生态合作*/
.marquee-container {white-space: nowrap;width: 100%; margin-bottom:2%; padding:5px 0;font-size: 0;}
.marquee-container.right{margin-bottom: 0;}
.marquee-wrap {display: inline-block;}
.marquee-item {display: inline-block;width: 210px;height: 100px; margin: 0 10px; border: 40px solid #fff;border-top-width: 20px;border-bottom-width: 20px; border-radius:10px;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);background: no-repeat center/contain #fff;}