@charset "utf-8";
/*map port*/
.container{width:100%;margin:0 auto}
.consumer{width:100%;height:auto;/*background-color:#f5f5f5;*/background-position:50%}
.mapInfo{width:1200px;height:839px;margin:0 auto;padding-top:71px;position:relative}
.mapInfo .headline{font-size:30px;font-weight:400;text-align:center;margin-bottom:26px}
.mapInfo p{width:50%;font-size:16px;line-height:20px;text-align:center;margin:0 auto;color:#666; padding-bottom:60px;}
.mapInfo button{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:140px;height:40px;background-color:#eee;border-radius:2px;color:#fff}
#lg_map{margin-top:30px}
#lg_map .mapLeft{width:170px;float:left}
#lg_map .mapLeft ul{padding-left:10px;width:100%}
#lg_map .mapLeft ul li{width:100%;height:125px;border-bottom:1px solid #ccc;padding-top:10px}
#lg_map .mapLeft ul li h5{color:#4b5154;font-size:30px}
#lg_map .mapLeft ul li p{color:#4b5154;font-size:14px;display:inline;line-height:30px}
#lg_map .mapLeft ul li h5 i{font-size:24px}
.mapRight{float:right}
#serve-img-area.paused .point-area .point-10:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-20:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-30:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-40:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-50:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-60:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-70:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-80:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-90:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area.paused .point-area .point-100:after{animation-play-state:paused;-webkit-animation-play-state:paused}
#serve-img-area .point-area{text-align:center;position:relative;width:150px;height:150px;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}
#serve-img-area .point-area .point{position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:0 0}
#serve-img-area .point-area .point-shadow:after{-webkit-box-shadow:inset 0 0 5em rgba(59,136,250,.16);-moz-box-shadow:inset 0 0 5em rgba(59,136,250,.16);box-shadow:inset 0 0 5em rgba(59,136,250,.16)}
#serve-img-area .point-area .point-white{background-color:#fff;border:1px solid #00c1de}
#serve-img-area .point-area .point-dot{z-index:1;background-color:#ff6806;border:1px solid rgba(255,255,255,.37)}
#serve-img-area .point-area .point-10{width:100%;height:100%}
#serve-img-area .point-area .point-10:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 225ms infinite;-moz-animation:ripple 4.5s ease-out 225ms infinite;-o-animation:ripple 4.5s ease-out 225ms infinite;animation:ripple 4.5s ease-out 225ms infinite}
#serve-img-area .point-area .point-20{width:100%;height:100%}
#serve-img-area .point-area .point-20:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 450ms infinite;-moz-animation:ripple 4.5s ease-out 450ms infinite;-o-animation:ripple 4.5s ease-out 450ms infinite;animation:ripple 4.5s ease-out 450ms infinite}
#serve-img-area .point-area .point-30{width:100%;height:100%}
#serve-img-area .point-area .point-30:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 675ms infinite;-moz-animation:ripple 4.5s ease-out 675ms infinite;-o-animation:ripple 4.5s ease-out 675ms infinite;animation:ripple 4.5s ease-out 675ms infinite}
#serve-img-area .point-area .point-40{width:100%;height:100%}
#serve-img-area .point-area .point-40:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out .9s infinite;-moz-animation:ripple 4.5s ease-out .9s infinite;-o-animation:ripple 4.5s ease-out .9s infinite;animation:ripple 4.5s ease-out .9s infinite}
#serve-img-area .point-area .point-50{width:100%;height:100%}
#serve-img-area .point-area .point-50:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 1125ms infinite;-moz-animation:ripple 4.5s ease-out 1125ms infinite;-o-animation:ripple 4.5s ease-out 1125ms infinite;animation:ripple 4.5s ease-out 1125ms infinite}
#serve-img-area .point-area .point-60{width:100%;height:100%}
#serve-img-area .point-area .point-60:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 1.35s infinite;-moz-animation:ripple 4.5s ease-out 1.35s infinite;-o-animation:ripple 4.5s ease-out 1.35s infinite;animation:ripple 4.5s ease-out 1.35s infinite}
#serve-img-area .point-area .point-70{width:100%;height:100%}
#serve-img-area .point-area .point-70:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 1575ms infinite;-moz-animation:ripple 4.5s ease-out 1575ms infinite;-o-animation:ripple 4.5s ease-out 1575ms infinite;animation:ripple 4.5s ease-out 1575ms infinite}
#serve-img-area .point-area .point-80{width:100%;height:100%}
#serve-img-area .point-area .point-80:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 1.8s infinite;-moz-animation:ripple 4.5s ease-out 1.8s infinite;-o-animation:ripple 4.5s ease-out 1.8s infinite;animation:ripple 4.5s ease-out 1.8s infinite}
#serve-img-area .point-area .point-90{width:100%;height:100%}
#serve-img-area .point-area .point-90:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 2025ms infinite;-moz-animation:ripple 4.5s ease-out 2025ms infinite;-o-animation:ripple 4.5s ease-out 2025ms infinite;animation:ripple 4.5s ease-out 2025ms infinite}
#serve-img-area .point-area .point-100{width:100%;height:100%}
#serve-img-area .point-area .point-100:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5097ff;opacity:0;-webkit-animation:ripple 4.5s ease-out 2.25s infinite;-moz-animation:ripple 4.5s ease-out 2.25s infinite;-o-animation:ripple 4.5s ease-out 2.25s infinite;animation:ripple 4.5s ease-out 2.25s infinite}
@-webkit-keyframes ripple {	0% {opacity:0; -webkit-transform:scale(.1, .1)} 5% {opacity:1} 100% {opacity:0;	-webkit-transform:scale(1)}}
/*map port end*/