/* 首页 index.html — 板块顺序与 HTML 一致；先写基础样式，@media 集中在板块末尾 */
/* ===== .banner-home ===== */
.banner-home{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden}
.banner-home .banner-home-img{position:absolute;left:0;top:0;width:100%;height:100%}
.banner-home .banner-home-img > img{width:100%;height:100%;object-fit:cover}
.banner-home .banner-home-inner{width:100%;max-width:1920px;margin:0 auto;position:relative;z-index:2;color:#fff;display:flex;align-items:center;padding:30px 0;
mix-blend-mode: darken;}
.banner-home .container{max-width:1750px;margin:0 0 0 auto;padding:0}
.banner-home .content{display:flex;justify-content:space-between;align-items:center;gap:40px}
.banner-home .left{width:35%;min-width:0}
.banner-home .h6{margin-bottom:40px}
.banner-home .h1{font-size:53px;line-height:1.25;font-weight:600;color:#0a1a4a}
.banner-home .line{width:40px;height:3px;background-color:#00a2e9;margin:20px 0 25px}
.banner-home .text{color:#0a1a4a;width:80%}
.banner-home .a-btn{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:40px}
.banner-home .right{width:65%;min-width:0}
.banner-home .right img{width:100%;height:auto;display:block}
@media(max-width:1750px){
.banner-home .container{padding-left: 15px;}.home-news .title-53
}
@media(max-width:1650px){
.banner-home{min-height:600px}
.banner-home .h1{font-size:48px}
}
@media(max-width:1570px){
.banner-home .h1{font-size:44px;line-height:1.25}
.banner-home .h6{margin-bottom:32px}
.banner-home .left{width: 40%;}
.banner-home .right{width: 60%;}
}
@media(max-width:1430px){
.banner-home{min-height:560px}
.banner-home .content{gap:28px}
.banner-home .h1{font-size:40px}
.banner-home .text{width:90%}
.banner-home .a-btn{margin-top:32px}
.banner-home .left{width: 45%;}
.banner-home .text{width: 95%;}
.banner-home .right{width: 55%;}
}
@media(max-width:1200px){
.banner-home .left{width:40%}
.banner-home .right{width:58%}
.banner-home .h1{font-size:36px;line-height:1.25}
.banner-home .text{width:100%}
}
@media(min-width:992px) and (max-width:1199px){
.banner-home{min-height:520px}
.banner-home .h6{margin-bottom:24px;font-size:18px;line-height:26px}
.banner-home .a-btn{gap:14px;margin-top:28px}
}
@media(min-width:900px) and (max-width:991px){
.banner-home{min-height:480px}
.banner-home .content{gap:20px}
.banner-home .left{width:42%}
.banner-home .right{width:56%}
.banner-home .h1{font-size:30px;line-height:1.25}
.banner-home .h6{margin-bottom:18px}
.banner-home .line{margin:14px 0 18px}
.banner-home .a-btn{margin-top:24px;gap:12px}
}
/* ≤899 stack — 图在 .right，column-reverse 图上文下 */
@media(max-width:899px){
.banner-home{min-height:0}
.banner-home .banner-home-inner{padding:50px 0}
.banner-home .content{flex-direction:column-reverse;gap:25px;align-items:stretch}
.banner-home .left,
.banner-home .right{width:100%;max-width:100%}
.banner-home .h1{font-size:32px;line-height:40px}
.banner-home .text{width:100%}
}
@media(max-width:768px){
.banner-home .banner-home-inner{padding:30px 0 40px}
.banner-home .h6{margin-bottom:15px;font-size:16px;line-height:24px}
.banner-home .h6::after{width:50px;margin-top:8px}
.banner-home .h1{font-size:24px;line-height:32px}
.banner-home .line{margin:12px 0 16px}
.banner-home .text{font-size:14px;line-height:20px}
.banner-home .a-btn{flex-direction:column;align-items:stretch;gap:12px;margin-top:24px}
.banner-home .a-lb,
.banner-home .a-lb-1{justify-content:center}
}
@media(max-width:540px){
.banner-home .h1{font-size:22px;line-height:30px}
.banner-home .a-lb,
.banner-home .a-lb-1{width:100%}
}
@media(max-width:430px){
.banner-home .h1{font-size:20px;line-height:28px}
}
/* ===== .home-about ===== */
.home-about{position:relative;height:1140px;display:flex;align-items:center}
.home-about .home-about-img{position:absolute;left:0;top:0;width:100%;height:100%}
.home-about .home-about-img > img{width:100%;height:100%;object-fit:cover}
.home-about .home-about-img::after{content:"";width:100%;height:100%;background-color:rgba(1,30,59,.9);position:absolute;top:0;left:0;z-index:1}
.home-about .home-about-xl{width:100%;position:relative;z-index:2;color:#fff;display:flex;align-items:center;padding:30px 0}
.home-about .content{display:flex;justify-content:space-between;align-items:center;gap:40px}
.home-about .left{width:48%;padding-top:60px;min-width:0}
.home-about .h6{color:#fff;margin-bottom:25px}
.home-about .title-53{color:#fff}
.home-about .text{margin:55px 0 75px;font-weight:300}
.home-about .right{width:40%;min-width:0}
.home-about .right img{width:100%;height:auto;display:block}
.home-about .small-box{display:flex;margin-top:80px}
.home-about .list{flex:1;min-width:0;position:relative;display:grid;grid-template-columns:85px 1fr;gap:20px;padding:15px 25px 25px}
.home-about .list::after{content:"";width:1px;height:100%;background-color:#fff;opacity:.18;position:absolute;top:0;right:0}
.home-about .list:first-child{padding-left:0}
.home-about .list:last-child{padding-right:0}
.home-about .list:last-child::after{display:none}
.home-about .list .h5{font-size:20px;line-height:32px;font-weight:600;color:#fff}
.home-about .list .h5::after{content:"";width:33px;height:4px;background-color:var(--public-color-secondary);display:block;margin:10px 0 15px}
.home-about .list .cont{font-size:16px;line-height:24px;font-weight:300}
/* 大屏瀑布 1720→1430：固定高度改为 auto，避免裁切 */
@media(max-width:1720px){
.home-about{height:auto}
.home-about .home-about-xl{padding:90px 0}
.home-about .title-53{font-size:48px;line-height:56px}
}
@media(max-width:1650px){
.home-about .text{margin:48px 0 64px}
.home-about .small-box{margin-top:70px}
}
@media(max-width:1570px){
.home-about .home-about-xl{padding:80px 0}
.home-about .left{padding-top:48px}
.home-about .title-53{font-size:44px;line-height:52px}
}
@media(max-width:1500px){
.home-about .home-about-xl{padding:72px 0}
.home-about .text{margin:42px 0 56px}
.home-about .small-box{margin-top:64px}
}
@media(max-width:1430px){
.home-about .home-about-xl{padding:70px 0}
.home-about .title-53{font-size:40px;line-height:48px}
.home-about .list{grid-template-columns:72px 1fr;gap:16px;padding:12px 20px 20px}
}
/* T3 1200 */
@media(max-width:1200px){
.home-about .left{padding-top:40px}
.home-about .title-53{font-size:36px;line-height:44px}
.home-about .text{margin:40px 0 55px}
.home-about .small-box{flex-wrap:wrap;gap:16px;margin-top:60px;}
.home-about .list{flex:1 1 calc(50% - 16px);grid-template-columns:56px 1fr;padding:12px 8px 16px}
.home-about .list::after{display:none}
.home-about .list:first-child{padding-left:8px}
.home-about .list:last-child{padding-right:8px}
.home-about .list .h5{font-size:18px;line-height:28px}
}
/* T2 992–1199：三列特征卡收紧，避免半溢出 */
@media(min-width:992px) and (max-width:1199px){
.home-about .home-about-xl{padding:56px 0}
.home-about .left{width:50%}
.home-about .right{width:42%}
.home-about .list{grid-template-columns:64px 1fr;gap:14px;padding:12px 16px 18px}
.home-about .list .cont{font-size:15px;line-height:22px}
}
/* T1 900–991：仍双栏，特征卡改为两列换行 */
@media(min-width:900px) and (max-width:991px){
.home-about .home-about-xl{padding:50px 0}
.home-about .content{gap:24px}
.home-about .left{width:52%;padding-top:20px}
.home-about .right{width:44%}
.home-about .title-53{font-size:30px;line-height:38px}
.home-about .h6{font-size:18px;line-height:26px;margin-bottom:16px}
.home-about .text{margin:28px 0 36px}
}
/* ≤899 stack — 图在 .right，column-reverse 图上文下 */
@media(max-width:899px){
.home-about{height:auto;display:block;overflow:hidden}
.home-about .home-about-img{inset:0}
.home-about .home-about-img > img{height:100%;object-fit:cover}
.home-about .home-about-xl{padding:60px 0}
.home-about .content{flex-direction:column-reverse;gap:25px;align-items:stretch}
.home-about .left{width:100%;min-width:0;max-width:100%;padding-top:0}
.home-about .right{display: none;}
.home-about .title-53{font-size:32px;line-height:40px}
.home-about .text{margin:30px 0 40px}
.home-about .small-box{display: grid;grid-template-columns: repeat(2, 1fr);margin-top:40px;gap:0 20px}
.home-about .list{flex:none;width:100%;grid-template-columns:72px 1fr;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.home-about .list::after{display:none}
.home-about .list:first-child,
.home-about .list:last-child{padding-left:0;padding-right:0}
}
/* mobile 768 */
@media(max-width:768px){
.home-about .home-about-xl{padding:30px 0}
.home-about .h6{margin-bottom:15px;font-size:16px;line-height:24px}
.home-about .h6::after{width:50px;margin-top:8px}
.home-about .title-53{font-size:24px;line-height:32px}
.home-about .text{margin:25px 0 30px;font-size:14px;line-height:20px}
.home-about .a-lb-w{height:48px;font-size:16px}
.home-about .list{grid-template-columns:60px 1fr;gap:15px;padding:18px 0}
.home-about .list .h5{font-size:18px;line-height:26px}
.home-about .list .h5::after{width:28px;height:3px;margin:8px 0 12px}
.home-about .list .cont{font-size:14px;line-height:22px}
}
@media(max-width:660px){
.home-about .small-box{grid-template-columns: repeat(1, 1fr);}
.home-about .list:last-child{border-bottom:none}
}
/* 540 / 430 超小屏 */
@media(max-width:540px){
.home-about .home-about-xl{padding:30px 0 40px}
.home-about .title-53{font-size:22px;line-height:30px}
.home-about .text{margin:20px 0 24px}
.home-about .small-box{margin-top:28px}
.home-about .list{grid-template-columns:48px 1fr;gap:12px;padding:16px 0}
.home-about .a-lb-w{width:100%;justify-content:center}
}
@media(max-width:430px){
.home-about .title-53{font-size:20px;line-height:28px}
.home-about .h6{font-size:15px;line-height:22px}
.home-about .list .h5{font-size:16px;line-height:24px}
}
/* ===== .home-product ===== */
.home-product{margin:140px 0 0}
.home-product .title{margin-bottom:105px}
.home-product .title strong{color:var(--c-accent);font-weight:600}
.home-product .grid{gap:35px}
.home-product .list{background-color:#fff;box-shadow:3px 4px 46px 0 rgba(6,0,1,.1);border:solid 1px #bed1fc;padding:20px 15px 15px 20px;border-radius:10px;display: flex;flex-direction: column;justify-content: space-between;gap: 20px;}
.home-product .t1{display:flex;align-items:center;gap:20px;font-weight:500;margin-bottom:20px}
.home-product .num{min-width:64px;width:64px;aspect-ratio:1;border-radius:8px;background-color:#0b4aec;font-size:39px;line-height:1;font-weight:300;color:#fff;display:grid;place-items:center}
.home-product .box{display:flex;justify-content:space-between;gap:16px}
.home-product .cont{width:40%;min-width:0;font-size:15px;line-height:24px;font-weight:300}
.home-product .cont p{margin:0}
.home-product .img{width:55%;min-height:166px;margin-bottom:40px;overflow:hidden;min-width:0}
.home-product .img > img{width:100%;}
.home-product .img-app{display:flex;gap:10px}
.home-product .img-app .img-xl{flex:1;min-width:0;border:solid 1px #bed1fc;border-radius:8px;overflow:hidden}
.home-product .img-app .img-xl img{width:100%;height:auto;display:block}
@media(max-width:1720px){
.home-product{margin-top:120px}
.home-product .title{margin-bottom:90px}
}
@media(max-width:1570px){
.home-product .title{font-size:40px;line-height:50px}
}
@media(max-width:1430px){
.home-product{margin-top:110px}
.home-product .title{margin-bottom:80px;font-size:36px;line-height:46px}
.home-product .grid{gap:28px}
.home-product .box {gap: 10px;align-items: center;}
.home-product .cont{width: 45%;}
.home-product .img {width: 50%;}
}
@media(max-width:1200px){
.home-product{margin-top:100px}
.home-product .title{margin-bottom:70px}
.home-product .num{min-width:56px;width:56px;font-size:32px}
.home-product .box {flex-direction: column-reverse;gap: 0;}
.home-product .cont{width: 100%;}
.home-product .img {width: 100%;min-height: auto;margin-bottom: 0;}
}
@media(min-width:992px) and (max-width:1199px){
.home-product .list{padding:16px 12px 12px 16px}
.home-product .t1{gap:14px;margin-bottom:16px}
.home-product .cont{font-size:14px;line-height:22px}
}
@media(min-width:900px) and (max-width:991px){
.home-product .grid{gap:22px}
.home-product .title{font-size:32px;line-height:40px;margin-bottom:56px}
}
@media(max-width:899px){
.home-product .title{font-size:30px;line-height:38px;margin-bottom:45px}
.home-product .img-app {gap: 5px;}
}
@media(max-width:768px){
.home-product{margin:0;padding: 30px 0;}
.home-product .title{margin-bottom:20px;font-size:24px;line-height:32px}
.home-product .grid{gap:20px}
.home-product .list{padding:15px}
.home-product .t1{gap:12px;margin-bottom:15px;font-size:16px;line-height:24px}
.home-product .num{min-width:48px;width:48px;font-size:28px}
.home-product .cont{font-size:14px;line-height:22px}
.home-product .img-app{display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;}
.home-product .img-app .img-xl{flex:none;}
}
@media(max-width:640px){
.home-product .grid .g-col-sm-6{grid-column:span 12;}
.home-product .img-app{display: flex;flex-wrap: wrap;}
.home-product .img-app .img-xl{flex:1;}
}
@media(max-width:540px){
.home-product .title{font-size:22px;line-height:30px}
}
@media(max-width:440px){
.home-product .t1{font-size:15px;line-height:22px}
.home-product .num{min-width:42px;width:42px;font-size:24px}
.home-product .img-app{display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;}
.home-product .img-app .img-xl{flex:none;}
}
/* ===== .home-production ===== */
.home-production{margin-top:120px;margin-bottom:90px}
.home-production .title{margin-bottom:90px}
.home-production .items{display:flex;justify-content:space-between;align-items:stretch;background-color:#f8f8f8;margin-bottom:55px}
.home-production .items:nth-child(even){flex-direction:row-reverse}
.home-production .items:last-child{margin-bottom:0;background-color:transparent}
.home-production .img{width:50%;overflow:hidden;display:grid;place-items:center;min-width:0}
.home-production .img > img{width:auto;height:100%;object-fit:cover}
.home-production .textbox{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.home-production .box{width:75%}
.home-production .num{font-size:39px;line-height:42px;font-weight:300;color:var(--c-accent)}
.home-production .h5{font-size:28px;line-height:36px;font-weight:500;margin-bottom:5px}
.home-production .h5::after{content:"";width:32px;height:2px;background-color:var(--c-accent);display:block;margin-top:10px}
.home-production .text{margin-top:25px;font-size:16px;line-height:30px;font-weight:300}
@media(max-width:1720px){
.home-production{margin-top:110px;margin-bottom:80px}
.home-production .title{margin-bottom:80px}
}
@media(max-width:1570px){
.home-production .title{font-size:40px;line-height:50px}
.home-production .h5{font-size:26px;line-height:34px}
}
@media(max-width:1430px){
.home-production{margin-top:100px;margin-bottom:70px}
.home-production .title{margin-bottom:70px;font-size:36px;line-height:46px}
.home-production .box{width:82%}
.home-production .items{margin-bottom:45px}
}
@media(max-width:1200px){
.home-production{margin-top:90px}
.home-production .title{margin-bottom:60px}
.home-production .num{font-size:34px;line-height:38px}
.home-production .h5{font-size:24px;line-height:32px}
}
@media(min-width:992px) and (max-width:1199px){
.home-production .box{width:88%}
.home-production .text{font-size:15px;line-height:26px}
.home-production .textbox{padding:20px 16px}
}
@media(min-width:900px) and (max-width:991px){
.home-production .title{font-size:32px;line-height:40px;margin-bottom:50px}
.home-production .box{width:90%}
.home-production .num{font-size:30px;line-height:34px}
.home-production .h5{font-size:22px;line-height:30px}
.home-production .text{margin-top:18px;font-size:14px;line-height:24px}
.home-production .textbox{padding:24px 18px}
}
@media(max-width:899px){
.home-production .items,
.home-production .items:nth-child(even){flex-direction:column}
.home-production .img,
.home-production .textbox{width:100%;max-width:100%}
.home-production .img > img{width:100%;height:auto}
.home-production .textbox{padding:30px 20px}
.home-production .box{width:100%}
.home-production .title{font-size:30px;line-height:38px;margin-bottom:45px}
}
@media(max-width:768px){
.home-production{margin:0;padding: 30px 0;}
.home-production .title{margin-bottom:20px;font-size:24px;line-height:32px}
.home-production .num{font-size:28px;line-height:32px}
.home-production .h5{font-size:22px;line-height:30px}
.home-production .text{font-size:14px;line-height:22px}
.home-production .textbox{padding:25px 15px}
}
@media(max-width:540px){
.home-production .title{font-size:22px;line-height:30px}
.home-production .textbox{padding:20px 15px}
.home-production .h5{font-size:20px;line-height:28px}
}
@media(max-width:430px){
.home-production .num{font-size:24px;line-height:28px}
.home-production .h5{font-size:18px;line-height:26px}
}
/* ===== .home-news ===== */
.home-news{background-color:#f8f8f8;padding:100px 0 135px}
.home-news .title-53{margin-bottom:60px}
.home-news .home-news-swiper{overflow:visible}
.home-news .swiper-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home-news .swiper-slide{height:auto}
.home-news .swiper-pagination{display:none}
@media(min-width:769px){
.home-news .swiper-wrapper{transform:none !important}
.home-news .swiper-slide{width:auto !important}
}
.home-news .list{display:flex;justify-content:space-between;align-items:stretch;background-color:#fff;box-shadow:0 0 24px 0 rgba(6,0,1,.04);border-radius:8px;border:solid 1px #e4e7ee;padding:15px;gap:16px;height:100%}
.home-news .img{width:37%;border-radius:8px;overflow:hidden;min-width:0;line-height:0}
.home-news .img > img{width:100%;height:100%;object-fit:cover}
.home-news .box{width:58%;min-width:0;display:flex;flex-direction:column;justify-content:center}
.home-news .t1{font-size:20px;line-height:28px;font-weight:500}
.home-news .t1 span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-news .t1::after{content:"";width:32px;height:2px;background-color:var(--c-accent);display:block;margin:5px 0 15px}
.home-news .text{font-size:16px;line-height:24px;font-weight:300;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-news .time{font-size:16px;line-height:24px;color:var(--c-accent);font-weight:300;display:flex;align-items:center;gap:10px}
.home-news .time img{flex-shrink:0}
@media(max-width:1720px){
.home-news{padding:90px 0 120px}
}
@media(max-width:1570px){
.home-news .title-53{font-size:48px;line-height:56px}
}
@media(max-width:1430px){
.home-news{padding:84px 0 110px}
.home-news .title-53{margin-bottom:50px;font-size:40px;line-height:48px}
}
@media(max-width:1200px){
.home-news{padding:80px 0 100px}
.home-news .title-53{font-size:36px;line-height:44px}
.home-news .t1{font-size:18px;line-height:26px}
}
@media(min-width:992px) and (max-width:1199px){
.home-news .list{padding:12px;gap:12px}
.home-news .text{font-size:15px;line-height:22px;-webkit-line-clamp:2;line-clamp:2}
}
@media(min-width:900px) and (max-width:991px){
.home-news .title-53{font-size:32px;line-height:40px;margin-bottom:40px}
.home-news .list{flex-direction:column;gap:12px}
.home-news .img,
.home-news .box{width:100%}
.home-news .img > img{width:100%;height:auto}
}
@media(max-width:899px){
.home-news .swiper-wrapper{grid-template-columns:1fr}
.home-news .title-53{font-size:30px;line-height:38px;margin-bottom:40px}
.home-news .list{flex-direction:column;gap:15px}
.home-news .img,
.home-news .box{width:100%;max-width:100%}
.home-news .img > img{width:100%;height:auto}
}
@media(max-width:768px){
.home-news{padding:30px 0}
.home-news .title-53{margin-bottom:20px;font-size:24px;line-height:32px}
.home-news .home-news-swiper{overflow:hidden;padding-bottom:8px}
.home-news .swiper-wrapper{display:flex;gap:0}
.home-news .swiper-slide{width:100%;height:auto}
.home-news .swiper-pagination{display:block;position:relative;margin-top:18px;bottom:auto}
.home-news .swiper-pagination-bullet{background:var(--c-accent);opacity:.25}
.home-news .swiper-pagination-bullet-active{opacity:1;background:var(--c-accent)}
.home-news .list{padding:12px}
.home-news .t1{font-size:18px;line-height:26px}
.home-news .text{font-size:14px;line-height:22px;margin-bottom:12px}
.home-news .time{font-size:14px;line-height:22px}
}
@media(max-width:540px){
.home-news{padding:40px 0 56px}
.home-news .title-53{font-size:22px;line-height:30px}
.home-news .t1::after{width:24px;margin:4px 0 12px}
}
@media(max-width:430px){
.home-news .t1{font-size:16px;line-height:24px}
.home-news .text{-webkit-line-clamp:2;line-clamp:2}
}