/*
====================================
Single Pages
Project / Service / News / Certificate
====================================
*/


.single-page{

    padding:70px 0;

}


/*
标题
*/

.single-title{

    text-align:center;

    font-size:36px;

    font-weight:700;

    color:#12365a;

    margin-bottom:50px;

}



/*
左右布局
*/

.single-layout{

    display:flex;

    gap:50px;

    align-items:stretch;

    margin-bottom:50px;

}



/*
左侧图片区域
*/

.single-image{

    width:45%;

}



.single-image img{

    width:100%;

    height:380px;

    object-fit:cover;

    display:block;

}



/*
右侧简介区域
*/

.single-info{

    width:55%;

    background:#f6f8fa;

    padding:35px;

    border-left:4px solid #12365a;

}



.single-info p{

    margin:12px 0;

    line-height:2;

    font-size:16px;

    color:#444;

}



.single-info strong{

    color:#12365a;

}



/*
详细内容
*/

.single-content{

    margin-top:50px;

    font-size:17px;

    line-height:2;

    color:#444;

}



.single-content h2{

    font-size:28px;

    color:#12365a;

    margin-bottom:25px;

}



.single-content p{

    margin-bottom:20px;

}



.single-content img{

    max-width:100%;

    height:auto;

}



/*
工程案例图片展示
*/

.project-gallery{

    display:grid;

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

    gap:20px;

    margin-top:50px;

}



.project-gallery img{

    width:100%;

    height:240px;

    object-fit:cover;

    display:block;

}



/*
业务优势
*/

.service-advantage{

    margin-top:40px;

    padding:30px;

    background:#f6f8fa;

    line-height:2;

}



/*
新闻内容
*/

.news-content{

    line-height:2;

    font-size:17px;

}



.news-content img{

    max-width:100%;

    height:auto;

}



/*
荣誉资质
*/

.certificate-info{

    background:#f6f8fa;

    padding:35px;

}



/*
通用图片限制
防止上传大图撑爆页面
*/

.single-page img{

    max-width:100%;

}



.single-page table{

    width:100%;

}



/*
手机端
*/

@media(max-width:900px){


    .single-layout{

        display:block;

    }



    .single-image,
    .single-info{

        width:100%;

    }



    .single-image img{

        height:auto;

        margin-bottom:30px;

    }



    .single-title{

        font-size:28px;

    }



    .project-gallery{

        grid-template-columns:1fr;

    }



}



@media(max-width:480px){


    .single-page{

        padding:40px 15px;

    }



    .single-info{

        padding:20px;

    }



}



/*
====================================
关于我们页面专用
====================================
*/

.company-page .single-layout{

    gap:40px;

}


.company-page .single-image{

    flex:0 0 40%;

}


.company-page .single-info{

    flex:1;

    width:auto;

    box-sizing:border-box;

}



/*
公司名称
*/

.company-page .single-info h2{

    font-size:clamp(20px,2.5vw,30px);

    line-height:1.4;

    margin-top:0;

    margin-bottom:15px;

    text-align:left;

    white-space:normal;

    overflow-wrap:anywhere;

    word-break:break-all;

}



@media(max-width:768px){

    .company-page .single-info h2{

        font-size:22px;

    }

}


@media(max-width:480px){

    .company-page .single-info h2{

        font-size:18px;

    }

}