@font-face {
    font-family: 'bebas';
    src: url('font/bebas-webfont.eot');
    src: url('font/bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bebas-webfont.woff2') format('woff2'),
         url('font/bebas-webfont.woff') format('woff'),
         url('font/bebas-webfont.ttf') format('truetype'),
         url('font/bebas-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@charset "utf-8";
/*公共样式*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { overflow-x: hidden; overflo-y: auto; }
html, body, div, img, a, ul, ol, li, dl, dt, dd, p, span, input, cite, h1, h2, h3, h4, h5, h6, form, table, tr, td, textarea, i, button, em { margin: 0; padding: 0; border: 0; }
::-webkit-scrollbar {
width:7px;
height:10px;
}
::-webkit-scrollbar-button {
width:0;
height:0;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display:block;
}
::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement {
display:none;
}
::-webkit-scrollbar-corner {
display:block;
}

html { -webkit-text-size-adjust: none; }
body { font-size: 16px; font-family: Microsoft Yahei; }
body a { text-decoration: none; outline: none; cursor: pointer; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; color: #282828; }
a:active { text-decoration: none; outline: none; }
a:hover { color: #d20000; text-decoration: none; }
:focus { outline: 0; }
li { list-style: none; }
button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: normal; color: inherit; }
.clear { clear: both; margin: 0 0; padding: 0 0; }

header, footer{ display:block;}

.fr { float: right; }
.fl { float: left; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 1vw; }
.pt25 { padding-top: 1.3vw; }
.pt30 { padding-top: 1.5vw; }
.pt35 { padding-top: 1.8vw; }
.pt40 { padding-top: 2vw; }
.pt50 { padding-top: 2.5vw; }
.pt60 { padding-top: 3vw; }
.pt70 { padding-top: 3.5vw; }
.pt80 { padding-top: 4vw; }
.pt100 { padding-top: 5vw; }

.pb40 { padding-bottom: 2vw; }

.pad10 { padding: 0 0.5vw; }
.pad20 { padding: 0 1vw; }

.padt20 { padding: 1vw 0; }
.padt25 { padding: 1.3vw 0; }
.padt30 { padding: 1.5vw 0; }
.padt35 { padding: 1.8vw 0; }
.padt46 { padding: 2.3vw 0; }
.padt60 { padding: 3vw 0; }
.padt70 { padding: 3.5vw 0; }
.padt80 { padding: 4vw 0; }
.padt100 { padding: 5vw 0; }
.padt120 { padding: 6vw 0; }
.ml30 { margin-left: 1.5vw; }
.mlb28 { margin-left: 28%; }
.mlb24 { margin-left: 24%; }
.mlb09 { margin-left: 9.2%; }

.mr15 { margin-right: 15px; }
.mr1g { margin-right: 0.5em; }

.mt20 { margin-top: 1vw; }

.macr { margin: 0 auto; }

.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 1vw; }
.f22 { font-size: 1.1vw; }
.f24 { font-size: 1.2vw; }
.f26 { font-size: 1.3vw; }
.f28 { font-size: 1.4vw; }
.f30 { font-size: 1.5vw; }
.f32 { font-size: 1.6vw; }
.f35 { font-size: 1.7vw; }
.f36 { font-size: 1.8vw; }
.f38 { font-size: 1.9vw; }
.f40 { font-size: 2vw; }
.f42 { font-size: 2.1vw; }
.f45 { font-size: 2.3vw; }
.f48 { font-size: 2.4vw; }
.f50 { font-size: 2.5vw; }
.f55 { font-size: 2.7vw; }
.f60 { font-size: 3vw; }
.f68 { font-size: 3.4vw; }
.f75 { font-size: 3.7vw; }
.f82 { font-size: 4.1vw; }
.f100 { font-size: 5vw; }
.f160 { font-size: 8vw; }
.f200 { font-size: 10vw; }
.tszt { font-family: "bebas", sans-serif; }
.tsar { font-family: Arial, Helvetica, sans-serif; }
.tsag { font-family: Georgia; }
.tpf { font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; }
.txtbig { text-transform: uppercase; }
.fb { font-weight: bolder;}
.fnor { font-weight: normal; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.fsnr { font-style: normal; }
.color, .color:hover { color: #d20000; }
.colory, .colory:hover { color: #01257b; }
.white, .white:hover { color: #FFFFFF; }
.black { color: #000000; }
.red { color: #F00; }
.baw { background: #fff; }
.baf { background: #efefef; }
.bob2{ border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.ls1{ letter-spacing:0.3em;}


.opac8 { opacity: 0.8; }
.opac7 { opacity: 0.7; }
.opac6 { opacity: 0.6; }
.opac5 { opacity: 0.5; }
.opac4 { opacity: 0.4; }
.opac3 { opacity: 0.3; }
.opac2 { opacity: 0.2; }

.pore { position: relative; }
.poab { position: absolute; }
.pcd{ display:inline;}
.wapd{ display:none;}
.dibok { display: block; }
.dinon { display: none; }
.lihe26 { line-height: 1.8; }
.lihe30 { line-height: 2; }
.lihe32 { line-height: 2.1; }
.lihe36 { line-height: 2.2; }
.lihe38 { line-height: 2.3; }
.lihe45 { line-height: 2.5; }
.main { width:78%; margin: 0 auto; overflow: hidden;}
.cona { width: 100%; overflow: hidden;}
.conb { width: 96%; overflow: hidden; margin: 0 auto; }
.conc { width: 90%; overflow: hidden; margin: 0 auto; }
.cond { width:78%; margin: 0 auto; overflow: hidden;}
.cond5 { width: 50%; overflow: hidden;}
.bhhy { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
img, video { vertical-align: top; }
.imgs { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
.imgs:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.tra3 { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.tra5 { -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.tra7 { -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-i; }
.tra9 { -webkit-transition: all .9s ease-in; -moz-transition: all .9s ease-in; -o-transition: all .9s ease-in; transition: all .9s ease-i; }
.tra11 { -webkit-transition: all 1.1s ease-in; -moz-transition: all 1.1s ease-in; -o-transition: all 1.1s ease-in; transition: all 1.1s ease-i; }
.linx { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -moz-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -o-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -ms-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; }
.liny { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -moz-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -o-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -ms-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; }
/* Ujarak */
.ujarak { -webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; }
.ujarak::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #084fa1; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.ujarak, .ujarak::before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.ujarak:hover { color: #fff; border-color: #d20000; }
.ujarak:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*winona*/
.winona { display: block; position: relative; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.winona > span { display: block; }
.winona::after, .winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.circular1 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 5.5s linear infinite; -webkit-animation: btnRotate 5.5s linear infinite; -moz-animation: btnRotate 5.5s linear infinite; -ms-animation: btnRotate 5.5s linear infinite; }
.circular2 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 7.5s linear infinite; -webkit-animation: btnRotate 7.5s linear infinite; -moz-animation: btnRotate 7.5s linear infinite; -ms-animation: btnRotate 7.5s linear infinite; }
.circular3 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 9.5s linear infinite; -webkit-animation: btnRotate 9.5s linear infinite; -moz-animation: btnRotate 9.5s linear infinite; -ms-animation: btnRotate 9.5s linear infinite; }

.ballScale { -webkit-animation: ballScale 4s 0s linear infinite; -moz-animation: ballScale 4s 0s linear infinite; -ms-animation: ballScale 4s 0s linear infinite; animation: ballScale 4s 0s linear infinite; }

.warn3{ -webkit-animation: warn 3s ease-out; -moz-animation: warn 3s ease-out; animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.warn5{ -webkit-animation: warn 5s ease-out; -moz-animation: warn 5s ease-out; animation: warn 5s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}



@media screen and (max-width: 1600px) and (min-width:0) {
body { font-size: 15px; }

.pt10 { padding-top: 8px; }
.pt15 { padding-top: 13px; }

.mr15 { margin-right: 13px; }
.mlb28 { margin-left: 25%; }
.mlb24 { margin-left: 22%; }
.mlb09 { margin-left: 8%; }
.f14 { font-size: 13px; }
.f16 { font-size: 15px; }
.f17 { font-size: 16px; }
.f18 { font-size: 17px; }



.main { width: 82%;}
.conb { width: 97%;}
.conc { width: 92%;}
.cond { width:80%;}

}
@media screen and (max-width: 1400px) and (min-width:0) {
body { font-size: 14px; }
.pt5 { padding-top: 3px; }
.pt10 { padding-top: 7px; }
.pt15 { padding-top: 12px; }

.mr15 { margin-right: 12px; }
.mlb28 { margin-left: 22%; }
.mlb24 { margin-left: 20%; }
.mlb09 { margin-left: 7%; }
.f14 { font-size: 12px; }
.f16 { font-size: 14px; }
.f17 { font-size: 15px; }
.f18 { font-size: 16px; }



.main { width: 84%;}
.cond { width:82%;}

}

@media screen and (max-width: 1200px) and (min-width:0) {
body { font-size: 13px; }

.pt10 { padding-top: 6px; }
.pt15 { padding-top: 10px; }

.mr15 { margin-right: 10px; }
.mlb28 { margin-left: 20%; }
.mlb24 { margin-left: 18%; }
.mlb09 { margin-left: 6%; }

.f16 { font-size: 13px; }
.f17 { font-size: 14px; }
.f18 { font-size: 15px; }


.main { width: 86%;}
.cond { width:83%;}
}

@media screen and (max-width: 1100px) and (min-width:0) {
body { font-size: 12px; }

.pt10 { padding-top: 5px; }
.pt15 { padding-top: 8px; }

.mr15 { margin-right: 8px; }
.mlb28 { margin-left: 18%; }
.mlb24 { margin-left: 16%; }
.mlb09 { margin-left: 5%; }

.f16 { font-size: 12px; }
.f17 { font-size: 13px; }
.f18 { font-size: 14px; }

.main { width: 88%;}
.cond { width:84%;}
}

@media screen and (max-width: 1024px) and (min-width:0) {
html, body { overscroll-behavior: none; }
body { font: .24rem/1.6 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";}



.pt5 { padding-top: 0.05rem; }
.pt10 { padding-top: 0.12rem; }
.pt15 { padding-top: 0.15rem; }
.pt20 { padding-top: 0.2rem; }
.pt25 { padding-top: 0.25rem; }
.pt30 { padding-top: 0.3rem; }
.pt35 { padding-top: 0.35rem; }
.pt40 { padding-top: 0.4rem; }
.pt50 { padding-top: 0.5rem; }
.pt60 { padding-top: 0.6rem; }
.pt70 { padding-top: 0.7rem; }
.pt80 { padding-top: 0.8rem; }
.pt100 { padding-top: 1rem; }

.pb40 { padding-bottom: 0.4rem; }

.pad10 { padding: 0 0.12rem; }
.pad20 { padding: 0 0.2rem; }

.padt20 { padding: 0.2rem 0; }
.padt25 { padding: 0.25rem 0; }
.padt30 { padding: 0.3rem 0; }
.padt35 { padding: 0.35rem 0; }
.padt46 { padding: 0.46rem 0; }
.padt60 { padding: 0.6rem 0; }
.padt70 { padding: 0.7rem 0; }
.padt80 { padding: 0.8rem 0; }
.padt100 { padding: 1rem 0; }
.padt120 { padding: 1.2rem 0; }

.ml30 { margin-left: 0.3rem; }
.mlb28 { margin-left: 16%; }
.mlb24 { margin-left: 10%; }

.mr15 { margin-right: 0.1rem; }
.mr1g { margin-right: 0.2rem; }

.mt20 { margin-top: 0.2rem; }

.f12 { font-size: 0.20rem; }
.f14 { font-size: 0.22rem; }
.f16 { font-size: 0.24rem; }
.f17 { font-size: 0.25rem; }
.f18 { font-size: 0.26rem; }
.f20 { font-size: 0.27rem; }
.f22 { font-size: 0.28rem; }
.f24 { font-size: 0.28rem; }
.f26 { font-size: 0.29rem; }
.f28 { font-size: 0.29rem; }
.f30 { font-size: 0.3rem; }
.f32 { font-size: 0.31rem; }
.f35 { font-size: 0.33rem; }
.f36 { font-size: 0.34rem; }
.f38 { font-size: 0.36rem; }
.f40 { font-size: 0.38rem; }
.f42 { font-size: 0.4rem; }
.f45 { font-size: 0.42rem; }
.f48 { font-size: 0.44rem; }
.f50 { font-size: 0.46rem; }
.f55 { font-size: 0.48rem; }
.f60 { font-size: 0.5rem; }
.f68 { font-size: 0.58rem; }
.f75 { font-size: 0.7rem; }
.f82 { font-size: 0.76rem; }
.f100 { font-size: 0.9rem; }
.f160 { font-size: 1.5rem; }
.f200 { font-size: 1.8rem; }

.pcd{ display:none;}
.wapd{ display:inline;}
.main { width:90%; overflow:auto;}
.cona { overflow:auto;}
.conb { width: 96%; overflow:auto;}
.conc { width: 94%; overflow:auto;}
.cond { width:86%; overflow:auto;}


}
 @media screen and (max-width: 768px) and (min-width:0) {




}
@media screen and (max-width: 420px) and (min-width:0) {
.mlb28 { margin-left: 5%; }
.mlb23 { margin-left: 5%; }
}
@media screen and (max-width: 320px) and (min-width:0) {
}





/*animate1*/
@-webkit-keyframes ballScale { 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
}
@-moz-keyframes ballScale { 0% {
 -moz-transform: scale(0);
 transform: scale(0);
 opacity: 1;
}
 100% {
 -moz-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
}
@-ms-keyframes ballScale { 0% {
 -ms-transform: scale(0);
 transform: scale(0);
 opacity: 1;
}
 100% {
 -ms-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
}
@keyframes ballScale { 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
}



/*animate2*/
 @-webkit-keyframes btnRotate { 0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}

/*animate3*/
 @-moz-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@-webkit-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@-o-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
/*animate4*/

 @-moz-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-webkit-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-o-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
 @keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.8);
 opacity: 0.3;
}
 50% {
 transform: scale(1.7);
 opacity: 0.8;
}
 75% {
 transform: scale(0.8);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}
@-webkit-keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.8);
 opacity: 0.3;
}
 50% {
 transform: scale(1.7);
 opacity: 0.8;
}
 75% {
 transform: scale(0.8);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}
 @keyframes arrow { %0, %100 {
 bottom:45px;
 opacity: 0.03;
}
 50% {
 bottom:45px;
 opacity:0.1;
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:25px;
 opacity: 0.03;
}
 50% {
 bottom:45px;
 opacity:0.1;
}
}