.factory {
    padding-top: 125px;
}
.factory-bg {
    width: 100%;
    height: 27.604vw;
    background-image: url('/static/images/about/banner5.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.factory-header {
    width: 72.917vw;
    height: 93px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 auto 2.396vw;
}
.factory-main {
    width: 72.917vw;
    margin: 0 auto;
    
}
#app {
    padding-bottom: 30px;
}
.factory-list {
    display: flex;
    flex-wrap: wrap;
}
.factory-item {
    width: 23.594vw;
    margin-bottom: 2.031vw;
    margin-right: 1.042vw;
}
.factory-item img {
    width: 100%;
    height: 17.188vw;
    margin-bottom: 1.25vw;
}
.factory-item div {
    text-align: center;
    font-size: .833vw;
}
.factory-item:nth-child(3n){
    margin-right: 0;
}
.about img,.about video{
    max-width: 100%;
}
@media (max-width:800px) {
    .factory-header {
        height: 40px;
        width: 95vw;
    }
    .factory-main {
        width: 95vw;
    }
    .about img,.about video{
        max-width: 100%;
    }
    .factory-item {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .factory-item:nth-child(3n) {
        margin-right: 2%;
    }
    .factory-item:nth-child(2n) {
        margin-right: 0;
    }
    .factory-item img {
        height: 35vw;
    }
    .factory-item div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #app {
        padding-bottom: 30px;
    }
}