/************************ banner ****************************/
.mw-slider {
    width: 100%;
}

.mw-slider .flexslider {
    /*background-color: #202226;*/
    /*background-image: linear-gradient(#0d101a,#1b1f2e);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d101a', endColorstr='#1b1f2e');*/
    background: url("../image/banner_bg.png") repeat;
    height: auto;
}

.mw-slider .flexslider .slides {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mw-slider li {
    height: 27.5rem;
    background-position: center;
    background-size: cover;
}

.mw-slider li.one {
    background-image: url("../image/index_banner001.jpg");
}

.mw-slider li.two {
    background-image: url("../image/index_banner002.jpg");
}

.mw-slider li.three {
    background-image: url("../image/index_banner003.jpg");
}

.mw-slider li.four {
    background-image: url("../image/index_banner004.jpg");
    background-size: cover;
}

.mw-slider li.one .desc {
    position: relative;
    top: 11rem;
    color: #fff;
    padding-left: 1.5rem;
    margin-left: 12%;
    width: 30rem;
}

.mw-slider li.one .desc h1 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    text-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.75);
}

.mw-slider li.one .desc h3 {
    font-size: 1.3rem;
    margin-bottom: 4rem;
}

.mw-slider li.one .desc p {
    font-size: 1.1rem;
}

.mw-slider li.one .desc .link {
    color: #fff;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #07d4eb;
    cursor: pointer;
}

.mw-slider li.two .desc {
    position: relative;
    color: #fff;
    padding-left: 1.5rem;
    margin-left: 12%;
    top: 14.5rem;
    left: 0;
    width: 20rem;
}


.mw-slider li.two .desc h2 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    text-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.75);
}

.mw-slider li.two .desc h3 {
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
}


.mw-slider li.two .desc p {
    font-size: 1.1rem;
    margin-bottom: 0.6rem;
    line-height: 1.1rem;
}

.mw-slider li.three .desc {
    position: relative;
    top: 8.8rem;
    left: 50%;
    color: #fff;
    text-align: left;
    width: 30rem;
    padding-right: 1.5rem;
}

.mw-slider li.three .desc h1 {
    font-size: 2rem;
    margin-bottom: 0.8rem;
    text-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.75);
}


.mw-slider li.three .desc p {
    font-size: 0.8rem;
}

.mw-slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 1000;
    height: 2rem;
}


.mw-slider li .picture {

}


@media (min-width: 1200px) {
    .mw-slider .flexslider .slides {
        width: 100%;
    }
}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-slider .flexslider .slides {
        width: 100%;
    }
}

@media (min-width: 991px) {
    .mw-slider {
        margin-top: 8rem;
    }
}

@media (max-width: 991px) {
    .mw-slider {
        margin-top: 5rem;
    }
}

@media (max-width: 1136px) {
    .mw-slider li.three .desc {
        margin-right: 28%;
    }

    .mw-slider li.two .desc {
        margin-left: 0;
    }

    .mw-slider li.one .desc {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .mw-slider .flexslider .slides {
        width: 100%;
    }

    .mw-slider li.one {
        background-image: url("../image/mobile/index_banner1.jpg");
    }

    .mw-slider li.two {
        background-image: url("../image/mobile/index_banner2.jpg");
    }

    .mw-slider li.three {
        background-image: url("../image/mobile/index_banner3.jpg");
    }

    .mw-slider li.four {
        background-image: url("../image/mobile/index_banner4.jpg");
    }

    .mw-slider li.two .desc {
        margin-left: 0;
    }

    .mw-slider li.one .desc {
        margin-left: 0;
    }
}

/************************ peculiarity ****************************/
.mw-peculiarity {
    width: 100%;
    /*background-color: rgba(44, 49, 56, 0.92);*/
    background-color: #171a26;
}


.mw-peculiarity-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    height: 3.4rem;
}

.mw-peculiarity-row {
    width: 100%;
    margin-top: 0.55rem;
    margin-bottom: 0.5rem;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline;
    white-space: nowrap;

    float: left;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
    overflow: -moz-hidden-unscrollable;
    margin-left: 0;
    margin-right: 0;

    /*padding-bottom: 0.5rem;*/
}

.mw-peculiarity-row::-webkit-scrollbar {
    display: none;
}

.mw-peculiarity-col {
    display: inline-block;
    width: 15rem;
    /*padding-left: 0.5rem;*/
    height: 2.1rem;
    /*margin-top: 0.55rem;*/
}

.mw-peculiarity-col .tx_img_div {
    float: left;
}

.mw-peculiarity-col .tx_img_div img {
    width: 2.1rem;
    -webkit-text-size-adjust: none;
}

.mw-peculiarity-col .tx_desc_div {
    float: left;
    margin-left: 1.2rem;
    /*padding-top: 0.3rem;*/
    /*padding-bottom: 0.3rem;*/
}

.mw-peculiarity-col .tx_desc_div h5 {
    font-size: 0.7rem;
    color: #ffffff;
    margin-bottom: 0.7rem;
    line-height: 0.7rem;
    font-weight: 700;
}

.mw-peculiarity-col .tx_desc_div p {
    font-size: 0.6rem;
    color: rgba(255, 255, 255, .5);
    line-height: 0.6rem;
}

@media (min-width: 1200px) {
    .mw-peculiarity-wrap {
        width: 1200px;
        padding: 0;

    }

    .mw-peculiarity-col:last-child {
        /*padding-right: 1.5rem;*/
    }

    .mw-peculiarity-row {
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        overflow: -moz-scrollbars-none;
        overflow: -moz-hidden-unscrollable;
    }

    .mw-peculiarity-row::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-peculiarity-wrap {
        padding-left: 1.5rem;
    }

    .mw-peculiarity-col:last-child {
        padding-right: 1.5rem;
    }

}

@media (max-width: 767px) {
    .mw-peculiarity-wrap {
        height: 4.4rem;
    }

    .mw-peculiarity-col {
        height: auto !important;
        padding-left: 2.7rem;
        width: auto !important;
        margin-top: 0.8rem;
    }

    .mw-peculiarity-col .tx_img_div {
        margin-top: 0.4rem;
    }

    .mw-peculiarity-col:last-child {
        padding-right: 1.5rem;
    }

    .mw-peculiarity-row {
        overflow-x: scroll;
        height: 100%;
        max-height: 4.4rem;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        overflow: -moz-scrollbars-none;
        overflow: -moz-hidden-unscrollable;
        margin: 0;
    }

    .mw-peculiarity-row::-webkit-scrollbar {
        display: none;
    }

    .mw-peculiarity-col .tx_desc_div {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mw-peculiarity-col .tx_desc_div h5 {
        font-size: 1.2rem !important;
        line-height: 1.3rem;
        margin-bottom: 0.4rem !important;
    }

    .mw-peculiarity-col .tx_desc_div p {
        font-size: 1.1rem !important;
        line-height: 1rem;
    }
}

/************************ service ****************************/

.mw-service {
    width: 100%;
    background: url("../image/service_scope_bg.jpg") center no-repeat;
    position: relative;
    background-size: cover;
    /*padding-top: 2.5rem;*/
}

.mw-service-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}


.mw-service-title {
    margin: 0;
    padding-top: 3rem;
}

.mw-service-title > p {
    font-size: 3.2rem;
    line-height: 2.4rem;
    font-weight: 900;
    color: #20193f;
}

.mw-service-title > p span {
    display: inline-block;
    color: #493095;
    line-height: 2.4rem;
}

.mw-service-title-en {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

.mw-service-title-en .mw-service-title-span {
    color: #12151e;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-right: 0.85rem;
    font-weight: normal;
}

.mw-service-title-en img {
    width: 1.4rem;
}

.mw-service-row {
    margin-top: 2.5rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
}

.mw-service-col {
    margin-left: 0 !important;
    margin-right: 0 !important;;
    padding-bottom: 3.7rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mw-service-col .content {
    /*border: 1px solid #ffffff;*/
    background-color: rgba(255, 255, 255, 0.9);
    height: 27.65rem;
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    padding-bottom: 0.9rem;
    overflow: hidden;
}

.mw-service-col .content:hover {
    /*border: 1px solid rgba(7, 212, 235, 0.5);*/
    box-shadow: 2px 5px 25px 1px rgba(111, 93, 169, 0.35);
    background-color: rgba(255, 255, 255, 1);
    transition: all 0.3s ease;
}

.mw-service-col .service_main_img {
    width: 100%;
    height: auto;
    text-align: center;
    /*padding-top: 2rem;*/
}

.mw-service-col .service_main_img img {
    /*max-width: 11rem;*/
    width: 100%;
}

.mw-service-col .service_num {
    width: 100%;
    padding-left: 1rem;
    padding-top: 0.35rem;
    /*text-align: center;*/
}

.mw-service-col .service_num h4 {
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
    line-height: 0.9rem;
    color: rgba(94, 74, 157, 1);
    font-weight: 500;
    letter-spacing: 0rem;
}

.mw-service-col .service_num h2 {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: rgba(94, 74, 157, 1);
    font-weight: bold;
}

.mw-service-col .jianjie {
    width: 100%;
    padding-top: 0.9rem;
}

.mw-service-col .jianjie .jianjie_li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}

.mw-service-col .jianjie .jianjie_li span {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}

.mw-service-col .jianjie .jianjie_li h3 {
    margin-left: 0.65rem;
    min-width: 11.25rem;
    height: 2.1rem;
    line-height: 2.1rem;
    border-radius: 1.05rem 0rem 0rem 1.05rem;
    color: #ffffff;
    padding-left: 1.2rem;
    font-size: 1.1rem;
}

.mw-service-col .content_1 .service_num h4,
.mw-service-col .content_1 .service_num h2 {
    color: #6f5da9;
}

.mw-service-col .content_1 .jianjie_li span,
.mw-service-col .content_1 .jianjie_li div,
.mw-service-col .content_1 .jianjie_li h3 {
    background: #6f5da9;
}

.mw-service-col .content_2 .service_num h4,
.mw-service-col .content_2 .service_num h2 {
    color: #07D4EB;
}

.mw-service-col .content_2 .jianjie_li span,
.mw-service-col .content_2 .jianjie_li div,
.mw-service-col .content_2 .jianjie_li h3 {
    background: #07D4EB;
}

.mw-service-col .content_3 .service_num h4,
.mw-service-col .content_3 .service_num h2 {
    color: #FF8D1D;
}

.mw-service-col .content_3 .jianjie_li span,
.mw-service-col .content_3 .jianjie_li div,
.mw-service-col .content_3 .jianjie_li h3 {
    background: #FF8D1D;
}

.mw-service-col .content_4 .service_num h4,
.mw-service-col .content_4 .service_num h2 {
    color: #306EE0;
}

.mw-service-col .content_4 .jianjie_li span,
.mw-service-col .content_4 .jianjie_li div,
.mw-service-col .content_4 .jianjie_li h3 {
    background: #306EE0;
}

@media (min-width: 1200px) {
    .mw-service-wrap {
        width: 1200px;
        padding: 0;
        /*padding-left: 1.5rem !important;*/
        /*padding-bottom: 1rem !important;*/
    }

    .mw-service-col {
        padding-right: 1rem !important;
        /*padding-bottom: 1.5rem !important;*/
    }
}

@media (min-width: 768px) and (max-width: 914px) {
    .mw-service-col {
        width: 50% !important;
    }
}

@media (min-width: 915px) and (max-width: 991px) {
    .mw-service-col {
        width: 33% !important;
    }
}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-service-wrap {
        width: 100%;
        padding-left: 1.5rem;
    }

    .mw-service-col {
        padding-right: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .mw-service-title {
        padding-top: 2.2rem;
    }

    .mw-service-title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .mw-service-title-en {
        margin-top: 1.15rem;
    }

    .mw-service-title-en mw-service-title-span {
        font-size: 1.6rem;
        letter-spacing: 0 !important;
    }

    .mw-service-row {
        margin-top: 1.75rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        padding: 0;
    }

    .mw-service-col {
        padding-bottom: 1.5rem;
    }

    .mw-service-col .content {
        max-width: 16.5rem;
    }

    .mw-service-col .service_main_img {
        padding-top: 1.5rem;
    }

    .mw-service-col .service_num {
        padding-top: 1rem;
    }

    .mw-service-col .jianjie {
        padding-top: 0.4rem;
        padding-left: 0;
    }

    .mw-service-col .jianjie h6 {
        font-size: 1.2rem;
        width: 13rem;
        letter-spacing: 0 !important;
    }

    .mw-service-col .desc {
        padding: 1.5rem;
        padding-top: 1rem;
    }

    .mw-service-col .desc p {
        font-size: 1.3rem;
        letter-spacing: 0 !important;
        line-height: 1.65rem;
        color: #999;
    }

    .mw-service-col .content {
        height: auto;
    }
}

@media (max-width: 767px) {
    .mw-service-wrap {
        width: 34.5rem;
        padding-bottom: 2.7rem;
    }

    .mw-service-title {
        padding-top: 2.2rem;
    }

    .mw-service-title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .mw-service-title-en {
        margin-top: 1.15rem;
    }

    .mw-service-title-en mw-service-title-span {
        font-size: 1.6rem;
        letter-spacing: 0 !important;
    }

    .mw-service-row {
        margin-top: 1.75rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        padding: 0;
    }

    .mw-service-col {
        padding-bottom: 1.5rem;
    }

    .mw-service-col .content {
        max-width: 16.5rem;
    }

    .mw-service-col .service_main_img {
        padding-top: 1.5rem;
    }

    .mw-service-col .service_num {
        padding-top: 1rem;
    }

    .mw-service-col .jianjie {
        padding-top: 0.4rem;
        padding-left: 0;
    }

    .mw-service-col .jianjie h6 {
        font-size: 1.2rem;
        width: 13rem;
        letter-spacing: 0 !important;
    }

    .mw-service-col .desc {
        padding: 1.5rem;
        padding-top: 1rem;
    }

    .mw-service-col .desc p {
        font-size: 1.3rem;
        letter-spacing: 0 !important;
        line-height: 1.65rem;
        color: #999;
    }

    .mw-service-col .content {
        height: auto;
    }
}

/************************ superiority ****************************/

.mw-superiority {
    width: 100%;
    background: url("../image/superiority_bg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 7.2rem;
}

.mw-superiority .superiority_wrap {
    /*width: 100%;*/
    padding: 0;
    /*padding-left: 1.5rem;*/
}

.superiority_wrap .superiority_title {
    margin: 0;
    padding-top: 3.8rem;
}

.superiority_title > p {
    font-size: 3.2rem;
    line-height: 2.4rem;
    font-weight: 900;
    color: #fff;
}

.superiority_title > p span {
    display: inline-block;
    color: #493095;
    line-height: 2.4rem;
}

.superiority_title-en {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

.superiority_title-en .superiority_title-span {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-right: 0.85rem;
    font-weight: normal;
}

.superiority_title-en img {
    width: 1.4rem;
}


.superiority_wrap .superiority_row {
    width: 100%;
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    /*padding-bottom: 1rem;*/
    padding-left: 0.5rem;
}

.superiority_wrap .superiority_row .superiority_col {
    padding-left: 0;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-top: 0;
}

.superiority_col .content {
    /*border: 0.05rem solid #fff;*/
    border-radius: 0.25rem;
    height: 12.00rem;
    background-color: rgba(255, 255, 255, 0.95);
    max-width: 36rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.superiority_col .content:hover {
    background-color: rgba(255, 255, 255, 1);
    transition: all 0.3s ease;
}

.superiority_col .content .picture {
    padding-left: 1.5rem;
}

.superiority_col .content .picture img {
    width: 6.30rem;
    height: 6.30rem;
}

.superiority_col .content .desc {
    padding-left: 1.20rem;
    overflow: hidden;
    padding-right: 1.5rem;
}

.superiority_col .content .desc h2 {
    font-size: 1.40rem;
    color: #000;
    margin-bottom: 1.00rem;
    font-weight: bold;
}

.superiority_col .content .desc p {
    font-size: 0.90rem;
    color: rgba(18, 21, 30, .5);
}

.superiority_col .content .desc h3 {
    font-size: 1.40rem;
    color: #000;
    margin-bottom: 1.00rem;
}

@media (min-width: 1200px) {
    .mw-superiority .superiority_wrap {
        width: 60.00rem;
    }
}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-superiority .superiority_wrap {
        width: 100%;
        padding-left: 1.5rem;
    }

    .superiority_wrap .superiority_title {
        padding-right: 0;
        padding-top: 2.2rem;
    }

    .superiority_title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .superiority_wrap .superiority_row {
        margin-top: 1.55rem;
        padding: 0;
    }

    .superiority_wrap .superiority_row .superiority_col {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 1.5rem;
    }

    .superiority_col .content .picture {
        margin-top: 0;
    }

    .superiority_col .content .desc {
        margin-top: 0;
    }

    /*.superiority_col .content .desc h3 {*/
    /*    font-size: 2rem;*/
    /*    color: #000;*/
    /*}*/
    .superiority_col .content .desc p {
        font-size: 1.20rem;
        color: #999;
        line-height: 1.7rem;
    }

    .superiority_wrap .superiority_title h3 {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) {
    .mw-superiority {
        padding-bottom: 1.5rem;
    }

    .mw-superiority .superiority_wrap {
        width: 34.5rem;
        padding-left: 0;
    }

    .superiority_wrap .superiority_title {
        padding-right: 0;
        padding-top: 2.2rem;
    }

    .superiority_title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .superiority_wrap .superiority_row {
        margin-top: 1.55rem;
        padding: 0;
    }

    .superiority_wrap .superiority_row .superiority_col {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 1.5rem;
    }

    .superiority_col .content .picture {
        margin-top: 0;
    }

    .superiority_col .content .desc {
        margin-top: 0;
    }

    .superiority_col .content .desc h3 {
        font-size: 2rem;
        color: #000;
    }

    .superiority_col .content .desc p {
        font-size: 1.30rem;
        color: #999;
        line-height: 1.9rem;
    }

    .superiority_wrap .superiority_title h3 {
        font-size: 1.8rem;
    }
}


/************************ product ****************************/
.mw-product {
    width: 100%;
    background: url("../image/product_show_bg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
}

.product_wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.product_title {
    margin: 0;
    padding-top: 3rem;
}

.product_title > p {
    font-size: 3.2rem;
    line-height: 2.4rem;
    font-weight: 900;
    color: #FFFFFF;
}

.product_title > p span {
    display: inline-block;
    color: #493095;
    line-height: 2.4rem;
}

.product_title-en {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

.product_title-en .product_title-span {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-right: 0.85rem;
    font-weight: normal;
}

.product_title-en img {
    width: 1.4rem;
}


.product_row {
    width: 100%;
    padding-top: 2.85rem;
    padding-left: 0.5rem;
    margin-left: auto;
    margin-right: auto;
}

.product_more {
    width: 100%;
    margin-top: 0.9rem;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    /*padding-right: 1.5rem;*/
    margin-bottom: 1.6rem;
}

.product_more .more_div {
    display: inline-block;
}

.product_more .more_link {
    display: block;
    border: 1px solid #ffffff;
    text-align: center;
    width: 6rem;
    height: 2.1rem;
    letter-spacing: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 2rem;
    transition: all 0.2s ease;
    border-radius: 0.3rem;
}

.product_more .more_link:hover {
    border: 1px solid #07d4eb;
    background-color: #07d4eb;
    color: #ffffff;
}

.mw-product-col {
    margin: 0;
    padding: 0.5rem;
}

.mw-product-col .data-single {
    position: relative;
    overflow: hidden;
}

.mw-product-col .data-single:hover {
    transition: all 0.3s ease;
}

.data-single .picture {
    height: 7.875rem;
    overflow: hidden;
}

.data-single .picture img {
    max-width: 100%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease;
}

.data-single:hover .picture img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

    transition: all 0.3s ease;
}


@media (min-width: 1200px) {
    .product_wrap {
        width: 1200px;
        /*padding-left: 1.5rem;*/
    }


    .mw-product-col {
        padding: 0;
        padding-right: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

@media (min-width: 768px) and  (max-width: 1199px) {
    .product_wrap {
        width: 100%;
        padding-left: 1.5rem;
    }

    .mw-product-col {
        padding: 0;
        padding-right: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .mw-product-col {
        margin-bottom: 1.5rem;
        padding: 0;
    }

    .product_title {
        padding-top: 4.2rem;
    }

    .product_title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .product_title_en {
        margin-top: 1.15rem;
    }

    .mw-product-col .data-single h6 {
        font-size: 1.3rem;
        letter-spacing: 0;
    }

    .mw-product-col .data-single {
        width: 16.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    .data-single .picture {
        height: 9.9rem;
        overflow: hidden;
    }

    .product_more {
        padding-right: 0;
    }

    .product_more .more_link {
        width: 8.45rem;
        height: 3.4rem;
        line-height: 3.3rem;
        font-size: 1.4rem;
        border-radius: 0;
    }

    .product_row {
        padding: 0;
        padding-top: 1.6rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        width: auto;

    }

}

@media (min-width: 930px) {
    .mw-product-col {
        width: 33.33% !important;
    }
}

@media (min-width: 1200px) {
    .mw-product-col {
        width: 25% !important;
    }
}

@media (max-width: 767px) {
    .mw-product {
        /*padding-top: 2.5rem;*/
        background-color: #fff;
    }

    .product_wrap {
        width: 34.5rem;
    }

    .mw-product-col {
        margin-bottom: 1.5rem;
        padding: 0;
    }

    .product_title {
        padding-top: 4.2rem;
    }

    .product_title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .product_title_en {
        margin-top: 1.15rem;
    }

    .mw-product-col .data-single h6 {
        font-size: 1.3rem;
        letter-spacing: 0;
    }

    .mw-product-col .data-single {
        width: 16.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    .data-single .picture {
        height: 9.9rem;
        overflow: hidden;
    }

    .product_more {
        padding-right: 0;
    }

    .product_more .more_link {
        width: 8.45rem;
        height: 3.4rem;
        line-height: 3.3rem;
        font-size: 1.4rem;
        border-radius: 0;
    }

    .product_row {
        padding: 0;
        padding-top: 1.6rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        width: auto;

    }
}

/*!***********************************  applet ********************************!*/
.mw-applet {
    width: 100%;
    height: 65rem;
    background: url("../image/applet_bg_2.jpg") center no-repeat;
}

.mw-applet .applet_wrap {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.applet_wrap .applet_row {
    width: 100%;
    margin: 0;
}

.applet_wrap .applet_row .applet_col {
    padding: 0;
    position: relative;
}

.applet_row .applet_col .content {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -5.45rem;
}

.applet_row .applet_col .content img {
    width: 45.8rem;
}

.applet_wrap .applet_more {
    width: 100%;
    position: absolute;
    bottom: 1.6rem;
    text-align: center;
}

.applet_wrap .applet_more a {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

.applet_wrap .applet_more .more_div {
    margin: auto;
    width: 12.15rem;
    height: 2.6rem;
    background: #493095;
    border-radius: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.applet_wrap .applet_more .more_div img {
    width: 1.6rem;
    height: 1.9rem;
    margin-right: 0.6rem;
}

.applet_wrap .applet_more .more_div img {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    line-height: 2.6rem;
}

@media (min-width: 1200px) {

}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-applet {
        width: 100%;
        height: 60rem;
        background: url("../image/mobile/applet_mobile_bg.jpg") top left no-repeat;
        background-size: cover;
    }

    .applet_row .applet_col .content {
        top: -1rem;
    }

    .applet_row .applet_col .content img {
        width: 100%;
    }

    .applet_wrap .applet_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .applet_wrap .applet_more .more_div img {
        margin-right: 0.7rem;
    }
}

@media (min-width: 1024px) and  (max-width: 1199px) {
    .mw-applet {
        height: 80rem;
    }

    .applet_row .applet_col .content {
        top: -1rem;
    }
}

@media (min-width: 820px) and  (max-width: 1023px) {
    .mw-applet {
        height: 65rem;
    }
}

@media (min-width: 768px) and  (max-width: 819px) {
    .mw-applet {
        height: 60rem;
    }

    .applet_row .applet_col .content {
        top: -1rem;
    }
}

@media (max-width: 767px) {
    .mw-applet {
        width: 100%;
        height: 60rem;
        background: url("../image/mobile/applet_mobile_bg.jpg") center no-repeat;
        background-size: cover;
    }

    .applet_row .applet_col .content {
        top: -1rem;
    }

    .applet_row .applet_col .content img {
        width: 100%;
    }

    .applet_wrap .applet_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .applet_wrap .applet_more .more_div img {
        margin-right: 0.7rem;
    }
}


/*!***********************************  website ********************************!*/
.mw-website {
    width: 100%;
    height: 60.5rem;
    background: url("../image/website_bg.jpg") center no-repeat;
}

.mw-website .website_wrap {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

.website_wrap .website_row {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 2.95rem;
}

.website_wrap .website_row .website_col {
    padding: 0;
}

.website_row .website_col .content {
    width: 100%;
    margin-top: 8.2rem;
    text-align: center;
}

.website_row .website_col .content .img {
    width: 64.8rem;
}

.website_wrap .column_row {
    width: 64.8rem;
    margin: auto;
    padding: 0;
}

.website_wrap .column_row .column_col {
    padding: 0;
}

.column_row .column_col .content {
    padding-left: 7.8rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-bottom: 1rem;
}

.website_wrap .website_more {
    width: 100%;
    position: absolute;
    bottom: 1.5rem;
    text-align: center;
}

.website_wrap .website_more a {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

.website_wrap .website_more .more_div {
    margin: auto;
    width: 12.15rem;
    height: 2.6rem;
    background: #493095;
    border-radius: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.website_wrap .website_more .more_div img {
    width: 1.6rem;
    height: 1.9rem;
    margin-right: 0.6rem;
}

.website_wrap .website_more .more_div img {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    line-height: 2.6rem;
}


@media (min-width: 1200px) {

}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-website {
        width: 100%;
        height: 60.5rem;
        background: url("../image/mobile/website_mobile_bg.jpg") top left no-repeat;
        background-size: cover;
    }

    .website_row .website_col .content img {
        width: 100%;
    }

    .website_row .website_col .content {
        margin-top: 8rem;
    }

    .website_row .website_col .content img {
        width: 100%;
    }

    .column_row .column_col .content {
        padding-left: 1.5rem;
        margin-bottom: 1.6rem;
    }

    .website_wrap .website_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .website_wrap .website_more .more_div img {
        margin-right: 0.7rem;
    }
}


@media (max-width: 767px) {
    .mw-website {
        width: 100%;
        height: 51.25rem;
        background: url("../image/mobile/website_mobile_bg.jpg") center no-repeat;
        background-size: cover;
    }

    /*.applet_row .applet_col .content{*/
    /*    top:-1rem;*/
    /*}*/
    .website_row .website_col .content {
        margin-top: 8rem;
    }

    .website_row .website_col .content img {
        width: 100%;
    }

    .column_row .column_col .content {
        padding-left: 1.5rem;
        margin-bottom: 1.6rem;
    }

    .website_wrap .website_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .website_wrap .website_more .more_div img {
        margin-right: 0.7rem;
    }
}

/*!***********************************  appExploit ********************************!*/
.mw-app-exploit {
    width: 100%;
    height: 59.45rem;
    background: url("../image/app_exploit_bg.jpg") center no-repeat;
}

.mw-app-exploit .app_exploit_wrap {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

.app_exploit_wrap .app_exploit_row {
    width: 100%;
    margin: 0;
    padding: 0;
}

.app_exploit_wrap .app_exploit_row .app_exploit_col {
    padding: 0;
}

.app_exploit_row .app_exploit_col .content {
    width: 100%;
    margin-top: 6.35rem;
    /*text-align: center;*/
    display: flex;
    justify-content: center;
}

.app_exploit_row .app_exploit_col .content img {
    width: 81.5rem;
}

.app_exploit_wrap .app_exploit_more {
    width: 100%;
    position: absolute;
    bottom: 1.5rem;
    text-align: center;
}

.app_exploit_wrap .app_exploit_more a {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

.app_exploit_wrap .app_exploit_more .more_div {
    margin: auto;
    width: 12.15rem;
    height: 2.6rem;
    background: #493095;
    border-radius: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app_exploit_wrap .app_exploit_more .more_div img {
    width: 1.6rem;
    height: 1.9rem;
    margin-right: 0.6rem;
}

.app_exploit_wrap .app_exploit_more .more_div img {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    line-height: 2.6rem;
}

@media (min-width: 1200px) {

}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-app-exploit {
        width: 100%;
        /*height: 59.45rem;*/
        background: url("../image/mobile/app_exploit_m_bg.jpg") top left no-repeat;
        background-size: cover;
    }

    .app_exploit_row .app_exploit_col .content {
        margin-top: 5.5rem;
        display: flex;
        justify-content: center;
    }

    .app_exploit_row .app_exploit_col .content img {
        height: 40.25rem;
    }

    .app_exploit_wrap .app_exploit_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .app_exploit_wrap .app_exploit_more .more_div img {
        margin-right: 0.7rem;
    }
}


@media (max-width: 767px) {
    .mw-app-exploit {
        width: 100%;
        height: 52.15rem;
        background: url("../image/mobile/app_exploit_m_bg.jpg") center no-repeat;
        background-size: cover;
    }

    .app_exploit_row .app_exploit_col .content {
        margin-top: 5.5rem;
        display: flex;
        justify-content: center;
    }

    .app_exploit_row .app_exploit_col .content img {
        height: 40.25rem;
    }

    .app_exploit_wrap .app_exploit_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .app_exploit_wrap .app_exploit_more .more_div img {
        margin-right: 0.7rem;
    }
}

/*!***********************************  customization ********************************!*/
.mw-customization {
    width: 100%;
    height: 70.4rem;
    background: url("../image/customization_bg.jpg") center no-repeat;
}

.mw-customization .customization_wrap {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

.customization_wrap .mw-customization-title {
    margin-top: 3.05rem;
}

.customization_wrap .mw-customization-title .title_img {
    margin: auto;
}

.customization_wrap .mw-customization-title .title_img_m {
    width: 34.15rem;
    display: none;
}

.mw-customization-title .title_img img {
    width: 100%;
}

.customization_wrap .customization_row {
    width: 100%;
    margin: 0;
    padding: 0;
}

.customization_wrap .customization_row .customization_col {
    padding: 0;
}

.customization_row .customization_col .content {
    width: 100%;
    margin-top: 7.35rem;
    text-align: center;
}

.customization_row .customization_col .content img {
    width: 63.45rem;
}

.customization_wrap .customization_more {
    width: 100%;
    position: absolute;
    bottom: 1.5rem;
    text-align: center;
}

.customization_wrap .customization_more a {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

.customization_wrap .customization_more .more_div {
    margin: auto;
    width: 12.15rem;
    height: 2.6rem;
    background: #493095;
    border-radius: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customization_wrap .customization_more .more_div img {
    width: 1.6rem;
    height: 1.9rem;
    margin-right: 0.6rem;
}

.customization_wrap .customization_more .more_div img {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    line-height: 2.6rem;
}


@media (min-width: 1200px) {
    .customization_wrap .mw-customization-title .title_img {
        width: 59.8rem;
    }
}

@media (min-width: 1024px) and  (max-width: 1199px) {
    .customization_wrap .mw-customization-title .title_img_m {
        display: none;
    }

    .customization_wrap .mw-customization-title .title_img_pc {
        display: block;
        width: 100%;
        padding: 0 1.5rem;
    }
}

@media (min-width: 768px) and  (max-width: 1023px) {
    .customization_wrap .mw-customization-title .title_img_m {
        display: block;
    }

    .customization_wrap .mw-customization-title .title_img_pc {
        display: none;
    }
}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-customization {
        width: 100%;
        height: auto;
        background: url("../image/customization_bg.jpg") top left no-repeat;
        background-size: cover;
    }

    .customization_row .customization_col .content {
        margin-top: 1.9rem;
    }

    .customization_row .customization_col .content img {
        width: 100%;
    }

    .customization_wrap .customization_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .customization_wrap .customization_more .more_div img {
        margin-right: 0.7rem;
    }

}


@media (max-width: 767px) {
    .mw-customization {
        width: 100%;
        height: 41rem;
        background: url("../image/customization_bg.jpg") center no-repeat;
        background-size: cover;
    }

    .customization_wrap .mw-customization-title {
        margin-top: 1.9rem;
    }

    .customization_wrap .mw-customization-title .title_img_m {
        display: block;
    }

    .customization_wrap .mw-customization-title .title_img_pc {
        display: none;
    }

    .customization_row .customization_col .content {
        margin-top: 1.9rem;
    }

    .customization_row .customization_col .content img {
        width: 100%;
    }

    .customization_wrap .customization_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .customization_wrap .customization_more .more_div img {
        margin-right: 0.7rem;
    }
}

/*!***********************************  iot ********************************!*/
.mw-iot {
    width: 100%;
    /*height: 43.95rem;*/
}

.mw-iot .iot_wrap {
    width: 100%;
    height: 100%;
    background-color: #0D0F1B;
    position: relative;
    padding: 0;
}

.iot_wrap .mw-iot-title {
}

.iot_wrap .mw-iot-title .title_img {
    margin: auto;
}

.iot_wrap .mw-iot-title .title_img_m {
    width: 34.15rem;
    display: none;
}

.mw-iot-title .title_img img {
    width: 100%;
}

.mw-iot .iot_wrap .iot_row {
    margin: auto;
    padding: 0;
    margin-top: 3.6rem;
    padding-left: 0.5rem;
}

.iot_wrap .iot_row .iot_col {
    padding: 0;
    padding-right: 0.5rem;
}

.iot_row .iot_col .content {
    width: 100%;
    height: 300px;
    margin-bottom: 0.5rem;
    padding-top: 90px;
    border-radius: 1rem;
}

.iot_row .iot_col .content.content1 {
    background: url("../image/iot_bg_1.png") center no-repeat;
    background-size: cover;
}

.iot_row .iot_col .content.content2 {
    background: url("../image/iot_bg_2.png") center no-repeat;
    background-size: cover;
}

.iot_row .iot_col .content.content3 {
    background: url("../image/iot_bg_3.png") center no-repeat;
    background-size: cover;
}

.iot_row .iot_col .content.content4 {
    background: url("../image/iot_bg_4.png") center no-repeat;
    background-size: cover;
}

.iot_row .iot_col .content.content5 {
    background: url("../image/iot_bg_5.png") center no-repeat;
    background-size: cover;
}

.iot_row .iot_col .content.content6 {
    background: url("../image/iot_bg_6.png") center no-repeat;
    background-size: cover;
}

.iot_col .content h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    text-shadow: 0.5px 0.87px 0.99px 0.01px #250b6d;
    margin-bottom: 48px;
}

.iot_col .content .item_container {

}

.iot_col .content .item_container .item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_container h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
}

.iot_wrap .iot_more {
    width: 100%;
    position: absolute;
    bottom: 1.5rem;
    text-align: center;
    display: none;
}

.iot_wrap .iot_more a {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

.iot_wrap .iot_more .more_div {
    margin: auto;
    width: 12.15rem;
    height: 2.6rem;
    background: #493095;
    border-radius: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iot_wrap .iot_more .more_div img {
    width: 1.6rem;
    height: 1.9rem;
    margin-right: 0.6rem;
}

.iot_wrap .iot_more .more_div img {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    line-height: 2.6rem;
}

@media (min-width: 1200px) {
    .mw-iot .iot_wrap {
        padding: 0px 0 152px 0;
    }

    .iot_wrap .mw-iot-title .title_img {
        width: 59.8rem;
    }

    .mw-iot .iot_wrap .iot_row {
        width: 60.8rem;
    }
}

@media (min-width: 1024px) and  (max-width: 1199px) {
    .iot_wrap .mw-iot-title .title_img_m {
        display: none;
    }

    .iot_wrap .mw-iot-title .title_img_pc {
        display: block;
        width: 100%;
        padding: 0 1.5rem;
    }
}

@media (min-width: 768px) and  (max-width: 1023px) {
    .iot_wrap .mw-iot-title .title_img_m {
        display: block;
    }

    .iot_wrap .mw-iot-title .title_img_pc {
        display: none;
    }
}

@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-iot {
        width: 100%;
    }

    .mw-iot .iot_wrap .iot_row {
        width: 100%;
        padding-bottom: 7rem;
    }

    .iot_wrap .mw-iot-title {
        margin-top: 2.1rem;
    }

    .iot_wrap .iot_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .iot_wrap .iot_more .more_div img {
        margin-right: 0.7rem;
    }

    .iot_wrap .iot_more {
        display: block;
    }

    .iot_wrap .iot_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .iot_wrap .iot_more .more_div img {
        margin-right: 0.7rem;
    }

}


@media (max-width: 767px) {
    .mw-iot {
        width: 100%;
    }

    .mw-iot .iot_wrap {
        padding: 0;
    }

    .mw-iot .iot_wrap .iot_row {
        width: 100%;
        margin-top: 3.2rem;
        padding-bottom: 7rem;
    }

    .iot_wrap .mw-iot-title {
        margin-top: 2.1rem;
    }

    .iot_wrap .mw-iot-title .title_img_m {
        display: block;
    }

    .iot_wrap .mw-iot-title .title_img_pc {
        display: none;
    }

    .iot_row .iot_col .content {
        width: 100%;
        height: 17.95rem;
        padding-top: 3rem;
    }

    .iot_row .iot_col .content.content3 {
        padding-top: 1.2rem;
    }

    .iot_col .content h2 {
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-bottom: 1.9rem;
    }

    .iot_col .content .item_container .item {
        display: flex;
        flex-wrap: wrap;
    }

    .iot_col .content .item_container .item h3 {
        width: 100%;
        text-align: center;
        font-size: 1.4rem;
    }

    .iot_wrap .iot_more {
        display: block;
    }

    .iot_wrap .iot_more .more_div {
        width: 12.15rem;
        height: 3.4rem;
        border-radius: 1.7rem;
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .iot_wrap .iot_more .more_div img {
        margin-right: 0.7rem;
    }
}

/************************ process ****************************/

.mw-process {
    width: 100%;
    position: relative;
}

.mw-process-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}


.mw-process-title {
    margin: 0;
    padding-top: 3.5rem;
}

.mw-process-title > p {
    font-size: 3.2rem;
    line-height: 2.4rem;
    font-weight: 900;
    color: #20193f;
}

.mw-process-title > p span {
    display: inline-block;
    color: #493095;
    line-height: 2.4rem;
}

.mw-process-title-en {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

.mw-process-title-en .mw-process-title-span {
    color: #12151e;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-right: 0.85rem;
    font-weight: normal;
}

.mw-process-title-en img {
    width: 1.4rem;
}

.mw-process-row {
    margin-top: 3.55rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.mw-process-col {
    margin-left: 0 !important;
    margin-right: 0 !important;;
    padding-bottom: 5.05rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mw-process-col .content {
    width: 58.65rem;
}

.mw-process-col .content img {
    width: 58.65rem;
}

@media (min-width: 1200px) {
    .mw-process-wrap {
        width: 1200px;
        padding: 0;
    }

    .mw-process-row .content_pc {

        display: block;
    }

    .mw-process-row .content_m {
        display: none;
    }
}


@media (min-width: 768px) and  (max-width: 1199px) {
    .mw-process-wrap {
        width: 100%;
        padding-left: 1.5rem;
    }

    .mw-process-col {
        padding-right: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .mw-process-title {
        padding-top: 2.2rem;
    }

    .mw-process-title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .mw-process-title-en {
        margin-top: 1.15rem;
    }

    .mw-process-row {
        margin-top: 1.6rem;
    }

    .mw-process-col {
        padding-bottom: 3.25rem;
    }

    .mw-process-col .content {
        width: 100%;
    }

    .mw-process-col .content img {
        width: 100%;
    }

    .mw-process-row .content_pc {
        display: block;
        width: 100%;
    }

    .mw-process-row .content_pc img {
        width: 100%;
    }

    .mw-process-row .content_m {
        display: none;
    }
}

@media (max-width: 767px) {
    .mw-process-wrap {
        width: 34.5rem;
    }

    .mw-process-title {
        padding-top: 2.2rem;
    }

    .mw-process-title > p {
        font-size: 2.2rem;
        line-height: 1.6rem;
    }

    .mw-process-title-en {
        margin-top: 1.15rem;
    }

    .mw-process-row {
        margin-top: 1.6rem;
    }

    .mw-process-col {
        padding-bottom: 3.25rem;
    }

    .mw-process-col .content {
        width: 100%;
    }

    .mw-process-col .content img {
        width: 100%;
    }

    .mw-process-row .content_pc {
        display: none;
    }

    .mw-process-row .content_m {
        display: block;
    }

}

/************************ ad ****************************/

.mw-ad {
    width: 100%;
    background: url("../image/why_choose_bg.jpg") center no-repeat;
    height: 43.65rem;
}


.mw-ad-content {
    margin-left: auto;
    margin-right: auto;
    height: 100%;

}

.ad_content_title {
    text-align: center;
}

.ad_content_title > p {
    font-size: 3.6rem;
    color: #FFFFFF;
    line-height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5rem;
    font-weight: 900;
}

.ad_content_title > p span {
    color: #493095;
}

.ad_content_title > p img {
    margin-left: 1.2rem;
    width: 1.4rem;
    height: 1.2rem;
}

.content_row {
    width: 36.5rem;
    margin-left: auto;
    /*height: 100%;*/
    min-width: 36.5rem;
    margin-top: 6.95rem;
}

.content_row h4 {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #fff;
    /*padding-top: 3rem;*/
    display: flex;
    align-items: center;
    border-left: 0.3rem solid #493095;
    padding-left: 0.65rem;
    margin-bottom: 1.025rem;
    margin-top: 2.925rem;
}

.content_row .first_child {
    margin-top: 0;
}

.content_row .last_child {
    margin-bottom: 0.3rem;
}

.content_row p {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.65rem;
    margin-left: 1rem;
    text-align: justify;
    text-justify: inter-ideograph;
}

.content_row h4 img {
    margin-right: 0.8rem;
    width: 0.2rem;
    height: 1.1rem;
}

.content_row .ad-mark {
    padding-left: 1rem;
    /*margin-top: 0.5rem;*/
}

.content_row .ad-mark span {
    width: 14rem;
    height: 2.6rem;
    line-height: 2.6rem;
    border: 1px solid #fff;
    color: #fff;
    font-size: 0.9rem;
    margin: 1rem 0;
    margin-right: 1rem;
    float: left;
    text-align: center;
    margin-bottom: 0;
}

.mw-ad img {
    width: 100%;
}

@media (min-width: 1200px) {
    .mw-ad-content {
        width: 1200px;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {
    .mw-ad-content {
        width: 100%;
    }

    .ad_content_title > p {
        font-size: 2.5rem;
        line-height: 1.9rem;
        padding-top: 4.8rem;
    }

    .ad_content_title img {
        display: none;
    }

    .content_row {
        margin: 0;
        margin-top: 2.55rem;
        width: 100%;
        padding: 0 1.5rem;
    }

    .content_row h4 {
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 0;
        margin-top: 2.25rem;
    }

    .content_row p {
        font-size: 1.3rem;
        letter-spacing: 0;
        line-height: 2.2rem;
    }

    .content_row .ad-mark {
        margin-left: 0;
        padding: 0;
        letter-spacing: 0;
    }

    .content_row .ad-mark span {
        font-size: 1.3rem;
        width: 14.2rem;
        line-height: 1.4rem;
        border: 0.5px solid #fff;
        margin: 0 0 1rem 1rem;
        height: 2.6rem;
        padding-top: 0.45rem;
        letter-spacing: 0;
    }

    .content_row .last_child {
        margin-bottom: 1.45rem;
    }
}

/*@media (min-width: 768px) and (max-width: 1024px) {*/
/*    .ad_content_title > p {*/
/*        font-size: 2.5rem;*/
/*        line-height: 1.9rem;*/
/*    }*/
/*}*/

@media (max-width: 767px) {
    .mw-ad {
        background: url("../image/mobile/why_choose_m_bg.jpg") center no-repeat;
        background-size: cover;
        height: 40.25rem;
    }

    .ad_content_title > p {
        font-size: 2.5rem;
        line-height: 1.9rem;
        padding-top: 4.8rem;
    }

    .ad_content_title img {
        display: none;
    }

    .content_row {
        margin: 0;
        margin-top: 2.55rem;
        width: 100%;
        padding: 0 1.5rem;
    }

    .content_row h4 {
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 0;
        margin-top: 2.25rem;
    }

    .content_row p {
        font-size: 1.3rem;
        letter-spacing: 0;
        line-height: 2.2rem;
    }

    .content_row .ad-mark {
        margin-left: 0;
        padding: 0;
        letter-spacing: 0;
    }

    .content_row .ad-mark span {
        font-size: 1.3rem;
        width: 14.2rem;
        line-height: 1.4rem;
        border: 0.5px solid #fff;
        margin: 0 0 1rem 1rem;
        height: 2.6rem;
        padding-top: 0.45rem;
        letter-spacing: 0;
    }

    .content_row .last_child {
        margin-bottom: 1.45rem;
    }
}

/***********************************  demand-form ********************************/

.mw-demand-form {
    width: 100%;
    background-color: #0D101A;
    display: flex;
    align-items: center;
}

.mw-demand-form .form_wrap {
    width: 60.00rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.form_wrap .content {
    width: 59%;
    height: 2.60rem;
    padding-right: 1.50rem;
    border: none;
    float: left;
}

.form_wrap .content input {
    width: 100%;
    height: 100%;
    margin-right: 1.50rem;
    border: none;
    padding-left: 1rem;
}


.form_wrap input::-webkit-input-placeholder {
    color: #d2d2d2;
    font-size: 1.00rem;
}

.form_wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    font-size: 1.00rem;
}

.form_wrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    font-size: 1.00rem;
}

.form_wrap input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d2d2d2;
    font-size: 1.00rem;
}


.form_wrap .contact {
    width: 27%;
    height: 2.60rem;
    padding-right: 1.50rem;
    border: none;
    float: left;
}

.form_wrap .contact input {
    width: 100%;
    height: 100%;
    margin-right: 1.50rem;
    border: none;
    float: left;
    padding-left: 1rem;
}

.form_wrap .button {
    width: 14%;
    height: 2.60rem;
    float: left;
}

.form_wrap .button button {
    width: 100%;
    height: 100%;
    line-height: 2.60rem;
    color: #fff;
    background-color: #493095;
    border: none;
    font-size: 1.00rem;
}

@media (min-width: 1200px) {
    .mw-demand-form {
        height: 6.00rem;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {
    .mw-demand-form {
        height: 6.00rem;
    }

    .mw-demand-form .form_wrap {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .mw-demand-form {
        width: 100%;
    }

    .mw-demand-form .form_wrap {
        width: 100%;
    }

    .form_wrap .titel {
        width: 100%;
        padding-top: 2.00rem;
        padding-bottom: 2.00rem;
    }

    .form_wrap .titel h2 {
        color: #fff;
        font-size: 2.2rem;
        text-align: center;
    }

    .form_wrap .content, .form_wrap .contact {
        width: 100%;
        height: 4.40rem;
        margin-bottom: 1.00rem;
        padding-right: 0;
        border-radius: 0.25rem;
        overflow: hidden;
    }

    .form_wrap .button {
        width: 100%;
        height: 4.40rem;
        border-radius: 0.25rem;
        background-color: #07d4eb;
        text-align: center;
        line-height: 4.40rem;
        margin-bottom: 2.50rem;
    }

    .form_wrap .button input {
        width: 100%;
        height: 4.40rem;
        line-height: 4.40rem;
        border-radius: 0.25rem;
        text-align: center;
        background-color: #07d4eb;
        font-size: 1.40rem;
    }

    .form_wrap .content input, .form_wrap .contact input {
        width: 100%;
        height: 4.40rem;

    }

    .form_wrap .content input, .form_wrap .contact input {
        margin-right: 0;
    }

    .form_wrap input::-webkit-input-placeholder {
        font-size: 1.4rem;
        padding-left: 1.20rem;
    }

    .form_wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 1.4rem;
        padding-left: 1.20rem;
    }

    .form_wrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: 1.4rem;
        padding-left: 1.20rem;
    }

    .form_wrap input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 1.4rem;
        padding-left: 1.20rem;
    }

    .form_wrap .button button {
        font-size: 1.6rem;
        border-radius: 0.25rem;
        overflow: hidden;
    }

    .form_wrap .content input::-webkit-input-placeholder { /* WebKit browsers */
        font-size: 1.5rem;
        color: #D2D2D2;
    }

    .form_wrap .content input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: 1.5rem;
        color: #D2D2D2;
    }

    .form_wrap .content input::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 1.5rem;
        color: #D2D2D2;
    }

    .form_wrap .content input:-ms-input-placeholder { /* Internet Explorer 10+ */
        font-size: 1.5rem;
        color: #D2D2D2;
    }
}

@media (min-width: 768px) {
    .form_wrap .titel {
        display: none;
    }
}


/*!************************ news ****************************!*/

.mw-news {
    width: 100%;
    background-color: #fff;
    padding-top: 2rem;
}

.mw-news-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.mw-news-tabs {
    margin: 0;
}

.mw-news-tabs .title {
    margin: 0;
}

.mw-news-tabs .ul_tab {
    overflow: hidden;
}

.mw-news-tabs .ul_tab li {
    width: 25%;
    max-width: 9rem;
    float: left;
    text-align: center;
    background-color: #fafbfc;
    cursor: pointer;
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 0.9rem;
    color: rgba(18, 21, 30, .5);
}

.mw-news-tabs .ul_tab li h2 {
    text-align: center;
    line-height: 2.1rem;
    font-size: 0.9rem;
    color: rgba(18, 21, 30, .5);
}

.mw-news-tabs .ul_tab li:hover h2 {
    background-color: #fff;
    border-top: 2px solid #493095;
    color: #12151E;
    font-weight: bold;
    /*transition: all 0.2s ease;*/
}

.mw-news-tabs .ul_tab li.active h2 {
    background-color: #fff;
    border-top: 2px solid #493095;
    color: #12151E;
    font-weight: bold;
}

.mw-news-tabs .content {
    margin-top: 1.75rem;
    margin-bottom: 1.5rem;
    margin-left: 0;
    margin-right: 0;
}

.mw-news-tabs .first_news {
    padding: 0;
}

.mw-news-tabs .first_news_content {
    max-width: 18rem;
    position: relative;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.mw-news-tabs .first_news img {
    width: 100%;
    max-height: 23rem;
}

.first_news .first_news_title {
    position: absolute;
    bottom: 0.5rem;
    background-color: #fff;
    overflow: hidden;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: auto;
    width: 96%;
    left: 2%;
}

.first_news .first_news_title .one {
    width: 100%;
    margin-top: 1rem;
    overflow: hidden;
    line-height: 0.7rem;
}

.first_news .first_news_title .red {
    color: #493095;
    float: left;
    font-size: 0.7rem;
    line-height: 0.7rem;
}

.first_news .first_news_title .time {
    color: rgba(18, 21, 30, .5);
    float: right;
    font-size: 0.7rem;
    line-height: 0.7rem;
}

.first_news .first_news_title .tl {
    font-size: 0.9rem;
    color: rgba(18, 21, 30, 1);
    width: 100%;
    float: left;
    margin-top: 0.6rem;
    margin-bottom: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.2rem;
    white-space: nowrap;
    font-weight: bold;
}

.first_news .first_news_title .tl a {
    color: rgba(18, 21, 30, 1);
}

.first_news .first_news_title .tl h3 {
    font-size: 0.9rem;
    color: rgba(18, 21, 30, 1);
    font-weight: bold;
}

.mw-news-tabs .other_news {
    margin: 0;
    padding: 0;
    height: 9.5rem;
}

.mw-news-tabs .one_news {
    padding-left: 0;

}

.mw-news-tabs .one_news .one_news_content {
    background: rgba(250, 251, 252, 1);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.6rem;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
    height: 9.5rem;
    border: 1px solid #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mw-news-tabs .one_news .one_news_content:hover {
    box-shadow: 2px 5px 25px 1px rgba(111, 93, 169, 0.35);
    background-color: rgba(250, 251, 252, 1);
}

.mw-news-tabs .one_news .title {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: bold;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mw-news-tabs .one_news .title a {
    color: #000;
}

.mw-news-tabs .one_news .title h3 {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: bold;
    color: rgba(18, 21, 30, 1);
}

.mw-news-tabs .one_news .desc {
    margin-top: 1.05rem;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mw-news-tabs .one_news .line {
    width: 100%;
    border-top: 1px dashed rgba(244, 245, 245, 1);
    height: 0.05rem;
    margin-top: 0.85rem;
}

.mw-news-tabs .one_news .link {
    margin-top: 1rem;
    width: 100%;
    overflow: hidden;
}

.mw-news-tabs .one_news .link h3 {
    font-size: 1.5rem;
    color: #666;
    line-height: 1.6rem;
    text-align: center;
}

.mw-news-tabs .one_news .link h5 {
    font-size: 0.8rem;
    color: #999;
    margin-top: 0.4rem;
    line-height: 0.7rem;
}

.mw-news-tabs .one_news .time {
    float: left;
    color: rgba(18, 21, 30, .5);
    font-size: 0.6rem;
}

.mw-news-tabs .one_news .more {
    float: right;
    background-image: url(../image/news_more.png);
    background-size: 0.5rem 1.05rem;
    height: 1.05rem;
    width: 0.5rem;
}


.mw-news-more {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 2.5rem;
    padding-right: 1.5rem;
}

.mw-news-more .more_news {
    display: inline-block;
}

.mw-news-more .more_news_btn {
    display: block;
    border: 1px solid #07d4eb;
    width: 6.6rem;
    height: 2.1rem;
    text-align: center;
    letter-spacing: 0;
    color: #07d4eb;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 2.1rem;
    transition: all 0.2s ease;
}

.mw-news-more .more_news_btn:hover {
    background-color: #07d4eb;
    color: #ffffff;
}


@media (min-width: 1200px) {
    .mw-news-wrap {
        width: 1200px;
        padding: 0;
    }

    .mw-news-tabs .first_news {
        /*padding-right: 1rem;*/
        width: 18rem;
    }

    .mw-news-tabs .one_news {
        padding: 0;
        padding-left: 1rem;
    }

    .mw-news-tabs .other_news {
        margin-bottom: 1rem;
        width: 42rem;
        /*padding-right: 0.5rem;*/
    }


}

@media (min-width: 768px) and (max-width: 1199px) {
    .mw-news-tabs .one_news {
        padding-right: 1rem;
        padding-bottom: 1rem;
    }

    .mw-news-tabs .first_news {
        padding-right: 1rem;
        padding-bottom: 1rem;
    }

    .mw-news-tabs .title .title_single {
        margin-top: 0.5rem;
    }

    .mw-news-tabs .other_news {
        margin-bottom: 0.5rem;
        padding-right: 0rem;
    }

    .mw-news-tabs .first_news {
        margin-left: auto;
        margin-right: auto;
    }

    .mw-news-wrap {
        width: 100%;
        padding: 0;
        padding-left: 1.5rem;
    }
}

@media (max-width: 767px) {
    .mw-news {
        padding-top: 2.2rem;
    }

    .mw-news-wrap {
        width: 34.5rem;
    }

    .mw-news-tabs .other_news {
        margin-top: 1rem;
    }

    .mw-news-tabs {
        /*margin-top: 1.2rem;*/
    }

    .mw-news-tabs .ul_tab li {
        height: 3.4rem;
        font-size: 1.5rem;
        line-height: 3.4rem;
        color: rgba(18, 21, 30, .5);
    }

    .mw-news-tabs .title .ts {
        font-size: 1.3rem;
        letter-spacing: 0 !important;
    }

    .mw-news-tabs .title {
        height: 3.4rem;
        padding-top: 0.1rem;
        width: 34.5rem;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
    }

    .mw-news-tabs .one_news {
        padding-left: 0;
        padding-right: 0;
    }

    .mw-news-tabs .first_news_content {
        max-width: 34.5rem;
        height: 24rem;
    }

    .mw-news-tabs .first_news img {
        max-height: 24rem;
    }

    .first_news .first_news_title {
        width: 33.5rem;
        top: 15.9rem;
        padding-left: 1.5rem;
        height: 7.6rem;
        padding-top: 0.35rem;
        letter-spacing: 0 !important;
        left: 1.5%;
    }

    .first_news .first_news_title .red {
        font-size: 1.5rem;
        letter-spacing: 0 !important;
        line-height: 1.5rem;
    }

    .first_news .first_news_title .time {
        font-size: 1.3rem;
        line-height: 1.3rem
    }

    .first_news .first_news_title .tl {
        margin-top: 1.35rem;
        font-size: 1.6rem;
        letter-spacing: 0 !important;
        height: 2rem;
    }

    .mw-news-tabs .one_news .one_news_content {
        max-width: 34.5rem !important;
        max-height: 16.5rem !important;
        padding-top: 2.2rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        margin-top: 1.2rem;
        padding-bottom: 1.1rem;
        height: auto;
    }

    .mw-news-tabs .one_news .title {
        font-size: 1.5rem;
        height: auto;
        padding: 0;
        letter-spacing: 0;
        width: 100%;
    }

    .mw-news-tabs .one_news .desc {
        font-size: 1.4rem;
        letter-spacing: 0;
    }

    .mw-news-tabs .one_news .desc {
        margin-top: 1.5rem;
        line-height: 1.65rem;
        height: 3.2rem;
    }

    .mw-news-tabs .one_news .line {
        margin-top: 0.75rem;
    }

    .mw-news-tabs .one_news .link {
        margin-top: 1rem;
    }

    .mw-news-tabs .one_news .link h3 {
        font-size: 2.5rem;
        letter-spacing: 0;
        line-height: 2.2rem;
    }

    .mw-news-tabs .one_news .link h5 {
        font-size: 1.05rem;
        margin-top: 0.85rem;

    }

    .mw-news-tabs .one_news .link h5 {
        line-height: 0.9rem;
    }


    .mw-news-tabs .one_news .more img {
        width: 0.9rem;
        height: 1.8rem;
    }

    .mw-news-tabs .one_news .time {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .mw-news-tabs .one_news .more {
        height: 1.3rem;
        width: 1.2rem;
        background-repeat: no-repeat;
    }

    .mw-news-tabs .other_news {
        margin-top: 0;
        height: auto;
    }

    .mw-news-tabs .content {
        margin-bottom: 3rem;
    }

    .mw-news-wrap {
        margin-bottom: 0;
    }

    .mw-news-more {
        padding-right: 0;
    }

    .mw-news-more .more_news_btn {
        width: 9.1rem;
        height: 2.9rem;
        line-height: 2.9rem;
        font-size: 1.3rem;
    }
}

/*!************************ advantage ****************************!*/

.mw-advantage {
    width: 100%;
    background: url("../image/cn_bg.jpg");
    padding-top: 3rem;
}

.mw-advantage-wrap {
    font-size: 0.4rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.mw-advantage-page {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.mw-advantage-page .cn_page {
    padding: 0;
    margin: 0;
    padding-right: 0.15rem;
}

.mw-advantage-page .cn_page .wrap {
    cursor: pointer;
    background-color: #ffffff;
    transition: all 0.2s ease;
}

.mw-advantage-page .cn_page .wrap h4 {
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 0.9rem;
    color: rgba(18, 21, 30, .6);
}

.mw-advantage-page .cn_page .wrap.active {
    cursor: pointer;
    background-color: #493095;
}

.mw-advantage-page .cn_page .wrap.active h4 {
    color: #fff;
    font-weight: bold;
}

.mw-advantage-page .cn_page .wrap:hover {
    cursor: pointer;
    background-color: #493095;
}

.mw-advantage-page .cn_page .wrap:hover h4 {
    color: #fff;
    font-weight: bold;
}

.mw-advantage-content {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    margin-right: 0;
    margin-left: 0;
}

.mw-advantage-content .cn_row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.mw-advantage-content .cn_col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-top: 0.5rem;
}

.mw-advantage-content .cn_col .wrap {
    background-color: #fafbfc;
    padding-top: 1rem;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1rem;
    overflow: hidden;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
}

.mw-advantage-content .cn_col .cn_col_img {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    float: left;
}

.mw-advantage-content .cn_col .cn_col_desc {
    float: left;
    text-align: left;
    width: 60%;
}

.mw-advantage-content .cn_col h4 {
    font-size: 0.9rem;
    color: rgba(18, 21, 30, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mw-advantage-content .cn_col p {
    font-size: 0.7rem;
    margin-top: 0.4rem;
    color: rgba(18, 21, 30, .5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .mw-advantage-wrap {
        width: 1200px;
        padding: 0;
    }

    .mw-advantage-page {
        padding-left: 0;
        padding-right: 0;
    }

    .mw-advantage-content .cn_col {
        width: 25% !important;
    }
}

@media (min-width: 768px) and   (max-width: 1199px) {
    .mw-advantage-wrap {
        width: 100%;
        padding: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .mw-advantage-page {
        padding-left: 0;
        padding-right: 0;
    }

    .mw-advantage-content .cn_col {
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    .mw-advantage {
        padding-top: 2rem;
        background: url("../image/mobile/cn_bg_m.jpg");
        background-size: cover;
        background-position: center;
    }

    .mw-advantage-page .cn_page .wrap h4 {
        height: 4rem;
        line-height: 4rem;
        font-size: 1.5rem;
    }


    .mw-advantage-content .cn_col .wrap {
        max-width: 16.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .mw-advantage-content {
        margin-top: 0.5rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }

    .mw-advantage-content .cn_row {
        margin-left: 0;
        margin-right: 0;
    }

    .mw-advantage-content .cn_col {
        margin-top: 1rem;
        padding-left: 0;
        padding-right: 0;
    }

    .mw-advantage-wrap {
        width: 34.5rem;
    }

    .mw-advantage-page {
        padding: 0rem;
    }

    .mw-advantage-content .wrap .cn_col_img img {
        width: 2.4rem;
    }

    .mw-advantage-content .cn_col h4 {
        font-size: 1.4rem;
        letter-spacing: 0 !important;
    }

    .mw-advantage-content .cn_col p {
        margin-top: 0.3rem;
        font-size: 1.2rem;
        letter-spacing: 0 !important;
    }

    .mw-advantage-content .cn_col .cn_col_img {
        margin-left: 1.5rem;
        margin-right: 1rem;
        margin-top: 0.4rem;
    }


    .mw-news-tabs .one_news .title h3 {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }


    .mw-news-tabs .ul_tab li h2 {
        line-height: 3.4rem;
        font-size: 1.5rem;
    }

    .first_news .first_news_title .tl h3 {
        font-size: 1.6rem;
    }
}

/*!************************ solution ****************************!*/

/*.mw-solution {*/
/*    width: 100%;*/
/*    background-color: #fafbfc;*/
/*    padding-top: 2rem;*/
/*}*/

/*.mw-solution-wrap {*/
/*    width: 100%;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    padding: 0;*/
/*}*/

/*.mw-solution-title {*/
/*    text-align: center;*/
/*    margin: 0;*/
/*    padding-right: 1.5rem;*/
/*}*/

/*.mw-solution-title h3 {*/
/*    font-size: 1.4rem;*/
/*    color: #000;*/
/*}*/

/*.mw-solution-title-en {*/
/*    margin-top: 1rem;*/
/*    background: url("../image/line.jpg");*/
/*    width: 35%;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    background-repeat: repeat-x;*/
/*    background-color: #fafbfc;*/
/*    background-position-y: 50%;*/
/*    line-height: 0.45rem;*/
/*}*/

/*.mw-solution-title-en span {*/
/*    color: #c8ccce;*/
/*    font-size: 0.45rem;*/
/*    letter-spacing: 0.1rem;*/
/*    padding: 1rem;*/
/*    line-height: 1rem;*/
/*    background-color: #fafbfc;*/
/*}*/

/*.mw-solution-row {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    margin-top: 2.5rem;*/
/*}*/

/*.mw-solution-col {*/
/*    padding-left: 0;*/
/*    padding-right: 1.5rem;*/
/*    padding-bottom: 1.5rem;*/
/*}*/

/*.mw-solution-col .content {*/
/*    background-color: #ffffff;*/
/*    border: 1px solid #ffffff;*/
/*    max-width: 18rem;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    transition: all 0.2s ease;*/
/*    border-radius: 0.25rem;*/
/*}*/

/*.mw-solution-col .content:hover {*/
/*    border: 1px solid rgba(7, 212, 235, 0.5);*/
/*    box-shadow: 0 0 0.75rem rgba(0, 198, 226, 0.3);*/
/*    background-color: #ffffff;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.mw-solution-col .solution_main_img {*/
/*    width: 100%;*/
/*    padding-top: 1.1rem;*/
/*    text-align: center;*/
/*}*/

/*.mw-solution-col .solution_title {*/
/*    margin-top: 1rem;*/
/*}*/

/*.mw-solution-col .solution_title h5 {*/
/*    font-size: 0.9rem;*/
/*    color: #000;*/
/*    text-align: center;*/
/*}*/

/*.mw-solution-col .solution_line {*/
/*    margin-top: 0.5rem;*/
/*}*/

/*.mw-solution-col .solution_line .br {*/
/*    width: 1rem;*/
/*    height: 0.2rem;*/
/*    background-color: #07d4eb;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*}*/

/*.mw-solution-col .desc {*/
/*    padding-top: 0.5rem;*/
/*    font-size: 0.7rem;*/
/*    color: #999;*/
/*    text-align: justify;*/
/*    text-justify: inter-ideograph;*/
/*    padding-left: 2.5rem;*/
/*    padding-right: 2.5rem;*/
/*    line-height: 1.3rem;*/
/*}*/

/*.mw-solution-col .desc p {*/
/*    overflow: hidden;*/
/*    max-height: 5rem;*/
/*}*/

/*.mw-solution-col .more {*/
/*    padding-left: 2.5rem;*/
/*    padding-right: 2.5rem;*/
/*    text-align: right;*/
/*    padding-top: 0.5rem;*/
/*    padding-bottom: 1rem;*/
/*}*/

/*.mw-solution-col .more .img_more {*/
/*    width: 3rem;*/
/*    height: 0.9rem;*/
/*    background: url("../image/so_more.png");*/
/*    background-repeat: no-repeat;*/
/*    margin-left: auto;*/
/*    background-size: 100%;*/
/*    cursor: pointer;*/
/*}*/

/*.mw-solution-more {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    text-align: center;*/
/*    margin-bottom: 2.5rem;*/
/*    padding-right: 1.5rem;*/
/*    margin-top: 1rem;*/
/*}*/

/*.mw-solution-more .more_solution {*/
/*    display: inline-block;*/
/*}*/

/*.mw-solution-more .more_solution_btn {*/
/*    display: block;*/
/*    border: 1px solid #07d4eb;*/
/*    width: 6.6rem;*/
/*    height: 2.1rem;*/
/*    text-align: center;*/
/*    letter-spacing: 0;*/
/*    color: #07d4eb;*/
/*    cursor: pointer;*/
/*    font-size: 0.9rem;*/
/*    line-height: 2.1rem;*/
/*    transition: all 0.2s ease;*/
/*}*/

/*.mw-solution-more .more_solution_btn:hover {*/
/*    background-color: #07d4eb;*/
/*    color: #ffffff;*/
/*}*/

/*@media (min-width: 930px) {*/
/*    .mw-solution-col {*/
/*        width: 33.33% !important;*/
/*    }*/
/*}*/

/*@media (min-width: 1200px) {*/
/*    .mw-solution-wrap {*/
/*        width: 1200px;*/
/*        padding: 0;*/
/*        padding-left: 1.5rem;*/
/*    }*/

/*}*/

/*@media (min-width: 768px) and (max-width: 1199px) {*/
/*    .mw-solution-wrap {*/
/*        width: 100%;*/
/*        padding: 0;*/
/*        padding-left: 1.5rem;*/
/*    }*/

/*    .mw-solution-col .content {*/
/*        max-width: 21rem;*/
/*    }*/

/*}*/

/*@media (max-width: 767px) {*/
/*    .mw-solution-wrap {*/
/*        width: 34.5rem;*/
/*    }*/

/*    .mw-solution-title h3 {*/
/*        font-size: 1.8rem;*/
/*        letter-spacing: 0;*/
/*    }*/

/*    .mw-solution-title-en {*/
/*        margin-top: 1rem;*/
/*        width: 25rem;*/
/*    }*/

/*    .mw-solution-col .desc p {*/
/*        max-height: 10.6rem;*/
/*    }*/

/*    .mw-solution-title-en span {*/
/*        font-size: 0.8rem;*/
/*        letter-spacing: 0 !important;*/
/*    }*/

/*    .mw-solution-col {*/
/*        padding: 0;*/
/*        margin-bottom: 1.5rem;*/
/*    }*/

/*    .mw-solution-col .content {*/
/*        max-width: 16.5rem;*/
/*    }*/

/*    .mw-solution-row {*/
/*        margin-left: -0.75rem;*/
/*        margin-right: -0.75rem;*/
/*    }*/

/*    .mw-solution-col .solution_main_img {*/
/*        padding-top: 1.5rem;*/
/*    }*/

/*    .mw-solution-col .solution_main_img {*/
/*        padding-top: 1.5rem;*/
/*    }*/

/*    .mw-solution-col .solution_main_img img {*/
/*        width: 2rem;*/
/*    }*/

/*    .mw-solution-col .solution_title h5 {*/
/*        font-size: 1.5rem;*/
/*        color: #000;*/
/*        letter-spacing: 0;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*        white-space: nowrap;*/
/*        padding: 0 1rem;*/
/*    }*/

/*    .mw-solution-col .solution_line {*/
/*        margin-top: 1rem;*/
/*    }*/

/*    .mw-solution-col .desc {*/
/*        padding-top: 1rem;*/
/*        padding-left: 1.5rem;*/
/*        padding-right: 1.5rem;*/
/*        line-height: inherit;*/
/*    }*/

/*    .mw-solution-col .desc p {*/
/*        font-size: 1.3rem;*/
/*        letter-spacing: 0;*/
/*        line-height: 1.8rem;*/
/*    }*/

/*    .mw-solution-col .more img {*/
/*        width: 3rem;*/
/*    }*/

/*    .mw-solution-more img {*/
/*        width: 6.5rem;*/
/*    }*/

/*    .mw-solution-col .more {*/
/*        padding-left: 1.5rem;*/
/*        padding-right: 1.5rem;*/
/*        padding-top: 1rem;*/
/*    }*/

/*    .mw-solution-more {*/
/*        padding-right: 0;*/
/*    }*/

/*    .mw-solution-more .more_solution_btn {*/
/*        width: 9.1rem;*/
/*        height: 2.9rem;*/
/*        line-height: 2.9rem;*/
/*        font-size: 1.3rem;*/
/*    }*/

/*    .mw-solution-col .more .img_more {*/
/*        width: 3.4rem;*/
/*        height: 1.1rem;*/
/*        background: url("../image/mobile/sl_more.png");*/
/*        background-repeat: no-repeat;*/
/*        margin-left: auto;*/
/*        background-size: 100%;*/
/*    }*/

/*}*/

/*================next*/
.fixed_next {
    width: 100%;
    height: 5rem;
    position: absolute;
    text-align: center;
    bottom: -2.5rem;
    z-index: 99;
}

.fixed_next img {
    width: 2.5rem;
    height: 5rem;
}
