/*首页*/
.banner{position: relative;}
.banner_bg{position: absolute; lefT:0; bottom:-2px; z-index: 10; width: 100%; height: 47px; background: url(../images/bannerbg.png) center bottom no-repeat; background-size: 100%;}
.banner .swiper-container{width: 100%;}
.banner .swiper-slide{position: relative; width:100%;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color: #fff; position: absolute; z-index: 2;}
.banner .txt.l-t{left:1.5%; top:25%; width: 92%;}
.banner .txt.r-b{right:7.3%; bottom:15%; width: 85%; text-align: right;}
.banner .txt h3,.banner .txt h2{ font-size: 0.4rem; font-weight: bold; line-height: 1.2; max-height: 4.8em; overflow: hidden;}
.banner .txt h2{ margin-top: 2%;}

.banner .swiper-pagination{bottom:5%;}
.banner .swiper-pagination-bullet{opacity: 1; background: #CFD4D9; width:12px; height:12px;}
.banner .swiper-pagination-bullet-active{background: #EF8200;}

.tit{text-align: center; margin-bottom: 0.7rem;}
.tit span{ display: block;}

.index-part01{position: relative; background: #FFFFFF;}
.index-part01 .con{position: absolute; z-index: 2; left:3.8%; top:4%; width:92%;}
.index-part01 .con h2{ color: #004190; font-weight: bold; line-height: 1.15; max-height: 2.3em; overflow: hidden;}
.index-part01 .con .c{margin-top: 1%; max-height: 6em; overflow: hidden;}
.index-part01 .con a.more{margin-top:3%;}

.index-part02{position: relative; z-index: 2; margin-top: -0.8rem;}
.index-part02 .con{ text-align: center; width: 100%; padding: 0 5%;}
.index-part02 h2{color: #004190; font-weight: bold;line-height: 1.15;}
.index-part02 .c{margin-top: 2.5%;}
.index-part02 .c p{margin-bottom: 2%;}
.index-part02 .c p:last-child{margin-bottom: 0;}
.index-part02 a.more{margin-top: 3%;}
.index-part02 .numbox{position: relative; z-index: 2; max-width: 100%; margin: 4% auto 0; padding:3.5% 5%; height: 2.84rem;color: #fff; background: #004190;}
.index-part02 .numbox li{ float: left; width: 25%; padding: 0 2%; text-align: center;}
.index-part02 .numbox li h3{line-height: 1.2;}
.index-part02 .numbox li h3 em{vertical-align: top; position: relative; top:-5px;}
.index-part02 .video-box{position: relative; z-index:1; margin-top: -1.17rem; background: #000;}
.index-part02 .video-box video{width: 100%; height: 100%;}
.index-part02 .video-box .con{ z-index: 2;}
.index-part02 .video-box .con h2{color: #fff; line-height: 1.2; font-weight: bold; text-align: center;}
.index-part02 .video-box .con .more{margin-top: 5%;}
.index-part02 .video-box .con span{ display: none; color: #fff;}

.index-part03{padding: 6% 3.8% 7%;}
.index-part03 h2{color: #004190; font-weight: bold;line-height: 1.2;}
.index-part03 .c{margin-top:2%;}
.index-part03 .his-box{position: relative; margin-top: 6%; height: 1.4rem;}
.index-part03 .his-box .swiper-button-prev,.index-part03 .his-box .swiper-button-next{ left:0; top:auto; margin-top: 0; bottom:0;
width: 0.54rem; height: 0.54rem; line-height: 0.54rem; font-weight: bold; text-align: center; border-radius: 100%; background: #fff;}
.index-part03 .his-box .swiper-button-next{left:auto; right:0;}
.index-part03 .his-box .swiper-container{ width: calc(100% - 1.6rem); height: 100%; margin: 0 auto;}
.index-part03 .his-box .swiper-container::before{content: ""; position: absolute; left:10px; bottom:0.25rem; width: 100%; height: 1px; background: #A8BDD7;}
.index-part03 .his-box li{ cursor: pointer;text-align: center; position: relative;}
.index-part03 .his-box li span{ display: block; font-weight: bold; line-height: 1.1; /*height: 1.1em; overflow: hidden;*/ margin-top: 0.5rem; color: #004190;}
.index-part03 .his-box li.on{text-align: left;}
.index-part03 .his-box li.on span{font-size: 0.3rem; margin-top: 0;}
.index-part03 .his-box li em{position: absolute; left:50%; bottom:0.15rem; margin-left: -0.1rem; width: 0.2rem; height: 0.2rem; border: 0.05rem solid #fff; border-radius: 100%; background: #004190;}
.index-part03 .his-box li.on em{left:0; margin-left: 0.1rem; background: #fff; border-color:#FD9101; box-shadow: 0 0 0.08rem 0.08rem rgba(239,130,0,0.15);}
.index-part03 .his-box li::before{opacity: 0; content: ""; position: absolute; lefT:0.11rem; bottom:0.22rem; width:100%; height: 0.06rem; background: #FD9101;}
.index-part03 .his-box li.on::before{opacity: 1;}

.index-part03 .his-con{max-width:920px; width: 55.42%; margin: 5% auto 0; background: url(../images/index_bg03.jpg) left top no-repeat #fff; background-size:cover;background-position: center; }
.index-part03 .his-con dl{position: relative;}
.index-part03 .his-con dt{ padding: 6% 7% 8%; float: left; width:72%; color: #fff;}
.index-part03 .his-con dt p{height:6em; overflow: hidden;}
.index-part03 .his-con dd{ position: absolute; right:0; bottom:5%; float: right; padding: 5% 4% 0 0; width: 25%; text-align: right; color: #004190;}
.index-part03 .his-con dd h3{line-height: 1.1; font-weight: bold; font-size: 0.3rem;overflow: hidden;}
.index-part03 .his-con dd span{ display: block; margin-top: 5%; font-size: 0.16rem; font-weight: bold;}

.index-part04{padding:5% 0 0; background: #fff;}
.index-part04 h2{ text-align: center;line-height: 1.2;color: #004190; font-weight: bold;}
.index-part04 .swbox{position: relative; margin-top: 2%;}
.index-part04 .swbox .swiper-container{ height: 100%;}
.index-part04 .swbox li{width:20.89%; margin: 0 1px; color:#fff;}
.index-part04 .swbox li .txt{position: absolute; left:0.5rem; bottom:0.6rem; transform: translateY(0.2rem);}
.index-part04 .swbox li .txt h3{line-height: 1.2; font-weight: bold;}
.index-part04 .swbox li .txt p{ max-height: 40px; line-height: 20px; margin-top:5%; opacity: 0; visibility: hidden;}
.index-part04 .swbox li.on{width: 58.22%;}
.index-part04 .swbox li.on .txt{transform: translateY(0);}
.index-part04 .swbox li.on .txt p{opacity: 1; visibility: visible;}
.index-part04 .swbox .swiper-button-prev,.index-part04 .swbox .swiper-button-next{ display: none; left:0; top:auto; margin-top: 0; bottom:0;
   width: 0.54rem; height: 0.54rem; line-height: 0.54rem; font-weight: bold; text-align: center; border-radius: 100%; background: #fff;}
.index-part04 .swbox .swiper-button-next{left:auto; right:0;}

.index-part05{padding:5% 0 7%; background: #fff;}
.index-part05 h2{line-height: 1.2; color: #004190; font-weight: bold;}
.index-part05 ul{margin: 3% -1.5% 0;}
.index-part05 li{ float: left; width: 30.33%; margin: 0 1.5%;}
.index-part05 li dd{position: relative; font-weight: bold; padding: 5% 5% 8%; background: #fff; box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.index-part05 li dd span{ display: block; height: 1.2em; overflow: hidden;}
.index-part05 li dd h3{ width: 80%; margin-top: 8%; font-weight: bold; line-height: 1.2; height: 3.6em; max-height: 3.6em; overflow: hidden;}
.index-part05 li dd i{position: absolute; right:20%; bottom:12%;}
.index-part05 li a:hover dd span{color: #000;}

.index-part06{padding:4% 0; color: #fff; display: none;}
.index-part06 dl{padding: 0 5%;}
.index-part06 dt{ float: left; width: 60%;}
.index-part06 dt h2{line-height:1.2;}
.index-part06 dt p{margin-top: 3%;}
.index-part06 dd{ float: left; margin-left: 5%;}
.index-part06 dd .more{ margin-top:1.2rem; height: 0.5rem; line-height: 0.5rem; color: #000!important; background: #fff;}

@media only screen and (max-width: 1599px) {
.index-part03 .his-con{width:80%;}
.index-part02 .numbox li:last-child p{width: 110%;}
}
@media only screen and (max-width: 1279px) {
.index-part02 .numbox{padding: 2% 5%;}
}
@media only screen and (max-width: 1024px) {
.index-part04 .swbox .swiper-button-prev,.index-part04 .swbox .swiper-button-next{ display: block; left:10px; bottom:auto; top:50%; margin-top: -0.27rem;}
.index-part04 .swbox .swiper-button-next{left:auto; right:10px;}
.index-part04 .swbox li .txt p{opacity: 1; visibility: visible;}
.index-part02 .numbox li:last-child p{width: 100%;}
}
@media only screen and (max-width: 1023px) {
.index-part01 .con{width: 94%; position: static; margin: 0 3% 5%;}
.index-part02{margin-top: 0;}
.index-part02 .con{padding: 0;}
.index-part03{padding-left: 0; padding-right: 0;}
.index-part03 .his-con{width:100%;}
.index-part06 dl{padding: 0;}
.index-part03 .his-con dd h3{font-size: 0.48rem;}
.index-part03 .his-con dd span{font-size: 0.24rem;}
}
@media only screen and (max-width: 767px) {
.banner .txt h3,.banner .txt h2{font-size: 0.6rem;}
.index-part01 .con .c p br{ display: none;}
.index-part02 .numbox{max-width: 100%; width: 100%; height: auto;}
.index-part02 .numbox li{ width: 50%; margin-bottom: 2%;}
.index-part02 .numbox li:nth-child(2n+1){ clear: both;}
.index-part02 .numbox li h3 em{top:0;}
.index-part02 .numbox li p{line-height: 20px;}
.index-part02 .video-box{margin-top: 5%;}
.index-part02 .video-box video{ display: none;}
.index-part02 .video-box .con span{ display: block; margin-top: 5%;}
.index-part03 .his-con{ background: #004190;}
.index-part03 .his-con dt{ padding: 5%; width: 100%;}
.index-part03 .his-con dd{position: static;color: #fff; padding:0 5% 5%; width: 100%;}
.index-part03 .his-con dd h3{font-size: 16px;}
.index-part03 .his-con dd span{font-size: 12px;}
.index-part03 .his-box .swiper-container{ width: calc(100% - 80px);}
.index-part03 .his-box .swiper-button-prev, .index-part03 .his-box .swiper-button-next,.index-part04 .swbox .swiper-button-prev, .index-part04 .swbox .swiper-button-next{width: 30px; height: 30px; line-height: 30px;}
.index-part03 .his-box li span{margin-top: 0;}
.index-part03 .his-box li.on span{font-size: 14px;}
.index-part03 .his-box li::before{bottom:5px;}
.index-part03 .his-box li em{width: 10px; height: 10px; border-width: 3px; bottom:2px;}
.index-part04 .swbox li .txt{ text-align: center; width: 100%; padding: 0 45px; left:0;}
.index-part05 ul{margin: 5% 0 0;}
.index-part05 li{ width: 100%; margin: 0 0 2%;}
.index-part05 li dd{padding: 5%;}
.index-part05 li dd h3{ width: 100%; margin-top: 5%;}
.index-part05 li dd i{position: static;}
.index-part06 dt,.index-part06 dd{ width: 100%;}
.index-part06 dd{margin: 5% 0 0;}
.index-part06 dd .more{margin-top: 0; height: 30px; line-height: 30px;}

}

/*手机端视频弹窗*/
.video_appbox{ display: none;}
.banner .swiper-slide em{ display: none; color: #fff;}
@media only screen and (max-width:767px) {
.video_appbox{ display: block; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{width: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width:760px;max-width:94%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{ position:absolute; top:5%; right:3%;cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:20px;font-weight: bold;}
.banner .swiper-slide em{ display: block;}
.banner video{display: none;}
}

.index-part03 .his-box li,.index-part04 .swbox li,.index-part04 .swbox li .txt{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
@media only screen and (min-width: 1025px) {
   .index-part06 dd .more:hover{color: #fff!important; background: #EF8200;}
}
/*首页end*/


/*20250228首页新增版块-服务客户*/
.fwkh-box{padding-top: 1rem; background: #FEFEFE; 
   background: -webkit-linear-gradient(to bottom, #EAEEF3 , #ffffff); 
   background: -o-linear-gradient(to bottom, #EAEEF3, #ffffff);
   background: -moz-linear-gradient(to bottom, #EAEEF3, #ffffff); 
   background: linear-gradient(to bottom, #EAEEF3 , #ffffff);}
.fwkh-box h2{ text-align: center; color: #004190; font-weight: bold;}
.fwkh-box ul{padding:4% 8%;}
.fwkh-box li{ float: left; width: 18%; margin: 0 1% 2%; box-shadow: 0 0 0.08rem 0.08rem rgba(0,0,0,0.03);}

@media only screen and (max-width: 767px) {
.fwkh-box ul{padding: 4% 3%;}
}
.index-part03{position: relative; z-index:1; margin-top: -1.17rem; padding-top: 12%;}
/*20250228首页新增版块-服务客户end*/


/*20250320首页行业解决方案版块-换成视频*/
.index-part01 .svgbox{position: relative;}
.index-part01 .svgbox video{ width: 100%; height: 100%;}
.index-part01 .svgbox span{ display: none; color: #fff; z-index: 3; cursor: pointer;}
@media only screen and (max-width: 767px) {
   .index-part01 .svgbox span{ display: block;}
}
/*20250320首页行业解决方案版块-换成视频*/