﻿
.m-t-35 {
    margin-top: 35px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-16 {
    margin-bottom: 16px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-36 {
    margin-bottom: 36px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-50 {
    margin-left: 50px;
}

.p-all-30 {
    padding: 30px;
}

.p-ltr-30 {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-none {
    padding-left: 0;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-b-18 {
    padding-bottom: 18px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-t-20 {
    padding-top: 20px;
}

.balk-10 {
    height: 10px;
}

.balk-12 {
    height: 12px;
}

.balk-20 {
    height: 20px;
}

.balk-30 {
    height: 30px;
}

.balk-35 {
    height: 35px;
}

.balk-40 {
    height: 40px;
}

.balk-50 {
    height: 50px;
}

.balk-60 {
    height: 60px;
}

.balk-80 {
    height: 80px;
}

.balk-90 {
    height: 90px;
}

.balk-100 {
    height: 100px;
}

.balk-125 {
    height: 125px;
}

.fs-0 {
    font-size: 0;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 28px;
}

.fs-32 {
    font-size: 32px;
}

.fs-36 {
    font-size: 36px;
}

.fs-40 {
    font-size: 40px;
}

.fs-48 {
    font-size: 48px;
}

.fs-big {
    font-weight: bold;
}

.color-body {
    color: #040404;
}

.color-blue {
    color: #3388ff;
}

.color-black {
    color: #333;
}

.color-gray {
    color: #666 !important;
}

.color-gray-dark {
    color: #999;
}

.color-green {
    color: #44af35;
}

.color-pink {
    color: #ff7757;
}

.color-white {
    color: #fff !important;
}

.color-red {
    color: red;
}

.color-violet {
    color: #a117e6;
}

.bg-white {
    background-color: #fff;
}

.bg-bule-dark {
    background-color: #768592;
}

.bg-brown {
    background-color: #d8d2c4;
}

.bg-light-gray {
    background-color: #f8f8f8;
}

.bg-blue {
    background-color: #3388ff;
}

.bg-green {
    background-color: #44af35;
}

.bg-gray {
    background-color: #f2f2f2;
}

.border-all-gray {
    border: solid 1px #e1e1e1;
}

.border-t-gray {
    border-top: solid 1px #e6ecf1;
}

.border-b-gray {
    border-bottom: solid 1px #eeeeee;
}

.border-r-gray {
    border-right: solid 1px #eeeeee;
}

.border-l-gray {
    border-left: solid 1px #eeeeee;
}

.btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0 14px;
    line-height: 28px;
    color: white;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
}

.btn-small {
    padding: 0 10px;
}

.btn-big {
    padding: 0 19px;
}

.btn-sobig {
    padding: 0 30px;
}

.btn-xlarge {
    padding: 0 48px;
}

.btn-high {
    line-height: 36px;
}

.btn-high-large {
    line-height: 30px;
}

.btn-high-big {
    line-height: 40px;
}

.btn.btn-blue {
    background-color: #3388ff;
}

.btn.btn-greent {
    background-color: #33c16f;
}

.btn.btn-pink {
    background-color: #ff7757;
}

.btn.btn-white {
    background-color: #fff !important;
}

.btn.btn-red {
    background-color: #ff3a3a;
}

.btn.btn-border {
    background-color: transparent;
    color: #666666;
    border: 1px solid #e1e1e1;
}

    .btn.btn-border.btn-blue {
        border: 1px solid #3a76e7;
        color: #3a76e7;
    }

    .btn.btn-border.btn-orange {
        border: 1px solid #ff7757;
        color: #ff7757;
    }

    .btn.btn-border.btn-gold {
        border: solid 1px #cfa86f;
        color: #cfa86f;
    }

.pfo {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    font-size: 48px;
    overflow: hidden;
}

@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.fade {
    animation: fade-in 0.5s;
}

body {
   // padding-top: 30px;
    _text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #404040;
    font-family: Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}

.info {
    position: relative;
    align-self: center;
    margin-top: 560px;
    max-width: 1044px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 24px;
    letter-spacing: 0;
    color: #333333;
    font-size: 24px;
}

.desc_1 {
    position: relative;
    align-self: center;
    margin-top: 19px;
    max-width: 1107px;
    height: 13px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 14px;
    letter-spacing: 0;
    color: #666666;
    font-size: 12px;
}

.list_4 {
    padding-top: 50px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    background-color: #ffffff;
    width: 1223px;
    height: 280px;
    margin: 0 auto;
}

    .list_4 .primary {
        box-shadow: 0px 9px 15px rgba(0, 0, 0, 0.04);
        display: flex;
        position: relative;
        align-items: center;
        flex-direction: column;
        margin-top: 6px;
        margin-right: 55px;
        border-radius: 10px;
        background-color: #ffffff;
        width: 261px;
        height: 256px;
        overflow: hidden;
    }

    .list_4 .layer {
        position: absolute;
        top: 0px;
        align-self: center;
        width: 100%;
        height: 60px;
        overflow: hidden;
    }

.section-a {
}

    .section-a ul {
        display: flex;
        align-items: center;
        align-self: center;
        flex-direction: row;
        justify-content: space-between;
    }

        .section-a ul li.section-plate {
            background: url(../../../images/site/wf_web02/section-a-img1.png) no-repeat;
            width: 379px;
            height: 184px;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: flex-start;
            padding-left: 30px;
            text-align: left;
        }

            .section-a ul li.section-plate.img-a {
                background: url(../../../images/site/wf_web02/section-a-img2.png) no-repeat;
                width: 379px;
                height: 184px;
            }

            .section-a ul li.section-plate.img-b {
                background: url(../../../images/site/wf_web02/section-a-img3.png) no-repeat;
                width: 379px;
                height: 184px;
            }



            .section-a ul li.section-plate p.plate-a {
                font-size: 24px;
                color: #fff;
                margin-top: 40px;
            }

            .section-a ul li.section-plate p.plate-b {
                font-size: 12px;
                color: #fff;
                margin-top: 10px;
                line-height: 24px;
            }

.section {
    min-width: 1200px;
    position: relative;
    width: 100%;
}

.section-title {
    font-size: 30px;
    line-height: 30px;
}

.section-p {
    font-size: 14px;
    color: #999;
    line-height: 12px;
}

.section-common {
    width: 1200px;
    position: absolute;
    top: 0;
    margin: auto;
    left: 50%;
    margin-left: -600px;
}

.common {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.common-1360 {
    width: 1360px;
}

.swiper-banner {
    min-width: 1200px;
    position: relative;
}

    .swiper-banner .swiper-container {
        height: 580px;
    }

        .swiper-banner .swiper-container .pagination-box {
            position: absolute;
            z-index: 20;
            bottom: 94px;
            width: 100%;
            text-align: center;
        }

        .swiper-banner .swiper-container .pagination {
            display: inline-block;
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            padding: 0 10px;
            box-sizing: border-box;
            height: 22px;
            padding-top: 5px;
        }

        .swiper-banner .swiper-container .swiper-pagination-switch {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #fff;
            margin: 0 5px;
            opacity: 0.8;
            cursor: pointer;
            border: solid 2px transparent;
            vertical-align: top;
        }

        .swiper-banner .swiper-container .swiper-active-switch {
            width: 6px;
            height: 6px;
            background-color: transparent;
            border: solid 2px #fff;
        }

        .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a {
            float: left;
            width: 100%;
            position: relative;
        }

            .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .inner {
                width: 100%;
                height: 580px;
            }

    .swiper-banner .swiper-banner-box {
        background-color: #fff;
        position: absolute;
        width: 1200px;
        left: 50%;
        margin-left: -600px;
        bottom: -75px;
        height: 148px;
        z-index: 999;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 36px -18px;
    }

        .swiper-banner .swiper-banner-box .swiper-banner-box_info {
            width: 600px;
            float: left;
            padding: 37px 0 0 48px;
        }

            .swiper-banner .swiper-banner-box .swiper-banner-box_info img {
                margin: 5px 42px 0 0;
            }

            .swiper-banner .swiper-banner-box .swiper-banner-box_info h1 {
                font-size: 16px;
                color: #333;
            }

            .swiper-banner .swiper-banner-box .swiper-banner-box_info p {
                margin-top: 15px;
                font-size: 12px;
                line-height: 24px;
                color: #999999;
            }

.section-face {
    padding-top: 100px;
    color: #fff;
    text-align: center;
}

    .section-face .section-face-title {
        font-size: 30px;
    }

    .section-face .section-face-p {
        margin-top: 18px;
        font-size: 14px;
        margin-bottom: 60px;
    }

    .section-face .section-face-list {
        width: 100%;
        height: 318px;
    }

        .section-face .section-face-list li {
            width: 33.33333333%;
            float: left;
        }

        .section-face .section-face-list .section-face-list--title {
            font-size: 24px;
            margin: 35px 0 20px;
        }

        .section-face .section-face-list .section-face-list--p {
            line-height: 24px;
            font-size: 14px;
            width: 328px;
            margin: 0 auto;
        }

    .section-face .swiper-title {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background-color: #3a76e7;
        color: #fff;
        text-align: center;
        font-weight: normal;
    }

    .section-face .tabs {
        width: 230px;
        background-color: #fff;
        float: left;
        position: relative;
    }

        .section-face .tabs a {
            background-color: #f5f5f5;
            display: block;
            color: #666;
            line-height: 57.14285714px;
            padding-left: 30px;
            text-align: left;
            font-size: 14px;
            height: 57.14285714px;
        }

            .section-face .tabs a.active {
                background-color: #fff;
                color: #404040;
            }

    .section-face #tabs-container {
        background-color: #fff;
        width: 970px;
        height: 400px;
        float: left;
        color: #404040;
        text-align: left;
    }

        .section-face #tabs-container .swiper-slide {
            padding-left: 50px;
            padding-top: 50px;
            box-sizing: border-box;
        }

        .section-face #tabs-container .tabs-title {
            color: #404040;
            font-size: 24px;
        }

        .section-face #tabs-container .tabs-p {
            margin: 20px 0 60px;
            color: #666666;
            font-size: 14px;
        }

        .section-face #tabs-container .tabs-list li {
            padding-left: 44px;
            margin-bottom: 30px;
            position: relative;
        }

            .section-face #tabs-container .tabs-list li .tabs-list-yuan {
                text-align: center;
                position: absolute;
                width: 34px;
                height: 34px;
                border-radius: 50%;
                background-color: #3a76e7;
                color: #fff;
                left: 0;
                top: 0;
                line-height: 34px;
            }

            .section-face #tabs-container .tabs-list li .tabs-list-title {
                font-size: 14px;
                color: #3a76e7;
                margin-bottom: 8px;
                line-height: 12px;
            }

            .section-face #tabs-container .tabs-list li .tabs-list-p {
                font-size: 12px;
                color: #666666;
                line-height: 11px;
                height: 11px;
            }

.section-good {
    text-align: center;
    padding-top: 176px;
    padding-bottom: 100px;
    position: relative;
    *zoom: 1;
}

    .section-good:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .section-good .section-good-img {
        position: absolute;
        width: 458px;
        bottom: 106px;
        left: 0;
    }

        .section-good .section-good-img img {
            width: 458px;
        }

    .section-good .section-good-box {
        width: 371px;
        text-align-last: left;
    }

        .section-good .section-good-box div {
            padding-top: 10px;
            margin-bottom: 45px;
            padding-left: 130px;
        }

        .section-good .section-good-box img {
            position: absolute;
            top: 0;
            left: 56px;
        }

        .section-good .section-good-box .section-good-box-title {
            font-size: 14px;
            margin-bottom: 8px;
        }

        .section-good .section-good-box .section-good-box-p {
            font-size: 13px;
            color: #999999;
        }

#tabs-container1 {
    height: 860px;
}

    #tabs-container1 .swiper-wrapper .swiper-slide {
        width: 100%;
    }

.section-pay {
    text-align: center;
    position: relative;
}

    .section-pay .section-pay-list {
        *zoom: 1;
    }

        .section-pay .section-pay-list:after {
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            content: " ";
        }

        .section-pay .section-pay-list li {
            margin-right: 50px;
            text-align: center;
            float: left;
        }

            .section-pay .section-pay-list li p {
                color: #fff;
            }

    .section-pay .section-pay-tabs {
        background-color: rgba(255, 255, 255, 0.9);
        background-color: #fff\9;
        position: absolute;
        right: 0;
        top: 240px;
        z-index: 9998;
    }

        .section-pay .section-pay-tabs .item {
            display: block;
            width: 368px;
            padding: 29px 0 0 50px;
            position: relative;
            padding-right: 50px;
        }

            .section-pay .section-pay-tabs .item.active {
                background-color: #f7f7f7;
            }

            .section-pay .section-pay-tabs .item img {
                position: absolute;
                top: 29px;
                left: 50px;
            }

            .section-pay .section-pay-tabs .item div {
                text-align: left;
                padding-left: 49px;
            }

.skill-list {
    *zoom: 1;
}

    .skill-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .skill-list li {
        width: 270px;
        background-color: #fff;
        text-align: center;
        height: 300px;
        float: left;
        margin-right: 40px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .skill-list li:hover {
            background-color: #4782ff;
        }

            .skill-list li:hover .skill-title {
                color: #fff;
            }

            .skill-list li:hover .skill-p {
                color: #fff;
            }

        .skill-list li img {
            width: 100%;
            display: block;
        }

        .skill-list li .skill-title {
            color: #404040;
            font-size: 16px;
            margin: 30px 0 20px;
        }

        .skill-list li .skill-p {
            color: #999999;
            font-size: 14px;
            line-height: 20px;
        }

.section-data {
    padding-bottom: 117px;
    position: relative;
    *zoom: 1;
    color: #fff;
    padding-top: 70px;
}

    .section-data:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .section-data .section-data-title {
        font-size: 48px;
        line-height: 46px;
    }

        .section-data .section-data-title em {
            font-size: 26px;
            vertical-align: text-top;
        }

    .section-data .section-data-p {
        font-size: 18px;
        line-height: 16px;
        margin-top: 20px;
    }

    .section-data .section-data-box {
        position: relative;
        float: left;
        padding: 50px 0 0 50px;
    }

        .section-data .section-data-box .section-data-box--title {
            font-size: 24px;
            color: #404040;
            line-height: 24px;
        }

        .section-data .section-data-box .section-data-box--p {
            color: #666666;
            font-size: 16px;
            line-height: 12px;
        }

    .section-data .section-data-list {
        float: left;
        margin-right: 50px;
    }

        .section-data .section-data-list li {
            margin-top: 30px;
            font-size: 13px;
            color: #666666;
            padding-left: 25px;
            background: url(../../../images/site/wf_web02/section-data-list-left.png) no-repeat center left;
        }

    .section-data .section-data-a {
        position: absolute;
        width: 90px;
        height: 32px;
        line-height: 30px;
        border-radius: 3px;
        border: solid 1px #3a76e7;
        color: #3a76e7;
        font-size: 14px;
        text-align: center;
        top: 44px;
        right: 37px;
    }

        .section-data .section-data-a:hover {
            border: solid 1px transparent;
            color: #fff;
            background-color: #3a76e7;
        }

.section-news .section-news-list {
    *zoom: 1;
}

    .section-news .section-news-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .section-news .section-news-list li {
        margin-right: 24px;
        width: 282px;
        float: left;
    }

        .section-news .section-news-list li img {
            height: 130px;
            width: 282px;
            display: block;
            margin-bottom: 10px;
        }

        .section-news .section-news-list li a {
            display: block;
            text-align: left;
            margin-top: 20px;
            font-size: 12px;
            color: #666666;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .section-news .section-news-list li a:hover {
                text-decoration: underline;
            }

            .section-news .section-news-list li a span {
                color: #999999;
            }

.section-flow {
    *zoom: 1;
}

    .section-flow:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .section-flow li {
        position: relative;
        width: 170px;
        float: left;
        margin-right: 87px;
    }

        .section-flow li .deng {
            position: absolute;
            right: -75px;
            top: 62px;
        }

        .section-flow li .section-flow-yuan {
            background-color: #fff;
            position: relative;
            border-radius: 50%;
            width: 130px;
            height: 130px;
            margin: 0 auto;
            box-shadow: #000 0 0 9px -4px;
        }

            .section-flow li .section-flow-yuan h1 {
                position: absolute;
                font-size: 18px;
                color: #3a76e7;
                width: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

        .section-flow li p {
            margin-top: 15px;
            color: #999999;
            font-size: 12px;
            line-height: 22px;
        }

#sw2 {
    height: 148px;
}

    #sw2 .swiper-slide {
        padding: 0 15px;
        width: 240px;
        float: left;
        border-radius: 5px;
        overflow: hidden;
    }

        #sw2 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
        }

#sw3 {
    height: 394px;
}

    #sw3 .swiper-slide {
        height: 260px;
        width: 180px;
        padding: 0 15px;
    }

        #sw3 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
        }

    #sw3 .swiper-pagination {
        position: absolute;
        z-index: 20;
        bottom: 10px;
        width: 100%;
        text-align: center;
    }

        #sw3 .swiper-pagination .swiper-pagination-switch {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 8px;
            background: #555;
            margin: 0 5px;
            opacity: 0.8;
            border: 1px solid #999;
            cursor: pointer;
        }

        #sw3 .swiper-pagination .swiper-active-switch {
            background: #000;
        }

.section-joint {
    margin-top: 48px;
    display: inline-block;
    *zoom: 1;
}

    .section-joint:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .section-joint li {
        margin-left: -1px;
        width: 170px;
        height: 100px;
        border: solid 1px #eeeeee;
        display: inline-block;
        _display: inline;
        background-color: #fbfbfb;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .section-joint li:hover {
            opacity: .3;
        }

        .section-joint li img {
            display: block;
            margin: 34px auto 0;
        }

.footer {
    background-color: #262626;
    *zoom: 1;
}

    .footer:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .footer .f-list {
        margin-right: 100px;
        padding-top: 55px;
    }

        .footer .f-list .f-title {
            height: 20px;
            margin-bottom: 30px;
            font-size: 14px;
            color: #666666;
        }

        .footer .f-list .f-item {
            margin-bottom: 24px;
            font-size: 13px;
        }

            .footer .f-list .f-item a {
                color: #eeeeee;
            }

.pc-list {
    *zoom: 1;
}

    .pc-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .pc-list li {
        margin-right: 95px;
        position: relative;
        padding-left: 79px;
        color: #fff;
        float: left;
    }

        .pc-list li img {
            position: absolute;
            left: 0;
            top: 0;
        }

.pc-list-title {
    font-size: 18px;
    line-height: 38px;
}

.pc-list-p {
    font-size: 14px;
}

.product-face-list {
    *zoom: 1;
}

    .product-face-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .product-face-list li {
        margin-right: 33.33333333px;
        width: 275px;
        text-align: left;
        float: left;
    }

.product-face-list-img {
    width: 275px;
    height: 104px;
    background-color: red;
}

    .product-face-list-img img {
        width: 275px;
        height: 104px;
    }

.product-face-list-title {
    margin: 50px 0 30px;
    font-size: 16px;
    color: #108ee9;
}

.product-face-list-p {
    font-size: 14px;
    color: #999;
    line-height: 20px;
}

.section-facemac-list {
    text-align: left;
    *zoom: 1;
}

    .section-facemac-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .section-facemac-list li {
        margin-bottom: 30px;
        width: 220px;
        float: left;
        margin-right: 25px;
    }

.section-facemac-list-img {
    width: 220px;
    height: 220px;
    background-color: #eff2f9;
    border-radius: 5px;
    text-align: center;
}

    .section-facemac-list-img img {
        width: 100%;
        height: 100%;
    }

.section-facemac-list-title {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 56px;
}

.section-facemac-list-p {
    line-height: 24px;
    color: #666666;
    font-size: 12px;
}

.section-facemac-list-a {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    width: 130px;
    background-color: #3388ff;
    display: inline-block;
}

.s-pay-box .product-face-list li {
    margin-right: 20px;
    width: 284px;
    text-align: center;
    height: 330px;
    border: solid 1px #e7e9ed;
}

    .s-pay-box .product-face-list li .product-face-list-img {
        width: 100%;
        height: 130px;
        overflow: hidden;
        border-bottom: solid 1px #e7e9ed;
    }

        .s-pay-box .product-face-list li .product-face-list-img img {
            width: 100%;
            height: 100%;
        }

    .s-pay-box .product-face-list li .product-face-list-title {
        line-height: 80px;
        margin: 0;
        font-size: 24px;
        color: #3a76e7;
    }

.s-pay-box .row li {
    background-color: #fff;
    height: 330px;
    position: relative;
}

    .s-pay-box .row li.r-arrow::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #eeeeee;
        top: 0;
    }

    .s-pay-box .row li.r-arrow::before {
        content: '';
        display: block;
        position: absolute;
        width: 20px;
        height: 76px;
        top: 50%;
        margin-top: -38px;
        right: -10px;
        z-index: 9;
        background: url(../../../images/site/wf_web02/r-arrow.png) no-repeat center #fff;
    }

.section-solve-list {
    text-align: center;
    *zoom: 1;
}

    .section-solve-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .section-solve-list li {
        float: left;
        margin-right: 15px;
        width: 260px;
        height: 180px;
        border: solid 1px #eee;
        color: #333333;
    }

        .section-solve-list li img {
            margin: 50px 0 20px;
        }

.row {
    *zoom: 1;
    margin-left: -2%;
}

    .row:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .row > [class*="col-"] {
        float: left;
    }

    .row.no-gutter .col-5 {
        width: 5%;
        margin-left: 0;
    }

    .row.no-gutter .col-10 {
        width: 10%;
        margin-left: 0;
    }

    .row.no-gutter .col-15 {
        width: 15%;
        margin-left: 0;
    }

    .row.no-gutter .col-20 {
        width: 20%;
        margin-left: 0;
    }

    .row.no-gutter .col-25 {
        width: 25%;
        margin-left: 0;
    }

    .row.no-gutter .col-30 {
        width: 30%;
        margin-left: 0;
    }

    .row.no-gutter .col-35 {
        width: 35%;
        margin-left: 0;
    }

    .row.no-gutter .col-40 {
        width: 40%;
        margin-left: 0;
    }

    .row.no-gutter .col-45 {
        width: 45%;
        margin-left: 0;
    }

    .row.no-gutter .col-50 {
        width: 50%;
        margin-left: 0;
    }

    .row.no-gutter .col-55 {
        width: 55%;
        margin-left: 0;
    }

    .row.no-gutter .col-60 {
        width: 60%;
        margin-left: 0;
    }

    .row.no-gutter .col-65 {
        width: 65%;
        margin-left: 0;
    }

    .row.no-gutter .col-70 {
        width: 70%;
        margin-left: 0;
    }

    .row.no-gutter .col-75 {
        width: 75%;
        margin-left: 0;
    }

    .row.no-gutter .col-80 {
        width: 80%;
        margin-left: 0;
    }

.s-form {
    position: absolute;
    padding: 0 40px;
    background-color: #fff;
    width: 462px;
    right: 0;
    top: 90px;
    font-weight: bold;
    padding-bottom: 30px;
}

.s-form-p {
    font-size: 14px;
    color: #333333;
    line-height: 70px;
}

.s-form form .s-form-block .s-form-input {
    display: block;
}

.s-form form .s-form-line {
    *zoom: 1;
    margin-bottom: 35px;
}

    .s-form form .s-form-line:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-form form .s-form-line .s-form-input {
        color: #040404;
        border: solid 1px transparent;
        border-bottom: solid 1px #bfbfbf;
        width: 111px;
        float: left;
        margin-right: 24px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #757575;
        /*鍘绘帀涓嬫媺绠ご*/
    }

        .s-form form .s-form-line .s-form-input::-ms-expand {
            display: none;
        }

        .s-form form .s-form-line .s-form-input:last-child {
            margin-right: 0;
        }

.s-form form .s-form-input {
    font-size: 12px;
    padding-bottom: 6px;
    border-bottom: solid 1px #bfbfbf;
    width: 100%;
    height: 47px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .s-form form .s-form-input:focus {
        border-bottom: solid 1px #000;
    }

.s-form .s-form-a {
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #3388ff;
    display: block;
}

.s-list-mode {
    *zoom: 1;
}

    .s-list-mode:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-list-mode li {
        margin-right: 30px;
        float: left;
        width: 380px;
        height: 330px;
        background-color: #fff;
        border-radius: 5px;
        padding: 0 40px;
        padding-top: 40px;
        margin-bottom: 33px;
    }

        .s-list-mode li:nth-child(3n) {
            margin-right: 0;
        }

        .s-list-mode li:hover img {
            -webkit-transition: all .7s;
            transition: all .7s;
            transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            /* IE 9 */
            -moz-transform: rotate(360deg);
            /* Firefox */
            -webkit-transform: rotate(360deg);
            /* Safari 鍜� Chrome */
            -o-transform: rotate(360deg);
        }

.partner-good-list {
    float: left;
    width: 50%;
    text-align: left;
}

    .partner-good-list li {
        position: relative;
        padding-left: 122px;
        height: 170px;
    }

        .partner-good-list li img {
            position: absolute;
            top: 0;
            left: 0;
            width: 92px;
            height: auto;
        }

.partner-qaa-list {
    text-align: left;
    float: left;
    width: 50%;
}

    .partner-qaa-list li {
        margin-bottom: 35px;
    }

        .partner-qaa-list li img {
            vertical-align: middle;
            margin-right: 10px;
        }

        .partner-qaa-list li .partner-qaa-title {
            color: #44af35;
            font-size: 14px;
            margin-bottom: 18px;
            padding-left: 26px;
            background: url(../../../images/site/wf_web02/wen.png) no-repeat top left;
        }

        .partner-qaa-list li .partner-qaa-p {
            color: #999;
            font-size: 12px;
            padding-left: 26px;
            background: url(../../../images/site/wf_web02/da.png) no-repeat top left;
        }

.term-list {
    *zoom: 1;
    text-align: left;
}

    .term-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .term-list li {
        margin-right: 21.66666667px;
        background-color: #f6f8ff;
        width: 345px;
        height: 100px;
        float: left;
        font-size: 14px;
        color: #666666;
        line-height: 26px;
        padding: 28px 32px;
    }

    .term-list .term-list-title {
        width: 100px;
        color: #3a76e7;
        line-height: 26px;
        font-size: 18px;
        font-weight: bold;
        padding-top: 28px;
        padding-left: 32px;
        padding-right: 0;
        padding-bottom: 0;
    }

.case-list {
    text-align: center;
    *zoom: 1;
}

    .case-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .case-list li {
        border-bottom: solid 1px #eeeeee;
        margin-bottom: 20px;
        float: left;
        margin-right: 30px;
        width: 380px;
        height: 447px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .case-list li div {
            padding: 0 20px;
        }

        .case-list li a .case-list-title {
            line-height: 80px;
            font-size: 20px;
            color: #404040;
        }

        .case-list li a .case-list-p {
            font-size: 13px;
            color: #999999;
            line-height: 24px;
        }

        .case-list li:nth-child(3n) {
            margin-right: 0;
        }

        .case-list li:hover {
            background-color: #4782ff;
        }

            .case-list li:hover a {
                color: #fff;
            }

                .case-list li:hover a .case-list-title {
                    font-weight: bold;
                    color: #fff;
                }

                .case-list li:hover a .case-list-p {
                    color: #fff;
                }

.about-tabs {
    float: left;
}

    .about-tabs table {
        line-height: 46px;
        width: 580px;
    }

        .about-tabs table.blue thead tr {
            background-color: #479cf6;
        }

        .about-tabs table.blue tbody tr:nth-child(2n) {
            background-color: #f4f9fe;
        }

        .about-tabs table.blue tbody tr td:first-child {
            color: #479cf6;
        }

        .about-tabs table.green thead tr {
            background-color: #00b050;
        }

        .about-tabs table.green tbody tr:nth-child(2n) {
            background-color: #f2fcf8;
        }

        .about-tabs table.green tbody tr td:first-child {
            color: #00b050;
        }

        .about-tabs table tr {
            font-size: 14px;
        }

            .about-tabs table tr th {
                color: #fff;
                font-weight: bold;
            }

            .about-tabs table tr td,
            .about-tabs table tr th {
                padding-left: 20px;
                border: solid 1px #e6ecf1;
                padding-right: 20px;
            }

#container {
    width: 100%;
    height: 360px;
}

.news-tabs {
    font-size: 0;
}

    .news-tabs .item {
        margin-top: 30px;
        margin-right: 15px;
        color: #666666;
        font-size: 14px;
        line-height: 35px;
        height: 35px;
        display: inline-block;
        padding: 0 35px;
    }

        .news-tabs .item:hover {
            color: #fff;
            background-color: #4782ff;
        }

        .news-tabs .item.active {
            color: #fff;
            background-color: #4782ff;
        }

.news-swiper-list li {
    margin: 30px auto;
    position: relative;
    width: 98%;
    padding-left: 348px;
    padding-top: 30px;
    padding-bottom: 48px;
    border-bottom: solid 1px #eee;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .news-swiper-list li:hover {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px -14px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px -14px;
        -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px -14px;
        -ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px -14px;
        -o-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px -14px;
    }

    .news-swiper-list li .news-swiper-img {
        position: absolute;
        top: 30px;
        left: 20px;
        border: solid 1px #eee;
        width: 300px;
        height: 160px;
    }

        .news-swiper-list li .news-swiper-img img {
            width: 300px;
            height: 160px;
        }

    .news-swiper-list li .news-swiper-p {
        font-size: 13px;
        color: #999;
        line-height: 24px;
        width: 575px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 30px;
    }

    .news-swiper-list li .news-swiper-time {
        position: absolute;
        color: #999;
        font-size: 18px;
        top: 50px;
        right: 30px;
    }

    .news-swiper-list li .news-swiper-jt {
        position: absolute;
        padding-left: 16px;
        border-left: solid 1px #eee;
        right: 96px;
        bottom: 50px;
    }

.news-pagination {
    font-size: 12px;
    margin: 18px 0;
    display: block;
}

    .news-pagination div {
        display: inline-block;
        color: #333333;
    }

        .news-pagination div .page-num {
            display: inline-block;
            line-height: 28px;
            height: 30px;
            padding: 0 4px;
            line-height: 26px;
            color: #555555;
            border-radius: 2px;
            vertical-align: middle;
            background-color: #ffffff;
            border: 1px solid #cccccc;
            margin: 0 5px;
            width: 50px;
        }

        .news-pagination div .page-confirm {
            color: #ffffff;
            background-color: #3a76e7;
            border: 1px solid #3a76e7;
            user-select: none;
            padding: 0px 11px;
            line-height: 30px;
            font-size: 12px;
            border-radius: 3px;
            margin: 0 10px;
        }

    .news-pagination ul {
        display: inline-block;
        vertical-align: middle;
    }

        .news-pagination ul li {
            display: inline;
            line-height: 26px;
        }

            .news-pagination ul li.active a {
                background-color: #333744;
                color: #ffffff;
                border-color: #333744;
                cursor: default;
            }

            .news-pagination ul li a {
                margin-right: 10px;
                position: relative;
                float: left;
                padding: 0 15px;
                line-height: 26px;
                text-decoration: none;
                color: #333;
                background-color: #e2e2e2;
                border: 1px solid #e2e2e2;
                margin-left: -1px;
            }

                .news-pagination ul li a:hover {
                    background-color: #333744;
                    color: #ffffff;
                    border-color: #333744;
                }

.news-swiper-line {
    *zoom: 1;
}

    .news-swiper-line:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .news-swiper-line li {
        margin-top: 30px;
        float: left;
        margin-right: 21px;
        width: 284px;
        border: solid 1px #eee;
        background-color: #f5f5f5;
        padding-bottom: 20px;
    }

        .news-swiper-line li:nth-child(4n) {
            margin-right: 0;
        }

        .news-swiper-line li .news-line-img {
            background-color: #fff;
            border-bottom: solid 1px #eee;
            padding: 6px;
        }

            .news-swiper-line li .news-line-img img {
                display: block;
                width: 271px;
                height: 174px;
            }

        .news-swiper-line li .news-line-p {
            color: #999;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

.inner-btn {
    position: absolute;
    height: 38px;
    line-height: 36px;
    border: solid 1px #cfa86f;
    padding: 0 20px;
    border-radius: 3px;
    color: #cfa86f;
    top: 410px;
    display: block;
}

    .inner-btn img {
        vertical-align: top;
        margin-top: 7px;
        margin-right: 5px;
    }

    .inner-btn.ios {
        left: 0;
    }

    .inner-btn.az {
        left: 145px;
    }

@keyframes fade-pro {
    0% {
        display: none;
        right: -410px;
    }

    1% {
        display: block;
        right: -410px;
    }

    100% {
        display: block;
        right: 20px;
    }
}

.fade-pro {
    animation: fade-pro 0.5s;
}

.fade-hide {
    animation: fade-hide 0.5s;
}

@keyframes fade-online {
    0% {
        display: none;
        right: 10px;
    }

    1% {
        display: block;
        right: 10px;
    }

    100% {
        display: block;
        right: 470px;
    }
}

.fade-online {
    animation: fade-online 0.5s;
}

.online {
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 5px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    top: 300px;
    text-align: center;
    z-index: 9998;
    width: 140px;
    padding-bottom: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px -3px;
    background-color: #fff;
}

    .online h1 {
        color: #fff;
        margin-bottom: 13px;
        font-size: 12px;
        background-color: #3a76e7;
        line-height: 34px;
        position: relative;
    }

    .online h2 {
        color: #fff;
        margin-bottom: 13px;
        font-size: 12px;
        background-color: #3a76e7;
        line-height: 34px;
        position: relative;
    }

        .online h2 img {
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -7px;
        }

    .online h1 img {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -7px;
    }

.pro {
    right: 20px;
    width: 430px;
}

.proxy-list {
    text-align: left;
    padding-left: 20px;
    width: 215px;
    float: left;
    padding-right: 17px;
    border-right: solid 1px #eee;
}

.proxy-list-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
}

.proxy-list a {
    width: 55px;
    height: 22px;
    line-height: 20px;
    border-radius: 3px;
    border: solid 1px #3a76e7;
    font-size: 12px;
    color: #3a76e7;
    float: right;
    text-align: center;
    margin-top: 7px;
}

    .proxy-list a img {
        width: 14px;
        height: auto;
        vertical-align: top;
        margin-top: 4px;
        margin-right: 5px;
    }

.proxy-list .item {
    margin-bottom: 20px;
    line-height: 35px;
    font-size: 12px;
}

    .proxy-list .item span {
        float: left;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        width: 35px;
        border-radius: 50%;
        font-weight: bold;
        text-align: center;
        color: #fff;
        margin-right: 10px;
        background-color: #f6b37f;
    }

    .proxy-list .item:nth-child(2) span {
        background-color: #89c997;
    }

.oem-vs {
    *zoom: 1;
}

    .oem-vs:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .oem-vs li {
        width: 582px;
        border-radius: 5px;
        float: left;
    }

        .oem-vs li.dui {
            margin-right: 36px;
            border: solid 1px #5aa4f9;
        }

            .oem-vs li.dui .oem-vs-title {
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b0ff', endColorstr='#59b4f9', grandientType=1);
                background-image: -moz-linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
                background-image: -webkit-linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
                background-image: -ms-linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
            }

            .oem-vs li.dui .oem-vs-p {
                background-color: #f0f4fd;
            }

            .oem-vs li.dui .oem-vs-box p {
                background: url(../../../images/site/wf_web02/dui.jpg) no-repeat center left;
            }

        .oem-vs li.cuo {
            border: solid 1px #ffa61c;
        }

            .oem-vs li.cuo .oem-vs-title {
                background-image: -moz-linear-gradient(90deg, #ffb314 0%, #ff9f20 100%);
                background-image: -webkit-linear-gradient(90deg, #ffb314 0%, #ff9f20 100%);
                background-image: -ms-linear-gradient(90deg, #ffb314 0%, #ff9f20 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb314', endColorstr='#ff9f20', grandientType=1);
            }

            .oem-vs li.cuo .oem-vs-p {
                background-color: #fff8ed;
            }

            .oem-vs li.cuo .oem-vs-box p {
                background: url(../../../images/site/wf_web02/ac.png) no-repeat center left;
            }

        .oem-vs li .oem-vs-title {
            line-height: 90px;
            color: #fff;
            font-size: 26px;
            text-align: center;
        }

        .oem-vs li .oem-vs-p {
            line-height: 80px;
            font-size: 24px;
            text-align: left;
            padding-left: 60px;
        }

        .oem-vs li .oem-vs-box {
            text-align: left;
            font-size: 13px;
            color: #666666;
            padding-left: 50px;
            padding-bottom: 30px;
        }

            .oem-vs li .oem-vs-box p {
                padding-left: 22px;
                margin-top: 28px;
                margin-bottom: 10px;
            }

.oem-process {
    padding-top: 10px;
    position: relative;
}

    .oem-process div {
        position: absolute;
        font-size: 18px;
        width: 410px;
        font-weight: bold;
        height: 92px;
        line-height: 90px;
        border-radius: 45px;
        border: solid 1px #3a76e7;
    }

        .oem-process div:hover {
            border: solid 1px transparent;
            color: #fff;
            background-color: #3a76e7\9;
        }

.oem-process-box1 {
    left: 36px;
    top: 0;
    padding-right: 42px;
    background: url(../../../images/site/wf_web02/oem-icon1.png) no-repeat center right 24px;
}

    .oem-process-box1:hover {
        background: url(../../../images/site/wf_web02/oem-icon4-hover.png) no-repeat center right 24px, linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
    }

.oem-process-box2 {
    left: 0px;
    top: 129px;
    background: url(../../../images/site/wf_web02/oem-icon2.png) no-repeat center right 24px;
}

    .oem-process-box2:hover {
        background: url(../../../images/site/wf_web02/oem-icon5-hover.png) no-repeat center right 24px, linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
    }

.oem-process-box3 {
    text-align: right;
    left: 36px;
    top: 257px;
    padding-right: 60px;
    background: url(../../../images/site/wf_web02/oem-icon3.png) no-repeat center right 24px;
}

    .oem-process-box3:hover {
        background: url(../../../images/site/wf_web02/oem-icon6-hover.png) no-repeat center right 24px, linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
    }

.oem-process-box4 {
    text-align: left;
    right: 36px;
    top: 0;
    padding-left: 65px;
    background: url(../../../images/site/wf_web02/oem-icon4.png) no-repeat center left 24px;
}

    .oem-process-box4:hover {
        background: url(../../../images/site/wf_web02/oem-icon1-hover.png) no-repeat center left 24px, linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
    }

.oem-process-box5 {
    text-align: left;
    right: 0;
    top: 129px;
    padding-left: 65px;
    background: url(../../../images/site/wf_web02/oem-icon5.png) no-repeat center left 24px;
}

    .oem-process-box5:hover {
        background: url(../../../images/site/wf_web02/oem-icon2-hover.png) no-repeat center left 24px, linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
    }

.oem-process-box6 {
    text-align: left;
    right: 36px;
    top: 257px;
    padding-left: 65px;
    background: url(../../../images/site/wf_web02/oem-icon6.png) no-repeat center left 24px;
}

    .oem-process-box6:hover {
        background: url(../../../images/site/wf_web02/oem-icon3-hover.png) no-repeat center left 24px, linear-gradient(90deg, #66b0ff 0%, #3a76e7 100%, #6d2df3 100%, #51eed8 100%, #a15bff 100%, #59b4f9 100%, #6b44ec 100%);
    }

.oem-private {
    float: left;
    width: 320px;
    color: #fff;
    height: 140px;
    text-align: left;
    margin-right: 70px;
}

    .oem-private:nth-child(2n) {
        margin-right: 0;
    }

.oem-private-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

.oem-private-p {
    font-size: 12px;
    line-height: 21px;
}

.oem-daily {
    *zoom: 1;
}

    .oem-daily:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .oem-daily li {
        -webkit-transition: all .3s;
        transition: all .3s;
        position: relative;
        float: left;
        width: 300px;
        background-color: #fff;
        border: solid 1px #cccccc;
        padding: 26px 35px 0 35px;
        height: 302px;
        border-right: 0;
    }

        .oem-daily li:hover {
            box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px -1px;
            border: solid 1px transparent;
            z-index: 9998;
            transform: scale(1.08);
        }

        .oem-daily li:nth-child(4) {
            border-right: solid 1px #cccccc;
        }

.oem-skill {
    *zoom: 1;
}

    .oem-skill:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .oem-skill li {
        overflow: hidden;
        border-radius: 10px;
        width: 364px;
        border: solid 1px #cccccc;
        text-align: left;
        float: left;
        margin-right: 54px;
    }

        .oem-skill li:last-child {
            margin-right: 0;
        }

        .oem-skill li:hover img {
            transform: scale(1.08);
        }

.oem-skill-img {
    overflow: hidden;
}

    .oem-skill-img img {
        -webkit-transition: all .3s;
        transition: all .3s;
    }

.mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    display: none;
}

    .mask.show {
        display: block;
    }

.modal {
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px -1px;
    z-index: 9999;
    position: absolute;
    width: 480px;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .modal .modal-close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 12px;
        height: 12px;
        background: url("../../../images/site/wf_web02/Forkedfork-img.png") center center no-repeat;
        background-size: 12px;
        cursor: pointer;
    }

.modal-adv {
    position: relative;
    background: url(../../../images/site/wf_web02/sao.png) no-repeat bottom right 12px;
    height: 271px;
    border-bottom: solid 1px #eee;
    padding-left: 30px;
    padding-top: 73px;
}

    .modal-adv p {
        margin-bottom: 35px;
        color: #222;
        line-height: 22px;
    }

        .modal-adv p img {
            margin-right: 11px;
            vertical-align: middle;
        }

    .modal-adv .modal-adv-code {
        position: absolute;
        top: 92px;
        right: 87px;
    }

        .modal-adv .modal-adv-code img {
            width: 115px;
            height: 115px;
        }

.modal-adv-btn {
    padding: 33px 0;
}

    .modal-adv-btn a {
        width: 390px;
        height: 60px;
        border-radius: 5px;
        font-size: 24px;
        color: #fff;
        background-color: #12b7f5;
        text-align: center;
        line-height: 60px;
        display: block;
        margin: 0 auto;
    }

        .modal-adv-btn a img {
            vertical-align: middle;
            margin-right: 10px;
        }

.seection-news-detail h1 {
    line-height: 80px;
}

.seection-news-detail .info {
    padding-right: 50px;
    line-height: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.seection-news-detail .wx-link {
    width: 370px;
    height: 90px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ecedec;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    cursor: pointer;
}

    .seection-news-detail .wx-link .box {
        width: 280px;
        padding-left: 16px;
    }

        .seection-news-detail .wx-link .box .title {
            margin-bottom: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 18px;
        }

        .seection-news-detail .wx-link .box .link {
            font-size: 16px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .seection-news-detail .wx-link .pic {
        width: 80px;
        height: 80px;
        overflow: hidden;
        object-fit: cover;
    }

.fees-vs {
    *zoom: 1;
    overflow: hidden;
    border-radius: 5px;
    border: solid 1px #58a3f8;
}

    .fees-vs:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .fees-vs li {
        float: left;
        width: 599px;
    }

        .fees-vs li .fees-vs-title {
            line-height: 115px;
            text-align: center;
            font-size: 24px;
            color: #fff;
        }

        .fees-vs li .fees-vs-box {
            text-align: left;
        }

            .fees-vs li .fees-vs-box p {
                line-height: 62px;
                font-size: 14px;
                height: 62px;
                color: #666;
                padding-left: 145px;
            }

                .fees-vs li .fees-vs-box p span {
                    display: block;
                }

                .fees-vs li .fees-vs-box p:nth-child(1) {
                    background-color: #f0f4fd;
                }

                .fees-vs li .fees-vs-box p:nth-child(3) {
                    background-color: #f0f4fd;
                }

                .fees-vs li .fees-vs-box p:nth-child(5) {
                    background-color: #fdf6ee;
                }

                .fees-vs li .fees-vs-box p:nth-child(7) {
                    background-color: #fdf6ee;
                }

    .fees-vs .dui .fees-vs-title {
        background-image: -moz-linear-gradient(90deg, #ff9824 0%, #ffb413 99%);
        background-image: -webkit-linear-gradient(90deg, #ff9824 0%, #ffb413 99%);
        background-image: -ms-linear-gradient(90deg, #ff9824 0%, #ffb413 99%);
        background-color: #ff9824\9;
    }

    .fees-vs .dui .fees-vs-box p {
        background: url(../../../images/site/wf_web02/dui.jpg) no-repeat;
        background-position-x: 120px;
        background-position-y: center;
    }

    .fees-vs .cuo .fees-vs-title {
        background-image: -moz-linear-gradient(90deg, #3a7ce8 0%, #59a4f9 100%);
        background-image: -webkit-linear-gradient(90deg, #3a7ce8 0%, #59a4f9 100%);
        background-image: -ms-linear-gradient(90deg, #3a7ce8 0%, #59a4f9 100%);
        background-color: #3a7ce8\9;
    }

    .fees-vs .cuo .fees-vs-box p {
        background: url(../../../images/site/wf_web02/cuo.jpg) no-repeat;
        background-position-x: 120px;
        background-position-y: center;
    }

.fees-life {
    *zoom: 1;
}

    .fees-life:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .fees-life li {
        margin-right: 21.33333333px;
        float: left;
        color: #fff;
        width: 284px;
        height: 396px;
        padding: 0 29px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
        padding-top: 40px;
    }

        .fees-life li:last-child {
            margin-right: 0;
        }

.logon {
    width: 520px;
    background: #fff;
    position: absolute;
    z-index: 999;
    right: 400px;
    top: 240px;
    overflow: hidden;
    border-radius: 5px;
}

.logon-top {
    padding-top: 40px;
    text-align: center;
}

    .logon-top img {
        display: block;
        width: 216px;
        margin: 0 auto 40px;
    }

    .logon-top p {
        display: inline-block;
        line-height: 1;
        color: #333333;
        font-size: 17px;
        position: relative;
    }

        .logon-top p::after {
            position: absolute;
            content: '';
            width: 60px;
            height: 1px;
            background-color: #e5e5e5;
            top: 50%;
            left: -80px;
            transform: translate(0, -50%);
        }

        .logon-top p::before {
            position: absolute;
            content: '';
            width: 60px;
            height: 1px;
            background-color: #e5e5e5;
            top: 50%;
            right: -80px;
            transform: translate(0, -50%);
        }

.logon-text {
    margin-top: 15px;
    *zoom: 1;
    border: solid 1px #e5e5e5;
    width: 400px;
    height: 46px;
    margin: 25px auto 0;
    overflow: hidden;
    border-radius: 5px;
    background-color: #fafafa;
}

    .logon-text:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .logon-text.img {
        padding-left: 50px;
    }

        .logon-text.img .logon-input {
            width: 350px;
        }

    .logon-text.img-ren {
        background: url(../../../images/site/wf_web02/logon-ren.png) no-repeat center left 20px #fafafa;
    }

    .logon-text.img-suo {
        background: url(../../../images/site/wf_web02/logon-suo.png) no-repeat center left 20px #fafafa;
    }

.logon-input {
    width: 398px;
    height: 44px;
    font-size: 14px;
    line-height: 18px;
    padding-left: 10px;
    background-color: #fafafa;
}

    .logon-input::-webkit-input-placeholder {
        color: #999;
        font-size: 14px;
    }

.logon-a {
    height: 42px;
    border: 0;
    display: block;
    overflow: hidden;
    line-height: 42px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #108ee9;
    border-radius: 3px;
    cursor: pointer;
    zoom: 1;
    text-align: center;
}

@keyframes myfirst {
    0% {
        bottom: -610px;
    }

    100% {
        bottom: 0;
    }
}

.enroll .logon {
    top: 160px;
    left: 50%;
    margin-left: -200px;
    box-shadow: #3b77e7 0 0 40px -25px;
}

.enroll-code {
    color: #989494;
    height: 46px;
    width: 128px;
    float: right;
    background: #efefef;
    line-height: 46px;
    font-size: 14px;
    text-align: center;
}

    .enroll-code.enroll-code-jh {
        background-color: #3b77e7;
        color: #fff;
    }

.enroll .logon-a {
    background-color: #3b77e7;
}

.hot-icon {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 10px 15px;
    background: url(../../../images/site/wf_web02/hot-icon.gif) no-repeat;
}

.pay-client-list {
    *zoom: 1;
}

    .pay-client-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .pay-client-list li {
        float: left;
        display: flex;
        align-items: center;
        height: 158px;
        width: 16.66666667%;
        border: solid 1px #eaeaea;
        background-color: #fff;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .pay-client-list li:hover {
            opacity: .5;
        }

        .pay-client-list li img {
            margin: 0 auto;
            align-items: center;
        }

.hot-icon {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 10px 15px;
    background: url(../../../images/site/wf_web02/hot-icon.gif) no-repeat;
}

.p-hotel-list {
    *zoom: 1;
}

    .p-hotel-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .p-hotel-list li {
        margin-right: 20px;
        float: left;
        width: 284px;
        height: 310px;
        border-radius: 5px;
        overflow: hidden;
        color: #fff;
    }

        .p-hotel-list li .title {
            font-size: 18px;
            line-height: 50px;
        }

        .p-hotel-list li img {
            margin: 30px auto 0;
        }

        .p-hotel-list li p {
            margin: 0 auto;
            width: 200px;
            font-size: 14px;
        }

.p-hotel-need {
    text-align: left;
    *zoom: 1;
    position: absolute;
    right: 0;
    top: 263px;
    width: 760px;
}

    .p-hotel-need:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .p-hotel-need li {
        float: left;
        position: relative;
        width: 380px;
        height: 125px;
        color: #fff;
        padding-left: 180px;
    }

        .p-hotel-need li img {
            position: absolute;
            top: 0;
            left: 100px;
        }

.p-hotel-varied {
    position: absolute;
    top: 120px;
    right: 0;
    width: 740px;
    *zoom: 1;
}

    .p-hotel-varied:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .p-hotel-varied li {
        width: 370px;
        float: left;
        margin-bottom: 30px;
    }

        .p-hotel-varied li img {
            display: block;
        }

.p-hotel-pms {
    position: absolute;
    top: 0;
    left: 0;
    width: 760px;
    *zoom: 1;
}

    .p-hotel-pms:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .p-hotel-pms li {
        width: 380px;
        float: left;
        margin-bottom: 20px;
    }

        .p-hotel-pms li img {
            display: block;
        }

.p-food-roundabout {
    width: 1200px;
    position: relative;
    height: 599px;
    margin-top: 196px;
    margin-left: -2px;
}

    .p-food-roundabout ul {
        list-style: none;
        width: 920px;
        height: 425px;
        margin: 0px auto;
        color: #fff;
    }

        .p-food-roundabout ul p {
            position: absolute;
            text-align: center;
            width: 262px;
            line-height: 80px;
            display: none;
        }

        .p-food-roundabout ul .roundabout-moveable-item {
            border: 0;
            list-style: none;
            cursor: pointer;
        }

            .p-food-roundabout ul .roundabout-moveable-item img {
                height: 100%;
                width: 100%;
                margin: 0;
            }

        .p-food-roundabout ul .roundabout-in-focus p {
            display: block;
        }

    .p-food-roundabout .clk {
        display: block;
        width: 53px;
        height: 96px;
        position: absolute;
        top: 105px;
        cursor: pointer;
    }

    .p-food-roundabout .btnPrev {
        left: 0px;
        opacity: .38;
        background: url(../../../images/site/wf_web02/roundabout-left.png) center no-repeat;
    }

        .p-food-roundabout .btnPrev:hover {
            opacity: 1;
        }

    .p-food-roundabout .btnNext {
        right: 0px;
        opacity: .38;
        background: url(../../../images/site/wf_web02/roundabout-right.png) center no-repeat;
    }

        .p-food-roundabout .btnNext:hover {
            opacity: 1;
        }

.p-food-list {
    *zoom: 1;
    width: 600px;
}

    .p-food-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .p-food-list li {
        margin-top: 50px;
    }

.s-spot-list {
    *zoom: 1;
}

    .s-spot-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-spot-list li {
        float: left;
        position: relative;
        height: 300px;
        width: 212px;
        background-color: #fff;
        box-shadow: #000 0px 0px 20px -15px;
        border-radius: 5px;
        margin-right: 35px;
    }

        .s-spot-list li .spot-list-bg {
            width: 100%;
            height: 78px;
        }

        .s-spot-list li .spot-list-bg-1 {
            background: url(../../../images/site/wf_web02/s-spot-bg4.png);
        }

        .s-spot-list li .spot-list-bg-2 {
            background: url(../../../images/site/wf_web02/s-spot-bg1.png);
        }

        .s-spot-list li .spot-list-bg-3 {
            background: url(../../../images/site/wf_web02/s-spot-bg3.png);
        }

        .s-spot-list li .spot-list-bg-4 {
            background: url(../../../images/site/wf_web02/s-spot-bg2.png);
        }

        .s-spot-list li .spot-list-bg-5 {
            background: url(../../../images/site/wf_web02/s-spot-bg5.png);
        }

        .s-spot-list li .spot-list-img {
            position: absolute;
            top: 40px;
            left: 50%;
            margin-left: -38px;
        }

        .s-spot-list li h1 {
            line-height: 100px;
            color: #404040;
            font-size: 18px;
        }

        .s-spot-list li p {
            font-size: 12px;
            line-height: 25px;
            color: #666666;
        }

.s-spot-line {
    *zoom: 1;
}

    .s-spot-line:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-spot-line li {
        width: 580px;
        height: 345px;
        color: #fff;
        text-align: left;
        padding: 80px 50px 0;
        float: left;
    }

        .s-spot-line li h1 {
            font-size: 18px;
            margin-bottom: 25px;
        }

        .s-spot-line li p {
            font-size: 12px;
            line-height: 25px;
        }

.s-spot-good {
    *zoom: 1;
}

    .s-spot-good:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-spot-good li {
        width: 385px;
        height: 150px;
        background-color: #fff;
        box-shadow: #000 0px 0px 20px -15px;
        border-radius: 5px;
        float: left;
        margin-right: 22px;
        margin-bottom: 22px;
    }

        .s-spot-good li .fl {
            width: 140px;
        }

            .s-spot-good li .fl img {
                display: block;
                margin: 40px auto 10px;
            }

            .s-spot-good li .fl h1 {
                text-align: center;
                font-size: 16px;
            }

        .s-spot-good li .fr {
            padding-top: 30px;
            padding-right: 20px;
            width: 245px;
            color: #818181;
            font-size: 12px;
            line-height: 27px;
            text-align: justify;
        }

.s-retail-list li {
    float: left;
    width: 284px;
    height: 330px;
    margin-right: 20px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: #000 0px 0px 20px -15px;
}

    .s-retail-list li img {
        display: block;
        margin: 60px auto 40px;
    }

    .s-retail-list li h1 {
        font-size: 18px;
    }

    .s-retail-list li p {
        font-size: 14px;
        color: #999999;
        line-height: 21px;
        width: 100%;
        padding: 20px 24px 0;
    }

.s-beautiful-list {
    *zoom: 1;
}

    .s-beautiful-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-beautiful-list li {
        width: 20%;
        float: left;
        text-align: center;
        padding: 0 35px;
        height: 300px;
    }

        .s-beautiful-list li h1 {
            font-size: 16px;
            color: #444444;
            line-height: 65px;
        }

        .s-beautiful-list li p {
            font-size: 12px;
            color: #666666;
            line-height: 25px;
        }

        .s-beautiful-list li:hover img {
            opacity: .8;
        }

.s-beautiful-box {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 435px;
    *zoom: 1;
}

    .s-beautiful-box:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-beautiful-box .fr {
        background-color: #ed6f85;
        height: 435px;
        width: 638px;
        padding-top: 56px;
        padding-left: 86px;
    }

        .s-beautiful-box .fr .list {
            border: #f6b7c2 2px dashed;
            width: 500px;
            height: 345px;
            padding: 50px 0 0 110px;
            text-align: left;
        }

            .s-beautiful-box .fr .list li {
                line-height: 26px;
                font-size: 16px;
                color: #ffffff;
                margin-bottom: 22px;
            }

                .s-beautiful-box .fr .list li img {
                    vertical-align: top;
                }

.s-beautiful-sun {
    position: absolute;
    right: 0;
    bottom: 58px;
    z-index: 999;
}

    .s-beautiful-sun .list {
        *zoom: 1;
        width: 1104px;
    }

        .s-beautiful-sun .list:after {
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            content: " ";
        }

        .s-beautiful-sun .list li {
            width: 276px;
            height: 226px;
            position: relative;
            float: left;
            text-align: center;
            color: #fff;
            padding: 33px 50px 0;
        }

            .s-beautiful-sun .list li:hover .bg {
                opacity: 0.67;
            }

            .s-beautiful-sun .list li .bg {
                position: absolute;
                top: 0;
                left: 0;
            }

            .s-beautiful-sun .list li .img {
                position: relative;
            }

            .s-beautiful-sun .list li h1 {
                position: relative;
                line-height: 50px;
                font-size: 16px;
            }

            .s-beautiful-sun .list li p {
                position: relative;
                font-size: 12px;
                line-height: 21px;
            }

.s-beautiful-three .box {
    width: 1200px;
    height: 450px;
    position: absolute;
    right: -360px;
    bottom: 0;
    background-color: #ff7f8c;
    z-index: -1;
}

    .s-beautiful-three .box .list {
        padding-left: 370px;
        padding-top: 100px;
    }

        .s-beautiful-three .box .list li {
            position: relative;
            color: #fff;
            text-align: left;
            padding-left: 37px;
            margin-bottom: 50px;
        }

            .s-beautiful-three .box .list li img {
                position: absolute;
                top: 0;
                left: 0;
            }

            .s-beautiful-three .box .list li h1 {
                line-height: 24px;
                font-size: 18px;
                margin-bottom: 10px;
            }

            .s-beautiful-three .box .list li p {
                font-size: 12px;
            }

.s-beautiful-apply {
    *zoom: 1;
}

    .s-beautiful-apply:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-beautiful-apply li {
        float: left;
        margin: 0 5px;
        margin-bottom: 15px;
    }

        .s-beautiful-apply li img {
            display: block;
        }

.s-hospital-list {
    *zoom: 1;
}

    .s-hospital-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-hospital-list li {
        margin: 0 43px;
        float: left;
        color: #fff;
        background-color: #37b0cd;
        width: 214px;
        min-height: 254px;
        border-radius: 5px;
        padding-top: 16px;
    }

        .s-hospital-list li h1 {
            font-size: 16px;
            line-height: 45px;
        }

        .s-hospital-list li p {
            padding: 0 22px;
            font-size: 12px;
            line-height: 21px;
            height: 65px;
            overflow: hidden;
            margin: 0 auto;
        }

        .s-hospital-list li:hover .img {
            display: none;
        }

        .s-hospital-list li:hover p {
            height: auto;
        }

.s-hospital-box {
    position: absolute;
    bottom: -113px;
}

    .s-hospital-box .fr {
        width: 582px;
        background-color: #37b0cd;
        height: 418px;
        text-align: left;
        padding-top: 110px;
        padding-left: 60px;
        color: #fff;
        padding-right: 66px;
    }

        .s-hospital-box .fr h1 {
            font-size: 24px;
            margin-bottom: 30px;
        }

        .s-hospital-box .fr p {
            line-height: 21px;
            font-size: 14px;
            padding-bottom: 29px;
            border-bottom: 1px dashed #95d5e5;
        }

        .s-hospital-box .fr .list {
            *zoom: 1;
        }

            .s-hospital-box .fr .list:after {
                display: block;
                visibility: hidden;
                clear: both;
                height: 0;
                content: " ";
            }

            .s-hospital-box .fr .list li {
                float: left;
                font-size: 14px;
                width: 16.66666667%;
                text-align: center;
            }

                .s-hospital-box .fr .list li img {
                    display: block;
                    margin: 26px auto 9px;
                }

.s-hospital-solve {
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
}

    .s-hospital-solve ul .title {
        font-size: 18px;
        line-height: 80px;
    }

    .s-hospital-solve ul .item {
        font-size: 14px;
        line-height: 60px;
        color: #666;
        width: 400px;
        margin: 0 auto;
    }

.s-hospital-solve-blue {
    top: 330px;
    right: 130px;
    position: absolute;
    padding-bottom: 20px;
    border: 1px solid #43b5d0;
    width: 510px;
    background-color: #fff;
}

    .s-hospital-solve-blue ul .title {
        color: #fff;
        background-color: #37b0cd;
    }

    .s-hospital-solve-blue ul .item {
        border-bottom: 1px dashed #43b5d0;
    }

.s-hospital-solve-gray {
    top: 340px;
    left: 125px;
    position: absolute;
    width: 460px;
    border: 1px solid #bdbec0;
    background-color: #fff;
}

    .s-hospital-solve-gray ul .title {
        color: #404040;
        background-color: #f5f5f5;
    }

    .s-hospital-solve-gray ul .item {
        border-bottom: 1px dashed #bdbec0;
    }

.s-safe-list {
    *zoom: 1;
}

    .s-safe-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-safe-list li {
        float: left;
        width: 218px;
        height: 219px;
        margin-right: 109px;
        padding-top: 20px;
    }

        .s-safe-list li img {
            height: 42px;
            width: auto;
        }

        .s-safe-list li h1 {
            font-size: 16px;
            color: #404040;
            line-height: 50px;
        }

        .s-safe-list li p {
            padding: 0 20px;
            font-size: 12px;
            color: #666666;
            line-height: 21px;
        }

        .s-safe-list li:hover {
            box-shadow: #0000000f 0 0 15px 3px;
        }

.s-safe-hen {
    margin: 27px 0;
    background-color: #3a76e7;
    width: 63px;
    height: 2px;
}

.s-safe-good .fr,
.s-safe-good .fl {
    padding: 35px 30px 0 80px;
    width: 660px;
    height: 120px;
    background-color: #f5f5f5;
    border-radius: 80px;
    position: relative;
    margin-bottom: 20px;
}

    .s-safe-good .fr h1,
    .s-safe-good .fl h1 {
        position: absolute;
        top: 36px;
        left: 21px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background-color: #fff;
        font-size: 21px;
        color: #666;
    }

    .s-safe-good .fr p,
    .s-safe-good .fl p {
        color: #404040;
        line-height: 21px;
    }

    .s-safe-good .fr div,
    .s-safe-good .fl div {
        color: #666;
    }

    .s-safe-good .fr:hover,
    .s-safe-good .fl:hover {
        background-color: #0092ff;
    }

        .s-safe-good .fr:hover h1,
        .s-safe-good .fl:hover h1 {
            color: #0092ff;
        }

        .s-safe-good .fr:hover p,
        .s-safe-good .fl:hover p,
        .s-safe-good .fr:hover div,
        .s-safe-good .fl:hover div {
            color: #fff;
        }

.s-school-neet {
    *zoom: 1;
}

    .s-school-neet:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-school-neet .fl {
        margin-left: 100px;
    }

    .s-school-neet .fr {
        text-align: left;
        width: 550px;
        padding-right: 20px;
    }

        .s-school-neet .fr li {
            margin-bottom: 30px;
        }

        .s-school-neet .fr h1 {
            font-size: 18px;
            color: #404040;
            font-weight: normal;
            margin-bottom: 10px;
        }

        .s-school-neet .fr p {
            line-height: 25px;
            font-size: 12px;
            color: #666;
        }

.s-school-good {
    *zoom: 1;
}

    .s-school-good:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-school-good li {
        width: 20%;
        float: left;
        color: #fff;
        text-align: center;
    }

        .s-school-good li img {
            margin-bottom: 30px;
        }

.s-school-terrace li {
    height: 204px;
    margin-bottom: 45px;
    padding-left: 44px;
    padding-right: 70px;
    *zoom: 1;
}

    .s-school-terrace li:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-school-terrace li .w-600 {
        width: 600px;
    }

    .s-school-terrace li h1 {
        font-size: 18px;
        color: #404040;
        font-weight: normal;
    }

    .s-school-terrace li p {
        font-size: 12px;
        color: #666666;
        line-height: 25px;
    }

.lamp {
    height: 148px;
    width: 100%;
}

    .lamp .lamp-pr {
        height: 148px;
        position: relative;
        overflow: hidden;
    }

        .lamp .lamp-pr .lamp-img {
            border-radius: 5px;
            position: absolute;
            width: 240px;
            height: 148px;
        }

            .lamp .lamp-pr .lamp-img img {
                display: block;
                width: 100%;
                height: 100%;
            }

.s-parking-list {
    *zoom: 1;
}

    .s-parking-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-parking-list li {
        width: 330px;
        height: 250px;
        padding: 30px 60px 0;
        float: left;
        margin-right: 105px;
        background-color: #fff;
    }

        .s-parking-list li .img-show {
            display: none;
        }

        .s-parking-list li:hover {
            background-color: #5fc2d9;
        }

            .s-parking-list li:hover img {
                display: none;
            }

            .s-parking-list li:hover .img-show {
                margin: 0 auto;
                display: block;
            }

            .s-parking-list li:hover p {
                color: #fff !important;
            }

.p-parking-business {
    position: absolute;
    top: 78px;
    right: 0;
}

    .p-parking-business li {
        width: 560px;
        height: 130px;
        position: relative;
        padding-left: 40px;
    }

        .p-parking-business li span {
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 15px;
            color: #5fc2d9;
            border-radius: 100%;
            border: solid 1px #5fc2d9;
        }

        .p-parking-business li h1 {
            line-height: 25px;
            color: #404040;
            font-size: 18px;
            font-weight: normal;
        }

        .p-parking-business li p {
            color: #666;
            font-size: 12px;
            line-height: 25px;
        }

.p-parking-vs {
    padding: 0 30px;
    *zoom: 1;
}

    .p-parking-vs:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .p-parking-vs li {
        margin-right: 100px;
        width: 520px;
        height: 650px;
        border: solid 1px #cccccc;
        float: left;
    }

        .p-parking-vs li img {
            display: block;
            width: 100%;
        }

        .p-parking-vs li p {
            padding: 18px 0;
            color: #404040;
            font-size: 14px;
        }

        .p-parking-vs li.m-r-none {
            border: solid 1px #5fc2d9;
        }

.p-parking-good {
    *zoom: 1;
}

    .p-parking-good:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .p-parking-good li {
        margin-bottom: 24px;
        margin-right: 24px;
        float: left;
        width: 282px;
        height: 170px;
        position: relative;
        overflow: hidden;
    }

        .p-parking-good li img {
            display: block;
            transition: all 0.6s;
        }

        .p-parking-good li .yy {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            font-size: 18px;
            color: #fff;
            line-height: 170px;
            text-align: center;
        }

            .p-parking-good li .yy:after {
                content: '';
                position: absolute;
                width: 110px;
                height: 60px;
                border: solid 1px #5fc2d9;
                top: 50%;
                left: 50%;
                margin-top: -30px;
                margin-left: -55px;
            }

        .p-parking-good li:hover img {
            transform: scale(1.4);
        }

        .p-parking-good li:hover .yy {
            display: block;
        }

.s-business-list {
    *zoom: 1;
}

    .s-business-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-business-list li {
        width: 386px;
        height: 386px;
        float: left;
        margin-right: 21px;
        margin-bottom: 21px;
    }

        .s-business-list li img {
            display: block;
        }

        .s-business-list li p {
            height: 62px;
            line-height: 62px;
            font-size: 16px;
            color: #fff;
            background-color: #e43432;
        }

.s-business-text {
    *zoom: 1;
}

    .s-business-text:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .s-business-text li {
        margin-right: 5px;
        float: left;
        width: 236px;
        height: 350px;
        background-color: #fff;
    }

        .s-business-text li h1 {
            text-align: center;
            font-size: 14px;
            color: #404040;
            line-height: 50px;
        }

        .s-business-text li p {
            text-align: left;
            padding-left: 40px;
            padding-right: 24px;
            line-height: 30px;
            font-size: 12px;
            color: #666;
        }

.s-business-input {
    width: 470px;
    line-height: 40px;
    border-bottom: solid 1px #bfbfbf;
    background-color: #f7f7f7;
    display: block;
    margin-bottom: 55px;
}

.s-business-select {
    border: transparent;
    border-bottom: solid 1px #bfbfbf;
    background-color: #f7f7f7;
    width: 126px;
    line-height: 40px;
    height: 40px;
    font-size: 12px;
    color: #757575;
    float: left;
    margin-right: 46px;
}

.p-pc-bottom li {
    position: relative;
    padding: 30px 0 50px 180px;
}

    .p-pc-bottom li .time {
        position: absolute;
        font-size: 15px;
        color: #666666;
        left: 48px;
        top: 33px;
    }

    .p-pc-bottom li .title {
        font-size: 16px;
        color: #000;
    }

        .p-pc-bottom li .title em {
            color: #595959;
            font-size: 15px;
        }

    .p-pc-bottom li .box {
        padding-top: 20px;
    }

        .p-pc-bottom li .box .box-title {
            font-size: 14px;
            color: #000;
        }

        .p-pc-bottom li .box .box-p {
            margin-top: 12px;
            font-size: 12px;
            color: #999;
        }

    .p-pc-bottom li::after {
        position: absolute;
        content: '';
        background-color: #007aff;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        left: 145px;
        top: 38px;
    }

    .p-pc-bottom li::before {
        position: absolute;
        content: '';
        background-color: #dddddd;
        width: 1px;
        height: 100%;
        border-radius: 50%;
        left: 150px;
        top: 0;
    }

.sweep-list {
    padding-top: 50px;
}

    .sweep-list li {
        width: 540px;
        height: 126px;
        padding-top: 30px;
        padding-left: 30px;
    }

        .sweep-list li:hover {
            background-color: #fafafa;
        }

        .sweep-list li img {
            float: left;
            margin-right: 16px;
        }

        .sweep-list li .info {
            float: left;
            line-height: 36px;
        }

            .sweep-list li .info h1 {
                font-size: 24px;
                color: #333333;
            }

            .sweep-list li .info p {
                color: #666666;
                font-size: 16px;
            }

.bank-list {
    *zoom: 1;
}

    .bank-list:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " ";
    }

    .bank-list li {
        width: 282px;
        height: 334px;
        background-color: #fff;
        border-radius: 5px;
        padding: 50px 40px 0;
        text-align: center;
        float: left;
        margin: 0 24px 24px 0;
    }

        .bank-list li:nth-child(4n) {
            margin-right: 0;
        }

        .bank-list li .bank-list--title {
            color: #333;
            font-size: 20px;
            line-height: 80px;
        }

        .bank-list li .bank-list--p {
            line-height: 25px;
            color: #999;
            font-size: 15px;
        }
/*2019/11/14*/
.rotate {
    transform: rotate(90deg);
}

.about_learn {
    margin: 0 auto;
    width: 1200px;
}

    .about_learn .list {
        *zoom: 1;
    }

        .about_learn .list:after {
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            content: " ";
        }

        .about_learn .list .item {
            position: relative;
            cursor: pointer;
            margin: 0 20px 20px 0;
            float: left;
        }
            /*.about_learn .list .item:nth-child(3) img {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}*/
            .about_learn .list .item:nth-child(5n) {
                margin-right: 0;
            }

            .about_learn .list .item .pic {
                overflow: hidden;
                height: 300px;
                width: 224px;
                border: 4px solid #fff;
                background-color: #f2f3f5;
                position: relative;
            }

                .about_learn .list .item .pic img {
                    position: relative;
                    width: 175px;
                    display: block;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }

            .about_learn .list .item .title {
                font-size: 14px;
                color: #666666;
                text-align: center;
                line-height: 32px;
            }

.learn-swiper {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 99999;
}

    .learn-swiper .conter {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1200px;
        height: 80%;
        transform: translate(-50%, -50%);
        background-color: #f5f5f5;
    }

        .learn-swiper .conter .pic {
            display: block;
            margin: 0 auto;
            height: 80%;
            width: auto;
        }

        .learn-swiper .conter .title {
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: #333;
            line-height: 60px;
        }

        .learn-swiper .conter .left,
        .learn-swiper .conter .right {
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            width: 50px;
            height: 80px;
            transition: all 0.3s;
        }

            .learn-swiper .conter .left:hover,
            .learn-swiper .conter .right:hover {
                background-color: rgba(0, 0, 0, 0.1);
            }

        .learn-swiper .conter .left {
            left: 0;
            padding: 17px 0 0 8px;
        }

        .learn-swiper .conter .right {
            text-align: right;
            right: 0;
            padding: 17px 8px 0 0;
        }

        .learn-swiper .conter .close {
            position: absolute;
            top: 30px;
            right: 30px;
            width: 30px;
        }
/*2019/12/18寮€濮�*/
.indexCounter-list {
    margin-top: 14px;
}

    .indexCounter-list .item {
        text-align: right;
        margin-bottom: 40px;
    }

        .indexCounter-list .item .box {
            padding-right: 18px;
            display: inline-block;
        }

        .indexCounter-list .item input[disabled] {
            background-color: #fafafa;
            border: solid 1px transparent !important;
            color: #cccccc;
        }

        .indexCounter-list .item input[type="text"] {
            border: solid 1px #3a76e7;
        }

        .indexCounter-list .item input {
            vertical-align: top;
            color: #404040;
            border-radius: 6px;
            border: transparent;
            text-align: center;
            font-size: 30px;
            width: 286px;
            height: 68px;
        }

.indexCounter {
    background: url(../../../images/site/wf_web02/count-bg.png) center;
    background-size: contain;
    width: 593px;
    height: 335px;
    margin-top: -10px;
}

    .indexCounter .count {
        background: url(../../../images/site/wf_web02/count-icon.png) center;
        background-size: contain;
        width: 487px;
        height: 130px;
        margin: 0 auto;
        position: relative;
    }

        .indexCounter .count .pa {
            position: absolute;
            right: 40px;
            bottom: 20px;
            font-size: 48px;
            color: #edeb43;
            right: 114px;
            bottom: 32px;
        }
/*2019/12/18缁撴潫*/
/*2020-5-29*/
.fresh-list {
    overflow: hidden;
    padding-bottom: 10px;
}

    .fresh-list .item {
        width: 370px;
        height: 330px;
        border-radius: 10px;
        float: left;
        margin-right: 40px;
        box-shadow: #000 0px 0px 15px -11px;
    }

        .fresh-list .item:nth-child(3) {
            margin-right: 0;
        }

        .fresh-list .item .title {
            color: #333;
            font-size: 16px;
            line-height: 50px;
            padding-left: 10px;
        }

        .fresh-list .item .text {
            padding-left: 10px;
            line-height: 26px;
            font-size: 14px;
            color: #666666;
        }

.fresh-item {
    float: left;
    margin: 0 33px 33px 0;
}

    .fresh-item:nth-child(4n) {
        margin-right: 0;
    }

.live-list {
    overflow: hidden;
    padding-bottom: 10px;
}

    .live-list .item {
        width: 370px;
        height: 290px;
        border-radius: 10px;
        float: left;
        margin-right: 40px;
        box-shadow: #000 0px 0px 15px -11px;
    }

        .live-list .item:nth-child(3) {
            margin-right: 0;
        }

        .live-list .item .title {
            color: #333;
            font-size: 16px;
            line-height: 50px;
            padding-left: 10px;
        }

        .live-list .item .text {
            padding-left: 10px;
            line-height: 26px;
            font-size: 14px;
            color: #666666;
        }

.live-ul .item {
    float: left;
    margin-right: 22px;
}

    .live-ul .item:last-child {
        margin-right: 0;
    }

.live-bottom {
    overflow: hidden;
}

    .live-bottom img {
        float: left;
        margin: 0 20px;
    }

.flower-list {
    overflow: hidden;
}

    .flower-list .item {
        width: 288px;
        height: 290px;
        text-align: center;
        color: #666;
        padding-top: 40px;
        float: left;
        margin-right: 16px;
    }

        .flower-list .item:nth-child(1) {
            background-color: #fce9dc;
        }

        .flower-list .item:nth-child(2) {
            background-color: #ecf8fc;
        }

        .flower-list .item:nth-child(3) {
            background-color: #fcf3e1;
        }

        .flower-list .item:nth-child(4) {
            background-color: #fdf3fc;
            margin-right: 0;
        }

    .flower-list img {
        height: 140px;
    }

    .flower-list .title {
        font-size: 24px;
    }

    .flower-list .text {
        font-size: 15px;
        margin: 12px 0;
    }

.flower-ul {
    overflow: hidden;
}

    .flower-ul .item {
        background-color: #fff;
        height: 235px;
        width: 275px;
        overflow: hidden;
        float: left;
        border-radius: 6px;
        margin-right: 33px;
    }

        .flower-ul .item:nth-child(4) {
            margin-right: 0;
        }

        .flower-ul .item img {
            display: block;
        }

        .flower-ul .item > div {
            padding: 17px 20px 0 20px;
        }

    .flower-ul .title {
        font-size: 16px;
        color: #333333;
        margin-bottom: 10px;
    }

    .flower-ul .text {
        line-height: 24px;
        font-size: 12px;
        color: #666;
    }

.flower-three {
    overflow: hidden;
}

    .flower-three .item {
        position: relative;
        background-color: #f5f5f5;
        float: left;
        height: 180px;
        width: 388px;
        padding-right: 60px;
        margin: 0 18px 18px 0;
    }

        .flower-three .item:nth-child(3n) {
            margin-right: 0;
        }

        .flower-three .item > div {
            padding-left: 134px;
            padding-top: 46px;
        }

        .flower-three .item img {
            position: absolute;
            left: 30px;
            top: 58px;
        }

        .flower-three .item .title {
            margin-bottom: 10px;
            font-size: 22px;
            colorr: #333;
        }

        .flower-three .item .text {
            line-height: 24px;
            font-size: 16px;
            color: #666;
        }

.flower-two .item {
    width: 718px;
    height: 145px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 34px;
    padding-left: 28px;
    padding-top: 50px;
    padding-right: 57px;
}

    .flower-two .item:hover {
        background-color: #6d9df7;
        color: #fff;
    }

.flower-four {
    overflow: hidden;
}

    .flower-four .item {
        float: left;
        margin: 19px;
    }

.number-list {
    overflow: hidden;
    padding: 50px 0 50px;
}

    .number-list .item {
        box-shadow: #000 0px 2px 15px -13px;
        border-radius: 6px;
        width: 275px;
        height: 240px;
        float: left;
        margin-right: 33px;
    }

        .number-list .item:nth-child(4) {
            margin-right: 0;
        }

    .number-list .title {
        font-size: 16px;
        color: #333333;
        padding-left: 20px;
        padding-top: 20px;
    }

    .number-list .text {
        color: #666;
        font-size: 12px;
        line-height: 24px;
        margin-top: 10px;
        padding-left: 20px;
    }

.number-ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 90px;
}

    .number-ul .item {
        margin: 0 auto;
        color: #fff;
        display: inline-block;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

        .number-ul .item:nth-child(5) {
            margin-right: 0;
        }

    .number-ul img {
        display: block;
        margin: 0 auto;
    }

    .number-ul .title {
        font-size: 14px;
        padding-left: 8px;
        line-height: 18px;
        padding-top: 23px;
    }

.number-three {
    overflow: hidden;
}

    .number-three .item {
        position: relative;
        background-color: #fff;
        border-radius: 6px;
        float: left;
        height: 290px;
        width: 380px;
        padding-top: 32px;
        margin: 0 18px 18px 0;
        text-align: center;
    }

        .number-three .item:nth-child(3n) {
            margin-right: 0;
        }

        .number-three .item > div {
            padding: 0 46px;
        }

        .number-three .item img {
            margin: 0 auto;
            display: block;
        }

        .number-three .item .title {
            margin: 32px 0 15px;
            font-size: 18px;
            colorr: #333;
        }

        .number-three .item .text {
            font-size: 14px;
            color: #666666;
            line-height: 24px;
        }

.number-num {
    overflow: hidden;
}

    .number-num .item {
        float: left;
        width: 25%;
        color: #fff;
        text-align: center;
    }

        .number-num .item img {
            margin: 0 auto;
        }

        .number-num .item h1 {
            font-size: 72px;
        }

            .number-num .item h1 em {
                margin-left: -20px;
                font-size: 24px;
            }

        .number-num .item .p {
            font-size: 14px;
        }

.qrc-list .qrc-list-item:hover {
    background-image: linear-gradient(5deg, #155bd4, #3f81f4);
}

    .qrc-list .qrc-list-item:hover .qrc-list-title,
    .qrc-list .qrc-list-item:hover .qrc-list-text {
        color: #fff;
    }

.qrc-list .qrc-list-item {
    border-radius: 3px;
    width: 450px;
    padding-left: 32px;
    text-align: left;
    height: 84px;
    padding-top: 22px;
}

    .qrc-list .qrc-list-item .qrc-list-title {
        color: #333333;
        font-size: 14px;
        margin-bottom: 12px;
        line-height: 1;
    }

    .qrc-list .qrc-list-item .qrc-list-text {
        color: #666666;
        font-size: 12px;
        line-height: 1;
    }

.qrc-henFour-list {
    overflow: hidden;
}

    .qrc-henFour-list .item:last-child {
        margin-right: 0;
    }

    .qrc-henFour-list .item {
        width: 291px;
        height: 283px;
        float: left;
        position: relative;
        margin-right: 12px;
        color: #fff;
        padding: 100px 24px 0;
    }

        .qrc-henFour-list .item img {
            left: 0;
            top: 0;
            position: absolute;
        }

        .qrc-henFour-list .item .qrc-henFour-text {
            font-size: 12px;
            line-height: 26px;
        }

        .qrc-henFour-list .item .qrc-henFour-title {
            margin-bottom: 28px;
            font-size: 16px;
        }

.submain {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 43px;
    background-color: #f7f7f7;
    width: 100%;
    height: 750px;
}

.desc_2 {
    position: relative;
    margin-top: 59px;
    max-width: 1140px;
    height: 24px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 24px;
    letter-spacing: 0;
    color: #333333;
    font-size: 30px;
}

.summary {
    position: relative;
    margin-top: 18px;
    max-width: 1191px;
    height: 12px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 14px;
    letter-spacing: 0;
    color: #999;
    font-size: 12px;
}

.grid {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 50px;
    height: 214px;
}

.col {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-right: 63px;
    border-radius: 10px;
    background-color: #000000;
    width: 361px;
    height: 214px;
    overflow: hidden;
}

    .col:hover .layer_1 {
        transform: scale(1.2);
        transition: all 1.2s;
    }

.layer_1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 361px;
    height: 214px;
}

.container {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 361px;
    height: 214px;
}

.outer {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.12);
    width: 257px;
    height: 108px;
}

.largeIcon_1 {
    margin-top: -5px;
    margin-right: 16px;
    width: 50px;
    height: 50px;
}

.normal_div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -4px;
    height: 65px;
}

.benifit {
    position: relative;
    margin-left: 1px;
    max-width: 157px;
    height: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 16px;
}

.benifitNext {
    position: relative;
    margin-top: 12px;
    max-width: 158px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.text {
    position: relative;
    margin-top: 13px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.col_1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-right: 54px;
    border-radius: 10px;
    background-color: #000000;
    width: 361px;
    height: 214px;
}

.layer_2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 361px;
    height: 214px;
}

.container_1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 361px;
    height: 214px;
}

.outer_1 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.12);
    width: 257px;
    height: 108px;
}

.largeIcon_2 {
    margin-top: -5px;
    margin-right: 16px;
    width: 50px;
    height: 50px;
}

.normal_div_1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -5px;
    height: 64px;
}

.benifit_1 {
    position: relative;
    margin-left: 1px;
    max-width: 157px;
    height: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 16px;
}

.benifitNext_1 {
    position: relative;
    margin-top: 12px;
    max-width: 158px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.text_1 {
    position: relative;
    margin-top: 13px;
    max-width: 158px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.col_2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    border-radius: 10px;
    background-color: #000000;
    width: 361px;
    height: 214px;
}

.layer_3 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 361px;
    height: 214px;
}

.container_2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 361px;
    height: 214px;
}

.outer_2 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.12);
    width: 257px;
    height: 108px;
}

.largeIcon_3 {
    margin-top: -5px;
    margin-right: 16px;
    margin-left: 20px;
    width: 50px;
    height: 50px;
}

.normal_div_2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -4px;
    height: 65px;
}

.benifit_2 {
    position: relative;
    margin-left: 1px;
    max-width: 157px;
    height: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 16px;
}

.benifitNext_2 {
    position: relative;
    margin-top: 12px;
    text-align: left;
    text-decoration: none;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.text_2 {
    position: relative;
    margin-top: 14px;
    max-width: 158px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.grid_1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 49px;
    height: 214px;
}

.col_3 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-right: 63px;
    border-radius: 10px;
    background-color: #000000;
    width: 361px;
    height: 214px;
}

.layer_4 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 361px;
    height: 214px;
}

.container_3 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 361px;
    height: 214px;
}

.container_4 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.12);
    width: 257px;
    height: 108px;
}

.largeIcon_4 {
    margin-top: -5px;
    margin-right: 16px;
    width: 50px;
    height: 50px;
}

.normal_div_3 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -5px;
    height: 64px;
}

.txt_1 {
    position: relative;
    margin-left: 1px;
    max-width: 157px;
    height: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 16px;
}

.info_1 {
    position: relative;
    margin-top: 12px;
    text-align: left;
    text-decoration: none;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.info_2 {
    position: relative;
    margin-top: 14px;
    max-width: 158px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.col_4 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-right: 54px;
    border-radius: 10px;
    background-color: #000000;
    width: 361px;
    height: 214px;
}

.layer_5 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 361px;
    height: 214px;
}

.container_5 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 361px;
    height: 214px;
}

.container_6 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.12);
    width: 257px;
    height: 108px;
}

.largeIcon_5 {
    margin-top: -5px;
    margin-right: 16px;
    width: 50px;
    height: 50px;
}

.normal_div_4 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -5px;
    height: 64px;
}

.txt_2 {
    position: relative;
    margin-left: 1px;
    max-width: 157px;
    height: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 16px;
}

.info_3 {
    position: relative;
    margin-top: 12px;
    max-width: 158px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.info_4 {
    position: relative;
    margin-top: 14px;
    max-width: 158px;
    height: 12px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.col_5 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    border-radius: 10px;
    background-color: #000000;
    width: 361px;
    height: 214px;
}

.layer_6 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 361px;
    height: 214px;
}

.container_7 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 361px;
    height: 214px;
}

.container_8 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.12);
    width: 257px;
    height: 108px;
}

.largeIcon_6 {
    margin-top: -5px;
    margin-right: 16px;
    margin-left: 20px;
    width: 50px;
    height: 50px;
}

.normal_div_5 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -4px;
    height: 65px;
}

.txt_3 {
    position: relative;
    margin-left: 1px;
    max-width: 157px;
    height: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 16px;
}

.info_5 {
    position: relative;
    margin-top: 11px;
    text-align: left;
    text-decoration: none;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.info_6 {
    position: relative;
    margin-top: 13px;
    text-align: left;
    text-decoration: none;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}
