@charset "UTF-8";
.com-nav__sub li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/** 文字排版 */
.fs12 { font-size: 12px; }

.fs13 { font-size: 13px; }

.fs14 { font-size: 14px; }

.fs16 { font-size: 16px; }

.fs18 { font-size: 18px; }

.fs20 { font-size: 20px; }

.fs22 { font-size: 22px; }

.fs24 { font-size: 24px; }

.fs30 { font-size: 30px; }

.fs32 { font-size: 32px; }

.fs36 { font-size: 36px; }

.fs50 { font-size: 50px; }

.fs60 { font-size: 60px; }

.fb { font-weight: 700; }

.fn { font-weight: 400; }

.ttu { text-transform: uppercase; }

.tal { text-align: left; }

.tar { text-align: right; }

.tac { text-align: center; }

.tdlt { text-decoration: line-through; }

.text-truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/**
* 文字颜色
**/
.c0 { color: #000; }

.c3 { color: #333; }

.c6 { color: #666; }

.c9 { color: #999; }

.cf { color: #fff; }

/** 定位 */
.bc { margin-left: auto; margin-right: auto; }

.fl { float: left; }

.fr { float: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; overflow: hidden; }

.clearfix { zoom: 1; }

.vm { vertical-align: middle; }

.pr { position: relative; }

.pa { position: absolute; }

.pf { position: fixed; }

.pa-r { position: absolute; right: 0; }

.fix-top { top: 0; }

.fix-right { right: 0; }

.fix-bottom { bottom: 0; }

.fix-left { left: 0; }

.zoom { zoom: 1; }

.hidden { visibility: hidden; }

.none { display: none; }

.oh { overflow: hidden; }

.db { display: block; }

.dib { display: inline-block; }

.vam { vertical-align: middle; }

.vab { vertical-align: bottom; }

/** 外边距 */
.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m30 { margin: 30px !important; }

.mt0 { margin-top: 0 !important; }

.mt1 { margin-top: 1px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt60 { margin-top: 60px !important; }

.mt70 { margin-top: 70px !important; }

.mt80 { margin-top: 80px !important; }

.mt90 { margin-top: 90px !important; }

.mt100 { margin-top: 100px !important; }

.mt110 { margin-top: 110px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr30 { margin-right: 30px !important; }

.mr50 { margin-right: 50px !important; }

.mr100 { margin-right: 100px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb70 { margin-bottom: 80px !important; }

.mb80 { margin-bottom: 70px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml50 { margin-left: 50px !important; }

.ml80 { margin-left: 80px !important; }

.ml90 { margin-left: 90px !important; }

.ml100 { margin-left: 100px !important; }

.ml140 { margin-left: 140px !important; }

.mlr5 { margin-left: 5px; margin-right: 5px; }

.mtb30 { margin-top: 30px; margin-bottom: 30px; }

.mtb50 { margin-top: 50px; margin-bottom: 50px; }

.mtb80 { margin-top: 80px; margin-bottom: 80px; }

/** 内边距 */
.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p30 { padding: 30px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt30 { padding-top: 30px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pt80 { padding-top: 80px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr50 { padding-right: 50px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb60 { padding-bottom: 60px !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl30 { padding-left: 30px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.ptb10 { padding-top: 10px; padding-bottom: 10px; }

.ptb20 { padding-top: 20px; padding-bottom: 20px; }

.ptb25 { padding-top: 25px; padding-bottom: 25px; }

.ptb30 { padding-top: 30px; padding-bottom: 30px; }

.ptb50 { padding-top: 50px; padding-bottom: 50px; }

.plr5 { padding-left: 5px; padding-right: 5px; }

.plr10 { padding-left: 10px; padding-right: 10px; }

.plr20 { padding-left: 20px; padding-right: 20px; }

.plr25 { padding-left: 25px; padding-right: 25px; }

/* 行高 */
.lha { line-height: auto !important; }

.lh15 { line-height: 1.5; }

.lh18 { line-height: 1.8; }

.lh24 { line-height: 2.4; }

body { font-size: 14px; color: #333; }

a { transition: .3s; color: #333; }

a:focus, a:active { outline: 0; }

a:hover { text-decoration: underline; }

input:focus { outline: 0; }

.icon { display: inline-block; vertical-align: middle; background: url("../images/icon-sprite.png") no-repeat top left; width: 21px; height: 21px; }

.icon.icon-about { background-position: 0 0; width: 23px; }

.icon.icon-gk { background-position: 0 -31px; width: 17px; }

.icon.icon-gz { background-position: 0 -62px; }

.icon.icon-home { background-position: 0 -93px; }

.icon.icon-sb { background-position: 0 -124px; width: 16px; }

.icon.icon-search { background-position: 0 -155px; width: 16px; height: 16px; }

.icon.icon-tz { background-position: 0 -181px; width: 18px; }

.icon.icon-xz { background-position: 0 -212px; }

.container { position: relative; width: 1100px; margin: 0 auto; }

.com-header { height: 247px; max-width: 2000px; margin: 0 auto; background: url("../images/header-bg.jpg") no-repeat center top; background-size: cover; }

.com-logo { padding: 30px 0 0; }
.com-logo__img { height: 152px; }

.com-search { position: absolute; top: 105px; right: 0; width: 210px; border: 1px solid #f06e3c; border-radius: 20px; overflow: hidden; padding: 0 48px 0 10px; box-sizing: border-box; background: #fff; }
.com-search__input { width: 100%; border: 0; height: 26px; line-height: 26px; }
.com-search__btn { position: absolute; top: 0; right: 0; height: 28px; padding: 0 10px; background: #f06e3c; border-radius: 20px 0 0 20px; }
.com-search__btn input[type=button] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }

.com-nav { max-width: 2000px; height: 45px; margin: 0 auto; border-radius: 30px; margin-top: -45px; background: url("../images/nav-bg-repeat.jpg") repeat-x; }
.com-nav__sub { position: absolute; top: 45px; border-top: 1px solid #fff; left: 0; z-index: 99; padding: 10px 0; display: none; background: #f84800; }
.com-nav__sub li a { display: block; width: 120px; padding: 0 10px 0 30px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; }
.com-nav__sub li a:hover { color: rgba(255, 255, 255, 0.75); text-decoration: none; }
.com-nav__inner { padding-left: 120px; height: 45px; background: url("../images/nav-bg.jpg") no-repeat; }
.com-nav__item { position: relative; float: left; }
.com-nav__item:hover .com-nav__sub { display: block; }
.com-nav__item + .com-nav__item { margin-left: 40px; }
.com-nav__link { display: block; height: 45px; line-height: 45px; font-size: 15px; font-weight: 700; color: #fff; }
.com-nav__link:hover { text-decoration: none; color: rgba(255, 255, 255, 0.75); }
.com-nav__link__txt { vertical-align: middle; }

.icon-arrow-left, .icon-arrow-right { width: 11px; height: 20px; }

.icon-arrow-left { background: url("../images/icon-arrow-left.png") no-repeat; }

.icon-arrow-right { background: url("../images/icon-arrow-right.png") no-repeat; }

.toe { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.w-500 { width: 500px; }

.w-580 { width: 580px; }

.com-footer { padding: 30px 0; text-align: center; border-top: 1px solid #fff; font-size: 13px; color: #fff; background: #ff7f00; box-shadow: 0 -16px 10px rgba(0, 0, 0, 0.06); }
.com-footer__code { margin: 10px 0 0; }
.com-footer__code__item { display: inline-block; width: 100px; vertical-align: middle; }
.com-footer__code__item + .com-footer__code__item { margin-left: 3px; }
.com-footer__code__item .cfci__tle { margin: 5px 0 0; }