@charset "UTF-8";

/*网页黑白
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
*/

/* 版心 */
.container { position: relative; width: 1100px; margin: 0 auto; }

/* 浮动 */
.fl { float: left; }

.fr { float: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; overflow: hidden; }

.clearfix { zoom: 1; }

/* 内外边距 */
.mar-0 { margin: 0 !important; }

.mar-5 { margin: 5px !important; }

.mar-10 { margin: 10px !important; }

.mar-15 { margin: 15px !important; }

.mar-20 { margin: 20px !important; }

.mar-25 { margin: 25px !important; }

.mar-30 { margin: 30px !important; }

.mar-40 { margin: 40px !important; }

.mar-50 { margin: 50px !important; }

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

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

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

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

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

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

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

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

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

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

.mr-0 { margin-right: 0 !important; }

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

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

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

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

.mr-25 { margin-right: 25px !important; }

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

.mr-40 { margin-right: 40px !important; }

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

.mb-0 { margin-bottom: 0 !important; }

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

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

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

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

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

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

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

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

.ml-0 { margin-left: 0 !important; }

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

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

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

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

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

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

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

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

.ml-60 { margin-left: 60px !important; }

.mlr-0 { margin-left: 0 !important; margin-right: 0 !important; }

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

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

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

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

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

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

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

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

.mtb-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

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

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

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

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

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

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

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

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

.pd-0 { padding: 0 !important; }

.pd-5 { padding: 5px !important; }

.pd-10 { padding: 10px !important; }

.pd-15 { padding: 15px !important; }

.pd-20 { padding: 20px !important; }

.pd-25 { padding: 20px !important; }

.pd-30 { padding: 30px !important; }

.pd-40 { padding: 30px !important; }

.pd-50 { padding: 30px !important; }

.pt-0 { padding-top: 0 !important; }

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

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

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

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

.pt-25 { padding-top: 25px !important; }

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

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

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

.pr-0 { padding-right: 0 !important; }

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

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

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

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

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

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

.pr-40 { padding-right: 40px !important; }

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

.pb-0 { padding-bottom: 0 !important; }

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

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

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

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

.pb-25 { padding-bottom: 25px !important; }

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

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

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

.pl-0 { padding-left: 0 !important; }

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

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

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

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

.pl-25 { padding-left: 25px !important; }

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

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

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

.plr-0 { padding-left: 0 !important; padding-right: 0 !important; }

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

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

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

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

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

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

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

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

.ptb-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

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

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

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

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

.ptb-25 { padding-top: 25px !important; padding-bottom: 25px !important; }

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

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

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

/* 文字大小 */
.fs-12 { font-size: 12px !important; }

.fs-13 { font-size: 13px !important; }

.fs-14 { font-size: 14px !important; }

.fs-15 { font-size: 15px !important; }

.fs-16 { font-size: 16px !important; }

.fs-18 { font-size: 18px !important; }

.fs-20 { font-size: 20px !important; }

.fs-24 { font-size: 24px !important; }

.fs-30 { font-size: 32px !important; }

.fs-42 { font-size: 42px !important; }

/* 文本颜色 */
.color-primary { color: #dc0000 !important; }

.color-warning { color: #ff9500 !important; }

.color-danger { color: #ff3b30 !important; }

.color-success { color: #4cd964 !important; }

.color-white { color: #fff !important; }

.color-gray { color: #666 !important; }

.color-gray-light { color: #999 !important; }

/* 文本粗细 */
.fw-200 { font-weight: 200 !important; }

.fw-400 { font-weight: 400 !important; }

.fw-700 { font-weight: 700 !important; }

/* 文本对齐 */
.tal { text-align: left !important; }

.tac { text-align: center !important; }

.tar { text-align: right !important; }

/* 文本行高 */
.lh { line-height: 1.5 !important; }

.lh-xs { line-height: 1.3 !important; }

.lh-md { line-height: 1.8 !important; }

/* 背景颜色 */
.bg-primary { background-color: #dc0000 !important; }

.bg-white { background-color: #fff !important; }

.bg-gray-light { background-color: #f1f1f1 !important; }

.bg-black { background-color: #000 !important; }

/* display */
.dib { display: inline-block !important; }

.db { display: block !important; }

.hide { display: none !important; }

/* 垂直对齐 */
.vam { vertical-align: middle !important; }

/* 溢出 */
.ovh { overflow: hidden !important; }

/* 定位 */
.pos-r { position: relative !important; }

/* 文本截断 */
.toe { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* 文本修饰 */
.tdlh { text-decoration: line-through !important; }

/* 背景设置 */
.bg-cover { background-repeat: no-repeat; background-position: center top; background-size: cover; }

/* 边框 */
.bd { border: 1px solid #dbdbdb; }

.bt { border-top: 1px solid #dbdbdb; }

.br { border-right: 1px solid #dbdbdb; }

.bb { border-bottom: 1px solid #dbdbdb; }

.bl { border-left: 1px solid #dbdbdb; }

.banner-tle h3, .art-list li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

body { font-size: 14px; }

a { transition: .3s; }
a:focus, a:active { outline: 0; }
a:hover { text-decoration: underline; }

input[type=checkbox], input[type=radio] { vertical-align: -1px; }

.page { position: relative; }
.page:after { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 742px; background: url("../images/bg.png") no-repeat; background-position: center top; background-size: contain; content: ""; }

/* 小图标 */
.icon { display: inline-block; vertical-align: middle; background: url("../images/icon-sprites.png") no-repeat; }

.icon-home { background-position: 0px 0px; width: 24px; height: 22px; }

.icon-rss { background-position: 0px -32px; width: 20px; height: 20px; }

.icon-location { background-position: 0px -62px; width: 15px; height: 20px; }

.icon-picture { background-position: 0px -92px; width: 23px; height: 20px; }

.icon-book { background-position: 0px -122px; width: 17px; height: 20px; }

.icon-file { background-position: 0px -152px; width: 16px; height: 20px; }

.icon-share { background-position: 0px -182px; width: 16px; height: 20px; }

.icon-desktop { background-position: 0px -212px; width: 23px; height: 20px; }

.icon-search-lg { background-position: 0px -242px; width: 24px; height: 24px; }

.icon-bars { background-position: 0px -276px; width: 23px; height: 15px; }

.icon-top { background-position: 0px -301px; width: 21px; height: 48px; }

.icon-zl { background-position: 0px -359px; width: 45px; height: 52px; }

.icon-wx, .icon-qq, .icon-copy { width: 24px; height: 24px; }

.icon-wx { background-position: 0 -421px; }

.icon-qq { background-position: 0 -455px; }

.icon-copy { background-position: 0 -489px; }

.zggqt-sm { width: 52px; height: 53px; }

.sxd-sm { width: 43px; height: 53px; }

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

/* header */
.header { height: 125px; padding-top: 20px; }

.search { position: absolute; top: 50px; right: 0; }
.search-input { width: 175px; height: 28px; padding: 0 10px; line-height: 28px; border: 1px solid #cd0000; background: #fff; box-sizing: border-box; }
.search-btn { width: 38px; height: 28px; border: 0; background: url(../images/icon-search.png) no-repeat center center #cd0000; }

.logo img, .logo h1 { position: relative; }

.link { position: absolute; top: 60px; right: 0; }
.link a { color: #9f262a; }
.link img { height: 20px; }

/* nav */
.nav { position: relative; height: 45px; margin: 0 42px; background: url("../images/sub-bg.png"); }
.nav .container { background: url("../images/nav-center-bg.png") no-repeat center top; }
.nav:before, .nav:after { position: absolute; top: 0; z-index: 1; height: 45px; width: 42px; content: ""; }
.nav:before { left: -42px; background: url("../images/nav-left-bg.png") no-repeat; }
.nav:after { right: -42px; background: url("../images/nav-right-bg.png") no-repeat; }

.nav-list > li { position: relative; float: left; margin-left: 80px; }
.nav-list > li:first-child { margin-left: 25px; }
.nav-list > li:hover .nav-sub { display: block; }
.nav-list > li a { display: block; height: 45px; line-height: 45px; font-size: 0; color: #fff; }
.nav-list > li a:hover { color: #ffcc00; }
.nav-list > li span { display: inline-block; margin-left: 5px; font-size: 15px; font-weight: 700; vertical-align: middle; }

.nav-sub { position: absolute; top: 46px; left: 0; z-index: 10; display: none; padding: 10px 0; background: #b20000; }
.nav-sub li:hover .nav-sub-sub { display: block; }
.nav-sub li a { display: block; width: 160px; height: 30px; padding-left: 30px; line-height: 30px; font-size: 12px; color: #fff; }
.nav-sub li a:hover { text-decoration: none; }

.nav-sub-sub { position: absolute; top: 0; left: 100%; display: none; width: 100%; }

.banner { position: relative; width: 500px; height: 342px; 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; margin-left: 7px; background: #fff; cursor: pointer; border-radius: 50%; }
.banner .banner-hd ul li:first-child { margin-left: 0; }
.banner .banner-hd ul li.on { background: #dc0000; }
.banner .banner-bd li { position: relative; vertical-align: middle; }
.banner .banner-bd li img { width: 500px; height: 342px; }

.banner-tle { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; padding: 0 106px 0 10px; background: url(../images/opa-5.png); background: rgba(0, 0, 0, 0.5); }
.banner-tle h3 { font-size: 13px; color: #fff; }

.banner-btn { position: absolute; top: 50%; z-index: 10; display: block; width: 38px; height: 38px; margin-top: -19px; background: url(../images/arrow-sprites.png) no-repeat; }
.banner-btn:focus { outline: none; }

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

.banner-btn-next { right: 10px; background-position: 0 -48px; }

.tab-wrap { position: relative; width: 558px; height: 310px; overflow: hidden; padding: 15px; border: 1px solid #d6d6d6; background: #fff; }
.tab-wrap:after { position: absolute; bottom: -90px; right: -72px; width: 363px; height: 397px; background: url("../images/news-bg.png") no-repeat; content: ""; }

.tab-tle { font-size: 0; }
.tab-tle a { position: relative; display: inline-block; margin-left: 10px; padding: 0 15px; height: 28px; line-height: 28px; font-size: 12px; color: #333; }
.tab-tle a:hover { text-decoration: none; }
.tab-tle a:first-child { margin-left: 0; }
.tab-tle a.active { background: #e50101; color: #fff; }
.tab-tle a.active:after { position: absolute; bottom: -5px; left: 50%; width: 0; height: 0; margin-left: -3px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #e50101; content: ""; }

.tab-pane { position: relative; z-index: 1; }
.tab-pane .article-more { position: absolute; top: -37px; right: 10px; font-size: 12px; font-style: italic; color: #e50101; text-decoration: underline; }

.article-list li { margin-top: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.article-list li:first-child { margin-top: 0; }
.article-list li a { font-size: 13px; color: #555; }
.article-list li span { margin-left: 30px; color: #555; }

/* main */
.main { position: relative; padding: 0 65px 50px; margin-top: 66px; background: #fff; border: 1px solid #d4d4d4; }
.main:after { position: absolute; top: -36px; left: -1px; width: 1100px; height: 36px; background: url("../images/main-top-bg.png") no-repeat; content: ""; }
.main-con { padding: 30px 0 0; }

/* com-tle */
.com-tle { position: relative; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; }
.com-tle h3 { position: relative; padding-left: 20px; font-size: 20px; font-weight: 700; line-height: 1.2; font-style: italic; color: #92101a; }
.com-tle h3 .icon-folder { position: absolute; top: 7px; right: -48px; }
.com-tle .share { position: absolute; top: 0; right: 40px; color: #545454; }

/* 文章列表 */
.art-list li { position: relative; padding: 0 90px 0 20px; border-bottom: 1px dashed #a4a4a4; }
.art-list li:after { position: absolute; top: 50%; left: 10px; width: 6px; height: 6px; margin-top: -3px; background: #333; content: ""; border-radius: 50%; }
.art-list li a { height: 40px; line-height: 40px; color: #333; }
.art-list li.list-important a { font-weight: 700; color: #dc0000; }
.art-list li span { position: absolute; top: 7px; right: 0; color: #999; }

/* 分页 */
.paging { height: 50px; line-height: 50px; background: #eee4e6; }
.paging a { color: #333; }

/* 文章正文 */
.article .article-hd { text-align: center; }
.article .article-hd > h1 { padding: 15px 0 25px; font-size: 18px; line-height: 1.5; }
.article .article-hd .hd-meta { height: 60px; line-height: 60px; border-top: 1px dashed #a4a4a4; border-bottom: 1px dashed #a4a4a4; color: #545454; background: #fbfbfb; }
.article .article-bd { padding-top: 50px; }
.article .article-bd h3 { font-size: 14px; }
.article .article-bd p { text-indent: 2em; line-height: 2.2; }

/* footer */
.footer { padding: 30px 0 20px; margin-top: 40px; text-align: center; font-size: 13px; color: #fff; background: url(../images/footer-bg.jpg); }
.footer.no-mt { margin-top: 0; }
.footer p { line-height: 30px; }

.code-group { margin-top: 15px; }
.code-group .code { display: inline-block; margin: 0 5px; }

/* 浮动 */
.float-container { position: fixed; top: 230px; right: 20px; width: 96px; z-index: 1000; }
.float-container .code-img { border: 1px solid #ccc; }