.index-partners {
    background: #fff
}

.partnersBox {
    padding-bottom: 36px
}

.partners {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.partners span {
    width: 20%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    transition: all .3s ease-in-out
}

.partners span:last-child,
.partners span:nth-last-child(2),
.partners span:nth-last-child(3),
.partners span:nth-last-child(4),
.partners span:nth-last-child(5) {
    border-bottom-color: #fff
}

.partners span:nth-child(5n) {
    border-right-color: #fff
}

.partners span:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

@media screen and (max-width:768px) {
    .index-partners {
        background: #fff
    }

    .partners span {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .partners a {
        width: 33.33%
    }

    .partners a:last-child,
    .partners a:nth-last-child(2),
    .partners a:nth-last-child(3) {
        border-bottom-color: #fff
    }

    .partners a:nth-last-child(4),
    .partners a:nth-last-child(5) {
        border-bottom-color: #ddd
    }

    .partners a:nth-child(5n) {
        border-right-color: #ddd
    }

    .partners a:nth-child(3n) {
        border-right-color: #fff
    }
}


.square {
    position: relative;
    height: auto
}

.square-inner {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.square-inner>a {
    width: 44.33333%;
    padding: 0 10px;
    overflow: hidden;
    display: flex;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    height: 70px;
    position: relative
}

.square-inner>a:after {
    right: 0;
    height: 1px;
    border-bottom: 1px solid #f5f5f5
}

.square-inner>a:after,
.square-inner>a:before {
    content: " ";
    position: absolute;
    left: 0;
    color: #f5f5f5;
    transform-origin: 0 0;
    transform: scaleY(.5);
    z-index: 2;
    bottom: 0
}

.square-inner>a:before {
    right: 0;
    height: 1px;
    top: 0;
    right: auto;
    height: 140px;
    width: 1px;
    border-left: 1px solid #f5f5f5
}

.square-inner>a:first-child:before,
.square-inner>a:last-child:after,
.square-inner>a:nth-child(4):before,
.square-inner>a:nth-child(7):after,
.square-inner>a:nth-child(7):before,
.square-inner>a:nth-child(8):after,
.square-inner>a:nth-child(9):after {
    display: none
}

.square-inner img {
    width: 100%
}

.square-inner>a:nth-of-type(3n) {
    margin-right: 0
}

.square-inner>a:nth-of-type(n+7) {
    margin-bottom: 0
}

.index-product {
    background: url(../images/bg-grey.jpg), linear-gradient(180deg, #f5f5f5, #f5f5f5 480px, #fff 0, #fff 536px, #fff 0, #fff);
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 72px
}

.product-box-child ul {
    display: flex;
    flex-wrap: wrap;
}

.product-box-child ul .item {
    flex: 1;
    max-width: 33.33%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    padding: 30px 39px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    color: #fff
}

.product-box-child ul .item .product-icon .iconfont {
    font-size: 50px
}

.product-box-child ul .item .product-title {
    font-size: 26px;
    padding-top: 20px;
    padding-bottom: 20px
}

.product-box-child ul .item .product-text {
    line-height: 26px;
    font-size: 14px
}

.product-box-child ul .item:hover {
    background-size: 130% 130%;
}

.product-box-child ul.product-first .item:first-child {
    border-radius: 50px 0 0 0
}
.product-box-child ul.product-first .item:last-child {
    border-radius: 0 50px 0 0
}

.product-box-child ul.product-second .item {
    padding-bottom: 60px
}
.product-box-child ul.product-second .item:first-child {
    border-radius: 0 0 0 50px
}

/* .product-box-child ul.product-second .item:first-child {
    flex: 0 0 33.33%
}
*/
.product-box-child ul.product-second .item:last-child {
    flex: 1;
    /* max-width: 66.66%; */
    border-radius: 0 0 50px 0
}

.case-box {
    position: relative
}

.case-box .case-box-container {
    width: 1200px;
    margin: 0 auto
}

.case-box .case-box-container .ivu-carousel {
    z-index: 999
}

.case-box .case-box-container .case-text {
    padding-top: 66px;
    padding-left: 20px
}

.case-box .case-box-container .case-text ._title {
    font-size: 24px;
    color: #363636
}

.case-box .case-box-container .case-text .mb20 {
    margin-bottom: 20px !important
}

.case-box .case-box-container .case-text .ivu-list-item {
    border: none !important;
    padding: 8px 0 !important;
    font-size: 14px !important
}

.case-box .case-box-container .case-text .detail-more {
    margin-top: 16px
}

.case-box .case-box-container .case-img {
    display: inline-block;
    width: 646px;
    height: 400px;
    padding-right: 4px;
    border-radius: 30px
}

.case-box .case-bg {
    position: absolute;
    width: 100%;
    height: 320px;
    left: 0;
    top: 40px;
    background: url(../images/bg-grey.jpg), linear-gradient(180deg, #f5f5f5, #f5f5f5 680px, #fff 0, #fff 0, #fff 0, #fff)
}

.case-box .ivu-carousel-arrow.right {
    right: -50px !important
}

.case-box .ivu-carousel-arrow.left {
    left: -40px !important
}

.m-paragraph {
    padding: 0 2.66667vw;
    margin-bottom: 5.06667vw;
    text-align: center
}

.m-paragraph h3 {
    font-size: 4.53333vw;
    margin-top: 8.53333vw;
    margin-bottom: 4vw
}

.m-paragraph p {
    font-size: 2.93333vw;
    line-height: 4vw
}

.m-product-swiper {
    margin: 0 2.66667vw 2.66667vw
}

.m-product-slide {
    height: 83.2vw;
    color: #fff;
    border-radius: 2.93333vw;
    padding: 8vw 8.66667vw 0;
    margin-bottom: 2vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.m-product-slide .product-icon .iconfont {
    font-size: 12.4vw
}

.m-product-slide .product-title {
    font-size: 4.53333vw;
    margin: 2.66667vw 0;
    font-weight: 700
}

.m-product-slide .product-text {
    font-size: 3.46667vw;
    line-height: 6.26667vw
}

.news-box {
    padding-bottom: 80px
}

.news-box .info-title {
    font-size: 20px;
    color: #333;
    line-height: 24px;
    -webkit-line-clamp: 2
}

.news-box .info-text,
.news-box .info-title {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-box .info-text {
    margin: 20px 0;
    font-size: 14px;
    color: #8b91a0;
    max-height: 75px;
    line-height: 18px;
    -webkit-line-clamp: 3
}

.news-box .info-date {
    display: flex;
    justify-content: space-between;
    color: #8b91a0;
    font-size: 14px
}

.news-box .info-date span {
    font-size: 20px;
    color: #00a0ff
}

.news-box .news-box-bottom {
    display: flex;
    justify-content: space-around
}

.news-box .news-box-bottom a {
    flex: 1;
    padding: 20px 30px
}

.news-box .news-box-bottom a:hover {
    background: #f6f6f6
}

.news-box .news-box-bottom .info-title {
    font-size: 18px
}

.news-box .news-box-bottom .info-text {
    max-height: 36px;
    -webkit-line-clamp: 2
}

.news-box .news-box-btn {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

.news-box .news-box-btn a {
    border: 1px solid #00a0ff;
    color: #00a0ff;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 5px;
    margin: 20px
}

.news-box .news-box-btn a:hover {
    background: #00a0ff;
    color: #fff
}

.news-box-content {
    display: flex;
    justify-content: space-between
}

.news-box-content-left {
    width: 500px;
    margin-right: 50px
}

.news-box-content-left .img-box {
    width: 100%;
    height: 315px;
    margin-bottom: 20px
}

.news-box-content-left .img-box img {
    height: 100%;
    width: 100%
}

.news-box-content-left .info-title {
    font-size: 22px;
    line-height: 36px
}

.news-box-content-left .info-text {
    margin-top: 32px;
    margin-bottom: 26px
}

.news-box-content-left .info-link a {
    color: #00a0ff;
    font-size: 14px
}

.news-box-content-right {
    flex: 1
}

.news-box-content-right>a {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc
}
.news-box-content-right>a {
    padding-top: 42px
}
/* .news-box-content-right>a:nth-child(2),
.news-box-content-right>a:nth-child(4) {
    padding-top: 42px
} */

.news-box-content-right>a:nth-child(4) {
    border-bottom: 0
}

.news-box-content-right>a:nth-child(4) .img-box {
    margin-bottom: 0
}

.news-box-content-right .img-box {
    width: 200px;
    height: 130px;
    margin-bottom: 44px;
    margin-right: 28px
}

.news-box-content-right .img-box img {
    width: 100%;
    height: 100%
}

.news-box-content-right .infoBox {
    flex: 1
}

.news-box-content-right .info-title {
    font-size: 18px
}

.news-box-content-right .info-text {
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    max-height: 52px
}

.news-box-content .info-date {
    margin-bottom: 20px
}

.news-box-content .info-text {
    line-height: 27px;
    color: #333
}

@media screen and (max-width:768px) {
    .news-box {
        padding-bottom: 20px
    }

    .news-box .news-box-content {
        display: none
    }

    .news-box .news-box-bottom {
        flex-direction: column-reverse
    }

    .news-box .news-box-bottom a {
        display: block;
        padding: 10px 20px
    }

    .news-box .news-box-bottom .info-text {
        display: none
    }

    .news-box .news-box-bottom .info-date {
        margin-top: 10px
    }

    .news-box .news-box-btn {
        margin-top: 20px
    }

    .news-box .news-box-btn a {
        margin: 0 20px
    }
}

.item-p {
    font-size: 11px;
    padding-top: 13px
}

.more-btn {
    font-weight: 400;
    color: #00a2ff
}

.xt-m-list {
    padding: 3.73333vw 0
}

.xt-m-list-item {
    padding: 0 4.13333vw;
    margin-bottom: 5.86667vw
}

.xt-m-list-item:last-child {
    margin: 0
}

.xt-m-list-item_top {
    display: flex
}

.xt-m-list-item_img {
    flex: 0 0 29.33333vw;
    height: 21.33333vw;
    border-radius: 1.33333vw;
    margin-right: 3.46667vw;
    overflow: hidden
}

.xt-m-list-item_icon {
    flex: 0 0 12vw;
    height: 6.74663vh;
    margin-right: 3.46667vw
}

.xt-m-list-item_content {
    flex: auto
}

.xt-m-list-item_title {
    color: #333;
    line-height: 3.29835vh;
    font-size: 3.73333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.xt-m-list-item_title_remarks {
    font-size: 2.93333vw;
    color: #999;
    padding-left: 2.8vw
}

.xt-m-list-item_sub_title {
    color: #999;
    font-size: 3.46667vw;
    line-height: 2.3988vh
}

.xt-m-list-item_desc,
.xt-m-list-item_sub_title {
    margin-top: 2.66667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.xt-m-list-item_desc {
    color: #bbb;
    font-size: 2.93333vw;
    line-height: 2.24888vh
}

.xt-m-list-item_other {
    display: flex;
    color: #999;
    line-height: 2.3988vh;
    font-size: 3.2vw;
    margin-top: 4vw;
    align-items: center
}

.xt-m-list-item_other_user {
    margin-right: 1.33333vw
}

.xt-m-list-item_other_btn {
    flex: 1;
    margin-left: 2.66667vw;
    text-align: right
}

.xt-m-list-item_other_btn>.ivu-btn {
    height: 3.44828vh
}

.xt__map-content .xt__img-warp .xt__map-dotList {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.xt__map-content .xt__img-warp,
.xt__map-content .xt__map-data-container {
    width: 1200px;
    margin: auto
}

.xt__map-content {
    background: #fff
}

.xt__map-content .xt__map-data {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.xt__map-content .xt__map-data .xt__map-dataItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

.xt__map-content .xt__map-data .xt__map-dataItem .map-data-number {
    display: flex;
    align-items: center;
    height: 64px;
    line-height: 64px;
    font-size: 64px;
    font-weight: 400;
    color: #5b4397
}

.xt__map-content .xt__map-data .xt__map-dataItem .map-data-number .map-data-sign {
    font-size: 42px;
    font-weight: 400;
    color: #5b4397
}

.xt__map-content .xt__map-data .xt__map-dataItem .map-data-text {
    font-size: 22px;
    margin-top: 27px
}

.xt__map-content .xt__map-data .xt__map-dataItem .map-data-mtext {
    display: none
}

.xt__map-content .xt__img-warp {
    margin-top: 100px
}

.xt__map-content .xt__img-warp img {
    width: 100%;
    max-width: none
}

.xt__map-content .xt__img-warp .map-link-box {
    transform: translateY(5px)
}

.xt__map-content .xt__img-warp .map-link-box a {
    color: #374454;
    font-size: 16px;
    line-height: 38px
}

.xt__map-content .xt__img-warp .map-link-box p {
    display: flex;
    align-items: center;
    line-height: 14px;
    font-size: 14px
}

.xt__map-content .xt__img-warp .map-link-box p:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #00a0ff;
    border-radius: 50%;
    margin-right: 9px
}

.xt__map-content .xt__map-btnGroup {
    display: flex;
    justify-content: center;
    margin-right: 175px
}

.xt__map-content .xt__map-btnGroup .xt__map-btn {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    cursor: pointer;
    background: #00a0ff;
    color: #333;
    text-align: center;
    transition: all .1s linear 0s;
    background-color: #e0e0e0
}

.xt__map-content .xt__map-btnGroup .xt__map-btn:first-child {
    border-radius: 5px 0 0 5px
}

.xt__map-content .xt__map-btnGroup .xt__map-btn:last-child {
    border-radius: 0 5px 5px 0
}

.xt__map-content .xt__map-btnGroup .xt__map-btn.active,
.xt__map-content .xt__map-btnGroup .xt__map-btn:hover {
    background: linear-gradient(-61deg, #006cff, #3eb9ff);
    color: #fff
}

.xt__map-content {
    transition: all .1s linear 0s;
    margin-top: 90px
}

.xt__map-content .xt__map-data-container {
    display: flex;
    justify-content: space-between
}

.xt__map-content .xt__img-warp {
    position: relative
}

.xt__map-content .xt__img-warp .sacol {
    position: absolute;
    right: 188px;
    top: 5px;
    width: 215px;
    height: 150px;
    cursor: pointer;
    opacity: 0;
    background: rgba(0, 0, 0, .2) url(../images/search2.png) no-repeat 50%;
    transition: all .3s linear 0s
}

.xt__map-content .xt__img-warp .sacol:hover {
    opacity: 1
}

.xt__map-content .xt__img-warp .xt__warp-moblie {
    display: none
}

.xt__map-content .xt__img-warp .xt__map-dotList {
    z-index: 99
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #00a0ff;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #00a0ff;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-edgePoint:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #00a0ff;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #00a0ff;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-corePoint:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #e6461e;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #e6461e;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #e6461e;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #e6461e;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-selfPoint:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #eca73f;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #eca73f;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #eca73f;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #eca73f;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__img-warp .xt__map-dotList .xt__map-dot:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__img-warp .xt__map-dotList .animate .xt__map-corePoint:after,
.xt__map-content .xt__img-warp .xt__map-dotList .animate .xt__map-edgePoint:after,
.xt__map-content .xt__img-warp .xt__map-dotList .animate .xt__map-selfPoint:after {
    -webkit-animation: jumper 2s linear 1s forwards;
    animation: jumper 2s linear 1s forwards
}

.xt__map-content .xt__img-warp .xt__map-dotList .animate .xt__map-corePoint .xt__map-dot-layer:after,
.xt__map-content .xt__img-warp .xt__map-dotList .animate .xt__map-edgePoint .xt__map-dot-layer:after,
.xt__map-content .xt__img-warp .xt__map-dotList .animate .xt__map-selfPoint .xt__map-dot-layer:after {
    -webkit-animation: jumper 2s linear forwards;
    animation: jumper 2s linear forwards
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #eca73f;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #eca73f;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #eca73f;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #eca73f;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-dot:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #00a0ff;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #00a0ff;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-edgePoint:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #00a0ff;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #00a0ff;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #00a0ff;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-corePoint:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 11px;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #e6461e;
    left: 60%;
    top: 65%
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 5px #e6461e;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-dot-layer {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #e6461e;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-dot-layer:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 5px #e6461e;
    border-radius: 50%;
    top: -3px;
    left: -3px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 15px;
    width: 200px;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    z-index: 9999
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner {
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgba(83, 98, 114, .4);
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:after,
.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 8px dashed transparent;
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    margin-left: -7px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:before {
    margin-top: 0;
    border-top-color: #b3b7bf
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner:after {
    border-top-color: #fff
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner .xt__bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .37);
    line-height: 40px;
    background-color: #f5f7fa
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint .xt__map-bubble .xt__bubble-inner .xt__bubble-content {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px
}

.xt__map-content .xt__map-china .xt__map-dot-list .xt__map-selfPoint:hover .xt__map-bubble {
    opacity: 1;
    visibility: visible;
    visibility: initial;
    transform: translateY(0)
}

.xt__map-content .xt__map-china .xt__map-dot-list .animate .xt__map-corePoint:after,
.xt__map-content .xt__map-china .xt__map-dot-list .animate .xt__map-edgePoint:after,
.xt__map-content .xt__map-china .xt__map-dot-list .animate .xt__map-selfPoint:after {
    -webkit-animation: jumper 2s linear 1s forwards;
    animation: jumper 2s linear 1s forwards
}

.xt__map-content .xt__map-china .xt__map-dot-list .animate .xt__map-corePoint .xt__map-dot-layer:after,
.xt__map-content .xt__map-china .xt__map-dot-list .animate .xt__map-edgePoint .xt__map-dot-layer:after,
.xt__map-content .xt__map-china .xt__map-dot-list .animate .xt__map-selfPoint .xt__map-dot-layer:after {
    -webkit-animation: jumper 2s linear forwards;
    animation: jumper 2s linear forwards
}

.m-map .xt-m-card-header:after {
    display: none
}

.m-map-data {
    margin-bottom: 5.06667vw;
    display: flex;
    justify-content: center
}

.m-map-data-item {
    flex: 1;
    display: flex;
    position: relative;
    margin-left: 3.33333vw
}

.m-map-data-item-line {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABQCAYAAAAz8KTYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiZFj035gBCJgYoIAODBYg/o9V6j8ThhQLqSIoUv8pU4xwDwsGA9NA8tXgcAaFiklyBk38xYBfCkvwEiGFRTFI5B+IBRBgAKyCOYinuV7gAAAAAElFTkSuQmCC) no-repeat 0 100%;
    width: .26667vw;
    height: 100%;
    margin-right: 3.2vw
}

.m-map-data-item-num {
    color: #00a0ff;
    font-size: 7.2vw
}

.m-map-data-item-num-plus {
    font-size: 4.26667vw;
    vertical-align: super
}

.m-map-data-item-label {
    font-size: 3.4vw
}

.m-map-nav {
    display: flex;
    justify-content: center;
    font-size: 4vw;
    margin-top: 3.46667vw;
    color: #00a0ff
}

.m-map-nav-item {
    flex: 1;
    text-align: center
}

.xt__banner .xt__swiper-slide .xt__swiper-slideTitle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.home-container {
    position: relative
}

.home-index-body {
    height: 67.46627vh;
    overflow: auto
}

.dialogNotic {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .7)
}

.dialogNotic .info {
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -410px;
    width: 820px;
    padding: 40px 40px 140px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background: #fff url(../images/bg.jpg) no-repeat bottom;
    background-size: 100%
}

.dialogNotic .info a {
    color: rgba(50, 115, 220, .7) !important
}

.dialogNotic .info a:hover {
    color: #3273dc !important
}

.dialogNotic .info .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.dialogNotic .info .close:after,
.dialogNotic .info .close:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 28px;
    width: 20px;
    height: 1px;
    background: #333;
    transform: rotate(45deg)
}

.dialogNotic .info .close:after {
    transform: rotate(-45deg)
}

.dialogNotic .info .close:hover {
    opacity: .7
}

.dialogNotic .info .tit {
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 40px;
    padding-bottom: 20px;
    font-weight: 700
}

.dialogNotic .info .text-indent {
    text-indent: 30px
}

.dialogNotic .info .text {
    font-size: 14px;
    line-height: 26px
}

.dialogNotic .info .text p {
    text-indent: 2em;
    margin-top: 10px;
    text-align: justify
}

.dialogNotic .info .text .que {
    padding: 10px;
    margin-top: 20px;
    background: #316aeb;
    color: #fff
}

.dialogNotic .info .text .que a {
    color: #fabc74
}

.dialogNotic .info .text .r {
    text-align: right
}

.hideText {
    color: transparent;
    position: absolute;
    z-index: -1;
    left: -999;
    top: -999
}

.flexbox-centering {
    display: flex;
    justify-content: center;
    align-items: center
}

.transform-centering {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin-top: 4px
}

.evenly-distributed-children {
    display: flex;
    justify-content: space-between
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.countDown {
    position: absolute;
    left: 50%;
    top: 248px;
    width: 228px;
    text-align: center;
    color: #ffdc61;
    margin-left: 221px;
    font-size: 100px;
    font-weight: 700
}

.index-button {
    width: 84px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    outline: none;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    border: 1px solid #00a2ff;
    color: #fff;
    background: #00a2ff;
    text-align: center;
    transition: all .2s ease-out
}

.index-button:hover {
    color: #fff;
    background-color: #bd2439;
    border-color: #bd2439
}

.index-bar {
    display: flex;
    margin-top: 20px
}

.ml-130 {
    margin-left: -130px
}

.banner-tip-title {
    font-size: 44px;
    color: #fff;
    margin-top: 55px;
    font-weight: 500
}

.banner-tip-body {
    width: 400px;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 1.7;
    color: #fff;
    font-weight: 200;
    margin: 10px 0 26px
}

.banner-tip {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px
}

.personal-center-container {
    position: relative;
    width: 242px;
    height: 108px;
    background: url(../images/login_bg.jpg);
    background-size: 100% 100%;
    margin-right: 20px
}

.absolute-icon {
    height: auto;
    position: absolute;
    left: 8px;
    top: -6px
}

.personal-center__title {
    margin-bottom: 13px;
    text-align: center;
    color: #fff
}

.personal-center-action {
    width: 200px;
    margin: 0 auto
}

.personal-center-action a {
    width: 94px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    outline: none;
    margin: 0 3px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400
}

.dashbord-btn {
    border: 1px solid #fff;
    color: #333;
    background: #fff
}

.dashbord-btn:hover {
    color: #00a2ff
}

.full-link-status {
    border: 1px solid #fff;
    color: #333;
    background: #fff
}

.full-link-status:hover {
    color: #00a2ff
}

.border-link-status {
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}

.border-link-status:hover {
    background: hsla(0, 0%, 100%, .15);
    color: #fff
}

.product-activity {
    display: flex;
    flex: auto;
    background: #fff;
    padding: 26px
}

.product-activity-item {
    display: flex;
    flex: 1;
    border-right: 1px solid #f0f0f0;
    align-items: center;
    justify-content: center
}

.product-activity-item i {
    transition: all .3s ease-in-out;
    justify-content: center
}

.product-activity-item:hover {
    cursor: pointer
}

.product-activity-item:hover .product-activity-title {
    color: #00a2ff
}

.product-activity-item:hover i {
    transform: scale(1.1)
}

.product-activity .product-activity-item:last-child {
    border: none
}

.product-activity-title {
    font-size: 18px;
    color: #3c3c3c
}

.product-activity-text {
    margin-left: 22px
}

.product-activity-content {
    color: #8b91a0
}

.product-list {
    min-height: 800px;
    padding-top: 20px
}

.product-container {
    display: flex;
    height: auto;
    min-height: 310px
}

.product-description {
    flex: 0 0 360px;
    height: auto;
    color: #333d6f;
    padding: 30px 40px 40px
}

@media (-ms-high-contrast:none) {

    .product-description,
    ::-ms-backdrop {
        flex: none;
        width: 360px
    }
}

@media (-ms-high-contrast:none) {

    .xt__map-data,
    ::-ms-backdrop {
        animation-name: none
    }
}

.product-description-content {
    line-height: 1.7
}

.product-description-title {
    font-size: 22px;
    margin-bottom: 14px
}

.product-item-container {
    display: flex;
    flex: auto;
    background: #fff
}

.buy-btn {
    width: 84px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    outline: none;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: #00a2ff;
    border: 1px solid #00a2ff;
    margin: 0 3px 0 17px;
    transition: opacity .6s
}

.more-btn {
    background: transparent;
    color: #00a2ff
}

.buy-btn:hover {
    color: #fff;
    background: #2391d0
}

.product-item-header {
    font-weight: 400
}

.vertical-bar {
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #00a2ff
}

.product-item-title {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 7px
}

.product-detail {
    opacity: 1;
    margin-top: 26px;
    transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    color: #8b91a0
}

.product-detail>li {
    display: flex;
    line-height: 1.8
}

.product-detail>li>span:first-child {
    display: inline-block;
    flex: auto
}

.product-detail>li>span:nth-child(2) {
    text-align: right
}

.product-detail>li>span {
    word-break: break-all;
    word-wrap: break-word
}

.qq-link {
    display: inline-block;
    box-sizing: border-box;
    width: 104px;
    height: 24px;
    line-height: 12px;
    padding: 5px 9px;
    border: 1px solid #8b91a0
}

.qq-link,
.qq-link:hover {
    color: #8b91a0
}

.product-item {
    position: relative;
    flex: 1;
    text-align: left;
    padding: 30px 30px 30px 42px;
    border-color: #f0f0f0;
    border-style: solid;
    border-width: 1px 1px 0 0;
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow, transform;
    min-height: 260px;
    transition: box-shadow 1s
}

.product-item:active,
.product-item:focus,
.product-item:hover {
    box-shadow: 0 0 18px -8px rgba(0, 0, 0, .75)
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    padding: 15px 25px 15px 42px
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    background: #00a2ff;
    height: 2px;
    transition-property: left, right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:active:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:hover:before {
    left: 0;
    right: 0
}

.product-item:hover .vertical-bar {
    display: none
}

.product-detail-buy {
    position: absolute;
    border-top: 1px solid #e6e6e6;
    transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    margin-top: 10px;
    left: 0;
    right: 0;
    bottom: 10px;
    margin-left: 42px;
    margin-right: 25px
}

.product-detail-buy p {
    display: none
}

.product-detail-buy div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    white-space: nowrap
}

.product-detail-buy div a {
    margin-right: 0
}

.product-detail-buy.consulting {
    display: flex;
    justify-content: space-around;
    padding-top: 10px
}

.product-detail-buy.consulting .buy-btn {
    margin: 0 10px
}

.product-item:hover .product-detail-buy {
    opacity: 1
}

.product-item:hover .product-item-title {
    display: inline-block;
    margin-bottom: 7px;
    color: #00a2ff
}

.xt__banner {
    z-index: 1;
    min-width: 1200px;
    background: #f6f6f6;
    text-align: center;
    overflow: hidden;
    margin-top: -80px
}

.xt__banner,
.xt__banner .xt__swiper-slide {
    position: relative
}

.xt__banner .xt__swiper-slide .xt__swiper-slideTitle {
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff
}

.xt__banner .xt__swiper-slide .xt__swiper-slideTitle .xt__slide-content {
    text-align: center;
    font-style: italic
}

.xt__banner .xt__swiper-slide .xt__swiper-slideTitle .xt__slide-content span {
    font-size: 59px;
    display: block
}

.xt__banner .xt__swiper-slide .xt__swiper-slideTitle .xt__slide-content p {
    font-size: 28px;
    margin-top: 28px;
    font-weight: 300
}

.xt__banner .xt__swiper-slide img {
    width: 100%
}

.xt__banner .swiper-pagination-bullet {
    width: 40px;
    height: 2px;
    background: rgba(0, 0, 0, .2);
    border-radius: 0
}

.xt__banner .swiper-pagination-bullet-active {
    background: #fff
}

.xt__container-map {
    position: relative;
    width: 100%
}


.xt__map-click {
    display: inline-block;
    position: absolute;
    top: 43%;
    right: 20%;
    width: 130px;
    height: 100px;
    cursor: pointer;
    z-index: 100
}

.xt__map-china {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/china.jpg) 50% no-repeat;
    background-size: cover;
    transform: scale(0);
    transition: all .3s ease 0s;
    z-index: 100
}

.xt__map-china .map-link-box {
    right: 0;
    flex-direction: row;
    justify-content: center
}

.map-click {
    transform: scale(1)
}

.map-link-box {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0
}

.map-link-box a {
    display: flex;
    align-items: center
}

.map-link-box a span {
    display: block;
    height: 18px;
    width: 18px;
    margin-right: 10px
}

.map-link-box a:hover {
    opacity: .8
}

.map-link-box .map-link-self {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABpElEQVQ4jY3Uu2sWURAF8F+WD0WLQEpBrYxFioAQRLAQXyH5UATJH5AivSm0E6uAhY2dFglE7QVBURR8oAiiIqQJIaCgUdBKLcRHJDIwG9bLt9EDl+XuzDl75t6Z7fswulOBPozhJA5he4ZXcB/XcQdrTVpViAzhOWbwEl305+rmu5nMGWoTChcPcRkj+VzCj1xLjdilzB2ryZ187sE1nMDTstYCUdIcFnEDo3hVpat5nPkPkSYi93RyqypdhPUrjaSRfLdWrO/pvsbVzDte5e3MFbcwjU09XGzOWI3gzGIizmgfzhWEATxqKWmg2Mehn+1kn7wrgt0WkcUspYm32BZC37KM1UbwNra2iK0W+y341UnFaK4XjeB4i8jrHu53YTmE7sapF0IbOfpc7I/FyMSsDeMeBvE1g797jE/gI55ly8jRWcbRemjns/apFhdtmM3pmKy/egp7cT6n/1+InMgNTnDX7X/BEezHTezeQChitzI3OMFdH9rAJxzO+XmCBTzAm2yPHTiAONOLuBDXXpN7/dgCQTzY+LH9xHs8zk7+uynxByckYnnwwb0uAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.map-link-box .map-link-edge {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABqklEQVQ4jZXUu2uVQRAF8F9iIiZoGkEbtdNCxEKbYOMDjJFgIabT4APtxUb/BBvB1kcRSCshiYUKwUREsbJLAiqI4MWgaBHiEzEyMMq6fDfggblwZ+bMN7NzdjuMrmjAWhzAIWzJ8Fs8xCx+1JTO6n83rqCFy1jG/bTl9LUyp7sklh1twp0kXMSLplaxA9exHsN4X3bUh2k8wdAqRWRsKHOnk/u3o1H8xPlVCjThNrpwJn524yi2/2eRwCW8xK4Y7SRuYKlIOIaPWGmwp0XeUnJHotAApqovncYGfK8s1r6nyr2LwRhtG+arYC8W8K3yR7HPle9VHEtXkmqB9eQ2eit/jPKm8n0NTXWmYrdWwRDbmtxIaT05QYngvovgMxzGzSL4Ibv5Uvg62ox2EI9CR8dT8v25ocAiNmvGJ2wsikcjV2O0SayLFRbJrZT+YmWvMVfkjSR3Mkb7hbN4kBsInext002JfbiGI1Hjz117ntUncC5bboeIRU7kBie4/9z+wE6M5VndwkyOE+9TbGc/LuRlP1Xqr+lhiy8O4kTxsIXO4tweYxz3isWA3+l+bi6ER0XrAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.map-link-box .map-link-core {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAABoUlEQVQ4jY3UT4iOURQG8N+YD8NsTBb+ZEMRZSMyJRQlmVhZsJhhM1krWzuW1hZihJ3CZiJhgRILKZtRSko0s1AUzRhqdOq8um7f+zVPvXXvPec89znnvuf0LVzWhs04iA2Yx2c8x/tu/ku6nJ3AWzzEbvzCUuzLs7CdrIM6xXoFrmI7zuFRi9JDuIRjGMdsqWgZJtGH4R4k0jacvpMZ+4/oYjKPYa4HSYO59J3NWFHsTXiNbZheBEmJtZjCzlA0iusVya4s8kL1hZIdhd90xo4G0QjuVjedbXKvsDxtJe7haLzaxnzSEkN42pLOULV/h61BtAo/KuNIC8lUplziOwaD6AvW5Z/b4AFWtpD9qfbrMRNEb7IVbhXGIy0kH/CpOtuLl50s1lhF1EvRt2p/CjeD6DYuZF3up/FwSx/O4FWlfEtwdLJ446lof3Z3f4uaEjEdJjKb+ebWxzifT35gESThE74RE7H/df81fIx8U/4VPCt6byAVn8mmDSVPmuBug20Qp3Ece/A1z1fjBe7gBn6WQb0mZCAG2ppcR6F/d/XCXxGkXyVLfXwEAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.back-left-enter-active {
    -webkit-animation: back-left-in .5s ease-in-out;
    animation: back-left-in .5s ease-in-out
}

.back-left-leave-active {
    animation: back-left-in .5s ease-in-out reverse
}

@-webkit-keyframes back-left-in {
    0% {
        transform: translateX(-10px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes back-left-in {
    0% {
        transform: translateX(-10px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.bounce-enter-active {
    -webkit-animation: bounce-in .5s;
    animation: bounce-in .5s
}

.bounce-leave-active {
    animation: bounce-in .5s reverse
}

@-webkit-keyframes bounce-in {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes bounce-in {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes jumper {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(2);
        opacity: 1
    }

    to {
        transform: scale(4);
        opacity: 0
    }
}

@keyframes jumper {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(2);
        opacity: 1
    }

    to {
        transform: scale(4);
        opacity: 0
    }
}

.hidden {
    display: none
}

.xt__newWarp {
    position: absolute;
    right: 233px;
    display: block;
    margin-top: 3px;
    height: 100px;
    width: 300px
}

.xt__newWarp span {
    display: inline-block;
    width: 82px;
    height: 1px;
    position: relative;
    background: transparent;
    overflow: hidden
}

.xt__newWarp span:first-of-type {
    transform: skewY(-50deg) translate(27px, 121px)
}

.xt__newWarp span:last-of-type {
    width: 145px;
    transform: translate(27px, 40px)
}

.xt__newWarp span:last-of-type:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.xt__newWarp span:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, #00a0ff);
    transform: translate(-100%);
    -webkit-animation: translate 1s linear infinite;
    animation: translate 1s linear infinite
}

.xt__newBox-group {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 99
}

.xt__newBox {
    position: relative;
    background: url(../images/map1.png);
    background-size: cover;
    width: 300px;
    display: flex;
    height: 300px;
    flex-wrap: wrap
}

.xt__newBox .zhezhao {
    background: #fff;
    display: inline-block;
    width: 75px;
    height: 75px
}

.xt__newBox .zhezhao-animation {
    -webkit-animation: rotate 1s linear forwards;
    animation: rotate 1s linear forwards
}

.xt__newBox .item1 {
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

.xt__newBox .item2 {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.xt__newBox .item3 {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}

.xt__newBox .item4 {
    animation-delay: .8s;
    -webkit-animation-delay: .8s
}

.xt__newBox .item5 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s
}

.xt__newBox .item6 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
}

.xt__newBox .item7 {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s
}

.xt__newBox .item8 {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s
}

.xt__newBox .item9 {
    animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s
}

.xt__newBox .item10 {
    animation-delay: 2s;
    -webkit-animation-delay: 2s
}

.xt__newBox .item11 {
    animation-delay: 2.2s;
    -webkit-animation-delay: 2.2s
}

.xt__newBox .item12 {
    animation-delay: 2.4s;
    -webkit-animation-delay: 2.4s
}

.xt__newBox .item13 {
    animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s
}

.xt__newBox .item14 {
    animation-delay: 2.8s;
    -webkit-animation-delay: 2.8s
}

.xt__newBox .item15 {
    animation-delay: 3s;
    -webkit-animation-delay: 3s
}

.xt__newBox .item16 {
    animation-delay: 3.2s;
    -webkit-animation-delay: 3.2s
}

@-webkit-keyframes rotate {
    0% {
        transform: rotateY(0);
        background: #fff
    }

    to {
        transform: rotateY(180deg);
        background: transparent
    }
}

@keyframes rotate {
    0% {
        transform: rotateY(0);
        background: #fff
    }

    to {
        transform: rotateY(180deg);
        background: transparent
    }
}

@-webkit-keyframes translate {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes translate {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.case-box .ivu-carousel-arrow.right {
    right: -50px !important
}

.case-box .ivu-carousel-arrow.left {
    left: -40px !important
}

.to-top {display: none;}

.globalnetwork {
    width: 100%;
    min-width: 1200px;
    background-color: #fff;
  }
  .glb-main {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
    background-color: #fff;
  }
  .glb-main .glb-title {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
    text-align: center;
    padding-top: 80px;
  }
  .glb-main .glb-title h3 {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125;
  }
  .glb-main .glb-title p {
    margin-top: 20px;
  }
  .glb-main .glb-map {
    height: 404px;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: 1200px 404px;
    background-position-x: center;
    margin-top: 30px;
  }
  .glb-main .glb-map .glb-caption {
    position: absolute;
    left: 90px;
    bottom: 80px;
    height: 60px;
    width: 120px;
  }
  .glb-main .glb-map .glb-caption .glbc-item {
    height: 30px;
    width: 120;
  }
  .glb-main .glb-map .glb-caption .glbc-item img {
    width: 18px;
    height: 18px;
    margin-top: 6px;
    float: left;
  }
  .glb-main .glb-map .glb-caption .glbc-item div {
    line-height: 30px;
    margin-left: 30px;
    font-size: 16px;
  }
  .glb-main .glb-map .point {
    width: 10px;
    height: 6px;
    background-color: #b81c22;
    border-radius: 50%;
    z-index: 99;
  }
  .glb-main .glb-map .pointx {
    width: 10px;
    height: 6px;
    background-color: #5b4397;
    border-radius: 50%;
  }
  .glb-main .glb-map .dotx {
    content: " ";
    position: relative;
    z-index: 1;
    width: 10px;
    height: 6px;
    background-color: #5b4397;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    -webkit-animation: ripple-data 1.5s infinite;
            animation: ripple-data 1.5s infinite;
  }
  .glb-main .glb-map .dotxx {
    content: " ";
    position: relative;
    z-index: 1;
    width: 10px;
    height: 6px;
    background-color: #5b4397;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    -webkit-animation: ripple-data 1.5s infinite;
            animation: ripple-data 1.5s infinite;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .glb-main .glb-map .dot {
    content: " ";
    position: relative;
    z-index: 1;
    width: 10px;
    height: 6px;
    background-color: #ff5443;
    border-radius: 50%;
    -webkit-animation: ripple-data 1.5s infinite;
            animation: ripple-data 1.5s infinite;
  }
  .glb-main .glb-map .dott {
    content: " ";
    position: relative;
    z-index: 1;
    width: 10px;
    height: 6px;
    background-color: #ff5443;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    -webkit-animation: ripple-data 1.5s infinite;
            animation: ripple-data 1.5s infinite;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .glb-main .glb-map .loc {
    width: 24px;
    height: 24px;
    top: -25px;
    left: -7px;
    z-index: 99;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    background-image: url(data:image/png;base64,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);
  }
  .glb-main .glb-map .locx {
    width: 24px;
    height: 24px;
    top: -25px;
    left: -7px;
    z-index: 99;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAB3FJREFUeF7tnW1u3DYQhslN7lHnJLXjHqKICzj7U6ewe4r9WRuIgx4im25P0u1BbLUjSwmhSCtpNfPO8EOAYRurpTich/NFSvKuHFmPgM9a+iK8KwBkDkEBoACQ+QhkLn6xAAWAzEcgc/GLBSgAZD4CmYtfLEABIM0R+PVyd7HZuEvn3E/euwvnvv2QwPR/eByDf+jvY127vzcbd/z0pTqkOUKvUiVjAVqF33rfKJ1+OA+C4kBQfP5aPXA2rN1W1AAESr8HDmRnIR5TgCE6AAKlfxww5UAOmks1lsF79xirq4gGAKXZvgSohxhBMA9ABIrvQ3L03m1jsQimAfjwfnfnvUP69yUz/tS5lEU8fP5a/c7VoFQ7JgGgWf/mjftDIJqXGsexds2DYA6AiGf9KbgenvbVFk3fnOuZASChWT9qDZ6f3dWfhyosOs3Rkeg5JgBolf+XgbROdLDbCqOp2EAdgN9+2V3WtSPlZ3PUtbu3EiCqApCj8jvKrUCgBsCH97uP3jeRfs6HenCoAkDOM3+AdlUI4AAU5f+IgKY7gALQRvv/5Gzzx2TXggAKwM31jpTf34xReHgdAZU1BBgAN9c7SvW4N2qkBs/xaV+9QwoFAcBAxN/U5J1z/9I2LxpgWq0jl0R/v33rLl5eGstE28ckdhQt0Sk0KBQHQNHvN0p/eXGPS8uv3X5C792thtVCxgPiACiYftYVuNZ63YFjlyNq3UAUAAXTL2I+lTaliMjS90WiACCj/rp2W+lNmuhFK+/dlfTOIjEAgOv60PQJvGwtnhWIAXBzvauXhL7nnouYJf2+ISGQlk8EANTslx6cU1AC3YGoFRABADH7ET5/yiqhUlxJ0NkBAEX+h6d9dTWlIMTnscvLDgAi8pecEUuhQcUDUjKzAgBa6oXkx0tAQFgBqeogKwA31zva4UP37Ikdz8/u3dLSrlhngoYBFU+RYJAbAOnlXnOzv2MAkflIuAE2AEBmULzad661QGQEEm6AEwDx+/ismv8OGoAbYM9+2AAACC/iA8+d8UPfA7gB9jHgBEC69GvW/wdxgPhWd+44gAUAhP//fz3ePACINJg7DogGAG7BOU1/1xYCAHokDWcVlAUARP5vofY/BQ0iE6Ddw5wbR2MCwMwNlWMg5AyAdAHIFRfwHTvOQJDLAkhnACQ9q++bMufnfA4Khl0B4BztAL4DqAM0UnDGQ6stAMjvkdyswY8ED4hgOGcAWE2fEAAIV8gaD622AKDct9OX2WIQyv+3FoAtI1oNANAFmHYDKPOfOwCsARCnG0BshO36ayoIpE4hhbcYDCJnP423xTRQvBAUzlbOGbDWCoBdYNNdzn0Rq2OA1gKgH/4Au3t2ChDAPogfulAAeB0S9boAqvDTJ+BpX7FM3MadTBE+53NwKhh2SS0tTEVmFgA0/GAQEbPlxHNgp3MUlc+eBbEAoBQHfNMXcqUQWfAZApLT/7O5AGpIyx8GgyQeGKLTvQEA2F0emwXQNIshBBKvamllo7ueVJ9xKJH+sgGg7QZ6s4XlQVGoGz/nxh7c5p/VBbRuQHxb9NzBas9b/MZPY+8lFM94WC2AZjYwA4zuVS3Nmz/p/Lp+/d0+HJL+NPskU87ybzhWrAAYCQZnsBDdKWLb4dgBMG4FotN8a6nEboplB6ANBsWfExClJs/rtGjJWwSAYgXO0/TQt6R8f3ctEQCKFWADQMz3iwNQrMB6CKRnP3sdoC+ydt18vQpUWxCf/eIAAJ+mqaopiYsjZr84AEargxL6Ym0TubopFgSGI6KxbYpVI9jGRNO+vigQAEpAOJ8glOkXzwJKQDhf6cGZ7Ov9U72AWADqhLWl1amB0ficc7Pn3P7DAAggKG8OHdAO2vTDXUB3wVIbGJybcNOvBgBd2MDeurkWEnEeNOpXyQL6Fy0Fou8jomX6VS0AXdzIJlLEDB+9BrLgM9YJaBA4kBqKP2BaVcOnLw6p9U/JrwpAxqmhqt8PoVAFIEgN6e5i1T33UzOF83Ntv28KgNzqA5aUT2OvbgFyqg9YCPpMpIFj5tTA/YWclr7flomgzzQACQeFZoI+0wAE8QBtKzd7l85SM2HN75sLAlOuFFpWvqkgcASCqFcOrSvfNADUuZhXDi1G/EOuy0wamFhmYDLijxKA1hLEtGYQjfLNu4CQ2EhqBFEpPyoA2hrBnfTbyZemeMH5ZnP9UzKZjwHCzhsuFIk/oWwFmCe/GhUARgtFR+/d9tOX6iClJMl2owMggMDEEnIMuX4yLmDAHahCELvyowoChyjW3FyagvKjB0DLHaSi/CQAQEOQkvKTAQAFQWrKTwoAaQhSVH5yAEhBkKrykwSAG4KUlZ8sAFwQpK78pAFYCUHU5d0lpeMoS8FLBDxjASkb5SdvATpQgpdA3E/Ak5XyswGgcwebjbv13o1BEOV6/hJrOHRu8i6gL/TIzqLodvKsVXz3/ewAIMF7EGSr/KxcwIAloBdc/fy0r7ZcsynGdrK0ADEqSqrPBQCpkY2k3QJAJIqS6mYBQGpkI2m3ABCJoqS6+R9wnbmu2ilMTQAAAABJRU5ErkJggg==);
  }
  @keyframes ripple-data {
  0% {
      opacity: 1;
      -webkit-transform: scale(0.1, 0.1);
      transform: scale(0.1, 0.1);
  }
  100% {
      opacity: 0;
      -webkit-transform: scale(4);
      transform: scale(4);
  }
  }
  @-webkit-keyframes ripple-data {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.1, 0.1);
      transform: scale(0.1, 0.1);
  }
  5% {
      opacity: 1;
  }
  100% {
      opacity: 0;
      -webkit-transform: scale(4);
      transform: scale(4);
  }
  }
  .glb-main .glb-data {
    padding-top: 10px;
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .glb-main .glb-data .glb-data-item {
    width: 210px;
    height: 120px;
    padding: 18px;
    border: 1px solid #ddd;
    text-align: center;
  }
  .glb-main .glb-data .glb-data-item span.num {
    font-size: 40px;
    color: #5b4397;
  }
  .glb-main .glb-data .glb-data-item span.plus {
    font-size: 40px;
    color: #5b4397;
  }
  .glb-main .glb-data .glb-data-item p.desc {
    font-size: 24px;
    color: #3b3435;
  }


 .xt_m_network {
    height: 450px;
    background: #20376b;
    background-repeat: no-repeat;
    background-size: auto 22vh;
    background-position: bottom;
    background-image: url(../images/mbgbg.png);
    margin: 0 2.66667vw 2.66667vw;
    border-radius: 2.66667vw;
}
 .xt_m_network .content {
    width: 400px;
    height: 288px;
    margin: 0 auto;
    margin-top: 80px;
    position: relative;
}
 .xt_m_network .content .bar {
    width: 336px;
    position: absolute;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
 .xt_m_network .content .textbox {
    width: 300px;
    height: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -72px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
 .xt_m_network .content .textbox .text-item {
    width: 120px;
    text-align: center;
}
 .xt_m_network .content .textbox .text-item p {
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 32px;
}
 .xt_m_network .content .textbox .text-item .text {
    font-size: 15px;
    color: #999;
}
 .xt_m_network .content .sign {
    width: 56px;
    height: 76px;
    line-height: 20px;
    padding-top: 12px;
    text-align: center;
    color: #fff;
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto 72px;
    background-position: bottom;
    background-image: url(data:image/png;base64,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);
}
 .xt_m_network .content .spot {
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
}
 .xt_m_network .content .spot:before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripplemob 1.5s infinite;
            animation: ripplemob 1.5s infinite;
}
 .xt_m_network .content .spot:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripple 1.5s infinite;
            animation: ripple 1.5s infinite;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
 .xt_m_network .content .spota {
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
}
 .xt_m_network .content .spota:before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripplemob 2s infinite;
            animation: ripplemob 2s infinite;
}
 .xt_m_network .content .spota:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripple 2s infinite;
            animation: ripple 2s infinite;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}
 .xt_m_network .content .spotb {
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
}
 .xt_m_network .content .spotb:before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripplemob 2.5s infinite;
            animation: ripplemob 2.5s infinite;
}
 .xt_m_network .content .spotb:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripple 2.5s infinite;
            animation: ripple 2.5s infinite;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
 .xt_m_network .content .spotc {
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
}
 .xt_m_network .content .spotc:before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripplemob 3s infinite;
            animation: ripplemob 3s infinite;
}
 .xt_m_network .content .spotc:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #f2cc8f;
    -webkit-animation: ripple 3s infinite;
            animation: ripple 3s infinite;
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}

.mob-tit {
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 20px 0 8px;
}
.mob-addtit {
    color: #8b91a0;
    font-size: 2.93333vw;
    text-align: center;
    padding: 0 8px 12px 8px;
}

.servered-customer-text {
    margin-top: 20px;
    font-size: 16px !important;
    font-weight: 300;
    color: #aba1a2;
}

@keyframes ripplemob {
    0% {
      opacity: 1;
      -webkit-transform: scale(0.1, 0.1);
      transform: scale(0.1, 0.1);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(6);
      transform: scale(6);
    }
  }