/* 代码整理：大头网 www.datouwang.com */
@charset "utf-8";
.centered-y { position: absolute;  padding: 12px 20px 0px; }
.distribution-map { position: relative; width: 100%; max-width:1000px; padding: 0px 20px; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px auto 0px; }
.distribution-map > img {  position: relative; margin-top:142px; }
.distribution-map .map-point { cursor: pointer; outline: none; z-index: 0; position: absolute;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 1; -ms-transform: translate(-15%, -15%);
 -webkit-transform: translate(-15%, -15%); transform: translate(-15%, -15%); -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out; -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s; -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; overflow: hidden;width:62px; height:62px; border:1px solid #DCDCDC; border-radius:31px 31px; font:400 25px/28px "microsoft yahei"; color:#777777; padding:18px 10px; background:#f6f6f6;
 background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(246,246,246,1)); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(top,rgba(255,255,255,1),rgba(246,246,246,1)); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(246,246,246,1)); /* Firefox 3.6 - 15 */
 background: linear-gradient(top,rgba(255,255,255,1),rgba(246,246,246,1)); }
.distribution-map .map-point .content {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; width: 100%; height: 100%; left: 50%; overflow:hidden; }
.distribution-map .map-point:active, .distribution-map .map-point:focus, .distribution-map .map-point.on { margin: 0; padding: 0;  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1; width: 300px; height: 250px;color: #e5e5e5; z-index: 1; -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out; }
.distribution-map .map-point:active .content, .distribution-map .map-point:focus .content,.distribution-map .map-point.on .content {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out; -webkit-transition-delay: 0.25s, 0.25s, 0.25s; -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; overflow: hidden; }
.m2map_t2 { text-align: center; font: 24px/30px Arial; text-transform: uppercase; color: #a8b5ca; margin-bottom: 60px; }
.m2map_t { font-size: 30px; line-height: 40px; text-align: center; margin-top: 70px; }
.centered-y h2{ font-size: 24px; line-height: 38px; display:block; color: #444; height: 38px; text-align:center; }
.centered-y p{ font-size: 15px; line-height: 24px; color: #666; text-align:left }

.distribution-map .map-point:hover {border:1px solid #FFA40A; color:#0059B2; cursor:default;
background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,247,154,1)); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(top,rgba(255,255,255,1),rgba(255,247,154,1)); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,247,154,1)); /* Firefox 3.6 - 15 */
 background: linear-gradient(top,rgba(255,255,255,1),rgba(255,247,154,1));}
.distribution-map font{ font-size:28px;}