.top{
    height: 560px;
    background: url(../images/about-us.png) no-repeat;
    background-size: 1920px 560px;
    overflow: hidden;
}
.top-title{
    width: max-content;
    margin: 160px auto 46px;
    font-family: PingFangSC-Medium;
	font-size: 54px;
	color: #ffffff;
}
.top-subtitle{
    width: max-content;
    margin:0 auto;
    font-family: PingFangSC-Medium;
	font-size: 54px;
	color: #ffffff;
}
.about{
    height: 880px;
    background: #ffffff;
}
.about-list{
    height: 100%;
    width: 284px;
    background-color: #efefef;
    padding: 64px 0;
}
.about-item{
    padding: 36px 0;
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #333333;
}
.about-active{
    background: #ffffff;
    color: #b3241e;
    font-family: PingFangSC-Medium;
    position: relative;
}
.about-active::before{
    position: absolute;
    content: '';
    width: 10px;
    top:0;
    bottom: 0;
    left: 0;
    background: #b3241e;
}
.about-content{
    width: 920px;
    padding: 100px 0 100px 100px;
}
.about-us-title{
    font-family: PingFangSC-Regular;
	font-size: 20px;
	font-weight: normal;
    color: #333333;
    margin-bottom: 20px;
}
.about-us-title:not(:first-child){
    margin-top: 20px;
}
.about-us-text{
    font-family: PingFangSC-Regular;
	font-size: 16px;
	line-height: 50px;
	color: #999999;
}
.about-us-text p{
    text-indent: 2em;
}
.about-us-address-image{
    width: 732px;
    height: 300px;
    margin-bottom: 32px;
}
.iframe{
    border: none;
    width: 100%;
    height: 100%;
}