.object-fit{
	 width: 100%;
	  height: 100%;
	  object-fit: cover;
	  object-position: center;display: block;
}
.fs-18{font-size: 18px !important;}
.fs-36{font-size: 36px !important;}
.fs-28{font-size: 28px !important;}
.fs-24{font-size: 24px !important;}
.fs-14{font-size: 14px !important;}
.mb-6{margin-bottom:30px;}

.top-header{position: fixed;left: 0;right: 0;z-index: 999;top: 0;}
.top-header.fixed-top-header{background-color:#1b2032;top: 0;}
.top-header .container{border-top: 1px solid rgba(255, 255, 255, .2);border-bottom: 1px solid rgba(255, 255, 255, .2);}
.logo-t{display: block;height: 38px;}

.navbar-expand-lg .navbar-nav .nav-link{color: #fff;padding:20px;text-align: center; border-bottom: 5px solid transparent;font-weight: 500;position: relative;}
.navbar-expand-lg .navbar-nav .nav-item{margin: 10px 0;}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link::after{display: none;}
.navbar-expand-lg .navbar-nav .nav-link.active{color: #fff;border-bottom-color: #ec731b;background-color: var(--bs-primary);}
.navbar-expand-lg .navbar-nav .nav-link.active::after{display: none;}
.navbar-toggler span {
    position: relative;
    border-radius: 3px;
    display: block;
    height: 2px;
    padding: 0;
    width: 30px;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #fff
}
.navbar-toggler span:not(:first-child) {
    margin-top: 6px;
}
.offcanvas.offcanvas-end{width: 100%;background:#000;}
.index-banner .banner_item{width: 100%;height:540px;}
.index-banner .banner_txt{left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;}
.index-banner .banner_txt h3{font-size: 32px;font-weight: 600;}
.index-banner .banner_txt p{font-size: 16px;}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{bottom: 0 !important;top: inherit;--swiper-pagination-progressbar-size:5px}
.swiper-pagination-progressbar{background: #000;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #ec731b;}
.section{padding: 30px 0;}
.section-hder{margin-bottom: 20px;}
.section-hder h4{font-size: 28px;font-weight: bold;text-transform: uppercase;}
.sec01 .sec01-img{position: absolute;right: 0;bottom: 0;top: 0;display: flex; align-items: flex-end; justify-content: flex-end;}
.sec01 .sec01-img img{width: 90%;}
.btn-primary{position: relative;}
.btn .icon-right{margin-left: 20px;}
.btn-primary .icon-right,.btn-primary span{position: relative;z-index: 2;}
.btn-primary::before{
	    top: 0px;
	    width: 0px;
	    left: auto;
	    right: 0px;
	    z-index: 1;
	    bottom: 0px;
	    content: "";
	    position: absolute;
	    background-color: #000;
	    transition: all 0.3s ease-in-out;
}
.btn-primary:hover::before {
    left: 0px;
    width: 100%;
    right: auto;
}
.sec02{background-color: #f9f9f9;}
.sec02 .sec02-img{position: absolute;left: 0;bottom: 0;top: 0;}
.sec02 .section-hder{width: 100%;height: auto;    flex: 0 0 auto;}
.sec02 .section-hder-txt{position: absolute;left: 0;right: 0;bottom: 0;top: 0;display: flex;flex-direction: column;padding: 30px 12px;}

.sec02-container{padding-left:0;}
.sec02-pro{margin-left: 0; flex: 1; /* 占满剩余空间 */min-width: 0; /* 防止内容撑开 */ padding: 12px;}
.pro-swiper .swiper-slide{width: 80%;}
.pro-swiper .pro-item{width: 100%;background-color: #fff;padding: 50px 30px;}
.pro-swiper .pro-item .pro-icon{font-size: 80px;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;}
.pro-swiper .pro-item  h4{font-size: 24px;font-weight: bold;line-height: 36px;height: 72px;margin-bottom: 30px;}
.pro-swiper .pro-item p{height:72px;line-height: 24px;margin-bottom: 30px; display: -webkit-box;          /* 旧版弹性盒模型 */
    overflow: hidden;              /* 溢出隐藏 */
    text-overflow: ellipsis;       /* 显示省略号 */
    -webkit-box-orient: vertical;  /* 垂直方向排列 */
    -webkit-line-clamp: 3;         /* 限制显示3行 */}
.pro-bottom .swiper-pagination{position: static;    align-items: center;display: flex;width: auto;}
.pro-bottom .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: 20px;height: 8px;border-radius: 0;background-color: #9f9f9f;opacity: 1;}
.pro-bottom .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 40px;background-color: #003778;}
.pro-bottom  a{color: #003778;}
.pro-bottom .iconfont{width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #003778;}
.sec03{padding: 20px 0;border-bottom: 2px solid #e7ebef;}
._psec_list a{display: flex;align-items: center;justify-content: center;padding: 10px 0;}
._psec_list a img{width: 100%;height: auto;display: block;}
.case-list-box{gap: 30px; /* 间距 */}
.case-item{position: relative;cursor: pointer;flex: 1; /* 初始各占50% */
    transition: flex 0.5s ease; /* 添加动画效果 */}
.case-item .case-desc{position: absolute;left: 0;right: 0;bottom: 0;top: 0; padding: 30px; background: linear-gradient(to bottom, transparent 0%,transparent 50%, #053875 100%);display: flex;align-items: flex-end;transition: all ease-in 0.5;}
.case-item:hover .case-desc{background: rgba(var(--bs-primary-rgb), .9);align-items: center;font-size: 22px;line-height: 36px;}
.sec04-swiper-button {display: flex;align-items:center;gap: 20px;}
.sec04-swiper-button ._s_next,.sec04-swiper-button ._s_prev{width: 34px;height: 34px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #003778;color: #003778;}
.sec04-swiper-button ._s_prev .iconfont{transform: rotate(180deg);}
.sec04-swiper-button ._s_next:hover,.sec04-swiper-button ._s_prev:hover{background-color: #003778 ;color: #fff;}
.sec05{padding: 0 12px;}
.sec05 .section{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.sec05 .sec05-ys{text-align: center;color: #fff;}
.sec05 .sec05-ys ._ys_icon .iconfont{font-size: 40px;}
.sec05-img{height: 680px;}
.footer{background-color: #171717;color: rgba(255, 255, 255, .8);}
.f-about img{display: block;height: 40px;width: auto;}
.f-about{flex: 0.5;color: rgba(255, 255, 255, .8);}
.f-link dt{line-height: 40px;font-size: 18px;color: #fff;font-weight: 500;}
.f-link a{color: rgba(255, 255, 255, .8);line-height: 44px;display: block;}
.f-contact .iconfont{font-size: 20px;margin-right: 10px;}
.f-follow .f-icon{width: 36px;height: 36px;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;color: #0a1733;}
.f-follow .f-icon .iconfont{font-size: 20px;}
.footer .section{border-bottom: 1px solid #414d66;}

.in_banner_con{left: 0;right: 0;bottom: 0;top: 0;}
.in_banner{height: 260px;text-align: center;}
._b{font-weight: bold;text-decoration: underline;}
/* *:not(.project-item){
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
} */
.process-item {
    -webkit-box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05), 25px 35px 20px rgba(0, 0, 0, 0.05),
        25px 30px 30px rgba(0, 0, 0, 0.05), inset -20px -20px 25px rgba(255, 255, 255, 0.9);;
    box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05), 25px 35px 20px rgba(0, 0, 0, 0.05), 25px 30px 30px rgba(0, 0, 0, 0.05), inset -20px -20px 25px rgba(255, 255, 255, 0.9);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;cursor: pointer;
}
.process-item:nth-child(1) {
    border-radius: 73% 27% 59% 41% / 57% 59% 41% 43%;
}

.process-item:nth-child(2) {
    border-radius: 57% 43% 43% 57% / 43% 43% 57% 57%;
}

.process-item:nth-child(3) {
    border-radius: 35% 65% 31% 69% / 57% 59% 41% 43%;
}

.process-item:hover {
    border-radius: 50%;
}

.process-item .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 2rem 2rem;
}
.process-item .content h3 {
    font-size: 18px;margin-bottom: 12px;
    font-weight: 600;
}
.process-item .counter-box{font-weight: bold;font-size: 36px;margin-bottom: 12px;}
.process-item .counter-box .counter{font-size: 40px;}

.sec07 .sec-con{padding: 30px 0;}
.sec08{background-color: #eef1f5;}
.sec08_con{top: 0;left: 0;right: 0;bottom: 0;}
.sec08_con .row{--bs-gutter-y: 1.5rem;}
.sec08_item .icon,.sec08_item h4{z-index: 2;}
.sec08_item .iconfont{font-size: 44px;color: #003778}
.sec08_item{background-color: #fff;text-align: center;padding: 30px 20px;height: 100%;position: relative;cursor: pointer;}
.sec08_item::before {
    bottom: 0px;
	top: auto;
    width: 100%;
	height: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    content: "";
    position: absolute;
    background-color: #003778;
    transition: all 0.3s ease-in-out;
}
.sec08_item h4{font-size: 16px;font-weight: bold;}
.sec08{height: 560px;}
 .sec08_con .row{padding-top: 60px;}
 ._sec08_item2,._sec08_item4{margin-top: -30px;}   
 
.sec08_item:hover::before {
     top: 0px;
     height: 100%;
 }
 .sec08_item:hover h4,.sec08_item:hover .iconfont{color: #fff;}
 .sec10 .container{background-color: #f0f4f7;}
.pro-list-box {
     gap: 30px;margin-bottom: 30px;
 }
.pro-list-box .inpro-item{
	cursor: pointer;
	flex: 1;
	transition: flex 0.5s ease;background-color: #fff;padding:40px;overflow: hidden;height: 420px;
}
.pro-list-box .inpro-item .pro-des {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    transition: all 0.4s ease;
}
.pro-list-box .inpro-item .pro-detail{
	    color: #fff;
	    font-size: 15px;
	    line-height: 2.2;
	    transition: all 0.4s ease;
}
.pro-list-box .inpro-item .pro-icon{
	    font-size: 80px;
	    width: 80px;
	    height: 80px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 40px;color: #000;transition: all 0.4s ease;
}
.pro-list-box .inpro-item  h4{margin-bottom: 30px;}
.pro-list-box .inpro-item .pro-read{ transition: all 0.4s ease;color: var(--bs-primary);}
.pro-list-box .inpro-item:hover{background-color: var(--bs-primary);color: #fff;}

.pro-list-box .inpro-item:hover .pro-read{display: none;}
.pro-list-box .inpro-item:hover .pro-des{ opacity: 0;visibility: hidden;height: 0;}
.pro-list-box .inpro-item:hover .pro-detail{height: auto;opacity: 1;visibility: visible;}
.pro-list-box .inpro-item .pro-r{display: none;}
.pro-list-box .inpro-item:hover .pro-r{display: block;}
.pro-detail li{margin-bottom: 20px;}
.pro-detail li h6{display: flex;}
.pro-detail li h6::before{content: '-';margin-right: 6px;}
.pro-detail li>div{padding-left: 12px;}
.pro-detail h6{font-weight: normal;}
.contact_form-box{padding: 20px;}
.sec10_con{padding: 20px 0;}
@media (min-width:768px) {
	.section-hder h4{font-size: 36px;}
	.sec05-img{height: 580px;}
}

@media (max-width:991px){
	.sec-con .fs-18{font-size: 16px;}
	.sec02 .section-hder .section-hder-img{height: 340px;}
	.sec01 .sec01-img{opacity: 0.2;}
	.sec02{padding-top: 0;}
	.pro-swiper .pro-item  h4{font-size: 20px;line-height: 28px;height: 56px;margin-bottom: 20px;}
	.pro-swiper .pro-item p{margin-bottom: 20px;}
	.pro-swiper .pro-item .pro-icon{font-size: 60px;width: 60px;height: 60px;margin-bottom: 30px;}
	.case-item{margin-bottom: 20px;}
	.fs-36{font-size: 20px !important;}
	.fs-28,.fs-24{font-size: 16px !important;}
	.pro-list-box .inpro-item:hover .pro-r{display: none;}
	.pro-list-box .inpro-item{height: auto;padding: 20px;margin-bottom: 30px;}
	.pro-list-box .inpro-item .pro-read{display: none;}
	.pro-list-box .inpro-item .pro-des{ display: none;}
	.pro-list-box .inpro-item .pro-detail{height: auto;opacity: 1;visibility: visible;color: var(--bs-body-color);}
	.pro-list-box .inpro-item .fs-24{font-size: 18px !important;}
	.pro-list-box .inpro-item:hover .pro-icon.text-primary{color: #fff !important;}
	.pro-list-box .inpro-item:hover .pro-detail{color: #fff;}
	.section.sec10{padding: 0;}
}

@media (min-width:992px) {
	.top-header{top: 60px;}
	.logo-t{height: 45px;}
	.navbar-expand-lg .navbar-nav .nav-item{margin: 0;}
	.navbar-expand-lg .navbar-nav .nav-link{padding: 30px;}
	.navbar-expand-lg .navbar-nav .nav-link::after{content:"";background-color: rgba(255, 255, 255, .2);height: 50px;width: 1px;right: 0;top: 50%;transform:translateY(-50%);position: absolute;}
	.index-banner .banner_item{height:840px;}
	.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{--swiper-pagination-progressbar-size:10px}
	.index-banner .banner_txt h3{font-size: 48px;}
	.index-banner .banner_txt p{font-size: 20px;}
	.section{padding: 60px 0;}
	.section-hder{margin-bottom: 50px;}
	.sec02-pro{margin-left: 30px; padding: 0;}
	.sec02-container{padding-left:70px;}
	.pro-swiper .swiper-slide,
	.sec02 .section-hder{width: 360px;}
	.sec02 .section-hder-txt{padding: 50px 30px;}
	.sec03{padding: 30px 0;}
	._psec_list a img{width: 80%;}
	.sec05{padding: 0 40px;}
	.sec05 .sec-con{width: 80%;margin: auto;}
	.mb-6{margin-bottom: 70px;}
	.sec05-img{height: 780px;}
	.sec05 .sec05-ys ._ys_icon .iconfont{font-size: 60px;}
	.navbar{--bs-navbar-padding-y: 0;}
	.in_banner{height: 480px;text-align: left;}
	.sec06 .sec-con{font-size: 18px;line-height: 28px;width: 80%;}
	.process-item .counter-box .counter{font-size: 60px;}
	.process-item .content h3,.process-item .counter-box{margin-bottom: 20px;}
	.sec07 .sec-con{padding: 40px 20px;}
	.sec08_item h4{font-size: 20px;}
	.sec08_item .iconfont{font-size: 60px;}
	.sec08_item{padding: 50px 30px;}
	.sec08_item .icon{margin-bottom: 30px;}
	.sec08{height: 640px;}
	.pro-list-box .inpro-item .pro-detail{
		    opacity: 0;
		    visibility: hidden;
		   height: 0;
	}
	.pro-list-box .inpro-item:hover .pro-icon.text-primary{opacity: 0;height: 0;visibility: hidden;margin-bottom: 0;}
	.sec10_con{padding: 30px;}
	.contact_info ._c_text{font-size: 22px;}
	.contact_info ._c_info{font-size: 30px;}
	.contact_l hr{margin: 40px 0;}
}

@media (min-width:1200px) {
	.navbar-expand-lg .navbar-nav .nav-link{padding: 40px;}
	.navbar-expand-lg .navbar-nav .nav-link::after{height: 50px;}
	.section{padding: 90px 0;}
	.section-hder h4{font-size: 48px;}
	.sec02-pro{margin-left: 70px; }
	.sec02-container{padding-left:140px;}
	.pro-swiper .swiper-slide,.sec02 .section-hder{width: 400px;}
	.in_banner_text{width: 80%;}
	.in_banner{height: 570px;}
	.sec07 .row{    --bs-gutter-x:40px;}
	.sec08{height: 700px;}
	.sec08_con .row{padding-top: 80px;}
	._sec08_item2,._sec08_item4{margin-top: -50px;}
	.sec10_con{padding: 50px;}
	.contact_form-box{padding: 40px;}
	.sec10_con>.row{--bs-gutter-x:40px;}
	.banner_txt p{width: 60%;margin: auto;}
}

@media (min-width:1400px) {
	.sec05 .sec-con{width: 70%;margin: auto;}
	.f-about{flex: 0.4;}
	.in_banner_text{width: 50%;}
	.sec07 .row{    --bs-gutter-x:80px;}
	.sec07 .sec-con{padding: 100px 20px;}
	.sec08{height: 670px;}
	
}