.benefits {
    background: #040404 !important;
}

.benefits .con {}

.benefits .con>p {
    line-height: 1.5;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}
.LANG-cn .benefits .con>p {
    max-width: 610px;
}

.benefits .con ul {
    margin: 40px -10px 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.benefits .con ul li {
    width: 33.33%;
    float: left;
}

.benefits .con ul li .box {
    background-color: #111;
    margin: 0 10px;
    height: 100%;
}

.benefits .con ul li .box .pic {
    width: 100%;
}

.benefits .con ul li .box .pic img {
    width: 100%;
    display: block;
}

.benefits .con ul li .box .text {
    padding: 15px;
}

.benefits .con ul li .box .text h3 {
    line-height: 1.5;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.benefits .con ul li .box .text p {
    line-height: 1.5;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.6);
}

.benefits .con ul li .box .compared {
    padding: 15px 15px 40px;
}

.benefits .con ul li .box .compared .fl {
    width: 22%;
    float: left;
    margin-top: 10px;
}

.benefits .con ul li .box .compared .fl div {
    color: #888;
    padding: 2px 0;
}

.benefits .con ul li .box .compared .fr {
    width: 18%;
    float: left;
    color: #888;
    padding: 10px 0 0 5px;
}

.benefits .con ul li .box .compared .fr div {}

.benefits .con ul li .box .compared .line {
    width: 60%;
    float: left;
    overflow: hidden;
    position: relative;
}

.benefits .con ul li .box .compared .line .pic-line {
    position: absolute;
    left: 0;
    height: 4px;
}

.benefits .con ul li .box .compared .line .pic-line1 {
    background: url(//e.huawei.com/topic/wifi6-v3/wifi6-line1-1.png?ver=20190117) no-repeat left top;
    background-size: cover;
    -webkit-transition: width 1s linear 0.5s;
    transition: width 1s linear 0.5s;
    top: 21px;
    width: 100%;
}

.benefits .con ul li .box .compared .line .pic-line2 {
    background: url(//e.huawei.com/topic/wifi6-v3/wifi6-line2-2.png?ver=20190117) no-repeat left top;
    background-size: 100% 100%;
    -webkit-transition: width 1s linear 0.5s;
    transition: width 1s linear 0.5s;
    top: 48px;
    width: 30%;
}

.benefits .con ul li:nth-child(3) .box .compared .line .pic-line1 {
    width: 30%;
}

.benefits .con ul li:nth-child(3) .box .compared .line .pic-line2 {
    width: 100%;
}

.benefits .con ul li .box .compared .line img {
    width: 100%;
    display: block;
}

.benefits .con .link {
    text-align: center;
    padding: 20px 0 10px 0;
}

.benefits .con .link a {
    color: #50a9ab;
    font-size: 16px;
    margin: 10px 20px;
    display: inline-block;
}

.benefits .con .link a:hover {
    text-decoration: underline;
}

.benefits .con .link a em {
    font-style: normal;
}

.benefits .con .link a .iconfont {}

.hw-btn-wrap {
    text-align: center
}

.hw-btn-wrap .hw-btn {
    display: inline-block;
    font-size: 16px;
    border: 1px solid #fff;
    margin-top: 40px;
    color: #2ac9cd;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    padding: 2px 20px;
}

.hw-btn-wrap .hw-btn:hover {
    color: #fff;
}

.hw-btn-wrap .hw-btn span {}

.hw-btn-wrap .hw-btn em {}

@media(max-width: 920px) {
    .benefits .con ul li .box .compared .fl div {
        font-size: 12px;
    }

    .benefits .con ul li .box .compared .fr {
        width: 22%;
    }

    .benefits .con ul li .box .compared .fr div {
        font-size: 12px;
    }

    .benefits .con ul li .box .compared .line {
        width: 55%;
    }
}

@media(max-width: 750px) {

    .benefits .con ul li {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}