.index_block{padding:30px 0;position:relative;}
.h_ProCate{display:flex;justify-content:space-between;gap:20px}
.h_ProCate .left{width:30%;background:#f0f0f0;border-radius:10px;}
.h_ProCate .right{width:70%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.index_block .title{text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}
.h_ProCate .right .item{text-align:center;background:#f0f0f0;border-radius:10px;}
.h_ProCate .sm_title{font-size:16px;font-weight:700;margin:10px 0 20px}
.h_ProCate .left .sm_title{margin:0;font-size:20px}
.h_ProCate .left p{margin-bottom:60px}
.h_industry{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.project-slider{position:relative}
.project-slide{display:none;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}
.project-slide--active{display:grid}
.project-slide__number{font-size:3rem;color: #285f90;font-weight:700;margin-bottom:var(--spacing-md)}
.project-slide__title{font-size:1.5rem;margin-bottom:var(--spacing-md);}
.project-slide__details{display: grid;grid-template-columns: repeat(2,1fr);gap:var(--spacing-md)}
.project-slide__detail{display:flex;flex-direction: column;flex-wrap:wrap;position: relative;border-left: 3px solid #285f90; /* 竖杠颜色和粗细 */padding-left: 15px;white-space: nowrap;line-height: 25px;}
.project-slide__detail-label{font-weight:700;min-width:150px}
.project-slider__nav{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}
.project-slider__dot{width:12px;height:12px;border-radius:50%;background-color:#ddd;border:none;cursor:pointer;transition:var(--transition);padding: 0;}
.project-slider__dot--active{background-color:var(--color-primary);transform:scale(1.2)}
.projects::after{content:'';position:absolute;top: 115px;left:0;background-color: #f5f5f5;clip-path:polygon(0 0,76% 0,72% 100%,0 100%);border-right:100px solid transparent;width:1400px;height: 370px;z-index:-1}
.h_news ul{display: grid;gap: 20px;grid-template-columns: repeat(4,1fr);padding-left:0;}
.h_news .img{height:240px;display:block}
.h_news ul img{width:100%;height: 100%;object-fit:cover;transition:transform .3s ease;border-radius: 5px 5px 0 0;}
.h_news .news_title{overflow:hidden;color:#333;text-overflow:ellipsis;margin: 7px 0 12px;font-weight:700;height: 45px;font-size: 15px;}
.h_car{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bg_cer{background:#6286a7}
.index_block.bg_cer .title{color:#fff}
.h_industry .overlay_text{position:absolute;top:35%;left:30%;padding:10px;min-width:145px;text-align:center;background:rgb(233 229 229 / 80%);font-weight:700;transition:all .3s}
.h_industry .box{position:relative}
.h_ProCate .item-link{display:block;padding:10px;height:100%}
.h_news ul li{list-style-type:none;background: #fff;margin-bottom: 30px;box-shadow: 1px 8px 8px rgb(118 68 68 / 10%);transition: var(--transition);border-radius: 5px;}
.h_ProCate .left .item-link{padding:20px}
.h_ProCate .item-link img{transition:all .3s}
.h_ProCate .item-link:hover img{transform:scale(1.05)}
.h_ProCate .item-link img{transition:all .3s}
.h_ProCate .item-link:hover img{transform:scale(1.05)}
.h_industry .box .box-link{display:block;height:100%}
.h_industry .box .box-link:hover .overlay_text{background:#fff}
.index_block .projects .title{margin-bottom:35px}
.h_news{margin-bottom:30px}
.h_news ul .info{padding:5px 10px}
.h_news ul li:hover{transform:translateY(-5px)}


.h_banner{position:relative}
.h_banner .title{position:absolute;top:20%;left:16%;color:#fff}
.h_banner .content{color:#fff;width:100%;background:#135086;height:auto;padding:25px 0}
.h_banner .title h2{font-size:40px;text-transform:uppercase}
.h_banner .title p{font-size:16px;text-transform:uppercase}
.h_banner .content .text{display:flex;justify-content:space-between;align-items:center}
.h_banner .text .right{display:flex;justify-content:space-between;align-items:center;gap:30px;width:70%}
.h_banner .num{font-size:45px;font-weight:700}
.h_banner .border{margin-top:50px;width:100px;height:2px;background:#fff}
.h_banner .text .left{width:180px}
.read_more{display:none}




@media(max-width:1024px){
    .h_banner .title h2{font-size:28px}
    .h_banner .num{font-size:28px}
    .h_banner .title{top:7%;left:7%}
    .h_industry{grid-template-columns:repeat(3,1fr)}
    .h_industry .overlay_text{left:22%}
    .h_news ul{grid-template-columns:repeat(2,1fr)}
    .ft_copy p{border:none}
    .h_car{justify-content:space-around}
    .project-slide--active{display:flex;flex-wrap:wrap;gap:var(--spacing-md);}
    .projects::after{width:stretch;clip-path:border-box;top:95px;height:450px;}
    .read_more{display:block;text-align:center;margin:20px 0 10px}
    .read_more a{display:inline-block;background:var(--color-primary);color:#fff;padding:7px 20px;border-radius:30px}

}

@media(max-width:767px){
    .h_ProCate .left{width:100%}
    .h_ProCate{flex-wrap:wrap}
    .h_ProCate .right{width:100%;grid-template-columns:repeat(2,1fr);gap:10px;}
    .h_industry{grid-template-columns:repeat(2,1fr)}
    .h_industry .overlay_text{left: 14%;top: 30%;padding: 7px;min-width: 140px;}
    .index_block{padding:20px 0}
    .index_block .title{margin:10px 0}
    .project-slide__detail-label{min-width:auto}
    .h_news ul{grid-template-columns:repeat(1,1fr)}
    .project-slide__info .project-slide__title{font-size:1.2rem;margin:0 0 10px}
    .h_banner .content .text{flex-wrap:wrap}
    .h_banner .text .right{width:100%;flex-wrap:wrap;justify-content:space-around}
    .project-slide__details{grid-template-columns:repeat(1,1fr)}
    .h_banner .border{display:none}
    .h_banner img{height:200px;object-fit:cover}
    .h_banner .title h2{font-weight:700}
    .h_banner .title p{font-weight:700;margin-top:20px;}
    .h_banner .content .left{text-align:center;width:100%;margin-bottom:15px;font-size: 16px;}
    .h_banner .content{padding:15px 0}
    .h_banner .right .box{min-width:150px;font-size:12px}
    .h_banner .sm_bd{display:inline-block}
    .h_banner .num{font-size:32px;margin-right:5px}
    .h_car{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 15px;margin:20px 0 25px}
    .project-slider__nav{margin-top:var(--spacing-md)}
    .h_news ul li{margin-bottom:5px}
    .h_news ul li:not(:first-child){display:none}
}