@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,span,pre,input {margin:0;padding:0;border:0;font-weight:normal;background-repeat:no-repeat;outline:none;}

h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;font-weight:normal;font-family:MiSans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
body {font-family:MiSans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;margin:0px;padding:0px;color:#333;height:auto;clear:both;}
img {border:0px;}
ul,li {list-style:none;}
em,i {font-style:normal;}
a,a:link{text-decoration:none;color:#333}
a:active,a:hover{outline:0;color:#E50112;text-decoration:none}
.clearfix:after,.clearfix:before {content:" ";display:table}
.clearfix:after {clear:both}
.clear {clear:both;}
* {box-sizing:border-box;-webkit-text-size-adjust:none;}
body {left:0px;position:relative;line-height:1;}
html{width:100%;overflow-x: hidden;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
.trans,.trans *{transition:all 0.5s ease}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
.wb{white-space:normal;word-wrap:break-word;word-break:break-all}
.al{text-align:left!important}
.ac{text-align:center!important}
.ar{text-align:right!important}
.aj{text-align:justify!important}
.fl{float:left}
.fr{float:right!important}
.rel{position:relative}
.abl{position:absolute}
.clear{clear:both}
.ovh{overflow:hidden}
.upp{text-transform:uppercase}
.fb{font-weight:bold}
.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.img-auto{display:inline-block;max-width:100%;height:auto}
.container{margin-left:auto;margin-right:auto;padding-left:16px !important;padding-right:16px !important}
.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex}
.flex-inline{display:inline-flex}
.flex-reverse{flex-direction:row-reverse}
.flex-column{flex-direction:column}
.flex-column .flex-reverse{flex-direction:column-reverse}
.flex-nowrap{flex-wrap:nowrap}
.flex-wrap{flex-wrap:wrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.flex-center{justify-content:center}
.flex-end{justify-content:flex-end}
.flex-bet{justify-content:space-between}
.flex-items{align-items:center}
.grid{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.grid-y{flex-direction:column;-webkit-flex-direction:column}
.grid-small{padding:10px 0}
.grid-small>.grid{margin:-10px}
.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:10px}
.grid-middle{padding:15px 0}
.grid-middle>.grid{margin:-15px}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:15px}
.grid-big{padding:30px 0}
.grid-big>.grid{margin:-30px}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:30px}
.grid-large{padding:35px 0}
.grid-large>.grid{margin:35px}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:35px}
.x,.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs0,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm0,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb0,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xg0,.xg1,.xg2,.xg3,.xg4,.xg5,.xg6,.xg7,.xg8,.xg9,.xg10,.xg11,.xg12{position:relative;width:100%}
.x{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.x0,.xl0,.xs0,.xm0,.xb0,.xg0{max-width:100%}
.x0{width:auto}
.x1{width:8.33333333%}
.x2{width:16.66666667%}
.x20{width:20%}
.x3{width:25%}
.x4{width:33.33333333%}
.x5{width:41.66666667%}
.x6{width:50%}
.x7{width:58.33333333%}
.x8{width:66.66666667%}
.x9{width:75%}
.x10{width:83.33333333%}
.x11{width:91.66666667%}
.x12{width:100%}
.y,.y1,.y2,.y20,.y3,.y4,.y5,.y6,.y7,.y8,.y9,.y10,.y11,.y12{position:relative;max-height:100%}
.y{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}
.y0{height:auto}
.y1{height:8.33333333%}
.y2{height:16.66666667%}
.y20{height:20%}
.y3{height:25%}
.y4{height:33.33333333%}
.y5{height:41.66666667%}
.y6{height:50%}
.y7{height:58.33333333%}
.y8{height:66.66666667%}
.y9{height:75%}
.y10{height:83.33333333%}
.y11{height:91.66666667%}
.y12{height:100%}
@media (min-width:572px){.container{max-width:540px}
.xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.xl0{width:auto}
.xl1{width:8.33333333%}
.xl2{width:16.66666667%}
.xl20{width:20%}
.xl3{width:25%}
.xl4{width:33.33333333%}
.xl5{width:41.66666667%}
.xl6{width:50%}
.xl7{width:58.33333333%}
.xl8{width:66.66666667%}
.xl9{width:75%}
.xl10{width:83.33333333%}
.xl11{width:91.66666667%}
.xl12{width:100%}
}@media (min-width:762px){.container{max-width:730px}
.xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.xs0{width:auto}
.xs1{width:8.33333333%}
.xs2{width:16.66666667%}
.xs20{width:20%}
.xs3{width:25%}
.xs4{width:33.33333333%}
.xs5{width:41.66666667%}
.xs6{width:50%}
.xs7{width:58.33333333%}
.xs8{width:66.66666667%}
.xs9{width:75%}
.xs10{width:83.33333333%}
.xs11{width:91.66666667%}
.xs12{width:100%}
}@media (min-width:992px){.container{max-width:960px}
.xm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.xm0{width:auto}
.xm1{width:8.33333333%}
.xm2{width:16.66666667%}
.xm20{width:20%}
.xm3{width:25%}
.xm4{width:33.33333333%}
.xm5{width:41.66666667%}
.xm6{width:50%}
.xm7{width:58.33333333%}
.xm8{width:66.66666667%}
.xm9{width:75%}
.xm10{width:83.33333333%}
.xm11{width:91.66666667%}
.xm12{width:100%}
}@media (min-width:1232px){.container{max-width:1200px;padding-left:0!important;padding-right:0!important}
.xb{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.xb0{width:auto}
.xb1{width:8.33333333%}
.xb2{width:16.66666667%}
.xb20{width:20%}
.xb3{width:25%}
.xb4{width:33.33333333%}
.xb5{width:41.66666667%}
.xb6{width:50%}
.xb7{width:58.33333333%}
.xb8{width:66.66666667%}
.xb9{width:75%}
.xb10{width:83.33333333%}
.xb11{width:91.66666667%}
.xb12{width:100%}
}@media (min-width:1632px){.container{max-width:1400px}
.xg0{width:auto}
.xg1{width:8.33333333%}
.xg2{width:16.66666667%}
.xg20{width:20%}
.xg3{width:25%}
.xg4{width:33.33333333%}
.xg5{width:41.66666667%}
.xg6{width:50%}
.xg7{width:58.33333333%}
.xg8{width:66.66666667%}
.xg9{width:75%}
.xg10{width:83.33333333%}
.xg11{width:91.66666667%}
.xg12{width:100%}
}.show,.show-xm{display:block!important}
.hidden,.show-xs{display:none!important}
@media screen and (max-width:1024px) {
.show-xm{display:none!important;}
.show-xs{display:block!important;}
}
@media(max-width:762px){.table-auto{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}.table-auto table tr th,.table-auto table tr td{white-space:nowrap;}}
@keyframes opacity {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes fadenum {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes fadenum2 {
    0% {
      transform: rotate(360deg);
    }
    100% {
      transform: rotate(0);
    }
  }
  @keyframes bounceDown {
    25% {
      transform: translateY(-3px);
    }
  
    50%,
    100% {
      transform: translateY(0);
    }
  
    75% {
      transform: translateY(3px);
    }
  }
  @keyframes textShow { 
    0% { width:0; } 
    30% { visibility: visible; width:35%; } 
    60% { visibility: visible; opacity:1; width:60%; } 
    90% { visibility: visible; opacity:1; width:100%; } 
  }
@keyframes myfirst{
    0% {transform: translate(-50%,-50%) scale(0.1);opacity: 1;}
    50% {transform: translate(-50%,-50%) scale(0.7);opacity: 0.5;}
    100% {transform: translate(-50%,-50%) scale(1.4);opacity: 0;}
}
/* fonts */
.f48{font-size:48px}
.f42{font-size:42px;}
.f40{font-size:40px;}
.f36{font-size:36px;}
.f30{font-size:30px;}
.f24{font-size:24px}
.f20{font-size:20px;}
.f18{font-size:18px}
.f16{font-size:16px}
.p30{padding:1.6vw 0;}
.p40{padding:2.5vw 0 5vw;}
.p60{padding:3vw 0;}
.p80{padding:4vw 0;}
.p120{padding:5vw 0;}
.p150{padding:7.6vw 0;}
@media (max-width:1400px) {
.f48{font-size:35px}
.f42{font-size:28px;}
.f40{font-size:26px;}
.f36{font-size:25px;}
.f30{font-size:23px;}
.f24{font-size:20px}
.f20{font-size:18px;}
.f18{font-size:16px}
.f16{font-size:15px}
.p30{padding:20px 0;}
.p80{padding:35px 0;}
.p60{padding:25px 0;}
.p40{padding:35px 0 50px;}
.p120{padding:45px 0;}
.p150{padding:60px 0;}
}
@media (max-width:990px) {
.mgrid{ flex-wrap: wrap; } 
.f48{font-size:25px}
.f42{font-size:23px;}
.f40{font-size:22px;}
.f36{font-size:21px;}
.f30{font-size:20px;}
.f24{font-size:17px}
.f20{font-size:16px;}
.f18{font-size:15px}
.f16{font-size:14px}
.p30{padding:20px 0;}
.p80{padding:30px 0;}
.p60{padding:25px 0;}
.p40{padding:30px 0 45px;}
.p120{padding:35px 0;}
.p150{padding:40px 0;}
.grid-middle{padding:8px 0}
.grid-middle>.grid{margin:-8px}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:8px}
}