#map{width:100%;height:100%;}

.anchorBL {display:none;}

.video-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.video-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.videoLayer { width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.videoLayer .close{position: absolute; display: block; right: 14px; top: 14px; width:24px; height: 24px; background: url(../image/close.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.videoLayer .close:hover { transform: rotate(-90deg);}
.videoLayer video{ width:100%;}

.ind-banner .swiper-slide a.video:before {
    content: '';
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    background: url(../image/play.png) no-repeat;
    display: block;
    margin-top: -30px;
}


#iconDivMain1 {display:none;}

@media screen and ( max-width:1024px ) {
    .videoLayer { width: 94%; padding: 15px;}
	.videoLayer .close{ top: -0.7rem; right:0; width:0.6rem; height: 0.6rem; background-size: 0.6rem;}
}