*{margin:0;padding:0;box-sizing:border-box}
html{font-size:100px}
html,body{width:100%;height:100%;overflow: hidden;margin:0;padding:0;}
/* animate */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
/* flex */
.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex}
.flex-column{flex-direction:column}
.flex-center{justify-content:center}
.flex-end{justify-content:flex-end}
.flex-bet{justify-content:space-between}
.flex-items{align-items:center}
@keyframes mymove{0%{bottom:28%}
100%{bottom:25%}
}
.swiper-container,.swiper-slide{width:100%;height:100%;}
.page2{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../img/ani1.jpg);background-repeat:no-repeat;background-position:top right;background-size:cover}
.guide{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../img/ani1.jpg);background-repeat:no-repeat;background-position:top right;background-size:cover}
.guide .tit{margin-top:1rem;text-align:center}
.guide .tit img{height:0.64rem}
.guide .vr{margin:1.57rem 0 .6rem;text-align:center}
.guide .vr .v1{height:.98rem}
.guide .vr .v2{height:1rem}
.guide .tel{text-align:center}
.guide .tel img{height:0.25rem}
.guide .jg{position:absolute;right:27%;bottom:26.5%;z-index:1}
.guide .jg img{width:2.84rem}

.guide .btn img{width:3.3rem;z-index:22;left:50%;transform:translateX(-50%);position:absolute;animation:mymove 1s linear infinite alternate;}
.guide .btn .btn2{display:none;}
.guide .bot{position: absolute;width:100%;left:0;bottom:.3rem;text-align:center;color:#bebebe}
.guide .bot .gsm{font-size:.31rem;letter-spacing:8px;}
.guide .bot .tel{font-size:.25rem;letter-spacing:4px;margin-top:10px;}
.guide .vr .v2{display:none;}
@media (max-width:980px){
@keyframes mymove{0%{bottom:35%}
100%{bottom:32%}
}
.guide{background-image:url(../img/m_an1.jpg);background-position:top right}
.guide .tit img{height:.5rem}
.guide .btn img{width:3.2rem;}
.guide .btn .btn1{display:none;}
.guide .btn .btn2{display:inline-block;}
.guide .jg{right:5px;bottom:40%}
.guide .bot{bottom:25px;}
.guide .bot .gsm{font-size:.31rem;letter-spacing:4px;}
.guide .bot .tel{font-size:.25rem;letter-spacing:3px;margin-top:4px;}
.guide .vr{position: absolute;bottom:42%;width:100%;text-align:center;left:0;margin:0;}
.guide .vr .v1{display:none;}
.guide .vr .v2{display:inline-block;}
}