@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    /*font-family: HarmonyOS Sans SC, "PingFang SC", "PingFang HK", "PingFang TC", RobotoSerif-Medium, serif, sans-serif;*/
}

/*body::-webkit-scrollbar {*/
/*    display: none;*/
/*}*/

body {
    margin: 0;
    /*font-family: HarmonyOS Sans SC, "PingFang SC", "PingFang HK", "PingFang TC", RobotoSerif-Medium, serif, sans-serif;*/
    position: relative
}

@media (max-width: 1000px) {
    body {
        min-width: 0
    }
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: .00521rem dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.01042rem
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.animate__delay-dot1s {
    animation-delay: .1s
}

.animate__delay-dot2s {
    animation-delay: .2s
}

.animate__delay-dot3s {
    animation-delay: .3s
}

.animate__delay-dot4s {
    animation-delay: .4s
}

.animate__delay-dot5s {
    animation-delay: .5s
}

.blocker {
    z-index: 10;
}

.header {
    display: flex;
    flex-direction: column;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 11;
    /*transition: all .5s ease*/
}

.header .header-status {
    width: 100%;
    background: #111e3e80;
}

.header .header-status .tel {
    margin-left: .10417rem;
    display: flex;
    align-items: center;
    font-size: .07292rem;
}

.header .header-status-wrapper {
    height: .15625rem;
    width: 7.7083rem;
    display: flex;
    justify-content: right;
    color: #fff;
    margin: 0 auto;
}

.header .header-status a {
    height: .15625rem;
    text-align: center;
    line-height: .15625rem;
    font-size: .07292rem;
    margin-left: .10417rem;
    text-decoration: none;
    color: #fff
}

.header .header-nav {
    width: 100%;
    height: .36458rem;
    display: flex;
    align-items: center;
    color: #fff;
    border-bottom: .00521rem solid rgba(130, 186, 217, .5);
    transition: background .5s ease
}

.header .header-nav .header-nav-wrapper {
    width: 7.7083rem;
    height: .36458rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
}


/* logo */
.header .header-nav .nav-logo {
    text-decoration: none;
    transition: all .5s ease;
    display: flex;
    margin-right: 0.6042rem;
}

.header .header-nav .nav-logo img {
    width: 0.901rem;
    /*height: .2604166rem;*/
    transition: all .5s ease
}

/* 导航菜单 */
.header .header-nav .nav-menu {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    font-size: 0.1042rem;
}

.header .header-nav .nav-menu .nav-item {
    width: 0.6354rem;
    height: 100%;
    text-align: center;
    line-height: .36458rem;
    cursor: pointer;
    margin-right: 0.1875rem;
}

.header .header-nav .nav-menu .nav-item:last-child {
    margin-right: 0;
}

.header .header-nav .nav-menu .nav-item .nav-tab .tab-title {
    cursor: pointer
}

.header .header-nav .nav-menu .nav-item.active {
    color: #002d9b;
    font-weight: 700;
    box-sizing: border-box;
    border-width: 0 0 .03125rem 0;
    border-style: solid;
    border-color: #4272e7;
    cursor: pointer;
}

.header .header-nav:not(.active) .nav-menu .nav-item.current-active {
    color: #002d9b;
    font-weight: 700;
    box-sizing: border-box;
    border-width: 0 0 .03125rem 0;
    border-style: solid;
    border-color: #4272e7;
    cursor: pointer
}

.header .header-nav .nav-search {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    position: relative
}

.header .header-nav .nav-search .search-icon {
    height: .14583rem;
    width: .14583rem;
    cursor: pointer;
    background-image: url(/static/img/search-icon-white.png);
    background-size: cover
}

.header .header-nav .nav-search-content {
    width: 2.28125rem;
    height: .1875rem;
    border-radius: .02083rem;
    box-sizing: border-box;
    border: .00521rem solid #D8D8D8;
    padding: .03125rem .05208rem;
    margin-right: .20833rem;
    transition: all .5s;
    transform: scale(0);
    transform-origin: right;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .17708rem;
    margin: auto 0;
}

.header .header-nav .nav-search-content.show {
    transform: scale(1);
    display: flex
}

.header .header-nav .nav-search-input {
    margin: 0;
    height: 100%;
    background: transparent;
    border: none;
    flex: 1;
    caret-color: #fff;
    color: #fff;
    font-size: .08333rem
}

.header .header-nav .nav-search-input:focus {
    outline: none
}

.header .header-nav .nav-search-input::placeholder {
    font-size: .08333rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #9e9e9e
}

.header .header-nav .nav-search-close-icon {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    cursor: pointer;
    font-size: .08333rem;
    align-items: center;
}

.header .header-nav .nav-detail {
    position: absolute;
    left: 0;
    top: 0.5208rem;
    right: 0;
    color: #fff;
    z-index: 9999;
    display: none
}

.header .header-nav .nav-detail .nav-detail-item {
    position: fixed;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0.1042rem 0.1042rem -0.1042rem #0000001a
    /*box-shadow: 0 .02083rem .10417rem #0000001a*/
}

.header .header-nav.active {
    background: #fff;
    color: #002d9b
}

.header .header-nav.active .search-icon {
    background-image: url(/static/img/search-icon.png);
}

.header .header-nav.active .nav-search-content {
    border-color: #002d9b
}

.header .header-nav.active .nav-search-input {
    color: #002d9b;
    caret-color: #002d9b
}

.header.sticky-hidden {
    transform: translateY(-.52083rem);
    transition: all .5s ease;
}

.header.sticky-hidden .header-nav, .header.sticky-hidden .header-status {
    background-color: #223b80
}

.header.sticky-show {
    transform: translateY(0);
    transition: all .5s ease;
}

.header.sticky-show .header-nav, .header.sticky-show .header-status {
    background-color: #223b80
}

.header.sticky-show .header-nav.active {
    background: #fff;
    color: #002d9b
}


.section-drop-menu {
    background-color: #023a8f;
    display: none;
}

.section-drop-menu .drop-wrapper {
    position: relative
}

.section-drop-menu .drop-wrapper .drop-trigger {
    background-color: #023a8f;
    color: #fff
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper {
    width: 6.25rem;
    margin: 0 auto;
    position: static;
    display: flex
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item {
    background-color: #023a8f;
    color: #fff;
    width: 2.08333rem;
    line-height: .33333rem;
    display: inline-block;
    font-size: .08333rem;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item > span {
    display: inline-block;
    vertical-align: middle
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item .drop-status {
    width: .125rem;
    height: .125rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAC1SURBVEiJ7Y+xDcIwEEX/OSkYgQWQInuFjJGGLcIAmQG2SMM6PtligYxAQXxUSJFlg5GokF9p372nAyqVShbvfe+cGz7NOecG732f+6fUo7V23zTNTUR2RHTsuu6ak4vITET3dV0PxpglnlGpRWPMEkKYiKgVkTl1yUbehhCmlDx7wQtmHpVSZxF5bC+J5Cet9SXneBtIRQCgVF4UiCMAUCovDmwjAFAq/xpmHpl5/Lm4UvlznmERdAAkowLtAAAAAElFTkSuQmCC) center center no-repeat
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item .drop-cnt {
    width: 100%;
    background: #206bd1;
    position: absolute;
    left: 0;
    z-index: 100;
    height: 0;
    opacity: 0;
    transition: all .2s linear;
    z-index: -1
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item .drop-cnt .cnt-wrapper {
    padding: .14583rem 0;
    width: 6.25rem;
    margin: 0 auto
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item .drop-cnt .cnt-wrapper .link-group {
    font-size: .07292rem;
    line-height: .14583rem;
    text-align: left
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item .drop-cnt .cnt-wrapper .link-group > a {
    text-decoration: none;
    color: #fff;
    margin-right: .125rem;
    cursor: pointer
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item .drop-cnt .cnt-wrapper .link-group > a:hover {
    color: #88cc2f
}

.section-drop-menu .drop-wrapper .drop-trigger .wrapper .drop-item:hover .drop-cnt {
    height: .72917rem;
    opacity: 1;
    z-index: 100
}

.section-footer .footer-content {
    background-color: #223b80;
    color: #fff;
    padding: .22917rem 0 .3125rem
}

.section-footer .footer-content .wrapper {
    width: 7.25rem;
    margin: 0 auto;
    position: relative;
    display: flex
}

.section-footer .footer-content .wrapper .col-wrapper {
    width: 2.08333rem
}

.section-footer .footer-content .wrapper .col-wrapper .title-bar {
    text-align: left;
    font-size: .08333rem;
    border-left: .00521rem solid #fff;
    padding-left: .0625rem
}

.section-footer .footer-content .wrapper .col-wrapper .footer_webs_list {
    margin-top: .08333rem
}

.section-footer .footer-content .wrapper .col-wrapper .footer_webs_list > ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.section-footer .footer-content .wrapper .col-wrapper .footer_webs_list > ul > li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
}

.section-footer .footer-content .wrapper .col-wrapper .footer_webs_list > ul > li > span {
    display: block;
    padding-left: .07813rem;
    font-size: .08333rem;
    line-height: .20833rem;
    color: #fff;
    background: none
}

.section-footer .footer-content .wrapper .col-wrapper .footer_webs_list > ul > li > span > a {
    color: #fff;
    text-decoration: none
}

.section-footer .footer-content .wrapper .col-wrapper .contact-group {
    margin-top: .08333rem
}

.section-footer .footer-content .wrapper .col-wrapper .contact-group .contact-text {
    font-size: .08333rem;
    line-height: .20833rem;
    opacity: 1
}

.section-footer .footer-content .wrapper .col-wrapper-follow {
    padding-left: .41667rem
}

.section-footer .footer-content .wrapper .col-wrapper-follow .title-bar {
    text-align: left;
    font-size: .08333rem;
    padding-left: .0625rem;
    border-left: .00521rem solid #fff;
}
.section-footer .footer-content .wrapper .col-wrapper-link {
    width: 1.5rem;
    height: 1rem;
    margin-left: 100px;
}
.section-footer .footer-content .wrapper .col-wrapper-link a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.section-footer .footer-content .wrapper .col-wrapper-link img {
    width: 100%;
    height: 100%;
}
.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    padding-left: .14063rem;
    padding-top: .19792rem
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li {
    list-style-type: none;
    margin-left: .32813rem;
    width: .35rem;
    height: .25rem;
    text-align: center;
}
.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li div {
    display: inline-block;
}
.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-vx {
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAATjSURBVGiB1ZpfSJ9lFMe/z/wxFv0GgmWiiD+mDEkvdiG0yAuxBg2CvAgmGHRRYBfBdOxisV0MFmSsMCnoYkGEQYLBYF3swtYfShxrEBjNoKy1JZPJaOzXMLDx6eI9bz6+6vvn59vsd+CHvuc5f5/nPOc5z3lfpxwAaJLUI2m/pEcllSQ9LOlBI7kraUnSVUlXJF2U9KVzbmGrul2ljECdpBck9UtqlfS5pGlJP0j6RdJNSX8aeVFSvaQ9kjokPSGpV9K8pAlJHzrnblVqS1bDG4Ex4CYwDvQCNRXIqTHecZM1BjT+FzaHCncCJ4BFYASoz1F2vclcNB0785IdKtgLzALngOZcha/V02w6ZoG9eQntBxaAwVwEptM5aDr7typoGLgGdORkWxbdHaZ7uFIBw8A80JKzbVlsaDEbsjlhYXNtO433bGkxW9KFk23Yhe0Im83AwmkhcWNbqpy9nxs2LdjGno1NsZaDz91HuzKBpdgTmw022kGSOs8D7cAp4GtgiVW4DkwBJ4FSjg40m43/ntjOGxyTtOycO5ZCUEnSqKQ+Q/0o6bKk2/b8kKQuSW32/ImkV51zP+fgxIikB5xzh31kndUjieUB8BxQBpaBt4G2GNp2o1m23/M5OFBvttb5yCPAeArmfmAF+BZoz6C0ZDwAr1Rouy9vHDjiIy4BvQlM7TaLM0DRcLuAQ8C+DegbgIFwhYz2G5uAni060AtcCh+agFsklMTAeQudkoebsVld8VfEjL1hY38AtYavtQ0+BxS24ECN2dwkm6XJBIY2M2Ykgvczz1MevtacCqHBG3spSl+hE5PAQEHBNXA6gT5UNhHBH5Q0KOk359xnIdI5dxs4KGlA0lfOuUULsycldRrZaeAjSdPOuYsV+DAtab+AC8CBOErgdZu1zMsOPAt8761GGfjV9lMIc8ChjHIPABdEUO21JhCfzuoAUAQ+Nr6fgJeJHGoE2WnIxrGwKKaU3wrMC7gD7E4gHjIFqVInUAA+NZ7Xkhw3+jeNfirNRAG7gTsC7gGx3Qmg04SfTOnAMaM/6uH2bbACDcBj3vNR4zueQocD7qVywBi+IMg6DQl0RYvz8x6uzwxbAToNVyBIqQCjET3lpFAKHdihoOmUJu6GJdVKmgR2xdA9Y/Le2mQ85C3YT1rbn3rD+PsUD0VJd1Nt4hBYzeEzm60EQQVK1Emga5MQ6o7gisZ/KsGWVmC+oKDdt0dBlywWnHPvA39LOiPprKTHNyB7xGj/ivBe3kDeoqTFCDrki1tlmc1XdyjoVWa5Pk6Ykt+BwwQ5/izBveBFSQ1SUDtlkOlDl/1NmtAOSVdSlRI+eBsyhDmCgykKsSEQI/8DgkMuKVlMAgOpizmP8R0z8Dugz8PXEhxMJYIzYDnrKhDcNQDeTaBbLeYMkVhOe8wl4OkUNEsEFWlnHG3E+LKFZGz845fThkh1ockCQDdBKV0GjmMldQztioVjbOgY/boLTeorZRawlZiysFi2/0cJUu17BM2AG5YEAIZSyFx/pbSBMSL1fo6OdANnWFuVrtg+mvJwUylkjRA0INYNZG6r5AVAjzkzk0C3rq0SJajexpYRVHdr0Qirt7nrMVRve91jrN4XHJ6A6n3F5Amq3pd8nsDqfc3qCa/eF90RZf+rTw2q/mOPih3wgW383OYfsc/SenJo19MAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-vx:after {
    content: "";
    display: none;
    width: .7rem;
    height: .7rem;
    background: url(/static/img/foot-hover-vx.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: .28646rem;
    left: -.11979rem;
    z-index: 1000
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-vx:hover:after {
    content: "";
    display: block
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-video {
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAS9SURBVGiB1ZpPaFxVFMa/NwlloFMIZBxC/pCQlBJMwCyyCMRFCC24cJHlQAVdFNqFi6YKLsyiOwMKbciiQoUgcSFEEao7WyNUSahCIGC7iNHSGgwdS0u1pFDKz8U7j7l9M/PmvsnYOBeGxzv3fOd8582595573wvUhAb0SJqSNCHpZUkDkl6SdNhUHksqSbot6aakdUnfB0Gws1/fQaNAoFPSm5KKkoYkfSfpR0m/SPpN0j1J/5h6TlJB0qCkEUmTkqYlbUv6XNKnQRDcb5RLWuLdwAJwD1gGpoG2Buy0GXbZbC0A3f8F58jhIWAO2AXmgUITbRfM5q75ONQs25GDY8AmcAXoa6rx5/30mY9N4FizjBaBHeB0Uwz6+TxtPov7NTQL3AFGmsQtje8R8z3bqIFZYBvobzK3NBz6jUO6ICxt7hwkeYdLv3HxSycbsDsHkTa1mqXTTt2BbVPl5oscsL7NBvZm4hRrc/CVF8grVbMpdq5WZ7ctJInzPNAOXAC2gOvAq/sglAcWzdYaMFxHv884Vq7YtpTPezj9kOfbU+B4A+S7gFsxW3eBbB3cPLAQF3ZaPZJYHgAdwJ79JoBPzHEJ6E1BPgtsGPYWMG7/JsAbdbAF49rpCs8Byx6O3zInX9t9O3DVlXkGcMkwvwNdJjtjsiUP/DJwzhXcAKY9gIvm5F1H1gs8MHnduRqYcVJv3JFPmHzDw8Y0cCO66QHu41ESA6vm5PWY/G2fHCYctKX4Q7C+gciGB48249wj4CSwUg9kwC1zMhqTtzs5fT4Bv2Q6q0B7rC9nfXhyWQFORmlx1hMUPb2BKn1T1rcX5XWs/zWn/2gN+2kCOAssCrgGnPAEJToAvjCVpZg8SzhgK1LH0elIGcAJ4JoIq72hJgVwlHBwPnXTDPjAoBvx1HF0vMeA6Q8B2wIeAUeaEYDpXDS1r+x+1AlqPAE3argtTy5HgEcCngFepxOUp8uOBJ28ozdFWCIAXKxj+7jprXpyCYBnaQOI8nigjt6c6UWD/m5S0IaJFrLLaQLIKDx0yvmAJO3atWKWibWPTDdv97NBEDysg4nG4bYnl5ykxxmFJ2a+RyR/2TUxgCAInig8fZOkh5K+8bA9ZtdfPbkUJJUyCo/7Bj1BkfHEWYtwpZ6x2w5JPutMNMDXE7XKbVDS7YzCs0rf7WP0947VUrBcv2S3X9r1fRKqVWBMYaC7QRD84cllRNLNjMKIJz1BP9u1ZgCSFiX1mt2iwiByki4kYKL9xFVPHlLIeT1tMZclLAWgerlQtL49bHdlC9TfJp+ptCo5U63XyQNuMWcCr3LadL81Z6di8mGH6JlYX1StluKBA2PW94A6uzEHUy6nTeC1oTHdU+Zww5F1Ua5UP6uBizY+a0DOka+YPHGhi9mq2NB4bSlNNwv8aU7fASYp721/cMnFcF2UF8LrwCvAe87Tz1fDVbFTuaW0Dq9NvelGpbHb1uLpUQU37ATvtqpjo4aNyk29dXgdqzj6M8BP9vTPp8jfPPAx5WOZqRTkax+rmELrHmyZQmsfLZpi6x7uOoDWPV53gK37gsMx0LqvmBxDrfuSzzHYuq9ZHeOt+6I75ux/9alBy3/s0XAAbuMAP7f5F34vDxnBPy7SAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-video:after {
    content: "";
    display: none;
    width: .7rem;
    height: .7rem;
    background: url(/static/img/foot-hover-video.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: .28646rem;
    left: -.11979rem;
    z-index: 1000
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-video:hover:after {
    content: "";
    display: block
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-tiktok {
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAARKSURBVGiB1ZpPaFRXFMZ/dxxCwECFaCgGSYgixbTQhQshBUPo0kUXXbhzUcFCu2iktF0EbO2iQgttoFJKu0jJQqGupIu6SbNQEClUBKWgU4IiDbFiwUgXVn5dvBvz8jLOvDvz0jbfKvfNOd/5bt79c+65L1AB1EFgHDgA7AOGgR3A1mjyCLgHLAA3gMvAfAjhbrexQ6eOaj9wBDgM7AbmgEvAdeA3YAlYjuZ9wAAwAowCY8AE0ADOAt+FEO53qiVV+E51Wl1SZ9UJdUsHPFui72zkmlZ3boTmlYA96pS6qJ5SByrkHoicizFGT1XcKwH2qtfU8+quSsnXxtkVY1xT91ZFeli9qx6rhLBczGMx5uFuiSbV2+poRdpSYo/G2JOdEkyqDXWoYm0pGoaihrROxGFzu0rx6rYoaEh9PsFvKGopN5zihL1b9bBRP3QVPyX6jkZN6yZ2rWDYA5wDToYQrncnuTpELSeBc8UltlawfQ9YCCF8vcGatqc6RE0LZBrXI+6wixu1zheG0F9qbwccu6LGpzt2/g28D8yEEO5UIbgNesmSvyREbTNkWleh9sd8pLL0oIjCG0ieyDmegai1H1bfwBHgQghhqSrBJTCuvpvqFDVeINOcQb2iTlQobh2avIEVfJo6H8yy2CsrjUH1vh2kxIlBn9UB1XvqN+pb6isluLZEzYN1ssk0F0J4spEdaIPtwNH49wxwsZVxCOGJOgeM18iOgZeqUhK3/m1tzH4Gut1rLgEHamRn2I53XXWP+ol6U5Vss3nQxm05hPAm8BJZR/7sIPR1YB9m2d7uVG+1rp6Im9I6NLFvmQupL6uHysyBaL9bbdTJqgdJy6daB84Ar6f4tUII4SpwNcFlCdhRJyt9LLcxLuJzmov/A/gVuJXI1wmWga31VC91HHi78PhH4KMQwuUKhCWhTlZ06gMelvQ5UWifDiEUO/RvoA94VCOrmJXKgdRh1iZht4B3qlZWEgPAvRrZsjdS0ulQoX06hPB3laoSMAIs1MhqlWWPj4OF9nyVihIxCtyokRVax0o6FQ/jnWxAkL7qNcMYcLlG9l8sW99cLLT7EgI+14InCVHrBDBfiyXuBnCwhG+xHD5eMmAdeC33qFHGrwUOAo2n5Xn1uDpbQsieQsbwSxTXzu9owW9/N+rNKtrH8w9KHymj6Dw+aGO/X32Ys7/Zpfg1R8r8D9PqqRIErzbJ3T62cKqKyd4bBfGqXeVPZmX46WY/lC6rqN826cQD9Xv1K/WM+nsTm7Ndil9XVikaTKnnSxD1qj80EdgKF9WUVatZ3PPqVCuDHrPLhbZ3AXGIfKY+biP8sfqlJSZ7m3jHorbWtzcmFnfVF9Qv1DsF4SsH9Re7ER5jPLO4+yyHjsrrap863O1QKXAOmVJezzlu3guOHMHmvWLKEW3eS74c4ea9Zs2Rb96L7kKw/9WnBpv+Y4+OO5CH/+HnNv8AeVEYI2yDI5IAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-tiktok:after {
    content: "";
    display: none;
    width: .7rem;
    height: .7rem;
    background: url(/static/img/foot-hover-tiktok.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: .28646rem;
    left: -.11979rem
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li .foot-tiktok:hover:after {
    content: "";
    display: block
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li > div {
    cursor: pointer;
    width: .25rem;
    height: .25rem;
    z-index: 10
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li > p {
    text-align: center;
    font-size: .08333rem;
    margin-top: .07292rem;
    color: #fff9
}

.section-footer .footer-content .wrapper .col-wrapper-follow .follow_list > ul > li:first-child {
    margin-left: 0
}

.section-footer .footer-copyright {
    background-color: #223b80;
    height: .23958rem;
    line-height: .23958rem
}

.section-footer .footer-copyright .wrapper {
    width: 7.25rem;
    margin: 0 auto;
    position: relative
}

.section-footer .footer-copyright .wrapper .footer-text {
    font-size: .07292rem;
    text-align: center;
    color: #fff;
    opacity: .4
}

.section-footer .footer-copyright .wrapper .footer-text > a {
    color: #fff;
    text-decoration: none
}

.product-list {
    width: 100%;
    border-bottom: .00521rem solid #D0E5F1;
    background-color: #fff
}

.product-list-wrapper {
    margin: auto;
    width: 100%;
    display: flex
}

.product-list-tab {
    width: 2.47396rem;
    display: flex;
    justify-content: flex-end;
    position: relative;
    background: radial-gradient(55% 63% at 100% 100%, #fff0, #f9f9f9), #fff;
    box-sizing: border-box;
    border-right: .00521rem solid #d0e5f1;
    text-align: right;
    font-size: .09375rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0;
    color: #5b5b5b;
}

.product-list-tab::before {
    content: "";
    display: block;
    background-image: url(/static/img/product-list-corner-bg.png);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.47396rem;
    height: 2.23958rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
}

.product-list-tab-wrapper {
    width: 1.04167rem;
    padding-top: .22917rem;
    padding-bottom: .22917rem;
    list-style: none;
    z-index: 3
}

.product-list-tab-item {
    width: 1.04167rem;
    height: .27084rem;
    display: flex;
    align-items: center;
    justify-content: right;
    /*margin-bottom: .10417rem;*/
    padding-right: .29688rem;
    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none;
    border-right: .02083rem solid transparent;
}

.product-list-tab-item.active {
    border-right: .02083rem solid #002D9B;
    color: #002d9b;
    font-weight: 700
}

.product-list-tab-item:hover {
    background: #e8e8e9
}

.product-list .products-main {
    padding: .10417rem 1.06771rem .10417rem .15625rem;
    min-height: 2.6042rem;
    max-height: 80vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.product-list .products-main::-webkit-scrollbar {
    display: none;
}

.product-list .products-main.selected {
    display: block
}

.product-list .products-main-item {
    display: none
}

.product-list .products-main-item-group {
    margin-bottom: .10417rem
}

.product-list .products-main-item-ai {
    color: #333;
}

.product-list .products-main-item-ai img {
    width: 4.6875rem;
}

.product-list .products-main-item-group-title {
    font-size: .09375rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    color: #5b5b5b;
    margin-bottom: .10417rem
}

.product-list .products-main-item-group-content {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    row-gap: .10417rem;
    column-gap: .15625rem
}

.product-list .products-main-item-group-content-child {
    width: 1.45833rem;
    height: .41667rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 0 0.6042rem 0 .10417rem;
    background-size: cover;
    font-size: .08333rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    text-decoration: none;
    word-break: break-all;
    font-feature-settings: "kern" on;
    color: #262626;
    transition: all .2s ease;
    position: relative;
}

.product-list .products-main-item-group-content-child::before {
    display: block;
    content: "";
    background: rgb(249, 250, 255, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s ease;
}

.product-list .products-main-item-group-content-child img {
    width: 1.45833rem;
    height: .41667rem;
    position: absolute;
    left: 0;
    top: 0;
    filter: grayscale(80%);
    opacity: .4;
    transition: all .2s ease;
}

.product-list .products-main-item-group-content-child span {
    z-index: 1;
}

.product-list .products-main-item-group-content-child:hover {
    font-weight: 700;
    box-shadow: 0 .05208rem .26042rem #2136701a;

}

.product-list .products-main-item-group-content-child:hover::before {
    opacity: 0;
}

.product-list .products-main-item-group-content-child:hover img {
    filter: grayscale(0);
    opacity: 1;
}

.solution {
    padding-top: .14063rem;
    padding-bottom: .22396rem;
    border-bottom: .00521rem solid rgba(130, 186, 217, .5);
    background: #fff
}

.solution-wrapper {
    width: 7.7083rem;
    margin: 0 auto;
    display: flex;
    gap: .05208rem;
    flex-wrap: wrap
}

.solution-item {
    width: 1.875rem;
    height: .52083rem;
    transition: all .2s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    padding-left: .10417rem;
    text-decoration: none;
    position: relative;
    font-size: .09375rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0;
    font-feature-settings: "kern" on;
    color: #383838;
}

.solution-item img {
    width: 1.875rem;
    height: .52083rem;
    transition: all .2s ease;
    position: absolute;
    top: 0;
    left: 0;
    filter: grayscale(80%);
    opacity: .4;
}

.solution-item:hover {
    font-weight: 700;
    box-shadow: 0 .05208rem .26042rem #2136701a;
}

.solution-item:hover img {
    filter: grayscale(0);
    opacity: 1;
}

.solution-item-title {
    font-size: .09375rem;
    line-height: normal;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    z-index: 1;
}

.service {
    padding-top: .14063rem;
    padding-bottom: .22396rem;
    border-bottom: .00521rem solid rgba(130, 186, 217, .5);
    background: #fff
}

.service-wrapper {
    width: 7.7083rem;
    margin: 0 auto;
    display: flex
}

.service-item {
    width: 3.7917rem;
    height: 0.625rem;
    padding: .15625rem;
    margin-right: 0.125rem;
    transition: all .2s ease;
    cursor: pointer;
    text-decoration: none;
}

.service-item:first-child {
    background: url("/static/img/service-wrapper-one.png") no-repeat;
    background-size: 100% 100%;
}

.service-item:nth-child(2) {
    background: url("/static/img/service-wrapper-two.png") no-repeat;
    background-size: 100% 100%;
}

.service-item:hover {
    box-shadow: 0 .05208rem .26042rem #2136701a
}

.service-item-title {
    font-size: .09375rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #383838;
    margin-bottom: .05208rem
}

.service-item-subTitle {
    font-size: .07292rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #383838
}

.service-feedback {
    background-image: url(/static/img/service-feedback.png);
    text-decoration: none
}

.service-tel {
    background-image: url(/static/img/service-tel.png);
    text-decoration: none
}

.service .btn-arrow-right {
    display: block;
    width: .16667rem;
    height: .16667rem;
    border: 0;
    margin-top: .28125rem;
    margin-left: .04167rem
}

.about {
    padding-top: .20833rem;
    padding-bottom: .46875rem;
    border-bottom: .00521rem solid rgba(130, 186, 217, .5);
    height: 2.23958rem;
    background: #fff
}

.about-wrapper {
    width: 7.7083rem;
    margin: 0 auto;
    display: flex
}

.about-cover {
    margin-right: .39063rem
}

.about-cover-img {
    width: 2.47396rem;
    height: 1.5625rem;
    display: none
}

.about-cover-img.active {
    display: block
}

.about-container {
    flex: 1;
    min-width: 0
}

.about-tab {
    border-bottom: .00521rem solid rgba(130, 186, 217, .5);
    font-size: .09375rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #5b5b5b
}

.about-tab .about-tab-wrapper {
    display: flex;
    list-style: none
}

.about-tab .about-tab-wrapper .about-tab-item {
    margin-right: .15625rem;
    padding-bottom: .09375rem;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #5b5b5b;
}

.about-tab .about-tab-wrapper .about-tab-item:hover {
    color: #002d9b;
    font-weight: 700
}

.about-tab .about-tab-wrapper .about-tab-item.active {
    border-bottom: .02083rem solid #002D9B;
    color: #002d9b;
    font-weight: 700
}

.about-main {
    min-width: 0;
    position: relative
}

.about-main-item {
    display: none;
    min-width: 0
}

.about-main-item-inner {
    height: .82291666rem;
    margin-bottom: .05208rem;
    margin-top: .05208rem
}

.about-main-item .btn {
    width: 1.09375rem;
    height: .27083rem;
    display: flex;
    padding: .05208rem .26042rem;
    align-items: center;
    justify-content: center;
    background: #4272e7;
    font-size: .09375rem;
    color: #fff;
    line-height: .16667rem;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

.about-main-item .btn:hover {
    opacity: .7
}

.about-main-item .btn .icon {
    width: .125rem;
    height: .125rem;
    background-position: center;
    /*margin-left: .07292rem*/
}

.about-main-text {
    font-family: Source Han Sans;
    font-size: .09375rem;
    height: 0.8333rem;
    font-weight: 400;
    line-height: .16667rem;
    text-align: justify;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #5b5b5b;
    text-indent: 2em;
    overflow: hidden;
    margin-top: 0.109375rem;
    margin-bottom: 0.109375rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis
}

.about-main-text > img {
    width: 100%;
    height: 100%;
    margin-left: -2em;
}

.about-main-marquee {
    background: transparent;
    max-height: .9375rem !important;
    height: .9375rem !important;
    display: block;
    text-decoration: none;
    margin-bottom: .05208rem;
    margin-top: .0625rem
}

.about-main-marquee.str_wrap.str_active {
    background: transparent
}

.about-main-marquee .str_move {
    cursor: ew-resize
}

.about-main-marquee img {
    height: .9375rem;
    width: auto;
    margin-right: .10417rem
}

.about-main-marquee img:last-child {
    margin-right: 0
}

.about-main-list {
    min-width: 0;
    margin-top: .10417rem;
    margin-bottom: .125rem;
    height: .82291666rem;
}

.about-main-list-child {
    display: flex;
    align-items: center;
    margin-bottom: .05208rem;
    cursor: pointer;
    min-width: 0;
    text-decoration: none
}

.about-main-list-child--title {
    font-size: .09375rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #383838;
    flex: 1;
    min-width: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: .34375rem
}

.about-main-list-child--title:hover {
    color: #4272e7
}

.about-main-list-child--date {
    font-size: .09375rem;
    font-weight: 400;
    line-height: .16667rem;
    text-align: justify;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #959595;
    min-width: 0
}

/* zoom */
img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
    position: relative;
    z-index: 666;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.zoom-overlay {
    z-index: 420;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
    cursor: default;
}

.zoom-overlay-open .originally-hidden-element {
    overflow: visible !important;
}

.ydicon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
}

.yd-normal + .header .nav-logo-white img {
    width: .78125rem;
    height: .20833rem;
    background-image: url(/static/img/nav-logo.png) !important
}

.yd-normal + .header .header-status {
    background-color: #223b80
}

.yd-normal + .header .header-nav {
    background: #fff;
    color: #002d9b
}

.yd-normal + .header .header-nav .nav-search .search-icon {
    background-image: url(/static/img/search-icon.png);
}

.yd-normal.header .header-nav.active .search-icon {
    background-image: url(/static/img/search-icon.png);
}

.yd-normal + .header .nav-search-content {
    border-color: #002d9b
}

.yd-normal + .header .nav-search-input {
    color: #002d9b;
    caret-color: #002d9b
}
<!--0.00012111663818359-->