body{background:url(/public/img/banner1.jpg)}.copy-inner-ban{margin-top:160px;background-size:cover;background-position:center}.copy-ny{background:#fff;position:relative;z-index:5;padding:0 40px 70px}.copy-ny .container{background:#fff;min-height:420px}.ny_title{height:60px;line-height:60px;border-bottom:1px solid #e5e5e5;overflow:hidden}.ny_title h3{float:left;font-size:24px;color:#191919}.copy-content{padding:35px 20px;font-size:16px;line-height:32px;color:#333}.copy-content h2{font-size:24px;color:#00489e;margin:20px 0 10px}.copy-main-img{max-width:520px;margin:0 auto 28px}.copy-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:40px 20px}.copy-list-grid li{border:1px solid #e5e5e5;background:#fff;overflow:hidden}.copy-list-grid img{width:100%;height:230px;object-fit:cover;transition:1s}.copy-list-grid h4{font-size:18px;color:#000;line-height:46px;text-align:center;font-weight:400}.copy-list-grid p{font-size:14px;color:#555;line-height:26px;padding:0 15px 18px}.copy-list-grid li:hover img{transform:scale(1.05)}.copy-news-list{padding:35px 20px}.copy-news-list li{height:56px;line-height:56px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between}.copy-news-list a:hover{color:#00489e}.copy-contact{padding:40px 20px;font-size:16px;line-height:36px}.copy-contact h2{font-size:28px;color:#00489e;margin-bottom:18px}.copy-case-panel{height:483px;background:#f3f7fb;margin-top:33px;display:grid;grid-template-columns:39% 1fr;overflow:hidden}.copy-case-tabs a{display:block;height:121px;line-height:121px;background:#3c8fee;border-bottom:1px solid #9ec7f7;padding-left:12%;color:#fff}.copy-case-tabs h4{font-size:18px;font-weight:400}.copy-case-images{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:57px 35px}.copy-case-images img{width:100%;height:160px;object-fit:cover}.copy-case-images p{text-align:center;font-size:18px;line-height:40px}.copy-news-card{display:block;background:#f1f1f1}.copy-message-btn{display:inline-block;width:132px;height:44px;line-height:44px;text-align:center;background:#eed674;border:1px solid #ffcc00}.index_input{display:flex;align-items:center;justify-content:space-between}.index_intext h3{font-size:26px;color:#000}.index_intext p{font-size:15px;color:#555;line-height:30px}.sj_menu{display:none}.go_top{cursor:pointer}.go_top img{margin-top:14px;margin-left:14px}@media(max-width:900px){.container{width:100%}.copy-list-grid{grid-template-columns:repeat(2,1fr)}.copy-case-panel{height:auto;grid-template-columns:1fr}.copy-case-images{grid-template-columns:1fr}.index_input{display:block}.header_nav{display:none}.index_header{display:block}.sj_menu.open{display:block;position:fixed;top:70px;left:0;right:0;z-index:99999;background:#fff}.copy-inner-ban{margin-top:0}.footer{display:none}footer{display:block}}@media(max-width:560px){.copy-list-grid{grid-template-columns:1fr}.copy-ny{padding:0 15px 70px}.copy-main-img{max-width:100%}}

/* Fix oversized original banner spacing in the PHP copy */
.header_nav{height:144px}.banner{height:720px;min-height:620px}.banner .slideBox .bd li a{background-position:center top!important}.banner_info{position:absolute;top:260px;left:calc((100% - 1440px)/2 + 120px);width:auto}.index_main{margin-top:-145px}.index_main .container{min-height:1px}.copy-inner-ban{margin-top:144px}@media(max-width:1440px){.banner_info{left:8%}}@media(max-width:900px){.banner{height:auto;min-height:0}.index_main{margin-top:-15px}.copy-inner-ban{margin-top:0}.header_nav{height:auto}}

/* Stabilize top layout and dropdowns */
.header_nav{height:144px!important;position:fixed!important;top:0!important;left:0!important}.banner{height:520px!important;min-height:0!important;margin-top:144px!important;overflow:hidden}.banner .slideBox,.banner .slideBox .bd,.banner .slideBox .bd ul,.banner .slideBox .bd li,.banner .slideBox .bd li a{height:100%!important}.banner_info{position:absolute!important;top:180px!important;left:8%!important;width:auto!important;z-index:3!important}.index_main{margin-top:0!important;position:relative!important;z-index:5!important}.index_main .container{background:#fff!important}.copy-inner-ban{margin-top:144px!important}#menu .nav .nLi{width:12.5%!important}#menu .nav .sub{width:230px!important;margin-left:-115px!important;line-height:normal!important;padding:8px 0!important;background:#f5f5f5!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}#menu .nav .sub li{height:auto!important;line-height:normal!important}#menu .nav .sub a{height:auto!important;min-height:38px!important;line-height:20px!important;padding:9px 12px!important;white-space:normal!important;word-break:break-all!important;text-align:center!important;font-size:14px!important}@media(max-width:900px){.banner{height:auto!important;margin-top:0!important}.index_main{margin-top:0!important}.copy-inner-ban{margin-top:0!important}#menu .nav .nLi{width:auto!important}}
/* 20260626 layout/background alignment fix */
:root {
    --site-width: 1440px;
    --site-gutter: 40px;
    --header-height: 144px;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    background: #0d4788 url(/public/img/banner1.jpg) center top / cover fixed no-repeat !important;
    overscroll-behavior-y: none;
}

.container,
.header_nav,
.banner,
.index_main,
.footer,
.copy-inner-ban,
.copy-ny {
    width: var(--site-width) !important;
    max-width: calc(100% - (var(--site-gutter) * 2)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.header_nav {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: var(--header-height) !important;
    background: #fff !important;
    background-image: none !important;
    z-index: 9999 !important;
}

.header_nav > .container,
#menu > .container {
    width: 100% !important;
    max-width: 100% !important;
}

.header_top {
    height: 84px !important;
    background: #fff !important;
}

#menu {
    width: 100% !important;
    height: 60px !important;
    padding: 0 !important;
    background: #3c8fee !important;
}

#menu .nav {
    width: 100% !important;
}

#menu .nav .nLi {
    width: 12.5% !important;
}

#menu .nav .nLi h3,
#menu .nav .nLi h3 p,
#menu .nav .nLi h3 a {
    height: 60px !important;
    line-height: 60px !important;
    white-space: nowrap !important;
}

.banner {
    height: 360px !important;
    min-height: 0 !important;
    margin-top: var(--header-height) !important;
    overflow: hidden !important;
    background: transparent !important;
}

.banner .slideBox,
.banner .slideBox .bd,
.banner .slideBox .bd ul,
.banner .slideBox .bd li,
.banner .slideBox .bd li a {
    height: 100% !important;
}

.banner .slideBox .bd li a {
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
}

.banner_info {
    display: none !important;
}

.index_main {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 5 !important;
    background: #fff !important;
}

.index_main .container {
    width: 100% !important;
    max-width: 100% !important;
    background: #fff !important;
}

.copy-inner-ban {
    margin-top: var(--header-height) !important;
    background-attachment: scroll !important;
}

.copy-ny {
    background: #fff !important;
}

#menu .nav .sub {
    width: 260px !important;
    margin-left: -130px !important;
    padding: 8px 0 !important;
    line-height: normal !important;
    background: #f5f5f5 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12) !important;
}

#menu .nav .sub li {
    height: auto !important;
    line-height: normal !important;
}

#menu .nav .sub a {
    height: auto !important;
    min-height: 38px !important;
    line-height: 20px !important;
    padding: 9px 12px !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: center !important;
    font-size: 14px !important;
}

@media (max-width: 900px) {
    :root {
        --site-gutter: 0px;
        --header-height: 0px;
    }

    html,
    body {
        background-attachment: scroll !important;
    }

    .header_nav {
        display: none !important;
    }

    .banner {
        width: 100% !important;
        max-width: 100% !important;
        height: 180px !important;
        margin-top: 0 !important;
    }

    .index_main,
    .copy-inner-ban,
    .copy-ny,
    .footer {
        width: 100% !important;
        max-width: 100% !important;
    }

    #menu .nav .nLi {
        width: auto !important;
    }
}
/* 20260626 header restore fix */
.header_nav {
    height: 144px !important;
    background: url(/public/img/banner1.jpg) no-repeat center top !important;
    background-attachment: scroll !important;
    background-size: cover !important;
}

.header_nav > .container {
    height: 144px !important;
    background: transparent !important;
}

.header_top {
    width: 100% !important;
    height: 84px !important;
    overflow: hidden !important;
    background: url(/img/5.jpg) repeat !important;
}

.h_logo {
    float: left !important;
    width: 224px !important;
    height: 84px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.h_logo a,
.h_logo img {
    display: block !important;
    width: 224px !important;
    height: 84px !important;
}

#menu {
    clear: both !important;
    height: 60px !important;
    padding: 0 7% !important;
    overflow: visible !important;
    background: #3c8fee !important;
}

#menu .nav,
#nav {
    height: 60px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#menu .nav .nLi {
    height: 60px !important;
}

#menu .nav .nLi h3 {
    height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

#menu .nav .nLi h3 a,
#menu .nav .nLi h3 p {
    display: block !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 60px !important;
}

#menu .nav .nLi h3 a {
    color: #fff !important;
}

.logo {
    width: auto !important;
    margin-top: 0 !important;
}

.logo a,
.logo img {
    width: auto !important;
    height: auto !important;
}

@media (max-width: 900px) {
    .header_nav {
        display: none !important;
    }
}
/* 20260626 mobile header visibility fix */
.mobile-header,
.mobile-menu {
    display: none !important;
}

@media (max-width: 900px) {
    .mobile-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 70px !important;
        padding: 0 12px !important;
        background: #fff !important;
    }

    .mobile-logo img {
        display: block !important;
        height: 48px !important;
        width: auto !important;
    }

    .mobile-menu.open {
        display: block !important;
    }
}
/* 20260626 footer restore fix */
.footer {
    background: #fff !important;
    background-color: #fff !important;
    color: #777 !important;
}

.footer_left dl dt {
    color: #333 !important;
}

.footer_left dl dd,
.footer_left dl dd a,
.footer_ban,
.footer_ban p,
.footer_ban a,
.f_brq,
.f_brq a {
    color: #777 !important;
}
/* 20260701 inner page title and scroll fix */
html,
body {
    background-attachment: scroll !important;
    overflow-x: hidden;
}

.header_nav {
    will-change: transform;
}

.copy-inner-ban {
    display: block !important;
    height: 360px !important;
    min-height: 0 !important;
    margin-top: 144px !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: scroll !important;
}

.copy-ny {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

.copy-ny > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    background: #fff !important;
}

.ny_title {
    height: 72px !important;
    line-height: 72px !important;
    padding: 0 40px !important;
    border-bottom: 1px solid #eee !important;
    overflow: hidden !important;
    background: #fff !important;
}

.ny_title h3 {
    display: none !important;
}

.ny_title_right {
    float: left !important;
    width: auto !important;
    height: 72px !important;
    line-height: 72px !important;
    padding-left: 0 !important;
    background: none !important;
    color: #313131 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.ny_title_right span,
.ny_title_right a {
    color: #313131 !important;
    font-size: 24px !important;
}

@media (max-width: 900px) {
    .copy-inner-ban {
        height: 180px !important;
        margin-top: 0 !important;
    }

    .ny_title {
        height: 56px !important;
        line-height: 56px !important;
        padding: 0 15px !important;
    }

    .ny_title_right {
        height: 56px !important;
        line-height: 56px !important;
        font-size: 18px !important;
        white-space: normal !important;
    }
}
/* 20260701 sticky header gap fix */
.header_nav {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.banner,
.copy-inner-ban {
    margin-top: 0 !important;
}

.index_main,
.copy-ny {
    margin-top: 0 !important;
}

body {
    overscroll-behavior-y: none !important;
}

@media (max-width: 900px) {
    .header_nav {
        position: static !important;
    }
}
/* 20260701 remove header content gap */
.banner,
.copy-inner-ban {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

.banner .slideBox,
.banner .slideBox .bd,
.banner .slideBox .bd ul,
.banner .slideBox .bd li,
.banner .slideBox .bd li a {
    height: 0 !important;
    min-height: 0 !important;
}

.index_main,
.copy-ny {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* 20260701 nav dropdown hover fix */
.header_nav,
.header_nav > .container,
#menu,
#nav,
#menu .nav,
#menu .nav .nLi {
    overflow: visible !important;
}

#menu .nav .sub {
    display: none;
    position: absolute !important;
    left: 50% !important;
    top: 60px !important;
    z-index: 10050 !important;
}

#menu .nav .nLi:hover > .sub,
#menu .nav .nLi.hover > .sub {
    display: block !important;
}

#menu .nav .sub li {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

#menu .nav .sub a {
    display: block !important;
    color: #222e48 !important;
}

#menu .nav .sub a:hover {
    color: #3c8fee !important;
    background: #fff !important;
}
/* 20260701 fixed header final fix */
body {
    padding-top: 144px !important;
}

.header_nav {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 9999 !important;
}

.banner,
.copy-inner-ban {
    margin-top: 0 !important;
}

.index_main,
.copy-ny {
    margin-top: 0 !important;
}

#menu .nav .sub {
    z-index: 10050 !important;
}

@media (max-width: 900px) {
    body {
        padding-top: 0 !important;
    }

    .header_nav {
        position: static !important;
        left: auto !important;
        transform: none !important;
    }
}
/* 20260703 case tab switcher */
.copy-case-panel[data-case-switcher] {
    align-items: stretch;
}
.copy-case-tabs a.is-active {
    background: transparent !important;
    color: #000 !important;
}
.copy-case-tabs a.is-active h4 {
    color: #000 !important;
}
.copy-case-panels {
    min-width: 0;
    background: #f3f7fb;
}
.copy-case-panels .copy-case-images {
    display: none;
}
.copy-case-panels .copy-case-images.is-active {
    display: grid;
}
.copy-case-images a {
    display: block;
}
.copy-case-images:has(a:only-child) {
    grid-template-columns: minmax(220px, 48%);
    align-content: start;
}
@media (max-width: 900px) {
    .copy-case-panels .copy-case-images,
    .copy-case-panels .copy-case-images.is-active {
        display: grid;
    }
}
/* 20260703 force case tab visibility */
.copy-case-panels .copy-case-images:not(.is-active) {
    display: none !important;
}
.copy-case-panels .copy-case-images.is-active {
    display: grid !important;
}
/* 20260703 page scroll restore */
html,
body {
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: auto !important;
    height: auto !important;
    min-height: 100% !important;
}
/* 20260708 mobile menu interaction fix */
@media (max-width: 900px) {
    .mobile-header {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 100200 !important;
        box-shadow: 0 1px 8px rgba(0, 0, 0, .08) !important;
    }

    .mobile-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #3c8fee !important;
        color: #fff !important;
        font-size: 28px !important;
        line-height: 1 !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 100210 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .mobile-menu {
        position: sticky !important;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 100190 !important;
        background: #3c8fee !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .16) !important;
    }

    .mobile-menu.open {
        display: block !important;
    }

    .mobile-menu a {
        display: block !important;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 18px !important;
        color: #fff !important;
        border-top: 1px solid rgba(255, 255, 255, .24) !important;
        font-size: 15px !important;
        background: transparent !important;
    }

    .mobile-menu a.active {
        background: rgba(0, 0, 0, .12) !important;
    }
}
/* 20260708 detail page content centering */
.copy-detail-content {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.copy-detail-content .copy-main-img,
.copy-detail-content img {
    margin-left: auto !important;
    margin-right: auto !important;
}

.copy-detail-content p,
.copy-detail-content h2,
.copy-detail-content h3,
.copy-detail-content h4,
.copy-detail-content ul,
.copy-detail-content ol,
.copy-detail-content table,
.copy-detail-content blockquote {
    margin-left: auto !important;
    margin-right: auto !important;
}
.footer_ban .f_brq a[href*="beian.gov.cn"]{display:inline-flex;align-items:center;white-space:nowrap;}.footer_ban .wangan-icon{display:inline-block;width:14px!important;height:14px!important;flex:0 0 14px;margin-right:4px;vertical-align:middle;border:0!important;}
.copy-about-content {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.copy-about-content .copy-summary {
    margin: 0 auto 24px !important;
    padding: 14px 18px !important;
    border-left: 4px solid #3c8fee !important;
    background: #f5f8fc !important;
    color: #555 !important;
    line-height: 30px !important;
    text-align: left !important;
}
.copy-about-content .copy-main-img,
.copy-about-content img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.copy-about-content .copy-main-img {
    margin-bottom: 28px !important;
}
.copy-content .content-image {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}
.copy-content .image-align-left {
    margin-left: 0 !important;
    margin-right: auto !important;
}
.copy-content .image-align-center {
    margin-left: auto !important;
    margin-right: auto !important;
}
.copy-content .image-align-right {
    margin-left: auto !important;
    margin-right: 0 !important;
}
.copy-content .image-width-auto {
    width: auto;
}
.copy-content .image-width-100 {
    width: 100% !important;
}
.copy-content .image-width-80 {
    width: 80% !important;
}
.copy-content .image-width-60 {
    width: 60% !important;
}
.copy-content .image-width-50 {
    width: 50% !important;
}
.copy-download-btn {
    display: inline-block;
    min-width: 132px;
    height: 42px;
    line-height: 42px;
    padding: 0 22px;
    border-radius: 3px;
    background: #00489e;
    color: #fff !important;
    text-align: center;
}
.copy-download-btn:hover {
    background: #003b82;
}
.copy-download-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}
.copy-read-btn {
    display: inline-block;
    min-width: 132px;
    height: 42px;
    line-height: 40px;
    padding: 0 22px;
    border: 1px solid #00489e;
    border-radius: 3px;
    background: #fff;
    color: #00489e !important;
    text-align: center;
}
.copy-read-btn:hover {
    background: #eef6ff;
}
.copy-online-reader {
    margin-top: 24px;
    border: 1px solid #e5e5e5;
    background: #f8fafc;
}
.copy-online-reader iframe {
    display: block;
    width: 100%;
    height: 720px;
    border: 0;
}
@media (max-width: 900px) {
    .copy-online-reader iframe {
        height: 520px;
    }
}
/* 20260718 keep expanded desktop nav on one row */
@media (min-width: 901px) {
    #menu .nav {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
    #menu .nav .nLi {
        width: 12.5% !important;
        flex: 0 0 12.5% !important;
    }
    #menu .nav .nLi h3 a,
    #menu .nav .nLi h3 p {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }
}