html{font:24px "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
ul,li,div,p,body{margin:0;padding:0;text-align:left;font-size:28px;font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
li{list-style:none;}
a{text-decoration:none;}
.hide{display:none;}
h1{display:none;}
input,button,select,textarea{outline:none;-webkit-appearance:none;appearance:none;}
body, html{background:#000000;text-align: left;height:100%;width: 100%;font-weight: normal;overflow:hidden;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0.5);user-select:none;-webkit-user-select:none;}

.bpic2{position:absolute;left:0;top:0;pointer-events:none;}
.bpic{position:absolute;left:0;top:0;}
.page{-webkit-transform-origin:0 0;transform-origin:0 0;}
.center{position:absolute;left:0;top:0;width:1920px;height:1080px;}
.pagebot{position:absolute;left:0;bottom:0;width:1920px;height:1080px;}

#soundCon{display:none;}
#musicOpen{position:absolute;cursor:pointer;width:80px;height:80px;background:url('../images/mo.png') no-repeat;background-size:100%;left:20px;top:10px;display:none;z-index:301;}
#musicClose{position:absolute;cursor:pointer;width:80px;height:80px;background:url('../images/mc.png') no-repeat;background-size:100%;left:20px;top:10px;display:none;z-index:301;}
#musicOpen2{position:absolute;cursor:pointer;width:120px;height:120px;background:url('../images/mo.png') no-repeat;background-size:100%;left:200px;top:10px;display:none;z-index:301;}
#musicClose2{position:absolute;cursor:pointer;width:120px;height:120px;background:url('../images/mc.png') no-repeat;background-size:100%;left:200px;top:10px;display:none;z-index:301;}
#musicOpen3{position:absolute;cursor:pointer;width:120px;height:120px;background:url('../images/mo.png') no-repeat;background-size:100%;left:200px;top:130px;display:none;z-index:301;}
#musicClose3{position:absolute;cursor:pointer;width:120px;height:120px;background:url('../images/mc.png') no-repeat;background-size:100%;left:200px;top:130px;display:none;z-index:301;}

#container{position:absolute;left:0;top:0;background:url('../images/hillbg1.jpg') repeat-x;background-size:auto 100%;width:100%;height:100%;display:none;}
#container canvas{position:absolute;left:0;top:0;}
#homeTop{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#mhomeTop{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#mchsCon{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#mchsCon2{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#infoTop{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;perspective:1000px;}
#navTop{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#mnavTop{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#sceneTop{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#msceneTop{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#mhelp{position:absolute;left:0;top:0;width:1920px;height:1080px;display:none;}
#vrscene{position:absolute;left:0;top:0;width:1920px;height:1080px;}
.rightTop{position:absolute;left:1920px;top:14px;width:220px;height:680px;}
.rightTop2{position:absolute;left:1920px;top:14px;width:220px;height:680px;}
.rightTop3{position:absolute;left:1920px;top:14px;width:320px;height:680px;}
#noSupport{position:absolute;left:0;top:0;width:100%;height:100%;background:#0a0a0a;z-index:5;display:none;}
.maskbg{width:1920px;height:1080px;left:0;top:0;}
.vrbz{width:44px;height:28px;left:1148px;top:768px;}
.bot{width:512px;height:256px;left:708px;top:728px;}
.navbg{width:1177px;height:11px;left:380px;top:968px;}
.peo{width:1024px;height:1024px;left:408px;top:0;}
.chgVrBg{width:485px;height:104px;left:718px;top:0;}
.vvrPic{width:180px;height:180px;left:418px;top:250px;}
.v360Pic{width:180px;height:180px;left:418px;top:640px;}
.playVideoa{width:25px;height:28px;left:44px;top:40px;-webkit-animation: 0.6s scAni ease-out infinite;animation: 0.6s scAni ease-out infinite;}
.playVideoa2{width:40px;height:48px;left:58px;top:54px;-webkit-animation: 0.6s scAni ease-out infinite;animation: 0.6s scAni ease-out infinite;}
.vrTxt{position:absolute;width:338px;left:692px;top:246px;font-size:50px;color:#ffffff;}
.vrTxt2{position:absolute;width:948px;left:692px;top:326px;font-size:40px;line-height:60px;color:#999999;}
.nrTxt{position:absolute;width:338px;left:692px;top:636px;font-size:50px;color:#ffffff;}
.nrTxt2{position:absolute;width:948px;left:692px;top:716px;font-size:40px;line-height:60px;color:#999999;}
.smk1{width:512px;height:512px;left:258px;top:320px;-webkit-transform:translate3d(0,0,0) rotateY(30deg);}
.smk2{width:512px;height:512px;left:1120px;top:320px;-webkit-transform:translate3d(0,0,0) rotateY(-30deg);}
.picLeft{width:400px;height:400px;left:380px;top:380px;-webkit-transform:translate3d(0,0,0) rotateY(30deg);}
.picRight{width:400px;height:350px;left:1120px;top:380px;-webkit-transform:translate3d(0,0,0) rotateY(-30deg);}
.pvTxt{position:absolute;width:140px;left:44px;top:530px;text-align:center;font-size:16px;color:#bbb7b7;}
#playVideo{position:absolute;cursor:pointer;width:140px;height:116px;left:60px;top:414px;background:url("../images/playVideo.png") no-repeat;background-size:100%;}
.pvTxt2{position:absolute;width:240px;left:114px;top:590px;text-align:center;font-size:28px;color:#bbb7b7;}
#playVideo2{position:absolute;cursor:pointer;width:200px;height:166px;left:154px;top:414px;background:url("../images/playVideo.png") no-repeat;background-size:100%;}
#chgVrBtn{position:absolute;cursor:pointer;width:65px;height:65px;left:930px;top:14px;background:url("../images/chgVrBtn.png") no-repeat;background-size:100%;}
#chgVrBtn:hover{background:url("../images/chgVrBtn.png") no-repeat 0 -65px;background-size:100%;}
#videoBtn{position:absolute;cursor:pointer;width:128px;height:128px;left:1360px;top:780px;background:url("../images/videoBtn.png") no-repeat;background-size:100%;}
#closeBtn{position:absolute;cursor:pointer;width:128px;height:128px;left:1480px;top:794px;background:url("../images/closeBtn.png") no-repeat;background-size:100%;}
#v360Btn{position:absolute;cursor:pointer;width:138px;height:43px;left:679px;top:813px;background:url("../images/360Btn.png") no-repeat;background-size:100%;}
#v360Btn:hover{background:url("../images/360Btn.png") no-repeat 0 -43px;background-size:100%;}
#vrBtn{position:absolute;cursor:pointer;width:138px;height:43px;left:1101px;top:813px;background:url("../images/vrBtn.png") no-repeat;background-size:100%;}
#vrBtn:hover{background:url("../images/vrBtn.png") no-repeat 0 -43px;background-size:100%;}
.v360bz{width:45px;height:39px;left:725px;top:755px;}
#helpBtn{position:absolute;cursor:pointer;width:99px;height:26px;left:0;top:22px;background:url("../images/helpBtn.png") no-repeat;background-size:100%;}
#helpBtn:hover{background:url("../images/helpBtn.png") no-repeat 0 -26px;background-size:100%;}
#backBtn{position:absolute;cursor:pointer;width:138px;height:40px;left:892px;top:742px;border:1px solid #ffffff;text-align:center;line-height:40px;font-size:20px;color:#ffffff;display:none;}
#backBtn:hover{background:#cccccc;color:#000000;}
#knowBtn{position:absolute;cursor:pointer;width:360px;height:80px;left:800px;top:752px;border:2px solid #ffffff;text-align:center;line-height:80px;font-size:40px;color:#ffffff;border-radius:80px;}
#shareBtn{position:absolute;cursor:pointer;width:40px;height:40px;left:112px;top:16px;}
.tipsTxt{position:absolute;width:720px;left:600px;top:352px;text-align:center;line-height:40px;font-size:26px;color:#ffffff;font-weight:bold;}
#wxBtn{position:absolute;cursor:pointer;width:32px;height:32px;left:0;top:32px;}
#yxBtn{position:absolute;cursor:pointer;width:32px;height:32px;left:0;top:68px;}
#wbBtn{position:absolute;cursor:pointer;width:32px;height:32px;left:0;top:104px;}
#qqBtn{position:absolute;cursor:pointer;width:32px;height:32px;left:0;top:138px;}
#ttBtn{position:absolute;cursor:pointer;width:32px;height:32px;left:0;top:182px;}
#backnavBtn{position:absolute;cursor:pointer;width:150px;height:38px;left:20px;top:22px;background:url("../images/backnavBtn.png") no-repeat;background-size:100%;}
#backnavBtn:hover{background:url("../images/backnavBtn.png") no-repeat 0 -39px;background-size:100%;}
#mbacknavBtn{position:absolute;cursor:pointer;width:120px;height:120px;left:20px;top:22px;background:url("../images/mbackBtn.png") no-repeat;background-size:100%;}
#mbacknavBtn2{position:absolute;cursor:pointer;width:120px;height:120px;left:20px;top:22px;background:url("../images/mbackBtn.png") no-repeat;background-size:100%;}
#mhelpBtn{position:absolute;cursor:pointer;width:120px;height:120px;left:180px;top:22px;background:url("../images/mhelpBtn.png") no-repeat;background-size:100%;}
.logo{width:134px;height:50px;left:29px;top:30px;}
.mlogo{width:268px;height:100px;left:29px;top:30px;}
#vrtips{position:absolute;left:50%;margin-left:-960px;top:50%;margin-top:-540px;width:1920px;height:1080px;background:url("../images/vrtips.jpg") no-repeat;background-size:100%;display:none;-webkit-animation: 0.3s fadeIn ease-in both;animation: 0.3s fadeIn ease-in both;}
.share{width:37px;height:49px;left:120px;top:22px;}
.sharebg{width:37px;left:120px;top:21px;height:0;transition:all 1s ease;}
.tips{width:100%;}
.title{width:428px;height:118px;left:746px;top:165px;}
.mvtips{width:547px;height:449px;left:686px;top:265px;opacity:0;-webkit-animation: 3s tipsAni ease-in;animation: 3s tipsAni ease-in;}
.cnrtips{width:500px;height:80px;left:708px;top:465px;color:#ffffff;text-indent:120px;font-size:36px;line-height:70px;opacity:0;-webkit-animation: 3s tipsAni ease-in;animation: 3s tipsAni ease-in;}
.cnrtips1{width:250px;height:40px;left:25%;top:40%;margin-left:-125px;margin-top:-20px;color:#ffffff;text-indent:60px;font-size:18px;line-height:35px;opacity:0;-webkit-animation: 3s tipsAni ease-in;animation: 3s tipsAni ease-in;}
.cnrtips2{width:250px;height:40px;left:75%;top:40%;margin-left:-125px;margin-top:-20px;color:#ffffff;text-indent:60px;font-size:18px;line-height:35px;opacity:0;-webkit-animation: 3s tipsAni ease-in;animation: 3s tipsAni ease-in;}
.topbg{width:1489px;height:1080px;left:215px;top:0px;}
#vrCross{position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
.cross1{width:6px;height:6px;left:25%;top:50%;margin-left:-3px;margin-top:-3px;color:#ffffff;font-size:10px;text-align:center;line-height:36px;}
.cross2{width:6px;height:6px;left:75%;top:50%;margin-left:-3px;margin-top:-3px;color:#ffffff;font-size:10px;text-align:center;line-height:36px;}
.s{width:256px;height:256px;left:832px;top:424px;}
#topmask{position:absolute;left:0;top:0;width:100%;height:100%;background:#000000;opacity:0;pointer-events:none;}
#maskcom{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;-webkit-animation: 0.3s fadeIn ease-in both;animation: 0.3s fadeIn ease-in both;}
#videoCon{display:none;}
#movie{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.mlinea{position:absolute;left:968px;top:448px;width:4px;height:146px;background:#ffffff;}
.movie{position:absolute;left:50%;top:50%;width:900px;height:506px;margin-left:-450px;margin-top:-253px;}
.movie2{position:absolute;left:50%;top:50%;width:450px;height:253px;margin-left:-225px;margin-top:-128px;}
#closeVideo{position:absolute;cursor:pointer;width:128px;height:128px;left:880px;top:-24px;background:url("../images/closeBtn2.png") no-repeat;background-size:100%;}
#closeVideo2{position:absolute;z-index:20;cursor:pointer;width:128px;height:128px;left:420px;top:-24px;background:url("../images/closeBtn2.png") no-repeat;background-size:100%;}
#s1Btn{position:absolute;cursor:pointer;width:58px;height:100px;left:708px;top:872px;}
#s2Btn{position:absolute;cursor:pointer;width:58px;height:100px;left:824px;top:872px;}
#s3Btn{position:absolute;cursor:pointer;width:58px;height:100px;left:940px;top:872px;}
#s4Btn{position:absolute;cursor:pointer;width:58px;height:100px;left:1056px;top:872px;}
#s5Btn{position:absolute;cursor:pointer;width:58px;height:100px;left:1172px;top:872px;}
.sbtntxt{position:absolute;left:0;top:50px;width:58px;color:#999999;font-size:16px;text-align:center;pointer-events:none;transition:all 0.5s ease;}
.ubg{width:58px;height:58px;left:0;top:0;transition:all 0.5s ease;opacity:0;}
.uline{width:7px;height:0;left:25px;top:96px;transition:all 0.5s ease;}
.ovbtn .sbtntxt{top:10px;color:#ffffff;}
.ovbtn .ubg{opacity:1;transition:all 0.5s ease 0.3s;}
.ovbtn .sbtntxt{top:10px}
.ovbtn .uline{top:58px;height:38px;}
.mvrtips{width:1920px;height:1079px;left:0px;top:0px;}
.mtitle{width:475px;height:162px;left:723px;top:172px;}
#enterBtn{position:absolute;width:236px;height:235px;left:843px;top:774px;background:url("../images/enterBtn.png") no-repeat;background-size:100%;}
#mvrBtn{position:absolute;width:240px;height:320px;left:1080px;top:400px;color:#ffffff;font-size:60px;text-align:center;line-height:570px;background:url("../images/vvr.png") no-repeat;background-size:100%;}
#mnBtn{position:absolute;width:240px;height:320px;left:624px;top:400px;color:#ffffff;font-size:60px;text-align:center;line-height:570px;background:url("../images/v360.png") no-repeat;background-size:100%;}
#hptips{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.9);color:#ffffff;font-size:26px;left:0;top:0;z-index:230;display:none;-webkit-animation:0.3s tipsShow2  ease-out;pointer-events:none;}
.hptipstxt{position:absolute;width:80%;top:40%;text-align:center;left:10%;}
#cvrBtn{position:absolute;width:120px;height:230px;left:900px;top:880px;color:#ffffff;font-size:30px;text-align:center;line-height:300px;background:url("../images/vvr.png") no-repeat;background-size:100%;}
#cnrBtn{position:absolute;width:120px;height:230px;left:900px;top:880px;color:#ffffff;font-size:30px;text-align:center;line-height:300px;background:url("../images/v360.png") no-repeat;background-size:100%;}

.fadeIn{-webkit-animation: 0.5s fadeIn ease-in both;animation: 0.5s fadeIn ease-in both;}
.fadeOut{-webkit-animation: 0.5s fadeOut ease-out both;animation: 0.5s fadeOut ease-in both;}
@-webkit-keyframes tipsAni{
	0%{
		opacity:0;

	}
	15%{
		opacity:1;

	}
	75%{
		opacity:1;

	}
	100%{
		opacity:0;

	}
}
@-webkit-keyframes scAni{
	0%{
		-webkit-transform:scale(1);
	}
	50%{
		-webkit-transform:scale(1.1);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@keyframes scAni{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(1.1);
	}
	100%{
		transform:scale(1);
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity:0;

	}
	100%{
		opacity:1;

	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity:1;

	}
	100%{
		opacity:0;

	}
}
@keyframes fadeIn{
	0%{
		opacity:0;

	}
	100%{
		opacity:1;

	}
}
@keyframes fadeOut{
	0%{
		opacity:1;

	}
	100%{
		opacity:0;

	}
}