html,body{width: 100%;height: 100%;}
/* 背景 */
.main-container{width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative;opacity: 0;}
.main-container.op{opacity: 1;}
.index-swiper{width: 100%;height: 100%;position: relative;}
.index-swiper .swiper-slide{overflow: hidden;}
.index-swiper .slide01{background: url(../images/bg01.jpg) no-repeat;background-size:cover;background-position: center center;}
.index-swiper .slide02{background: url(../images/bg02.png) no-repeat;background-size:cover;background-position: center center;}
.index-swiper .slide03{background: url(../images/bg03.jpg) no-repeat;background-size:cover;background-position: center center;}
.index-swiper .slide04{background: url(../images/bg04_1.png) no-repeat 50% 0%;background-position: top center;}
.index-swiper .slide05{background: url(../images/bg05.jpg) no-repeat;background-size:cover;background-position: center center;}
.index-swiper .slide06{background: url(../images/bg03.jpg) no-repeat;background-size:cover;background-position: center center;}
.index-swiper .slide04 .slide04_bg{background: url(../images/bg04.png) no-repeat;background-size:cover;background-position: center center;width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;
animation: breath 80s infinite linear;}
.index-swiper .slide04 .slide04_news_bg{background: url(../images/news_bg.png) no-repeat;background-size:cover;background-position: center center;width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;
animation: breath 80s infinite linear;}
.index-swiper .slide06 .slide06_bg{background: url(../images/bg06.png) no-repeat;background-size:cover;background-position: center center;width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;
animation: breath 80s infinite linear;}
.main-container_bg{width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-container_bg01{animation: breath 80s infinite linear;opacity: 1;background: url(../images/bg03.jpg) no-repeat;background-size:cover;background-position: center center;}
.main-container_bg02{animation: bg-change01 15s infinite linear, breath 80s infinite linear;opacity: 0;background: url(../images/bg02.jpg) no-repeat;background-size:cover;background-position: center center;}
@keyframes bg-change01{
48% {
opacity: 0;
}
50% {
opacity: 1;
}
98% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes breath{
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* 01 */
.slide01 .logo{position: absolute;top:0.4rem;left:0.62rem;width: 3.54rem;height: 1.86rem;background: url(../images/logo.png) no-repeat;background-size:cover;background-position: center center;}
.slide01 .playbox{/*width: 50%;*/position: absolute;left: 0;top: 20%;bottom: 0;right: 0;margin: auto;text-align: center;}
.btnBox{display: flex;width: 850px;margin: 0 auto;position: relative;z-index: 9999;flex-wrap: wrap;}
.btnBox.se {display: flex;width: 250px;height: 200px;margin: 0 auto;flex-direction: row;justify-content: center;flex-wrap: wrap;align-items: stretch;align-content: space-around;}
.slide01 .playbox .btn{display: block;width: 363px;height: 76px;background: url(../images/slide01_btn.png) top center no-repeat;margin: 0.3rem auto 0;}
.slide01 .playbox .btn:hover{background-position: center -76px;}
.slide01 .playbox .btn{position: relative;display: block;width: 250px;height: 76px;background: url(../images/down_load_link_yuyue.png) top center no-repeat;margin: 0.1rem auto 0;}
.slide01 .playbox .btn.btn1.Official{background: url(../images/down_load_link_yuyue.png) -417px -319px no-repeat;}
.slide01 .playbox .btn.btn1.Official:hover{}
.slide01 .playbox .btn.btn1{background: url(../images/down_load_link_yuyue.png) -417px -319px no-repeat;}
.slide01 .playbox .btn.btn1:hover{background-position: -417px -395px;}
.slide01 .playbox .btn.btn1.Official{background: url(../images/down_load_link_yuyue.png) 0px -471px no-repeat;width: 363px;}
.slide01 .playbox .btn.btn1.Official:hover{background-position: -362px -471px;}
.slide01 .playbox .btn.btn1.OfficialAd{background: url(../images/down_load_link_yuyue.png) -167px -319px no-repeat;}
.slide01 .playbox .btn.btn1.OfficialAd:hover{background: url(../images/down_load_link.png) -167px -395px no-repeat;}
.slide01 .playbox .btn.btn2{background: url(../images/down_load_link_yuyue.png) -167px 0px no-repeat;}
.slide01 .playbox .btn.btn2:hover{background-position: -167px -167px;}
.slide01 .playbox .btn.btn3{background: url(../images/down_load_link_yuyue.png) -417px 0px no-repeat;}
.slide01 .playbox .btn.btn3:hover{background-position: -417px -167px;}
.slide01 .playbox .btn.btn4{background: url(../images/down_load_link_yuyue.png) -167px -76px no-repeat;}
.slide01 .playbox .btn.btn4:hover{background-position: -167px -243px;}
.slide01 .playbox .btn.btn5{background: url(../images/down_load_link_yuyue.png) -417px -550px no-repeat;}
.slide01 .playbox .btn.btn5:hover{background-position: -167px -550px;}
.slide01 .playbox .btn.btn6{background: url(../images/down_load_link_yuyue.png) -417px 0px no-repeat;}
.slide01 .playbox .btn.btn6:hover{background-position: -417px -167px;}
.slide01 .playbox .btn span {color: #FF5722;
font-size: 10px;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -20%);}
.slide01 .playbox p.p-num{color: #ffffff;font-size: .22rem;height: .3rem;display: flex;justify-content: center;align-items: center;margin-top: .3rem;}
.slide01 .playbox p.p-num span{font-size: .3rem;margin-left: .05rem;}
.slide01 .playbox p.p-tig{color: #9b9b9b;font-size: .2rem;margin-top: .26rem;}
.slide01 .playbox .index_down{width: 30%;margin: 0rem auto 0;}
.slide01 .playbox .index_down p{color: #9b9b9b;font-size: 0.2rem;margin-top: .1rem;}
.slide01 .playbox .index_down img{animation: downa 3s 0s linear infinite both;}
.btnBox.se {display: flex;width: 250px;height: 200px;margin: 0 auto;flex-direction: row;justify-content: center;flex-wrap: wrap;align-items: stretch;align-content: space-around;}
.slide01 .playbox .btnBox.se .btn.btn1{display: block;width: 84px;height: 84px;background: url(../images/down_load_link_s.png) top center no-repeat;margin: 0.1rem auto 0;}
.slide01 .playbox .btnBox.se .btn.btn1{width: 84px;height: 84px;background: url(../images/down_load_link_s.png) 0 0 no-repeat;}
.slide01 .playbox .btnBox.se .btn.btn1:hover{background-position: -84px -0px;}
.slide01 .playbox .btnBox.se .btn.btn1.OfficialAd{background: url(../images/down_load_link_s.png) 0px -84px no-repeat;}
.slide01 .playbox .btnBox.se .btn.btn1.OfficialAd:hover{background: url(../images/down_load_link_s.png) -84px -84px no-repeat;}
@keyframes downa{0%, 50%, 100% {transform: translateY(0);}25%, 75% {transform: translateY(-30%);}}
.btn-video{width: .91rem;height: .85rem;background: url(../images/btn-video.png) no-repeat;background-size:cover;background-position: center center;cursor: pointer;margin: 0 auto;position: relative;}
.btn-video span{position: absolute;transition: .3s;}
.btn-video span:nth-child(1){width: 1px;height: .52rem;top: .17rem;left: .28rem;background: url(../images/btn-video-span01.png) no-repeat;background-size:cover;background-position: center center;}
.btn-video span:nth-child(2){width: .42rem;height: .26rem;top: .58rem;left: .0rem;background: url(../images/btn-video-span02.png) no-repeat;background-size:cover;background-position: center center;}
.btn-video span:nth-child(3){width: .23rem;height: .15rem;top: .29rem;left: .46rem;background: url(../images/btn-video-span03.png) no-repeat;background-size:cover;background-position: center center;}
.btn-video:hover span:nth-child(1){transform: translateY(30%);}
.btn-video:hover span:nth-child(2){transform: translate(50%,-50%);}
.btn-video:hover span:nth-child(3){transform: translate(-80%,-70%);}
#bgWrap{display: flex;position: absolute;left: 0;top: 0; bottom: 0; right: 0;justify-content: center;align-items: center;width: 100%;height: 100%;}
#bg{object-fit: cover;width: 100%;height: 100%;}
.video_bg{display: flex;position: absolute;left: 0;top: 0; bottom: 0; right: 0;width: 100%;height: 100%;background: url(../images/video_bg.png) no-repeat;background-size:cover;background-position: center center;}
.slide01 .playbox .slogn{width: 11.39rem;height: 2.24rem;margin: .26rem auto 0;overflow: hidden;}
.slide01 .playbox .slogn{width: 11.39rem;height: 3rem;margin: 0 auto;overflow: hidden;top: 1rem;bottom: 0rem;}
.slogn{
min-width: 1.66rem;
font-family: 'YueHei', sans-serif;
font-weight: bold;
font-size: 1rem;
padding: 0.05rem 0.1rem;
color: #fff;
position: relative;
display: block;
text-align: center;
}
.slogn::before{
content: attr(data-text);
position: absolute;
left: -1px;
width: 100%;
text-shadow:1px 0 red;
animation: animation-before 3s infinite linear alternate-reverse;
}
.slogn::after{
content: attr(data-text);
position: absolute;
left: 1px;
width: 100%;
text-shadow: -1px 0 blue;
animation: animation-after 3s infinite linear alternate-reverse;
}
@keyframes animation-before{
0% {
clip-path: inset(0 0 0 0);
}
5% {
clip-path: inset(.8em 0 .4em 0);
}
10% {
clip-path: inset(.4em 0 .8em 0);
}
15% {
clip-path: inset(.1em 0 1em 0);
}
20% {
clip-path: inset(.3em 0 .6em 0);
}
25% {
clip-path: inset(.6em 0 .3em 0);
}
30% {
clip-path: inset(.8em 0 .5em 0);
}
35% {
clip-path: inset(1em 0 .1em 0);
}
40% {
clip-path: inset(.7em 0 .35em 0);
}
45% {
clip-path: inset(.5em 0 .2em 0);
}
50% {
clip-path: inset(.2em 0 .5em 0);
}
55% {
clip-path: inset(.35em 0 .7em 0);
}
60% {
clip-path: inset(.1em 0 .9em 0);
}
65% {
clip-path: inset(.8em 0 .46em 0);
}
70% {
clip-path: inset(.66em 0 .33em 0);
}
75% {
clip-path: inset(.48em 0 .23em 0);
}
80% {
clip-path: inset(.23em 0 .48em 0);
}
85% {
clip-path: inset(.39em 0 .79em 0);
}
90% {
clip-path: inset(.33em 0 .66em 0);
}
95% {
clip-path: inset(1em 0 .3em 0);
}
100% {
clip-path: inset(.62em 0 .29em 0);
}
}
@keyframes animation-after{
0% {
clip-path: inset(0 0 0 0);
}
5% {
clip-path: inset(.4em 0 .8em 0);
}
10% {
clip-path: inset(.8em 0 .4em 0);
}
15% {
clip-path: inset(1em 0 .1em 0);
}
20% {
clip-path: inset(.6em 0 .3em 0);
}
25% {
clip-path: inset(.3em 0 .6em 0);
}
30% {
clip-path: inset(.5em 0 .8em 0);
}
35% {
clip-path: inset(.1em 0 1em 0);
}
40% {
clip-path: inset(.35em 0 .7em 0);
}
45% {
clip-path: inset(.2em 0 .5em 0);
}
50% {
clip-path: inset(.5em 0 .2em 0);
}
55% {
clip-path: inset(.7em 0 .35em 0);
}
60% {
clip-path: inset(.9em 0 .1em 0);
}
65% {
clip-path: inset(.46em 0 .8em 0);
}
70% {
clip-path: inset(.3em 0 .66em 0);
}
75% {
clip-path: inset(.23em 0 .48em 0);
}
80% {
clip-path: inset(.48em 0 .23em 0);
}
85% {
clip-path: inset(.79em 0 .39em 0);
}
90% {
clip-path: inset(.66em 0 .33em 0);
}
95% {
clip-path: inset(.3em 0 1em 0);
}
100% {
clip-path: inset(.29em 0 .62em 0);
}
}
/**.slogn:before {
text-shadow: -.04rem 0 #00f;
-webkit-animation-name: glitch-animation-22;
animation-name: glitch-animation-22;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: reverse-alternate;
animation-direction: reverse-alternate
}
.slogn:after {
text-shadow: -.02rem 0 red;
-webkit-animation-name: glitch-animation-11;
animation-name: glitch-animation-11;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: reverse-alternate;
animation-direction: reverse-alternate
}
@keyframes glitch-animation-11 {
0% {
clip: rect(2.32rem, 99.99rem, 2.96rem, 0)
}
2% {
clip: rect(0.88rem, 99.99rem, 3.36rem, 0)
}
4% {
clip: rect(2.32rem, 99.99rem, 1.6rem, 0)
}
6% {
clip: rect(0.88rem, 99.99rem, 2.64rem, 0)
}
8% {
clip: rect(2.32rem, 99.99rem, 0.8rem, 0)
}
10% {
clip: rect(2.08rem, 99.99rem, 2.4rem, 0)
}
12% {
clip: rect(1.12rem, 99.99rem, 1.84rem, 0)
}
14% {
clip: rect(0.48rem, 99.99rem, 1.04rem, 0)
}
16% {
clip: rect(2.24rem, 99.99rem, 2.48rem, 0)
}
18% {
clip: rect(1.6rem, 99.99rem, 2.24rem, 0)
}
20% {
clip: rect(0.8rem, 99.99rem, 2.24rem, 0)
}
22% {
clip: rect(2rem, 99.99rem, 2.8rem, 0)
}
24% {
clip: rect(1.04rem, 99.99rem, 1.76rem, 0)
}
26% {
clip: rect(1.6rem, 99.99rem, 1.84rem, 0)
}
28% {
clip: rect(1.44rem, 99.99rem, 2.24rem, 0)
}
30% {
clip: rect(0.32rem, 99.99rem, 1.52rem, 0)
}
32% {
clip: rect(1.04rem, 99.99rem, 2.64rem, 0)
}
34% {
clip: rect(0.24rem, 99.99rem, 2rem, 0)
}
36% {
clip: rect(2rem, 99.99rem, 1.68rem, 0)
}
38% {
clip: rect(1.04rem, 99.99rem, 1.92rem, 0)
}
40% {
clip: rect(1.04rem, 99.99rem, 0.48rem, 0)
}
42% {
clip: rect(2.4rem, 99.99rem, 3.12rem, 0)
}
44% {
clip: rect(1.12rem, 99.99rem, 3.36rem, 0)
}
46% {
clip: rect(1.76rem, 99.99rem, 2.56rem, 0)
}
48% {
clip: rect(0.72rem, 99.99rem, 3.04rem, 0)
}
50% {
clip: rect(1.2rem, 99.99rem, 3.92rem, 0)
}
52% {
clip: rect(0.56rem, 99.99rem, 0.88rem, 0)
}
54% {
clip: rect(0.4rem, 99.99rem, 0.24rem, 0)
}
56% {
clip: rect(0.24rem, 99.99rem, 2.96rem, 0)
}
58% {
clip: rect(0.32rem, 99.99rem, 2.32rem, 0)
}
60% {
clip: rect(1.2rem, 99.99rem, 3.92rem, 0)
}
62% {
clip: rect(1.44rem, 99.99rem, 1.12rem, 0)
}
64% {
clip: rect(0.48rem, 99.99rem, 2.88rem, 0)
}
66% {
clip: rect(2.08rem, 99.99rem, 1.28rem, 0)
}
68% {
clip: rect(1.52rem, 99.99rem, 0.96rem, 0)
}
70% {
clip: rect(2rem, 99.99rem, 2.8rem, 0)
}
72% {
clip: rect(1.12rem, 99.99rem, 2.64rem, 0)
}
74% {
clip: rect(0.4rem, 99.99rem, 4rem, 0)
}
76% {
clip: rect(1.44rem, 99.99rem, 2.4rem, 0)
}
78% {
clip: rect(0.56rem, 99.99rem, 1.52rem, 0)
}
80% {
clip: rect(1.44rem, 99.99rem, 0.64rem, 0)
}
82% {
clip: rect(2.32rem, 99.99rem, 2.32rem, 0)
}
84% {
clip: rect(0.88rem, 99.99rem, 3.76rem, 0)
}
86% {
clip: rect(1.04rem, 99.99rem, 0.4rem, 0)
}
88% {
clip: rect(0.56rem, 99.99rem, 0.56rem, 0)
}
90% {
clip: rect(1.84rem, 99.99rem, 0.96rem, 0)
}
92% {
clip: rect(1.44rem, 99.99rem, 2rem, 0)
}
94% {
clip: rect(0.56rem, 99.99rem, 2.88rem, 0)
}
96% {
clip: rect(1.68rem, 99.99rem, 3.68rem, 0)
}
98% {
clip: rect(1.52rem, 99.99rem, 4rem, 0)
}
to {
clip: rect(1.52rem, 99.99rem, 1.76rem, 0)
}
}
@keyframes glitch-animation-22 {
0% {
clip: rect(0.96rem, 99.99rem, 1.36rem, 0);
}
2% {
clip: rect(0.48rem, 99.99rem, 2.96rem, 0);
}
4% {
clip: rect(1.2rem, 99.99rem, 1.44rem, 0);
}
6% {
clip: rect(2.4rem,99.99rem, 3.04rem, 0);
}
8% {
clip: rect(1.28rem, 99.99rem, 2.72rem, 0);
}
10% {
clip: rect(0.8rem,99.99rem, 2rem, 0);
}
12% {
clip: rect(0.72rem, 99.99rem, 3.76rem,0);
}
14% {
clip: rect(0.8rem,99.99rem, 3.68rem,0);
}
16% {
clip: rect(2.24rem, 99.99rem, 0.64rem,0);
}
18% {
clip: rect(1.04rem, 99.99rem, 3.36rem,0);
}
20% {
clip: rect(1.04rem, 99.99rem, 2.24rem, 0);
}
22% {
clip: rect(0.16rem, 99.99rem, 1.84rem, 0);
}
24% {
clip: rect(1.28rem, 99.99rem, 0.48rem, 0);
}
26% {
clip: rect(0.72rem, 99.99rem, 1.92rem, 0);
}
28% {
clip: rect(0.96rem, 99.99rem, 2.08rem, 0);
}
30% {
clip: rect(0.96rem, 99.99rem, 0.16rem, 0);
}
32% {
clip: rect(1.76rem, 99.99rem, 1.92rem, 0);
}
34% {
clip: rect(0.88rem, 99.99rem, 3.92rem, 0);
}
36% {
clip: rect(0.4rem, 99.99rem, 2.8rem, 0);
}
38% {
clip: rect(0.88rem, 99.99rem, 1.44rem, 0);
}
40% {
clip: rect(1.2rem, 99.99rem, 3.52rem, 0);
}
42% {
clip: rect(0.64rem, 99.99rem, 3.04rem, 0);
}
44% {
clip: rect(0.72rem, 99.99rem, 3.84rem, 0);
}
46% {
clip: rect(0.64rem, 99.99rem, 0.8rem, 0);
}
48% {
clip: rect(1.76rem, 99.99rem, 1.6rem, 0);
}
50% {
clip: rect(0.16rem, 99.99rem, 3.04rem, 0);
}
52% {
clip: rect(0.48rem, 99.99rem, 2.96rem, 0);
}
54% {
clip: rect(2.4rem,99.99rem, 1.68rem, 0);
}
56% {
clip: rect(2.4rem,99.99rem, 3.92rem, 0);
}
58% {
clip: rect(2.32rem, 99.99rem, 3.2rem, 0);
}
60% {
clip: rect(2.32rem, 99.99rem, 4rem, 0);
}
62% {
clip: rect(0.56rem, 99.99rem, 2.08rem, 0);
}
64% {
clip: rect(0.64rem, 99.99rem, 0.48rem, 0);
}
66% {
clip: rect(2.24rem, 99.99rem, 3.68rem, 0);
}
68% {
clip: rect(0.4rem, 99.99rem, 2.32rem, 0);
}
70% {
clip: rect(1.76rem, 99.99rem, 0.32rem, 0);
}
72% {
clip: rect(1.44rem, 99.99rem, 1.44rem, 0);
}
74% {
clip: rect(1.6rem,99.99rem, 2.24rem, 0);
}
76% {
clip: rect(2.4rem,99.99rem, 3.6rem, 0);
}
78% {
clip: rect(1.92rem, 99.99rem, 3.68rem, 0);
}
80% {
clip: rect(2.32rem, 99.99rem, 2.16rem, 0);
}
82% {
clip: rect(1.52rem, 99.99rem, 1.44rem, 0);
}
84% {
clip: rect(0.4rem, 99.99rem, 3.92rem, 0);
}
86% {
clip: rect(0.96rem, 99.99rem, 2.88rem, 0);
}
88% {
clip: rect(0.48rem, 99.99rem, 0.24rem, 0);
}
90% {
clip: rect(0.88rem, 99.99rem, 3.04rem, 0);
}
92% {
clip: rect(2.24rem, 99.99rem, 3.52rem, 0);
}
94% {
clip: rect(2.16rem, 99.99rem, 0.16rem, 0);
}
96% {
clip: rect(0.64rem, 99.99rem, 0.4rem, 0);
}
98% {
clip: rect(1.68rem, 99.99rem, 1.28rem, 0);
}
to {
clip: rect(0.96rem, 99.99rem, 1.52rem, 0);
}
}*/
.slide01 .playbox .slogn div{width: 11.39rem;height: 2.24rem;background: url(../images/slogn.png) no-repeat;background-size:100% 100%;background-position: top center;}
.slide01.on .slogn div{animation: height .5s ease forwards;animation-delay: .5s; transform: translateY(100%);}
.slide01.on .btn{animation: opacity01 .5s ease forwards;animation-delay: .8s;opacity: 0;}
.slide01.on .p-num{animation: opacity01 .5s ease forwards;animation-delay: .8s;opacity: 0;}
.slide01.on .p-tig{animation: opacity01 .5s ease forwards;animation-delay: .8s;opacity: 0;}
.slide01.on .index_down{animation: opacity01 .5s ease forwards;animation-delay: .8s;opacity: 0;}
.slide01.on .btn-video{animation: opacity01 .5s ease forwards;animation-delay: .8s;opacity: 0;}
.slide01.on .logo{animation: opacity01 .5s ease forwards;animation-delay: .8s;opacity: 0;}
.nav.on{animation: opacity01 .5s ease forwards;animation-delay: .8s;opacity: 0;}
@keyframes height{
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
/*.slide01 .playbox .btn{display: block;width: 5.6rem;height: .76rem;background: url(../images/slide01_btn.png) top center no-repeat;margin: 0.3rem auto 0;}
.slide01 .playbox .btn:hover{background-position: center -.76rem;}*/
/*.btnBox{display: flex;width: 850px;height: 130px;margin: 0 auto;position: relative;z-index: 9999;}
.btnBox.se {display: flex;width: 250px;height: 200px;margin: 0 auto;flex-direction: row;justify-content: center;flex-wrap: wrap;align-items: stretch;align-content: space-around;}
.slide01 .playbox .btn{display: block;width: 250px;height: 76px;background: url(../images/down_load_link.png) top center no-repeat;margin: 0.1rem auto 0;}
.slide01 .playbox .btn.btn1{background: url(../images/down_load_link.png) -417px -319px no-repeat;}
.slide01 .playbox .btn.btn1:hover{background-position: -417px -395px;}
.slide01 .playbox .btn.btn1.OfficialAd{background: url(../images/down_load_link.png) -167px -319px no-repeat;}
.slide01 .playbox .btn.btn1.OfficialAd:hover{background: url(../images/down_load_link.png) -167px -395px no-repeat;}
.slide01 .playbox .btn.btn2{background: url(../images/down_load_link.png) -167px 0px no-repeat;}
.slide01 .playbox .btn.btn2:hover{background-position: -167px -167px;}
.slide01 .playbox .btn.btn3{background: url(../images/down_load_link.png) -417px 0px no-repeat;}
.slide01 .playbox .btn.btn3:hover{background-position: -417px -167px;}
.slide01 .playbox .btn.btn4{background: url(../images/down_load_link.png) -167px -76px no-repeat;}
.slide01 .playbox .btn.btn4:hover{background-position: -167px -243px;}
.slide01 .playbox .btn.btn5{background: url(../images/down_load_link.png) -417px -76px no-repeat;}
.slide01 .playbox .btn.btn5:hover{background-position: -417px -243px;}
*/
.slide01 .playbox p.p-num{color: #ffffff;font-size: .22rem;height: .3rem;display: flex;justify-content: center;align-items: center;margin-top: .3rem;}
.slide01 .playbox p.p-num span{font-size: .3rem;margin-left: .05rem;}
.slide01 .playbox p.p-tig{color: #9b9b9b;font-size: .2rem;margin-top: .26rem;}
.slide01 .playbox .index_down{width: 30%;margin: 0rem auto 0;}
.slide01 .playbox .index_down p{color: #9b9b9b;font-size: 0.2rem;margin-top: .1rem;}
.slide01 .playbox .index_down img{animation: downa 3s 0s linear infinite both;}
.btnBox.se {display: flex;width: 250px;height: 200px;margin: 0 auto;flex-direction: row;justify-content: center;flex-wrap: wrap;align-items: stretch;align-content: space-around;}
.slide01 .playbox .btnBox.se .btn.btn1{display: block;width: 84px;height: 84px;background: url(../images/down_load_link_s.png) top center no-repeat;margin: 0.1rem auto 0;}
.slide01 .playbox .btnBox.se .btn.btn1{width: 84px;height: 84px;background: url(../images/down_load_link_s.png) 0 0 no-repeat;}
.slide01 .playbox .btnBox.se .btn.btn1:hover{background-position: -84px -0px;}
.slide01 .playbox .btnBox.se .btn.btn1.OfficialAd{background: url(../images/down_load_link_s.png) 0px -84px no-repeat;}
.slide01 .playbox .btnBox.se .btn.btn1.OfficialAd:hover{background: url(../images/down_load_link_s.png) -84px -84px no-repeat;}
@keyframes downa{0%, 50%, 100% {transform: translateY(0);}25%, 75% {transform: translateY(-30%);}}
/* 02 */
.slide02 .tit_txt{position: absolute;width: 7.48rem;height: 0.93rem;top: 0;left:-.08rem;background: url(../images/tit_txt01.png) no-repeat;background-size:cover;background-position: top center;}
.slide02 .tit_head{position: absolute;width: 3.31rem;height: .58rem;top: .34rem;left:1.25rem;background: url(../images/tit_head01.png) no-repeat;background-size:cover;background-position: center center;}
.slide02 .news_con_main{width: 1318px;height: 663px;position: absolute;top: 40px;left: 133px;right: 0;bottom:10%;margin: auto;}
.slide02 .news_con_main_img{width:1318px;height: 663px;background:url(../images/slide02_contbg.png) no-repeat;background-size:100% 100%;background-position: center center;position: absolute;opacity: .7;left: 0;bottom: 0;}
.slide02 .news_roll{width: 562px;position: absolute;top: 100px;left: 880px;z-index: 9;}
.slide02 .news_line{position: absolute;width: 1451px;height: 48px;left: -133px;bottom:-45px;}
.slide02 .news_mun{position: absolute;width: 153px;left: -133px;bottom: 20px;opacity: 0.1;}
.slide02 .news_cont{width: 900px;height: 100%;position:absolute;top: 35px;left: 50px;}
.slide02 .news_cont h3{width: 100%;border-left: 4px solid #ffca08;padding-left: 10px;}
.slide02 .news_cont h3 span{color: #1f3d71;font-size: 24px;display: block;width: 100%;height: 100%;border-bottom: 1px solid #949494;padding-bottom: 1%;font-weight: bold;}
.slide02 .news_cont h3 i{font-size: 14px;font-style: normal;position: relative;padding-left: 32px;color: #000;}
.slide02 .news_cont h3 em{width: 16px;height: 18px;background: url(../images/news_cont_h3.png) no-repeat;position: absolute;bottom: 0;left: 8px;}
.slide02 .news_item{padding-left: 14px;width: 100%;display: flex;justify-content: space-between;align-items: center;}
/* .slide02 .news_item img{margin:0 0 0 1%;} */
.slide02 .news_item .img{width: 294px;/*height: 280px;*/position: relative;margin-right: 20px;}
.slide02 .news_item .img img{width: 100%;height: 100%;}
.slide02 .news_item .img span{position: absolute;top: 0;left: 0px;width:100%;height: 100%;background: rgba(0, 0, 0, .7) url(../images/complete.png) no-repeat;background-position: center center;display: none;}
.slide02 .news_item .img.complete span{display: block;}
.slide02 .news_item .img:nth-child(odd){margin-top: 80px;}
.slide02 .news_item02{padding-left: 28px;margin-top: 49px;}
.slide02.swiper-slide-active .news_line{animation: width01 .5s ease forwards;animation-delay: .5s;width: 0%;}
.slide02.swiper-slide-active .news_con_main_img{animation: width02 .5s ease forwards;animation-delay: .2s; width: 0%;}
.slide02.swiper-slide-active .news_cont{ z-index: 100;animation: opacity01 .5s ease forwards;animation-delay: .5s;opacity: 0;}
.slide02.swiper-slide-active .news_mun{animation: opacity02 .5s ease forwards;animation-delay: .5s;opacity: 0;}
.slide02.swiper-slide-active .news_roll{ z-index: 10;animation: roll_in01 .5s ease forwards;animation-delay: .5s;opacity: 0;}
@keyframes width01{
0% {
width: 0;
}
100% {
width: 1451px;
}
}
@keyframes width02{
0% {
width: 0;
}
100% {
width: 1318px;
}
}
@keyframes width04{
0% {
width: 0;
}
100% {
width: 1449px;
}
}
@keyframes opacity01{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes opacity02{
0% {
opacity: 0;
}
100% {
opacity: 0.1;
}
}
@keyframes roll_in01{
0% {
right: -470px;
opacity: 0;
}
100% {
right: -400px;
opacity: 1;
}
}
.news_roll_name{height: 32px;padding:0 50px 0 7px;border-left: 9px solid #e51616;font-size: 22px;color: #fff;line-height: 32px;;text-align: center;position: absolute;right: 50px;top: 540px;
background: linear-gradient(90deg, #000000, transparent) center center / auto auto no-repeat;min-width: 100px;z-index: 20;}
.swiper-slide-active .news_roll_name{animation: roll_in03 .5s ease forwards;animation-delay: .5s;opacity: 0;}
@keyframes roll_in03{
0% {
right: -20px;
opacity: 0;
}
100% {
right: 50px;
opacity: 1;
}
}
/* 03 */
.slide03 .tit_txt{position: absolute;width: 6.43rem;height: 0.94rem;top: 0;left: 0;background: url(../images/tit_txt02.png) no-repeat;background-size:cover;background-position: center center;}
.slide03 .tit_head{position: absolute;width: 2.4rem;height: .58rem;top: .34rem;left:1.25rem;background: url(../images/tit_head02.png) no-repeat;background-size:cover;background-position: center center;}
.slide03 .news_con_main{width: 1318px;height: 663px;position: absolute;top: 40px;left: 133px;right: 0;bottom:10%;margin: auto;}
.slide03 .news_roll{width: 650px;position: absolute;bottom: -148px;left: 900px;z-index: 16;}
.slide03 .news_line{position: absolute;width: 1451px;height: 48px;left: -133px;bottom:-45px;}
.slide03 .news_mun.news_mun{position: absolute;width: 153px;left: -133px;bottom: 20px;opacity: 0.1;}
.slide03 .news_cont{width: 595px;height: 685px;position:absolute;bottom: -10px;left: 0px;background: url(../images/slide03_contbg.png) no-repeat;padding: 143px 28px 45px 30px;box-sizing: border-box;overflow: hidden;z-index: 15;}
.slide03.swiper-slide-active .news_line{animation: width01 .5s ease forwards;animation-delay: .5s;width: 0%;}
.slide03.swiper-slide-active .news_mun{animation: opacity02 .5s ease forwards;animation-delay: .5s;opacity: 0;}
.slide03.swiper-slide-active .news_roll{animation: roll_in02 .5s ease forwards;animation-delay: .5s;opacity: 0;}
.slide03.swiper-slide-active .news_cont{animation: width03 .5s ease forwards;animation-delay: .2s;width: 0;opacity: 0;}
@keyframes width03{
0% {
width: 0px;
opacity: 0;
}
100% {
width: 951px;
opacity: 1;
}
}
@keyframes roll_in02{
0% {
right: -230px;
opacity: 0;
}
100% {
right: -160px;
opacity: 1;
}
}
/* 04 */
.slide04 .tit_txt{position: absolute;width: 6.64rem;height: .94rem;top: 0;left:0rem;background: url(../images/tit_txt03.png) no-repeat;background-size:cover;background-position: center center;}
.slide04 .tit_head{position: absolute;width: 2.4rem;height: .57rem;top: .34rem;left:1.25rem;background: url(../images/tit_head03.png) no-repeat;background-size:cover;background-position: center center;}
.cv-container{width: 100%;height: 100%;}
/* 02 */
.slide04 .tit_txt{position: absolute;width: 7.48rem;height: 0.93rem;top: 0;left:-.08rem;background: url(../images/tit_txt03.png) no-repeat;background-size:cover;background-position: top center;}
.slide04.news .tit_txt{/* position: absolute; */width: 6.65rem;height: 1.78rem;top: 0;left: 50%;transform: translate(-50%,0);margin: 0 auto;background: url(../images/news_title.png) no-repeat;background-size:cover;background-position: top center;}
.slide04 .tit_head{position: absolute;width: 3.31rem;height: .58rem;top: .34rem;left:1.25rem;background: url(../images/tit_head01.png) no-repeat;background-size:cover;background-position: center center;}
.slide04 .news_con_main{width: 1449px;height: 749px;position: absolute;top: 80px;left: 133px;right: 0;bottom:10%;margin: auto;}
.slide04 .news_con_main_img{width:1449px;height: 749px;background: url(../images/slide04_contbg.png) no-repeat;background-size:100% 100%;background-position: center center;position: absolute;left: 0;bottom: 0;}
.slide04.news .news_con_main{width: 1215px;height: 749px;position: absolute;top: 180px;left: 133px;right: 0;bottom:10%;margin: auto;}
.slide04.news .news_con_main_img{width:1215px;height: 749px;background: url(../images/news_list_bg.png) no-repeat;background-size:100% 100%;background-position: center center;position: absolute;left: 0;bottom: 0;}
.slide04 .news_roll{position: absolute;top: 50px;left: 78px;z-index: 9;}
.slide04 .news_line{position: absolute;width: 1451px;height: 48px;left: -133px;bottom:-45px;}
.slide04 .news_mun{position: absolute;width: 153px;left: -133px;bottom: 20px;opacity: 0.1;}
.slide04 .news_cont{ width: 1250px;
height: 300px;
position: absolute;
top: 380px;
padding: 0 100px;}
.slide04.news .news_cont{
width: 1000px;
height: 650px;
position: absolute;
top: 50px;
padding: 0 100px;
overflow-y: scroll;
text-align: center;
}
.slide04.news .news_cont ul{text-align: left}
.slide04.news .news_cont p img{width:50%}
.slide04 .news_cont h3{width: 100%;/* border-left: 4px solid #ffca08; *//* padding-left: 10px; */}
.slide04 .news_cont h3 span{color: #674900;font-size: 24px;display: block;width: 100%;height: 100%;padding-bottom: 1%;}
.slide04 .news_cont h3 a.news,.slide04 .news_cont h3 a {color: #674900;font-weight: bold;width: 130px;display: block;float: left;text-align: center;height: 47px;line-height: 37px;}
.slide04 .news_cont h3 a.news.active, .slide04 .news_cont h3 a.news:hover {color: #006748;background: url(../images/new_button.png) no-repeat;background-size:cover;background-position: top center;}
.slide04 .news_cont h3 a.more:hover{color: #006748;}
.slide04 .news_cont h3 i{position: absolute;font-size: 14px;font-style: normal;position: relative;padding-left: 32px;left: 550px;}
.slide04 .news_item {padding-left: 14px;width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: 18px;font-weight: bold;flex-direction: row;flex-wrap: wrap;}
/* .slide02 .news_item img{margin:0 0 0 1%;} */
.slide04 .news_item.hidden{display:none}
.slide04 .news_item li{font-size:18px;font-weight:bold;line-height: 30px;}
.slide04 .news_item li a {display:block;width: 500px;color:#674900}
.slide04 .news_item li a:hover {color: #3a2a02;}
.slide04 .news_item .img{width: 294px;/*height: 280px;*/position: relative;margin-right: 20px;}
.slide04 .news_item .img img{width: 100%;height: 100%;}
.slide04 .news_item .img span{position: absolute;top: 0;left: 0px;width:100%;height: 100%;background: rgba(0, 0, 0, .7) url(../images/complete.png) no-repeat;background-position: center center;display: none;}
.slide04 .news_item .img.complete span{display: block;}
.slide04 .news_item .img:nth-child(odd){margin-top: 80px;}
.slide04 .news_item02{padding-left: 28px;margin-top: 49px;}
.slide04.swiper-slide-active .news_line{animation: width01 .5s ease forwards;animation-delay: .5s;width: 0%;}
.slide04.index.swiper-slide-active .news_con_main_img{animation: width04 .5s ease forwards;animation-delay: .2s; width: 0%;}
.slide04.swiper-slide-active .news_cont{ z-index: 100;animation: opacity01 .5s ease forwards;animation-delay: .5s;opacity: 0;}
.slide04.swiper-slide-active .news_mun{animation: opacity02 .5s ease forwards;animation-delay: .5s;opacity: 0;}
.slide04.swiper-slide-active .news_roll{ z-index: 10;animation: roll_in04 .5s ease forwards;animation-delay: .5s;}
/* 05 *//* 674 */
.slide05 .tit_txt{position: absolute;width: 7.3rem;height: .9rem;top: 0;left:0rem;background: url(../images/tit_txt04.png) no-repeat;background-size:cover;background-position: center center;}
.slide05 .tit_head{position: absolute;width: 2.4rem;height: .57rem;top: .34rem;left:1.25rem;background: url(../images/tit_head04.png) no-repeat;background-size:cover;background-position: center center;}
.pic{width: 1010px;height: 622px;position: absolute;transform: scale(0.9);top: -6%;left: 0;right: 0;bottom: 0;margin: auto;}
.pic_spot{width: 1010px;height: 568px;position: absolute;top: -60px;left: -60px;background:url(../images/spot1.png) no-repeat;}
.pic-container{width: 100%;height: 568px;transform: scale(.93);}
.pic-container .swiper-wrapper{height: 568px;}
.pic-container .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.pic-container .swiper-slide img{height: 100%;width: 100%;}
.pic_para{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transform-style: preserve-3d;transform-origin: center center 300px;}
.pic_para .swiper-pagination-bullet {width: 58px;height: 3px;background: #949494;display: inline-block; border-radius: 0; opacity: 1;margin: 0 5px;}
.pic_para .swiper-pagination {position: absolute;text-align: right; z-index: 10;top: 550px !important;right: 22px;transition: 0s !important;transform: translateZ(300px) scale(.8);}
.pic_para .swiper-pagination-bullet-active{background: #ffca08;}
.pic-swiper{transform: translateZ(200px);}
.picmin-container{width: 100%;height: 142px;margin: 30px auto 0;overflow: initial !important;transform: scale(.93);}
.picmin-container .swiper-slide{width: 230px;height: 100%;transform: scale(1);transition: opacity 0.3s, transform 0.3s;opacity: 0;cursor: pointer;}
.picmin-container .swiper-slide img{height: 100%;width: 100%;}
.picmin-container .swiper-slide::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.5;}
/* background: rgba(0, 0, 0, 0.5); */
.picmin-container .swiper-slide:hover{transform: scale(1.12);}
.picmin-container .swiper-slide:hover:before{opacity: 0;}
.picmin-container .swiper-slide p{ display: inline-block;background: linear-gradient(0, #000000, transparent) center center / auto auto no-repeat;position: absolute;left: 0;bottom: 0;
width: 210px;padding: 5px 10px; padding-top: 0.4rem;transform: translateY(100%);transition: transform 0.3s;color: #9e9f9f;
}
.picmin-container .swiper-slide:hover p{ transform: translateY(0%);}
.picmin-container .swiper-slide-prev{opacity: 0;}
.picmin-container .swiper-slide-active{opacity: 1;}
.picmin-container .swiper-slide-active+.swiper-slide{opacity: 1;}
.picmin-container .swiper-slide-active+.swiper-slide+.swiper-slide{opacity: 1;}
.picmin-container .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide{opacity: 1;}
.pic_left{position: absolute;background: url(../images/pic_left.png) no-repeat !important;width: 57px !important;height: 83px !important;top: 300px !important;left: -250px !important;cursor: pointer;}
.pic_right{position: absolute;background: url(../images/pic_right.png) no-repeat !important;width: 57px !important;height: 83px !important;top: 300px !important;right: -250px !important;cursor: pointer;}
@font-face { font-family: "Bender"; src: url(../css/font.ttf);font-weight: normal;font-style: normal;}
.pic_text{position: absolute;top: 440px;left: 50px;color: #dfdfdf;z-index: 2;transform: translateZ(400px) scale(.8);}
.pic_text div:nth-child(1){font-size: 80px;font-family: "Bender";font-weight: bold;}
.pic_text div:nth-child(2){font-size: 50px;padding: 15px 20px;background-color: rgba(255, 255, 255, 0.3);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);margin-top: 15px;}
.pic_text div{opacity: 0;}
.pic_text .pic_text_num.pic_text_transition01{animation:text_transition1 .3s 0s linear forwards;opacity: 1;}
.pic_text .pic_text_name.pic_text_transition01{animation:text_transition1 .3s 0.07s linear forwards;opacity: 1;}
.pic_text .pic_text_num.pic_text_transition02{animation:text_transition2 .3s 0s linear forwards;opacity: 0;}
.pic_text .pic_text_name.pic_text_transition02{animation:text_transition2 .3s 0.07s linear forwards;opacity: 0;}
@keyframes text_transition1{
0%{
opacity: 1;
transform: translateX(0px);
}
100%{
opacity: 0;
transform: translateX(-100px);
}
}
@keyframes text_transition2{
0%{
opacity: 0;
transform: translateX(150px);
}
100%{
opacity: 1;
transform: translateX(0px);
}
}
/* 06 */
.slide06 .tit_txt{position: absolute;width: 8.92rem;height: .93rem;top: 0;left:0rem;background: url(../images/tit_txt05.png) no-repeat;background-size:cover;background-position: center center;}
.slide06 .tit_head{position: absolute;width: 2.4rem;height: .6rem;top: .34rem;left:1.25rem;background: url(../images/tit_head05.png) no-repeat;background-size:cover;background-position: center center;}
.cont{width: 1278px;height: 633px;position: absolute;overflow: hidden;top: -10px;left: 0;right: 0;bottom: 0;margin: auto;}
.cont .tit_img{display: block;width: 229px;height:229px;position: absolute;top: 0%;left: 0%;}
.text_left{width: 443px;float: left;margin-left: 310px;}
.text_box h2{width: 80px;padding: 10px 0 5px;border-top: 2px solid #ffca08;color: #a9a9a9;font-size: 20px;}
.text_box h2.sns{color: #ffffff;font-size: 30px;}
.text_box p{color: #ffffff;font-size: 30px;margin-bottom: 15px;}
.text_box p.mail{color: #a9a9a9;font-size: 20px;}
.text_box .imgbox{margin-bottom: 5px;}
.text_box .imgbox a{display: inline-block;margin-right: 10px;}
.text_box .imgbox a img{transition: .2s;}
.text_box .imgbox a:hover img{transform: scale(1.06);}
.text_right{width: 490px;float: right;}
.text_right p{font-size: 20px;}
.tos{float: left;margin-left: 310px;margin-top: 40px;}
.tos a{color: #ebebeb; margin: 0 8px;font-size: 14px;}
.tos a:nth-child(1){margin-left: 0;}
.tos p{font-size: 14px;color: #ebebeb;line-height: 22px;width:100%}
.tos p img{display: block;float: left;margin-right: 10px;width: 58px;height: 74px;/* margin-top: 6px; */}
.tos p:nth-child(3){margin-top: 10px;}
.tos p:nth-child(3) span{display: block;float: right;height: 56px;}
.tos p a:hover{text-decoration: underline;}
.slide06.swiper-slide-active .text_box h2{animation: text_transition3 .5s ease forwards;animation-delay: .5s;opacity: 0;}
.slide06.swiper-slide-active .text_box p{animation: text_transition3 .5s ease forwards;animation-delay: .7s;opacity: 0;}
.slide06.swiper-slide-active .text_box .imgbox{animation: text_transition3 .5s ease forwards;animation-delay: .7s;opacity: 0;}
.slide06.swiper-slide-active .tos{animation: text_transition3 .5s ease forwards;animation-delay: .9s;opacity: 0;width:100%}
.slide06.swiper-slide-active .tit_img{animation: text_transition3 .5s ease forwards;animation-delay: .2s;opacity: 0;}
@keyframes text_transition3{
0%{
opacity: 0;
transform: translateX(-50px);
}
100%{
opacity: 1;
transform: translateX(0px);
}
}
/* nav */
.nav{position: fixed;top: .5rem;right: .3rem;overflow: hidden;z-index: 999;}
.nav a{font-size: 0.2rem;color: #eeebeb;margin: 0 0.18rem;}
.nav a:hover{color: #ffae3b;}
.nav a.on{color: #ffae3b;}
/* footer */
.footer-bar{width:calc(100% - 6.25%); height: 1.3rem;position: fixed;bottom: 0;left: 0;padding: 0rem 3.15%;z-index: 99999;}
.footer-bar::before {content: "";display: block;width:100%;height: 1px;background: #868687;opacity: .3;}
.footer-bar-hide::before{display: none;}
.footer-bar .footer-container{position: relative;display: flex;justify-content: space-between;align-items: center;height: 0.6rem;padding-top: 0.2rem;}
.footer-bar .footer-container p{color: #ffffff;font-size: .3rem;font-weight: bold;}
.footer-bar .footer-sns{margin-right: 0.3rem;}
.footer-bar .dl-bar{display: flex;align-items: center;margin-right: auto;}
.footer-bar .dl-bar .btn{min-width: 1.2rem; height: 0.42rem;display: flex;justify-content: center;align-items: center;margin-right: 0.2rem;cursor: pointer;position: relative;}
.footer-bar .dl-bar .btn a{display: block;width: 100%;height: 100%;}
.footer-bar .dl-bar .btn img{height: 100%;pointer-events: none;}
.footer-bar .dl-bar p{color: #cacaca;font-size: .18rem;font-weight: normal;}
.footer-bar .footer-container .prereg-link{position: relative;font-size: .24rem; margin: .02rem;padding: 0 0.05rem;border: 0.08rem solid #e51616;border-top: none;border-bottom: none;}
.footer-bar .footer-container .prereg-link a{
min-width: 1.66rem;
font-weight: bold;
font-size: .24rem;
padding: 0.05rem 0.1rem;
color: #ffffff;
background: #000;
position: relative;
display: block;
text-align: center;}
.footer-bar .code{width: .91rem;height: .91rem;background: url(../images/code_bg.png);background-size:cover;background-position: center center;position: absolute;top: -.96rem;text-align: center;display: none;}
.footer-bar .code img{width: .8rem !important;height: .8rem !important;margin-top: 0.06rem;}
.footer-bar .dl-bar .btn:hover .code{display: block;}
.footer-bar .footer-container .prereg-link:hover a{background: transparent;}
.footer-bar .footer-container .prereg-link:hover a:after{display: block;}
.footer-bar .footer-container .prereg-link:hover a:before{display: block;}
.footer-bar .footer-container .prereg-link a:after,
.footer-bar .footer-container .prereg-link a:before{min-width: 1.66rem;display: block;text-align: center;content: attr(data-text);color: #fff;position: absolute;white-space: nowrap;background: #000;overflow: hidden;top: 0px;padding: 0.05rem 0.1rem 0rem;display: none;}
/*.footer-bar .footer-container .prereg-link.OfficialIos a:after,
.footer-bar .footer-container .prereg-link.OfficialIos a:before{content: 'IOS官方下载';}
.footer-bar .footer-container .prereg-link.OfficialAd a:after,
.footer-bar .footer-container .prereg-link.OfficialAd a:before{content: 'Android官方下载';}
.footer-bar .footer-container .prereg-link.taptap a:after,
.footer-bar .footer-container .prereg-link.taptap a:before{content: 'TapTap';}
.footer-bar .footer-container .prereg-link.rongyao a:after,
.footer-bar .footer-container .prereg-link.rongyao a:before{content: '荣耀下载';}
.footer-bar .footer-container .prereg-link.leidian a:after,
.footer-bar .footer-container .prereg-link.leidian a:before{content: '雷电模拟器';}
.footer-bar .footer-container .prereg-link.mumu a:after,
.footer-bar .footer-container .prereg-link.mumu a:before{content: 'mumu模拟器';}*/
.footer-bar .footer-container .prereg-link a:before {
left: 0.02rem;
text-shadow: -.02rem 0 #00f;
-webkit-animation-name: glitch-animation-2;
animation-name: glitch-animation-2;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: reverse-alternate;
animation-direction: reverse-alternate
}
.footer-bar .footer-container .prereg-link a:after,
.footer-bar .footer-container .prereg-link a:before {
-webkit-animation-duration: 5s;
animation-duration: 5s
}
.footer-bar .footer-container .prereg-link a:after {
left: 0.02rem;
text-shadow: -.02rem 0 red;
-webkit-animation-name: glitch-animation-1;
animation-name: glitch-animation-1;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: reverse-alternate;
animation-direction: reverse-alternate
}
.loading{width: 100%; height: 100%; display: flex;justify-content: center;align-items: center;font-size: 1rem;position: absolute;top:0;left:0;background: url(../images/loading_bg.jpg);background-size:cover;background-position: center center;z-index: 9999999;transition: 1s;}
.loading .loadingBarGroup {position: absolute;height: 0;top: 50%;left: 0;width: 100%;}
.loading .loadingBar {position: absolute; border-bottom: 1px solid #fff;width: 0%;transition: width 600ms;}
.loading .loadingBar.left {left: 0;}
.loading .loadingBar.right {right: 0;}
.loading .loadingLogo { width: 467px;margin-top: -80px;margin-bottom: 35px;}
.loading .loadingLogo img {display: block;width: 100%;margin-left: -.12rem;}
.loading .loadingProgress { text-align: center;color: #fff;font-size: 24px;line-height: 24px;letter-spacing: 0.1em;}
.loading .loadingBar.right::after { box-shadow: 0.5px 0 8px 2px #fff, 0.5px 0 2px 1px #fff;right: left;}
.loading .loadingBar.left::after {box-shadow: 0.5px 0 8px 2px #fff, 0.5px 0 2px 1px #fff; right: 0;}
.loading .loadingBar::after,.loading .loadingBar::after {content: "";display: block;position: absolute;top: 0;height: 1px;transition: box-shadow 300ms 100ms;}
.news_cont_iframe{width: 100%;height: 100%;overflow: hidden;}
.news_cont_iframe video {width: 100%;}
.slide03.swiper-slide-active .news_cont_iframe{animation: opacity01 .5s ease forwards;animation-delay: .6s;opacity: 0;}
.vidoe_tc{width: 100%;height: 100%;position: fixed;top: 0;display: none;z-index: 99999;}
.video_tc_cover{width: 100%;height: 100%;background: rgba(0, 0, 0, .8);position: absolute;top: 0;left: 0;}
.vidoe_tc_box{width: 920px;height: 520px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: .5s;}
.vidoe_tc_box video{width: 920px;height: 520px;}
.vidoe_tc_box .close{width: 40px;height: 40px;background: url(../images/close_bg.png) no-repeat;position: absolute;top: 1px;right: 0;cursor: pointer;}
.vidoe_tc_box .close a{display: block;width: 25px;height: 26px;background: url(../images/close.png) no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.vidoe_tc_box .close:hover a{background: url(../images/close_hover.png) no-repeat;}
@media screen and (max-width: 1800px){
.pic {transform: scale(0.8);transition: .5s;}
.slide06 .cont{transform: scale(.9);transition: .5s;}
.cv_cont{transition: .5s;}
.swiper-slide-active>.cv_main .cv_roll{transform: scale(.9);top: -3%;transition: .5s;width: 140%;}
.slide04 .news_con_main,.slide02 .news_con_main,.slide03 .news_con_main{transform: scale(.9);left: 100px;transition: .5s;}
}
@media screen and (max-width: 1600px){
.slide04 .news_con_main,.slide02 .news_con_main,.slide03 .news_con_main{transform: scale(.8);left: 50px;transition: .5s;}
.pic {transform: scale(0.7);transition: .5s;}
.slide06 .cont{transform: scale(.8);transition: .5s;}
}
@media screen and (max-width: 1400px){
.slide04 .news_con_main,.slide02 .news_con_main,.slide03 .news_con_main{transform: scale(.7);left: 20px;transition: .5s;}
.pic {transform: scale(0.6);transition: .5s;}
.slide06 .cont{transform: scale(.7);transition: .5s;}
.vidoe_tc_box{transform: scale(.8);}
}
@media screen and (max-height: 800px){
.slide04 .news_con_main,.slide02 .news_con_main,.slide03 .news_con_main{transform: scale(.7);left: 20px;transition: .5s;}
.pic {transform: scale(0.6);transition: .5s;}
.slide06 .cont{transform: scale(.7);transition: .5s;}
.vidoe_tc_box{transform: scale(.8);}
}
@keyframes glitch-animation-1 {
0% {
clip: rect(.29rem, 99.99rem, .37rem, 0)
}
2% {
clip: rect(.11rem, 99.99rem, .42rem, 0)
}
4% {
clip: rect(.29rem, 99.99rem, .2rem, 0)
}
6% {
clip: rect(.11rem, 99.99rem, .33rem, 0)
}
8% {
clip: rect(.29rem, 99.99rem, .1rem, 0)
}
10% {
clip: rect(.26rem, 99.99rem, .3rem, 0)
}
12% {
clip: rect(.14rem, 99.99rem, .23rem, 0)
}
14% {
clip: rect(.06rem, 99.99rem, .13rem, 0)
}
16% {
clip: rect(.28rem, 99.99rem, .31rem, 0)
}
18% {
clip: rect(.2rem, 99.99rem, .28rem, 0)
}
20% {
clip: rect(.1rem, 99.99rem, .28rem, 0)
}
22% {
clip: rect(.25rem, 99.99rem, .35rem, 0)
}
24% {
clip: rect(.13rem, 99.99rem, .22rem, 0)
}
26% {
clip: rect(.2rem, 99.99rem, .23rem, 0)
}
28% {
clip: rect(.18rem, 99.99rem, .28rem, 0)
}
30% {
clip: rect(.04rem, 99.99rem, .19rem, 0)
}
32% {
clip: rect(.13rem, 99.99rem, .33rem, 0)
}
34% {
clip: rect(.03rem, 99.99rem, .25rem, 0)
}
36% {
clip: rect(.25rem, 99.99rem, .21rem, 0)
}
38% {
clip: rect(.13rem, 99.99rem, .24rem, 0)
}
40% {
clip: rect(.13rem, 99.99rem, .06rem, 0)
}
42% {
clip: rect(.3rem, 99.99rem, .39rem, 0)
}
44% {
clip: rect(.14rem, 99.99rem, .42rem, 0)
}
46% {
clip: rect(.22rem, 99.99rem, .32rem, 0)
}
48% {
clip: rect(.09rem, 99.99rem, .38rem, 0)
}
50% {
clip: rect(.15rem, 99.99rem, .49rem, 0)
}
52% {
clip: rect(.07rem, 99.99rem, .11rem, 0)
}
54% {
clip: rect(.05rem, 99.99rem, .03rem, 0)
}
56% {
clip: rect(.03rem, 99.99rem, .37rem, 0)
}
58% {
clip: rect(.04rem, 99.99rem, .29rem, 0)
}
60% {
clip: rect(.15rem, 99.99rem, .49rem, 0)
}
62% {
clip: rect(.18rem, 99.99rem, .14rem, 0)
}
64% {
clip: rect(.06rem, 99.99rem, .36rem, 0)
}
66% {
clip: rect(.26rem, 99.99rem, .16rem, 0)
}
68% {
clip: rect(.19rem, 99.99rem, .12rem, 0)
}
70% {
clip: rect(.25rem, 99.99rem, .35rem, 0)
}
72% {
clip: rect(.14rem, 99.99rem, .33rem, 0)
}
74% {
clip: rect(.05rem, 99.99rem, .5rem, 0)
}
76% {
clip: rect(.18rem, 99.99rem, .3rem, 0)
}
78% {
clip: rect(.07rem, 99.99rem, .19rem, 0)
}
80% {
clip: rect(.18rem, 99.99rem, .08rem, 0)
}
82% {
clip: rect(.29rem, 99.99rem, .29rem, 0)
}
84% {
clip: rect(.11rem, 99.99rem, .47rem, 0)
}
86% {
clip: rect(.13rem, 99.99rem, .05rem, 0)
}
88% {
clip: rect(.07rem, 99.99rem, .07rem, 0)
}
90% {
clip: rect(.23rem, 99.99rem, .12rem, 0)
}
92% {
clip: rect(.18rem, 99.99rem, .25rem, 0)
}
94% {
clip: rect(.07rem, 99.99rem, .36rem, 0)
}
96% {
clip: rect(.21rem, 99.99rem, .46rem, 0)
}
98% {
clip: rect(.19rem, 99.99rem, .5rem, 0)
}
to {
clip: rect(.19rem, 99.99rem, .22rem, 0)
}
}
@keyframes glitch-animation-2 {
0% {
clip: rect(.12rem, 99.99rem, .17rem, 0)
}
2% {
clip: rect(.06rem, 99.99rem, .37rem, 0)
}
4% {
clip: rect(.15rem, 99.99rem, .18rem, 0)
}
6% {
clip: rect(.3rem, 99.99rem, .38rem, 0)
}
8% {
clip: rect(.16rem, 99.99rem, .34rem, 0)
}
10% {
clip: rect(.1rem, 99.99rem, .25rem, 0)
}
12% {
clip: rect(.09rem, 99.99rem, .47rem, 0)
}
14% {
clip: rect(.1rem, 99.99rem, .46rem, 0)
}
16% {
clip: rect(.28rem, 99.99rem, .08rem, 0)
}
18% {
clip: rect(.13rem, 99.99rem, .42rem, 0)
}
20% {
clip: rect(.13rem, 99.99rem, .28rem, 0)
}
22% {
clip: rect(.02rem, 99.99rem, .23rem, 0)
}
24% {
clip: rect(.16rem, 99.99rem, .06rem, 0)
}
26% {
clip: rect(.09rem, 99.99rem, .24rem, 0)
}
28% {
clip: rect(.12rem, 99.99rem, .26rem, 0)
}
30% {
clip: rect(.12rem, 99.99rem, .02rem, 0)
}
32% {
clip: rect(.22rem, 99.99rem, .24rem, 0)
}
34% {
clip: rect(.11rem, 99.99rem, .49rem, 0)
}
36% {
clip: rect(.05rem, 99.99rem, .35rem, 0)
}
38% {
clip: rect(.11rem, 99.99rem, .18rem, 0)
}
40% {
clip: rect(.15rem, 99.99rem, .44rem, 0)
}
42% {
clip: rect(.08rem, 99.99rem, .38rem, 0)
}
44% {
clip: rect(.09rem, 99.99rem, .48rem, 0)
}
46% {
clip: rect(.08rem, 99.99rem, .1rem, 0)
}
48% {
clip: rect(.22rem, 99.99rem, .2rem, 0)
}
50% {
clip: rect(.02rem, 99.99rem, .38rem, 0)
}
52% {
clip: rect(.06rem, 99.99rem, .37rem, 0)
}
54% {
clip: rect(.3rem, 99.99rem, .21rem, 0)
}
56% {
clip: rect(.3rem, 99.99rem, .49rem, 0)
}
58% {
clip: rect(.29rem, 99.99rem, .4rem, 0)
}
60% {
clip: rect(.29rem, 99.99rem, .5rem, 0)
}
62% {
clip: rect(.07rem, 99.99rem, .26rem, 0)
}
64% {
clip: rect(.08rem, 99.99rem, .06rem, 0)
}
66% {
clip: rect(.28rem, 99.99rem, .46rem, 0)
}
68% {
clip: rect(.05rem, 99.99rem, .29rem, 0)
}
70% {
clip: rect(.22rem, 99.99rem, .04rem, 0)
}
72% {
clip: rect(.18rem, 99.99rem, .18rem, 0)
}
74% {
clip: rect(.2rem, 99.99rem, .28rem, 0)
}
76% {
clip: rect(.3rem, 99.99rem, .45rem, 0)
}
78% {
clip: rect(.24rem, 99.99rem, .46rem, 0)
}
80% {
clip: rect(.29rem, 99.99rem, .27rem, 0)
}
82% {
clip: rect(.19rem, 99.99rem, .18rem, 0)
}
84% {
clip: rect(.05rem, 99.99rem, .49rem, 0)
}
86% {
clip: rect(.12rem, 99.99rem, .36rem, 0)
}
88% {
clip: rect(.06rem, 99.99rem, .03rem, 0)
}
90% {
clip: rect(.11rem, 99.99rem, .38rem, 0)
}
92% {
clip: rect(.28rem, 99.99rem, .44rem, 0)
}
94% {
clip: rect(.27rem, 99.99rem, .02rem, 0)
}
96% {
clip: rect(.08rem, 99.99rem, .05rem, 0)
}
98% {
clip: rect(.21rem, 99.99rem, .16rem, 0)
}
to {
clip: rect(.12rem, 99.99rem, .19rem, 0)
}
}