.about-bg {
    padding: 40px 0 7.031vw;
    min-height: 100%;
}
.main .about-bg {
    padding-bottom: 7.031vw;
}
.pro-list {
    width: 79.688vw;
    display: flex;
    flex-wrap: wrap;
    /*background-color: #fff;*/
    margin:  0 auto;
}
.pro-item {
    width: 15.625vw;
	height: 160px;
	margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
}
.pro-con {
    display: flex;
    margin-bottom: 30px;
}
.pro-hea {
    display: flex;
    align-items: center;
    margin-right: 5.156vw;
}
.pro-hea-line {
    width: 6px;
	height: 1.563vw;
	background-color: #015cb9;
	margin-right: 19px;
}
.pro-hea-title {
    font-size: 1.563vw;
    color: #333333;
}
.pro-main {
    display: flex;
    flex-wrap: wrap;
}

.pro-item img {
    width: 50px;
    margin-bottom: 2.448vw !important;
}
.pro-item div {
    font-size: .8333vw;
    color: #333;
}
.pro-item img:nth-child(2){
    display: none;
}
.pro-xuan {
    background-color: #015cb9;
}
.pro-xuan div {
    color: #fff;
}
.pro-xuan img:nth-child(1){
    display: none;
}
.pro-xuan img:nth-child(2){
    display: block;
}
.pro-item:hover {
    background-color: #015cb9;
}
.pro-item:hover div{
    color: #fff;
}
.pro-item:hover img:nth-child(1){
    display: none;
}
.pro-item:hover img:nth-child(2){
    display: block;
}

@media (max-width:835px) {
    .pro-list {
        flex-direction: column;
        width: 95%;
    }
    .pro-item {
        width: 49%;
        height: auto;
        padding: 30px 0;
        margin-bottom: 10px;
    }
    .pro-item img {
        width: 40px;
        height: auto;
        margin-bottom: 20px !important;
    }
    .pro-item div {
        font-size: 14px;
    }
    .about-bg {
        padding: 20px 0 20px;
        min-height: 100%;
    }
    .main .about-bg {
        padding-bottom: 0;
    }
    .pro-con {
        flex-direction: column;
    }
    .pro-hea {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pro-hea-title {
        font-size: 18px;
    }
    .pro-hea-line {
        height: 18px;
    }
    .pro-item {
        margin-right: 2%;
    }
    .pro-item:nth-child(2n){
        margin-right: 0;
    }
}