@charset "UTF-8";

/* 关于我们地图 */
.ab_addbg {
    position: relative;
    z-index: 1;
    max-width: 1455px;
    margin: 0 auto;
}

section.ab_operations .oper_imgbox li {
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 2;
    cursor: pointer;
}

section.ab_operations .oper_imgbox li:before {
    content: '';
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: left top;
    max-height: 0;
    transition: all 2.5s ease;
}

.body_on section.ab_operations .oper_imgbox li:before {
    max-height: 700px;
}

section.ab_operations .oper_imgbox li:after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 2px solid #fff;
    background: var(--yx_CTwo);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    box-sizing: border-box;
}

section.ab_operations .oper_imgbox li:nth-of-type(1) {
    position: absolute;
    right: 17.5%;
    top: 38%;
}

section.ab_operations .oper_imgbox li:nth-of-type(1):before {
    background-image: url(/src/Img/add/axis1.png);
    width: 191px;
    height: 462px;
    bottom: 0;
    left: 0;
    transition-delay: .3s;
}

section.ab_operations .oper_imgbox li:nth-of-type(2) {
    position: absolute;
    right: 21%;
    bottom: 37%;
}

section.ab_operations .oper_imgbox li:nth-of-type(2):before {
    background-image: url(/src/Img/add/axis2.png);
    width: 192px;
    height: 348px;
    top: 0;
    left: 0;
    transition-delay: .4s;
}

section.ab_operations .oper_imgbox li:nth-of-type(3) {
    position: absolute;
    right: 22.8%;
    bottom: 40%;
}

section.ab_operations .oper_imgbox li:nth-of-type(3):before {
    background-image: url(/src/Img/add/axis3.png);
    width: 127px;
    height: 456px;
    top: 0;
    left: 0;
    transition-delay: .5s;
}

section.ab_operations .oper_imgbox li:nth-of-type(4) {
    position: absolute;
    right: 40%;
    bottom: 43%;
}

section.ab_operations .oper_imgbox li:nth-of-type(4):before {
    background-image: url(/src/Img/add/axis4.png);
    width: 115px;
    height: 419px;
    bottom: 0;
    left: 0;
    transition-delay: .6s;
}

section.ab_operations .oper_imgbox li:nth-of-type(5) {
    position: absolute;
    right: 41%;
    bottom: 46%;
}

section.ab_operations .oper_imgbox li:nth-of-type(5):before {
    background-image: url(/src/Img/add/axis5.png);
    width: 161px;
    height: 177px;
    top: 0;
    left: 0;
    transition-delay: .7s;
}

section.ab_operations .oper_imgbox li:nth-of-type(6) {
    position: absolute;
    right: 47%;
    bottom: 66%;
}

section.ab_operations .oper_imgbox li:nth-of-type(6):before {
    background-image: url(/src/Img/add/axis6.png);
    width: 172px;
    height: 350px;
    bottom: 0;
    left: 0;
    transition-delay: .8s;
}

section.ab_operations .oper_imgbox li:nth-of-type(7) {
    position: absolute;
    right: 48.9%;
    bottom: 66%;
    z-index: 10;
}

section.ab_operations .oper_imgbox li:nth-of-type(7):before {
    background-image: url(/src/Img/add/axis7.png);
    width: 123px;
    height: 400px;
    bottom: 0;
    left: 0;
    transition-delay: .9s;
}

section.ab_operations .oper_imgbox li:nth-of-type(8) {
    position: absolute;
    right: 49.5%;
    bottom: 65%;
    z-index: 9;
}

section.ab_operations .oper_imgbox li:nth-of-type(8):before {
    background-image: url(/src/Img/add/axis8.png);
    width: 303px;
    height: 647px;
    top: 8px;
    left: 8px;
    transition-delay: 1s;
}


section.ab_operations .oper_imgbox li:nth-of-type(9) {
    position: absolute;
    right: 50.3%;
    bottom: 63.9%;
    z-index: 8;
}

section.ab_operations .oper_imgbox li:nth-of-type(9):before {
    background-image: url(/src/Img/add/axis9.png);
    width: 98px;
    height: 298px;
    top: 0;
    right: 0;
    transition-delay: 1.1s;
}


section.ab_operations .oper_imgbox li:nth-of-type(10) {
    position: absolute;
    right: 50.9%;
    bottom: 62.9%;
    z-index: 7;
}

section.ab_operations .oper_imgbox li:nth-of-type(10):before {
    background-image: url(/src/Img/add/axis10.png);
    width: 100px;
    height: 240px;
    top: 0;
    right: 0;
    transition-delay: 1.2s;
}


section.ab_operations .oper_imgbox li:nth-of-type(11) {
    position: absolute;
    right: 52%;
    bottom: 64.8%;
    z-index: 11;
}

section.ab_operations .oper_imgbox li:nth-of-type(11):before {
    background-image: url(/src/Img/add/axis11.png);
    width: 128px;
    height: 232px;
    bottom: 0;
    left: 0;
    transition-delay: 1.3s;
}

section.ab_operations .oper_imgbox li:nth-of-type(12) {
    position: absolute;
    left: 29.5%;
    bottom: 62%;
    z-index: 11;
}

section.ab_operations .oper_imgbox li:nth-of-type(12):before {
    background-image: url(/src/Img/add/axis12.png);
    width: 191px;
    height: 406px;
    bottom: 0;
    left: 0;
    transition-delay: 1.4s;
}

section.ab_operations .oper_imgbox li:nth-of-type(12):after {

    background: linear-gradient(180deg, #23FF6B 0%, #07AD28 100%);

}

section.ab_operations .oper_imgbox li:nth-of-type(13) {
    position: absolute;
    left: 26.8%;
    bottom: 37.5%;
    z-index: 11;
}

section.ab_operations .oper_imgbox li:nth-of-type(13):before {
    background-image: url(/src/Img/add/axis13.png);
    width: 144px;
    height: 78px;
    bottom: 0;
    left: 0;
    transition-delay: 1.5s;
}

section.ab_operations .oper_imgbox li:nth-of-type(14) {
    position: absolute;
    left: 34.8%;
    bottom: 24.8%;
    z-index: 11;
}

section.ab_operations .oper_imgbox li:nth-of-type(14):before {
    background-image: url(/src/Img/add/axis14.png);
    width: 183px;
    height: 308px;
    top: 0;
    right: 0;
    transition-delay: 1.6s;
}

section.ab_operations .oper_imgbox li:nth-of-type(15) {
    position: absolute;
    left: 18.7%;
    bottom: 48%;
    z-index: 11;
}

section.ab_operations .oper_imgbox li:nth-of-type(15):before {
    background-image: url(/src/Img/add/axis15.png);
    width: 203px;
    height: 477px;
    bottom: 0;
    right: 0;
    transition-delay: 1.7s;
}

section.ab_operations .oper_imgbox li:nth-of-type(16) {
    position: absolute;
    right: 43.8%;
    bottom: 56.8%;
    z-index: 11;
}

section.ab_operations .oper_imgbox li:nth-of-type(16):before {
    background-image: url(/src/Img/add/axis16.png);
    width: 106px;
    height: 362px;
    top: 0;
    left: 0;
    transition-delay: 1.8s;
}

section.ab_operations .oper_imgbox li:nth-of-type(17) {
    position: absolute;
    right: 47.8%;
    bottom: 56%;
    z-index: 11;
}

section.ab_operations .oper_imgbox li:nth-of-type(17):before {
    background-image: url(/src/Img/add/axis17.png);
    width: 106px;
    height: 412px;
    top: 0;
    left: 0;
    transition-delay: 1.9s;
}