@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-ExtraLight.otf") format('truetype'); 
  font-weight: 100;
} 
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-Light.otf") format('truetype'); 
  font-weight: 200;
} 
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-Normal.ttf") format('truetype'); 
  font-weight: 300;
} 
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-Regular.ttf") format('truetype'); 
  font-weight: 400;
} 
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-Medium.otf") format('truetype'); 
  font-weight: 500;
} 
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-Bold.otf") format('truetype'); 
  font-weight: 700;
} 
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-Heavy.otf") format('truetype'); 
  font-weight: 900;
}  

*{padding:0;margin:0;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;outline:0; font-family: "SourceHanSansCN"; font-weight: 300; }
body{width:100%;overflow-x:hidden; overflow: hidden; scrollbar-width: none;-ms-overflow-style: none; background-color: #000;}

::-webkit-scrollbar { display: none;  }

.clearfix::after{display:block;clear:both;overflow:hidden}
input,select{outline:0;background-color:transparent;border:0;-webkit-appearance:none;appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
input:focus{outline:0}
input::-webkit-input-placeholder{color:#000}
input::-moz-placeholder{color:#000;font-size:.22rem}
input:-moz-placeholder{color:#000;font-size:.22rem}
input:-ms-input-placeholder{color:#000;font-size:.22rem}
video{max-width:100%}
.swiper-container{width:100%;height:100%}
.swiper-slide{width:100%;height:100%}
.swiper-wrapper{width:100%;height:100%}
img{display:block;border:none}
a{text-decoration:none}
.mainbg{width:100%; position: relative; top:0; }

.first_video_dialog{position: fixed; ; left:0; top:0; z-index: 10000; background-color: #000; width: 100%; height: 100%; display: none;transform: translate3d(0,0,20px); }
.first_video_dialog .video{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:2; transform: translate3d(0,0,30px); background-color: #000;   }
.first_video_dialog .close{width:0.5rem;height:0.5rem; position: absolute; right:0.4rem; top:0.3rem; transform: translate3d(0, 0, 40px); z-index: 200; background: url(../images/close.png) no-repeat; background-size: 100% 100%; cursor: pointer;}

.first-video{position: relative; ; left:0; top:0; z-index: 0; background-color: #000; width: 100%; height: 10.80rem}
.first-video .loop_video{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:2; }
.first-video .video{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:2; display: none; }
.first-video .mask{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 100; transform: translate3d(0,0,0); position: absolute; }
.first-video .play{width:0.98rem;height:0.98rem; position: absolute; left:50%; top:50%; transform: translate3d(-50%, -50%, 0); z-index: 200; background: url(../images/first-play.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.first-video .play::after{display: block; width:100%; height: 100%; content:' '; background: url(../images/first-guang.png) no-repeat; background-size: 100% 100%; animation:circle 2s linear infinite; }
@keyframes circle {
    0%{
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100%{
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }


.kv-main{position:relative;left:0;top:0;width:100%;height:7.63rem;overflow:hidden;}
.kv-main .kv{width:100%;height:100%;object-fit:cover}
.kv-main .logo{position:absolute;left:.46rem;top:.4rem;width:1.17rem;height:.39rem;object-fit:cover}
.kv-main .logo2{position:absolute;right:.4rem;top:.33rem;width:1.51rem;height:1.06rem;object-fit:cover}
.kv-main .tit{position:absolute;left:50%;transform:translateX(-50%);top:1.95rem;width:4.87rem;height:1.48rem;object-fit:cover}
.kv-main .des{position:absolute;left:50%;transform:translateX(-50%);top:6.95rem;width:3.31rem;height:.3rem;object-fit:cover}
.kv-main video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2}

.gy-main{position: relative;;left:0;width:100%;height:0px;overflow:hidden; display: block; z-index: 1;}
.gy-main .img{width:100%;height:100%;object-fit:cover}
.gy-main .cont{width:15.2rem;height:5.42rem;position:absolute;left:50%;transform:translateX(-50%);top:.8rem}
.gy-main .cont .tit-line{background-color:#fb870c;height:.03rem;width:.2rem}
.gy-main .cont .tit{width:100%;height:auto;object-fit:cover}
.gy-main .cont .gy-swiper{width:7.05rem;height:4.58rem;position:absolute;left:0}
.gy-main .cont .gy-swiper .swiper-container{width:7.05rem;height:4.18rem;position:relative}
.gy-main .cont .gy-swiper .swiper-slide{width:100%;height:4.18rem;position:relative}
.gy-main .cont .gy-swiper img{width:100%;height:auto;object-fit:cover}
.gy-main .cont .gy-swiper .pagination{position:absolute;left:0;text-align:center;bottom:-.36rem;width:100%; transform: none;}
.gy-main .cont .gy-swiper .swiper-pagination-switch{display:inline-block;width:.15rem;height:.15rem;border-radius:50%;border:.02rem solid #fb870c;background:0 0;margin:0 .15rem;cursor:pointer}
.gy-main .cont .gy-swiper .swiper-active-switch{background:#fb870c;border:.02rem solid #fb870c}
.gy-main .cont .gy-news{width:7.5rem;height:4.04rem;position:absolute;right:0;color:#fff;padding:.14rem .04rem 0; }
.gy-main .cont .gy-news .desc{font-size:.2rem;line-height:.36rem;color:#fff;text-indent:2em}
.gy-main .cont .gy-news .big-line{background:#fb870c;width:96%;height:.03rem;margin:.26rem auto .2rem}
.gy-main .cont .gy-news .text-link .btn:hover{transform: scale(1.1);}
.gy-main .cont .gy-news .text-link .txt:hover{font-size: .24rem;opacity: 1;}
.gy-main .cont .gy-news .text-link{color:#fff;width:100%;height:.4rem;display:block;font-size:.2rem;}
.gy-main .cont .gy-news .text-link .txt{float:left;line-height:.4rem;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  font-weight: 400; opacity: .6;transition: all .3s ease;}
.gy-main .cont .gy-news .text-link .btn{width:1.23rem;height:.28rem;background:url(../images/new-btn.png) no-repeat;background-size:100% 100%;float:right;margin-right:.16rem;margin-top:.06rem;transition: all .3s ease;}

.map-main{position: relative;;left:0;width:100%;height:8.83rem;overflow:hidden; }
.map-main .img{width:100%;height:100%;object-fit:cover}
.map-main .cont{width:15.2rem;height:.83rem;position:absolute;left:50%;transform:translateX(-50%);top:.4rem}
.map-main .bg{position:absolute;left:0;top:0;width:100%;height:8.83rem}
.map-main .cont .tit-line{background-color:#fb870c;height:.03rem;width:.2rem}
.map-main .cont .tit{width:100%;height:auto;object-fit:cover}
.map-main .point{width:.9rem;height:1.2rem;position:absolute;position:absolute; cursor: pointer;}
.map-main .point0{left:7.4rem;bottom:1.02rem}
.map-main .point1{width:1.1rem;height:1.14rem;left:3.4rem;bottom:2.38rem}
.map-main .point2{left:8.1rem;top:4.12rem}
.map-main .point3{left:10.4rem;top:4.74rem}
.map-main .point4{left:5.84rem;top:3.2rem}
.map-main .point5{left:11.86rem;top:3.5rem}
.map-main .point6{right:2.78rem;top:3.9rem}
.map-main .point .text{font-size:.2rem;color:#fff;width:100%;text-align:center;font-weight:700}
.map-main .point .arrow{width:.6rem;height:.8rem;background:url(../images/point-arrow.png) no-repeat center center;background-size:100% 100%;position:absolute;bottom:.12rem;left:50%;transform:translateX(-50%) scale(1)}
.map-main .point .circle{width:.62rem;height:.26rem;background:url(../images/point-circle.png) no-repeat center center;background-size:100% 100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}

.map-main .pop{width: 100%; height: 100%;position: absolute; left:0; top:0; z-index: 100; display: none;}
.map-main .content{width:10.52rem;height:5.05rem;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0); z-index: 300;   }
.map-main .content .pagewrop{width:10.52rem;height:5.05rem;position:absolute;left:0;top:0;    }
.map-main .content .flipbook{pointer-events: none;}


.map-main .content .item{width:10.52rem;height:5.05rem;margin:0 auto;background:url(../images/pop-bg.png) no-repeat;background-size:100% auto;position: absolute;right:0; top:0;  }
.map-main .content .item .title{width:100%;height:.38rem;line-height:.38rem;font-size:.32rem;color:#fff;text-align:center;margin-top:.92rem;font-weight:900}
.map-main .content .item .info{width:8.02rem;margin:.4rem auto 0 auto;font-size:.17rem;color:#fff;line-height:.36rem; font-weight: 500;}
.map-main .content .item .info .spname{font-size:.36rem;color:#fff;line-height:.46rem;font-weight:900}
.map-main .content .mask{width:100%;height:100%; position: absolute; left:0; top:0; z-index: 1000; transform: translate3d(0,0,10px); }
.map-main .content .close{width:.24rem;height:.24rem;background:url(../images/close-btn.png) no-repeat;background-size:100% 100%;position:absolute;top:.18rem;right:.18rem; cursor: pointer;}
.map-main .content .goNext{width: 1.46rem; height: 1.06rem; position: absolute; right: 0; bottom: 0; background:url(../images/map-goNext.png) no-repeat;background-size:100% 100%; cursor: pointer;}
.map-main .content .goPrev{width: 1.46rem; height: 1.06rem; position: absolute; left: 0; bottom: 0; background:url(../images/map-goPrev.png) no-repeat;background-size:100% 100%; cursor: pointer;}

.ld-main{position: relative;;left:0;width:100%;overflow:hidden;background:url(../images/ld-bg.jpg) no-repeat;background-size:100%}
.ld-main .media{position:relative;width:15.44rem;height:5.02rem;margin:0 auto}
.ld-main .media .cont{width:15.2rem;height:.83rem;position:absolute;left:50%;transform:translateX(-50%);top:.4rem;z-index:1}
.ld-main .cont .tit-line{background-color:#fb870c;height:.03rem;width:.2rem}
.ld-main .cont .tit{width:100%;height:auto;object-fit:cover}
.ld-main .media .item{position:absolute;top:1.4rem;width:7.55rem;height:3.64rem;background:url(../images/mtlh-bg1.png) no-repeat;background-size:100% 100%}
.ld-main .media .item:first-child{left:0}
.ld-main .media .item:last-child{right:0}
.ld-main .media .item .logo1{margin:.15rem .16rem .12rem .8rem;width:.9rem;height:auto}
.ld-main .media .item .logo2{margin:.2rem .22rem .34rem 1.56rem;width:1.57rem;height:auto}
.ld-main .media .item .head{color:#fff;line-height:.24rem}
.ld-main .media .item .head img{display:inline-block}
.ld-main .media .item .head .tit-txt{display:inline-block;line-height:.3rem;font-size:.18rem;font-weight: 300;}
.ld-main .media .item1 .head .tit-txt{width:5.02rem}
.ld-main .media .item2 .head .tit-txt{width:3.2rem}
.ld-main .media .item .text-link .txt:hover{font-size: .24rem;opacity: 1;}
.ld-main .media .item .text-link .btn:hover{transform: scale(1.1);}
.ld-main .media .item .text-link{color:#fff;width:100%;height:.5rem;display:block;font-size:.2rem;position:relative;}
.ld-main .media .item .txt{float:left;line-height:.5rem;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  font-weight: 400; opacity: .6;transition: all .3s ease;}
.ld-main .media .item .btn{width:1.23rem;height:.28rem;background:url(../images/new-btn.png) no-repeat;background-size:100% 100%;float:right;margin-right:.16rem;margin-top:.16rem;transition: all .3s ease;}
.ld-main .media .item .text{width:80%;font-size:.2rem;color:#fff}
.ld-main .media .item .text .txt{float:left;line-height:.4rem}
.ld-main .media .item .news{position:relative;margin-left:.08rem}

.ld-main .mtbd{position:relative;width:15.2rem;margin:0 auto .52rem}
.ld-main .mtbd .mt-tit{width:2.3rem;height:auto;margin:0 auto .24rem}
.ld-main .mtbd .cont-list{width:94.4%;background-color:#fff;padding:.24rem .45rem;position:relative}
.ld-main .mtbd .cont-list .item{width:1.3rem;height:.64rem;display:block;float:left;} 
.ld-main .mtbd .cont-list .item img{width:100%;height:100%;object-fit:contain;}
.ld-main .light{position:relative;width:15.2rem;margin:0 auto .5rem;height:9.26rem}
 

.cont{width:15.2rem;height:.83rem;position:relative;left:50%;transform:translateX(-50%)}
.map-main .cont .tit-line{background-color:#fb870c;height:.03rem;width:.2rem}
.cont .tit{width:100%;height:auto;object-fit:cover}
.fromdiv{width:19.2rem;height:3.51rem;background:url(../images/form-bg.png) no-repeat;background-size:100% 100%;position:relative}
#name{position:absolute;top:1.86rem;width:2rem;height:.38rem;left:3.84rem;font-size:.2rem;padding-left:.2rem;color:#000;background-color:transparent}
#tel{position:absolute;top:1.86rem;width:2rem;height:.38rem;left:7.07rem;font-size:.2rem;color:#000;padding-left:.2rem;background-color:transparent}
#province{position:absolute;top:2.406rem;width:2rem;height:.38rem;left:3.84rem;font-size:.2rem;color:#000;padding-left:.2rem;background-color:transparent}
#province option{background-color:#fff}
#car{position:absolute;top:2.406rem;width:2.83rem;height:.38rem;font-size:.2rem;padding-left:.2rem;color:#000;left:10.49rem;background-color:transparent}
#car option{background-color:#fff}
#city{position:absolute;top:2.406rem;width:2rem;height:.38rem;left:7.07rem;font-size:.2rem;color:#000;padding-left:.2rem;background-color:transparent}
#city option{background-color:#fff}
#dealer{position:absolute;top:1.86rem;width:2.83rem;height:.38rem;left:10.49rem;font-size:.2rem;color:#000;padding-left:.2rem;cursor:pointer}
#dealer option{background-color:#fff}

.fromdiv .btn{position:absolute;top:2.18rem;left:13.75rem;width:2.58rem;height:.62rem;cursor:pointer;z-index:100}

.nav{position:fixed;top:2.4rem;right:1rem; bottom: 0.8rem; font-size:.7em;text-transform:uppercase; text-align:right;z-index:9; width: 300px; pointer-events: none;}
.nav .dl{width: 1.60rem;height: .71rem;background:url(../images/nav_dl.png) no-repeat;background-size:100% 100%; position: absolute; right:0; top:0; cursor: pointer; pointer-events: all; }
.nav .navLink{position: absolute; right:0; top:0; height: 30px; display: flex; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; cursor: pointer;  pointer-events: all; }  
.nav .navLink .circle{background:#fff;display:block;width:6px;height:6px; border-radius: 6px; margin:12px 3px; pointer-events: none;  }
.nav .navLink .textbox{ width:0; overflow: hidden; height: 30px;pointer-events: none;  }
.nav .navLink .textbox .text{color: #fff; font-size: 12px; line-height: 30px; padding: 0px 6px;word-break:keep-all;white-space:nowrap;   pointer-events: none;   }
 


.light .linebox-list{background-color:#fff;position:relative;width:15.2rem; height: 8.40rem;}
.light .linebox-list .linebox .h1.font-sty{ }
.light .linebox-list .linebox{width: 100%; height: 2.10rem; margin-bottom: 1px; position: relative; display: block  ;}
.light .linebox-list .linebox .h1{font-size: 0.24rem; color: #fff;   height: 0.6rem; line-height: 0.6rem; position: absolute; left:0.76rem; top:0.76rem; width: 13.64rem; z-index: 10; pointer-events: none; font-weight: 800; }
.light .linebox-list .linebox .h1 .bar{width: 2%; height: 0.04rem; background-color: #fff; position: absolute; left:0; bottom: 0;  pointer-events: none; }
.light .linebox-list .linebox:hover .h1 .bar{animation: barOverAnim 1s linear;animation-fill-mode:forwards; }

.light .linebox-list .linebox .mask{width: 100%; height: 100%; position: absolute; left:0; top:0; background-color: rgba(255,255,255,0); z-index: 8; }
.light .linebox-list .linebox:hover .mask{ background-color: rgba(255,255,255,0.3);}

.light .linebox-list .linebox .more{width: 0.87rem; height: 0.56rem; position: absolute; z-index: 9; right:0.54rem; top:0.74rem; background:url(../images/ld-btn.png) no-repeat center center; background-size: 100% auto; transform-origin: center center; animation: moreOutAnim 0.5s linear;animation-fill-mode:forwards; pointer-events: all; cursor: pointer;  }
.light .linebox-list .linebox:hover .more{animation: moreOverAnim 0.5s linear;animation-fill-mode:forwards;   }

.light .linebox-list .linebox .bg0{position: absolute; left:0; top:0; z-index: 0; width: 100%; height: 100%; pointer-events: none; display: none; }
.light .linebox-list .linebox .bg1{position: absolute; left:0; top:0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }

@keyframes moreOverAnim {
  0%{ 
    opacity: 0;
    transform: rotateZ(180deg);
  }  
  100%{ 
    opacity: 1;
    transform: rotateZ(0deg);
  }
}
@keyframes moreOutAnim {
  0%{ 
    opacity: 1;
    transform: rotateZ(0deg);
  }
  100%{ 
    opacity: 0;
    transform: rotateZ(180deg);
  }
}

@keyframes barOverAnim {
  0%{ 
    width: 2%;
  }  
  50%{ 
    width: 100%;
  }
  100%{ 
    width: 2%;
  }  
}
@keyframes barOutAnim {
  0%{ 
    width: 2%;
  }
  100%{ 
    width: 2%;
  }
}

.animbox{position: fixed; left:0; top:0; z-index: 1000; left:2.0rem; width: 15.20rem; height: 2.10rem; display: none; overflow: hidden; background-color: #000;}
.animbox .line_mask{position: absolute; left:50%; transform: translateX(-50%); top:0; width: 15.20rem; height: 2.10rem; z-index: 40; pointer-events: none;}
.animbox .line_mask.bg0{background: url(../images/linebox_bg0.jpg) no-repeat left 0%; background-size: 100% auto; }
.animbox .line_mask.bg1{background: url(../images/linebox_bg1.jpg) no-repeat left 33.333%; background-size: 100% auto; }
.animbox .line_mask.bg2{background: url(../images/linebox_bg2.jpg) no-repeat left 66.666%; background-size: 100% auto; }
.animbox .line_mask.bg3{background: url(../images/linebox_bg3.jpg) no-repeat left 99.999%; background-size: 100% auto; }

.animbox .swiper-container{position: absolute; left:0; top:0; width: 100%; height: 100%; left:50%; transform: translateX(-50%);}
.animbox .swiper-container .img{width: 100%; height: 100%; display: block; object-fit: cover;}
.animbox .pagination{ }
.animbox .pagination .swiper-pagination-switch {background-color: transparent; border: 1px solid #fb870c; margin: 0px 10px; width: 14px; height: 14px; }
.animbox .pagination .swiper-active-switch {background-color: #fb870c; border: 1px solid #fb870c; margin: 0px 10px;}

.animbox .close{width: 24px; height: 24px; position: absolute; right:0.6rem; top:0.4rem; background:url(../images/close-btn.png) no-repeat; background-size: 100% auto; transform-origin: center center; transform: rotateZ(0deg); animation-fill-mode:forwards; z-index: 400; cursor: pointer; animation: animboxCloseOutAnim 0.5s linear;animation-fill-mode:forwards; }
.animbox .close:hover{animation: animboxCloseInAnim 0.5s linear;animation-fill-mode:forwards; }
.loadText{width:0px; height: 0px; overflow: hidden; font-size: 10px; display: block; font-weight: 500;}

@keyframes animboxCloseOutAnim {
  0%{  
    transform: rotateZ(180deg);
  }  
  100%{  
    transform: rotateZ(0deg);
  }
}
@keyframes animboxCloseInAnim {
  0%{  
    transform: rotateZ(0deg);
  }
  100%{  
    transform: rotateZ(180deg);
  }
}


 
/* @keyframes heartbeat{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity: 0;}
5%{-webkit-transform:translateX(-50%) translateY(-.1rem);transform:translateX(-50%) translateY(-.1rem);opacity: 0.4;}
10%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity: 0.9;}
15%{-webkit-transform:translateX(-50%) translateY(-.1rem);transform:translateX(-50%) translateY(-.1rem);opacity: 1;}
20%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity: 0.6;}
100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity: 1;}
} */

@keyframes heartbeat {
	0% {
	transform:translate(-50%) scale(1,1);
	opacity:.5;
}
25% {
	transform:translate(-50%) scale(1.2,1.2);
	opacity:1;
}
50% {
	transform:translate(-50%) scale(1,1);
	opacity:.5;
}

75% {
	transform:translate(-50%) scale(1.2,1.2);
	opacity:1;
}
100% {
	transform:translate(-50%) scale(1,1);
	opacity:.5;
}
}
@-webkit-keyframes heartbeat {
	0% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
  25% {
    transform:translate(-50%) scale(1.2,1.2);
    opacity:1;
  }
  50% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
  
  75% {
    transform:translate(-50%) scale(1.2,1.2);
    opacity:1;
  }
  100% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
}
@-moz-keyframes heartbeat {
	0% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
  25% {
    transform:translate(-50%) scale(1.2,1.2);
    opacity:1;
  }
  50% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
  
  75% {
    transform:translate(-50%) scale(1.2,1.2);
    opacity:1;
  }
  100% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
}
@-o-keyframes heartbeat {
	0% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
  25% {
    transform:translate(-50%) scale(1.2,1.2);
    opacity:1;
  }
  50% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
  
  75% {
    transform:translate(-50%) scale(1.2,1.2);
    opacity:1;
  }
  100% {
    transform:translate(-50%) scale(1,1);
    opacity:.5;
  }
}

/*  
.flipbook .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
  background-size:100% 100%;
  background: url(../images/pop-bg.png) no-repeat; background-size: 100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 80px rgba(0,0,0,0.8);
	-moz-box-shadow:0 0 80px rgba(0,0,0,0.8);
	-ms-box-shadow:0 0 80px rgba(0,0,0,0.8);
	-o-box-shadow:0 0 80px rgba(0,0,0,0.8);
	box-shadow:0 0 80px rgba(0,0,0,0.8);
}

.flipbook .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 80px #ccc;
	-moz-box-shadow:0 0 80px #ccc;
	-o-box-shadow:0 0 80px #ccc;
	-ms-box-shadow:0 0 80px #ccc;
	box-shadow:0 0 80px #ccc;
} */