@import url(http://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600);
@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:'Raleway',Arial, Helvetica, sans-serif;}
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; }
input, textarea, button { font-family: 'Raleway'; }
a:hover { color: #b51b13; 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 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20, h4 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24, h3 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30, h2 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f36, h1 { font-size: 36px; }
.f38 { font-size: 38px; }
.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; }
.f58 { font-size: 2.9vw; }
.f60 { font-size: 3vw; }
.f66 { font-size: 3.3vw; }
.f70 { font-size: 3.5vw; }
.f72 { font-size: 3.6vw; }
.f90 { font-size: 4.5vw; }
.f100 { font-size: 5vw; }
.f110 { font-size: 5.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; }
.pt45 { padding-top: 2.25vw; }
.pt50 { padding-top: 2.5vw; }
.pt60 { padding-top: 3vw; }
.pt64 { padding-top: 3.2vw; }
.pt70 { padding-top: 3.5vw; }
.pt80 { padding-top: 4vw; }
.pt90 { padding-top: 4.5vw; }
.pt100 { padding-top: 5vw; }
.pt110 { padding-top: 5.5vw; }
.pt120 { padding-top: 6vw; }
.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; }
.pb36 { padding-bottom: 1.8vw; }
.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; }
.pb200 { padding-bottom: 10vw; }
/*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; }
.padt50 { padding: 2.5vw 0; }
.padt56 { padding: 2.8vw 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; }
.padt150 { padding: 7.5vw 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;}

.mt20{ margin-top:1vw;}


.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% }

.cpnb{ width: 49%; margin: 0 0.5% 1vw 0.5%;}
.cpnc{ width: 32.33%; margin: 0 0.5% 1vw 0.5%;}
.cpnd{ width: 24%; margin: 0 0.5% 1vw 0.5%;}
.cpne{ width: 19%; margin: 0 0.5% 1vw 0.5%;}

/*com*/
.tsar { font-family: Arial; }
.tsarb { font-family:"Arial Black", Gadget, sans-serif; }
.tpf { font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; }
.tpyh { font-family: Microsoft Yahei; }


.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; }
.bgf2f6 { background: #f2f6f9; }
.bgf3 { background: #f3f3f3; }
.bgf4 { background: #f4f4f4; }
.bgf5 { background: #f5f5f5; }
.bgf8 { background: #f8f8f8; }
.bged { background: #ededed; }
.bgef { background: #efefef; }
.bge7 { background: #e7ebf0; }
.bgeef { background: #eef2f6; }
.bgecf { background: #ecf2f7; }
.bga0 { background: #a0a0a0; }

.bg45 { background: #454545; }

.bgcolor { background: #b51b13; color: #fff; }
.bgblack { background: #000000; color: #fff; }
.bgfooter { background: #343434; color: #fff; }


.color{ color: #b51b13; }


.black { color: #000000; }
.red { color: #F00; }
.white, .white a, .bgcolor a, .bgcolor a:hover, .bgblack a, .bgblack a:hover, .bgfooter a, .bgfooter a:hover{ color: #fff; }


.col43 { color: #434242; }
.colab, .colab a, .colab a:hover { color: #ababab; }
.colc2{ color:#c2c2c2;}
.col8e{ color:#8e8e8e}
.col7e{ color:#7e7e7e;}
.col6f{ color:#6f6f6f;}
.col64{ color:#646464;}
.colb7, .colb7 a{ color:#b7b7b7;}
.colcc{ color:#ccc;}
.colcb{ color:#cccbcb;}
.colee{ color:#eeeeee;}


.txtmbf{ text-shadow: 2px 0px 2px rgba(10,2,4,0.5);}
.bot1 { border-top: 1px solid rgba(255,255,255,0.1); }


.bob1 { border-bottom: 1px solid rgba(255,255,255,0.1); }
.bo1b8 { border-bottom: 1px solid #b8b8b8; }
.bo1cc { border-bottom: 1px solid #cccccc; }
.bo1df { border-bottom: 1px solid #dfe2e6; }
.bo1dc { border-bottom: 1px solid #dcdcdc; }
.bo1ee { border-bottom: 1px solid #eeeeee; }
.bo1e5 { border-bottom: 1px solid #e5e5e5; }
.bo189 { border-bottom: 1px solid #898989; }
.bo199 { border-bottom: 1px solid #999999; }

.bo299 { border-bottom: 2px solid #cccccc; }

.bo5ee { border-bottom: 5px solid #e5e5e5; }
.bo5ff { border-bottom: 5px solid #FFF; }

.bob3color { border-bottom: 3px solid #b51b13; }


.bo1f3 { border-bottom: 1px solid #f3f5fa; }

.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, .dibop { 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;}
.cone { width: 85%; margin:0 auto;}
.main { width: 78%; margin:0 auto;}


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

.titm1{ height:30px; line-height:30px; overflow:hidden;}

.titm1s{ height:52px; overflow:hidden;}
.titm2{ height:65px; 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: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 { font-size: 17px; }
.f19 { font-size: 18px; }
.f20, h4 { font-size: 19px; }
.f22 { font-size: 21px; }
.f24, h3 { font-size: 23px; }
.f26 { font-size: 24px; }
.f28 { font-size: 26px; }
.f30, h2 { font-size: 28px; }
.f32 { font-size: 30px; }
.f34 { font-size: 32px; }
.f36, h1 { font-size: 34px; }
.f38 { font-size: 36px; }
/*padding-top*/
.pt15 { padding-top: 13px; }
/*padding-bottom*/
.pb15 { padding-bottom: 13px; }
/*padding:0 x*/
.pad10 { padding: 0 9px; }
/*padding:c 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;}
.titm1s{ height:48px;}
.titm2{ height:58px;}
.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%;}
.cone { width: 90%;}
.main { width: 84%;}

}
@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, h4 { font-size: 18px; }
.f22 { font-size: 19px; }
.f24, h3 { font-size: 20px; }
.f26 { font-size: 22px; }
.f28 { font-size: 24px; }
.f30, h2 { font-size: 26px; }
.f32 { font-size: 28px; }
.f34 { font-size: 30px; }
.f36, h1 { font-size: 32px; }
.f38 { font-size: 34px; }

.ml60{ margin-left:4%;}

.pt15 { padding-top: 12px; }
/*padding-bottom*/

.pb15 { padding-bottom: 12px; }
/*padding:0 x*/
.pad10 { padding: 0 8px; }
/*padding:c 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;}
.titm1s{ height:46px;}
.titm2{ height:54px;}
.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 { font-size: 15px; }
.f19 { font-size: 16px; }
.f20, h4 { font-size: 17px; }
.f22 { font-size: 18px; }
.f24, h3 { font-size: 19px; }
.f26 { font-size: 20px; }
.f28 { font-size: 22px; }
.f30, h2 { font-size: 24px; }
.f32 { font-size: 26px; }
.f34 { font-size: 28px; }
.f36, h1 { font-size: 30px; }
.f38 { font-size: 32px; }

.ml60{ margin-left:3%;}

.pt15 { padding-top: 10px; }
/*padding-bottom*/

.pb15 { padding-bottom: 10px; }
/*padding:0 x*/
.pad10 { padding: 0 7px; }
/*padding:c 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;}
.titm1s{ height:42px;}
.titm2{ height:55px;}
.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{ font-size: 0.25rem; }
.f19 { font-size: 0.255rem; }
.f20, h4{ font-size: 0.26rem; }
.f22 { font-size: 0.27rem; }
.f24, h3{ font-size: 0.27rem; }
.f26 { font-size: 0.28rem; }
.f28{ font-size: 0.28rem; }
.f30, h2{ font-size: 0.29rem; }
.f32{ font-size: 0.29rem; }
.f34 { font-size: 0.3rem; }
.f36, h1 { font-size: 0.31rem; }
.f38 { font-size: 0.32rem; }
.f40 { font-size: 0.34rem; }
.f42 { font-size: 0.36rem; }
.f45 { font-size: 0.4rem; }
.f48 { font-size: 0.42rem; }
.f50 { font-size: 0.44rem; }
.f52 { font-size: 0.45rem; }
.f56 { font-size: 0.46rem; }
.f58 { font-size: 0.48rem; }
.f60 { font-size: 0.5rem; }
.f66 { font-size: 0.52rem; }
.f70 { font-size: 0.54rem; }
.f72 { font-size: 0.6rem; }
.f90 { font-size: 0.8rem; }
.f100 { font-size:0.9rem; }
.f110 { font-size: 1rem }
.f130 { font-size: 1.2rem; }
.f160 { font-size: 1.5rem; }
.f200 { font-size: 1.9rem;}
/*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; }
.pt45 { padding-top: 0.45rem; }
.pt50 { padding-top: 0.5rem; }
.pt60 { padding-top: 0.6rem; }
.pt64 { padding-top: 0.64rem; }
.pt70 { padding-top: 0.7rem; }
.pt80 { padding-top: 0.8rem; }
.pt90 { padding-top: 0.9rem; }
.pt100 { padding-top: 1rem; }
.pt110 { padding-top: 1.1rem; }
.pt120 { padding-top: 1.2rem; }
.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; }
.pb36 { padding-bottom: 0.36rem; }
.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; }
.pb200 { padding-bottom: 2rem; }

/*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; }
.padt50 { padding: 0.5rem 0; }
.padt56 { padding: 0.56rem 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; }
.padt150 { padding: 1.5rem 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; }


.mt20{ margin-top:0.2rem;}
/*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;}

.cpnb, .cpnc, .cpnd, .cpne{ width: 100%; margin: 0 0 0.2rem 0;}

.titm0{ height:auto;}
.titm1{ height:auto; line-height:normal;}
.titm1s{ height:auto; overflow:hidden;}
.titm2{ height:auto;}
.titm3{ height:auto;}

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

.pcd { display: none; }
.wapd { display:inherit; }
.dibop { display:inline; }

.conb { width: 96%;}
.conc { width: 94%;}
.cond { width: 92%;}
.cone { width: 96%;}
.main { width: 90%;}


.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; }
.warn7 { -webkit-animation: warn 7s ease-out; -moz-animation: warn 7s ease-out; animation: warn 7s 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;
}
}


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