@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; color: #333; }
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: #333; }
a:active { text-decoration: none; outline: none; }
a:hover { color: #cc0000; 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; }
/*font-size*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f30 { font-size: 1.5vw; }
.f36 { font-size: 1.8vw; }
.f45 { font-size: 2.3vw; }
.f48 { font-size: 2.4vw; }
.f60 { font-size: 3vw; }
.f170 { font-size: 8.5vw; }
/*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; }
.pt45 { padding-top: 2.25vw; }
.pt50 { padding-top: 2.5vw; }
.pt60 { padding-top: 3vw; }
.pt70 { padding-top: 3.5vw; }
.pt80 { padding-top: 4vw; }
.pt110 { padding-top: 5.5vw; }
/*padding-bottom*/
.pb30 { padding-bottom: 1.5vw; }
.pb40 { padding-bottom: 2vw; }
/*padding:0 x*/
.pad10 { padding: 0 10px; }
.pad20 { padding: 0 1vw; }
.pad30 { padding: 0 1.5vw; }
/*padding:c 0*/
.padt10 { padding: 10px 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; }
.padt100 { padding: 5vw 0; }
.padt120 { padding: 6vw 0; }
.padt140 { padding: 7vw 0; }
/*padding:*/
.pa20 { padding: 1vw; }
/*padding-left*/
.pl10 { padding-left: 0.5em; }
.pl30 { padding-left: 2em; }
/*padding-right*/
.pr30 { padding-right: 2em; }
.mrau { margin: 0 auto; }
.mr18{ margin-right:1em;}
/*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*/
.tsjr{font-family: "PingFang sc", Source Han Sans CN,Microsoft Yahei;}
.tsar { font-family: Arial, Helvetica, 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; }
.fsnr { font-style: normal; }
.bgwhite { background: #fff; }
.bgf9 { background: #f9f9f9; }
.bgf0{ background:#f0f0f0;}
.bg66 { background: #666666; color: #fff; }
.bgcolor { background: #cc0000; color: #fff; }
.bgcolory { background: #006699; color: #fff; }
.color, .color:hover { color: #cc0000; }
.colory, .colory:hover { color: #006699; }
.black { color: #000000; }
.red { color: #F00; }
.white, .white a, .white:hover, .bgcolor a, .bgcolor a:hover, .bgcolory a, .bgcolory a:hover, .bg66 a, .bg66 a:hover { color: #fff; }
.bob1 { border-bottom: 1px solid rgba(255,255,255,0.2); }
.bobc { border-bottom: 1px solid #cccccc; }
.borad12{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.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.2 }
.ovhi { overflow: hidden; }
.comovhi { overflow: hidden; }
.cona { width: 100%; }
.conb { width: 94%; margin-left: 3%; margin-right: 3%; margin-top: 0; margin-bottom: 0; }
.conc { width: 84%; margin-left: 8%; margin-right: 8%; margin-top: 0; margin-bottom: 0; }
.cond { width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 0; margin-bottom: 0; }
.main { width: 73%; margin-left: 13.5%; margin-right: 13.5%; margin-top: 0; margin-bottom: 0; }
.bhhy { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.bgny { background-repeat: no-repeat; background-position: center center; background-size: 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); }
.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 { font-size: 17px; }
.f19 { font-size: 18px; }
.f20 { font-size: 19px; }
.f22 { font-size: 21px; }
.f24 { font-size: 23px; }
/*padding-top*/
.pt5 { padding-top: 4px; }
.pt10 { padding-top: 8px; }
.pt15 { padding-top: 12px; }
/*padding:0 x*/
.pad10 { padding: 0 8px; }
/*padding-left*/
.pl30 { padding-left: 1.8em; }
/*padding-right*/
.pr30 { padding-right: 1.8em; }
.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%; margin-left: 2.5%; margin-right: 2.5%; }
.conc { width: 88%; margin-left: 6%; margin-right: 6%; }
.cond { width: 86%; margin-left: 7%; margin-right: 7%; }
.main { width: 77%; margin-left: 11.5%; margin-right: 11.5%; }
}
@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 { font-size: 16px; }
.f19 { font-size: 17px; }
.f20 { font-size: 18px; }
.f22 { font-size: 20px; }
.f24 { font-size: 22px; }
.pt10 { padding-top: 6px; }
.pt15 { padding-top: 11px; }
/*padding:0 x*/
.pad10 { padding: 0 6px; }
/*padding-left*/
.pl30 { padding-left: 1.6em; }
/*padding-right*/
.pr30 { padding-right: 1.6em; }
.tei1 { text-indent: 0.6em; }
.conb { width: 96%; margin-left: 2%; margin-right: 2%; }
.conc { width: 90%; margin-left: 5%; margin-right: 5%; }
.cond { width: 88%; margin-left: 6%; margin-right: 6%; }
.main { width: 81%; margin-left: 9.5%; margin-right: 9.5%; }
}
@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 { font-size: 15px; }
.f19 { font-size: 16px; }
.f20 { font-size: 17px; }
.f22 { font-size: 19px; }
.f24 { font-size: 21px; }
.pt10 { padding-top: 5px; }
.pt15 { padding-top: 10px; }
/*padding:0 x*/
.pad10 { padding: 0 5px; }
/*padding-left*/
.pl30 { padding-left: 1.4em; }
/*padding-right*/
.pr30 { padding-right: 1.4em; }
.tei1 { text-indent: 0.5em; }
.conb { width: 97%; margin-left: 1.5%; margin-right: 1.5%; }
.conc { width: 92%; margin-left: 4%; margin-right: 4%; }
.cond { width: 90%; margin-left: 5%; margin-right: 5%; }
.main { width: 85%; margin-left: 7.5%; margin-right: 7.5%; }
}
@media screen and (max-width: 1024px) and (min-width:0) {
html, body { overscroll-behavior: none; }
body { font-size: 0.24rem; }
/*font-size*/
.f14 { font-size: 0.22rem; }
.f15 { font-size: 0.23rem; }
.f16 { font-size: 0.24rem; }
.f17 { font-size: 0.25rem; }
.f18 { font-size: 0.26rem; }
.f19 { font-size: 0.26rem; }
.f20 { font-size: 0.26rem; }
.f22 { font-size: 0.27rem; }
.f24 { font-size: 0.27rem; }
.f30 { font-size: 0.32rem; }
.f36 { font-size: 0.38rem; }
.f45 { font-size: 0.4rem; }
.f48 { font-size: 0.42rem; }
.f60 { font-size: 0.44rem; }
.f170 { 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.28rem; }
.pt35 { padding-top: 0.32rem; }
.pt40 { padding-top: 0.38rem; }
.pt45 { padding-top: 0.45rem; }
.pt50 { padding-top: 0.5rem; }
.pt60 { padding-top: 0.6rem; }
.pt70 { padding-top: 0.7rem; }
.pt80 { padding-top: 0.8rem; }
.pt110 { padding-top: 1rem; }
/*padding-bottom*/
.pb30 { padding-bottom: 0.3rem; }
.pb40 { padding-bottom: 0.4rem; }
/*padding:0 x*/
.pad10 { padding: 0 0.1rem; }
.pad20 { padding: 0 0.2rem; }
.pad30 { padding: 0 0.3rem; }
/*padding:c 0*/
.padt10 { padding: 0.1rem 0; }
.padt20 { padding: 0.2rem 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; }
.padt100 { padding: 1rem 0; }
.padt120 { padding: 1.2rem 0; }
.padt140 { padding: 1.4rem 0; }
/*padding:*/
.pa20 { padding: 0.2rem; }
/*padding-left*/
.pl30 { padding-left: 0.3rem; }
/*padding-right*/
.pr30 { padding-right: 0.3rem; }
/*col-xs*/
.col-xs-2 { width: 100% }
.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; }
.pcd { display: none; }
.wapd { display:inline; }
.conb { width: 92%; margin-left: 4%; margin-right: 4%; }
.conc { width: 90%; margin-left: 5%; margin-right: 5%; }
.cond { width: 90%; margin-left: 5%; margin-right: 5%; }
.main { width: 90%; margin-left: 5%; margin-right: 5%; }
.ovhi { overflow: auto; }
.bhhy { display: block; -webkit-box-pack: inherit; justify-content:;
-webkit-box-align: inherit; align-items: inherit; }
.bgny { background-attachment: scroll; }
.lihe16 { line-height: 1.5; }
.lihe18 { line-height: 1.7; }
.lihe20 { line-height: 1.8; }
.lihe22 { line-height: 1.9; }
}
.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: #cc0000; }
.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; }
/*站点 浮动返回顶部*/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; height: 343px; top: 120px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; font-size: 14px; }
.keifu_tab { width: 160px; }
.icon_keifu { top: 0px; width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; margin: 0 auto; }
.keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con .li-qq { width: 100%; height: 25px; padding-top: 2px; padding-bottom: 2px; display: block; }
.keifu_con .li-qq .icoTc img { display: block; /*width:105px;*/ margin: 0 auto; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; padding-left: 12px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; }
.keifu .tion { padding-top: 5px; padding-bottom: 5px; }
.keifu .h145 { height: 145px; }
/*左下角 浮动 在线留言*/ 

#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;
}
}