.wow {opacity:0;}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {width:100%;height:50px;position:relative;top:0px;z-index:666;left:0px;}
.mobile-inner-header-icon {color:#ffffff;height:40px;font-size:25px;text-align:center;float:right;width:40px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color:#fff;}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav {overflow:auto;height:100vh;padding-top:50px;}
.mobile-inner-nav {background:linear-gradient(270deg, #232424c9, #141414);width:100%;position:absolute;top:0;padding-bottom:0%;display:none;z-index:444;}
.mobile-inner-nav a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav dl {display:none;}
.mobile-inner-nav dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;/* border-bottom:solid 1px rgba(255,255,255,0.3);*/    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#FFFFFF;}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "UTF-8";.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);}
to {opacity:1;transform:none;}
}
* {font-family: Poppins !important;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {margin:0;padding:0;}
html {font-size:62.5%;}
body {font-size:1.4rem;}
html,body {-moz-user-select:none;-khtml-user-select:none;user-select:none;}
body {font-family:"Microsoft YaHei" ! important;color:#000000;background:#fff;margin:0 auto;padding:0px;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
input {-webkit-appearance:none;}
input {-webkit-appearance:none!important;border-radius:0;}
button {cursor:pointer;}
textarea {-webkit-appearance:none;}
a {text-decoration:none;color:#235aa7;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
img {border:0px;vertical-align:middle;}
li {list-style:none;}
* {outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.loading {position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:99999;}
.loadingfa {width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#1f8adf;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%;}
html {-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:none;}
html {-webkit-tap-highlight-color:transparent;}
body {-webkit-overflow-scrolling:touch;background:#000;color:#fff;line-height:1;background:url(../images/bg.png) no-repeat center 0 #000;background-size:cover;}
* {padding:0;margin:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;}
@keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate {from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate {from {-ms-transform:rotate(0deg)}
to {-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate {from {-o-transform:rotate(0deg)}
to {-o-transform:rotate(360deg)}
}
.xuanzhuan {animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate;}
.xuanzhuan img {display:block;width:100%;}
.pc {display:block;}
.wap {display:none;}
.clearflex:after {content:"";display:table;clear:both;}
.moveAni {animation:move .8s infinite;-moz-animation:move .8s infinite;-webkit-animation:move .8s infinite;-o-animation:move .8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
.tadaAni {animation:tada 2s infinite;}
.pulseAni {animation:pulse 1s infinite;}
.bounceInAni {animation:bounceIn 2s infinite;}
.flashInAni {animation:flash 2s infinite;}
.swingAni {animation:swing 2s infinite;transform-origin:right top;}
.rubberBandAni {animation:rubberBand 1s infinite;}
.bounceAni {animation:bounce 1s infinite;}
.tdAni {animation:td .4s infinite;-moz-animation:td .4s infinite;-webkit-animation:td .4s infinite;-o-animation:td .4s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
.heartbeatAni {animation:heartbeat 1.4s infinite;-moz-animation:heartbeat 1.4s infinite;-webkit-animation:heartbeat 1.4s infinite;-o-animation:heartbeat 1.4s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
.shing {animation:shing 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;}
@keyframes shing {0% {opacity:1;}
100% {opacity:.6;}
}
@keyframes move2 {0% {transform:translate(0%,0px);}
100% {transform:translate(0%,10px);}
}
.moveAni2 {animation:move2 1s infinite;}
.moveAni {animation:move .8s infinite;-moz-animation:move .8s infinite;-webkit-animation:move .8s infinite;-o-animation:move .8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
@keyframes move {from {-o-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%);}
to {-o-transform:translate(0%,30px);-webkit-transform:translate(0%,30px);-moz-transform:translate(0%,30px);-ms-transform:translate(0%,30px);transform:translate(0%,30px);}
}
@keyframes td {from {-o-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%);}
to {-o-transform:translate(0%,20px);-webkit-transform:translate(0%,20px);-moz-transform:translate(0%,20px);-ms-transform:translate(0%,20px);transform:translate(0%,20px);}
}
@keyframes heartbeat {0% {-webkit-transform:scale(1);transform:scale(1);}
14% {-webkit-transform:scale(1.1);transform:scale(1.1);}
28% {-webkit-transform:scale(1);transform:scale(1);}
42% {-webkit-transform:scale(1.1);transform:scale(1.1);}
70% {-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes moveAni2 {0% {transform:translate(0%,0px);}
100% {transform:translate(100vw,0px);}
}
.moveAni2 {animation:moveAni2 5.5s linear infinite;}
@keyframes scrollAni1 {0% {transform:translate(0%,0px) rotate(0);}
100% {transform:translate(-100%,0px) rotate(-360deg);}
}
.scrollAni1 {animation:scrollAni1 1.8s infinite;-moz-animation:scrollAni1 1.8s infinite;-webkit-animation:scrollAni1 1.8s infinite;-o-animation:scrollAni1 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;}
@keyframes scrollAni2 {0% {transform:translate(30%,0px) rotate(0);}
100% {transform:translate(0%,0px);}
}
.scrollAni2 {animation:scrollAni2 1.8s infinite;-moz-animation:scrollAni2 1.8s infinite;-webkit-animation:scrollAni2 1.8s infinite;-o-animation:scrollAni2 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni3 {0% {transform:translate(0%,-20px);}
100% {transform:translate(0%,0%);}
}
.scrollAni3 {animation:scrollAni3 1.8s infinite;-moz-animation:scrollAni3 1.8s infinite;-webkit-animation:scrollAni3 1.8s infinite;-o-animation:scrollAni3 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni4 {0% {transform:translate(0%,10px);}
100% {transform:translate(0%,0%);}
}
.scrollAni4 {animation:scrollAni4 1.8s infinite;-moz-animation:scrollAni4 1.8s infinite;-webkit-animation:scrollAni4 1.8s infinite;-o-animation:scrollAni4 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni5 {0% {transform:none;}
100% {transform:scale(1.35,1.35);}
}
.scrollAni5 {animation:scrollAni5 1.8s infinite;-moz-animation:scrollAni5 1.8s infinite;-webkit-animation:scrollAni5 1.8s infinite;-o-animation:scrollAni5 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni6 {0% {transform:scale(1.05,1.05);}
100% {transform:none;}
}
.scrollAni6 {animation:scrollAni6 1.8s infinite;-moz-animation:scrollAni6 1.8s infinite;-webkit-animation:scrollAni6 1.8s infinite;-o-animation:scrollAni6 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes bubbleMover3 {0% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);}
30% {transform:translateY(5px) translateX(4px) rotate(9deg);-webkit-transform-origin:center center;transform-origin:center center;}
50% {transform:translateY(-3px) translateX(1px) rotate(-6deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;}
80% {transform:translateY(-1px) translateX(-5px) rotate(-2deg);-webkit-transform-origin:left top;transform-origin:left top;}
100% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center;}
}
@keyframes bubbleMover2 {0% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);}
30% {transform:translateY(5px) translateX(4px) rotate(5deg);-webkit-transform-origin:center center;transform-origin:center center;}
50% {transform:translateY(-4px) translateX(2px) rotate(-3deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;}
80% {transform:translateY(-3px) translateX(-3px) rotate(-3deg);-webkit-transform-origin:left top;transform-origin:left top;}
100% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center;}
}
@keyframes bubbleMover {0% {transform:translateY(0px) translateX(0) rotate(0);}
30% {transform:translateY(3px) translateX(5px) rotate(5deg);-webkit-transform-origin:center center;transform-origin:center center;}
50% {transform:translateY(5px) translateX(10px) rotate(10deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;}
80% {transform:translateY(3px) translateX(5px) rotate(4deg);-webkit-transform-origin:left top;transform-origin:left top;}
100% {transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center;}
}
@keyframes rotateAni {0% {transform:none;}
100% {transform:rotateY(180deg);}
}
.rotateAni {-webkit-animation:rotateAni linear infinite 2s;-moz-animation:rotateAni linear infinite 2s;-o-animation:rotateAni linear infinite 2s;animation:rotateAni linear infinite 2s;}
.pfAni1 {-webkit-animation:bubbleMover linear infinite 5s;-moz-animation:bubbleMover linear infinite 5s;-o-animation:bubbleMover linear infinite 5s;animation:bubbleMover linear infinite 5s;}
.pfAni2 {-webkit-animation:bubbleMover2 linear infinite 5s;-moz-animation:bubbleMover2 linear infinite 5s;-o-animation:bubbleMover2 linear infinite 5s;animation:bubbleMover2 linear infinite 5s;}
.pfAni3 {-webkit-animation:bubbleMover3 linear infinite 5s;-moz-animation:bubbleMover3 linear infinite 5s;-o-animation:bubbleMover3 linear infinite 5s;animation:bubbleMover3 linear infinite 5s;}
@keyframes scalc {0% {-webkit-transform:scale(2.05,2.05);-o-transform:scale(2.05,2.05);-moz-transform:scale(2.05,2.05);-ms-transform:scale(2.05,2.05);transform:scale(2.05,2.05);}
100% {-webkit-transform:none;-o-transform:none;-moz-transform:none;-ms-transform:none;transform:none;}
}
.sclani {animation:scalc 7s forwards;animation-timing-function:ease-out;}
@keyframes scalc2 {0% {transform:scale(1.2,1.2);}
100% {-webkit-transform:none;-o-transform:none;-moz-transform:none;-ms-transform:none;transform:none;}
}
.sclani2 {animation:scalc2 7s forwards;animation-timing-function:ease-out;}
@keyframes clipAni {0% {clip:rect(auto,0,auto,auto);}
100% {clip:rect(auto,300px,auto,auto);}
}
.txtModel i {animation:clipAni ease-out infinite 2s alternate;}
.swingAni {transform-origin:top center;animation:swing 3s infinite ease-in-out;}
@keyframes swing {0% {transform:rotate(-6deg);}
50% {transform:rotate(6deg);}
100% {transform:rotate(-6deg);}
}
.swingAni2 {-webkit-animation-name:routate;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-name:routate;animation-duration:5s;animation-iteration-count:infinite;}
@keyframes routate {0% {-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);}
50% {-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg);}
100% {-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);}
}
.bouncing-ball {-webkit-mask:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,black 20.1%,black 75%,black 100%);mask:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,black 20.1%,black 75%,black 100%);-webkit-animation:bouncing-ball 1.5s linear infinite;animation:bouncing-ball 1.5s linear infinite;}
@keyframes bouncing-ball {0% {transform:scale(1,1) translateY(-80%);}
25% {transform:scale(1,1.1) translateY(-45%);}
50% {transform:scale(1,1.5) translateY(10%);}
66% {transform:scale(2,0.75) translateY(25%);}
75% {transform:scale(1,1.25) translateY(10%);}
100% {transform:scale(1,1) translateY(-80%);}
}
.small_Big {-webkit-animation:scaleCircles 2s infinite cubic-bezier(0.55,0.15,0.45,0.85) alternate;animation:scaleCircles 2s infinite cubic-bezier(0.55,0.15,0.45,0.85) alternate;}
@keyframes scaleCircles {0% {z-index:1;transform:scale3d(0,0,0);}
100% {z-index:2;transform:scale3d(1,1,1);}
}
.index * {opacity:1;}
.index {overflow:hidden;}
.wrap:after {content:"";display:table;clear:both;}



.head {height:calc(90/1920*100vw);background:rgba(0,0,0,0.1);position:fixed;left:0;top:0;width:100%;z-index:5555;}
.head .wrap {padding:0 calc(253/1920*100vw);}
.head .wrap .logo {position:relative;z-index:4;padding-top:calc(21/1920*100vw);float:left;}
.head .wrap .logo a {}
.head .wrap .logo a img {height:calc(44/1920*100vw);}
.head .wrap .nav {font-size:0;position:absolute;width:100%;left:0;top:0;text-align:center;}
.head .wrap .nav ul {}
.head .wrap .nav ul li {display:inline-block;padding:0 calc(28/1920*100vw);}
.head .wrap .nav ul li .h2tit {}
.head .wrap .nav ul li .h2tit a {font-family:Poppins;font-weight:300;font-size:calc(16/1920*100vw);color:#FFFFFF;line-height:calc(90/1920*100vw);display:block;}
.head .wrap .right {float:right;position:relative;z-index:4;padding-top:calc(26/1920*100vw);}
.head .wrap .right .link {float:left;}
.head .wrap .right .link a {margin-top:calc(12/1920*100vw);margin-left:calc(16/1920*100vw);float:left;}
.head .wrap .right .link a img {width:calc(20/1920*100vw);height:calc(18/1920*100vw);object-fit:contain;}
.head .wrap .right .more {width:calc(132/1920*100vw);background:#67FD14;border-radius:calc(7/1920*100vw);float:left;text-align:center;line-height:calc(39/1920*100vw);margin-left:calc(58/1920*100vw);}
.wrap {padding:0 calc(338/1920*100vw);}
.section1 {text-align:center;position:relative;}
.section1 .wrap {}
.section1 .wrap .title {font-family:Poppins;font-weight:600;font-size:calc(73/1920*100vw);color:#FFFFFF;text-align:center;padding-top:calc(224/1920*100vw);}
.section1 .wrap .title p {}
.section1 .wrap .title p b {color:#67FF14;}
.section1 .wrap .dec {font-family:Poppins;font-weight:300;font-size:calc(18/1920*100vw);color:#8F8F8F;padding-top:calc(58/1920*100vw);line-height: 1.4;}
.section1 .wrap .dec p {}
.section1 .wrap .logo {margin-top:calc(169/1920*100vw);position:relative;}
.section1 .wrap .logo img {}
.section1 .wrap .logo img.ani1 {width:calc(214/1920*100vw);position:absolute;bottom:0;left:50%;-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);z-index: 5;}
.section1 .wrap .logo img.ani2 {height:calc(210/1920*100vw);}
.section2 {padding-top:calc(74/1920*100vw);}
.titlemodel {text-align:center;background:url(../images/title.png) no-repeat center center;background-size:auto calc(14/1920*100vw);}
.titlemodel span {font-family:Poppins;font-weight:600;font-size:calc(48/1920*100vw);color:#FFFFFF;display:block;line-height:1.2;}
.section3 .titlemodel span b {color:#fff;}
.titlemodel span b {display:block;color:#68FF14;}
.section2 .list {padding-top:calc(141/1920*100vw);}
.section2 .list .wrap {}
.section2 .list .wrap .item:last-child {border:none;}
.section2 .list .wrap .item {display:flex;align-items:center;/* justify-content:space-between; */padding-bottom:calc(86/1920*100vw);border-bottom:2px solid #4D4D4D;margin-bottom:calc(109/1920*100vw);}
.section2 .list .wrap .item .imgbox {width:calc(432/1920*100vw);text-align: center;}
.section2 .list .wrap .item .imgbox img {
    max-width: 89%;
}
.section2 .list .wrap .item .right {width:calc(660/1920*100vw);}
.section2 .list .wrap .item .right .title {font-family:Poppins;font-weight:600;font-size:calc(36/1920*100vw);color:#FFFFFF;}
.section2 .list .wrap .item .right .title b {color:#67FD14;}
.section2 .list .wrap .item .right .dec {font-family:Poppins;font-weight:300;font-size:calc(24/1920*100vw);color:#A2A2A2;padding-top:calc(67/1920*100vw);line-height:1.4;}
.section3 {}
.section3 .titlemodel {}
.section3 .titlemodel span {}
.section3 .titlemodel span img {height:calc(68/1920*100vw);}
.section3 .titlemodel span b {}
.section3 .list {padding-top:calc(98/1920*100vw);}
.section3 .list .wrap {display:flex;}
.section3 .list .wrap .item:nth-child(3n) {margin-right:0;}
.section3 .list .wrap .item {background:#0F0F0F;box-shadow:calc(37/1920*100vw) calc(-22/1920*100vw) calc(46/1920*100vw) 0 rgba(0,247,41,0.05);border-radius:calc(39/1920*100vw);border:1px solid #143B1A;margin-right:calc(76/1920*100vw);padding-top:calc(28/1920*100vw);padding-left:calc(44/1920*100vw);padding-right:calc(108/1920*100vw);width: calc((100% - calc(108/1920*100vw))/3);}
.section3 .list .wrap .item .icon {}
.section3 .list .wrap .item .icon img {height:calc(59/1920*100vw);}
.section3 .list .wrap .item .title {padding-top:calc(14/1920*100vw);padding-bottom:calc(26/1920*100vw);font-family:Poppins;font-weight:600;font-size:calc(36/1920*100vw);color:#FFFFFF;}
.section3 .list .wrap .item .title b {color:#00F729;}
.section3 .list .wrap .item .dec {font-family:Poppins;font-weight:300;font-size:calc(14/1920*100vw);color:#FFFFFF;padding-bottom:calc(57/1920*100vw);}
.section3 .list .wrap .item .dec p:after {content:"";position:absolute;left:0;width:calc(12/1920*100vw);height:calc(12/1920*100vw);background:#00F729;border-radius:50%;border:1px solid #00F729;top:calc(2/1920*100vw);}
.section3 .list .wrap .item .dec p {position:relative;padding-left:calc(27/1920*100vw);margin-bottom:calc(17/1920*100vw);line-height:1.4;}
.section4 {text-align:center;padding-top:calc(170/1920*100vw);padding-bottom:calc(40/1920*100vw);}
.section4 .wrap {}
.section4 .wrap .title b {color:#00F729;}
.section4 .wrap .title {font-family:Poppins;font-weight:600;font-size:calc(48/1920*100vw);color:#FFFFFF;}
.section4 .wrap .list {margin-top:calc(111/1920*100vw);position:relative;}
.section4 .wrap .list ul.sec {position:absolute;right:-102%;top:calc(34/1920*100vw);width:100%;}
.section4 .wrap .list .item {position:relative;overflow:hidden;padding:calc(34/1920*100vw) 0;}
.section4 .wrap .list .item2 {position:relative;overflow:hidden;padding:calc(34/1920*100vw) 0;}
.section4 .wrap .list ul {margin-bottom:0;display:flex;}
.section4 .wrap .list ul li:last-child {margin-right:0;}
.section4 .wrap .list ul li {width:calc(289/1920*100vw);height:calc(84/1920*100vw);background:rgba(255,255,255,0.01);box-shadow:calc(13/1920*100vw) calc(-8/1920*100vw) calc(46/1920*100vw) 0 rgba(0,247,41,0.22);border-radius:calc(17/1920*100vw);border:1px solid #2D2D2D;position:relative;margin-right:calc(24/1920*100vw);}
.section4 .wrap .list ul li img {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:70%;max-height:60%;object-fit:contain;}
.footer {height:calc(83/1920*100vw);background:#000000;}
.footer .wrap {}
.footer .wrap .logo {float:left;padding-top:calc(21/1920*100vw);}
.footer .wrap .logo img {height:calc(44/1920*100vw);}
.footer .wrap .right {float:right;padding-top:calc(16/1920*100vw);}
.footer .wrap .right a {width:calc(54/1920*100vw);height:calc(54/1920*100vw);background:#020202;border-radius:50%;border:calc(2/1920*100vw) solid #3B3B3B;float:left;margin-left:calc(8/1920*100vw);position:relative;}
.footer .wrap .right a img {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:70%;}




.section4 .wrap .list .item ul {animation:move-right 10s steps(100,start) infinite;}
.move-right {animation:move-right 1s steps(1,start) infinite;}
@keyframes move-right {0% {transform:translateX(0);}
10% {transform:translateX(-10%);}
20% {transform:translateX(-20%);}
30% {transform:translateX(-30%);}
40% {transform:translateX(-40%);}
50% {transform:translateX(-50%);}
60% {transform:translateX(-60%);}
70% {transform:translateX(-70%);}
80% {transform:translateX(-80%);}
90% {transform:translateX(-90%);}
100% {transform:translateX(-100%);}
}





.section4 .wrap .list .item2 ul.sec{
    
right: auto;
    
left: -100%;
}
.section4 .wrap .list .item2 ul {animation: move-left 10s steps(200,end) infinite;}
.move-left {animation:move-left 1s steps(1,start) infinite;}
@keyframes move-left {
	0% {transform:translateX(0%);}
10% {transform:translateX(10%);}
20% {transform:translateX(20%);}
30% {transform:translateX(30%);}
40% {transform:translateX(40%);}
50% {transform:translateX(50%);}
60% {transform:translateX(60%);}
70% {transform:translateX(70%);}
80% {transform:translateX(80%);}
90% {transform:translateX(90%);}
100% {transform:translateX(100%);}
	
}














.alertModel{text-align:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;-webkit-backdrop-filter:saturate(180%) blur(calc(20/1920*100vw));backdrop-filter:saturate(180%) blur(calc(20/1920*100vw));background-color:rgba(0,0,0,0.65);display: none;}
.alertModel .center{
    position:absolute;
    top:50%;
    left:50%;
    -o-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width: calc(960/1920*100vw);
    height: calc(624/1920*100vw);
    background: url(../images/bga.png) no-repeat center center;
    background-size:100% 100%;
    max-width:90%;
}
.alertModel .center .logo{
    text-align:left;
    padding-top:calc(43/1920*100vw);
    padding-bottom:calc(41/1920*100vw);
    padding-left:calc(50/1920*100vw);
}
.alertModel .center .logo img{
    height:calc(77/1920*100vw);
}
.alertModel .center .icon{
    
}
.alertModel .center .icon img{
    height:calc(103/1920*100vw);
}
.alertModel .center .title{
    
    font-weight:400;
    font-size:calc(70/1920*100vw);
    color:#000000;
    padding-top:calc(18/1920*100vw);
    padding-bottom:calc(117/1920*100vw);
}
.alertModel .center .btn{
    width:calc(634/1920*100vw);
    height:calc(97/1920*100vw);
    border:none;
    background:url(../images/confir.png) no-repeat center center;
    background-size:100% 100%;
    /* font-family:ThaleahFat; */
    font-weight:400;
    font-size:calc(36/1920*100vw);
    color:#000000;
    background: #67FF14;
    border-radius: calc(28 / 1920* 100vw);
    border: calc(3 / 1920* 100vw) solid #000000;
    text-transform: uppercase;
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/POPPINS-REGULAR.ttf')
}