.about_banner{
    background: #3355db;
    height: 240px;
    width: 100%;
    background-size: cover;
    text-align: center;
}
.about_banner h1{
    color: #fff;
    font-size: 36px;
    padding-top: 80px;
    letter-spacing: 2px;
}
.about_con{
    background: url("../img/bg1.png") top center no-repeat;
    width: 100%;
    background-size: cover;
}
.about_list{
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px
    rgba(147, 172, 226, 0.1);
    border-radius: 10px;
    border: solid 1px #ecebf6;
    padding: 20px 40px 40px 40px;
    margin-top: -60px;
}
.about_list_left{
    background: url("../img/building.jpg") center;
    height: 240px;
    width: 540px;
    float: left;
    border-radius: 10px;
}
.about_list_right{
    float: left;
    width: calc(100% - 540px);
    padding: 20px 40px;
}
.about_list_right>h3{
    font-size: 24px;
    margin-bottom: 20px;
}
.about_list_right>p{
    color: #767e91;
    line-height: 30px;
}
.data_list li{
    float: left;
    width: 25%;
    padding-top: 50px;
    border-top: 1px solid #eee;
}
.data_list li>h1{
    font-size: 36px;
    color: #3355db;
    margin-bottom: 30px;
}
.data_list li>h4{
    font-size: 16px;
    color: #303753;
    margin-bottom: 14px;
}
.data_list li>p{
    font-size: 13px;
    color: #a8a8b3;
}
.doc_card li{
    position: relative;
    float: left;
    width: calc(33.3% - 20px);
    margin-right: 30px;
    height: 110px;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px
    rgba(147, 172, 226, 0.1);
    border: solid 1px #f3f2fc;
    border-radius: 10px;
    padding: 25px 0 0 100px;
}
.doc_card li:last-child{
    margin-right: 0;
}
.doc_card li>a{
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #303753;
    margin-bottom: 20px;
}
.doc_card li>p{
    color: #767e91;
    font-size: 14px;
}
.doc_card li>img{
    position: absolute;
    left: 30px;
    top: 32px;
    height: 36px;
}