.banner{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.who_we_are{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.who_we_are .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}

.who_we_are .box .video{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: left;
}

.who_we_are .box .text{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: left;
}

.who_we_are .box .text h5{
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #696969;
}

.who_we_are .box .text h1{
    font-size: 30px;
    color: #050505;
}

.who_we_are .box .text p{
    font-size: 16px;
    color: #3b3b3b;
    line-height: 25px;
}

.data{
    width: 100%;
    height: 679px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: url('../images/about_data_background.png') center #13156d;
}

.data .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}

.data .box .list{
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 100px;
}

.data .box .list .li{
    width: 25%;
    height: auto;
    overflow: hidden;
    float: left;
    padding-bottom: 80px;
}

.data .box .list .li span{
    display: block;
    width: 100%;
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    text-align: left;
}

.data .box .list .li span .unit_1{
    font-size: 35px;
}

.data .box .list .li span .unit_2{
    font-size: 30px;
    margin-left: 10px;
    position: absolute;
}

.data .box .list .li span .unit_3{
    font-size: 35px;
}

.data .box .list .li div{
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

.competitive_edges{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.competitive_edges .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 130px;
}

.competitive_edges .box h1{
    font-size: 35px;
    color: #000;
}

.competitive_edges .box hr{
    width: 100px;
    height: 2px;
    background: #aaa;
    border: 0;
}

.competitive_edges .box .list{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

.competitive_edges .box .list .li{
    width: 33.33%;
    height: 150px;
    overflow: hidden;
    float: left;
}

.competitive_edges .box .list .li .icon{
    width: 120px;
    height: auto;
    overflow: hidden;
    text-align: left;
    float: left;
}

.competitive_edges .box .list .li .text{
    width: auto;
    height: auto;
    overflow: hidden;
    float: left;
}

.competitive_edges .box .list .li .text .title{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 22px;
    color: #303030;
    font-weight: bold;
    text-align: left;
}

.competitive_edges .box .list .li .text .des{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color: #1d1d1d;
    text-align: left;
    padding-top: 10px;
    font-weight: bold;
}

.quality_assurance{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #f7f7f7;
}

.quality_assurance .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
}

.quality_assurance .box h1{
    font-size: 35px;
    color: #000;
}

.quality_assurance .box hr{
    width: 100px;
    height: 2px;
    background: #aaa;
    border: 0;
}

.quality_assurance .box .content{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 100px;
}

.quality_assurance .box .content .left{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    color: #525252;
}

.quality_assurance .box .content .left img{
    margin-top: 50px;
}

.quality_assurance .box .content .right{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: right;
}

.quality_assurance .box .content .right .li{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    text-align: right;
}

.quality_assurance .box .content .right .li .video{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.quality_assurance .box .content .right .li .text{
    margin-left: auto;
    width: 600px;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    font-size: 16px;
    color: #1e1e1e;
    text-align: center;
}


.certification{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.certification .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
}

.certification .box h1{
    font-size: 35px;
    color: #000;
}

.certification .box hr{
    width: 100px;
    height: 2px;
    background: #aaa;
    border: 0;
}

.certification .box .list{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

.certification .box .list .li{
    width: 25%;
    height: auto;
    overflow: hidden;
    float: left;
}

.team_spirit{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.team_spirit .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
}

.team_spirit .box h1{
    font-size: 35px;
    color: #000;
}

.team_spirit .box hr{
    width: 100px;
    height: 2px;
    background: #aaa;
    border: 0;
}

.team_spirit .box .content{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

.team_spirit .box .content .left{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
}
.team_spirit .box .content .left .li{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 25px;
}

.team_spirit .box .content .right{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: right;
}

.team_spirit .box .content .right .text{
    margin-left: auto;
    margin-top: 25px;
    width: calc(100% - 10px);
    height: auto;
    overflow: hidden;
    background: #f7f7f7;
    text-align: center;
}

.team_spirit .box .content .right .text .des{
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: auto;
    overflow: hidden;
    text-align: left;
    font-size: 18px;
    color: #535353;
    line-height: 30px;
    padding-top: 68px;
    padding-bottom: 68px;
}


.factory_workshop_environment{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #f2f2f2;
}

.factory_workshop_environment .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

.factory_workshop_environment .box .top{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.factory_workshop_environment .box .top .content{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: center;
    background: #fafafa;
}

.factory_workshop_environment .box .top .content .des{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding-top: 44px;
    padding-bottom: 44px;
}

.factory_workshop_environment .box .top .content .des h1{
    font-size: 35px;
    color: #535353;
    padding-top: 0;
    margin-top: 0;
}

.factory_workshop_environment .box .top .content .des p{
    font-size: 18px;
    color: #535353;
    line-height: 20px;
}


.factory_workshop_environment .box .top .img{
    width: 50%;
    text-align: right;
    float: right;
}


.factory_workshop_environment .box .bottom{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.factory_workshop_environment .box .bottom .li{
    width: 24.25%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-right: 1%;
}

.factory_workshop_environment .box .bottom .li a img{
    width: 100%;
}

.factory_workshop_environment .box .bottom .li:nth-child(4n){
    margin-right: 0;
}


.customer_reviews{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.customer_reviews .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
}

.customer_reviews .box h1{
    font-size: 35px;
    color: #000;
}

.customer_reviews .box hr{
    width: 100px;
    height: 2px;
    background: #aaa;
    border: 0;
}

.customer_reviews .box .list{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}

.customer_reviews .box .list .swiper-button-next, .customer_reviews .box .list  .swiper-button-prev{
    top:auto !important;
    margin-top: 80px;
}

.customer_reviews .box .list .list_content{
    width: 100%;
    height: auto;
    float: left;
}

.customer_reviews .box .list .list_content .li{
    height: auto;
    overflow: hidden;
    text-align: center;
}

.customer_reviews .box .list .list_content .li .content{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    overflow: hidden;
    border: #d0d0d0 solid 1px;
    text-align: left;
    padding: 20px;
    font-size: 16px;
    color: #505050;
}

.customer_reviews .box .list .list_content .li .user{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.customer_reviews .box .list .list_content .li .user .icon{
    width: 60px;
    height: 50px;
    float: left;
    text-align: left;
}

.customer_reviews .box .list .list_content .li .user .text{
    width: 200px;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: left;
}

.customer_reviews .box .list .list_content .li .user .text .name{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color: #403f3f;
    font-weight: bold;
    margin-top: 5px;
}

.customer_reviews .box .list .list_content .li .user .text .director{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #757575;
}

/**
PAD
 */
@media screen and (max-width: 1025px){
    .who_we_are{
        width: 100vw;
    }

    .who_we_are .box{
        width: 100vw;
        padding: 0;
    }

    .who_we_are .box .video{
        width: calc(100vw - 20px);
        text-align: center;
        float: none;
        padding: 10px;
    }

    .who_we_are .box .video video{
        width: 100% !important;
        height: 100% !important;
    }

    .who_we_are .box .text{
        width: calc(100vw - 20px);
        text-align: center;
        float: none;
        padding: 10px 10px 50px 10px;
    }

    .who_we_are .box .text h5{
        text-align: center;
        font-size: 16px;
    }

    .who_we_are .box .text h1{
        text-align: center;
        font-size: 30px;
    }

    .who_we_are .box .text p{
        text-align: left;
        font-size: 12px;
    }

    .data{
        width: calc(100vw - 20px);
        padding: 10px;
        height: auto;
        background:  #13156d;
    }

    .data .box{
        width: 100%;
        padding: 0;
    }

    .data .box .list{
        width: 100%;
        padding-top: 40px;
    }

    .data .box .list .li{
        width: 50%;
        padding-bottom: 60px;
        text-align: center;
    }

    .data .box .list .li span{
        text-align: center;
        font-size: 40px;
    }

    .data .box .list .li span .unit_1{
        font-size: 25px;
    }

    .data .box .list .li span .unit_2{
        font-size: 20px;
    }

    .data .box .list .li span .unit_3{
        font-size: 25px;
    }

    .data .box .list .li div{
        text-align: center;
        font-size: 20px;
    }

    .competitive_edges{
        width: 100vw;
    }

    .competitive_edges .box{
        width: calc(100vw - 10px);
        padding-top: 10px;
    }

    .competitive_edges .box h1{
        font-size: 30px;
    }

    .competitive_edges .box .list{
        width: 100%;
    }

    .competitive_edges .box .list .li{
        width: 100%;
        height: auto;
        border-top: #d2d2d2 dashed 1px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .competitive_edges .box .list .li .icon{
        width: calc(40% - 20px);
        text-align: right;
    }

    .competitive_edges .box .list .li .text{
        width: 50%;
        padding-left: 20px;
    }

    .competitive_edges .box .list .li .text .title{
        width: 100%;
    }

    .competitive_edges .box .list .li .text .des{
        width: 100%;
    }

    .quality_assurance{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .quality_assurance .box{
        width: 100%;
        padding-top: 0;
    }

    .quality_assurance .box h1{
        font-size: 30px;
        color: #000;
    }

    .quality_assurance .box .content{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .quality_assurance .box .content .left{
        width: 100%;
        font-size: 14px;
    }

    .quality_assurance .box .content .left img{
        margin-top: 20px;
        width: 100%;
    }

    .quality_assurance .box .content .right{
        width: 100%;
    }

    .quality_assurance .box .content .right .li{
        width: 100%;
    }

    .quality_assurance .box .content .right .li .video{
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .quality_assurance .box .content .right .li .video img{
        width: 100%;
    }

    .quality_assurance .box .content .right .li .text{
        width: 100%;
    }

    .certification{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .certification .box{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .certification .box h1{
        font-size: 30px;
    }

    .certification .box .list{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .certification .box .list .li{
        width: 50%;
        padding-bottom: 20px;
    }



    .team_spirit{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .team_spirit .box{
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
    }

    .team_spirit .box h1{
        font-size: 30px;
        color: #000;
    }

    .team_spirit .box .content{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .team_spirit .box .content .left{
        width: 100%;
        float: none;
    }
    .team_spirit .box .content .left .li{
        width: 50%;
        margin-top: 25px;
    }

    .team_spirit .box .content .right{
        width: 100%;
        float: none;
    }

    .team_spirit .box .content .right .text{
        margin-left: auto;
        width: 100%;
    }

    .team_spirit .box .content .right .text .des{
        width: calc(100% - 80px);
        line-height: 30px;
        padding: 40px;
    }

    .factory_workshop_environment{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .factory_workshop_environment .box{
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .factory_workshop_environment .box .top{
        width: 100%;
    }

    .factory_workshop_environment .box .top .content{
        width: 100%;
        margin: 20px 0 0 0;
    }

    .factory_workshop_environment .box .top .content .des{
        width: calc(100% - 40px);
        padding: 20px;
    }

    .factory_workshop_environment .box .top .content .des h1{
        font-size: 30px;
        padding-top: 0;
        margin-top: 0;
    }

    .factory_workshop_environment .box .top .content .des p{
        font-size: 18px;
    }


    .factory_workshop_environment .box .top .img{
        width: 100%;
    }

    .factory_workshop_environment .box .top .img img{
        width: 100%;
        margin-top: 10px;
    }

    .factory_workshop_environment .box .bottom{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .factory_workshop_environment .box .bottom .li{
        width: 49.5%;
        text-align: center;
        margin-top: 10px;
    }

    .factory_workshop_environment .box .bottom .li a img{
        width: 100%;
    }

    .factory_workshop_environment .box .bottom .li:nth-child(2n){
        margin-right: 0;
    }

    .customer_reviews{
        width: calc(100vw - 20px);
    }

    .customer_reviews .box{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .customer_reviews .box h1{
        font-size: 30px;
        color: #000;
    }

    .customer_reviews .box .list{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 10px;
    }

    .customer_reviews .box .list .swiper-button-next, .customer_reviews .box .list  .swiper-button-prev{
        display: none !important;
    }

    .customer_reviews .box .list .list_content .li{
        width: 100%;
        float: none;
        margin-top: 40px;
    }

    .customer_reviews .box .list .list_content .li .content{
        font-size: 18px;
    }

    .customer_reviews .box .list .list_content .li .user{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        height: auto;
        overflow: hidden;
        margin-top: 20px;
    }

    .customer_reviews .box .list .list_content .li .user .icon{
        width: 60px;
        height: 50px;
        float: left;
        text-align: left;
    }

    .customer_reviews .box .list .list_content .li .user .text{
        width: 200px;
        height: auto;
        overflow: hidden;
        float: left;
        text-align: left;
    }

    .customer_reviews .box .list .list_content .li .user .text .name{
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 18px;
        color: #403f3f;
        font-weight: bold;
        margin-top: 5px;
    }

    .customer_reviews .box .list .list_content .li .user .text .director{
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 16px;
        color: #757575;
    }
}

/**
phone
 */
@media screen and (max-width: 481px){
    .who_we_are{
        width: 100vw;
    }

    .who_we_are .box{
        width: 100vw;
        padding: 0;
    }

    .who_we_are .box .video{
        width: calc(100vw - 20px);
        text-align: center;
        float: none;
        padding: 10px;
    }

    .who_we_are .box .video video{
        width: 100% !important;
        height: 100% !important;
    }

    .who_we_are .box .text{
        width: calc(100vw - 20px);
        text-align: center;
        float: none;
        padding: 10px 10px 50px 10px;
    }

    .who_we_are .box .text h5{
        text-align: center;
        font-size: 16px;
    }

    .who_we_are .box .text h1{
        text-align: center;
        font-size: 20px;
    }

    .who_we_are .box .text p{
        text-align: left;
        font-size: 12px;
    }

    .data{
        width: calc(100vw - 20px);
        padding: 10px;
        height: auto;
        background:  #13156d;
    }

    .data .box{
        width: 100%;
        padding: 0;
    }

    .data .box .list{
        width: 100%;
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .data .box .list .li{
        width: 100%;
        padding-bottom: 60px;
        text-align: center;
    }

    .data .box .list .li span{
        text-align: center;
        font-size: 40px;
    }

    .data .box .list .li span .unit_1{
        font-size: 25px;
    }

    .data .box .list .li span .unit_2{
        font-size: 20px;
    }

    .data .box .list .li span .unit_3{
        font-size: 25px;
    }

    .data .box .list .li div{
        text-align: center;
        font-size: 20px;
    }

    .competitive_edges{
        width: 100vw;
    }

    .competitive_edges .box{
        width: calc(100vw - 10px);
        padding-top: 10px;
    }

    .competitive_edges .box h1{
        font-size: 30px;
    }

    .competitive_edges .box .list{
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .competitive_edges .box .list .li{
        width: 100%;
        height: auto;
        border-top: #d2d2d2 dashed 1px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .competitive_edges .box .list .li .icon{
        width: 100px;
        text-align: center;
    }

    .competitive_edges .box .list .li .text{
        width: calc(100% - 110px);
        padding-left: 10px;
    }

    .competitive_edges .box .list .li .text .title{
        width: 100%;
        font-size: 22px;
    }

    .competitive_edges .box .list .li .text .des{
        width: 100%;
        font-size: 16px;
    }

    .quality_assurance{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .quality_assurance .box{
        width: 100%;
        padding-top: 0;
    }

    .quality_assurance .box h1{
        font-size: 30px;
        color: #000;
    }

    .quality_assurance .box .content{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .quality_assurance .box .content .left{
        width: 100%;
        font-size: 14px;
    }

    .quality_assurance .box .content .left img{
        margin-top: 20px;
        width: 100%;
    }

    .quality_assurance .box .content .right{
        width: 100%;
    }

    .quality_assurance .box .content .right .li{
        width: 100%;
    }

    .quality_assurance .box .content .right .li .video{
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .quality_assurance .box .content .right .li .video img{
        width: 100%;
    }

    .quality_assurance .box .content .right .li .text{
        width: 100%;
    }


    .certification{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .certification .box{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .certification .box h1{
        font-size: 30px;
    }

    .certification .box .list{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .certification .box .list .li{
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }


    .team_spirit{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .team_spirit .box{
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
    }

    .team_spirit .box h1{
        font-size: 30px;
        color: #000;
    }

    .team_spirit .box .content{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .team_spirit .box .content .left{
        width: 100%;
        float: none;
    }
    .team_spirit .box .content .left .li{
        width: 100%;
        float: none;
        margin-top: 25px;
    }

    .team_spirit .box .content .right{
        width: 100%;
        float: none;
    }

    .team_spirit .box .content .right .text{
        margin-left: auto;
        width: 100%;
    }

    .team_spirit .box .content .right .text .des{
        width: calc(100% - 40px);
        line-height: 30px;
        font-size: 14px;
        padding: 20px;
    }


    .factory_workshop_environment{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .factory_workshop_environment .box{
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .factory_workshop_environment .box .top{
        width: 100%;
    }

    .factory_workshop_environment .box .top .content{
        width: 100%;
    }

    .factory_workshop_environment .box .top .content .des{
        width: calc(100% - 40px);
        padding: 20px;
    }

    .factory_workshop_environment .box .top .content .des h1{
        font-size: 20px;
        padding-top: 0;
        margin-top: 0;
    }

    .factory_workshop_environment .box .top .content .des p{
        font-size: 14px;
    }


    .factory_workshop_environment .box .top .img{
        width: 100%;
    }

    .factory_workshop_environment .box .top .img img{
        width: 100%;
        margin-top: 10px;
    }

    .factory_workshop_environment .box .bottom{
        width: 100%;
        margin-top: 0;
    }

    .factory_workshop_environment .box .bottom .li{
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 10px;
        margin-right: 0;
    }

    .factory_workshop_environment .box .bottom .li a img{
        width: 100%;
    }

    .customer_reviews{
        width: calc(100vw - 20px);
    }

    .customer_reviews .box{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .customer_reviews .box h1{
        font-size: 30px;
        color: #000;
    }

    .customer_reviews .box .list{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 0;
    }

    .customer_reviews .box .list .swiper-button-next, .customer_reviews .box .list  .swiper-button-prev{
        display: none !important;
    }

    .customer_reviews .box .list .list_content .li{
        width: 100%;
        float: none;
        margin-top: 40px;
    }

    .customer_reviews .box .list .list_content .li{
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .customer_reviews .box .list .list_content .li .content{
        font-size: 14px;
    }

    .customer_reviews .box .list .list_content .li .user{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        height: auto;
        overflow: hidden;
        margin-top: 20px;
    }

    .customer_reviews .box .list .list_content .li .user .icon{
        width: 60px;
        height: 50px;
        float: left;
        text-align: left;
    }

    .customer_reviews .box .list .list_content .li .user .text{
        width: 200px;
        height: auto;
        overflow: hidden;
        float: left;
        text-align: left;
    }

    .customer_reviews .box .list .list_content .li .user .text .name{
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 16px;
        color: #403f3f;
        font-weight: bold;
        margin-top: 5px;
    }

    .customer_reviews .box .list .list_content .li .user .text .director{
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 14px;
        color: #757575;
    }
}