/* 公共样式表css */ 
html,body{color:#333; margin:0;height:100%; font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; } 
html{
    font-size:62.5%;
}
div{

}
*{ -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{}

/* 必要布局样式css */
.map-content{ padding:30px 0;}
.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:30px 0; } 
.branch-map-l{ width:100%; height:600px; position:relative; } 
.map-content-box{ width:100%; height:100%; background-image:url(../cn/images/map-bj.png); background-position:left center; background-repeat:no-repeat; background-size:auto; position:relative; } 
.map-dot{ position:absolute; text-align:center; font-size:12px; cursor:pointer; }
.beijing{ left:585px; top:220px; } 
.tianjin{ left:604px; top:234px; } 
.hebei{ left:575px; top:254px; } 
.shanxi{ left:540px; top:276px; } 
.liaoning{ left:660px; top:196px; } 
.jilin{ left:696px; top:167px; } 
.heilongjiang{ left:676px; top:106px; } 
.shanghai{ left:661px; top:346px; } 
.jiangsu{ left:625px; top:316px; } 
.zhejiang{ left:655px; top:379px; } 
.anhui{ left:605px; top:334px; } 
.fujian{ left:625px; top:428px; } 
.jiangxi{ left:595px; top:402px; } 
.shandong{ left:610px; top:284px; } 
.henan{ left:562px; top:316px; } 
.hubei{ left:535px; top:360px; } 
.hunan{ left:520px; top:409px; } 
.guangdong{ left:555px; top:477px; } 
.hainan{ left:500px; top:547px; } 
.guangxi{ left:506px; top:461px; } 
.chongqing{ left:495px; top:364px; } 
.sichuan{ left:425px; top:354px; } 
.guizhou{ left:484px; top:424px; } 
.yunnan{ left:370px; top:465px; } 
.shanxi1{ left:480px; top:300px; } 
.map-dot:after{ content:""; display:block; width:8px; height:8px; margin:0 auto; background-color:#01B7BD; border-radius:50%; } 
.map-dot.guangdong:after{ width:14px; height:14px; background-color:#f00;}

.branch-map-data{ position:absolute; box-sizing:border-box; width:270px; border:1px solid #01B7BD; box-shadow:0 0 2px 2px #e9e9e9; background-color:#fff; padding:20px 30px; z-index:1; display:none; } 
.branch-map-data-title{ width:100%; float:left; border-bottom:2px solid #eee; padding:0 10px; box-sizing:border-box; } 
.a_warp .a_bg .a_mid .a_sub .a_mod .branch-map-data-title p{ font-size:18px; color:#333; line-height:28px; text-indent:0; } 
.branch-map-data-info{ max-height:236px; } 
.data-branch{ width:100%; float:left; padding:6px 10px; box-sizing:border-box; } 
.a_warp .a_bg .a_mid .a_sub .a_mod .data-branch p.data-name{ margin:0; padding:0; text-indent:0; line-height:150%; font-size:14px;} 
.data-branch:first-child{ margin-top:10px;} 
.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 #01B7BD 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 #01B7BD; animation:dot 4s infinite; }
.map-dot.guangdong.cur:before{ width:20px; height:20px;border:1px solid #f00;}
 @keyframes dot{ 
 100%{ transform:translateX(-50%) scale(1); opacity:1; } 
 50%{ transform:translateX(-50%) scale(1.5); opacity:.1; }
}


@media (min-width: 1681px) and (max-width:1920px ){
	
}

@media (min-width: 1440px) and (max-width:1680px ){

}


@media (min-width: 1200px) and (max-width:1439px ){
.map-content-box{ background-position:100% 0; background-size:auto;} 
.branch-map-data{ width:250px; padding:15px 20px;}
.guangdong{ left:555px;}
.hubei{ left:535px;}
.shanxi1{ left:485px;}
.yunnan{ left:365px;}
.hainan{ left:500px;}
.hunan{}
.shanghai{ left:664px;}
.jiangsu{ left:630px;}

}



@media (min-width: 1024px) and (max-width:1199px ) {
.branch-map-l{ height:550px;}
.map-content-box{ background-position:100% 0; background-size:100%;} 
.branch-map-data{ width:220px; padding:15px 20px;}
.guangdong{ left:465px; top:400px;}
.hubei{ left:450px; top:310px;}
.shanxi1{ left:412px; top:250px;}
.yunnan{ left:315px; top:400px;}
.hainan{ left:430px; top:465px;}
.hunan{ left:450px; top:350px;}
.shanghai{ left:564px; top:296px;}
.jiangsu{ left:530px; top:263px;}


}


@media (min-width: 640px) and (max-width:1023px ) {
.branch-map-l{ height:530px;}
.map-content-box{ background-position:125% 0; background-size:100%;} 
.branch-map-data{ width:200px; padding:15px 20px;}
.guangdong{ left:477px; top:415px;}
.hubei{ left:455px; top:310px;}
.shanxi1{ left:415px; top:260px;}
.yunnan{ left:320px; top:400px;}
.hainan{ left:430px; top:470px;}
.hunan{ left:450px; top:350px;}
.shanghai{ left:570px; top:296px;}
.jiangsu{ left:530px; top:263px;}
}

@media screen and (min-width:1024px) and ( max-width:1199px){

}

@media screen and (min-width:720px) and ( max-width:1024px){

}

@media screen and (min-width:640px) and ( max-width:720px){

}


@media (min-width: 480px) and (max-width: 639px) {
.branch-map-l{ height:550px;}
.map-content-box{ background-position:45% 0; background-size:105%;} 
.branch-map-data{ width:200px; padding:15px 20px;}
.guangdong{ left:68% !important; top:56% !important;}
.hubei{ left:64% !important; top:32% !important;}
.shanxi1{ left:58% !important; top:27% !important;}
.yunnan{ left:43% !important; top:43% !important;}
.hainan{ left:60% !important; top:55% !important;}

.branch-map-data{ width:100%; float:left; top:270px !important; left:0 !important;}
.branch-map-data:after,.branch-map-data:before{ display:none;}
.a_warp .a_bg .a_mid .a_sub .a_mod .branch-map-data-title p{ font-size:15px;}
.a_warp .a_bg .a_mid .a_sub .a_mod .data-branch p.data-name{ font-size:13px; line-height:140%;}



}




@media (max-width: 479px) {
.branch-map-l{ height:400px;}
.map-content-box{ background-position:45% 0; background-size:105%;} 
.branch-map-data{ width:200px; padding:15px 20px;}
.guangdong{ left:4.3rem; top:3.6rem; }
.hubei{ left:3.9rem; top:2.6rem;}
.shanxi1{ left:3.7rem; top:2.1rem;}
.yunnan{ left:2.6rem; top:3.6rem;}
.hainan{ left:3.8rem; top:4.3rem;}
.hunan{ left:4rem; top:3.1rem;}
.shanghai{ left:5.2rem; top:2.6rem;}
.jiangsu{ left:4.8rem; top:2.3rem;}

.branch-map-data{ width:100%; float:left; top:270px !important; left:0 !important;}
.branch-map-data:after,.branch-map-data:before{ display:none;}
.a_warp .a_bg .a_mid .a_sub .a_mod .branch-map-data-title p{ font-size:15px;}
.a_warp .a_bg .a_mid .a_sub .a_mod .data-branch p.data-name{ font-size:13px; line-height:140%;}
.map-dot.guangdong:after{ width:10px; height:10px;}
.map-dot.guangdong.cur:before{ width:16px; height:16px;}

}





@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */

}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */


}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){ /* 兼容iphone6，iphone7，iphone8s*/
.guangdong{ left:4.3rem; top:3.6rem; }
.hubei{ left:3.9rem; top:2.6rem;}
.shanxi1{ left:3.7rem; top:2.1rem;}
.yunnan{ left:2.6rem; top:3.6rem;}
.hainan{ left:3.8rem; top:4.3rem;}
.hunan{ left:4rem; top:3.1rem;}
.shanghai{ left:5.2rem; top:2.6rem;}
.jiangsu{ left:4.8rem; top:2.3rem;}

.branch-map-data{ top:290px !important; }
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){ /*兼容iphone6 Plus,iphone7 Plus,iphone8 Plus*/
.guangdong{ left:4.3rem; top:3.6rem; }
.hubei{ left:3.9rem; top:2.6rem;}
.shanxi1{ left:3.7rem; top:2.1rem;}
.yunnan{ left:2.6rem; top:3.6rem;}
.hainan{ left:3.8rem; top:4.3rem;}
.hunan{ left:4rem; top:3.1rem;}
.shanghai{ left:5.2rem; top:2.6rem;}
.jiangsu{ left:4.8rem; top:2.3rem;}

.branch-map-data{ top:290px !important; }
} 
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){ /*兼容iphoneX*/
.guangdong{ left:4.3rem; top:3.6rem; }
.hubei{ left:3.9rem; top:2.6rem;}
.shanxi1{ left:3.7rem; top:2.1rem;}
.yunnan{ left:2.6rem; top:3.6rem;}
.hainan{ left:3.8rem; top:4.3rem;}
.hunan{ left:4rem; top:3.1rem;}
.shanghai{ left:5.2rem; top:2.6rem;}
.jiangsu{ left:4.8rem; top:2.3rem;}
.branch-map-data{ top:290px !important; }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) { /*兼容iphoneXR*/
.guangdong{ left:4.3rem; top:3.6rem; }
.hubei{ left:3.9rem; top:2.6rem;}
.shanxi1{ left:3.7rem; top:2.1rem;}
.yunnan{ left:2.6rem; top:3.6rem;}
.hainan{ left:3.8rem; top:4.3rem;}
.hunan{ left:4rem; top:3.1rem;}
.shanghai{ left:5.2rem; top:2.6rem;}
.jiangsu{ left:4.8rem; top:2.3rem;}

.branch-map-data{ top:300px !important; }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) { /*兼容iphone xs max */
.guangdong{ left:4.3rem; top:3.6rem; }
.hubei{ left:3.9rem; top:2.6rem;}
.shanxi1{ left:3.7rem; top:2.1rem;}
.yunnan{ left:2.6rem; top:3.6rem;}
.hainan{ left:3.8rem; top:4.3rem;}
.hunan{ left:4rem; top:3.1rem;}
.shanghai{ left:5.2rem; top:2.6rem;}
.jiangsu{ left:4.8rem; top:2.3rem;}

.branch-map-data{ top:290px !important; }
}