/*主内容图片*/
.wrap{width: 100%;display: block;position: relative;height: 13.34rem; max-height: 13.34rem;}
.wrapCont{ position: relative;width: 100%;height: 100%;overflow-x: hidden;}
#bImg{position: absolute;width: 20rem;display: block;top:0rem;left:-7rem;height: 100%;}
#bImg img{width: 100%;display: block;height: 100%;}


/*顶部标题字体*/
.topNav{width: 100%;display: block;text-align:center;position: fixed;top: 0;z-index: 1;background: url("../images/dengbg.png") no-repeat;height: 3.6rem;padding-top: .3rem;left: 0}
.topNav em{width: .32rem;display: block;position: absolute;left: 1.4rem;top: .34rem;-webkit-animation-duration: 1s; -webkit-animation-play-state: paused; -webkit-animation-fill-mode: both}
.topNav em img{width: 100%;display: block}
.topNav p{ font-size:.34rem;color: #fff;padding-left: .5rem;-webkit-animation-duration: 1s; -webkit-animation-play-state: paused; -webkit-animation-fill-mode: both; width: 80%;position: fixed;top: auto;left: .65rem;}
.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-play-state: paused;
    -webkit-animation-fill-mode: both;
}
/*顶部字体从上下来*/
.topNav .bounceInDown {    -webkit-animation-name: bounceInDown;    -webkit-animation-play-state: running;    -webkit-animation-delay: 1s;    display: block;}
/*左侧箭头从左出来*/
.wrapCont .bounceInLeft { display: block;   -webkit-animation-play-state: running;-webkit-animation-duration: 1s;  -webkit-animation-fill-mode: both;
      animation-play-state: running;animation-duration: 1s;  animation-fill-mode: both;}


@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);   transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -5px, 0);  transform: translate3d(0, -5px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 3px, 0);   transform: translate3d(0, 3px, 0);
    }
    100% {
        -webkit-transform: none;   transform: none;
    }
}
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);  transform: translate3d(25px, 0, 0);    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);  transform: translate3d(5px, 0, 0);    }
    100% {
        -webkit-transform: none;  transform: none;  }
}
/*点击 =》波浪*/
.blCircle{position:absolute;width: .46rem;height: .46rem;opacity: 1;top: 4.8rem;left: 8.5rem;cursor: pointer;z-index: 12;}
.blCircle .cir{   background: rgb(150, 150, 150);  border-radius: 100%;  position:absolute;  left: .25rem;   top: .25rem;  width: .15rem;  height: .15rem;  animation: run1 1s  ease infinite; -webkit-animation: run1 1s  ease .3s infinite;  }

.blCircle .on .c2{animation:run1 1s  ease infinite;-webkit-animation:run1 1s  ease .3s infinite;}
.blCircle .on .c3{animation:run1 1s  ease 0.5s infinite;-webkit-animation:run1 1s  ease 0.5s infinite;}
.blCircle .c1{width: .22rem;height: .22rem;left: .2rem;top: .2rem;opacity: 1;z-index: 9;animation:run1 1s  ease 1;-webkit-animation:run1 1s ease 1;}
.blCircle .c2{width: .3rem;height: .3rem;top: .16rem;left: .16rem;opacity: .6;z-index: 8;}
.blCircle .c3{width: 0.32rem;height: .32rem;top: .1rem;left: .1rem;opacity: .4;z-index: 7;display: none;}
.cir1{top: 7.8rem;left: 10.5rem;}
.cir2{    top: 8.5rem;  left: 1.7rem;}
.cir2 .cir { background: rgb(102, 102, 102);}
.cir3{top: 3.8rem;left: 4rem;}
@keyframes run1{
    0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);opacity:1;
    }
    20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);opacity:.8;
    }
    40%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);opacity:.6;
    }
    60%{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);opacity:.4;
    }
    80%{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity:.2;
    }
    100%{
        -webkit-transform: scale(1.5); -moz-transform: scale(1.5);-ms-transform: scale(1.5); -o-transform: scale(1.5);transform: scale(1.5);opacity:0;
    }
}
@-webkit-keyframes run1{
    0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);opacity:1;
    }
    20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);opacity:.8;
    }
    40%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);opacity:.6;
    }
    60%{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);opacity:.4;
    }
    80%{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity:.2;
    }
    100%{
        -webkit-transform: scale(1.5); -moz-transform: scale(1.5);-ms-transform: scale(1.5); -o-transform: scale(1.5);transform: scale(1.5);opacity:0;
    }
}
.arrow{width: .4rem; height: .4rem; display: inline-block; position: absolute;    top: .25rem;  left: .25rem;  z-index: 9;}
/*.arrow em{width: .6rem; display: block; color: #666;  border-radius: 6px;text-align: center; font-size: .26rem;}*/
.arrow img{ width: .4rem;height: .4rem;display: block;}



.animteShow .bounceInUp{ -webkit-animation-name: bounceInUp;animation-name: bounceInUp;animation-iteration-count:1;-webkit-nimation-iteration-count:1; -webkit-animation-play-state: running;animation-play-state: running;-webkit-animation-duration: 1s;animation-duration: 1s;   -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-delay: 1s;animation-delay: 1s;}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: .3;
        -webkit-transform: translate3d(0, -25px, 0);   transform: translate3d(0, -25px, 0);
    }
    75% {
        opacity: .5;
        -webkit-transform: translate3d(0, 5px, 0);  transform: translate3d(0, 5px, 0);
    }
    90% {
        opacity: .7;
        -webkit-transform: translate3d(0, -3px, 0);   transform: translate3d(0, -3px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;  transform: none;  }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: .3;
        -webkit-transform: translate3d(0, -25px, 0);   transform: translate3d(0, -25px, 0);
    }
    75% {
        opacity: .5;
        -webkit-transform: translate3d(0, 5px, 0);  transform: translate3d(0, 5px, 0);
    }
    90% {
        opacity: .7;
        -webkit-transform: translate3d(0, -3px, 0);   transform: translate3d(0, -3px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;  transform: none;  }
}
/*.plusShow{display: none}*/
.plusShow{font-style: normal;display: block !important;margin-top: .3rem;}

.botNav .linka{position: fixed;bottom: 0;width: 100%;display: none;}
.tips{position: fixed;/*bottom: 1rem;*/bottom: 0;color: #fff; font-size: 10px;left: 2px;opacity: .7;}
.botNav a{width: 24%;display: block;float: left;height: 1rem;text-align: center;position: relative;    margin: 0 .65%;}
.botNav a:first-child{margin-left: 0;}
.botNav a:last-child{margin-right: 0;}
.botNav a.active{border: 1px solid #000;}
.botNav a img{width: 100%;display: block;height: 100%}
.botNav a em{    position: absolute;  bottom: 0;  font-size: 12px;  width: 100%;  text-align: center;  left: 0;  background: rgba(0,0,0,.4);    color: #fff;}
/*三个点击进入场景的单独点*/
.view{position: absolute;width: .82rem;height: .44rem;display: block;background: rgba(0,0,0,.35);border-radius: 6px;color: #252525;text-align: center;line-height: .44rem;font-size: .24rem;}
.view2{    top: 7.3rem;    right: 9rem;}
.view3{    top: 3.3rem;    right: 15.3rem;}
.view4{    top: 8rem;    right: 17.7rem;}

@media only screen and (min-width: 750px){
	#bImg{width: 100%;    height: 100%;   left: 0; overflow: hidden;position: absolute;}
	body{height: 1000px;overflow: hidden;}
	.cir1,.cir2{top: 6.5rem;}
	.cir3{top: 3rem;left: 3.8rem;}
	#bImg{top:-1rem}

}
@media only screen and (min-width: 1025px) and (max-width: 1166px) {
	
	.cir1, .cir2 {    top: 6.4rem;}
	.cir1 {    left: 6rem;}
	.cir2 {    left: 0.7rem;}
	.cir3 {   top: 3rem;  left: 2rem;}
}
@media only screen and (min-width: 1167px) and (max-width: 1440px) {


	.newLoading #lologo2{    top: -4rem;}
	.newBlack.newLoading{height: 3rem;}
	}