@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 { margin: 15px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pd0 { padding: 0 !important; }

.pd { padding: 15px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-dark { color: #333 !important; }

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

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

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

.text-link { color: #0088cc !important; }

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

.db { display: block !important; }

.hide { display: none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

/* 背景 */
.bg-white { background: #fff !important; }

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

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

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

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

.banner-tle h3, .art-list li a { 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; }

.bg { background: url(../img/bg.jpg) no-repeat; background-position: center top; }

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

.icon-home { width: 25px; height: 22px; }

.icon-book, .icon-folder, .icon-location, .icon-file, .icon-picture, .icon-movie, .icon-down { height: 20px; }

.icon-book { width: 18px; background-position: 0 -32px; }

.icon-folder { width: 21px; background-position: 0 -62px; }

.icon-location { width: 14px; background-position: 0 -92px; }

.icon-file { width: 17px; background-position: 0 -122px; }

.icon-picture { width: 22px; background-position: 0 -152px; }

.icon-movie { width: 20px; background-position: 0 -182px; }

.icon-down { width: 22px; background-position: 0 -212px; }

.icon-book1 { width: 38px; height: 42px; background-position: 0 -242px; }

.icon-file1 { width: 36px; height: 43px; background-position: 0 -294px; }

.icon-location1 { width: 27px; height: 38px; background-position: 0 -347px; }

.icon-destop { width: 37px; height: 38px; background-position: 0 -395px; }

.icon-folder1 { width: 37px; height: 37px; background-position: 0 -443px; }

.icon-yxyz, .icon-cyzt, .icon-gggj, .icon-zdgz, .icon-folder2 { width: 50px; height: 50px; }

.icon-yxyz { background-position: 0 -490px; }

.icon-cyzt { background-position: 0 -550px; }

.icon-gggj { background-position: 0 -610px; }

.icon-zdgz { background-position: 0 -670px; }

.icon-folder2 { background-position: 0 -826px; }

.icon-arrow { width: 38px; height: 38px; }
.icon-arrow--left { background-position: 0 -730px; }
.icon-arrow--right { background-position: 0 -778px; }

/* header */
.header { height: 95px; padding-top: 25px; }

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

.logo { position: absolute; top: 0; left: 0; }

.link { position: absolute; top: 43px; right: 0; }
.link a { color: #9f262a; }

/* nav */
.nav { height: 50px; background: url(../images/nav-bg.png) no-repeat right top; }

.nav-list > li { position: relative; float: left; margin-left: 75px; }
.nav-list > li:first-child { margin-left: 40px; }
.nav-list > li:hover .nav-sub { display: block; }
.nav-list > li a { display: block; height: 50px; line-height: 50px; 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; vertical-align: middle; }

.nav-sub { position: absolute; top: 100%; left: 0; z-index: 10; display: none; }
.nav-sub li { border-top: 1px solid #fff; }
.nav-sub li:hover .nav-sub-sub { display: block; }
.nav-sub li a { display: block; width: 130px; height: auto; line-height: 20px; padding: 5px 10px; font-size: 12px; color: #fff; background: #333; }
.nav-sub li a:hover { background: #222; text-decoration: none; }

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

/* banner */
.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: #4d9ccd; }
.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; }

/* more */
.link-more { position: absolute; top: 50%; right: 0; margin-top: -10px; font-size: 12px; color: #d32c34; }
.link-more:after { position: absolute; left: -10px; top: 50%; width: 0; height: 0; border-top: 6px solid #ce1625; border-left: 6px solid transparent; content: ""; }
.link-more.blue { color: #3d92c7; }
.link-more.blue:after { border-top-color: #3d92c7; }
.link-more.orange { color: #ff7f00; }
.link-more.orange:after { border-top-color: #ff7f00; }
.link-more.red { color: #f06d39; }
.link-more.red:after { border-top-color: #f06d39; }
.link-more.red-light { color: #ff0000; }
.link-more.red-light:after { border-top-color: #ff0000; }
.link-more.rose { color: #e84778; }
.link-more.rose:after { border-top-color: #e84778; }

/* com-tle */
.com-tle { position: relative; height: 30px; padding-bottom: 13px; border-bottom: 1px dotted #f06c42; }
.com-tle.lg h3 { font-size: 20px; }
.com-tle.lg h3 span { top: 5px; }
.com-tle h3 { position: relative; font-size: 16px; font-weight: 700; font-style: italic; color: #92101a; }
.com-tle h3 span { position: absolute; top: 10px; left: 50px; display: block; }
.com-tle h3 .icon { position: absolute; top: 0; left: -10px; }

/* footer */
.footer { padding: 30px 0; margin-top: 50px; 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; }

/* main */
.main { position: relative; padding: 25px 25px 65px; margin-top: 35px; background: #fff; background: linear-gradient(-135deg, transparent 30px, white 0) top right; }
.main-con { padding: 30px 50px 0; }

/* 文章列表 */
.art-list li { position: relative; 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 { display: block; width: 80%; height: 40px; line-height: 40px; padding-left: 20px; color: #333; }
.art-list li.list-important a { font-weight: 700; color: #3d92c7; }
.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; }
.article .article-bd { padding-top: 50px; }
.article .article-bd h3 { font-size: 14px; }
.article .article-bd p { text-indent: 2em; line-height: 2.2; }

/* 文章模块 */
.list-mod { width: 950px; border: 1px solid #ddd; }
.list-mod .list-tle { position: relative; height: 40px; line-height: 40px; padding: 0 10px; background: #e6e6ff; }
.list-mod .list-tle > h3 { font-size: 16px; font-weight: 700; }
.list-mod .list-tle > a { position: absolute; right: 10px; top: 0; font-size: 12px; color: #6090e8; font-style: italic; text-decoration: underline; }
.list-mod .list-con { padding: 20px 25px; }

.img-list { margin-left: -20px; height: 163px; overflow: hidden; }
.img-list li { float: left; width: 210px; margin-left: 20px; }
.img-list li img { width: 210px; height: 140px; }
.img-list li h3 a { display: block; font-size: 13px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.img-list li h3 a:hover { color: #3d92c7; }