@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
body, input, button, textarea, select { -webkit-text-size-adjust: none;outline: 0; color: #333 }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
a { text-decoration: none; color: #333; }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
/* a:hover { color: #cc3333; } */
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
.body-main{width:100vw;height: 100vh;overflow: hidden;}
main{width: 7.5rem;height: 15.08rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
* { -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;  padding: 0;}
.isPc{
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    /* -webkit-transform-origin: 0 0; */
    /* -ms-transform-origin: 0 0; */
    /* transform-origin: 0 0; */
    margin:0 auto;
    left:0;
    top:50%;
}
.load-wrap { width: 100%; height: 100%; background: #940d03; position: absolute; left: 0;  top: 0;  z-index: 99999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.load-wrap .loadImg { width:40%;}
.load-wrap .load { text-align: center; -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; position: relative; top: -0.3125rem;}
.load-wrap .load .circle { display: inline-block; width: 0.9375rem; height: 0.9375rem; -webkit-border-radius: 50%;border-radius: 50%;  border-style: solid; border-width: 3px 3px 3px 3px; border-color: rgba(255, 217, 116, 0.5) rgba(255, 217, 116, 0.5) rgba(255, 217, 116, 0.5) white; -webkit-animation: circle1 1s infinite linear; animation: circle1 1s infinite linear;}
.load-wrap .load .num {color: #ffd974; font-size: 0.3125rem; position: relative; top: 0.3125rem;}
.swiper-container{width: 100%;height: 100%;}
.swiper-container .swiper-slide{width: 100%;height: 100% !important;background: #940d03;overflow: hidden;}


/* slide1 */
.p1_con{ background:url(../images/bg1b.jpg) no-repeat center/cover !important; overflow:hidden; width:100%; height:100%; position:relative;}
.p1_con div{position:absolute;}
.p1_con .pointer_box{ background:url(../images/icon_t2.png) no-repeat center/cover !important; width:0.74rem; height:0.93rem; top:44%; right:7%;	animation:flash_d 3.5s infinite;
	-moz-animation:flash_d 3.5s infinite; /* Firefox */
	-webkit-animation:flash_d 3.5s infinite; /* Safari and Chrome */
	-o-animation:flash_d 3.5s infinite; /* Opera */}
.p1_con .btn-start{ position:absolute; left:50%; margin-left:-1.7rem; bottom:10%; z-index:9; width:3.35rem; height:1.60rem; z-index:3; background:url(../images/btn-start.png) no-repeat center/cover !important;}
.p1_con .btn-start em{ display:block; position:absolute; width:100%; height:100%;}
.p1_con .icon_hu{ width:3.49rem; height:3.01rem; position:absolute; bottom:13%; left:50%; margin-left:-1.7rem; z-index:2;-webkit-animation: circle_2 0.8s infinite linear; animation: circle_2 0.8s infinite linear;}

.p1_con .hu_left{background:url(../images/hu_lt.png) no-repeat center/cover !important; position:absolute; width:2.56rem; height:3.38rem; left:9%; top:50%; z-index:1;-webkit-animation: circle_2 0.8s infinite linear; animation: circle_2 0.8s infinite linear;}
.p1_con .hu_right{background:url(../images/hu_rt.png) no-repeat center/cover !important; position:absolute; width:3.15rem; height:5.19rem; right:0; top:54%; z-index:3;-webkit-animation: circle_2b 0.8s infinite linear; animation: circle_2b 0.8s infinite linear;}

.p1_con .hu_tiao{ position:absolute; z-index:2; top:28%; left:50%; margin-left:-1.4rem; width:2.8rem; height:7.64rem;}
.p1_con .hu_tiao span{ width:2.80rem; height:1.70rem; display:block; position: absolute; top:0; left:0; z-index:2;}
.p1_con .hu_tiao span img{width:2.80rem; height:1.70rem;}
.p1_con .hu_tiao p{ background:url(../images/p1_02.png) no-repeat bottom/cover !important; width:2.13rem; height:6.38rem; position:absolute; top:1.45rem; left:0.38rem; z-index:1; overflow:hidden;animation:hu_down 1.2s;-webkit-animation:hu_down 1.2s; /* Safari and Chrome */}
@keyframes hu_down
{
	0%   { height:1rem;}
	100% { height:6.38rem;}
}

@-webkit-keyframes hu_down /* Safari and Chrome */
{
	0%   { height:1rem;}
	100% { height:6.38rem;}
}
.animate__delay-1s{animation-delay:1s;-webkit-animation-delay:1s;}
.animate__delay-2s{animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.animate__delay-3s{animation-delay:2s;-webkit-animation-delay:2s;}
.animate__delay-4s{animation-delay:3s;-webkit-animation-delay:3s;}
.p1_con .yanhua_01{ background:url(../images/bg2_05.png) no-repeat bottom/cover !important; width:1.29rem; height:1.29rem; position:absolute; z-index:2; top:4%; left:20%;}
.p1_con .yanhua_02{ background:url(../images/bg2_05.png) no-repeat bottom/cover !important; width:0.9rem; height:0.9rem; position:absolute; z-index:2; top:6%; right:25%;}
.p1_con .yanhua_03{ background:url(../images/bg2_05.png) no-repeat bottom/cover !important; width:1.09rem; height:1.09rem; position:absolute; z-index:2; top:45%; left:30%;}


.p1_con .denglong_box{ position:absolute; width:100%; height:100%;}
.p1_con .denglong_box p em{ display:block; width:100%; height:100%; position:absolute;}
.p1_con .denglong_box .p01{ display:block; background:url(../images/icon_d1.png) no-repeat center/cover !important;  width: 2.17rem; height:3rem; position:absolute; top:2.65rem; left:0.4rem;
	animation:flash_d 2s infinite;
	-moz-animation:flash_d 2s infinite; /* Firefox */
	-webkit-animation:flash_d 2s infinite; /* Safari and Chrome */
	-o-animation:flash_d 2s infinite; /* Opera */
}
.p1_con .denglong_box .p02{ display:block; background:url(../images/icon_d1.png) no-repeat center/cover !important;   width: 2.5rem; height:3.44rem; position:absolute; top:4.84rem; left:-0.4rem;
	animation:flash_d 5s infinite;
	-moz-animation:flash_d 5s infinite; /* Firefox */
	-webkit-animation:flash_d 5s infinite; /* Safari and Chrome */
	-o-animation:flash_d 5s infinite; /* Opera */
}
.p1_con .denglong_box .p03{ display:block; background:url(../images/icon_d.png) no-repeat center/cover !important;   width: 2.18rem; height:2.9rem; position:absolute; top:2.71rem; right:0.43rem;
	animation:p_00 2.5s infinite;
	-moz-animation:flash_d 2.5s infinite; /* Firefox */
	-webkit-animation:flash_d 2.5s infinite; /* Safari and Chrome */
	-o-animation:flash_d 2.5s infinite; /* Opera */
}
.p1_con .denglong_box .p04{ display:block; background:url(../images/icon_d1.png) no-repeat center/cover !important;   width: 2.5rem; height:3.4rem; position:absolute; top:4.84rem; right:-0.4rem;
	animation:flash_d 3s infinite;
	-moz-animation:flash_d 3s infinite; /* Firefox */
	-webkit-animation:flash_d 3s infinite; /* Safari and Chrome */
	-o-animation:flash_d 3s infinite; /* Opera */
}

@-webkit-keyframes flash_d{
	0%,100%,50%{opacity:1}
	25%,75%{opacity:0}}
@keyframes flash_d{
	0%,100%,50%{opacity:1}
	25%,75%{opacity:0}}


.p1_con .big_denglong_box{ width:100%; height:100%; background-color: rgba(0,0,0,0.7); z-index:11;}
.p1_con .big_denglong_box p{ background:url(../images/big_d.png) no-repeat center; background-size:90% auto; overflow:hidden; width:100%; height:100%; z-index:12; text-align:center; display:none;}
.p1_con .big_denglong_box p img{ margin:72% auto 0; width:88%; height:auto;}



/* slide2 */
.p2_con{ background:#940d03; overflow:hidden; width:100%; height:100%; position:relative;}
.p2_con .xuanzhuan_bg{animation: circle1 8s linear infinite; z-index:1; margin-left:-50%; width:200%; height:100%; position:absolute;position:absolute; background:url(../images/bg2_01.png) no-repeat center;}
.p2_con .bg_02{ width:100%; height:100%; position:absolute; background:url(../images/bg2_02.png) no-repeat center/cover !important; z-index:2}
.p2_con .hu_03{ position:absolute; bottom:4%; left:50%; margin-left:-3rem; z-index:3; background:url(../images/bg2_03.png) no-repeat center/cover !important;width:6.1rem; height:9.6rem;}
.p2_con .hu_03 .hu_03_dong{ position:absolute; left:50%; margin-left:-1.85rem; top:18%;}
.p2_con .hu_03 .hu_03_dong img{ width:4rem; height:auto;}
.p2_con .duilian01{ position:absolute; z-index:4; background:url(../images/dl_lt.png) no-repeat center/cover !important; width:1.55rem; height:6.2rem; top:38%; left:4%;}
.p2_con .duilian02{ position:absolute; z-index:4; background:url(../images/dl_rt.png) no-repeat center/cover !important; width:1.55rem; height:6.2rem; top:38%; right:4%;}
.p2_con .title_p2{ background:url(../images/bg2_04.png) center/cover !important; width:4.98rem; height:3.38rem; position:absolute; z-index:4; left:50%; margin-left:-2.5rem; top:14%;}

.p2_con .p2_yanhua_01{ background:url(../images/bg2_05.png) no-repeat bottom/cover !important; width:1.29rem; height:1.29rem; position:absolute; z-index:2; top:13%; left:12%; }
.p2_con .p2_yanhua_02{ background:url(../images/bg2_05.png) no-repeat bottom/cover !important; width:0.9rem; height:0.9rem; position:absolute; z-index:2; top:21%; right:7%;animation: circle3 40s linear infinite;}
.p2_con .p2_yanhua_03{ background:url(../images/bg2_05.png) no-repeat bottom/cover !important; width:1.09rem; height:1.09rem; position:absolute; z-index:5; top:36%; left:30%;  animation: circle3 60s linear infinite;}
.p2_con .hu_03 .ewm_p2{ text-align:center; position:absolute; z-index:6; color:#ff7c3c; font-size:0.22rem; font-weight:bold; top:4.2rem; width:100%;}
.p2_con .hu_03 .ewm_p2 img{ display:block; width:1.99rem; height:1.97rem; margin:0 auto 0.1rem;}
.p2_con .fx{position:absolute; z-index:4 ;top:1.2rem;width:3.87rem; right:0.4rem;}
.p2_con .fx img{ width:3.87rem; height: auto; display:block; margin:0 auto;}

.p2_con .goback_p2{ position:absolute; bottom:8%; text-align:right; width:100%; z-index:4;}
.p2_con .goback_p2 img{ width:0.5rem; height:auto;}



.music{width: 0.7rem;height: 0.7rem;background: url(../images/music.png)no-repeat center/cover;position: absolute;top:1.2rem;left: 0.4rem;animation: circle1 5s linear infinite;z-index:10;}

/* animate */
@keyframes circle1{
  100%{
    transform: rotate(360deg);
  }
}

@keyframes circle_2{
	0%{transform: rotate(0deg);}
	50%{transform: rotate(15deg);}
  100%{transform: rotate(0deg);}
}
@keyframes circle_2b{
	0%{transform: rotate(0deg);}
	50%{transform: rotate(-10deg);}
  100%{transform: rotate(0deg);}
}

@keyframes circle3{
  0%{
    transform: rotate(360deg);
  }
  100%{
    transform: rotate(0deg);
  }
}
@keyframes arrow{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes arrow2{
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
@keyframes arrow3{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes click {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
}