.introduction-icon_education, .introduction-icon_file, .introduction-icon_government, .introduction-icon_hot, .introduction-icon_media, .introduction-icon_medical, .introduction-icon_mobile, .introduction-icon_news, .introduction-icon_open, .introduction-icon_safe, .introduction-icon_share, .introduction-icon_sync, .introduction-sprite, .zone.introduction .box .tabs .tab .name .logo.file, .zone.introduction .box .tabs .tab .name .logo.mobile, .zone.introduction .box .tabs .tab .name .logo.open, .zone.introduction .box .tabs .tab .name .logo.safe, .zone.introduction .box .tabs .tab .name .logo.share, .zone.introduction .box .tabs .tab .name .logo.sync, .zone.introduction .box .tabs .tab.selected .logo.file, .zone.introduction .box .tabs .tab.selected .logo.mobile, .zone.introduction .box .tabs .tab.selected .logo.open, .zone.introduction .box .tabs .tab.selected .logo.safe, .zone.introduction .box .tabs .tab.selected .logo.share, .zone.introduction .box .tabs .tab.selected .logo.sync, .zone.news .scroll .icon_news, .zone.news .scroll .list li i, .zone.solution .cards .card.preview.education .icon, .zone.solution .cards .card.preview.government .icon, .zone.solution .cards .card.preview.media .icon, .zone.solution .cards .card.preview.medical .icon, .zone.solution .cards .card.thumb.education .icon, .zone.solution .cards .card.thumb.government .icon, .zone.solution .cards .card.thumb.media .icon, .zone.solution .cards .card.thumb.medical .icon {
    background-image: url(../../../static/weipan/images/introduction-s82d0b4f892.png);
    background-repeat: no-repeat
}

.introduction-icon_education {
    background-position: 0 0;
    height: 52px;
    width: 52px
}

.introduction-icon_file {
    background-position: -54px 0;
    height: 36px;
    width: 36px
}

.introduction-icon_file.icon_file-active, .introduction-icon_file:active {
    background-position: -92px 0
}

.introduction-icon_government {
    background-position: -130px 0;
    height: 52px;
    width: 52px
}

.introduction-icon_hot {
    background-position: -184px 0;
    height: 17px;
    width: 34px
}

.introduction-icon_media {
    background-position: -220px 0;
    height: 52px;
    width: 52px
}

.introduction-icon_medical {
    background-position: -274px 0;
    height: 52px;
    width: 52px
}

.introduction-icon_mobile {
    background-position: -328px 0;
    height: 36px;
    width: 36px
}

.introduction-icon_mobile.icon_mobile-active, .introduction-icon_mobile:active {
    background-position: -366px 0
}

.introduction-icon_news {
    background-position: -404px 0;
    height: 18px;
    width: 110px
}

.introduction-icon_open {
    background-position: -516px 0;
    height: 36px;
    width: 36px
}

.introduction-icon_open.icon_open-active, .introduction-icon_open:active {
    background-position: -554px 0
}

.introduction-icon_safe {
    background-position: -592px 0;
    height: 36px;
    width: 36px
}

.introduction-icon_safe.icon_safe-active, .introduction-icon_safe:active {
    background-position: -630px 0
}

.introduction-icon_share {
    background-position: -668px 0;
    height: 36px;
    width: 36px
}

.introduction-icon_share.icon_share-active, .introduction-icon_share:active {
    background-position: -706px 0
}

.introduction-icon_sync {
    background-position: -744px 0;
    height: 36px;
    width: 36px
}

.introduction-icon_sync.icon_sync-active, .introduction-icon_sync:active {
    background-position: -782px 0
}

.keyframe-keyframe_0_0, .keyframe-keyframe_0_1, .keyframe-keyframe_0_2, .keyframe-keyframe_0_3, .keyframe-keyframe_0_4, .keyframe-keyframe_0_5, .keyframe-keyframe_1_0, .keyframe-keyframe_1_1, .keyframe-keyframe_1_2, .keyframe-keyframe_1_3, .keyframe-keyframe_1_4, .keyframe-keyframe_2_0, .keyframe-keyframe_2_1, .keyframe-keyframe_2_2, .keyframe-keyframe_2_3, .keyframe-keyframe_2_4, .keyframe-keyframe_2_5, .keyframe-keyframe_2_6, .keyframe-keyframe_3_0, .keyframe-keyframe_3_1, .keyframe-keyframe_3_2, .keyframe-keyframe_3_3, .keyframe-keyframe_3_4, .keyframe-keyframe_3_5, .keyframe-keyframe_3_6, .keyframe-keyframe_4_0, .keyframe-keyframe_4_1, .keyframe-keyframe_4_2, .keyframe-keyframe_4_3, .keyframe-keyframe_5_0, .keyframe-keyframe_5_1, .keyframe-keyframe_5_2, .keyframe-keyframe_5_3, .keyframe-keyframe_5_4, .keyframe-keyframe_5_5, .keyframe-keyframe_5_6, .keyframe-sprite, .zone.introduction .box .contents .content .right .keyframe.keyframe_0_0, .zone.introduction .box .contents .content .right .keyframe.keyframe_0_1, .zone.introduction .box .contents .content .right .keyframe.keyframe_0_2, .zone.introduction .box .contents .content .right .keyframe.keyframe_0_3, .zone.introduction .box .contents .content .right .keyframe.keyframe_0_4, .zone.introduction .box .contents .content .right .keyframe.keyframe_0_5, .zone.introduction .box .contents .content .right .keyframe.keyframe_1_0, .zone.introduction .box .contents .content .right .keyframe.keyframe_1_1, .zone.introduction .box .contents .content .right .keyframe.keyframe_1_2, .zone.introduction .box .contents .content .right .keyframe.keyframe_1_3, .zone.introduction .box .contents .content .right .keyframe.keyframe_1_4, .zone.introduction .box .contents .content .right .keyframe.keyframe_2_0, .zone.introduction .box .contents .content .right .keyframe.keyframe_2_1, .zone.introduction .box .contents .content .right .keyframe.keyframe_2_2, .zone.introduction .box .contents .content .right .keyframe.keyframe_2_3, .zone.introduction .box .contents .content .right .keyframe.keyframe_2_4, .zone.introduction .box .contents .content .right .keyframe.keyframe_2_5, .zone.introduction .box .contents .content .right .keyframe.keyframe_2_6, .zone.introduction .box .contents .content .right .keyframe.keyframe_3_0, .zone.introduction .box .contents .content .right .keyframe.keyframe_3_1, .zone.introduction .box .contents .content .right .keyframe.keyframe_3_2, .zone.introduction .box .contents .content .right .keyframe.keyframe_3_3, .zone.introduction .box .contents .content .right .keyframe.keyframe_3_4, .zone.introduction .box .contents .content .right .keyframe.keyframe_3_5, .zone.introduction .box .contents .content .right .keyframe.keyframe_3_6, .zone.introduction .box .contents .content .right .keyframe.keyframe_4_0, .zone.introduction .box .contents .content .right .keyframe.keyframe_4_1, .zone.introduction .box .contents .content .right .keyframe.keyframe_4_2, .zone.introduction .box .contents .content .right .keyframe.keyframe_4_3, .zone.introduction .box .contents .content .right .keyframe.keyframe_5_0, .zone.introduction .box .contents .content .right .keyframe.keyframe_5_1, .zone.introduction .box .contents .content .right .keyframe.keyframe_5_2, .zone.introduction .box .contents .content .right .keyframe.keyframe_5_3, .zone.introduction .box .contents .content .right .keyframe.keyframe_5_4, .zone.introduction .box .contents .content .right .keyframe.keyframe_5_5, .zone.introduction .box .contents .content .right .keyframe.keyframe_5_6 {
    background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
    background-repeat: no-repeat
}

.keyframe-keyframe_0_0 {
    background-position: 0 0;
    height: 199px;
    width: 729px
}

.keyframe-keyframe_0_1 {
    background-position: -731px 0;
    height: 325px;
    width: 320px
}

.keyframe-keyframe_0_2 {
    background-position: -1053px 0;
    height: 112px;
    width: 152px
}

.keyframe-keyframe_0_3 {
    background-position: -1207px 0;
    height: 171px;
    width: 68px
}

.keyframe-keyframe_0_4 {
    background-position: -1277px 0;
    height: 90px;
    width: 90px
}

.keyframe-keyframe_0_5 {
    background-position: -1369px 0;
    height: 90px;
    width: 90px
}

.keyframe-keyframe_1_0 {
    background-position: -1461px 0;
    height: 54px;
    width: 54px
}

.keyframe-keyframe_1_1 {
    background-position: -1517px 0;
    height: 54px;
    width: 54px
}

.keyframe-keyframe_1_2 {
    background-position: -1573px 0;
    height: 157px;
    width: 532px
}

.keyframe-keyframe_1_3 {
    background-position: -2107px 0;
    height: 340px;
    width: 330px
}

.keyframe-keyframe_1_4 {
    background-position: -2439px 0;
    height: 239px;
    width: 274px
}

.keyframe-keyframe_2_0 {
    background-position: -2715px 0;
    height: 392px;
    width: 332px
}

.keyframe-keyframe_2_1 {
    background-position: -3049px 0;
    height: 93px;
    width: 204px
}

.keyframe-keyframe_2_2 {
    background-position: -3255px 0;
    height: 93px;
    width: 240px
}

.keyframe-keyframe_2_3 {
    background-position: -3497px 0;
    height: 168px;
    width: 145px
}

.keyframe-keyframe_2_4 {
    background-position: -3644px 0;
    height: 96px;
    width: 96px
}

.keyframe-keyframe_2_5 {
    background-position: -3742px 0;
    height: 26px;
    width: 40px
}

.keyframe-keyframe_2_6 {
    background-position: -3784px 0;
    height: 26px;
    width: 36px
}

.keyframe-keyframe_3_0 {
    background-position: -3822px 0;
    height: 41px;
    width: 41px
}

.keyframe-keyframe_3_1 {
    background-position: -3865px 0;
    height: 66px;
    width: 66px
}

.keyframe-keyframe_3_2 {
    background-position: -3933px 0;
    height: 296px;
    width: 425px
}

.keyframe-keyframe_3_3 {
    background-position: -4360px 0;
    height: 166px;
    width: 189px
}

.keyframe-keyframe_3_4 {
    background-position: -4551px 0;
    height: 246px;
    width: 155px
}

.keyframe-keyframe_3_5 {
    background-position: -4708px 0;
    height: 104px;
    width: 104px
}

.keyframe-keyframe_3_6 {
    background-position: -4814px 0;
    height: 104px;
    width: 104px
}

.keyframe-keyframe_4_0 {
    background-position: -4920px 0;
    height: 104px;
    width: 387px
}

.keyframe-keyframe_4_1 {
    background-position: -5309px 0;
    height: 323px;
    width: 380px
}

.keyframe-keyframe_4_2 {
    background-position: -5691px 0;
    height: 330px;
    width: 168px
}

.keyframe-keyframe_4_3 {
    background-position: -5861px 0;
    height: 156px;
    width: 130px
}

.keyframe-keyframe_5_0 {
    background-position: -5993px 0;
    height: 328px;
    width: 432px
}

.keyframe-keyframe_5_1 {
    background-position: -6427px 0;
    height: 283px;
    width: 467px
}

.keyframe-keyframe_5_2 {
    background-position: -6896px 0;
    height: 210px;
    width: 177px
}

.keyframe-keyframe_5_3 {
    background-position: -7075px 0;
    height: 92px;
    width: 91px
}

.keyframe-keyframe_5_4 {
    background-position: -7168px 0;
    height: 96px;
    width: 96px
}

.keyframe-keyframe_5_5 {
    background-position: -7266px 0;
    height: 92px;
    width: 91px
}

.keyframe-keyframe_5_6 {
    background-position: -7359px 0;
    height: 88px;
    width: 88px
}

.module-title {
    margin: 100px auto 80px;
    font-size: 40px;
    color: #333;
    line-height: 42px;
    text-align: center
}

.old {
    display: none
}

.zone {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: Arial, Helvetica, sans-serif
}

.zone.news {
    height: 78px;
    background: #FAFBFF;
    background: rgba(255, 255, 255, .3);
    backdrop-filter: blur(8px);
    position: relative;
    top: -78px;
    z-index: 999
}

.zone.news .scroll {
    width: 730px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 18px
}

.zone.news .scroll .icon_news {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    background-position: -404px 0;
    height: 18px;
    width: 110px
}

@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
    .zone.news .scroll .icon_news {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-size: 820px auto;
        background-position: -404px 0
    }

    .zone.news .scroll .list li i {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-size: 820px auto;
        background-position: -184px 0
    }
}

.zone.news .scroll .list {
    list-style: none;
    height: 100%;
    position: relative
}

.zone.news .scroll .list li {
    height: 100%;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    padding: 0;
    margin: 0;
    position: relative
}

.zone.news .scroll .list li a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    transition: color .25s ease-in-out;
    display: inline-block;
    height: 100%;
    max-width: 500px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    margin-left: 80px
}

.zone.news .scroll .list li a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #3679FF;
    transform-origin: bottom right;
    transition: transform .25s ease-out
}

.zone.news .scroll .list li a:hover {
    color: #3679FF
}

.zone.news .scroll .list li a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left
}

.zone.news .scroll .list li i {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    font-style: normal;
    line-height: 16px;
    margin-left: 4px;
    background-position: -184px 0;
    height: 17px;
    width: 34px
}

.zone.introduction .title {
    margin: 0 auto 24px
}

.zone.introduction .subtitle {
    font-size: 18px;
    color: #888;
    text-align: center
}

.zone.introduction .box {
    height: 580px;
    width: 1200px;
    margin: 40px auto
}

.zone.introduction .box .tabs {
    height: 100px
}

.zone.introduction .box .tabs .tab {
    height: 100%;
    width: 200px;
    line-height: 100px;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    background: url(../../../static/weipan/images/path_gray.png) bottom center no-repeat;
    background-size: 100% auto
}

.zone.introduction .box .tabs .tab .name {
    font-size: 16px;
    color: #838383;
    cursor: pointer
}

.zone.introduction .box .tabs .tab .name .logo {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 16px 0 30px;
    vertical-align: middle
}

.zone.introduction .box .tabs .tab .name .logo.sync {
    background-position: -744px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab .name .logo.sync.icon_sync-active, .zone.introduction .box .tabs .tab .name .logo.sync:active {
    background-position: -782px 0
}

.zone.introduction .box .tabs .tab .name .logo.file {
    background-position: -54px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab .name .logo.file.icon_file-active, .zone.introduction .box .tabs .tab .name .logo.file:active {
    background-position: -92px 0
}

.zone.introduction .box .tabs .tab .name .logo.share {
    background-position: -668px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab .name .logo.share.icon_share-active, .zone.introduction .box .tabs .tab .name .logo.share:active {
    background-position: -706px 0
}

.zone.introduction .box .tabs .tab .name .logo.mobile {
    background-position: -328px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab .name .logo.mobile.icon_mobile-active, .zone.introduction .box .tabs .tab .name .logo.mobile:active {
    background-position: -366px 0
}

.zone.introduction .box .tabs .tab .name .logo.safe {
    background-position: -592px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab .name .logo.safe.icon_safe-active, .zone.introduction .box .tabs .tab .name .logo.safe:active {
    background-position: -630px 0
}

.zone.introduction .box .tabs .tab .name .logo.open {
    background-position: -516px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab .name .logo.open.icon_open-active, .zone.introduction .box .tabs .tab .name .logo.open:active {
    background-position: -554px 0
}

@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
    .zone.introduction .box .tabs .tab .name .logo.sync {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-size: 820px auto;
        background-position: -744px 0
    }

    .zone.introduction .box .tabs .tab .name .logo.file, .zone.introduction .box .tabs .tab .name .logo.share {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto
    }

    .zone.introduction .box .tabs .tab .name .logo.file {
        background-size: 820px auto;
        background-position: -54px 0
    }

    .zone.introduction .box .tabs .tab .name .logo.share {
        background-size: 820px auto;
        background-position: -668px 0
    }

    .zone.introduction .box .tabs .tab .name .logo.mobile, .zone.introduction .box .tabs .tab .name .logo.safe {
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png)
    }

    .zone.introduction .box .tabs .tab .name .logo.mobile {
        background-size: 820px auto;
        background-position: -328px 0
    }

    .zone.introduction .box .tabs .tab .name .logo.safe {
        background-size: 820px auto;
        background-position: -592px 0
    }

    .zone.introduction .box .tabs .tab .name .logo.open {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-size: 820px auto;
        background-position: -516px 0
    }
}

.zone.introduction .box .tabs .tab.selected .name {
    color: #3679FF
}

.zone.introduction .box .tabs .tab.selected .logo.sync {
    background-position: -782px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab.selected .logo.file {
    background-position: -92px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab.selected .logo.share {
    background-position: -706px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab.selected .logo.mobile {
    background-position: -366px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab.selected .logo.safe {
    background-position: -630px 0;
    height: 36px;
    width: 36px
}

.zone.introduction .box .tabs .tab.selected .logo.open {
    background-position: -554px 0;
    height: 36px;
    width: 36px
}

@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
    .zone.introduction .box .tabs .tab.selected .logo.sync {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-size: 820px auto;
        background-position: -782px 0
    }

    .zone.introduction .box .tabs .tab.selected .logo.file, .zone.introduction .box .tabs .tab.selected .logo.share {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto
    }

    .zone.introduction .box .tabs .tab.selected .logo.file {
        background-size: 820px auto;
        background-position: -92px 0
    }

    .zone.introduction .box .tabs .tab.selected .logo.share {
        background-size: 820px auto;
        background-position: -706px 0
    }

    .zone.introduction .box .tabs .tab.selected .logo.mobile, .zone.introduction .box .tabs .tab.selected .logo.safe {
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png)
    }

    .zone.introduction .box .tabs .tab.selected .logo.mobile {
        background-size: 820px auto;
        background-position: -366px 0
    }

    .zone.introduction .box .tabs .tab.selected .logo.safe {
        background-size: 820px auto;
        background-position: -630px 0
    }

    .zone.introduction .box .tabs .tab.selected .logo.open {
        background-image: url(../../../static/weipan/images/introduction2x-sfbd754afb4.png);
        -webkit-background-size: 820px auto;
        -moz-background-size: 820px auto;
        -o-background-size: 820px auto;
        background-size: 820px auto;
        background-position: -554px 0
    }
}

.zone.introduction .box .contents {
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.zone.introduction .box .contents .content {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    background: #FFF
}

.zone.introduction .box .contents .content p {
    line-height: 1.75;
    padding: 0 60px
}

.zone.introduction .box .contents .content p.content_title {
    font-size: 26px;
    color: #000;
    margin-top: 136px
}

.zone.introduction .box .contents .content p.content_description {
    font-size: 18px;
    color: #838383;
    margin-top: 20px
}

.zone.introduction .box .contents .content .left {
    width: 50%;
    height: 320px;
    float: left;
    margin-top: 60px
}

.zone.introduction .box .contents .content .left .inner {
    box-sizing: border-box
}

.zone.introduction .box .contents .content .left .inner.cover {
    height: 80px;
    border-left: 1px solid #BEC9EC
}

.zone.introduction .box .contents .content .left .inner.cover p.title {
    padding: 24px 24px 24px 29px
}

.zone.introduction .box .contents .content .left .inner.preview {
    height: 160px;
    background: #f7faff;
    border-left: 6px solid #3E75FF
}

.zone.introduction .box .contents .content .left .inner.hide {
    display: none
}

.zone.introduction .box .contents .content .left .inner p {
    margin: 0
}

.zone.introduction .box .contents .content .left .inner p.title {
    font-size: 26px;
    color: #000;
    padding: 24px 24px 16px;
    text-align: left
}

.zone.introduction .box .contents .content .left .inner p.descript {
    font-size: 18px;
    color: #838383;
    padding: 0 24px;
    line-height: 1.5
}

.zone.introduction .box .contents .content .right {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 130px;
    right: 300px
}

.zone.introduction .box .contents .content .right .img {
    display: none;
}

.zone.introduction .box .contents .content .right .keyframe {
    display: inline-block;
    position: absolute
}

.zone.introduction .box .contents #content_2, .zone.introduction .box .contents #content_3, .zone.introduction .box .contents #content_4, .zone.introduction .box .contents #content_5, .zone.ui .box .left .inner.hide {
    display: none
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_0 {
    top: 0;
    left: -250px;
    z-index: 2;
    background-position: 0 0;
    height: 199px;
    width: 729px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_0.animation {
    animation: opacity_transform 2s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_1 {
    top: -60px;
    left: -36px;
    z-index: 1;
    background-position: -731px 0;
    height: 325px;
    width: 320px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_1.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_2 {
    top: 180px;
    left: 50px;
    z-index: 2;
    background-position: -1053px 0;
    height: 112px;
    width: 152px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_2.animation {
    animation: slideInUp .75s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_3 {
    top: 30px;
    left: 88px;
    z-index: 2;
    background-position: -1207px 0;
    height: 171px;
    width: 68px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_3.animation {
    animation: bounceInUp 1.25s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_4 {
    top: 0;
    left: -120px;
    z-index: 2;
    background-position: -1277px 0;
    height: 90px;
    width: 90px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_4.animation {
    animation: slideInLeft 1s .25s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_5 {
    top: 104px;
    left: 280px;
    z-index: 2;
    background-position: -1369px 0;
    height: 90px;
    width: 90px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_0_5.animation {
    animation: slideInRight 1s .25s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_0 {
    top: -10px;
    left: 330px;
    z-index: 3;
    background-position: -1461px 0;
    height: 54px;
    width: 54px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_0.animation {
    animation: rotateInDownRight 1.75s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_1 {
    top: 150px;
    left: -80px;
    z-index: 3;
    background-position: -1517px 0;
    height: 54px;
    width: 54px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_1.animation {
    animation: rotateInUpLeft 1.75s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_2 {
    top: 20px;
    left: -124px;
    z-index: 2;
    background-position: -1573px 0;
    height: 157px;
    width: 532px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_2.animation {
    animation: opacity_transform 2s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_3 {
    top: -70px;
    left: -20px;
    z-index: 1;
    background-position: -2107px 0;
    height: 340px;
    width: 330px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_3.animation {
    animation: slideInLeft .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_4 {
    left: 180px;
    top: 60px;
    z-index: 3;
    background-position: -2439px 0;
    height: 239px;
    width: 274px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_1_4.animation {
    animation: slideInRight .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_0 {
    top: -90px;
    left: 40px;
    z-index: 1;
    background-position: -2715px 0;
    height: 392px;
    width: 332px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_0.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_1 {
    top: 10px;
    left: 280px;
    z-index: 2;
    background-position: -3049px 0;
    height: 93px;
    width: 204px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_1.animation {
    animation: slideInRight 1s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_2 {
    top: 140px;
    left: -80px;
    z-index: 2;
    background-position: -3255px 0;
    height: 93px;
    width: 240px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_2.animation {
    animation: slideInLeft 1s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_3 {
    top: 110px;
    left: 260px;
    z-index: 2;
    background-position: -3497px 0;
    height: 168px;
    width: 145px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_3.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_4 {
    top: 0;
    left: 16px;
    z-index: 2;
    background-position: -3644px 0;
    height: 96px;
    width: 96px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_4.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_5 {
    top: 110px;
    left: 140px;
    z-index: 2;
    background-position: -3742px 0;
    height: 26px;
    width: 40px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_5.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_6 {
    top: 10px;
    left: 240px;
    z-index: 2;
    background-position: -3784px 0;
    height: 26px;
    width: 36px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_2_6.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_0 {
    top: 160px;
    left: -90px;
    z-index: 3;
    background-position: -3822px 0;
    height: 41px;
    width: 41px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_0.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_1 {
    top: 40px;
    left: 330px;
    z-index: 3;
    background-position: -3865px 0;
    height: 66px;
    width: 66px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_1.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_2 {
    top: -50px;
    left: -40px;
    z-index: 2;
    background-position: -3933px 0;
    height: 296px;
    width: 425px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_2.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_3 {
    top: -90px;
    left: 260px;
    z-index: 1;
    background-position: -4360px 0;
    height: 166px;
    width: 189px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_3.animation {
    animation: rotateIn 1.25s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_4 {
    top: 40px;
    left: -100px;
    z-index: 2;
    background-position: -4551px 0;
    height: 246px;
    width: 155px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_4.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_5 {
    top: 175px;
    left: 240px;
    z-index: 3;
    background-position: -4708px 0;
    height: 104px;
    width: 104px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_5.animation {
    animation: bounceInUp 1s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_6 {
    top: 175px;
    left: 140px;
    z-index: 3;
    background-position: -4814px 0;
    height: 104px;
    width: 104px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_3_6.animation {
    animation: bounceInUp 1.25s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_0 {
    top: -80px;
    left: 0;
    z-index: 2;
    background-position: -4920px 0;
    height: 104px;
    width: 387px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_0.animation {
    animation: slideInLeft .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_1 {
    top: -80px;
    left: 0;
    z-index: 1;
    background-position: -5309px 0;
    height: 323px;
    width: 380px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_1.animation {
    animation: slideInRight .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_2 {
    top: -40px;
    left: 260px;
    z-index: 3;
    background-position: -5691px 0;
    height: 330px;
    width: 168px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_2.animation {
    animation: slideInRight .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_3 {
    top: 100px;
    left: -24px;
    z-index: 3;
    background-position: -5861px 0;
    height: 156px;
    width: 130px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_4_3.animation {
    animation: pulse 1s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_0 {
    top: -80px;
    left: 20px;
    z-index: 1;
    background-position: -5993px 0;
    height: 328px;
    width: 432px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_0.animation {
    animation: slideInUp .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_1 {
    top: -30px;
    left: -40px;
    z-index: 2;
    background-position: -6427px 0;
    height: 283px;
    width: 467px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_1.animation {
    animation: opacity_transform 2s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_2 {
    top: 20px;
    left: 110px;
    z-index: 3;
    background-position: -6896px 0;
    height: 210px;
    width: 177px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_2.animation {
    animation: slideInDown .75s 0s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_3 {
    top: 150px;
    left: -110px;
    z-index: 3;
    background-position: -7075px 0;
    height: 92px;
    width: 91px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_3.animation {
    animation: opacity_transform 2.25s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_4 {
    top: -80px;
    left: -54px;
    z-index: 3;
    background-position: -7168px 0;
    height: 96px;
    width: 96px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_4.animation {
    animation: opacity_transform 2s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_5 {
    top: 60px;
    left: 300px;
    z-index: 3;
    background-position: -7266px 0;
    height: 92px;
    width: 91px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_5.animation {
    animation: opacity_transform 2.5s .15s;
    animation-fill-mode: both
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_6 {
    top: 210px;
    left: 360px;
    z-index: 3;
    background-position: -7359px 0;
    height: 88px;
    width: 88px
}

.zone.introduction .box .contents .content .right .keyframe.keyframe_5_6.animation {
    animation: opacity_transform 3s .15s;
    animation-fill-mode: both
}

@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
    .zone.introduction .box .contents .content .right .keyframe.keyframe_0_0 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: 0 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_0_1 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -731px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_0_2 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -1053px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_0_3 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -1207px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_0_4 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -1277px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_0_5 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -1369px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_1_0 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -1461px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_1_1 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -1517px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_1_2 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -1573px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_1_3 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -2107px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_1_4 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -2439px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_2_0 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -2715px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_2_1 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3049px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_2_2 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3255px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_2_3 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3497px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_2_4 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3644px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_2_5 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3742px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_2_6 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3784px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_3_0 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3822px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_3_1 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3865px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_3_2 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -3933px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_3_3 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -4360px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_3_4 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -4551px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_3_5 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -4708px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_3_6 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -4814px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_4_0 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -4920px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_4_1 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -5309px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_4_2 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -5691px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_4_3 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -5861px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_5_0 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -5993px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_5_1 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -6427px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_5_2 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -6896px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_5_3 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -7075px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_5_4 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -7168px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_5_5 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -7266px 0
    }

    .zone.introduction .box .contents .content .right .keyframe.keyframe_5_6 {
        background-image: url(../../../static/weipan/images/keyframe-sf52cce9755.png);
        -webkit-background-size: 7449px auto;
        -moz-background-size: 7449px auto;
        -o-background-size: 7449px auto;
        background-size: 7449px auto;
        background-position: -7359px 0
    }
}

.zone.introduction .box .contents .show {
    z-index: 2
}

.zone.ui {
    margin: 80px 0
}

.zone.ui .box {
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    background: #FFF
}

.zone.ui .box .left {
    width: 50%;
    height: 100%;
    float: left
}

.zone.ui .box .left .inner {
    box-sizing: border-box
}

.zone.ui .box .left .inner.cover {
    height: 100px;
    border-left: 1px solid #BEC9EC
}

.zone.ui .box .left .inner.cover p.title {
    padding-left: 29px;
    padding-right: 29px
}