@charset "UTF-8";

@font-face {
    font-family: "AvantGardeLT-Demi";
    src: url("../fonts/avantgardelt-demi.woff2") format("woff2"),
    url("../fonts/avantgardelt-demi.woff") format("woff"),
    url("../fonts/avantgardelt-demi.ttf") format("truetype"),
    url("../fonts/avantgardelt-demi.eot") format("embedded-opentype"),
    url("../fonts/avantgardelt-demi.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.en{
    /* font-family: "AvantGardeLT-Demi";  */
}

@font-face{font-family:HarmonyOS_SansSC_Regular;src:url("../fonts/harmonyos_sanssc_regular.woff") format("woff");font-style:normal}
@font-face{font-family:HarmonyOS_SansSC_Medium-subfont;src:url("../fonts/harmonyos_sanssc_medium-subfont.woff") format("woff");font-style:normal}
@font-face{font-family:HarmonyOS_Sans_Condensed_Thin-subfont;src:url("../fonts/harmonyos_sans_condensed_thin-subfont.woff") format("woff");font-style:normal}
@font-face{font-family:HarmonyOS_SansSC_Thin-subfont;src:url("../fonts/harmonyos_sanssc_thin-subfont.woff") format("woff");font-style:normal}
.en{font-family:HarmonyOS_Sans_Condensed_Thin-subfont}
.hms-r{font-family:HarmonyOS_SansSC_Regular}
.hms-m{font-family:HarmonyOS_SansSC_Medium-subfont}
.hms-b{font-family:HarmonyOS_SansSC_Regular;font-weight:700!important}
.hms-x{font-family:HarmonyOS_SansSC_Thin-subfont}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.simple-form-basic,.simple-select,.simple-text,.simple-textarea{border:1px solid #ccc;padding:4px;vertical-align:middle}
.simple-form-basic:focus,.simple-select:focus,.simple-text:focus,.simple-textarea:focus{outline:0 none}
.simple-text{height:18px;-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}
.simple-text:focus{border-color:rgba(82,168,236,.8);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 8px rgba(82,168,236,.6)}
.simple-textarea{height:18px;-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);height:80px;width:500px;vertical-align:top}
.simple-textarea:focus{border-color:rgba(82,168,236,.8);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 8px rgba(82,168,236,.6)}
.reset-radio-checkbox{margin:0 5px 0 0;padding:0;font-size:13px}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
body{margin:0;font-size:12px;line-height:1.6;color:#333;background-color:#fff}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:0 0;text-decoration:none;color:#000}
a:active,a:hover{outline:0}
a:hover{color:#BB2D3B}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input:focus,textarea:focus{outline:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=text]{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto;resize:vertical}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
q{quotes:none}
button,html,input,select,textarea{font-family:"Noto Sans SC","Source Han Sans CN","Noto Sans S Chinese Light","Microsoft Yahei","Microsoft YaHei Light","Pingfang sc regular","Helvetica Neue",Helvetica,Tahoma,sans-serif}
blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}
dd,dl,li,ol,ul{margin:0;padding:0}
ol,ul{list-style:none outside none}
h1,h2,h3{line-height:2;font-weight:400}
h1{font-size:18px}
h2{font-size:15.6px}
h3{font-size:14.04px}
h4{font-size:12px}
h5,h6{font-size:10.2px;text-transform:uppercase}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
html{overflow:hidden;overflow-y:scroll}
button,input,select,textarea{border:none;border-radius:0;outline:0;padding:0}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.clear{clear:both}
.f-cb{zoom:1}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:"."}
.fl{float:left}
.fr{float:right}
.por{position:relative}
.poa{position:absolute}
.pof{position:fixed}
.poa-f{position:absolute;left:0;top:0;width:100%;height:100%}
.ovh{overflow:hidden}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.dn{display:none}
.w-f{width:100%}
.h-f{height:100%}
.loader{width:50px;height:50px;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;font-size:10px;border-top:2px solid rgba(0,0,0,.08);border-right:2px solid rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.08);border-left:2px solid rgba(0,0,0,.5);border-radius:50%;-webkit-animation:spinner .7s infinite linear;animation:spinner .7s infinite linear}
.loader.white{border-top:2px solid rgba(255,255,255,.08);border-right:2px solid rgba(255,255,255,.08);border-bottom:2px solid rgba(255,255,255,.08);border-left:2px solid rgba(255,255,255,.5)}
@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
a{-webkit-tap-highlight-color:rgba(255,0,0,0)}
input,select{outline:0}
input::-ms-clear{display:none}
html{font-size:2.084vw!important}
@media (max-width:996px){html{font-size:34px!important}
}
::-moz-selection{background:#BB2D3B;color:#fff}
::selection{background:#BB2D3B;color:#fff}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb{background:#BB2D3B}
::-webkit-scrollbar-thumb:window-inactive{background:#BB2D3B}
::-webkit-scrollbar-thumb:vertical:hover{background:#BB2D3B}
.col-fff{color:#fff}
.col-000{color:#000}
.col-111{color:#111}
.col-222{color:#222}
.col-333{color:#333}
.col-444{color:#444}
.col-555{color:#555}
.col-666{color:#666}
.col-777{color:#666}
.col-888{color:#666}
.col-999{color:#999}
.tit-12{font-size:12px}
.tit-13{font-size:13px}
.tit-14{font-size:.35rem}
.tit-15{font-size:.4rem}
.tit-16{font-size:.45rem}
.tit-17{font-size:.4rem}
.tit-18{font-size:.45rem}
.tit-19{font-size:.475rem}
.tit-20{font-size:.5rem}
.tit-21{font-size:.525rem}
.tit-22{font-size:.55rem}
.tit-23{font-size:.575rem}
.tit-24{font-size:.6rem}
.tit-25{font-size:.625rem}
.tit-26{font-size:.65rem}
.tit-27{font-size:.675rem}
.tit-28{font-size:.7rem}
.tit-29{font-size:.725rem}
.tit-30{font-size:.75rem}
.tit-31{font-size:.775rem}
.tit-32{font-size:.8rem}
.tit-33{font-size:.825rem}
.tit-34{font-size:.85rem}
.tit-35{font-size:.875rem}
.tit-36{font-size:.9rem}
.tit-37{font-size:.925rem}
.tit-38{font-size:.95rem}
.tit-39{font-size:.975rem}
.tit-40{font-size:1rem}
.tit-41{font-size:1.025rem}
.tit-42{font-size:1.05rem}
.tit-43{font-size:1.075rem}
.tit-44{font-size:1.1rem}
.tit-45{font-size:1.125rem}
.tit-46{font-size:1.15rem}
.tit-47{font-size:1.175rem}
.tit-48{font-size:1.2rem}
.tit-49{font-size:1.225rem}
.tit-50{font-size:1.25rem}
.tit-51{font-size:1.275rem}
.tit-52{font-size:1.3rem}
.tit-53{font-size:1.325rem}
.tit-54{font-size:1.35rem}
.tit-55{font-size:1.375rem}
.tit-56{font-size:1.4rem}
.tit-57{font-size:1.425rem}
.tit-58{font-size:1.45rem}
.tit-59{font-size:1.475rem}
.tit-60{font-size:1.5rem}
.tit-61{font-size:1.525rem}
.tit-62{font-size:1.55rem}
.tit-63{font-size:1.575rem}
.tit-64{font-size:1.6rem}
.tit-65{font-size:1.625rem}
.tit-66{font-size:1.65rem}
.tit-67{font-size:1.675rem}
.tit-68{font-size:1.7rem}
.tit-69{font-size:1.725rem}
.tit-70{font-size:1.75rem}
.tit-71{font-size:1.775rem}
.tit-72{font-size:1.8rem}
.tit-73{font-size:1.825rem}
.tit-74{font-size:1.85rem}
.tit-75{font-size:1.875rem}
.tit-76{font-size:1.9rem}
.tit-77{font-size:1.925rem}
.tit-78{font-size:1.95rem}
.tit-79{font-size:1.975rem}
.tit-80{font-size:2rem}
@media (max-width:1481px){.conbox-18{font-size:16px}
    .conbox-20{font-size:18px}
    .conbox-24{font-size:20px}
}
@media (max-width:1281px){.conbox-14{font-size:13px}
    .conbox-16{font-size:14px}
    .conbox-18{font-size:15px}
    .conbox-20{font-size:15px}
    .conbox-24{font-size:16px}
}
.pc-block{display:block}
.pc-block-768{display:block}
.pc-block-767{display:block}
.m-block{display:none}
.m-block-767{display:none}
.m-block-768{display:none}
@media (max-width:1024px){.pc-block{display:none}
    .m-block{display:block}
}
@media (max-width:768px){.pc-block-768{display:none}
    .m-block-768{display:block}
}
@media (max-width:767px){.pc-block-767{display:none}
    .m-block-767{display:block}
}
.poa-middle{left:0;top:0;bottom:0;right:0;margin:auto}
.tran-middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.text-hide{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.img-cover{background-size:cover;background-position:center center;background-repeat:no-repeat}
.pointer{cursor:pointer}
.bgtop{background-position:top}
.containbg{background-repeat:no-repeat;background-size:contain;background-position:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justif{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-bold{font-weight:700}
.centerh{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.centerv{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.centerblock{margin-left:auto;margin-right:auto}
.shadow1{box-shadow:0 10px 30px -5px rgba(0,0,0,.15)}
.full{width:100%;height:100%}
.fullw{width:100%}
.fullh{height:100%}
.fullvh{height:100vh}
.top{top:0}
.btm{bottom:0}
.lt{left:0}
.rt{right:0}
.block{display:block}
.inlineblock{display:inline-block}
.notrans{-webkit-transition-duration:0s!important;transition-duration:0s!important}
.no-hover{pointer-events:none!important;cursor:default}
.trans3d0{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.round{border-radius:50%}
.mt0{margin-top:0}
.mb0{margin-bottom:0}
.in-block{display:inline-block}
.w100{width:100%}
.w1720{max-width:1720px;width:90%;margin:0 auto}
.w1300{width:1300px;margin:0 auto}
@media (max-width:1350px){.w1300{width:94%}
}
.w1080{width:1080px;margin:0 auto}
@media (max-width:1100px){.w1080{width:94%}
}
.w1070{width:1070px;margin:0 auto}
@media (max-width:1100px){.w1070{width:94%}
}
.wpage{text-align:center}
.page{padding:1rem 0 0;font-size:14px;font-weight:700;line-height:22px;text-align:center;clear:both;display:inline-block}
.page a{text-decoration:none;color:#333;width:20px;margin:0 5px;position:relative;display:block;text-align:center;float:left;-webkit-transition:.5s cubic-bezier(.6, .2, .1, 1);transition:.5s cubic-bezier(.6, .2, .1, 1)}
.page a::after{content:'';width:100%;height:3px;background:#BB2D3B;position:absolute;bottom:-2px;left:0;opacity:0}
.page a.active::after{opacity:1}
.page a.active{color:#BB2D3B;-webkit-transition:.5s cubic-bezier(.6, .2, .1, 1);transition:.5s cubic-bezier(.6, .2, .1, 1)}
.page span.laypage_curr{width:38px;height:38px;line-height:38px;margin:0 2px;display:inline-block;background:#BB2D3B;color:#fff;-webkit-transition:.5s cubic-bezier(.6, .2, .1, 1);transition:.5s cubic-bezier(.6, .2, .1, 1)}
.page a:hover{text-decoration:none;color:#BB2D3B;-webkit-transition:.5s cubic-bezier(.6, .2, .1, 1);transition:.5s cubic-bezier(.6, .2, .1, 1)}
.dwpage a[rel=prev]{display:none}
.dwpage a[rel=next]{display:none}
@media (max-width:767px){.wrap{padding:30px}
}
.wrap-sm{padding:30px}
@media (max-width:767px){.wrap-sm{padding:15px}
}
.wrap-xs{padding:20px}
@media (max-width:767px){.wrap-xs{padding:10px}
}
.p-v-xs{padding-top:20px;padding-bottom:20px}
@media (max-width:767px){.p-v-xs{padding-top:10px;padding-bottom:10px}
}
.p-v-sm{padding-top:30px;padding-bottom:30px}
@media (max-width:767px){.p-v-sm{padding-top:20px;padding-bottom:20px}
}
.p-v-md{padding-top:60px;padding-bottom:60px}
@media (max-width:959px){.p-v-md{padding-top:40px;padding-bottom:40px}
}
@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}
}
.p-v-lg{padding-top:100px;padding-bottom:100px}
@media (max-width:959px){.p-v-lg{padding-top:70px;padding-bottom:70px}
}
@media (max-width:767px){.p-v-lg{padding-top:50px;padding-bottom:50px}
}
.p-h-sm{padding-left:30px;padding-right:30px}
@media (max-width:767px){.p-h-sm{padding-left:20px;padding-right:20px}
}
.pt0{padding-top:0}
.pb0{padding-bottom:0}
.m-v-lg{margin-top:100px;margin-bottom:100px}
@media (max-width:959px){.m-v-lg{margin-top:70px;margin-bottom:70px}
}
@media (max-width:767px){.m-v-lg{margin-top:50px;margin-bottom:50px}
}
.m-b-xxs{margin-bottom:5px}
.m-b-xs{margin-bottom:10px}
.m-b-sm{margin-bottom:20px}
@media (max-width:767px){.m-b-sm{margin-bottom:15px}
}
.m-b-md{margin-bottom:30px}
@media (max-width:767px){.m-b-md{margin-bottom:20px}
}
.m-b-lg{margin-bottom:60px}
@media (max-width:767px){.m-b-lg{margin-bottom:40px}
}
.m-b-xl{margin-bottom:100px}
@media (max-width:959px){.m-b-xl{margin-bottom:70px}
}
@media (max-width:767px){.m-b-xl{margin-bottom:50px}
}
.m-t-xxs{margin-top:5px}
.m-t-xs{margin-top:10px}
.m-t-sm{margin-top:20px}
@media (max-width:767px){.m-t-sm{margin-top:15px}
}
.m-t-md{margin-top:30px}
@media (max-width:767px){.m-t-md{margin-top:20px}
}
.m-t-lg{margin-top:60px}
@media (max-width:767px){.m-t-lg{margin-top:40px}
}
.m-r-xxs{margin-right:5px}
.m-r-xs{margin-right:10px}
.m-r-sm{margin-right:20px}
@media (max-width:767px){.m-r-sm{margin-right:10px}
}
.m-l-xxs{margin-left:5px}
.m-l-xs{margin-left:10px}
.m-l-sm{margin-left:20px}
@media (max-width:767px){.m-l-sm{margin-left:10px}
}
@media (max-width:767px) and (orientation:portrait){.phone-v-fullw{width:100%}
    .phone-v-p0{padding:0}
}
.trans{-webkit-transition:all .4s;transition:all .4s}
.trans2{-webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1);transition:all .4s cubic-bezier(.77, 0, .175, 1)}
.trans-md{-webkit-transition:all .8s;transition:all .8s}
.trans-md2{-webkit-transition:all .8s cubic-bezier(1, 0, 0, 1);transition:all .8s cubic-bezier(1, 0, 0, 1)}
.anim-loader{-webkit-animation:loader 1829ms linear infinite,loader_dash 2156ms ease-in-out infinite;animation:loader 1829ms linear infinite,loader_dash 2156ms ease-in-out infinite}
.anim-fade-out{-webkit-animation:fade_out .5s ease forwards;animation:fade_out .5s ease forwards}
.ajax-loader{background:rgba(0,0,0,.2);visibility:hidden;opacity:0;z-index:1036}
.tt-ajax-loader .ajax-loader{visibility:visible;opacity:1}
.tt-ajax-loader .ajax-loader .loader-icon .line{-webkit-animation:loader 1829ms linear infinite,loader_dash 2156ms ease-in-out infinite;animation:loader 1829ms linear infinite,loader_dash 2156ms ease-in-out infinite}
.cssanimations .anim_emt,.cssanimations .anim_group .anim_item{visibility:hidden}
.cssanimations .anim_emt.visb,.cssanimations .anim_group .anim_item.visb{visibility:inherit}
.anim_emt.start{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.anim_emt.start.scale_up{-webkit-animation-name:mk_scale;animation-name:mk_scale}
.anim_emt.start.fade_in{-webkit-animation-name:mk_fade;animation-name:mk_fade}
.anim_emt.start.r_to_l{-webkit-animation-name:mk_right_to_left;animation-name:mk_right_to_left}
.anim_emt.start.l_to_r{-webkit-animation-name:mk_left_to_right;animation-name:mk_left_to_right}
.anim_emt.start.t_to_b{-webkit-animation-name:mk_top_to_bottom;animation-name:mk_top_to_bottom}
.anim_emt.start.b_to_t{-webkit-animation-name:mk_bottom_to_top;animation-name:mk_bottom_to_top}
.slide_anim{visibility:hidden}
.slide_anim.start{visibility:visible}
.slide_anim.b_to_t.start{-webkit-animation:mk_bottom_to_top .6s;animation:mk_bottom_to_top .6s}
.anim_emt.palx_img.start{overflow:hidden;-webkit-animation-name:tt_palx_wrap;animation-name:tt_palx_wrap}
.anim_emt.palx_img.start .img-wrap{-webkit-animation:tt_palx_img .6s;animation:tt_palx_img .6s}
@-webkit-keyframes tt_palx_wrap{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes tt_palx_wrap{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes tt_palx_img{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes tt_palx_img{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes loader{to{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}
}
@keyframes loader{to{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}
}
@-webkit-keyframes loader_dash{from{stroke-dasharray:0 150;stroke-dashoffset:0}
    to{stroke-dasharray:100 150;stroke-dashoffset:-140}
}
@keyframes loader_dash{from{stroke-dasharray:0 150;stroke-dashoffset:0}
    to{stroke-dasharray:100 150;stroke-dashoffset:-140}
}
@-webkit-keyframes line_w100{to{left:100%}
}
@keyframes line_w100{to{left:100%}
}
@-webkit-keyframes rotate_360{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate_360{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes fade_out{0%{opacity:1}
    100%{opacity:0}
}
@keyframes fade_out{0%{opacity:1}
    100%{opacity:0}
}
@-webkit-keyframes fade_in{0%{opacity:0}
    100%{opacity:1}
}
@keyframes fade_in{0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes fade_out_in{0%,100%{opacity:1}
    50%{opacity:0}
}
@keyframes fade_out_in{0%,100%{opacity:1}
    50%{opacity:0}
}
@-webkit-keyframes mk_scale{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes mk_scale{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes mk_fade{0%{opacity:0}
    100%{opacity:1}
}
@keyframes mk_fade{0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes mk_left_to_right{0%{-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes mk_left_to_right{0%{-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes mk_right_to_left{0%{-webkit-transform:translateX(30px);transform:translateX(30px);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes mk_right_to_left{0%{-webkit-transform:translateX(30px);transform:translateX(30px);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes mk_bottom_to_top{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes mk_bottom_to_top{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes mk_top_to_bottom{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes mk_top_to_bottom{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes mk_spt{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes mk_spt{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.js-m{opacity:0;-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);transform:translate(0,30px);-webkit-transition:all .8s cubic-bezier(.79, -.27, .21, .82);transition:all .8s cubic-bezier(.79, -.27, .21, .82)}
.js-m.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.js-m-2-1{opacity:0;-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);transform:translate(0,30px);-webkit-transition:all .8s cubic-bezier(.79, -.27, .21, .82);transition:all .8s cubic-bezier(.79, -.27, .21, .82)}
.js-m-2-1.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.a-del1{-webkit-animation-delay:.1s;animation-delay:.1s}
.a-del2{-webkit-animation-delay:.2s;animation-delay:.2s}
.a-del3{-webkit-animation-delay:.3s;animation-delay:.3s}
.a-del4{-webkit-animation-delay:.4s;animation-delay:.4s}
.a-del5{-webkit-animation-delay:.5s;animation-delay:.5s}
.a-del6{-webkit-animation-delay:.6s;animation-delay:.6s}
.a-del7{-webkit-animation-delay:.7s;animation-delay:.7s}
.a-del8{-webkit-animation-delay:.8s;animation-delay:.8s}
.a-del9{-webkit-animation-delay:.9s;animation-delay:.9s}
.a-del10{-webkit-animation-delay:1s;animation-delay:1s}
.a-dur1{-webkit-animation-duration:.3s;animation-duration:.3s}
.a-dur2{-webkit-animation-duration:.4s;animation-duration:.4s}
.a-dur3{-webkit-animation-duration:.5s;animation-duration:.5s}
.a-dur4{-webkit-animation-duration:.6s;animation-duration:.6s}
.a-dur5{-webkit-animation-duration:.7s;animation-duration:.7s}
.a-dur6{-webkit-animation-duration:.8s;animation-duration:.8s}
.a-dur7{-webkit-animation-duration:.9s;animation-duration:.9s}
.a-dur8{-webkit-animation-duration:1s;animation-duration:1s}
.a-dur9{-webkit-animation-duration:1.1s;animation-duration:1.1s}
.a-dur10{-webkit-animation-duration:1.2s;animation-duration:1.2s}
.a-dur11{-webkit-animation-duration:1.3s;animation-duration:1.3s}
.a-dur12{-webkit-animation-duration:1.4s;animation-duration:1.4s}
.a-dur13{-webkit-animation-duration:1.5s;animation-duration:1.5s}
.a-dur14{-webkit-animation-duration:1.6s;animation-duration:1.6s}
.a-dur15{-webkit-animation-duration:1.7s;animation-duration:1.7s}
.a-dur16{-webkit-animation-duration:1.8s;animation-duration:1.8s}
.a-dur17{-webkit-animation-duration:1.9s;animation-duration:1.9s}
.a-dur18{-webkit-animation-duration:2s;animation-duration:2s}
.t-del1{-webkit-transition-delay:0.1s;transition-delay:0.1s}
.t-del2{-webkit-transition-delay:0.2s;transition-delay:0.2s}
.t-del3{-webkit-transition-delay:0.3s;transition-delay:0.3s}
.t-del4{-webkit-transition-delay:0.4s;transition-delay:0.4s}
.t-del5{-webkit-transition-delay:0.5s;transition-delay:0.5s}
.t-del6{-webkit-transition-delay:0.6s;transition-delay:0.6s}
.t-del7{-webkit-transition-delay:0.7s;transition-delay:0.7s}
.t-del8{-webkit-transition-delay:0.8s;transition-delay:0.8s}
.t-del9{-webkit-transition-delay:0.9s;transition-delay:0.9s}
.t-del10{-webkit-transition-delay:1s;transition-delay:1s}
.browsers{position:fixed;width:100%;height:100%;left:0;top:0;background:#fff url(../images/iebgimg.png);background-repeat:no-repeat;background-position:50% 50%;z-index:99}
.line-1{line-height:1.1}
.line-2{line-height:1.2}
.line-3{line-height:1.3}
.line-4{line-height:1.4}
.line-6{line-height:1.6}
.line-7{line-height:1.7}
.line-8{line-height:1.8}
.line-9{line-height:1.9}
.line-10{line-height:2}
.line-11{line-height:2.1}
.line-12{line-height:2.2}
.some-class-zxx{background-color:#fff}
@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.some-class-zxx{background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
}
body.loading{overflow:hidden}
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f3f0;overflow:hidden;z-index:5000}
#pageloader .logo{width:auto;height:51px}
.darkmode #pageloader{background:#252525}
body.init #pageloader{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1);transition:all 1.2s cubic-bezier(.77, 0, .175, 1)}
body.init #pageloader .cont{opacity:0;-webkit-transition:all .6s;transition:all .6s}
body.init #pageloader .logo,body.init #pageloader div{-webkit-transition:all .6s;transition:all .6s}
body.init #pageloader .logo{-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
body.init #pageloader .small{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
body.init #pageloader .loader-line{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}
.loader-line{width:50vw;max-width:300px;height:2px;background:#a96b41;overflow:hidden}
.loader-icon{width:24px;height:24px;border-radius:50%}
.loader-icon .line{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
.wr{width:100%;position:relative}
.lh1{line-height:1}
.bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
header{width:100%;position:fixed;top:0;left:0;z-index:99}
.pc_seachbox{position:absolute;top:1.9rem;width:100%;left:0;height:5.6rem;background-color:#fff;z-index:999;background-image:url(../images/ha1.png);background-position:center;background-repeat:no-repeat;display:none;background-size:auto}
.zk_search_wrap{width:25rem;margin:0 auto;padding:2rem 0 1.25rem}
.head_seachbox{position:relative;line-height:1.45rem;height:1.5rem}
.head_seachbox .seach_input{border:1px solid #999;box-sizing:border-box;padding:0 4.5rem 0 1.75rem;background:url(../images/head_searchicon.7de0b5f.png) .5rem no-repeat}
.head_seachbox .seach_submit{position:absolute;right:0;top:0;width:4rem;height:100%;color:#fff;background-color:#BB2D3B;transition:.4s}
.head_seachbox .seach_input input{font-size:.4rem;width:100%;background-color:transparent}
.head_seachbox .seach_submit input{color:#fff;font-size:.45rem;cursor:pointer;width:100%;background-color:transparent;height:100%}
.header_nav_bg{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.4s;z-index:100}
.header_nav_bg.header_nav_bg_on{opacity:1}
.pc-header{width:100%;height:1.9rem;background-color:#fff;display:flex;padding:0 2.325rem;justify-content:space-between;align-items:center;box-shadow:6px 0 15px 0 rgba(0,0,0,.16)}
.pc-header .logo{line-height:1}
.pc-header .logo svg{width:4.8rem}
.pc-header .right-btn{display:flex;height:100%}
.pc-header .right-btn .nav-list{display:flex;height:100%;align-items:center;justify-content:flex-start}
.pc-header .right-btn .nav-list .li{height:100%;margin-left:1.125rem}
.pc-header .right-btn .nav-list .li .tit{height:100%;line-height:1.9rem}
.pc-header .right-btn .search{display:flex;height:100%;align-items:center;justify-content:flex-start;margin-left:1.9rem;cursor:pointer}
.pc-header .right-btn .search .icon{fill:#333333;margin-right:.2rem}
.pc-header .right-btn .search:hover{color:#BB2D3B}
.pc-header .right-btn .search:hover .icon{fill:#BB2D3B}
.pc-header .right-btn .nav-list .li.on .tit{color:#BB2D3B}
.vh100{height:100vh;overflow:hidden;width:100%;position:relative}
.banner-container{width:100%;height:100%;overflow:hidden;position:relative}
.banner-container .swiper-slide{width:100%;height:100%;overflow:hidden}
.pc{display:block}
.mb{display:none}
.banner-container .slide-inner,.banner-container .swiper-slide{height:100%;width:100%;overflow:hidden;position:relative}
.banner-container .txt{position:absolute;top:50%;transform:translateY(-50%);left:2.325rem}
.banner-container .txt .t1{line-height:1.2;color:rgba(255,255,255,.3)}
.banner-container .txt .t1 span{color:#fff}
.banner-container .more{margin-top:.9rem}
.more{display:inline-block;padding:0 .9rem;height:.875rem;line-height:.875rem;background:#BB2D3B;border-radius:3px 3px 3px 3px;color:#fff;font-weight:500;font-size:12px;transition:all .5s}
.more:hover{color:#fff;background-color:#8b060e}
.main-pagination{position:absolute;bottom:2.6rem!important;z-index:3;text-align:right;padding-right:2.25rem}
.main-pagination .swiper-pagination-bullet{background:#fff;opacity:.2}
.main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#BB2D3B}
.home-a .txt{position:absolute;bottom:2.7rem;left:2.25rem}
.home-a .txt .t1{line-height:1.2;color:rgba(255,255,255,.3)}
.home-a .txt .t1 span{color:#fff}
.home-a .txt .t2{font-weight:500;color:rgba(255,255,255,.6);margin-top:1rem}
.home-a .txt .more{margin-top:1.15rem}
.home-c .blist{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.home-c .blist .bg{position:absolute;top:0;left:0;opacity:0;transition:all .5s}
.home-c .blist .bg.on{opacity:1}
.home-c{padding:2.7rem 2.25rem}
.main-tit{z-index:2;position:relative;font-weight:500}
.main-tit .en{line-height:1;text-transform:uppercase;font-weight:300}
.com-table-list{margin-top:.5rem;padding-left:.5rem;margin-top:.5rem;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}
.com-table-list::before{content:"";width:1px;height:16.025rem;background:rgba(255,255,255,.2);position:absolute;top:0;left:0}
.com-table-list .li{padding:0 .5rem;height:.75rem;line-height:.75rem;color:#fff;display:inline-block;border-radius:.4rem;cursor:pointer;margin-bottom:.7rem}
.com-table-list .li.on{background:#BB2D3B;position:relative;font-size:.625rem}
.com-table-list.com-g .li.on::after{content:'';position:absolute;left:-26%;top:0;width:2px;height:4.65rem;background:#BB2D3B}
.home-c .txt{position:absolute;z-index:3;bottom:3rem;left:3.25rem}
.home-c .txt .t1{width:11.375rem;opacity:0;transform:translateY(20px);color:#fff;transition:all .6s}
.home-c .txt .more{margin-top:2.4rem;opacity:0;transform:translateY(20px)}
.home-c .bg.on .txt .t1{transform:translateY(0);opacity:1}
.home-c .bg.on .txt .more{transform:translateY(0);opacity:1}
.com-table-list.com-k .li.on{position:relative}
.com-table-list.com-k .li.on::after{content:'';position:absolute;left:-17%;top:0;width:2px;height:4.65rem;background:#BB2D3B}
.home-e{background-color:#f7f7f7;padding:2.7rem 2.25rem}
.home-e .top{display:flex;align-items:flex-end;justify-content:space-between}
.home-e .list{margin-top:2rem;display:flex}
.home-e .list .li{display:block;width:calc((100% - 1.5rem)/ 4);margin-right:.5rem}
.home-e .list .li:last-child{margin-right:0}
.home-e .list .li .img{width:100%;height:12.5rem;overflow:hidden}
.home-e .list .li .img .bg{transition:all .5s}
.home-e .list .li .txt{margin-top:.45rem}
.home-e .list .li:hover .img .bg{transform:scale(1.02)}
.home-f{background-color:#f7f7f7;padding:2.7rem 2.25rem}
.home-f .top{display:flex;align-items:flex-end;justify-content:space-between}
.news-container{width:100%;margin-top:1.95rem;overflow:hidden}
.news-container .swiper-slide{display:block;width:25%;margin-right:.5rem}
.news-container .swiper-slide:last-child{margin-right:0}
.news-container .swiper-slide .img{width:100%;height:280px;overflow:hidden}
.news-container .swiper-slide .img .bg{background-size: 100%;}
.news-container .swiper-slide .txt{margin-top:1.175rem}
.news-container .swiper-slide .txt .t1{color:#8c8c8c;line-height:1}
.news-container .swiper-slide .txt .t2{left:1.2;color:#333;font-weight:700}
.news-scrollbar{position:relative;z-index:3;height:3px;width:100%;margin-top:1rem;background:rgba(230,230,230,.95)}
.news-scrollbar .swiper-scrollbar-drag{background-color:#BB2D3B}
.main-swiper-auto{height:auto!important}
footer{background:#262626}
footer .footer-top{padding:1.5rem 2.25rem 0;display:flex;justify-content:space-between}
footer .footer-top .f-nav{display:flex;    flex-direction: column;}
footer .footer-top .f-nav .li{width:4.25rem}
footer .footer-top .f-nav .li .tit{color:#fff;font-size:.4rem;font-weight:500}
footer .footer-top .f-nav .li .sub-nav{margin-top:.1rem}
footer .footer-top .f-nav .li .sub-nav a{display:block;color:#fff;opacity:.6;line-height:2.2;transition:all .5s}
footer .footer-top .f-nav .li .sub-nav a:hover{opacity:1}
footer .footer-top .f-nav .li:last-child{width:auto}
footer .footer-top .f-nav a .logo{width:4.8rem}
footer .footer-top .f-nav .cont-list{display:flex;margin-top:1.25rem}
footer .footer-top .f-nav .cont-list .li{margin-left:2.25rem;color:grey}
footer .footer-top .f-nav .cont-list .li:first-child{margin-left:0}
footer .footer-top .r-nav .share-list{display:flex;margin-top:.675rem}
footer .footer-top .r-nav .share-list a{display:block;opacity:.5;position:relative;margin-right:.75rem}
footer .footer-top .r-nav .share-list a:hover{opacity:1}
.share-tit{color:grey;font-size: .4rem;}
footer .footer-top .r-nav .share-list a .ewm{position:absolute;width:2rem;height:2rem;display:none;left:50%;top:120%;transform:translateX(-50%)}
footer .footer-top .r-nav .share-list a:hover .ewm{display:block}
.footer-bot{width:100%;padding:0 2.25rem;display:flex;color:rgba(255,255,255,.4);background:#313131;line-height:2;margin-top:2rem;align-items:center;justify-content:space-between}
.footer-bot a{color:rgba(255,255,255,.4)}
.hb-container{overflow:hidden}
.hb-container .parallax-bg{position:absolute;left:0;top:0;width:60rem;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center}
.hb-container .swiper-slide{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hb-container .swiper-slide .img{position:relative;width:100%}
.hb-container .swiper-slide .img img{width:100%}
.hb-container .swiper-slide .item{cursor:pointer;position:absolute}
.hb-container .swiper-slide .item .dian{width:14px;height:14px;background:#fff;border-radius:50%;position:relative;z-index:2}
.hb-container .swiper-slide .item::after{content:'';position:absolute;top:50%;left:50%;width:32px;border-radius:50%;height:32px;background:#fff;opacity:.3;z-index:-1;transform:translate(-50%,-50%)}
.hb-container .swiper-slide .item.on .dian{background-color:#BB2D3B}
.hb-container .swiper-slide .item.on::after{width:50px;height:50px;background:#fff;opacity:.5}
.hb-container .swiper-slide .item1{left:34.48%;top:2%}
.hb-container .swiper-slide .item2{left:57.5%;top:65%}
.hb-container .swiper-slide .item3{left:79.95%;bottom:-5%}
.hb-txt{position:absolute;top:0;left:0;width:100%;padding:2.675rem 2.25rem;color:#fff}
.hb-txt .t2{width:10.6rem;opacity:.6;margin-top:.65rem}
.home-b .more{position:absolute;bottom:3rem;left:2.25rem;z-index:3}
.about{padding-top:1.9rem}
.about-a{padding:0 0}
.view{padding:0 2.25rem}
.about-a .view{display:flex;align-items:flex-end;justify-content:space-between}
.about-a .t1{font-weight:500;color:#ffff;line-height:1}
.about-a .t2{width:12.15rem;color:#ffff;margin-top:.5rem}
.about-a .list{font-size:0}
.about-a .list .li{display:inline-block;line-height:1;vertical-align:top;margin-right:2rem;color:#fff}
.about-a .list .li .num{color:#BB2D3B}
.about-a .list .li span{vertical-align:middle}
.about-a .imgbox{width:100%;height:18rem}
.banner-container .txt .t1{line-height:1.2;color:rgba(255,255,255,.3)}
.about-b{padding:3.175rem 0}
.about-b .t1{line-height:1.2;color:#999}
.about-b .t1 span{color:#000}
.about-b .view{display:flex;align-items:flex-start;justify-content:space-between}
.about-b .right-box{width:20rem}
.about-b .right-box .img{width:100%;position:relative}
.play{width:1.5rem;height:1.5rem;background:rgba(255,255,255,.6);cursor:pointer;border-radius:50%}
.about-b .right-box .txt{color:#666;text-align:justifyLeft;line-height: 32px;}
.about-b .right-box .txt h2{text-align: center;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 20px;}
.about-c .his-container{width:100%;overflow:hidden;position:relative;height:24rem}
.about-c .his-container .swiper-slide{width:20%;height:100%;background-image:url(../images/hisbg.png);background-size:cover;background-repeat:no-repeat;position:relative;transition:all .5s}
.about-c .his-container .swiper-slide:hover{background-image:url(../images/ahisbg.png);background-size:cover;background-repeat:no-repeat}
.about-c .his-container .parallax-bg{position:absolute;left:0;top:0;width:60rem;height:100%;-webkit-background-size:cover;background-size:cover;background-position:left}
.about-c .his-container .swiper-slide .txt{position:absolute;top:66.35%;width:100%;padding:0 1rem;transition:all .5s}
.about-c .his-container .swiper-slide .txt .t1{color:#fff;opacity:.5;text-align:center;line-height:1;margin-bottom:.85rem}
.about-c .his-container .swiper-slide .txt .t2{color:#fff;opacity:0;transition:all .5s}
.about-c .his-container .swiper-slide .txt .t2 .hms-r{color:rgba(255,255,255,.8)}
.about-c .his-container .swiper-slide:hover .txt{top:50%}
.about-c .his-container .swiper-slide:hover .txt .t1{opacity:1}
.about-c .his-container .swiper-slide:hover .txt .t2{opacity:1}
.about-d{padding:2.675rem 0;padding-bottom:5rem}
.about-d .txt{display:flex;justify-content:space-between;align-items:flex-start;margin-top:3.875rem}
.about-d .txt .t1{line-height:1.2;color:rgba(0,0,0,.3);margin-top:.2rem}
.about-d .txt .t1 span{color:#000}
.about-d .txt img{width:2.75rem}
.about-d .right{position:relative;margin-top:3rem}
.about-d .right .li{width:8.5rem;height:8.5rem;border-radius:50%;position:relative;display:inline-block}
.about-d .right .li1{position:absolute;top:-6rem;left:50%;transform:translateX(-50%);z-index:3}
.about-d .right .li2{background-color:rgba(215,12,25,.9)}
.about-d .right .li3{background-color:RGBA(0,0,0,.2);margin-left:-2rem;z-index:2}
.about-e .abe-container{height:22.05rem;overflow:hidden}
.about-e .abe-container .swiper-slide{width:100%;height:100%;position:relative}
.about-e .abe-container .swiper-slide .txt{position:absolute;left:2.25rem;top:30%}
.about-e .abe-container .swiper-slide .txt .logo{margin-top:.75rem}
.about-e .abe-container .swiper-slide .txt .t1{color:rgba(255,255,255,.6);margin-top:.925rem;width:13.625rem}
.about-e .abe-list{position:absolute;left:0;bottom:2.5rem;z-index:3;font-size:0;text-align:left;padding:0 2.25rem}
.about-e .abe-list .li{display:inline-block;width:calc((100% - 4.2rem)/ 4);margin-right:1.4rem;border-top:2px solid rgba(255,255,255,.4);padding-top:.2rem;color:rgba(255,255,255,.4);cursor:pointer;position:relative}
.about-e .abe-list .li:last-child{margin-right:0}
.fexend{display:flex;align-items:center;justify-content:space-between}
.about-e .abe-list .li::after{content:'';position:absolute;top:-2px;left:0;width:0;height:2px;background-color:#fff}
.about-e .abe-list .li.on::after{width:100%;transition:all 5s}
.about-f{padding:3.675rem 0}
.about-f .view{display:flex;align-items:flex-start;justify-content:space-between}
.about-f .right-list{width:21.5rem}
.about-f .right-list .li{width:100%;display:flex;padding:1rem 0 .25rem;border-bottom:1px solid rgba(0,0,0,.2);position:relative;align-items:center;justify-content:space-between;cursor:pointer;opacity:.5;color:#000;transition:all .5s}
.about-f .right-list .li .img{left:60%;top:80%;position:absolute;opacity:0;z-index:33;visibility:hidden}
.about-f .right-list .li:hover{opacity:1;border-bottom:1px solid #BB2D3B}
.about-f .right-list .li:hover .img{opacity:1;visibility:inherit}
.about-g .main-tit{margin-top:2rem;margin-bottom:2rem}
.about-g .ag-pagination{position:relative;bottom:0;margin-top:1.1rem}
.about-g .ag-pagination .swiper-pagination-bullet{background:#d2d2d2;border-radius:50%;width:16px;height:16px;margin-right:.75rem}
.about-g .ag-pagination .swiper-pagination-bullet:la{margin-right:0}
.about-g .ag-pagination .swiper-pagination-bullet-active{background-image:url(../images/ag.png);width:20px;height:20px;border-radius:0;background-color:transparent;background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.support{height:12rem}
.support .txt{position:absolute;left:2.25rem;top:50%;transform:translateY(-50%);z-index:3}
.support .txt .t1{line-height:1;color:#fff;font-weight:500}
.support .txt .t2{margin-top:.675rem;line-height:1;color:#fff}
.support .txt .mc{color:#BB2D3B;font-weight:500;margin-top:.1rem}
.mater-bglist{position:absolute;height:100vh;width:100%;top:0;left:0;z-index:1}
.mater-container{height:100vh;width:100%;top:0;left:0;position:relative;z-index:3;overflow:hidden;padding:0 2.25rem}
.mater-bglist .bg{position:absolute;top:0;left:0;display:none}
.mater-container .swiper-slide{display:flex;width:100%;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,0)}
.mater-container .swiper-slide .t1{color:rgba(255,255,255,.6)}
.mater-container .swiper-slide .t2{width:11.125rem;color:#fff;opacity:0}
.mater-container .swiper-slide.swiper-slide-active{transition:all .5s;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}
.mater-container .swiper-slide.swiper-slide-active .t1{font-size:1.25rem;color:#fff}
.mater-container .swiper-slide.swiper-slide-active .t2{opacity:1}
.mater-container .swiper-slide.swiper-slide-active span{position:relative}
.mater-container .swiper-slide.swiper-slide-active span::after{content:'';width:100%;height:6px;position:absolute;left:0;bottom:.2rem;background:#BB2D3B;z-index:-1}
.mater-bglist2{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:4;width:9.85rem}
.mater-bglist2 img{display:none}
.sub-banner img{width:100%}
.sub-banner .txt{position:absolute;bottom:1.5rem;padding:0 2.325rem}
.info{padding-top:1.9rem}

.case{padding:1.125rem 0;padding-bottom:3.5rem}
.com-nav-list{display:flex;border-bottom:1px solid rgba(0,0,0,.1)}
.com-nav-list a{display:block;padding:.375rem .825rem;font-size:.5rem;line-height:1;border-radius:3px 3px 3px 3px;color:rgba(0,0,0,.2);transition:all .4s}
.com-nav-list a.on{background:#BB2D3B;color:#fff}
.com-nav-list a:hover{color:#BB2D3B}
.com-nav-list a.on:hover{color:#fff}
.type-list{display:flex}
.type-list .li{border-radius:.4rem;padding:.15rem .5rem;border:1px solid #dcdcdc;margin-right:.975rem;line-height:1;font-size:.5rem;color:#dcdcdc;cursor:pointer;transition:all .5s}
.case .type-list{margin-top:1.1rem}
.type-list .li.on{background-color:#BB2D3B;border:1px solid #BB2D3B;color:#fff}
.type-list .li:hover{border:1px solid #BB2D3B;color:#BB2D3B}
.type-list .li.on:hover{color:#fff}
.case .ajax-list .list{display:flex;margin-top:2.225rem;flex-wrap:wrap}
.case .ajax-list .list .li{width:calc((100% - 2rem)/ 3);margin-right:1rem;position:relative;padding-bottom:1rem;margin-bottom:1rem}
.case .ajax-list .list .li:nth-child(3n){margin-right:0}
.case .ajax-list .list .li .img{width:100%;height:auto;overflow:hidden;max-height:15rem}
.case .ajax-list .list .li .img img{width:100%;height:100%;object-fit:cover}
.case .ajax-list .list .li .t{margin-top:.75rem;line-height:1;color:#333;transition:all .5s}
.case .ajax-list .list .li::after{content:'';position:absolute;bottom:1px;left:0;width:40px;height:2px;background-color:#da1f2b;transition:all .5s}
.case .ajax-list .list .li:hover .t{color:#da1f2b}
.case .ajax-list .list .li:hover:after{width:100%}
.tect{display:flex;justify-content:center}
.case .tect{margin-top:1.5rem}
.cust{padding:1.125rem 0}
.cust .content{display:flex;margin-top:1.1rem}
.cust .content .left-nav{width:calc(100% - 32.5rem)}
.cust .content .left-nav .first{display:flex;align-items:center;color:#dcdcdc;cursor:pointer;font-weight:500}
.cust .content .left-nav .first .icon{margin-left:.275rem;opacity:0}
.cust .content .left-nav .li.on .first{color:#333}
.cust .content .left-nav .li.on .first .icon{opacity:1}
.cust .content .left-nav .second{border-left:1px solid #dcdcdc;padding:.5rem .675rem;display:none}
.cust .content .left-nav .second .lis{line-height:2;cursor:pointer;color:#dcdcdc;font-weight:500}
.cust .content .left-nav .second .lis:hover{color:#BB2D3B}
.cust .content .left-nav .second .lis.on{color:#BB2D3B}
.cust .content .right-box{width:32.5rem}
.cust .content .right-box .aj-list .li{width:100%;height:13.5rem;position:relative;margin-bottom:1.5rem}
.cust .content .right-box .aj-list .li .txt{position:absolute;bottom:1.5rem;left:1.5rem;z-index:33}
.cust .content .right-box .aj-list .li .txt .more{margin-top:.7rem}
.cust .content .left-nav .adds-nav.fixed{position:fixed;left:2.25rem;top:5rem}
footer{z-index:33;position:relative}
.cut-doilg{position:fixed;z-index:333;top:0;left:0;width:100%;height:100%;display:none}
.cut-doilg .mak{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}
.cut-doilg .box{width:30rem;top:15%;transform:translateX(-50%)}
.cut-doilg .box .box-container{width:100%;overflow:hidden}
.cut-doilg .box .txt{display:flex;height:3.925rem;padding:0 1.775rem;background:#f0f0f0;align-items:center;justify-content:space-between;font-weight:500}
.cut-doilg .box .txt .tit-16{width:10rem;color:#333;font-weight:400}
.cut-doilg .box .close{position:absolute;top:-2rem;left:50%;transform:translateX(-50%);width:1.2rem;height:1.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .5s}
.cut-doilg .box .close:hover{transform:translateX(-50%) rotate(360deg)}
.cut-doilg .box .img{width:100%;height:12rem;overflow:hidden}
.cut-doilg .box .img-list{margin-top:1rem;display:flex;justify-content:center}
.cut-doilg .box .img-list .li{width:1.475rem;height:1.475rem;overflow:hidden;position:relative;cursor:pointer;margin:0 .325rem}
.cut-doilg .box .img-list .li img{width:100%;height:100%;object-fit:cover}
.cut-doilg .box .img-list .li::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.cut-doilg .box .img-list .li.on::after{display:none}
.b-next,.b-prev{position:absolute;width:1.2rem;height:1.2rem;background:#898989;border-radius:50%;top:50%;transform:translateY(-50%);cursor:pointer;transition:all .5s}
.b-prev{left:-3rem}
.b-next{right:-3rem}
.b-next svg,.b-prev svg{fill:#333;width:.8rem}
.b-next svg{transform:translate(-50%,-50%) rotate(180deg)}
.b-next:hover,.b-prev:hover{background-color:#BB2D3B}
.b-next:hover svg,.b-prev:hover svg{fill:#fff}
.news-info{margin-top:1.9rem;background-color:rgba(226,228,231,.5);padding:3.15rem 7rem}
.news-info .title{color:#555;font-weight:500}
.news-info .time{margin-top:.5rem}
.news-info .content img {
    margin: 0 auto;
}
.news-info .content{

    margin-top: 1.425rem;
    padding: 1.425rem 1rem;
    border-top: 1px solid #ddd;
    margin-bottom: 1.42rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    line-height: 36px;
}
.news-info .bot{display:flex;align-items:center;justify-content:space-between}
.retent{display:block;width:2.35rem;height:1.175rem;background:#fff;border-radius:.6rem;transition:all .5s}
.retent svg{fill:#D70C18;width:24px;transition:all .5s}
.retent:hover{background-color:#d70c18}
.retent:hover svg{fill:#fff}
.searchinfo{padding-top:1.9rem}
.searchinfo .se-top{padding:1.425rem 0;background:#f6f6f6}
.searchinfo .se-top .s{display:flex;align-items:center;justify-content:space-between}
.searchinfo .se-top .txt{height:1.025rem;width:80%;line-height:1.025rem;background:0 0;font-size:.6rem;font-weight:400;color:#666}
.searchinfo .view{padding:0 6.525rem}
.searchinfo .se-top .s form{width:100%;display:flex;align-items:center;justify-content:space-between}
.searchinfo .se-top .subt{width:3.1rem;height:1.025rem;background-color:#d70c18;border-radius:21px;color:#fff;display:flex;align-items:center;justify-content:center}
.searchinfo .cont{padding:1.275rem 0 1.775rem}
.searchinfo .cont .tit{color:#666}
.searchinfo .cont .tit span{color:#d70c18}
.searchinfo .cont .table{font-size:0;padding:19px 0;border-top:1px solid #f3f2f0;border-bottom:1px solid #f3f2f0;margin-top:28px}
.searchinfo .cont .table a{display:inline-block;font-size:16px;color:#333;line-height:1;margin-left:38px;position:relative}
.searchinfo .cont .table a::after{content:"";position:absolute;bottom:-19px;left:50%;margin-left:-20px;width:0;height:4px;background:#d70c18}
.searchinfo .cont .table a.on{color:#d70c18}
.searchinfo .cont .table a.on::after{width:40px}
.searchinfo .cont .list{margin-top:40px;font-weight:400;font-size:16px}
.searchinfo .cont .list a span{color:#d70c18}
.searchinfo .cont .list a{display:block;float:left;width:49%;margin-right:2%;padding-bottom:18px;border-bottom:1px solid #f3f2f0;padding-left:25px;position:relative;line-height:1;margin-bottom:36px}
.searchinfo .cont .list a::after{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;background:#ccc;border-radius:50%;margin-top:-12px}
.searchinfo .cont .list a:nth-child(2n){margin-right:0}
.searchinfo .dwpage{margin-top:5rem}
.home-a .t1{transform:translateY(20px);transition:all .5s;opacity:0}
.home-a .t2{transform:translateY(20px);transition:all .5s;opacity:0}
.home-a .more{transform:translateY(20px);transition:all .5s;opacity:0}
.home-a.swiper-slide-active .t1{opacity:1;transform:translateY(0);transition-delay:1s}
.home-a.swiper-slide-active .t2{opacity:1;transform:translateY(0);transition-delay:1.2s}
.home-a.swiper-slide-active .more{opacity:1;transform:translateY(0);transition-delay:1.4s}
.home-b .t1{transform:translateY(20px);transition:all .5s;opacity:0}
.home-b .t2{transform:translateY(20px);transition:all .5s;opacity:0}
.home-b .more{transform:translateY(20px);transition:all .5s;opacity:0}
.home-b.swiper-slide-active .t1{opacity:1;transform:translateY(0);transition-delay:1s}
.home-b.swiper-slide-active .t2{opacity:1;transform:translateY(0);transition-delay:1.2s}
.home-b.swiper-slide-active .more{opacity:1;transform:translateY(0);transition-delay:1.4s}
.home-c .main-tit .lh1{transform:translateY(20px);transition:all .5s;opacity:0}
.home-c .main-tit .en{transform:translateY(20px);transition:all .5s;opacity:0}
.home-c .com-table-list{transform:translateY(20px);transition:all .5s;opacity:0}
.home-c .blist .txt{transform:translateY(20px);transition:all .5s;opacity:0}
.home-c.swiper-slide-active .main-tit .lh1{opacity:1;transform:translateY(0);transition-delay:1s}
.home-c.swiper-slide-active .main-tit .en{opacity:1;transform:translateY(0);transition-delay:1.2s}
.home-c.swiper-slide-active .com-table-list{opacity:1;transform:translateY(0);transition-delay:1.4s}
.home-c.swiper-slide-active .blist .txt{opacity:1;transform:translateY(0);transition-delay:1.6s}
.home-e .main-tit .lh1{transform:translateY(20px);transition:all .5s;opacity:0}
.home-e .main-tit .en{transform:translateY(20px);transition:all .5s;opacity:0}
.home-e.swiper-slide-active .main-tit .lh1{opacity:1;transform:translateY(0);transition-delay:1s}
.home-e.swiper-slide-active .main-tit .en{opacity:1;transform:translateY(0);transition-delay:1.2s}
.home-e .more{transform:translateY(20px);transition:all .5s;opacity:0}
.home-e.swiper-slide-active .more{opacity:1;transform:translateY(0);transition-delay:1.2s}
.home-e .list{transform:translateY(20px);transition:all .5s;opacity:0}
.home-e.swiper-slide-active .list{opacity:1;transform:translateY(0);transition-delay:1.4s}
.home-f .main-tit .lh1{transform:translateY(20px);transition:all .5s;opacity:0}
.home-f .main-tit .en{transform:translateY(20px);transition:all .5s;opacity:0}
.home-f .more{transform:translateY(20px);transition:all .5s;opacity:0}
.home-f.swiper-slide-active .more{opacity:1;transform:translateY(0);transition-delay:1.2s}
.home-f.swiper-slide-active .main-tit .lh1{opacity:1;transform:translateY(0);transition-delay:1s}
.home-f.swiper-slide-active .main-tit .en{opacity:1;transform:translateY(0);transition-delay:1.2s}
.home-f .news-container{transform:translateY(20px);transition:all .5s;opacity:0}
.home-f.swiper-slide-active .news-container{opacity:1;transform:translateY(0);transition-delay:1.4s}
.eco{}
.eco-nav{padding:3.5rem 0 0}
.eco .content{height:27rem;position:relative;overflow: hidden}
.eco .content .txt{width:100%;height:100%;position:absolute;top:0;left:0;padding:2.475rem 0;font-size:0}
.eco .content .txt .t2 span{font-size:.75rem;color:#BB2D3B}
.eco .content .box{width:17.525rem;height:17.525rem;border-radius:50%;border:1px dashed rgba(255,255,255,.4);position:relative;margin:0 auto}
.eco .content .box .imgbox{width:12.5rem;height:12.5rem;border-radius:50%;overflow:hidden}
.eco .content .box .item{position:absolute}
.eco .content .box .item .t3{color:#fff;opacity:.8;line-height:1}
.eco .content .box .item .t4{color:#fff;opacity:.5;width:7.5rem;margin-top:.4rem}
.eco .content .box .item .dian{width:10px;height:10px;background:#BB2D3B;border-radius:50%;position:relative}
.eco .content .box .item1 .tbox{position:absolute;left:-1.5rem;transform:translateX(-100%)}
.eco .content .box .item1{left:-5px;top:50%}
.eco .content .box .item1 .dian::after{content:"";width:1.875rem;border-bottom:2px dotted rgba(255,255,255,.5);height:1px;position:absolute;left:-1.875rem;top:5px;transform-origin:right top;transform:rotate(-30deg)}
.eco .content .box .item1 .tbox{top:.75rem}
.eco .content .box .item1 .tbox::after{content:"";width:5.475rem;border-bottom:2px dotted rgba(255,255,255,.5);height:1px;position:absolute;right:0;top:.3rem}
.eco .content .box .item2{right:5.5%;top:25%}
.eco .content .box .item2 .tbox{position:absolute;left:3.6rem;top:-1.1rem}
.eco .content .box .item2 .dian::after{content:"";width:1.5rem;border-bottom:2px dotted rgba(255,255,255,.5);height:1px;position:absolute;right:-1.5rem;top:-2px;transform-origin:left top;transform:rotate(-30deg)}
.eco .content .box .item2 .tbox::after{content:"";width:1.8rem;border-bottom:2px dotted rgba(255,255,255,.5);height:1px;position:absolute;left:-1.95rem;top:.3rem}
.eco .content .box .item3{right:5.5%;bottom:25%}
.eco .content .box .item3 .tbox{position:absolute;left:3.5rem;top:.6rem}
.eco .content .box .item3 .dian::after{content:"";width:1.5rem;border-bottom:2px dotted rgba(255,255,255,.5);height:1px;position:absolute;right:-1.5rem;top:5px;transform-origin:left top;transform:rotate(30deg)}
.eco .content .box .item3 .tbox::after{content:"";width:1.8rem;border-bottom:2px dotted rgba(255,255,255,.5);height:1px;position:absolute;left:-1.95rem;top:.3rem}
.eco-a{padding:2.75rem 0 0;background:#f7f7f7}
.eco-a{display:flex}
.eco-a .left{width:calc((100% - 30.25rem));padding-right:0;padding-left:2.25rem}
.eco-a .right{width:30.25rem;height:23.1rem;position:relative}
.eco-a .left .t1{font-weight:500;color:#0d0d0d}
.eco-a .left .t2{margin-top:.3rem}
.eco-a .left .t2 span{color:#BB2D3B}
.eco-a .right .imgtop{position:absolute;top:0;right:0;display:none;z-index:3}
.eco-a .right .bglist{width:100%;height:100%;border-radius:.8rem 0 0 0;overflow:hidden}
.eco-a .right .bglist .bg{position:absolute;top:0;right:0;display:none;background-attachment:fixed;background-size:contain;background-repeat:no-repeat;background-position:right}
.eco-a .left .t3{margin-top:1.2rem;color:rgba(13,13,13,.5);padding-right:4.25rem}
.eco-a-list{margin-top:2.25rem;padding:1.15rem 0;padding-left:.75rem;border-left:2px solid rgba(153,153,153,.2);min-height:14.5rem}
.eco-a-list .li{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.75rem;cursor:pointer}
.eco-a-list .li .icon{width:.825rem;filter:grayscale(100%)!important;opacity:.2;transition:all .5s}
.eco-a-list .li .tit-20{color:#999;margin-left:.75rem;font-weight:500;transition:all .5s}
.eco-a-list .li.on .icon{filter:grayscale(0%)!important;opacity:1}
.eco-a-list .li.on .tit-20{color:#BB2D3B}
.eco-a-list .li:hover .icon{filter:grayscale(0%)!important;opacity:1}
.eco-a-list .li:hover .tit-20{color:#BB2D3B}
.eco-b{height:27rem}
.eco-b .txt{position:absolute;top:0;left:0;width:100%;height:100%;padding:2.75rem 0}
.eco-b .txt .t1{font-weight:500;color:#fff}
.eco-b .txt .t2{margin-top:.3rem;color:#fff}
.eco-b .txt .t2 span{color:#BB2D3B}
.eco-b .txt .t3{margin-top:1.2rem;width:10rem;color:rgba(255,255,255,.5)}
.eco-c{padding:3.75rem 0;background:#f7f7f7}
.eco-c .content{display:flex}
.eco-c .content .left-nav{width:calc(100% - 21.525rem)}
.eco-c .content .left-nav .first{color:#dcdcdc;cursor:pointer;font-weight:500}
.eco-c .content .left-nav .li{margin-bottom:.9rem}
.eco-c .content .left-nav .li.on .first .t{font-size:1.5rem}
.eco-c .content .left-nav .first .en{line-height:1;text-transform:uppercase;font-weight:300;display:none}
.eco-c .content .left-nav .li.on .first{color:#333}
.eco-c .content .left-nav .li.on .first .en{display:block}
.eco-c .content .left-nav .second{border-left:2px solid #BB2D3B;padding:0 .675rem;display:none;margin-top:1rem}
.eco-c .content .left-nav .second .lis{margin-bottom:.3rem}
.eco-c .content .left-nav .second .lis span{line-height:2;cursor:pointer;color:#dcdcdc;padding:0 .475rem;font-weight:500;display:inline-block;border-radius:.4rem;transition:all .5s}
.eco-c .content .left-nav .second .lis span:hover{background-color:#BB2D3B}
.eco-c .content .left-nav .second .lis.on span{background-color:#BB2D3B}
.eco-c .content .right-box{width:21.525rem;padding-top:2rem}
.eco-c .content .right-box .tit-24{color:#333;font-weight:500}
.eco-c .content .right-box .list a{display:block;border-bottom:1px solid rgba(51,51,51,.2);padding:1.25rem 0 .2rem;font-size:.5rem;color:rgba(51,51,51,.4);font-family:HarmonyOS_SansSC_Medium-subfont}
.eco-c .content .right-box .list a:hover{color:#BB2D3B}
.exhibition-view .jarallax-txt{width:50%}
.exhibition-01 .img{overflow:hidden;position:relative}
.exhibition-box .top{position:absolute;bottom:2.7rem;left:2.25rem;z-index:33;top:auto}
.about-a .view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:1.9rem 2.325rem 1.3rem}
.about-a .list .li span{display:flex;vertical-align:middle;align-items:flex-end;justify-content:center}
.about-a .list .li span>span{font-size:1.7rem;color:#fff;font-weight:700}
.about-d .txt{width:90%}
.information-view .list-04 .box-list .item{padding:1rem 0}
.qr_btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin-left:1.9rem;height:100%}
.qr_show{width:2rem;height:1rem;border-radius:.25rem;background-color:#BB2D3B;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:.25rem;overflow:hidden}
.qr_code{position:absolute;left:50%;top:100%;width:3rem;height:auto;transform:translateX(-47.35%) translateY(.75rem);transition:all .6s;z-index:-1;opacity:0;visibility:hidden;background-color:#fff;padding:.25rem}
.qr_code svg{position:absolute;left:50%;transform:translateX(-50%);top:-.55rem;width:.6rem;height:auto;margin:0 auto}
.qr_code .tit-16{color:#BB2D3B;line-height:1;margin-top:.1rem}
.qr_btn:hover .qr_code{transform:translateX(-47.35%) translateY(.55rem);z-index:1;opacity:1;visibility:visible}
.qr_code img{width:100%}
@media (max-width:500px){.qr_show{font-size:.35rem}
    .qr_btn{margin-left:.5rem}
    .pc-header .right-btn .search{margin-left:.75rem}
}

.scroll-animate.animated{visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}
.font-fadeIn font{display:inline-block}
.scrolly{transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;backface-visibility:hidden}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-1rem,0,0)}
    to{opacity:1;transform:none}
}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(.3rem,0,0)}
    to{opacity:1;transform:none}
}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0,-10px,0)}
    to{opacity:1;transform:none}
}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{from{opacity:1;transform:none}
    to{opacity:0;transform:translate3d(0,10px,0)}
}
.fadeOutDownSmall{animation-name:fadeOutDownSmall}
@keyframes fadeOutRightSmall{from{opacity:1;transform:none}
    to{opacity:0;transform:translate3d(50px,0,0)}
}
.fadeOutRightSmall{animation-name:fadeOutRightSmall}
@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0,80px,0)}
    to{opacity:1;transform:none}
}
@media (max-width:1024px){@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0,30px,0)}
                              to{opacity:1;transform:none}
                          }
}
.fadeInUpSmall{animation-name:fadeInUpSmall}
@keyframes scaleIn{0%{opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);backface-visibility:hidden}
    100%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);backface-visibility:hidden}
}
.scaleIn{animation-name:scaleIn}
.getGray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.img-ani{transform:scaleX(.5) scaleY(.5) scaleZ(1) translate(0,50%);transition:all .9s ease;opacity:0}
.img-ani .img-child{transform:scaleX(1.5) scaleY(1.5) scaleZ(1);transition:all 1.5s ease}
.img-ani.go{transform:scaleX(1) scaleY(1) scaleZ(1) translate(0);opacity:1}
.img-ani.go .img-child{transform:scaleX(1) scaleY(1) scaleZ(1) translate(0)}
.bx{background-size:cover;background-position:center;color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ph .pic{position:absolute;width:calc(100% + 60px);height:calc(100% + 60px);left:-30px;top:-30px;backface-visibility:hidden}
@media screen and (orientation:portrait){.ph .pic{position:absolute;width:100%;height:100%;left:0;top:0;backface-visibility:hidden}
}
@keyframes Tmouse{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(12px);-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px)}
}
@keyframes wave{to{transform:translateX(-100%)}
}
@keyframes loop1{0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
@keyframes loop2{0%{transform:rotate(40deg)}
    100%{transform:rotate(400deg)}
}
@keyframes loop3{0%{transform:rotate(80deg)}
    100%{transform:rotate(440deg)}
}
@keyframes loop4{0%{transform:rotate(-30deg)}
    100%{transform:rotate(330deg)}
}
@keyframes fn3{0%{opacity:0;transform:matrix(1,.1,0,1,0,10)}
    100%{opacity:1;transform:matrix(1,0,0,1,0,0)}
}
.fn3{transform-origin:0 50%;animation:fn3 1.2s cubic-bezier(.49,.54,.16,1);animation-fill-mode:both}
@-webkit-keyframes cd-reveal-left{0%{opacity:0;visibility:hidden}
    100%{opacity:1;visibility:visible}
}
@keyframes cd-reveal-left{0%{opacity:0;visibility:hidden}
    100%{opacity:1;visibility:visible}
}
@-webkit-keyframes cd-reveal-right{0%{opacity:0;visibility:hidden}
    100%{opacity:1;visibility:visible}
}
@keyframes cd-reveal-right{0%{opacity:0;visibility:hidden}
    100%{opacity:1;visibility:visible}
}
@-webkit-keyframes cd-hide-left{0%{opacity:1;visibility:visible}
    100%{opacity:0;visibility:hidden}
}
@keyframes cd-hide-left{0%{opacity:1;visibility:visible}
    100%{opacity:0;visibility:hidden}
}
@-webkit-keyframes cd-hide-right{0%{opacity:1;visibility:visible}
    100%{opacity:0;visibility:hidden}
}
@keyframes cd-hide-right{0%{opacity:1;visibility:visible}
    100%{opacity:0;visibility:hidden}
}
@-webkit-keyframes cd-clicked{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes cd-clicked{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes cir_right{from{clip-path:circle(12vw at 112% 50%)}
    to{clip-path:circle(12vw at 102% 50%)}
}
@keyframes cir_left{from{clip-path:circle(12vw at -12% 50%)}
    to{clip-path:circle(12vw at -2% 50%)}
}
@keyframes banner_in{0%{clip-path:ellipse(50% 50% at 50% 150%)}
    100%{clip-path:ellipse(100% 180% at 50% 150%)}
}
@keyframes banner_out{0%{clip-path:ellipse(100% 180% at 50% 150%)}
    100%{clip-path:ellipse(50% 50% at 50% 150%)}
}
@keyframes banner_appIn{0%{clip-path:ellipse(100% 50% at 50% 150%)}
    100%{clip-path:ellipse(180% 180% at 50% 150%)}
}
@keyframes banner_appOut{0%{clip-path:ellipse(180% 180% at 50% 150%)}
    100%{clip-path:ellipse(100% 50% at 50% 150%)}
}
@keyframes row5_in{0%{opacity:1}
    100%{opacity:1}
}
@keyframes r5_in{0%{transform:translate3d(-70vw,36vw,0) scale(1)}
    50%{transform:translate3d(-14vw,6vw,0) scale(1)}
    100%{transform:translate3d(-14vw,6vw,0) scale(3)}
}
@keyframes r5_out{0%{transform:translate3d(-14vw,6vw,0) scale(3)}
    50%{transform:translate3d(-14vw,6vw,0) scale(1)}
    100%{transform:translate3d(-70vw,36vw,0) scale(1)}
}
@keyframes slider{0%{opacity:0;margin-left:-.1rem}
    100%{opacity:1;margin-left:0}
}
@keyframes scrFn{0%{transform:translate3d(50vw,42vh,0) scale(.9) rotate(0)}
    30%{transform:translate3d(50vw,42vh,0) scale(9) rotate(0)}
    100%{transform:translate3d(50vw,42vh,0) scale(54) rotate(20deg)}
}
@keyframes aboutFn{0%{-webkit-mask-size:45.8%;-webkit-mask-position:50% 40%}
    30%{-webkit-mask-size:458%;-webkit-mask-position:50% 40%}
    100%{-webkit-mask-size:2738%;-webkit-mask-position:52% 52%}
}
@keyframes scrImg{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);backface-visibility:hidden}
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);backface-visibility:hidden}
}
@keyframes scrOut{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
    12%{transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);backface-visibility:hidden;opacity:0}
    100%{transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);backface-visibility:hidden;opacity:0}
}
@keyframes scrP1{0%{transform:translate3d(0,0,0) scale(1);-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);backface-visibility:hidden;opacity:1}
    8%{transform:translate3d(-5px,-7px,0) scale(1.05);-webkit-transform:translate3d(-5px,-7px,0) scale(1.05);-moz-transform:translate3d(-5px,-7px,0) scale(1.05);-o-transform:translate3d(-5px,-7px,0) scale(1.05);-ms-transform:translate3d(-5px,-7px,0) scale(1.05);backface-visibility:hidden;opacity:0}
    100%{transform:translate3d(-5px,-7px,0) scale(1.05);-webkit-transform:translate3d(-5px,-7px,0) scale(1.05);-moz-transform:translate3d(-5px,-7px,0) scale(1.05);-o-transform:translate3d(-5px,-7px,0) scale(1.05);-ms-transform:translate3d(-5px,-7px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}
@keyframes scrP2{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
    10%{transform:translate3d(7px,5px,0) scale(1.05);-webkit-transform:translate3d(7px,5px,0) scale(1.05);-moz-transform:translate3d(7px,5px,0) scale(1.05);-o-transform:translate3d(7px,5px,0) scale(1.05);-ms-transform:translate3d(7px,5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
    100%{transform:translate3d(7px,5px,0) scale(1.05);-webkit-transform:translate3d(7px,5px,0) scale(1.05);-moz-transform:translate3d(7px,5px,0) scale(1.05);-o-transform:translate3d(7px,5px,0) scale(1.05);-ms-transform:translate3d(7px,5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}
@keyframes scrP3{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
    12%{transform:translate3d(-7px,-5px,0) scale(1.05);-webkit-transform:translate3d(-7px,-5px,0) scale(1.05);-moz-transform:translate3d(-7px,-5px,0) scale(1.05);-o-transform:translate3d(-7px,-5px,0) scale(1.05);-ms-transform:translate3d(-7px,-5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
    100%{transform:translate3d(-7px,-5px,0) scale(1.05);-webkit-transform:translate3d(-7px,-5px,0) scale(1.05);-moz-transform:translate3d(-7px,-5px,0) scale(1.05);-o-transform:translate3d(-7px,-5px,0) scale(1.05);-ms-transform:translate3d(-7px,-5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}
.scrTxt{animation-name:scrTxt}
@keyframes scrTxt{0%{transform:translate3d(50px,10px,0);-webkit-transform:translate3d(50px,10px,0);-moz-transform:translate3d(50px,10px,0);-o-transform:translate3d(50px,10px,0);-ms-transform:translate3d(50px,10px,0);backface-visibility:hidden;opacity:0}
    20%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
    100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP4{0%{transform:translate3d(-120px,0,0) rotate(-50deg)}
    30%{transform:translate3d(-120px,0,0) rotate(0)}
    100%{transform:translate3d(-120px,0,0) rotate(0)}
}
@keyframes scrP5{0%{transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
    58%{transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
    100%{transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
}
@keyframes scrP51{0%{margin-left:50%;letter-spacing:.6rem}
    40%{margin-left:0;letter-spacing:0}
    100%{margin-left:0;letter-spacing:0}
}
@keyframes scrP6{0%{transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:1rem;opacity:0}
    58%{transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:0;opacity:1}
    100%{transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-webkit-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:0;opacity:1}
}
@keyframes scrP61{0%{letter-spacing:.6rem;background-color:#fff}
    40%{letter-spacing:0;background-color:rgba(255,255,255,0)}
    100%{letter-spacing:0;background-color:rgba(255,255,255,0)}
}
@keyframes scrP7{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden}
    58%{transform:translate3d(-15vw,0,0);-webkit-transform:translate3d(-15vw,0,0);-moz-transform:translate3d(-15vw,0,0);-o-transform:translate3d(-15vw,0,0);-ms-transform:translate3d(-15vw,0,0);backface-visibility:hidden}
    100%{transform:translate3d(-15vw,0,0);-webkit-transform:translate3d(-15vw,0,0);-moz-transform:translate3d(-15vw,0,0);-o-transform:translate3d(-15vw,0,0);-ms-transform:translate3d(-15vw,0,0);backface-visibility:hidden}
}
@keyframes scrP8{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);backface-visibility:hidden}
    100%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);backface-visibility:hidden}
}
@keyframes scrP9{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden}
    100%{transform:translate3d(-58%,0,0);-webkit-transform:translate3d(-58%,0,0);-moz-transform:translate3d(-58%,0,0);-o-transform:translate3d(-58%,0,0);-ms-transform:translate3d(-58%,0,0);backface-visibility:hidden}
}
@keyframes scrP10{0%{opacity:0;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden}
    15%{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden}
    25%{transform:translate3d(0,2.02rem,0);-webkit-transform:translate3d(0,2.02rem,0);-moz-transform:translate3d(0,2.02rem,0);-o-transform:translate3d(0,2.02rem,0);-ms-transform:translate3d(0,2.02rem,0);backface-visibility:hidden}
    35%{transform:translate3d(0,2.02rem,0);-webkit-transform:translate3d(0,2.02rem,0);-moz-transform:translate3d(0,2.02rem,0);-o-transform:translate3d(0,2.02rem,0);-ms-transform:translate3d(0,2.02rem,0);backface-visibility:hidden}
    50%{transform:translate3d(.4rem,4.04rem,0);-webkit-transform:translate3d(.4rem,4.04rem,0);-moz-transform:translate3d(.4rem,4.04rem,0);-o-transform:translate3d(.4rem,4.04rem,0);-ms-transform:translate3d(.4rem,4.04rem,0);backface-visibility:hidden}
    100%{transform:translate3d(.4rem,4.04rem,0);-webkit-transform:translate3d(.4rem,4.04rem,0);-moz-transform:translate3d(.4rem,4.04rem,0);-o-transform:translate3d(.4rem,4.04rem,0);-ms-transform:translate3d(.4rem,4.04rem,0);backface-visibility:hidden}
}
@keyframes scrP11{0%{transform:translate3d(-20px,0,0);-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);-o-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);backface-visibility:hidden;opacity:0}
    15%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
    100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP12{0%{transform:translate3d(-20px,0,0);-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);-o-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);backface-visibility:hidden;opacity:0}
    25%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
    100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP13{0%{transform:translate3d(-20px,0,0);-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);-o-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);backface-visibility:hidden;opacity:0}
    40%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
    100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
}
@keyframes scrP14{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);backface-visibility:hidden}
    100%{transform:translate3d(0,90%,0);-webkit-transform:translate3d(0,90%,0);-moz-transform:translate3d(0,90%,0);-o-transform:translate3d(0,90%,0);-ms-transform:translate3d(0,90%,0);backface-visibility:hidden}
}
@keyframes loadFn{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);backface-visibility:hidden}
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);backface-visibility:hidden}
}
.warp-header4{position:absolute;width:100%;left:0;top:0;z-index:9}
.disable-hover{pointer-events:none}
.scroll-animate.animated{visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}
.font-fadeIn font{display:inline-block}
.scrolly{transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;backface-visibility:hidden}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.cssanimations .anim_emt,.cssanimations .anim_group .anim_item{visibility:hidden}
.cssanimations .anim_emt.visb,.cssanimations .anim_group .anim_item.visb{visibility:inherit}
.anim_emt.start{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.anim_emt.start.scale_up{-webkit-animation-name:mk_scale;animation-name:mk_scale}
.anim_emt.start.fade_in{-webkit-animation-name:mk_fade;animation-name:mk_fade}
.anim_emt.start.r_to_l{-webkit-animation-name:mk_right_to_left;animation-name:mk_right_to_left}
.anim_emt.start.l_to_r{-webkit-animation-name:mk_left_to_right;animation-name:mk_left_to_right}
.anim_emt.start.t_to_b{-webkit-animation-name:mk_top_to_bottom;animation-name:mk_top_to_bottom}
.anim_emt.start.b_to_t{-webkit-animation-name:mk_bottom_to_top;animation-name:mk_bottom_to_top}
.slide_anim{visibility:hidden}
.slide_anim.start{visibility:visible}
.slide_anim.b_to_t.start{-webkit-animation:mk_bottom_to_top .6s;animation:mk_bottom_to_top .6s}
.anim_emt.palx_img.start{overflow:hidden;-webkit-animation-name:tt_palx_wrap;animation-name:tt_palx_wrap}
.anim_emt.palx_img.start .img-wrap{-webkit-animation:tt_palx_img .6s;animation:tt_palx_img .6s}
@keyframes tt_palx_wrap{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes tt_palx_img{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes loader{to{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}
}
@keyframes loader_dash{from{stroke-dasharray:0 150;stroke-dashoffset:0}
    to{stroke-dasharray:100 150;stroke-dashoffset:-140}
}
@keyframes line_w100{to{left:100%}
}
@keyframes rotate_360{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes fade_out{0%{opacity:1}
    100%{opacity:0}
}
@keyframes fade_in{0%{opacity:0}
    100%{opacity:1}
}
@keyframes fade_out_in{0%,100%{opacity:1}
    50%{opacity:0}
}
@keyframes mk_scale{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes mk_fade{0%{opacity:0}
    100%{opacity:1}
}
@keyframes mk_left_to_right{0%{-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes mk_right_to_left{0%{-webkit-transform:translateX(30px);transform:translateX(30px);opacity:0}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes mk_bottom_to_top{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes mk_top_to_bottom{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes mk_spt{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.js-m{opacity:0;transform:translate(0,30px);transition:all .8s cubic-bezier(.79, -.27, .21, .82)}
.js-m.animate{opacity:1;transform:translate(0,0)}
.js-m-2-1{opacity:0;transform:translate(0,30px);transition:all .8s cubic-bezier(.79, -.27, .21, .82)}
.js-m-2-1.animate{opacity:1;transform:translate(0,0)}
.a-del1{animation-delay:.1s}
.a-del2{animation-delay:.2s}
.a-del3{animation-delay:.3s}
.a-del4{animation-delay:.4s}
.a-del5{animation-delay:.5s}
.a-del6{animation-delay:.6s}
.a-del7{animation-delay:.7s}
.a-del8{animation-delay:.8s}
.a-del9{animation-delay:.9s}
.a-del10{animation-delay:1s}
.a-dur1{animation-duration:.3s}
.a-dur2{animation-duration:.4s}
.a-dur3{animation-duration:.5s}
.a-dur4{animation-duration:.6s}
.a-dur5{animation-duration:.7s}
.a-dur6{animation-duration:.8s}
.a-dur7{animation-duration:.9s}
.a-dur8{animation-duration:1s}
.a-dur9{animation-duration:1.1s}
.a-dur10{animation-duration:1.2s}
.a-dur11{animation-duration:1.3s}
.a-dur12{animation-duration:1.4s}
.a-dur13{animation-duration:1.5s}
.a-dur14{animation-duration:1.6s}
.a-dur15{animation-duration:1.7s}
.a-dur16{animation-duration:1.8s}
.a-dur17{animation-duration:1.9s}
.a-dur18{animation-duration:2s}
.t-del1{transition-delay:0.1s}
.t-del2{transition-delay:0.2s}
.t-del3{transition-delay:0.3s}
.t-del4{transition-delay:0.4s}
.t-del5{transition-delay:0.5s}
.t-del6{transition-delay:0.6s}
.t-del7{transition-delay:0.7s}
.t-del8{transition-delay:0.8s}
.t-del9{transition-delay:0.9s}
.t-del10{transition-delay:1s}
@keyframes fadeInUpabout{from{opacity:0;transform:translate3d(0,80px,0)}
    to{opacity:1;transform:none}
}
@media (max-width:1024px){@keyframes fadeInUpabout{from{opacity:0;transform:translate3d(0,30px,0)}
                              to{opacity:1;transform:none}
                          }
}
.fadeInUpabout{animation-name:fadeInUpabout}




.hamburger{padding:15px 15px;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger:hover{opacity:.7}
.hamburger.is-active:hover{opacity:.7}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}
.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--3dx .hamburger-box{perspective:80px}
.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}
.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--3dx-r .hamburger-box{perspective:80px}
.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}
.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--3dy .hamburger-box{perspective:80px}
.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}
.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--3dy-r .hamburger-box{perspective:80px}
.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}
.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}
.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--3dxy-r .hamburger-box{perspective:80px}
.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645, .045, .355, 1)}
.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}
.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}
.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}
.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}
.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}
.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165, .84, .44, 1)}
.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165, .84, .44, 1)}
.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895, .03, .685, .22)}
.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895, .03, .685, .22)}
.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165, .84, .44, 1)}
.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165, .84, .44, 1)}
.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895, .03, .685, .22)}
.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895, .03, .685, .22)}
.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}
.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}
.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}
.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}
.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}
.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}
.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}
.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}
.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}
.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}
.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333, .66667, .66667, 1),opacity .1s linear}
.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333, .66667, .66667, 1),transform .13s cubic-bezier(.55, .055, .675, .19)}
.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity .1s .22s linear}
.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333, 0, .66667, .33333),transform .13s .25s cubic-bezier(.215, .61, .355, 1)}
.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333, .66667, .66667, 1),opacity .1s linear}
.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333, .66667, .66667, 1),transform .13s cubic-bezier(.55, .055, .675, .19)}
.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity .1s .22s linear}
.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333, 0, .66667, .33333),transform .13s .25s cubic-bezier(.215, .61, .355, 1)}
.hamburger--elastic .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55)}
.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}
.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68, -.55, .265, 1.55)}
.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}
.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}
.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}
.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55)}
.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}
.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68, -.55, .265, 1.55)}
.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}
.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}
.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}
.hamburger--emphatic{overflow:hidden}
.hamburger--emphatic .hamburger-inner{transition:background-color 125ms 175ms ease-in}
.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms 125ms linear,left 125ms 175ms ease-in}
.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms 125ms linear,right 125ms 175ms ease-in}
.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}
.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)}
.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)}
.hamburger--emphatic-r{overflow:hidden}
.hamburger--emphatic-r .hamburger-inner{transition:background-color 125ms 175ms ease-in}
.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms 125ms linear,left 125ms 175ms ease-in}
.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms 125ms linear,right 125ms 175ms ease-in}
.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}
.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)}
.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)}
.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear}
.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear}
.hamburger--minus.is-active .hamburger-inner::before{top:0}
.hamburger--minus.is-active .hamburger-inner::after{bottom:0}
.hamburger--slider .hamburger-inner{top:2px}
.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}
.hamburger--slider .hamburger-inner::after{top:20px}
.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}
.hamburger--slider-r .hamburger-inner{top:2px}
.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}
.hamburger--slider-r .hamburger-inner::after{top:20px}
.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}
.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}
.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}
.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}
.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55, .055, .675, .19)}
.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}
.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215, .61, .355, 1)}
.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}
.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55, .055, .675, .19)}
.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}
.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215, .61, .355, 1)}
.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .13s linear}
.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .2s cubic-bezier(.33333, .66667, .66667, 1),transform .13s cubic-bezier(.55, .055, .675, .19)}
.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s .2s cubic-bezier(.33333, .66667, .66667, 1),transform .13s cubic-bezier(.55, .055, .675, .19)}
.hamburger--spring.is-active .hamburger-inner{transition-delay:0.22s;background-color:transparent!important}
.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(.33333, 0, .66667, .33333),transform .13s .22s cubic-bezier(.215, .61, .355, 1);transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),transform .13s .22s cubic-bezier(.215, .61, .355, 1);transform:translate3d(0,10px,0) rotate(-45deg)}
.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333, .66667, .66667, 1),opacity 0s linear}
.hamburger--spring-r .hamburger-inner::before{transition:top .1s .2s cubic-bezier(.33333, .66667, .66667, 1),transform .13s cubic-bezier(.55, .055, .675, .19)}
.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity 0s .22s linear}
.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333, 0, .66667, .33333),transform .13s .22s cubic-bezier(.215, .61, .355, 1)}
.hamburger--stand .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55, .055, .675, .19),background-color 0s 75ms linear}
.hamburger--stand .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55, .055, .675, .19)}
.hamburger--stand .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55, .055, .675, .19)}
.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215, .61, .355, 1),background-color 0s .15s linear}
.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215, .61, .355, 1)}
.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215, .61, .355, 1)}
.hamburger--stand-r .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55, .055, .675, .19),background-color 0s 75ms linear}
.hamburger--stand-r .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55, .055, .675, .19)}
.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55, .055, .675, .19)}
.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215, .61, .355, 1),background-color 0s .15s linear}
.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215, .61, .355, 1)}
.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215, .61, .355, 1)}
.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}
.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55, .055, .675, .19)}
.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}
.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215, .61, .355, 1)}
.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}
.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}
.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}
.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}
.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(0.19,1,0.22,1)}
.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}
.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}
.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}
.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}
.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}
.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}
.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}
.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(0.19,1,0.22,1)}
.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}
.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}
.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}

.vidcontainer{position:fixed;width:100%;height:100%;z-index:100;top:0;left:0;overflow:hidden;display:none;cursor:pointer;z-index:999}
.vidcontainer .video-dialog{position:absolute;left:50%;top:50%;width:50%;transform:translate(-50%,-50%)}
.vidcontainer .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.8}
.vidcontainer .closevid{width:1.5rem;height:1.5rem;background-image:url("../images/close-vid2.png");background-size:.35rem;border:1px solid #fff;border-radius:100%;background-repeat:no-repeat;background-position:center;position:absolute;top:0;right:-2.5rem;cursor:pointer;transition:all .3s}
.vidcontainer video{width:100%;outline:0}
@media (max-width:767px){.vidcontainer .closevid{width:.6rem;height:.6rem;top:-1rem;right:0}
    .vidcontainer .video-dialog{width:90%}
}
@media (min-width:1025px){.vidcontainer .closevid:hover{transform:rotate(90deg)}
}
.play-btn{width:2rem;cursor:pointer}



@media (max-width:996px){.pc-header{padding:0 4%}
    .pc-header .right-btn .nav-list{display:none}
    .pc{display:none}
    .mb{display:block}
    header .hamburger{padding:0;height:20px;margin-left:0}
    .hamburger-box{width:40px;height:24px;display:inline-block;position:relative}
    .hamburger-inner{display:block;top:50%;margin-top:-2px}
    header .hamburger-box{width:20px;height:20px;margin-left:.5rem}
    .hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:20px;height:4px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
    header .hamburger--3dx-r .hamburger-inner{transition:transform .6s cubic-bezier(.645, .045, .355, 1),background-color .5s 0s cubic-bezier(.645, .045, .355, 1)!important}
    header .hamburger-inner,header .hamburger-inner::after,header .hamburger-inner::before{background:#333}
    header .hamburger-inner,header .hamburger-inner::after,header .hamburger-inner::before{width:24px;height:2px}
    header .hamburger-inner::before{top:-8px}
    header .hamburger-inner::after{bottom:-8px}
    .hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-6px,0) rotate(-45deg)}
    .pc-header .right-btn{display:flex;height:100%;align-items:center}
    header .warp-nav{height:calc(100vh - 60px);padding:0 0 45px;position:fixed;background:#f9f9f9;width:100%;left:0;top:60px;z-index:9999;display:none}
    .pc-header .lan .tit .icon2{display:none}
    header .warp-nav .nav{font-size:16px;color:#333;position:relative;overflow-y:auto;height:calc(100vh - 60px)}
    header .warp-nav .search{width:90%;margin:0 auto;padding:.5rem 0}
    header .warp-nav .search .input1{padding:0 .5rem;height:40px;color:#000;width:100%;background:0 0;border-radius:3px;border-bottom:1px solid rgba(0,0,0,.3)}
    header .warp-nav .search .input2{width:30px;height:30px;background:url(../images/search.png) no-repeat center center;background-size:15px 16px;position:absolute;right:3%;top:50%;margin-top:-15px}
    header .icon.search{display:none}
    header .warp-nav .nav .warp-btn{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;text-transform:uppercase;display:block;padding:15px 0;line-height:1.5;position:relative;font-size:16px;transition:all .3s ease;border-bottom:1px solid rgba(0,0,0,.2)}
    header .warp-nav .nav .li{position:relative;width:100%;padding:0 5%}
    header .warp-nav .nav .tit{width:100%;padding:15px 0;line-height:60px;position:relative;text-transform:uppercase;font-size:16px;border-bottom:1px solid rgba(0,0,0,.2)}
    header .warp-nav .nav .sub-tit{display:block}
    header .warp-nav .nav .tit{line-height:1.5}
    header .warp-nav .nav .tit:after{content:"";display:block;width:15px;height:15px;text-align:center;position:absolute;right:5%;top:20px;background:url(../images/img1.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:15px auto;transform:rotate(0);transform-origin:center center;transition:all .3s ease-in-out;filter:grayscale(100%) brightness(0%)!important}
    header .warp-nav .nav .sec-list{line-height:40px;padding:.35rem 0 .35rem 6%;display:none;font-size:14px}
    header .warp-nav .nav .sec-tit{font-size:15px;color:#8ebfea;position:relative;transition:all .4s;display:block}
    header .warp-nav .nav .sec-list-nav{font-size:13px;padding-left:8px;line-height:30px;display:none}
    header .warp-nav .nav .sec-list a{color:#000}
    header .warp-nav .nav .sec-list-nav a{color:#8ebfea}
    .js-m-2-1{opacity:0;transform:translate(0,30px);transition:all .8s cubic-bezier(.79, -.27, .21, .82)}
    .js-m-2-1.animate{opacity:1;transform:translate(0,0)}
    .vh100{height:auto!important}
    .main-swiper-wrapper{display:block!important}
    .banner-container{height:20rem!important}
    .banner-container .txt{width:100%;padding:0 4%;left:0;bottom:6.275rem}
    .main-pagination{text-align:center;padding-right:0;bottom:1rem!important}
    .banner-container .txt .t1{font-size:1rem}
    .home-a{height:20rem!important}
    .home-a .txt{width:100%;padding:0 4%;left:0}
    .home-a .txt .t1{font-size:1rem}
    .home-a .txt .t2{margin-top:.5rem}
    .home-a .txt .t2 br{display:none}
    .home-c{padding:1.5rem 4%;height:20rem!important}
    .hb-container{height:20rem!important}
    .hb-txt{padding:1.5rem 4%}
    .tit-50,.tit-60{font-size:1rem}
    .home-b .more{left:4%}
    .hb-container .parallax-bg{width:30rem}
    .home-c .txt{left:9%}
    .home-c .txt .t1{width:87%}
    .home-c .txt .more{margin-top:1rem}
    .com-table-list{padding-top:1rem}
    .main-tit .en{font-size:.8rem}
    .home-e{padding:1.5rem 4%}
    .home-e .list{margin-top:1rem;flex-wrap:wrap}
    .home-e .list .li{width:calc((100% - .5rem)/ 2);margin-right:.5rem;margin-bottom:.5rem}
    .home-e .list .li:nth-child(2n){margin-right:0}
    .home-e .list .li .img{height:7.25rem}
    .home-f{padding:0 4% 1.5rem}
    .news-container{margin-top:1rem}
    .news-container .swiper-slide .img{height:6rem}
    .news-container .swiper-slide .txt{margin-top:.75rem}
    .news-container .swiper-slide .txt .t2{font-size:.6rem}
    .news-container .swiper-slide{width:100%}
    footer .footer-top .f-nav{display:none}
    footer .footer-top{padding:1.5rem 4%}
    .share-tit{margin-top:1rem}
    .footer-bot{margin-top:1rem;padding:0 4%}
    .mater-container{width:100%;overflow:hidden;padding:0 0}
    .mater-container .swiper-slide{padding:0 4%}
    .mater-container .swiper-slide{padding:0 4%;display:block;padding-top:4rem}
    .mater-container .swiper-slide .t2{margin-top:.75rem}
    .main-pagination{width:100%}
    .main-pagination .swiper-pagination-bullet{margin:0 .1rem}
    .mater-bglist2{width:5.85rem}
    .mater-container{height:20rem}
    .mater-container .swiper-slide.swiper-slide-active .t1{font-size:1rem}
    .view{padding:0 4%}
    .com-nav-list{display:none}
    .case .type-list{margin-top:0}
    .type-list{overflow:auto;padding-bottom:.2rem}
    .type-list .li{white-space:nowrap;margin-right:.5rem}
    .case .ajax-list .list{margin-top:1rem}
    .case .ajax-list .list .li{width:calc((100% - .5rem)/ 2);margin-right:.5rem;padding-bottom:.4rem}
    .case .ajax-list .list .li:nth-child(3n){margin-right:.5rem}
    .case .ajax-list .list .li:nth-child(2n){margin-right:0}
    .case .ajax-list .list .li .img{height:4rem}
    .case .ajax-list .list .li .t{font-size:.5rem;margin-top:.4rem}
    .case{padding:1.5rem 0}
    .support .txt{left:4%}
    .support{height:8rem}
    .support .txt .t1{font-size:.8rem}
    .about-a{padding:1.5rem 0 0}
    .about-a .t2{width:100%}
    .about-a .view{display:block;padding:0 4%}
    .about-a .list .li{margin-left:0;margin-right:.5rem;margin-bottom:.5rem}
    .about-a .list{margin-top:1rem}
    .about-a .list .li span{font-size:.5rem}
    .about-a .imgbox{height:12rem;margin-top:1rem}
    .about-b{padding:1.5rem 0}
    .about-b .view{display:block}
    .about-b .right-box{width:100%;margin-top:1rem}
    .about-b .right-box .txt{margin-top:1rem}
    .about-b .right-box .txt h2{font-size: 20px;}
    .about-c .his-container .swiper-slide{width:100%}
    .about-c .his-container{height:16rem}
    .about-c .his-container .swiper-slide .txt .t2{opacity:1}
    .about-c .his-container .swiper-slide .txt{top:30%}
    .about-c .his-container .swiper-slide .txt .t1{text-align:left}
    .about-d{padding:1.5rem 0}
    .about-d .txt{display:block;margin-top:1rem}
    .about-d .txt img{width:1rem}
    .about-d .right{margin-top:5rem;text-align:center}
    .about-d .right .li{width:4.5rem;height:4.5rem;border-radius:50%}
    .about-d .right .li1{top:-3rem}
    .fexend{display:none}
    .about-e .abe-list .li{margin-right:.5rem}
    .about-e .abe-list{text-align:center}
    .about-e .abe-container{height:20rem}
    .about-e .abe-container .swiper-slide .txt{width:100%;padding:0 4%;left:0;top:20%}
    .about-e .abe-container .swiper-slide .txt .t1{width:100%}
    .about-f{padding:1.5rem 0}
    .about-f .view{display:block}
    .about-f .right-list{width:100%}
    .about-g .main-tit{margin-top:1.5rem;margin-bottom:1rem}
    .about-g .ag-pagination{margin-top:.5rem}
    .cust .content{margin-top:0;display:block}
    .cust .content .left-nav{display:block;width:100%}
    .cust .content .right-box{width:100%;margin-top:1rem}
    .cust .content .right-box .li{height:7.65rem;margin-bottom:.5rem}
    .cust .content .right-box .li .txt{position:absolute;bottom:1rem;left:4%;z-index:33}
    .cust .content .right-box .li .txt .tit-50{font-size:.8rem}
    .cust .content .left-nav .adds-nav.fixed{position:relative;top:0;left:0}
    .news-info{margin-top:2rem;padding:1.5rem 4%}
    .news-info .title{font-size:28px}
    .news-info .time{margin-top:.25rem}
    .news-info .content{margin-top:.75rem;padding:.75rem 10px;}
    .news-info .content img{max-width: 100%;}
    .news-info .bot{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}
    .retent{left:auto;right:0;transform:translate(0,-50%)}
    .news-info .bot div a{width:50%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .searchinfo .view{padding:0 23px}
    .searchinfo .se-top .subt .icon{margin-left:.2rem}
    .searchinfo .se-top .txt{font-size:16px}
    .searchinfo .cont .table{white-space:nowrap;overflow:auto}
    .searchinfo .cont .table a{margin-left:0;margin-right:20px}
    .searchinfo .cont .list a{width:100%;line-height:1.5}
    .searchinfo .dwpage{margin-top:2.5rem}
    .home-a .t1{opacity:1;transform:translateY(0);transition-delay:1s}
    .home-a .t2{opacity:1;transform:translateY(0);transition-delay:1.2s}
    .home-a .more{opacity:1;transform:translateY(0);transition-delay:1.4s}
    .home-b .t1{opacity:1;transform:translateY(0);transition-delay:1s}
    .home-b .t2{opacity:1;transform:translateY(0);transition-delay:1.2s}
    .home-b .more{opacity:1;transform:translateY(0);transition-delay:1.4s}
    .home-c .main-tit .lh1{opacity:1;transform:translateY(0);transition-delay:1s}
    .home-c .main-tit .en{opacity:1;transform:translateY(0);transition-delay:1.2s}
    .home-c .com-table-list{opacity:1;transform:translateY(0);transition-delay:1.4s}
    .home-c .blist .txt{opacity:1;transform:translateY(0);transition-delay:1.6s}
    .home-e .main-tit .lh1{opacity:1;transform:translateY(0);transition-delay:1s}
    .home-e .main-tit .en{opacity:1;transform:translateY(0);transition-delay:1.2s}
    .home-e .more{opacity:1;transform:translateY(0);transition-delay:1.2s}
    .home-e .list{opacity:1;transform:translateY(0);transition-delay:1.4s}
    .home-f .more{opacity:1;transform:translateY(0);transition-delay:1.2s}
    .home-f .main-tit .lh1{opacity:1;transform:translateY(0);transition-delay:1s}
    .home-f .main-tit .en{opacity:1;transform:translateY(0);transition-delay:1.2s}
    .home-f .news-container{opacity:1;transform:translateY(0);transition-delay:1.4s}
    .eco-nav{padding:0}
    .eco .content .txt{padding:1.5rem 0}
    .eco .content .box{width:8rem;height:8rem;margin-top:2rem}
    .eco .content .box .imgbox{width:6rem;height:6rem}
    .eco-a{padding:1.5rem 4%;display:block}
    .eco-a .left{width:100%;padding:0}
    .eco-a-list{min-height:auto}
    .eco-a .right{width:100%}
    .eco-a .right{height:9rem}
    .eco-a .right .imgtop{top:-2px}
    .eco-b{height:15rem}
    .eco-c{padding:1.5rem 0}
    .eco-c .content{display:block}
    .eco-c .content .left-nav{width:100%}
    .eco-c .content .left-nav .first .en{font-size:.8rem}
    .eco-c .content .right-box{width:100%}
    .eco-c .content .right-box{margin-top:.5rem;padding-top:0}
    .eco-c .content .left-nav .second .lis{display:inline-block}
    .com-table-list.com-g .li.on::after{transform:translateY(-24%)}
    .com-table-list.com-k .li.on::after{transform:translateY(-10%)}
    .about-a{padding-top:0}
    .about-a .imgbox{margin-top:0}
    .about-a .view{padding-top:1rem}
    .about-a .imgbox{height:16rem}
    .cut-doilg .box{width:94%}
    .cut-doilg .box .txt{display:block}
    .exhibition-view .jarallax-txt{width:100%}
}





.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated2{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
    30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
    45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
    60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
    75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes wobble{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
    30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
    45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
    60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
    75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);transform:scale(.9)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-100px) scaleY(1);transform:translateY(-100px) scaleY(1)}
    80%{opacity:1;-webkit-transform:translateY(5px) scaleY(.95);transform:translateY(5px) scaleY(.95)}
    90%{-webkit-transform:translateY(-5px) scaleY(1.05);transform:translateY(-5px) scaleY(1.05)}
    100%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-100px) scaleY(1);-ms-transform:translateY(-100px) scaleY(1);transform:translateY(-100px) scaleY(1)}
    80%{opacity:1;-webkit-transform:translateY(5px) scaleY(.95);-ms-transform:translateY(5px) scaleY(.95);transform:translateY(5px) scaleY(.95)}
    90%{-webkit-transform:translateY(-5px) scaleY(1.05);-ms-transform:translateY(-5px) scaleY(1.05);transform:translateY(-5px) scaleY(1.05)}
    100%{-webkit-transform:translateY(0) scaleY(1);-ms-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
    80%{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
    80%{opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
    25%{-webkit-transform:scale(.95);transform:scale(.95)}
    50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
    50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
    100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
    100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
    100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
    60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
    80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
    100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
    60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
    80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
    100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
    100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
    100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
    100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
    100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
    100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
    100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
    100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
    100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
.eco-a-list .li.on {
    position: relative;
    transition: all .3s;
}

.eco-a-list .li.on::after {
    content: '';
    position: absolute;
    left: -.8rem;
    top: -1.15rem;
    width: 2px;
    height: 5.5rem;
    background-color: #BB2D3B;
    transition: all .3s;
}

main .items .item .item-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}