@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; }
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: #cf0000; 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; }
.frn { float: right; }
.fln { float: left; }
/*font-size*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16, table { font-size: 16px; }
.f17 { font-size: 17px; }
.f18, h4 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20, h3 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24, h2 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f36, h1 { font-size: 36px; }
.f40 { font-size: 2vw; }
.f42 { font-size: 2.1vw; }
.f45 { font-size: 2.3vw; }
.f48 { font-size: 2.4vw; }
.f50 { font-size: 2.5vw; }
.f52 { font-size: 2.6vw; }
.f56 { font-size: 2.8vw; }
.f60 { font-size: 3vw; }
.f66 { font-size: 3.3vw; }
.f70 { font-size: 3.5vw; }
.f72 { font-size: 3.6vw; }
.f100 { font-size: 5vw; }
.f130 { font-size: 6.5vw; }
.f160 { font-size: 8vw; }
.f200 { font-size: 10vw; }
/*padding-top*/
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 1vw; }
.pt25 { padding-top: 1.25vw; }
.pt30 { padding-top: 1.5vw; }
.pt35 { padding-top: 1.75vw; }
.pt40 { padding-top: 2vw; }
.pt50 { padding-top: 2.5vw; }
.pt60 { padding-top: 3vw; }
.pt70 { padding-top: 3.5vw; }
.pt80 { padding-top: 4vw; }
.pt90 { padding-top: 4.5vw; }
.pt100 { padding-top: 5vw; }
.pt110 { padding-top: 5.5vw; }
.pt140 { padding-top: 7vw; }
/*padding-bottom*/
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 1vw; }
.pb26 { padding-bottom: 1.3vw; }
.pb30 { padding-bottom: 1.5vw; }
.pb40 { padding-bottom: 2vw; }
.pb50 { padding-bottom: 2.5vw; }
.pb70 { padding-bottom: 3.5vw; }
.pb80 { padding-bottom: 4vw; }
.pb100 { padding-bottom: 5vw; }
.pb110 { padding-bottom: 5.5vw; }
/*padding:0 x*/
.pad10 { padding: 0 10px; }
.pad20 { padding: 0 1vw; }
.pad25 { padding: 0 1.25vw; }
.pad30 { padding: 0 1.5vw; }
/*padding:c 0*/
.padt10 { padding: 10px 0; }
.padt15 { padding: 15px 0; }
.padt20 { padding: 1vw 0; }
.padt25 { padding: 1.3vw 0; }
.padt30 { padding: 1.5vw 0; }
.padt35 { padding: 1.8vw 0; }
.padt40 { padding: 2vw 0; }
.padt46 { padding: 2.3vw 0; }
.padt60 { padding: 3vw 0; }
.padt70 { padding: 3.5vw 0; }
.padt80 { padding: 4vw 0; }
.padt90 { padding: 4.5vw 0; }
.padt100 { padding: 5vw 0; }
.padt120 { padding: 6vw 0; }
.padt140 { padding: 7vw 0; }
/*padding:*/
.pa10 { padding: 10px; }
.pa20 { padding: 1vw; }
.pa30 { padding: 1.5vw; }
.pa50 { padding: 2.5vw; }
/*padding-left*/
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 1vw; }
.pl30 { padding-left: 1.5vw; }
/*padding-right*/
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 1vw; }
.pr30 { padding-right: 1.5vw; }

.mrau{ margin:0 auto;}
.mag8{ margin:0 8px;}
.mag15{ margin:0 15px;}
.mag24{ margin:0 1.2vw;}


.mt10{ margin-top:10px;}

.mr10{ margin-right:10px;}
.mr20{ margin-right:1vw;}
.mr30{ margin-right:1.5vw;}
.mr40{ margin-right:2vw;}
.mr50{ margin-right:2.5vw;}

.ml10{ margin-left:10px;}
.ml20{ margin-left:1vw;}
.ml30{ margin-left:1.5vw;}
.ml40{ margin-left:2vw;}
.ml50{ margin-left:2.5vw;}
.ml60{ margin-left:3vw;}
/*col-xs*/
.col-xs-2 { width: 50% }
.col-xs-3 { width: 33.33333333% }
.col-xs-4 { width: 25% }
.col-xs-5 { width: 20% }
.col-xs-6 { width: 16.66666667% }
/*com*/
.tsar { font-family: Arial, Helvetica, sans-serif; }
.tsarb { font-family:"Arial Black", Gadget, sans-serif; }
.tei1 { text-indent: 1em; }
.tei2 { text-indent: 2em; }
.txtbig { text-transform: uppercase; }
.fb { font-weight: bolder;}
.fnor { font-weight: normal; }
.flight{ font-weight:lighter;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify{ text-align:justify;}
.fsnr { font-style: normal; }
.bgff { background: #fff; }
.bgf1 { background: #f1f4f5; }
.bgf2 { background: #f2f2f2; }
.bgf4 { background: #f4f4f4; }
.bgf5 { background: #f5f5f5; }
.bgf8 { background: #f8f8f8; }
.bged { background: #ededed; }
.bgef { background: #efefef; }
.bgcolor, .bgcolora:hover { background: #cf0000; color: #fff; }

.bg45 { background: #454545; color: #fff; }
.bgcolora { background: #374151; color: #fff; }
.bgcol33 { background: #313030; color: #fff; }


.bgblack { background: #000000; color: #fff; }



.bgf0{ background: #e8edf3;}
.color{ color: #cf0000; }
.color:hover { color: #374151; }

.black { color: #000000; }
.red { color: #F00; }
.white, .white a, .white:hover, .bgcolor a, .bgcolor a:hover, .bgblack a, .bgblack a:hover, .bgcol33 a, .bgcol33 a:hover, .bgcolora a, .bgcolora a:hover{ color: #fff; }
.col43 { color: #434242; }
.colab, .colab a, .colab a:hover { color: #ababab; }
.colc2{ color:#c2c2c2;}
.col7e{ color:#7e7e7e;}
.col6f{ color:#6f6f6f;}
.colb7, .colb7 a{ color:#b7b7b7;}
.colcc{ color:#ccc;}


.txtmbf{ text-shadow: 5px 0px 5px #000000;}
.bot1 { border-top: 1px solid rgba(255,255,255,0.1); }


.bob1 { border-bottom: 1px solid rgba(255,255,255,0.2); }
.bo1e5 { border-bottom: 1px solid #e5e5e5; }
.bo1cc { border-bottom: 1px solid #cccccc; }
.bo199 { border-bottom: 1px solid #999999; }
.bo189 { border-bottom: 1px solid #898989; }
.bo299 { border-bottom: 2px solid #cccccc; }
.bo5ee { border-bottom: 5px solid #eeeeee; }

.boro5{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.boro10{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.opac10 { opacity: 1; }
.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; }
.opac1 { opacity: 0.1; }
.opac0 { opacity: 0; }
.pore { position: relative; }
.poab { position: absolute; }
.pcd {}
.wapd { display: none; }
.dibok { display: block; }
.dinon { display: none; }
.lihe16 { line-height: 1.6; }
.lihe18 { line-height: 1.8; }
.lihe20 { line-height: 2; }
.lihe22 { line-height: 2.1; }
.lihe48 { line-height: 2.4; }
.lihe60 { line-height: 3; }

.ovhi { overflow: hidden; }
.comovhi { overflow: hidden; }
.cona { width: 100%; }
.conb { width: 94%; margin:0 auto;}
.conc { width: 90%; margin:0 auto;}
.cond { width: 88%; margin:0 auto;}
.main { width: 80%; margin:0 auto;}
.cone { width: 70%; margin:0 auto;}

.titm0{ height:24px; line-height:24px; overflow:hidden;}

.titm1{ height:30px; line-height:30px; overflow:hidden;}
.titm2{ height:50px; overflow:hidden;}
.titm3{ height:84px; overflow:hidden;}

.heau{ height:auto;}

.bhhy { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.bhac { display: -webkit-box; display: flex; align-items: center; }



.bgny { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}

.bgcy { background-repeat: no-repeat; background-position: center center; background-size:100% cover;}
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); }
.tra1 { -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-i; }
.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; }

@media screen and (max-width: 1600px) and (min-width:0) {
body { font-size: 15px; }
/*font-size*/
.f14 { font-size: 13px; }
.f15 { font-size: 14px; }
.f16 { font-size: 15px; }
.f17 { font-size: 16px; }
.f18, h4 { font-size: 17px; }
.f19 { font-size: 18px; }
.f20, h3 { font-size: 19px; }
.f22 { font-size: 21px; }
.f24, h2 { font-size: 23px; }
.f26 { font-size: 24px; }
.f28 { font-size: 26px; }
.f30 { font-size: 28px; }
.f32 { font-size: 30px; }
.f34 { font-size: 32px; }
.f36, h1 { font-size: 34px; }

/*padding-top*/
.pt5 { padding-top: 4px; }
.pt10 { padding-top: 9px; }
.pt15 { padding-top: 13px; }
/*padding-bottom*/
.pb10 { padding-bottom: 9px; }
.pb15 { padding-bottom: 13px; }
/*padding:0 x*/
.pad10 { padding: 0 9px; }
/*padding:c 0*/
.padt10 { padding: 9px 0; }
.padt15 { padding: 13px 0; }
/*padding:*/
.pa10 { padding: 9px; }
/*padding-left*/
.pl10 { padding-left: 9px; }
.pl15 { padding-left: 13px; }
/*padding-right*/
.pr10 { padding-right: 9px; }
.pr15 { padding-right: 13px; }

.mag8{ margin:0 7px;}
.mag15{ margin:0 13px;}
/*margin-right*/
.mr10{ margin-right:9px;}
/*margin-left*/
.ml10{ margin-left:9px;}



.titm0{ height:23px; line-height:23px;}
.titm1{ height:28px; line-height:28px;}
.titm2{ height:49px;}
.titm3{ height:80px;}

.tei1 { text-indent: 0.8em; }
.lihe16 { line-height: 1.5; }
.lihe18 { line-height: 1.7; }
.lihe20 { line-height: 1.9; }
.lihe22 { line-height: 2; }
.conb { width: 95%;}
.conc { width: 92%;}
.cond { width: 90%;}
.main { width: 88%;}

}
@media screen and (max-width: 1300px) and (min-width:0) {
body { font-size: 14px; }
/*font-size*/
.f14 { font-size: 12px; }
.f15 { font-size: 13px; }
.f16 { font-size: 14px; }
.f17 { font-size: 15px; }
.f18, h4 { font-size: 16px; }
.f19 { font-size: 17px; }
.f20, h3 { font-size: 18px; }
.f22 { font-size: 19px; }
.f24, h2 { font-size: 20px; }
.f26 { font-size: 22px; }
.f28 { font-size: 24px; }
.f30 { font-size: 26px; }
.f32 { font-size: 28px; }
.f34 { font-size: 30px; }
.f36, h1 { font-size: 32px; }
.ml60{ margin-left:4%;}

.pt10 { padding-top: 8px; }
.pt15 { padding-top: 12px; }
/*padding-bottom*/
.pb10 { padding-bottom: 8px; }
.pb15 { padding-bottom: 12px; }
/*padding:0 x*/
.pad10 { padding: 0 8px; }
/*padding:c 0*/
.padt10 { padding: 8px 0; }
.padt15 { padding: 12px 0; }
/*padding:*/
.pa10 { padding: 8px; }
/*padding-left*/
.pl10 { padding-left: 8px; }
.pl15 { padding-left: 12px; }
/*padding-right*/
.pr10 { padding-right: 8px; }
.pr15 { padding-right: 12px; }

.mag8{ margin:0 6px;}
.mag15{ margin:0 12px;}
/*margin-right*/
.mr10{ margin-right:8px;}
/*margin-left*/
.ml10{ margin-left:8px}



.titm0{ height:22px; line-height:22px;}
.titm1{ height:27px; line-height:27px;}
.titm2{ height:48px;}
.titm3{ height:70px;}

.tei1 { text-indent: 0.6em; }
.conb { width: 96%;}
.conc { width: 94%;}
.cond { width: 92%;}
.main { width: 90%;}


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

/*font-size*/

.f15 { font-size: 12px; }
.f16 { font-size: 13px; }
.f17 { font-size: 14px; }
.f18, h4 { font-size: 15px; }
.f19 { font-size: 16px; }
.f20, h3 { font-size: 17px; }
.f22 { font-size: 18px; }
.f24, h2 { font-size: 19px; }
.f26 { font-size: 20px; }
.f28 { font-size: 22px; }
.f30 { font-size: 24px; }
.f32 { font-size: 26px; }
.f34 { font-size: 28px; }
.f36, h1 { font-size: 30px; }

.ml60{ margin-left:3%;}
.pt10 { padding-top: 7px; }
.pt15 { padding-top: 10px; }
/*padding-bottom*/
.pb10 { padding-bottom: 7px; }
.pb15 { padding-bottom: 10px; }
/*padding:0 x*/
.pad10 { padding: 0 7px; }
/*padding:c 0*/
.padt10 { padding: 7px 0; }
.padt15 { padding: 10px 0; }
/*padding:*/
.pa10 { padding: 7px; }
/*padding-left*/
.pl10 { padding-left: 7px; }
.pl15 { padding-left: 10px; }
/*padding-right*/
.pr10 { padding-right: 7px; }
.pr15 { padding-right: 10px; }

.mag8{ margin:0 5px;}
.mag15{ margin:0 10px;}
/*margin-right*/
.mr10{ margin-right:7px;}
/*margin-left*/
.ml10{ margin-left:7px}




.tei1 { text-indent: 0.5em; }

.titm0{ height:21px; line-height:21px;}
.titm1{ height:26px; line-height:26px;}
.titm2{ height:47px;}
.titm3{ height:64px;}

.conb { width: 97%;}
.conc { width: 95%;}
.cond { width: 94%;}


}
@media screen and (max-width: 1024px) and (min-width:0) {
html, body { overscroll-behavior: none; }
body { font-size: 0.24rem; }

body{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-tap-highlight-color: transparent;}
a:focus, input:focus, p:focus, div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*font-size*/
.f14 { font-size: 0.22rem; }
.f15 { font-size: 0.23rem; }
.f16, table { font-size: 0.24rem; }
.f17 { font-size: 0.245rem; }
.f18, h4{ font-size: 0.25rem; }
.f19 { font-size: 0.255rem; }
.f20, h3{ font-size: 0.26rem; }
.f22 { font-size: 0.27rem; }
.f24, h2{ font-size: 0.27rem; }
.f26 { font-size: 0.3rem; }
.f28{ font-size: 0.31rem; }
.f30{ font-size: 0.32rem; }
.f32{ font-size: 0.33rem; }
.f34 { font-size: 0.35rem; }
.f36, h1 { font-size: 0.36rem; }
.f40 { font-size: 0.4rem; }
.f42 { font-size: 0.42rem; }
.f45 { font-size: 0.44rem; }
.f48 { font-size: 0.46rem; }
.f50 { font-size: 0.48rem; }
.f52 { font-size: 0.5rem; }
.f56 { font-size: 0.52rem; }
.f60 { font-size: 0.54rem; }
.f66 { font-size: 0.6rem; }
.f70 { font-size: 0.62rem; }
.f72 { font-size: 0.7rem; }
.f100 { font-size: 1rem; }
.f130 { font-size: 1.2rem; }
.f160 { font-size: 1.6rem; }
.f200 { font-size: 2rem;}
/*padding-top*/
.pt5 { padding-top: 0.05rem; }
.pt10 { padding-top: 0.1rem; }
.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; }
.pt90 { padding-top: 0.9rem; }
.pt100 { padding-top: 1rem; }
.pt110 { padding-top: 1.1rem; }
.pt140 { padding-top: 1.4rem; }
/*padding-bottom*/
.pb15 { padding-bottom: 0.15rem; }
.pb20 { padding-bottom: 0.2rem; }
.pb26 { padding-bottom: 0.26rem; }
.pb30 { padding-bottom: 0.3rem; }
.pb40 { padding-bottom: 0.4rem; }
.pb50 { padding-bottom: 0.5rem; }
.pb70 { padding-bottom: 0.7rem; }
.pb80 { padding-bottom: 0.8rem; }
.pb100 { padding-bottom: 1rem; }
.pb110 { padding-bottom: 1.1rem; }


/*padding:0 x*/
.pad10 { padding: 0 0.1rem; }
.pad20 { padding: 0 0.2rem; }
.pad25 { padding: 0 0.25rem; }
.pad30 { padding: 0 0.3rem; }
/*padding:c 0*/
.padt20 { padding: 0.2rem 0; }
.padt15 { padding: 0.15rem 0; }
.padt25 { padding: 0.25rem 0; }
.padt30 { padding: 0.3rem 0; }
.padt35 { padding: 0.35rem 0; }
.padt40 { padding: 0.4rem 0; }
.padt46 { padding: 0.46rem 0; }
.padt60 { padding: 0.6rem 0; }
.padt70 { padding: 0.7rem 0; }
.padt80 { padding: 0.8rem 0; }
.padt90 { padding: 0.9rem 0; }
.padt100 { padding: 1rem 0; }
.padt120 { padding: 1.2rem 0; }
.padt140 { padding: 1.4rem 0; }
/*padding:*/
.pa10 { padding: 0.1rem; }
.pa20 { padding: 0.2rem; }
.pa30 { padding: 0.3rem; }
.pa50 { padding: 0.5rem; }
/*padding-left*/
.pl10 { padding-left: 0.1rem; }
.pl15 { padding-left: 0.15rem; }
.pl20 { padding-left: 0.2rem; }
.pl30 { padding-left: 0.3rem; }
/*padding-right*/
.pr10 { padding-right: 0.1rem; }
.pr15 { padding-right: 0.15rem; }
.pr20 { padding-right: 0.2rem; }
.pr30 { padding-right: 0.3rem; }

/*margin-right*/
.mr10{ margin-right:0.1rem;}
.mr20{ margin-right:0.2rem;}
.mr30{ margin-right:0.3rem;}
.mr40{ margin-right:0.4rem;}
.mr50{ margin-right:0.5rem;}
/*margin-left*/
.ml10{ margin-left:0.1rem;}
.ml20{ margin-left:0.2rem;}
.ml30{ margin-left:0.3rem;}
.ml40{ margin-left:0.4rem;}
.ml50{ margin-left:0.5rem;}

.mag8{ margin:0 0.08rem;}
.mag24{ margin:0 0.24rem;}

.fr { float:none; }
.fl { float:none; }
/*col-xs*/
.col-xs-2 { width: 100%; margin-bottom:0.2rem;}
.col-xs-3 { width: 100%; margin-bottom:0.2rem;}
.col-xs-4 { width: 100%; margin-bottom:0.2rem;}
.col-xs-5 { width: 100%; margin-bottom:0.2rem;}
.col-xs-6 { width: 100%; margin-bottom:0.2rem;}
.titm0{ height:auto;}
.titm1{ height:0.3rem; line-height:0.3rem;}
.titm2{ height:auto;}
.titm3{ height:auto;}

.text-right { text-align: left; }

.pcd { display: none; }
.wapd { display: block; }
.conb { width: 96%;}
.conc { width: 94%;}
.cond { width: 92%;}
.main { width: 90%;}
.conf { width: 90%;}
.cone { width: 100%;}

.ovhi { overflow: auto; }
.bgny { background-attachment: scroll; }
}




.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: #0085cb; }
.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; }

/*左下角 浮动 在线留言*/ 

#SfMessWrap { border: 2px solid #d4003b; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #d4003b; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 214px; overflow: hidden; padding-bottom: 5px; font-size: 14px; margin: 0 auto; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 214px; padding: 0px; margin: 0px auto; margin-top: 5px; overflow: hidden; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; width: 192px; height: 27px; line-height: 27px; font-size: 12px; font-family: Arial; margin-bottom: 10px; padding: 0 10px; }
#SfMessBodyMid textarea { width: 192px; height: 53px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 10px; margin: 0px auto; font-family: Arial; margin-bottom: 10px; }
#SfMessBodyMid .btn-info { width: 100%; height: 27px; line-height: 27px; text-align: center; background: #d4003b; color: #FFF; border: 0; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }







/*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;
}
}


/* animation */
@keyframes mobileburns {
    5% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    65% {
        transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
        animation-timing-function: ease-in;
    }
    80% {
        transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
}