@charset "UTF-8";

.page-contact { color:#fff; position:relative;  }
.page-contact .page-map { position:relative; }
.page-contact .page-img img { width:100%; }
.page-contact .page-title { padding:1.45rem 0px 0.28rem;  }

.page-contact .page-list ul li { position:absolute; width:0.28rem; cursor:pointer; height:0.42rem; margin:-0.21rem 0px 0px -0.14rem; }
.page-contact .page-list ul li:before { display:none; position:absolute; width:0.1rem; height:0.1rem; background:#2dffee; border-radius:50%; left:50%; bottom:0px; margin-left:-0.05rem; content:""; }
.page-contact .page-circle { width:100%; height:100%; left:0px; bottom:0px; position:absolute; display:inline-block;  }
.page-contact .page-circle:before { position:absolute; width:0.28rem; height:0.42rem;margin-left:-0.14rem; background:url(../images/page-contact-ico01.png) no-repeat center center; background-size:100% 100%; content:""; left:50%; top:0px; }
.page-contact .page-list ul li:first-child .page-circle:before { background:url(../images/page-contact-ico03.png) no-repeat center center; background-size:100% 100%; }
.page-contact .page-list ul li:first-child:before { background:#ffae00; }
.page-contact .page-list ul li:first-child .page-circle:after { background:#ffae00; }
.page-contact .page-list ul li.page-blue .page-circle:before { background:url(../images/page-contact-ico02.png) no-repeat center center; background-size:100% 100%; }
.page-contact .page-list ul li.page-blue:before { background:#00afde; }
.page-contact .page-list ul li.page-blue .page-circle:after { background:#00afde; }

.page-contact .page-circle:after { position:absolute; top:0.4rem; bottom:0px; width:0.02rem; left:50%; margin-left:-0.01rem; content:""; background:#2dffee; }
.page-contact .page-list ul li.on { z-index:3; }
.page-contact .page-list ul li.on .page-circle { padding-bottom:1.74rem; }
.page-contact .page-list ul li.on:before { display:block; }
.page-contact .page-list ul li.on .page-text { display:block; }
.page-contact .page-list ul li .page-text { position:absolute; z-index:10; display:none; right:100%; top:-1.6rem; width:4.45rem; padding-right:0.52rem; }
.page-contact .page-list ul li .page-text .page-sec { display:none; }
.page-contact .page-list ul li .page-text .page-sec-wrap { display:none; }
.page-contact .page-list ul li .page-text2 { right:auto; left:100%; top:-1.2rem; padding-left:0.52rem; padding-right:0px;  }
.page-contact .page-list ul li .page-text .page-sec { border-top:1px solid #3899f5; display:block; padding:0.1rem 0px; }
.page-contact .page-list ul li .page-text .page-sec:first-child { border-top:none; }
.page-contact .page-list ul li .page-text:before { width:0px; height:0px; top:0.38rem; position:absolute; border:0.8rem solid rgba(0,162,255,0.9); border-width:0.17rem 0.4rem; border-color:transparent transparent transparent rgba(0,162,255,0.9); right:-0.28rem; content:""; }
.page-contact .page-list ul li .page-text2:before { left:-0.28rem; right:auto; border-color:transparent rgba(2,126,242,1) transparent transparent ;   }
.page-contact .page-list ul li .page-text .page-con {  background:rgba(0,162,255,0.9); padding:0.17rem 0.28rem 0.23rem; position:relative; }
.page-contact .page-list ul li .page-text2 .page-con { background:#027ef2; }
.page-contact .page-list ul li .page-text .page-con dd { padding-top:0.04rem; }
.page-contact .page-list ul li .page-text .page-con dd span { display:block; float:left; }
.page-contact .page-list ul li .page-text .page-con dd p { overflow:hidden; }
.page-contact .page-list ul li .page-text dl dt:nth-of-type(2) { padding-top:0.2rem;}
.page-contact .page-list ul li .page-btn-close { width:0.5rem; text-align:center; line-height:0.55rem; font-weight:bold; height:0.5rem; position:absolute; right:0.5rem; top:0.5rem; color:#333; background:#fff; border-radius:50%; display:none; }

.page-contact .page-list ul li:first-child +li .page-text { right:auto; left:100%; padding-left:0.52rem; padding-right:0px; }
.page-contact .page-list ul li:first-child +li .page-text:before { left:-0.28rem; right:auto; border-color:transparent rgba(0,162,255,0.9) transparent transparent ;   }


@media only screen and (max-width:980px){
.page-contact .page-list ul li .page-text { width:6rem; }
}
@media only screen and (max-width:750px){
.page-contact .page-title { padding:0.8rem 0px 0.28rem;  }	
.page-contact .page-circle:before { width:0.21rem; height:0.28rem; top:50%; margin-top:-0.14rem; margin-left:-0.1005rem; }
.page-contact .page-list ul li:before  { display:none; }
.page-contact .page-circle:after { display:none; }
.page-contact .page-list ul li.on .page-circle { padding-bottom:0px; }
.page-contact .page-list ul li.on:before { display:none; }
.page-contact .page-list ul li.on .page-text { display:-webkit-box;  display:-ms-box; display:flex; -webkit-box-align:center; -ms-flex-align:center;  align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; z-index:100000; background:rgba(0,0,0,0.7); padding-right:0px; }
.page-contact .page-list ul li .page-text {position:fixed; top:0px; height:100%; width:100%; left:0px; right:0px; }
.page-contact .page-list ul li .page-text .page-sec-wrap { display:block; }
.page-contact .page-list ul li .page-text:before { display:none; }
.page-contact .page-list ul li.on .page-btn-close { display:inline-block;}
.page-contact .page-list ul li .page-text .page-con { max-width:90%; }
.page-contact .page-list ul li:first-child +li .page-text { left:0px; right:0px; padding-left:0px; }
.page-contact .page-map-wrap { overflow-x:auto; }
.page-contact .page-map { min-width:600px; }

.page-contact .page-list ul li:first-child .page-circle:before,.page-contact .page-circle:before,.page-contact .page-list ul li.page-blue .page-circle:before { background-size:0.15rem auto; }

.page-contact .page-list ul li .page-text .page-con { padding-bottom:0px; }
.page-contact .page-list ul li .page-text .page-sec-wrap { margin:0.17rem -0.28rem 0px -0.23rem; padding:0.17rem 0px 0.23rem; background:#027ef2; }
.page-contact .page-list ul li .page-text .page-sec { display:block; padding:0.17rem 0.28rem 0.23rem; }
.page-contact .page-list ul li .page-text2 { display:none!important; }


}