*{
    padding: 0;
    margin: 0;
}

.banner-1 {
    width: 100%;
}

.banner-1 img {
    width: 100%;
    height: auto;
}

.in-pic-1 {
    width: 60%;
    margin: 80px auto;
}

.in-pic-1 img {
    width: 100%;
    height: auto;
}

.characters-intro {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto 50px auto;
}

.characters-intro .info {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.characters-intro img {
    width: 70%;
    height: auto;
}

.characters-intro .name {
    margin: 20px 0;
    text-align: center;
    width: 75px;
    height: 21px;
    font-size: 22px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:29px;
}

.characters-intro .leader {
    font-size:15px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:25px;
}

.banner-2 {
    width: 100%;
    margin-bottom: 50px;
}

.banner-2 img {
    width: 100%;
    height: auto;
}

.project-type {
    width: 60%;
    margin: auto;

}

.project-type .type{
    width: 100%;
    height: 100px;
    margin-bottom: 30px;
}

.project-type .type .top{
    width: 100%;
    display: flex;
    align-items: center;
}

.project-type .type .dibu{
    width: 100%;
    padding-left: 4%;
    font-size:18px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(51,51,51,1);
}

.project-type .type img{
    width: 3%;
}

.project-type .title {
    width: 100%;
    padding-left: 1%;
    font-size:24px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:48px;
}

.fgx {
    border-bottom: 1px solid rgba(191,191,191,1);
}