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

* { box-sizing: border-box; }

/** 文字排版 */
.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; }

.mb25 { margin-bottom: 25px !important; }

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

.mb35 { margin-bottom: 35px !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; }

.ovh { overflow: hidden; }

.hide { display: none; }

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

a { transition: 0.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; }

.icon-sprites { background: url("../images2023/icon-sprites.png") no-repeat top left; width: 44px; height: 34px; }

.icon-bilibili { background-position: 0 0; width: 39px; }

.icon-gth { background-position: 0 -44px; width: 38px; height: 33px; }

.icon-nf { background-position: 0 -87px; width: 55px; }

.icon-search { background-position: 0 -131px; width: 20px; height: 20px; }

.icon-weibo { background-position: 0 -161px; height: 38px; }

.icon-wx { background-position: 0 -209px; height: 36px; }

.com-content { position: relative; z-index: 1; width: 1200px; margin: 0 auto; }

.com-header { position: relative; padding: 25px 0 15px; }
.com-header:before { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 856px; background: url("../images2023/bg.jpg") no-repeat center top; content: ""; }

.com-search { position: absolute; top: 36px; right: 0; width: 236px; border-radius: 5px; overflow: hidden; background: #fff; }
.com-search__input { width: 100%; border: 0; height: 32px; line-height: 32px; padding: 0 10px; }
.com-search__btn { position: absolute; top: 0; right: 0; height: 32px; line-height: 28px; padding: 0 12px; background: #950000; border-radius: 0 5px 5px 0; }
.com-search__btn input[type="button"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }

.sjd-txt-ban { position: absolute; top: 50px; left: 480px; z-index: 1; height: 50px; }

.sjd-txt-ban ul { width: 382px; height: 50px; }

.sjd-txt-ban li { width: 382px; height: 50px; text-align: center; }

.sjd-txt-ban .footNav { display: none; }

.sjd-txt { display: block; width: 382px; height: 50px; background: url(../images2023/sjd-txt-1.png) no-repeat; }

.sjd-txt-2 { background: url(../images2023/sjd-txt-2.png) no-repeat; }

.sjd-txt-3 { background: url(../images2023/sjd-txt-3.png) no-repeat; }

.sjd-txt-ban .controls { display: none !important; }

.com-nav { position: relative; z-index: 100; height: 62px; background: url("../images2023/nav-bg.jpg") center no-repeat; }
.com-nav__sub { position: absolute; top: 62px; border-top: 1px solid #fff; left: 50%; z-index: 99; display: none; background: #bf0009; transform: translate(-50%, 0); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.com-nav__sub li a { display: block; width: 150px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; }
.com-nav__sub li a:hover { color: #fff; text-decoration: none; background-color: #a60008; }
.com-nav__inner { height: 62px; padding-left: 60px; }
.com-nav__item { position: relative; float: left; }
.com-nav__item:hover .com-nav__sub { display: block; }
.com-nav__item + .com-nav__item { margin-left: 98px; }
.com-nav__link { display: block; height: 62px; line-height: 62px; font-size: 22px; font-weight: 700; color: #fff; }
.com-nav__link:hover { text-decoration: none; color: #fdeb00; }

.banner { position: relative; width: 590px; height: 410px; overflow: hidden; }

.banner .banner-hd { position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; height: 40px; }

.banner .banner-hd ul { position: absolute; top: 50%; right: 20px; margin-top: -4px; }

.banner .banner-hd ul li { float: left; width: 8px; height: 8px; border-radius: 50%; margin-left: 7px; background: #fff; cursor: pointer; }

.banner .banner-hd ul li:first-child { margin-left: 0; }

.banner .banner-hd ul li.on { background: #bf0009; }

.banner .banner-bd li { position: relative; vertical-align: middle; }

.banner .banner-bd li img { width: 590px; height: 410px; object-fit: cover; }

.banner-tle { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; padding: 0 106px 0 10px; background: rgba(0, 0, 0, 0.5); }

.banner-tle h3 { font-size: 13px; color: #fff; }

.banner-btn { position: absolute; top: 50%; display: block; width: 36px; height: 36px; text-align: center; border-radius: 50%; line-height: 36px; margin-top: -18px; background: rgba(0, 0, 0, 0.3); }

.banner-btn:hover { background: rgba(0, 0, 0, 0.5); }

.banner-btn-prev { left: 10px; }

.banner-btn-next { right: 10px; }

.banner-btn-next .icon { margin-right: -3px; }

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

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

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

.com-links { padding: 40px 0 30px; background-color: #c30000; }
.com-links-tle, .com-links-bd { display: inline-block; vertical-align: middle; }
.com-links-tle { font-size: 18px; font-weight: 700; color: #fff; margin: 0 40px 0 0; }
.com-links-select { width: 190px; height: 30px; font-size: 16px; color: #666; }
.com-links-select + .com-links-select { margin: 0 0 0 40px; }

.com-footer { position: relative; padding: 70px 0 60px; background: #af0101; font-size: 18px; color: #fff; min-height: 240px; }
.com-footer:after { position: absolute; bottom: 0; right: 0; width: 814px; height: 319px; background: url(../images2023/bg3.png) no-repeat; content: ""; }
.com-footer-item { position: relative; float: left; padding: 0 35px 0 85px; }
.com-footer-item:before { position: absolute; top: 0; left: 0; width: 2px; height: 114px; background-color: #fff; content: ""; }
.com-footer-hluhjy:before { background-color: unset !important; }
.com-footer-hluhjy { padding: 0 35px 0 0 !important; }

.com-footer-item + .com-footer-item { margin: 0 0 0 40px; }
.com-footer-item a { color: #fff; }

.com-float-contact { position: fixed; top: 250px; left: 40px; z-index: 101; padding: 26px 20px; background: #fff; border-radius: 70px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.com-float-contact-item { position: relative; }
.com-float-contact-item .cfci__icon { width: 78px; height: 78px; line-height: 76px; text-align: center; background-color: #f9f9f9; border-radius: 50%; border: 1px solid #e5e5e5; cursor: pointer; }
.com-float-contact-item .cfci__icon:hover { background-color: #f1f1f1; }
.com-float-contact-item .cfci__con { display: none; position: absolute; top: 0; left: 120px; width: 188px; padding: 10px; background-color: #fff; text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
.com-float-contact-item .cfci__con:before { position: absolute; top: 30px; left: -10px; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #fff; content: ""; }
.com-float-contact-item .cfci__txt { line-height: 1.5; }
.com-float-contact-item + .com-float-contact-item { margin: 20px 0 0; }
.com-float-contact-item:hover .cfci__con { display: block; }