*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",SimSun,sans-serif;font-size:14px;line-height:1.75;color:#333;background:#eef3f9}
a{color:#0b4f9c;text-decoration:none}
a:hover{color:#c8102e;text-decoration:underline}
ul{list-style:none}
img{max-width:100%;border:0}
.wrap{width:1100px;max-width:100%;margin:0 auto;padding:0 12px}

/* top bar */
.topbar{background:#062c5a;color:#cfdcf0;font-size:12px;line-height:32px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#cfdcf0;margin-left:14px}
.topbar a:hover{color:#fff}
.topbar form{display:flex}
.topbar input{border:1px solid #2a5a9a;background:#0a3a73;color:#fff;height:22px;width:150px;padding:0 6px;font-size:12px;outline:0}
.topbar button{border:0;background:#c8102e;color:#fff;height:22px;padding:0 10px;font-size:12px;cursor:pointer}

/* header */
.header{background:#fff linear-gradient(180deg,#fff 0,#eaf2fc 100%);border-bottom:3px solid #0b4f9c}
.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:96px}
.logo{display:flex;align-items:center;gap:14px;color:#0b4f9c}
.logo:hover{text-decoration:none;color:#0b4f9c}
.logo img{width:62px;height:62px}
.logo b{display:block;font-size:34px;letter-spacing:6px;font-family:"STKaiti","KaiTi","楷体",serif;line-height:1.15;color:#0b4f9c}
.logo small{display:block;font-size:12px;color:#5b7aa3;letter-spacing:2px}
.header-r{text-align:right;color:#5b7aa3;font-size:13px;line-height:1.8}
.header-r strong{color:#0b4f9c;font-size:15px}

/* nav */
.nav-bar{background:#0b4f9c;position:relative;z-index:30}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:15px;padding:10px 14px;cursor:pointer;width:100%;text-align:left}
.nav-toggle .bars{display:inline-block;width:20px;height:14px;margin-right:8px;vertical-align:-2px;border-top:2px solid #fff;border-bottom:2px solid #fff;position:relative}
.nav-toggle .bars:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid #fff}
.nav{display:flex;justify-content:flex-start}
.nav>li{position:relative}
.nav>li>a{display:block;color:#fff;padding:0 26px;line-height:46px;font-size:16px}
.nav>li>a:hover,.nav>li.active>a,.nav>li:hover>a{background:#083a75;text-decoration:none;color:#fff}
.nav .sub{display:none;position:absolute;left:0;top:46px;min-width:190px;background:#fff;border-top:3px solid #c8102e;box-shadow:0 8px 20px rgba(6,44,90,.25)}
.nav>li:hover .sub{display:block}
.nav .sub a{display:block;padding:0 18px;line-height:38px;color:#26466f;border-bottom:1px dashed #dbe5f3;font-size:14px}
.nav .sub a:hover{background:#eaf2fc;color:#c8102e;text-decoration:none}

/* breadcrumb / main */
.main{padding:16px 0 10px}
.crumb{background:#fff;border-left:4px solid #0b4f9c;padding:6px 14px;margin-bottom:14px;font-size:13px;color:#667}
.card{background:#fff;border:1px solid #d6e2f2;margin-bottom:16px}
.card-h{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #0b4f9c;background:linear-gradient(180deg,#f7faff,#e8f0fb);padding:0 14px;min-height:42px}
.card-h h2,.card-h h3{font-size:17px;color:#0b4f9c;border-bottom:3px solid #c8102e;margin-bottom:-2px;line-height:39px;font-weight:bold}
.card-h .more{font-size:12px;color:#667}
.card-b{padding:14px}
.card-h img{height:34px;display:block;margin:3px 0}

/* home hero */
.hero{display:flex;gap:16px;margin-bottom:16px}
.slider{position:relative;width:640px;height:400px;background:#0b4f9c;overflow:hidden;flex:none}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s}
.slider .slide.on{opacity:1}
.slider .slide img{width:100%;height:100%;object-fit:cover;display:block}
.slider .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(6,44,90,.92),rgba(6,44,90,0));color:#fff;padding:40px 16px 14px;font-size:18px;font-weight:bold}
.slider .cap a{color:#fff}
.slider .dots{position:absolute;right:12px;bottom:14px;display:flex;gap:6px;z-index:3}
.slider .dots i{width:10px;height:10px;background:rgba(255,255,255,.5);cursor:pointer;display:block}
.slider .dots i.on{background:#c8102e}
.notice-box{flex:1;min-width:0;margin-bottom:0}
.dlist li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed #c9d7ea;line-height:36px}
.dlist li a{color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlist li a:hover{color:#c8102e}
.dlist li span{color:#7a8aa3;font-size:12px;flex:none}
.dlist li:before{content:"";flex:none;width:6px;height:6px;background:#0b4f9c;margin-top:15px;margin-right:2px}
.dlist li a{flex:1}

.cols{display:flex;gap:16px}
.cols>.col{flex:1;min-width:0}
.thumb-news{display:flex;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #c9d7ea}
.thumb-news img{width:200px;height:150px;object-fit:cover;flex:none}
.thumb-news h4{font-size:16px;margin-bottom:4px}
.thumb-news h4 a{color:#0b4f9c}
.thumb-news p{color:#555;font-size:13px}
.thumb-news time{color:#7a8aa3;font-size:12px}
.datelist li{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed #c9d7ea}
.datelist .dt{flex:none;width:58px;height:62px;background:#0b4f9c;color:#fff;text-align:center;line-height:1.2}
.datelist .dt b{display:block;font-size:26px;padding-top:6px}
.datelist .dt s{display:block;text-decoration:none;font-size:12px;background:#083a75;line-height:20px}
.datelist h4{font-size:15px;line-height:1.5;margin-bottom:2px}
.datelist h4 a{color:#222}
.datelist h4 a:hover{color:#c8102e}
.datelist p{font-size:12px;color:#667;line-height:1.6}

.intro{display:flex;gap:18px}
.intro img{width:260px;height:190px;object-fit:cover;flex:none}
.intro p{text-indent:2em;margin-bottom:8px}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:6px}
.feat div{border:1px solid #d6e2f2;border-top:3px solid #0b4f9c;padding:12px;background:#f7faff}
.feat h4{color:#0b4f9c;font-size:15px;margin-bottom:4px}
.feat p{font-size:12.5px;color:#555;line-height:1.7}

.article-block{padding:14px 18px;border-bottom:1px solid #e1e9f5}
.article-block:last-child{border-bottom:0}
.article-block h3{font-size:18px;color:#0b4f9c;text-align:center;margin-bottom:4px}
.article-block .meta{text-align:center;color:#7a8aa3;font-size:12px;margin-bottom:10px;border-bottom:1px dashed #c9d7ea;padding-bottom:8px}
.article-block p{text-indent:2em;margin-bottom:8px}

.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.quick a{display:block;background:#0b4f9c;color:#fff;text-align:center;line-height:44px;font-size:15px}
.quick a:hover{background:#c8102e;text-decoration:none}

/* inner pages */
.inner{display:flex;gap:16px;align-items:flex-start}
.side{width:210px;flex:none}
.side .card-h{background:#0b4f9c}
.side .card-h h3{color:#fff;border-color:#fff}
.side li a{display:block;padding:0 16px;line-height:42px;border-bottom:1px dashed #c9d7ea;color:#26466f;font-size:14px}
.side li a:hover,.side li.on a{background:#eaf2fc;color:#c8102e;text-decoration:none}
.content{flex:1;min-width:0}
.content .card-b{padding:20px 26px}
.art h1{font-size:24px;color:#0b4f9c;text-align:center;line-height:1.5;margin-bottom:6px}
.art .meta{text-align:center;color:#7a8aa3;font-size:12px;border-bottom:1px dashed #b9c9e0;padding-bottom:10px;margin-bottom:16px}
.art h2{font-size:17px;color:#0b4f9c;border-left:4px solid #c8102e;padding-left:10px;margin:20px 0 8px}
.art p{text-indent:2em;margin-bottom:10px;font-size:15px}
.art ul.bul{margin:0 0 10px 2em}
.art ul.bul li{list-style:disc;margin-bottom:4px;font-size:15px}
.art .rel{margin-top:22px;border-top:1px solid #d6e2f2;padding-top:10px;font-size:13px}
.art img.pic{display:block;margin:12px auto;max-width:100%}
.notice-item{border-bottom:1px solid #e1e9f5;padding:6px 0 10px}
.err{text-align:center;padding:70px 20px}
.err h1{font-size:64px;color:#0b4f9c}
.err p{margin:10px 0 20px;color:#555}
.err a.btn{display:inline-block;background:#0b4f9c;color:#fff;padding:8px 26px}

/* footer */
.footer{background:#062c5a;color:#b9cbe6;margin-top:10px;padding:22px 0 14px;font-size:13px;text-align:center}
.footer a{color:#dce8f8;margin:0 10px}
.footer p{margin-top:8px;line-height:1.8}
.footer .flogo{font-size:22px;letter-spacing:4px;color:#fff;font-family:"KaiTi","楷体",serif;margin-bottom:6px}
.totop{position:fixed;right:16px;bottom:40px;width:44px;display:none;z-index:50;cursor:pointer}
.totop img{width:44px}

@media(max-width:900px){
 .wrap{padding:0 10px}
 .header .wrap{min-height:76px}
 .header-r{display:none}
 .logo img{width:50px;height:50px}.logo b{font-size:26px}
 .nav-toggle{display:block}
 .nav{display:none;flex-direction:column;background:#083a75}
 .nav.open{display:flex}
 .nav>li>a{line-height:42px;padding:0 16px;border-top:1px solid #1a5eae;font-size:15px}
 .nav .sub{display:block;position:static;box-shadow:none;border-top:0;background:#0a4488}
 .nav .sub a{color:#cfe0f7;border-bottom:0;line-height:34px;padding-left:34px;font-size:13px}
 .nav>li:hover .sub{display:block}
 .hero,.cols,.intro,.inner{flex-direction:column}
 .slider{width:100%;height:auto;aspect-ratio:16/10}
 .side{width:100%}
 .thumb-news{flex-direction:column}.thumb-news img{width:100%;height:auto}
 .intro img{width:100%;height:auto}
 .feat{grid-template-columns:1fr 1fr}
 .quick{grid-template-columns:repeat(2,1fr)}
 .topbar input{width:100px}
 .content .card-b{padding:14px}
 .art h1{font-size:20px}
}

/* ads (cdn.html) */

  #ads {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    background: transparent;
    margin: 10px 0;
  }

  #ads>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70px;
    box-sizing: border-box;
  }

  #ads img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(24, 24, 24, 0.12);
    transition: transform 180ms ease, box-shadow 180ms ease;
    display: block;
    border: none;
    background: linear-gradient(135deg, #fff, #fff);
  }

  #ads a {
    display: inline-block;
    text-decoration: none;
    border-radius: 15px;
  }

  #ads img:hover {
    transform: translateY(-4px) scale(1.04);
    box-shadow: 0 10px 24px rgba(24, 24, 24, 0.18);
  }

  #ads figcaption,
  #ads .caption {
    height: 15px;
    font-size: 12px;
    color: #666;
    text-align: center;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px
  }

  .applist-title {
    text-align: center;
  }