@charset "utf-8";
*{-webkit-overflow-scrolling:touch;margin: 0;padding: 0;-webkit-user-select:none;-webkit-tap-highlight-color: transparent;list-style: none;box-sizing: border-box;outline: none;text-decoration: none; -webkit-appearance: none;}
html, body{width: 100%;height: 100%;background:#fff;max-width: 750px;margin: 0 auto;font-size: 16px;overflow: hidden;}
img{width: 100%;pointer-events: none;}
iframe{width: 100%;height: 100%;}
/* 音乐 */
.musicIco{
	width: 65px;
    height: 65px;
    position: fixed;
    right: 10px;
    top:8%;
    z-index:99999;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADLElEQVRoge2Z3XWjMBCFKYESXII7WDpYd7DuIOnAdLDuwHSQdIA7MB2QDkwH3z4wmEFIoB+c7IPnHB5sNHfulUbSIGXZy172fxjwCzgBH8CNudXy7g3Y/zTfLMuyDNgDF+BuIbxmLfAX2P0U8dpBrAOu8pzlGX53Dp/LtwgBcuk10xrg3YeEiC/Fx7TTM8nvmef2Z0rPAYWMjLYayDek/iCv87wBig3xC+BL4d/ZaqJbyFebAM/j5DKi24mwkH+PxDmI/4dH27OK10ank/TILZW8YJUDiGd7LaKODapBqiiQEatUWDtPHz25y9CAhXJuIjibeFrA0dMnZ5zYd1/hg3OtAhZxtCd4WkAb4HdQfpWvUxHstI6pBQCcA3x1Ku18HKrQfPXANAWA565rdOiycMm7Ydn83IK84GoBuh66Ab9ZWSoZ58Jy+hk5d3ySgD3TXXewO459gumK6N7cjIa7ZwiQ37n8Z6tOZwRF9GDu/YhxwiQvnUsCjHcHeX9eIqcEVEuBWml03YT5iBu0EzswmlVuXirdvjnjZ+UfnQobCRiy47bUaLAyAHhH/61rs1alSKqAz1WMUAHMq1WXPdokCKhWMVTAKoJ8Rb/p5PLuHcsqkyBgfYFRAa8BgODYM0TM5Ns3QcBtlRs+EyV75L3XaDFdw1MErMfDcyOT9Bhs9bNPj0Ikee+NzKuUIPwLK2kVIqCUyFVDZzEXIWBYQboI/jr/v0KCOdPIGKmDB+ZQvF0jyPuX0xaHytEmZ1yxbiyUw0znyzFCQL3WoTYnvURac45piVzbRBjkv5aEOmLEfR0ajs5jDaZr/J3+kPYkjz6S6VwdsYCdMxaXnXfvKwA98y8LQfRpms2CyQu2rq/KUH/bLnpcaFtYhDT0aRZ8smZ03jWYvALaM61nnCK2MqbH911MB5iApghrOqWajPiHQX7TE2rzNKHYBDx7pGDSpPcJsmd+q3Ih7YLDdlXVpGCuBcyNCTZYTX/7uBqYvpJ9w36TWT6FuIVEwfxqaLCW8Ur1JE8tT+vwqZ7W6x5CKty3j0vW0Y/m9xO3mYgpZWRsN5AN/V5RsuEC8LKXJdo/VbdHxzsDpFIAAAAASUVORK5CYII=) no-repeat;
    background-size:65px auto;
	pointer-events:auto;
}
.play {
    background-position: left top;
    -webkit-animation: musicMove 1s linear infinite;
}
@-webkit-keyframes musicMove{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
/*加载*/
.preload{width: 100%;height: 100%;overflow:hidden;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 1000;background:#fff;}
.preload p{text-align: center;color: #000;font-size: 26px;}
.texts{padding-top: 50%;margin-bottom: 5%;}
.texts img{width:30%;}

/* 首页 */
.wrapper{width: 100%;height: 100%;display: none;}
.pageBox{width: 100%;height: 100%;position: relative;}
.pageBox_0{background:url(../img/bg.png)no-repeat;background-size:100% 100%;}
.imgBox{
	width: 7.4375rem;
    height: 4.6875rem;
	position: absolute;
    left:43px;
	top: 40px;
}
.logoBox{
	width: 100%;
	
}
.mapBox{
	width:609px;
	height: 1106px;
	position: absolute;
	left:110px;
	top: 90px;
	background: url(../img/img_1.png?88ju)no-repeat;
	background-size:100% 100%;
}
.btnBox{
	position: absolute;
}
.btnBox img{opacity: 0;}
.btnBox_0{
	top: 148px;
    left: 277px;
}




.btnBox_6 img{opacity: 0;}
.btnBox_7 img{opacity: 0;}

/*飞机动起来的*/
.btnBox_2 img{opacity: 1;}
.btnBox_3 img{opacity: 1;}
.btnBox_4 img{opacity: 1;}
.btnBox_5 img{opacity: 1;}
.btnBox_1 img{opacity: 1;}
.btnBox_0 img{opacity: 1;}

.btnBox_1{
	left: 250px;
	top: 584px;
}
.btnBox_2{
	left: 210px;
	top: 395px;
}
.btnBox_3{
	top:485px;
	left:160px;
}
.btnBox_4{
	top:405px;
	left:405px;
}
.btnBox_5{
	top: 335px;
    right: 195px;
}
.btnBox_6{
	left: 420px;
    top: 716px;
}
.btnBox_7{
	  left: 420px;
	  top: 941px;  
}
.img_3,.img_4{width: 16.3125rem;position: absolute;left: 3.125rem;bottom: 1.5rem;}
.img_4{width:248px;bottom:15.5rem;left:4.5rem;pointer-events: auto;}
.pointBox{width: 15rem;position: absolute;bottom:4px;right: 23px;}
/* 第二页 */
.navBox{width: 100%;height: 50px;background: #4f7ab4;color: #dbeeff;box-shadow: 1px 1px 5px #3d5d93;display: flex;align-items: center;}
.navBox>li{font-size: 13px;width:60%;height: 50px;line-height: 50px;text-align: center;position: relative;z-index: 999999999999;}
.navBox>li:nth-child(1){width: 30%;}
.lineBox:after{
	content:'';
	width:50px;
	height: 2px;
	background: #cc8129;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	
}
.pulse{animation: pulse 1.5s linear infinite alternate;}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8)
	}

	50% {
		-webkit-transform: scale3d(1.15, 1.15,1.15);
		transform: scale3d(1.15, 1.15,1.15)
	}

	100% {
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8)
	}
}
.d1{animation-delay: .2s;}
.d2{animation-delay: 0.5s;}
.d3{animation-delay: 0.7s;}
.d4{animation-delay: 0.8s;}
.d5{animation-delay: 1s;}
.dialogBox{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,.7);
}
.dia{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 18.75rem;
}
.closeBtn{
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top:20rem;
	right: .6875rem;
}
/*iphone5*/
@media only screen and (max-width:320px ) {
}
/*iphone6/7plus*/
@media only screen and (min-width:411px ) and (max-width:414px) {

}
@media only screen and (width:360px ) and (height:653px){
	
}
@media only screen and (width:360px ) and (height:653px){
	
}

@media only screen and  (max-height:1217px){
	.mapBox{top: 3.75rem;transform: scale(.95);}

}

@media only screen and (min-height:700px ) {
	.pointBox{bottom: 40px;}
}
@media only screen and (min-height:740px ) {
	
}
/*iphoneX*/
@media only screen and (min-height:1448px ) {
	.mapBox{top:10.625rem;}
	
}
@media only screen and (min-height:1498px ) {
	.mapBox{top:11rem;}
}

.telBox{width: 186px;display: block;pointer-events: auto;cursor: pointer;position: absolute;left: 12rem;top:3rem;z-index: 999;}