@-webkit-keyframes dot{to{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.5);opacity:.1}} @keyframes dot{to{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.5);opacity:.1}} html{color:#333;font-family:myriad set pro,helvetica neue,Helvetica,Arial,Verdana,sans-serif} a,body{color:#666} body,html{height:100%} body{background:#fff;font-family:microsoft yahei,pingfangsc,sans-serif;margin:0} *{box-sizing:border-box} a{text-decoration:none} img{border:0} blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,legend,li,ol,p,pre,td,th,ul{margin:0;padding:0} body,button,input,textarea{padding:0} button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;outline:0} li{list-style:none} a:hover{color:#eee} .clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden} .map-content{padding:30px 0} .map-module{width:1200px!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:after,.map-title:before{content:"";position:absolute;left:50%;transform:translateX(-50%)} .map-title:before{width:0;height:0;bottom:-23px;border:6px solid;border-color:#20b09f transparent transparent} .map-title:after{width:52px;height:3px;background-color:#20b09f;bottom:-12px} .map-content-info{position:relative;margin-bottom:30px} .branch-map-l,.map-content-box{width:1200px;height:826px;position:relative} .map-content-box{width:100%;height:100%;background:url(../img/map-bj.png) no-repeat center} .map-dot{position:absolute;text-align:center;font-size:12px;cursor:pointer} .beijing{left:810px;top:294px} .tianjin{right:319px;top:316px} .hebei{left:575px;top:254px} .shanxi{left:540px;top:276px} .heilongjiang{left:676px;top:106px} .shanghai{top:482px;right:213px} .jiangsu{left:646px;top:316px} .anhui{left:605px;top:334px} .fujian{left:625px;top:428px} .jiangxi{left:595px;top:402px} .shandong{right:250px;top:374px} .henan{right:373px;top:424px} .hubei{left:555px;top:359px} .hunan{right:374px;top:420px} .guangdong{left:575px;top:466px} .guangxi{left:506px;top:461px} .dalian{right:243px;top:307px} .sichuan{left:592px;top:520px} .guizhou{left:484px;top:424px} .yunnan{left:405px;top:462px} .shanxi1{left:684px;top:428px} .suzhou{right:262px;top:466px} .suzhou_img{position:absolute;left:-3px;top:18px} .changzhou{right:309px;top:484px} .changzhou_img{position:absolute;left:22px;top:-6px} .wuhan{right:420px;top:520px} .wuhan_img{position:absolute;left:22px;top:-6px} .wulumuqi{right:840px;top:170px} .wulumuqi_img{position:absolute;left:22px;top:16px} .ningbo{right:280px;top:525px} .ningbo_img{position:absolute;left:22px;top:-6px} .shenzhen{right:343px;bottom:89px} .guangzhou{right:417px;bottom:102px} .guangzhou_img{position:absolute;left:22px;top:-6px} .map-dot:after{content:"";display:block;width:8px;height:8px;margin:0 auto;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:370px;border:1px solid #f0871a;box-shadow:0 6px 11px 0 rgba(0,0,0,.11);background-color:#fff;padding:10px 30px;z-index:1;display:none;text-align:justify} .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:0} a,button,input,textarea{-webkit-tap-highlight-color:transparent;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} .branch-map-data:after,.branch-map-data:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:0;height:0;border:8px solid;border-color:transparent #01b7bd transparent transparent} .branch-map-data:after{left:-15px;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 #01b7bd;-webkit-animation:dot 4s infinite;animation:dot 4s infinite}