*{ padding: 0; margin: 0; }
body{ background: url(/style/image/banner.jpg) top center repeat #033072; }
a { text-decoration: none; color: inherit; }
.fl { float: left; }
.fr { float: right; }
.video { width: 100%; height: 100%; position: relative; z-index: 2 }
.video video { width: 100%; height: 100%; }
.video video source { width: 100%; }
.mb { display: block; width: 100%; height: 100%; background: url(/style/images/mb.png) center center repeat; position: absolute; left: 0; top: 0; z-index: 9; }
.box { position: absolute; top: 23%; left: 0; width: 100%; padding: 0 2%; box-sizing: border-box; text-align: center; z-index: 20; }
.box .logo { color: #fff; letter-spacing: 20px; font: 80px/200px "微软雅黑"; width: auto; }
.box p { width: 100%; max-width: 600px; margin: 0 auto; margin-top: 70px;}
.box p a { font: 20px/45px "微软雅黑"; color: #fff; display: inline-block; transition: all 0.3s; }
.box p a:hover { margin-top: -5px; box-shadow: 0 20px 20px -15px rgba(136,161,206,0.3); -webkit-transform: translateY(-5px); transform: translateY(-5px); -ms-transform: translateY(-5px); }
.bott { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 999; padding: 20px 0; text-align: center; font: 16px/28px "微软雅黑"; color: #ddd; }
/* 必要布局样式css */
.map-content { position: absolute; transition: all .3s ease;/*z-index: 99;*/ }
.map-content .bg-img { height: 520px;/*width: 100%;*/ /*height: 100%;*/ }
.branch-map-data { position: absolute; box-sizing: border-box; /* width: 430px; */ /* border: 1px solid #01B7BD; */ /* box-shadow: 0 0 2px 2px #e9e9e9; */ background-color: #000; opacity: 0.8; min-width: 120px; min-height: 45px; padding: 10px 5px 0px 5px; z-index: 1; display: none; }
.branch-map-data-title { }
.branch-map-data-title p { font-size: 12px; color: #ffffff; margin-bottom: 5px; }
.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: none; }
.data-branch .data-name { font-size: 14px; color: #666; line-height: normal; margin-bottom: 5px; }
.data-branch p { font-size: 12px; color: #fff; line-height: 20px; }

@media only screen and (max-width:700px) {
.box{ top: 32%; }
.box .logo { color: #fff; letter-spacing: 10px; font: 65px/100px "微软雅黑"; width: auto; }
.video { display: none; }
.box p a{ max-width: 47%; text-align: center; }
.box p  img{ max-width: 100%; }
}