@charset "utf-8";

:root {
    --shen-color: #333;
    --qian-color: #666;
    --main-color: #191876;
    --hover-color: #eb6100;
    --HarmonyOS_Sans_SC_Bold: HarmonyOS_Sans_SC_Bold;
    --HarmonyOS_Sans_SC_Light: HarmonyOS_Sans_SC_Light;
    --HarmonyOS_Sans_SC_Medium: HarmonyOS_Sans_SC_Medium;
    --HarmonyOS_Sans_SC_Regular: HarmonyOS_Sans_SC_Regular
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

#bsWXBox {
    box-sizing: content-box
}

div, p, span, i, em {
    white-space: inherit !important
}

ul {
    list-style: none
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0
}

html {
    font-size: 1px !important
}

html, body {
    position: relative
}

@media (max-width:1730px) {
    html {
        font-size: .901042px !important
    }
}

@media (max-width:1600px) {
    html {
        font-size: .824479px !important
    }
}

@media (max-width:1530px) {
    html {
        font-size: .792708px !important
    }
}

@media (max-width:1440px) {
    html {
        font-size: .741146px !important
    }
}

@media (max-width:1366px) {
    html {
        font-size: .702604px !important
    }
}

@media (max-width:1360px) {
    html {
        font-size: .699479px !important
    }
}

@media (max-width:1280px) {
    html {
        font-size: .657813px !important
    }
}

@media (max-width:1200px) {
    html {
        font-size: .510938px !important
    }
}

body {
    font-family: var(--HarmonyOS_Sans_SC_Regular),'Microsoft Yahei','微软雅黑','思源黑体 CN-Medium','思源黑体 CN','Microsoft YaHei New','PingFang SC','Hiragino Sans GB','Arial','Helvetica',sans-serif;
    font-size: 16rem;
    color: var(--qian-color);
    line-height: 1.1;
    width: 100%;
    background: #fff;
    font-weight: normal;
    margin: 0 auto !important;
    word-break: break-word;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

@-moz-document url-prefix() {
    html, body {
        scroll-behavior: auto !important
    }
}

a:link, a:visited {
    text-decoration: none;
    outline: none;
    color: var(--qian-color)
}

a:hover, a:active, a:focus {
    color: var(--qian-color);
    text-decoration: none
}

img {
    border: 0;
    max-width: 100%;
    height: auto
}

table {
    border-collapse: collapse;
    width: 100%
}

    table td {
        font-size: 16rem;
        line-height: 32rem;
        padding: 9rem 15rem;
        color: #212121;
        border: 1px solid #d3d7db
    }

input, textarea, select {
    font-size: 16rem;
    outline: 0;
    overflow: hidden;
    font-family: var(--HarmonyOS_Sans_SC_Regular),'Microsoft Yahei','微软雅黑','思源黑体 CN-Medium','思源黑体 CN','Microsoft YaHei New','PingFang SC','Hiragino Sans GB','Arial','Helvetica',sans-serif
}

    input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
        cursor: pointer;
        outline: 0
    }

    input[type='checkbox'], input[type='radio'] {
        position: relative;
        vertical-align: middle;
        margin-top: -2px;
        margin-bottom: 1px;
        margin-left: 5px;
        margin-right: 5px
    }

    textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
        padding: 0;
        color: var(--qian-color);
        outline: 0
    }

    input[type='submit'], input[type='reset'], input[type='button'], input[type='text'], select, button {
        -webkit-appearance: none
    }

input, select, textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-radius: 0
}

::-webkit-input-placeholder {
    color: #888
}

:-moz-placeholder {
    color: #888;
    opacity: 1
}

::-moz-placeholder {
    color: #888;
    opacity: 1
}

:-ms-input-placeholder {
    color: #888
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    clear: both;
    height: 0;
    content: '';
    line-height: 0;
    font-size: 0;
    display: block
}

.pic {
    width: 100%;
    overflow: hidden;
    position: relative
}

    .pic img {
        transition: .5s
    }

    .pic:after {
        content: '';
        display: block;
        padding-bottom: 100%
    }

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    object-fit: cover
}

.ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.ellipsis3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.ellipsis4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4
}

.ellipsis5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5
}

.ellipsis6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6
}

.ellipsis7 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        transform: translate3d(-70px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft2 {
    animation-name: fadeInLeft2
}

@keyframes fadeInLeft3 {
    0% {
        opacity: 0;
        transform: translate3d(-10px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft3 {
    animation-name: fadeInLeft3
}

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        transform: translate3d(70px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight2 {
    animation-name: fadeInRight2
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 70px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp2 {
    animation-name: fadeInUp2
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        transform: translate3d(0, -70px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown2 {
    animation-name: fadeInDown2
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.scale {
    animation-name: scale
}

@keyframes ants {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Light;
    src: url('../font/HarmonyOS_Sans_SC_Light.ttf');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Regular;
    src: url('../font/HarmonyOS_Sans_SC_Regular.ttf');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Medium;
    src: url('../font/HarmonyOS_Sans_SC_Medium.ttf');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Bold;
    src: url('../font/HarmonyOS_Sans_SC_Bold.ttf');
    font-style: normal;
    font-display: swap
}

.prompt {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/ie_sosad.webp) no-repeat center 35% #fff;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 999;
    filter: alpha(opacity=80);
    opacity: 80
}

    .prompt span {
        position: absolute;
        font-size: 14px;
        font-family: 'Microsoft YaHei';
        top: 55%;
        left: 50%;
        margin-left: -152px;
        width: 304px;
        display: block;
        line-height: 24px;
        color: var(--qian-color)
    }

        .prompt span a {
            text-decoration: underline
        }

    .prompt .prompt_close {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 30px;
        top: 30px;
        background: url(../images/closed.webp) no-repeat center center;
        cursor: pointer
    }

.sitemap {
    background: #fff
}

    .sitemap .home-title {
        margin-bottom: 35rem
    }

    .sitemap .sitemap-bottom {
        font-size: 18rem;
        line-height: 30rem;
        color: #333
    }

        .sitemap .sitemap-bottom li {
            border-bottom: 1px dashed #e0e0e0;
            padding-bottom: 20rem;
            margin-bottom: 20rem
        }

            .sitemap .sitemap-bottom li .top1 {
                font-size: 22rem;
                color: #333;
                display: block;
                font-family: var(--Montserrat-Bold)
            }

                .sitemap .sitemap-bottom li .top1 span {
                    display: block;
                    line-height: 40rem
                }

                .sitemap .sitemap-bottom li .top1 .txt-2 {
                    display: none
                }

                .sitemap .sitemap-bottom li .top1:hover {
                    color: var(--main-color);
                    text-decoration: underline
                }

            .sitemap .sitemap-bottom li .subnav {
                margin-top: 15rem
            }

                .sitemap .sitemap-bottom li .subnav a {
                    font-size: 16rem;
                    color: var(--qian-color);
                    margin-right: 20rem;
                    padding: 5rem 0;
                    display: block;
                    float: left
                }

                    .sitemap .sitemap-bottom li .subnav a:hover {
                        color: var(--main-color);
                        text-decoration: underline
                    }

    .sitemap .p {
        color: var(--shen-color)
    }

        .sitemap .p p {
            margin-bottom: 15rem
        }

.fix {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    transition: .5s;
    left: 0
}

.transparent {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,0.6);
    top: 0;
    left: 0;
    z-index: 888;
    backdrop-filter: blur(5px)
}

    .transparent.active {
        display: block
    }

.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1600rem
}

.height {
    height: 1px;
    position: absolute;
    top: -150rem;
    left: 0;
    width: 100%
}

.height1 {
    height: 150rem
}

.flist li {
    padding-bottom: 4rem;
    position: relative
}

    .flist li:hover .box .icon {
        color: #fff
    }

    .flist li:hover .box img, .flist li:hover .box svg {
        fill: #fff
    }

    .flist li:hover .hover {
        display: block
    }

    .flist li:hover .hover1 {
        display: block
    }

.flist .f1 .icon {
    background: #3289da
}

.flist .f2 .icon {
    background: #000000
}

.flist .f3 .icon {
    background: #0077b5
}

.flist .f4 .icon {
    background: #7E36A4
}

.flist .f5 .icon {
    background: #FF0000
}
.flist .f6 .icon {
    background: #CB2027
}
.flist .f7 .icon {
    background: #1296DB
}
.flist .f8 .icon {
    background: #eb6100
}

.flist .f4 .icon img,.flist .f5 .icon img,.flist .f7 .icon img{
    width: 20rem;
    height: 20rem;
}

.flist .box {
    transition: .5s;
    display: block
}

.flist .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30rem;
    height: 30rem;
    border-radius: 4rem
}

    .flist .icon img, .flist .icon svg {
        width: 16rem;
        height: 16rem;
        fill: #fff
    }

.flist .down {
    position: absolute;
    top: 100%;
    left: 0;
    width: 130rem;
    display: none;
    z-index: 33
}

    .flist .down .ewm {
        line-height: 42rem;
        color: #fff;
        padding: 10rem;
        border-radius: 4rem;
        background: var(--main-color);
        box-shadow: 1px 2rem 7rem 0 rgba(156,185,207,0.35)
    }

        .flist .down .ewm img {
            display: block
        }

.flist .hover {
    position: absolute;
    top: 0;
    right: 100%;
    width: 130rem;
    padding: 0 10rem;
    display: none
}

    .flist .hover p {
        line-height: 30rem;
        color: #fff;
        padding: 10rem;
        border-radius: 4rem;
        background: var(--main-color)
    }

        .flist .hover p img {
            display: block
        }

.flist .hover1 {
    position: absolute;
    top: 0;
    right: 100%;
    width: 200rem;
    padding: 0 10rem;
    display: none
}

    .flist .hover1 p {
        line-height: 30rem;
        color: #fff;
        padding: 0 10rem;
        border-radius: 4rem;
        font-size: 14rem;
        background: var(--hover-color)
    }

.header-top {
    transition: .7s;
    height: 50rem;
    background: var(--main-color);
    position: relative;
    z-index: 33
}

    .header-top .h3 {
        float: left;
        font-size: 14rem;
        line-height: 30rem;
        color: #fff;
        padding: 9rem 0
    }

    .header-top .flist {
        float: right;
        padding: 9rem 0
    }

        .header-top .flist li {
            float: left;
            padding: 0;
            margin-left: 10rem
        }

    .header-top .lan {
        float: right;
        cursor: pointer;
        position: relative;
        z-index: 111;
        margin-left: 29rem;
        transition: .7s
    }

        .header-top .lan h3 {
            color: #fff
        }

            .header-top .lan h3 img {
                width: 25rem;
                height: 25rem;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10rem;
                border-radius: 50%;
                object-fit: cover
            }

        .header-top .lan span {
            display: block;
            height: 50rem;
            background: url(../images/jt1.webp) no-repeat center right;
            background-size: 10rem;
            transition: .7s;
            padding: 0 20rem 0 0;
            font-size: 16rem;
            line-height: 50rem;
            color: #fff;
            font-weight: normal;
            display: inline-block;
            vertical-align: middle
        }

        .header-top .lan ul {
            position: absolute;
            top: 100%;
            width: 120rem;
            background: #fff;
            color: #353535;
            display: none;
            z-index: -1;
            border-radius: 5rem;
            padding: 8rem 0;
            left: 50%;
            margin-left: -60rem;
            text-align: center;
            box-shadow: 0 0 10rem rgba(0,0,0,0.2)
        }

            .header-top .lan ul::after {
                content: "";
                border: 8rem solid transparent;
                border-bottom-color: #fff;
                width: 0;
                height: 0;
                margin: 0 auto;
                position: absolute;
                top: -16rem;
                left: 0;
                right: 0
            }

            .header-top .lan ul li a {
                display: block;
                color: #666;
                text-align: center;
                font-size: 16rem;
                line-height: 40rem
            }

                .header-top .lan ul li a img {
                    width: 24rem;
                    margin-right: 5rem;
                    margin-top: -3rem;
                    display: inline-block;
                    vertical-align: middle
                }

@media (min-width:1025px) {
    .header-top .lan ul li a:hover {
        background: #eee
    }
}

.fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 55555555555551
}

.header {
    height: 100rem;
    width: 100%;
    transition: .5s;
    position: relative;
    z-index: 2
}

    .header .logo {
        float: left;
        transition: .5s;
        padding-top: 21rem
    }

        .header .logo a {
            display: block;
            position: relative;
            transition: .5s
        }

            .header .logo a img {
                display: inline-block;
                vertical-align: top;
                width: 78rem;
                z-index: 5;
                position: relative;
                transition: .5s
            }

    .header .header-right {
        float: right;
        position: relative;
        padding-top: 30rem
    }

        .header .header-right .menu {
            float: right;
            position: relative;
            width: 36px;
            height: 36px;
            margin-top: 12px;
            display: none
        }

            .header .header-right .menu .navPhoneBtn {
                display: inline-block;
                padding: 10px;
                cursor: pointer;
                float: left;
                position: absolute;
                z-index: 9;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                height: 36px;
                text-align: right
            }

                .header .header-right .menu .navPhoneBtn span {
                    display: block;
                    width: 20px;
                    height: 2px;
                    margin-bottom: 5px;
                    position: relative;
                    background: var(--main-color);
                    border-radius: 3px;
                    z-index: 1;
                    -webkit-transform-origin: 20px;
                    transform-origin: 20px;
                    -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
                    transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
                    transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,transform .5s cubic-bezier(.77, .2, .05, 1),width .5s,transform .5s cubic-bezier(.77, .2, .05, 1);
                    transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,transform .5s cubic-bezier(.77, .2, .05, 1),width .5s,transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
                }

                    .header .header-right .menu .navPhoneBtn span:nth-last-child(2) {
                        -webkit-transform: rotate(0);
                        transform: rotate(0);
                        -webkit-transition: width .5s ease;
                        transition: width .5s ease
                    }

                    .header .header-right .menu .navPhoneBtn span:last-child {
                        margin-bottom: 0
                    }

        .header .header-right .get {
            float: right
        }

            .header .header-right .get a {
                padding: 0 14rem;
                display: block;
                height: 40rem;
                line-height: 38rem;
                background: var(--hover-color);
                border-radius: 12rem;
                color: #fff;
                font-family: var(--HarmonyOS_Sans_SC_Medium);
                font-size: 20rem
            }

        .header .header-right .header-search {
            float: right;
            position: relative;
            transition: .7s;
            margin-left: 16rem
        }

            .header .header-right .header-search .pull-right {
                position: relative;
                z-index: 778
            }

                .header .header-right .header-search .pull-right a {
                    display: block;
                    overflow: hidden;
                    width: 40rem;
                    height: 40rem;
                    transition: .7s;
                    background: url(../images/search.webp) no-repeat center center;
                    background-size: 20rem !important
                }

            .header .header-right .header-search .search .search-main {
                top: 100%;
                right: 0;
                z-index: 777;
                width: 300rem;
                display: none;
                position: absolute;
                background: #fff;
                box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
            }

            .header .header-right .header-search .form-control {
                text-align: left;
                border: 0;
                width: 100%;
                font-size: 16rem;
                color: #666;
                height: 50rem;
                vertical-align: top;
                padding: 0 60rem 0 30rem;
                -webkit-appearance: none;
                background: none
            }

            .header .header-right .header-search .btn {
                top: 0;
                border: 0;
                right: 0;
                color: #fff;
                width: 50rem;
                height: 50rem;
                line-height: 50rem;
                position: absolute;
                background: url(../images/search1.webp) no-repeat center center;
                background-size: 15rem !important
            }

.nav {
    transition: .2s;
    float: right;
    margin-right: 45rem
}

    .nav ul {
        z-index: 1
    }

        .nav ul li {
            float: left;
            margin-left: 71rem;
            position: relative
        }

            .nav ul li a {
                color: #fff;
                font-size: 18rem;
                position: relative;
                cursor: pointer;
                display: inline-block;
                vertical-align: top
            }

                .nav ul li a > span {
                    overflow: hidden;
                    font-family: var(--HarmonyOS_Sans_SC_Medium);
                    position: relative;
                    display: inline-block;
                    vertical-align: top
                }

                .nav ul li a .txt-1 {
                    display: block;
                    line-height: 100rem
                }

                .nav ul li a .txt-2 {
                    display: none;
                    transform: translateY(100%)
                }

            .nav ul li .subnav {
                width: 260rem;
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -130rem;
                display: none;
                z-index: 333;
                text-align: left;
                padding-top: 5rem
            }

                .nav ul li .subnav ul {
                    margin: 0;
                    padding: 12rem;
                    background: #fff;
                    border-radius: 4rem;
                    box-shadow: -6rem 0 59rem 0 rgba(51,51,51,0.08)
                }

                    .nav ul li .subnav ul li {
                        width: auto;
                        padding: 0;
                        float: none;
                        margin: 0
                    }

                        .nav ul li .subnav ul li a {
                            font-size: 16rem;
                            line-height: 30rem;
                            color: #333 !important;
                            height: auto;
                            margin: 0;
                            padding: 0;
                            text-decoration: none;
                            text-align: left;
                            padding: 10rem 16rem;
                            border-radius: 4rem;
                            overflow: hidden;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 1;
                            font-weight: normal !important;
                            display: block
                        }

                            .nav ul li .subnav ul li a:after {
                                display: none
                            }

                            .nav ul li .subnav ul li a:before {
                                display: none
                            }

@media (min-width:1025px) {
    .nav ul li .subnav ul li:hover > a {
        color: #fff !important;
        background: var(--main-color)
    }
}

.nav ul li:hover a > span {
    text-decoration: underline
}

.nav ul li:nth-child(1) {
    margin-left: 0
}

.nav ul .active a > span {
    color: #fff;
    text-decoration: underline
}

.headerfix .header, .fix:hover .header, .fix2 .header {
    background: #fff;
    box-shadow: -6rem 0 59rem 0 rgba(51,51,51,0.08)
}

.headerfix .nav ul li a, .fix:hover .nav ul li a, .fix2 .nav ul li a {
    color: #212121
}

    .headerfix .nav ul li a:hover > span, .fix:hover .nav ul li a:hover > span, .fix2 .nav ul li a:hover > span, .headerfix .nav ul li.active a > span, .fix:hover .nav ul li.active a > span, .fix2 .nav ul li.active a > span {
        color: var(--hover-color);
        text-decoration: underline
    }

.headerfix .header .header-right .header-search .pull-right a, .fix:hover .header .header-right .header-search .pull-right a, .fix2 .header .header-right .header-search .pull-right a {
    background: url(../images/search1.webp) no-repeat center center;
    background-size: 20rem !important
}

#menu {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    background: #fff;
    z-index: 9999;
    height: 100%;
    transition: .5s;
    overflow: auto;
    padding: 62px 8px
}

    #menu .lan {
        text-align: center;
        padding: 15px 0
    }

        #menu .lan a {
            color: #666;
            font-size: 16px;
            margin: 0 5px 10px 5px
        }

    #menu .btn {
        text-align: center
    }

    #menu .hide {
        display: none
    }

    #menu .search {
        z-index: 777;
        width: 100%;
        margin-top: 20px;
        position: relative;
        margin-bottom: 20px
    }

        #menu .search .form-control {
            text-align: left;
            border: 0;
            width: 100%;
            font-size: 14px;
            color: #999;
            height: 42px;
            vertical-align: top;
            padding: 0 40px 0 20px;
            border-radius: 2px;
            border: solid 1px #d1d1d1;
            background: none
        }

        #menu .search .btn {
            top: 0;
            border: 0;
            right: 0;
            color: #fff;
            width: 42px;
            height: 42px;
            line-height: 42px;
            position: absolute;
            background: var(--main-color) url(../images/search.webp) no-repeat center center;
            background-size: 15px !important
        }

    #menu ul .subnav {
        display: none;
        text-transform: inherit
    }

        #menu ul .subnav a {
            text-transform: inherit
        }

    #menu ul ul {
        padding: 0;
        margin: 0 -5px;
        padding-left: 10px
    }

        #menu ul ul li {
            width: 100%;
            float: left;
            border: 0
        }

            #menu ul ul li i {
                right: 5px
            }

            #menu ul ul li a {
                padding: 9px 48px 9px 0;
                font-size: 15px;
                line-height: 30px;
                font-weight: normal;
                color: #666
            }

            #menu ul ul li ul {
                display: none
            }

                #menu ul ul li ul a {
                    padding-left: 15px
                }

                    #menu ul ul li ul a:after {
                        content: '';
                        display: block;
                        width: 4px;
                        height: 4px;
                        border-radius: 50%;
                        position: absolute;
                        top: 23px;
                        left: 0;
                        background: #999
                    }

    #menu ul {
        overflow: hidden;
        padding: 0 0 0 10px
    }

        #menu ul li {
            position: relative;
            border-bottom: 1px solid #f1f1f1
        }

            #menu ul li i {
                display: block;
                width: 48px;
                height: 56px;
                line-height: 56px;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 4;
                text-align: center;
                background: url(../images/jt.webp) no-repeat center center;
                background-size: 13px
            }

            #menu ul li a {
                font-size: 18px;
                color: #333;
                display: block;
                line-height: 38px;
                padding: 9px 0;
                padding-right: 48px;
                position: relative;
                z-index: 2
            }

    #menu .close {
        display: block;
        height: 36px;
        width: 36px;
        position: absolute;
        right: 17px;
        top: 18px;
        border-radius: 50%;
        background: url(../images/closed.webp) no-repeat center center;
        background-size: 15px
    }

    #menu.show1 {
        right: 0
    }

.hide {
    display: none
}

.pc {
    display: block
}

.phone {
    display: none
}

@media (max-width:1025px) {
    .phone {
        display: block
    }

    .pc {
        display: none
    }
}

@keyframes pulse512 {
    0% {
        box-shadow: 0 0 0 0 #f08519
    }

    70% {
        box-shadow: 0 0 0 10px rgba(240,133,25,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(240,133,25,0)
    }
}

.more a, .more p {
    font-size: 16rem;
    color: #fff;
    padding: 0 35rem;
    line-height: 50rem;
    border-radius: 30rem;
    background: var(--hover-color);
    display: inline-block;
    vertical-align: top
}

@media (min-width:1025px) {
    .more a:hover {
        background-position: right center;
        background-size: 200% auto;
        -webkit-animation: pulse512 2s infinite;
        animation: pulse512 1.5s infinite
    }
}

.more1 a, .more1 p {
    width: 53rem;
    height: 53rem;
    background: var(--hover-color);
    border-radius: 50%;
    overflow: hidden
}

    .more1 a img, .more1 p img {
        display: block
    }

.more2 a, .more2 p {
    font-size: 16rem;
    font-weight: normal;
    color: #666;
    line-height: 48rem;
    background-color: #f8f8f8;
    border-radius: 24rem;
    text-align: center
}

.home-title {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 50rem;
    font-weight: normal;
    line-height: 72rem;
    color: #212121
}

.center {
    text-align: center
}

.white {
    color: #fff
}

.black {
    color: #000
}

.banner {
    position: relative;
    overflow: hidden
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.swiper-renewal-main {
    position: relative;
    overflow: hidden
}

    .swiper-renewal-main .swiper-slide {
        overflow: hidden
    }

    .swiper-renewal-main .img, .swiper-renewal-main .img1 {
        height: 100vh
    }

        .swiper-renewal-main .img img, .swiper-renewal-main .img1 img, .swiper-renewal-main .img video, .swiper-renewal-main .img1 video {
            display: block;
            width: 100%;
            object-fit: cover;
            height: 100%;
            position: relative;
            z-index: 33
        }

        .swiper-renewal-main .img img, .swiper-renewal-main .img1 img {
            -webkit-animation: wave 2s alternate;
            animation: wave 2s alternate
        }

    .swiper-renewal-main .img {
        position: relative;
        overflow: hidden;
        width: 100%
    }

        .swiper-renewal-main .img:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background: url(../images/bg.webp) no-repeat top center;
            background-size: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 44
        }

    .swiper-renewal-main .img1 {
        display: none
    }

    .swiper-renewal-main .banner-hover {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        z-index: 340;
        transition: .5s;
        transform: translateY(-50%)
    }

        .swiper-renewal-main .banner-hover .bt {
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 50rem;
            font-weight: normal;
            line-height: 72rem;
            color: #fff;
            text-shadow: 0 2rem 3rem rgba(36,38,39,0.4)
        }

        .swiper-renewal-main .banner-hover .span {
            font-size: 30rem;
            font-weight: normal;
            color: #fff;
            text-shadow: 0 2rem 3rem rgba(36,38,39,0.4);
            margin-top: 38rem;
            margin-bottom: 63rem
        }

    .swiper-renewal-main .hide {
        opacity: 0
    }

    .swiper-renewal-main .swiper-pagination {
        bottom: 50rem;
        text-align: center;
        left: 0;
        width: 100%
    }

        .swiper-renewal-main .swiper-pagination .swiper-pagination-bullet {
            width: 38rem;
            height: 38rem;
            margin: 0 6rem;
            overflow: hidden;
            opacity: 1;
            border-radius: 0;
            position: relative
        }

        .swiper-renewal-main .swiper-pagination .swiper-pagination-bullet-active {
            -webkit-animation: ants 5s alternate;
            animation: ants 5s alternate
        }

    .swiper-renewal-main .swiper-slide-active .img img {
        -webkit-animation: wave 2s alternate;
        animation: wave 2s alternate
    }

    .swiper-renewal-main .swiper-slide-active .img1 img {
        -webkit-animation: wave 2s alternate;
        animation: wave 2s alternate
    }

    .swiper-renewal-main .swiper-slide-active .banner-hover .bt {
        -webkit-animation: fadeInUp2 2s alternate;
        animation: fadeInUp2 2s alternate
    }

    .swiper-renewal-main .swiper-slide-active .banner-hover .span {
        -webkit-animation: fadeInUp2 4s alternate;
        animation: fadeInUp2 4s alternate
    }

    .swiper-renewal-main .swiper-slide-active .banner-hover .more {
        -webkit-animation: fadeInUp2 5s alternate;
        animation: fadeInUp2 5s alternate
    }

    .swiper-renewal-main .swiper-button-next, .swiper-renewal-main .swiper-button-prev {
        width: 56rem;
        height: 56rem;
        left: 22rem;
        margin-top: -28rem;
        border-radius: 50%;
        border: solid 1px rgba(255,255,255,0.8);
        display: none
    }

        .swiper-renewal-main .swiper-button-next:after, .swiper-renewal-main .swiper-button-prev:after {
            color: rgba(255,255,255,0.8);
            font-size: 20rem
        }

@media (min-width:1025px) {
    .swiper-renewal-main .swiper-button-next:hover, .swiper-renewal-main .swiper-button-prev:hover {
        border: solid 1px var(--main-color)
    }
}

.swiper-renewal-main .swiper-button-next {
    right: 22rem;
    left: auto
}

.home-solution {
    padding: 77rem 40rem 115rem 40rem;
    overflow: hidden
}

    .home-solution .container {
        max-width: 100%
    }

    .home-solution .home-bottom {
        padding-top: 42rem
    }

    .home-solution .left {
        width: 49%;
        float: left
    }

    .home-solution .right {
        float: right;
        width: 49.7%;
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 23rem;
        grid-column-gap: 23rem
    }

    .home-solution .ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 23rem;
        grid-column-gap: 23rem
    }

.sli .box {
    position: relative
}

.sli .pic {
    border-radius: 20rem
}

    .sli .pic:after {
        padding-bottom: 77.44444444%
    }

    .sli .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.sli .more1 {
    position: absolute;
    top: 30rem;
    right: 30rem;
    z-index: 444;
    opacity: 0;
    transition: .5s
}

.sli .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 44;
    padding: 0 37rem;
    transition: .5s
}

.sli .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 28rem;
    line-height: 45rem;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    color: #fff;
    transition: .5s
}

.sli .p {
    font-size: 18rem;
    font-weight: normal;
    line-height: 30rem;
    margin-top: 6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    opacity: 0;
    transition: .5s;
    color: #fff
}

@media (min-width:1025px) {
    .sli:hover .pic img {
        transform: scale(1.1)
    }

    .sli:hover .text {
        padding: 48rem 37rem
    }

    .sli:hover .bt {
        font-size: 34rem;
        line-height: 45rem
    }

    .sli:hover .p {
        opacity: 1
    }

    .sli:hover .more1 {
        opacity: 1
    }
}

.sli1 .pic:after {
    padding-bottom: 36.87089716%
}

.sli2 .pic:after {
    padding-bottom: 75.73033708%
}

.home-product {
    padding: 68rem 0 113rem 0;
    background: #f5f5f5;
    overflow: hidden
}

    .home-product .home-bottom {
        margin-top: 19rem;
        position: relative
    }

    .home-product .list {
        border-bottom: 1px solid #dbdbdb
    }

        .home-product .list .swiper {
            position: relative;
            overflow: hidden
        }

        .home-product .list .item {
            cursor: pointer;
            padding: 0 10rem;
            padding-bottom: 18rem;
            text-align: center;
            position: relative
        }

            .home-product .list .item:after {
                content: '';
                display: block;
                width: 0;
                height: 3px;
                background: var(--main-color);
                position: absolute;
                bottom: 0;
                left: 0;
                transition: .5s
            }

        .home-product .list .icon {
            margin: 0 auto;
            width: 70rem;
            position: relative
        }

            .home-product .list .icon img {
                max-height: 70rem
            }

            .home-product .list .icon .img2 {
                top: 0;
                left: 0;
                z-index: 2;
                opacity: 0;
                position: absolute;
                transform: scale(.7);
                transition: all 500ms ease
            }

        .home-product .list .tit {
            font-size: 18rem;
            line-height: 26rem;
            color: #999;
            height: 52rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            overflow: hidden
        }

        .home-product .list .swiper-slide-thumb-active .item:after {
            width: 100%
        }

        .home-product .list .swiper-slide-thumb-active .tit {
            color: var(--main-color)
        }

        .home-product .list .swiper-slide-thumb-active .icon .img1 {
            opacity: 0
        }

        .home-product .list .swiper-slide-thumb-active .icon .img2 {
            opacity: 1;
            transform: scale(1)
        }

    .home-product .list-2 {
        padding-top: 60rem
    }

        .home-product .list-2 .swiper {
            overflow: hidden
        }

        .home-product .list-2 .nr {
            width: 100%
        }

        .home-product .list-2 .wrap:first-child {
            margin-bottom: 16rem
        }

    .home-product .swiper-button-prev, .home-product .swiper-button-next {
        top: 0;
        margin-top: 0;
        color: #c8c8c8;
        width: 46rem;
        height: 46rem;
        border-radius: 50%;
        font-size: 16rem;
        margin-top: 60rem;
        transition: all 500ms ease;
        border: solid 1px #c8c8c8
    }

        .home-product .swiper-button-prev:after, .home-product .swiper-button-next:after {
            font-size: 16rem
        }

        .home-product .swiper-button-prev:hover, .home-product .swiper-button-next:hover {
            color: #fff;
            background: var(--hover-color);
            border: solid 1px var(--hover-color)
        }

    .home-product .swiper-button-prev {
        left: -60rem
    }

    .home-product .swiper-button-next {
        right: -60rem
    }

.prolist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 40rem;
    grid-column-gap: 40rem
}

    .prolist .item {
        width: 100%;
        height: 100%;
        display: block;
        transition: all 500ms ease;
        border-radius: 20rem;
        border: solid 1px #c7c7c7;
        background: #fff
    }

    .prolist .text {
        padding: 24rem 30rem 60rem 30rem
    }

    .prolist .tit {
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        font-size: 24rem;
        font-weight: normal;
        line-height: 32rem;
        margin-bottom: 10rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        color: #333
    }

    .prolist .txt {
        font-family: var(--HarmonyOS_Sans_SC_Light);
        font-size: 18rem;
        font-weight: normal;
        line-height: 32rem;
        color: #212121;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1
    }

    .prolist .pic:after {
        padding-bottom: 81.08108108%
    }

    .prolist .more2 {
        margin-top: 20rem
    }

    .prolist .item:hover {
        background: #fff;
        box-shadow: 0 0 30rem rgba(0,0,0,0.1)
    }

        .prolist .item:hover .pic img {
            transform: scale(1.05)
        }

        .prolist .item:hover .more2 p {
            background: var(--hover-color);
            color: #fff
        }

.home-choose {
    padding: 61rem 0 111rem 0;
    position: relative;
    overflow: hidden;
    background: #fff
}

    .home-choose .list-warp {
        position: relative
    }

        .home-choose .list-warp .swiper-button-prev, .home-choose .list-warp .swiper-button-next {
            top: auto;
            opacity: 1;
            bottom: 135rem;
            margin-top: auto;
            border-radius: 50%;
            border: solid 1px #d0d0d0;
            line-height: 44rem;
            width: 46rem;
            height: 46rem
        }

            .home-choose .list-warp .swiper-button-prev:after, .home-choose .list-warp .swiper-button-next:after {
                color: #d0d0d0;
                font-size: 14rem
            }

            .home-choose .list-warp .swiper-button-prev:hover, .home-choose .list-warp .swiper-button-next:hover {
                border-color: var(--hover-color)
            }

                .home-choose .list-warp .swiper-button-prev:hover:after, .home-choose .list-warp .swiper-button-next:hover:after {
                    color: var(--hover-color)
                }

        .home-choose .list-warp .swiper-button-prev {
            left: 1060rem
        }

        .home-choose .list-warp .swiper-button-next {
            right: auto;
            left: 1140rem
        }

    .home-choose .list-pic {
        margin-top: 32rem
    }

        .home-choose .list-pic .item {
            position: relative;
            margin-left: -435rem;
            clip-path: polygon(10% 0, 90% 0, 80% 100%, 0 100%);
            height: 820rem
        }

        .home-choose .list-pic .img {
            border-radius: 1.563vw;
            overflow: hidden;
            position: relative;
            height: 820rem;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top center
        }

            .home-choose .list-pic .img img {
                -webkit-transition: all .4s ease;
                transition: all .4s ease;
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .home-choose .list-pic .img::before {
                content: "";
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 3;
                border-radius: 20rem;
                background: rgba(25,24,118,0.6);
                background-size: cover;
                transition: all 500ms ease;
                border-radius: 24rem;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                position: absolute;
                clip-path: polygon(10% 0, 90% 0, 80% 100%, 0 100%)
            }

        .home-choose .list-pic .text-warp {
            left: 0;
            color: #fff;
            z-index: 10;
            top: 110rem;
            position: absolute;
            width: 100%
        }

        .home-choose .list-pic .text {
            width: 570rem;
            margin-left: 290rem
        }

            .home-choose .list-pic .text .bt {
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                font-size: 42rem;
                font-weight: normal;
                line-height: 60rem;
                color: #fff
            }

            .home-choose .list-pic .text .p {
                margin-top: 14rem;
                height: 150rem;
                font-size: 18rem;
                font-weight: normal;
                line-height: 30rem;
                margin-bottom: 51rem;
                color: #fff;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                -webkit-line-clamp: 5
            }

        .home-choose .list-pic .swiper-container {
            overflow: inherit
        }

        .home-choose .list-pic .swiper-slide-active .text {
            margin-left: 595rem
        }

    .home-choose .list-menu {
        width: 100%;
        bottom: 95rem;
        position: absolute
    }

    .home-choose .list-menubox {
        margin-left: 160rem;
        max-width: 800rem;
        border-bottom: solid 1px rgba(255,255,255,0.28)
    }

        .home-choose .list-menubox .itemM {
            cursor: pointer;
            position: relative;
            transition: all 500ms ease;
            padding-bottom: 30rem;
            display: flex;
            align-items: center;
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 22rem;
            font-weight: normal;
            line-height: 70rem;
            color: #fff
        }

            .home-choose .list-menubox .itemM img {
                max-height: 70rem;
                margin-right: 20rem;
                filter: brightness(0) invert(1)
            }

            .home-choose .list-menubox .itemM::before {
                content: "";
                left: 0;
                width: 100%;
                bottom: 0;
                height: 1px;
                position: absolute;
                transition: all 500ms ease;
                background: rgba(255,255,255,0.28)
            }

            .home-choose .list-menubox .itemM::after {
                opacity: 0;
                content: "";
                left: 0;
                width: 0;
                bottom: -1px;
                height: 3rem;
                position: absolute;
                transition: all 500ms ease;
                background: var(--hover-color)
            }

        .home-choose .list-menubox .swiper-slide-thumb-active .itemM {
            color: var(--hover-color);
            opacity: 1
        }

            .home-choose .list-menubox .swiper-slide-thumb-active .itemM img {
                filter: brightness(1) invert(0)
            }

            .home-choose .list-menubox .swiper-slide-thumb-active .itemM::after {
                opacity: 1;
                width: 100%
            }

.home-zero {
    padding: 154rem 0 134rem 0
}

    .home-zero .home-bottom {
        padding-top: 48rem
    }

    .home-zero .p {
        font-size: 18rem;
        font-weight: normal;
        line-height: 30rem;
        color: #fff;
        text-align: center;
        margin: 0 auto;
        width: 78%;
        margin-bottom: 36rem
    }

        .home-zero .p p {
            margin-bottom: 10rem
        }

    .home-zero .bn {
        text-align: center
    }

        .home-zero .bn .more, .home-zero .bn .video {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10rem
        }

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1, .1);
        transform: scale(.1, .1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.video {
    width: 120rem;
    height: 120rem;
    margin: 0 13rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

    .video::before {
        content: '';
        display: block;
        width: 120rem;
        height: 120rem;
        border-radius: 50%;
        background: rgba(255,255,255,0.8);
        position: absolute;
        z-index: -1;
        animation: ripple 4s ease-out 0s infinite
    }

    .video::after {
        content: '';
        display: block;
        width: 120rem;
        height: 120rem;
        border-radius: 50%;
        background: rgba(255,255,255,0.8);
        position: absolute;
        z-index: -1;
        animation: ripple 2s ease-out 0s infinite
    }

    .video .playBtn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 33333;
        width: 60rem;
        height: 60rem;
        border-radius: 50%;
        background: var(--hover-color);
        z-index: 1
    }

        .video .playBtn .icon {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent transparent transparent #fff;
            border-width: 10rem 0 10rem 16rem;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 1
        }

        .video .playBtn .circle {
            width: 120rem;
            height: 120rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1
        }

.home-partners {
    position: relative;
    background: #f2f8fe
}

    .home-partners .partner-top {
        position: absolute;
        top: 76rem;
        z-index: 22;
        width: 100%;
        left: 0
    }

    .home-partners .p {
        text-align: center;
        font-size: 28rem;
        font-weight: normal;
        line-height: 42rem;
        color: #525252
    }

    .home-partners .ab4 {
        overflow: hidden;
        height: 880rem;
        position: relative;
        z-index: 2
    }

        .home-partners .ab4 .text {
            margin-top: 1.5vw;
            color: #282828;
            font-size: 20rem
        }

        .home-partners .ab4 .hu {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100vw
        }

            .home-partners .ab4 .hu > img {
                width: 100%
            }

            .home-partners .ab4 .hu > div {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                overflow: hidden;
                transition: all .5s
            }

                .home-partners .ab4 .hu > div.on1 {
                    width: 10vw
                }

                .home-partners .ab4 .hu > div.on2 {
                    width: 20vw
                }

                .home-partners .ab4 .hu > div.on3 {
                    width: 30vw
                }

                .home-partners .ab4 .hu > div.on4 {
                    width: 40vw
                }

                .home-partners .ab4 .hu > div.on5 {
                    width: 50vw
                }

                .home-partners .ab4 .hu > div.on6 {
                    width: 60vw
                }

                .home-partners .ab4 .hu > div.on7 {
                    width: 70vw
                }

                .home-partners .ab4 .hu > div.on8 {
                    width: 80vw
                }

                .home-partners .ab4 .hu > div.on9 {
                    width: 90vw
                }

                .home-partners .ab4 .hu > div.on10 {
                    width: 100vw
                }

                .home-partners .ab4 .hu > div img {
                    width: 100vw;
                    max-width: 100vw
                }

        .home-partners .ab4 .icon_box {
            position: absolute;
            bottom: 6vw;
            left: 50%;
            width: 100vw;
            transform: translateX(-50%);
            height: 8vw
        }

            .home-partners .ab4 .icon_box > div {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 10%;
                height: 8vw;
                float: left;
                margin: 0 auto;
                transition: all .5s;
                z-index: 2
            }

                .home-partners .ab4 .icon_box > div .box {
                    width: 8vw;
                    height: 8vw;
                    background: #fff;
                    box-shadow: 0 0 12px rgba(0,0,0,0.02);
                    border-radius: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: relative;
                    z-index: 2
                }

                .home-partners .ab4 .icon_box > div:nth-child(1) {
                    transform: translateY(-1vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(2) {
                    transform: translateY(-7vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(3) {
                    transform: translateY(-11vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(4) {
                    transform: translateY(-14vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(5) {
                    transform: translateY(-15vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(6) {
                    transform: translateY(-15vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(7) {
                    transform: translateY(-14vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(8) {
                    transform: translateY(-11vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(9) {
                    transform: translateY(-7vw)
                }

                .home-partners .ab4 .icon_box > div:nth-child(10) {
                    transform: translateY(-1vw)
                }

                .home-partners .ab4 .icon_box > div .img2 {
                    display: none
                }

                .home-partners .ab4 .icon_box > div img {
                    max-width: 80%;
                    max-height: 80%
                }

                .home-partners .ab4 .icon_box > div .box::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    background: var(--hover-color);
                    opacity: 0;
                    z-index: -1;
                    transition: all .6s
                }

                .home-partners .ab4 .icon_box > div:hover .box::after, .home-partners .ab4 .icon_box > div.on .box::after {
                    opacity: 1
                }

                .home-partners .ab4 .icon_box > div:hover .img1, .home-partners .ab4 .icon_box > div.on .img1 {
                    display: none
                }

                .home-partners .ab4 .icon_box > div:hover .img2, .home-partners .ab4 .icon_box > div.on .img2 {
                    display: block
                }

        .home-partners .ab4 .txt_box {
            bottom: 0;
            width: 100%;
            text-align: center;
            position: absolute
        }

        .home-partners .ab4 .f_26 {
            font-size: 0
        }

#video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000000000000000;
    display: none
}

    #video .close {
        position: absolute;
        width: 30rem;
        height: 30rem;
        top: 10rem;
        right: 10rem;
        text-align: center;
        border-radius: 50%;
        cursor: pointer;
        background: rgba(0,0,0,0.2) url(../images/add.webp) no-repeat center center;
        background-size: 100%;
        transform: rotate(45deg);
        z-index: 33
    }

    #video video {
        display: block;
        max-width: 100%;
        max-height: 90vh;
        margin: 0 auto;
        border-radius: 20rem;
        overflow: hidden
    }

#Privacy {
    z-index: 10000;
    position: fixed;
    width: 800px;
    background: #fff;
    border: 4px solid rgba(0,0,0,0.15);
    top: 50%;
    left: 50%;
    margin-top: -264px;
    margin-left: -400px;
    border-radius: 5px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

    #Privacy .dialog_header {
        width: 100%;
        position: relative;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #f3f3f3
    }

        #Privacy .dialog_header .title {
            width: 100%;
            color: #000;
            font-weight: 700;
            font-size: 16px;
            line-height: 40px
        }

        #Privacy .dialog_header .close {
            position: absolute;
            width: 40px;
            height: 40px;
            top: 0;
            right: 0;
            text-align: center;
            line-height: 40px;
            font-size: 22px;
            color: #c5c5c5;
            cursor: pointer
        }

    #Privacy .privacy_policy_title {
        font-size: 24px;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 20px
    }

    #Privacy .p-1 {
        font-size: 20px
    }

    #Privacy .p-2 {
        font-size: 16px
    }

    #Privacy .privacy_content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 400px;
        padding: 20px 30px;
        overflow: auto;
        line-height: 30px
    }

    #Privacy .privacy_footer {
        width: 100%;
        padding: 20px 0;
        text-align: center
    }

    #Privacy .close_btn {
        display: inline-block;
        margin: 0 auto;
        width: auto;
        min-width: 200px;
        height: 40px;
        background: var(--main-color);
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        cursor: pointer
    }

@media (max-width:1025px) {
    #Privacy {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0
    }
}

.home-news {
    padding: 85rem 0 97rem 0
}

    .home-news .home-top .home-title {
        float: left;
        line-height: 50rem
    }

    .home-news .home-top .more {
        float: right
    }

        .home-news .home-top .more svg {
            width: 25rem;
            height: 50rem;
            margin-right: 13rem;
            fill: #fff;
            display: inline-block;
            vertical-align: top
        }

    .home-news .home-bottom {
        padding-top: 72rem
    }

    .home-news .left {
        width: 49%;
        float: left
    }

        .home-news .left .text {
            padding-top: 20rem
        }

        .home-news .left .bt {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1
        }

    .home-news .right {
        width: 47.2%;
        float: right
    }

        .home-news .right .bt {
            height: 102rem;
            overflow: hidden
        }

        .home-news .right ul {
            display: grid;
            grid-template-columns: 1fr;
            grid-row-gap: 68rem
        }

            .home-news .right ul li .box {
                position: relative;
                justify-content: space-between;
                display: flex
            }

            .home-news .right ul li .pic {
                width: 32%;
                flex: none
            }

            .home-news .right ul li .text {
                width: 65%;
                flex: none
            }

@media (min-width:1025px) {
    .newslist .item:hover .pic img {
        transform: scale(1.1)
    }

    .newslist .item:hover .bt {
        color: var(--hover-color)
    }
}

.newslist .pic {
    border-radius: 20rem
}

    .newslist .pic:after {
        padding-bottom: 61.53846154%
    }

    .newslist .pic img {
        /*width: 100%;
        height: 100%;
        object-fit: cover*/
    }

.newslist .bt {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 22rem;
    font-weight: normal;
    line-height: 34rem;
    margin-bottom: 12rem;
    color: #212121
}

.newslist .date {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    color: #eb6100
}

    .newslist .date svg {
        fill: var(--hover-color);
        width: 22rem;
        height: 22rem;
        margin-right: 8rem;
        display: inline-block;
        vertical-align: middle;
        margin-top: -4rem
    }

.footer {
    position: relative;
    z-index: 33
}

@media (min-width:1025px) {
    .footer a:hover {
        text-decoration: underline
    }
}

.footer .footer-top {
    padding: 94rem 0 76rem 0
}

    .footer .footer-top .title {
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        font-size: 20rem;
        font-weight: normal;
        line-height: 30rem;
        color: #fff
    }

    .footer .footer-top .menulist {
        float: right;
        width: 69%
    }

        .footer .footer-top .menulist li {
            width: 16.66666667%;
            float: left
        }

            .footer .footer-top .menulist li a {
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                font-size: 20rem;
                line-height: 30rem;
                color: #fff;
                margin-bottom: 35rem;
                display: block;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;
                padding-right: 5rem
            }

                .footer .footer-top .menulist li a .txt-2 {
                    display: none
                }

@media (min-width:1025px) {
    .footer .footer-top .menulist li a:hover {
        text-decoration: underline
    }
}

.footer .footer-top .menulist li ul {
    width: 100%
}

    .footer .footer-top .menulist li ul li {
        width: 100%
    }

        .footer .footer-top .menulist li ul li a {
            font-family: var(--HarmonyOS_Sans_SC_Regular);
            font-size: 16rem;
            line-height: 40rem;
            color: #fff;
            margin: 0
        }

.footer .footer-top .menulist li.fo2 {
    width: 19%
}

.footer .footer-top .menulist li.fo3 {
    width: 33%
}

.footer .footer-top .menulist li.fo4 {
    width: 19.5%
}

.footer .footer-top .menulist li.fo5 {
    width: 28.5%
}

.footer .footer-top .footer-contact {
    float: left;
    width: 25%
}

    .footer .footer-top .footer-contact .jsh {
        font-size: 16rem;
        line-height: 30rem;
        color: #fff;
        margin-bottom: 24rem;
        margin-top: 47rem
    }

        .footer .footer-top .footer-contact .jsh p {
            padding-left: 40rem;
            margin-bottom: 18rem;
            position: relative
        }

            .footer .footer-top .footer-contact .jsh p a {
                color: #fff
            }

@media (min-width:1025px) {
    .footer .footer-top .footer-contact .jsh p a:hover {
        text-decoration: underline
    }
}

.footer .footer-top .footer-contact .jsh p img {
    width: 20rem;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 7rem;
    left: 8rem
}

.footer .footer-top .footer-contact .flist .icon {
    width: 36rem;
    height: 36rem
}

.footer .footer-top .footer-contact .flist {
    padding: 0;
    margin-top: 21rem
}

    .footer .footer-top .footer-contact .flist li {
        float: left;
        padding: 0;
        margin-right: 10rem;
        margin-left: 0
    }

    .footer .footer-top .footer-contact .flist .hover1 p {
        line-height: 36rem
    }

.footer .footer-bottom {
    line-height: 30rem;
    font-size: 16rem;
    color: #fff
}

    .footer .footer-bottom .left {
        float: left
    }

    .footer .footer-bottom .right {
        float: right
    }

    .footer .footer-bottom a {
        color: #fff;
        margin-left: 20rem
    }

@media (min-width:1025px) {
    .footer .footer-bottom a:hover {
        text-decoration: underline
    }
}

.footer .footer-bottom .fb {
    padding: 14rem 0;
    border-top: 1px solid rgba(255,255,255,0.3)
}

    .footer .footer-bottom .fb .left span {
        margin-right: 22rem;
        display: inline-block;
        vertical-align: top
    }

.float {
    position: fixed;
    bottom: 100rem;
    right: 10rem;
    text-align: center;
    z-index: 4444
}

    .float a, .float .fanhui {
        display: block;
        width: 46rem;
        height: 46rem;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--hover-color);
        box-shadow: -3rem 0 7rem 0 rgba(19,49,73,0.13);
        border-radius: 10rem;
        cursor: pointer
    }

        .float a img, .float .fanhui img {
            width: 46rem;
            display: block;
            margin: 0 auto
        }

    .float .fanhui {
        background: #fff;
        margin-top: 10rem
    }

#zixun, #zixun1 {
    z-index: 1000000;
    position: fixed;
    width: 1050rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    display: none;
    background-color: #f9f9f9;
    border-radius: 20rem;
    padding: 61rem 87rem 50rem 87rem
}

    #zixun .close, #zixun1 .close {
        position: absolute;
        width: 34rem;
        height: 34rem;
        top: -30rem;
        right: -30rem;
        text-align: center;
        line-height: 30rem;
        border: 2rem solid #fff;
        border-radius: 50%;
        font-size: 22rem;
        color: #fff;
        cursor: pointer
    }

    #zixun .p, #zixun1 .p {
        text-align: center;
        font-size: 16rem;
        line-height: 28rem;
        color: #666;
        margin-top: 22rem
    }

    #zixun .form2 .bottom, #zixun1 .form2 .bottom {
        box-shadow: none;
        border-radius: 0;
        width: 100%;
        padding-bottom: 0;
        border: none;
        background: none
    }

        #zixun .form2 .bottom .item .list, #zixun1 .form2 .bottom .item .list {
            padding: 0
        }

.content {
    padding: 51rem 0 120rem 0;
    min-height: 600rem
}

.inbanner {
    color: #fff;
    position: relative;
    overflow: hidden
}

    .inbanner img, .inbanner video {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .inbanner .img {
        position: relative;
        overflow: hidden
    }

        .inbanner .img img {
            -webkit-animation: wave 2s alternate;
            animation: wave 2s alternate;
            display: block
        }

    .inbanner .img1 {
        position: relative;
        overflow: hidden;
        display: none
    }

    .inbanner .item {
        position: relative;
        overflow: hidden
    }

    .inbanner .banner-hover {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 5;
        padding-top: 100rem
    }

        .inbanner .banner-hover .info {
            -webkit-animation: fadeInUp2 2s alternate;
            animation: fadeInUp2 2s alternate;
            position: relative
        }

        .inbanner .banner-hover .bt {
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 48rem;
            line-height: 86rem;
            color: #fff;
            text-align: center;
            text-shadow: -4rem 0 20rem rgba(4,29,17,0.2)
        }

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.inbanner03bg .banner-hover .info {
    width: 50%
}

    .inbanner03bg .banner-hover .info .bt {
        text-align: left
    }

    .inbanner03bg .banner-hover .info .p {
        font-size: 18rem;
        font-weight: normal;
        line-height: 30rem;
        margin-bottom: 40rem;
        color: #fff
    }

.current .right {
    padding: 12rem 0
}

.current span {
    color: #666;
    font-size: 16rem;
    line-height: 32rem;
    background: url(../images/home.webp) no-repeat left 3rem;
    background-size: 18rem;
    padding-left: 25rem
}

.current span a {
	color: #666
}

.current span b {
	color: #666;
	font-weight: normal
}

.business .op {
    font-size: 18rem;
    font-weight: normal;
    line-height: 30rem;
    color: #323233;
    width: 60%;
    margin: 0 auto;
    margin-top: 13rem
}

    .business .op p {
        margin-bottom: 10rem
    }

.form {
    padding: 31rem 0 0 0
}

    .form .bottom {
        border-radius: 4rem 4rem 0 0;
        border: solid 1px #e5e5e5;
        margin: 0 auto;
        width: 61%;
        background: #fff;
        padding-bottom: 50rem
    }

        .form .bottom .item {
            border-bottom: solid 1px #e5e5e5
        }

            .form .bottom .item .item-title {
                font-size: 24rem;
                line-height: 40rem;
                padding: 20rem 27rem;
                color: #212121;
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                border-bottom: solid 1px #e5e5e5
            }

            .form .bottom .item .list {
                padding: 24rem 29rem 10rem 29rem
            }

                .form .bottom .item .list ul {
                    margin: 0 -12rem
                }

                    .form .bottom .item .list ul li {
                        margin-bottom: 18rem;
                        width: 33.33333%;
                        float: left;
                        padding: 0 12rem
                    }

                        .form .bottom .item .list ul li .span {
                            font-size: 16rem;
                            margin-bottom: 6rem;
                            color: #212121
                        }

                            .form .bottom .item .list ul li .span font {
                                color: #fc0000
                            }

                        .form .bottom .item .list ul li input, .form .bottom .item .list ul li select, .form .bottom .item .list ul li textarea {
                            width: 100%;
                            height: 48rem;
                            padding: 0 20rem;
                            background: none;
                            border-radius: 4rem;
                            font-size: 16rem;
                            color: #7a7a7a;
                            border: solid 1px #e5e5e5
                        }

                            .form .bottom .item .list ul li select::-ms-expand {
                                display: none
                            }

                        .form .bottom .item .list ul li select {
                            appearance: none;
                            -moz-appearance: none;
                            -webkit-appearance: none;
                            background: #fff url(../images/arrow.webp) no-repeat scroll 97% center;
                            background-size: 12rem;
                            background: #ffffff \9 \0
                        }

                        .form .bottom .item .list ul li textarea {
                            height: 131rem
                        }

                        .form .bottom .item .list ul li .ul {
                            margin: 0 -12rem
                        }

                            .form .bottom .item .list ul li .ul .li {
                                width: 50%;
                                float: left;
                                padding: 0 12rem
                            }

                        .form .bottom .item .list ul li .label {
                            margin-top: 21rem;
                            margin-bottom: 10rem;
                            overflow: hidden
                        }

                            .form .bottom .item .list ul li .label label {
                                position: relative;
                                margin-right: 50rem;
                                float: left
                            }

                                .form .bottom .item .list ul li .label label .bt {
                                    user-select: none;
                                    position: relative;
                                    cursor: pointer;
                                    padding: 0 10rem 0 28rem;
                                    font-size: 15rem;
                                    color: #212121;
                                    line-height: 20rem
                                }

                                    .form .bottom .item .list ul li .label label .bt:after {
                                        content: '';
                                        display: block;
                                        position: absolute;
                                        left: 0;
                                        top: 3rem;
                                        width: 14rem;
                                        height: 14rem;
                                        border: 1px solid #e7e7e7;
                                        border-radius: 50%;
                                        transition: all .15s ease
                                    }

                                .form .bottom .item .list ul li .label label input {
                                    position: absolute;
                                    top: 0;
                                    left: -20rem;
                                    cursor: pointer;
                                    width: 0;
                                    height: 0;
                                    opacity: 0;
                                    overflow: hidden
                                }

                                    .form .bottom .item .list ul li .label label input:checked {
                                        border: 0 !important;
                                        background: none
                                    }

                                        .form .bottom .item .list ul li .label label input:checked + .bt:before {
                                            left: 3rem;
                                            top: 6rem;
                                            width: 8rem;
                                            height: 8rem;
                                            border-radius: 50%;
                                            background: #fff;
                                            position: absolute;
                                            display: block;
                                            content: '';
                                            z-index: 1
                                        }

                                        .form .bottom .item .list ul li .label label input:checked + .bt:after {
                                            background: var(--main-color)
                                        }

                        .form .bottom .item .list ul li .p {
                            font-size: 14rem;
                            line-height: 30rem;
                            text-align: left;
                            color: #7a7a7a
                        }

                            .form .bottom .item .list ul li .p p {
                                margin: 0
                            }

                            .form .bottom .item .list ul li .p a {
                                text-decoration: underline;
                                color: #333
                            }

                        .form .bottom .item .list ul li .shangchuan {
                            position: relative;
                            width: 300rem;
                            height: 120rem;
                            border-radius: 4rem;
                            border: solid 1px #e5e5e5;
                            padding: 0 20rem;
                            background: #fff;
                            cursor: pointer
                        }

                            .form .bottom .item .list ul li .shangchuan input {
                                opacity: 0;
                                position: absolute;
                                top: 0;
                                right: 0;
                                z-index: 33;
                                height: 120rem;
                                cursor: pointer
                            }

                            .form .bottom .item .list ul li .shangchuan .bt {
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translateY(-50%);
                                width: 100%;
                                cursor: pointer;
                                text-align: center;
                                line-height: 28rem;
                                font-size: 14rem;
                                color: #666
                            }

                                .form .bottom .item .list ul li .shangchuan .bt span {
                                    font-size: 48rem;
                                    line-height: 44rem;
                                    color: #666;
                                    display: block
                                }

        .form .bottom .submit a {
            display: block;
            font-size: 16rem;
            color: #fff;
            text-align: center;
            line-height: 48rem;
            background: var(--hover-color);
            border-radius: 4rem
        }

@media (min-width:1025px) {
    .form .bottom .submit a:hover {
        text-decoration: underline
    }
}

.form1 .bottom .item .list {
    padding: 45rem 29rem 10rem 29rem
}

.solutions {
    padding: 62rem 0 120rem 0;
    overflow: hidden
}

.solutionlist {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 99rem;
    grid-column-gap: 98rem
}

    .solutionlist li {
        position: relative;
        z-index: 1
    }

        .solutionlist li:after {
            content: '';
            display: block;
            width: 80vw;
            height: 100%;
            background-color: #f3f4f6;
            position: absolute;
            top: 0;
            left: 22%;
            z-index: -1
        }

        .solutionlist li .box {
            justify-content: space-between;
            display: flex;
            align-items: center;
            transition: .5s;
            padding: 99rem 0;
            position: relative
        }

        .solutionlist li .pic {
            width: 65%;
			width: 50%;
            float: left;
            /* margin-left: -160rem; */
            border-radius: 20rem
        }

            .solutionlist li .pic img {
                width: 100%
            }

            .solutionlist li .pic:after {
                padding-bottom: 55.76923077%
            }

        .solutionlist li .text0 {
            width: 45%;
			width: 60%;
            padding: 0 70rem;
            float: right
        }

            .solutionlist li .text0 .bt {
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                font-size: 42rem;
                font-weight: normal;
                line-height: 72rem;
                color: #212121;
                margin-bottom: 22rem
            }

            .solutionlist li .text0 .p {
                font-size: 20rem;
                font-weight: normal;
                line-height: 36rem;
                color: rgba(51,51,51,0.9);
                margin-bottom: 55rem;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                -webkit-line-clamp: 5
            }

                .solutionlist li .text0 .p p {
                    margin-bottom: 14rem
                }

@media (min-width:1025px) {
    .solutionlist li:hover .pic img {
        transform: scale(1.1)
    }

    .solutionlist li:hover .text0 .bt {
        color: var(--hover-color)
    }

    .solutionlist li:hover .more p {
        background-position: right center;
        background-size: 200% auto;
        -webkit-animation: pulse512 2s infinite;
        animation: pulse512 1.5s infinite
    }
}

.solutionlist li:nth-child(2n) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.solutionlist li:nth-child(2n):after {
    left: auto;
    right: 22%
}

.solutionlist li:nth-child(2n) .pic {
    /* margin-right: -160rem; */
    margin-left: 0;
    border-radius: 20rem
}

.news {
    padding: 90rem 0 120rem 0
}

.news-top {
    background: #fff;
    box-shadow: 0 6rem 59rem 0 rgba(33,94,164,0.12);
    border-radius: 20rem;
    padding: 40rem;
    margin-bottom: 64rem
}

.news-one {
    position: relative;
    overflow: hidden
}

    .news-one .list {
        position: relative;
        z-index: 5
    }

        .news-one .list li .box {
            position: relative;
            min-height: 457rem;
            padding-left: 800rem;
            overflow: hidden
        }

            .news-one .list li .box .pic {
                width: 740rem;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 20rem
            }

                .news-one .list li .box .pic img {
                    /*width: 100%;
                    height: 100%;
                    object-fit: cover*/
                }

                .news-one .list li .box .pic:after {
                    padding-bottom: 61.75675676%
                }

            .news-one .list li .box .text {
                padding-top: 56rem
            }

                .news-one .list li .box .text .date {
                    font-family: var(--HarmonyOS_Sans_SC_Bold);
                    font-size: 16rem;
                    font-weight: normal;
                    line-height: 32rem;
                    color: var(--hover-color)
                }

                    .news-one .list li .box .text .date svg {
                        fill: var(--hover-color);
                        width: 22rem;
                        height: 22rem;
                        margin-right: 8rem;
                        display: inline-block;
                        vertical-align: middle;
                        margin-top: -4rem
                    }

                .news-one .list li .box .text .bt {
                    font-family: var(--HarmonyOS_Sans_SC_Bold);
                    font-size: 32rem;
                    font-weight: normal;
                    line-height: 52rem;
                    color: #212121;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    margin-bottom: 24rem;
                    margin-top: 24rem
                }

                .news-one .list li .box .text .jsh {
                    font-size: 18rem;
                    font-weight: normal;
                    line-height: 32rem;
                    color: #666;
                    margin-bottom: 61rem;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2
                }

@media (min-width:1025px) {
    .news-one .list li:hover .pic img {
        transform: scale(1.04)
    }

    .news-one .list li:hover .text .bt {
        color: var(--hover-color)
    }

    .news-one .list li:hover .more p {
        background-position: right center;
        background-size: 200% auto;
        -webkit-animation: pulse512 2s infinite;
        animation: pulse512 1.5s infinite
    }
}

.btn1 {
    position: relative;
    height: 34rem;
    margin: 0 auto;
    margin-bottom: 98rem;
    width: 56%
}

    .btn1 .swiper-button-prev, .btn1 .swiper-button-next {
        border-radius: 50%;
        width: 34rem;
        height: 34rem;
        border: solid 1px #e1e1e1;
        z-index: 5;
        top: auto;
        bottom: 0;
        margin: 0
    }

        .btn1 .swiper-button-prev svg, .btn1 .swiper-button-next svg {
            fill: #333;
            width: 22rem;
            height: 22rem
        }

        .btn1 .swiper-button-prev:after, .btn1 .swiper-button-next:after {
            content: ''
        }

@media (min-width:1025px) {
    .btn1 .swiper-button-prev:hover, .btn1 .swiper-button-next:hover {
        background: var(--hover-color)
    }

        .btn1 .swiper-button-prev:hover svg, .btn1 .swiper-button-next:hover svg {
            fill: #fff
        }
}

.btn1 .swiper-button-prev {
    left: 0
}

.btn1 .swiper-button-next {
    right: 0;
    left: auto;
    margin-left: auto
}

.btn1 .swiper-pagination {
    height: 2px;
    width: 88%;
    left: 50%;
    top: 16rem;
    background: #e1e1e1;
    transform: translateX(-50%)
}

.btn1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--hover-color)
}

.newslist1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 50rem;
    grid-column-gap: 50rem
}

    .newslist1 .item .text {
        padding-top: 21rem
    }

    .newslist1 .item .bt {
        margin-bottom: 17rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3
    }

@media (min-width:1025px) {
    .newslist1 .item:hover .more p {
        background-position: right center;
        background-size: 200% auto;
        -webkit-animation: pulse512 2s infinite;
        animation: pulse512 1.5s infinite
    }
}

.current1 .right {
    width: 90%;
    margin: 0 auto
}

.news-show {
    padding: 0 0 100rem 0
}

    .news-show .nr {
        padding: 51rem 0 0 0;
        width: 90%;
        margin: 0 auto
    }

    .news-show .left {
        width: 67%;
        float: left
    }

    .news-show .right {
        float: right;
        width: 26.5%;
        position: sticky;
        top: 160rem;
        z-index: 33;
        overflow: hidden
    }

        .news-show .right .title {
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 30rem;
            font-weight: normal;
            line-height: 52rem;
            color: #212121;
            margin-bottom: 39rem;
            position: relative;
            border-bottom: 1px solid #cdcccc;
            padding-bottom: 14rem
        }

        .news-show .right ul {
            display: grid;
            grid-template-columns: 1fr;
            grid-row-gap: 25rem;
            margin-bottom: 70rem
        }

            .news-show .right ul li .box {
                position: relative;
                justify-content: space-between;
                display: flex;
                padding-bottom: 25rem;
                border-bottom: 1px solid #cdcccc
            }

            .news-show .right ul li .pic {
                width: 44%;
                flex: none;
                border-radius: 0
            }

            .news-show .right ul li .text {
                width: 65%;
                flex: none;
                padding-left: 20rem
            }

            .news-show .right ul li .date {
                font-size: 14rem;
                font-family: var(--HarmonyOS_Sans_SC_Regular);
                color: #7a7a7a
            }

            .news-show .right ul li .bt {
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                font-size: 16rem;
                line-height: 24rem;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3
            }

.h01 {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 34rem;
    font-weight: normal;
    line-height: 48rem;
    color: #212121
}

.h02 {
    margin-top: 30rem;
    margin-bottom: 21rem;
    line-height: 30rem;
    border-bottom: 1px solid #cdcccc;
    padding-bottom: 45rem;
    font-size: 16rem;
    font-weight: normal;
    line-height: 33rem;
    color: #7a7a7a
}

    .h02 span {
        margin-right: 20rem
    }

.fenxiang {
    position: relative;
    float: right;
    color: #000;
    font-size: 18rem;
    line-height: 33rem
}

    .fenxiang .fr {
        float: right;
        margin-right: 0
    }

        .fenxiang .fr a {
            display: block;
            float: left;
            margin-left: 10rem;
            border: 1px solid #444;
            border-radius: 50%;
            width: 33rem;
            height: 33rem;
            display: flex;
            align-items: center;
            text-align: center
        }

            .fenxiang .fr a svg {
                width: 20rem;
                height: 20rem;
                margin: 0 auto;
                fill: #000;
                display: block
            }

.news-info1 {
    font-size: 18rem;
    font-weight: normal;
    line-height: 30rem;
    color: #333;
    padding-bottom: 83rem
}

    .news-info1 img {
        display: block
    }

    .news-info1 p {
        margin-bottom: 9rem
    }

    .news-info1 .ns1 {
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        font-size: 20rem;
        color: #333
    }

    .news-info1 .ns2 {
        color: #ea7307;
        font-family: var(--HarmonyOS_Sans_SC_Bold)
    }

    .news-info1 i.io {
        font-style: normal;
        font-size: 30rem
    }

.lable {
    padding-top: 14rem;
    padding-bottom: 14rem;
    line-height: 30rem;
    font-size: 16rem;
    color: #9c9d9d;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

    .lable .fl span {
        color: #9c9d9d;
        display: block;
        float: left;
        padding-right: 17rem
    }

    .lable .fl a {
        color: #9c9d9d;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        overflow: hidden;
        padding: 0 12rem;
        margin-bottom: 5px;
        margin-right: 15rem;
        line-height: 30rem;
        border: solid 1px #9c9d9d;
        text-align: center;
        display: block;
        float: left
    }

@media (min-width:1025px) {
    .lable .fl a:hover {
        text-decoration: underline
    }
}

.list-page {
    text-align: center;
    width: 100%;
    margin-top: 27rem
}

    .list-page .prev, .list-page .next {
        font-size: 14rem;
        line-height: 24rem;
        color: #1b1a1a
    }

        .list-page .prev a, .list-page .next a {
            color: #1b1a1a
        }

            .list-page .prev a:hover, .list-page .next a:hover {
                color: var(--main-color)
            }

        .list-page .prev span, .list-page .next span {
            display: block
        }

        .list-page .prev svg, .list-page .next svg {
            width: 45rem;
            height: 27rem;
            display: block;
            fill: #1b1a1a
        }

    .list-page .prev {
        text-align: left;
        float: left
    }

        .list-page .prev svg {
            transform: rotate(180deg)
        }

    .list-page .next {
        text-align: right;
        float: right
    }

        .list-page .next svg {
            float: right
        }

.aleft {
    float: left;
    width: 22.5%;
    position: sticky;
    top: 120rem
}

    .aleft .line {
        background: var(--main-color);
        height: 6rem;
        width: 100%
    }

    .aleft .ab {
        padding: 34rem 18rem;
        background: #fff;
        border: solid 1px #f2f2f2
    }

    .aleft .title {
        font-size: 26rem;
        font-weight: bold;
        line-height: 51rem;
        padding-left: 22rem;
        color: #212121;
        position: relative;
        margin-bottom: 21rem
    }

        .aleft .title:after {
            width: 6rem;
            height: 6rem;
            background-color: #212121;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -3rem;
            content: '';
            display: block
        }

    .aleft dl {
        margin-bottom: 13rem
    }

        .aleft dl dt {
            position: relative
        }

            .aleft dl dt a {
                display: block;
                font-size: 18rem;
                font-weight: normal;
                line-height: 30rem;
                font-weight: bold;
                padding: 9rem 50rem 9rem 20rem;
                color: #333;
                background: #f7f7f7
            }

            .aleft dl dt i {
                width: 26rem;
                height: 26rem;
                display: block;
                position: absolute;
                top: 11rem;
                right: 11rem;
                z-index: 33;
                border-radius: 50%;
                cursor: pointer;
                background: var(--hover-color) url(../images/jia.webp) no-repeat center center;
                background-size: 11rem
            }

@media (min-width:1025px) {
    .aleft dl dt:hover a {
        background: var(--hover-color);
        color: #fff
    }

    .aleft dl dt:hover i {
        background: #fff url(../images/jian.webp) no-repeat center center;
        background-size: 11rem
    }
}

.aleft dl dd {
    height: 0;
    font-size: 16rem;
    font-weight: normal;
    line-height: 36rem;
    color: #474747;
    overflow: hidden
}

    .aleft dl dd ul {
        padding: 11rem 0
    }

        .aleft dl dd ul li a {
            display: block;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            padding: 0 14rem
        }

@media (min-width:1025px) {
    .aleft dl dd ul li:hover a, .aleft dl dd ul li.active a {
        color: var(--main-color)
    }
}

.aleft .cur dt a {
    background: var(--hover-color);
    color: #fff
}

.aleft .cur dt i {
    background: #fff url(../images/jian.webp) no-repeat center center;
    background-size: 11rem
}

.aleft .cur dd {
    height: auto
}

.aright {
    float: right;
    width: 74.3%
}

.pro-search {
    padding: 36rem 40rem 52rem 40rem;
    margin-bottom: 51rem;
    border-radius: 10rem;
    border: solid 1px #ededed
}

    .pro-search .p-title {
        font-size: 26rem;
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        line-height: 50rem;
        color: #212121;
        background: url(../images/line.webp) no-repeat center left;
        background-size: 4rem;
        padding-left: 20rem;
        margin-bottom: 11rem
    }

    .pro-search .p-bottom {
        position: relative;
        padding-left: 282rem
    }

        .pro-search .p-bottom span {
            font-size: 18rem;
            font-weight: normal;
            line-height: 50rem;
            color: #474747;
            position: absolute;
            top: 0;
            left: 0
        }

        .pro-search .p-bottom .input {
            position: relative;
            padding-right: 207rem
        }

            .pro-search .p-bottom .input input {
                width: 100%;
                height: 50rem;
                background: #f6f6f6;
                border: 1px solid #ddd;
                font-size: 16rem;
                padding: 0 25rem;
                color: #7a7a7a
            }

            .pro-search .p-bottom .input a {
                width: 150rem;
                line-height: 50rem;
                background-color: var(--hover-color);
                display: block;
                text-align: center;
                position: absolute;
                top: 0;
                right: 0;
                color: #fff;
                font-size: 18rem;
                font-weight: bold
            }

                .pro-search .p-bottom .input a img {
                    width: 18rem;
                    margin-right: 10rem;
                    display: inline-block;
                    vertical-align: middle
                }

@media (min-width:1025px) {
    .pro-search .p-bottom .input a:hover {
        background: var(--main-color)
    }
}

.fenye {
    padding-top: 86rem
}

.page {
    clear: both;
    text-align: center;
    font-size: 0;
    color: #947d58
}

    .page em {
        font-style: normal;
        font-size: 18rem
    }

    .page a {
        color: #202020;
        display: inline-block;
        text-align: center;
        font-size: 12rem;
        min-width: 40rem;
        line-height: 40rem;
        font-weight: bold;
        text-transform: uppercase;
        height: 40rem;
        border-radius: 30rem;
        margin: 0 8rem;
        padding: 0 5rem;
        vertical-align: top;
        background: none;
        -webkit-transition: background .5s;
        transition: background .5s;
        -webkit-box-shadow: 0 0 0 1px #e6e6e6
    }

        .page a span {
            display: block
        }

        .page a.prev, .page a.next {
            margin-right: 5rem;
            padding: 0 27rem
        }

            .page a.prev svg, .page a.next svg {
                width: 14rem;
                height: 19rem;
                margin: 0 5rem;
                fill: #666;
                display: inline-block;
                vertical-align: middle;
                margin-top: -3rem
            }

        .page a.prev {
            padding-left: 24rem
        }

        .page a.next {
            padding-right: 24rem
        }

        .page a.cur, .page a:hover {
            background: var(--hover-color);
            -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0);
            color: #fff
        }

            .page a.cur svg, .page a:hover svg {
                fill: #fff
            }

.prolist1 {
    grid-template-columns: 1fr 1fr 1fr
}

.solutions-show {
    padding: 0 !important
}

.solutions01 {
    padding: 51rem 0 121rem 0
}

.solutions01 .nav1 ul {
	display: flex;
	flex-wrap: wrap
}

.solutions01 .nav1 ul li {
	flex: 1
}

.solutions01 .nav1 ul li a {
	font-family: var(--HarmonyOS_Sans_SC_Bold);
	font-size: 18rem;
	font-weight: normal;
	line-height: 32rem;
	overflow:hidden;
	padding-bottom: 17rem;
	height: 49rem;
	color: #212121;
	text-align: center;
	display: block;
	border-bottom: 5rem solid #dce4ec
}

.solutions01 .nav1 ul li:nth-child(2n) a {
	height: 96rem;
}

        .solutions01 .nav1 ul .active a {
            color: var(--hover-color);
            border-bottom: 5rem solid var(--main-color)
        }

    .solutions01 .show {
        padding-top: 85rem;
        padding-right: 50rem
    }

        .solutions01 .show .info {
            display: none
        }

        .solutions01 .show .nr {
            justify-content: space-between;
            display: flex;
            align-items: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .solutions01 .show .bt {
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 42rem;
            font-weight: normal;
            margin-bottom: 33rem;
            color: #212121
        }

        .solutions01 .show .p {
            font-size: 18rem;
            font-weight: normal;
            line-height: 30rem;
            color: #525252
        }

        .solutions01 .show .left {
            width: 41%;
            float: right;
            border-radius: 20rem;
            overflow: hidden
        }

            .solutions01 .show .left img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .solutions01 .show .right {
            width: 44%;
            float: left
        }

    .solutions01 .container {
        max-width: 1510rem
    }

.solutions02 {
    padding: 70rem 0 119rem 0;
    background-color: #f5f5f5
}

    .solutions02 .container {
        max-width: 1510rem
    }

    .solutions02 .solutions-bottom {
        padding-top: 35rem
    }

.inlist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 40rem;
    grid-column-gap: 40rem
}

    .inlist li .box {
        background-color: #fff;
        box-shadow: 2rem 6rem 30rem 0 rgba(52,104,167,0.14);
        border-radius: 20rem;
        min-height: 251rem;
        height: 100%;
        position: relative;
        padding: 54rem 45rem 30rem 129rem
    }

    .inlist li .pic {
        width: 60rem;
        position: absolute;
        top: 39rem;
        left: 40rem
    }

    .inlist li .bt {
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        font-size: 22rem;
        font-weight: normal;
        line-height: 30rem;
        margin-bottom: 25rem;
        color: #333
    }

    .inlist li .p {
        font-size: 18rem;
        font-weight: normal;
        line-height: 24rem;
        color: #666
    }

.solutions03 {
    padding: 70rem 0 83rem 0;
    position: relative;
    overflow: hidden
}

    .solutions03 .solutions-bottom {
        padding-top: 45rem
    }

    .solutions03 .container {
        max-width: 1510rem
    }

.swiper-recommended {
    position: relative;
    overflow: hidden;
    padding-bottom: 67rem
}

    .swiper-recommended .swiper-pagination {
        text-align: center;
        width: 100%;
        bottom: 0
    }

        .swiper-recommended .swiper-pagination .swiper-pagination-bullet {
            width: 10rem;
            height: 10rem;
            background: #ccc;
            border-radius: 50%;
            opacity: 1;
            margin: 0 4rem
        }

        .swiper-recommended .swiper-pagination .swiper-pagination-bullet-active {
            background: var(--hover-color)
        }

    .swiper-recommended .left {
        width: 50%;
        float: left;
        overflow: hidden;
        border-radius: 20rem;
        border: solid 1px #c7c7c7
    }

        .swiper-recommended .left .box {
            position: relative
        }

@media (min-width:1025px) {
    .swiper-recommended .left .box:hover .pic img {
        transform: scale(1.04)
    }

    .swiper-recommended .left .box:hover .bt {
        background: var(--hover-color);
		color:#fff;
    }
}

.swiper-recommended .left img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.swiper-recommended .left .pic:after {
    padding-bottom: 71.05263158%
}

.swiper-recommended .left .bt {
    line-height: 76rem;
    text-align: center;
    background: #f8f8f8;
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 24rem;
    font-weight: normal;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    padding: 0 20rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.swiper-recommended .right {
    width: 47.5%;
    float: right
}

    .swiper-recommended .right ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 20rem;
        grid-column-gap: 20rem
    }

    .swiper-recommended .right li .box {
        border: solid 1px #ddd;
        background-color: #fff;
        box-shadow: 2rem 6rem 30rem 0 rgba(52,104,167,0.14);
        border-radius: 20rem;
        height: 100%;
        position: relative;
        padding: 25rem 45rem 15rem 92rem
    }

    .swiper-recommended .right li .pic {
        width: 50rem;
        position: absolute;
        top: 24rem;
        left: 29rem
    }
	
	.swiper-recommended .right li .pic img{
		/*filter: invert(32%) sepia(99%) saturate(2000%) hue-rotate(18deg) brightness(102%) contrast(102%);*/
	}

    .swiper-recommended .right li .bt {
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        font-size: 24rem;
        font-weight: normal;
        line-height: 28rem;
        margin-bottom: 9rem;
        color: #333
    }

    .swiper-recommended .right li .p {
        font-size: 18rem;
        font-weight: normal;
        line-height: 28rem;
        color: #666
    }

.solutions04 {
    padding: 67rem 0 84rem 0;
    background: url(../images/bg3.webp) no-repeat top center;
    background-size: cover
}

    .solutions04 .container {
        max-width: 1510rem
    }

    .solutions04 .nr .home-title {
        float: left
    }

    .solutions04 .nr .right {
        float: right;
        width: 45.5%
    }

        .solutions04 .nr .right .p {
            font-size: 20rem;
            font-weight: normal;
            line-height: 38rem;
            margin-bottom: 51rem;
            color: #fff
        }

.contact {
    padding: 0 !important
}

.contact01 {
    padding: 60rem 0 104rem 0;
    position: relative
}

    .contact01 .left {
        width: 43%;
        float: left
    }

        .contact01 .left .span1 {
            font-size: 22rem;
            font-weight: normal;
            line-height: 34rem;
            margin-top: 11rem;
            color: #525252
        }

        .contact01 .left .contactlist {
            margin-top: 22rem;
            display: grid;
            grid-template-columns: 1fr;
            grid-row-gap: 30rem;
            grid-column-gap: 30rem
        }

            .contact01 .left .contactlist li {
                font-size: 20rem;
                font-weight: normal;
                line-height: 30rem;
                color: #333
            }

                .contact01 .left .contactlist li .span {
                    font-size: 18rem;
                    font-weight: normal;
                    line-height: 30rem;
                    color: #666;
                    padding-left: 40rem;
                    position: relative
                }

                    .contact01 .left .contactlist li .span img {
                        width: 30rem;
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: block
                    }

                .contact01 .left .contactlist li .p p {
                    padding-left: 95rem;
                    position: relative
                }

                .contact01 .left .contactlist li .p span {
                    position: absolute;
                    top: 0;
                    left: 0
                }

    .contact01 .right {
        width: 55%;
        float: right;
        border-radius: 30rem;
        overflow: hidden;
        position: relative;
        height: 540rem;
        background-color: #000
    }

        .contact01 .right .show .info {
            display: none
        }

            .contact01 .right .show .info a {
                display: block;
                overflow: hidden
            }

            .contact01 .right .show .info img, .contact01 .right .show .info iframe {
                width: 100%;
                height: 540rem;
                object-fit: cover;
                display: block
            }

        .contact01 .right .ul {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 33
        }

            .contact01 .right .ul .li {
                width: 180rem;
                line-height: 53rem;
                text-align: center;
                float: left
            }

                .contact01 .right .ul .li a {
                    display: block;
                    background-color: #676363;
                    font-size: 16rem;
                    font-weight: normal;
                    color: #fff;
                    font-family: var(--HarmonyOS_Sans_SC_Bold)
                }

            .contact01 .right .ul .active a {
                background: var(--hover-color)
            }

.contact02 {
    padding: 88rem 0;
    background: url(../images/bg4.webp) no-repeat top center;
    background-size: cover;
    position: relative
}

    .contact02 .home-title {
        padding-bottom: 17rem;
        border-bottom: 1px solid #d6d6d6;
        margin-bottom: 35rem
    }

    .contact02 .span1 {
        font-size: 22rem;
        font-weight: normal;
        line-height: 38rem;
        color: #333
    }

.form2 {
    padding: 37rem 0 0 0
}

    .form2 .bottom {
        box-shadow: 0 4rem 24rem 0 rgba(0,120,191,0.12);
        border-radius: 20rem;
        width: 100%;
        padding-bottom: 35rem
    }

        .form2 .bottom .item .list ul li .span {
            font-family: var(--HarmonyOS_Sans_SC_Medium);
            font-size: 20rem;
            margin-bottom: 10rem
        }

        .form2 .bottom .item .list {
            padding: 57rem 59rem 10rem 59rem
        }

            .form2 .bottom .item .list ul li input {
                height: 50rem;
                background: #fafafa;
                border: solid 1px #c7c7c7
            }

            .form2 .bottom .item .list ul li {
                margin-bottom: 27rem
            }

                .form2 .bottom .item .list ul li select {
                    height: 50rem;
                    background: #fafafa url(../images/arrow.webp) no-repeat scroll 97% center;
                    background-size: 12rem;
                    background: #fafafa \9 \0
                }

                .form2 .bottom .item .list ul li textarea {
                    background: #fafafa;
                    padding: 20rem 220rem 20rem 20rem;
                    border: solid 1px #c7c7c7
                }

                .form2 .bottom .item .list ul li .textarea {
                    position: relative
                }

                .form2 .bottom .item .list ul li .cc {
                    position: relative
                }

                .form2 .bottom .item .list ul li .more0 {
                    position: absolute;
                    top: 0;
                    right: 0
                }

                    .form2 .bottom .item .list ul li .more0 a, .form2 .bottom .item .list ul li .more0 p {
                        border-radius: 0
                    }

                .form2 .bottom .item .list ul li .shangchuan {
                    position: absolute;
                    width: 200rem;
                    height: 130rem;
                    border-radius: 0;
                    border: solid 1px #c7c7c7;
                    background: #fafafa;
                    top: 0;
                    right: 0
                }

                    .form2 .bottom .item .list ul li .shangchuan .bt {
                        font-size: 18rem
                    }

    .form2 .more {
        text-align: center
    }

        .form2 .more svg {
            fill: #fff;
            height: 50rem;
            width: 20rem;
            margin-left: 10rem;
            display: inline-block;
            vertical-align: top
        }

.RD {
    padding: 0 !important
}

    .RD .p {
        font-size: 18rem;
        font-weight: normal;
        line-height: 30rem;
        color: #4d4d4d;
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 11rem;
        grid-column-gap: 11rem
    }

.rd01 {
    padding: 60rem 0 113rem 0
}

    .rd01 .rd-bottom {
        padding-top: 20rem
    }

    .rd01 ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 50rem;
        grid-column-gap: 50rem;
        padding-top: 43rem
    }

        .rd01 ul li .pic {
            border-radius: 20rem
        }

            .rd01 ul li .pic:after {
                padding-bottom: 61.93548387%
            }

.rd02 {
    padding: 67rem 0 140rem 0;
    overflow: hidden;
    position: relative
}

    .rd02 .rd-bottom {
        padding-top: 20rem
    }

    .rd02 .p {
        grid-row-gap: 5rem;
        margin-bottom: 58rem
    }

    .rd02 .abg {
        padding-bottom: 133rem;
        position: relative
    }

    .rd02 .honorlist li {
        width: 20%
    }

        .rd02 .honorlist li .box {
            padding: 8rem;
            background: #fff;
            position: relative
        }

            .rd02 .honorlist li .box:before {
                content: '';
                display: block;
                background: rgba(25,24,118,0.78);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 44;
                opacity: 0;
                transition: .5s
            }

        .rd02 .honorlist li .pic:after {
            padding-bottom: 140%
        }

        .rd02 .honorlist li .img {
            height: 380rem;
            overflow: hidden
        }

            .rd02 .honorlist li .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block
            }

        .rd02 .honorlist li .bt {
            font-size: 20rem;
            line-height: 32rem;
            color: #fff;
            text-align: center;
            padding: 0 10rem;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            background: url(../images/fd.webp) no-repeat top center;
            background-size: 34rem;
            position: absolute;
            top: 50%;
            width: 100%;
            left: 0;
            transform: translateY(-50%);
            z-index: 344;
            padding-top: 37rem;
            opacity: 0;
            transition: .5s
        }

@media (min-width:1025px) {
    .rd02 .honorlist li:hover .box:before {
        opacity: 1
    }

    .rd02 .honorlist li:hover .bt {
        opacity: 1
    }
}

.rd02 .swiper {
    width: 105%
}

.rd02 .btn {
    position: absolute;
    bottom: -18rem;
    left: 50%;
    width: 1600rem;
    transform: translateX(-50%)
}

    .rd02 .btn .swiper-pagination {
        position: relative;
        text-align: left;
        bottom: auto;
        left: auto;
        font-size: 16rem;
        font-weight: normal;
        line-height: 42rem;
        color: #bebfbf
    }

        .rd02 .btn .swiper-pagination .swiper-pagination-current {
            color: #212121;
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 30rem
        }

    .rd02 .btn .swiper-scrollbar {
        background: #dbdcde;
        height: 6rem
    }

    .rd02 .btn .swiper-scrollbar-drag {
        background: var(--hover-color)
    }

.rd02 .gundong {
    font-size: 14rem;
    line-height: 30rem;
    color: #2d2e2e;
    background: url(../images/gundong.webp) no-repeat center left;
    background-size: 18rem;
    padding-left: 30rem;
    position: absolute;
    bottom: -64rem;
    left: 50%;
    transform: translateX(-50%)
}

.rd03 {
    padding: 120rem 0 141rem 0;
    position: relative
}

    .rd03 .left {
        width: 50%;
        float: left
    }

        .rd03 .left .p {
            color: #fff;
            margin-top: 24rem
        }

    .rd03 .right {
        width: 45%;
        float: right;
        position: relative;
        overflow: hidden
    }

        .rd03 .right .swiper {
            position: relative;
            clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
            padding: 4rem;
            background: #fff;
            overflow: hidden;
            border-radius: 20rem
        }

        .rd03 .right .pic {
            clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
            border-radius: 16rem
        }

            .rd03 .right .pic:after {
                padding-bottom: 65.27777778%
            }

            .rd03 .right .pic img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .rd03 .right .swiper-pagination {
            text-align: center;
            width: 100%;
            bottom: 30rem
        }

            .rd03 .right .swiper-pagination .swiper-pagination-bullet {
                width: 10rem;
                height: 10rem;
                background: #fff;
                border-radius: 50%;
                opacity: 1;
                margin: 0 4rem
            }

            .rd03 .right .swiper-pagination .swiper-pagination-bullet-active {
                background: var(--hover-color)
            }

.rd04 {
    padding: 89rem 0 78rem 0;
    position: relative
}

    .rd04 .home-span {
        margin: 51rem auto 0 auto
    }

    .rd04 .rd-bottom {
        padding-top: 43rem
    }

    .rd04 .gundong {
        font-size: 14rem;
        line-height: 30rem;
        color: #2d2e2e;
        background: url(../images/gundong.webp) no-repeat center left;
        background-size: 18rem;
        padding-left: 30rem;
        margin: 0 auto;
        display: block;
        width: fit-content
    }

    .rd04 .product-table-container {
        margin: 43rem 0 68rem 0
    }

.home-span {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 30rem;
    font-weight: normal;
    line-height: 73rem;
    color: #333;
    width: 816rem;
    background: url(../images/bg6.webp) no-repeat center center;
    background-size: cover;
    margin: 0 auto
}

.home-span1 {
    color: #fff;
    width: 801rem;
    background: url(../images/bg7.webp) no-repeat center center;
    background-size: cover
}

.home-span2 {
    width: 738rem;
    background: url(../images/bg10.webp) no-repeat center center;
    background-size: cover
}

.home-span3 {
    color: #fff;
    width: 770rem;
    background: url(../images/bg11.webp) no-repeat center center;
    background-size: cover
}

.home-span4 {
    width: 650rem;
    background: url(../images/bg12.webp) no-repeat center center;
    background-size: cover
}

.product-table-container {
    width: 100%;
    overflow-x: auto
}

    .product-table-container .product-table {
        width: max-content;
        min-width: 100%;
        border-collapse: collapse;
        text-align: left;
        overflow: hidden
    }

        .product-table-container .product-table thead tr {
            background-color: var(--hover-color);
            color: #fff
        }

            .product-table-container .product-table thead tr .th {
                width: 280rem
            }

        .product-table-container .product-table th, .product-table-container .product-table td {
            padding: 12rem 34rem;
            border: 0;
            border-right: 1px solid #ddd;
            font-size: 18rem;
            font-weight: normal;
            line-height: 33rem;
            color: #474747
        }

            .product-table-container .product-table th:last-child, .product-table-container .product-table td:last-child {
                border-right: none
            }

        .product-table-container .product-table tr:last-child td {
            border-bottom: none
        }

        .product-table-container .product-table .firsttr th, .product-table-container .product-table .firsttr td {
            color: #fff;
            font-size: 20rem;
            font-family: var(--HarmonyOS_Sans_SC_Bold)
        }

        .product-table-container .product-table .firsttr .pimg {
            width: 58rem;
            display: block
        }

        .product-table-container .product-table tbody tr {
            background-color: #fff
        }

            .product-table-container .product-table tbody tr:nth-child(even) {
                background-color: #ebeff5
            }

.rd05 .home-span {
    margin: 0 auto
}

.rd05 .p {
    color: #fff
}

.rd05 .product-table-container {
    margin: 43rem 0 0 0
}

    .rd05 .product-table-container .product-table td {
        border-bottom: 2rem solid var(--main-color)
    }

.rd06 .home-span {
    margin: 0 auto
}

.rd06 .product-table-container {
    margin: 43rem 0 0 0
}

.about {
    padding: 0 !important
}

.about01 {
    padding: 74rem 0 90rem 0
}

    .about01 .nr {
        padding-bottom: 44rem
    }

        .about01 .nr .left {
            float: right;
            width: 47.5%
        }

        .about01 .nr .swiper-about {
            position: relative;
            overflow: hidden;
            border-radius: 20rem
        }

            .about01 .nr .swiper-about .item .hover {
                display: block;
                width: 100%;
                height: 100%;
                background: url(../images/video.webp) no-repeat center center;
                background-size: 81rem;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 44
            }

            .about01 .nr .swiper-about .item img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block
            }

            .about01 .nr .swiper-about .swiper-pagination {
                text-align: center;
                width: 100%;
                bottom: 20rem
            }

                .about01 .nr .swiper-about .swiper-pagination .swiper-pagination-bullet {
                    width: 10rem;
                    height: 10rem;
                    background: #fff;
                    border-radius: 50%;
                    opacity: 1;
                    margin: 0 4rem
                }

                .about01 .nr .swiper-about .swiper-pagination .swiper-pagination-bullet-active {
                    background: var(--hover-color)
                }

        .about01 .nr .right {
            float: left;
            width: 51%
        }

            .about01 .nr .right .home-title {
                margin-top: -14rem;
                margin-bottom: 8rem
            }

            .about01 .nr .right .span {
                font-size: 24rem;
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                font-weight: normal;
                color: #333;
                margin-bottom: 26rem
            }

            .about01 .nr .right .p {
                font-size: 18rem;
                font-weight: normal;
                line-height: 28rem;
                color: #4d4d4d;
                padding-right: 38rem;
                overflow: auto;
                display: grid;
                grid-template-columns: 1fr;
                grid-row-gap: 10rem;
                grid-column-gap: 10rem
            }

                .about01 .nr .right .p::-webkit-scrollbar {
                    width: 6px;
                    height: 6px;
                    border-radius: 4px;
                    background: #fce1ce
                }

                .about01 .nr .right .p::-webkit-scrollbar-thumb {
                    height: 0;
                    opacity: .5;
                    border-radius: 4px;
                    background: var(--hover-color)
                }

.youshi {
    font-size: 0
}

    .youshi li {
        position: relative;
        text-align: left;
        float: left;
        width: 23%
    }

        .youshi li .box {
            position: relative
        }

        .youshi li .pic {
            width: 55rem;
            position: absolute;
            top: 2rem;
            left: 0
        }

        .youshi li .num {
            height: 60rem;
            line-height: 60rem;
            color: var(--hover-color);
            font-size: 68rem;
            padding-left: 75rem;
            margin-bottom: 18rem
        }

            .youshi li .num span {
                display: inline-block;
                margin-right: 5rem;
                vertical-align: top;
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                font-size: 68rem;
                font-weight: normal
            }

            .youshi li .num i {
                font-size: 68rem;
                line-height: 60rem;
                font-family: var(--HarmonyOS_Sans_SC_Bold);
                font-style: normal;
                display: inline-block;
                vertical-align: top
            }

            .youshi li .num em {
                font-size: 18rem;
                font-weight: normal;
                color: var(--hover-color);
                font-style: normal;
                font-family: var(--HarmonyOS_Sans_SC_Regular)
            }

        .youshi li .h3 {
            font-size: 17rem;
            font-weight: normal;
            color: #212121
        }

        .youshi li:nth-child(2) {
            width: 25%
        }

        .youshi li:nth-child(3) {
            width: 25%
        }

        .youshi li:nth-child(4) {
            width: 14%
        }

        .youshi li:nth-child(5) {
            width: 13%
        }

.about02 {
    padding: 68rem 0 101rem 0;
    position: relative;
    overflow: hidden
}

    .about02 .about-nr {
        width: 92%;
        margin: 0 auto;
        overflow: hidden
    }

    .about02 .about-bottom .about-list1 .mySwiper1:after {
        content: '';
        display: block;
        background: #bfbfbf;
        height: 1px;
        width: 100%;
        position: absolute;
        top: 17rem;
        right: 0
    }

    .about02 .mySwiper2 {
        position: relative;
        margin: 0 auto;
        text-align: center
    }

        .about02 .mySwiper2 .swiper-slide {
            padding: 24rem 0
        }

            .about02 .mySwiper2 .swiper-slide .box {
                width: 90%;
                margin: 0 auto;
                background: #fff;
                padding: 61rem 70rem 70rem 63rem;
                box-shadow: 0 8rem 21rem 0 rgba(62,119,190,0.16);
                border-radius: 20rem;
                position: relative;
                text-align: left
            }

                .about02 .mySwiper2 .swiper-slide .box:after, .about02 .mySwiper2 .swiper-slide .box::before {
                    content: '';
                    display: block;
                    width: 51rem;
                    height: 48rem;
                    position: absolute;
                    top: -24rem;
                    left: 50rem;
                    background: url(../images/yin.webp) no-repeat center center;
                    background-size: 100%
                }

                .about02 .mySwiper2 .swiper-slide .box .h1 {
                    font-family: var(--HarmonyOS_Sans_SC_Bold);
                    font-size: 56rem;
                    color: var(--hover-color);
                    margin-bottom: 18rem;
                    display: inline-block
                }

                .about02 .mySwiper2 .swiper-slide .box .item {
                    justify-content: space-between;
                    display: flex
                }

                .about02 .mySwiper2 .swiper-slide .box .text {
                    float: left;
                    width: 42%;
                    padding-top: 30rem
                }

                .about02 .mySwiper2 .swiper-slide .box .h3 {
                    font-size: 20rem;
                    font-weight: normal;
                    line-height: 34rem;
                    color: #4d4d4d
                }

                    .about02 .mySwiper2 .swiper-slide .box .h3 b {
                        font-family: var(--HarmonyOS_Sans_SC_Bold)
                    }

                .about02 .mySwiper2 .swiper-slide .box .pic {
                    float: right;
                    width: 44%;
                    border-radius: 10rem;
                    overflow: hidden
                }

                    .about02 .mySwiper2 .swiper-slide .box .pic:after {
                        padding-bottom: 58.49056604%
                    }

    .about02 .about-list1 {
        position: relative;
        margin-top: 32rem;
        margin-bottom: 60rem
    }

    .about02 .mySwiper1 {
        position: relative;
        overflow: hidden;
        width: 91%;
        margin: 0 auto;
        padding-bottom: 6rem
    }

        .about02 .mySwiper1:after {
            content: '';
            display: block;
            width: 100%;
            height: 2px;
            background: #adadad;
            position: absolute;
            bottom: 22rem;
            left: 0
        }

        .about02 .mySwiper1 .swiper-slide {
            height: auto;
            padding-bottom: 60rem;
            font-size: 24rem;
            line-height: 36rem;
            color: #86909c;
            text-align: center;
            background: url(../images/dian.webp) no-repeat bottom center;
            background-size: 32rem;
            cursor: pointer;
            font-family: var(--HarmonyOS_Sans_SC_Regular)
        }

            .about02 .mySwiper1 .swiper-slide span {
                display: block;
                width: 100%
            }

        .about02 .mySwiper1 .swiper-slide-thumb-active {
            font-size: 30rem;
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            background: url(../images/dian1.webp) no-repeat bottom center;
            background-size: 32rem
        }

            .about02 .mySwiper1 .swiper-slide-thumb-active span {
                color: #aa2325;
                background: var(--hover-color);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent
            }

    .about02 .swiper-button-next, .about02 .swiper-button-prev {
        width: 48rem;
        height: 48rem;
        line-height: 46rem;
        background: none;
        margin-top: 0;
        border-radius: 50%;
        border: 1px solid #c7c7c7;
        top: auto;
        bottom: 0;
        left: 0;
        z-index: 66;
        text-align: center
    }

        .about02 .swiper-button-next:after, .about02 .swiper-button-prev:after {
            font-size: 22rem;
            color: #c7c7c7;
            width: 100%
        }

@media (min-width:1025px) {
    .about02 .swiper-button-next:hover, .about02 .swiper-button-prev:hover {
        background: var(--hover-color);
        border: 1px solid var(--hover-color)
    }

        .about02 .swiper-button-next:hover:after, .about02 .swiper-button-prev:hover:after {
            color: #fff
        }
}

.about02 .swiper-button-next {
    right: 0;
    left: auto
}

.about03 {
    padding: 94rem 0 74rem 0;
    position: relative;
    overflow: hidden
}

    .about03 .about-bottom {
        padding-top: 21rem;
        width: 83%;
        margin: 0 auto
    }

    .about03 .product-table-container2 {
        margin-top: 18rem
    }

    .about03 .p {
        font-size: 18rem;
        font-weight: normal;
        line-height: 33rem;
        color: #fff;
        margin-top: 26rem
    }

        .about03 .p a {
            text-decoration: underline;
            color: #eb6100
        }

.product-table-container2 {
    width: 100%;
    overflow-x: auto
}

    .product-table-container2 .product-table {
        width: max-content;
        min-width: 100%;
        text-align: left;
        border-radius: 20rem;
        overflow: hidden;
        table-layout: fixed;
        border-collapse: collapse
    }

        .product-table-container2 .product-table thead tr {
            background-color: var(--main-color);
            color: #fff
        }

        .product-table-container2 .product-table th, .product-table-container2 .product-table td {
            padding: 12rem 34rem;
            border: 0;
            border-right: 1px solid #ddd;
            font-size: 18rem;
            font-weight: normal;
            line-height: 33rem;
            color: #474747;
            border-bottom: 2px solid var(--main-color)
        }

        .product-table-container2 .product-table .firsttr th, .product-table-container2 .product-table .firsttr td {
            color: #fff;
            font-size: 20rem;
            font-family: var(--HarmonyOS_Sans_SC_Bold)
        }

    .product-table-container2 .pimg {
        width: 58rem;
        display: block
    }

    .product-table-container2 .product-table tbody tr {
        background-color: #fff
    }

.inmain-title {
    font-family: var(--HarmonyOS_Sans_SC_Bold);
    font-size: 38rem;
    font-weight: normal;
    line-height: 72rem;
    color: #212121
}

.line {
    width: 56rem;
    height: 8rem;
    background-color: var(--hover-color);
    border-radius: 4rem
}

.auto {
    margin: 0 auto
}

.about04 {
    padding: 87rem 0 128rem 0;
    padding: 87rem 0 148rem 0;
    position: relative;
    overflow: hidden
}

    .about04 .about-info .left {
        float: left
    }

        .about04 .about-info .left .inmain-title {
            margin-bottom: 6rem
        }

    .about04 .about-info .right {
        float: right;
        width: 63%;
        padding-top: 14rem
    }

        .about04 .about-info .right .p {
            font-size: 20rem;
            font-weight: normal;
            line-height: 34rem;
            color: #4d4d4d
        }

    .about04 .about-bottom {
        padding-top: 50rem
    }

    .about04 .about-img {
        padding-top: 47rem
    }

.about05 {
    padding: 71rem 0 111rem 0;
    position: relative
}

    .about05 .about-bottom {
        padding-top: 39rem
    }

    .about05 .inmain-title {
        margin-bottom: 6rem
    }

    .about05 .p {
        font-size: 20rem;
        font-weight: normal;
        line-height: 34rem;
        color: #4d4d4d;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 50rem
    }

    .about05 ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: 40rem;
        grid-column-gap: 40rem
    }

        .about05 ul li .box {
            background-color: #fff;
            box-shadow: 0 8rem 21rem 0 rgba(62,119,190,0.16);
            border-radius: 20rem;
            height: 100%
        }

        .about05 ul li .pic {
            border-radius: 20rem
        }

            .about05 ul li .pic:after {
                padding-bottom: 67.56756757%
            }

        .about05 ul li .text {
            padding: 31rem 25rem
        }

        .about05 ul li .bt {
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 20rem;
            font-weight: normal;
            line-height: 34rem;
            color: var(--hover-color)
        }

        .about05 ul li .pp {
            font-size: 20rem;
            font-weight: normal;
            line-height: 34rem;
            color: #4d4d4d
        }

.about06 {
    padding: 67rem 0 59rem 0;
    position: relative
}

    .about06 .about-bottom {
        padding-top: 50rem
    }

    .about06 .honorlist li {
        width: auto
    }

.about07 {
    padding: 71rem 0 123rem 0;
    position: relative
}

    .about07 .inmain-title {
        margin-bottom: 6rem
    }

    .about07 .about-bottom {
        padding-top: 50rem
    }

    .about07 ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: 54rem;
        grid-column-gap: 54rem
    }

        .about07 ul li .img {
            width: 224rem;
            padding: 20rem;
            border-radius: 50%;
            border: dashed 2rem #e4e4e4;
            margin: 0 auto;
            position: relative
        }

            .about07 ul li .img:after, .about07 ul li .img:before {
                width: 18rem;
                height: 18rem;
                background-color: #fff;
                border: solid 4rem #bdbdbd;
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                left: -9rem;
                transform: translateY(-50%);
                border-radius: 50%
            }

            .about07 ul li .img:after {
                right: -9rem;
                left: auto
            }

            .about07 ul li .img .pic {
                border-radius: 50%;
                border: solid 4rem #191876
            }

        .about07 ul li .text {
            box-shadow: 0 0 10rem 0 rgba(41,93,176,0.25);
            border-radius: 8rem;
            margin-top: -114rem;
            height: 100%;
            padding: 149rem 10rem 54rem 10rem;
            background: #fff
        }

        .about07 ul li .bt {
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 20rem;
            font-weight: normal;
            text-align: center;
            color: #333
        }

.about08 {
    padding: 117rem 0;
    background: #f5f5f5;
    position: relative
}

    .about08 .left {
        width: 47.5%;
        float: left;
        border-radius: 20rem;
        overflow: hidden;
        position: relative
    }

        .about08 .left img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block
        }

    .about08 .right {
        width: 48%;
        float: right;
        padding-top: 16rem
    }

        .about08 .right .inmain-title {
            margin-bottom: 6rem
        }

        .about08 .right .p {
            font-size: 20rem;
            font-weight: normal;
            line-height: 34rem;
            color: #4d4d4d;
            margin-top: 80rem
        }

            .about08 .right .p p {
                padding-left: 58rem;
                margin-bottom: 19rem;
                position: relative
            }

            .about08 .right .p img {
                width: 31rem;
                position: absolute;
                top: 5rem;
                left: 0
            }

.product01 {
    padding: 60rem 0 71rem 0
}

    .product01 .right {
        padding-top: 31rem;
        width: 45.5%;
        float: right
    }

        .product01 .right .bt {
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 48rem;
            font-weight: normal;
            line-height: 42rem;
            color: #212121;
            margin-bottom: 11rem
        }

        .product01 .right .pitem {
            padding-bottom: 28rem;
            margin-bottom: 43rem;
            border-bottom: 1px solid #c7c7c7;
            font-family: var(--HarmonyOS_Sans_SC_Bold);
            font-size: 18rem;
            font-weight: normal;
            line-height: 32rem;
            color: #333
        }

        .product01 .right .pp {
            font-size: 18rem;
            font-weight: normal;
            line-height: 32rem;
            color: #333
        }

            .product01 .right .pp p {
                padding-left: 25rem;
                position: relative;
                margin-bottom: 26rem
            }

                .product01 .right .pp p:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 14rem;
                    left: 0;
                    width: 5rem;
                    height: 5rem;
                    background: #474747;
                    border-radius: 50%
                }

                .product01 .right .pp p b {
                    color: var(--main-color)
                }

        .product01 .right .btn {
            margin-top: 89rem
        }

            .product01 .right .btn .more {
                float: left;
                margin-right: 40rem
            }

                .product01 .right .btn .more svg {
                    width: 30rem;
                    height: 50rem;
                    margin-right: 16rem;
                    fill: #fff;
                    display: inline-block;
                    vertical-align: top
                }

    .product01 .left {
        width: 48.6%;
        float: left
    }

        .product01 .left .pic:after {
            padding-bottom: 61.82051282%
        }

        .product01 .left .mySwiper2 {
            position: relative;
            overflow: hidden;
            margin: 0 auto;
            background-color: #fff;
            box-shadow: 0 13rem 40rem 0 rgba(80,91,113,0.15);
            border-radius: 20rem
        }

        .product01 .left .li {
            margin: 30rem 0;
            padding: 0 40rem;
            overflow: hidden;
            position: relative;
            height: 100%
        }

        .product01 .left .mySwiper1 {
            overflow: hidden;
            position: relative;
            height: 100%;
            padding-left: 2px;
            padding-right: 2px
        }

            .product01 .left .mySwiper1 .pic {
                border: solid 1px #ddd
            }

                .product01 .left .mySwiper1 .pic .hover {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: url(../images/bofang.webp) no-repeat center center;
                    background-size: 36rem
                }

            .product01 .left .mySwiper1 .swiper-slide-thumb-active .pic {
                border: solid 1px var(--main-color)
            }

        .product01 .left .swiper-button-next, .product01 .left .swiper-button-prev {
            background-color: #eee;
            width: 26rem;
            position: absolute;
            left: 0;
            margin: 0;
            top: 0;
            height: 100%;
            border-radius: 0;
            z-index: 3
        }

            .product01 .left .swiper-button-next:after, .product01 .left .swiper-button-prev:after {
                font-size: 22rem;
                color: #666
            }

@media (min-width:1025px) {
    .product01 .left .swiper-button-next:hover:after, .product01 .left .swiper-button-prev:hover:after {
        color: var(--main-color)
    }
}

.product01 .left .swiper-button-next {
    right: 0;
    left: auto
}

.product02 {
    background-color: #f2f4f5
}

    .product02 ul li {
        float: left
    }

        .product02 ul li a {
            display: block;
            font-size: 18rem;
            line-height: 71rem;
            padding: 0 35rem;
            border-top: 4rem solid #f2f4f5;
            color: #333;
            font-family: var(--HarmonyOS_Sans_SC_Bold)
        }

@media (min-width:1025px) {
    .product02 ul li:hover a {
        border-top: 4rem solid var(--hover-color);
        background: #fff
    }
}

.product02 ul .active a {
    border-top: 4rem solid var(--hover-color);
    background: #fff
}

.product03 {
    padding: 77rem 0 100rem 0;
    overflow: hidden;
    background: #fff
}

    .product03 .left {
        padding: 75rem 50rem;
        background-color: #fff;
        box-shadow: 0 13rem 65rem 0 rgba(80,91,113,0.15);
        border-radius: 24rem
    }

        .product03 .left .item00 {
            position: relative;
            margin-bottom: 78rem
        }

        .product03 .left .item-title {
            font-size: 30rem;
            padding-left: 58rem;
            background: url(../images/dot2.webp) no-repeat left 2rem;
            background-size: 35rem;
            color: #222;
            font-weight: bold;
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 27rem;
            margin-bottom: 36rem
        }

        .product03 .left .sli .bt {
            font-size: 22rem
        }

        .product03 .left .swiper-Application {
            padding: 30rem 0;
            position: relative;
            overflow: hidden
        }

        .product03 .left .swiper-Similar {
            padding: 30rem 0;
            position: relative;
            overflow: hidden
        }

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20rem;
    border: 1px solid #eee
}

.spec-table {
    width: 100%;
    min-width: 800px;
    font-size: 18rem;
    text-align: center
}

    .spec-table th {
        background: var(--main-color);
        color: #fff;
        padding: 22rem 15rem;
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        font-weight: normal;
        border: 1px solid #fff
    }

    .spec-table td {
        padding: 13rem 15rem;
        color: #333;
        font-size: 18rem;
        border: 0;
        border-right: 1px solid #e6e9f0;
        border-bottom: 1px solid #e6e9f0
    }

        .spec-table td:last-child {
            border-right: none
        }

.vertical-table {
    min-width: 600px
}

    .vertical-table th {
        width: 35%;
        text-align: left;
        padding: 13rem 30rem;
        background: var(--main-color);
        font-family: var(--HarmonyOS_Sans_SC_Bold);
        color: #fff;
        border-bottom: 1px solid #000267;
        border-right: 1px solid #e6e9f0
    }

    .vertical-table td {
        width: 65%;
        text-align: left;
        padding: 13rem 30rem;
        background: #fff;
        color: #333;
        border: 0;
        font-size: 18rem;
        border-bottom: 1px solid #e6e9f0
    }

.features-grid {
    position: relative;
    overflow: hidden;
    padding: 35rem 20rem
}

    .features-grid .feature-card {
        font-size: 20rem;
        font-weight: normal;
        line-height: 32rem;
        color: #333;
        width: 33.3333%;
        float: left;
        height: auto
    }

        .features-grid .feature-card .box {
            position: relative;
            padding: 50rem 20rem 20rem 135rem;
            height: 100%;
            min-height: 215rem;
            background: #f5f5f5 url(../images/bg17.webp) no-repeat center center;
            border-radius: 10rem
        }

        .features-grid .feature-card .pic {
            position: absolute;
            top: 53rem;
            left: 28rem;
            width: 70rem
        }

@media (min-width:1025px) {
    .features-grid .feature-card:hover .box {
        background: #fff url(../images/bg17.webp) no-repeat center center;
        box-shadow: 2rem 6rem 30rem 0 rgba(52,104,167,0.2)
    }
}

.features-grid .swiper-pagination {
    text-align: center;
    width: 100%;
    bottom: 0
}

    .features-grid .swiper-pagination .swiper-pagination-bullet {
        width: 10rem;
        height: 10rem;
        background: #ccc;
        border-radius: 50%;
        opacity: 1;
        margin: 0 4rem
    }

    .features-grid .swiper-pagination .swiper-pagination-bullet-active {
        background: var(--hover-color)
    }

.st-info {
    font-size: 18rem;
    font-weight: normal;
    line-height: 32rem;
    color: #282828
}

@media (max-width:1024px) {
    .container {
        max-width: 750px;
        padding: 0 15px;
        width: 100%
    }

    body {
        font-size: 16px
    }

    table td {
        font-size: 16px;
        line-height: 24px;
        padding: 9px 15px
    }

    input, textarea, select {
        font-size: 16px
    }

    .sitemap .home-title {
        margin-bottom: 35px
    }

    .sitemap .sitemap-bottom {
        font-size: 16px;
        line-height: 24px
    }

        .sitemap .sitemap-bottom li {
            padding-bottom: 20px;
            margin-bottom: 20px
        }

            .sitemap .sitemap-bottom li .top1 {
                font-size: 22px
            }

                .sitemap .sitemap-bottom li .top1 span {
                    line-height: 40px
                }

                .sitemap .sitemap-bottom li .top1 .txt-2 {
                    display: none
                }

            .sitemap .sitemap-bottom li .subnav {
                margin-top: 15px
            }

                .sitemap .sitemap-bottom li .subnav a {
                    font-size: 16px;
                    margin-right: 20px;
                    padding: 5px 0
                }

    .sitemap .p p {
        margin-bottom: 15px
    }

    .height {
        top: -60px
    }

    .height1 {
        height: 60px
    }

    .flist li {
        padding-bottom: 4px
    }

    .flist .icon {
        width: 30px;
        height: 30px;
        border-radius: 4px
    }

        .flist .icon img, .flist .icon svg {
            width: 14px;
            height: 14px
        }

    .flist .down {
        width: 130px
    }

        .flist .down .ewm {
            line-height: 42px;
            padding: 10px;
            border-radius: 4px;
            box-shadow: 1px 2px 7px 0 rgba(156,185,207,0.35)
        }

    .flist .hover {
        right: 100%;
        width: 130px;
        padding: 0 10px
    }

        .flist .hover p {
            line-height: 30px;
            padding: 10px;
            border-radius: 4px
        }

    .flist .hover1 {
        width: 200px;
        padding: 0 10px
    }

        .flist .hover1 p {
            line-height: 30px;
            padding: 0 10px;
            border-radius: 4px;
            font-size: 14px
        }

    .header-top {
        display: none
    }

    .header {
        height: 60px
    }

        .header .logo {
            padding-top: 5px
        }

            .header .logo a img {
                width: 68px
            }

        .header .header-right {
            padding-top: 0
        }

            .header .header-right .menu {
                display: block
            }

                .header .header-right .menu .navPhoneBtn span {
                    background: #fff
                }

            .header .header-right .get {
                padding-top: 15px;
                margin-right: 15px
            }

                .header .header-right .get a {
                    padding: 0 14px;
                    height: 30px;
                    line-height: 30px;
                    border-radius: 12px;
                    font-size: 16px
                }

            .header .header-right .header-search {
                display: none
            }

    .nav {
        display: none
    }

    .headerfix .header, .fix:hover .header, .fix2 .header {
        background: #fff;
        box-shadow: -6px 0 59px 0 rgba(51,51,51,0.08)
    }

        .headerfix .header .header-right .menu .navPhoneBtn span, .fix:hover .header .header-right .menu .navPhoneBtn span, .fix2 .header .header-right .menu .navPhoneBtn span {
            background: var(--hover-color)
        }

        .headerfix .header .header-right .header-search .pull-right a, .fix:hover .header .header-right .header-search .pull-right a, .fix2 .header .header-right .header-search .pull-right a {
            background: url(../images/search1.webp) no-repeat center center;
            background-size: 20px !important
        }

    .more a, .more p {
        font-size: 14px;
        padding: 0 25px;
        line-height: 35px;
        border-radius: 30px
    }

    .more1 a, .more1 p {
        width: 53px;
        height: 53px
    }

    .more2 a, .more2 p {
        font-size: 14px;
        line-height: 35px;
        border-radius: 24px
    }

    .home-title {
        font-size: 30px;
        line-height: 42px
    }

    .swiper-renewal-main .img {
        display: none
    }

    .swiper-renewal-main .img, .swiper-renewal-main .img1 {
        height: 70vh
    }

    .swiper-renewal-main .img1 {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%
    }

        .swiper-renewal-main .img1:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background: url(../images/bg.webp) no-repeat top center;
            background-size: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 44
        }

    .swiper-renewal-main .banner-hover .bt {
        font-size: 30px;
        line-height: 42px;
        text-shadow: 0 2px 3px rgba(36,38,39,0.4)
    }

    .swiper-renewal-main .banner-hover .span {
        font-size: 18px;
        text-shadow: 0 2px 3px rgba(36,38,39,0.4);
        margin-top: 18px;
        margin-bottom: 33px
    }

    .home-solution {
        padding: 40px 0
    }

        .home-solution .home-bottom {
            padding-top: 25px
        }

        .home-solution .left {
            width: 100%;
            margin-bottom: 15px
        }

        .home-solution .right {
            width: 100%;
            grid-row-gap: 15px;
            grid-column-gap: 15px
        }

        .home-solution .ul {
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 15px;
            grid-column-gap: 15px
        }

    .sli .pic {
        border-radius: 10px
    }

    .sli .more1 {
        top: 30px;
        right: 30px
    }

    .sli .text {
        padding: 0 20px
    }

    .sli .bt {
        font-size: 18px;
        line-height: 30px
    }

    .sli .p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0
    }

    .home-product {
        padding: 40px 0
    }

        .home-product .home-bottom {
            margin-top: 15px
        }

        .home-product .list {
            padding: 0 60px
        }

            .home-product .list .swiper {
                position: relative;
                overflow: hidden
            }

            .home-product .list .item {
                padding: 0 10px;
                padding-bottom: 10px
            }

                .home-product .list .item:after {
                    height: 3px
                }

            .home-product .list .icon {
                width: 50px
            }

                .home-product .list .icon img {
                    max-height: 50px
                }

            .home-product .list .tit {
                font-size: 16px;
                line-height: 24px;
                height: 48px
            }

        .home-product .list-2 {
            padding-top: 25px
        }

            .home-product .list-2 .nr {
                width: 100%
            }

            .home-product .list-2 .wrap:first-child {
                margin-bottom: 16px
            }

        .home-product .swiper-button-prev, .home-product .swiper-button-next {
            top: 0;
            margin-top: 0;
            width: 36px;
            height: 36px;
            font-size: 16px;
            margin-top: 40px
        }

            .home-product .swiper-button-prev:after, .home-product .swiper-button-next:after {
                font-size: 16px
            }

        .home-product .swiper-button-prev {
            left: 0
        }

        .home-product .swiper-button-next {
            right: 0
        }

    .prolist {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

        .prolist .item {
            border-radius: 10px
        }

        .prolist .text {
            padding: 15px
        }

        .prolist .tit {
            font-size: 22px;
            line-height: 34px;
            margin-bottom: 5px
        }

        .prolist .txt {
            font-size: 16px;
            line-height: 24px
        }

        .prolist .more2 {
            margin-top: 10px
        }

    .home-choose {
        padding: 40px 0
    }

        .home-choose .list-warp {
            padding: 0 15px
        }

            .home-choose .list-warp .swiper-button-prev, .home-choose .list-warp .swiper-button-next {
                top: auto;
                opacity: 1;
                bottom: 20px;
                margin-top: auto;
                border-radius: 50%;
                line-height: 44px;
                width: 46px;
                height: 46px
            }

                .home-choose .list-warp .swiper-button-prev:after, .home-choose .list-warp .swiper-button-next:after {
                    color: #d0d0d0;
                    font-size: 14px
                }

            .home-choose .list-warp .swiper-button-prev {
                left: 50%;
                margin-left: -55px
            }

            .home-choose .list-warp .swiper-button-next {
                left: auto;
                right: 50%;
                margin-right: -55px
            }

        .home-choose .list-pic {
            margin-top: 25px;
            position: relative;
            overflow: hidden
        }

            .home-choose .list-pic .item {
                margin-left: 0;
                clip-path: none !important;
                height: 400px
            }

            .home-choose .list-pic .img {
                border-radius: 10px;
                height: 400px
            }

                .home-choose .list-pic .img::before {
                    border-radius: 10px;
                    clip-path: none !important
                }

            .home-choose .list-pic .text-warp {
                top: 50%;
                transform: translateY(-70%)
            }

            .home-choose .list-pic .text {
                width: 100%;
                padding: 20px;
                margin-left: 0
            }

                .home-choose .list-pic .text .bt {
                    font-size: 24px;
                    line-height: 34px
                }

                .home-choose .list-pic .text .p {
                    margin-top: 14px;
                    height: 96px;
                    font-size: 16px;
                    line-height: 24px;
                    margin-bottom: 21px
                }

            .home-choose .list-pic .swiper-slide-active .text {
                margin-left: 0
            }

        .home-choose .list-menu {
            display: none
        }

    .home-zero {
        padding: 40px 0
    }

        .home-zero .home-bottom {
            padding-top: 25px
        }

        .home-zero .p {
            font-size: 16px;
            line-height: 24px;
            width: 100%;
            margin-bottom: 20px
        }

            .home-zero .p p {
                margin-bottom: 5px
            }

        .home-zero .bn .more, .home-zero .bn .video {
            margin: 0 10px
        }

    .video {
        width: 60px;
        height: 60px;
        margin: 0 13px
    }

        .video::before {
            width: 60px;
            height: 60px
        }

        .video::after {
            width: 60px;
            height: 60px
        }

        .video .playBtn {
            width: 35px;
            height: 35px
        }

            .video .playBtn .icon {
                border-width: 5px 0 5px 8px;
                z-index: 1
            }

            .video .playBtn .circle {
                width: 60px;
                height: 60px
            }

    .home-partners {
        padding: 40px 0
    }

        .home-partners .partner-top {
            top: auto;
            position: relative;
            left: auto;
            margin-bottom: 25px
        }

        .home-partners .p {
            font-size: 16px;
            line-height: 24px
        }

        .home-partners .ab4 {
            height: 450px
        }

            .home-partners .ab4 .text {
                margin-top: 1.5vw;
                font-size: 20px
            }

            .home-partners .ab4 .hu {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100vw
            }

                .home-partners .ab4 .hu > img {
                    width: 100%
                }

                .home-partners .ab4 .hu > div {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 0;
                    overflow: hidden;
                    transition: all .5s
                }

                    .home-partners .ab4 .hu > div.on1 {
                        width: 10vw
                    }

                    .home-partners .ab4 .hu > div.on2 {
                        width: 20vw
                    }

                    .home-partners .ab4 .hu > div.on3 {
                        width: 30vw
                    }

                    .home-partners .ab4 .hu > div.on4 {
                        width: 40vw
                    }

                    .home-partners .ab4 .hu > div.on5 {
                        width: 50vw
                    }

                    .home-partners .ab4 .hu > div.on6 {
                        width: 60vw
                    }

                    .home-partners .ab4 .hu > div.on7 {
                        width: 70vw
                    }

                    .home-partners .ab4 .hu > div.on8 {
                        width: 80vw
                    }

                    .home-partners .ab4 .hu > div.on9 {
                        width: 90vw
                    }

                    .home-partners .ab4 .hu > div.on10 {
                        width: 100vw
                    }

                    .home-partners .ab4 .hu > div img {
                        width: 100vw;
                        max-width: 100vw
                    }

            .home-partners .ab4 .icon_box {
                position: absolute;
                bottom: 6vw;
                left: 50%;
                width: 100vw;
                transform: translateX(-50%);
                height: 8vw
            }

                .home-partners .ab4 .icon_box > div {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 10%;
                    height: 8vw;
                    float: left;
                    margin: 0 auto;
                    transition: all .5s;
                    z-index: 2
                }

                    .home-partners .ab4 .icon_box > div .box {
                        width: 8vw;
                        height: 8vw;
                        background: #fff;
                        box-shadow: 0 0 12px rgba(0,0,0,0.02);
                        border-radius: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: relative;
                        z-index: 2
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(1) {
                        transform: translateY(-1vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(2) {
                        transform: translateY(-7vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(3) {
                        transform: translateY(-11vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(4) {
                        transform: translateY(-14vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(5) {
                        transform: translateY(-15vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(6) {
                        transform: translateY(-15vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(7) {
                        transform: translateY(-14vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(8) {
                        transform: translateY(-11vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(9) {
                        transform: translateY(-7vw)
                    }

                    .home-partners .ab4 .icon_box > div:nth-child(10) {
                        transform: translateY(-1vw)
                    }

                    .home-partners .ab4 .icon_box > div .img2 {
                        display: none
                    }

                    .home-partners .ab4 .icon_box > div img {
                        max-width: 80%;
                        max-height: 80%
                    }

                    .home-partners .ab4 .icon_box > div .box::after {
                        content: "";
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 100%;
                        height: 100%;
                        border-radius: 50%;
                        background: var(--hover-color);
                        opacity: 0;
                        z-index: -1;
                        transition: all .6s
                    }

            .home-partners .ab4 .txt_box {
                bottom: 0;
                width: 100%;
                text-align: center;
                position: absolute
            }

            .home-partners .ab4 .f_26 {
                font-size: 0
            }

        .home-partners .ab5 {
            position: relative;
            overflow: hidden;
            padding: 0 20px 40px 20px
        }

            .home-partners .ab5 .hu {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100vw
            }

            .home-partners .ab5 .box {
                background: #fff;
                box-shadow: 0 0 12px rgba(0,0,0,0.02);
                border-radius: 50%;
                position: relative;
                z-index: 2;
                width: 100%
            }

                .home-partners .ab5 .box img {
                    width: 100%;
                    display: block
                }

    #video {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10000000000000000;
        display: none;
        width: 90%
    }

        #video .close {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 10px;
            right: 10px;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            background: rgba(0,0,0,0.2) url(../images/add.webp) no-repeat center center;
            background-size: 100%;
            transform: rotate(45deg)
        }

        #video video {
            display: block;
            max-width: 100%;
            max-height: 90vh;
            margin: 0 auto;
            border-radius: 10px;
            overflow: hidden
        }

    .home-news {
        padding: 40px 0
    }

        .home-news .home-top .home-title {
            line-height: 35px
        }

        .home-news .home-top .more svg {
            width: 20px;
            height: 35px;
            margin-right: 8px
        }

        .home-news .home-bottom {
            padding-top: 25px
        }

        .home-news .left {
            width: 100%;
            margin-bottom: 20px
        }

            .home-news .left .text {
                padding-top: 10px
            }

        .home-news .right {
            width: 100%
        }

            .home-news .right .bt {
                height: 84px;
                overflow: hidden
            }

            .home-news .right ul {
                grid-row-gap: 15px
            }

                .home-news .right ul li .pic {
                    width: 32%;
                    flex: none
                }

                .home-news .right ul li .text {
                    width: 65%;
                    flex: none
                }

    .newslist .pic {
        border-radius: 10px
    }

    .newslist .bt {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 6px
    }

    .newslist .date {
        font-size: 14px;
        line-height: 24px
    }

        .newslist .date svg {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            margin-top: -4px
        }

    .footer .footer-top {
        padding: 30px 0
    }

        .footer .footer-top .title {
            font-size: 20px;
            line-height: 30px
        }

        .footer .footer-top .menulist {
            display: none
        }

        .footer .footer-top .footer-contact {
            width: 100%
        }

            .footer .footer-top .footer-contact .jsh {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 14px;
                margin-top: 27px
            }

                .footer .footer-top .footer-contact .jsh p {
                    padding-left: 40px;
                    margin-bottom: 9px
                }

                    .footer .footer-top .footer-contact .jsh p img {
                        width: 20px;
                        top: 4px;
                        left: 8px
                    }

            .footer .footer-top .footer-contact .flist .icon {
                width: 32px;
                height: 32px
            }

            .footer .footer-top .footer-contact .flist {
                margin-top: 15px
            }

                .footer .footer-top .footer-contact .flist li {
                    margin-right: 10px
                }

                .footer .footer-top .footer-contact .flist .hover1 p {
                    line-height: 32px
                }

    .footer .footer-bottom {
        line-height: 22px;
        font-size: 14px;
        text-align: left
    }

        .footer .footer-bottom a {
            margin-left: 10px
        }

        .footer .footer-bottom .fb {
            padding: 14px 0
        }

            .footer .footer-bottom .fb .left span {
                margin-right: 22px
            }

    .float {
        display: none
    }

    #zixun, #zixun1 {
        z-index: 1000000;
        position: fixed;
        width: 92%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 14px;
        display: none;
        background-color: #f9f9f9;
        border-radius: 10px;
        padding: 20px;
        max-height: 96vh;
        overflow: auto
    }

        #zixun .close, #zixun1 .close {
            position: absolute;
            width: 34px;
            height: 34px;
            top: 10px;
            right: 10px;
            text-align: center;
            line-height: 32px;
            border: 1px solid #333;
            border-radius: 50%;
            font-size: 22px;
            color: #333;
            cursor: pointer
        }

        #zixun .p, #zixun1 .p {
            text-align: center;
            font-size: 16px;
            line-height: 28px;
            color: #666;
            margin-top: 22px
        }

        #zixun .form2 .bottom, #zixun1 .form2 .bottom {
            box-shadow: none;
            border-radius: 0;
            width: 100%;
            padding-bottom: 0;
            border: none;
            background: none
        }

            #zixun .form2 .bottom .item .list, #zixun1 .form2 .bottom .item .list {
                padding: 0
            }

    .content {
        padding: 40px 0;
        min-height: 600px
    }

    .inbanner .img {
        display: none
    }

    .inbanner .img1 {
        display: block
    }

    .inbanner .banner-hover {
        padding-top: 60px
    }

        .inbanner .banner-hover .bt {
            font-size: 30px;
            line-height: 46px;
            text-shadow: -4px 0 20px rgba(4,29,17,0.2)
        }

    .inbanner03bg .banner-hover .info {
        width: 100%
    }

        .inbanner03bg .banner-hover .info .p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 20px
        }

    .current .right {
        padding: 12px 0 0 0
    }

    .current span {
        font-size: 14px;
        line-height: 24px;
        background: url(../images/home.webp) no-repeat left 1px;
        background-size: 18px;
        padding-left: 25px
    }

    .business .op {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        margin-top: 13px
    }

        .business .op p {
            margin-bottom: 5px
        }

    .form {
        padding: 25px 0 0 0
    }

        .form .bottom {
            border-radius: 4px 4px 0 0;
            width: 100%;
            padding-bottom: 0
        }

            .form .bottom .item .item-title {
                font-size: 20px;
                line-height: 40px;
                padding: 10px 17px
            }

            .form .bottom .item .list {
                padding: 15px
            }

                .form .bottom .item .list ul {
                    margin: 0
                }

                    .form .bottom .item .list ul li {
                        margin-bottom: 10px;
                        width: 100% !important;
                        padding: 0
                    }

                        .form .bottom .item .list ul li .span {
                            font-size: 16px;
                            margin-bottom: 6px
                        }

                        .form .bottom .item .list ul li input, .form .bottom .item .list ul li select, .form .bottom .item .list ul li textarea {
                            width: 100%;
                            height: 44px;
                            padding: 0 20px;
                            border-radius: 4px;
                            font-size: 16px
                        }

                        .form .bottom .item .list ul li select {
                            appearance: none;
                            -moz-appearance: none;
                            -webkit-appearance: none;
                            background: #fff url(../images/arrow.webp) no-repeat scroll 97% center;
                            background-size: 12px;
                            background: #ffffff \9 \0
                        }

                        .form .bottom .item .list ul li textarea {
                            height: 131px
                        }

                        .form .bottom .item .list ul li .ul {
                            margin: 0 -12px
                        }

                            .form .bottom .item .list ul li .ul .li {
                                width: 50%;
                                float: left;
                                padding: 0 12px
                            }

                        .form .bottom .item .list ul li .label {
                            margin-top: 21px;
                            margin-bottom: 10px
                        }

                            .form .bottom .item .list ul li .label label {
                                margin-right: 50px
                            }

                                .form .bottom .item .list ul li .label label .bt {
                                    padding: 0 10px 0 28px;
                                    font-size: 15px;
                                    line-height: 20px
                                }

                                    .form .bottom .item .list ul li .label label .bt:after {
                                        content: '';
                                        display: block;
                                        position: absolute;
                                        left: 0;
                                        top: 3px;
                                        width: 14px;
                                        height: 14px;
                                        border-radius: 50%;
                                        transition: all .15s ease
                                    }

                                .form .bottom .item .list ul li .label label input {
                                    position: absolute;
                                    top: 0;
                                    left: -20px;
                                    cursor: pointer;
                                    width: 0;
                                    height: 0;
                                    opacity: 0;
                                    overflow: hidden
                                }

                                    .form .bottom .item .list ul li .label label input:checked {
                                        border: 0 !important;
                                        background: none
                                    }

                                        .form .bottom .item .list ul li .label label input:checked + .bt:before {
                                            left: 3px;
                                            top: 6px;
                                            width: 8px;
                                            height: 8px;
                                            border-radius: 50%;
                                            background: #fff;
                                            position: absolute;
                                            display: block;
                                            content: '';
                                            z-index: 1
                                        }

                                        .form .bottom .item .list ul li .label label input:checked + .bt:after {
                                            background: var(--main-color)
                                        }

                        .form .bottom .item .list ul li .p {
                            font-size: 14px;
                            line-height: 24px
                        }

                        .form .bottom .item .list ul li .shangchuan {
                            width: 200px;
                            height: 100px;
                            border-radius: 4px;
                            padding: 0 20px
                        }

                            .form .bottom .item .list ul li .shangchuan input {
                                height: 100px
                            }

                            .form .bottom .item .list ul li .shangchuan .bt {
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translateY(-50%);
                                width: 100%;
                                cursor: pointer;
                                text-align: center;
                                line-height: 28px;
                                font-size: 14px;
                                color: #666
                            }

                                .form .bottom .item .list ul li .shangchuan .bt span {
                                    font-size: 48px;
                                    line-height: 44px;
                                    color: #666;
                                    display: block
                                }

            .form .bottom .submit a {
                font-size: 16px;
                line-height: 48px;
                border-radius: 4px
            }

    .form1 .bottom .item .list {
        padding: 15px
    }

    .solutionlist {
        grid-row-gap: 20px;
        grid-column-gap: 20px
    }

        .solutionlist li:after {
            display: none
        }

        .solutionlist li .box {
            padding: 0;
            display: block
        }

        .solutionlist li .pic {
            width: 100%;
            margin-left: 0;
            border-radius: 10px
        }

        .solutionlist li .text0 {
            width: 100%;
            padding: 10px 0
        }

            .solutionlist li .text0 .bt {
                font-size: 24px;
                line-height: 42px;
                margin-bottom: 10px
            }

            .solutionlist li .text0 .p {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 15px
            }

                .solutionlist li .text0 .p p {
                    margin-bottom: 6px
                }

        .solutionlist li:nth-child(2n) .box {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .solutionlist li:nth-child(2n):after {
            left: auto;
            right: 22%
        }

        .solutionlist li:nth-child(2n) .pic {
            margin-right: 0;
            margin-left: 0;
            border-radius: 10px
        }

    .news {
        padding: 40px 0
    }

    .news-top {
        box-shadow: 0 6px 59px 0 rgba(33,94,164,0.12);
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px
    }

    .news-one .list li .box {
        min-height: 0;
        padding-left: 0
    }

        .news-one .list li .box .pic {
            width: 100%;
            position: relative;
            top: auto;
            left: auto;
            border-radius: 10px
        }

        .news-one .list li .box .text {
            padding-top: 10px
        }

            .news-one .list li .box .text .date {
                font-size: 14px;
                line-height: 24px
            }

                .news-one .list li .box .text .date svg {
                    width: 16px;
                    height: 16px;
                    margin-right: 8px;
                    margin-top: -4px
                }

            .news-one .list li .box .text .bt {
                font-size: 18px;
                line-height: 32px;
                margin-bottom: 14px;
                margin-top: 0
            }

            .news-one .list li .box .text .jsh {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 21px
            }

    .btn1 {
        position: relative;
        height: 34px;
        margin: 0 auto;
        margin-bottom: 20px;
        width: 100%
    }

        .btn1 .swiper-button-prev, .btn1 .swiper-button-next {
            border-radius: 50%;
            width: 34px;
            height: 34px;
            z-index: 5;
            top: auto;
            bottom: 0;
            margin: 0;
            display: none
        }

            .btn1 .swiper-button-prev svg, .btn1 .swiper-button-next svg {
                width: 22px;
                height: 22px
            }

        .btn1 .swiper-button-prev {
            left: 0
        }

        .btn1 .swiper-button-next {
            right: 0;
            left: auto;
            margin-left: auto
        }

        .btn1 .swiper-pagination {
            height: 2px;
            width: 88%;
            left: 50%;
            top: 16px;
            background: #e1e1e1;
            transform: translateX(-50%)
        }

    .newslist1 {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

        .newslist1 .item .text {
            padding-top: 10px
        }

        .newslist1 .item .bt {
            margin-bottom: 8px
        }

    .current1 .right {
        width: 100%;
        margin: 0 auto
    }

    .news-show {
        padding: 0 0 40px 0
    }

        .news-show .nr {
            padding: 25px 0 0 0;
            width: 100%
        }

        .news-show .left {
            width: 100%;
            padding-bottom: 40px
        }

        .news-show .right {
            float: right;
            width: 100%;
            position: relative;
            top: auto
        }

            .news-show .right .title {
                font-size: 24px;
                line-height: 42px;
                margin-bottom: 19px;
                padding-bottom: 14px
            }

            .news-show .right ul {
                grid-row-gap: 15px;
                margin-bottom: 20px
            }

                .news-show .right ul li .box {
                    padding-bottom: 15px
                }

                .news-show .right ul li .pic {
                    width: 44%;
                    flex: none;
                    border-radius: 0
                }

                .news-show .right ul li .text {
                    width: 65%;
                    flex: none;
                    padding-left: 20px
                }

                .news-show .right ul li .date {
                    font-size: 14px;
                    color: #7a7a7a
                }

                .news-show .right ul li .bt {
                    font-size: 16px;
                    line-height: 24px;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 3
                }

    .h01 {
        font-size: 26px;
        line-height: 38px
    }

    .h02 {
        margin-top: 15px;
        margin-bottom: 11px;
        line-height: 24px;
        padding-bottom: 25px;
        font-size: 14px
    }

        .h02 span {
            margin-right: 10px
        }

    .fenxiang {
        font-size: 16px;
        line-height: 24px
    }

        .fenxiang .fr {
            float: right;
            margin-right: 0
        }

            .fenxiang .fr a {
                margin-left: 10px;
                width: 24px;
                height: 24px
            }

                .fenxiang .fr a svg {
                    width: 15px;
                    height: 15px
                }

    .news-info1 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 40px
    }

        .news-info1 img {
            display: block
        }

        .news-info1 p {
            margin-bottom: 5px
        }

        .news-info1 .ns1 {
            font-size: 18px
        }

        .news-info1 i.io {
            font-style: normal;
            font-size: 30px
        }

    .lable {
        padding-top: 14px;
        padding-bottom: 14px;
        line-height: 24px;
        font-size: 16px
    }

        .lable .fl span {
            padding-right: 17px
        }

        .lable .fl a {
            padding: 0 12px;
            margin-bottom: 5px;
            margin-right: 10px;
            line-height: 24px
        }

    .list-page {
        margin-top: 15px
    }

        .list-page .prev, .list-page .next {
            font-size: 14px;
            line-height: 24px
        }

            .list-page .prev svg, .list-page .next svg {
                width: 45px;
                height: 27px
            }

    .aleft {
        width: 100%;
        position: relative;
        top: auto
    }

        .aleft .line {
            height: 6px
        }

        .aleft .ab {
            padding: 20px
        }

        .aleft .title {
            font-size: 26px;
            line-height: 51px;
            padding-left: 22px;
            margin-bottom: 0
        }

            .aleft .title:after {
                width: 6px;
                height: 6px;
                background-color: #212121;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -3px;
                content: '';
                display: block
            }

        .aleft select {
            width: 100%
        }

        .aleft select {
            width: 100%;
            height: 48px;
            padding: 0 20px;
            background: none;
            border-radius: 4px;
            font-size: 14px;
            margin-top: 10px;
            color: #7a7a7a;
            border: solid 1px #e5e5e5
        }

            .aleft select::-ms-expand {
                display: none
            }

        .aleft select {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: #fff url(../images/arrow.webp) no-repeat scroll 97% center;
            background-size: 12px;
            background: #ffffff \9 \0
        }

    .aright {
        width: 100%;
        padding-top: 25px
    }

    .pro-search {
        padding: 20px;
        margin-bottom: 21px;
        border-radius: 10px
    }

        .pro-search .p-title {
            font-size: 20px;
            line-height: 40px;
            background-size: 4px;
            padding-left: 20px;
            margin-bottom: 11px
        }

        .pro-search .p-bottom {
            position: relative;
            padding-left: 0
        }

            .pro-search .p-bottom span {
                font-size: 16px;
                line-height: 30px;
                position: relative;
                top: auto;
                left: auto
            }

            .pro-search .p-bottom .input {
                position: relative;
                padding-right: 0
            }

                .pro-search .p-bottom .input input {
                    height: 50px;
                    font-size: 14px;
                    padding: 0 25px
                }

                .pro-search .p-bottom .input a {
                    width: 150px;
                    line-height: 50px;
                    text-align: center;
                    position: relative;
                    top: auto;
                    right: auto;
                    font-size: 16px;
                    margin-top: 10px
                }

                    .pro-search .p-bottom .input a img {
                        width: 18px;
                        margin-right: 10px;
                        display: inline-block;
                        vertical-align: middle
                    }

    .fenye {
        padding-top: 25px
    }

    .page {
        clear: both;
        text-align: center;
        font-size: 0;
        color: #947d58
    }

        .page em {
            font-style: normal;
            font-size: 18px
        }

        .page a {
            color: #202020;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            min-width: 40px;
            line-height: 40px;
            font-weight: bold;
            text-transform: uppercase;
            height: 40px;
            border-radius: 30px;
            margin: 0 8px;
            padding: 0 5px;
            vertical-align: top;
            background: none;
            display: none
        }

            .page a span {
                display: block
            }

            .page a.prev, .page a.next {
                margin-right: 5px;
                padding: 0 27px;
                display: inline-block;
                vertical-align: top
            }

                .page a.prev svg, .page a.next svg {
                    width: 14px;
                    height: 19px;
                    margin: 0 5px;
                    fill: #666;
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: -3px
                }

            .page a.prev {
                padding-left: 24px
            }

            .page a.next {
                padding-right: 24px
            }

    .prolist1 {
        grid-template-columns: 1fr 1fr
    }

    .solutions01 {
        padding: 40px 0
    }

        .solutions01 .nav1 ul {
            display: flex;
            flex-wrap: wrap
        }

            .solutions01 .nav1 ul li {
                flex: none;
                width: 50%;
                margin: 5px 0
            }

                .solutions01 .nav1 ul li a {
                    font-size: 16px;
                    line-height: 24px;
					height: auto!important;
                    padding: 10px 20px;
                    border-bottom: 0;
                    background: #dce4ec;
                    border-radius: 50px
                }

            .solutions01 .nav1 ul .active a {
                background: var(--main-color);
                color: #fff
            }

        .solutions01 .show {
            padding-top: 25px;
            padding-right: 0
        }

            .solutions01 .show .info {
                display: none
            }

            .solutions01 .show .nr {
                display: block
            }

            .solutions01 .show .bt {
                font-size: 24px;
                margin-bottom: 12px
            }

            .solutions01 .show .p {
                font-size: 16px;
                line-height: 24px
            }

            .solutions01 .show .left {
                width: 100%;
                border-radius: 10px
            }

            .solutions01 .show .right {
                width: 100%;
                padding-top: 10px
            }

        .solutions01 .container {
            max-width: 750px
        }

    .solutions02 {
        padding: 40px 0
    }

        .solutions02 .container {
            max-width: 750px
        }

        .solutions02 .solutions-bottom {
            padding-top: 25px
        }

    .inlist {
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

        .inlist li .box {
            box-shadow: 2px 6px 30px 0 rgba(52,104,167,0.14);
            border-radius: 10px;
            min-height: 0;
            height: 100%;
            padding: 15px 15px 15px 60px
        }

        .inlist li .pic {
            width: 30px;
            top: 15px;
            left: 15px
        }

        .inlist li .bt {
            font-size: 18px;
            line-height: 30px;
            margin-bottom: 10px
        }

        .inlist li .p {
            font-size: 16px;
            line-height: 24px
        }

    .solutions03 {
        padding: 40px 0
    }

        .solutions03 .solutions-bottom {
            padding-top: 25px
        }

        .solutions03 .container {
            max-width: 750px
        }

    .swiper-recommended {
        padding-bottom: 45px
    }

        .swiper-recommended .swiper-pagination {
            text-align: center;
            width: 100%;
            bottom: 0
        }

            .swiper-recommended .swiper-pagination .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                margin: 0 4px
            }

        .swiper-recommended .left {
            width: 100%;
            border-radius: 10px
        }

            .swiper-recommended .left .bt {
                line-height: 76px;
                font-size: 16px;
                padding: 0 20px
            }

        .swiper-recommended .right {
            width: 100%;
            margin-top: 15px
        }

            .swiper-recommended .right ul {
                grid-row-gap: 15px;
                grid-column-gap: 15px
            }

            .swiper-recommended .right li .box {
                box-shadow: 2px 6px 10px 0 rgba(52,104,167,0.14);
                border-radius: 10px;
                padding: 15px 15px 15px 60px
            }

            .swiper-recommended .right li .pic {
                width: 30px;
                top: 15px;
                left: 15px
            }

            .swiper-recommended .right li .bt {
                font-size: 20px;
                line-height: 28px;
                margin-bottom: 4px
            }

            .swiper-recommended .right li .p {
                font-size: 16px;
                line-height: 24px
            }

    .solutions04 {
        padding: 40px 0
    }

        .solutions04 .container {
            max-width: 750px
        }

        .solutions04 .nr .home-title {
            float: left
        }

        .solutions04 .nr .right {
            float: right;
            width: 100%
        }

            .solutions04 .nr .right .p {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 21px
            }

    .contact01 {
        padding: 40px 0
    }

        .contact01 .left {
            width: 100%
        }

            .contact01 .left .span1 {
                font-size: 18px;
                line-height: 30px;
                margin-top: 11px
            }

            .contact01 .left .contactlist {
                margin-top: 22px;
                grid-row-gap: 15px;
                grid-column-gap: 15px
            }

                .contact01 .left .contactlist li {
                    font-size: 16px;
                    line-height: 24px
                }

                    .contact01 .left .contactlist li .span {
                        font-size: 16px;
                        line-height: 24px;
                        padding-left: 40px
                    }

                        .contact01 .left .contactlist li .span img {
                            width: 24px
                        }

                    .contact01 .left .contactlist li .p p {
                        padding-left: 75px
                    }

        .contact01 .right {
            width: 100%;
            border-radius: 10px;
            height: auto;
            margin-top: 20px
        }

            .contact01 .right .ul {
                width: 100%
            }

                .contact01 .right .ul .li {
                    width: 50%;
                    line-height: 43px
                }

                    .contact01 .right .ul .li a {
                        font-size: 14px
                    }

    .contact02 {
        padding: 40px 0
    }

        .contact02 .home-title {
            padding-bottom: 12px;
            margin-bottom: 20px
        }

        .contact02 .span1 {
            font-size: 16px;
            line-height: 24px
        }

    .form2 {
        padding: 20px 0 0 0
    }

        .form2 .bottom {
            box-shadow: 0 4px 24px 0 rgba(0,120,191,0.12);
            border-radius: 10px;
            width: 100%;
            padding-bottom: 15px
        }

            .form2 .bottom .item .list ul li .span {
                font-size: 16px;
                margin-bottom: 10px
            }

            .form2 .bottom .item .list {
                padding: 15px
            }

                .form2 .bottom .item .list ul li input {
                    height: 44px
                }

                .form2 .bottom .item .list ul li {
                    margin-bottom: 17px
                }

                    .form2 .bottom .item .list ul li .more0 a {
                        line-height: 44px
                    }

                    .form2 .bottom .item .list ul li select {
                        height: 44px;
                        background: #fafafa url(../images/arrow.webp) no-repeat scroll 97% center;
                        background-size: 12px;
                        background: #fafafa \9 \0
                    }

                    .form2 .bottom .item .list ul li textarea {
                        background: #fafafa;
                        padding: 20px 20px 20px 20px
                    }

                    .form2 .bottom .item .list ul li .textarea {
                        position: relative
                    }

                    .form2 .bottom .item .list ul li .shangchuan {
                        position: relative;
                        width: 200px;
                        height: 100px;
                        border-radius: 0;
                        background: #fafafa;
                        top: auto;
                        right: auto;
                        margin-top: 10px
                    }

                        .form2 .bottom .item .list ul li .shangchuan .bt {
                            font-size: 16px
                        }

        .form2 .more svg {
            height: 35px;
            width: 20px;
            margin-left: 6px
        }

    .RD .p {
        font-size: 16px;
        line-height: 24px;
        grid-template-columns: 1fr;
        grid-row-gap: 5px;
        grid-column-gap: 5px
    }

    .rd01 {
        padding: 40px 0
    }

        .rd01 .rd-bottom {
            padding-top: 20px
        }

        .rd01 ul {
            grid-row-gap: 15px;
            grid-column-gap: 15px;
            padding-top: 15px
        }

            .rd01 ul li .pic {
                border-radius: 10px
            }

    .rd02 {
        padding: 40px 0
    }

        .rd02 .rd-bottom {
            padding-top: 20px
        }

        .rd02 .p {
            grid-row-gap: 5px;
            margin-bottom: 20px
        }

        .rd02 .abg {
            background: none !important;
            padding-bottom: 20px
        }

        .rd02 .honorlist li {
            width: 20%
        }

            .rd02 .honorlist li .box {
                padding: 8px
            }

                .rd02 .honorlist li .box:before {
                    content: '';
                    display: block;
                    background: rgba(25,24,118,0.78);
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 44;
                    opacity: 0;
                    transition: .5s
                }

            .rd02 .honorlist li .img {
                height: 280px
            }

            .rd02 .honorlist li .bt {
                font-size: 20px;
                line-height: 32px;
                padding: 0 10px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                background: url(../images/fd.webp) no-repeat top center;
                background-size: 34px;
                position: absolute;
                top: 50%;
                width: 100%;
                left: 0;
                transform: translateY(-50%);
                z-index: 344;
                padding-top: 37px;
                opacity: 0;
                transition: .5s
            }

        .rd02 .swiper {
            width: 105%
        }

        .rd02 .btn {
            bottom: 0;
            width: 90%
        }

            .rd02 .btn .swiper-pagination {
                position: relative;
                text-align: left;
                bottom: auto;
                left: auto;
                font-size: 16px;
                font-weight: normal;
                line-height: 42px;
                color: #bebfbf;
                display: none
            }

                .rd02 .btn .swiper-pagination .swiper-pagination-current {
                    color: #212121;
                    font-size: 30px
                }

            .rd02 .btn .swiper-scrollbar {
                background: #dbdcde;
                height: 6px
            }

        .rd02 .gundong {
            font-size: 14px;
            line-height: 30px;
            color: #2d2e2e;
            background: url(../images/gundong.webp) no-repeat center left;
            background-size: 18px;
            padding-left: 30px;
            position: absolute;
            bottom: -64px;
            left: 50%;
            transform: translateX(-50%);
            display: none
        }

    .rd03 {
        padding: 40px 0
    }

        .rd03 .left {
            width: 100%;
            float: left;
            margin-bottom: 20px
        }

            .rd03 .left .p {
                margin-top: 14px
            }

        .rd03 .right {
            width: 100%
        }

            .rd03 .right .swiper {
                clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
                padding: 4px;
                border-radius: 10px
            }

            .rd03 .right .pic {
                clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
                border-radius: 16px
            }

            .rd03 .right .swiper-pagination {
                bottom: 20px
            }

                .rd03 .right .swiper-pagination .swiper-pagination-bullet {
                    width: 10px;
                    height: 10px;
                    margin: 0 4px
                }

    .rd04 {
        padding: 40px 0
    }

        .rd04 .home-span {
            margin: 15px auto 0 auto
        }

        .rd04 .rd-bottom {
            padding-top: 25px
        }

        .rd04 .gundong {
            font-size: 14px;
            line-height: 30px;
            color: #2d2e2e;
            background: url(../images/gundong.webp) no-repeat center left;
            background-size: 18px;
            padding-left: 30px;
            margin: 0 auto;
            display: block;
            width: fit-content
        }

        .rd04 .product-table-container {
            margin: 20px 0
        }

    .home-span {
        font-size: 20px;
        line-height: 43px;
        width: 100%
    }

    .home-span1 {
        width: 100%
    }

    .home-span2 {
        width: 100%
    }

    .home-span3 {
        width: 100%
    }

    .home-span4 {
        width: 100%
    }

    .product-table-container .product-table thead tr .th {
        width: 200px
    }

    .product-table-container .product-table th, .product-table-container .product-table td {
        padding: 6px 14px;
        border: 0;
        font-size: 16px;
        line-height: 24px
    }

    .product-table-container .product-table .firsttr th, .product-table-container .product-table .firsttr td {
        font-size: 16px
    }

    .product-table-container .pimg {
        width: 38px
    }

    .rd05 .home-span {
        margin: 0 auto
    }

    .rd05 .product-table-container {
        margin: 20px 0 0 0
    }

        .rd05 .product-table-container .product-table td {
            border-bottom: 2px solid var(--main-color)
        }

    .rd06 .home-span {
        margin: 0 auto
    }

    .rd06 .product-table-container {
        margin: 20px 0 0 0
    }

    .about01 {
        padding: 40px 0
    }

        .about01 .nr {
            padding-bottom: 20px
        }

            .about01 .nr .left {
                width: 100%
            }

            .about01 .nr .swiper-about {
                border-radius: 10px
            }

                .about01 .nr .swiper-about .item .hover {
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: url(../images/video.webp) no-repeat center center;
                    background-size: 81px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 44
                }

                .about01 .nr .swiper-about .swiper-pagination {
                    text-align: center;
                    width: 100%;
                    bottom: 20px
                }

                    .about01 .nr .swiper-about .swiper-pagination .swiper-pagination-bullet {
                        width: 10px;
                        height: 10px;
                        background: #fff;
                        border-radius: 50%;
                        opacity: 1;
                        margin: 0 4px
                    }

                    .about01 .nr .swiper-about .swiper-pagination .swiper-pagination-bullet-active {
                        background: var(--hover-color)
                    }

            .about01 .nr .right {
                width: 100%
            }

                .about01 .nr .right .home-title {
                    margin-top: 10px;
                    margin-bottom: 8px
                }

                .about01 .nr .right .span {
                    font-size: 18px;
                    margin-bottom: 16px
                }

                .about01 .nr .right .p {
                    font-size: 16px;
                    line-height: 24px;
                    padding-right: 0;
                    grid-row-gap: 10px;
                    grid-column-gap: 10px
                }

                    .about01 .nr .right .p::-webkit-scrollbar {
                        width: 6px;
                        height: 6px;
                        border-radius: 4px
                    }

                    .about01 .nr .right .p::-webkit-scrollbar-thumb {
                        border-radius: 4px
                    }

    .youshi li {
        width: 50%;
        margin-bottom: 15px
    }

        .youshi li .pic {
            width: 25px;
            top: 9px;
            left: 0
        }

        .youshi li .num {
            height: 40px;
            line-height: 40px;
            font-size: 26px;
            padding-left: 35px;
            margin-bottom: 4px
        }

            .youshi li .num span {
                margin-right: 5px;
                font-size: 26px
            }

            .youshi li .num i {
                font-size: 26px;
                line-height: 40px
            }

            .youshi li .num em {
                font-size: 16px
            }

        .youshi li .h3 {
            font-size: 16px
        }

        .youshi li:nth-child(2) {
            width: 50%
        }

        .youshi li:nth-child(3) {
            width: 50%
        }

        .youshi li:nth-child(4) {
            width: 50%
        }

        .youshi li:nth-child(5) {
            width: 50%
        }

    .about02 {
        padding: 40px 0
    }

        .about02 .about-nr {
            width: 100%;
            position: relative;
            padding-bottom: 30px
        }

        .about02 .about-bottom .about-list1 .mySwiper1:after {
            content: '';
            display: block;
            background: #bfbfbf;
            height: 1px;
            width: 100%;
            position: absolute;
            top: 17px;
            right: 0
        }

        .about02 .mySwiper2 .swiper-slide {
            padding: 24px 0
        }

            .about02 .mySwiper2 .swiper-slide .box {
                width: 100%;
                padding: 20px;
                box-shadow: 0 8px 21px 0 rgba(62,119,190,0.16);
                border-radius: 10px
            }

                .about02 .mySwiper2 .swiper-slide .box:after, .about02 .mySwiper2 .swiper-slide .box::before {
                    width: 31px;
                    height: 48px;
                    top: -24px;
                    left: 20px
                }

                .about02 .mySwiper2 .swiper-slide .box .h1 {
                    font-size: 26px;
                    margin-bottom: 9px
                }

                .about02 .mySwiper2 .swiper-slide .box .item {
                    display: block;
                    overflow: hidden
                }

                .about02 .mySwiper2 .swiper-slide .box .text {
                    width: 100%;
                    padding-top: 30px
                }

                .about02 .mySwiper2 .swiper-slide .box .h3 {
                    font-size: 16px;
                    line-height: 24px;
                    margin-bottom: 10px
                }

                .about02 .mySwiper2 .swiper-slide .box .pic {
                    width: 100%;
                    border-radius: 10px
                }

                    .about02 .mySwiper2 .swiper-slide .box .pic img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block
                    }

        .about02 .about-list1 {
            margin-top: 0;
            margin-bottom: 0;
            height: 48px;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 100px;
            transform: translateX(-50%)
        }

        .about02 .mySwiper1 {
            display: none
        }

        .about02 .swiper-button-next, .about02 .swiper-button-prev {
            width: 38px;
            height: 38px;
            line-height: 36px;
            background: none;
            margin-top: 0;
            border-radius: 50%;
            top: auto;
            bottom: 0;
            left: 0;
            z-index: 66;
            text-align: center
        }

            .about02 .swiper-button-next:after, .about02 .swiper-button-prev:after {
                font-size: 18px;
                color: #c7c7c7;
                width: 100%
            }

        .about02 .swiper-button-next {
            right: 0;
            left: auto
        }

    .about03 {
        padding: 40px 0
    }

        .about03 .about-bottom {
            padding-top: 21px;
            width: 100%
        }

        .about03 .product-table-container2 {
            margin-top: 18px
        }

        .about03 .p {
            font-size: 16px;
            line-height: 24px;
            margin-top: 16px
        }

    .product-table-container2 .product-table {
        border-radius: 10px
    }

        .product-table-container2 .product-table th, .product-table-container2 .product-table td {
            padding: 6px 14px;
            font-size: 16px;
            line-height: 24px;
            border-bottom: 2px solid var(--main-color)
        }

        .product-table-container2 .product-table .firsttr th, .product-table-container2 .product-table .firsttr td {
            font-size: 16px
        }

    .product-table-container2 .pimg {
        width: 38px
    }

    .inmain-title {
        font-size: 28px;
        line-height: 42px
    }

    .line {
        width: 36px;
        height: 4px;
        border-radius: 4px
    }

    .about04 {
        padding: 40px 0
    }

        .about04 .about-info .left .inmain-title {
            margin-bottom: 6px
        }

        .about04 .about-info .right {
            width: 100%;
            padding-top: 14px
        }

            .about04 .about-info .right .p {
                font-size: 16px;
                line-height: 24px
            }

        .about04 .about-bottom {
            padding-top: 25px
        }

        .about04 .about-img {
            padding-top: 20px
        }

    .about05 {
        padding: 40px 0
    }

        .about05 .about-bottom {
            padding-top: 25px
        }

        .about05 .inmain-title {
            margin-bottom: 6px
        }

        .about05 .p {
            font-size: 16px;
            line-height: 24px;
            width: 100%;
            margin-bottom: 20px
        }

        .about05 ul {
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 20px;
            grid-column-gap: 20px
        }

            .about05 ul li .box {
                box-shadow: 0 8px 21px 0 rgba(62,119,190,0.16);
                border-radius: 10px
            }

            .about05 ul li .pic {
                border-radius: 10px
            }

            .about05 ul li .text {
                padding: 15px
            }

            .about05 ul li .bt {
                font-size: 18px;
                line-height: 30px
            }

            .about05 ul li .pp {
                font-size: 16px;
                line-height: 24px
            }

    .about06 {
        padding: 40px 0
    }

        .about06 .about-bottom {
            padding-top: 25px
        }

        .about06 .honorlist li {
            width: auto
        }

    .about07 {
        padding: 40px 0;
        position: relative
    }

        .about07 .inmain-title {
            margin-bottom: 6px
        }

        .about07 .about-bottom {
            padding-top: 25px
        }

        .about07 ul {
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 15px;
            grid-column-gap: 15px
        }

            .about07 ul li .img {
                width: 124px;
                padding: 10px;
                border: dashed 1px #e4e4e4
            }

                .about07 ul li .img:after, .about07 ul li .img:before {
                    width: 10px;
                    height: 10px;
                    border: solid 2px #bdbdbd;
                    left: -5px
                }

                .about07 ul li .img:after {
                    right: -5px;
                    left: auto
                }

                .about07 ul li .img .pic {
                    border-radius: 50%;
                    border: solid 2px #191876
                }

            .about07 ul li .text {
                box-shadow: 0 0 10px 0 rgba(41,93,176,0.25);
                border-radius: 8px;
                margin-top: -62px;
                height: 100%;
                padding: 70px 10px 24px 10px
            }

            .about07 ul li .bt {
                font-size: 16px
            }

    .about08 {
        padding: 40px 0
    }

        .about08 .left {
            width: 100%;
            border-radius: 10px
        }

        .about08 .right {
            width: 100%;
            padding-top: 16px
        }

            .about08 .right .inmain-title {
                margin-bottom: 6px
            }

            .about08 .right .p {
                font-size: 16px;
                line-height: 24px;
                margin-top: 20px
            }

                .about08 .right .p p {
                    padding-left: 38px;
                    margin-bottom: 10px
                }

                .about08 .right .p img {
                    width: 21px;
                    top: 5px
                }

    .product01 {
        padding: 40px 0
    }

        .product01 .right {
            padding-top: 25px;
            width: 100%
        }

            .product01 .right .bt {
                font-size: 24px;
                line-height: 32px;
                margin-bottom: 6px
            }

            .product01 .right .pitem {
                padding-bottom: 18px;
                margin-bottom: 23px;
                font-size: 16px;
                line-height: 24px
            }

            .product01 .right .pp {
                font-size: 16px;
                line-height: 24px
            }

                .product01 .right .pp p {
                    padding-left: 15px;
                    margin-bottom: 12px
                }

                    .product01 .right .pp p:before {
                        top: 10px;
                        width: 5px;
                        height: 5px
                    }

            .product01 .right .btn {
                margin-top: 19px
            }

                .product01 .right .btn .more {
                    margin-right: 10px
                }

                    .product01 .right .btn .more svg {
                        width: 20px;
                        height: 35px;
                        margin-right: 8px
                    }

        .product01 .left {
            width: 100%
        }

            .product01 .left .mySwiper2 {
                box-shadow: 0 13px 40px 0 rgba(80,91,113,0.15);
                border-radius: 10px
            }

            .product01 .left .li {
                margin: 20px 0 0 0;
                padding: 0 40px
            }

            .product01 .left .mySwiper1 {
                overflow: hidden;
                position: relative;
                height: 100%;
                padding-left: 2px;
                padding-right: 2px
            }

                .product01 .left .mySwiper1 .pic .hover {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: url(../images/bofang.webp) no-repeat center center;
                    background-size: 36px
                }

            .product01 .left .swiper-button-next, .product01 .left .swiper-button-prev {
                background-color: #eee;
                width: 26px;
                position: absolute;
                left: 0;
                margin: 0;
                top: 0;
                height: 100%;
                border-radius: 0;
                z-index: 3
            }

                .product01 .left .swiper-button-next:after, .product01 .left .swiper-button-prev:after {
                    font-size: 22px;
                    color: #666
                }

            .product01 .left .swiper-button-next {
                right: 0;
                left: auto
            }

    .product02 ul li a {
        font-size: 14px;
        line-height: 41px;
        padding: 0 15px;
        border-top: 2px solid #f2f4f5
    }

    .product02 ul .active a {
        border-top: 2px solid var(--hover-color)
    }

    .product03 {
        padding: 40px 0
    }

        .product03 .left {
            padding: 20px;
            box-shadow: 0 13px 65px 0 rgba(80,91,113,0.15);
            border-radius: 24px
        }

            .product03 .left .item00 {
                margin-bottom: 30px
            }

            .product03 .left .item-title {
                font-size: 22px;
                padding-left: 38px;
                background: url(../images/dot2.webp) no-repeat left 2px;
                background-size: 25px;
                padding-bottom: 20px;
                margin-bottom: 20px
            }

            .product03 .left .sli .bt {
                font-size: 22px
            }

            .product03 .left .swiper-Application {
                padding: 0 0 55px 0;
                position: relative
            }

                .product03 .left .swiper-Application .swiper-button-prev, .product03 .left .swiper-Application .swiper-button-next {
                    top: auto;
                    opacity: 1;
                    bottom: 0;
                    margin-top: auto;
                    border-radius: 50%;
                    line-height: 44px;
                    width: 46px;
                    height: 46px;
                    border: solid 1px #c8c8c8;
                    display: inline-block;
                    text-align: center
                }

                    .product03 .left .swiper-Application .swiper-button-prev:after, .product03 .left .swiper-Application .swiper-button-next:after {
                        color: #d0d0d0;
                        font-size: 14px
                    }

                .product03 .left .swiper-Application .swiper-button-prev {
                    left: 50%;
                    margin-left: -55px
                }

                .product03 .left .swiper-Application .swiper-button-next {
                    left: auto;
                    right: 50%;
                    margin-right: -55px
                }

            .product03 .left .swiper-Similar {
                padding: 0
            }

    .table-responsive {
        border-radius: 10px
    }

    .spec-table {
        width: 100%;
        min-width: 800px;
        font-size: 16px
    }

        .spec-table th {
            padding: 6px 15px
        }

        .spec-table td {
            padding: 6px 15px;
            font-size: 16px
        }

    .vertical-table {
        min-width: 600px
    }

        .vertical-table th {
            width: 35%;
            padding: 6px 14px
        }

        .vertical-table td {
            width: 65%;
            padding: 6px 14px;
            font-size: 16px
        }

    .features-grid {
        padding: 0 0 25px 0
    }

        .features-grid .feature-card {
            font-size: 16px;
            line-height: 24px;
            width: 100%
        }

            .features-grid .feature-card .box {
                padding: 20px 20px 20px 85px;
                height: 100%;
                min-height: 115px;
                background: #f5f5f5 url(../images/bg17.webp) no-repeat center center;
                border-radius: 10px
            }

            .features-grid .feature-card .pic {
                top: 15px;
                left: 15px;
                width: 50px
            }

        .features-grid .swiper-pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin: 0 4px
        }

    .st-info {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:520px) {
    .sli .p {
        display: none
    }

    .sli .bt {
        font-size: 16px;
        line-height: 40px
    }

    .home-partners .ab4 {
        height: 350px
    }

    .footer .footer-bottom .right {
        float: none
    }

    .footer .footer-bottom a {
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: top
    }

    .footer .footer-bottom .fb .left span {
        margin-right: 0
    }

    .newslist .bt {
        font-size: 16px;
        line-height: 24px
    }

    .home-news .right .bt {
        height: 72px
    }

    .about01 .nr .right .span {
        margin-bottom: 10px
    }

    .about05 ul {
        grid-template-columns: 1fr
    }

    .about07 ul {
        grid-template-columns: 1fr
    }

    .prolist .tit {
        font-size: 18px;
        line-height: 30px
    }

    .product03 .left .sli .bt {
        font-size: 16px
    }

    .solutions01 .nav1 ul li {
        width: 100%
    }

    .home-title {
        font-size: 24px;
        line-height: 36px
    }

    .swiper-recommended .left .bt {
        line-height: 50px
    }

    .home-span {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        padding: 10px
    }

    .rd02 .honorlist li .img {
        height: 220px
    }

    .inbanner03bg .banner-hover .info .p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2
    }

    .inbanner .img1 {
        height: 50vh
    }
}
.product-table-container .product-table td img{
	max-width:100px;
}
.float .message2 {
	margin-top: 10rem;
}
.float .message2 a img{
	width: 26rem;
}