body {
    font-size: 62.5%
}

p, h1, h3, h4 {
    padding: 0;
    margin: 0;
}

.about-section01 {
    width: 100%;
    height: 487px;
    background: url(../imgs/about-bg.png) no-repeat 50% 100%;
    background-size: cover;
}

.about-section01 h1, .about-section01 p {
    width: 100%;
    text-align: center;
    color: #fff;
}

.about-section01 h1 {
    font-size: 4.8em;
    padding-top: 21vh;
    letter-spacing: 0.2em;
}

.about-section01 p {
    font-size: 2.4em;
    padding-top: 40px;
    letter-spacing: 0.4em;
}

.about-section02 {
    width: 100%;
    /*height: 600px;*/
    background: url("../imgs/about_info_bg.png") no-repeat;
    background-size: cover;
}

.about-section02 .company-info {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 14vh;
}

.info-company, .info-shudian {
    max-width: 1204px;
    margin: 0 auto;
    width: 100%;
}
.company-info .info-content:first-child {
    padding: 150px 15px 60px 15px;
    display: flex;
}
.company-info .info-content:nth-child(2) {
    padding: 70px 15px 60px 15px;
    display: flex;
}
.company-info hr {
    margin: 0;
}

.company-info h3.title {
    width: 100%;
    font-size: 3.6em;
    line-height: 1em;
    color: #100028;
    text-align: center;
    padding-top: 100px;
    font-weight: 400;
    letter-spacing: 0.2em;
}

.info-content .info-des p strong {
    font-size: 3em;
}

.info-content .info-des {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 50px 0 50px 79px;
}
.info-content .info-des h3 {
    font-size: 36px;
    letter-spacing: 0.2em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 0 50px 0;
    font-weight: normal;
}
.info-content .info-des p {
    font-size: 1.4em;
    line-height: 2.4em;
    color: #4F4F4F;
    padding-bottom: 16px;
    width: 94%;
    text-align: justify;
    max-width: 528px;
}

.shudian-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}

.shudian-item li {
    position: relative;
    height: 333px;
    width: 228px;
    border-radius: 32px 0px 32px 0px;
    box-shadow: 0px 6px 26px rgba(112, 95, 173, 0.45);
}

.shudian-item p.li-title {
    width: 100%;
    position: absolute;
    top: 191px;
    text-align: center;
    font-size: 2em;
    font-family: PingFang SC;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}

.shudian-item p.li-intro {
    position: absolute;
    top: 224px;
    width: 100%;
    padding: 8px 15px;
    font-size: 1.4em;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 21px;
}

.shudian-item i.li-icon {
    position: absolute;
    display: block;
}

.shudian-item li:nth-child(1) {
    background: url("../imgs/about_info_01.png");
}

.shudian-item li:nth-child(2) {
    background: url("../imgs/about_info_02.png");
}

.shudian-item li:nth-child(3) {
    background: url("../imgs/about_info_03.png");
}

.shudian-item li:nth-child(1) .li-icon {
    width: 50px;
    height: 62px;
    background: url(../imgs/about_info_icon_01.png);
    position: absolute;
    top: 108px;
    left: 89px;
}

.shudian-item li:nth-child(2) .li-icon {
    background: url("../imgs/about_info_icon_02.png");
    width: 54px;
    height: 50px;
    position: absolute;
    top: 113px;
    left: 88px;
}

.shudian-item li:nth-child(3) .li-icon {
    background: url("../imgs/about_info_icon_03.png");
    width: 54px;
    height: 51px;
    position: absolute;
    top: 111px;
    left: 87px;
}

.about-section03 {
    width: 100%;
    height: 737px;
    background: rgba(247, 247, 247, 1);
    background-size: contain;
}

.about-section03 .contact {
    background: url(../imgs/about_lianxi_bg.png) no-repeat;
    height: 737px;
    background-size: 100% 101%;
}
.about-section03 .contact h3 {
    padding-top: 109px;
    text-align: center;
    font-size: 3.6em;
    font-family: PingFang SC;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
}
.contact .contact-info {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    padding: 40px 0;
}
.contact-info .address p {
    font-size: 1.4em;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 36px;
    letter-spacing: 0.1em;
}
.contact-map {
    background: url(../imgs/about_map.png) no-repeat;
    width: 100%;
    max-width: 1260px;
    height: 363px;
    margin: 0 auto;
    background-size: 100% 100%;
    position: relative;
    bottom: 423px;
}