/*
=========================
首页基础
=========================
*/


.home-company .company-text{

    font-size:18px;

    line-height:2;

}





/*
=========================
首页Banner
=========================
*/


.home-banner{

    width:1200px;

    max-width:92%;

    height:300px;

    margin:30px auto;

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

    display:flex;

    align-items:center;

    overflow:hidden;

}





.home-banner .container{

    width:100%;

    max-width:none;

    padding:0 50px;

}





.banner-content{

    max-width:800px;

    color:#fff;

}





.banner-content h1{

    font-size:42px;

    line-height:1.4;

    margin-bottom:20px;

}





.banner-content p{

    font-size:22px;

    margin-bottom:35px;

}





/*
=========================
首页统一卡片
=========================
*/


.service-grid,
.project-grid,
.certificate-grid{


    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;


}




.service-card,
.project-card,
.certificate-card{


    background:#fff;

    border:1px solid #eee;

    border-radius:6px;

    overflow:hidden;

    transition:.3s;

    display:flex;

    flex-direction:column;

}





.service-card:hover,
.project-card:hover,
.certificate-card:hover{


    transform:translateY(-5px);

    box-shadow:0 8px 20px rgba(0,0,0,.08);


}





.service-card a,
.project-card a,
.certificate-card a{


    display:block;

}





/*
=========================
图片统一
=========================
*/


.service-card img,
.project-card img,
.certificate-card img{


    width:100%;

    height:240px;

    object-fit:cover;

}





/*
=========================
标题
=========================
*/


.service-card h3,
.project-card h3,
.certificate-card h3{


    font-size:20px;

    color:#12365a;

    padding:20px;

    margin:0;

    line-height:1.5;


}





.service-card h3,
.project-card h3,
.certificate-card h3{


    min-height:70px;


}





/*
=========================
按钮
=========================
*/


.service-card>a:last-child,
.project-card span,
.certificate-card>a:last-child{


    margin:0 20px 20px;

    color:#0d4d8b;

    font-size:14px;


}





.service-card>a:last-child,
.certificate-card>a:last-child{


    margin-top:auto;

}





/*
=========================
业务介绍
=========================
*/


.home-service .service-card img{

    height:220px;

}





/*
=========================
工程案例
=========================
*/


.home-project .project-card img{


    height:260px;


}





.home-project .project-card h3{


    color:#12365a;


}





/*
=========================
荣誉资质
=========================
*/


.home-certificate .certificate-card img{


    height:260px;

    object-fit:contain;

    background:#f7f7f7;

    padding:10px;


}





/*
=========================
新闻
=========================
*/


.home-news li{


    border-bottom:1px solid #eee;

    padding:15px 0;

    font-size:18px;


}



.home-news li a{


    display:block;

}





/*
=========================
联系我们
=========================
*/


.home-contact{

    background:#f5f7fa;

}





/*
=========================
平板
=========================
*/


@media(max-width:1000px){


.service-grid,
.project-grid,
.certificate-grid{


    grid-template-columns:repeat(2,1fr);


}




.banner-content h1{

    font-size:34px;

}



}





/*
=========================
手机
=========================
*/


@media(max-width:600px){



.section{

    padding:50px 0;

}




.home-banner{


    height:200px;

    margin:20px auto;


}





.home-banner .container{


    padding:0 25px;


}




.banner-content{


    max-width:100%;


}





.banner-content h1{


    font-size:26px;

    line-height:1.5;


}





.banner-content p{


    font-size:16px;

    margin-bottom:20px;


}





.service-grid,
.project-grid,
.certificate-grid{


    grid-template-columns:1fr;

    gap:20px;


}





.service-card img,
.project-card img,
.certificate-card img{


    height:210px;


}





.home-project .project-card img{


    height:220px;


}





.home-certificate .certificate-card img{


    height:220px;


}





.service-card h3,
.project-card h3,
.certificate-card h3{


    font-size:18px;

    min-height:auto;

    padding:15px;


}





.service-card>a:last-child,
.project-card span,
.certificate-card>a:last-child{


    margin:0 15px 15px;


}





.home-news li{


    font-size:16px;

    padding:12px 0;


}



.company-text{


    font-size:16px;


}



}