/* 地图必要布局样式css */
.map-content {margin: 0 auto;}
.map-module {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: 50px 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: #ffa200 transparent transparent;}
.map-title:after {content: "";position: absolute;width: 52px;height: 3px;background-color: #ffa200;bottom: -12px;left: 50%;transform: translateX(-50%);}
.map-content-info {position: relative;margin-bottom: 30px;}
.branch-map-l {width: 849px;height: 575px;position: relative; margin:0 auto; margin-top:50px;}
.map-content-box {width: 100%;height: 100%;background: url("../../img/map-bj.png") no-repeat center;position: relative;}
.map-dot {position: absolute;text-align: center;font-size: 12px;cursor: pointer; color:#11557d;}
.hainan {left: 515px;top: 510px;}
.lemeng {left: 485px;top: 200px;}
.xingjang {left: 215px;top: 160px;}
.ningxia {left: 464px;top: 241px;}
.gansu { left: 447px;top: 275px;}
.qinghai { left: 347px;top: 275px;}
.beijing {left: 585px;top: 193px;}
.tianjin {left: 604px;top: 234px;}
.hebei {left: 575px;top: 225px;}
.shanxi {left: 540px;top: 247px;}
.liaoning {left: 660px;top: 169px;}
.jilin {left: 696px;top: 133px;}
.heilongjiang {left: 676px;top: 80px;}
.shanghai {left: 630px;top: 300px;}
.jiangsu {left: 646px;top: 316px;}
.zhejiang {left: 655px;top: 356px;}
.anhui {left: 609px;top: 320px;}
.fujian {left: 625px;top: 410px;}
.jiangxi {left: 595px;top: 380px;}
.shandong {left: 610px;top: 250px;}
.henan {left: 562px;top: 294px;}
.hubei {left: 555px;top: 338px;}
.hunan {left: 545px;top: 409px;}
.guangdong {left: 575px;top: 445px;}
.guangxi {left: 506px;top: 461px;}
.chongqing {left: 495px;top: 344px;}
.sichuan {left: 425px;top: 354px;}
.guizhou {left: 484px;top: 403px;}
.yunnan {left: 405px;top: 444px;}
.shanxi1 {left: 502px;top: 297px;}
.map-dot:after {content: "";display: block;width: 8px;height: 8px;margin: 0 auto;background-color: #ffa200;border-radius: 50%;}
.map-dot.beijing:after {width: 13px;height: 12px;border-radius: 0;background: url("../../img/icon-star.png") no-repeat center;}
.branch-map-data {position: absolute;box-sizing: border-box;width: 430px;border: 1px solid #ffa200;box-shadow: 0 0 2px 2px #e9e9e9;background-color: #fff;padding: 10px 30px;z-index: 1;display: none;}
.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 #ffa200 transparent transparent;}
.branch-map-data:after {content: "";position: absolute;left: -15px;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: 14px;height: 14px;border-radius: 50%;border: 1px solid #ffa200;animation: dot 4s infinite;}



/*营销网络*/
#market .box{margin-top:50px;margin-bottom:50px;padding:40px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08)}
#market .box.flexBetween{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#market .box .boxLeft{width:23%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left: 60px;padding-top: 30px;padding-bottom: 30px;border-right:2px solid #eee;position:relative}
#market .box .boxLeft ul li{cursor:pointer;position:relative}
#market .box .boxLeft ul li .flexStart{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#market .box .boxLeft ul li > span{position:absolute;top:50%;right:0;border:10px solid transparent;border-left-color:#eee;display:block;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;opacity:0}
#market .box .boxLeft ul li > span::after{content:'';position:absolute;top:-8px;left:-11px;z-index:1;border:8px solid transparent;border-left-color:#ffffff}
#market .box .boxLeft ul li:not(:last-child){margin-bottom:20px}
#market .box .boxLeft ul li .text{font-size:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
#market .box .boxLeft ul .active > span{opacity:1}
#market .box .boxLeft ul .active .text{color:#ffa200;font-weight:500}
#market .box .boxRight{width:77%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top: 30px;padding-bottom: 30px;padding-left: 6%;padding-right: 5%;}
#market .box .boxRight .main .toggMain{display:none}
#market .box .boxRight .main .toggMain .bot h6{font-size:24px}
#market .box .boxRight .main .toggMain .bot div{margin-top:40px}
#market .box .boxRight .main .toggMain .bot div p{font-size:18px;padding-left:35px}
#market .box .boxRight .main .toggMain .bot div p:not(:last-child){margin-bottom:20px}

#market .box .boxRight .main .active{display:block}