@import url("bootstrap.min.css");
@import url("aos.css");
@import url("swiper-bundle.min.css");
@import url("../fonts/iconfont.css");

@font-face {
  font-family: "Roboto"; /* 自己起的字体名 */
  src: url("../fonts/Roboto-Regular.ttf") format("truetype"); /* 字体路径 */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoLight"; /* 自己起的字体名 */
  src: url("../fonts/Roboto-Light.ttf") format("truetype"); /* 字体路径 */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoBold"; /* 自己起的字体名 */
  src: url("../fonts/Roboto-Bold.ttf") format("truetype"); /* 字体路径 */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoExtraBold"; /* 自己起的字体名 */
  src: url("../fonts/Roboto-ExtraBold.ttf") format("truetype"); /* 字体路径 */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoMedium"; /* 自己起的字体名 */
  src: url("../fonts/Roboto-Medium.ttf") format("truetype"); /* 字体路径 */
  font-weight: normal;
  font-style: normal;
}
body{font-family:"Roboto",var(--bs-font-sans-serif);}
.fw-medium{font-weight: normal;font-family: 'RobotoMedium',var(--bs-font-sans-serif);}
.fw-light{font-weight: normal;font-family: 'RobotoLight',var(--bs-font-sans-serif);}
.fw-bold{font-weight: normal;font-family: 'RobotoBold',var(--bs-font-sans-serif);}
.fw-bolder{font-weight: normal;font-family: 'RobotoExtraBold',var(--bs-font-sans-serif);}

.w-90{width: 90%;}
.img-absolute{position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.cover-img{width:100%;height:100%;object-fit:cover;transform-origin:center center;display: block;}

.c-header .navbar{background-color: #010005;}
.c-header .offcanvas-backdrop{top: 56px;}
.c-header .offcanvas.offcanvas-end{background-color: #010005;top: 56px;width: 100%;}
 .navbar-toggler {
	width: 34px;
	height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: relative;padding: 0;
	/* 确保内部span变形原点基于自身中心，方便动画 */
}
.navbar-brand img{height: 25px;}
/* 横线条公用样式 */
.navbar-toggler span {
	display: block;
	width: 100%;
	height: 2.5px;
	background-color: #fff;
	border-radius: 40px;
	transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	/* 弹性回弹感 + 平滑过渡 */
	transform-origin: center;
	will-change: transform, opacity;
}

.navbar-toggler.is-active span:first-child {
	transform: translateY(8.75px) rotate(45deg);
}

.navbar-toggler.is-active span:last-child {
	transform: translateY(-8.75px) rotate(-45deg);
}

/* 中间横条优雅淡出，宽度收缩，更细腻 */
.navbar-toggler.is-active span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0.3);
}
.nav-link{color: #fff;border-radius: var(--bs-border-radius-pill);font-family: 'RobotoMedium';}
.navbar-nav .nav-link:hover{color: #0069aa;}
.navbar-nav .nav-link.active{background-color: #0069aa;color: #fff;}

.index-banner{height: 580px;}	
.index-banner .btn{padding: 7px 7px 7px 20px;}
.index-banner .btn i{margin-left: 13px; width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;color: #fff;background-color: #fff;border-radius: 50%;color: var(--bs-primary);}
.index-seaction_01{background-image: url("../img/index03.jpg");background-position: center;background-repeat: no-repeat;background-size: contain;}
.i-card_01{cursor: pointer;color: #fff;border-radius: 30px;overflow: hidden;}
.i-card_01 .iconfont{display: none;font-size: 100px;}
.i-card_01 *{transition: all 0.3s ease}
.i-card_01 .img-absolute{display: flex;flex-direction: column;justify-content: flex-end;}
.index-seaction_02{background-color: #f6f8fa;border-bottom-left-radius: 150px;z-index: 2;}
.i-card_02{border-bottom: 1px solid #cdcdcd;
            align-items: flex-start;
            gap: 1.5rem;
            flex-wrap: wrap;cursor: pointer;}

.i-card_02 .ic02_num{color: #c5c7c8;transition: color 0.3s ease, transform 0.25s ease; min-width: 70px; margin-bottom: 10px;}
.i-card_02 .ic02_body{}
 .i-card_02 .ic02_r {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            min-width: 110px;
            transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }
 .ic02_body h5 {
            color: #1a2634;
            transition: color 0.25s;
        }
.i-card_02 img{ display: none;
            border-radius: 28px;
            width: 100%;
            max-width: 140px;
            height: auto;
            object-fit: cover;
            box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.1);
            transition: all 0.4s ease;
            transform: scale(0.96);
            opacity: 0;}
.i-card_02 .iconfont{display: none;}
 /* 图片动画：淡入 + 轻微缩放 */
        @keyframes imageReveal {
            0% {
                opacity: 0;
                transform: scale(0.92);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes fadeSlideUp {
            0% {
                opacity: 0;
                transform: translateY(8px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
.index-seaction_03{background-color:#0069aa;z-index: 1;margin-top: -136px;padding-top: 136px;}
.index-seaction_03 img{border-radius: 30px 0 0 30px;}
.index-seaction_03 .row{--bs-gutter-x:0}
.i-card_03{border-left: 3px solid #fff;padding-left: 30px;}

.index-seaction_04 .container{background-color: #f6f8fa;border-radius: 20px;box-shadow: 0 4px 12px rgba(0,0,0,.04);}
.i-card_04{border-radius: 20px;box-shadow: 0 4px 12px rgba(0,0,0,.04);}
.i-card_04 .form-control{background-color: #fafafa;}
.i-card_04 .btn-submit{border-radius: 60px;color: #fff;background-color: #fe753b;padding-left:30px;padding-right: 30px;font-family:'RobotoMedium';}
.c-footer{background: #141314;}
.c-footer img{height: 25px;}
.go-top{cursor: pointer;}
.go-top .iconfont{font-size: 40px;}
.f-left .f-l-label{width: 90px;}
.c-footer  .copy{border-top: 1px solid #444;}
.sec-banner{color: #214459;}
.about-card-01 .iconfont{font-size: 60px;color: #3387bb;}
.about-card-01{word-break: break-all;}
.about-section_02{background: #f6f8fa;}
.about-section_02 .row{--bs-gutter-x:0;border-top: 1px solid #dcdcdc;}
.about-section_02 .about-card-02{border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;display: flex;align-items: center;justify-content: center;padding: 30px;cursor: pointer;}
.about-section_02 .row .col:nth-child(even) .about-card-02{border-right-width:0px;}
.about-section_02 .about-card-02 img{height: 32px; /* 将图片调整为 #b4c3cc 色调 */
    filter: sepia(1) saturate(0.3) hue-rotate(170deg) brightness(0.9) contrast(1.1);
    transition: filter 0.3s ease;}
.about-card-02:hover img{ filter: none; /* 鼠标指向时恢复原色彩 */}
.product-section  img{ filter: none !important; /* 鼠标指向时恢复原色彩 */}
.contact-form{background-color: #fff;border-radius: 30px;box-shadow: 0px 0px 57px 0px rgba(19, 51, 137, 0.1);}

.p_card_02{border-radius: 30px;}
.p_card_02 img{border-radius: 16px;}


.p_card_01{border-radius: 30px;overflow: hidden;flex: 0 0 20%;cursor: pointer;transition: all 0.35s ease;}
.p_card_01 h5{ writing-mode: vertical-rl;margin: 0;transition: all 0.35s ease;}
.p_card_01 p,.p_card_01 .btn{ display: none;
    opacity: 0;
    transform: translateY(20px);transition: all 0.35s ease;}
.p_card_01 .btn .iconfont{font-size: 12px;}
.p_card_01._active{flex: 1 1 auto !important;}
.p_card_01._active .img-absolute{background-color: rgba(0, 0, 0, 0.6);}
.p_card_01._active h5{writing-mode:  horizontal-tb;}
.p_card_01._active p,.p_card_01._active .btn{display: block;
    opacity: 1;
    transform: translateY(0);}




@media (max-width:991px) {
	.navbar-nav{height: 100%;padding: 50px 0;}
	.navbar-nav .nav-item{width: 100%;text-align: center;border-bottom: 1px solid #5b5b5b;padding: 20px 0;}
	.navbar-nav .nav-item:last-child{border-bottom: none;}
	.index-seaction_02{border-bottom-left-radius: 50px;}
	.index-seaction_03{margin-top: -66px;padding-top: 66px;}
	
	.about-card-01 .iconfont{font-size: 48px}
	.about-card-row.row{--bs-gutter-y:20px}
	.product-section_02{background-color:#f6f8fa;}
	.p_card_02{margin-bottom: 20px;height: auto !important;}
	.product-section_02 .img-absolute{position: static;}
	.product-section_02 .cover-img{display: none;}
	.p_card_01{height: 300px;margin-bottom: 20px;}
	.p_card_01 img{width:100%;height:100%;object-fit:cover;transform-origin:center center;display: block;}
	.p_card_01 h5{writing-mode:  horizontal-tb;}
	.p_card_01 p,.p_card_01 .btn{display: block;
	    opacity: 1;
	    transform: translateY(0);}
	.p_card_01 .img-absolute{display: flex;flex-direction: column;background-color: rgba(0, 0, 0, 0.6);}
	.about-section_02.product-section,.index-seaction_04.about-section .container{background-color: #fff;}
	.about-section_02 .about-card-02 img{ filter: none; /* 鼠标指向时恢复原色彩 */}
}

@media (min-width:768px) {
	.index-banner{height: 680px;}
	.about-section_02 .row .col:nth-child(even) .about-card-02{border-right-width:1px;}
	.about-section_02 .row .col:nth-child(10){display: none;}
	.about-section_02 .row .col:nth-child(3) .about-card-02,
	.about-section_02 .row .col:nth-child(6) .about-card-02,
	.about-section_02 .row .col:nth-child(9) .about-card-02{border-right-width:0px;}
	.index-seaction_04{padding-top: clamp(50px, 8vw, 70px) !important; padding-bottom: clamp(50px, 8vw, 70px) !important;}
	
}

@media (min-width:992px) {
	.c-header .navbar{--bs-navbar-padding-y:20px}
	.navbar-expand-lg .navbar-nav .nav-link{padding-left: 20px;padding-right: 20px;}
	.navbar-expand-lg .navbar-nav .nav-item{margin: 0 10px;}
	.banner-text{width: 700px;}
	.index-banner{height: 700px;}
	.i-card_01:hover .img-absolute{background-color: rgba(0, 105, 170, 0.9);justify-content: center;}
	.i-card_01:hover h5{font-size: 40px !important;}
	.i-card_01:hover p{font-size: 22px !important;}
	.i-card_01:hover .iconfont{display: block;}
	.i-card_02{display: flex;}
	.i-card_02 .ic02_body{width: 600px;}
	.i-card_02 .iconfont{font-size: 24px;color: #7b7c7d; transition: all 0.25s ease;display: block;}
	.i-card_02 p{display: none;transition: all 0.2s; color: #4a5b6e;}
	.i-card_02:hover .ic02_num {
	            color: #2d3e50;
	            transform: translateX(4px);
	        }
	 .i-card_02:hover h5 {
	            color: #0f1822;
	        }
	.i-card_02:hover p{display: block;animation: fadeSlideUp 0.35s forwards ease;}
	.i-card_02:hover img{display: block;animation: imageReveal 0.45s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;}
	.i-card_02:hover .iconfont{display: none;}
	.about-card-row.row{--bs-gutter-x:30px}
	.about-section_02 .row .col:nth-child(3) .about-card-02,
	.about-section_02 .row .col:nth-child(6) .about-card-02,
	.about-section_02 .row .col:nth-child(9) .about-card-02{border-right-width:1px;}
	
	.about-section_02 .row .col:nth-child(5) .about-card-02,
	.about-section_02 .row .col:nth-child(10) .about-card-02{border-right-width:0px;}
	.about-section_02 .row .col:nth-child(10){display: block;}
	.contact-form{width: 800px;}
	.product-section_02 .index-seaction-hd,.product-section_02 .index-seaction-hd h3{color: #fff;}
	.product-section_02{height: 800px;}
}

@media (min-width:1200px) {
	
	.index-banner{height: 800px;}
	.i-card_02 .ic02_body{width: 800px;}
	.i-card_02 img{max-width: 200px;}
	.about-card-row.row{--bs-gutter-x:60px}
	.about-section_02 .about-card-02{padding:50px 30px;}
	.about-section_02 .about-card-02 img{height: 40px;}
	.contact-form{width: 970px;}
	.w-70{width: 70%;}
	
}

@media (min-width:1400px) {
	.about-card-row.row{--bs-gutter-x:80px}
	.about-section_02 .about-card-02 img{height: 50px;}
}