@media screen and (max-width: 576px) {
        .contain {
            width:90%;
            overflow: hidden;
            margin: 0 auto
        }
    }

    #map {
        width: 900px;
        height: 750px;
        padding-right: 82px;
        position: relative;
        margin: 0 auto 200px
    }

    @media screen and (max-width: 1025px) {
        #map {
            overflow:scroll;
            height: 850px
        }
    }

    svg {
        transform: scaleX(1.5) scaleY(1.6) translateX(12%) translateY(19%);
        margin-top: 0!important
    }

    @media screen and (max-width: 1025px) {
        svg {
            margin-left:-130px!important
        }
    }

    .category {
        position: absolute;
        top: 20px;
        left: 0;
        display: flex;
    }


    .category p {
        padding-bottom: 6px;
        font-size: 16px;
        display: flex
    }

    .category p span {
        color: #647577;
        cursor: pointer;
        display: inline-block;
        margin-left: 10px
    }

    .category p span.selected {
        color: #09a2a5;
        font-weight: 600
    }

    .category p svg {
        width: 11px;
        height: 11px;
        margin-top: 3px;
        margin-right: 6px
    }

    .category p:nth-child(3) i {
        color: #ffc107
    }

    .category p:nth-child(4) i {
        color: #ec2020
    }


    .mapLine .office .img:after {
        content: "";
        width: 8px;
        height: 8px;
        background: #fff;
        border: 1px solid #7f8d8f;
        border-radius: 50%;
        position: absolute
    }



    .mapLine .img {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        position: absolute
    }

    .mapLine .img p {
        pointer-events: auto;
        /*display: inline-block;*/
        font-size: 18px;
        line-height: 20px;
        font-family: Source Han Sans CN;
        color: #5C83A5;
        cursor: pointer
    }

    .mapLine .img p.addBold,.mapLine .img p:hover {
        font-weight: 600
    }

    .mapLine .img.position-1 {
        border-top: 1px dashed #7f8d8f;
        border-right: 1px dashed #7f8d8f;
        left: 372px
    }

    .mapLine .img.position-1:after {
        position: absolute;
        right: -5px;
        bottom: -10px
    }

    .mapLine .img.position-1 .city {
        position: absolute;
        top: -33px
    }

    @media screen and (max-width: 1025px) {
        .mapLine .img.position-1 {
            left:435px
        }
    }

    .mapLine .img.position-2 {
        border-bottom: 1px dashed #7f8d8f;
        border-right: 1px dashed #7f8d8f;
        left: -112px
    }

    .mapLine .img.position-2:after {
        position: absolute;
        right: -5px;
        top: -10px
    }

    .mapLine .img.position-2 .city {
        position: absolute;
        bottom: 2px
    }

    @media screen and (max-width: 1025px) {
        .mapLine .img.position-2 {
            left:-49px
        }

        .mapLine .img.position-2 .city {
            left: 59px
        }
    }

    .mapLine .img.position-3 {
        border-top: 1px dashed #7f8d8f;
        border-left: 1px dashed #7f8d8f;
        right: -98px
    }

    .mapLine .img.position-3:after {
        position: absolute;
        left: -5px;
        bottom: -10px
    }

    .mapLine .img.position-3 .city {
        position: absolute;
        top: -33px;
        right: 0
    }

    @media screen and (max-width: 1025px) {
        .mapLine .img.position-3 {
            right:-161px
        }
    }

    .mapLine .img.position-4 {
        border-bottom: 1px dashed #7f8d8f;
        border-left: 1px dashed #7f8d8f;
        right: -98px
    }

    .mapLine .img.position-4:after {
        position: absolute;
        left: -5px;
        top: -10px
    }

    .mapLine .img.position-4 .city {
        position: absolute;
        bottom: 2px;
        right: 0
    }

    @media screen and (max-width: 1025px) {
        .mapLine .img.position-4 {
            right:-161px
        }
    }

    .mapLine .img.hefei {
        width: 280px;
        height: 286px;
        top: 218px
    }

    .mapLine .img.Shenyang {
        width: 392px;
        height: 158px;
        top: 161px;
        z-index: 5
    }
    .mapLine .img.tianjin {
        width: 282px;
        height: 270px;
        top: 101px;
        z-index: 5;
    }


    .mapLine .img.zhengzhou {
        width: 225px;
        height: 208px;
        top: 271px
    }

    .mapLine .img.chengdu {
        width: 535px;
        height: 118px;
        top: 559px
    }

    .mapLine .img.chongqing {
        width: 596px;
        height: 144px;
        top: 589px
    }

    .mapLine .img.xian {
        width: 640px;
        height: 304px;
        top: 486px
    }

    .mapLine .img.dongguan {
        width: 485px;
        height: 225px;
        top: 688px
    }
    .mapLine .img.huizhou {
        width: 472px;
        height: 188px;
        top: 685px;
    }
    .mapLine .img.shenzhen {
        width: 462px;
        height: 255px;
        top: 708px
    }
    .mapLine .img.guangzhou {
        width: 702px;
        height: 185px;
        top: 700px;
    }
    .mapLine .img.zhongshan {
        width: 702px;
        height: 125px;
        top: 710px;
    }
    .mapLine .img.Qingdao {
        width: 365px;
        height: 304px;
        top: 109px
    }

    .mapLine .img.weifang {
        width: 408px;
        height: 245px;
        top: 170px
    }

    .mapLine .img.kunshan {
        width: 368px;
        height: 239px;
        top: 285px
    }

    .mapLine .img.shanghai {
        width: 358px;
        height: 139px;
        top: 405px;
    }

    .mapLine .img.wuxi {
        width: 380px;
        height: 191px;
        top: 336px
    }

    .mapLine .img.hangzhou {
        width: 375px;
        height: 186px;
        top: 381px
    }

    .mapLine .img.nanjing {
        width: 398px;
        height: 54px;
        top: 467px
    }

    .mapLine .img.wenzhou {
        width: 373px;
        height: 100px;
        top: 509px
    }

    .mapLine .img.ningbo {
        width: 358px;
        height: 0;
        top: 574px
    }

    .mapLine .img.wuhan {
        width: 474px;
        height: 57px;
        top: 571px
    }

    .mapLine .img.jiagnxi {
        width: 454px;
        height: 110px;
        top: 621px;
    }

    .mapLine .img.changsha {
        width: 496px;
        height: 65px;
        top: 617px
    }

    .mapLine .img.ningde {
        width: 386px;
        height: 92px;
        top: 644px
    }

    .mapLine .img.xiamen {
        width: 413px;
        height: 105px;
        top: 685px
    }

    .mapLine .img.Zhuhai {
        width: 703px;
        height: 125px;
        top: 718px
    }

    .mapLine .img.Zhuhai:before {
        content: "";
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAUZJREFUOE+lkz1Sg1AUhc8FhFIbW3UJ2YABCkc7k9TOJO4gS8gWsoLgWDuh1AohG3AJam2hJU/yro+n8h/GGam4c+/7OOfcB+GfD3Wd58SZQ/IURAPdZ35S7wG56bI5XwNwhAOQswbB6xSWg1j45OP9t18HxHYA0LTXFXNInhi3ALzBEaTzUhxm/oBBC11LXigL+0VPpMd0hte8LhRwYp2DzftiiHhMQxHqCBJ7BKZ1Cc8m5G11XQIi8wqGdVsMGVufTrNHDdhYHqQZ9QNicwJYdxULoQrsWtdkr5SFUalue0HD7KGuoJlBX5IyPVSbeKsBtNTYVp7psncL4Btyxay1BQ2IcKLk5pemTLxKyzfDYqC+/twJ+E58bwY2Vp0qKpvZCfixErQvlFyS+zlvgjv/hTak7rsK2QkoIUpLJbQ/K+jfRNn9AsvEfRF08jkjAAAAAElFTkSuQmCC) no-repeat 50%;
        position: absolute;
        bottom: 132px;
        left: 695px;
        z-index: 5
    }

    .mapLine .companyCenter .img {
        border-color: #ec2020
    }

    .mapLine .companyCenter .img:after {
        content: "";
        width: 17px;
        height: 21px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABHNCSVQICAgIfAhkiAAAAYBJREFUOE+llD1SAkEQRt8IuVC1VBn2DcTYQLyBegE1NCMxVnOr5AbKCdQTqDfAE9jGYAEJGbbVyy61f4Clne3sN2+6v+meQCHGIo1vODU4AtpAA1BgADxFqv3inpBdGImcAXfJxqI2/jYY1OG8qerQOJaQoch1gKvKneXFSQ0OU1AMSTK4/yUglTlor6mqwT2Yw8e6EtbA3aPj8CXStYUPuTB4q0PXUx6JuMkPwHZRN5/NdsJQ5DXAQeHnZw3aTdVJuj4U6QR4KWVldhJGIi4sntCPVP2mclGlNbNLh1hVKS3VTgWkrDW7XZUJifPLXljVAgYXDnHDTqtuwKC3BRNbdK6bW4q52b4bW23Y75pmGqk24mZbcUMbMQY3LVXv9Bjyl2w+I1X5z+z4IB62VF9zkCSjQYDdTXWkZaS63FOQzJG/HaX2zoCfI9XcTeUgLhyLtOfgaZZABu916GTHoVROeloycI+b5qmynOymwhszrS0yWHZwVlsqpwLUWwdw/Q+3450CbHDt0wAAAABJRU5ErkJggg==) no-repeat 50%;
        position: absolute;
        top: -22px;
        left: -9px
    }

    .mapLine .companyCenter .img .city {
        color: #ec2020
    }

    .mapLine .companyCenter .img .city.addBold,.mapLine .companyCenter .img .city:hover {
        font-weight: 600
    }

    .mapLine .storageCenter .img {
        border-color: #ffc107
    }

    .mapLine .storageCenter .img:after {
        content: "";
        width: 17px;
        height: 21px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABHNCSVQICAgIfAhkiAAAAYdJREFUOE+dlE1SwkAUhLtRwlKWLr2BsrasJDdAL6Au3blxre6tghsIJxBPwI8XwBOIN4AlQaatSQpMmIlQZJn0+/J6Xr8hNh71UUeldg2hCegMZB3CBNAYVI/hortZw/wLjao3MGylhWWPNIZ0y3gxXknWEA2DJ4CPpcWFv2kKKV6BUkjagSqvOwFWIllQ0mCMCdMzYPD1r4Vyaz1GySU1qt1DaHl0Qxhzb1vWKGjCoAPyyNEt5sfUsDYAEBY+Ct/Q/IwxpuvuPw4jmIO+A5GuqEEwdf+gLsPkxhm/T2uWD7YT+awwnEcOxKvVS0knAIxp5LNQGgGaO2oYdABe+wdg2gCnEGxym37N8pwqO7BdQiPNGCX1LGy+Ce0CgZ4ZJk8ZZJ9uhG9G8xNbv9/u2MrKMubFj83YHyTtaBCMQZ5ud5LZcLY4hWR7NPHGe03WO8OkMKnCfZKBqnacAy9I+oSSKL8Ojp31ntiFE9+27ZPXTuHeyd8x0gxSlE9wXuvYcUCG7f8AVv8L6QrCsZ/hI/cAAAAASUVORK5CYII=) no-repeat 50%;
        position: absolute;
        bottom: -21px;
        left: -8px
    }

    .mapLine .storageCenter .img .city {
        color: #ffc107
    }

    .mapLine .storageCenter .img .city.addBold,.mapLine .storageCenter .img .city:hover {
        font-weight: 600
    }

    .locationPopper {
        padding: 10px 30px 10px 20px;
        margin-bottom: 40px!important
    }

    .locationPopper p {
        padding-bottom: 5px
    }

    .locationPopper p:last-child {
        padding-bottom: 0
    }

    .com-name{
        font-size: 18px;
        font-weight: bolder;
        padding-bottom: 15px;
    }



.banner[data-v-05039126] {
    width: 100%;
    height: 520px;
    margin-top: 36px;
    background-size: 100% 100%
}

.banner>div[data-v-05039126] {
    margin: 0 auto;
    padding-top: 180px;
    text-align: center
}

@media screen and (max-width: 576px) {
    .banner>div[data-v-05039126] {
        box-sizing:border-box;
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (min-width: 576px) {
    .banner>div[data-v-05039126] {
        width:calc(100% - 36px)
    }
}

@media screen and (min-width: 768px) {
    .banner>div[data-v-05039126] {
        width:calc(100% - 48px)
    }
}

@media screen and (min-width: 992px) {
    .banner>div[data-v-05039126] {
        width:960px
    }
}

@media screen and (min-width: 1227px) {
    .banner>div[data-v-05039126] {
        width:1200px
    }
}

.banner h2[data-v-05039126] {
    font-size: 60px;
    color: #fff
}

.banner p[data-v-05039126] {
    font-size: 20px;
    color: #fff;
    margin-top: 45px
}

.setZoom[data-v-05039126] {
    height: 80px
}

.navbar[data-v-05039126] {
    width: 100%
}

.navbar>div[data-v-05039126] {
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    padding: 40px 0 20px;
    box-sizing: border-box;
    text-align: left
}

@media screen and (max-width: 576px) {
    .navbar>div[data-v-05039126] {
        box-sizing:border-box;
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (min-width: 576px) {
    .navbar>div[data-v-05039126] {
        width:calc(100% - 36px)
    }
}

@media screen and (min-width: 768px) {
    .navbar>div[data-v-05039126] {
        width:calc(100% - 48px)
    }
}

@media screen and (min-width: 992px) {
    .navbar>div[data-v-05039126] {
        width:960px
    }
}

@media screen and (min-width: 1227px) {
    .navbar>div[data-v-05039126] {
        width:1200px
    }
}

.navbar.beFixed[data-v-05039126] {
    position: fixed;
    top: 108px;
    margin: 0 auto;
    background-color: #fff;
    z-index: 998;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.04)
}

@media screen and (max-width: 576px) {
    .navbar.beFixed[data-v-05039126] {
        top:120px
    }
}

.navbar.beFixed>div[data-v-05039126] {
    border-bottom: none;
    padding-top: 13px;
    padding-bottom: 13px
}

.navbar.beFixed a[data-v-05039126]:after {
    bottom: -15px
}

.navbar a[data-v-05039126] {
    color: #052125;
    font-size: 16px;
    margin-right: 76px;
    line-height: 22px;
    height: 22px;
    left: 20px;
    cursor: pointer;
    position: relative
}

@media screen and (max-width: 576px) {
    .navbar a[data-v-05039126] {
        margin-right:20px
    }
}

.navbar a[data-v-05039126]:after {
    content: "";
    width: 150%;
    height: 2px;
    background: #09a2a5;
    position: absolute;
    bottom: -21px;
    left: 50%;
    right: 0;
    transition: all .3s;
    transform: translateX(-50%) scaleX(0)
}

@media screen and (max-width: 576px) {
    .navbar a[data-v-05039126]:after {
        width:120%
    }
}

.navbar a.active[data-v-05039126] {
    color: #0173dd
}

.navbar a.active[data-v-05039126]:after {
    transform: translateX(-50%) scaleX(1)
}

.navbar a[data-v-05039126]:hover {
    color: #0173dd
}

.navbar a[data-v-05039126]:hover:after {
    transform: translateX(-50%) scaleX(1)
}

.anchor[data-v-05039126] {
    display: block;
    height: 50px;
    margin-top: -50px;
    visibility: hidden
}

.salesNet>h2[data-v-05039126] {
    margin-top: 100px;
    margin-bottom: 70px;
    font-size: 50px;
    color: #00191d;
    text-align: center
}

.cooperation[data-v-05039126] {
    height: 891px;
    position: relative
}

@media screen and (max-width: 576px) {
    .cooperation[data-v-05039126] {
        height:auto
    }
}

.cooperation>h2[data-v-05039126] {
    margin-top: 100px;
    font-size: 50px;
    color: #00191d;
    text-align: center
}

.cooperation .infomation[data-v-05039126] {
    width: 100%;
    position: absolute;
    top: 65px;
    z-index: 2;
    margin-top: 80px
}

@media screen and (max-width: 996px) {
    .cooperation .infomation[data-v-05039126] {
        position:relative;
        top: 0
    }
}

.cooperation .infomation .box[data-v-05039126] {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start
}

@media screen and (max-width: 576px) {
    .cooperation .infomation .box[data-v-05039126] {
        box-sizing:border-box;
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (min-width: 576px) {
    .cooperation .infomation .box[data-v-05039126] {
        width:calc(100% - 36px)
    }
}

@media screen and (min-width: 768px) {
    .cooperation .infomation .box[data-v-05039126] {
        width:calc(100% - 48px)
    }
}

@media screen and (min-width: 992px) {
    .cooperation .infomation .box[data-v-05039126] {
        width:960px
    }
}

@media screen and (min-width: 1227px) {
    .cooperation .infomation .box[data-v-05039126] {
        width:1200px
    }
}

@media screen and (max-width: 996px) {
    .cooperation .infomation .box[data-v-05039126] {
        flex-wrap:wrap;
        justify-content: space-around
    }
}

.cooperation .infomation .card[data-v-05039126] {
    width: 289px;
    height: 310px;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 20px rgba(1,103,107,.06);
    margin-right: 14px;
    transition: .5s;
    border-radius: 10px 10px 0 0;
    border: 1px solid #efefef;
}

@media screen and (max-width: 996px) {
    .cooperation .infomation .card[data-v-05039126] {
        width:45%;
        height: auto;
        margin-right: 0;
        border: 1px solid #efefef;
    }

    .cooperation .infomation .card[data-v-05039126]:nth-child(3),.cooperation .infomation .card[data-v-05039126]:nth-child(4) {
        margin-top: 15px
    }
}

.cooperation .infomation .card[data-v-05039126]:hover {
    width: 377px;
    padding-top: 15px;
    border: 1px solid #0173dd
}

.cooperation .infomation .card i[data-v-05039126] {
    font-size: 46px;
    color: #0173dd;
    display: block;
    margin-top: 58px
}

.cooperation .infomation .card p[data-v-05039126] {
    font-size: 18px;
    color: #00191d;
    line-height: 36px;
    padding: 0 10px;
    height: 36px;
    text-align: center
}

.cooperation .infomation .card p[data-v-05039126]:nth-child(2) {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px
}

@media screen and (max-width: 996px) {
    .cooperation .infomation .card p[data-v-05039126] {
        word-wrap:break-word!important;
        word-break: break-all;
        font-size: 14px
    }
}

.cooperation .infomation .card[data-v-05039126]:last-child {
    margin-right: 0
}

.cooperation .map[data-v-05039126] {
    width: 100%;
    height: 587px;
    position: absolute;
    top: 304px;
    z-index: 1;
    background: url(../images/mapbg.png) no-repeat 50%
}

@media screen and (max-width: 996px) {
    .cooperation .map[data-v-05039126] {
        display:none
    }
}

.cooperation .map img[data-v-05039126] {
    width: 100%;
    height: 100%
}

.cooperation .map .baiduMap[data-v-05039126] {
    position: absolute;
    width: 257px;
    height: 86px;
    cursor: pointer;
    top: 246px;
    left: 50%;
    margin-left: -168px;
    background: url(../images/mapdesc.png) no-repeat;
    background-size: 100% 100%
}

.cooperation .map .baiduMap p[data-v-05039126] {
    color: #fff;
    text-align: center
}

.cooperation .map .baiduMap p[data-v-05039126]:first-child {
    font-size: 16px;
    margin-top: 16px;
    font-weight: 600
}

.cooperation .map .baiduMap p[data-v-05039126]:last-child {
    margin-top: 4px;
    font-size: 12px
}

.cooperation .map .ball[data-v-05039126] {
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: 370px;
    left: calc(50% - 40px);
    animation: ball-05039126 .3s cubic-bezier(.165,.84,.44,1) infinite alternate
}

.cooperation .map .shadow[data-v-05039126] {
    background: #414754;
    position: absolute;
    top: 370px;
    left: calc(50% - 40px);
    width: 16px;
    height: 7px;
    border-radius: 100%;
    animation: shadow-05039126 .3s cubic-bezier(.165,.84,.44,1) infinite alternate
}

.cooperation .map .circle[data-v-05039126] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 370px;
    left: calc(50% - 40px);
    content: ""
}

.cooperation .map .circle[data-v-05039126]:after,.cooperation .map .circle[data-v-05039126]:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    content: "";
    pointer-events: none;
    background-color: #0173dd
}

.cooperation .map .circle[data-v-05039126]:before {
    animation: scale1-05039126 2s infinite
}

.cooperation .map .circle[data-v-05039126]:after {
    animation: scale2-05039126 2s infinite
}

@keyframes scale1-05039126 {
    0% {
        transform: scale(1);
        opacity: .9
    }

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

@keyframes scale2-05039126 {
    0% {
        transform: scale(1);
        opacity: .9
    }

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

@keyframes shadow-05039126 {
    0% {
        opacity: .1;
        transform: scale(.75)
    }

    to {
        opacity: .31;
        transform: scale(1)
    }
}

@keyframes ball-05039126 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-15px)
    }
}

.contact[data-v-05039126] {
    margin: 0 auto
}

@media screen and (max-width: 576px) {
    .contact[data-v-05039126] {
        box-sizing:border-box;
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (min-width: 576px) {
    .contact[data-v-05039126] {
        width:calc(100% - 36px)
    }
}

@media screen and (min-width: 768px) {
    .contact[data-v-05039126] {
        width:calc(100% - 48px)
    }
}

@media screen and (min-width: 992px) {
    .contact[data-v-05039126] {
        width:960px
    }
}

@media screen and (min-width: 1227px) {
    .contact[data-v-05039126] {
        width:1200px
    }
}

.contact>h2[data-v-05039126] {
    margin-top: 100px;
    font-size: 50px;
    color: #00191d;
    text-align: center
}

.contact .companyInfo[data-v-05039126] {
    width: 100%;
    margin-top: 100px;
    display: flex
}

@media screen and (max-width: 576px) {
    .contact .companyInfo[data-v-05039126] {
        flex-wrap:wrap;
        margin-top: 50px
    }
}

.contact .companyInfo .map[data-v-05039126] {
    width: 704px;
    height: 665px;
    position: relative
}

@media screen and (max-width: 576px) {
    .contact .companyInfo .map[data-v-05039126] {
        width:95%;
        margin: 0 auto
    }
}

.contact .companyInfo .map img[data-v-05039126] {
    width: 100%;
    height: 100%
}

.contact .companyInfo .map .point[data-v-05039126] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    content: ""
}

.contact .companyInfo .map .point[data-v-05039126]:first-child {
    top: 341px;
    left: 48%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(2) {
    top: 369px;
    left: 53.5%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(3) {
    top: 295px;
    left: 57%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(4) {
    top: 455px;
    left: 63%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(5) {
    top: 270px;
    left: 74.5%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(6) {
    top: 328px;
    left: 70%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(7) {
    top: 224px;
    left: 66.5%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(8) {
    top: 304px;
    left: 63.5%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(9) {
    top: 195px;
    left: 78%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(10) {
    top: 232px;
    left: 77%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(11) {
    top: 330px;
    left: 76.5%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(12) {
    top: 340px;
    left: 75%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(13) {
    top: 360px;
    left: 76%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(14) {
    top: 327px;
    left: 73%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(15) {
    top: 388px;
    left: 76%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(16) {
    top: 369px;
    left: 75%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(17) {
    top: 382px;
    left: 63%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(18) {
    top: 340px;
    left: 63.5%
}

.contact .companyInfo .map .point[data-v-05039126]:nth-child(19) {
    top: 406px;
    left: 73%
}

.contact .companyInfo .map .point[data-v-05039126]:last-child {
    top: 461px;
    left: 64%
}

.contact .companyInfo .map .point[data-v-05039126]:after,.contact .companyInfo .map .point[data-v-05039126]:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    content: "";
    background-color: #0173dd
}

.contact .companyInfo .map .point[data-v-05039126]:before {
    animation: scale3-05039126 1.5s infinite alternate
}

.contact .companyInfo .map .point[data-v-05039126]:after {
    animation: scale4-05039126 1.5s infinite alternate
}

@keyframes scale3-05039126 {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(3);
        opacity: .3
    }
}

@keyframes scale4-05039126 {
    0% {
        transform: scale(3);
        opacity: .5
    }

    to {
        transform: scale(5);
        opacity: .3
    }
}

.contact .companyInfo .conpany[data-v-05039126] {
    width: 462px;
    margin-left: 34px
}

.contact .companyInfo .conpany .singleCom[data-v-05039126] {
    margin-top: 22px
}

.contact .companyInfo .conpany .singleCom h2[data-v-05039126] {
    font-size: 24px;
    color: #0173dd
}

.contact .companyInfo .conpany .singleCom p[data-v-05039126] {
    font-size: 16px;
    margin: 8px 0;
    color: #666
}

.contact .companyInfo .conpany .singleCom p span[data-v-05039126] {
    display: inline-block;
    margin-left: 10px
}

.contact .companyInfo .conpany .singleCom p i[data-v-05039126] {
    font-size: 20px
}

.contact .companyInfo .conpany .singleCom p:nth-child(5) i[data-v-05039126] {
    font-size: 14px
}

.contact .companyInfo .conpany .singleCom[data-v-05039126]:first-child {
    margin-top: 0
}

.office[data-v-05039126] {
    text-align: center;
    margin-top: 140px;
    position: relative
}

.office[data-v-05039126]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 2;
    width: 100%;
    height: 1px;
    background-color: #e6e9ea;
    transform: scaleY(.8)
}

.office>h2[data-v-05039126] {
    width: 450px;
    height: 72px;
    position: relative;
    margin: 0 auto;
    background: #f7f8f8;
    border-radius: 4px;
    font-size: 24px;
    line-height: 72px;
    text-align: center;
    z-index: 3;
    color: #666
}

.office>h2 span[data-v-05039126] {
    font-size: 20px;
    color: #0173dd
}

.office .el-input[data-v-05039126] {
    width: 320px;
    height: 42px;
    margin: 40px auto 40px 35px
}

.office .el-input[data-v-05039126] .el-input-group__append {
    background: #666;
    padding: 0 12px
}

.office .el-input[data-v-05039126] .el-input__inner {
    height: 42px;
    border-color: #999;
    text-align: left
}

.office .el-input[data-v-05039126] .el-icon-search {
    font-size: 22px;
    color: #fff
}

.office .officeContent[data-v-05039126] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
    margin: 0 auto 100px
}

@media screen and (max-width: 576px) {
    .office .officeContent[data-v-05039126] {
        box-sizing:border-box;
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (min-width: 576px) {
    .office .officeContent[data-v-05039126] {
        width:calc(100% - 36px)
    }
}

@media screen and (min-width: 768px) {
    .office .officeContent[data-v-05039126] {
        width:calc(100% - 48px)
    }
}

@media screen and (min-width: 992px) {
    .office .officeContent[data-v-05039126] {
        width:960px
    }
}

@media screen and (min-width: 1227px) {
    .office .officeContent[data-v-05039126] {
        width:1200px
    }
}

@media screen and (max-width: 576px) {
    .office .officeContent[data-v-05039126] {
        padding:0 5%
    }
}

.office .officeContent.searchSome[data-v-05039126] {
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,.06)
}

@media screen and (max-width: 576px) {
    .office .officeContent.searchSome[data-v-05039126] {
        width:90%
    }
}

.office .officeContent.searchSome .officeDetail[data-v-05039126]:first-child,.office .officeContent.searchSome .officeDetail[data-v-05039126]:nth-child(2) {
    margin-top: 0
}

.office .officeContent .officeDetail[data-v-05039126] {
    width: 59%;
    margin-top: 40px
}

@media screen and (max-width: 576px) {
    .office .officeContent .officeDetail[data-v-05039126] {
        width:100%;
        margin-top: 30px
    }
}

.office .officeContent .officeDetail[data-v-05039126]:nth-child(2n) {
    width: 40%
}

@media screen and (max-width: 576px) {
    .office .officeContent .officeDetail[data-v-05039126]:nth-child(2n) {
        width:100%
    }
}

.office .officeContent .officeDetail h2[data-v-05039126] {
    font-size: 24px;
    color: #00191d
}

.office .officeContent .officeDetail p[data-v-05039126] {
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.office .officeContent .officeDetail .method[data-v-05039126] {
    display: inline-block;
    width: calc(100% - 22px);
    margin-left: 7px;
    margin-top: 2px
}

.office .officeContent .officeDetail:hover h2[data-v-05039126],.office .officeContent .officeDetail[data-v-05039126]:hover {
    color: #0173dd
}

.office .searchNothing[data-v-05039126] {
    text-align: center;
    padding: 50px 0;
    margin: 40px auto 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,.06)
}

@media screen and (max-width: 576px) {
    .office .searchNothing[data-v-05039126] {
        box-sizing:border-box;
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (min-width: 576px) {
    .office .searchNothing[data-v-05039126] {
        width:calc(100% - 36px)
    }
}

@media screen and (min-width: 768px) {
    .office .searchNothing[data-v-05039126] {
        width:calc(100% - 48px)
    }
}

@media screen and (min-width: 992px) {
    .office .searchNothing[data-v-05039126] {
        width:960px
    }
}

@media screen and (min-width: 1227px) {
    .office .searchNothing[data-v-05039126] {
        width:1200px
    }
}

.office .searchNothing p[data-v-05039126] {
    font-size: 16px;
    color: #ec2020;
    height: 22px;
    line-height: 22px
}