@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style:none}
img{border:0}
table{border-spacing:0;border-collapse:collapse}
input,select,textarea{font:12px 'Microsoft YaHei',simsun,tahoma;outline:0}
a{text-decoration:none;color:#2f2f2f;outline:0}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
.clearfix:after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}
.clearfix{zoom:1}
.clear{clear:both}
.hidden{line-height:99999px;overflow:hidden}
.relative{position:relative}
.fl{float:left}
.fr{float:right}
.fz14{font-size:14px}
.mt20{margin-top:20px}
[v-cloak]{display:none}
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}
@-webkit-keyframes startMaskShuimo{100%{mask-position:100% center;-webkit-mask-position:100% center}
}
@keyframes startMaskShuimo{100%{mask-position:100% center;-webkit-mask-position:100% center}
}
@-webkit-keyframes anbBird1{0%{opacity:0;-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}
20%,80%{opacity:1}
100%{opacity:0;-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}
}
@keyframes anbBird1{0%{opacity:0;-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}
20%,80%{opacity:1}
100%{opacity:0;-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}
}
@-webkit-keyframes anbBird2{0%{opacity:0;-webkit-transform:translate(10px,30px);transform:translate(10px,30px)}
20%,80%{opacity:1}
100%{opacity:0;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}
}
@keyframes anbBird2{0%{opacity:0;-webkit-transform:translate(10px,30px);transform:translate(10px,30px)}
20%,80%{opacity:1}
100%{opacity:0;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}
}
@-webkit-keyframes aniPop{from{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}
@keyframes aniPop{from{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}
.ani{opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.ani-t{opacity:0;-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.index-swiper .swiper-slide-main{z-index:5;opacity:0!important}
.index-swiper .swiper-slide-main.active{opacity:1!important}
.index-swiper .swiper-slide-main.active.mask{z-index:20;-webkit-mask-image:url(../images/mask-center.png);-webkit-mask-size:3000% 100%;mask-size:3000% 100%;-webkit-mask-position:0 0;mask-position:0 0;-webkit-animation:startMaskShuimo .8s steps(29) both;animation:startMaskShuimo .8s steps(29) both}
.index-swiper .swiper-slide-main.active .ani{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:opacity .5s .5s,transform .5s .5s;transition:opacity .5s .5s,transform .5s .5s,-webkit-transform .5s .5s}
.index-swiper .swiper-slide-main.active .ani-t{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:opacity .5s .5s,transform .5s .5s;transition:opacity .5s .5s,transform .5s .5s,-webkit-transform .5s .5s}
.index-swiper .swiper-slide-main.active .ani2{-webkit-transition-delay:.8s;transition-delay:.8s}
.index-swiper .swiper-slide-main.active .ani3{-webkit-transition-delay:1.1s;transition-delay:1.1s}
.index-swiper .swiper-slide-main.active .gift-list .swiper-slide{pointer-events:auto}
.play-lists li{opacity:0;-webkit-transform:translate(-5%,0);transform:translate(-5%,0)}
.p5.active .wrapper::before{-webkit-animation:anbBird1 5s infinite linear;animation:anbBird1 5s infinite linear}
.p5.active .wrapper::after{-webkit-animation:anbBird2 4s .5s infinite linear;animation:anbBird2 4s .5s infinite linear}
.p5.active .wrapper .play-lists li{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .5s .9s,-webkit-transform .5s .9s;transition:opacity .5s .9s,-webkit-transform .5s .9s;transition:opacity .5s .9s,transform .5s .9s;transition:opacity .5s .9s,transform .5s .9s,-webkit-transform .5s .9s}
.p5.active .wrapper .play-lists li:nth-of-type(2){-webkit-transition-delay:1s;transition-delay:1s}
.p5.active .wrapper .play-lists li:nth-of-type(3){-webkit-transition-delay:1.1s;transition-delay:1.1s}
::-webkit-scrollbar{width:4px;height:5px;background:#2a1857;border-radius:2px}
::-webkit-scrollbar-track{background-color:transparent}
::-webkit-scrollbar-thumb{background-color:#bd72cc;background-image:-webkit-linear-gradient(90deg,#bd72cc 30%,#daa2ec 70%);border-radius:2px}

/*br{font-family: "LXGW WenKai TC", cursive;}
.font-syh{font-family: "LXGW WenKai TC", cursive;}
.font-dz{font-family: "LXGW WenKai TC", cursive;}*/
body,html{position:relative;width:100%;height:100%;overflow:hidden;font-family: "LXGW WenKai TC", cursive;}
body{color:#565860}
a.ed,a.on{cursor:default}
.flex{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}
.main-content,.p-main{position:relative;width:100%;height:100%;overflow:hidden}
.abs{position:absolute;z-index:10}
.in-m{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.full-bg{position:relative;z-index:20;margin:0 auto;overflow:hidden;background:#fbfdfc}
.wrapper{position:relative;z-index:5;height:100%;margin:0 auto;padding:1px 0 0}
.wrapper h2{font-size:0}
.wrapper h3{position:absolute;z-index:2;font-size:0;pointer-events:none}
.logo{position:absolute;z-index:10}
.logo img{width:100%}
.side-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:55;pointer-events:none}
.side-nav a{pointer-events:auto}
.side-nav>a{position:absolute;z-index:5;background:url(../images/btn-side.png) center/cover no-repeat;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.side-nav>a::before{display:block;content:"";background:url(../images/i-arrow-03.png) center/cover no-repeat;-webkit-transition:all .3s;transition:all .3s}
.side-nav>a.show{-webkit-animation:none;animation:none;background:url(../images/btn-side-on.png) center/cover no-repeat}
.side-nav>a.show::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
nav{position:absolute;top:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .5s;transition:all .5s}
nav.show{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
nav a{position:relative;color:#cfcfcf;letter-spacing:-2px;text-indent:-2px;text-align:center}
nav a::before{content:"";position:absolute;top:0;right:0;height:100%;pointer-events:none;opacity:0;-webkit-transform:translate(-10%,0);transform:translate(-10%,0)}
nav a span{position:relative;z-index:2}
nav a span::after,nav a span::before{content:"";display:block;background:url(../images/i-dot.png) center/cover no-repeat;opacity:0;-webkit-transform:scale(0);transform:scale(0)}
nav a span strong{display:block;-webkit-transform:scaleX(.9);transform:scaleX(.9);-webkit-transform-origin:center;transform-origin:center;font-weight:400}
nav a:nth-of-type(5),nav a:nth-of-type(6),nav a:nth-of-type(7){letter-spacing:0;text-indent:0}
nav a:first-of-type::before{background:url(../images/nav-a1-on.png) center right/contain no-repeat}
nav a:nth-of-type(2)::before{background:url(../images/nav-a2-on.png) center right/contain no-repeat}
nav a:nth-of-type(3)::before{background:url(../images/nav-a3-on.png) center right/contain no-repeat}
nav a:nth-of-type(4)::before{background:url(../images/nav-a4-on.png) center right/contain no-repeat}
nav a:nth-of-type(5)::before{background:url(../images/nav-a5-on.png) center right/contain no-repeat}
nav a:nth-of-type(6)::before{background:url(../images/nav-a6-on.png) center right/contain no-repeat}
nav a:nth-of-type(7)::before{background:url(../images/nav-a7-on.png) center right/contain no-repeat}
.skill-mod{position:relative;z-index:3}
.skill-mod>p{text-align:justify;text-indent:2em}
.skill-cont{position:relative}
.btn-detail{color:#fff;}
.btn-detail span{display:block;width:1em;line-height:.9}
.btn-detail::after{content:"";position:absolute;background:url(../images/i-arrow.png) center/cover no-repeat;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.skill-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.skill-list li{position:relative}
.skill-list li .skill-item{position:relative;width:100%;background:url(../images/skill-item-01.png) center/cover no-repeat}
.skill-list li .skill-item span{z-index:1;color:#edd3a1;background-image:-webkit-linear-gradient(90deg,#edd3a1 35%,#fff 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 4px rgba(25,19,19,.84));opacity:0;-webkit-transition:all .5s;transition:all .5s}
.skill-list li .skill-item img{z-index:0;-webkit-transition:all .5s;transition:all .5s}
.skill-list li .skill-item .img-a{opacity:0}
.skill-list li>p{position:relative;margin:0 auto;color:#704c20;line-height:1;letter-spacing:5px;text-indent:5px;text-align:center}
.skill-list li>p::after,.skill-list li>p::before{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-60%);transform:translate(0,-60%);opacity:0}
.skill-list li>p::before{left:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #704c20;-webkit-transform:translate(-2px,-60%);transform:translate(-2px,-60%)}
.skill-list li>p::after{right:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #704c20;-webkit-transform:translate(2px,-60%);transform:translate(2px,-60%)}
.skill-list li>p i{position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);bottom:0;width:0;height:2px;background:#704c20;opacity:.6}
.skill-list li .pop-float{background:url(../images/pop-float-01.png) center/cover no-repeat;color:#373737}
.skill-list li:hover .pop-float{opacity:1;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}
.pop-float{position:absolute;left:50%;opacity:0;-webkit-transform:translate(-50%,20px);transform:translate(-50%,20px);pointer-events:none}
.p1 .btn-video{background:url(../images/btn-video-01.png) center/cover no-repeat}
.p1 .skill-mod>p{color:#4b4141}
.p1 .btn-detail{background:url(../images/btn-detail-01.png) center/cover no-repeat}
.p2 .btn-video{background:url(../images/btn-video-02.png) center/cover no-repeat}
.p2 .skill-mod>p{color:#605656}
.p2 .btn-detail{background:url(../images/btn-detail-02.png) center/cover no-repeat}
.p3 .btn-video{background:url(../images/btn-video-03.png) center/cover no-repeat}
.p3 .skill-mod>p{color:#605656}
.p3 .skill-list li>p{color:#a5484a}
.p3 .skill-list li>p::before{border-left-color:#a5484a}
.p3 .skill-list li>p::after{border-right-color:#a5484a}
.p3 .skill-list li>p i{background:#a5484a}
.p3 .btn-detail{background:url(../images/btn-detail-03.png) center/cover no-repeat}
.p4 .btn-video{background:url(../images/btn-video-04.png) center/cover no-repeat}
.p4 .skill-mod{color:#565860}
.p4 .skill-list li .skill-item{background:url(../images/skill-item-04.png) center/cover no-repeat}
.p4 .skill-list li>p{color:#525252}
.p4 .skill-list li>p::before{border-left-color:#525252}
.p4 .skill-list li>p::after{border-right-color:#525252}
.p4 .skill-list li>p i{background:#525252}
.p4 .btn-detail{background:url(../images/btn-detail-04.png) center/cover no-repeat}
.p5 .wrapper h3{background:url(../images/cn/p5-title.png) center/cover no-repeat}
.p5 .wrapper::after,.p5 .wrapper::before{content:"";position:absolute;z-index:0;pointer-events:none}
.p5 .wrapper::before{background:url(../images/bird-01.png) center/cover no-repeat}
.p5 .wrapper::after{background:url(../images/bird-02.png) center/cover no-repeat}
.p5::after{content:"";position:absolute;bottom:0;right:0;z-index:6;pointer-events:none}
.play-lists li{position:relative;background:url(../images/play-01.png) center/cover no-repeat}
.play-lists li::before{content:"";position:absolute;z-index:0}
.play-lists li h4{position:absolute;top:0;z-index:2;height:100%;width:1em;color:#fff;line-height:1.1}
.play-lists li h4 span{background-image:url(../images/font-mask.jpg);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.play-lists li h5{color:#755f3d}
.play-lists li>p{text-indent:2em;}
.play-lists li a{background:url(../images/p5-btn-detail.png) center/cover no-repeat;color:#9f7757;text-align:center}
.play-lists li a::after{content:"";position:absolute;background:url(../images/i-arrow-02.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.play-lists li:first-of-type::before{background:url(../images/cn/n1.png) center/cover no-repeat}
.play-lists li:first-of-type .play-goods h5{letter-spacing:3px;text-indent:3px}
.play-lists li:nth-of-type(2){background:url(../images/play-02.png) center/cover no-repeat}
.play-lists li:nth-of-type(2)::before{background:url(../images/cn/n2.png) center/cover no-repeat}
.play-lists li:nth-of-type(3)::before{background:url(../images/cn/n3.png) center/cover no-repeat}
.play-goods{position:absolute;background:url(../images/play-goods.png) center top no-repeat;text-align:center}
.play-goods img{display:block;margin:0 auto}
.p6 .wrapper h3{background:url(../images/cn/p6-title.png) center/cover no-repeat}
.p6 .wrapper>h4{color:#24282b;text-shadow:0 0 5px #fff}
.p6 .wrapper>h4 span{background:url(../images/tit-h4.png) center/cover no-repeat;color:#d10303;text-align:center;letter-spacing:0;text-indent:0}
.btn-guide{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:url(../images/btn-guide.png) center/cover no-repeat;color:#fffae1}
.btn-guide span{display:block;width:1em;line-height:.9;-webkit-filter:drop-shadow(0 0 1px #8a4535) drop-shadow(0 0 1px #8a4535) drop-shadow(0 0 1px #8a4535) drop-shadow(0 0 1px #8a4535) drop-shadow(0 0 1px #8a4535)}
.btn-guide::after{content:"";display:block;background:url(../images/i-arrow-04.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.wel-lists li{position:relative;background:url(../images/wel-li.png) center/cover no-repeat}
.wel-lists li>div>div{position:relative;background:url(../images/wel-img.png) center/cover no-repeat}
.wel-lists li h4{margin:0 auto;background:url(../images/tit-wel.png) center/cover no-repeat;color:#fffff5;text-align:center}
.wel-lists li h5,.wel-lists li p{ }
.wel-lists li h5{color:#563836;text-align:center;line-height:1.2}
.wel-lists li p{color:#171013;text-indent:2em;text-align:justify;line-height: 1.3}
.wel-lists li p span{color:#c90000}
.wel-lists li:first-of-type{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
.wel-lists li:nth-of-type(2){-webkit-transform:rotate(1deg);transform:rotate(1deg)}
.wel-lists li:nth-of-type(3){-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}
.p7 .wrapper h3{background:url(../images/cn/p7-title.png) center/cover no-repeat}
.p7 .wrapper>h4{background:url(../images/p7-h4.png) center/cover no-repeat;color:#fffbdb;text-align:center;text-shadow:0 0 8px rgba(47,55,55,.9),0 0 3px #df6443,0 0 3px #df6443}
.gift-list{position:relative;z-index:2}
.gift-list .gift-item{position:relative;z-index:1;background:url(../images/gift-li.png) center/cover no-repeat}
.gift-list .gift-item img{display:block;margin:0 auto}
.gift-list .gift-item h4,.gift-list .gift-item h5{text-align:center}
.gift-list .gift-item h4{color:#2e3840;letter-spacing:-2px;text-indent:-2px;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,0 0 #fff,-1px 0 #fff,0 1px 0 #fff,1px 0 0 #fff,-1px 0 #fff,-1px 0 0 #fff}
.gift-list .gift-item h5{position:relative;background:url(../images/tit-price.png) center/cover no-repeat;color:#ffffd7;letter-spacing:-1px;text-indent:-1px;line-height:1}
.gift-list .gift-item h5::before{content:"";position:absolute;background:url(../images/cn/i-buy.png) center/cover no-repeat}
.gift-list .gift-item h5 span{background-image:-webkit-linear-gradient(90deg,#ffecab 35%,#ffffd7 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 2px rgba(255,180,72,.55)) drop-shadow(0 0 8px rgba(255,180,72,.55))}
.gift-list .gift-item .pop-float{background:url(../images/pop-float-02.png) center/cover no-repeat;color:#353535}
.discount{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:2;background:url(../images/discount-02.png) center/cover no-repeat;color:#ffffd7;line-height:1}
.discount p{/*background-image:-webkit-linear-gradient(90deg,#ffecab 35%,#ffffd7 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent*/ color: #ffecab}
.discount p:first-of-type{line-height:.7}
.shop{position:relative;background:url(../images/shop-bg.png) center/cover no-repeat}
.shop h4{position:absolute;width:1em;color:#fff0c8;line-height:.9;text-shadow:0 2px 4px #142a30}
.shop>p{color:#fff;text-align:center;text-shadow:0 0 5px #000,0 0 5px #000,0 0 10px #000}
.shop-lists{color:#2c3437;text-align:center}
.shop-lists li{position:relative;background:url(../images/shop-li.png) center top no-repeat}
.shop-lists li img{display:block;margin:0 auto}
.shop-lists li h5{text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,0 0 #fff,-1px 0 #fff,0 1px 0 #fff,1px 0 0 #fff,-1px 0 #fff,-1px 0 0 #fff}
.shop-lists li>p{margin:0 auto;background:url(../images/tit-shop.png) center/cover no-repeat;color:#ffef84}
.shop-lists li>p span{background-image:-webkit-linear-gradient(90deg,#ffef84 35%,#fff 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.shop-lists li>p strong{margin-left:-1px;font-weight:400;letter-spacing:-2px;text-indent:-2px}
.shop-lists li .discount{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}
.shop-desc{position:absolute;color:#fff;text-align:center;letter-spacing:1px;text-indent:1px;}
.shop-desc p:first-of-type{letter-spacing:4px;text-indent:4px}
.shop-desc span{color:#ffdf93}
body{font-size:18px; line-height: 1.5}
.public_top_full_bg{position:fixed!important;top:0;left:0;width:100%}
a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
a.ed:hover,a.on:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.public_top_full_bg{position:fixed!important;top:0;left:0;width:100%}
.full-bg{width:100%;height:100%}
.main-contain{position:absolute;left:50%;top:50%;z-index:10;width:0;height:0}
section{position:absolute;top:50%;left:50%;margin:-540px 0 0 -960px;width:1920px;max-width:1920px;height:1080px;overflow:hidden}
section.big{-webkit-mask-image:-webkit-linear-gradient(left,rgba(135,224,253,0) 0,#87e0fd 1%,#000 99%,rgba(5,171,224,0))}
.wrapper{position:absolute;top:50%;left:50%;width:1400px;height:855px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wrapper h2{display:none}
.logo{top:80px;left:267px;width:240px}
.side-nav{position:fixed;top:50%;right:0;width:1px;height:1080px;margin-top:-540px;-webkit-transform-origin:center right!important;transform-origin:center right!important}
.side-nav>a{top:436px;right:-13px;width:57px;height:158px;padding:66px 0 0 28px}
.side-nav>a::before{width:12px;height:24px}
.side-nav>a.show{-webkit-transform:translate(-203px,0);transform:translate(-203px,0)}
nav{width:335px;padding-top:75px;background:url(../images/nav-bg.png) no-repeat}
nav a{width:210px;height:104px;margin:-3px 0;padding:0 0 0 20px;font-size:26px}
nav a::before{width:303px}
nav a span::after,nav a span::before{width:14px;height:14px;margin:0 -2px}
nav a:nth-of-type(5),nav a:nth-of-type(6),nav a:nth-of-type(7){font-size:29px}
nav a:nth-of-type(6){padding:0 10px 0 0}
nav a:nth-of-type(7){padding:0 40px 0 0}
nav a.on,nav a:hover{color:#3c3c3c}
nav a.on::before,nav a:hover::before{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s;transition:all .5s}
nav a.on span::after,nav a.on span::before,nav a:hover span::after,nav a:hover span::before{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .5s;transition:all .5s}
.video-bg{position:absolute;top:0;left:0;z-index:0;width:1920px;height:1080px;pointer-events:none}
.video-bg video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.p0{background:url(../images/cn/p0.jpg) center no-repeat}
.btn-video{width:62px;height:121px}
.skill-mod{width:350px}
.skill-mod>p{line-height:35px}
.btn-detail{top:8px;left:332px;width:21px;height:66px;padding:0 0 10px}
.btn-detail::after{top:46px;left:7px;width:9px;height:13px}
.btn-detail:hover::after{-webkit-transform:translate(2px,0);transform:translate(2px,0)}
.skill-list{margin:21px 0 0;font-size:20px}
.skill-list li{width:81px;margin:0 31px 0 0}
.skill-list li:last-of-type{margin:0}
.skill-list li .skill-item{height:81px}
.skill-list li .skill-item img,.skill-list li .skill-item span{width:61px;height:61px}
.skill-list li .skill-item span{font-size:30px}
.skill-list li>p{width:68px;padding-bottom:5px}
.skill-list li .pop-float{top:90px;width:429px;height:265px;padding:0 60px 0 70px;font-size:18px}
.skill-list li:hover .skill-item span{opacity:1}
.skill-list li:hover .skill-item .img-b{opacity:0}
.skill-list li:hover .skill-item .img-a{opacity:1}
.skill-list li:hover>p::after,.skill-list li:hover>p::before{-webkit-transform:translate(0,-60%);transform:translate(0,-60%);opacity:1;-webkit-transition:opacity .5s .3s,-webkit-transform .5s .3s;transition:opacity .5s .3s,-webkit-transform .5s .3s;transition:opacity .5s .3s,transform .5s .3s;transition:opacity .5s .3s,transform .5s .3s,-webkit-transform .5s .3s}
.skill-list li:hover>p i{width:100%;-webkit-transition:width .5s;transition:width .5s}
.pop-float{line-height:33px}
.p1{background:url(../images/cn/p1.jpg) center no-repeat}
.p1 .btn-video{top:412px;left:1212px}
.p1 .skill-mod{width:360px;margin:225px 0 0 786px}
.p1 .skill-list{margin:7px 0 0}
.p1 .skill-list li{margin:0 16px}
.p2{background:url(../images/cn/p2.jpg) center no-repeat}
.p2 .wrapper::before{content:"";position:absolute;top:-87px;left:-128px;z-index:0;width:1229px;height:843px;background:url(../images/p2-cont.png) no-repeat}
.p2 .btn-video{top:422px;left:215px}
.p2 .skill-mod{width:323px;margin:257px 0 0 368px}
.p2 .skill-list{margin:10px 0 0}
.p2 .btn-detail{top:12px;left:317px}
.p3{background:url(../images/cn/p3.jpg) center no-repeat}
.p3 .btn-video{top:345px;left:1305px}
.p3 .skill-mod{width:326px;margin:196px 0 0 796px}
.p3 .btn-detail{top:8px;left:319px}
.p4{background:url(../images/cn/p4.jpg) center no-repeat}
.p4 .btn-video{top:387px;left:72px}
.p4 .skill-mod{margin:238px 0 0 307px}
.p4 .btn-detail{left:313px}
.p5{background:url(../images/p5.jpg) center no-repeat}
.p5 .wrapper h3{top:-32px;left:552px;width:539px;height:220px}
.p5 .wrapper::before{top:43px;left:163px;width:129px;height:69px}
.p5 .wrapper::after{top:-16px;left:1275px;width:177px;height:114px}
.p5::after{width:1355px;height:353px;background:url(../images/p5-b.png) no-repeat}
.play-lists{padding:163px 0 0 323px}
.play-lists li{width:998px;height:186px;margin:0 0 21px;padding:0 180px 0 139px}
.play-lists li::before{top:17px;left:21px;width:70px;height:64px}
.play-lists li h4{left:63px;font-size:28px}
.play-lists li h5{font-size:21px}
.play-lists li>p{line-height:28px}
.play-lists li a{left:454px;bottom:-11px;width:111px;height:36px;padding:0 11px 0 0;font-size:19px;line-height:36px}
.play-lists li a::after{top:13px;left:73px;width:10px;height:12px}
.play-lists li a:hover::after{-webkit-transform:translate(5px,0);transform:translate(5px,0)}
.play-lists li:nth-of-type(2){padding:0 70px 0 139px}
.play-goods{top:21px;right:52px;width:140px}
.play-goods h5{margin:-22px 0 0}
.p6{background:url(../images/p6.jpg) center no-repeat}
.p6 .wrapper h3{top:-23px;left:568px;width:516px;height:190px}
.p6 .wrapper>h4{padding:148px 0 0 370px;font-size:23px;letter-spacing:7px;text-indent:7px}
.p6 .wrapper>h4 span{width:30px;height:35px}
.btn-guide{top:336px;right:0;width:72px;height:274px;font-size:29px}
.btn-guide span{margin:0 0 6px}
.btn-guide::after{width:31px;height:30px}
.btn-guide:hover::after{-webkit-transform:translate(5px,0);transform:translate(5px,0)}
.wel-lists{padding:60px 0 0 209px}
.wel-lists li{width:311px;height:480px;margin:0 7px;padding:45px 0 0 5px;font-size:20px}
.wel-lists li>div>div{width:143px;height:143px;margin:-9px auto -8px}
.wel-lists li h4{width:242px;height:65px;font-size:44px;line-height:65px;letter-spacing:12px;text-indent:12px}
.wel-lists li h5{padding:3px 0 4px}
.wel-lists li h5 span{display:block}
.wel-lists li p{padding:0 34px 0 30px}
.wel-lists li:first-of-type h5{padding-top:8px}
.wel-lists li:nth-of-type(2)>div>div{margin:0 auto 3px}
.wel-lists li:nth-of-type(3) h5{padding:4px 0 9px}
.p7{background:url(../images/p7.jpg) center no-repeat}
.p7 .wrapper h3{top:7px;left:380px;width:685px;height:271px}
.p7 .wrapper>h4{width:635px;height:29px;margin:203px auto 0;padding:0 0 0 34px;font-size:24px;line-height:29px;letter-spacing:5px;text-indent:5px}
.gift-list{padding:0 0 0 2px;overflow:visible}
.gift-list .swiper-wrapper{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}
.gift-list .swiper-slide{width:292px;margin:0 -12px}
.gift-list .gift-item{height:322px;padding:63px 0 0 4px}
.gift-list .gift-item h4{margin:-49px 0 0;font-size:24px}
.gift-list .gift-item h5{width:236px;height:130px;margin:-19px 0 0 34px;padding:0 10px 33px 0}
.gift-list .gift-item h5::before{/*top:15px;left:21px;width:26px;height:69px;*/ width:56px; height:50px; top:27px; left:0;}
.gift-list .gift-item h5 span:first-of-type{font-size:58px}
.gift-list .gift-item h5 span:nth-of-type(2){margin:16px 0 0;font-size:28px}
.gift-list .gift-item .pop-float{top:190px;width:378px;height:233px;padding:0 36px 0 50px}
.gift-list .gift-item:hover{z-index:5}
.gift-list .gift-item:hover .pop-float{opacity:1;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}
.discount{top:24px;right:-2px;width:129px;height:111px;padding-top:3px}
.discount p:first-of-type{padding:0 3px;font-size:50px;letter-spacing:-3px;text-indent:-3px}
.discount p:nth-of-type(2){font-size:26px}
.shop{width:1375px;height:405px;margin:-49px 0 0 12px}
.shop h4{top:68px;left:40px;font-size:38px}
.shop>p{padding-top:98px;letter-spacing:3px;text-indent:3px}
.shop-lists{width:754px;padding:67px 0 0}
.shop-lists li{width:149px;margin:0 16px}
.shop-lists li h5{margin:-29px 0 -4px;font-size:21px}
.shop-lists li>p{height:36px;font-size:25px}
.shop-lists li>p strong{font-size:21px}
.shop-lists li .discount{top:-20px;width:90px;height:77px}
.shop-lists li .discount p:first-of-type{font-size:34px}
.shop-lists li .discount p:nth-of-type(2){font-size:22px}
.shop-desc{right:-10px;top:107px;width:690px;line-height:43px}
.shop-desc span{font-size:22px}
.pop-box{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.7)}
.pop-box.show{display:block}
.pop{position:fixed;left:50%;top:50%;z-index:13;background:url(../images/pop-bg.png) no-repeat;width:530px;height:390px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-animation:aniPop .5s;animation:aniPop .5s}
.pop-close{position:absolute;top:25px;right:-25px;z-index:2;width:44px;height:46px;background:url(../images/pop-close.png) no-repeat;line-height:500px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}
.pop-close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pop-cont{padding:10px 30px;color:#313131;font-size:26px;text-align:center;}
.pop-cont .msg{height:350px}
.pop-video{width:1064px;height:664px;padding:81px 9px 0 0;background:url(../images/pop-bg-v.png) center/cover no-repeat}
.pop-video .pop-close{top:-15px;right:5px;width:52px;height:52px;background:url(../images/pop-close-02.png) center/cover no-repeat}
.pop-video-cont{position:relative;width:872px;height:489px;margin:0 auto;-webkit-mask:url(../images/video-mask.png) center/100% 100% no-repeat}
.pop-video-cont video{position:relative;width:100%;height:100%}


/**/
.footer{max-height:0;width:100%;position:fixed;left:0;bottom:0;z-index:1000;background:#000;transition:all .3s linear;color:#fff;text-align:center;font-size:14px}
.footer .footer-wrapper{ width: 1000px; margin: 0 auto; height:auto;padding:0}
#footerBtn{position:absolute;right:10px;top:-40px;width:220px;height:40px;line-height:40px;text-align:center;background:#000;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-size:14px;text-decoration:none;border-bottom:none;display: flex; align-items: center; justify-content: center;}
#footerBtn i { display: block; width:0; height:0; border:5px solid transparent; border-top-color:#fff; margin-left:5px; margin-top:6px; }
.footer.footer-show{height:auto;max-height:200px;padding:20px 0}
.footer.footer-show #footerBtn i { border-top-color:transparent; border-bottom-color:#fff; margin-top:-6px; }

.footer .social a { display: inline-block; *display: inline; *zoom: 1; width: 48px; height: 48px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat 0 0; text-indent: -999em; vertical-align: middle; margin: 0 5px; }
.footer .social a.fb { background-position: -291px -326px; }
.footer .social a.yt { background-position: -359px -326px; }
.footer .copyright { padding-top: 5px; }
.footer .copyright a { color: #fff; text-indent: 0; background: none; width: auto; height: auto; margin: 0 5px; vertical-align: middle; }
.footer .copyright a:hover { text-decoration: underline; }

.lang { position:absolute; left: 500px; top:130px; z-index:2; }
.lang select { background:#244c4b; color:#fff; font-size:16px; height:36px; line-height:36px; border-radius:4px; }

.p1, .p2, .p3, .p4, .p5 { background-size:auto 100%; }