*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  font:14px/1.7 "Microsoft YaHei","PingFang SC","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
  color:#333;
  background-color:#f4f4f4;
  background-image:linear-gradient(180deg,
    #bf1a1a 0.000%, #c32620 6.173%, #c93428 12.346%, #ce3e2f 18.519%,
    #d14c39 24.691%, #d45e42 30.864%, #dd704f 37.037%, #e0855d 43.210%,
    #e4996e 49.383%, #e4aa7b 55.556%, #eabd8c 61.728%, #ebcb9b 67.901%,
    #edd7a8 74.074%, #f0dfb5 80.247%, #f0e9d0 86.420%, #f2efe6 92.593%,
    #f4f4f4 100.000%);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:1920px 648px;
}
a{color:#333;text-decoration:none}
a:hover{color:#c8161d;text-decoration:underline}
img{border:0;vertical-align:middle;max-width:100%}
ul,ol{list-style:none}
:focus-visible{outline:2px solid #c8161d;outline-offset:2px}

.wrap{width:1100px;margin:0 auto}          
.nav,.crumb,.main{padding-left:10px;padding-right:10px}  
.clearfix::after{content:"";display:block;clear:both}

.banner{
  position:relative;
  height:212px;
  overflow:hidden;
}
.logo{
  position:relative;z-index:2;
  height:212px;                 display:flex;align-items:center;justify-content:center;gap:16px;
}
.logo-seal{
  width:74px;height:74px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-size:34px;color:#8a1006;
  background:radial-gradient(circle at 34% 30%,#ffe9a8,#f0c059 46%,#d09a2c 100%);
  box-shadow:0 0 0 3px rgba(255,236,180,.85),0 3px 10px rgba(0,0,0,.28);
}
.logo-pic{height:74px;width:auto;display:block;flex:none}
.logo-word{line-height:1.15}
.logo-word b{
  display:block;font-size:52px;letter-spacing:12px;font-weight:700;
  color:#ffe08a;text-shadow:0 2px 0 #8d1108,0 4px 12px rgba(0,0,0,.35);
}
.logo-word span{
  display:block;font-size:13px;letter-spacing:5px;color:#ffe9bd;
  text-transform:uppercase;padding-left:6px;
}

.nav{background:#fff;border-bottom:4px solid #c8161d}   
.nav ul{display:flex}
.nav li{flex:0 0 10%;max-width:10%;border-right:1px solid #f0e6d8;text-align:center}
.nav li:last-child{border-right:0}
.nav a{
  display:block;height:36px;line-height:36px;                 
  font-size:15px;color:#c8161d;font-weight:700;white-space:nowrap;
}
.nav a+a{border-top:1px dashed #f4ece0}
.nav a:hover,.nav a.on{background:#c8161d;color:#fff;text-decoration:none}

.crumb{
  background:#fff6e5;                        
  min-height:35px;                           
  padding-top:4px;padding-bottom:4px;
  font-size:13px;color:#8a6d3b;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.crumb a{color:#8a6d3b}
.crumb .mail{font-weight:700;color:#7a5b26}

.main{background:#fff;padding-top:14px;padding-bottom:26px}

.topnews{border-bottom:1px dashed #dcdcdc;padding:6px 0 14px;margin-bottom:16px;display:flex;gap:12px}
.topnews .tag{
  flex:none;width:52px;height:34px;line-height:34px;text-align:center;
  background:#c8161d;color:#fff;font-size:16px;font-weight:700;border-radius:2px;
}
.topnews h2{font-size:24px;line-height:1.35;font-weight:700;color:#14418c}
.topnews h2 a{color:#14418c}
.topnews p{font-size:13px;color:#8c8c8c;margin-top:6px}

.mod{margin-bottom:18px}
.mod-hd{
  border-bottom:2px solid #dcdcdc;height:30px;position:relative;
  display:flex;align-items:flex-end;justify-content:space-between;
}
.mod-hd .t{
  font-size:16px;font-weight:700;color:#14418c;padding:0 4px 4px;
  border-bottom:2px solid #c8161d;margin-bottom:-2px;
}
.mod-hd .more{font-size:12px;color:#999;padding-bottom:5px}
.mod-bd{padding-top:10px}

.dot-list li{
  font-size:14px;line-height:2.05;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.dot-list li::before{content:"◆";color:#e0602e;font-size:9px;margin-right:6px;vertical-align:2px}

.tag-list li{
  font-size:14px;line-height:2.15;border-bottom:1px dotted #ececec;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tag-list .cat{color:#14418c;font-weight:700;margin-right:4px}

.feature{display:flex;gap:10px;padding-bottom:10px;margin-bottom:8px;border-bottom:1px dotted #e6e6e6}
.feature .thumb{flex:none;width:112px}
.feature .thumb img{width:112px;height:74px;object-fit:cover;display:block}
.feature.rev{flex-direction:row-reverse}
.feature h4{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:4px}
.feature p{font-size:12px;color:#999;line-height:1.65}

.card{text-align:center;margin-bottom:8px}
.card img{width:100%;height:96px;object-fit:cover;display:block;margin-bottom:5px}
.card h4{font-size:14px;font-weight:700;color:#14418c;line-height:1.5}

.row{display:flex;margin-bottom:18px}
.row>*{min-width:0}

.row-top{gap:18px}
.row-top>*:nth-child(1){flex:470}
.row-top>*:nth-child(2){flex:334}
.row-top>*:nth-child(3){flex:240}

.row-a{gap:17px}
.row-a>*:nth-child(1){flex:240}
.row-a>*:nth-child(2){flex:466}
.row-a>*:nth-child(3){flex:340}

.row-3{gap:17px}
.row-3>*{flex:1}
.row-2{gap:17px}
.row-2>*{flex:1}

.row-b{display:flex;gap:17px;margin-bottom:18px}
.row-b>*{min-width:0}
.row-b .col-narrow{flex:240}
.row-b .col-wide{flex:823}
.row-b .col-wide .row:last-child{margin-bottom:0}

.slider{position:relative;height:294px;overflow:hidden;background:#111}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.slider .slide.on{opacity:1}
.slider .slide img{width:100%;max-width:100%;height:294px;object-fit:cover;display:block}
.slider .cap{
  position:absolute;left:0;right:0;bottom:0;padding:8px 12px;
  background:rgba(0,0,0,.55);color:#fff;font-size:13px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.slider .cap a{color:#fff}
.slider .ar{
  position:absolute;top:50%;transform:translateY(-50%);
  width:28px;height:44px;line-height:44px;text-align:center;cursor:pointer;
  background:rgba(0,0,0,.35);color:#fff;font-size:20px;border:0;
}
.slider .ar:hover{background:rgba(0,0,0,.6)}
.slider .prev{left:0}
.slider .next{right:0}

.lead-list li{border-bottom:1px dotted #e6e6e6;padding-bottom:7px;margin-bottom:7px}
.lead-list h4{font-size:15px;font-weight:700;line-height:1.45;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-list p{font-size:12px;color:#999;line-height:1.6;margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.ads{display:flex;gap:12px;margin-bottom:18px}
.ad-l{flex:1;min-width:0}
.ad-r{flex:0 0 300px}
.ad-l img{width:100%;height:72px;object-fit:cover;display:block}
.ad-btn{
  display:flex;align-items:center;justify-content:center;height:72px;
  background:linear-gradient(180deg,#ef4b23,#d21f12);
  color:#fff;font-size:30px;font-weight:700;letter-spacing:6px;
  text-shadow:0 2px 3px rgba(0,0,0,.3);
}
.ad-btn:hover{color:#fff;text-decoration:none;filter:brightness(1.06)}

.links .mod-bd{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:13px;color:#666}

.foot-nav{background:#c8161d;color:#fff;text-align:center;padding:9px 12px;font-size:13px}
.foot-nav a{color:#fff;margin:0 12px}
.foot-info{background:#fff;text-align:center;padding:14px 12px 22px;font-size:12px;color:#666;line-height:2}
.foot-info a{color:#666}

.page-row{display:flex;gap:20px}
.page-main{flex:1;min-width:0}
.page-side{flex:0 0 280px;min-width:0}

.news-list li{border-bottom:1px dashed #e2e2e2;padding:14px 0}
.news-list .hd{display:flex;align-items:baseline;gap:12px}
.news-list h3{font-size:16px;font-weight:700;line-height:1.5;flex:1;min-width:0}
.news-list .date{flex:none;font-size:12px;color:#999}
.news-list p{font-size:13px;color:#8c8c8c;line-height:1.85;margin-top:6px;text-indent:2em}
.news-list p a{color:#14418c}

.pager{padding:22px 0 6px;text-align:center;font-size:13px;color:#666}
.pager a,.pager span.cur{
  display:inline-block;min-width:30px;padding:4px 9px;margin:2px 3px;
  border:1px solid #ddd;background:#fff;color:#555;
}
.pager a:hover{border-color:#c8161d;color:#c8161d;text-decoration:none}
.pager span.cur{background:#c8161d;border-color:#c8161d;color:#fff}
.pager select{padding:4px;border:1px solid #ddd;margin:0 4px}

.article{padding:6px 4px 0}
.article h1{font-size:22px;font-weight:700;line-height:1.5;text-align:center;padding:10px 20px 12px}
.article .meta{
  text-align:center;font-size:12px;color:#999;padding-bottom:14px;
  border-bottom:1px solid #eee;margin-bottom:22px;
}
.article .meta span{margin:0 9px}
.article-body{font-size:15.5px;line-height:2.15;color:#333}
.article-body p{margin-bottom:22px;text-indent:2em}

.article-body h2,.article-body p.h{
  font-size:16px;font-weight:700;color:#222;text-indent:0;
  margin:30px 0 14px;
}
.article-body strong{font-weight:700;color:#111}

.article-body figure{margin:24px auto;text-align:center}
.article-body figure img{max-width:100%;display:block;margin:0 auto}
.article-body figcaption{font-size:12px;color:#999;margin-top:8px}
.article-body blockquote{
  border-left:3px solid #c8161d;background:#fbf7f2;
  padding:12px 16px;margin:22px 0;color:#555;font-size:14px;line-height:1.95;
}
.article-nav{margin-top:34px;padding-top:14px;border-top:1px solid #eee;font-size:13px;color:#777}
.article-nav p{padding:4px 0}

.side-slider{height:264px;margin-bottom:12px}
.side-slider .slide img{height:264px}

@media (max-width:1040px){
  .wrap{width:auto;max-width:100%}
  .main{padding:14px 12px 20px}
}
@media (max-width:900px){
  .row,.page-row,.ads{flex-direction:column}
  .col-slide,.col-side,.page-side,.ad-r{flex:1 1 auto}
  .nav ul{flex-wrap:wrap}
  .nav li{flex:0 0 25%;border-bottom:1px solid #f0e6d8}
  .logo-word b{font-size:34px;letter-spacing:6px}
  .banner,.logo{height:150px}
  .topnews h2{font-size:19px}
  .article h1{font-size:19px;padding:8px 0 10px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}

.lookup{padding:30px 0 40px}
.lookup h1{font-size:20px;font-weight:700;text-align:center;margin-bottom:6px}
.lookup .lead{text-align:center;font-size:13px;color:#999;margin-bottom:30px}
.lookup form{max-width:430px;margin:0 auto}
.lookup .fld{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.lookup .fld label{flex:0 0 84px;text-align:right;font-size:14.5px;color:#444}
.lookup .fld input{
  flex:1;min-width:0;padding:7px 11px;border:1px solid #c9c9c9;
  font:14px/1.6 inherit;color:#333;background:#fff}
.lookup .fld input:focus{outline:0;border-color:#c8161d;box-shadow:0 0 0 3px rgba(200,22,29,.1)}
.lookup .fld .req{flex:0 0 10px;color:#c8161d}
.lookup .go{text-align:center;padding-top:6px}
.lookup .go button{
  padding:7px 40px;border:1px solid #7b83c4;border-radius:12px;cursor:pointer;
  background:linear-gradient(180deg,#f2f3fb,#dcdff2);color:#333;
  font:15px inherit;letter-spacing:4px}
.lookup .go button:hover{background:linear-gradient(180deg,#e8eaf8,#ccd0ec)}
.lookup .go .btn-again{display:inline-block;padding:7px 24px;border:1px solid #ccc;border-radius:12px;
  background:#fff;color:#666;font-size:15px;letter-spacing:2px;margin-left:8px;vertical-align:middle}
.lookup .go .btn-again:hover{background:#f5f5f5;color:#666;text-decoration:none}

.lk-result{max-width:640px;margin:34px auto 0}
.lk-card{border:1px solid #e4e4e4;border-top:3px solid #c8161d;background:#fcfcfc}
.lk-card .hd{
  background:#fff6e5;border-bottom:1px solid #eee;padding:9px 16px;
  font-size:13px;color:#8a6d3b}
.lk-card table{width:100%;border-collapse:collapse;font-size:14.5px}
.lk-card th,.lk-card td{border-bottom:1px solid #eee;padding:11px 16px;text-align:left}
.lk-card th{width:110px;background:#fafafa;color:#666;font-weight:700}
.lk-card tr:last-child th,.lk-card tr:last-child td{border-bottom:0}
.lk-none{
  text-align:center;padding:40px 20px;border:1px dashed #e0d3b6;background:#fffdf7;
  color:#a08a5e;font-size:14px;line-height:2}
.lk-none b{color:#c8161d;font-weight:700}

.empty{text-align:center;padding:70px 20px;color:#b0b0b0}
.empty .ic{font-size:38px;line-height:1;margin-bottom:14px;opacity:.5}
.empty p{font-size:14px}
.empty .sub{font-size:12.5px;color:#c4c4c4;margin-top:6px}

.err{text-align:center;padding:70px 20px 90px}
.err .code{font-size:82px;font-weight:700;color:#c8161d;line-height:1;letter-spacing:4px}
.err h2{font-size:19px;font-weight:700;margin:18px 0 8px}
.err p{color:#999;font-size:14px;margin-bottom:26px}
.err a{display:inline-block;padding:9px 26px;background:#c8161d;color:#fff;
  border-radius:3px;font-size:14px}
.err a:hover{background:#a91117;color:#fff;text-decoration:none}
.err a.ghost{background:#fff;border:1px solid #d5d5d5;color:#666;margin-left:10px}
.err a.ghost:hover{background:#f5f5f5;color:#666}

.article-body figure.video{margin:24px auto}
.article-body figure.video video{width:100%;max-width:700px;display:block;margin:0 auto;background:#000}

@media (min-width:1440px){
  body{background-size:1920px 648px}
}

@media (max-width:1139px){
  .wrap{width:auto;max-width:100%}
  body{background-size:1600px 540px}
  .banner,.logo{height:186px}
  .logo-word b{font-size:44px;letter-spacing:9px}
  .nav a{font-size:14px}
  .slider,.slider .slide img{height:260px}
}

@media (max-width:1023px){
  body{background-size:1400px 470px}
  .banner,.logo{height:168px}
  .logo-word b{font-size:38px;letter-spacing:7px}
  .row-top{flex-wrap:wrap}
  .row-top>*:nth-child(1){flex:1 1 58%}
  .row-top>*:nth-child(2){flex:1 1 38%}
  .row-top>*:nth-child(3){flex:1 1 100%}
  .row-a>*:nth-child(1){flex:1 1 46%}
  .row-a>*:nth-child(2){flex:1 1 100%;order:3}
  .row-a>*:nth-child(3){flex:1 1 46%}
  .row-a{flex-wrap:wrap}
  .page-side{flex:0 0 232px}
  .slider,.slider .slide img{height:236px}
}

@media (max-width:899px){
  body{background-size:1100px 370px}
  .banner,.logo{height:148px}
  .logo-seal{width:56px;height:56px;font-size:26px}
  .logo-pic{height:56px}
  .logo-word b{font-size:32px;letter-spacing:5px}
  .logo-word span{font-size:11px;letter-spacing:3px}
  .nav ul{flex-wrap:wrap}
  .nav li{flex:0 0 20%;max-width:20%;border-bottom:1px solid #f0e6d8}
  .nav a{font-size:13.5px;height:33px;line-height:33px}
  .row,.row-b,.page-row,.ads{flex-direction:column;gap:0}
  .row>*,.row-b>*,.row-top>*,.row-a>*{flex:1 1 auto !important;order:0 !important;min-width:0;width:100%}
  .page-side,.ad-r{flex:1 1 auto}
  .ad-l img{height:60px}
  .ad-btn{height:60px;font-size:24px;margin-top:10px}
  .topnews h2{font-size:19px}
  .article h1{font-size:19px;padding:8px 0 10px}
  .slider,.side-slider{height:auto;aspect-ratio:16/10}
  .slider .slide img,.side-slider .slide img{height:100%}
}

@media (max-width:599px){
  body{background-size:820px 280px}
  .banner,.logo{height:118px}
  .logo-seal{width:44px;height:44px;font-size:21px}
  .logo-pic{height:44px}
  .logo-word b{font-size:25px;letter-spacing:3px}
  .logo-word span{font-size:10px;letter-spacing:2px}
  .nav li{flex:0 0 25%;max-width:25%}
  .nav a{font-size:13px;height:31px;line-height:31px}
  .crumb{font-size:12px}
  
  .main{padding-top:10px}
  .wrap,.nav,.crumb,.main{padding-left:8px;padding-right:8px}
  .topnews .tag{width:44px;height:30px;line-height:30px;font-size:14px}
  .topnews h2{font-size:17px}
  .article-body{font-size:15px;line-height:2}
  .news-list h3{font-size:15px}
  .news-list .hd{flex-direction:column;gap:2px}
  .lookup .fld{flex-wrap:wrap}
  .lookup .fld label{flex:0 0 100%;text-align:left}
  .err .code{font-size:58px}
  .pager a,.pager span.cur{min-width:26px;padding:3px 7px;margin:2px}
}

@media (max-width:379px){
  .nav li{flex:0 0 33.333%;max-width:33.333%}
  .logo-word b{font-size:21px;letter-spacing:2px}
  .banner,.logo{height:100px}
  body{background-size:640px 218px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}
