body {
    --ww: 1.46rem;
    --bj: var(--ww);
    --top: 1rem;
    --color: #1e2da1;
    --gap: 1.2rem;
    --f14: 0.14rem;
    --f16: 0.16rem;
    --f18: 0.16rem;
    --f20: 0.18rem;
    --f22: 0.20rem;
    --f24: 0.22rem;
    --f26: 0.24rem;
    --f28: 0.26rem;
    --f30: 0.28rem;
    --f32: 0.30rem;
    --f34: 0.32rem;
    --f36: 0.34rem;
    --f38: 0.36rem;
    --f40: 0.38rem;
    --f42: 0.40rem;
    --f44: 0.42rem;
    --f46: 0.44rem;
    --f48: 0.46rem;
    --f54: 0.50rem;
    --f56: 0.52rem;
    --f58: 0.54rem;
    --f60: 0.56rem;
    --f64: 0.6rem
}

body::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

body::-webkit-scrollbar-thumb {
    background: #1e2da1;
    border-radius: 8px
}

body::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 8px
}

@-moz-document url-prefix() {
    body {
        scrollbar-color: #1e2da1 #fff;
        scrollbar-width: thin;
        -ms-overflow-style: none
    }
}

.viewer-footer {
    display: none;
}

.button-disabled,
.swiper-button-disabled {
    cursor: no-drop !important
}

.maodian {
    position: relative;
    top: calc(var(--top)*-1 + 1px)
}

.pt {
    padding-top: var(--gap)
}

.pb {
    padding-bottom: var(--gap)
}

.wMain {
    padding-left: var(--bj);
    padding-right: var(--bj);
    width: 100%
}

.Privacy_Policy .box_ .content1 {
    font-size: var(--f48);
    font-weight: 700
}

.Privacy_Policy .box_ .hr {
    border-top: 1px solid #eee;
    margin: .5rem 0
}

.Privacy_Policy .box_ .content3 {
    color: #333;
    font-size: var(--f18);
    line-height: 1.8
}

.Sitemap .ap_top {
    border-bottom: 1px solid #ccc;
    padding-bottom: .46rem
}

.Sitemap .ap_top p {
    color: #000;
    font-size: var(--f48);
    font-weight: 700
}

.Sitemap .ap_bot .item {
    border-bottom: 1px solid #ccc;
    padding: .44rem 0
}

.Sitemap .ap_bot .item .content1 a {
    color: #000;
    font-size: var(--f26);
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content1 a:hover {
    color: #1e2da1
}

.Sitemap .ap_bot .item .content2 {
    font-size: var(--f20);
    margin-top: .22rem
}

.Sitemap .ap_bot .item .content2 .firstorder {
    display: grid;
    gap: .2rem;
    grid-template-columns: repeat(6, 1fr)
}

.Sitemap .ap_bot .item .content2 .firstorder a {
    color: #333;
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content2 .firstorder a:hover {
    color: #1e2da1
}

.Sitemap .ap_bot .item .content2 .multistage {
    display: grid;
    gap: .2rem;
    grid-template-columns: repeat(6, 1fr)
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a {
    color: #333;
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover {
    color: #1e2da1
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 {
    margin-top: .26rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a {
    color: #333;
    font-size: .9em;
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover {
    color: #1e2da1
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 {
    padding-left: .1rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 {
    margin-top: .14rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-size: .8em;
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i {
    font-size: .9em;
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -ms-flex: 1;
    flex: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover {
    color: #1e2da1
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 {
    padding-left: .1rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 {
    margin-top: .1rem
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-size: .8em;
    line-height: 1.4;
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i {
    font-size: .9em;
    -webkit-transition: .4s;
    transition: .4s
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -ms-flex: 1;
    flex: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a+a {
    margin-top: 4px
}

.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover {
    color: #1e2da1
}

.compiler_style iframe,
.compiler_style img,
.compiler_style video {
    float: none !important;
    height: auto !important;
    max-width: 100% !important
}

.compiler_style a {
    color: -webkit-link;
    display: inline;
    text-decoration: underline
}

.compiler_style b,
.compiler_style strong {
    font-weight: 700
}

.compiler_style em,
.compiler_style i {
    font-style: italic
}

.compiler_style sup {
    font-size: smaller;
    vertical-align: super
}

.compiler_style sub {
    font-size: smaller;
    vertical-align: sub
}

.compiler_style h1,
.compiler_style h2,
.compiler_style h3,
.compiler_style h4,
.compiler_style h5,
.compiler_style h6 {
    font-weight: 700
}

.compiler_style hr {
    display: block;
    -webkit-margin-before: .5em;
    margin-block-start: .5em;
    -webkit-margin-after: .5em;
    margin-block-end: .5em;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
    color: gray;
    margin-inline-end: auto;
    overflow: hidden;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: isolate
}

.compiler_style table tr td {
    border: 1px solid #ccc;
    padding: 6px
}

.compiler_style ul {
    padding-left: 22px
}

.compiler_style ul li {
    list-style-type: inherit
}

.compiler_style ol {
    padding-left: 22px
}

.compiler_style ol li {
    list-style-type: inherit
}

.pu_search {
    --h: 0.6rem;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
    display: none;
    padding: .25rem 0;
    position: fixed;
    top: var(--top);
    width: 100%;
    z-index: 5
}

.pu_search .ch_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    width: min(7.2rem, 90vw);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pu_search .ch_box .form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pu_search .ch_box .form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eee;
    border-radius: .1rem;
    padding: 0 .25rem
}

.pu_search .ch_box .form form .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pu_search .ch_box .form form .item input {
    background: none;
    border: none;
    color: #333;
    height: var(--h);
    width: 100%
}

.pu_search .ch_box .form form .item input::-webkit-input-placeholder {
    color: #999
}

.pu_search .ch_box .form form .item input::-moz-placeholder {
    color: #999
}

.pu_search .ch_box .form form .item input:-ms-input-placeholder {
    color: #999
}

.pu_search .ch_box .form form .item input::-ms-input-placeholder {
    color: #999
}

.pu_search .ch_box .form form .item input::placeholder {
    color: #999
}

.pu_search .ch_box .form form .submit {
    cursor: pointer
}

.pu_search .ch_box .form form .submit span {
    display: block;
    width: 22px
}

.pu_search .ch_box .form form .submit span img {
    width: 100%
}

.pu_search .ch_box .close {
    cursor: pointer;
    margin-left: .3rem
}

.pu_search .ch_box .close i {
    color: #333;
    font-size: var(--f30);
    -webkit-transition: .4s;
    transition: .4s
}

.pu_search .ch_box .close:hover i {
    color: #1e2da1
}

.pc_header {
    position: fixed;
    z-index: 5
}

.pc_header,
.pc_header:before {
    left: 0;
    top: 0;
    -webkit-transition: .6s;
    transition: .6s;
    width: 100%
}

.pc_header:before {
    content: "";
    height: 100%;
    position: absolute
}

.pc_header .he_box {
    font-size: var(--f16);
    position: relative;
    -webkit-transition: .6s;
    transition: .6s;
    z-index: 1
}

.pc_header .he_box .logo a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    height: .53rem;
    -webkit-transition: .3s;
    transition: .3s
}

.pc_header .he_box .column .nav .item {
    position: relative
}

.pc_header .he_box .column .nav .item>p a {
    color: #fff;
    line-height: var(--top);
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.pc_header .he_box .column .nav .item>p a:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.pc_header .he_box .column .nav .item .down {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .06);
    box-shadow: 0 0 10px rgba(0, 0, 0, .06);
    display: none;
    left: 50%;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 8.4rem
}

.pc_header .he_box .column .nav .item .down>div {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .8);
    border-radius: var(--r10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 3rem;
    overflow: hidden;
    padding: .5rem .6rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pc_header .he_box .column .nav .item .down>div .le_box {
    width: 40%
}

.pc_header .he_box .column .nav .item .down>div .le_box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: calc((.18rem + var(--w40))/2);
    font-size: var(--f18);
    justify-content: space-between;
    padding: .09rem;
    align-items: center;
}

.pc_header .he_box .column .nav .item .down>div .le_box a span {
    padding: 0 .2rem;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-flex: 1;
    color: #000;
    -ms-flex: 1;
    flex: 1;
    /* line-height: var(--w40) */
}

.pc_header .he_box .column .nav .item .down>div .le_box a p {
    background: #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s;
    width: var(--w40)
}

.pc_header .he_box .column .nav .item .down>div .le_box a p svg {
    margin: auto;
    max-width: 42.5%
}

.pc_header .he_box .column .nav .item .down>div .le_box a+a {
    margin-top: .1rem
}

.pc_header .he_box .column .nav .item .down>div .le_box a.active,
.pc_header .he_box .column .nav .item .down>div .le_box a:hover {
    background: #f6f6f6
}

.pc_header .he_box .column .nav .item .down>div .le_box a.active span,
.pc_header .he_box .column .nav .item .down>div .le_box a:hover span {
    color: #1e2da1
}

.pc_header .he_box .column .nav .item .down>div .le_box a.active p,
.pc_header .he_box .column .nav .item .down>div .le_box a:hover p {
    opacity: 1
}

.pc_header .he_box .column .nav .item .down>div .ri_box {
    position: relative;
    width: 50%
}

.pc_header .he_box .column .nav .item .down>div .ri_box p {
    border-radius: var(--r15);
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.pc_header .he_box .column .nav .item .down>div .ri_box p img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.pc_header .he_box .column .nav .item .down>div .ri_box p:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.pc_header .he_box .column .nav .item .down>div .ri_box p.active {
    -webkit-animation: heroFade 1s .15s both;
    animation: heroFade 1s .15s both;
    position: relative;
    z-index: 1
}

.pc_header .he_box .column .nav .item+.item {
    margin-left: .38rem
}

.pc_header .he_box .column .nav .item:hover .down {
    display: block
}

.pc_header .he_box .column .nav .item.active>p a:before,
.pc_header .he_box .column .nav .item:hover>p a:before {
    opacity: 1
}

.pc_header .he_box .menu .lang p {
    color: hsla(0, 0%, 100%, .5)
}

.pc_header .he_box .menu .lang p a {
    color: hsla(0, 0%, 100%, .5);
    -webkit-transition: .4s;
    transition: .4s
}

.pc_header .he_box .menu .lang p a.active {
    color: #fff
}

.pc_header .he_box .menu .lang p i {
    margin: 0 6px
}

.pc_header .he_box .menu .search {
    margin-left: .48rem
}

.pc_header .he_box .menu .search p {
    cursor: pointer
}

.pc_header .he_box .menu .search p svg {
    width: var(--f20)
}

.pc_header.active .he_box .logo a img,
.pc_header.black .he_box .logo a img,
.pc_header.sticky .he_box .logo a img {
    -webkit-filter: none;
    filter: none
}

.pc_header.active .he_box .column .nav .item>p a,
.pc_header.black .he_box .column .nav .item>p a,
.pc_header.sticky .he_box .column .nav .item>p a {
    color: #333
}

.pc_header.active .he_box .column .nav .item.active>p a,
.pc_header.active .he_box .column .nav .item:hover>p a,
.pc_header.black .he_box .column .nav .item.active>p a,
.pc_header.black .he_box .column .nav .item:hover>p a,
.pc_header.sticky .he_box .column .nav .item.active>p a,
.pc_header.sticky .he_box .column .nav .item:hover>p a {
    color: #1e2da1
}

.pc_header.active .he_box .column .nav .item.active>p a:before,
.pc_header.active .he_box .column .nav .item:hover>p a:before,
.pc_header.black .he_box .column .nav .item.active>p a:before,
.pc_header.black .he_box .column .nav .item:hover>p a:before,
.pc_header.sticky .he_box .column .nav .item.active>p a:before,
.pc_header.sticky .he_box .column .nav .item:hover>p a:before {
    background: #1e2da1
}

.pc_header.active .he_box .menu .lang p,
.pc_header.active .he_box .menu .lang p a,
.pc_header.black .he_box .menu .lang p,
.pc_header.black .he_box .menu .lang p a,
.pc_header.sticky .he_box .menu .lang p,
.pc_header.sticky .he_box .menu .lang p a {
    color: rgba(51, 51, 51, .5)
}

.pc_header.active .he_box .menu .lang p a.active,
.pc_header.black .he_box .menu .lang p a.active,
.pc_header.sticky .he_box .menu .lang p a.active {
    color: #333
}

.pc_header.active .he_box .menu .search p svg path,
.pc_header.black .he_box .menu .search p svg path,
.pc_header.sticky .he_box .menu .search p svg path {
    fill: #1e2da1
}

.pc_header.active:before {
    background: #fff;
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .08));
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, .08))
}

.pc_header.sticky {
    position: -webkit-sticky;
    position: sticky
}

.pc_header.sticky:before {
    background: #fff
}

.pc_header.on {
    top: calc(var(--top)*-1)
}

.pc_footer {
    background: #fff;
    font-size: var(--f16);
    position: relative
}

.pc_footer .ter_top {
    padding: .46rem 0 .26rem
}

.pc_footer .ter_top .logo a img {
    height: .72rem
}

.pc_footer .ter_top .share .item {
    margin-right: .16rem;
    position: relative
}

.pc_footer .ter_top .share .item:last-child {
    margin-right: 0
}

.pc_footer .ter_top .share .item>a {
    background: #f6f6f6;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w58);
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w58)
}

.pc_footer .ter_top .share .item>a img {
    margin: auto;
    max-width: 46%;
    -webkit-transition: .3s;
    transition: .3s
}

.pc_footer .ter_top .share .item .post {
    border: 3px solid #1e2da1;
    border-radius: 3px;
    left: 50%;
    position: absolute;
    top: calc(100% + 16px);
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: .6s;
    transition: .6s
}

.pc_footer .ter_top .share .item .post:before {
    border: 6px solid transparent;
    border-bottom-color: #1e2da1;
    content: "";
    left: 50%;
    position: absolute;
    top: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pc_footer .ter_top .share .item .post img {
    width: var(--w100)
}

.pc_footer .ter_top .share .item:hover>a {
    background: #1e2da1
}

.pc_footer .ter_top .share .item:hover>a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.pc_footer .ter_top .share .item:hover .post {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.pc_footer .ter_cen {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: .56rem 0
}

.pc_footer .ter_cen .item {
    max-width: 12%
}

.pc_footer .ter_cen .item:last-child {
    max-width: 25%;
}


.pc_footer .ter_cen .item .one {
    margin-bottom: .28rem
}

.pc_footer .ter_cen .item .one a {
    font-size: 1.125em;
    font-weight: 700
}

.pc_footer .ter_cen .item .two a {
    color: #666;
    -webkit-transition: .4s;
    transition: .4s
}

.pc_footer .ter_cen .item .two a+a {
    margin-top: .14rem
}

.pc_footer .ter_cen .item .two a:hover {
    color: #1e2da1
}

.pc_footer .ter_cen .item .three .div1 p {
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pc_footer .ter_cen .item .three .div1 p a {
    -webkit-box-flex: 1;
    color: #666;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: .4s;
    transition: .4s
}

.pc_footer .ter_cen .item .three .div1 p a:hover {
    color: #1e2da1
}

.pc_footer .ter_cen .item .three .div1 p+p {
    margin-top: .14rem
}

.pc_footer .ter_cen .item .three .div2 {
    margin-top: .3rem
}

.pc_footer .ter_bot {
    padding: .42rem 0
}

.pc_footer .ter_bot .copy {
    color: #666
}

.pc_footer .ter_bot .copy a {
    color: #666;
    display: inline;
    -webkit-transition: .4s;
    transition: .4s
}

.pc_footer .ter_bot .copy a:hover {
    color: #1e2da1
}

.pc_footer .ter_bot .yszc {
    color: #666
}

.pc_footer .ter_bot .yszc span {
    margin: 0 .1rem
}

.pc_footer .ter_bot .yszc a {
    color: #666;
    -webkit-transition: .4s;
    transition: .4s
}

.pc_footer .ter_bot .yszc a:hover {
    color: #1e2da1
}

.pu_aside {
    position: fixed;
    right: calc((var(--w44) + 14px)*-1);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .6s;
    transition: .6s;
    z-index: 5
}

.pu_aside .box {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: calc((var(--w44) + 8px)/2);
    -webkit-filter: drop-shadow(0 0 6px rgba(66, 66, 66, .12));
    filter: drop-shadow(0 0 6px rgba(66, 66, 66, .12));
    padding: 4px
}

.pu_aside .box .item {
    position: relative
}

.pu_aside .box .item>a {
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w44);
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w44)
}

.pu_aside .box .item>a svg {
    margin: auto;
    max-width: 56%
}

.pu_aside .box .item>a svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.pu_aside .box .item .post {
    border-radius: 3px;
    position: absolute;
    right: calc(100% + 16px);
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: .6s;
    transition: .6s;
    white-space: nowrap
}

.pu_aside .box .item .post:before {
    border: 6px solid transparent;
    border-left-color: #1e2da1;
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pu_aside .box .item .post_img {
    border: 3px solid #1e2da1
}

.pu_aside .box .item .post_img img {
    width: var(--w100)
}

.pu_aside .box .item .post_link {
    background: #fff
}

.pu_aside .box .item .post_link:before {
    border-left-color: #fff;
    right: -12px
}

.pu_aside .box .item .post_link a {
    color: #1e2da1;
    font-family: Bold;
    font-size: var(--f18);
    line-height: 2.6;
    padding: 0 .2rem
}

.pu_aside .box .item+.item {
    margin-top: .1rem
}

.pu_aside .box .item:hover>a {
    background: #1e2da1
}

.pu_aside .box .item:hover>a svg path {
    fill: #fff
}

.pu_aside .box .item:hover .post {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.pu_aside.active {
    right: .1rem
}

.phone_show {
    display: none
}

.pu_link {
    -webkit-transition: .4s;
    transition: .4s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    --ys1: #fff;
    --ys2: var(--color)
}

.pu_link .a {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 1.7rem;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: var(--ys1);
    border: 1px solid var(--ys1);
    border-radius: calc((var(--w40) + var(--kx)*2)/2);
    font-size: var(--f16);
    justify-content: space-between;
    overflow: hidden;
    padding: var(--kx);
    -webkit-transition: .8s;
    transition: .8s
}

.pu_link .a:before {
    background: #1e2da1;
    border-radius: calc(var(--w40)/2);
    content: "";
    display: none;
    height: var(--w40);
    position: absolute;
    right: var(--kx);
    top: var(--kx);
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w40)
}

.pu_link .a span {
    color: var(--ys2);
    padding: 0 .18rem;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 1
}

.pu_link .a p {
    background: var(--ys2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    position: relative;
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w40);
    z-index: 1
}

.pu_link .a p svg {
    margin: auto;
    max-width: 42.5%
}

.pu_link .a p svg path {
    fill: var(--ys1);
    -webkit-transition: .4s;
    transition: .4s
}

.pu_link:hover .a p svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.pu_link.color {
    --ys1: var(--color);
    --ys2: #fff
}

.pu_link.border .a {
    border-color: var(--ys2)
}

.pu_link.border .a span {
    padding: 0 .28rem 0 0
}

.pu_link.border:hover .a p svg {
    -webkit-animation: arrowRun_2 5s infinite;
    animation: arrowRun_2 5s infinite
}

.pu_link.color1:hover {
    --ys1: var(--color);
    --ys2: #fff
}

.pu_link.runDown .a p svg {
    -webkit-animation: runDown 1.6s infinite;
    animation: runDown 1.6s infinite
}

@-webkit-keyframes runDown {
    0% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes runDown {
    0% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.title_01 {
    font-size: var(--f48);
    font-weight: 700
}

.index_banner,
.index_banner .swiper .swiper-slide {
    position: relative
}

.index_banner .swiper .swiper-slide .slide_img {
    width: 100%
}

.index_banner .swiper .swiper-slide .slide_img img,
.index_banner .swiper .swiper-slide .slide_img video {
    height: var(--vh);
    width: 100%
}

.index_banner .swiper .swiper-slide .slide_img .phone_show {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.index_banner .swiper .swiper-slide .slide_img .phone_show .img,
.index_banner .swiper .swiper-slide .slide_img .phone_show .img img,
.index_banner .swiper .swiper-slide .slide_img .phone_show .img picture {
    height: 100%;
    width: 100%
}

.index_banner .swiper .swiper-slide .slide_img .phone_show .play {
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .7rem;
    position: absolute;
    right: 5vw;
    width: .7rem;
    z-index: 3
}

.index_banner .swiper .swiper-slide .slide_img .phone_show .play svg {
    margin: auto;
    max-width: 100%
}

.index_banner .swiper .swiper-slide .slide_img .phone_show .play .svg2,
.index_banner .swiper .swiper-slide .slide_img .phone_show.active .img,
.index_banner .swiper .swiper-slide .slide_img .phone_show.active .play .svg1 {
    display: none
}

.index_banner .swiper .swiper-slide .slide_img .phone_show.active .play .svg2 {
    display: block
}

.index_banner .swiper .swiper-slide .slide_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 var(--bj);
    position: absolute;
    top: 0;
    width: 100%
}

.index_banner .swiper .swiper-slide .slide_post>div {
    color: #fff;
    margin: auto;
    width: 100%
}

.index_banner .swiper .swiper-slide .slide_post>div .content1 .t1 {
    font-size: var(--f56);
    font-weight: 700;
    opacity: 0;
    -webkit-transform: none;
    transform: none
}

.index_banner .swiper .swiper-slide .slide_post>div .content1 .t2 {
    font-size: var(--f30);
    margin-top: .3rem;
    opacity: 0;
    -webkit-transform: none;
    transform: none
}

.index_banner .swiper .swiper-slide .slide_post>div .content2 {
    margin-top: .58rem;
    opacity: 0;
    -webkit-transform: none;
    transform: none
}

.index_banner .swiper .swiper-slide-active .slide_post>div .content1 .t1 {
    -webkit-animation: heroFade 1s .15s both;
    animation: heroFade 1s .15s both
}

.index_banner .swiper .swiper-slide-active .slide_post>div .content1 .t2 {
    -webkit-animation: heroFade 1s .3s both;
    animation: heroFade 1s .3s both
}

.index_banner .swiper .swiper-slide-active .slide_post>div .content2 {
    -webkit-animation: heroFade 1s .45s both;
    animation: heroFade 1s .45s both
}

.index_banner .swiper .swiper-slide._video .slide_post {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 49, 107, .8)), to(hsla(345, 9%, 91%, .4)));
    background: linear-gradient(180deg, rgba(29, 49, 107, .8), hsla(345, 9%, 91%, .4))
}

.index_banner .div_ {
    bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index_banner .div_ .li {
    cursor: pointer;
    margin: 0 .1rem
}

.index_banner .div_ .li,
.index_banner .div_ .li svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.index_banner .div_ .li.active svg path {
    fill: #1e2da1
}

@-webkit-keyframes arrowRun {
    0% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7% {
        -webkit-transform: translate3d(180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7.1% {
        -webkit-transform: translate3d(-180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(-180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    14% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

@keyframes arrowRun {
    0% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7% {
        -webkit-transform: translate3d(180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7.1% {
        -webkit-transform: translate3d(-180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(-180%, 0, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    14% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

@-webkit-keyframes arrowRun_2 {
    0% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7% {
        -webkit-transform: translate3d(150%, -150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(150%, -150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7.1% {
        -webkit-transform: translate3d(-150%, 150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(-150%, 150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    14% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

@keyframes arrowRun_2 {
    0% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7% {
        -webkit-transform: translate3d(150%, -150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(150%, -150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    7.1% {
        -webkit-transform: translate3d(-150%, 150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translate3d(-150%, 150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    14% {
        -webkit-transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

@-webkit-keyframes heroFade {
    0% {
        opacity: .001;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes heroFade {
    0% {
        opacity: .001;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.index_about {
    position: relative
}

.index_about .ab_top {
    position: relative;
    z-index: 1
}

.index_about .ab_top .content1 {
    text-align: center
}

.index_about .ab_top .content1 .desc {
    color: #444;
    font-size: var(--f18);
    line-height: 1.77;
    margin-top: .35rem
}

.index_about .ab_top .content1 .desc span {
    color: #1e2da1
}

.index_about .ab_top .content2 {
    margin-top: .42rem
}

.index_about .ab_bot {
    display: grid;
    gap: .28rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 2.44rem;
    position: relative;
    z-index: 1
}

.index_about .ab_bot .item {
    background: hsla(0, 0%, 100%, .6);
    border: 1px solid hsla(0, 0%, 85%, .6);
    border-radius: var(--r10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .42rem .62rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index_about .ab_bot .item .svg {
    background: rgba(30, 45, 161, .05);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w96);
    width: var(--w96)
}

.index_about .ab_bot .item .svg img {
    margin: auto;
    max-width: 44%
}

.index_about .ab_bot .item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .38rem
}

.index_about .ab_bot .item .text .data {
    color: #1e2da1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Bold;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.index_about .ab_bot .item .text .data p {
    font-size: var(--f46);
    line-height: .8
}

.index_about .ab_bot .item .text .data span {
    font-size: var(--f24);
    margin-left: 4px
}

.index_about .ab_bot .item .text .desc {
    font-size: var(--f18);
    margin-top: .16rem
}

.index_about .ab_bk {
    bottom: .5rem;
    left: 0;
    padding: 0 var(--bj);
    position: absolute;
    width: 100%
}

.index_about .ab_bk img {
    width: 100%
}

.index_product {
    background: #f6f6f6;
    position: relative
}

.index_product .pr_top .ri_box .content1>div {
    background: #fff;
    border-radius: calc((var(--w40) + var(--kx)*2)/2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .7rem
}

.index_product .pr_top .ri_box .content1>div p {
    color: #666;
    cursor: pointer;
    font-size: var(--f18);
    line-height: calc(var(--w40) + var(--kx)*2);
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.index_product .pr_top .ri_box .content1>div p:before {
    background: #1e2da1;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.index_product .pr_top .ri_box .content1>div p+p {
    margin-left: .6rem
}

.index_product .pr_top .ri_box .content1>div p.active,
.index_product .pr_top .ri_box .content1>div p:hover {
    color: #1e2da1
}

.index_product .pr_top .ri_box .content1>div p.active:before,
.index_product .pr_top .ri_box .content1>div p:hover:before {
    opacity: 1
}

.index_product .pr_top .ri_box .content2 {
    margin-left: .1rem
}

.index_product .pr_bot {
    margin-top: .6rem;
    position: relative
}

.index_product .pr_bot .none {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.index_product .pr_bot .none .div_ .next,
.index_product .pr_bot .none .div_ .prev {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .5);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.index_product .pr_bot .none .div_ .next:hover,
.index_product .pr_bot .none .div_ .prev:hover {
    background: rgba(30, 45, 161, .5)
}

.index_product .pr_bot .none .div_ .next:hover svg path,
.index_product .pr_bot .none .div_ .prev:hover svg path {
    fill: #fff
}

.index_product .pr_bot .none .div_ .prev {
    left: 10px
}

.index_product .pr_bot .none .div_ .next {
    right: 10px
}

.index_product .pr_bot .none.active {
    -webkit-animation: heroFade 1s .15s both;
    animation: heroFade 1s .15s both;
    position: relative;
    z-index: 1
}

.pu_li_1 a {
    border-radius: var(--r15);
    overflow: hidden;
    position: relative
}

.pu_li_1 a .bk {
    border-radius: inherit;
    overflow: hidden;
    width: 100%
}

.pu_li_1 a .bk img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.pu_li_1 a .post {
    border-radius: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pu_li_1 a .post>div {
    color: #fff;
    height: 100%;
    padding: .54rem .48rem;
    width: 100%
}

.pu_li_1 a .post>div .t1 {
    font-size: var(--f26)
}

.pu_li_1 a .post>div .t2 {
    display: -webkit-box;
    font-size: var(--f18);
    -webkit-line-clamp: 2;
    margin-top: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 2.8em;
    line-height: 1.4;
    text-align: left
}

.pu_li_1 a:hover .bk img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.mt60 {
    margin-top: .6rem
}

.index_solution {
    --w1: 0.18rem;
    position: relative
}

.index_solution .so_box .le_box {
    width: 21%
}

.index_solution .so_box .le_box>div {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--top) + .2rem)
}

.index_solution .so_box .le_box>div .desc {
    margin-top: .76rem;
    position: relative
}

.index_solution .so_box .le_box>div .desc:before {
    background: #d9d9d9;
    content: "";
    height: calc(100% - var(--f20)*1.4);
    left: calc((var(--w1) - .5px)/2);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.index_solution .so_box .le_box>div .desc p {
    color: #888;
    cursor: pointer;
    font-size: var(--f20);
    line-height: 1.4;
    padding-left: .54rem;
    position: relative
}

.index_solution .so_box .le_box>div .desc p:after,
.index_solution .so_box .le_box>div .desc p:before {
    border: 2px solid #1e2da1;
    border-radius: 50%;
    content: "";
    height: var(--w1);
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .4s;
    transition: .4s;
    width: var(--w1)
}

.index_solution .so_box .le_box>div .desc p:before {
    opacity: 0
}

.index_solution .so_box .le_box>div .desc p:after {
    background: #d9d9d9;
    border: none;
    height: calc(var(--w1)/2.4);
    left: calc((var(--w1) - var(--w1)/2.4)/2);
    width: calc(var(--w1)/2.4)
}

.index_solution .so_box .le_box>div .desc p+p {
    margin-top: .35rem
}

.index_solution .so_box .le_box>div .desc p.active {
    color: #1e2da1
}

.index_solution .so_box .le_box>div .desc p.active:before {
    opacity: 1
}

.index_solution .so_box .le_box>div .desc p.active:after {
    background: #1e2da1
}

.index_solution .so_box .ri_box {
    width: 76.5%
}

.index_solution .so_box .ri_box>div {
    position: relative
}

.index_solution .so_box .ri_box>div .item {
    margin-bottom: .4rem;
    opacity: .6;
    -webkit-transform: perspective(800px) rotateX(30deg);
    transform: perspective(800px) rotateX(30deg);
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    transition: transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s, -webkit-transform .6s
}

.index_solution .so_box .ri_box>div .item.active,
.index_solution .so_box .ri_box>div .item:first-child {
    opacity: 1;
    -webkit-transform: inherit !important;
    transform: inherit !important
}

.index_solution .so_box .ri_box>div .item:last-child {
    margin-bottom: 0
}

.index_solution .so_box .ri_box>div .item a {
    border-radius: var(--r15);
    overflow: hidden;
    position: relative
}

.index_solution .so_box .ri_box>div .item a .bk {
    border-radius: inherit;
    overflow: hidden;
    width: 100%
}

.index_solution .so_box .ri_box>div .item a .bk img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.index_solution .so_box .ri_box>div .item a .post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: .3rem;
    position: absolute;
    top: 0;
    width: 100%
}

.index_solution .so_box .ri_box>div .item a .post>div {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: var(--r15);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto 0 0;
    padding: .3rem;
    width: min(6.5rem, 100%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index_solution .so_box .ri_box>div .item a .post>div .text {
    -webkit-box-flex: 0.92;
    -ms-flex: 0.92;
    flex: 0.92
}

.index_solution .so_box .ri_box>div .item a .post>div .text .t1 {
    font-size: var(--f26)
}

.index_solution .so_box .ri_box>div .item a .post>div .text .t2 {
    font-size: var(--f16);
    line-height: 1.875;
    margin-top: .16rem;
}

.index_solution .so_box .ri_box>div .item a .post>div .btn {
    border: 1px solid #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    overflow: hidden;
    width: var(--w40)
}

.index_solution .so_box .ri_box>div .item a .post>div .btn svg {
    margin: auto;
    max-width: 42.5%
}

.index_solution .so_box .ri_box>div .item a:hover .bk img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.index_solution .so_box .ri_box>div .item a:hover .post>div .btn svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.index_news {
    background: #f6f6f6;
    position: relative
}

.index_news .ws_bot {
    margin-top: .6rem
}

.index_news .ws_bot .swiper {
    padding-left: var(--bj)
}

.index_news .ws_bot .div_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .44rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 var(--bj);
    width: 100%
}

.index_news .ws_bot .div_ .line {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0.98;
    background: #d9d9d9;
    -ms-flex: 0.98;
    flex: 0.98;
    height: 2px
}

.index_news .ws_bot .div_ .line span {
    background: #1e2da1
}

.index_news .ws_bot .div_ .tog .next {
    margin-left: .1rem
}

.pu_li_2 a {
    background: #fff;
    border-radius: var(--r15);
    overflow: hidden;
    position: relative
}

.pu_li_2 a .img {
    border-radius: var(--r15) var(--r15) 0 0;
    overflow: hidden
}

.pu_li_2 a .img img {
    overflow: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.pu_li_2 a .box {
    padding: .42rem
}

.pu_li_2 a .box .text .t1 {
    color: #666;
    font-size: var(--f16)
}

.pu_li_2 a .box .text .t2 {
    color: #000;
    font-size: var(--f20);
    height: 3em;
    line-height: 1.5;
    margin-top: .16rem;
    -webkit-transition: .4s;
    transition: .4s
}

.pu_li_2 a .box .text .t2,
.pu_li_2 a .box .text .t3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.pu_li_2 a .box .text .t3 {
    color: #666;
    font-size: var(--f16);
    height: 3.75em;
    line-height: 1.875;
    margin-top: .2rem
}

.pu_li_2 a .box .btn {
    margin-top: .2rem
}

.pu_li_2 a:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.pu_li_2 a:hover .box .text .t2 {
    color: #1e2da1
}

.more_01 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.more_01 .a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.more_01 .a span {
    color: #1e2da1;
    font-size: var(--f16)
}

.more_01 .a p {
    border: 1px solid #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    margin-left: .14rem;
    overflow: hidden;
    width: var(--w40)
}

.more_01 .a p svg {
    margin: auto;
    max-width: 42.5%
}

.more_01:hover .a p svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.tog_01 {
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 2px rgba(30, 45, 161, .04);
    box-shadow: 0 0 4px 2px rgba(30, 45, 161, .04);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w40)
}

.tog_01 svg {
    margin: auto;
    max-width: 42.5%
}

.tog_01 svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.tog_01:hover {
    background: #1e2da1
}

.tog_01:hover svg path {
    fill: #fff
}

.index_gkt {
    position: relative
}

.index_gkt .kt_bk {
    left: 0;
    position: absolute;
    top: 0
}

.index_gkt .kt_bk,
.index_gkt .kt_bk img {
    height: 100%;
    width: 100%
}

.index_gkt .kt_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.5rem;
    padding: 0 var(--bj);
    position: relative
}

.index_gkt .kt_post>div {
    margin: auto;
    width: 100%
}

.index_gkt .kt_post>div .text {
    color: #fff
}

.index_gkt .kt_post>div .text .t1 {
    font-size: var(--f36)
}

.index_gkt .kt_post>div .text .t2 {
    font-size: var(--f18);
    margin-top: .15rem
}

.index_gkt .kt_post>div .btn {
    margin-top: .36rem
}

.about_01 {
    background: url(../images/bk3.jpg) no-repeat 50%/cover;
    contain: layout paint;
    padding: var(--top) var(--bj) 4.8rem;
    position: relative
}

.about_01 .ab_box {
    position: relative;
    z-index: 1
}

.about_01 .ab_box .le_box {
    width: 55.5%
}

.about_01 .ab_box .le_box .desc {
    margin-top: .5rem
}

.about_01 .ab_box .le_box .desc .d1 {
    color: #1e2da1;
    font-size: var(--f32);
    font-weight: 700
}

.about_01 .ab_box .le_box .desc .d2 {
    color: #444;
    font-size: var(--f18);
    line-height: 2;
    margin-top: .2rem
}

.about_01 .ab_box .le_box .btn {
    margin-top: .8rem
}

.about_01 .ab_box .ri_box {
    margin-top: calc(var(--f48)*1.2 + .5rem);
    width: 35.2%
}

.about_01 .ab_box .ri_box .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .52rem 0;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about_01 .ab_box .ri_box .li:before {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background: linear-gradient(90deg, #fff, #fff);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.about_01 .ab_box .ri_box .li .svg {
    background: rgba(30, 45, 161, .05);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w96);
    width: var(--w96)
}

.about_01 .ab_box .ri_box .li .svg img {
    margin: auto;
    max-width: 46%
}

.about_01 .ab_box .ri_box .li .text {
    padding-left: .2rem
}

.about_01 .ab_box .ri_box .li .text .data {
    color: #1e2da1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: .8rem;
    line-height: .8
}

.about_01 .ab_box .ri_box .li .text .data p {
    font-family: Medium;
    margin-right: 6px
}

.about_01 .ab_box .ri_box .li .text .data span {
    font-weight: 700
}

.about_01 .ab_box .ri_box .li .text .data span em {
    font-style: normal
}

.about_01 .ab_box .ri_box .li .text .desc {
    color: #444;
    font-size: var(--f16);
    margin-top: .24rem
}

.about_01 .ab_box .ri_box .li.li_1 .text .data span {
    font-size: .35em
}

.about_01 .ab_box .ri_box .li.li_2 .text .data span {
    font-size: .6em
}

.about_01 .ab_box .ri_box .li.li_3 .text .data span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .6em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about_01 .ab_box .ri_box .li.li_3 .text .data span em {
    font-size: .75em
}

.about_01 .ab_box .ri_box .li:first-child {
    padding: 0 0 .52rem
}

.about_01 .ab_bk {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0
}

.about_01 .ab_bk .img1 {
    bottom: -30%;
    left: 0;
    position: absolute;
    width: 100%
}

.about_01 .ab_bk .img2 {
    opacity: 0;
    visibility: hidden
}

.about_01 .ab_bk img {
    width: 11.97rem
}

.about_02 .ab_bot {
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: .6rem
}

.about_02 .ab_bot .item {
    border-radius: var(--r15);
    overflow: hidden;
    position: relative;
    -webkit-transition: .6s;
    transition: .6s
}

.about_02 .ab_bot .item>img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.about_02 .ab_bot .item .post {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(280, 9%, 94%, 0)), to(#293d82));
    background: linear-gradient(180deg, hsla(280, 9%, 94%, 0), #293d82);
    border-radius: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: .34rem .4rem;
    position: absolute;
    top: 0;
    width: 100%
}

.about_02 .ab_bot .item .post>div {
    color: #fff;
    margin: auto 0 0;
    width: 100%
}

.about_02 .ab_bot .item .post>div .t1 {
    font-size: var(--f26);
    font-weight: 700
}

.about_02 .ab_bot .item .post>div .t2 {
    font-size: var(--f18);
    line-height: 1.77;
    margin-top: .08rem;
    min-height: 3.54em
}

.about_02 .ab_bot .item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.about_03 {
    background: url(../images/bk4.jpg) no-repeat 50%/cover;
    position: relative
}

.about_03 .ab_bot {
    margin-top: .6rem
}

.about_03 .ab_bot .content1 {
    margin: 0 auto;
    width: min(11rem, 100%)
}

.about_03 .ab_bot .content1 .swiper .swiper-slide>div .img {
    border-radius: var(--r15);
    overflow: hidden;
    width: 50%
}

.about_03 .ab_bot .content1 .swiper .swiper-slide>div .img img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.about_03 .ab_bot .content1 .swiper .swiper-slide>div .text {
    width: 43%
}

.about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t1 {
    color: #1e2da1;
    font-size: var(--f32);
    font-weight: 700
}

.about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t2 {
    color: #444;
    font-size: var(--f18);
    line-height: 1.77;
    margin-top: .24rem
}

.about_03 .ab_bot .content2 {
    margin-top: var(--gap);
    padding: 0 var(--w40);
    position: relative
}

.about_03 .ab_bot .content2 .swiper .swiper-slide p {
    color: #999;
    cursor: pointer;
    font-family: Medium;
    font-size: .68rem;
    text-align: center;
    -webkit-transform: scale(.47);
    transform: scale(.47);
    -webkit-transition: .4s;
    transition: .4s
}

.about_03 .ab_bot .content2 .swiper .swiper-slide-thumb-active p {
    color: #1e2da1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.about_03 .ab_bot .content2 .div_ .next,
.about_03 .ab_bot .content2 .div_ .prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.about_03 .ab_bot .content2 .div_ .prev {
    left: 0
}

.about_03 .ab_bot .content2 .div_ .next {
    right: 0
}

.about_04 {
    --w1: 0.1rem;
    --w2: 0.75rem;
    position: relative
}

.about_04>div {
    padding: var(--gap) var(--bj) .54rem
}

.about_04 .ab_text {
    left: 0;
    padding: 0 var(--bj);
    position: absolute;
    top: var(--gap);
    width: 100%
}

.about_04 .ab_bk {
    margin: 0 .5rem;
    position: relative
}

.about_04 .ab_bk .img,
.about_04 .ab_bk .img img {
    width: 100%
}

.about_04 .ab_bk .post .dian {
    --h1: 1.7rem;
    --fd: 880%;
    --bgys: #277ba7;
    position: absolute
}

.about_04 .ab_bk .post .dian>p {
    background: var(--bgys);
    border-radius: 50%;
    cursor: pointer;
    height: var(--w1);
    pointer-events: none;
    position: relative;
    width: var(--w1)
}

.about_04 .ab_bk .post .dian>p:before {
    -webkit-animation: sonarAnimation 3s infinite;
    animation: sonarAnimation 3s infinite;
    background: inherit;
    border-radius: inherit;
    content: "";
    height: var(--fd);
    left: 50%;
    opacity: .2;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: var(--fd)
}

.about_04 .ab_bk .post .dian .content {
    bottom: calc(var(--w1)/3);
    opacity: 0;
    position: absolute;
    right: calc(var(--w1)/3);
    -webkit-transition: .4s;
    transition: .4s;
    visibility: hidden
}

.about_04 .ab_bk .post .dian .content>p {
    width: var(--w2)
}

.about_04 .ab_bk .post .dian .content>p img {
    width: 100%
}

.about_04 .ab_bk .post .dian .content .text {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .3);
    border-radius: var(--r10);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    min-height: 1.7rem;
    min-width: 2.5rem;
    outline: 1px solid #fff;
    padding: .3rem;
    position: absolute;
    right: 100%;
    top: calc(var(--h1)/-2);
    white-space: nowrap
}

.about_04 .ab_bk .post .dian .content .text .t1 {
    color: var(--bgys);
    font-size: var(--f20);
    font-weight: 700
}

.about_04 .ab_bk .post .dian .content .text .t2 {
    color: #333;
    font-size: var(--f18);
    margin-top: .26rem
}

.about_04 .ab_bk .post .dian .content .text .t2>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about_04 .ab_bk .post .dian .content .text .t2>div span {
    -webkit-box-flex: 0.95;
    -ms-flex: 0.95;
    flex: 0.95;
    margin-right: .2rem
}

.about_04 .ab_bk .post .dian .content .text .t2>div p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about_04 .ab_bk .post .dian .content .text .t2>div p img {
    margin-right: .08rem;
    width: var(--f20)
}

.about_04 .ab_bk .post .dian .content .text .t2>div p img:last-child {
    margin-right: 0
}

.about_04 .ab_bk .post .dian .content .text .t2>div+div {
    margin-top: .16rem
}

.about_04 .ab_bk .post .dian:hover .content {
    opacity: 1;
    visibility: visible
}

.about_04 .ab_bk .post .d1 {
    left: 17.2%;
    top: 48.1%;
    --fd: 680%;
    --bgys: #277ba7
}

.about_04 .ab_bk .post .d2 {
    left: 17.76%;
    top: 37.5%;
    --fd: 880%;
    --bgys: #277ba7
}

.about_04 .ab_bk .post .d3 {
    left: 49.8%;
    top: 28.9%;
    --fd: 680%;
    --bgys: #277ba7
}

.about_04 .ab_bk .post .d4 {
    left: 75.6%;
    top: 56.3%;
    --fd: 540%;
    --bgys: #1e2da1
}

.about_04 .ab_bk .post .d5 {
    left: 78.1%;
    top: 52.75%;
    --fd: 540%;
    --bgys: #1e2da1
}

.about_04 .ab_bk .post .d6 {
    left: 78%;
    top: 41.7%;
    --fd: 560%;
    --bgys: #277ba7
}

.about_04 .ab_bk .post .d7 {
    left: 79.2%;
    top: 39.75%;
    --fd: 760%;
    --bgys: #1e2da1
}

.about_04 .ab_bk .post .d8 {
    left: 83.2%;
    top: 39.3%;
    --fd: 420%;
    --bgys: #277ba7
}

.about_04 .ab_bk .box1 {
    bottom: .4rem;
    left: 0;
    position: absolute
}

.about_04 .ab_bk .box1 .li .data {
    color: #1e2da1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--f48);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: .8
}

.about_04 .ab_bk .box1 .li .data p {
    font-family: Medium;
    margin-right: 6px
}

.about_04 .ab_bk .box1 .li .data span {
    font-size: .5em
}

.about_04 .ab_bk .box1 .li .desc {
    color: #444;
    font-size: var(--f18);
    margin-top: .16rem
}

.about_04 .ab_bk .box1 .li+.li {
    margin-top: .5rem
}

.about_04 .ab_bk .box2 {
    bottom: .4rem;
    color: #000;
    font-size: var(--f18);
    left: 0;
    position: absolute;
    width: 100%
}

.about_04 .ab_bk .box2 .div1,
.about_04 .ab_bk .box2 .div1 p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about_04 .ab_bk .box2 .div1 p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .56rem
}

.about_04 .ab_bk .box2 .div1 p:last-child {
    margin-right: 0
}

.about_04 .ab_bk .box2 .div1 p img {
    width: var(--f20)
}

.about_04 .ab_bk .box2 .div1 p span {
    font-weight: 700;
    margin-left: 6px
}

.about_04 .ab_bk .box2 .div2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: .56rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about_04 .ab_bk .box2 .div2 p {
    --ys: #277ba7;
    color: var(--ys);
    margin-right: .56rem;
    padding-left: calc(var(--w1) + 6px);
    position: relative
}

.about_04 .ab_bk .box2 .div2 p:before {
    background: var(--ys);
    border-radius: 50%;
    content: "";
    height: var(--w1);
    left: 0;
    position: absolute;
    top: calc((var(--f18)*1.2 - var(--w1))/2);
    width: var(--w1)
}

.about_04 .ab_bk .box2 .div2 p:last-child {
    --ys: var(--color);
    margin-right: 0
}

@-webkit-keyframes sonarAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }

    20% {
        opacity: .2
    }

    75% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0
    }
}

@keyframes sonarAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }

    20% {
        opacity: .2
    }

    75% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes sonarAnimation_2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }

    20% {
        opacity: .3
    }

    75% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0
    }
}

@keyframes sonarAnimation_2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }

    20% {
        opacity: .3
    }

    75% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0
    }
}

.about_05 {
    contain: layout paint;
    position: relative;
    width: 100%
}

.about_05 .ab_bk {
    left: 0;
    position: absolute;
    top: 0
}

.about_05 .ab_bk,
.about_05 .ab_bk img,
.about_05 .ab_bk picture {
    height: 100%;
    width: 100%
}

.about_05 .ab_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 8.7rem;
    padding: var(--gap) var(--bj);
    position: relative;
    z-index: 1
}

.about_05 .ab_box>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: var(--r15);
    color: #fff;
    margin: auto 0;
    padding: .6rem .5rem;
    width: min(7rem, 100%)
}

.about_05 .ab_box>div .desc {
    margin-top: .6rem
}

.about_05 .ab_box>div .desc .d1 {
    font-size: var(--f26);
    font-weight: 700
}

.about_05 .ab_box>div .desc .d2 {
    font-size: var(--f18);
    line-height: 1.77;
    margin-top: .2rem
}

.about_06 .ab_top {
    padding: 0 var(--bj)
}

.about_06 .ab_bot {
    margin-top: .6rem
}

.about_06 .ab_bot .swiper {
    padding-left: var(--bj)
}

.about_06 .ab_bot .swiper .swiper-slide {
    background: #f6f6f6;
    border-radius: var(--r15);
    cursor: pointer;
    padding: .6rem;
    height: auto;
}

.about_06 .ab_bot .swiper .swiper-slide .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.25rem
}

.about_06 .ab_bot .swiper .swiper-slide .img img {
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.about_06 .ab_bot .swiper .swiper-slide .text {
    color: #333;
    font-size: var(--f24);
    margin-top: .34rem;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s
}

.about_06 .ab_bot .swiper .swiper-slide-active .text {
    color: #1e2da1
}

.about_06 .ab_bot .div_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .44rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 var(--bj);
    width: 100%
}

.about_06 .ab_bot .div_ .line {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0.98;
    background: #d9d9d9;
    -ms-flex: 0.98;
    flex: 0.98;
    height: 2px
}

.about_06 .ab_bot .div_ .line span {
    background: #1e2da1
}

.about_06 .ab_bot .div_ .tog .next {
    margin-left: .1rem
}

.banner_01 {
    position: relative
}

.banner_01 .ban_bk,
.banner_01 .ban_bk img {
    width: 100%
}

.banner_01 .ban_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 var(--bj);
    position: absolute;
    top: 0;
    width: 100%
}

.banner_01 .ban_post>div {
    color: #fff;
    margin: auto;
    width: 100%
}

.banner_01 .ban_post>div p {
    font-size: var(--f56);
    font-weight: 700
}

.pu_leval {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4
}

.pu_leval>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.pu_leval>div a {
    color: #333;
    font-size: var(--f18);
    line-height: .8rem;
    margin-right: .8rem;
    position: relative
}

.pu_leval>div a:before {
    background: #1e2da1;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.pu_leval>div a:last-child {
    margin-right: 0
}

.pu_leval>div a.active,
.pu_leval>div a:hover {
    color: #1e2da1
}

.pu_leval>div a.active:before,
.pu_leval>div a:hover:before {
    opacity: 1
}

.product_01 {
    position: relative
}

.product_01 .pr_top .desc {
    color: #444;
    font-size: var(--f18);
    line-height: 1.77;
    margin-top: .4rem
}

.product_01 .pr_bot {
    margin-top: .9rem
}

.product_01 .pr_bot .content1 .swiper .swiper-slide {
    cursor: pointer
}

.product_01 .pr_bot .content1 .swiper .swiper-slide .img {
    background: #f6f6f6;
    border-radius: var(--r10);
    position: relative
}

.product_01 .pr_bot .content1 .swiper .swiper-slide .img:before {
    content: "";
    display: block;
    left: 0;
    padding-top: 100%;
    position: relative;
    top: 0
}

.product_01 .pr_bot .content1 .swiper .swiper-slide .img img {
    left: 50%;
    max-height: 76%;
    max-width: 76%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product_01 .pr_bot .content1 .swiper .swiper-slide .text {
    color: #000;
    font-size: var(--f20);
    margin-top: .12rem;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s
}

.product_01 .pr_bot .content1 .swiper .swiper-slide.active .text {
    color: #1e2da1
}

.product_01 .pr_bot .content1 .div_ {
    margin-top: .38rem;
    text-align: center
}

.product_01 .pr_bot .content1 .div_ .swiper-pagination-bullet {
    background: none;
    border-radius: 0;
    height: auto;
    margin: 0 .1rem;
    opacity: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product_01 .pr_bot .content1 .div_ .swiper-pagination-bullet svg path {
    fill: rgba(30, 45, 161, .5);
    -webkit-transition: .4s;
    transition: .4s
}

.product_01 .pr_bot .content1 .div_ .swiper-pagination-bullet-active svg path {
    fill: #1e2da1
}

.product_01 .pr_bot .content2 {
    margin-top: 1.2rem;
    position: relative
}

.product_01 .pr_bot .content2 .item {
    background: #f6f6f6;
    border-radius: var(--r15);
    left: 0;
    opacity: 0;
    padding: .7rem 1.5rem .7rem .8rem;
    position: absolute;
    top: 0;
    width: 100%
}

.product_01 .pr_bot .content2 .item .le_box {
    width: 43.2%
}

.product_01 .pr_bot .content2 .item .le_box .desc {
    color: #444;
    display: -webkit-box;
    font-size: var(--f18);
    -webkit-line-clamp: 3;
    margin-top: .28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 6em;
    line-height: 2
}

.product_01 .pr_bot .content2 .item .le_box .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .14rem;
    margin-top: .7rem
}

.product_01 .pr_bot .content2 .item .ri_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.92rem;
    text-align: center;
    width: 46%
}

.product_01 .pr_bot .content2 .item .ri_box img {
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.product_01 .pr_bot .content2 .item.active {
    -webkit-animation: heroFade 1s .15s both;
    animation: heroFade 1s .15s both;
    position: relative;
    z-index: 1
}

.product_02 {
    background: #f6f6f6;
    position: relative
}

.product_02 .pr_bot {
    margin-top: .6rem
}

.product_02 .pr_bot .swiper .swiper-slide a {
    background: #fff;
    border-radius: var(--r15);
    overflow: hidden
}

.product_02 .pr_bot .swiper .swiper-slide a .img {
    border-radius: inherit;
    overflow: hidden
}

.product_02 .pr_bot .swiper .swiper-slide a .img img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.product_02 .pr_bot .swiper .swiper-slide a .box {
    padding: .3rem .4rem
}

.product_02 .pr_bot .swiper .swiper-slide a .box .text {
    -webkit-box-flex: 0.84;
    -ms-flex: 0.84;
    flex: 0.84
}

.product_02 .pr_bot .swiper .swiper-slide a .box .text .t1 {
     font-size: var(--f24);
    font-weight: 700;
    -webkit-transition: .4s;
    transition: .4s
    -webkit-line-clamp: 1;
      overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 1.2em;
    line-height: 1.2;
}

.product_02 .pr_bot .swiper .swiper-slide a .box .text .t2 {
    color: #666;
    display: -webkit-box;
    font-size: var(--f16);
    -webkit-line-clamp: 2;
    margin-top: .14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 3.25em;
    line-height: 1.625
}

.product_02 .pr_bot .swiper .swiper-slide a .box .btn {
    border: 1px solid #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    overflow: hidden;
    width: var(--w40)
}

.product_02 .pr_bot .swiper .swiper-slide a .box .btn svg {
    margin: auto;
    max-width: 42.5%
}

.product_02 .pr_bot .swiper .swiper-slide a:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.product_02 .pr_bot .swiper .swiper-slide a:hover .box .text .t1 {
    color: #1e2da1
}

.product_02 .pr_bot .swiper .swiper-slide a:hover .box .btn svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.product_02 .pr_bot .div_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .44rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.product_02 .pr_bot .div_ .line {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0.98;
    background: #d9d9d9;
    -ms-flex: 0.98;
    flex: 0.98;
    height: 2px
}

.product_02 .pr_bot .div_ .line span {
    background: #1e2da1
}

.product_02 .pr_bot .div_ .tog .next {
    margin-left: .1rem
}

.mbx_01>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: var(--f18)
}

.mbx_01>div a {
    opacity: .8;
    -webkit-transition: .4s;
    transition: .4s
}

.mbx_01>div a:hover {
    color: #1e2da1;
    opacity: 1
}

.mbx_01>div i {
    font-size: .7em;
    font-weight: 700;
    margin: 0 4px;
    opacity: .8
}

.mbx_01>div span {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -ms-flex: 1;
    flex: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 1.2em;
    line-height: 1.2
}

.pu_leftNav {
    left: calc(var(--bj)*-1);
    max-width: calc(var(--bj) - .2rem);
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .6s;
    transition: .6s;
    z-index: 5
}

.pu_leftNav .box {
    border-left: 1px solid #d9d9d9
}

.pu_leftNav .box a {
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--f16);
    line-height: 1.4;
    min-height: 1.875em;
    padding-left: .16rem;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pu_leftNav .box a:before {
    background: #1e2da1;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .4s;
    transition: .4s;
    width: 2px
}

.pu_leftNav .box a+a {
    margin-top: .2rem
}

.pu_leftNav .box a.active,
.pu_leftNav .box a:hover {
    color: #1e2da1
}

.pu_leftNav .box a.active:before,
.pu_leftNav .box a:hover:before {
    opacity: 1
}

.pu_leftNav.active {
    left: .16rem
}

.product_details_01 {
    background: url(../images/bk7.jpg) no-repeat 50%/cover;
    contain: layout paint;
    position: relative
}

.product_details_01 .ls_box {
    padding: calc(var(--top)) var(--bj) var(--gap)
}

.product_details_01 .ls_box .ls_top {
    padding-top: .16rem
}

.product_details_01 .ls_box .ls_bot {
    margin-top: .82rem
}

.product_details_01 .ls_box .ls_bot .le_box {
    margin-top: .6rem;
    width: 42%
}

.product_details_01 .ls_box .ls_bot .le_box>div .desc {
    color: #444;
    font-size: var(--f18);
    line-height: 2;
    margin-top: .28rem;
    max-height: 16em;
    overflow: auto;
    padding-right: .1rem
}

.product_details_01 .ls_box .ls_bot .le_box>div .desc::-webkit-scrollbar {
    height: 2px;
    width: 2px
}

.product_details_01 .ls_box .ls_bot .le_box>div .desc::-webkit-scrollbar-thumb {
    background: #1e2da1;
    border-radius: 2px
}

.product_details_01 .ls_box .ls_bot .le_box>div .desc::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .5);
    border-radius: 2px
}

@-moz-document url-prefix() {
    .product_details_01 .ls_box .ls_bot .le_box>div .desc {
        scrollbar-color: #1e2da1 rgba(0, 0, 0, .5);
        scrollbar-width: thin;
        -ms-overflow-style: none
    }
}

.product_details_01 .ls_box .ls_bot .le_box>div .btn {
    margin-top: .54rem
}

.product_details_01 .ls_box .ls_bot .le_box>div .btn .pu_link+.pu_link {
    margin-left: .14rem
}

.product_details_01 .ls_box .ls_bot .ri_box {
    width: 55.3%
}

.product_details_01 .ls_box .ls_bot .ri_box .swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.93rem
}

.product_details_01 .ls_box .ls_bot .ri_box .swiper .swiper-slide img {
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.product_details_01 .ls_box .ls_bot .ri_box .div_ {
    margin-top: .38rem;
    text-align: center
}

.product_details_01 .ls_box .ls_bot .ri_box .div_ .swiper-pagination-bullet {
    background: none;
    border-radius: 0;
    height: auto;
    margin: 0 .1rem;
    opacity: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product_details_01 .ls_box .ls_bot .ri_box .div_ .swiper-pagination-bullet svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.product_details_01 .ls_box .ls_bot .ri_box .div_ .swiper-pagination-bullet-active svg path {
    fill: #1e2da1
}

.product_details_02 .ls_bot {
    margin-top: .6rem
}

.product_details_02 .ls_bot>div {
    overflow: auto;
    padding-bottom: 10px
}

.product_details_02 .ls_bot>div::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.product_details_02 .ls_bot>div::-webkit-scrollbar-thumb {
    background: #1e2da1;
    border-radius: 6px
}

.product_details_02 .ls_bot>div::-webkit-scrollbar-track {
    background: #e4e4e4;
    border-radius: 6px
}

.product_details_02 .ls_bot>div table {
    color: #444;
    font-size: var(--f16);
    width: 100%
}

.product_details_02 .ls_bot>div table tr {
    border-bottom: 1px solid #e4e4e4
}

.product_details_02 .ls_bot>div table tr td {
    border-right: 1px solid #e4e4e4;
    padding: .2rem
}

.product_details_02 .ls_bot>div table tr td:last-child {
    border-right: 0
}

.product_details_02 .ls_bot>div table tr:first-child {
    background: rgba(30, 45, 161, .04);
    border-bottom: 3px solid #1e2da1;
    font-size: var(--f18);
    font-weight: 700
}

.product_details_02 .ls_bot>div table tr:first-child td {
    color: #000
}

.product_details_02 .ls_bot>div table.active {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.product_details_02 .ls_bot>div table.active tr td {
    width: calc((var(--vw) - var(--bj)*2)/4)
}

.product_details_03 {
    background: #f6f6f6;
    position: relative
}

.product_details_03 .ls_bot {
    margin-top: .42rem
}

.product_details_03 .ls_bot>div {
    color: #444;
    font-size: var(--f20);
    line-height: 2.5
}

.product_details_03 .ls_bot>div .div1 p {
    padding-left: 17px;
    position: relative
}

.product_details_03 .ls_bot>div .div1 p:before {
    background: url(../images/sd.svg) no-repeat 50%/cover;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: calc(1.25em - 6px);
    width: 8px
}

.product_details_04 .ls_bot {
    margin-top: .5rem
}

.product_details_04 .ls_bot .swiper {
    margin-left: -10px;
    padding: 10px;
    width: calc(100% + 20px)
}

.product_details_04 .ls_bot .swiper .swiper-slide .img {
    border-radius: var(--r15);
    -webkit-box-shadow: 0 0 10px 0 rgba(30, 45, 161, .05);
    box-shadow: 0 0 10px 0 rgba(30, 45, 161, .05);
    overflow: hidden
}

.product_details_04 .ls_bot .swiper .swiper-slide .img img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.product_details_04 .ls_bot .swiper .swiper-slide .text {
    color: #333;
    font-size: var(--f20);
    margin-top: .2rem
}

.product_details_04 .ls_bot .div_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .44rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.product_details_04 .ls_bot .div_ .line {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0.98;
    background: #d9d9d9;
    -ms-flex: 0.98;
    flex: 0.98;
    height: 2px
}

.product_details_04 .ls_bot .div_ .line span {
    background: #1e2da1
}

.product_details_04 .ls_bot .div_ .tog .next {
    margin-left: .1rem
}

.product_details_05 .ls_bot {
    display: grid;
    gap: .44rem .3rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: .6rem
}

.product_details_05 .ls_bot .item .img {
    border-radius: var(--r10);
    -webkit-box-shadow: 0 0 10px 2px rgba(30, 45, 161, .05);
    box-shadow: 0 0 10px 2px rgba(30, 45, 161, .05);
    overflow: hidden
}

.product_details_05 .ls_bot .item .img img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.product_details_05 .ls_bot .item .text {
    margin-top: .3rem
}

.product_details_05 .ls_bot .item .text .t1 {
    color: #333;
    font-size: var(--f26);
    font-weight: 700
}

.product_details_05 .ls_bot .item .text .t2 {
    color: #666;
    font-size: var(--f18);
    line-height: 1.77;
    margin-top: .12rem
}

.solutions_01 .box {
    contain: layout paint;
    position: relative
}

.solutions_01 .box .bk {
    width: 100%
}

.solutions_01 .box .bk img {
    height: var(--vh);
    width: 100%
}

.solutions_01 .box .post {
    background: rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 var(--bj) 1.2rem;
    position: absolute;
    top: 0;
    width: 100%
}

.solutions_01 .box .post>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: var(--r15);
    margin: auto 0 0;
    padding: .5rem;
    width: min(6.6rem, 100%)
}

.solutions_01 .box .post>div .text {
    color: #fff
}

.solutions_01 .box .post>div .text .t1 {
    font-size: var(--f40);
    font-weight: 700
}

.solutions_01 .box .post>div .text .t2 {
    font-size: var(--f18);
    line-height: 1.8;
    margin-top: .22rem;
    min-height: 7.2em
}

.solutions_01 .box .post>div .btn {
    margin-top: .36rem
}

.solutions_02 {
    contain: layout paint;
    --w1: 0.12rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f9f9f9));
    background: linear-gradient(180deg, #fafafa, #f9f9f9);
    position: relative
}

.solutions_02 .so_box {
    padding: calc(var(--top)) var(--bj) var(--gap)
}

.solutions_02 .so_top {
    padding-top: .16rem
}

.solutions_02 .so_bot {
    margin-top: .4rem
}

.solutions_02 .so_bot .le_box {
    width: 40.74%
}

.solutions_02 .so_bot .le_box>div .desc {
    font-size: var(--f18);
    font-weight: 700;
    line-height: 2;
    margin-top: .3rem
}

.solutions_02 .so_bot .le_box>div .info {
    margin-top: .3rem
}

.solutions_02 .so_bot .le_box>div .info p {
    color: #333;
    font-size: var(--f18);
    line-height: 2;
    padding-left: 17px;
    position: relative
}

.solutions_02 .so_bot .le_box>div .info p:before {
    background: url(../images/sd.svg) no-repeat 50%/cover;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: calc(1em - 6px);
    width: 8px
}

.solutions_02 .so_bot .le_box>div .btn {
    margin-top: .7rem
}

.solutions_02 .so_bot .ri_box {
    position: relative;
    width: 59.26%
}

.solutions_02 .so_bot .ri_box>div {
    position: relative
}

.solutions_02 .so_bot .ri_box>div>img {
    width: 100%
}

.solutions_02 .so_bot .ri_box>div .list_ .multi {
    position: absolute
}

.solutions_02 .so_bot .ri_box>div .list_ .multi>p {
    background: #001df9;
    border-radius: 50%;
    cursor: pointer;
    height: var(--w1);
    position: relative;
    width: var(--w1);
    z-index: 1
}

.solutions_02 .so_bot .ri_box>div .list_ .multi>p:before {
    -webkit-animation: sonarAnimation_2 3s infinite;
    animation: sonarAnimation_2 3s infinite;
    background: inherit;
    border-radius: inherit;
    content: "";
    height: 233%;
    left: 50%;
    opacity: .3;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 233%
}

.solutions_02 .so_bot .ri_box>div .list_ .multi .line {
    height: calc(var(--h52)*2);
    left: -.18rem;
    padding: 0 .3rem 0 .5rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.solutions_02 .so_bot .ri_box>div .list_ .multi .line:before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: calc(var(--h52)/4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: .6s;
    transition: .6s;
    width: 100%
}

.solutions_02 .so_bot .ri_box>div .list_ .multi .line a {
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    color: #fff;
    font-size: var(--f20);
    font-weight: 700;
    line-height: calc(var(--h52));
    opacity: 0;
    position: relative;
    -webkit-transition: .4s .4s;
    transition: .4s .4s;
    white-space: nowrap
}

.solutions_02 .so_bot .ri_box>div .list_ .multi .line a:last-child {
    border-bottom: none
}

.solutions_02 .so_bot .ri_box>div .list_ .multi:hover {
    z-index: 2
}

.solutions_02 .so_bot .ri_box>div .list_ .multi:hover .line {
    pointer-events: all
}

.solutions_02 .so_bot .ri_box>div .list_ .multi:hover .line:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.solutions_02 .so_bot .ri_box>div .list_ .multi:hover .line a {
    opacity: 1
}

.solutions_02 .so_bot .ri_box>div .list_ .dian {
    position: absolute
}

.solutions_02 .so_bot .ri_box>div .list_ .dian>p {
    background: #001df9;
    border-radius: 50%;
    height: var(--w1);
    position: relative;
    width: var(--w1);
    z-index: 1
}

.solutions_02 .so_bot .ri_box>div .list_ .dian>p:before {
    -webkit-animation: sonarAnimation_2 3s infinite;
    animation: sonarAnimation_2 3s infinite;
    background: inherit;
    border-radius: inherit;
    content: "";
    height: 300%;
    left: 50%;
    opacity: .3;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300%
}

.solutions_02 .so_bot .ri_box>div .list_ .dian .wz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: var(--h52);
    left: -.18rem;
    padding: 0 .3rem 0 .5rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.solutions_02 .so_bot .ri_box>div .list_ .dian .wz span {
    color: #001df9;
    font-size: var(--f20);
    opacity: 0;
    position: relative;
    -webkit-transition: .4s .4s;
    transition: .4s .4s;
    white-space: nowrap;
    z-index: 1
}

.solutions_02 .so_bot .ri_box>div .list_ .dian .wz:before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: calc(var(--h52)/2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: .6s;
    transition: .6s;
    width: 100%
}

.solutions_02 .so_bot .ri_box>div .list_ .dian:hover {
    z-index: 2
}

.solutions_02 .so_bot .ri_box>div .list_ .dian:hover .wz {
    pointer-events: all
}

.solutions_02 .so_bot .ri_box>div .list_ .dian:hover .wz:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.solutions_02 .so_bot .ri_box>div .list_ .dian:hover .wz span {
    opacity: 1
}

.solutions_02 .so_bot .ri_box>div.hy_2 .list_ .d1 {
    left: 25.4%;
    top: 57.5%
}

.solutions_02 .so_bot .ri_box>div.hy_2 .list_ .d2 {
    left: 18.8%;
    top: 61%
}

.solutions_02 .so_bot .ri_box>div.hy_2 .list_ .d3 {
    left: 54%;
    top: 58%
}

.solutions_02 .so_bot .ri_box>div.hy_2 .list_ .d7 {
    left: 33%;
    top: 40.4%
}

.solutions_02 .so_bot .ri_box>div.hy_2 .list_ .d5 {
    left: 39%;
    top: 52%
}

.solutions_02 .so_bot .ri_box>div.hy_2 .list_ .d6 {
    left: 49%;
    top: 38.8%
}

.solutions_02 .so_bot .ri_box>div.hy_2 .list_ .d4 {
    left: 8%;
    top: 51%
}

.solutions_02 .so_bot .ri_box>div.hy_1 .list_ .d1 {
    left: 22%;
    top: 22%
}

.solutions_02 .so_bot .ri_box>div.hy_1 .list_ .d2 {
    left: 63%;
    top: 70%
}

.solutions_02 .so_bot .ri_box>div.hy_4 .list_ .d1 {
    left: 31.2%;
    top: 41.6%
}

.solutions_02 .so_bot .ri_box>div.hy_4 .list_ .d2 {
    left: 23%;
    top: 55%
}

.solutions_02 .so_bot .ri_box>div.hy_4 .list_ .d3 {
    left: 36%;
    top: 63.3%
}

.solutions_02 .so_bot .ri_box>div.hy_4 .list_ .d4 {
    left: 33.6%;
    top: 79%
}

.solutions_02 .so_bot .ri_box>div.hy_3 .list_ .d1 {
    left: 45%;
    top: 48.6%
}

.solutions_02 .so_bot .ri_box>div.hy_3 .list_ .d2 {
    left: 45.5%;
    top: 61%
}

.solutions_02 .so_bot .ri_box>div.hy_3 .list_ .d3 {
    left: 57%;
    top: 55%
}

.solutions_02 .so_bot .ri_box>div.hy_5 .list_ .d1 {
    left: 25.5%;
    top: 49%
}

.solutions_02 .so_bot .ri_box>div.hy_6 .list_ .d1 {
    left: 59.7%;
    top: 40%
}

.solutions_02 .so_bot .ri_box>div.hy_6 .list_ .d2 {
    left: 44.9%;
    top: 40.2%
}

.solutions_02 .so_bot .ri_box>div.hy_6 .list_ .d3 {
    left: 37.7%;
    top: 60.7%
}

.solutions_02 .so_bot .ri_box>div.hy_7 .list_ .d1 {
    left: 19.8%;
    top: 35%
}

.solutions_02 .so_bot .ri_box>div.hy_7 .list_ .d2 {
    left: 42.9%;
    top: 45%
}

.solutions_02 .so_bot .ri_box>div.hy_7 .list_ .d3 {
    left: 78.9%;
    top: 41.3%
}

.solutions_03 {
    position: relative
}

.solutions_03 .so_bot {
    border-top: 1px solid #dfdfdf;
    margin-top: .58rem
}

.solutions_03 .so_bot .item>div .le_box {
    border-radius: var(--r15);
    overflow: hidden;
    width: 48%
}

.solutions_03 .so_bot .item>div .le_box img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.solutions_03 .so_bot .item>div .le_box:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.solutions_03 .so_bot .item>div .ri_box {
    width: 46.7%
}

.solutions_03 .so_bot .item>div .ri_box .text .t1 {
    font-size: var(--f32);
    font-weight: 700
}

.solutions_03 .so_bot .item>div .ri_box .text .t2 {
    color: #333;
    display: -webkit-box;
    font-size: var(--f18);
    -webkit-line-clamp: 3;
    margin-top: .08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 5.31em;
    line-height: 1.77
}

.solutions_03 .so_bot .item>div .ri_box .tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .12rem;
    margin-top: .32rem
}

.solutions_03 .so_bot .item>div .ri_box .tips a {
    border: 1px solid #b0b0b0;
    border-radius: 1.06em;
    color: #333;
    font-size: var(--f18);
    line-height: 2.12;
    padding: 0 .24rem;
    -webkit-transition: .4s;
    transition: .4s
}

.solutions_03 .so_bot .item>div .ri_box .tips a:hover {
    background: #1e2da1;
    border-color: #1e2da1;
    color: #fff
}

.solutions_03 .so_bot .item>div .ri_box .btn {
    margin-top: .8rem
}

.solutions_03 .so_bot .item>div .ri_box .btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.solutions_03 .so_bot .item>div .ri_box .btn a span {
    color: #1e2da1;
    font-size: var(--f16)
}

.solutions_03 .so_bot .item>div .ri_box .btn a p {
    border: 1px solid #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    margin-left: .15rem;
    overflow: hidden;
    width: var(--w40)
}

.solutions_03 .so_bot .item>div .ri_box .btn a p svg {
    margin: auto;
    max-width: 45.2%
}

.solutions_03 .so_bot .item>div .ri_box .btn a:hover p svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.solutions_03 .so_bot .item+.item {
    margin-top: .8rem
}

.solutions_details_01 {
    background: url(../images/bk8.jpg) no-repeat 50%/cover;
    contain: layout paint;
    position: relative
}

.solutions_details_01 .ls_box {
    padding: 0 var(--bj)
}

.solutions_details_01 .ls_top {
    padding-top: .16rem
}

.solutions_details_01 .ls_bot {
    padding: 1.64rem 0
}

.solutions_details_01 .ls_bot .le_box {
    width: 40.8%
}

.solutions_details_01 .ls_bot .le_box>div .desc {
    color: #111;
    font-size: var(--f18);
    line-height: 2;
    margin-top: .3rem
}

.solutions_details_01 .ls_bot .le_box>div .btn {
    margin-top: .5rem
}

.solutions_details_01 .ls_bot .ri_box {
    width: 47.3%
}

.solutions_details_01 .ls_bot .ri_box img {
    width: 100%
}

.solutions_details_02 {
    contain: layout paint
}

.solutions_details_02 .le_box {
    margin-top: .68rem;
    width: 47.6%
}

.solutions_details_02 .le_box .desc {
    color: #111;
    font-size: var(--f18);
    line-height: 2
}

.solutions_details_02 .le_box .info {
    margin-top: .3rem
}

.solutions_details_02 .le_box .info p {
    color: #333;
    font-size: var(--f18);
    line-height: 2;
    padding-left: 17px;
    position: relative
}

.solutions_details_02 .le_box .info p:before {
    background: url(../images/sd.svg) no-repeat 50%/cover;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: calc(1em - 6px);
    width: 8px
}

.solutions_details_02 .le_box .btn {
    margin-top: .5rem
}

.solutions_details_02 .ri_box {
    width: 48.15%
}

.solutions_details_02 .ri_box>div {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--top) + .2rem)
}

.solutions_details_02 .ri_box .swiper .swiper-slide {
    border-radius: var(--r15);
    overflow: hidden
}

.solutions_details_02 .ri_box .swiper .swiper-slide img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.solutions_details_02 .ri_box .div_ {
    margin-top: .38rem;
    text-align: center
}

.solutions_details_02 .ri_box .div_ .swiper-pagination-bullet {
    background: none;
    height: auto;
    margin: 0 .1rem;
    opacity: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.solutions_details_02 .ri_box .div_ .swiper-pagination-bullet svg path {
    fill: rgba(30, 45, 161, .5);
    -webkit-transition: .4s;
    transition: .4s
}

.solutions_details_02 .ri_box .div_ .swiper-pagination-bullet-active svg path {
    fill: #1e2da1
}

.solutions_details_03 .ls_bot {
    margin-top: .6rem;
    overflow: hidden
}

.solutions_details_03 .ls_bot>div {
    overflow: auto;
    padding-bottom: 10px;
    -webkit-transform: translateX(1px);
    transform: translateX(1px)
}

.solutions_details_03 .ls_bot>div::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.solutions_details_03 .ls_bot>div::-webkit-scrollbar-thumb {
    background: #1e2da1;
    border-radius: 6px
}

.solutions_details_03 .ls_bot>div::-webkit-scrollbar-track {
    background: #e4e4e4;
    border-radius: 6px
}

.solutions_details_03 .ls_bot>div table {
    color: #444;
    font-size: var(--f16);
    width: 100%
}

.solutions_details_03 .ls_bot>div table tr {
    border-bottom: 1px solid #e4e4e4
}

.solutions_details_03 .ls_bot>div table tr td {
    border-right: 1px solid #e4e4e4;
    padding: .2rem
}

.solutions_details_03 .ls_bot>div table tr:first-child {
    background: rgba(30, 45, 161, .04);
    border-bottom: 3px solid #1e2da1;
    font-size: var(--f18);
    font-weight: 700
}

.solutions_details_03 .ls_bot>div table tr:first-child td {
    color: #000
}

.solutions_details_03 .ls_bot>div table.active {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.solutions_details_03 .ls_bot>div table.active tr td {
    width: calc((var(--vw) - var(--bj)*2)/4)
}

.pu_three {
    margin-top: .8rem;
    padding: 0 var(--bj);
}

.pu_three>div {
    background: #f6f6f6;
    border-radius: calc(var(--f20)*2.3/2 + 7px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 7px;
    flex-wrap: wrap;
    justify-content: center;
    gap: .1rem;
    /*width: -webkit-max-content;*/
    /*width: -moz-max-content;*/
    /*width: max-content*/
}

.pu_three>div a {
    border-radius: 1.15em;
    color: #666;
    font-size: var(--f20);
    line-height: 2.3;
    /*margin-right: .1rem;*/
    padding: 0 .25rem;
    -webkit-transition: .6s;
    transition: .6s
}

.pu_three>div a:last-child {
    margin-right: 0
}

.pu_three>div a.active,
.pu_three>div a:hover {
    background: #1e2da1;
    color: #fff
}

.noData {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 36vh
}

.noData p {
    color: #333;
    font-size: var(--f18);
    line-height: 1.5;
    margin: auto;
    text-align: center;
    width: 100%
}

.data_01 {
    contain: layout paint;
    --w1: 3rem;
    --w2: 1.4rem;
    position: relative
}

.data_01 .le_box {
    width: var(--w1)
}

.data_01 .le_box>div {
    background: #fff;
    border-radius: var(--r10);
    -webkit-box-shadow: 0 0 10px rgba(30, 45, 161, .1);
    box-shadow: 0 0 10px rgba(30, 45, 161, .1);
    padding: 0 .2rem;
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--top) + .2rem)
}

.data_01 .le_box>div .item .div1 {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--f20);
    font-weight: 700;
    padding: .28rem 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.data_01 .le_box>div .item .div1 a {
    -webkit-box-flex: 0.95;
    color: #333;
    -ms-flex: 0.95;
    flex: 0.95
}

.data_01 .le_box>div .item .div1 a.active {
    color: #1e2da1
}

.data_01 .le_box>div .item .div1 i {
    color: #1e2da1;
    -webkit-transition: .4s;
    transition: .4s
}

.data_01 .le_box>div .item .div2 {
    border-top: 1px solid #d9d9d9;
    display: none;
    padding: .28rem 0
}

.data_01 .le_box>div .item .div2 a {
    color: #333;
    font-size: var(--f18);
    padding: 0 .14rem;
    -webkit-transition: .4s;
    transition: .4s
}

.data_01 .le_box>div .item .div2 a+a {
    margin-top: .28rem
}

.data_01 .le_box>div .item .div2 a.active,
.data_01 .le_box>div .item .div2 a:hover {
    color: #1e2da1
}

.data_01 .le_box>div .item+.item {
    border-top: 1px solid #d9d9d9
}

.data_01 .le_box>div .item.active .div1 i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.data_01 .ri_box {
    min-height: 100vh;
    width: calc(100% - var(--w1) - 1rem)
}

.data_01 .ri_box .content1 form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: min(5.9rem, 100%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: calc(var(--f16)*2.75/2 + .13rem);
    padding: .13rem
}

.data_01 .ri_box .content1 form .svg {
    margin-left: .17rem
}

.data_01 .ri_box .content1 form input {
    -webkit-box-flex: 1;
    background: none;
    border: none;
    -ms-flex: 1;
    flex: 1;
    font-size: var(--f18);
    height: calc(var(--f16)*2.75);
    padding: 0 .16rem
}

.data_01 .ri_box .content1 form input::-webkit-input-placeholder {
    color: #999
}

.data_01 .ri_box .content1 form input::-moz-placeholder {
    color: #999
}

.data_01 .ri_box .content1 form input:-ms-input-placeholder {
    color: #999
}

.data_01 .ri_box .content1 form input::-ms-input-placeholder {
    color: #999
}

.data_01 .ri_box .content1 form input::placeholder {
    color: #999
}

.data_01 .ri_box .content1 form .btn p {
    background: #1e2da1;
    border-radius: 1.375em;
    color: #fff;
    cursor: pointer;
    font-size: var(--f16);
    line-height: 2.75;
    padding: 0 .3rem
}

.data_01 .ri_box .content2 {
    display: grid;
    gap: .66rem .2rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--gap)
}

.data_01 .ri_box .content2 .item {
    background: #f6f6f6;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: var(--r10);
    justify-content: space-between;
    padding: .34rem .24rem
}

.data_01 .ri_box .content2 .item .img {
    position: relative;
    width: var(--w2)
}

.data_01 .ri_box .content2 .item .img img {
    bottom: 0;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    left: 0;
    position: absolute;
    width: 100%
}

.data_01 .ri_box .content2 .item .box {
    width: calc(100% - var(--w2) - .2rem)
}

.data_01 .ri_box .content2 .item .box .text {
    font-size: var(--f20);
    font-weight: 700;
    line-height: 1.2;
    min-height: 3.6em
}

.data_01 .ri_box .content2 .item .box .btn {
    margin-top: .3rem
}

.data_01 .ri_box .content2 .item .box .btn p {
    border: 1px solid #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w32);
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w32)
}

.data_01 .ri_box .content2 .item .box .btn p svg {
    margin: auto;
    max-width: 40%
}

.data_01 .ri_box .content2 .item .box .btn p svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.data_01 .ri_box .content2 .item:hover .box .btn p {
    background: #1e2da1
}

.data_01 .ri_box .content2 .item:hover .box .btn p svg path {
    fill: #fff
}

.data_01 .ri_box .content3 {
    margin-top: .8rem
}

.pop_01 {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(0, 0, 0, .35);
    display: none;
    height: var(--vh);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.pop_01 .box {
    background: #fff;
    border-radius: var(--r15);
    left: 50%;
    min-height: 8rem;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: min(7rem, 90vw)
}

.pop_01 .box .top_ {
    padding: .3rem .5rem;
    position: relative
}

.pop_01 .box .top_ p {
    font-size: var(--f32);
    font-weight: 700
}

.pop_01 .box .top_ .close {
    cursor: pointer;
    position: absolute;
    right: .2rem;
    top: .2rem
}

.pop_01 .box .top_ .close svg {
    width: var(--f20)
}

.pop_01 .box .top_ .close svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.pop_01 .box .top_ .close:hover svg path {
    fill: #1e2da1
}

.pop_01 .box .bot_ {
    border-top: 1px solid #d9d9d9;
    padding: .5rem
}

.pop_01 .box .bot_ form {
    font-size: var(--f16)
}

.pop_01 .box .bot_ form .div1 .label .tips {
    color: #333;
    font-size: var(--f18);
    margin-bottom: .1rem
}

.pop_01 .box .bot_ form .div1 .label .tips span {
    color: red
}

.pop_01 .box .bot_ form .div1 .label input {
    background: #f6f6f6;
    border: none;
    border-radius: var(--r10);
    height: var(--h52);
    padding: 0 .2rem;
    width: 100%
}

.pop_01 .box .bot_ form .div1 .label input::-webkit-input-placeholder {
    color: #999
}

.pop_01 .box .bot_ form .div1 .label input::-moz-placeholder {
    color: #999
}

.pop_01 .box .bot_ form .div1 .label input:-ms-input-placeholder {
    color: #999
}

.pop_01 .box .bot_ form .div1 .label input::-ms-input-placeholder {
    color: #999
}

.pop_01 .box .bot_ form .div1 .label input::placeholder {
    color: #999
}

.pop_01 .box .bot_ form .div1 .label+.label {
    margin-top: .5rem
}

.pop_01 .box .bot_ form .div2 {
    margin-top: .8rem
}

.pu_page {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: var(--f18)
}

.pu_page,
.pu_page .next a,
.pu_page .prev a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pu_page .next a,
.pu_page .prev a {
    border-radius: 50%;
    height: var(--w50);
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w50)
}

.pu_page .next a i,
.pu_page .prev a i {
    color: #333;
    margin: auto;
    -webkit-transition: .4s;
    transition: .4s
}

.pu_page .next a:hover,
.pu_page .prev a:hover {
    background: #1e2da1
}

.pu_page .next a:hover i,
.pu_page .prev a:hover i {
    color: #fff
}

.pu_page .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 .3rem
}

.pu_page .number a {
    border-radius: 50%;
    font-family: Medium;
    height: var(--w50);
    line-height: var(--w50);
    margin: 0 .15rem;
    text-align: center;
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w50)
}

.pu_page .number a.active,
.pu_page .number a:hover {
    background: #1e2da1;
    color: #fff
}

.pu_li_3 a {
    border-bottom: 1px solid #d9d9d9;
    padding: .3rem
}

.pu_li_3 a .le_box {
    border-radius: var(--r10);
    overflow: hidden;
    width: 23.15%
}

.pu_li_3 a .le_box img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.pu_li_3 a .ri_box {
    padding-left: .5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pu_li_3 a .ri_box .text {
    -webkit-box-flex: 0.8;
    -ms-flex: 0.8;
    flex: 0.8;
    font-size: var(---f18)
}

.pu_li_3 a .ri_box .text .t1 {
    color: #666
}

.pu_li_3 a .ri_box .text .t2 {
    font-size: var(--f24);
    font-weight: 700;
    margin-top: .18rem;
    -webkit-transition: .4s;
    transition: .4s
}

.pu_li_3 a .ri_box .text .t2,
.pu_li_3 a .ri_box .text .t3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 1.2em;
    line-height: 1.2
}

.pu_li_3 a .ri_box .text .t3 {
    color: #666;
    margin-top: .2rem
}

.pu_li_3 a:hover .le_box img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.pu_li_3 a:hover .ri_box .text .t2 {
    color: #1e2da1
}

.pu_li_3 a:hover .ri_box .btn p svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.pu_li_3:first-child a {
    border-top: 1px solid #d9d9d9
}

.more_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.more_01 span {
    color: #1e2da1;
    font-size: var(--f16)
}

.more_01 p {
    border: 1px solid #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    margin-left: .15rem;
    overflow: hidden;
    width: var(--w40)
}

.more_01 p svg {
    margin: auto;
    max-width: 45.2%
}

.more_01:hover p svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.news_01 .ws_top .swiper .swiper-slide a {
    background: #f6f6f6;
    border-radius: var(--r10)
}

.news_01 .ws_top .swiper .swiper-slide a .le_box {
    border-radius: inherit;
    overflow: hidden;
    width: 50%
}

.news_01 .ws_top .swiper .swiper-slide a .le_box img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.news_01 .ws_top .swiper .swiper-slide a .ri_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news_01 .ws_top .swiper .swiper-slide a .ri_box .text {
    font-size: var(--f18)
}

.news_01 .ws_top .swiper .swiper-slide a .ri_box .text .t1 {
    color: #666
}

.news_01 .ws_top .swiper .swiper-slide a .ri_box .text .t2 {
    color: #000;
    display: -webkit-box;
    font-size: var(--f32);
    font-weight: 700;
    -webkit-line-clamp: 2;
    margin-top: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-orient: vertical;
    height: 2.8em;
    line-height: 1.4
}

.news_01 .ws_top .swiper .swiper-slide a .ri_box .text .t3 {
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 3.54em;
    line-height: 1.77
}

.news_01 .ws_top .swiper .swiper-slide a:hover .le_box img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.news_01 .ws_top .swiper .swiper-slide a:hover .ri_box .text .t2 {
    color: #1e2da1
}

.news_01 .ws_top .swiper .swiper-slide a:hover .ri_box .btn p svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.news_01 .ws_top .div_ {
    margin-top: .38rem;
    text-align: center
}

.news_01 .ws_top .div_ .swiper-pagination-bullet {
    background: none;
    height: auto;
    margin: 0 .1rem;
    opacity: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.news_01 .ws_top .div_ .swiper-pagination-bullet svg path {
    fill: rgba(30, 45, 161, .2);
    -webkit-transition: .4s;
    transition: .4s
}

.news_01 .ws_top .div_ .swiper-pagination-bullet-active svg path {
    fill: #1e2da1
}

.news_01 .ws_bot,
.news_01 .ws_bot .content2 {
    margin-top: .8rem
}

.news_details_01 .ls_top {
    padding-top: .16rem
}

.news_details_01 .ls_bot {
    margin-top: .82rem
}

.news_details_01 .ls_bot .le_box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.news_details_01 .ls_bot .le_box .content1 {
    margin-bottom: .58rem
}

.news_details_01 .ls_bot .le_box .content1 .t1 {
    font-size: var(--f40);
    font-weight: 700;
    line-height: 1.4
}

.news_details_01 .ls_bot .le_box .content1 .t2 {
    color: #1e2da1;
    font-size: var(--f18);
    margin-top: .27rem
}

.news_details_01 .ls_bot .le_box .content2 {
    border-bottom: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    padding: .5rem 0
}

.news_details_01 .ls_bot .le_box .content2>div {
    color: #333;
    font-size: var(--f18);
    line-height: 2
}

.news_details_01 .ls_bot .le_box .content3 {
    margin-top: .4rem
}

.news_details_01 .ls_bot .le_box .content3 .div1 {
    -webkit-box-flex: 0.9;
    -ms-flex: 0.9;
    flex: 0.9
}

.news_details_01 .ls_bot .le_box .content3 .div1 a {
    color: #000;
    display: -webkit-box;
    font-size: var(--f16);
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-orient: vertical;
    height: 2.25em;
    line-height: 2.25
}

.news_details_01 .ls_bot .le_box .content3 .div1 a:hover {
    color: #1e2da1
}

.news_details_01 .ls_bot .le_box .content3 .div2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news_details_01 .ls_bot .le_box .content3 .div2 a span {
    color: #1e2da1;
    font-size: var(--f16);
    margin-right: .15rem
}

.news_details_01 .ls_bot .le_box .content3 .div2 a p {
    border: 1px solid #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    -webkit-transition: .6s;
    transition: .6s;
    width: var(--w40)
}

.news_details_01 .ls_bot .le_box .content3 .div2 a p svg {
    margin: auto;
    max-width: 40%
}

.news_details_01 .ls_bot .le_box .content3 .div2 a p svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.news_details_01 .ls_bot .le_box .content3 .div2 a:hover p {
    background: #1e2da1
}

.news_details_01 .ls_bot .le_box .content3 .div2 a:hover p svg path {
    fill: #fff
}

.news_details_01 .ls_bot .ri_box {
    margin-left: 1.4rem;
    width: 4.4rem
}

.news_details_01 .ls_bot .ri_box>div {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--top) + .2rem)
}

.news_details_01 .ls_bot .ri_box>div .div1 {
    font-size: var(--f36);
    font-weight: 700
}

.news_details_01 .ls_bot .ri_box>div .div2 {
    margin-top: .56rem
}

.news_details_01 .ls_bot .ri_box>div .div2 a {
    background: #f6f6f6;
    border-radius: var(--r10);
    padding: .3rem
}

.news_details_01 .ls_bot .ri_box>div .div2 a .time {
    color: #666;
    font-size: var(--f18)
}

.news_details_01 .ls_bot .ri_box>div .div2 a .text {
    font-size: var(--f20);
    font-weight: 700;
    height: 3em;
    line-height: 1.5;
    margin-top: .26rem;
    -webkit-transition: .4s;
    transition: .4s
}

.news_details_01 .ls_bot .ri_box>div .div2 a .desc,
.news_details_01 .ls_bot .ri_box>div .div2 a .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news_details_01 .ls_bot .ri_box>div .div2 a .desc {
    color: #666;
    font-size: var(--f16);
    height: 3.75em;
    line-height: 1.875;
    margin-top: .16rem
}

.news_details_01 .ls_bot .ri_box>div .div2 a+a {
    margin-top: .2rem
}

.news_details_01 .ls_bot .ri_box>div .div2 a:hover .text {
    color: #1e2da1
}

.news_details_01 .ls_bot .ri_box>div .div3 {
    background: #fff;
    border-radius: var(--r10);
    -webkit-box-shadow: 0 0 4px 4px rgba(30, 45, 161, .04);
    box-shadow: 0 0 4px 4px rgba(30, 45, 161, .04);
    margin-top: .2rem;
    padding: .3rem
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_1 {
    font-size: var(--f20);
    font-weight: 700
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 {
    background: #f6f6f6;
    border-radius: calc((var(--w40) + 12px)/2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--f16);
    margin-top: .16rem;
    padding: 6px
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 input {
    padding: 0 .2rem;
    -webkit-box-flex: 1;
    background: none;
    border: none;
    -ms-flex: 1;
    flex: 1
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 input::-webkit-input-placeholder {
    color: #999
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 input::-moz-placeholder {
    color: #999
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 input:-ms-input-placeholder {
    color: #999
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 input::-ms-input-placeholder {
    color: #999
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 input::placeholder {
    color: #999
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 label {
    cursor: pointer
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 label p {
    background: #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    width: var(--w40)
}

.news_details_01 .ls_bot .ri_box>div .div3 form .label_2 label p svg {
    margin: auto;
    max-width: 50%
}

.join_01 .jo_top {
    text-align: center
}

.join_01 .jo_top .desc {
    color: #666;
    font-size: var(--f20);
    line-height: 1.8;
    margin: .3rem auto 0;
    width: min(10.6rem, 100%)
}

.join_01 .jo_bot {
    display: grid;
    gap: .24rem;
    grid-template-columns: repeat(4, 1fr);
    margin-top: .5rem
}

.join_01 .jo_bot .item {
    background: #f6f6f6;
    border-radius: var(--r10);
    padding: .4rem;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s
}

.join_01 .jo_bot .item .svg {
    background: rgba(30, 45, 161, .1);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w80);
    margin: 0 auto;
    width: var(--w80)
}

.join_01 .jo_bot .item .svg img {
    margin: auto;
    max-width: 50%
}

.join_01 .jo_bot .item .text {
    margin-top: .3rem
}

.join_01 .jo_bot .item .text .t1 {
    color: #333;
    font-size: var(--f24);
    font-weight: 700
}

.join_01 .jo_bot .item .text .t2 {
    color: #666;
    font-size: var(--f18);
    margin-top: .16rem
}

.join_01 .jo_bot .item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.join_02 {
    background: #f6f6f6
}

.join_02 .jo_top {
    padding: 0 var(--bj)
}

.join_02 .jo_bot {
    margin-top: .6rem
}

.join_02 .jo_bot .swiper .swiper-slide {
    border-radius: var(--r15);
    overflow: hidden
}

.join_02 .jo_bot .swiper .swiper-slide img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.join_02 .jo_bot .swiper .swiper-slide:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.join_02 .jo_bot .div_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.join_02 .jo_bot .div_ .next {
    margin-left: .1rem
}

.join_03 .jo_bot {
    margin-top: .6rem
}

.join_03 .jo_bot .content1 .item {
    border-bottom: 1px solid #d9d9d9;
    -webkit-transition: .6s;
    transition: .6s
}

.join_03 .jo_bot .content1 .item .thead {
    cursor: pointer;
    padding: .32rem .5rem
}

.join_03 .jo_bot .content1 .item .thead .text {
    color: #333;
    font-size: var(--f26);
    font-weight: 700;
    -webkit-transition: .4s;
    transition: .4s
}

.join_03 .jo_bot .content1 .item .thead .btn p {
    background: #1e2da1;
    height: 2px;
    position: relative;
    width: .2rem
}

.join_03 .jo_bot .content1 .item .thead .btn p:before {
    background: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.join_03 .jo_bot .content1 .item .tbody {
    display: none
}

.join_03 .jo_bot .content1 .item .tbody>div {
    padding: .48rem .5rem
}

.join_03 .jo_bot .content1 .item .tbody>div .div1>div .d1 {
    color: #1e2da1;
    font-size: var(--f22);
    font-weight: 700;
    line-height: 1.6
}

.join_03 .jo_bot .content1 .item .tbody>div .div1>div .d2 {
    color: #444;
    font-size: var(--f18);
    line-height: 2
}

.join_03 .jo_bot .content1 .item .tbody>div .div1>div+div {
    margin-top: .22rem
}

.join_03 .jo_bot .content1 .item .tbody>div .div2 {
    margin-top: .5rem
}

.join_03 .jo_bot .content1 .item.active {
    background: #f6f6f6
}

.join_03 .jo_bot .content1 .item.active .thead .text {
    color: #1e2da1
}

.join_03 .jo_bot .content1 .item.active .thead .btn p:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.join_03 .jo_bot .content2 {
    margin-top: .8rem
}

.contact_01 {
    contain: layout paint
}

.contact_01 .le_box {
    width: 48%
}

.contact_01 .le_box .content1>div {
    background: #f6f6f6;
    border-radius: calc(var(--f16)*2/2 + 6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contact_01 .le_box .content1>div p {
    border-radius: 1em;
    color: #666;
    cursor: pointer;
    font-size: var(--f16);
    line-height: 2;
    margin-right: 4px;
    padding: 0 .24rem;
    -webkit-transition: .6s;
    transition: .6s
}

.contact_01 .le_box .content1>div p:last-child {
    margin-right: 0
}

.contact_01 .le_box .content1>div p.active,
.contact_01 .le_box .content1>div p:hover {
    background: #1e2da1;
    color: #fff
}

.contact_01 .le_box .content2 {
    margin-top: .6rem;
    position: relative
}

.contact_01 .le_box .content2 .item {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.contact_01 .le_box .content2 .item .div1 {
    font-size: var(--f36);
    font-weight: 700
}

.contact_01 .le_box .content2 .item .div2 {
    margin-top: .4rem
}

.contact_01 .le_box .content2 .item .div2 .li {
    font-size: var(--f22)
}

.contact_01 .le_box .content2 .item .div2 .li p {
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--f18);
    line-height: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact_01 .le_box .content2 .item .div2 .li p img {
    margin-right: 6px;
    max-width: var(--f20)
}

.contact_01 .le_box .content2 .item .div2 .li a {
    -webkit-transition: .4s;
    transition: .4s
}

.contact_01 .le_box .content2 .item .div2 .li a.email,
.contact_01 .le_box .content2 .item .div2 .li a.tel {
    font-family: Medium;
    font-size: 1.55em
}

.contact_01 .le_box .content2 .item .div2 .li a:hover {
    color: #1e2da1
}

.contact_01 .le_box .content2 .item .div2 .li+.li {
    margin-top: .4rem
}

.contact_01 .le_box .content2 .item .div3 {
    margin-top: .34rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contact_01 .le_box .content2 .item .div3>div {
    text-align: center
}

.contact_01 .le_box .content2 .item .div3>div img {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .08);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .08);
    width: var(--w120)
}

.contact_01 .le_box .content2 .item .div3>div p {
    color: #666;
    font-size: var(--f16);
    margin-top: .1rem
}

.contact_01 .le_box .content2 .item.active {
    -webkit-animation: heroFade 1s .15s both;
    animation: heroFade 1s .15s both;
    position: relative;
    z-index: 1
}

.contact_01 .ri_box {
    position: relative;
    width: 50%
}

.contact_01 .ri_box>div {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--top) + .2rem)
}

.contact_01 .ri_box a {
    border-radius: var(--r10);
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.contact_01 .ri_box a img {
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.contact_01 .ri_box a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.contact_01 .ri_box a.active {
    -webkit-animation: heroFade 1s .15s both;
    animation: heroFade 1s .15s both;
    position: relative;
    z-index: 1
}

.contact_02 {
    background: #f6f6f6;
    position: relative
}

.contact_02 .ct_top {
    text-align: center
}

.contact_02 .ct_bot {
    margin: .6rem auto 0;
    width: min(12rem, 100%)
}

.contact_02 .ct_bot form {
    font-size: var(--f18)
}

.contact_02 .ct_bot form .div1 {
    display: grid;
    gap: .2rem;
    grid-template-columns: repeat(2, 1fr)
}

.contact_02 .ct_bot form .div1 .label {
    position: relative
}

.contact_02 .ct_bot form .div1 .label input,
.contact_02 .ct_bot form .div1 .label textarea {
    background: #fff;
    border: none;
    border-radius: 3px;
    height: var(--h68);
    padding: 0 .25rem;
    width: 100%
}

.contact_02 .ct_bot form .div1 .label input:not(:-moz-placeholder)+p,
.contact_02 .ct_bot form .div1 .label textarea:not(:-moz-placeholder)+p {
    display: none
}

.contact_02 .ct_bot form .div1 .label input:not(:-ms-input-placeholder)+p,
.contact_02 .ct_bot form .div1 .label textarea:not(:-ms-input-placeholder)+p {
    display: none
}

.contact_02 .ct_bot form .div1 .label input:not(:placeholder-shown)+p,
.contact_02 .ct_bot form .div1 .label textarea:not(:placeholder-shown)+p {
    display: none
}

.contact_02 .ct_bot form .div1 .label input:focus+p,
.contact_02 .ct_bot form .div1 .label input:focus+p span,
.contact_02 .ct_bot form .div1 .label textarea:focus+p,
.contact_02 .ct_bot form .div1 .label textarea:focus+p span {
    color: #333
}

.contact_02 .ct_bot form .div1 .label p {
    color: #999;
    left: 0;
    padding: 0 .25rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.contact_02 .ct_bot form .div1 .label p span {
    color: red
}

.contact_02 .ct_bot form .div1 .label.label_3 {
    grid-area: 2/1/3/3
}

.contact_02 .ct_bot form .div1 .label.label_4 {
    grid-area: 3/1/4/3
}

.contact_02 .ct_bot form .div1 .label.label_5 {
    grid-area: 4/1/5/3
}

.contact_02 .ct_bot form .div1 .label.label_5 textarea {
    height: calc(var(--h68)*3);
    padding: .25rem
}

.contact_02 .ct_bot form .div1 .label.label_5 p {
    padding: .25rem;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.contact_02 .ct_bot form .div2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .12rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact_02 .ct_bot form .div2 .layui-form-checkbox[lay-skin=primary] {
    padding-left: 0
}

.contact_02 .ct_bot form .div2 .layui-form-checkbox[lay-skin=primary]>i {
    border-radius: 50%;
    height: 20px;
    line-height: 18px;
    position: static;
    width: 20px
}

.contact_02 .ct_bot form .div2 p {
    color: #666;
    font-size: var(--f16);
    margin-left: .12rem
}

.contact_02 .ct_bot form .div2 p a {
    color: #000;
    display: inline;
    -webkit-transition: .4s;
    transition: .4s
}

.contact_02 .ct_bot form .div2 p a:hover {
    color: #1e2da1
}

.contact_02 .ct_bot form .div3 {
    margin-top: .6rem
}

.search_01 {
    background: #f6f6f6;
    position: relative
}

.search_01 .box {
    padding: 1.22rem var(--bj)
}

.search_01 .box form {
    font-size: var(--f18)
}

.search_01 .box form .div1 {
    margin-bottom: .36rem;
    text-align: center
}

.search_01 .box form .div1 .title_01 {
    color: #333
}

.search_01 .box form .div2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    width: min(5.9rem, 100%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: calc(var(--h70)/2);
    padding: 0 .4rem
}

.search_01 .box form .div2 input {
    padding-right: .2rem;
    -webkit-box-flex: 1;
    background: none;
    border: none;
    border-radius: calc(var(--h70)/2);
    color: #333;
    -ms-flex: 1;
    flex: 1;
    height: var(--h70)
}

.search_01 .box form .div2 input::-webkit-input-placeholder {
    color: #999
}

.search_01 .box form .div2 input::-moz-placeholder {
    color: #999
}

.search_01 .box form .div2 input:-ms-input-placeholder {
    color: #999
}

.search_01 .box form .div2 input::-ms-input-placeholder {
    color: #999
}

.search_01 .box form .div2 input::placeholder {
    color: #999
}

.search_01 .box form .div2 label p {
    cursor: pointer
}

.search_01 .box form .div2 label p svg {
    width: var(--f22)
}

.search_02 .ch_box {
    padding: .2rem var(--bj) var(--gap)
}

.search_02 .content1 {
    color: #333;
    font-size: var(--f20);
    font-weight: 700
}

.search_02 .content1 span {
    color: #1e2da1
}

.search_02 .content2 .list {
    margin-top: var(--gap)
}

.search_02 .content2 .list .div2 {
    margin-top: .5rem
}

.search_02 .content2 .list_1 .div2 {
    display: grid;
    gap: .3rem;
    grid-template-columns: repeat(4, 1fr)
}

.search_02 .content2 .list_1 .div2 .item a .img {
    background-color: #f6f6f6;
    border-radius: var(--r15);
    position: relative
}

.search_02 .content2 .list_1 .div2 .item a .img:before {
    content: "";
    display: block;
    left: 0;
    padding-top: 100%;
    position: relative;
    top: 0
}

.search_02 .content2 .list_1 .div2 .item a .img img {
    left: 50%;
    max-height: 60%;
    max-width: 60%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.search_02 .content2 .list_1 .div2 .item a .text {
    margin-top: .25rem
}

.search_02 .content2 .list_1 .div2 .item a .text .t1 {
    color: #333;
    font-size: var(--f26);
    font-weight: 700;
    -webkit-transition: .4s;
    transition: .4s
}

.search_02 .content2 .list_1 .div2 .item a .text .t2 {
    color: #666;
    display: -webkit-box;
    font-size: var(--f18);
    -webkit-line-clamp: 2;
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 3.54em;
    line-height: 1.77
}

.search_02 .content2 .list_1 .div2 .item a:hover .text .t1 {
    color: #1e2da1
}

.kobai {
    display: none;
    min-height: 30vh
}

:root {
    --kx: 6px;
    --h70: 0.7rem;
    --h68: 0.68rem;
    --w120: 1.2rem;
    --w80: 0.8rem;
    --w32: 32px;
    --w50: 0.5rem;
    --h52: 0.52rem;
    --w40: 0.4rem;
    --w44: 0.44rem;
    --w58: 0.58rem;
    --w96: 0.96rem;
    --w100: 1rem;
    --r10: 0.1rem;
    --r15: 0.15rem
}

@media (min-width:1921px) {
    body {
        --bj: calc(50vw - 9.6rem + var(--ww)/2)
    }
}

@media (max-width:1520px) {
    .pu_search {
        --h: 0.66rem
    }
}

@media screen and (max-width:1680px) {}

@media screen and (max-width:1520px) {
    body {
        --f14: 12px;
        --f16: 14px;
        --f18: 14px;
        --f20: 16px;
        --f22: 18px;
        --f24: 20px;
        --f26: 22px;
        --ww: 1.3rem;
    }

    .pu_leval>div a {
        margin-right: 0.4rem;
    }

    .about_01 .ab_box .ri_box .li .text .data {
        font-size: 0.7rem;
    }

    .data_01 .ri_box .content1 form {
        width: min(7rem, 100%);
    }

    .data_01 {
        --w1: 3.2rem;
    }

    .contact_01 .le_box .content2 .item .div1 {
        font-size: var(--f30);
    }

    .contact_01 .le_box .content2 .item .div3>div p {
        font-size: 12px;
    }

    .contact_01 .le_box .content2 .item .div2 .li {
        font-size: var(--f18);
        line-height: 1.5;
    }

}

@media (max-width:1500px) {
    
    .solutions_01 .box .post>div .text .t2 {
        font-size: 12px;
    }
    
    
    .pu_leftNav .box a {
        font-size: .14rem
    }

    .news_details_01 .ls_bot .ri_box {
        margin-left: .8rem
    }

    .data_01 {
        --w2: 1.7rem
    }

    .pu_link .a {
        min-width: 1.9rem
    }

    .about_04 .ab_bk .post .dian .content .text {
        min-width: 3rem
    }

    .index_about .ab_bot .item {
        padding: .42rem
    }

    :root {
        --w120: 1.3rem;
        --w100: 1.1rem;
        --w96: 1.02rem;
        --w80: 0.86rem;
        --h70: 0.76rem;
        --h68: 0.74rem;
        --w58: 0.64rem;
        --h52: 0.58rem;
        --w50: 0.56rem;
        --w44: 0.5rem;
        --w40: 0.46rem;
        --w32: 32px;
        --r10: 0.1rem;
        --r15: 0.15rem;
        --kx: 6px
    }

    .about_06 .ab_bot .swiper .swiper-slide .text {
        font-size: var(--f20);
    }


}


@media screen and (max-width:1300px) {}



@media (max-width:1200px) {
    .product_details_03 .ls_bot>div{
        line-height: 1.8;
    }
    
    .pu_leftNav{display: none !important;}

    .Sitemap .ap_bot .item .content2 .firstorder,
    .Sitemap .ap_bot .item .content2 .multistage {
        grid-template-columns: repeat(4, 1fr)
    }

    .compiler_style img,
    .compiler_style video {
        float: none !important;
        height: auto !important;
        width: auto !important
    }
    .compiler_style h1{
        line-height: 1.2;
    }

    .pu_search {
        --h: 0.7rem
    }

    .pc_header,
    .pc_show {
        display: none
    }

    .phone_show {
        display: block
    }

    .MobileMain .HeaderMobile .box .button .Language p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px
    }

    .MobileMain .HeaderMobile .box .button .Language p i {
        color: #666;
        margin: 0 6px
    }

    .MobileMain .HeaderMobile .box .button .Language p a {
        color: #666
    }

    .MobileMain .HeaderMobile .box .button .Language p a.active {
        color: #000
    }

    .MobileMain .HeaderMobile .box .logo a img {
        height: 42px
    }

    .MobileMain .HeaderMobile .box .button .search p svg {
        width: 28px
    }

    .about_04>div {
        padding: var(--gap) var(--bj)
    }

    .about_04 .ab_text {
        padding: 0
    }

    .about_04 .ab_bk .box1,
    .about_04 .ab_bk .box2,
    .about_04 .ab_bk .post .dian,
    .about_04 .ab_bk .post .dian .content .text,
    .about_04 .ab_text {
        position: static
    }

    .about_04 .ab_bk .post .dian .content>p,
    .about_04 .ab_bk .post .dian>p {
        display: none
    }

    .about_04 .ab_bk .post .dian .content {
        opacity: 1;
        position: static;
        visibility: visible
    }

    .about_04 .ab_bk {
        margin: 0
    }

    .about_04 .ab_bk .post {
        margin-top: .6rem;
        overflow: auto;
        padding-right: .1rem
    }

    .about_04 .ab_bk .post::-webkit-scrollbar {
        height: 2px;
        width: 2px
    }

    .about_04 .ab_bk .post::-webkit-scrollbar-thumb {
        background: #1e2da1;
        border-radius: 2px
    }

    .about_04 .ab_bk .post::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, .5);
        border-radius: 2px
    }

    @-moz-document url-prefix() {
        .about_04 .ab_bk .post {
            scrollbar-color: #1e2da1 rgba(0, 0, 0, .5);
            scrollbar-width: thin;
            -ms-overflow-style: none
        }
    }

    .about_04 .ab_bk .post {
        padding-bottom: 10px;
        padding-right: 0
    }

    .about_04 .ab_bk .post>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .about_04 .ab_bk .post>div .dian {
        margin-right: 10px
    }

    .about_04 .ab_bk .post>div .dian:last-child {
        margin-right: 0
    }

    .about_04 .ab_bk .post .dian .content .text {
        background: #f3f4f9;
        width: calc(50vw - 10px)
    }

    .index_banner .swiper .swiper-slide .slide_img img,
    .index_banner .swiper .swiper-slide .slide_img video {
        height: 6rem
    }

    .index_banner .div_ {
        bottom: .2rem
    }

    .index_banner .div_ .li svg {
        width: 10px
    }

    .pu_link .a {
        min-width: 2rem
    }

    .index_about .ab_bot {
        grid-template-columns: repeat(1, 1fr);
        margin-top: var(--gap)
    }

    .index_about .ab_bot .item,
    .pu_li_1 a .post>div {
        padding: .4rem
    }

    .index_product .pr_top .ri_box .content1>div {
        padding: 0 .5rem
    }

    .index_product .pr_top .ri_box .content1>div p+p {
        margin-left: .4rem
    }

    .pc_footer .ter_cen .item:last-child {
        display: block;
        max-width: 100%;
        width: 100%
    }

    .pc_footer .ter_bot {
        line-height: 1.8
    }

    .about_01 {
        padding: var(--gap) var(--bj) 5.8rem
    }

    .about_01 .ab_bk img {
        width: 100%
    }

    .about_02 .ab_bot {
        gap: .2rem;
        grid-template-columns: repeat(2, 1fr)
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: hsla(0, 0%, 100%, .6);
        border-radius: var(--r15);
        height: auto;
        overflow: hidden
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide>div {
        display: block;
        height: 100%
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text {
        padding: .4rem
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t2 {
        max-height: 8.85em;
        overflow: auto;
        padding-right: .1rem
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t2::-webkit-scrollbar {
        height: 2px;
        width: 2px
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t2::-webkit-scrollbar-thumb {
        background: #1e2da1;
        border-radius: 2px
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t2::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, .5);
        border-radius: 2px
    }

    @-moz-document url-prefix() {
        .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t2 {
            scrollbar-color: #1e2da1 rgba(0, 0, 0, .5);
            scrollbar-width: thin;
            -ms-overflow-style: none
        }
    }

    .about_04 .ab_bk .box2 .div1 p,
    .about_04 .ab_bk .box2 .div2 p {
        margin-right: .4rem
    }

    .about_04 .ab_bk .box2 .div2 {
        margin-left: .4rem
    }

    .about_04 .ab_bk .post .dian .content,
    .about_04 .ab_bk .post .dian .content .text {
        height: 100%
    }

    .about_05 .ab_box {
        min-height: auto
    }

    .about_06 .ab_bot .swiper .swiper-slide .img {
        height: 3.8rem
    }

    .banner_01 .ban_bk img {
        min-height: 4rem
    }

    .product_01 .pr_bot .content2 .item {
        padding: .4rem
    }

    .product_01 .pr_bot .content2 .item .le_box .btn {
        margin-top: .3rem
    }

    .product_details_01 .ls_box,
    .solutions_02 .so_box {
        padding: 0 var(--bj) var(--gap)
    }

    .product_details_01 .ls_box .ls_top,
    .solutions_02 .so_top {
        padding-top: 16px
    }

    .product_details_01 .ls_box .ls_bot .le_box {
        margin-top: 0
    }

    .product_details_05 .ls_bot {
        grid-template-columns: repeat(2, 1fr)
    }

    .solutions_01 .box .bk img {
        height: calc(var(--vh) - 60px)
    }

    .solutions_01 .box .post>div {
        width: min(8rem, 100%)
    }

    .solutions_03 .so_bot .item>div .ri_box {
        margin-top: .4rem
    }

    .solutions_details_01 .ls_bot {
        padding: .6rem 0 var(--gap)
    }

    .solutions_details_02 .le_box {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .news_01 .ws_top .swiper .swiper-slide a .ri_box .btn,
    .pu_three {
        margin-top: .4rem
    }

    .pu_page .number a {
        display: none
    }

    .pu_page .number a.active {
        display: block
    }

    .data_01 {
        --w2: 1.6rem
    }

    .pop_01 .box .bot_ form .div1 .label+.label {
        margin-top: .3rem
    }

    .pu_li_3 a {
        padding: .3rem 0
    }

    .join_01 .jo_bot,
    .search_02 .content2 .list_1 .div2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .join_03 .jo_bot .content1 .item .tbody>div,
    .join_03 .jo_bot .content1 .item .thead {
        padding: .4rem
    }

    .search_01 .box {
        padding: var(--gap) var(--bj)
    }

    .data_01 .ri_box .content1 form .svg img,
    .search_01 .box form .div2 label p svg {
        width: 20px
    }

    .solutions_03 .so_bot .item>div .ri_box .btn {
        margin-top: .4rem
    }

    .product_details_02 .ls_bot>div table,
    .solutions_details_03 .ls_bot>div table {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .product_details_02 .ls_bot>div table tr td,
    .solutions_details_03 .ls_bot>div table tr td {
        width: calc((var(--vw) - var(--bj)*2)/3) !important
    }

    .contact_01 .ri_box,
    .data_01 .ri_box,
    .index_solution .so_box .ri_box,
    .product_details_01 .ls_box .ls_bot,
    .product_details_01 .ls_box .ls_bot .ri_box,
    .solutions_02 .so_bot,
    .solutions_02 .so_bot .ri_box,
    .solutions_details_01 .ls_bot .ri_box,
    .solutions_details_02 .le_box {
        margin-top: .6rem
    }

    .about_04 .ab_bk .box1,
    .index_about .ab_top .content1 .desc br,
    .index_solution .so_box .le_box>div .desc,
    .news_details_01 .ls_bot .ri_box,
    .pc_footer .ter_cen .item,
    .pu_leftNav,
    .pu_leval,
    .solutions_02 .so_bot .ri_box>div .list_ .dian .wz {
        display: none
    }

    .about_01 .ab_box .le_box,
    .about_01 .ab_box .ri_box,
    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .img,
    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text,
    .about_05 .ab_box>div,
    .contact_01 .le_box,
    .contact_01 .ri_box,
    .data_01 .le_box,
    .data_01 .ri_box,
    .index_solution .so_box .le_box,
    .index_solution .so_box .ri_box,
    .news_01 .ws_top .swiper .swiper-slide a .le_box,
    .news_01 .ws_top .swiper .swiper-slide a .ri_box,
    .product_details_01 .ls_box .ls_bot .le_box,
    .product_details_01 .ls_box .ls_bot .ri_box,
    .solutions_02 .so_bot .le_box,
    .solutions_02 .so_bot .ri_box,
    .solutions_03 .so_bot .item>div .le_box,
    .solutions_03 .so_bot .item>div .ri_box,
    .solutions_details_01 .ls_bot .le_box,
    .solutions_details_01 .ls_bot .ri_box,
    .solutions_details_02 .le_box,
    .solutions_details_02 .ri_box {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    :root {
        --w120: 1.3rem;
        --w100: 1.1rem;
        --w96: 1.06rem;
        --w80: 0.9rem;
        --h70: 0.8rem;
        --h68: 0.78rem;
        --w58: 0.68rem;
        --h52: 0.62rem;
        --w50: 0.6rem;
        --w44: 0.54rem;
        --w40: 0.5rem;
        --w32: 32px;
        --r10: 0.1rem;
        --r15: 0.15rem;
        --kx: 6px
    }
}

@media screen and (max-width:1200px) {
    body {
        --f20: 16px;
        --f22: 16px;
        --f24: 18px;
        --f26: 20px;
        --f28: 0.32rem;
        --f30: 0.36rem;
        --f32: 0.36rem;
        --f34: 0.38rem;
        --f36: 0.4rem;
        --f38: 0.4rem;
        --f40: 0.4rem;
        --f42: 0.4rem;
        --f44: 0.4rem;
        --f46: 0.4rem;
        --f48: 0.4rem;
        --f54: 0.5rem;
        --f56: 0.52rem;
        --f58: 0.52rem;
        --f60: 0.54rem;
        --f64: 0.56rem;
        --ww: 5vw;
        --top: 60px;
        --gap: 0.8rem
    }

    .index_banner .swiper .swiper-slide .slide_post>div .content1 .t2 br {
        display: none;
    }

    .index_solution .so_box .ri_box>div .item a .bk img {
        min-height: 5.4rem;
    }
    
    .pu_three{
        padding: 0;
    }
    .pu_three>div{
        width: max-content;
        width: -webkit-max-content;
    }

}

@media screen and (max-width:767px) {
    body {
        --f14: 0.26rem;
        --f16: 0.28rem;
        --f18: 0.3rem;
        --f20: 0.3rem;
        --f22: 0.32rem;
        --f24: 0.34rem;
        --f26: 0.34rem;
        --f28: 0.4rem;
        --f30: 0.4rem;
        --f32: 0.42rem;
        --f34: 0.42rem;
        --f36: 0.42rem;
        --f38: 0.46rem;
        --f40: 0.46rem;
        --f42: 0.46rem;
        --f44: 0.48rem;
        --f46: 0.48rem;
        --f48: 0.5rem;
        --f52: 0.5rem;
        --f54: 0.5rem;
        --f56: 0.52rem;
        --f58: 0.52rem;
        --f60: 0.52rem;
        --f64: 0.54rem
    }
}

@media (max-width:750px) {

    .Sitemap .ap_bot .item .content2 .firstorder,
    .Sitemap .ap_bot .item .content2 .multistage {
        grid-template-columns: repeat(2, 1fr)
    }

    .pu_search {
        --h: 0.86rem
    }

    .pu_search .ch_box .form form .submit span {
        width: 20px
    }

    .pc_footer .ter_bot {
        font-size: .26rem
    }

    .product_details_02 .ls_bot>div table,
    .solutions_details_03 .ls_bot>div table {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .product_details_02 .ls_bot>div table tr td,
    .solutions_details_03 .ls_bot>div table tr td {
        width: calc((var(--vw) - var(--bj)*2)/2) !important
    }

    .about_03 .ab_bot .content1 .swiper .swiper-slide>div .text .t1 {
        font-size: var(--f28)
    }

    .data_01 .ri_box .content1 form .svg img,
    .search_01 .box form .div2 label p svg {
        width: 16px
    }

    .pu_li_3 a .ri_box .btn {
        margin-top: .4rem
    }

    .pu_li_3 a .ri_box {
        margin-top: .4rem;
        padding-left: 0
    }

    .contact_02 .ct_bot form .div1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .contact_02 .ct_bot form .div1 .label {
        grid-area: auto !important
    }

    .contact_02 .ct_bot form .div2 .layui-form-checkbox[lay-skin=primary]>i {
        height: 16px;
        line-height: 14px;
        width: 16px
    }

    .pu_link .a {
        min-width: 2.9rem
    }

    .about_02 .ab_bot,
    .join_01 .jo_bot,
    .product_details_05 .ls_bot {
        grid-template-columns: repeat(1, 1fr)
    }

    .join_03 .jo_bot .content1 .item .thead .btn p {
        width: .3rem
    }

    .news_details_01 .ls_bot .le_box .content3 .div2 {
        margin-top: .2rem
    }

    .data_01 .ri_box .content1 form .btn p {
        padding: 0 .4rem
    }

    .data_01 .ri_box .content2 {
        gap: 1.2rem;
        grid-template-columns: repeat(1, 1fr)
    }

    .data_01 {
        --w2: 2.2rem
    }

    .pu_three {
        overflow: auto
    }

    .pu_three::-webkit-scrollbar {
        display: none
    }

    .pu_three>div {
        margin: 0 var(--bj)
    }

    .solutions_details_03 .ls_bot>div table tr td {
        padding: .3rem
    }

    .product_01 .pr_bot .content2 .item .le_box {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-top: .4rem;
        order: 1
    }

    .about_01 .ab_box .le_box .desc .d2 {
        max-height: 12em;
        overflow: auto;
        padding-right: .1rem
    }

    .about_01 .ab_box .le_box .desc .d2::-webkit-scrollbar {
        height: 2px;
        width: 2px
    }

    .about_01 .ab_box .le_box .desc .d2::-webkit-scrollbar-thumb {
        background: #1e2da1;
        border-radius: 2px
    }

    .about_01 .ab_box .le_box .desc .d2::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, .5);
        border-radius: 2px
    }

    @-moz-document url-prefix() {
        .about_01 .ab_box .le_box .desc .d2 {
            scrollbar-color: #1e2da1 rgba(0, 0, 0, .5);
            scrollbar-width: thin;
            -ms-overflow-style: none
        }
    }

    .about_01 {
        padding: var(--gap) var(--bj) 3.8rem
    }

    .about_03 .ab_bot .content2 .swiper .swiper-slide p {
        font-size: .6rem
    }

    .about_04 .ab_bk .post .dian .content .text {
        width: 90vw
    }

    .about_04 .ab_bk .post .dian .content .text .t2 {
        margin-top: .6rem
    }

    .about_04 .ab_bk .box2 .div2 {
        margin-left: 0;
        margin-top: .2rem
    }

    .about_06 .ab_bot .swiper .swiper-slide .img {
        height: 4.6rem
    }

    .index_banner .div_ .li svg {
        width: 8px
    }

    .news_01 .ws_top .div_ .swiper-pagination-bullet svg,
    .product_01 .pr_bot .content1 .div_ .swiper-pagination-bullet svg,
    .product_details_01 .ls_box .ls_bot .ri_box .div_ .swiper-pagination-bullet svg,
    .solutions_details_02 .ri_box .div_ .swiper-pagination-bullet svg {
        width: 6px
    }

    .pu_aside {
        bottom: 5%;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .index_solution .so_box .ri_box>div .item a .bk img {
        min-height: 6rem
    }

    .contact_01 .le_box .content1>div p,
    .pu_link .a span,
    .pu_three>div a,
    .solutions_03 .so_bot .item>div .ri_box .tips a {
        padding: 0 .2rem
    }

    .data_01 .ri_box .content1 form,
    .news_details_01 .ls_bot .le_box .content3 .div1,
    .news_details_01 .ls_bot .le_box .content3 .div2,
    .product_01 .pr_bot .content2 .item .le_box,
    .product_01 .pr_bot .content2 .item .ri_box,
    .pu_li_3 a .le_box,
    .pu_li_3 a .ri_box,
    .pu_li_3 a .ri_box .text {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    :root {
        --w120: 1.8rem;
        --w100: 1.2rem;
        --w96: 1.16rem;
        --w80: 1rem;
        --h70: 0.9rem;
        --h68: 0.88rem;
        --w58: 0.78rem;
        --h52: 0.72rem;
        --w50: 0.7rem;
        --w44: 0.64rem;
        --w40: 0.6rem;
        --w32: 32px;
        --r10: 0.1rem;
        --r15: 0.15rem;
        --kx: 6px
    }

    .contact_01 .le_box .content2 .item .div1,
    .contact_01 .le_box .content2 .item .div2 .li {
        font-size: var(--f24);
    }

    .contact_01 .le_box .content2 .item .div2 .li a.email,
    .contact_01 .le_box .content2 .item .div2 .li a.tel {
        font-size: 1.1em;
    }

    .index_banner .swiper .swiper-slide .slide_post>div .content1 .t1 {
        font-size: var(--f30);
    }

    .index_banner .swiper .swiper-slide .slide_post>div .content1 .t2 {
        font-size: var(--f18);
    }

    .index_solution .so_box .ri_box>div .item a .post>div .text .t2,
    .about_05 .ab_box>div .desc .d2 {
        line-height: 1.7;
        max-height: 8.5em;
        overflow: auto;
    }

    .about_05 .ab_box>div .desc .d2::-webkit-scrollbar,
    .index_solution .so_box .ri_box>div .item a .post>div .text .t2::-webkit-scrollbar {
        height: 2px;
        width: 2px;
    }

    .about_05 .ab_box>div .desc .d2::-webkit-scrollbar-thumb,
    .index_solution .so_box .ri_box>div .item a .post>div .text .t2::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 2px;
    }

    .about_05 .ab_box>div .desc .d2::-webkit-scrollbar-thumb,
    .index_solution .so_box .ri_box>div .item a .post>div .text .t2::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 2px;
    }

    .index_gkt .kt_post {
        min-height: 4.6rem;
    }

    .MobileMain .HeaderMobile .box .button .Language p {
        font-size: 15px;
    }

    .index_product .pr_top .ri_box {
        margin-top: 0.3rem;
    }

    .title_01 {
        font-size: var(--f40);
    }

    .news_01 .ws_top .swiper .swiper-slide a .ri_box .text .t2 {
        font-size: var(--f26);
    }

    .product_01 .pr_bot .content2 .item .le_box .title_01 {
        font-size: var(--f34);
    }
    .join_03 .jo_bot .content1 .item .thead .text {
        max-width: 90%;
    }

}



.product_08 .pr_bot {
    margin-top: .6rem
}

.product_08 .pr_bot .item {
    background: #f6f6f6;
    border-radius: 10px
}

.product_08 .pr_bot .item figure {
    aspect-ratio: 390/230;
    border-radius: 10px;
    overflow: hidden
}

.product_08 .pr_bot .item figure img {
    border-radius: inherit;
    height: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%
}

.product_08 .pr_bot .item figcaption {
    padding: .2rem .24rem
}

.product_08 .pr_bot .item figcaption .content1 {
    font-family: Regular;
    font-size: var(--f18)
}

.product_08 .pr_bot .item figcaption .content2 {
    color: #040000;
    display: -webkit-box;
    font-size: var(--f20);
    font-weight: 700;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-orient: vertical;
    height: 3em;
    line-height: 1.5;
    margin: .18rem 0 .34rem
}

.product_08 .pr_bot .item figcaption .content3 {
    color: #1e2da1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--f16);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .15rem
}

.product_08 .pr_bot .item figcaption .content3 .btn {
    border: 1px solid #1e2da1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--w40);
    overflow: hidden;
    width: var(--w40)
}

.product_08 .pr_bot .item figcaption .content3 .btn svg {
    margin: auto;
    max-width: 42.5%
}

.product_08 .pr_bot .item:hover figure img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.product_08 .pr_bot .item:hover figcaption .content2 {
    color: #1e2da1
}

.product_08 .pr_bot .item:hover figcaption .content3 .btn svg {
    -webkit-animation: arrowRun 5s infinite;
    animation: arrowRun 5s infinite
}

.product_08 .div_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .44rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.product_08 .div_ .line {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0.98;
    background: #d9d9d9;
    -ms-flex: 0.98;
    flex: 0.98;
    height: 2px
}

.product_08 .div_ .line span {
    background: #1e2da1
}

.product_08 .div_ .tog .next {
    margin-left: .1rem
}


/*# sourceMappingURL=style.css.map */