.fwfw {
    margin: 0;
    padding: 0;
}

    .fwfw .service h2 {
        text-align: center;
        font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
        font-size: 16px;
        color: #ffffff;
    }

    .fwfw .service-back {
        font-size: 15px;
        line-height: 25px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        padding: 30px 30px 30px 30px;
        border: 1px solid #2894ff;
    }

    .fwfw .service-back img{
        width:100%;
    }

.fwfw .service-container {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.fwfw .service {
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.fwfw .service-front, .fwfw .service-back {
    display: block;
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
    .fwfw .service-front {
        text-align: center;
        padding: 30px 30px 30px 30px;
        border: 1px solid #eeeeee;
    }
    .fwfw .service-front img {
        width: 100%;
    }

.fwfw .service-back {
    transform: rotateY( 180deg );
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    overflow: hidden;
    text-overflow: ellipsis;
}
.flipped {
    transform: rotateY( 180deg );
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
}

.wzfz,wzfzx {
    margin: 0;
    padding: 0;
    margin-bottom:20px;
}

    .wzfz .service-container {
        width: 100%;
        height: 0;
        padding-bottom: 43.71%;
        overflow: hidden;
        position: relative;
        border: 1px solid #dadada;
    }
    .wzfzx .service-container {
        width: 100%;
        height: 0;
        padding-bottom: 86.842%;
        overflow: hidden;
        position: relative;
        border: 1px solid #dadada;
    }

.wzfz .service, .wzfzx .service {
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.wzfz .service-front, .wzfz .service-back, .wzfzx .service-front, .wzfzx .service-back {
    display: block;
    position: absolute;
    width: 100%;
    padding: 2px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

    .wzfz .service-front img, .wzfzx .service-front img {
        width: 100%;
    }
    .wzfz .service-front .ddyc {
        width: 100%;
        height: 0;
        padding-bottom: 14%;
        margin-top: -14%;
    }
     .wzfzx .service-front .ddyc {
        width: 100%;
        height: 0;
        padding-bottom: 25%;
        margin-top: -25%;
    }
        .wzfz .service-front .ddyc .bt5h, .wzfzx .service-front .ddyc .bt5h {
            font-weight: 600;
            font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu, 'Arbutus Slab', serif;
            font-size: 18px;
            padding-left: 40px;
            padding-right: 40px;
        }
        .wzfz .service-front .ddyc p, .wzfzx .service-front .ddyc p {
            padding-left: 40px;
            padding-right: 40px;
        }
.wzfz .service-back, .wzfzx .service-back {
    transform: rotateY( 180deg );
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    overflow: hidden;
    text-overflow: ellipsis;
}

    .wzfz .service-back img, .wzfzx .service-back img {
        width: 100%;
    }
    .wzfz .service-back .sbbjsb {
        width: 100%;
        height: 0;
        padding-bottom: 43.33%;
        margin-top: -43.33%;
        background: rgba(40,148,255,0.7);
        position: relative;
    }
        .wzfz .service-back .sbbjsb .bt5h {
            font-weight: 600;
            font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu, 'Arbutus Slab', serif;
            font-size: 18px;
            padding-left: 20px;
            padding-right: 20px;
            color:#ffffff;
        }

        .wzfz .service-back .sbbjsb p {
            padding-left: 20px;
            padding-right: 20px;
            color:#ffffff;
            line-height:23px;
        }


.sbfz,.sbparty {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

    .sbfz .service-container {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        overflow: hidden;
        position: relative;
        border: 1px solid #dadada;
    }
    .sbparty .service-container {
        width: 100%;
        height: 0;
        padding-bottom: calc(70% + 12px);
        overflow: hidden;
        position: relative;
        border: 1px solid #dadada;
    }
    .sbfz .service, .sbparty .service {
        width: 100%;
        position: absolute;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;
        -moz-transition: -moz-transform 1s;
        -o-transition: -o-transform 1s;
    }

    .sbfz .service-front, .sbfz .service-back, .sbparty .service-front, .sbparty .service-back {
        display: block;
        position: absolute;
        width: 100%;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
    }

        .sbfz .service-front img{
            width: 100%;
        }

    .sbfz .service-back, .sbparty .service-back {
        transform: rotateY( 180deg );
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .sbfz .service-back img {
            width: 100%;
        }
        .sbparty .service-front img, .sbparty .service-back img {
            width: calc(100% - 40px);
            margin: 20px;
        }
.sbfzbt {
    font-weight: 400;
    font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu, 'Arbutus Slab', serif;
    font-size: 16px;
text-align:center;
padding-bottom:20px
}
.sbpartybt {
    font-weight: 600;
    font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu, 'Arbutus Slab', serif;
    font-size: 18px;
    text-align: center;
    padding-bottom:5px
}
.wzal {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 0;
    margin-bottom: 5px;
}

    .wzal .service-container {
        width: 100%;
        height: 0;
        padding-bottom: 83%;
        overflow: hidden;
        position: relative;
    }

    .wzal .service {
        width: 100%;
        position: absolute;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;
        -moz-transition: -moz-transform 1s;
        -o-transition: -o-transform 1s;
    }

    .wzal .service-front, .wzal .service-back {
        display: block;
        position: absolute;
        width: 100%;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
    }

        .wzal .service-front img {
            width: 100%;
        }

    .wzal .service-back {
        transform: rotateY( 180deg );
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .wzal .service-back img {
            width: 100%;
        }
.wzal .service-back .sbbjsb {
    width: 100%;
    height: 0;
    padding-bottom: 83%;
    margin-top: -83%;
    background: rgba(40,148,255,0.7);
    position: relative;
}

    .wzal .service-back .sbbjsb .bt5h {
        font-weight: 400;
        font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu, 'Arbutus Slab', serif;
        font-size: 18px;
        text-align:center;
        padding-top:35%;
        color: #ffffff;
    }

.sbfw {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    border: 1px solid #999999;
}
    .sbfw .service-back {
    }
        .sbfw .service-back .wz {
            background: #2894ff;
            margin-left: 15%;
            margin-right: 15%;
            margin-top: 15%;
            width: 70%;
        }
            .sbfw .service-back .wz .nr {
                width: 100%;
                height: 0;
                padding-bottom: 100%;
            }
                .sbfw .service-back .wz .nr .sb {
                    font-size: 18px;
                    line-height: 30px;
                    font-weight: 400;
                    color: #ffffff;
                    text-align: left;
                    padding-left: 10%;
                    padding-right: 10%;
                    padding-top: 10%;
                }
    .sbfw .service-container {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        position: relative;
    }

    .sbfw .service {
        width: 100%;
        position: absolute;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;
        -moz-transition: -moz-transform 1s;
        -o-transition: -o-transform 1s;
    }

    .sbfw .service-front, .sbfw .service-back {
        display: block;
        position: absolute;
        width: 100%;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
    }

    .sbfw .service-front {
        text-align: center;
        padding-top:20%;
    }

        .sbfw .service-front img {
            width: 100px;
            max-width:60%;
        }

        .sbfw .service-front h2 {
            text-align: center;
            font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
            font-size: 20px;
            color: #999999;
            margin-top: 20px;
            font-weight: 600;
        }
        .sbfw .service-front p{
            text-align: center;
            font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
            font-size: 15px;
            color: #333333;
            margin-top: 10px;
            font-weight: 300;
        }
    .sbfw .service-back  {
        transform: rotateY( 180deg );
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sbzs .service-container {
    width: 100%;
    position: relative;
    height: 180px;
}
.sbzs .service {
    width: 100%;
    text-align:center;
    position: absolute;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.sbzs .service-front, .sbzs .service-back {
    display: block;
    position: absolute;
    width: 100%;
    height: 160px;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
    .sbzs .service-front img {
        width: 120px;
        height: 120px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
.sbzs .service-back {
    transform: rotateY( 180deg );
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    overflow: hidden;
    text-overflow: ellipsis;
}
.sbzs .service-back {
    background: #2894ff;
    margin-top: 0px;
}
    .sbzs .service-back img {
        width: 120px;
        height: 120px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
.sbzs .sbnr {
    text-align:justify;
    line-height: 25px;
}
.sbzs .xbt {
    font-size: 16px;
    line-height: 30px;
    margin-bottom:20px;
    color:#808080;
}

.sbal {
    margin: 0;
    padding: 0;
    padding-bottom:20px;
}

    .sbal .service-container {
        width: 100%;
        height: 0;
        padding-bottom: 65%;
        overflow: hidden;
        position: relative;
    }

.sbal .service {
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.sbal .service-front, .sbal .service-back {
    display: block;
    position: absolute;
    width: 100%;
    text-align:center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

    .sbal .service-front img, .sbal .service-back img {
        width:70%;
    }
.sbal .service-back {
    transform: rotateY( 180deg );
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    overflow: hidden;
    text-overflow: ellipsis;
}