html,body { 
        font-size: 14px; 
        color:var(--bs-dark-text-emphasis); 
        font-family: "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", sans-serif;
           letter-spacing:1px;
    }
    ul { list-style-type: none; }
    ul,
    figure,
    p
    { padding:0;margin:0; }
    a { text-decoration: none; }
    a,a:visited { color:var(--bs-dark-text-emphasis); }
    a:hover { color:var(--bs-primary); }
    .w-40 { width: 40%; }
    .w-70 { width: 70%; }
    .w-30 { width: 30%; }
    .w-28 { width: 28%; }
    .w-49 { width: 49%; }
    .mw-50 { max-width: 50%;}
    .hide { display:none; }
    .lh-2 { line-height:2; }
    .lh-25 {line-height:2.5;}
    .fs-1-2 { font-size:1.2rem; } 
    .index-page .container,
    .index-page .container-fluid,
    .list-page .container,
    .list-page .container-fluid
    { min-width: 1200px; } 
    
    header { height:100px; }
    .navbar-brand { display:inline-block;width:412px; }
    .navbar-nav .nav-item { position: relative; line-height:2;}
    .navbar-nav .nav-item .nav-link { display: inline-block; padding-left:1em;padding-right:1em;white-space: nowrap; }
    
    .navbar .dropdown-menu { 
        display:none; position:absolute; left:0; width:100%;padding-top:.5rem;padding-bottom:.5rem;
        /* margin-top:10px;  */
        z-index:999;background-color:rgba(2, 131, 214);
        line-height:2;
    }
    .navbar .dropdown-menu>li { padding-left:0.5rem;padding-right:.5rem; }
    .navbar .dropdown-menu>li:hover { background-color:rgb(2, 112, 180); }
    .navbar .dropdown-item { font-size:1.1rem;color:white; }
      
    
    .navbar .nav-item:hover .nav-link{ background-color:rgb(2, 131, 214);color:white;border-bottom:1px solid rgba(255,255,255,0.6); }
    .navbar .nav-item:hover .dropdown-menu {
    display: block;
    }
    
    .banner figure img { height:400px; }
    
    
    /* .topic .title { font-size:28px; }
    .topic .title .en { font-size:14px; } */
    .topic .topic-line { height:6px; background-color: #DCF4FD;color: #DCF4FD; opacity: 1; }
    .topic .title .zh { letter-spacing: 1px; }
    .bg-icon-service { background-position: 26px center; background-repeat: no-repeat; min-height: 94px; background-size:60px; padding-left:112px; }
    .bg-icon-service-1 { background-image:url(icon-service-1.png); background-color:#E4F4FF; }
    .bg-icon-service-2 { background-image:url(icon-service-2.png); background-color:#FFF3E1; }
    .bg-icon-service-3 { background-image:url(icon-service-3.png); background-color:#E1E1FE; }
    
    .news-list li { overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
    .tab-color-1 i.bi-compass {color: #FFB650}
    .tab-color-2 i.bi-compass {color: var(--bs-primary) }
    .tab-color-3 i.bi-compass {color: #00D697 }
    
    .swiper-jd-thumbs .swiper-slide-thumb-active{
        background-color: var(--bs-primary) !important;
        color: white;
    }
    
    .list-bar-nav li.on { font-weight:bold; }
    
    .moji-date-wrap {
        font-family: Georgia, "Times New Roman", Times, serif;
    }
    
    .jd-thumb-img { width:100px; }
    .content-body p { margin-bottom: 1rem;}
    .content-body img{ max-width: 100%; }
    .content-body .h5player,.content-body video { display:block;margin: 0 auto;max-width:100%;background-color:rgba(0,0,0,0.6) }
    
    .catalogs .on{ background-color: var(--bs-primary); color:white; }
    ul.list-x li{ width:75%;margin-right:1rem;flex-shrink: 0; }
    ul.list-x li:last-child {margin-right:0;}
    ul.list-x li figure,
    ul.list-y li figure{ max-height:214px;height:214px }
    ul.list-x li figure>img,
    ul.list-y li figure>img{ width:100%; display:block; margin:0 auto; }
    .icon-catalog-kjcx,
    .icon-catalog-19799 
    { background-image:url(icon-cal-kjcx.png) }
    .icon-catalog-aq, 
    .icon-catalog-19796
    { background-image:url(icon-cal-aq.png) }
    .icon-catalog-cysg,
    .icon-catalog-19797
    { background-image:url(icon-cal-cysg.png) }
    .icon-catalog-hwjx,
    .icon-catalog-19798
    { background-image:url(icon-cal-hwjx.png) }
    .icon-catalog-ldjy,
    .icon-catalog-19800
    { background-image:url(icon-cal-ldjy.png) }
    .icon-catalog-qgjy,
    .icon-catalog-19801
    { background-image:url(icon-cal-qgjy.png) }
    .icon-catalog-tdjs,
    .icon-catalog-19795
    { background-image:url(icon-cal-tdjs.png) }
    i.icon-catalog { width:2rem;height:2rem;display:inline-block;background-repeat: no-repeat;background-position: center;background-size:40%; }
    .card-shadow { box-shadow: 0 0 6px rgba(0,0,0,0.3); }

    .catalogs li { margin-bottom:1rem; }
    .tabs-wrap .on{ border-bottom:2px solid var(--bs-primary);color:var(--bs-primary) !important; }
    .footer-left { width:100%; text-align: center; margin-bottom:0.5rem; }
    @media screen and (min-width: 768px) {
        ul.list-x li { width:40%; }
        ul.list-y li { width: calc( 50% - .5rem ) }
        ul.list-y { justify-content: space-between; }
        .footer-left { width:auto; text-align: left; margin-bottom:0; }
    }
    @media screen and (min-width: 992px) {
        ul.list-x li { width:30%; }
        ul.list-y li { width: calc( 33.33% - 1rem ); margin-right:1rem; }
        ul.list-y { justify-content: start; }
        
    }
    @media screen and (min-width: 1200px) {
        ul.list-x { overflow-x: auto !important; }
        ul.list-x li { 
            width:calc(25% - 2rem);
            margin-right: 2rem;
        }
        ul.list-y li { width: calc( 25% - 2rem ); margin-right:2rem; }
        ul.list-y { justify-content: start; }
    }
    @media screen and (min-width: 1400px) {
        .banner figure img { height:500px; }
    }