#about h3 {
    font-size: 30px;
    text-align: center;
    
}

#about .info_box {
    background: #fff url(../images/yfsl_bg.png) bottom no-repeat;
}

#about .info .info_box h3 {
    height: 100%;
    background: url(../images/01.png) center 20px no-repeat;
}

#about .info h3 {
    padding: 80px 0 85px;
}

#about .info .info_num {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    text-align: center;
}

#about .info .info_num li {
    width: 300px;
    height: 220px;
    box-sizing: border-box;
    padding-top: 40px;
}

#about .info .info_num li .num {
    width: 100%;
    height: 58px;
    font-size: 60px;
    color: #ef700b;
    font-family: 'impact';
}

#about .info .info_num li p {
    margin-top: 45px;
    font-size: 16px;
}

#about .info .info_num li:last-child {
    border-right: 0px
}

#about .info .info_con {
    padding: 60px 0px 60px 0px;
}

#about .info .info_txt {
    width: 665px;
    font-size: 15px;
    line-height: 35px;
}

#about .info .info_txt p {
    text-indent: 2em;
}

#about .advantage .w_1200 {
    background: url(../images/02.png) center -38px no-repeat;
}

#about .env {
    height: 700px;
    background: #f6f6f6;
}

#about .env .w_1200 {
    background: url(../images/03.png) center 30px no-repeat;
}

#about .env h3 {
    padding: 80px 0 55px;
}

#about .env .env_img {
    width: 100%;
    height: 480px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

#about .env .env_img div {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
}

#about .env .env_img img {
    display: block;
}

#about .contact {
    padding: 40px 0px;
}

#about .contact h3 {
    padding: 97px 0 33px;
    text-align: left;
    font-size: 38px;
}

#about .contact .way .line {
    height: 80px;
    width: 1px;
    margin: 0 35px 0 30px;
    background-color: #d9d9d9;
}

#about .contact .way p {
    font-size: 16px;
    color: #666;
    margin-bottom: 18px;
}

#about .contact .way .tel {
    font-size: 28px;
    font-weight: bold;
    color: #ff7f00;
}

#about .contact .map {
    height: 380px;
}

#about .contact .map img {
    display: block;
    height: 100%;
}

.advantage {
    padding-top: 60px;
    z-index: 0;
    position: relative;
    background-color: #f7f7f7;
}

.advantage ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 6px;
    margin-top: 60px;
}

.advantage ul li {
    margin-bottom: 38px;
    padding: 30px 30px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    text-align: center;
    width: 32%;
    box-shadow: 0 0px 24px rgba(0, 0, 0, 0.05);
}

.advantage ul li:hover {
    box-shadow: 0 6px 30px rgba(62, 150, 248, 0.05);
}

.advantage ul li .icon {
    width: 82px;
    height: 82px;
    margin: 0px auto 15px;
    display: block;
    background: url(../images/icon2.png) 0px 0px no-repeat;
}

.advantage ul li .con {
    width: 100%;
}

.advantage ul li .con .title {
    font-size: 18px;
    padding-bottom: 16px;
    color: #333;
}

.advantage ul li .con p {
    line-height: 20px;
    color: #999;
}

.advantage ul li:nth-child(2) .icon {
    background-position: 0px -80px;
}

.advantage ul li:nth-child(3) .icon {
    background-position: 0px -160px;
}

.advantage ul li:nth-child(4) .icon {
    background-position: 0px -240px;
}

.advantage ul li:nth-child(5) .icon {
    background-position: 0px -324px;
}

.advantage ul li:nth-child(6) .icon {
    background-position: 0px -410px;
}

.weixin {
    margin-left: 90px;
}