﻿.about {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    color: rgb(89, 85, 85);
}

.about .about-title {
    font-size: 50px;
}

.about .about-title-img {
    width: 245px;
    object-fit: contain;
    margin-left: 340px;
}
.about .about-banner-box{
    position: relative;
    width: 100%;
    height: 575px;
    margin-top: 20px;
}
.about .about-banner-box .banner-logo{
    position: absolute;
    left: 226px;
    top: 159px;
    width: 405px;
    height: 216px;
}
.about .about-banner-box .banner-background{
    width: 100%;
    height: 575px;
}
.certificate{
    padding: 75px 300px;
    color:rgb(113, 112, 113);
    font-size: 20px;
    line-height: 2; 
}
.certificate .certificate-box {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.certificate .certificate-img{
    width:380px;
    height:260px;
    margin-right: 138px;
}
.certificate certificate-box .text-content{
    flex: 1; 
    padding-left: 40px;
}
.certificate .certificate-list{
    width: 100%;
    object-fit:cover;
    margin-top: 106px; 
}
.certificate .certificate-bottom{
    display:flex;
    width: 1111px;
    margin: 0 auto;
    margin-top: 80px;
}
.certificate .certificate-bottom .certificate-gold{
    width: 328px;
    height: 452px;
}
.certificate .certificate-bottom .text-content{
    display: flex;
    flex: 1;
    margin-left: 200px;
    margin-top: 100px;
}
.certificate-bottom h1 {
    font-size: 40px;
    color: rgb(89, 85, 85);
    font-weight: 400;
    margin-right: 14px;
}