@charset "utf-8";


:root {

    --main-color: #182B62;

    --dark-color: #00559B;

    --blue-color: #0D9ED7;

    --white-color: #fff;

}



img {

    max-width: 100%;

}





/*业务*/

.section3 {

    position: relative;

    overflow: hidden;

}


.about_busi .world-map {

    margin-bottom: 77px;

    position: relative;

    display: inline-block;

    overflow: hidden;

}

.about_busi .world-map svg {

    display: block;

    width: 100%;

    height: auto;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.about_busi .world-map svg path {

    stroke: #0562AF;

    stroke-dasharray: 2000;

    stroke-dashoffset: -2000;

    -webkit-animation: circle-draw 6s cubic-bezier(.215, .61, .355, 1) infinite forwards;

    animation: circle-draw 6s cubic-bezier(.215, .61, .355, 1) infinite forwards
}


@keyframes circle-draw {

    0% {

        stroke-dashoffset: -2000
    }



    40% {

        stroke-dashoffset: 0
    }



    70% {

        stroke-dashoffset: 0
    }



    to {

        stroke-dashoffset: 2000
    }



}

@-webkit-keyframes circle-draw {

    0% {

        stroke-dashoffset: -2000
    }



    40% {

        stroke-dashoffset: 0
    }



    70% {

        stroke-dashoffset: 0
    }



    to {

        stroke-dashoffset: 2000
    }



}

.world-map {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 4;

}

.world-map .dot {

    position: absolute;

    z-index: 6;

    display: flex;

    align-items: center;

}

.world-map .dot span {

    color: #657188;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

}

.world-map .dot i {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--dark-color);

    margin-right: 16px;

    position: relative;

}

.world-map .dot i::before,
.world-map .dot i::after {

    content: "";

    display: block;

    width: 16px;

    height: 16px;

    border: 1px solid rgba(0, 85, 155, .7);

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    animation: aboutbjRing 1.5s linear infinite;

    opacity: 0;

}

.world-map .dot i::before {

    animation-delay: .6s;

}

.world-map .dot i::after {

    animation-delay: 0s;

}

@keyframes aboutbjRing {

    0% {

        opacity: 0;

        transform: translate(-50%, -50%) scale(.8)
    }



    5% {

        opacity: 1
    }



    to {

        opacity: 0;

        transform: translate(-50%, -50%) scale(3)
    }



}

.world-map .dot {

    position: absolute;

    z-index: 6;

    display: flex;

    align-items: center;

}

.world-map .dot.active {

    flex-direction: column-reverse;

    justify-content: center;

}

.world-map .dot.active em {

    position: absolute;

    left: 50%;

    bottom: 4px;

    transform: translateX(-50%);

    width: 18px;

    height: 26px;

    background-image: url(../images/busi_active.svg);

    background-repeat: no-repeat;

}

.world-map .dot.active i {

    margin-right: 0;

    background: var(--blue-color) url('../images/pages/abo2_2.png') no-repeat center;

    width: 12px;

    height: 12px;

}


.world-map .dot.active span {

    position: relative;

    color: #fff;

    font-size: 14px;

    padding: 10px;

    border-radius: 6px;

    background: var(--dark-color);

    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);

    margin-bottom: 24px;

}


.world-map .dot.active span:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -8px;

    transform: translateX(-50%);

    width: 8px;

    height: 8px;

    background-image: url(../images/busi_jt.svg);

    background-repeat: no-repeat;

    background-size: contain;

}

.world-map .dot.active i::before,
.world-map .dot.active i::after {

    border: 1px solid rgba(0, 86, 184, .7);

}

.world-map .dot.zhongguo {

    left: 36.2%;

    top: 29%;

}

.world-map .dot.deguo {

    left: 8.7%;

    top: 29%;

}


.world-map .dot.shate {

    left: 18.2%;

    top: 48.2%;

}


.world-map .dot.nanfei {

    left: 13.4%;

    top: 78.1%;

}


.world-map .dot.taiguo {

    left: 33.2%;

    top: 51.5%;

}


.world-map .dot.xinjiapo {

    left: 33.8%;

    top: 59.8%;

}

.world-map .dot.riben {

    left: 43.2%;

    top: 38.5%;

}


.world-map .dot.aodaliya {

    left: 41.5%;

    top: 75.8%;

}


.world-map .dot.jianada {

    left: 73%;

    top: 24.5%;

}


.world-map .dot.meiguo {

    left: 76.5%;

    top: 36.5%;

}

.world-map .dot.baxi {

    left: 89.3%;

    top: 67.4%;

}


@media (max-height:800px) {}
@media (max-height:750px) {}
@media (max-height:700px) {}
@media (max-width:1580px) {

    .world-map .dot.zhongguo {

        left: 36%;

        top: 27.2%;

    }



}

@media (max-width:1440px) {

    .p_about_year .year_n span {

        font-size: 80px;

    }
    .world-map .dot.zhongguo {

        left: 35.8%;

        top: 26.4%;

    }

    .world-map .dot.nanfei {

        left: 13.4%;

        top: 77.1%;

    }
}



@media (max-width:1366px) {

    .p_about_year .year_n span {

        font-size: 76px;

    }

    .world-map .dot.zhongguo {

        left: 35.7%;

        top: 26.4%;

    }

    .world-map .dot.active i {

        width: 10px;

        height: 10px;

    }

}



@media (max-width:1300px) {

    .world-map .dot.zhongguo {

        left: 35.7%;

        top: 25.8%;

    }

}



@media (max-width:1280px) {

    .p_about_year .year_n span {

        font-size: 66px;

    }

    .busi_bottom .bottom_number {

        padding-right: 30px;

    }

    .world-map .dot.zhongguo {

        left: 35.5%;

        top: 25.8%;

    }

}



@media (max-width:1200px) {

    .world-map .dot.zhongguo {

        left: 35.4%;

        top: 24.6%;

    }

}



@media (max-width:1150px) {

    .world-map .dot.zhongguo {

        left: 35.2%;

        top: 23.8%;

    }

    .world-map .dot.deguo {

        left: 8.7%;

        top: 28%;

    }

    .world-map .dot.taiguo {

        left: 33.2%;

        top: 50.5%;

    }

    .world-map .dot.aodaliya {

        left: 41.3%;

        top: 75.8%;

    }

    .world-map .dot.baxi {

        left: 89.3%;

        top: 67.2%;

    }
    .world-map .dot.shate {

        left: 18%;

        top: 48.2%;

    }
}



@media (max-width:1100px) {

    .world-map .dot.zhongguo {

        left: 34.8%;

        top: 22.8%;

    }

}



@media (max-width:1100px) {}
@media (max-width:1050px) {

    .world-map .dot.zhongguo {

        left: 34.6%;

        top: 21.8%;

    }
}

@media (max-width:991px) {
    .world-map .dot.zhongguo {

        left: 35.1%;

        top: 22.9%;

    }
}

@media (max-width:900px) {

    .world-map .dot.zhongguo {

        left: 34.6%;

        top: 21.9%;

    }

}

@media (max-width:768px) {

    .busi_text {

        position: relative;

        top: auto;

    }

    .world-map .dot.zhongguo {

        left: 33.6%;

        top: 17.9%;

    }

    .world-map .dot.jianada {

        left: 73%;

        top: 23.6%;

    }

    .world-map .dot.aodaliya {

        left: 41.1%;

        top: 75.5%;

    }


    .world-map .dot.shate {

        left: 18%;

        top: 47.2%;

    }


    .world-map .dot.xinjiapo {

        left: 32.8%;

        top: 58.8%;

    }


    .world-map .dot.baxi {

        left: 89.1%;

        top: 65.4%;

    }


    .world-map .dot.nanfei {

        left: 13.2%;

        top: 76.2%;

    }

	
	/* 英国的位置 */
.world-map .dot.yingguo {
    left: 25%;   /* 英国的水平位置 */
    top: 20%;    /* 英国的垂直位置 */
}

/* 墨西哥的位置 */
.world-map .dot.moxijia {
    left: 60%;   /* 墨西哥的水平位置 */
    top: 45%;    /* 墨西哥的垂直位置 */
}

/* 英国在不同屏幕尺寸下的位置调整 */
@media (max-width:1580px) {
    .world-map .dot.yingguo {
        left: 24%;  /* 英国位置调整 */
        top: 19%;   /* 英国位置调整 */
    }
}

@media (max-width:1440px) {
    .world-map .dot.yingguo {
        left: 24.5%;  /* 英国位置调整 */
        top: 18%;     /* 英国位置调整 */
    }
}

@media (max-width:1366px) {
    .world-map .dot.yingguo {
        left: 24.5%;  /* 英国位置调整 */
        top: 17.5%;   /* 英国位置调整 */
    }
}

@media (max-width:1280px) {
    .world-map .dot.yingguo {
        left: 25%;  /* 英国位置调整 */
        top: 17%;   /* 英国位置调整 */
    }
}

/* 墨西哥在不同屏幕尺寸下的位置调整 */
@media (max-width:1580px) {
    .world-map .dot.moxijia {
        left: 59%;   /* 墨西哥位置调整 */
        top: 46%;    /* 墨西哥位置调整 */
    }
}

@media (max-width:1440px) {
    .world-map .dot.moxijia {
        left: 59.5%;   /* 墨西哥位置调整 */
        top: 46.5%;    /* 墨西哥位置调整 */
    }
}

@media (max-width:1366px) {
    .world-map .dot.moxijia {
        left: 60%;   /* 墨西哥位置调整 */
        top: 47%;    /* 墨西哥位置调整 */
    }
}

@media (max-width:1280px) {
    .world-map .dot.moxijia {
        left: 60.5%;   /* 墨西哥位置调整 */
        top: 48%;      /* 墨西哥位置调整 */
    }
}
}

.mo_show{display:none !important;}



@media screen and (max-width:767px){

    .mo_show{display:block !important;}

    .pc_show{display:none!important;}

}