.main,.swiper-container,body,html{width:100%;height:100%;overflow:hidden}
.full-bg{position:relative;width:100%;height:100%}
.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))}
.page0{background:url(../images/bg0.jpg) no-repeat center center}
.page1{background:url(../images/bg1.jpg) no-repeat center center}
.page2{background:url(../images/bg2.jpg) no-repeat center center}
.page3{background:url(../images/bg3.jpg) no-repeat center center}
.page4{background:url(../images/bg4.jpg) no-repeat center center}
*{padding:0;margin:0;box-sizing:border-box}
a{text-decoration:none;-webkit-transition:all ease .4s;transition:all ease .4s}
.g-tab a{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated}
.logo{width:240px;position:absolute;top:80px;left:30px;z-index:2}
.logo img{width:100%}
.lang { position:absolute; right: 30px; top:120px; z-index:2; }
body{width:100%;height:100%;background:#204766}
.page{width:100%;height:100%}
.title{ position: absolute; left: 50%; top: 60px; width:545px;height:119px; margin-left: -272px; z-index:9;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all ease .4s;transition:all ease .4s;pointer-events:none}
.title span{position:absolute;color:#fff2be;text-shadow:inset 0 2px 1px 0 #fffdf4,inset 0 3px 4px 0 rgba(140,92,0,.38)}
.title span:nth-child(1){top:0;left:0}
.title span:nth-child(2){top:0;left:0}
.title p{position:absolute;color:#7ba6c7;font-size:16px;top:120px;left:0; width: 100%; text-align:center; color:#4ca5e9; }
.title1{background:url(../images/p1-title-new.png) no-repeat center}
.title2{background:url(../images/p2-title-new.png) no-repeat center; margin-left:0; left:auto; right:150px; top:80px; }
.title3{background:url(../images/p3-title-new.png) no-repeat center}
.title4{background:url(../images/p4-title-new.png) no-repeat center}
.title4{margin-top:10px}
.detail{width:123px;height:59px;position:absolute;color:#ffdb96;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;-webkit-transition:all ease .4s;transition:all ease .4s;pointer-events:initial;font-size:0;color:transparent}
.detail:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;display:block;background:url(../images/detail-btn.png);z-index:0}
.detail span{position:relative;z-index:1;background:-webkit-linear-gradient(top,#ffdc98,#fff5e2);background:linear-gradient(to bottom,#ffdc98,#fff5e2);-webkit-background-clip:text;background-clip:text}
.detail.d1{top:154px;left:227px;transform: rotate(-10deg);}
.detail.d2{top:160px;left:300px;transform: rotate(-5deg);}
.detail.d5{top:110px;left:300px;transform: rotate(-10deg);}
.detail.d3{top:36px;left:750px}
.detail.d4{top:18px;left:615px}
.detail.d6{top:90px;left:528px; transform: rotate(-10deg);}
.detail.d7{top:90px;left:669px; transform: rotate(-5deg);}
.detail.video-btn:before{background:url(../images/vide-btn.png) no-repeat center;}

.g-tab { position:absolute;top:50%;left:50%;margin-top:-530px;margin-left:-720px;z-index:1; padding-top: 100px; padding-bottom: 50px; background:url(../images/dec1.png) no-repeat center bottom; width:261px; }
.g-tab a { position: relative; display: block; width: 261px; height: 51px; line-height: 51px; background:url(../images/gtab.png) no-repeat center top; font-size:16px; color: #ffdd8c; pointer-events:none; }
.g-tab a.on,.page3 .g-tab a:hover{background:url(../images/gtab-hover.png) no-repeat center top; color: #7a4210;}
.g-tab a span { display: block; position: absolute; left: 0; top: 6px; font-size:18px; width:100%; height:38px; pointer-events:all; text-align:center; line-height: 38px; font-weight:bold; }

.g-tab a span:before, .g-tab a span:after { position: absolute; top: 50%; margin-top: -3px; content:""; width:5px; height:5px; background: #1d3493; border: 1px solid #e5d69a; transform:rotate(45deg); }
.g-tab a span:before { left:45px; }
.g-tab a span:after { right:52px; }

.page1 .g-tab a:nth-child(2) span:before, .page1 .g-tab a:nth-child(2) span:after { display:none; }
.page1 .g-tab a:nth-child(3) span:before, .page1 .g-tab a:nth-child(3) span:after { width:9px; height:11px; background:url(../images/icon-moon.png) no-repeat center center; border:none; transform:rotate(0deg); margin-top:-4px; }
.page1 .g-tab a:nth-child(3) span:before { transform:rotate(180deg); }
.page1 .g-tab a.on:nth-child(3) span:before, .page1 .g-tab a.on:nth-child(3) span:after { background-image:url(../images/icon-moon-hover.png) }
.page1 .g-tab a:nth-child(1):before, .page1 .g-tab a:nth-child(3):before { position: absolute; top: -56px; left: 50%; margin-left: -46px; content:""; width: 92px; height: 66px; background: url(../images/cn/orange.png) no-repeat center center;}
.page1 .g-tab a:nth-child(3):before { background-image:url(../images/cn/purple.png); }
.page1 .g-tab a:nth-child(1), .page1 .g-tab a:nth-child(3) { margin-top:56px; }


.page{position:relative}
.page1{-webkit-transition:all ease .4s;transition:all ease .4s}
.page1.bg1-1{background:url(../images/bg1-1.jpg) no-repeat center}
.page1.j{background:url(../images/bg1-j.jpg) no-repeat center}
.page1.d{background:url(../images/bg1-d.jpg) no-repeat center}
.page1 .skill{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;position:absolute;left:50%;top:50%;width:1170px;margin-top:-410px;margin-left:-580px;height:900px}
.page1 .skill li{height:100%;width:260px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.page1 .skill li:before{content:'';position:absolute;width:100%;height:100%;top:0;left:50%;margin-left:-325px;mix-blend-mode:lighten;width:650px;height:538px}
.page1 .skill li:after{content:'';position:absolute;width:100%;height:100px;bottom:170px;z-index:1;left:0}
.page1 .skill li p{position:absolute;left:0;bottom:57px;color:#ebf6ff;font-size:14px;height:100px;text-align:center}
.page1 .skill li:nth-child(1):before{background:url(../images/skill1-z.png) no-repeat center}
.page1 .skill li:nth-child(1):after{background:url(../images/skill-name-1.png) no-repeat center;}
.page1 .skill li:nth-child(2):before{background:url(../images/skill2-z.png) no-repeat center}
.page1 .skill li:nth-child(2):after{background:url(../images/skill-name-2.png) no-repeat center;}
.page1 .skill li:nth-child(3):before{background:url(../images/skill3-z.png) no-repeat center}
.page1 .skill li:nth-child(3):after{background:url(../images/skill-name-3.png) no-repeat center;}
.page1 .skill li:nth-child(1){margin-left:50px}
.page1 .skill li:nth-child(1):before{top:100px}
.page1 .skill li:nth-child(2){margin-left:130px;width:314px}
.page1 .skill li:nth-child(3){margin-left:125px;width:800px;height:467px}
.page1 .tx1{position:absolute;background:url(../images/tx1.png) no-repeat center;width:451px;height:358px;top:50%;left:50%;margin-left:-540px;margin-top:80px;-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation:shake 4s linear infinite;animation:shake 4s linear infinite}
.page1 .tx2{position:absolute;background:url(../images/tx2.png) no-repeat center;width:451px;height:358px;top:50%;left:50%;margin-left:-790px;margin-top:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation:shake 4s linear infinite;animation:shake 4s linear infinite;-webkit-animation-delay:2s;animation-delay:2s}
.page1 .tx-name{position:absolute; top:50%;left:50%;margin-left:-670px;margin-top:300px; }
.page1 .hero{width:810px;height:810px;display:block;position:absolute;margin-left:30px;margin-top:-40px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.page1 .hero div{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .4s ease;transition:all .4s ease;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated}
.page1 .hero .nan{-webkit-transform:translateX(300px);transform:translateX(300px)}
.page1 .hero .nv{-webkit-transform:translateX(-300px);transform:translateX(-300px)}
.page1 .hero.hero-1 div{-webkit-transform:translate(0,0);transform:translate(0,0)}
.page1 .hero.hero-1 .nan{left:155px;top:-49px}
.page1 .hero.hero-1 .nv{top:-100px;left:-210px}
.page1 .hero.hero-2 div{-webkit-transform:translate(0,0);transform:translate(0,0)}
.page1 .hero.hero-2 .nan{left:105px;top:-102px}
.page1 .hero.hero-2 .nv{top:-100px;left:-210px}
.page1 .hero.hero-1 .nan{background:url(../images/p1-hero-nan-1.png) no-repeat right center}
.page1 .hero.hero-1 .nv{background:url(../images/p1-hero-nv-1.png) no-repeat left center}
.page1 .hero.hero-2 .nan{background:url(../images/p1-hero-nan-2.png) no-repeat right center}
.page1 .hero.hero-2 .nv{background:url(../images/p1-hero-nv-2.png) no-repeat left center}
.page1 .g-tab{z-index:1}
.page1 .pet{position:absolute;background:url(../images/p1-pet.png);width:951px;height:621px;top:50%;left:50%;margin-top:-110px;margin-left:-960px}
.page1 .pet p{position:absolute; top:415px;left:344px; }
.cbtn { display: block; background:url(../images/txt-name-btn.png);width:277px;height:76px;  text-align:center; line-height:76px; color:#ffefc8; font-size:16px; }
.page1 .menu{width:807px;height:443px;position:absolute;top:50%;left:50%;margin-top:-26px;margin-left:-23px}
.page1 .menu a{cursor:default}
.page1 .menu:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;mix-blend-mode:lighten}
.page1 .menu span.cbtn { position:absolute; top:244px;left:438px }
.page1 .menu a{position:absolute;top:0;left:0;width:230px;height:230px;-webkit-transition:all ease .4s;transition:all ease .4s}
.page1 .menu a.m1{top:131px;left:231px}
.page1 .menu a.m2{top:20px;left:490px}
.page2 .tab{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;padding-left:34px;margin-top:-42px}
.page2 .tab a{width:206px;height:63px;color:#cde6fe;line-height:56px;text-align:center;font-weight:700;position:relative;font-size:24px;padding-top:2px}
.page2 .tab a span{background:-webkit-linear-gradient(top,#b3d9fd,#e2f1fe);background:linear-gradient(to bottom,#b3d9fd,#e2f1fe);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1;-webkit-filter:drop-shadow(0 0 1px #00123b) drop-shadow(0 0 1px #00123b);filter:drop-shadow(0 0 1px #00123b) drop-shadow(0 0 1px #00123b);letter-spacing:5px}
.page2 .tab a:before{content:'';display:block;width:100%;height:100%;top:0;left:0;position:absolute}
.page2 .tab a:nth-child(1){padding-right:30px}
.page2 .tab a:nth-child(2) span{padding-left:10px;letter-spacing:10px}
.page2 .tab a+a{margin-left:250px}
.page2 .tab a:nth-child(1):before{background:url(../images/p2-tab-1.png) no-repeat center top}
.page2 .tab a:nth-child(1).on:before,.page2 .tab a:nth-child(1):hover:before{background:url(../images/p2-tab-1-on.png) no-repeat center top}
.page2 .tab a:nth-child(1).on span,.page2 .tab a:nth-child(1):hover span{background:-webkit-linear-gradient(top,#865d21,#b48434);background:linear-gradient(to bottom,#865d21,#b48434);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}
.page2 .tab a:nth-child(2):before{background:url(../images/p2-tab-2.png) no-repeat center top}
.page2 .tab a:nth-child(2).on:before,.page2 .tab a:nth-child(2):hover:before{background:url(../images/p2-tab-2-on.png) no-repeat center top}
.page2 .tab a:nth-child(2).on span,.page2 .tab a:nth-child(2):hover span{background:-webkit-linear-gradient(top,#865d21,#b48434);background:linear-gradient(to bottom,#865d21,#b48434);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}
.page2 .cont{width:1250px;height:720px;position:absolute;top:50%;left:50%;margin-top:-320px;margin-left:-670px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start}
.page2 .left{width:820px; margin-right:30px; }
.page2 .right .text{margin-top:-20px;width:85%;padding-left:0;text-align:center}
.page2 .right .swiper-scrollbar{background:#7182a9;right:20px;top:6%}
.page2 .right .swiper-scrollbar-drag{background:-webkit-linear-gradient(top,#dec294,#b3976b);background:linear-gradient(to bottom,#dec294,#b3976b)}
.page2 .text{font-size:14px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#d8e7e8;text-align:justify;margin:0 auto;margin-top:10px;width:90%;padding-left:15px;text-shadow:0 0 10px #1b1834,0 0 10px #1b1834}
.page2 .text span{color:#ffcf71}
.page2 .p2-part{padding-top:10px;height:610px;position:relative}
.page2 .p2-part:after{content:'';width:9px;height:436px;position:absolute;top:91px;left:271px;background:url(../images/p2-lin-shu.png)}
.page2 .p2-part .swiper-slide,.page2 .p2-part li{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;position:relative;z-index:1;padding-right:10px;height:52px}
.page2 .p2-part .swiper-slide:after,.page2 .p2-part li:after{content:'';background:url(../images/p2-part-dot.png);width:37px;height:33px;position:absolute;top:15px;left:257px}
.page2 .p2-part .swiper-slide.data-title:after,.page2 .p2-part li.data-title:after{background:0 0}
.page2 .p2-part .swiper-slide.data-title div,.page2 .p2-part li.data-title div{background:0 0;font-size:21px;line-height:24px;padding-left:0;-webkit-filter:drop-shadow(0 2px 2px #fff);filter:drop-shadow(0 2px 2px #fff);background:-webkit-linear-gradient(top,#122552,#5f83f8);background:linear-gradient(to bottom,#122552,#5f83f8);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.page2 .p2-part .swiper-slide div,.page2 .p2-part li div{height:38px;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;font-size:15px;line-height:24px;color:#ffefaf}
.page2 .p2-part .swiper-slide div:nth-child(1),.page2 .p2-part li div:nth-child(1){width:216px;padding-left:20px}
.page2 .p2-part .swiper-slide div:nth-child(2),.page2 .p2-part li div:nth-child(2){width:86px;margin-left:20px}
.page2 .p2-part li{margin-top:28px;height:30px}
.page2 .p2-part li div:nth-child(2){width:106px}
.page2 .p2-part .swiper-slide{;height:62px}
.page2 .p2-part .swiper-slide div:nth-child(1){background:url(../images/p2-part-name.png);width:216px;text-shadow:0 0 20px #264a8a,0 0 20px #264a8a,0 0 20px #264a8a}
.page2 .p2-part .swiper-slide div:nth-child(2){background:url(../images/p2-part-num.png);width:86px;white-space:nowrap;font-size:18px;margin-left:43px;text-shadow:0 0 10px #4173cf,0 0 10px #4173cf,0 0 10px #4173cf}
.page2 .p2-part .swiper-slide p{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;width:64px;height:64px;position:absolute;top:-5px;left:20px;padding-top:40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-shadow:none}
.page2 .p2-part .swiper-slide p.yellow{background:url(../images/yellow.png) no-repeat center}
.page2 .p2-part .swiper-slide p.purple{background:url(../images/purple.png) no-repeat center}
.page2 .p2-part .swiper-slide img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-4px}
.page2 .p2-part .swiper-slide span{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}
.page2 .p2-part .swiper-slide b{width:37px;height:16px;background-image:-webkit-linear-gradient(276deg,rgba(18,37,82,.99) 40%,rgba(20,40,87,.99) 42%,#314a94 61%,#3954a5 66%,#5f83f8 100%,#5f83f8 100%),-webkit-linear-gradient(#282a59,#282a59);background-image:linear-gradient(174deg,rgba(18,37,82,.99) 40%,rgba(20,40,87,.99) 42%,#314a94 61%,#3954a5 66%,#5f83f8 100%,#5f83f8 100%),linear-gradient(#282a59,#282a59);background-blend-mode:normal,normal;border-radius:7px;font-size:13px;text-align:center;line-height:16px;font-weight:400;color:#ffefaf}
.page2 .p2-part .swiper-container{height:80%}
.page3.bg3-1{background:url(../images/bg3-1.jpg) no-repeat center}
.page3.bg3-1 .list-top .p3-title{left:-14px}
.page3.bg3-1 .list-top .item2{top:29px;left:393px}
.page3.bg3-1 .list-top .item3{top:207px;left:560px}
.page3.bg3-1 .list-top .item4{top:454px;left:546px}
.page3.bg3-1 .list-bottom .item1{top:476px;left:441px}
.page3.bg3-1 .list-bottom .item2{top:461px;left:173px}
.page3.bg3-1 .list-bottom .item3{top:293px;left:11px}
.page3.bg3-1 .list-bottom .item4{top:77px;left:29px}
.page3.bg3-2{background:url(../images/bg3-2.jpg) no-repeat center}
.page3.bg3-2 .list-top .p3-title{left:-15px}
.page3.bg3-2 .list-top .item1{top:38px;left:82px}
.page3.bg3-2 .list-top .item2{top:4px;left:290px}
.page3.bg3-2 .list-top .item3{top:59px;left:489px}
.page3.bg3-2 .list-top .item4{top:231px;left:579px}
.page3.bg3-2 .list-top .item5{top:412px;left:587px}
.page3.bg3-2 .list-top .item6{top:568px;left:458px}
.page3.bg3-2 .list-bottom .item1{top:466px;left:459px}
.page3.bg3-2 .list-bottom .item2{top:499px;left:221px}
.page3.bg3-2 .list-bottom .item3{top:384px;left:31px}
.page3.bg3-2 .list-bottom .item4{top:183px;left:-8px}
.page3.bg3-2 .list-bottom .item5{top:-2px;left:89px}
.page3 .title{margin-left:324px;margin-top:16px}
.page3 .title p{top:233px;left:178px}

.page3 .list{position:absolute;top:50%;left:50%;width:840px;height:680px}
.page3 .list .text{position:absolute;font-style:italic;width:445px;font-size:21px;}
.page3 .list .text span{}
.page3 .list .p3-title{font-size:36px;line-height:43px;width:178px;text-align:center;position:absolute;top:242px;left:-4px;cursor:default}
.page3 .list .item{width:234px;height:178px;position:absolute}
.page3 .list .box{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;height:calc(100% - 72px)}
.page3 .list .box img{margin-left:12px;margin-top:15px}
.page3 .list .name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 20px}
.page3 .list .name span{letter-spacing:-1px;font-size:16px;line-height:18px;text-align:center;width:56px;height:56px;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;margin-top:-7px;margin-left:5px}
.page3 .list p{font-size:16px;line-height:18px;width:152px;text-align:center;margin-top:7px;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;height:31px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.page3 .list em{font-weight:700;font-style:normal;margin-top:-5px;display:block}
.page3 .list-top{margin-top:-340px;margin-left:-194px}
.page3 .list-top .name{background:url(../images/p4-name-2.png) no-repeat center;height:41px;position:relative}
.page3 .list-top .p3-title{-webkit-filter:drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff);filter:drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff);background:-webkit-linear-gradient(top,#01175f,#1a78d3);background:linear-gradient(to bottom,#01175f,#1a78d3);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:39px;width:178px;text-align:center;position:absolute;top:250px;left:-10px}
.page3 .list-top .name span{color:#e7faff;text-shadow:0 0 1px #0e2764}
.page3 .list-top p{color:#0c267a;text-shadow:0 0 1px #e6fbff}
.page3 .list-top .item{background:url(../images/p3-list-top-2.png) no-repeat center top}
.page3 .list-top .item1{top:28px;left:123px}
.page3 .list-top .item2{top:16px;left:362px}
.page3 .list-top .item3{top:141px;left:547px}
.page3 .list-top .item4{top:341px;left:598px}
.page3 .list-top .item5{top:537px;left:475px}
.page3 .list-top .text{color:#e7faff;text-shadow:0 0 18px #1e2e7f;top:-60px;left:-220px;line-height:29px;text-align:right}
.page3 .list-top .text span{color:#38eaff;font-weight:700}
.page3 .list-bottom{margin-top:-310px;margin-left:-560px}
.page3 .list-bottom .jl-tips{position:absolute;background:url(../images/jl-tip.png);width:114px;height:52px;color:#dacbb4;line-height:18px;font-size:14px;padding:0 0 0 10px;top:30px;left:150px;display:none}
.page3 .list-bottom .name{background:url(../images/p4-name-1.png) no-repeat center;height:41px;position:relative;z-index:1;margin-top:-2px;padding-top:1px}
.page3 .list-bottom .p3-title{background:-webkit-linear-gradient(top,#532002,#c78335);background:linear-gradient(to bottom,#532002,#c78335);top:316px;left:621px;line-height:41px;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-filter:drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff);filter:drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff) drop-shadow(0 2px 3px #f6fcff)}
.page3 .list-bottom .name span{font-style:inherit;color:#fffbdd;-webkit-filter:drop-shadow(0 0 10px #53350b);filter:drop-shadow(0 0 10px #53350b)}
.page3 .list-bottom p{color:#623505;text-shadow:0 0 1px #fff8e6}
.page3 .list-bottom .item{background:url(../images/p3-list-bottom-2.png) no-repeat center top}
.page3 .list-bottom .item:hover .jl-tips{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.page3 .list-bottom .box{margin-top:4px}
.page3 .list-bottom .item1{top:466px;left:469px}
.page3 .list-bottom .item2{top:505px;left:219px}
.page3 .list-bottom .item3{top:384px;left:30px}
.page3 .list-bottom .item4{top:185px;left:-8px}
.page3 .list-bottom .item5{top:-2px;left:90px}
.page3 .list-bottom .text{color:#432011;top:663px;left:-25px;line-height:29px;text-shadow:0 0 26px #f1efe5,0 0 26px #f1efe5,0 0 26px #f1efe5}
.page3 .list-bottom .text span{color:#ff8400;font-weight:700}
.page4 .p4-title{letter-spacing:1px;color:#a5d3ff;font-size:36px;position:absolute;top:50%;left:50%;margin-top:-418px;margin-left:-48px}
.page4 .p4-title::before{content:'';position:absolute;width:207px;height:62px;background:url(../images/p4-title-bg.png);left:-42px;top:-14px}
.page4 .p4-title span{background-image:-webkit-linear-gradient(-90deg,#ebf5ff 0,#a7d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 6px #3578ff);filter:drop-shadow(0 0 6px #3578ff)}
.page4 .menu{position:absolute;top:50%;left:50%;margin-top:-343px;margin-left:-642px;width:84px;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.page4 .menu a{padding:2px 0 0;width:84px;height:180px;margin-bottom:12px;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;position:relative;color:#e5ecff;text-shadow:0 0 8px #3c67d6,0 0 8px #3c67d6,0 0 10px #3d68dd,0 0 10px #3d68dd,0 0 40px #3c67d6;font-size:28px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;letter-spacing:-4px;line-height:1.05;text-align:center}
.page4 .menu a:before{content:'';position:absolute;width:100%;top:0;left:0;height:100%;background:url(../images/p4-menu.png) no-repeat center;pointer-events:none;z-index:1}
.page4 .menu a.on,.page4 .menu a:hover{text-shadow:0 0 8px #ffeb7f,0 0 10px #ffa912,0 0 10px #2e1e02,0 0 40px #2e1e02;color:#fff8e2;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.page4 .menu a.on:before,.page4 .menu a:hover:before{width:110px;height:187px;left:-5px;top:-4px;background:url(../images/p4-menu-on.png) no-repeat center right}
.page4 .menu a.on span+span,.page4 .menu a:hover span+span{margin-left:-3px}
.page4 .menu a.on span:nth-child(1),.page4 .menu a:hover span:nth-child(1){margin-top:-45px}
.page4 .menu a.on span:nth-child(2),.page4 .menu a:hover span:nth-child(2){margin-top:40px}
.page4 .menu span{position:relative;z-index:2;width:1em}
.page4 .cont{width:1096px;height:770px;position:absolute;top:50%;left:50%;margin-left:-549px;margin-top:-339px;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;padding-top:40px;background:url(../images/p4-con.png) no-repeat center 22px}
.page4 .p4-part+.p4-part{margin-left:9px}
.page4 .p4-part{width:511px;height:678px;padding:0 20px;position:relative}
.page4 .p4-part h6{font-size:21px;font-style:italic;line-height:30px;color:#ffd991;background:url(../images/p4-part-h6.png) no-repeat left center;height:30px;padding-left:13px;margin-bottom:3px}
.page4 .p4-part h6 span{background-image:-webkit-linear-gradient(-90deg,#ffda93 0,#fffbf5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 2px 2px #001c56) drop-shadow(0 0 7px #3578ff);filter:drop-shadow(0 2px 2px #001c56) drop-shadow(0 0 7px #3578ff)}
.page4 .p4-part p{color:#edf5ff;font-size:16px;padding-left:5px;text-align:justify;position:relative}
.page4 .p4-part p span{color:#8ffff1}
.page4 .p4-part p b{font-weight:400;color:#ffd991}
.page4 .p4-part p a{color:#8ffff1;border-bottom:1px solid}
.page4 .p-dis p+p{margin-top:20px}
.page4 .part-title{background:url(../images/p4-title-1.png) no-repeat center;width:100%;height:202px;position:relative;margin-top:-30px;margin-bottom:10px}
.page4 .part-title .box{width:148px;height:148px;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;margin:0 auto}
.page4 .part-title .p4-title-left{color:#fff2be;font-size:17px;-webkit-filter:drop-shadow(0 0 .1px #fff2be) drop-shadow(0 0 5px #1c2b62);filter:drop-shadow(0 0 .1px #fff2be) drop-shadow(0 0 5px #1c2b62);position:absolute;top:86px;left:68px;width:120px;text-align:center;font-style:italic;background-image:-webkit-linear-gradient(-90deg,#e3dbb9 28%,#b8ae94 91%,#fafaef 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page4 .part-title .p4-title-right{color:#ff8b2e;font-size:23px;font-style:italic;position:absolute;top:85px;left:272px;width:130px;letter-spacing:1.7px;text-align:center;-webkit-filter:drop-shadow(0 0 .1px #ffe46d) drop-shadow(0 0 5px #1c2b62);filter:drop-shadow(0 0 .1px #ffe46d) drop-shadow(0 0 5px #1c2b62);background-image:-webkit-linear-gradient(-90deg,#ffe46d 28%,#ffb636 91%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page4 .part-title p{letter-spacing:-.1px;color:#344785;font-size:16px;text-align:center;height:40px;line-height:40px;margin-top:-27px;font-weight:700}
.page4 .part-title2{width:100%;position:relative;height:170px}
.page4 .part-title2::before{content:'';position:absolute;width:381px;background:url(../images/p4-title-2.png) no-repeat center;height:209px;pointer-events:none;top:-11px;left:46px}
.page4 .part-title2.s{background:url(../images/p4-title-2-s.png) no-repeat center}
.page4 .part-title2.s p{margin-top:-50px}
.page4 .part-title2.s img{margin-top:-18px}
.page4 .part-title2 .box{position:relative;width:148px;height:148px;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;margin:0 auto;padding-bottom:30px;padding-left:5px}
.page4 .part-title2 p{color:#344785;font-size:30px;text-align:center;height:40px;line-height:40px;margin-top:-35px;font-style:italic;background-image:-webkit-linear-gradient(-90deg,#1d254e 0,#18488f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px #fff)}
.page4 .part-title3{background:url(../images/p4-title-3.png) no-repeat center;width:100%;height:64px;overflow:hidden;margin-top:10px}
.page4 .part-title3 p{color:#344785;font-size:30px;text-align:center;line-height:56px;font-style:italic;background-image:-webkit-linear-gradient(-90deg,#1d254e 0,#18488f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px #fff)}
.page4 .set-table{width:454px;height:279px;padding:5px 6px;margin:0 auto 8px}
.page4 .set-table.long{width:427px;height:400px;margin-top:15px;padding:6px 11px}
.page4 .set-table table{width:100%;border-collapse:collapse;text-align:center;height:100%}
.page4 .set-table th{color:#ffdb96;font-weight:400}
.page4 .set-table td{font-size:16px;color:#edf5ff}
.page4 .set-table td:nth-child(2),.page4 .set-table td:nth-child(3){color:#edf5ff}
.page4 .tab{position:absolute;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;top:23px;left:421px}
.page4 .tab a{position:relative;height:70px;width:74px;font-size:0;color:transparent;margin-top:-10px;-webkit-filter:brightness(.7);filter:brightness(.7)}
.page4 .tab a::before{content:'';position:absolute;width:492px;height:384px;top:-14px;right:0;pointer-events:none}
.page4 .tab a.on{z-index:10;-webkit-filter:brightness(1);filter:brightness(1)}
.page4 .tab a+a{margin-top:-10px}
.page4 .tab a:nth-child(1){z-index:7}
.page4 .tab a:nth-child(1)::before{background:url(../images/p4-tab-on-1.png) no-repeat right bottom}
.page4 .tab a:nth-child(2){z-index:6}
.page4 .tab a:nth-child(2)::before{background:url(../images/p4-tab-on-2.png) no-repeat right bottom}
.page4 .tab a:nth-child(3){z-index:5}
.page4 .tab a:nth-child(3)::before{background:url(../images/p4-tab-on-3.png) no-repeat right bottom}
.page4 .tab a:nth-child(4){z-index:4}
.page4 .tab a:nth-child(4)::before{background:url(../images/p4-tab-on-4.png) no-repeat right bottom}
.page4 .tab a:nth-child(5){z-index:3}
.page4 .tab a:nth-child(5)::before{background:url(../images/p4-tab-on-5.png) no-repeat right bottom}
.page4 .tab a:nth-child(6){z-index:2}
.page4 .tab a:nth-child(6)::before{background:url(../images/p4-tab-on-6.png) no-repeat right bottom}
.page4 .tab a:nth-child(1)::before{top:-13px}
.page4 .tab a:nth-child(2)::before{top:-73px}
.page4 .tab a:nth-child(3)::before{top:-134px}
.page4 .tab a:nth-child(4)::before{top:-193px}
.page4 .tab a:nth-child(5)::before{top:-254px}
.page4 .tab a:nth-child(6)::before{top:-298px}
.page4 .p4-cont{background:url(../images/p4-cont.png);width:1060px;height:729px}
.page4 .cont-1 .set-table{margin:4px 0 10px 8px;background-image:url(../images/p4-table-3.png)}
.page4 .cont-1 .set-table th:nth-child(1){width:140px}
.page4 .cont-1 .set-table th:nth-child(2){width:131px}
.page4 .cont-1 .p4-part:nth-child(2) .part-title img{margin-top:-20px;margin-left:10px}
.page4 .cont-2,.page4 .cont-3{padding-top:0}
.page4 .cont-2 h6{margin-top:5px}
.page4 .cont-2 .part-con{margin-top:-10px}
.page4 .cont-2 .p4-part:nth-child(1) p:nth-child(1){text-align:center}
.page4 .cont-2 .p4-part:nth-child(2) .part-title2 .box{padding-bottom:10px}
.page4 .cont-3 .p4-part:nth-child(1){-webkit-transform:translateZ(1px);transform:translateZ(1px)}
.page4 .cont-3 .p4-part>div:nth-child(2){margin-bottom:30px}
.page4 .cont-3 .p4-part>div:nth-child(3){margin-bottom:30px}
.page4 .cont-3 .set-table{height:397px;width:427px;padding:15px 10px 0;margin:20px 0 0 10px;position:relative}
.page4 .cont-3 .set-table::before{content:'';position:absolute;background:url(../images/p4-table-1.png);top:0;left:0;width:420px;height:100%;pointer-events:none;z-index:20}
.page4 .cont-3 .set-table table{position:relative;height:auto;z-index:21}
.page4 .cont-3 .set-table td{height:53px}
.page4 .cont-3 .set-table th{height:48px}
.page4 .cont-3 .set-table th:nth-child(1){width:123px}
.page4 .cont-3 .set-table th:nth-child(2){width:131px}
.page4 .cont-3 .set-table td[rowspan]{color:#ffdb96}
.page4 .cont-4{background:0 0}
.page{background-size:cover}
.star-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}
.arrow{background:url(../images/arrow.png);width:159px;height:91px;display:block;position:absolute;bottom:120px;left:50%;margin-left:-80px;-webkit-animation:next .4s infinite;animation:next .4s infinite}
.nav{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;width:349px;height:100%;position:fixed;top:0;right:-112px;z-index:30;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all ease .4s;transition:all ease .4s;pointer-events:none}
.nav.on{background:-webkit-linear-gradient(left,rgba(0,0,0,.01),rgba(0,0,0,.5));background:linear-gradient(to right,rgba(0,0,0,.01),rgba(0,0,0,.5))}
.nav.on:before{content:'';background:url(../images/nav-bg.png) no-repeat center;width:100%;height:100%;top:0;left:0;position:absolute;pointer-events:none}
.nav span{-webkit-transition:all ease .4s;transition:all ease .4s;cursor:pointer}
.nav a{background:url(../images/nav.png) no-repeat center bottom;width:180px;height:83px;color:#fdffd1;font-size:21px;text-shadow:0 0 5px #fff;margin-right:110px;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;padding-bottom:10px;pointer-events:all}
.nav a:nth-child(1).on,.nav a:nth-child(1):hover{padding-bottom:0;background:url(../images/nav-on-1.png) no-repeat center;padding-right:24px;padding-top:10px;text-shadow:0 0 5px #1c2b62}
.nav a:nth-child(2).on,.nav a:nth-child(2):hover{padding-bottom:0;background:url(../images/nav-on-2.png) no-repeat center;padding-right:24px;padding-top:10px;text-shadow:0 0 5px #1c2b62}
.nav a:nth-child(3).on,.nav a:nth-child(3):hover{padding-bottom:0;background:url(../images/nav-on-3.png) no-repeat center;padding-right:24px;padding-top:10px;text-shadow:0 0 5px #1c2b62}
.nav a:nth-child(4).on,.nav a:nth-child(4):hover{padding-bottom:0;background:url(../images/nav-on-4.png) no-repeat center;padding-right:24px;padding-top:10px;text-shadow:0 0 5px #1c2b62}
.nav a:nth-child(5).on,.nav a:nth-child(5):hover{padding-bottom:0;background:url(../images/nav-on-5.png) no-repeat center;padding-right:24px;padding-top:10px;text-shadow:0 0 5px #1c2b62}
.nav a:nth-child(1){padding-bottom:6px!important}
.nav .shou{background:url(../images/shou.png) no-repeat center;width:89px;height:85px;pointer-events:auto;margin-right:40px}
.nav .open{background:url(../images/open.png);width:113px;height:116px;pointer-events:auto}
@-webkit-keyframes next{to{-webkit-transform:translateY(10px);transform:translateY(10px)}
}
@keyframes next{to{-webkit-transform:translateY(10px);transform:translateY(10px)}
}
@-webkit-keyframes shake{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);opacity:1}
25%{-webkit-transform:translateY(-4px) rotate(-.5deg);transform:translateY(-4px) rotate(-.5deg);opacity:.98}
50%{-webkit-transform:translateY(2px) rotate(.3deg);transform:translateY(2px) rotate(.3deg);opacity:.96}
75%{-webkit-transform:translateY(-2px) rotate(-.2deg);transform:translateY(-2px) rotate(-.2deg);opacity:.98}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);opacity:1}
}
@keyframes shake{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);opacity:1}
25%{-webkit-transform:translateY(-4px) rotate(-.5deg);transform:translateY(-4px) rotate(-.5deg);opacity:.98}
50%{-webkit-transform:translateY(2px) rotate(.3deg);transform:translateY(2px) rotate(.3deg);opacity:.96}
75%{-webkit-transform:translateY(-2px) rotate(-.2deg);transform:translateY(-2px) rotate(-.2deg);opacity:.98}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);opacity:1}
}
.swiper-slide-active .skill li:nth-child(1):before{-webkit-animation:skillani1 1.5s steps(97) infinite none;animation:skillani1 1.5s steps(97) infinite none}
.swiper-slide-active .skill li:nth-child(2):before{-webkit-animation:skillani2 1.5s steps(25) infinite none;animation:skillani2 1.5s steps(25) infinite none}
.swiper-slide-active .skill li:nth-child(3):before{-webkit-animation:skillani3 1.5s steps(73) infinite none;animation:skillani3 1.5s steps(73) infinite none}
.page1 .skill li:nth-child(1):before{top:230px}
.page1 .skill li:nth-child(2):before{top:150px}
.page1 .skill li:nth-child(3):before{top:-280px;left:3px}
.page1 .skill li:nth-child(3):before p{width:295px}
.page1 .skill li:nth-child(3) p{width:255px}
.skill li:nth-child(3):after{width:240px}
.g-tip{font-size:16px;position:absolute;top:50%;left:0;width:100%;z-index:9;text-align:center;pointer-events:none;color:#fff;margin-top:430px;text-shadow:0 0 10px #2d5276,0 0 10px #2d5276,0 0 10px #2d5276,0 0 10px #2d5276;margin-left:550px}
.colorful{background:-webkit-linear-gradient(top,red,orange,#ff0,#8dce8d,violet,#250040);background:linear-gradient(to bottom,red,orange,#ff0,#8dce8d,violet,#250040);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:700}
.fog{-webkit-mask-image:url(../images/mask-center.png);-webkit-mask-size:3000% 100%;-webkit-mask-position:0 center;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.fog{-webkit-animation:startMask2 .8s steps(29) both 1;animation:startMask2 .8s steps(29) both 1;z-index:13;background:#fff}
@-webkit-keyframes startMask2{to{-webkit-mask-position:100% center;mask-position:100% center}
}
@keyframes startMask2{to{-webkit-mask-position:100% center;mask-position:100% center}
}
@-webkit-keyframes skillani2{from{background-position:0 0}
to{background-position:0 -13500px}
}
@keyframes skillani2{from{background-position:0 0}
to{background-position:0 -13500px}
}
@-webkit-keyframes skillani3{from{background-position:0 0}
to{background-position:0 -34748px}
}
@keyframes skillani3{from{background-position:0 0}
to{background-position:0 -34748px}
}
@-webkit-keyframes skillani1{from{background-position:0 0}
to{background-position:0 -52380px}
}
@keyframes skillani1{from{background-position:0 0}
to{background-position:0 -52380px}
}
.hero-d,.page1 .menu .m1,.page1 .menu .m1.d,.page1 .menu .m2,.page1 .menu .m2.d{width:200px;height:200px}
.page1 .menu .m1.d,.page1 .menu .m2.d,.page1 .menu a.m1,.page1 .menu a.m2{background:0 0}
.page1 .menu .m1.d:before,.page1 .menu .m2.d:before,.page1 .menu a.m1:before,.page1 .menu a.m2:before{background:url(../images/tx-head-bg.png) no-repeat center/contain;position:absolute;content:'';display:block;left:0;width:70%;height:100%;bottom:-190px}
.page1 .menu a.m1:after,.page1 .menu a.m2:after{content:'';position:absolute;width:100%;height:100%;bottom:-161px;left:-33px}
.page1 .menu .m2.d:after{content:'';position:absolute;width:100%;height:100%;bottom:-150px;left:-17px;bottom:-170px;left:-27px;-webkit-mask-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 0,#000 60%,rgba(0,0,0,0))}
.page1 .menu .m1.d:after{content:'';position:absolute;width:100%;height:100%;bottom:-150px;left:-27px;bottom:-173px;left:-31px;-webkit-mask-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 0,#000 60%,rgba(0,0,0,0))}
.page1 .menu .m1.d{top:-125px;left:532px}
.page1 .menu .m1.d:after{background:url(../images/nan-2.png) no-repeat center}
.page1 .menu .m1{top:-135px!important;left:532px!important}
.page1 .menu .m1:after{background:url(../images/p2-nan-j.png) no-repeat center}
.page1 .menu .m2.d{top:-34px;left:286px}
.page1 .menu .m2.d:after{background:url(../images/nv-2.png) no-repeat center}
.page1 .menu .m2{top:-20px!important;left:283px!important}
.page1 .menu .m2:after{background:url(../images/p2-nv-j.png) no-repeat center}
.underline{border-bottom:1px solid}
@-webkit-keyframes nanani{from{background-position:0 0}
to{background-position:0 -46200px}
}
@keyframes nanani{from{background-position:0 0}
to{background-position:0 -46200px}
}
@-webkit-keyframes nvani{from{background-position:0 0}
to{background-position:0 -44400px}
}
@keyframes nvani{from{background-position:0 0}
to{background-position:0 -44400px}
}
.pop-box{background:rgba(0,0,0,.5);position:fixed;z-index:999;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;width:100%;height:100%;top:0;left:0;display:none}
.pop-box.show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.pop-box .pop{background:url(../images/pop-main.png);width:1083px;height:696px}
.pop-box video{width:840px;height:466px;margin-left:125px;margin-top:112px;border-radius:50px}
.pop-box .close{position:absolute;background:url(../images/close.png);top:50%;left:50%;width:65px;height:69px;margin-left:-32px;margin-top:280px}
.p2-data{background:url(../images/p2-data.png) no-repeat center top; width:812px;height:271px; padding-top:5px; margin-left:20px; }
.p2-data:before{ display: block; width:325px;height:33px;content:''; margin:0 auto; }
.p2-data.p2-data-1:before{background:url(../images/p2-data-title.png) no-repeat center}
.p2-data.p2-data-2:before{background:url(../images/p2-data-title2.png) no-repeat center}
.p2-data ul{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%;width:100%;padding-left:10px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative;padding-bottom:25px; width: 80%; margin: -10px auto 0;}
.p2-data ul:after{content:'';width:476px;height:10px;position:absolute;background:url(../images/p2-lin-heng.png) no-repeat center;top:122px;left:137px}
.p2-data li{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;color:#282a59;text-shadow:0 1px 1px 0 #fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative;z-index:1;padding:10px 0}
.p2-data li.l1{margin-right:20px}
.p2-data li:nth-child(1){width:110px;padding-top:15px}
.p2-data li:nth-child(1) div{width:110px;background:0 0;position:relative;font-size:21px;font-weight:700;height:70px;letter-spacing:2px;text-align:center;line-height:1.2;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;-webkit-filter:drop-shadow(0 2px 2px #fff);filter:drop-shadow(0 2px 2px #fff);background:-webkit-linear-gradient(top,#122552,#4b6bcd);background:linear-gradient(to bottom,#122552,#4b6bcd);-webkit-background-clip:text;background-clip:text;color:transparent}
.p2-data li:nth-child(1) div:nth-child(1){letter-spacing:8px;padding-left:3px}
.p2-data li:nth-child(1) div:before{content:'';background:url(../images/arrow1.png) no-repeat center;width:8px;height:18px;position:absolute;right:-10px;top:50%;margin-top:-9px}
.p2-data li:nth-child(2) div:nth-child(1){background:url(../images/p2-data-top-1.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(2) div:nth-child(3){background:url(../images/p2-data-bottom-1.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(3) div:nth-child(1){background:url(../images/p2-data-top-2.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(3) div:nth-child(3){background:url(../images/p2-data-bottom-2.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(4) div:nth-child(1){background:url(../images/p2-data-top-3.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(4) div:nth-child(3){background:url(../images/p2-data-bottom-3.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(5) div:nth-child(1){background:url(../images/p2-data-top-4.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(5) div:nth-child(3){background:url(../images/p2-data-bottom-4.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(6) div:nth-child(1){background:url(../images/p2-data-top-5.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(6) div:nth-child(3){background:url(../images/p2-data-bottom-5.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(7) div:nth-child(1){background:url(../images/p2-data-top-6.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:nth-child(7) div:nth-child(3){background:url(../images/p2-data-bottom-6.png);padding-top:10px;text-shadow:0 2px 10px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf,0 2px 15px #4173cf}
.p2-data li:not(:first-child){width:88px}
.p2-data li:not(:first-child) div{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;font-weight:700;color:#fff2be}
.p2-data li:not(:first-child) div:nth-child(1),.p2-data li:not(:first-child) div:nth-child(3){font-size:18px;width:92px;height:92px;}
.p2-data li:not(:first-child) div:nth-child(1){padding-top:10px}
.p2-data li:not(:first-child) div:nth-child(2){width:48px;height:56px;font-size:24px;position:relative}
.p2-data li:not(:first-child) div:nth-child(2) span{-webkit-filter:drop-shadow(0 2px 2px #472d02);filter:drop-shadow(0 2px 2px #472d02);background:-webkit-linear-gradient(top,#fff1af,#fdf4db);background:linear-gradient(to bottom,#fff1af,#fdf4db);-webkit-background-clip:text;background-clip:text;color:transparent}
.p2-data li:not(:first-child) div:nth-child(2):before{content:'';display:block;width:100%;height:100%;top:0;left:0;position:absolute;background:url(../images/p2-data-center.png)}
.p2-next{background:url(../images/p2-next.png);width:143px;height:59px;display:block;position:absolute;left:50%;margin-left:-75px;top:50%;margin-top:232px;display:none;z-index:1;-webkit-animation:next .4s infinite;animation:next .4s infinite}
.p2-next.top{background:url(../images/p2-arrow2.png);width:141px;height:56px;margin-top:-252px}
.footer table{margin:0 auto}

.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 select { background:#223963; color:#fff; font-size:16px; line-height:36px; line-height:36px; border-radius:4px; }
.video-btn { display:none; }