/* å…¬å…±æ ·å¼è¡¨css */
/*html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

img {
    border: 0;
}

body {
    background: #fff;
    color: #666;
    font-family: 'Microsoft Yahei', 'PingFangSC', sans-serif;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}
*/
a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

a:hover {
    color: #eee;
}



.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}


.map-content {
    padding: 30px 0;
}

.map-module {
    width: 1299px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}

.map-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.map-branch .map-title {
    margin: 20px 0 0;
    z-index: 1;
}

.map-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #20B09F transparent transparent;
}

.map-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20B09F;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.map-content-info {
    position: relative;
    margin-bottom: 30px;
}
@media all and (min-width: 1201px) {
    .branch-map-l {
        /*width: 1300px;*/
        width: 78.78787878787879%;
        height: 800px;
        position: relative;
    }
    .map-content-box {
        width: 100%;
        height: 100%;
        background: url("../images/weil_map.png") no-repeat center;
        position: relative;
    }
    .branch-map-data {
        position: absolute;
        box-sizing: border-box;
        width: 430px;
        border: 1px solid #b27e45;
        box-shadow: 0 0 2px 2px #e9e9e9;
        background-color: #fff;
        padding: 10px 30px;
        z-index: 1;
        display: none;
    }
    .xinjiang {
        /*left: 408px;*/
        /*left: 258px;
        top: 215px;*/
        left: 25.17073170%;
        top: 26.875%;
    }
    .sichuan {
        /*left: 620px;*/
        /*left: 470px;
        top: 475px;*/
        left: 45.85365853%;
        top: 59.375%;
    }
    .yunnan {
        /*left: 580px;*/
        /*left: 430px;
        top: 600px;*/
        left: 41.951219512%;
        top: 75%;
    }
    .chongqing {
        /*left: 685px;*/
        /*left: 535px;
        top: 505px;*/
        left: 52.19512195%;
        top: 63.125%;
    }
    .guangdong {
        /*left: 788px;*/
        /*left: 638px;
        top: 603px;*/
        left: 62.2439024%;
        top: 75.375%;
    }
    .henan {
        /*left: 773px;*/
        /*left: 623px;
        top: 425px;*/
        left: 60.78048780%;
        top: 53.125%;
    }
    .hebei {
        /*left: 790px;*/
        /*left: 640px;
        top: 335px;*/
        left: 62.4390243%;
        top: 41.875%;
    }
    .tianjin {
        /*left: 830px;*/
        /*left: 680px;
        top: 315px;*/
        left: 66.341463414%;
        top: 39.375%;
    }
    .shandong {
        /*left: 833px;*/
        /*left: 683px;
        top: 366px;*/
        left: 66.6341463414%;
        top: 45.75%;
    }
    .anhui {
        /*left: 840px;*/
        /*left: 690px;
        top: 460px;*/
        left: 67.317073170%;
        top: 57.5%;
    }
    .zhejiang {
        /*left: 895px;*/
        /*left: 745px;
        top: 505px;*/
        left: 72.682926829%;
        top: 63.125%;
    }
    .hainan {
        /*left: 727px;*/
        /*left: 577px;
        top: 707px;*/
        left: 56.292982926%;
        top: 88.375%;
    }
    .liaoning {
        /*left: 910px;*/
        /*left: 760px;
        top: 265px;*/
        left: 74.146341463%;
        top: 33.125%;
    }
}
@media all and (min-width: 980px) and (max-width: 1200px) {
    .branch-map-l {
        width: 100%;
        /*height: 562px;*/
        height: 35.125rem;
        /*min-height: 562px;*/
        position: relative;
    }
    .map-content-box {
        width: 100%;
        /*height: 100%;*/
        background: url("../images/weil_map-1.png") no-repeat center;
        position: relative;
        
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 0 auto;
        min-height: 35.125rem;
    }
    .branch-map-data {
        position: absolute;
        box-sizing: border-box;
        /*width: 35%;*/
        width: 25%;
        border: 1px solid #b27e45;
        box-shadow: 0 0 2px 2px #e9e9e9;
        background-color: #fff;
        padding: 5px 15px;
        z-index: 1;
        display: none;
    }
    .xinjiang {
        /*left: 240px;
        top: 162px;*/
        left: 15rem;
        top: 10.125rem;
    }
    .sichuan {
        /*left: 430px;
        top: 350px;*/
        left: 26.875rem;
        top: 21.875rem;
    }
    .yunnan {
        /*left: 410px;
        top: 435px;*/
        left: 25.625rem;
        top: 27.1875rem;
    }
    .chongqing {
        /*left: 470px;
        top: 360px;*/
        left: 29.375rem;
        top: 22.5rem;
    }
    .guangdong {
        /*left: 550px;
        top: 430px;*/
        left: 34.375rem;
        top: 27.3875rem;
    }
    .henan {
        /*left: 542px;
        top: 299px;*/
        left: 33.875rem;
        top: 18.6875rem;
    }
    .hebei {
        /*left: 550px;
        top: 235px;*/
        left: 34.375rem;
        top: 14.6875rem;
    }
    .tianjin {
        /*left: 578px;
        top: 225px;*/
        left: 36.125rem;
        top: 14.0625rem;
    }
    .shandong {
        /*left: 585px;
        top: 258px;*/
        left: 36.5625rem;
        top: 16.125rem;
    }
    .anhui {
        /*left: 579px;
        top: 324px;*/
        left: 36.25rem;
        top: 20.25rem;
    }
    .zhejiang {
        /*left: 624px;
        top: 366px;*/
        left: 38.875rem;
        top: 22.875rem;
    }
    .hainan {
        /*left: 505px;
        top: 500px;*/
        left: 31.5625rem;
        top: 31.25rem;
    }
    .liaoning {
        /*left: 630px;
        top: 190px;*/
        left: 39.375rem;
        top: 11.875rem;
    }
}

.map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.beijing {
    left: 810px;
    top: 295px;
}

.shanxi {
    left: 750px;
    top: 350px;
}

.jilin {
    left: 945px;
    top: 215px;
}

.heilongjiang {
    left: 945px;
    top: 140px;
}

.shanghai {
    left: 898px;
    top: 457px;
}

.jiangsu {
    left: 860px;
    top: 415px;
}

.fujian {
    left: 867px;
    top: 560px;
}

.jiangxi {
    left: 818px;
    top: 530px;
}

.hubei {
    left: 770px;
    top: 480px;
}

.hunan {
    left: 755px;
    top: 540px;
}

.guangxi {
    left: 710px;
    top: 615px;
}

.guizhou {
    left: 670px;
    top: 560px;
}

.shanxi1 {
    left: 700px;
    top: 420px;
}

.xizang {
    left: 425px;
    top: 460px;
}

.qinghai {
    left: 545px;
    top: 365px;
}

.gansu {
    left: 635px;
    top: 400px;
}

.neimeng {
    left: 690px;
    top: 295px;
}

.ningxia {
    left: 660px;
    top: 368px;
}

.aomen {
    left: 780px;
    top: 640px;
}

.taibei {
    left: 916px;
    top: 610px;
}

.wukelan {
    left: 97px;
    top: 265px;
	color:#fff;
}

.afuhan {
    left: 148px;
    top: 302px;
	color:#fff;
}

.yilang {
    left: 143px;
    top: 363px;
	color:#fff;
}

.tuerqi {
    left: 76px;
    top: 397px;
	color:#fff;
}

.xindeli {
    left: 146px;
    top: 415px;
	color:#fff;
}

.yemen {
    left: 114px;
    top: 502px;
	color:#fff;
}

.sudan {
    left: 20px;
    top: 589px;
	color:#fff;
}

.xinjiapo {
    left: 345px;
    top: 635px;
	color:#fff;
}

.yinni {
    left: 383px;
    top: 678px;
	color:#fff;
}

.feilvbin {
    left: 552px;
    top: 675px;
	color:#fff;
}

.aodaliya {
    left: 524px;
    top: 746px;
	color:#fff;
}

.wengehua {
    left: 1070px;
    top: 328px;
	color:#fff;
}

.wotaihua {
    left: 1160px;
    top: 390px;
	color:#fff;
}

.huashengdun {
    left: 1110px;
    top: 490px;
	color:#fff;
}

.niuyue {
    left: 1180px;
    top: 490px;
	color:#fff;
}

.moxige {
    left: 1135px;
    top: 565px;
	color:#fff;
}

.map-dot:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 auto;
    background-color: #b27e45;
    border-radius: 50%;
}

.map-dot.beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background: url("../images/icon-star.png") no-repeat center;
}


.branch-map-data-title {
    border-bottom: 1px solid #eee;
}

.branch-map-data-title p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}

.data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}

.data-branch:last-child {
    border: none;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.data-branch .data-name {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 5px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #b27e45 transparent transparent;
}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #b27e45;
    animation: dot 4s infinite;
}

@keyframes dot {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}