@charset "utf-8";.ones-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.clearfix:after,.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom:1}

.picture {
    overflow: hidden
}

.picture img {
    transition: all .55s;
    -moz-transition: all .55s;
    -webkit-transition: all .55s
}

.each-item:hover .picture img {
    transform: scale(1.06);
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    zoom:1.06 \9}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flex-hc {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.flex-zBetween {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.flex-zEnd {
    -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.flex-zStart {
    -webkit-box-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.flex-ac {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

.flex-cStart {
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.flex-cEnd {
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.flex-cBaseline {
    -webkit-box-align: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

.flex-cStretch {
    -webkit-box-align: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.flex-zTopBottom {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.flex-zBottomTop {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-zLeftRight {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

.flex-zRightLeft {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-shrink {
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.flex-center {
    -webkit-align-content: center;
    align-content: center
}

.flex-start {
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.flex-end {
    -webkit-align-content: flex-end;
    align-content: flex-end
}

.flex-between {
    -webkit-align-content: space-between;
    align-content: space-between
}

.flex-container {
    -webkit-align-content: space-around;
    align-content: space-around
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex_bd {
    -prefix-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@font-face {
    font-family: 'DIN-Bold';
    src: url('../fonts/DOUYINSANSBOLD.OTF');
    font-style: normal;
    font-weight: normal
}

.font-DIN {
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.font-h {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.font-m {
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal
}

.font-r {
    font-family: PingFangSC-Regular,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal
}

* {
    padding: 0;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: calc(100vw / 19.2);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --active-color: #2a72f5;
    --white-color: #fff;
    --black-000: #000000;
    --black-222: #222222;
    --black-333: #333333;
    --black-666: #666666;
    --black-999: #999999;
    --black-ccc: #cccccc;
    --black-ddd: #dddddd;
    --bg-f8: #f8f8f8;
    --bg-f7: #f7f9fe;
    --bg-f6: #0a0808
}

@media (min-width: 1901px) {
    html {
        font-size:100px
    }
}

@media (max-width: 1580px) {
    html {
        font-size:66px
    }
}

@media (max-width: 767px) {
    html {
        font-size:calc(100vw / 7.5)
    }
}

body {
    min-height: 100%;
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background: #fff
}

@media (max-width: 1580px) {
    body {
        font-size:14px
    }
}

@media (max-width: 1580px) and (max-width: 1580px) {
    body {
        font-size:12px
    }
}

@media (max-width: 1580px) and (max-width: 991px) {
    body {
        font-size:13px
    }
}

@media (max-width: 767px) {
    body {
        font-size:.28rem
    }
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top
}

li {
    list-style: none
}

h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: normal
}

a,a:hover,a:focus {
    text-decoration: none
}

input,button {
    -webkit-appearance: none;
    border-radius: 0
}

button {
    cursor: pointer
}

input[type='button'],input[type='reset'],input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer
}

textarea {
    overflow: auto
}

input,button,textarea,select {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    background: transparent
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

table {
    border-collapse: collapse
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    zoom:1}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.container {
    margin: 0 auto;
    width: 75%
}

@media (max-width: 1260px) {
    .container {
        width:90%
    }
}

.bg-color1 {
    background-color: #fff
}

.ptb100 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .ptb100 {
        padding-top:1.2rem;
        padding-bottom: 1.2em
    }
}

.pt100 {
    padding-top: 1rem
}

@media (max-width: 767px) {
    .pt100 {
        padding-top:1.2rem
    }
}

.pb100 {
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .pb100 {
        padding-bottom:1.2rem
    }
}

.font14 {
    font-size: 14px
}

@media (max-width: 1580px) {
    .font14 {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .font14 {
        font-size:13px
    }
}

.font16 {
    font-size: 16px
}

@media (max-width: 1580px) {
    .font16 {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .font16 {
        font-size:13px
    }
}

.font18 {
    font-size: 18px
}

@media (max-width: 1580px) {
    .font18 {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .font18 {
        font-size:14px
    }
}

.font20 {
    font-size: 20px
}

@media (max-width: 1580px) {
    .font20 {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .font20 {
        font-size:15px
    }
}

.font24 {
    font-size: 24px
}

@media (max-width: 1580px) {
    .font24 {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .font24 {
        font-size:16px
    }
}

.font26 {
    font-size: 26px
}

@media (max-width: 1580px) {
    .font26 {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .font26 {
        font-size:16px
    }
}

.font30 {
    font-size: 30px
}

@media (max-width: 1580px) {
    .font30 {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .font30 {
        font-size:20px
    }
}

.font36 {
    font-size: 36px
}

@media (max-width: 1580px) {
    .font36 {
        font-size:32px
    }
}

@media (max-width: 991px) {
    .font36 {
        font-size:18px
    }
}

.font42 {
    font-size: 42px
}

@media (max-width: 1580px) {
    .font42 {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .font42 {
        font-size:24px
    }
}

.font48 {
    font-size: 48px
}

@media (max-width: 1580px) {
    .font48 {
        font-size:.48rem
    }
}

@media (max-width: 991px) {
    .font48 {
        font-size:26px
    }
}

#c-header ::-webkit-scrollbar-thumb,.inner-module ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(55,122,246,0.75)
}

#c-header ::-webkit-scrollbar,.inner-module ::-webkit-scrollbar {
    width: 3px
}

#c-header ::-webkit-scrollbar-track,.inner-module ::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: rgba(55,122,246,0.05)
}

.inner-module {
    position: relative;
    z-index: 5;
    background-color: var(--white-color);
    border-radius: 0 0 .6rem .6rem
}

.c-header-height {
    min-height: calc(.2rem + 27px)
}

.public-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 .2rem;
    min-width: 1rem
}

.public-btn2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 .4rem;
    min-width: 1rem;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    background: linear-gradient(to right, #2a72f5, #5c94fa);
    border-radius: .1rem;
    cursor: pointer;
    transition: all .5s linear
}

@media (max-width: 1580px) {
    .public-btn2 {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-btn2 {
        font-size:13px
    }
}

.public-btn2:hover {
    border-radius: 45px
}

@media (max-width: 1580px) {
    .public-btn2 {
        line-height:40px;
        padding: 0 20px
    }
}

@media (max-width: 991px) {
    .public-btn2 {
        line-height:32px
    }
}

.public-btn2-border {
    display: inline-block;
    padding: 0 .4rem;
    min-width: 1rem;
    color: var(--active-color);
    line-height: 48px;
    border: 1px solid var(--active-color);
    background: #eaf1fe;
    border-radius: .1rem;
    cursor: pointer;
    font-size: 16px;
    transition: all .5s linear
}

@media (max-width: 1580px) {
    .public-btn2-border {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-btn2-border {
        font-size:13px
    }
}

@media (max-width: 1580px) {
    .public-btn2-border {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-btn2-border {
        font-size:13px
    }
}

.public-btn2-border:hover {
    border-radius: 45px
}

@media (max-width: 1580px) {
    .public-btn2-border {
        line-height:40px;
        padding: 0 20px
    }
}

@media (max-width: 991px) {
    .public-btn2-border {
        line-height:32px
    }
}

.public-img {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.public-img::before {
    content: '';
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 100%
}

.public-img>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out
}

#hi-upgrade {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: center
}

#hi-upgrade .hi-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -177px 0 0 -450px;
    width: 900px
}

#hi-upgrade .hi-wrap .hi-title {
    font-size: 30px;
    line-height: 40px;
    color: #333
}

#hi-upgrade .hi-wrap .hi-close {
    margin: 10px 0;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: var(--active-color)
}

#hi-upgrade .hi-wrap .hi-close:hover {
    text-decoration: underline
}

#hi-upgrade .hi-wrap .hi-text1 {
    color: #666
}

#hi-upgrade .hi-wrap .hi-text1 span {
    color: var(--active-color)
}

#hi-upgrade .hi-wrap .hi-text2 {
    position: relative;
    margin: 60px 0;
    color: #333
}

#hi-upgrade .hi-wrap .hi-text2::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #ddd
}

#hi-upgrade .hi-wrap .hi-text2 span {
    position: relative;
    z-index: 5;
    padding: 0 30px;
    background: #fff
}

#hi-upgrade .hi-wrap .hi-list {
    overflow: hidden
}

#hi-upgrade .hi-wrap .hi-list li {
    display: inline-block;
    width: 16%
}

#hi-upgrade .hi-wrap .hi-list li div {
    margin: 0 auto 5px
}

#hi-upgrade .hi-wrap .hi-list li a {
    color: #666
}

#hi-upgrade .hi-wrap .hi-list li a:hover {
    color: var(--active-color)
}

@keyframes textMove {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

#c-placeholder {
    height: 80px
}

@media (max-width: 991px) {
    #c-placeholder {
        height:60px
    }
}

#c-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    line-height: 75px;
    text-align: center;
    color: #fff;
    transition: all .4s ease-in-out
}

#c-header a {
    color: #333333;
    transition: all .4s ease-in-out;
    font-size: 18px
}

#c-header .c-top-header a {
        color: #fff;
   }
@media (max-width: 1580px) {
    #c-header a {
        font-size:15px
    }
}

@media (max-width: 1260px) {
    #c-header a {
        font-size:13px;
    }
    #c-header .c-logo{
        width:1.3rem;
    }
}

#c-header .container {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    padding: 0 60px;
    transition: all .4s ease-in-out
}
@media (max-width: 1400px) {
#c-header .container {
    padding: 0 30px;
}
}
@media (max-width: 1300px) {
#c-header .container {
    padding: 0 10px;
}
}

@media (max-width: 991px) {
    #c-header .container {
        max-width:90%;
        padding: 0;
        height: 1.2rem
    }
}

#c-header .c-right-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: calc(100% - 140px);
    padding-left: .7rem;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}


@media (max-width: 1260px) {
    
#c-header .c-right-box {
    padding-left: 0;
    width: calc(100% - 120px);
}
}
@media (max-width: 991px) {
    #c-header .c-right-box {
        width:auto;
        right: 0 !important;
        position: static !important;
        padding-top: 11px;
    }
}

#c-header.c-head-move {
    top: -150px
}

#c-header.c-head-bottom {
    top: calc(-0.3rem - 20px)
}

@media (max-width: 767px) {
    #c-header.c-head-bottom {
        top:calc(-0.3rem - 40px)
    }
}

#c-header .c-logo {
    display: flex;
    align-items: center;
    float: left;
}

#c-header .c-logo .c-img-box {
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 480px) {
    #c-header .c-logo .c-img-box {
        max-height:25px
    }
}

#c-header .c-logo .c-img-box img {
    transition: all .4s ease-in-out
}

@media (max-width: 480px) {
    #c-header .c-logo .c-img-box img {
        max-height:25px
    }
}

#c-header .c-logo .c-img-box img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0
}

#c-header.c-style2 {
    background-color: var(--white-color)
}

#c-header.c-style .c-logo .c-img-box img:nth-child(1),#c-header.c-style2 .c-logo .c-img-box img:nth-child(1) {
    opacity: 0
}

#c-header.c-style .c-logo .c-img-box img:nth-child(2),#c-header.c-style2 .c-logo .c-img-box img:nth-child(2) {
    opacity: 1
}

#c-header .c-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    #c-header .c-nav {
        display:none
    }
}

#c-header .c-nav>li {
    position: relative;
    margin-right: .5rem;
}
@media (max-width: 1580px) {
#c-header .c-nav>li {
    margin-right: 0.3rem;
}
}

@media (max-width: 1260px) {
#c-header .c-nav>li {
    margin-right: 0.2rem;
}
}

#c-header .c-nav>li:last-child {
    margin-right: 0
}

#c-header .c-nav>li>.c-title-box {
    display: flex;
    align-items: center;
    cursor: pointer
}

#c-header .c-nav>li>.c-title-box img,#c-header .c-nav>li>.c-title-box svg {
    margin-left: .05rem;
    width: 14px;
    height: 14px;
    transform: rotate(90deg);
    transition: all .4s ease-in-out;
    object-fit: contain
}

#c-header .c-nav>li .c-title-box a:before {
    content: '';
    position: absolute;
    top: 57%;
    left: 50%;
    width: 0;
    border-radius: 30px;
    height: 5px;
    background: rgba(55,122,246,0.2);
    transition: all .4s ease-in-out
}

#c-header .c-nav>li.on .c-title-box a:before,#c-header .c-nav>li:hover .c-title-box a:before {
    left: -3px;
    width: calc(100% + 6px)
}

#c-header .c-nav>li.on .c-title-box a,#c-header .c-nav>li:hover .c-title-box a {
    color: var(--active-color)
}

#c-header .c-nav li a {
    position: relative;
    display: block;
    transition: all .4s ease-in-out
}

#c-header .c-nav .nav_li2 {
    position: absolute;
    top: 99%;
    left: -1rem;
    width: 930px;
    background: #ffffff;
    -webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
    border: 1px solid var(--white-color);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    border-radius: 0 0 .2rem .2rem;
    display: none
}

#c-header .c-nav .nav_li2 .nav_li2_content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#c-header .c-nav .nav_li2 .left {
    width: 53%;
    max-height: calc(320px - .4rem);
    overflow: auto;
    padding: 0 .3rem;
    margin: .3rem 0;
    box-sizing: border-box
}

#c-header .c-nav .nav_li2 .left a {
    float: left;
    width: 20%;
    padding: 0;
    margin: 0;
    line-height: 1.1;
    height: auto
}

#c-header .c-nav .nav_li2 .left a:hover .name {
    color: var(--active-color)
}

#c-header .c-nav .nav_li2 .left .icon-box {
    width: 50px;
    height: 50px;
    border-radius: .1rem;
    padding: .1rem 0 0;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

#c-header .c-nav .nav_li2 .left .icon-box .icon {
    max-width: 50%;
    display: block;
    padding-bottom: 5px
}

#c-header .c-nav .nav_li2 .left .icon-box .icon svg {
    width: 100%;
    height: 100%
}

#c-header .c-nav .nav_li2 .left .name {
    text-align: center;
    line-height: 1.1;
    height: auto;
    padding: .1rem 0 .3rem;
    font-size: 14px;
    color: #555f7c;
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    #c-header .c-nav .nav_li2 .left .name {
        font-size:12px
    }
}

@media (max-width: 991px) {
    #c-header .c-nav .nav_li2 .left .name {
        font-size:13px
    }
}

#c-header .c-nav .nav_li2 .right {
    width: 47%;
    margin: .3rem auto;
    border-left: 1px solid #ddd;
    padding: 0 .4rem;
    line-height: 1.1 !important;
    text-align: left
}

#c-header .c-nav .nav_li2 .right .public-btn1 {
    margin-top: .3rem;
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal
}

#c-header .c-nav .nav_li2 .right .public-btn1::after {
    top: 60%
}

#c-header .c-nav .nav_li2 .right .public-img {
    border-radius: .2rem
}

#c-header .c-nav .nav_li2 .right .public-img::before {
    padding-top: 64%
}

#c-header .c-nav .nav_li1 {
    position: absolute;
    top: 99%;
    left: -1rem;
    width: 930px;
    background: #f6f9fe;
    -webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
    border: 1px solid var(--white-color);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    display: none;
    border-radius: 0 0 .2rem .2rem
}

#c-header .c-nav .nav_li1 .nav_li1_content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#c-header .c-nav .nav_li1 .left {
    padding: .1rem 0;
    width: 180px;
    overflow: auto;
    height: 340px
}

#c-header .c-nav .nav_li1 .left .text {
    width: calc(100% - .6rem);
    font-size: 16px;
    color: var(--black-000);
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal;
    transition: all .4s ease-in-out;
    line-height: 1.1 !important;
    text-align: left;
    padding-left: .2rem
}

@media (max-width: 1580px) {
    #c-header .c-nav .nav_li1 .left .text {
        font-size:13px
    }
}

@media (max-width: 991px) {
    #c-header .c-nav .nav_li1 .left .text {
        font-size:13px
    }
}

#c-header .c-nav .nav_li1 .left .icon {
    width: .6rem;
    height: .6rem;
    box-sizing: border-box;
    background: var(--white-color);
    border-radius: .1rem;
    transition: all .4s ease-in-out;
    border: 1px solid var(--white-color);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

#c-header .c-nav .nav_li1 .left .icon svg {
    width: .35rem;
    height: .35rem
}

#c-header .c-nav .nav_li1 .left .item {
    padding: .1rem .2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

#c-header .c-nav .nav_li1 .left .item.active .icon,#c-header .c-nav .nav_li1 .left .item:hover .icon {
    border-color: var(--active-color)
}

#c-header .c-nav .nav_li1 .left .item.active .text,#c-header .c-nav .nav_li1 .left .item:hover .text {
    color: var(--active-color)
}

#c-header .c-nav .nav_li1 .right {
    border-radius: 0 0 .2rem .2rem;
    width: calc(100% - 180px);
    height: 100%;
    background-color: var(--white-color);
    height: 340px
}

#c-header .c-nav .nav_li1 .right .item {
    position: relative;
    display: none;
    height: 100%
}

#c-header .c-nav .nav_li1 .right .item.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#c-header .c-nav .nav_li1 .right .nav_li1_list {
    margin: .3rem 0;
    padding: 0 .35rem;
    width: 42%;
    max-height: 80%;
    box-sizing: border-box;
    overflow: auto
}

#c-header .c-nav .nav_li1 .right .nav_li1_list a {
    display: block;
    text-align: left;
    font-size: 16px;
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal;
    line-height: 20px !important;
    padding: .15rem;
    border-radius: .1rem;
    margin: 3px 0;
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    #c-header .c-nav .nav_li1 .right .nav_li1_list a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    #c-header .c-nav .nav_li1 .right .nav_li1_list a {
        font-size:13px
    }
}

#c-header .c-nav .nav_li1 .right .nav_li1_list a:hover,#c-header .c-nav .nav_li1 .right .nav_li1_list a.active {
    background-color: #f4f8fe;
    color: var(--active-color)
}

#c-header .c-nav .nav_li1 .right .nav_li1_pic {
    width: 58%;
    margin: .3rem auto;
    border-left: 1px solid #ddd;
    padding: 0 .4rem;
    line-height: 1.1 !important;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
    height: 80%
}

#c-header .c-nav .nav_li1 .right .nav_li1_pic a {
    display: none;
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal
}

#c-header .c-nav .nav_li1 .right .nav_li1_pic a.active {
    display: block
}

#c-header .c-nav .nav_li1 .right .nav_li1_pic .public-btn1 {
    margin-top: .3rem
}

#c-header .c-nav .nav_li1 .right .nav_li1_pic .public-img {
    border-radius: .2rem
}

#c-header .c-nav .nav_li1 .right .nav_li1_pic .public-img::before {
    padding-top: 55%
}

#c-header .c-nav ul {
    position: absolute;
    top: 99%;
    left: 50%;
    display: none;
    min-width: 140px;
    line-height: .3rem;
    background: var(--white-color);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px;
    border-radius: 0 0 .1rem .1rem
}

#c-header .c-nav ul li {
    margin: 0 !important;
    width: 100% !important;
    padding: 0
}

#c-header .c-nav ul li:last-child a::before {
    display: none
}

#c-header .c-nav ul li a {
    color: #333;
    display: block;
    font-size: 16px;
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal;
    line-height: 20px;
    padding: .15rem;
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    #c-header .c-nav ul li a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    #c-header .c-nav ul li a {
        font-size:13px
    }
}

#c-header .c-nav ul li a:before {
    display: none !important
}

#c-header .c-nav ul li a:hover {
    background: #f4f8fe;
    border-radius: .1rem;
    color: var(--active-color)
}

#c-header .c-nav li:hover>.c-title-box>a:before,#c-header .c-nav li.on>a:before,#c-header .c-nav li:hover>a:before {
    left: 0;
    width: 100%
}

.transition {
    transition: all .4s ease-in-out
}

.transition1 {
    transition: all .5s linear
}

.public-btn1 {
    font-size: 16px;
    line-height: 1.1 !important;
    color: var(--active-color);
    text-align: left;
    display: inline-block;
    position: relative
}

@media (max-width: 1580px) {
    .public-btn1 {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-btn1 {
        font-size:13px
    }
}

.public-btn1::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    margin-left: 5px;
    border-left: 1.5px solid var(--active-color);
    border-top: 1.5px solid var(--active-color);
    transform: rotate(135deg);
    transition: all .4s ease-in-out
}

a:hover .public-btn1::after,a.public-btn1:hover::after {
    left: 110%
}

#c-header .c-nav2 {
    position: absolute;
    top: 105px;
    left: 0;
    width: 100%;
    height: 0;
    line-height: 1rem;
    color: #333;
    background: #fff;
    overflow-y: auto;
    transition: all .4s ease-in-out;
    text-align: left
}

#c-header .c-nav2>li:last-child {
    border-bottom: 1px solid #f1f1f1
}

#c-header .c-nav2 li {
    padding: 0 .5rem;
    border-top: 1px solid #f1f1f1
}

@media (max-width: 767px) {
    #c-header .c-nav2 li {
        padding:0 .5rem
    }
}
@media (max-width: 500px) {
#c-header .c-nav2 {
    top: 125px;
}
}

#c-header .c-nav2 li .c-title-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#c-header .c-nav2 li .c-title-box img,#c-header .c-nav2 li .c-title-box svg {
    width: .3rem;
    height: .3rem;
    transition: all .4s ease-in-out;
    transform: rotate(180deg);
    object-fit: contain
}

#c-header .c-nav2 li .c-title-box .default {
    transform: rotate(-90deg)
}

#c-header .c-nav2 li .c-title-box.on img,#c-header .c-nav2 li .c-title-box.on svg {
    transform: rotate(90deg)
}

#c-header .c-nav2 li a {
    color: #333;
    transition: all .4s ease-in-out
}

#c-header .c-nav2 li a:hover,#c-header .c-nav2 li.on>a {
    color: var(--active-color)
}

#c-header .c-nav2 li ul {
    display: none
}

.c-open #c-header .c-nav2 {
    height: calc(100vh - 45px)
}

.c-open #c-header {
    background-color: var(--white-color)
}

#c-header .c-switch {
    position: relative;
    display: none;
    width: 24px;
    height: 20px;
    cursor: pointer
}

@media (max-width: 991px) {
    #c-header .c-switch {
        margin-left:15px;
        margin-top: 5px;
        display: block
    }
}

#c-header .c-switch i {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background: #000;
    transition: all .4s ease-in-out
}

#c-header .c-switch i:nth-child(1) {
    top: 0
}

#c-header .c-switch i:nth-child(3) {
    bottom: 0
}

#c-header .c-switch i:nth-child(2) {
    top: 50%;
    margin-top: -1px
}

#c-header.c-style .c-switch i,#c-header.c-style2 .c-switch i {
    background: #000
}

body.c-open #c-header .c-switch i:nth-child(2) {
    opacity: 0
}

body.c-open #c-header .c-switch i:nth-child(1) {
    top: 50%;
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.c-open #c-header .c-switch i:nth-child(3) {
    bottom: 50%;
    margin-bottom: -1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#c-header .c-gn {
    display: flex;
    align-items: center;
    float: right;
}

#c-header .c-gn .lan {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-222);
    padding: 0 2vw;
    line-height: 1.5;
    min-width: 1.6rem;
    overflow: hidden;
}

@media (max-width: 1580px) {
    #c-header .c-gn .lan {
        font-size:12px
    }
}

@media (max-width: 991px) {
    #c-header .c-gn .lan {
        font-size:13px
    }
}

#c-header .c-gn .lan a {
    display: inline-block;
    padding: 0 5px;
    font-size: 14px;
    color: var(--black-222)
}

@media (max-width: 1580px) {
    #c-header .c-gn .lan a {
        font-size:12px
    }
}

@media (max-width: 991px) {
    #c-header .c-gn .lan a {
        font-size:13px
    }
}

#c-header .c-gn .lan a:hover,#c-header .c-gn .lan a.active {
    color: var(--active-color)
}

#c-header .c-gn .lan svg {
    width: 20px;
    height: 20px
}

#c-header .c-gn .call {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 20px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-222);
    max-width: 2rem;
    overflow: hidden;
}

@media (max-width: 1580px) {
    #c-header .c-gn .call {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    #c-header .c-gn .call {
        font-size:15px
    }
}

@media (max-width: 991px) {
    #c-header .c-gn .call {
        display:none
    }
}

#c-header .c-gn .call span {
    margin-left: 5px
}

#c-header .c-gn .call svg {
    width: 20px;
    height: 20px;
    margin-top: -2px
}

#c-header .c-gn .c-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 20px;
    min-width: 140px;
    border-radius: .1rem;
    line-height: 26px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(to left, #2a72f5, #5c94fa);
    transition: all .5s linear
}

@media (max-width: 1580px) {
    #c-header .c-gn .c-phone {
        font-size:13px
    }
}

@media (max-width: 1260px) {
    #c-header .c-gn .c-phone {
        font-size:13px;
        min-width: 100px;
        height: 35px;
    }
}

#c-header .c-gn .c-phone:hover {
    border-radius: 45px
}

@media (max-width: 991px) {
    #c-header .c-gn .c-phone {
        padding:0 10px;
        min-width: 100px
    }

    #c-header .c-gn .c-phone:hover {
        border-radius: 45px
    }
}

@media (max-width: 480px) {
    #c-header .c-gn .c-phone {
        min-width:85px;
        height: 35px
    }
}

#c-header .c-gn .c-phone span {
    font-family: PingFangSC-Medium,'PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-weight: normal
}

#c-go-top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--active-color);
    cursor: pointer
}

@media (max-width: 991px) {
    #c-go-top {
        display:none !important
    }
}

#c-go-top img,#c-go-top svg {
    width: 50%;
    height: 50%;
    color: #fff;
    transform: rotate(-90deg);
    object-fit: contain
}

#c-code-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 910;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4)
}

#c-code-pop .c-img-box {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 20px;
    width: 200px;
    border-radius: 5px;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#c-code-pop .c-img-box .c-close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    bottom: -60px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    transition: all .4s ease-in-out;
    color: #333
}

#c-code-pop .c-img-box .c-close img,#c-code-pop .c-img-box .c-close svg {
    margin: 4px;
    width: 18px;
    height: 18px;
    object-fit: contain
}

#c-code-pop .c-img-box .c-close:hover {
    color: #fff;
    background-color: var(--active-color)
}

#c-code-pop .c-img-box>img {
    width: 100%
}

#c-code-pop .c-img-box .c-text {
    padding-top: 10px;
    line-height: 1;
    text-align: center;
    color: #333
}

@keyframes fn3 {
    0% {
        opacity: 0;
        transform: matrix(1, -0.1, 0, 1, 0, -20)
    }

    100% {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.fn3 {
    transform-origin: 0 0;
    animation: fn3 1.2s cubic-bezier(.49, .54, .16, 1);
    animation-fill-mode: both
}

@keyframes fn4 {
    0% {
        opacity: 0;
        transform: matrix(1, .075, 0, 1, 0, 10)
    }

    100% {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.fn4 {
    transform-origin: 0 0;
    animation: fn4 1.2s cubic-bezier(.49, .54, .16, 1);
    animation-fill-mode: both
}

@keyframes lightFn {
    0% {
        mask-size: 0 0
    }

    100% {
        mask-size: 100% 100%
    }
}

@keyframes lightFn_2 {
    0% {
        mask-size: 0 0
    }

    100% {
        mask-size: 100% 100%
    }
}

@keyframes rightFn {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }

    100% {
        transform: translateY(1.5rem);
        -webkit-transform: translateY(1.5rem);
        -moz-transform: translateY(1.5rem);
        -o-transform: translateY(1.5rem);
        -ms-transform: translateY(1.5rem)
    }
}

@keyframes bright {
    0% {
        filter: brightness(4)
    }

    100% {
        filter: brightness(1)
    }
}

.scaleInImg {
    animation-name: scaleInImg
}

.c-top-header {
    background: url('../images/header.jpg') center center no-repeat;
    background-size: cover;
    padding: .15rem 0;
    line-height: 20px !important;
    font-size: 16px;
    color: var(--white-color);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 1px
}

@media (max-width: 1580px) {
    .c-top-header {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .c-top-header {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .c-top-header {
        padding:5px 0;
        -webkit-box-align: start;
        -moz-align-items: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.c-top-header .ico {
    margin-right: .1rem;
    width: 13px;
    line-height: 1
}

@media (max-width: 991px) {
    .c-top-header .ico {
        margin-top:3px
    }
}

.c-top-header svg {
    width: 100%;
    height: 100%
}

.c-top-header span {
    max-width: 65vw
}

.c-footer-container {
    background-color: var(--white-color)
}

.c-footer-container .c-footer-top {
    padding: 1rem 0 .4rem;
    border-bottom: 1px solid #eeeeee
}

@media (max-width: 480px) {
    .c-footer-container .c-footer-top {
        padding:30px 0 0
    }
}

.c-footer-container .c-footer-top .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-footer-container .c-footer-img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

.c-footer-container .c-footer-img .text {
    font-size: 16px;
    color: rgba(102,102,102,0.5);
    line-height: 1.5;
    padding-left: .3rem;
    max-width: 50vw
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-img .text {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-img .text {
        font-size:13px
    }
}

@media (max-width: 480px) {
    .c-footer-container .c-footer-img .text {
        max-width:calc(100% - 100px)
    }
}

@media (max-width: 480px) {
    .c-footer-container .c-footer-img img {
        max-height:25px
    }
}

.c-footer-container .c-footer-share {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-share {
        margin:20px 0 40px
    }
}

.c-footer-container .c-footer-share .item {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(221,221,221,0.5);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 15px;
    position: relative;
    z-index: 2
}

.c-footer-container .c-footer-share .item:hover .qcode {
    opacity: 1;
    top: 105%
}

.c-footer-container .c-footer-share .item .qcode {
    box-shadow: 0 0 5px rgba(0,0,0,0.06);
    opacity: 0;
    background-color: var(--white-color);
    width: 0;
    padding: 8px;
    position: absolute;
    width: 120px;
    border-radius: 5px;
    top: 115%;
    transition: top .4s
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-share .item .qcode {
        left:0
    }
}

.c-footer-container .c-footer-share .item .qcode img {
    max-width: 100px
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-share .item {
        margin-left:0;
        margin-right: 10px
    }
}

.c-footer-container .c-footer-share .item svg {
    height: 20px;
    max-width: 75%
}

.c-footer-container .c-footer-share .item svg path {
    fill: rgba(153,153,153,0.35)
}

.c-footer-container .c-footer-share .item:hover {
    background: linear-gradient(135deg, #5f96fa, #2a72f5);
    border-color: transparent
}

.c-footer-container .c-footer-share .item:hover svg path {
    fill: var(--white-color)
}

.c-footer-container .c-footer-center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-footer-container .c-footer-center .footer_nav_list {
    width: 48.5%;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: .32rem .6rem;
    position: relative
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .footer_nav_list {
        display:none
    }
}

.c-footer-container .c-footer-center .footer_nav_list .tit {
    display: inline-block;
    font-size: 24px;
    padding-bottom: .3rem;
    line-height: 30px;
    display: block;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-center .footer_nav_list .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .footer_nav_list .tit {
        font-size:16px
    }
}

.c-footer-container .c-footer-center .footer_nav_list .tit span {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 93%, var(--active-color) 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: all .4s ease-in-out;
    color: var(--black-000)
}

.c-footer-container .c-footer-center .footer_nav_list .item.active .tit span {
    color: var(--active-color);
    background-size: 100% 100%
}

.c-footer-container .c-footer-center .footer_nav_list .item.active .nav_list {
    display: block
}

.c-footer-container .c-footer-center .footer_nav_list .nav_list {
    position: absolute;
    top: .3rem;
    left: 2.65rem;
    display: none;
    width: calc(100% - 2.65rem)
}

.c-footer-container .c-footer-center .footer_nav_list .nav_list a {
    display: inline-block;
    min-width: 100%;
    font-size: 18px;
    color: var(--black-666);
    line-height: 30px;
    padding-bottom: .2rem;
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-center .footer_nav_list .nav_list a {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .footer_nav_list .nav_list a {
        font-size:14px
    }
}

.c-footer-container .c-footer-center .footer_nav_list .nav_list a:hover {
    color: var(--active-color)
}

.c-footer-container .c-footer-center .footer_nav_list .item:nth-child(2) .nav_list {
    max-height: 90%;
    overflow: auto
}

.c-footer-container .c-footer-center .footer_nav_list .item.overfive .nav_list a {
    min-width: 45%
}

.c-footer-container .c-footer-center .footer_nav_list .item.overTen .nav_list a {
    min-width: 30%
}

.c-footer-container .c-footer-center .footer-contact {
    width: 25%;
    padding: 5px 0 .6rem .6rem
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .footer-contact {
        width:100%;
        padding: 15px 0 60px
    }
}

.c-footer-container .c-footer-center .footer-contact .tips {
    padding: .3rem 0 5px;
    font-size: 14px;
    color: var(--black-999)
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-center .footer-contact .tips {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .footer-contact .tips {
        font-size:13px
    }
}

.c-footer-container .c-footer-center .footer-contact .info {
    font-size: 30px;
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    line-height: 1.1;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-center .footer-contact .info {
        font-size:26px
    }
}

@media (max-width: 1260px) {
    .c-footer-container .c-footer-center .footer-contact .info {
        font-size:20px
    }
}

.c-footer-container .c-footer-center .left {
    width: 26.5%;
    padding: 0 .6rem .6rem 0;
    min-height: 360px
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .left {
        border-bottom:1px solid #eeeeee;
        width: 100%;
        padding: 30px 0 50px;
        min-height: 0
    }
}

.c-footer-container .c-footer-center .left .tips {
    font-size: 18px;
    color: var(--black-666);
    padding: .35rem 0 .25rem
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-center .left .tips {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .left .tips {
        font-size:14px
    }
}

.c-footer-container .c-footer-center .left .form {
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: .1rem 45px 45px .1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.c-footer-container .c-footer-center .left .input {
    padding: 0 .2rem;
    width: calc(100% - 80px);
    font-size: 14px;
    height: 45px
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-center .left .input {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .left .input {
        font-size:13px
    }
}

.c-footer-container .c-footer-center .left .submit {
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    width: 80px;
    border: 0;
    color: var(--white-color);
    border-radius: .1rem;
    overflow: hidden;
    position: relative;
    transition: all .5s linear;
    background: linear-gradient(to left, #5a93fa, #2a72f5)
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-center .left .submit {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-center .left .submit {
        font-size:13px
    }
}

.c-footer-container .c-footer-center .left .submit:hover {
    border-radius: 45px
}

.c-footer-container .c-footer-bottom {
    border-top: 1px solid #eeeeee
}

.c-footer-container .c-footer-bottom .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    padding: 27px 0;
    color: #cccccc
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-bottom .container {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-bottom .container {
        font-size:13px
    }
}

.c-footer-container .c-footer-bottom .container a {
    color: #cccccc;
    padding: 0 15px
}

.c-footer-container .c-footer-bottom .container a:hover {
    color: var(--active-color)
}

.c-footer-container .c-footer-bottom .container .c-footer-bottom-left {
    font-size: 16px;
    color: #cccccc
}

@media (max-width: 1580px) {
    .c-footer-container .c-footer-bottom .container .c-footer-bottom-left {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .c-footer-container .c-footer-bottom .container .c-footer-bottom-left {
        font-size:13px
    }
}

.c-footer-container.noActive {
    position: absolute;
    z-index: 4;
    bottom: 0;
    width: 100%
}

.c-footer-container.active {
    position: fixed;
    z-index: 4;
    bottom: 0;
    width: 100%
}

.public-banner-section {
    height: 6.5rem;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 991px) {
    .public-banner-section {
        height:600px
    }
}

.public-banner-section .container {
    position: relative;
    z-index: 3
}

@media (max-width: 991px) {
    .public-banner-section .container {
        padding-bottom:180px
    }
}

.public-banner-section .title {
    font-size: 48px;
    margin-bottom: .3rem;
    line-height: 1.3;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .public-banner-section .title {
        font-size:.48rem
    }
}

@media (max-width: 991px) {
    .public-banner-section .title {
        font-size:26px
    }
}

.public-banner-section .title .ico-ai {
    margin: 0 6px 0 0;
    width: 1rem
}

.public-banner-section .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.public-banner-section .title .icon {
    margin-top: -22px;
    margin-left: -12px
}

.public-banner-section .title .ico-arrows {
    margin-top: 15px;
    width: 1.85rem
}

.public-banner-section .title .icon1 {
    margin-top: -18px;
    margin-left: 20px
}

.public-banner-section .iphone-bg {
    display: none
}

@media (max-width: 991px) {
    .public-banner-section .iphone-bg {
        display:block
    }
}

.public-banner-section .pc-bg {
    display: block;
    object-fit: cover
}

@media (max-width: 991px) {
    .public-banner-section .pc-bg {
        display:none
    }
}

.public-banner-section .bg-img {
    position: absolute;
    width: 100%;
    height: 100%
}

.public-banner-section .bg {
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover
}

.public-banner-section .desc {
    margin-top: -0.15rem;
    max-width: 6rem;
    font-size: 20px;
    color: #666666;
    line-height: 1.5
}

@media (max-width: 1580px) {
    .public-banner-section .desc {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .public-banner-section .desc {
        font-size:15px
    }
}

.public-banner-section .button-list {
    margin-top: .35rem
}

.public-banner-section .button-list a {
    margin-right: 10px;
    padding: 0 .3rem
}

.public-banner-section1 {
    height: 450px;
    background: center center no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding-top: .3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

.public-banner-section1 .container {
    position: relative;
    z-index: 3;
    max-width: 730px;
    text-align: center
}

.public-banner-section1 .title {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 48px;
    margin-bottom: .13rem;
    line-height: 1.3
}

@media (max-width: 1580px) {
    .public-banner-section1 .title {
        font-size:.48rem
    }
}

@media (max-width: 991px) {
    .public-banner-section1 .title {
        font-size:26px
    }
}

.public-banner-section1 .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.public-banner-section1 .desc {
    line-height: 1.45;
    font-size: 18px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .public-banner-section1 .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .public-banner-section1 .desc {
        font-size:14px
    }
}

.public-about-banner-section {
    height: 6.5rem;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 991px) {
    .public-about-banner-section {
        height:420px
    }
}

.public-about-banner-section .container {
    position: relative;
    z-index: 3
}

.public-about-banner-section .ico-star {
    width: .6rem;
    margin-left: 3px;
    margin-top: -0.5rem
}

@media (max-width: 991px) {
    .public-about-banner-section .ico-star {
        margin-top:0
    }
}

.public-about-banner-section .title {
    font-size: 48px;
    margin-bottom: .3rem;
    line-height: 1.3;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    display: inline
}

@media (max-width: 1580px) {
    .public-about-banner-section .title {
        font-size:.48rem
    }
}

@media (max-width: 991px) {
    .public-about-banner-section .title {
        font-size:26px
    }
}

.public-about-banner-section .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.public-about-banner-section .title:after {
    content: '';
    display: inline-block;
    background-color: #000;
    width: 1px;
    vertical-align: top;
    height: .6rem;
    opacity: 0
}

.public-about-banner-section .title.cursor::after {
    opacity: 1
}

.public-about-banner-section .title.clear {
    background-color: var(--black-000);
    color: var(--white-color)
}

.public-about-banner-section .bg-img {
    position: absolute;
    width: 100%;
    height: 100%
}

.public-about-banner-section .bg {
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
    object-fit: cover
}

.public-about-banner-section .desc {
    font-size: 16px;
    color: #646a7b;
    line-height: 1.5
}

@media (max-width: 1580px) {
    .public-about-banner-section .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-about-banner-section .desc {
        font-size:13px
    }
}

.public-about-banner-section .tips {
    font-size: 24px;
    display: inline-block;
    color: var(--active-color);
    line-height: .5rem;
    padding: 0 .5rem;
    margin: 20px 0 12px;
    background: linear-gradient(to left, rgba(30,93,252,0), rgba(30,93,252,0.2), rgba(30,93,252,0))
}

@media (max-width: 1580px) {
    .public-about-banner-section .tips {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .public-about-banner-section .tips {
        font-size:16px
    }
}

.public-about-banner-section .button-list {
    margin-top: .35rem
}

.public-about-banner-section .button-list a {
    margin-right: 10px
}

.public-product-banner-section {
    margin-top: calc(.2rem + 27px);
    height: calc(100vh - .2rem - 27px);
    overflow: hidden
}

@media (max-width: 991px) {
    .public-product-banner-section {
        height:600px
    }
}

@keyframes rotate360 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loading-text {
    padding: .3rem 0;
    font-size: 14px;
    line-height: 2;
    color: #999
}

@media (max-width: 1580px) {
    .loading-text {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .loading-text {
        font-size:13px
    }
}

.loading-text .gif {
    width: 35px;
    margin: auto;
    animation: rotate360 2s infinite linear;
    transform-origin: center center
}

.contact1-section {
    background: #fdfcfe
}

.contact1-section .public-title-box {
    padding: .9rem 0 .45rem
}

.contact1-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact1-section .list li {
    width: calc(33.33% - 14px);
    background: url(../images/contact-bg.jpg) right bottom no-repeat;
    background-size: cover;
    margin: 0 0 .2rem 21px;
    padding: .35rem .15rem .3rem .35rem;
    border-radius: .2rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 991px) {
    .contact1-section .list li {
        width:100%;
        margin-left: 0
    }
}

.contact1-section .list li:nth-child(3n - 2) {
    margin-left: 0
}

.contact1-section .list li .text-box {
    width: calc(100% - 1.05rem);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 1.4rem
}

@media (max-width: 991px) {
    .contact1-section .list li .text-box {
        width:calc(100% - 1.3rem)
    }
}

.contact1-section .list li .icon {
    width: .77rem;
    height: .77rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    background: var(--active-color);
    border-radius: 50%
}

.contact1-section .list li .icon svg {
    max-width: 70%;
    max-height: 70%
}

@media (max-width: 1580px) {
    .contact1-section .list li .icon svg {
        max-width:50%;
        max-height: 50%
    }
}

@media (max-width: 991px) {
    .contact1-section .list li .icon {
        width:1rem;
        height: 1rem
    }

    .contact1-section .list li .icon svg {
        max-width: 50%;
        max-height: 50%
    }
}

.contact1-section .list li .info1 {
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 26px;
    color: var(--active-color);
    word-wrap: break-word;
    word-break: break-all
}

@media (max-width: 1580px) {
    .contact1-section .list li .info1 {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .contact1-section .list li .info1 {
        font-size:16px
    }
}

@media (max-width: 1580px) {
    .contact1-section .list li .info1 {
        font-size:24px
    }
}

@media (max-width: 1580px) and (max-width: 1580px) {
    .contact1-section .list li .info1 {
        font-size:20px
    }
}

@media (max-width: 1580px) and (max-width: 991px) {
    .contact1-section .list li .info1 {
        font-size:16px
    }
}

.contact1-section .list li .tit {
    font-size: 24px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .contact1-section .list li .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .contact1-section .list li .tit {
        font-size:16px
    }
}

.contact1-section .list li .desc {
    font-size: 16px;
    color: var(--black-666);
    line-height: 1.5;
    padding: 5px 0
}

@media (max-width: 1580px) {
    .contact1-section .list li .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .contact1-section .list li .desc {
        font-size:13px
    }
}

.contact1-section .contact-bg {
    position: relative
}

@media (max-width: 480px) {
    .contact1-section .contact-bg {
        background-color:rgba(0,0,0,0.015);
        padding: 30px 0
    }
}

@media (max-width: 480px) {
    .contact1-section .contact-bg {
        margin-top:50px
    }

    .contact1-section .contact-bg>img {
        display: none
    }
}

.contact1-section .contact-bg .loc-list li {
    position: absolute
}

@media (max-width: 480px) {
    .contact1-section .contact-bg .loc-list li {
        position:static;
        margin-bottom: 25px
    }
}

.contact1-section .contact-bg .loc-list li .con-box {
    position: relative;
    cursor: pointer
}

.contact1-section .contact-bg .loc-list li .con-box .icon {
    width: 1rem;
    height: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media (max-width: 480px) {
    .contact1-section .contact-bg .loc-list li .con-box .icon {
        display:none
    }
}

.contact1-section .contact-bg .loc-list li .con-box .icon .r1 {
    content: '';
    position: absolute;
    bottom: 5%;
    left: 15%;
    width: 70%;
    height: 26.5%;
    z-index: 1;
    background: url('../images/loc3.png');
    background-size: cover;
    animation: scaleInImg linear infinite 3s;
    opacity: 0;
    transform-origin: center center
}

.contact1-section .contact-bg .loc-list li .con-box .icon::after {
    content: '';
    position: absolute;
    bottom: 5%;
    left: 15%;
    width: 70%;
    height: 26.5%;
    z-index: 1;
    background: url('../images/loc3.png');
    background-size: cover;
    transform: scale(.3);
    transform-origin: center center
}

.contact1-section .contact-bg .loc-list li .con-box .icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url('../images/loc2.png') center center no-repeat;
    background-size: cover
}

.contact1-section .contact-bg .loc-list li .con-box .icon.main-loc::before {
    background: url('../images/loc1.png') center center no-repeat;
    background-size: cover
}

.contact1-section .contact-bg .loc-list li .con-box .icon img {
    width: 15px;
    height: 15px;
    margin-bottom: 10px;
    position: relative;
    z-index: 4
}

@media (max-width: 480px) {
    .contact1-section .contact-bg .loc-list li .con-box .icon img {
        margin-bottom:5px
    }
}

.contact1-section .contact-bg .loc-list li .con-box .text {
    font-size: 16px;
    color: var(--black-000);
    text-align: center;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .contact1-section .contact-bg .loc-list li .con-box .text {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .contact1-section .contact-bg .loc-list li .con-box .text {
        font-size:13px
    }
}

@media (max-width: 480px) {
    .contact1-section .contact-bg .loc-list li .con-box .text {
        margin-bottom:-0.4rem
    }
}

.contact1-section .contact-bg .loc-list li .con-box .text-box {
    border: 1px solid var(--white-color);
    width: 3rem;
    background-color: var(--white-color);
    border-radius: .2rem;
    overflow: hidden;
    position: absolute;
    bottom: 75%;
    left: 70%;
    display: none
}

.contact1-section .contact-bg .loc-list li .con-box .text-box .loc-name {
    display: none;
    font-size: 30px;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .contact1-section .contact-bg .loc-list li .con-box .text-box .loc-name {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .contact1-section .contact-bg .loc-list li .con-box .text-box .loc-name {
        font-size:20px
    }
}

@media (max-width: 480px) {
    .contact1-section .contact-bg .loc-list li .con-box .text-box .loc-name {
        padding:15px 20px 0;
        display: block
    }
}

@media (max-width: 480px) {
    .contact1-section .contact-bg .loc-list li .con-box .text-box {
        width:90%;
        margin: auto;
        position: static;
        display: block !important
    }
}

.contact1-section .contact-bg .loc-list li .con-box .public-img::before {
    padding-top: 60%
}

.contact1-section .contact-bg .loc-list li .con-box .address {
    padding: 15px 20px;
    line-height: 1.5;
    font-size: 16px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .contact1-section .contact-bg .loc-list li .con-box .address {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .contact1-section .contact-bg .loc-list li .con-box .address {
        font-size:13px
    }
}

@media (max-width: 480px) {
    .contact1-section .contact-bg .loc-list li .con-box .address {
        font-size:20px;
        padding: 5px 20px 20px
    }
}

@media (max-width: 480px) and (max-width: 1580px) {
    .contact1-section .contact-bg .loc-list li .con-box .address {
        font-size:17px
    }
}

@media (max-width: 480px) and (max-width: 991px) {
    .contact1-section .contact-bg .loc-list li .con-box .address {
        font-size:15px
    }
}

.contact1-section .contact-bg .loc-list li.shenzhen {
    top: calc(53% - .5rem);
    left: calc(42.6% - .5rem)
}

.contact1-section .contact-bg .loc-list li.zhuhai {
    top: calc(60.7% - .5rem);
    left: calc(53.3% - .5rem)
}

.contact1-section .contact-bg .loc-list li.fuzhou {
    top: calc(85% - .5rem);
    left: calc(39% - .5rem)
}

@media (max-width: 1260px) {
    .contact1-section .contact-bg .loc-list li.fuzhou {
        top:calc(83% - .5rem)
    }
}

.contact1-section .contact-bg .loc-list li.xiamen {
    top: calc(90% - .5rem);
    left: calc(34.5% - .5rem)
}

@media (max-width: 1260px) {
    .contact1-section .contact-bg .loc-list li.xiamen {
        top:calc(85% - .5rem)
    }
}

.contact1-section .contact-bg .loc-list li.shanghai {
    top: calc(71% - .5rem);
    left: calc(32.5% - .5rem)
}

.contact1-section .contact-bg .loc-list li.chongqing {
    top: calc(60% - .5rem);
    left: calc(28.5% - .5rem)
}

.contact1-section .contact-bg .loc-list li.chengdu {
    top: calc(70% - .5rem);
    left: calc(18.5% - .5rem)
}

.contact1-section .contact-bg .loc-list li.hongkong {
    top: calc(89% - .5rem);
    left: calc(59.5% - .5rem)
}

@media (max-width: 1260px) {
    .contact1-section .contact-bg .loc-list li.hongkong {
        top:calc(84% - .5rem)
    }
}

.contact1-section .contact-bg .loc-list li.changsha {
    top: calc(58% - .5rem);
    left: calc(63.5% - .5rem)
}

.contact1-section .contact-bg .loc-list li.wuhan {
    top: calc(71% - .5rem);
    left: calc(73% - .5rem)
}

.contact1-section .contact-bg .loc-list li.changchun {
    top: calc(50% - .5rem);
    left: calc(71% - .5rem)
}

.contact1-section .contact-bg .loc-list li.beijing {
    top: calc(40% - .5rem);
    left: calc(49% - .5rem)
}

.contact1-section .contact-bg .loc-list li.no-data-item {
    opacity: .5
}

.contact1-section .contact-bg .loc-list li.no-data-item .con-box .r1 {
    animation: none
}

.contact1-section .contact-bg .loc-list li.no-data-item * {
    cursor: default
}

.public-title-box {
    text-align: center
}

.public-title-box .title {
    font-size: 42px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    line-height: 1.43
}

@media (max-width: 1580px) {
    .public-title-box .title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .public-title-box .title {
        font-size:24px
    }
}

.public-title-box .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.public-title-box .title .line {
    width: 56px;
    height: 2px;
    background: #999999;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.public-title-box .desc {
    font-size: 20px;
    color: var(--black-666);
    line-height: 1.444;
    padding-top: .1rem
}

@media (max-width: 1580px) {
    .public-title-box .desc {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .public-title-box .desc {
        font-size:15px
    }
}

.public-custom-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 3px;
    border-radius: 20px
}

.solution1-section {
    background-color: var(--bg-f7);
    padding: 1.3rem 0 1rem
}

@media (max-width: 480px) {
    .solution1-section {
        padding:50px 0 10px 0
    }
}

.solution1-section .more {
    text-align: center
}

.solution1-section .solution1-nav-list {
    padding-bottom: .5rem
}

.solution1-section .solution1-nav-list a {
    display: inline-block;
    font-size: 16px;
    transition: all .4s ease-in-out;
    height: 40px;
    line-height: 40px;
    color: #858f9f;
    padding: 0 .2rem;
    margin-right: 10px;
    margin-bottom: .1rem;
    border-radius: .1rem
}

@media (max-width: 1580px) {
    .solution1-section .solution1-nav-list a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .solution1-section .solution1-nav-list a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .solution1-section .solution1-nav-list a {
        height:30px;
        line-height: 30px;
        padding: 0 .13rem;
        margin-right: 5px
    }
}

.solution1-section .solution1-nav-list a:hover,.solution1-section .solution1-nav-list a.active {
    background-color: #e9f1fe;
    color: var(--active-color)
}

.solution1-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.solution1-section .list li {
    background-color: var(--white-color);
    width: calc(25% - 19px);
    border-radius: .2rem;
    overflow: hidden;
    margin-bottom: 30px;
    margin-left: 25px
}

.solution1-section .list li:nth-child(4n - 3) {
    margin-left: 0
}

@media (max-width: 991px) {
    .solution1-section .list li {
        margin-left:15px;
        margin-bottom: 15px;
        width: calc(50% - 7.5px)
    }

    .solution1-section .list li:nth-child(odd) {
        margin-left: 0
    }
}

.solution1-section .list li a {
    display: block
}

.solution1-section .list li .public-img::before {
    padding-top: 60%
}

.solution1-section .list li .text-box {
    padding: .3rem .3rem 1rem;
    box-sizing: border-box;
    border-radius: .2rem;
    position: relative
}

.solution1-section .list li .tag {
    border: 1px solid #f5b52a;
    display: inline-block;
    color: #f5b52a;
    background-color: #fef7e9;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 5px;
    box-sizing: border-box
}

.solution1-section .list li .tag.zhengwu {
    border-color: #982af5;
    color: #982af5;
    background-color: #f4e9fe
}

.solution1-section .list li .tag.zhizao {
    border-color: #22ac38;
    color: #22ac38;
    background-color: #e8f7eb
}

.solution1-section .list li .tag.tongxun {
    border-color: #2a72f5;
    color: #2a72f5;
    background-color: #e9f1fe
}

.solution1-section .list li .tag.danwei {
    border-color: #f5552a;
    color: #f5552a;
    background-color: #feeee9
}

.solution1-section .list li .tag.qita {
    border-color: #2fc0d3;
    color: #2fc0d3;
    background-color: #eaf9fb
}

@media (max-width: 1580px) {
    .solution1-section .list li .tag {
        height:25px;
        line-height: 25px;
        padding: 0 10px
    }
}

.solution1-section .list li .tit {
    margin-top: .15rem;
    line-height: 26px;
    height: calc(26px * 3);
    font-size: 16px;
    color: var(--black-666);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

@media (max-width: 1580px) {
    .solution1-section .list li .tit {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .solution1-section .list li .tit {
        font-size:13px
    }
}

@media (max-width: 1580px) {
    .solution1-section .list li .tit {
        line-height:21px;
        height: calc(21px * 3)
    }
}

.solution1-section .list li .tit span {
    color: var(--black-333)
}

.solution1-section .list li .more {
    position: absolute;
    bottom: 0;
    width: calc(100% - .6rem);
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #eeeeee;
    padding: 10px .25rem 10px 0;
    min-height: .7rem
}

@media (max-width: 1580px) {
    .solution1-section .list li .more {
        padding:5px .25rem 5px 0
    }
}

.solution1-section .list li .more .ico {
    height: .4rem;
    max-width: 150px
}

@media (max-width: 991px) {
    .solution1-section .list li .more .ico {
        max-width:calc(100% - 60px);
        height: auto;
        max-height: .4rem
    }
}

.solution1-swiper-section {
    position: relative;
    z-index: 3
}

.solution1-swiper-section .public-title-box {
    padding-bottom: .4rem
}

.solution1-swiper-section .solution2-section {
    position: relative
}

.solution1-swiper-section .solution2-section::before,.solution1-swiper-section .solution2-section::after {
    content: '';
    position: absolute;
    width: 5%;
    height: 100%;
    z-index: 5;
    background: linear-gradient(to left, rgba(247,249,254,0), #f7f9ff)
}

.solution1-swiper-section .solution2-section::after {
    transform: rotate(180deg);
    right: 0;
    top: 0
}

.solution1-swiper-section .list {
    padding-bottom: .3rem;
    position: relative
}

@media (max-width: 991px) {
    .solution1-swiper-section .list {
        padding-bottom:.5rem
    }
}

.solution1-swiper-section .list li {
    width: 100%;
    margin: 0
}

.solution1-swiper-section .swiper-button {
    width: .6rem;
    height: .6rem;
    background: none;
    border-radius: 50%;
    box-shadow: 0 8px 35px 0 rgba(128,142,174,0.22)
}

@media (max-width: 767px) {
    .solution1-swiper-section .swiper-button {
        width:30px;
        height: 30px
    }
}

.solution1-swiper-section .swiper-button svg {
    width: 100%;
    height: 100%
}

.solution1-swiper-section .swiper-button svg path {
    transition: all .4s ease-in-out
}

.solution1-swiper-section .swiper-button svg:hover .bg-fill {
    fill: var(--active-color)
}

.solution1-swiper-section .swiper-button svg:hover .ico-fill {
    fill: var(--white-color)
}

.solution1-swiper-section .swiper-button.swiper-button-prev {
    left: -1rem
}

@media (max-width: 1580px) {
    .solution1-swiper-section .swiper-button.swiper-button-prev {
        left:-7%
    }
}

@media (max-width: 1260px) {
    .solution1-swiper-section .swiper-button.swiper-button-prev {
        left:-2%
    }
}

.solution1-swiper-section .swiper-button.swiper-button-next {
    right: -1rem;
    transform: rotate(180deg)
}

@media (max-width: 1580px) {
    .solution1-swiper-section .swiper-button.swiper-button-next {
        right:-7%
    }
}

@media (max-width: 1260px) {
    .solution1-swiper-section .swiper-button.swiper-button-next {
        right:-2%
    }
}

.solution1-swiper-section .swiper-pagination {
    width: 100%;
    bottom: 0;
    display: none
}

@media (max-width: 991px) {
    .solution1-swiper-section .swiper-pagination {
        display:block
    }
}

.solution1-swiper-section .swiper-pagination .swiper-pagination-bullet {
    margin: 3px
}

.solution2-section .public-title-box {
    padding: 1.3rem 0 .3rem
}

.solution2-section .list {
    width: 100%;
    position: relative
}

.solution2-section .list::before,.solution2-section .list::after {
    content: '';
    position: absolute;
    width: 5%;
    height: 100%;
    z-index: 5;
    top: 0;
    background: linear-gradient(to left, rgba(255,255,255,0), #fff)
}

.solution2-section .list::before {
    left: -1%
}

.solution2-section .list::after {
    right: -1%;
    transform: rotate(180deg)
}

.solution2-section .swiper-wrapper {
    transition-timing-function: linear !important
}

.solution2-section .text {
    background: url('../images/home-bg3.png') bottom right no-repeat;
    background-size: cover;
    border-radius: .12rem;
    box-shadow: 0 .05rem .18rem 0 rgba(149,172,213,0.16);
    width: 180px;
    height: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 16px;
    color: var(--white-color);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .solution2-section .text {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .solution2-section .text {
        font-size:13px
    }
}

@media (max-width: 1580px) {
    .solution2-section .text {
        width:150px;
        height: 60px
    }
}

@media (max-width: 991px) {
    .solution2-section .text {
        width:110px;
        height: 40px
    }
}

.solution2-section .logo {
    background-color: var(--white-color);
    border-radius: .12rem;
    box-shadow: 0 .05rem .18rem 0 rgba(149,172,213,0.16);
    width: 180px;
    height: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 1580px) {
    .solution2-section .logo {
        width:150px;
        height: 60px
    }
}

@media (max-width: 991px) {
    .solution2-section .logo {
        width:110px;
        height: 40px
    }
}

.solution2-section .logo img {
    max-width: 90%;
    max-height: 90%
}

.solution2-section .swiper-slide {
    width: auto !important;
    padding: .15rem
}

.solution2-section .swiper-container:nth-child(even) {
    transform: rotate(180deg)
}

.solution2-section .swiper-container:nth-child(even) .text,.solution2-section .swiper-container:nth-child(even) .logo {
    transform: rotate(180deg)
}

.solution11-swiper-section .solution2-section .list::before,.solution11-swiper-section .solution2-section .list::after {
    background: linear-gradient(to left, rgba(247,249,254,0), #f7f9ff)
}

.solution3-section {
    padding-top: 1.1rem
}

.solution3-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .6rem;
    background-color: #f3f7fe;
    border-radius: .4rem
}

@media (max-width: 991px) {
    .solution3-section .list {
        border-radius:.2rem;
        padding: 20px
    }
}

.solution3-section .list .icon {
    width: .65rem
}

.solution3-section .list .title {
    font-size: 42px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding: .1rem 0
}

@media (max-width: 1580px) {
    .solution3-section .list .title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .solution3-section .list .title {
        font-size:24px
    }
}

.solution3-section .list .desc {
    font-size: 18px;
    color: var(--black-666);
    line-height: 1.444
}

@media (max-width: 1580px) {
    .solution3-section .list .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .solution3-section .list .desc {
        font-size:14px
    }
}

.solution3-section .list .public-btn2 {
    margin: .1rem 0 0
}

@media (max-width: 991px) {
    .solution3-section .list .public-btn2 {
        margin:.3rem 0
    }
}

.solution3-section .list .text-box {
    width: 54%;
    margin: .2rem 0 .2rem 0;
    padding-right: .6rem;
    box-sizing: border-box;
    max-width: calc(500px + .6rem);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

@media (max-width: 991px) {
    .solution3-section .list .text-box {
        width:100%;
        margin: 0 0 .3rem
    }
}

.solution3-section .list .picture {
    width: 46%;
    border-radius: .2rem
}

.solution3-section .list .picture::before {
    padding-top: 75%
}

@media (max-width: 991px) {
    .solution3-section .list .picture {
        width:100%
    }
}

.solution2-info-section {
    background: var(--white-color);
    padding: 1.2rem 0
}

.solution2-info-section .left {
    width: 10.7rem
}

@media (max-width: 991px) {
    .solution2-info-section .left {
        width:100%
    }
}

.solution2-info-section .left .name img {
    max-height: 50px
}

.solution2-info-section .left .title {
    display: block;
    font-size: 20px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    padding: .3rem 0
}

@media (max-width: 1580px) {
    .solution2-info-section .left .title {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .left .title {
        font-size:15px
    }
}

.solution2-info-section .left .person {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: .3rem;
    border-bottom: 1px solid #eeeeee
}

.solution2-info-section .left .person .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 13px
}

.solution2-info-section .left .person .info {
    width: calc(100% - 65px);
    padding-top: 3px
}

.solution2-info-section .left .person .n1 {
    font-size: 16px;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .solution2-info-section .left .person .n1 {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .left .person .n1 {
        font-size:13px
    }
}

.solution2-info-section .left .person .n2 {
    font-size: 14px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .solution2-info-section .left .person .n2 {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .left .person .n2 {
        font-size:13px
    }
}

.solution2-info-section .left .list {
    padding: .2rem 0
}

.solution2-info-section .left .list li {
    padding: .3rem 0
}

.solution2-info-section .left .list li .l-title {
    background: url('../images/ico-arrow.png') center left no-repeat;
    background-size: 25px 25px;
    padding-left: 35px;
    margin-bottom: .25rem
}

.solution2-info-section .left .list li .l-title span {
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 24px
}

@media (max-width: 1580px) {
    .solution2-info-section .left .list li .l-title span {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .left .list li .l-title span {
        font-size:16px
    }
}

.solution2-info-section .left .list li .l-content {
    font-size: 18px;
    color: var(--black-666);
    line-height: 1.667
}

@media (max-width: 1580px) {
    .solution2-info-section .left .list li .l-content {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .left .list li .l-content {
        font-size:14px
    }
}

.solution2-info-section .left .value-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: #f3f7fe;
    margin: 0 0 10px;
    border-radius: .2rem
}

.solution2-info-section .left .value-list dd {
    position: relative;
    max-width: 4.7rem;
    min-height: 220px;
    width: 50%;
    padding: .25rem;
    box-sizing: border-box
}

@media (max-width: 991px) {
    .solution2-info-section .left .value-list dd {
        width:100%;
        max-width: 100%
    }
}

.solution2-info-section .left .value-list dd .arrows {
    position: absolute;
    left: 115%;
    top: 50%;
    transform: translate(0, -50%)
}

@media (max-width: 991px) {
    .solution2-info-section .left .value-list dd .arrows {
        left:48%;
        top: 80%;
        transform: rotate(90deg) translate(-50%, 0)
    }
}

.solution2-info-section .left .value-list dd:nth-child(even) .arrows {
    display: none
}

@media (max-width: 991px) {
    .solution2-info-section .left .value-list dd:nth-child(even) .arrows {
        display:block
    }
}

.solution2-info-section .left .value-list dd:last-child .arrows {
    display: none
}

.solution2-info-section .left .value-list.value-list2 {
    background-color: #f5f3fe
}

.solution2-info-section .left .value-list.value-list2 .arrows path {
    fill: #ddd6fe
}

.solution2-info-section .left .value-list .val-tit {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 18px;
    padding: 0 0 .15rem;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .solution2-info-section .left .value-list .val-tit {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .left .value-list .val-tit {
        font-size:14px
    }
}

.solution2-info-section .left .value-list .val-desc {
    font-size: 18px;
    line-height: 1.66;
    color: var(--black-999)
}

@media (max-width: 1580px) {
    .solution2-info-section .left .value-list .val-desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .left .value-list .val-desc {
        font-size:14px
    }
}

.solution2-info-section .right {
    float: right;
    position: sticky;
    top: 100px;
    right: 0;
    z-index: 4;
    width: 3.2rem;
    background: #fff;
    border-radius: .2rem;
    overflow: hidden;
    box-shadow: 0 5px 35px 0 rgba(144,151,168,0.16)
}

@media (max-width: 991px) {
    .solution2-info-section .right {
        display:none
    }
}

.solution2-info-section .right .r-bottom {
    box-sizing: border-box;
    padding: .4rem .3rem .3rem;
    margin-top: -0.1rem;
    background-image: -moz-linear-gradient(29deg, rgba(255,255,255,0.5) 0%, rgba(233,241,254,0.5) 100%);
    background-image: -webkit-linear-gradient(29deg, rgba(255,255,255,0.5) 0%, rgba(233,241,254,0.5) 100%);
    background-image: -ms-linear-gradient(29deg, rgba(255,255,255,0.5) 0%, rgba(233,241,254,0.5) 100%)
}

.solution2-info-section .right .r-bottom .public-btn2-border {
    text-align: center;
    width: 100%
}

.solution2-info-section .right .r-top {
    position: relative;
    z-index: 1;
    min-height: 1.6rem;
    border-radius: .2rem;
    overflow: hidden;
    padding: .3rem;
    box-sizing: border-box
}

.solution2-info-section .right .r-top .logo {
    height: 30px
}

.solution2-info-section .right .r-top .text {
    padding-top: 15px;
    max-width: 130px;
    font-size: 18px;
    color: var(--black-333);
    line-height: 1.444;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .solution2-info-section .right .r-top .text {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .solution2-info-section .right .r-top .text {
        font-size:14px
    }
}

.solution1-info-section {
    background: url('../images/banner-solution-info.jpg') top center no-repeat;
    background-size: cover;
    padding: 1.6rem 0 1.4rem;
    min-height: 8rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 991px) {
    .solution1-info-section {
        padding:150px 0 40px
    }
}

.solution1-info-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.solution1-info-section .title {
    line-height: 1.4;
    font-size: 36px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-333);
    padding: 15px 0
}

@media (max-width: 1580px) {
    .solution1-info-section .title {
        font-size:32px
    }
}

@media (max-width: 991px) {
    .solution1-info-section .title {
        font-size:18px
    }
}

.solution1-info-section .desc {
    line-height: 1.45;
    font-size: 18px;
    color: var(--black-666);
    text-align: justify;
}

@media (max-width: 1580px) {
    .solution1-info-section .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .solution1-info-section .desc {
        font-size:14px
    }
}

.solution1-info-section .num-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px
}

@media (max-width: 991px) {
    .solution1-info-section .num-list {
        padding:25px 0 35px
    }
}

.solution1-info-section .num-list li {
    width: 33.33%
}

.solution1-info-section .num-list .num {
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.solution1-info-section .num-list .c-num-move {
    font-size: .48rem;
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    line-height: 1
}

.solution1-info-section .num-list .utils {
    font-size: 16px;
    line-height: 1;
    color: white;
    padding-bottom: 9px;
    vertical-align: bottom;
    display: inline-block
}

@media (max-width: 1580px) {
    .solution1-info-section .num-list .utils {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .solution1-info-section .num-list .utils {
        font-size:13px
    }
}

.solution1-info-section .num-list .num-desc {
    font-size: 16px;
    color: var(--black-666);
    padding: 7px 0
}

@media (max-width: 1580px) {
    .solution1-info-section .num-list .num-desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .solution1-info-section .num-list .num-desc {
        font-size:13px
    }
}

.solution1-info-section .text-box {
    width: 45%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 991px) {
    .solution1-info-section .text-box {
        width:100%
    }
}

.solution1-info-section .picture {
    width: 48%;
    border-radius: .2rem
}

@media (max-width: 991px) {
    .solution1-info-section .picture {
        width:100%
    }
}

.solution1-info-section .picture::before {
    padding-top: 60%
}

.solution1-info-section .tag {
    border: 1px solid #f5b52a;
    display: inline-block;
    color: #f5b52a;
    background-color: #fef7e9;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 5px;
    box-sizing: border-box
}

.solution1-info-section .tag.zhengwu {
    border-color: #982af5;
    color: #982af5;
    background-color: #f4e9fe
}

.solution1-info-section .tag.zhizao {
    border-color: #22ac38;
    color: #22ac38;
    background-color: #e8f7eb
}

.solution1-info-section .tag.tongxun {
    border-color: #2a72f5;
    color: #2a72f5;
    background-color: #e9f1fe
}

.solution1-info-section .tag.danwei {
    border-color: #f5552a;
    color: #f5552a;
    background-color: #feeee9
}

.solution1-info-section .tag.qita {
    border-color: #2fc0d3;
    color: #2fc0d3;
    background-color: #eaf9fb
}

@media (max-width: 1580px) {
    .solution1-info-section .tag {
        height:25px;
        line-height: 25px;
        padding: 0 10px
    }
}

.public-section1 {
    text-align: center;
    border-radius: 0 0 .6rem .6rem;
    padding: 1.4rem 0 1.2rem;
    background: url('../images/public-bg1.png') bottom center no-repeat;
    background-size: cover
}

.public-section1 .icon-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.public-section1 .icon-box .icon {
    margin: 0 -5px
}

@media (max-width: 480px) {
    .public-section1 .icon-box .icon {
        width:170px;
        height: 140px;
        margin: 0
    }
}

.public-section1 .icon {
    position: relative;
    width: 350px;
    height: 260px;
    margin: -0.4rem auto 0;
    user-select: none;
    outline: none;
    background-color: transparent
}

@media (max-width: 1580px) {
    .public-section1 .icon {
        height:300px
    }
}

@media (max-width: 991px) {
    .public-section1 .icon {
        width:200px;
        height: 160px
    }
}

.public-section1 .icon img {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.5rem;
    max-width: 1000%;
    margin: auto
}

@media (max-width: 1580px) {
    .public-section1 .icon img {
        width:8rem
    }
}

@media (max-width: 991px) {
    .public-section1 .icon img {
        width:7rem
    }
}

.public-section1 .title {
    font-size: 42px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding: .1rem 0;
    line-height: 1.2
}

@media (max-width: 1580px) {
    .public-section1 .title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .public-section1 .title {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .public-section1 .title {
        padding:30px 0 20px
    }
}

.public-section1 .desc {
    font-size: 20px;
    color: var(--black-666);
    line-height: 1.444;
    padding: 0 0 .4rem
}

@media (max-width: 1580px) {
    .public-section1 .desc {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .public-section1 .desc {
        font-size:15px
    }
}

.public-section1 .button-list a {
    margin: 5px 7px
}

.public-section1 .text-box {
    position: relative;
    z-index: 3
}

.public-section2 {
    padding: 1.4rem 0 .8rem 0;
    position: relative;
    overflow: hidden
}

.public-section2:hover::after {
    animation-play-state: running
}

.public-section2:hover .container::after {
    animation-play-state: running
}

.public-section2:hover .container::before {
    animation-play-state: running
}

.public-section2::after {
    content: '';
    animation: 5s ease-in-out 0s infinite normal none running logo-ani1;
    animation-play-state: paused;
    position: absolute;
    bottom: 35%;
    right: 7%;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background: url('../images/banner-product4.png');
    background-size: 100% 100%
}

@media (max-width: 1260px) {
    .public-section2::after {
        display:none
    }
}

.public-section2 .container {
    position: relative
}

.public-section2 .container::before {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    bottom: 0;
    left: -7%;
    display: block;
    background: url('../images/banner-product3.png');
    animation: 5s ease-in-out 0s infinite normal none running logo-ani2;
    animation-play-state: paused;
    background-size: 100% 100%
}

@media (max-width: 1260px) {
    .public-section2 .container::before {
        display:none
    }
}

.public-section2 .container::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    background: url('../images/banner-product5.png');
    position: absolute;
    top: 0;
    left: 5%;
    animation: 5s ease-in-out 0s infinite normal none running logo-ani6;
    animation-play-state: paused;
    background-size: 100% 100%
}

@media (max-width: 1260px) {
    .public-section2 .container::after {
        display:none
    }
}

.public-section2 .bg {
    position: relative;
    z-index: 3;
    width: 100%
}

@media (max-width: 480px) {
    .public-section2 .bg {
        width:160%;
        max-width: 160%;
        margin-left: -30%
    }
}

.public-section2 .text-box {
    width: 80%;
    position: absolute;
    top: 56%;
    left: 50%;
    z-index: 4;
    transform: translate(-50%, -50%)
}

@media (max-width: 480px) {
    .public-section2 .text-box {
        width:90%
    }
}

.public-section2 .title {
    font-size: 42px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding: 0 0 .5rem;
    line-height: 1.1
}

@media (max-width: 1580px) {
    .public-section2 .title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .public-section2 .title {
        font-size:24px
    }
}

@media (max-width: 480px) {
    .public-section2 .title {
        padding-bottom:15px
    }
}

.common-pagetion {
    text-align: center;
    font-size: 14px;
    line-height: .45rem;
    padding: .2rem 0 1.4rem
}

@media (max-width: 1580px) {
    .common-pagetion {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .common-pagetion {
        font-size:13px
    }
}

.common-pagetion .input,.common-pagetion a {
    color: var(--black-999);
    cursor: pointer;
    display: inline-block;
    margin: 0 2px;
    min-width: .45rem;
    padding: 0 .1rem;
    height: .45rem;
    line-height: .47rem;
    box-sizing: border-box;
    border: 1px solid #d7dcea;
    border-radius: 5px;
    vertical-align: middle
}

@media (max-width: 991px) {
    .common-pagetion .input,.common-pagetion a {
        width:30px;
        height: 30px;
        line-height: 27px;
        font-size: 12px
    }
}

.common-pagetion .input.input,.common-pagetion a.input {
    width: 70px
}

.common-pagetion .input.icon,.common-pagetion a.icon {
    background: #f4f5f8;
    border: 1px solid transparent
}

.common-pagetion a.active,.common-pagetion a:hover {
    background: var(--active-color);
    border-color: var(--active-color)
}

.common-pagetion .more-icon {
    width: 100%;
    height: 100%;
    display: block;
    padding-right: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.common-pagetion .more-icon i {
    border-color: #a7a8a9;
    top: calc(50% - .05rem);
    left: calc(50% - .05rem);
    width: .1rem;
    height: .1rem;
    transform: rotate(-135deg);
    border-bottom: 2px solid #a7a8a9;
    border-left: 2px solid #a7a8a9;
    display: block;
    transition: all .3s ease-in-out
}

@media (max-width: 991px) {
    .common-pagetion .more-icon i {
        width:6px;
        height: 6px
    }
}

.common-pagetion a.active,.common-pagetion a:hover {
    background: linear-gradient(to right, #2a72f5, #5c94fa);
    color: var(--white-color)
}

.common-pagetion a.active .more-icon i,.common-pagetion a:hover .more-icon i {
    border-color: #ffffff
}

.common-pagetion .icon.prev {
    transform: rotate(180deg)
}

.common-pagetion .icon.next {
    margin-right: .15rem
}

.inner-news-module {
    background: url('../images/banner-news1.png') top center no-repeat;
    background-size: cover
}

.inner-channel-module {
    background: linear-gradient(to bottom, #f3f7fe, var(--white-color));
    background-size: cover
}

.channel1-section {
    padding: 1rem 0 0
}

.channel1-section .list {
    padding-top: .5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 480px) {
    .channel1-section .list {
        padding-top:20px
    }
}

.channel1-section .list li {
    width: 33.3%;
    padding: 0 .2rem .2rem
}

@media (max-width: 991px) {
    .channel1-section .list li {
        width:50%
    }
}

@media (max-width: 480px) {
    .channel1-section .list li {
        width:100%;
        padding-bottom: 35px
    }
}

.channel1-section .list li .icon-box {
    background-image: linear-gradient(18deg, #2a72f5 0%, #2a72f5 46%, #78a7fd 100%);
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto
}

.channel1-section .list li .icon-box svg {
    max-width: 60%
}

.channel1-section .list li .text-box {
    text-align: center
}

.channel1-section .list li .text-box .name {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    padding: .3rem 0 .15rem
}

@media (max-width: 1580px) {
    .channel1-section .list li .text-box .name {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .channel1-section .list li .text-box .name {
        font-size:16px
    }
}

.channel1-section .list li .text-box .desc {
    font-size: 16px;
    color: #666666;
    line-height: 1.625
}

@media (max-width: 1580px) {
    .channel1-section .list li .text-box .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .channel1-section .list li .text-box .desc {
        font-size:13px
    }
}

.channel2-section {
    padding-top: 1rem
}

.channel2-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .15rem
}

.channel2-section .list li {
    border-radius: .2rem;
    margin-top: .3rem;
    min-height: 3.6rem;
    box-shadow: 0 .04rem .16rem 0 rgba(0,0,0,0.01);
    position: relative;
    padding: .2rem .4rem;
    width: calc(25% - 19px);
    margin-bottom: 30px;
    margin-left: 25px;
    overflow: hidden
}

.channel2-section .list li:nth-child(4n - 3) {
    margin-left: 0
}

@media (max-width: 991px) {
    .channel2-section .list li {
        margin-left:15px;
        margin-bottom: 15px;
        width: calc(50% - 7.5px)
    }

    .channel2-section .list li:nth-child(odd) {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .channel2-section .list li {
        width:100%;
        margin-left: 0;
        margin-top: 25px;
        padding: .4rem
    }
}

.channel2-section .list li .tit {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 26px;
    color: var(--active-color);
    padding: .2rem 0;
    border-bottom: 1px solid #d8e1f2
}

@media (max-width: 1580px) {
    .channel2-section .list li .tit {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .channel2-section .list li .tit {
        font-size:16px
    }
}

.channel2-section .list li .desc {
    padding-top: 15px
}

.channel2-section .list li .desc dd {
    display: block;
    color: var(--black-333);
    font-size: 18px;
    line-height: 20px;
    padding: .1rem 0 .1rem .35rem;
    position: relative
}

@media (max-width: 1580px) {
    .channel2-section .list li .desc dd {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .channel2-section .list li .desc dd {
        font-size:14px
    }
}

.channel2-section .list li .desc dd .ico {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: calc(50% - 10px)
}

@media (max-width: 991px) {
    .channel2-section .list li .desc dd .ico {
        width:15px;
        height: 15px;
        top: calc(50% - 6px)
    }
}

.channel2-section .list li .desc dd .ico svg {
    display: block;
    width: 100%;
    height: 100%;
    position: static
}

.channel2-section .list li .icon {
    max-width: 1.6rem;
    position: absolute;
    bottom: -5%;
    right: -2%
}

@media (max-width: 991px) {
    .channel2-section .list li .icon {
        bottom:.15rem;
        right: .15rem
    }
}

.channel2-section .list li .icon svg {
    max-width: 100%;
    max-height: 100%
}

.channel2-section .list li:nth-child(4n) {
    background-image: linear-gradient(to top, var(--white-color), rgba(255,255,255,0.5), rgba(255,255,255,0.5), #fce8bb)
}

.channel2-section .list li:nth-child(4n) .tit {
    border-color: #e6d8b2;
    color: #f6c04a
}

.channel2-section .list li:nth-child(4n) svg path {
    fill: #f6c04a
}

.channel2-section .list li:nth-child(4n - 1) {
    background-image: linear-gradient(to top, var(--white-color), rgba(255,255,255,0.5), rgba(255,255,255,0.5), #debafc)
}

.channel2-section .list li:nth-child(4n - 1) .tit {
    border-color: #d9b2e6;
    color: #982af5
}

.channel2-section .list li:nth-child(4n - 1) svg path {
    fill: #982af5
}

.channel2-section .list li:nth-child(4n - 2) {
    background-image: linear-gradient(to top, var(--white-color), rgba(255,255,255,0.5), rgba(255,255,255,0.5), #bbe6fc)
}

.channel2-section .list li:nth-child(4n - 2) .tit {
    border-color: #b2c5e6;
    color: #2ab0f5
}

.channel2-section .list li:nth-child(4n - 2) svg path {
    fill: #2ab0f5
}

.channel2-section .list li:nth-child(4n - 3) {
    background-image: linear-gradient(to top, var(--white-color), rgba(255,255,255,0.5), rgba(255,255,255,0.5), #b3ccfb)
}

.channel2-section .list li:nth-child(4n - 3) .tit {
    border-color: #b2c5e6;
    color: #2f75f5
}

.channel2-section .list li:nth-child(4n - 3) svg path {
    fill: #2f75f5
}

.news1-section {
    padding: 110px 0 0
}

.news1-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.news1-section .left {
    width: 72%;
    border-radius: .2rem;
    overflow: hidden
}

@media (max-width: 991px) {
    .news1-section .left {
        width:100%
    }
}

.news1-section .left .time {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px;
    color: #83b1f9;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.news1-section .left .time .icon {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 5px
}

.news1-section .left .time .icon svg {
    width: 100%;
    height: 100%
}

.news1-section .left .time .icon svg path {
    fill: #83b1f9
}

.news1-section .left .text-box {
    padding: .6rem;
    width: 6.2rem;
    box-sizing: border-box
}

@media (max-width: 991px) {
    .news1-section .left .text-box {
        padding:25px;
        max-width: 70%
    }
}

.news1-section .left .title {
    font-size: .4rem;
    line-height: 1.25;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-333);
    padding: 15px 0 .4rem
}

.news1-section .left .swiper-pagination-bullet {
    width: .2rem;
    border-radius: 30px;
    background-color: #accce6;
    opacity: 1;
    position: relative;
    overflow: hidden;
    height: .07rem
}

.news1-section .left .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #1e5dfc;
    transition: all 1s ease
}

.news1-section .left .swiper-pagination-bullet-active::after {
    width: 100%;
    transition: all 4s ease
}

.news1-section .swiper-slide {
    background: center center no-repeat;
    background-size: cover;
    height: 4.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

.news1-section .hot-editor-list {
    width: 25%
}

@media (max-width: 991px) {
    .news1-section .hot-editor-list {
        width:100%;
        margin: 25px 0 35px
    }
}

.news2-section {
    background: linear-gradient(to top, #f6f9ff, rgba(255,255,255,0));
    padding: .3rem 0 0
}

.news2-section .tips {
    font-size: 14px;
    color: #b6bbcd;
    line-height: 1;
    padding-top: 5px
}

@media (max-width: 1580px) {
    .news2-section .tips {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .news2-section .tips {
        font-size:13px
    }
}

.news2-section .tips span {
    color: var(--active-color)
}

.news2-section .tag-list-section {
    padding: .2rem 0
}

.news2-section .nav-list a {
    display: inline-block;
    font-size: 16px;
    transition: all .4s ease-in-out;
    height: 40px;
    line-height: 40px;
    color: #858f9f;
    padding: 0 .2rem;
    margin-right: 10px;
    margin-bottom: .1rem;
    border-radius: .1rem
}

@media (max-width: 1580px) {
    .news2-section .nav-list a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .news2-section .nav-list a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .news2-section .nav-list a {
        height:30px;
        line-height: 30px;
        padding: 0 .13rem;
        margin-right: 5px
    }
}

.news2-section .nav-list a:hover,.news2-section .nav-list a.active {
    background-color: #e9f1fe;
    color: var(--active-color)
}

.news2-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.news2-section .left {
    width: 72%
}

@media (max-width: 991px) {
    .news2-section .left {
        width:100%
    }
}

.news2-section .right {
    width: 25%;
    text-align: right
}

@media (max-width: 991px) {
    .news2-section .right {
        width:100%;
        margin: 25px 0 35px
    }
}

.hot-editor-list {
    background: url('../images/hot.jpg') center top no-repeat #ffffff;
    border-radius: .2rem;
    padding: .3rem
}

.hot-editor-list a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .2rem
}

.hot-editor-list .icon {
    width: 18px;
    height: 22px;
    position: relative
}

.hot-editor-list .icon svg path {
    fill: #f3f6ff
}

.hot-editor-list .icon span {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    line-height: 14px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-999);
    font-size: 12px;
    text-align: center
}

.hot-editor-list .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: var(--black-333);
    width: calc(100% - 30px)
}

@media (max-width: 1580px) {
    .hot-editor-list .tit {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .hot-editor-list .tit {
        font-size:13px
    }
}

.hot-editor-list .title {
    font-size: 20px;
    color: #de0515;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .hot-editor-list .title {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .hot-editor-list .title {
        font-size:15px
    }
}

.hot-editor-list a:nth-child(1) .icon svg path {
    fill: #de0515
}

.hot-editor-list a:nth-child(1) .icon span {
    color: var(--white-color)
}

.hot-editor-list a:nth-child(2) .icon svg path {
    fill: #bb3cf6
}

.hot-editor-list a:nth-child(2) .icon span {
    color: var(--white-color)
}

.hot-editor-list a:nth-child(3) .icon svg path {
    fill: #a2c3ff
}

.hot-editor-list a:nth-child(3) .icon span {
    color: var(--white-color)
}

.hot-editor-list a:hover .tit {
    color: var(--active-color)
}

.public-search-box {
    width: 92%;
    line-height: .45rem;
    background-color: #e9f1fe;
    display: inline-block;
    border-radius: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .2rem
}

.public-search-box input {
    font-size: 16px;
    line-height: .45rem;
    color: #000;
    opacity: .5
}

@media (max-width: 1580px) {
    .public-search-box input {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-search-box input {
        font-size:13px
    }
}

.public-search-box .search {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.public-search-box .search svg {
    width: 100%;
    height: 100%;
    display: block
}

.public-search-box .search svg path {
    fill: var(--active-color)
}

.hot-tag-list {
    margin-top: .55rem;
    padding: .2rem;
    border-radius: .2rem;
    border: 1px solid var(--white-color);
    background-image: linear-gradient(29deg, #fff 0%, rgba(233,241,254,0.7) 100%);
    box-shadow: 0 5px 35px 0 rgba(144,151,168,0.16);
    position: sticky;
    top: 100px;
    left: 0;
    width: 100%;
    text-align: left
}

.hot-tag-list .title {
    font-size: 20px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding-bottom: .1rem
}

@media (max-width: 1580px) {
    .hot-tag-list .title {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .hot-tag-list .title {
        font-size:15px
    }
}

.hot-tag-list a {
    display: inline-block;
    padding: 5px .1rem;
    line-height: 18px;
    font-size: 12px;
    border-radius: 5px;
    background: #e9f1fe;
    margin: 5px 5px 5px 0;
    color: var(--active-color);
    transition: all .5s linear
}

.hot-tag-list a:hover {
    border-radius: 45px
}

.tag-section {
    background: linear-gradient(to top, #f6f9ff, rgba(255,255,255,0))
}

.tag-section .container {
    max-width: 1040px;
    margin: auto
}

.tag-list-section {
    padding: .5rem 0
}

.tag-list-section li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 48px;
    border-radius: .2rem;
    position: relative
}

.tag-list-section li::after {
    content: '';
    position: absolute;
    bottom: -24px;
    width: 100%;
    height: 1px;
    background: #efefef
}

.tag-list-section li::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(135deg, #fefeff, #edf4fe);
    border-radius: .12rem;
    opacity: 0;
    transition: all .4s ease-in-out
}

.tag-list-section li .ico-top {
    font-size: 12px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--white-color);
    padding: 0 10px;
    border-radius: 5px;
    background-color: #de0515;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
    line-height: 24px
}

.tag-list-section li .picture {
    border-radius: .12rem;
    overflow: hidden;
    width: 3.1rem
}

.tag-list-section li .picture::before {
    padding-top: 60%
}

@media (max-width: 991px) {
    .tag-list-section li .picture {
        width:100%
    }
}

.tag-list-section li .text-box {
    padding: 15px .5rem 15px 20px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: calc(100% - 3.1rem)
}

@media (max-width: 991px) {
    .tag-list-section li .text-box {
        width:100%;
        padding: 15px 0 0
    }
}

.tag-list-section li .text-box .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: #1e304a
}

@media (max-width: 1580px) {
    .tag-list-section li .text-box .title {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .tag-list-section li .text-box .title {
        font-size:16px
    }
}

.tag-list-section li .text-box .title span {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 93%, var(--active-color) 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: all .4s ease-in-out
}

.tag-list-section li .text-box .desc {
    color: rgba(29,33,41,0.6);
    line-height: 1.429;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 5px 0 3px
}

@media (max-width: 1580px) {
    .tag-list-section li .text-box .desc {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .tag-list-section li .text-box .desc {
        font-size:13px
    }
}

.tag-list-section li .text-box .tag-info {
    padding-top: 5px
}

.tag-list-section li .text-box .tag-item {
    display: inline-block;
    padding: 5px .1rem;
    line-height: 18px;
    font-size: 12px;
    border-radius: 5px;
    background: #e9f1fe;
    margin: 5px 5px 5px 0;
    color: var(--active-color);
    transition: all .5s linear
}

.tag-list-section li .text-box .tag-item:hover {
    border-radius: 45px
}

.tag-list-section li .text-box .time {
    padding-top: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px;
    color: #636e80
}

.tag-list-section li .text-box .time .icon {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 5px
}

.tag-list-section li .text-box .time .icon svg {
    width: 100%;
    height: 100%
}

.tag-list-section li:hover::before {
    opacity: 1;
    width: calc(100% - 2rem)
}

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

.news-info-section {
    padding: 150px 0 1.1rem;
    background: linear-gradient(to top, #f6f9ff, rgba(255,255,255,0))
}

.news-info-section .left {
    width: 72%;
    border-radius: .2rem;
    overflow: hidden;
    background: var(--white-color);
    padding: .6rem
}

@media (max-width: 991px) {
    .news-info-section .left {
        width:100%;
        padding: 25px;
        margin-bottom: 20px
    }
}

.news-info-section .left .n-title {
    font-size: 36px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .news-info-section .left .n-title {
        font-size:32px
    }
}

@media (max-width: 991px) {
    .news-info-section .left .n-title {
        font-size:18px
    }
}

.news-info-section .left .time {
    padding: 5px 0 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px;
    color: #636e80;
    opacity: .55;
    border-bottom: 1px solid #ddd;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.news-info-section .left .time .icon {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 5px
}

.news-info-section .left .time .icon svg {
    width: 100%;
    height: 100%
}

.news-info-section .left .time .icon svg path {
    fill: #636e80
}

.news-info-section .left .editor {
    font-size: 16px;
    line-height: 1.6;
    color: var(--black-666);
    padding: .3rem 0
}

@media (max-width: 1580px) {
    .news-info-section .left .editor {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .news-info-section .left .editor {
        font-size:13px
    }
}

.news-info-section .left .editor img {
    border-radius: .2rem;
    overflow: hidden
}

.news-info-section .left .pagetion {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1.375
}

@media (max-width: 1580px) {
    .news-info-section .left .pagetion {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .news-info-section .left .pagetion {
        font-size:13px
    }
}

.news-info-section .left .pagetion .prev,.news-info-section .left .pagetion .next {
    width: 33.3%;
    color: var(--color);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #666666;
    padding-top: .35rem
}

.news-info-section .left .pagetion .prev .ones-text,.news-info-section .left .pagetion .next .ones-text {
    transition: all .4s ease-in-out
}

.news-info-section .left .pagetion .prev .icon,.news-info-section .left .pagetion .next .icon {
    margin-top: 5px;
    margin-right: 10px;
    width: 15px;
    height: 15px
}

.news-info-section .left .pagetion .prev div,.news-info-section .left .pagetion .next div {
    display: block;
    width: calc(100% - 50px)
}

.news-info-section .left .pagetion .prev p,.news-info-section .left .pagetion .next p {
    width: 100%
}

@media (max-width: 767px) {
    .news-info-section .left .pagetion .prev p,.news-info-section .left .pagetion .next p {
        display:none
    }
}

.news-info-section .left .pagetion .next {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right
}

.news-info-section .left .pagetion .next svg {
    margin-left: 10px;
    margin-right: 0;
    transform: rotate(180deg)
}

.news-info-section .left .pagetion .ico-list {
    padding-top: .35rem;
    color: #666666;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all .4s ease-in-out
}

.news-info-section .left .pagetion .ico-list svg {
    margin-right: 5px
}

.news-info-section .left .pagetion .ico-list svg path {
    transition: all .4s ease-in-out
}

.news-info-section .left .pagetion .ico-list:hover {
    color: var(--active-color)
}

.news-info-section .left .pagetion a:hover {
    color: var(--active-color)
}

.news-info-section .left .pagetion a:hover svg path {
    fill: var(--active-color)
}

.news-info-section .right {
    width: 25%
}

@media (max-width: 991px) {
    .news-info-section .right {
        width:100%
    }
}

.news-info-section .right .sticky {
    position: sticky;
    top: 100px;
    left: 0
}

.news-info-section .hot-tag-list {
    margin-top: .25rem;
    position: static;
    top: 100px;
    left: 0;
    width: 100%
}

.news-info-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.serve1-section {
    padding: .9rem 0
}

.serve1-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .15rem
}

.serve1-section .list li {
    width: calc(33.3% - .3rem);
    border-radius: .2rem;
    margin-top: .3rem;
    background-image: linear-gradient(135deg, var(--white-color), rgba(255,255,255,0.5), #b3ccfb);
    min-height: 3.6rem;
    box-shadow: 0 .04rem .46rem 0 rgba(73,135,248,0.17);
    margin-left: .4rem;
    position: relative;
    padding: .2rem .4rem
}

@media (max-width: 991px) {
    .serve1-section .list li {
        width:100%;
        margin-left: 0;
        margin-top: 25px;
        padding: .4rem
    }
}

.serve1-section .list li .tit {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 26px;
    color: var(--active-color);
    padding: .2rem 0;
    border-bottom: 1px solid #d8e1f2
}

@media (max-width: 1580px) {
    .serve1-section .list li .tit {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .serve1-section .list li .tit {
        font-size:16px
    }
}

.serve1-section .list li .desc {
    padding-top: 15px
}

.serve1-section .list li .desc dd {
    display: block;
    color: var(--black-333);
    font-size: 18px;
    line-height: 20px;
    padding: .1rem 0 .1rem .35rem;
    background: url(../images/ico-serve.svg) center left no-repeat;
    background-size: .2rem .2rem
}

@media (max-width: 1580px) {
    .serve1-section .list li .desc dd {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .serve1-section .list li .desc dd {
        font-size:14px
    }
}

.serve1-section .list li .icon {
    width: 1rem;
    height: 1rem;
    position: absolute;
    bottom: .35rem;
    right: .35rem
}

@media (max-width: 991px) {
    .serve1-section .list li .icon {
        bottom:.15rem;
        right: .15rem
    }
}

.serve1-section .list li .icon svg {
    max-width: 100%;
    max-height: 100%
}

.serve1-section .list li:nth-child(3n - 2) {
    margin-left: 0
}

.serve2-section {
    padding: .6rem 0 1.5rem
}

.serve2-section .con-box {
    position: relative;
    margin-top: .5rem;
    text-align: center;
    z-index: 2
}

.serve2-section .con-box .progress {
    border-radius: 30px;
    height: 30px;
    width: 75%;
    background: url('../images/1_03.jpg') center left repeat-x #f2f7ff;
    position: absolute;
    background-size: 32% auto;
    left: 12.5%;
    top: 35px;
    overflow: hidden
}

@media (max-width: 991px) {
    .serve2-section .con-box .progress {
        display:none
    }
}

.serve2-section .con-box .progress .line {
    transition: all 1s linear;
    border-radius: 30px;
    width: 0%;
    height: 100%;
    max-width: 100%;
    background: linear-gradient(to right, #397cf6, #90b8ff)
}

.serve2-section .list {
    position: relative;
    z-index: 6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.serve2-section .list li {
    width: 25%
}

@media (max-width: 991px) {
    .serve2-section .list li {
        width:100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-align-items: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        text-align: left;
        margin: 0;
        border-bottom: 1px solid #eeeeee;
        padding-top: 15px
    }

    .serve2-section .list li:nth-child(1) {
        padding-top: 0
    }

    .serve2-section .list li .text-box {
        width: calc(100% - 90px);
        text-align: left;
        padding-bottom: 15px
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .serve2-section .list li .text-box {
        width:calc(100% - 100px)
    }
}

.serve2-section .list li .icon {
    margin: auto;
    background-color: var(--white-color)
}

.serve2-section .icon-box {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    margin: auto;
    position: relative
}

@media (max-width: 991px) {
    .serve2-section .icon-box {
        width:70px;
        height: 70px;
        margin: 0
    }
}

@media (max-width: 767px) {
    .serve2-section .icon-box {
        width:55px;
        height: 55px
    }
}

.serve2-section .icon-box::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: rgba(255,255,255,0.3);
    width: 118px;
    height: 118px;
    z-index: 2
}

@media (max-width: 991px) {
    .serve2-section .icon-box::before {
        width:80px;
        height: 80px
    }
}

@media (max-width: 767px) {
    .serve2-section .icon-box::before {
        width:65px;
        height: 65px
    }
}

.serve2-section .icon-box::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: rgba(255,255,255,0.5);
    box-shadow: none;
    transition: all .4s ease-in-out;
    width: 118px;
    height: 118px;
    z-index: 2
}

@media (max-width: 991px) {
    .serve2-section .icon-box::after {
        width:80px;
        height: 80px
    }
}

@media (max-width: 767px) {
    .serve2-section .icon-box::after {
        width:70px;
        height: 70px
    }
}

.serve2-section .icon {
    position: relative;
    z-index: 3;
    border: 4px solid #f2f7ff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.serve2-section .icon svg {
    width: 30px
}

@media (max-width: 767px) {
    .serve2-section .icon svg {
        width:20px
    }
}

.serve2-section .icon svg .a,.serve2-section .icon svg path {
    fill: #cadcfd;
    transition: all .4s ease-in-out
}

.serve2-section .icon svg .b {
    fill: #ffffff;
    transition: all .4s ease-in-out
}

.serve2-section .text-box {
    text-align: center
}

.serve2-section .tit {
    font-size: 26px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    padding: .25rem 0 .13rem;
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    .serve2-section .tit {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .serve2-section .tit {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .serve2-section .tit {
        padding-top:10px
    }
}

.serve2-section .desc {
    text-align: left;
    max-width: 95%;
    margin: auto;
    display: inline-block;
    font-size: 18px;
    line-height: 1.5;
    color: #666666
}

@media (max-width: 1580px) {
    .serve2-section .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .serve2-section .desc {
        font-size:14px
    }
}

.serve2-section .desc dd {
    display: block;
    padding: 5px 0
}

.serve2-section li.active .tit {
    color: var(--active-color)
}

.serve2-section li.active .icon-box::after {
    content: '';
    box-shadow: inset 0 -10px 6px 5px rgba(198,216,252,0.7),0 .12rem .2rem 0 #c6d8fc
}

.serve2-section li.active .icon {
    border: 1px solid #fff;
    background-image: -moz-linear-gradient(90deg, #2a72f5 0%, #c0b2ff 100%);
    background-image: -webkit-linear-gradient(90deg, #2a72f5 0%, #c0b2ff 100%);
    background-image: -ms-linear-gradient(90deg, #2a72f5 0%, #c0b2ff 100%);
    box-shadow: inset 0 6px 10px 0 rgba(201,251,253,0.5),inset 0 0 13px 0 rgba(255,255,255,0.1)
}

.serve2-section li.active .icon svg .a,.serve2-section li.active .icon svg path {
    fill: #fff
}

.serve2-section li.active .icon svg .b {
    fill: #2a72f5
}

.case-list-section {
    text-align: center;
    position: relative;
    z-index: 3;
    padding-top: .7rem
}

.case-list-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    position: relative
}

.case-list-section .list li {
    width: calc(33.3% - .3rem);
    margin-left: .4rem;
    overflow: hidden;
    border-radius: .2rem;
    box-shadow: 0 4px .5rem 0 rgba(206,215,231,0.33);
    border: 1px solid var(--white-color);
    margin-top: .3rem
}

.case-list-section .list li:nth-child(3n - 2) {
    margin-left: 0
}

@media (max-width: 991px) {
    .case-list-section .list li {
        width:calc(50% - 8px);
        margin-left: 0;
        margin-top: 16px
    }

    .case-list-section .list li:nth-child(even) {
        margin-left: 16px
    }
}

.case-list-section .list li a {
    display: block;
    padding: .5rem .3rem .4rem
}

@media (max-width: 991px) {
    .case-list-section .list li a {
        padding:15px
    }
}

.case-list-section .list li a .icon-box {
    width: 1rem;
    height: 1rem;
    border-radius: .1rem;
    padding: .1rem 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 991px) {
    .case-list-section .list li a .icon-box {
        width:50px;
        height: 50px
    }
}

.case-list-section .list li a .icon-box .icon {
    max-width: 65%
}

@media (max-width: 991px) {
    .case-list-section .list li a .icon-box .icon {
        max-width:50%
    }
}

.case-list-section .list li a .icon-box .icon svg {
    width: 100%;
    height: 100%
}

.case-list-section .list li a .name {
    font-size: 30px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding-top: .35rem;
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    .case-list-section .list li a .name {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .case-list-section .list li a .name {
        font-size:20px
    }
}

.case-list-section .list li a .desc {
    font-size: 18px;
    color: var(--black-666);
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: .2rem 0 .25rem
}

@media (max-width: 1580px) {
    .case-list-section .list li a .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .case-list-section .list li a .desc {
        font-size:14px
    }
}

.case-list-section .list li a:hover .name {
    color: var(--active-color)
}

.case-list-section .public-btn2-border {
    margin-top: .6rem
}

.case-list-section .public-btn2 {
    margin-top: .6rem
}

.case-swiper-list-section .list li {
    width: 100%;
    margin: 0;
    box-shadow: 0 4px .1rem 0 rgba(206,215,231,0.33)
}

.case-swiper-list-section .con-box {
    position: relative
}

.case-swiper-list-section .con-box .swiper-wrapper {
    padding: .5rem 0
}

.case-swiper-list-section .swiper-button {
    width: .6rem;
    height: .6rem;
    background: none;
    border-radius: 50%;
    box-shadow: 0 8px 35px 0 rgba(128,142,174,0.22)
}

@media (max-width: 767px) {
    .case-swiper-list-section .swiper-button {
        display:none;
        width: 30px;
        height: 30px
    }
}

.case-swiper-list-section .swiper-button svg {
    width: 100%;
    height: 100%
}

.case-swiper-list-section .swiper-button svg path {
    transition: all .4s ease-in-out
}

.case-swiper-list-section .swiper-button svg:hover .bg-fill {
    fill: var(--active-color)
}

.case-swiper-list-section .swiper-button svg:hover .ico-fill {
    fill: var(--white-color)
}

.case-swiper-list-section .swiper-button.swiper-button-prev {
    left: -1rem
}

@media (max-width: 1580px) {
    .case-swiper-list-section .swiper-button.swiper-button-prev {
        left:-7%
    }
}

@media (max-width: 1260px) {
    .case-swiper-list-section .swiper-button.swiper-button-prev {
        left:-2%
    }
}

.case-swiper-list-section .swiper-button.swiper-button-next {
    right: -1rem;
    transform: rotate(180deg)
}

@media (max-width: 1580px) {
    .case-swiper-list-section .swiper-button.swiper-button-next {
        right:-7%
    }
}

@media (max-width: 1260px) {
    .case-swiper-list-section .swiper-button.swiper-button-next {
        right:-2%
    }
}

.case-swiper-list-section .swiper-pagination {
    width: 100%;
    bottom: 0;
    display: none;
    left: 0
}

@media (max-width: 991px) {
    .case-swiper-list-section .swiper-pagination {
        display:block
    }
}

.case-swiper-list-section .swiper-pagination .swiper-pagination-bullet {
    margin: 2px
}

.public-bg-section {
    padding: 1.6rem 0 1.4rem;
    background: url('../images/public-bg.jpg') top center no-repeat #f5f9ff;
    background-size: cover
}

.public-bg-section .public-editor {
    border-radius: .4rem;
    background: linear-gradient(to bottom, #f8fbff, #ffffff);
    border: 1px solid #ffffff;
    padding: 1rem;
    text-align: center
}

@media (max-width: 991px) {
    .public-bg-section .public-editor {
        padding:30px
    }
}

.public-bg-section .public-editor .title {
    font-size: 42px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    line-height: 1.38;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .public-bg-section .public-editor .title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .title {
        font-size:24px
    }
}

.public-bg-section .public-editor .text-box {
    font-size: 18px;
    color: var(--black-999);
    border-bottom: 1px solid #eeeeee
}

@media (max-width: 1580px) {
    .public-bg-section .public-editor .text-box {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .text-box {
        font-size:14px
    }
}

.public-bg-section .public-editor .text-box span {
    display: inline-block;
    margin: .2rem .4rem
}

.public-bg-section .public-editor .article {
    text-align: left;
    font-size: 16px;
    line-height: 1.7;
    color: var(--black-666);
    padding-top: .5rem
}

@media (max-width: 1580px) {
    .public-bg-section .public-editor .article {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .article {
        font-size:13px
    }
}

.public-bg-section .public-editor .list {
    max-width: 1200px;
    padding-top: .6rem
}

.public-bg-section .public-editor .list li {
    border-top: 1px solid #eeeeee;
    padding: .35rem 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.public-bg-section .public-editor .list .tit {
    width: 2rem;
    display: block;
    padding-left: 10px;
    text-align: left
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .list .tit {
        width:100%;
        padding-left: 0
    }
}

.public-bg-section .public-editor .list .tit span {
    font-size: 20px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-222);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 93%, var(--white-color) 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    display: inline;
    transition: all .45s ease-in-out
}

@media (max-width: 1580px) {
    .public-bg-section .public-editor .list .tit span {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .list .tit span {
        font-size:15px
    }
}

.public-bg-section .public-editor .list .tit:hover span {
    background-size: 100% 100%
}

.public-bg-section .public-editor .list .nav-item {
    width: calc(100% - 2rem);
    text-align: left
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .list .nav-item {
        width:100%;
        padding-top: 10px
    }
}

.public-bg-section .public-editor .list .nav-item a {
    margin: 0 .4rem
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .list .nav-item a {
        display:inline-block;
        margin: 0 20px 0 0
    }
}

.public-bg-section .public-editor .list .nav-item a span {
    font-size: 18px;
    color: var(--black-222);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 93%, var(--active-color) 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    display: inline;
    transition: all .45s ease-in-out
}

@media (max-width: 1580px) {
    .public-bg-section .public-editor .list .nav-item a span {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .public-bg-section .public-editor .list .nav-item a span {
        font-size:14px
    }
}

.public-bg-section .public-editor .list .nav-item a:hover span {
    color: var(--active-color);
    background-size: 100% 100%
}

.page-404-section {
    background: center center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 991px) {
    .page-404-section {
        min-height:70vh
    }
}

.page-404-section .title {
    line-height: 1;
    font-size: 4rem;
    color: rgba(195,223,245,0.2);
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 991px) {
    .page-404-section .title {
        font-size:3rem
    }
}

.page-404-section .title .icon {
    width: 4.8rem;
    margin: .7rem -1rem 0
}

@media (max-width: 991px) {
    .page-404-section .title .icon {
        width:4rem
    }
}

.page-404-section .sec-tips {
    padding: .25rem 0 1rem;
    font-size: 16px;
    color: var(--black-222)
}

@media (max-width: 1580px) {
    .page-404-section .sec-tips {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .page-404-section .sec-tips {
        font-size:13px
    }
}

.page-404-section .sec-tips span {
    color: var(--active-color)
}

.page-form-section {
    background: center center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    padding: 1.4rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 1580px) {
    .page-form-section {
        padding-top:1.6rem
    }
}

@media (max-width: 991px) {
    .page-form-section {
        padding-top:150px
    }
}

.page-form-section .container {
    border-radius: .4rem;
    border: 1px solid var(--white-color);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.81176) 100%)
}

.page-form-section .container .left,.page-form-section .container .right {
    padding: .7rem
}

@media (max-width: 991px) {
    .page-form-section .container .left,.page-form-section .container .right {
        padding:30px
    }
}

.page-form-section .container .left .tit,.page-form-section .container .right .tit {
    font-size: 30px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    line-height: 1.1
}

@media (max-width: 1580px) {
    .page-form-section .container .left .tit,.page-form-section .container .right .tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .left .tit,.page-form-section .container .right .tit {
        font-size:20px
    }
}

.page-form-section .container .left .desc,.page-form-section .container .right .desc {
    padding: .2rem 0 10px;
    color: #616d78;
    font-size: 18px;
    line-height: 20px
}

@media (max-width: 1580px) {
    .page-form-section .container .left .desc,.page-form-section .container .right .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .left .desc,.page-form-section .container .right .desc {
        font-size:14px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .left .desc,.page-form-section .container .right .desc {
        padding:10px 0 20px
    }
}

.page-form-section .container .left .desc-list,.page-form-section .container .right .desc-list {
    padding: 15px 0 30px;
    border-bottom: 1px solid #e2e5ed
}

.page-form-section .container .left .desc-list dd,.page-form-section .container .right .desc-list dd {
    display: block;
    color: #616d78;
    font-size: 18px;
    line-height: 20px;
    padding: .1rem 0 .1rem .35rem;
    background: url(../images/ico-serve.svg) center left no-repeat;
    background-size: .2rem .2rem
}

@media (max-width: 1580px) {
    .page-form-section .container .left .desc-list dd,.page-form-section .container .right .desc-list dd {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .left .desc-list dd,.page-form-section .container .right .desc-list dd {
        font-size:14px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .left .desc-list dd,.page-form-section .container .right .desc-list dd {
        background-size:18px 18px;
        padding-left: 30px
    }
}

.page-form-section .container .left .contact-info,.page-form-section .container .right .contact-info {
    padding: .4rem 0 0
}

.page-form-section .container .left .contact-info .tit,.page-form-section .container .right .contact-info .tit {
    font-size: 24px
}

@media (max-width: 1580px) {
    .page-form-section .container .left .contact-info .tit,.page-form-section .container .right .contact-info .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .left .contact-info .tit,.page-form-section .container .right .contact-info .tit {
        font-size:16px
    }
}

.page-form-section .container .left .contact-info .desc,.page-form-section .container .right .contact-info .desc {
    padding: 15px 0 10px;
    color: #616d78;
    line-height: 1.6
}

@media (max-width: 991px) {
    .page-form-section .container .left .contact-info .desc,.page-form-section .container .right .contact-info .desc {
        padding:10px 0 20px
    }
}

.page-form-section .container .left .contact-info .qrcode-list,.page-form-section .container .right .contact-info .qrcode-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

.page-form-section .container .left .contact-info .qrcode-list .picture,.page-form-section .container .right .contact-info .qrcode-list .picture {
    margin: 15px 15px 0 0;
    width: 120px;
    padding: .15rem;
    border-radius: .15rem;
    background-color: var(--white-color)
}

.page-form-section .container .box-form ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .3rem
}

.page-form-section .container .box-form ul .box-form-item {
    width: calc(50% - 8px);
    margin: 15px 15px 0 0;
    position: relative;
    border: 1px solid #e4ebf5;
    transition: all .4s ease-in-out;
    border-radius: .1rem;
    overflow: hidden
}

@media (max-width: 991px) {
    .page-form-section .container .box-form ul .box-form-item {
        width:100%;
        margin: 0 0 15px
    }
}

.page-form-section .container .box-form ul .box-form-item .title {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 18px;
    color: var(--active-color);
    line-height: 43px;
    font-size: 14px
}

@media (max-width: 1580px) {
    .page-form-section .container .box-form ul .box-form-item .title {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .box-form ul .box-form-item .title {
        font-size:14px
    }
}

@media (max-width: 1580px) {
    .page-form-section .container .box-form ul .box-form-item .title {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .box-form ul .box-form-item .title {
        font-size:13px
    }
}

.page-form-section .container .box-form ul .box-form-item:nth-child(even) {
    margin-right: 0
}

.page-form-section .container .box-form ul .box-form-item .box-form-select,.page-form-section .container .box-form ul .box-form-item .box-form-input {
    width: 100%;
    height: 43px;
    line-height: 43px;
    border-radius: .1rem;
    overflow: hidden;
    font-size: 14px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .page-form-section .container .box-form ul .box-form-item .box-form-select,.page-form-section .container .box-form ul .box-form-item .box-form-input {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .box-form ul .box-form-item .box-form-select,.page-form-section .container .box-form ul .box-form-item .box-form-input {
        font-size:13px
    }
}

.page-form-section .container .box-form ul .box-form-item .box-form-select select,.page-form-section .container .box-form ul .box-form-item .box-form-input select {
    font-size: 14px;
    width: 100%;
    height: 100%;
    padding: 0 20px
}

@media (max-width: 1580px) {
    .page-form-section .container .box-form ul .box-form-item .box-form-select select,.page-form-section .container .box-form ul .box-form-item .box-form-input select {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .box-form ul .box-form-item .box-form-select select,.page-form-section .container .box-form ul .box-form-item .box-form-input select {
        font-size:13px
    }
}

.page-form-section .container .box-form ul .box-form-item .box-form-input {
    padding: 0 20px
}

.page-form-section .container .box-form ul .box-form-item .box-form-select {
    position: relative
}

.page-form-section .container .box-form ul .box-form-item .box-form-select::after {
    content: '';
    width: 8px;
    height: 8px;
    border-left: 2px solid #999999;
    border-top: 2px solid #999;
    opacity: .8;
    display: block;
    pointer-events: none;
    position: absolute;
    top: calc(45% - 4px);
    right: 15px;
    transform: rotate(225deg)
}

.page-form-section .container .box-form ul .box-form-textarea-item {
    width: 100%
}

.page-form-section .container .box-form ul .box-form-textarea-item .box-form-textarea {
    height: 115px;
    font-size: 14px;
    color: var(--black-000);
    resize: none;
    padding: 15px;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 1580px) {
    .page-form-section .container .box-form ul .box-form-textarea-item .box-form-textarea {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .page-form-section .container .box-form ul .box-form-textarea-item .box-form-textarea {
        font-size:13px
    }
}

.page-form-section .container .box-form ul .focus {
    border-radius: .1rem;
    background-color: var(--white-color);
    border-color: var(--active-color)
}

.page-form-section .container .left {
    border-radius: .4rem;
    border-right: 1px solid var(--white-color);
    width: 40%
}

@media (max-width: 991px) {
    .page-form-section .container .left {
        width:100%;
        border: 0
    }
}

.page-form-section .container .right {
    width: 60%
}

@media (max-width: 991px) {
    .page-form-section .container .right {
        width:100%
    }
}

.case-info1-section {
    padding: .9rem 0 1.1rem;
    background: linear-gradient(to top, #f5f9ff, #ffffff)
}

.case-info1-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.case-info1-section .list li {
    width: 25%;
    padding: .5rem;
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 991px) {
    .case-info1-section .list li {
        width:50%;
        padding: 35px 10px 10px
    }
}

.case-info1-section .list .icon-box {
    border-radius: .1rem;
    background-color: #e6efff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: auto
}

@media (max-width: 991px) {
    .case-info1-section .list .icon-box {
        width:70px;
        height: 70px
    }
}

.case-info1-section .list .icon-box svg {
    max-width: 60%;
    max-height: 60%
}

.case-info1-section .list .text-box .name {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    padding: .3rem 0 .15rem
}

@media (max-width: 1580px) {
    .case-info1-section .list .text-box .name {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .case-info1-section .list .text-box .name {
        font-size:16px
    }
}

.case-info1-section .list .text-box .desc {
    font-size: 16px;
    color: #666666;
    line-height: 1.625
}

@media (max-width: 1580px) {
    .case-info1-section .list .text-box .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .case-info1-section .list .text-box .desc {
        font-size:13px
    }
}

.public-win-section {
    display: none
}

.public-win-section .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black-000);
    opacity: .5;
    z-index: 1000
}

.public-win-section .public-win-box {
    position: fixed;
    top: 50%;
    left: 50%;
    background: url('../images/win.png');
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    width: 850px;
    height: 508px;
    padding-bottom: .6rem;
    padding-right: 5%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 991px) {
    .public-win-section .public-win-box {
        width:7.5rem;
        max-width: 95%;
        height: 4.5rem
    }
}

.public-win-section .public-win-box .ico-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 8%;
    right: 13%;
    z-index: 10;
    cursor: pointer
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .ico-close {
        width:20px;
        height: 20px
    }
}

.public-win-section .public-win-box .ico-close svg {
    width: 100%;
    height: 100%
}

.public-win-section .public-win-box .ico-close:hover .close-1 {
    fill: var(--active-color)
}

.public-win-section .public-win-box .text-box {
    width: 75%;
    position: relative
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .text-box {
        width:83%
    }
}

.public-win-section .public-win-box .ico-tag {
    min-width: 85px;
    height: 30px;
    background-image: linear-gradient(18deg, #2a72f5 0%, rgba(42,114,245,0.5) 46%, rgba(120,167,253,0.5) 100%);
    display: inline-block;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: var(--white-color);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    vertical-align: top
}

@media (max-width: 1580px) {
    .public-win-section .public-win-box .ico-tag {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .ico-tag {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .ico-tag {
        min-width:60px;
        height: 24px;
        line-height: 24px;
        font-size: 12px
    }
}

.public-win-section .public-win-box .phone {
    vertical-align: top;
    font-size: 24px;
    line-height: 30px;
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--active-color)
}

@media (max-width: 1580px) {
    .public-win-section .public-win-box .phone {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .phone {
        font-size:16px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .phone {
        line-height:24px;
        font-size: 17px
    }
}

.public-win-section .public-win-box .title {
    font-size: 30px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding: .25rem 0 .35rem
}

@media (max-width: 1580px) {
    .public-win-section .public-win-box .title {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .title {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .title {
        padding:12px 0 5px;
        font-size: 15px;
    }
}

.public-win-section .public-win-box .data-list {
    padding-bottom: .45rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .data-list {
        padding-bottom:7px
    }
}

.public-win-section .public-win-box .data-list li {
    max-width: 25%
}

.public-win-section .public-win-box .data-list .big-number {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 30px;
    display: inline-block
}

@media (max-width: 1580px) {
    .public-win-section .public-win-box .data-list .big-number {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .data-list .big-number {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .data-list .big-number {
        font-size:16px
    }
}

.public-win-section .public-win-box .data-list .num {
    display: inline;
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.public-win-section .public-win-box .data-list .utils {
    display: inline
}

.public-win-section .public-win-box .data-list .data-desc {
    font-size: 14px;
    color: var(--black-000);
    line-height: 1.1
}

@media (max-width: 1580px) {
    .public-win-section .public-win-box .data-list .data-desc {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .data-list .data-desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .public-win-section .public-win-box .data-list .data-desc {
        font-size:12px
    }
}

@media (max-width: 480px) {
    .public-win-section .public-win-box .data-list .data-desc {
        transform:scale(.7);
        transform-origin: 0 0
    }
}

.case-info2-section {
    padding: 1.4rem 0
}

.case-info2-section .case-info1-nav {
    text-align: center;
    padding-bottom: .4rem
}

@media (max-width: 991px) {
    .case-info2-section .case-info1-nav {
        text-align:left
    }
}

.case-info2-section .case-info1-nav a {
    font-size: 16px;
    color: #858f9f;
    padding: 0 .25rem;
    border-radius: .1rem;
    line-height: 40px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 3px;
    transition: all .4s ease-in
}

@media (max-width: 1580px) {
    .case-info2-section .case-info1-nav a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .case-info2-section .case-info1-nav a {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .case-info2-section .case-info1-nav a {
        padding:0 10px;
        line-height: 30px
    }
}

.case-info2-section .case-info1-nav a.active,.case-info2-section .case-info1-nav a:hover {
    color: var(--active-color);
    background-color: #e9f1fe
}

@media (max-width: 991px) {
    .case-info2-section .public-title-box {
        text-align:left
    }
}

.case-info2-section .swiper-pagination {
    display: none
}

@media (max-width: 991px) {
    .case-info2-section .swiper-pagination {
        display:block
    }
}

.case-info2-section .con-list>dd {
    display: none
}

.case-info2-section .con-list>dd.active {
    display: block
}

.case-info2-section .con-box {
    background: url('../images/case-info4.jpg') center center no-repeat;
    background-size: cover;
    border-radius: .4rem;
    margin-top: .5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.case-info2-section .con-box .case-tag-list {
    border-radius: .4rem;
    width: 270px;
    padding: .2rem;
    max-height: 7rem;
    overflow: auto;
    position: relative;
    z-index: 2;
}
.case-info2-section .con-box:after{
    content:'';
    width:270px;
    height:100%;
    background: linear-gradient(to top, #e7effd, rgba(231,239,253,0));
    position: absolute;
    border-radius: .4rem;
}
@media (max-width: 1580px) {
    .case-info2-section .con-box .case-tag-list {
        width:200px
    }
.case-info2-section .con-box:after{
    content:'';
    width:200px;
}
}

@media (max-width: 991px) {
    
.case-info2-section .con-box:after,
    .case-info2-section .con-box .case-tag-list {
        display:none
    }
}

.case-info2-section .con-box .case-tag-list .tag-item {
    margin-bottom: .2rem;
    display: block;
    padding: .1rem .1rem .1rem .2rem;
    width: calc(100% - .2rem);
    border-radius: .2rem;
    background: var(--white-color);
    min-height: .7rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.case-info2-section .con-box .case-tag-list .tag-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% + .3rem);
    background: url('../images/con-case-info11.svg') right center no-repeat;
    background-size: cover;
    opacity: 0;
    border-radius: .2rem
}

.case-info2-section .con-box .case-tag-list .tag-item .ico-tag {
    width: 20px;
    height: 20px
}

.case-info2-section .con-box .case-tag-list .tag-item .ico-tag svg {
    width: 100%;
    height: 100%
}

.case-info2-section .con-box .case-tag-list .tag-item .text {
    position: relative;
    z-index: 3;
    width: calc(100% - 30px);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #505050
}

@media (max-width: 1580px) {
    .case-info2-section .con-box .case-tag-list .tag-item .text {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-tag-list .tag-item .text {
        font-size:13px
    }
}

.case-info2-section .con-box .case-tag-list .tag-item:hover,.case-info2-section .con-box .case-tag-list .tag-item.active {
    cursor: pointer
}

.case-info2-section .con-box .case-tag-list .tag-item:hover::after,.case-info2-section .con-box .case-tag-list .tag-item.active::after {
    opacity: 1;
    transition: all .4s ease-in-out;
    transform: translateX(0)
}

.case-info2-section .con-box .case-tag-list .tag-item:hover .text,.case-info2-section .con-box .case-tag-list .tag-item.active .text {
    transition: all .4s ease-in-out;
    color: #ffffff;
    width: 100%;
    margin-left: -30px
}

.case-info2-section .con-box .case-box-container {
    width: calc(100% - 270px);
}
.case-info2-section .con-box .case-box-container .swiper-wrapper{
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

@media (max-width: 1580px) {
    .case-info2-section .con-box .case-box-container {
        width:calc(100% - 200px)
    }
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-box-container {
        width:100%
    }
    .case-info2-section .con-box .case-box-container .swiper-wrapper{
        -webkit-box-align: start;
        -moz-align-items: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
}

.case-info2-section .con-box .case-box-container .swiper-slide {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .4rem
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-box-container .swiper-slide {
        padding:20px
    }
}

.case-info2-section .con-box .case-box-container .text-box {
    padding: 0 .4rem;
    width: 42%
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-box-container .text-box {
        width:100%;
        padding: 0 10px
    }
}

.case-info2-section .con-box .case-box-container .title {
    font-size: 30px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: #1a1a1a
}

@media (max-width: 1580px) {
    .case-info2-section .con-box .case-box-container .title {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-box-container .title {
        font-size:20px
    }
}

.case-info2-section .con-box .case-box-container .desc-list {
    padding: .3rem 0
}

.case-info2-section .con-box .case-box-container .desc-list li {
    padding-left: 10px;
    position: relative;
    padding-bottom: .2rem
}

.case-info2-section .con-box .case-box-container .desc-list li::before {
    content: '';
    position: absolute;
    left: -6px;
    top: .12rem;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: var(--active-color)
}

.case-info2-section .con-box .case-box-container .desc-list li .tit {
    font-size: 20px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-333)
}

@media (max-width: 1580px) {
    .case-info2-section .con-box .case-box-container .desc-list li .tit {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-box-container .desc-list li .tit {
        font-size:15px
    }
}

.case-info2-section .con-box .case-box-container .desc-list li .tips {
    font-size: 16px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .case-info2-section .con-box .case-box-container .desc-list li .tips {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-box-container .desc-list li .tips {
        font-size:13px
    }
}

.case-info2-section .con-box .case-box-container .public-img {
    border-radius: .4rem;
    width: 58%
}

.case-info2-section .con-box .case-box-container .public-img::before {
    padding-top: 80%
}

@media (max-width: 991px) {
    .case-info2-section .con-box .case-box-container .public-img {
        width:100%;
        max-width: 6.3rem;
        margin: 22px auto
    }
}

.cookies-fixed-section {
    display: none
}

.cookies-fixed-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
    border: 1px solid var(--white-color);
    border-radius: .1rem;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 5px 8px 1rem 0 rgba(186,197,216,0.76);
    min-height: 1rem;
    padding: .3rem;
    position: fixed;
    bottom: .6rem;
    left: 50%;
    z-index: 50;
    transform: translate(-50%, 0)
}

.cookies-fixed-section .text-box {
    width: 10rem;
    max-width: calc(100% - 5.6rem);
}

@media (max-width: 991px) {
    .cookies-fixed-section .text-box {
        width:100%;
        max-width: 100%;
        padding-bottom: 20px
    }
}

.cookies-fixed-section .title {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    margin-bottom: 5px;
    color: var(--black-333)
}

@media (max-width: 1580px) {
    .cookies-fixed-section .title {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .cookies-fixed-section .title {
        font-size:16px
    }
}

.cookies-fixed-section .desc {
    font-size: 14px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .cookies-fixed-section .desc {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .cookies-fixed-section .desc {
        font-size:13px
    }
}

.cookies-fixed-section .button-list .public-btn2 {
    margin-right: .1rem
}

.fixed-icon-list {
    position: fixed;
    bottom: .6rem;
    right: 10px;
    z-index: 999
}

@media (max-width: 480px) {
    .fixed-icon-list {
        bottom:100px;
        right: 5px
    }
}

.fixed-icon-list .icon-box {
    width: 70px;
    height: 70px;
    background-color: var(--white-color);
    transition: all .4s ease-in-out;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 480px) {
    .fixed-icon-list .icon-box {
        width:55px;
        height: 55px
    }
}

.fixed-icon-list .icon-box .text {
    font-size: 12px;
    color: var(--black-666);
    transition: all .4s ease-in-out
}

.fixed-icon-list .icon-box .icon {
    margin: 12px 0 5px;
    width: 20px;
    height: 20px
}

@media (max-width: 480px) {
    .fixed-icon-list .icon-box .icon {
        margin-top:8px;
        width: 17px;
        height: 17px
    }
}

.fixed-icon-list .icon-box .icon svg {
    width: 100%;
    height: 100%
}

.fixed-icon-list .icon-box .icon svg path {
    transition: all .4s ease-in-out;
    fill: var(--active-color)
}

.fixed-icon-list .icon-box .icon svg .cls-f3--3 {
    fill: var(--white-color)
}

.fixed-icon-list .top-box {
    margin-bottom: 15px;
    border-radius: .1rem;
    box-shadow: 5px 8px 1rem 0 rgba(186,197,216,0.76);
    border: 0;
    background-color: var(--active-color)
}

.fixed-icon-list .top-box .text {
    color: var(--white-color)
}

.fixed-icon-list .top-box svg path {
    fill: var(--white-color) !important
}

.fixed-icon-list .top-box svg .cls-f3--3 {
    fill: var(--active-color)
}

@media (max-width: 480px) {
    .fixed-icon-list .top-box {
        margin-bottom:5px
    }
}

.fixed-icon-list .bottom-box {
    cursor: pointer;
    box-shadow: 5px 8px 1rem 0 rgba(186,197,216,0.76);
    border-radius: .1rem
}

.fixed-icon-list .bottom-box .text {
    opacity: .5
}

.fixed-icon-list .center-box {
    margin-bottom: 15px
}

.fixed-icon-list .center-box .icon-box,.fixed-icon-list .center-box a {
    border-bottom: 1px solid #f6f6f6;
    position: relative;
    cursor: pointer
}

.fixed-icon-list .center-box .icon-box:nth-child(1) {
    border-radius: .1rem .1rem 0 0;
    box-shadow: 0 0 3px 0 rgba(186,197,216,0.1)
}

.fixed-icon-list .center-box .icon-box:last-child {
    box-shadow: 0 0 3px 0 rgba(186,197,216,0.1);
    border-radius: 0 0 .1rem .1rem
}

.fixed-icon-list .center-box .fixed-call {
    background-color: var(--white-color);
    background-color: #fff;
    padding: .1rem .2rem;
    min-width: 190px;
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(186,197,216,0.1);
    right: 120%;
    top: 0;
    z-index: 10;
    border-radius: .1rem;
    display: none
}

.fixed-icon-list .center-box .fixed-call::after {
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    transform: rotate(135deg);
    background-color: var(--white-color);
    width: 10px;
    height: 10px;
    left: 97%;
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 0)
}

.fixed-icon-list .center-box .fixed-call .tit {
    font-size: 14px;
    color: var(--black-222)
}

@media (max-width: 1580px) {
    .fixed-icon-list .center-box .fixed-call .tit {
        font-size:12px
    }
}

@media (max-width: 991px) {
    .fixed-icon-list .center-box .fixed-call .tit {
        font-size:13px
    }
}

.fixed-icon-list .center-box .fixed-call .info {
    font-size: 18px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--active-color)
}

@media (max-width: 1580px) {
    .fixed-icon-list .center-box .fixed-call .info {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .fixed-icon-list .center-box .fixed-call .info {
        font-size:14px
    }
}

.fixed-icon-list .center-box .icon-box:hover .fixed-call {
    display: block
}

@media (max-width: 480px) {
    .fixed-icon-list .center-box {
        margin-bottom:5px
    }
}

#scrollToTopBtn {
    display: none
}

@keyframes logo-ani1 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(15px, 40px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani11 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(5px, 10px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani2 {
    0% {
        transform: translate(15px, -40px)
    }

    50% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(15px, -40px)
    }
}

@keyframes logo-ani12 {
    0% {
        transform: translate(5px, -10px)
    }

    50% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(5px, -10px)
    }
}

@keyframes logo-ani3 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(-40px, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani13 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(-10px, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani4 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(40px, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani14 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(5px, -10px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani5 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(15px, -40px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani6 {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(-15px, -40px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes logo-ani7 {
    0% {
        transform: translate(5px, -5px);
        transform-origin: center center
    }

    50% {
        transform: translate(0, 0);
        transform-origin: center center
    }

    100% {
        transform: translate(5px, -5px);
        transform-origin: center center
    }
}

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

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

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

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

.channel3-section {
    padding: .5rem 0 0
}

.channel3-section .container {
    overflow: hidden;
    padding-bottom: .6rem;
    min-height: 10.6rem
}

@media (max-width: 991px) {
    .channel3-section .container {
        min-height:6rem
    }
}

.channel3-section .con-box {
    width: 9.3rem;
    height: 9.3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto;
    position: relative
}

.channel3-section .con-box::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ebf2fc;
    border-radius: 50%
}

@media (max-width: 991px) {
    .channel3-section .con-box {
        transform-origin:center center;
        width: 60vw;
        height: 70vw
    }
}

.channel3-section .con-box .center-box {
    width: 5.5rem;
    height: 5.5rem
}

.channel3-section .con-box .center-box::after {
    content: '';
    display: block;
    width: 2.85rem;
    height: 2.85rem;
    border: 1px solid rgba(117,169,234,0.2);
    border-radius: 50%;
    background-color: rgba(117,169,234,0.01);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    animation: widthKey1 3s infinite linear;
    -webkit-animation: widthKey1 3s infinite linear
}

@media (max-width: 991px) {
    .channel3-section .con-box .center-box::after {
        animation:widthKey2 3s infinite linear;
        -webkit-animation: widthKey2 3s infinite linear
    }
}

.channel3-section .con-box .con-box-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.channel3-section .con-box .con-box-inner::after {
    content: '';
    display: block;
    border: 1px solid rgba(117,169,234,0.2);
    border-radius: 50%;
    background-color: rgba(117,169,234,0.01);
    width: 2.85rem;
    height: 2.85rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    animation: widthKey1 3s infinite linear;
    -webkit-animation: widthKey1 3s infinite linear;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s
}

@media (max-width: 991px) {
    .channel3-section .con-box .con-box-inner::after {
        animation:widthKey2 3s infinite linear;
        -webkit-animation: widthKey2 3s infinite linear
    }
}

.channel3-section .con-box .text-box {
    box-shadow: inset 0 0 1rem 0 rgba(42,114,245,0.6);
    border-radius: 50%;
    background-color: #eef4fd;
    width: 2.85rem;
    height: 2.85rem;
    border: 1px solid rgba(117,169,234,0.7);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.channel3-section .con-box .icon {
    margin: auto
}

.channel3-section .con-box .icon svg {
    width: .34rem;
    height: .34rem
}

.channel3-section .con-box .text {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: .4rem;
    color: var(--active-color);
    line-height: 1.25;
    padding: 5px 0 .2rem
}

@media (max-width: 991px) {
    .channel3-section .con-box .text {
        font-size:.3rem
    }
}

.channel3-section .logo-list li {
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 49px 0 rgba(185,209,245,0.26);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    z-index: 15;
    animation: 10s ease-in-out 0s infinite normal none running logo-ani1
}

@media (max-width: 991px) {
    .channel3-section .logo-list li {
        width:10vw;
        height: 10vw
    }
}

.channel3-section .logo-list li img {
    max-width: 85%;
    max-height: 80%
}

@media (max-width: 991px) {
    .channel3-section .logo-list li {
        animation-name:none!important
    }
}

.channel3-section .logo-list li:nth-child(1) {
    top: 6%;
    left: -5%;
    animation-name: logo-ani2
}

.channel3-section .logo-list li:nth-child(2) {
    top: 6%;
    right: -5%;
    animation-name: logo-ani6
}

.channel3-section .logo-list li:nth-child(3) {
    top: 42%;
    left: -20%;
    animation-name: logo-ani1
}

.channel3-section .logo-list li:nth-child(4) {
    top: 42%;
    right: -20%;
    animation-name: logo-ani3
}

.channel3-section .logo-list li:nth-child(5) {
    bottom: 0;
    left: 0%;
    animation-name: logo-ani4
}

.channel3-section .logo-list li:nth-child(6) {
    bottom: 0;
    right: 4%;
    animation-name: logo-ani2
}

.channel4-section {
    position: relative;
    padding: 1.3rem 0 0
}

@media (max-width: 991px) {
    .channel4-section {
        padding:45px 0 0
    }
}

.channel4-section .bg {
    position: absolute;
    top: 0;
    left: .6rem;
    overflow: hidden;
    border-radius: .4rem .4rem 0 0;
    width: calc(100% - 1.2rem);
    height: 100%;
    background: linear-gradient(to bottom, #e9f1fe, rgba(233,241,254,0))
}

@media (max-width: 991px) {
    .channel4-section .bg {
        width:95%;
        left: 2.5%
    }
}

.channel4-section .bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(165deg, #e4e5fe, rgba(228,229,254,0), rgba(228,229,254,0))
}

.channel4-section .container {
    position: relative;
    z-index: 3
}

.channel4-section .flow-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .7rem 0 1.2rem
}

@media (max-width: 991px) {
    .channel4-section .flow-list {
        padding:30px 0
    }
}

.channel4-section .flow-list li {
    width: 25%;
    text-align: center;
    position: relative
}

.channel4-section .flow-list li::before {
    content: '';
    position: absolute;
    right: -50px;
    top: .6rem;
    width: 50px;
    height: 50px;
    transform: translate(-50%, 0%);
    background: url('../images/icon-channel13.png')
}

.channel4-section .flow-list li:nth-child(4n)::before,.channel4-section .flow-list li:last-child::before {
    display: none
}

.channel4-section .flow-list li .text {
    font-size: 20px;
    padding: 12px 0 30px;
    color: #284881
}

@media (max-width: 1580px) {
    .channel4-section .flow-list li .text {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .channel4-section .flow-list li .text {
        font-size:15px
    }
}

.channel4-section .flow-list li .icon-box {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto;
    background-image: linear-gradient(18deg, #2a72f5 0%, #2a72f5 46%, #78a7fd 100%)
}

@media (max-width: 991px) {
    .channel4-section .flow-list li .icon-box {
        width:1.2rem;
        height: 1.2rem
    }
}

.channel4-section .flow-list li .icon-box .icon {
    max-width: .5rem;
    height: .5rem
}

.channel4-section .flow-list li .icon-box svg {
    width: 100%;
    height: 100%
}

@media (max-width: 991px) {
    .channel4-section .flow-list li {
        width:100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 1rem
    }

    .channel4-section .flow-list li .text {
        text-align: left;
        font-size: 22px;
        width: calc(100% - 2rem)
    }

    .channel4-section .flow-list li::before {
        transform: rotate(90deg);
        right: auto;
        left: .77rem;
        top: 120%;
        width: .5rem;
        height: .5rem;
        background-size: 100% 100%
    }

    .channel4-section .flow-list li::before:nth-child(4n) {
        display: block
    }

    .channel4-section .flow-list li::before:last-child {
        display: none
    }
}

.channel4-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .6rem 0
}

@media (max-width: 991px) {
    .channel4-section .list {
        -webkit-box-pack:start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.channel4-section .list li {
    width: calc(25% - 15px);
    overflow: hidden;
    margin-bottom: 30px;
    margin-left: 20px
}

.channel4-section .list li:nth-child(4n - 3) {
    margin-left: 0
}

@media (max-width: 991px) {
    .channel4-section .list li {
        margin-left:15px;
        margin-bottom: 15px;
        width: calc(50% - 7.5px)
    }

    .channel4-section .list li:nth-child(odd) {
        margin-left: 0
    }
}

.channel4-section .list li a {
    display: block
}

.channel4-section .list li .public-img {
    border-radius: .1rem;
    overflow: hidden
}

.channel4-section .list li .public-img::before {
    padding-top: 60%
}

.channel4-section .list li .text-box {
    box-sizing: border-box;
    position: relative
}

.channel4-section .list li .name {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: #284881;
    padding: 20px 0 10px
}

@media (max-width: 1580px) {
    .channel4-section .list li .name {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .channel4-section .list li .name {
        font-size:16px
    }
}

.channel4-section .list li .desc {
    font-size: 16px;
    color: #506997
}

@media (max-width: 1580px) {
    .channel4-section .list li .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .channel4-section .list li .desc {
        font-size:13px
    }
}

.c-header-heigh {
    height: .5rem
}

.home-module {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 1.5%, #ffffff 100%);
    position: relative;
    width: 100%;
    z-index: 2;
    border-radius: 0 0 .6rem .6rem;
    overflow: hidden
}

.home-product-section {
    padding: 2rem 0 1.2rem
}

.home-product-section .iphone-bg {
    display: none
}

@media (max-width: 991px) {
    .home-product-section .iphone-bg {
        display:block
    }
}

.home-product-section .pc-bg {
    display: block;
    object-fit: cover
}

@media (max-width: 991px) {
    .home-product-section .pc-bg {
        display:none
    }
}

.home-product-section .con-box {
    border-radius: .6rem;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    position: relative;
    display: block
}

@media (max-width: 991px) {
    .home-product-section .con-box {
        margin-top:20px;
        border-radius: .2rem
    }
}

.home-product-section .con-box .public-btn1 {
    color: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: .4rem;
    z-index: 4
}

.home-product-section .con-box .public-btn1::after {
    border-color: #ffffff
}

.home-product-section .con-box .ico-play {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 1rem;
    z-index: 4
}

.home-product-section .con-box .ico-play SVG {
    width: 40px;
    height: 40px
}

.home-product-section .con-box video {
    overflow: hidden;
    border-radius: .6rem;
    width: 100%
}

@media (max-width: 991px) {
    .home-product-section .con-box video {
        border-radius:.2rem
    }
}

.home-product-section .con-box .bg-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover
}

.home-banner {
    padding-top: calc(.2rem + 27px);
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    overflow: hidden;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.home-banner.active {
    border-radius: 0 0 .6rem .6rem;
    overflow: hidden
}

.home-banner .text-box {
    position: relative;
    z-index: 3;
    text-align: center;
    padding-bottom: 38vh
}

@media (max-width: 991px) {

.home-banner .text-box {
    padding-bottom: 30vh
}
    
}
.home-banner .ico-play {
    width: 40px;
    height: 40px;
    margin: 0 auto 15px
}

.home-banner .ico-play svg {
    width: 100%;
    height: 100%
}

.home-banner .title {
    font-size: .6rem;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    line-height: 1.3
}

.home-banner .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.home-banner .desc {
    color: var(--black-666);
    font-size: 24px;
    padding: 10px 0 .3rem
}

@media (max-width: 1580px) {
    .home-banner .desc {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .home-banner .desc {
        font-size:16px
    }
}

.home-banner>.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: center center no-repeat;
    background-size: cover
}

.home-banner .iphone-bg {
    display: none
}

@media (max-width: 991px) {
    .home-banner .iphone-bg {
        display:block
    }
}

.home-banner .pc-bg {
    display: block;
    object-fit: cover
}

@media (max-width: 991px) {
    .home-banner .pc-bg {
        display:none
    }
}

.home-banner video {
    width: 100%;
    height: 112%;
    object-fit: cover
}

.home-history-section {
    background: url('../images/home-banner1.png') center bottom no-repeat;
    min-height: 100vh;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 991px) {
    .home-history-section {
        min-height:70vh;
        padding-top: 6vh
    }
}

.home-history-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.home-history-section .container .left {
    width: 46%
}

@media (max-width: 991px) {
    .home-history-section .container .left {
        width:100%
    }
}

.home-history-section .container .left h3.title {
    font-size: 42px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    line-height: 1.43
}

@media (max-width: 1580px) {
    .home-history-section .container .left h3.title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .home-history-section .container .left h3.title {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .home-history-section .container .left h3.title {
        text-align:center
    }
}

.home-history-section .container .left h3.title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.home-history-section .container .left .list {
    margin-top: 3vh
}

@media (max-width: 991px) {
    .home-history-section .container .left .list {
        margin-top:0;
        padding-bottom: 30px
    }
}

.home-history-section .container .left .list li {
    padding-top: .3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.home-history-section .container .left .list li::after {
    content: '';
    position: absolute;
    top: .6rem;
    left: .15rem;
    width: 1px;
    border-left: 1px dotted #d3e2fd;
    height: calc(100% - .3rem)
}

@media (max-width: 991px) {
    .home-history-section .container .left .list li::after {
        display:none
    }
}

.home-history-section .container .left .list li .icon-check {
    position: relative;
    z-index: 2;
    width: .3rem;
    height: .3rem;
    background-color: rgba(255,255,255,0.3);
    border-radius: .1rem;
    border: 1px solid #bbcce9
}

.home-history-section .container .left .list li .icon-check img {
    transition: all .4s ease-in-out;
    opacity: 0
}

.home-history-section .container .left .list li .con-box {
    width: calc(100% - .7rem);
    padding: .3rem .5rem .3rem .3rem;
    background-color: rgba(255,255,255,0.3);
    border-radius: .1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 991px) {
    .home-history-section .container .left .list li .con-box {
        padding:.3rem .4rem .3rem .2rem;
        width: 100%
    }
}

.home-history-section .container .left .list li .con-box .icon {
    width: .3rem;
    height: .3rem
}

.home-history-section .container .left .list li .con-box .icon svg {
    width: 100%;
    height: 100%
}

.home-history-section .container .left .list li .con-box .icon-box {
    background-image: linear-gradient(90deg, rgba(89,153,242,0.12) 0%, rgba(142,140,243,0.12) 100%);
    box-shadow: 0 -2px 1px rgba(255,255,255,0.12);
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.home-history-section .container .left .list li .con-box .text-box {
    width: calc(100% - 1.1rem)
}

.home-history-section .container .left .list li .con-box .text-box .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 24px;
    color: var(--black-333);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding: 0 0 .1rem
}

@media (max-width: 1580px) {
    .home-history-section .container .left .list li .con-box .text-box .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .home-history-section .container .left .list li .con-box .text-box .tit {
        font-size:16px
    }
}

@media (max-width: 991px) {
    .home-history-section .container .left .list li .con-box .text-box .tit {
        -webkit-line-clamp:1
    }
}

.home-history-section .container .left .list li .con-box .text-box .desc {
    font-size: 16px;
    line-height: 1.4;
    color: var(--black-333);
    opacity: .5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

@media (max-width: 1580px) {
    .home-history-section .container .left .list li .con-box .text-box .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .home-history-section .container .left .list li .con-box .text-box .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .home-history-section .container .left .list li .con-box .text-box .desc {
        -webkit-line-clamp:2
    }
}

.home-history-section .container .left .list li.active .icon-check {
    width: .4rem;
    height: .4rem
}

.home-history-section .container .left .list li.active .icon-check img {
    opacity: 1
}

.home-history-section .container .left .list li.active .con-box {
    background: url('../images/home1.png') center center no-repeat;
    background-size: cover
}

.home-history-section .container .left .list li.active .con-box .icon-box {
    background-image: linear-gradient(90deg, #5999f2 0%, #8e8cf3 100%);
    box-shadow: 0 -2px 1px rgba(255,255,255,0.5)
}

.home-history-section .container .left .list li.active .con-box .tit {
    color: var(--white-color)
}

.home-history-section .container .left .list li.active .con-box .desc {
    color: var(--white-color)
}

.home-history-section .container .right {
    position: relative;
    background: url('../images/home-win-bg.png') top center no-repeat;
    background-size: cover;
    box-shadow: 0 3px 1.5rem 0 rgba(209,233,250,0.9);
    border-radius: 15px;
    width: 5rem;
    min-height: 6.4rem;
    padding: .75rem 0 0
}

.home-history-section .container .right .avatar {
    width: 1.8rem;
    position: absolute;
    bottom: 0%;
    right: 1%
}

@media (max-width: 991px) {
    .home-history-section .container .right {
        margin-left:calc(100% - 5rem);
        transform: scale(.65);
        transform-origin: 0 0;
        margin-top: .5rem
    }
}

.home-history-section .container .right .picture-list {
    border-radius: .1rem;
    width: 90%;
    margin: auto
}

.home-history-section .container .right .picture-list .public-img::before {
    padding-top: 85%
}

.home-history-section .container .right .text-list {
    position: absolute;
    bottom: 0;
    width: auto;
    left: calc(100% + .15rem);
    font-size: 16px;
    color: var(--white-color);
    height: 2rem;
    overflow: hidden
}

@media (max-width: 1580px) {
    .home-history-section .container .right .text-list {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .home-history-section .container .right .text-list {
        font-size:13px
    }
}

.home-history-section .container .right .text-list.active .text-list-con {
    transform: translateY(-45px);
    transition: all .5s ease-in
}

.home-history-section .container .right .text-list.active .text {
    transition: all 1.5s ease-in
}

.home-history-section .container .right .text-list.active .text:nth-child(1) {
    opacity: 1
}

.home-history-section .container .right .text-list.active .next-active {
    opacity: 1
}

.home-history-section .container .right .text-list.active .now-active {
    opacity: 0 !important;
    transition: all .3s ease-in
}

.home-history-section .container .right .text-list .text {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 5px;
    background-color: rgba(169,200,246,0.129);
    min-width: 1.2rem;
    max-width: 6.5vw;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 10px;
    text-align: center;
    margin-top: 10px
}

@media (max-width: 991px) {
    .home-history-section .container .right .text-list .text {
        max-width:10vw;
        min-width: 1.6rem
    }
}

.home-history-section .container .right .text-list .text:nth-child(1) {
    opacity: 1;
}

.home-history-section .container .right .text-list .text:nth-child(2) {
    opacity: .5;
}

.home-history-section .container .right .text-list .text {
    opacity: .15;
}

@media (max-width: 991px) {
    .home-history-section .bg-con-box {
        display:none
    }
}

.home-history-section .iphone-con-box {
    display: none;
    padding: 0 0 30px !important;
    margin-top: -70px
}

@media (max-width: 991px) {
    .home-history-section .iphone-con-box {
        margin-top:-110px;
        display: block
    }
}

.home-who-section {
    padding-bottom: 1.5rem
}
.home-who2-section{
    padding: 1rem 0 0;
}
.home-who-section .module1-list {
    border-radius: .4rem;
    background-color: #f3f7fe;
    padding: .4rem;
    margin-top: .5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.home-who-section .module1-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    background: linear-gradient(165deg, #e4e5fe, rgba(228,229,254,0), rgba(228,229,254,0));
    opacity: .75
}

@media (max-width: 991px) {
    .home-who-section .module1-list::before {
        width:100%
    }
}

.home-who-section .module1-list .text-box {
    width: 37%;
    position: relative;
    z-index: 10;
    padding: 20px 0
}

@media (max-width: 991px) {
    .home-who-section .module1-list .text-box {
        width:100%
    }
}

.home-who-section .module1-list .icon {
    width: .5rem
}

.home-who-section .module1-list .info-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: .5rem
}

.home-who-section .module1-list .info-list li {
    width: 40%;
    display: block;
    color: var(--black-666);
    font-size: 18px;
    line-height: 20px;
    padding: .1rem 0 .1rem .35rem;
    background: url(../images/ico-serve.svg) center left no-repeat;
    background-size: .2rem .2rem
}

@media (max-width: 1580px) {
    .home-who-section .module1-list .info-list li {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .home-who-section .module1-list .info-list li {
        font-size:14px
    }
}

@media (max-width: 991px) {
    .home-who-section .module1-list .info-list li {
        background-size:15px 15px;
        padding-left: 25px
    }
}

.home-who-section .module1-list .title {
    font-size: 36px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    line-height: 1.4;
    padding: 12px 0 20px
}

@media (max-width: 1580px) {
    .home-who-section .module1-list .title {
        font-size:32px
    }
}

@media (max-width: 991px) {
    .home-who-section .module1-list .title {
        font-size:18px
    }
}

.home-who-section .module1-list .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.home-who-section .module1-list .each-item {
    width: 50%;
    border-radius: .2rem;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

@media (max-width: 991px) {
    .home-who-section .module1-list .each-item {
        width:100%
    }
}

.home-who-section .module1-list .each-item .ico {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

@media (max-width: 991px) {
    .home-who-section .module1-list .each-item .ico {
        transform:scale(.5) translate(-50%, -50%);
        transform-origin: center center
    }
}

.home-who-section .module1-list .picture::before {
    padding-top: 70%
}

.home-who-section .module2-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.home-who-section .module2-list li {
    border-radius: .4rem;
    background-color: #f3f7fe;
    padding: .45rem .4rem;
    margin-top: .3rem;
    position: relative;
    overflow: hidden;
    width: calc(50% - .15rem)
}

@media (max-width: 991px) {
    .home-who-section .module2-list li {
        width:100%
    }
}

.home-who-section .module2-list li .public-img {
    border-radius: .2rem;
    overflow: hidden
}

.home-who-section .module2-list li .public-img::before {
    padding-top: 56.5%
}

.home-who-section .module2-list li .text-box {
    padding: .4rem 0
}

.home-who-section .module2-list li .title {
    line-height: 1.4;
    font-size: 30px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-333);
    padding-bottom: 10px
}

@media (max-width: 1580px) {
    .home-who-section .module2-list li .title {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .home-who-section .module2-list li .title {
        font-size:20px
    }
}

.home-who-section .module2-list li .desc {
    line-height: 1.45;
    font-size: 18px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .home-who-section .module2-list li .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .home-who-section .module2-list li .desc {
        font-size:14px
    }
}

.home-who-section .module3-list {
    background-color: #d3eafe;
    margin-top: .3rem;
    border-radius: .4rem;
    overflow: hidden;
    position: relative;
    display: block
}

.home-who-section .module3-list .public-img::before {
    padding-top: 40%
}

@media (max-width: 991px) {
    .home-who-section .module3-list .bg {
        width:160%
    }
}

.home-who-section .module3-list .text-top-box {
    position: absolute;
    top: 1.1rem;
    left: 1.1rem;
    width: 50%;
    z-index: 2
}

@media (max-width: 991px) {
    .home-who-section .module3-list .text-top-box {
        width:auto;
        top: auto;
        left: 0;
        padding: 30px 5% 0;
        text-align: center;
        bottom: 15%
    }
}

.home-who-section .module3-list .text-top-box .tit {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: .48rem;
    margin-left: -0.1rem
}

.home-who-section .module3-list .text-top-box .icon {
    width: 100px;
    height: 100px
}

@media (max-width: 991px) {
    .home-who-section .module3-list .text-top-box .icon {
        width:50px;
        height: 50px;
        margin: auto
    }
}

.home-who-section .module3-list .text-bottom-box {
    color: var(--black-000);
    line-height: 1.4;
    width: 3.3rem;
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 1.1rem;
    transform: translate(0, -50%)
}

@media (max-width: 991px) {
    .home-who-section .module3-list .text-bottom-box {
        width:100%;
        position: static;
        transform: translate(0, 0%);
        padding: 30px
    }
}

.home-who-section .module3-list .text-bottom-box .tit {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 30px;
    padding: 15px 0
}

@media (max-width: 1580px) {
    .home-who-section .module3-list .text-bottom-box .tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .home-who-section .module3-list .text-bottom-box .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .home-who-section .module3-list .text-bottom-box .tit {
        padding:8px 0
    }
}

.home-who-section .module3-list .text-bottom-box .icon {
    width: 50px;
    height: 50px
}

@media (max-width: 991px) {
    .home-who-section .module3-list .text-bottom-box .icon {
        width:30px;
        height: 30px
    }
}

.home-who-section .module3-list .text-bottom-box .desc {
    font-size: 18px;
    opacity: .5
}

@media (max-width: 1580px) {
    .home-who-section .module3-list .text-bottom-box .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .home-who-section .module3-list .text-bottom-box .desc {
        font-size:14px
    }
}

.home-case-section {
    padding-top: 1.4rem;
    text-align: center
}

.home-case-section .con-nav-list {
    display: inline-block;
    width: auto;
    min-width: 10rem;
    max-width: 12rem;
    background-color: rgba(42,113,245,0.1);
    border-radius: .2rem .2rem 0 0;
    padding: 15px;
    margin: .5rem auto -6px;
    text-align: center
}

@media (max-width: 1580px) {
    .home-case-section .con-nav-list {
        padding:10px;
        max-width: 14rem;
        min-width: 11rem;
        margin: .5rem auto -1px
    }
}

@media (max-width: 991px) {
    .home-case-section .con-nav-list {
        min-width:100%;
        width: 100%
    }
}

.home-case-section .con-nav-list .swiper-wrapper {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 991px) {
    .home-case-section .con-nav-list .swiper-wrapper.no-center {
        -webkit-box-pack:start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.home-case-section .con-nav-list a {
    display: inline-block !important;
    width: auto!important;
    font-size: 18px;
    cursor: pointer;
    color: #647799;
    text-align: center;
    min-width: 1.3rem;
    line-height: 25px;
    padding: .1rem;
    min-width: 1.35rem;
    border-radius: .1rem
}

@media (max-width: 1580px) {
    .home-case-section .con-nav-list a {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .home-case-section .con-nav-list a {
        font-size:14px
    }
}

@media (max-width: 1580px) {
    .home-case-section .con-nav-list a {
        min-width:1.1rem;
        font-size: 14px
    }
}

@media (max-width: 1580px) and (max-width: 1580px) {
    .home-case-section .con-nav-list a {
        font-size:12px
    }
}

@media (max-width: 1580px) and (max-width: 991px) {
    .home-case-section .con-nav-list a {
        font-size:13px
    }
}

.home-case-section .con-nav-list a.active {
    color: var(--white-color);
    background: linear-gradient(to right, #2a72f5, #5c94fa);
    cursor: pointer
}

.home-case-section .con-box {
    text-align: left;
    position: relative;
    max-width: 13rem;
    margin: auto;
    border: 1px solid #e9f1fe;
    border-radius: .4rem;
    padding: .4rem calc(.7rem - .2rem);
    background-color: var(--white-color);
    box-shadow: 0 .2rem .45rem 0 rgba(149,172,213,0.22)
}

@media (max-width: 1580px) {
    .home-case-section .con-box {
        padding:.4rem .2rem;
        max-width: 15rem
    }
}

@media (max-width: 991px) {
    .home-case-section .con-box {
        margin-top:0;
        border-radius: 0 0 .4rem .4rem
    }
}

.home-case-section .swiper-slide {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .2rem
}

.home-case-section .text-box {
    width: 50%;
    max-width: 4.4rem
}

@media (max-width: 1580px) {
    .home-case-section .text-box {
        max-width:6rem
    }
}

@media (max-width: 991px) {
    .home-case-section .text-box {
        width:100%;
        max-width: 100%;
        padding-bottom: 20px
    }
}

.home-case-section .tit {
    color: var(--black-000);
    line-height: 1.35;
    font-size: 30px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1580px) {
    .home-case-section .tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .home-case-section .tit {
        font-size:20px
    }
}

.home-case-section .desc {
    font-size: 18px;
    color: var(--black-666);
    border-bottom: 1px solid #eeeeee;
    padding: .1rem 0 .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1580px) {
    .home-case-section .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .home-case-section .desc {
        font-size:14px
    }
}

.home-case-section .num1 {
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 36px;
    color: #1e304a;
    line-height: 1.05
}

@media (max-width: 1580px) {
    .home-case-section .num1 {
        font-size:32px
    }
}

@media (max-width: 991px) {
    .home-case-section .num1 {
        font-size:18px
    }
}

.home-case-section .desc1 {
    font-size: 16px;
    color: #1d2129;
    opacity: .6
}

@media (max-width: 1580px) {
    .home-case-section .desc1 {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .home-case-section .desc1 {
        font-size:13px
    }
}

.home-case-section .data-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 20px
}

.home-case-section .data-list li {
    margin: .2rem 0;
    padding-right: .65rem;
    position: relative
}

.home-case-section .data-list li::after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: .4rem;
    width: .2rem;
    height: .25rem;
    background: url('../images/ico-top.svg');
    background-size: 100% 100%
}

.home-case-section .picture {
    border-radius: .2rem;
    width: 45%;
    margin-right: 5px
}

.home-case-section .picture::before {
    padding-top: 80%
}

@media (max-width: 991px) {
    .home-case-section .picture {
        width:100%;
        margin-right: 0
    }
}

.home-case-section .picture:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .55;
    z-index: 2;
    background: var(--active-color)
}

.home-case-section .picture .bank {
    width: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    filter: brightness(0) invert(1)
}

.home-case-section .picture1 {
    border-radius: .2rem;
    width: 45%;
    margin-right: 5px
}

.home-case-section .picture1::before {
    padding-top: 80%
}

@media (max-width: 991px) {
    .home-case-section .picture1 {
        width:100%;
        margin-right: 0
    }
}

.home-case-section .product-con-box {
    background: linear-gradient(300deg, rgba(241,246,254,0.25), rgba(255,255,255,0.85), rgba(255,255,255,0.85));
    border: 1px solid #fff;
    max-width: 14rem
}

.home-case-section .product-con-box .swiper-slide {
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.home-case-section .product-con-box .text-box {
    padding-top: .2rem;
    max-width: 100%;
    width: 4.4rem
}

@media (max-width: 1580px) {
    .home-case-section .product-con-box .text-box {
        width:6rem
    }
}

@media (max-width: 991px) {
    .home-case-section .product-con-box .text-box {
        width:100%
    }
}

.home-case-section .product-con-box .desc-list {
    padding: .3rem 0 .2rem;
    min-height: 2.5rem;
    font-size: 18px;
    color: var(--black-666);
    line-height: 1.2
}

@media (max-width: 1580px) {
    .home-case-section .product-con-box .desc-list {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .home-case-section .product-con-box .desc-list {
        font-size:14px
    }
}

@media (max-width: 991px) {
    .home-case-section .product-con-box .desc-list {
        min-height:0
    }
}

.home-case-section .product-con-box .desc-list li {
    padding: .1rem .2rem .2rem 20px;
    position: relative
}

.home-case-section .product-con-box .desc-list li::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--active-color);
    display: block;
    border-radius: 50%;
    top: 35%;
    left: 3px
}

.home-case-section .product-con-box .tit {
    font-size: 30px;
    line-height: 1.2;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .home-case-section .product-con-box .tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .home-case-section .product-con-box .tit {
        font-size:20px
    }
}

.home-case-section .product-con-box .tit span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.home-case-section .product-con-box .picture1 {
    width: calc(100% - 5rem);
    height: 4.6rem
}

@media (max-width: 1580px) {
    .home-case-section .product-con-box .picture1 {
        width:calc(100% - 6.5rem)
    }
}

@media (max-width: 991px) {
    .home-case-section .product-con-box .picture1 {
        width:100%
    }
}

.home-case-section .product-con-box .picture1::before {
    display: none
}

.home-case-section .product-con-box .picture1>img {
    position: static;
    object-fit: contain;
    max-width: 100%;
    height: 100%;
    width: auto;
    margin: auto;
    display: block
}

.home-case-section .swiper-button {
    width: .6rem;
    height: .6rem;
    background: none;
    border-radius: 50%;
    box-shadow: 0 8px 35px 0 rgba(128,142,174,0.22)
}

@media (max-width: 767px) {
    .home-case-section .swiper-button {
        width:30px;
        height: 30px;
        top: 55%
    }
}

.home-case-section .swiper-button svg {
    width: 100%;
    height: 100%
}

.home-case-section .swiper-button svg path {
    transition: all .4s ease-in-out
}

.home-case-section .swiper-button svg:hover .bg-fill {
    fill: var(--active-color)
}

.home-case-section .swiper-button svg:hover .ico-fill {
    fill: var(--white-color)
}

.home-case-section .swiper-button.swiper-button-prev {
    left: -1rem
}

@media (max-width: 1580px) {
    .home-case-section .swiper-button.swiper-button-prev {
        left:-7%
    }
}

@media (max-width: 1260px) {
    .home-case-section .swiper-button.swiper-button-prev {
        left:-2%
    }
}

.home-case-section .swiper-button.swiper-button-next {
    right: -1rem;
    transform: rotate(180deg)
}

@media (max-width: 1580px) {
    .home-case-section .swiper-button.swiper-button-next {
        right:-7%
    }
}

@media (max-width: 1260px) {
    .home-case-section .swiper-button.swiper-button-next {
        right:-2%
    }
}

.home-case-section .swiper-pagination {
    width: 100%;
    bottom: 0;
    display: none;
    left: 0
}

@media (max-width: 991px) {
    .home-case-section .swiper-pagination {
        display:block;
        bottom: -30px
    }
}

.home-case-section .swiper-pagination .swiper-pagination-bullet {
    margin: 2px
}

.operation2-section {
    padding-top: 1rem;
    padding-bottom: 1.6rem;
    background: url('../images/operation-bg.png') center center no-repeat;
    background-size: cover
}

.operation2-section .public-title-box {
    padding-bottom: 0
}

.operation2-section .public-title-box .desc {
    border: 0;
    padding-bottom: 0
}

.home-channel-section {
    padding: 1.1rem 0 1.1rem;
    position: relative;
    margin-top: 1.2rem
}

@media (max-width: 480px) {
    .home-channel-section {
        padding:50px 0 0
    }
}

.home-channel-section .bg {
    position: absolute;
    top: 0;
    left: .6rem;
    overflow: hidden;
    border-radius: .6rem;
    width: calc(100% - 1.2rem);
    height: 100%;
    background: #e7edfe
}

@media (max-width: 991px) {
    .home-channel-section .bg {
        width:100%;
        left: 0
    }
}

.home-channel-section .container {
    position: relative;
    z-index: 3
}

.home-channel-section .container .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .6rem 0 0
}

@media (max-width: 991px) {
    .home-channel-section .container .list {
        padding:30px 0
    }
}

.home-channel-section .container .list li {
    width: calc(25% - 15px);
    margin-bottom: 30px;
    margin-left: 20px;
    position: relative
}

.home-channel-section .container .list li:nth-child(4n - 3) {
    margin-left: 0
}

@media (max-width: 991px) {
    .home-channel-section .container .list li {
        margin-left:15px;
        margin-bottom: 15px;
        width: calc(50% - 7.5px);
        background: var(--white-color);
        border-radius: .2rem;
        overflow: hidden
    }

    .home-channel-section .container .list li:nth-child(odd) {
        margin-left: 0
    }
}

.home-channel-section .container .list li:hover .after {
    top: -0.3rem;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + .6rem);
    opacity: 1
}

@media (max-width: 991px) {
    .home-channel-section .container .list li:hover .after {
        width:100%;
        height: auto
    }

    .home-channel-section .container .list li:hover .after .desc {
        color: var(--black-666)
    }
}

.home-channel-section .container .list .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out,opacity 0s;
    opacity: 0;
    background: url('../images/home7.jpg') center center no-repeat;
    background-size: cover;
    border-radius: .2rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 8px 35px 0 rgba(128,142,174,0.5);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 991px) {
    .home-channel-section .container .list .after {
        opacity:1;
        height: auto;
        box-shadow: none;
        background: none;
        position: static
    }
}

.home-channel-section .container .list .after .title {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--white-color);
    padding-bottom: 15px
}

@media (max-width: 1580px) {
    .home-channel-section .container .list .after .title {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .home-channel-section .container .list .after .title {
        font-size:16px
    }
}

@media (max-width: 991px) {
    .home-channel-section .container .list .after .title {
        display:none
    }
}

.home-channel-section .container .list .after .desc {
    font-size: 16px;
    color: var(--white-color);
    line-height: 1.7
}

@media (max-width: 1580px) {
    .home-channel-section .container .list .after .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .home-channel-section .container .list .after .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .home-channel-section .container .list .after .desc {
        padding-bottom:35px;
        color: var(--black-666)
    }
}

.home-channel-section .container .list .before {
    text-align: center;
    min-height: 3.6rem;
    background-color: var(--white-color);
    padding: 25px;
    border-radius: .2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.home-channel-section .container .list .before .icon {
    max-width: 100px;
    min-height: 80px;
    margin: auto
}

@media (max-width: 991px) {
    .home-channel-section .container .list .before .icon {
        transform:scale(.6)
    }
}

.home-channel-section .container .list .before .icon svg {
    max-width: 100%;
    min-height: 80px;
    display: block;
    margin: auto
}

.home-channel-section .container .list .before .title {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    padding: .5rem 0
}

@media (max-width: 1580px) {
    .home-channel-section .container .list .before .title {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .home-channel-section .container .list .before .title {
        font-size:16px
    }
}

@media (max-width: 991px) {
    .home-channel-section .container .list .before .title {
        padding:10px 0 5px
    }
}

.home-channel-section .container .list .before .ico-more {
    max-width: 100px;
    margin: auto
}

@media (max-width: 991px) {
    .home-channel-section .container .list .before .ico-more {
        display:none;
        transform: scale(.8)
    }
}

@media (max-width: 991px) {
    .home-channel-section .container .list .before {
        min-height:0;
        padding-bottom: 10px
    }
}

.home-about-section {
    padding-top: 1.3rem;
    padding-bottom: .4rem;
    position: relative
}

@media (max-width: 991px) {
    .home-about-section {
        padding-top:.8rem
    }
}

.home-about-section .counter {
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.home-about-section .container {
    position: relative
}

.home-about-section .bag {
    position: absolute;
    left: 0;
    bottom: 0;
    top: initial;
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 5rem
}

.home-about-section .bag img {
    width: 100vw;
    max-width: 1920px
}

.home-about-section .hm_tit {
    margin-bottom: .62rem
}

.home-about-section .cont {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .7rem 0 1rem
}

@media (max-width: 767px) {
    .home-about-section .cont {
        padding-bottom:.6rem
    }
}

.home-about-section .cont .item {
    width: 16.6666%;
    border-right: 1px solid #f1f1f1;
    text-align: center
}

@media (max-width: 1199px) {
    .home-about-section .cont .item {
        width:33.333%;
        margin-bottom: .4rem
    }
}

@media (max-width: 1199px) and (min-width:568px) {
    .home-about-section .cont .item:nth-child(3n) {
        border-right:none
    }
}

@media (max-width: 567px) {
    .home-about-section .cont .item {
        width:50%;
        margin-bottom: .6rem
    }

    .home-about-section .cont .item:nth-child(2n) {
        border-right: none
    }
}

.home-about-section .cont .item:last-child {
    border-right: none
}

.home-about-section .cont .item .tit {
    font-size: 18px;
    color: #505050;
    margin-bottom: 10px
}

@media (max-width: 1580px) {
    .home-about-section .cont .item .tit {
        font-size:16px
    }
}

@media (max-width: 567px) {
    .home-about-section .cont .item .tit {
        font-size:14px
    }
}

.home-about-section .cont .item .shu {
    line-height: .8;
    font-size: .42rem;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--active-color)
}

.home-about-section .fz_cont {
    width: 100%;
    padding: 0 0 .86rem;
    text-align: center;
    position: relative
}

@media (max-width: 767px) {
    .home-about-section .fz_cont {
        padding:0 0 .86rem
    }
}

.home-about-section .fz_cont .img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 2.44rem
}

.home-about-section .fz_cont .img img {
    height: 100%
}

.home-about-section .fz_cont .fz_tit {
    position: relative;
    color: #010101;
    padding: 0 .66rem;
    font-size: 30px;
    display: inline-block;
    margin-bottom: .3rem
}

@media (max-width: 1580px) {
    .home-about-section .fz_cont .fz_tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .home-about-section .fz_cont .fz_tit {
        font-size:20px
    }
}

.home-about-section .fz_cont .fz_tit:before,.home-about-section .fz_cont .fz_tit:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .56rem;
    height: .58rem
}

.home-about-section .fz_cont .fz_tit:before {
    left: 0;
    background: url(../images/hm5douhaoimg1.png) center / contain no-repeat
}

.home-about-section .fz_cont .fz_tit:after {
    right: 0;
    background: url(../images/hm5douhaoimg2.png) center / contain no-repeat
}

.home-about-section .fz_cont .fz_text {
    position: relative;
    color: var(--active-color);
    font-size: 18px
}

.home-about-section .fz_cont .fz_text::before {
    content: '';
    width: 59px;
    height: 3px;
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
    transform: rotate(180deg);
    background: url('../images/line.png')
}

@media (max-width: 767px) {
    .home-about-section .fz_cont .fz_text::before {
        display:none
    }
}

.home-about-section .fz_cont .fz_text::after {
    content: '';
    width: 59px;
    margin-top: -2px;
    vertical-align: middle;
    height: 3px;
    display: inline-block;
    background: url('../images/line.png')
}

@media (max-width: 767px) {
    .home-about-section .fz_cont .fz_text::after {
        display:none
    }
}

.home-about-section .fz_cont .fz_text span {
    display: inline-block
}

@media (max-width: 1580px) {
    .home-about-section .fz_cont .fz_text {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .home-about-section .fz_cont .fz_text {
        font-size:14px
    }
}

.home-about-section .fz_cont .fz_text span {
    position: relative
}

.home-about-section .fz_cont .fz_text span:before,.home-about-section .fz_cont .fz_text span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: .6rem;
    height: 2px
}

.home-about-section .fz_cont .fz_text span:before {
    background: url(../images/xiantiaoimg1.png) center / 100% no-repeat;
    right: 100%;
    margin-right: .16rem
}

.home-about-section .fz_cont .fz_text span:after {
    left: 100%;
    margin-left: .16rem;
    background: url(../images/xiantiaoimg2.png) center / 100% no-repeat
}

.operation1-section {
    padding: 1rem 0 .3rem
}

.operation1-section .list {
    padding-top: .3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.operation1-section .list li {
    width: 25%;
    padding: .3rem .1rem 0
}

@media (max-width: 991px) {
    .operation1-section .list li {
        width:50%
    }
}

.operation1-section .list li .text-box {
    text-align: center;
    padding: .1rem 0 .2rem
}

.operation1-section .list li .name {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .operation1-section .list li .name {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .operation1-section .list li .name {
        font-size:16px
    }
}

.operation1-section .list li .icon-box {
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    width: 1.65rem;
    height: 1.65rem;
    border: 3px solid rgba(42,113,245,0.01);
    background-color: rgba(42,114,245,0.01);
    position: relative
}

.operation1-section .list li .dots span {
    display: block;
    border-radius: 50%;
    background-color: #2a72f5;
    position: absolute;
    animation: 5s ease-in-out 0s infinite normal none running
}

.operation1-section .list li .dots span:nth-child(1) {
    opacity: .102;
    width: 12px;
    height: 12px;
    top: 15%;
    left: 6%;
    animation-name: logo-ani11
}

.operation1-section .list li .dots span:nth-child(2) {
    width: 5px;
    height: 5px;
    top: 26%;
    right: 8%;
    opacity: .8;
    animation-name: logo-ani12
}

.operation1-section .list li .dots span:nth-child(3) {
    width: 7px;
    height: 7px;
    bottom: 30%;
    left: 8%;
    opacity: .2;
    animation-name: logo-ani14
}

.operation1-section .list li .dots span:nth-child(4) {
    width: 6px;
    height: 6px;
    bottom: 26%;
    right: 12%;
    animation-name: logo-ani13
}

.operation1-section .list li .icon {
    width: 1rem
}

.operation1-section .list li .inner-icon {
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: inset 0 4px 27px 0 rgba(42,114,245,0.1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%
}

.operation3-section {
    background: url('../images/operation1.jpg') center bottom no-repeat #ecf4fd;
    padding: 1.3rem 0 1.3rem;
    background-size: cover
}

@media (max-width: 991px) {
    .operation3-section {
        padding:40px 0
    }
}

.operation3-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .5rem
}

.operation3-section .list li {
    border-radius: .2rem;
    margin-top: .3rem;
    min-height: 3.6rem;
    box-shadow: 0 .04rem .16rem 0 rgba(0,0,0,0.01);
    position: relative;
    padding: .5rem .3rem .3rem;
    width: calc(25% - 15px);
    margin-bottom: 30px;
    margin-left: 20px;
    overflow: hidden;
    background: linear-gradient(-15deg, #ffffff, #ffffff, #e7f2ff);
    border: 1px solid var(--white-color);
    border-top-width: 2px
}

.operation3-section .list li:nth-child(4n - 3) {
    margin-left: 0
}

@media (max-width: 991px) {
    .operation3-section .list li {
        margin-left:15px;
        margin-bottom: 15px;
        width: calc(50% - 7.5px)
    }

    .operation3-section .list li:nth-child(odd) {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .operation3-section .list li {
        width:100%;
        margin-left: 0;
        margin-top: 5px;
        padding: .4rem
    }
}

.operation3-section .list li .icon {
    height: .6rem
}

.operation3-section .list li .icon svg {
    width: auto;
    height: 100%
}

@media (max-width: 991px) {
    .operation3-section .list li .icon {
        height:45px
    }

    .operation3-section .list li .icon svg {
        width: 100%;
        height: 100%
    }
}

.operation3-section .list li .tit {
    font-size: 26px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--active-color);
    padding: .2rem 0 0
}

@media (max-width: 1580px) {
    .operation3-section .list li .tit {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .operation3-section .list li .tit {
        font-size:16px
    }
}

.operation3-section .list li .desc {
    padding-top: 15px
}

.operation3-section .list li .desc dd {
    display: block;
    color: var(--black-666);
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 0 .1rem 28px;
    position: relative;
    width: calc(100% + .15rem)
}

@media (max-width: 1580px) {
    .operation3-section .list li .desc dd {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .operation3-section .list li .desc dd {
        font-size:13px
    }
}

.operation3-section .list li .desc dd .ico {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 10px
}

@media (max-width: 991px) {
    .operation3-section .list li .desc dd .ico {
        width:15px;
        height: 15px;
        top: calc(50% - 6px)
    }
}

.operation3-section .list li .desc dd .ico svg {
    display: block;
    width: 100%;
    height: 100%;
    position: static
}

.operation4-section {
    padding: 1.3rem 0
}

@media (max-width: 991px) {
    .operation4-section {
        padding:40px 0
    }
}

.operation4-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: .3rem
}

@media (max-width: 991px) {
    .operation4-section .list {
        padding-top:0
    }
}

.operation4-section .list li {
    margin-top: 20px;
    width: calc(50% - 13px);
    background-color: #f7f9fe;
    border-radius: .4rem;
    position: relative;
    overflow: hidden;
    transition: all .4s ease-in-out
}

@media (max-width: 991px) {
    .operation4-section .list li {
        width:100%
    }
}

.operation4-section .list li .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .3;
    transition: all .4s ease-in-out;
    background: url('../images/rpa1.png') top center no-repeat
}

.operation4-section .list li:hover {
    box-shadow: -1px .2rem .24rem 0 rgba(158,184,232,0.36)
}

.operation4-section .list li:hover .bg {
    opacity: 1
}

.operation4-section .list li:hover .tit {
    color: var(--active-color)
}

.operation4-section .list li a {
    z-index: 3;
    display: block;
    position: relative
}

.operation4-section .list li .text-box {
    padding: .45rem
}

.operation4-section .list li .tit {
    font-size: 30px;
    color: var(--black-333);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    .operation4-section .list li .tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .operation4-section .list li .tit {
        font-size:20px
    }
}

.operation4-section .list li .desc {
    font-size: 18px;
    line-height: 1.6;
    color: var(--black-666);
    padding: .2rem 0 .3rem
}

@media (max-width: 1580px) {
    .operation4-section .list li .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .operation4-section .list li .desc {
        font-size:14px
    }
}

.operation4-section .list li .public-img {
    float: right;
    width: 6.05rem
}

.operation4-section .list li .public-img::before {
    padding-top: 54%
}

.operation5-section {
    padding: 1.3rem 0
}

@media (max-width: 991px) {
    .operation5-section {
        padding:40px 0
    }
}

.operation5-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .5rem
}

.operation5-section .list li {
    border-radius: .2rem;
    margin-top: .3rem;
    min-height: 3.6rem;
    box-shadow: 0 .04rem .16rem 0 rgba(0,0,0,0.01);
    position: relative;
    padding: .5rem .3rem .3rem;
    width: calc(25% - 15px);
    margin-bottom: 30px;
    margin-left: 20px;
    overflow: hidden;
    background: linear-gradient(-15deg, #ffffff, #ffffff, #e7f2ff);
    border: 1px solid var(--white-color);
    border-top-width: 2px;
    box-shadow: 6px 6px 32px 0 rgba(134,161,209,0.14)
}

.operation5-section .list li:nth-child(4n - 3) {
    margin-left: 0
}

@media (max-width: 991px) {
    .operation5-section .list li {
        margin-left:15px;
        margin-bottom: 15px;
        width: calc(50% - 7.5px)
    }

    .operation5-section .list li:nth-child(odd) {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .operation5-section .list li {
        width:100%;
        margin-left: 0;
        margin-top: 25px;
        padding: .4rem
    }
}

.operation5-section .list li .icon {
    height: .6rem
}

.operation5-section .list li .icon svg {
    width: auto;
    height: 100%
}

.operation5-section .list li .tit {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 26px;
    color: var(--active-color);
    padding: .2rem 0 0
}

@media (max-width: 1580px) {
    .operation5-section .list li .tit {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .operation5-section .list li .tit {
        font-size:16px
    }
}

.operation5-section .list li .desc {
    padding-top: 15px
}

.operation5-section .list li .desc dd {
    display: block;
    color: var(--black-666);
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 0 .1rem 28px;
    position: relative;
    width: calc(100% + .15rem)
}

@media (max-width: 1580px) {
    .operation5-section .list li .desc dd {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .operation5-section .list li .desc dd {
        font-size:13px
    }
}

.operation5-section .list li .desc dd .ico {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 10px
}

@media (max-width: 991px) {
    .operation5-section .list li .desc dd .ico {
        width:15px;
        height: 15px;
        top: calc(50% - 6px)
    }
}

.operation5-section .list li .desc dd .ico svg {
    display: block;
    width: 100%;
    height: 100%;
    position: static
}

.operation5-section .list li:nth-child(4n) {
    background-image: linear-gradient(-15deg, #ffffff, #ffffff, rgba(253,159,101,0.25))
}

.operation5-section .list li:nth-child(4n) .tit {
    color: #fd9f65
}

.operation5-section .list li:nth-child(4n) .ico path {
    fill: #fd9f65
}

.operation5-section .list li:nth-child(4n - 1) {
    background-image: linear-gradient(-15deg, #ffffff, #ffffff, rgba(123,42,245,0.1))
}

.operation5-section .list li:nth-child(4n - 1) .tit {
    color: #7b2af5
}

.operation5-section .list li:nth-child(4n - 1) .ico path {
    fill: #7b2af5
}

.operation5-section .list li:nth-child(4n - 2) {
    background-image: linear-gradient(-15deg, #ffffff, #ffffff, rgba(187,230,252,0.3))
}

.operation5-section .list li:nth-child(4n - 2) .tit {
    color: #2ab0f5
}

.operation5-section .list li:nth-child(4n - 2) .ico path {
    fill: #2ab0f5
}

.operation5-section .list li:nth-child(4n - 3) {
    background-image: linear-gradient(-15deg, #ffffff, #ffffff, rgba(179,204,251,0.3))
}

.operation5-section .list li:nth-child(4n - 3) .tit {
    color: #2a72f5
}

.operation5-section .list li:nth-child(4n - 3) .ico path {
    fill: #2a72f5
}

.operation6-section {
    padding: .8rem 0 1.4rem
}

.operation6-section .list li {
    padding-top: .8rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 991px) {
    .operation6-section .list li {
        padding-top:20px
    }
}

.operation6-section .list .public-img {
    width: 52%;
    border-radius: .4rem
}
.operation6-section .list .public-img img{
    position:static;
    object-fit: contain;
    max-width: 100%;
    height: auto;
}
.operation6-section .list .public-img::before {
    padding-top: 75%;
    display: none;
}

@media (max-width: 991px) {
    .operation6-section .list .public-img {
        width:100%
    }
}

.operation6-section .list .text-box {
    width: 38%
}

@media (max-width: 991px) {
    .operation6-section .list .text-box {
        padding:20px 0;
        width: 100%;
        margin-left: 0 !important
    }
}

.operation6-section .list .text-box .title {
    font-size: 30px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .operation6-section .list .text-box .title {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .operation6-section .list .text-box .title {
        font-size:20px
    }
}

.operation6-section .list .text-box .title img {
    vertical-align: top;
    margin-top: 8px
}

.operation6-section .list .text-box .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    position: relative
}

.operation6-section .list .text-box .title .ico {
    margin-left: 10px;
    width: .2rem
}

.operation6-section .list .text-box .title .custom-line:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    display: block;
    width: 100%;
    height: 14px;
    background: url('../images/code2.png') bottom center no-repeat;
    background-size: 100% auto
}

.operation6-section .list .text-box .desc-list {
    color: #333333;
    font-size: 18px;
    padding-top: .3rem
}

@media (max-width: 1580px) {
    .operation6-section .list .text-box .desc-list {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .operation6-section .list .text-box .desc-list {
        font-size:14px
    }
}

.operation6-section .list .text-box .desc-list dd {
    display: block;
    padding: 8px 0 8px 30px;
    background: url('../images/icon-dots.png') left center no-repeat;
    background-size: 15px 15px
}

@media (max-width: 991px) {
    .operation6-section .list .text-box .desc-list dd {
        padding:4px 0 4px 19px;
        background-size: 10px 10px
    }
}

.operation6-section .list .text-box .button-list {
    padding-top: .45rem
}

.operation6-section .list li:nth-child(even) {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.operation6-section .list li:nth-child(even) .text-box {
    margin-left: 9%
}

.operation7-section {
    background: url('../images/operation1.jpg') center bottom no-repeat #ecf4fd;
    padding: 1.3rem 0 1.7rem;
    background-size: cover
}

@media (max-width: 991px) {
    .operation7-section {
        padding:40px 0
    }
}

.operation7-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .5rem
}

@media (max-width: 480px) {
    .operation7-section .list {
        padding:30px 0 0
    }
}

.operation7-section .list li {
    border-radius: .2rem;
    margin-top: .3rem;
    box-shadow: 0 .04rem .16rem 0 rgba(0,0,0,0.01);
    position: relative;
    padding: .3rem;
    width: calc(33.3% - .2rem);
    margin-left: .3rem;
    overflow: hidden;
    min-height: 3rem;
    background: linear-gradient(-15deg, #ffffff, #ffffff, #e7f2ff);
    border: 1px solid var(--white-color);
    border-top-width: 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.operation7-section .list li:nth-child(3n - 2) {
    margin-left: 0
}

@media (max-width: 991px) {
    .operation7-section .list li {
        margin-left:15px;
        margin: 0;
        margin-bottom: 15px;
        width: calc(50% - 7.5px)
    }

    .operation7-section .list li:nth-child(odd) {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .operation7-section .list li {
        width:100%;
        padding: .4rem
    }
}

.operation7-section .list li .icon {
    height: .6rem
}

.operation7-section .list li .icon svg {
    width: auto;
    height: 100%
}

.operation7-section .list li .text-box {
    width: calc(100% - 86px)
}

.operation7-section .list li .tit {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 26px;
    color: var(--active-color)
}

@media (max-width: 1580px) {
    .operation7-section .list li .tit {
        font-size:24px
    }
}

@media (max-width: 991px) {
    .operation7-section .list li .tit {
        font-size:16px
    }
}

.operation7-section .list li .desc {
    padding-top: 15px
}

.operation7-section .list li .desc dd {
    display: block;
    color: var(--black-666);
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 0 .1rem 28px;
    position: relative;
    width: calc(100% + .15rem)
}

@media (max-width: 1580px) {
    .operation7-section .list li .desc dd {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .operation7-section .list li .desc dd {
        font-size:13px
    }
}

.operation7-section .list li .desc dd .ico {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 11px
}

@media (max-width: 991px) {
    .operation7-section .list li .desc dd .ico {
        width:15px;
        height: 15px;
        top: calc(50% - 6px)
    }
}

.operation7-section .list li .desc dd .ico svg {
    display: block;
    width: 100%;
    height: 100%;
    position: static
}

.operation8-section {
    padding: 1rem 0 1.3rem
}

.operation8-section .list {
    padding-top: .6rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.operation8-section .list li {
    width: 33.3%;
    padding: .3rem;
    border-top: 1px solid #d4e3fd;
    border-left: 1px solid #d4e3fd
}

.operation8-section .list li:nth-child(3n - 2) {
    border-left: 0
}

.operation8-section .list li:nth-child(1),.operation8-section .list li:nth-child(2),.operation8-section .list li:nth-child(3) {
    border-top: 0;
    padding-top: 0
}

.operation8-section .list li:nth-last-child(1),.operation8-section .list li:nth-last-child(2),.operation8-section .list li:nth-last-child(3) {
    padding-bottom: 0
}

@media (max-width: 991px) {
    .operation8-section .list li {
        width:50%
    }

    .operation8-section .list li:nth-child(3) {
        border-top: 1px solid #d4e3fd;
        padding-top: .3rem
    }

    .operation8-section .list li:nth-child(3n - 2) {
        border-left: 1px solid #d4e3fd
    }

    .operation8-section .list li:nth-child(odd) {
        border-left: 0
    }

    .operation8-section .list li:nth-last-child(1) {
        padding-bottom: .3rem
    }
}

.operation8-section .list li .text-box {
    text-align: center;
    padding: .1rem 0 .2rem
}

.operation8-section .list li .name {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .operation8-section .list li .name {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .operation8-section .list li .name {
        font-size:16px
    }
}

.operation8-section .list li .icon-box {
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    width: 1.65rem;
    height: 1.65rem;
    border: 3px solid rgba(42,113,245,0.01);
    background-color: rgba(42,114,245,0.01);
    position: relative
}

.operation8-section .list li .dots span {
    display: block;
    border-radius: 50%;
    background-color: #2a72f5;
    position: absolute;
    animation: 5s ease-in-out 0s infinite normal none running
}

.operation8-section .list li .dots span:nth-child(1) {
    opacity: .102;
    width: 12px;
    height: 12px;
    top: 15%;
    left: 6%;
    animation-name: logo-ani11
}

.operation8-section .list li .dots span:nth-child(2) {
    width: 5px;
    height: 5px;
    top: 26%;
    right: 8%;
    opacity: .8;
    animation-name: logo-ani12
}

.operation8-section .list li .dots span:nth-child(3) {
    width: 7px;
    height: 7px;
    bottom: 30%;
    left: 8%;
    opacity: .2;
    animation-name: logo-ani14
}

.operation8-section .list li .dots span:nth-child(4) {
    width: 6px;
    height: 6px;
    bottom: 26%;
    right: 12%;
    animation-name: logo-ani13
}

.operation8-section .list li .icon {
    height: 1rem
}

.operation8-section .list li .icon svg {
    height: 1rem
}

.operation8-section .list li .inner-icon {
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: inset 0 4px 27px 0 rgba(42,114,245,0.1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%
}

.operation8-section .list li .inner-icon img {
    width: 1rem
}

.operation9-section {
    padding: 0 0 .7rem
}

.operation9-section .con-box {
    max-width: 12.5rem;
    margin: .5rem auto;
    position: relative
}

.operation9-section .con-box .link-list .item {
    display: block;
    width: 10%;
    height: 10%;
    position: absolute
}

.operation9-section .con-box .link-list .left .item {
    width: 12%;
    left: 2%
}

.operation9-section .con-box .link-list .left .item1 {
    height: 20%;
    top: 6.5%
}

.operation9-section .con-box .link-list .left .item2 {
    height: 37%;
    top: 30%
}

.operation9-section .con-box .link-list .left .item3 {
    height: 25%;
    top: 72%
}

.operation9-section .con-box .link-list .right1 .item {
    width: 6%;
    height: 5%;
    top: 17%
}

.operation9-section .con-box .link-list .right1 .item1 {
    left: 21.6%
}

.operation9-section .con-box .link-list .right1 .item2 {
    left: 29%
}

.operation9-section .con-box .link-list .right1 .item3 {
    left: 36%
}

.operation9-section .con-box .link-list .right1 .item4 {
    left: 43.3%
}

.operation9-section .con-box .link-list .right1 .item5 {
    width: 3%;
    left: 50%
}

.operation9-section .con-box .link-list .right2 .item {
    width: 6%;
    height: 5%;
    top: 17%
}

.operation9-section .con-box .link-list .right2 .item1 {
    left: 61.5%
}

.operation9-section .con-box .link-list .right2 .item2 {
    left: 69%
}

.operation9-section .con-box .link-list .right2 .item3 {
    left: 76%
}

.operation9-section .con-box .link-list .right2 .item4 {
    left: 83%
}

.operation9-section .con-box .link-list .right2 .item5 {
    width: 3%;
    left: 90%
}

.operation9-section .con-box .link-list .right3 .item {
    width: 10%;
    height: 15%
}

.operation9-section .con-box .link-list .right3 .item1 {
    top: 31%;
    left: 22%
}

.operation9-section .con-box .link-list .right3 .item2 {
    top: 31%;
    left: 82.4%
}

.operation9-section .con-box .link-list .right3 .item3 {
    left: 22%;
    top: 50%
}

.operation9-section .con-box .link-list .right3 .item4 {
    top: 50%;
    left: 82.4%
}

.operation9-section .con-box .link-list .right3 .item5 {
    width: 20%;
    height: 30%;
    top: 32%;
    left: 47%
}

.operation9-section .con-box .link-list .right4 .item {
    width: 10.4%;
    height: 6.5%;
    top: 74%
}

.operation9-section .con-box .link-list .right4 .item1 {
    left: 26%
}

.operation9-section .con-box .link-list .right4 .item2 {
    left: 36.5%
}

.operation9-section .con-box .link-list .right4 .item3 {
    left: 47%
}

.operation9-section .con-box .link-list .right4 .item4 {
    left: 57.5%;
    width: 12.5%
}

.operation9-section .con-box .link-list .right4 .item5 {
    left: 70.2%
}

.operation9-section .con-box .link-list .right4 .item6 {
    left: 81%
}

.operation9-section .con-box .link-list .right5 .item {
    width: 33%;
    height: 10%;
    top: 83%
}

.operation9-section .con-box .link-list .right5 .item1 {
    left: 20%
}

.operation9-section .con-box .link-list .right5 .item2 {
    left: 62.5%
}

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

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

@keyframes opacity11 {
    0% {
        opacity: .05
    }

    100% {
        opacity: .15
    }
}

@keyframes arrows-donghua {
    0% {
        transform: rotate(135deg)
    }

    100% {
        transform: rotate(135deg) translate(-0.1vw, -0.1vw)
    }
}

.operation91-section {
    padding: 0 0 .7rem
}

.operation91-section .con-box {
    max-width: 12.5rem;
    margin: .5rem auto;
    position: relative
}

.operation91-section .con-box .link-list .item {
    display: block;
    width: 10%;
    height: 10%;
    position: absolute
}

.operation91-section .con-box .link-list .item::after {
    content: '';
    position: absolute;
    width: .3vw;
    height: .3vw;
    display: block;
    border-top: 2px solid var(--active-color);
    border-left: 2px solid var(--active-color);
    transform: rotate(135deg);
    animation: arrows-donghua .7s linear infinite alternate
}

@media (max-width: 991px) {
    .operation91-section .con-box .link-list .item::after {
        border-top:1px solid var(--active-color);
        border-left: 1px solid var(--active-color)
    }
}

.operation91-section .con-box .link-list .center .item {
    height: 6%
}

.operation91-section .con-box .link-list .center .item4 {
    top: 54.5%;
    left: 60.8%;
    height: 10%;
    width: 28.5%
}

.operation91-section .con-box .link-list .center .item4::after {
    top: calc(50% - .15vw);
    left: calc(73% - .15vw)
}

.operation91-section .con-box .link-list .center .item1 {
    top: 53.5%;
    left: 10.8%;
    height: 6%;
    width: 28.5%
}

.operation91-section .con-box .link-list .center .item1::after {
    top: calc(47% - .15vw);
    left: calc(75% - .15vw)
}

.operation91-section .con-box .link-list .center .item2 {
    top: 60.1%;
    left: 10.8%;
    height: 6%;
    width: 14%
}

.operation91-section .con-box .link-list .center .item2::after {
    top: calc(43% - .15vw);
    left: calc(89% - .15vw)
}

.operation91-section .con-box .link-list .center .item3 {
    top: 60.1%;
    left: 25.2%;
    height: 6%;
    width: 14%
}

.operation91-section .con-box .link-list .center .item3::after {
    top: calc(43% - .15vw);
    left: calc(91% - .15vw)
}

.operation91-section .con-box .link-list .top .item {
    width: 11.2%;
    height: 20%;
    top: 28.5%;
    border-radius: 50%
}

.operation91-section .con-box .link-list .top .item1 {
    top: 18%;
    left: 36.2%;
    border-radius: 11%;
    height: 7%;
    width: 28.1%
}

.operation91-section .con-box .link-list .top .item1::after {
    top: calc(48% - .15vw);
    left: calc(80% - .15vw)
}

.operation91-section .con-box .link-list .top .item2 {
    left: 19.2%
}

.operation91-section .con-box .link-list .top .item2::after {
    top: calc(76% - .15vw);
    left: calc(50% - .15vw)
}

.operation91-section .con-box .link-list .top .item3 {
    left: 44.5%
}

.operation91-section .con-box .link-list .top .item3::after {
    top: calc(76% - .15vw);
    left: calc(50% - .15vw)
}

.operation91-section .con-box .link-list .top .item4 {
    left: 70%
}

.operation91-section .con-box .link-list .top .item4::after {
    top: calc(85% - .15vw);
    left: calc(50% - .15vw)
}

.operation91-section .con-box .link-list .bottom .item {
    width: 13%;
    height: 20%;
    top: 68.5%
}

.operation91-section .con-box .link-list .bottom .item1 {
    left: 5.8%
}

.operation91-section .con-box .link-list .bottom .item2 {
    left: 26.5%;
    top: 74%;
    width: 16%
}

.operation91-section .con-box .link-list .bottom .item3 {
    left: 43.5%;
    top: 81%;
    height: 10%
}

.operation91-section .con-box .link-list .bottom .item4 {
    left: 59%;
    width: 16%;
    top: 74%
}

.operation91-section .con-box .link-list .bottom .item5 {
    left: 81.8%
}

.operation10-section {
    background: center center no-repeat url('../images/about2-bg.png');
    background-size: cover;
    padding: 1.3rem 0 1.4rem
}

.operation10-section .public-title-box .title {
    text-align: left;
    padding-bottom: .4rem
}

.operation10-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.operation10-section .right {
    width: calc(100% - 5.7rem);
    overflow: hidden;
    border-radius: .2rem;
    background-color: #ffffff;
    padding: .3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}
.operation10-section .right-box,
.operation10-section .right .swiper-container {
    width: 100%
}

@media (max-width: 991px) {
    .operation10-section .right {
        width:100%;
        padding-top: 20px;
        margin-top: 20px
    }
}

.operation10-section .right .public-img img {
    position: static;
    max-width: 100%;
    height: 5.12rem;
    object-fit: contain
}

.operation10-section .right .public-img::before {
    display: none
}

.operation10-section .left {
    width: 4.9rem
}

@media (max-width: 991px) {
    .operation10-section .left {
        width:100%
    }
}

.operation10-section .left .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .15rem .4rem .2rem;
    width: 100%;
    background: rgba(255,255,255,0.5);
    border-radius: .1rem;
    margin-top: 10px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

.operation10-section .left .item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0%;
    background: var(--active-color);
    width: 3px;
    height: 0%;
    z-index: 3
}

.operation10-section .left .item .text-box {
    width: 3.4rem
}

@media (max-width: 991px) {
    .operation10-section .left .item .text-box {
        width:calc(100% - 60px)
    }
}

.operation10-section .left .item .desc {
    color: #666666;
    line-height: 1.625;
    font-size: 16px;
    display: none;
    padding-top: 10px
}

@media (max-width: 1580px) {
    .operation10-section .left .item .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .operation10-section .left .item .desc {
        font-size:13px
    }
}

.operation10-section .left .item .tit {
    font-size: 24px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    line-height: 35px
}

@media (max-width: 1580px) {
    .operation10-section .left .item .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .operation10-section .left .item .tit {
        font-size:16px
    }
}

@media (max-width: 991px) {
    .operation10-section .left .item .tit {
        line-height:1.2
    }
}

.operation10-section .left .item .icon {
    background: url('../images/icon-tech21.svg');
    background-size: 100% 100%;
    width: 43px;
    height: 37px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 10px
}

.operation10-section .left .item .icon svg {
    display: inline-block;
    max-width: 80%;
    max-height: 80%
}

.operation10-section .left .item .icon svg .cls-1{
    opacity: 1!important;
}
.operation10-section .left .item.active {
    background: #fff;
    position: relative
}

.operation10-section .left .item.active::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0%;
    background: #f6f4fe;
    width: 3px;
    height: 100%;
    z-index: 2
}

.operation10-section .left .item.active::before {
    height: 100%;
    transition: height 4s ease-in
}

.operation10-section .left .item.active .desc {
    display: block
}

.operation11-section {
    padding: 1.4rem 0 1rem
}

.operation11-section .public-title-box {
    text-align: center
}

.operation11-section .con-box {
    position: relative;
    margin-top: .5rem
}

.operation11-section .con-box .text-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.operation11-section .con-box .text-list li {
    background-color: #f7f9fe;
    border-radius: .2rem;
    min-height: 2.5rem;
    padding: .45rem;
    width: calc(50% - 15px);
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .operation11-section .con-box .text-list li {
        width:100%;
        margin-bottom: 20px
    }
}

.operation11-section .con-box .text-list li .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@media (max-width: 1260px) {
    .operation11-section .con-box .text-list li .item {
        width:100% !important
    }
}

@media (max-width: 991px) {
    .operation11-section .con-box .text-list li .item {
        -webkit-box-pack:end;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: start;
        -moz-align-items: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.operation11-section .con-box .text-list li .icon-item {
    border-radius: 50%;
    background-image: linear-gradient(90deg, #b4cfff 0%, #d3f0fd 100%);
    width: 120px;
    height: 120px;
    box-shadow: inset 0 0 5px 0 rgba(255,255,255,0.61);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.operation11-section .con-box .text-list li .icon-item svg {
    width: 100%
}
.operation11-section .con-box .text-list li .icon-item svg path{
    opacity:1!important;
}
@media (max-width: 1260px) {
    .operation11-section .con-box .text-list li .icon-item {
        background:var(--active-color);
        width: 1rem;
        height: 1rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        border-radius: 50%
    }

    .operation11-section .con-box .text-list li .icon-item svg {
        width: 50%
    }
}

.operation11-section .con-box .text-list li .text-box {
    width: calc(100% - 150px)
}

@media (max-width: 991px) {
    .operation11-section .con-box .text-list li .text-box {
        width:calc(100% - 90px)
    }
}

.operation11-section .con-box .text-list li .tit {
    font-size: 30px;
    color: var(--active-color);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .operation11-section .con-box .text-list li .tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .operation11-section .con-box .text-list li .tit {
        font-size:20px
    }
}

@media (max-width: 1260px) {
    .operation11-section .con-box .text-list li .tit {
        background:none !important
    }
}

.operation11-section .con-box .text-list li .desc {
    padding: 10px 0;
    line-height: 2;
    font-size: 16px;
    color: var(--black-666)
}

@media (max-width: 1580px) {
    .operation11-section .con-box .text-list li .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .operation11-section .con-box .text-list li .desc {
        font-size:13px
    }
}

@media (max-width: 1260px) {
    .operation11-section .con-box .text-list li .desc {
        padding:0 0 10px
    }
}

.operation11-section .con-box .text-list li:nth-child(4n - 3) {
    background-color: #f7f9fe
}

.operation11-section .con-box .text-list li:nth-child(4n - 3) .icon-item {
    background-image: linear-gradient(90deg, #b4cfff 0%, #d3f0fd 100%)
}

.operation11-section .con-box .text-list li:nth-child(4n - 2) {
    background-color: #fbf9ff
}

.operation11-section .con-box .text-list li:nth-child(4n - 2) .tit {
    color: #7b2af5
}

.operation11-section .con-box .text-list li:nth-child(4n - 2) .icon-item {
    background-image: linear-gradient(90deg, #e0b4ff 0%, #fdd3fc 100%)
}

.operation11-section .con-box .text-list li:nth-child(4n - 1) {
    background-color: #f4faff
}

.operation11-section .con-box .text-list li:nth-child(4n - 1) .tit {
    color: #2ac3f5
}

.operation11-section .con-box .text-list li:nth-child(4n - 1) .icon-item {
    background-image: linear-gradient(90deg, #b4ebff 0%, #d3fde6 100%)
}

.operation11-section .con-box .text-list li:nth-child(4n) {
    background-color: #fffaf4
}

.operation11-section .con-box .text-list li:nth-child(4n) .tit {
    color: #f57b2a
}

.operation11-section .con-box .text-list li:nth-child(4n) .icon-item {
    background-image: linear-gradient(90deg, #ffc9b4 0%, #fdf1d3 100%)
}

.motive-ani {
    position: absolute;
    width: 120%;
    height: 100%;
    left: 0;
    opacity: .6;
    bottom: -1rem
}

.motive-ani02 {
    top: 0;
    left: -105px;
    transform: rotate(180deg)
}

.motive-ani>div {
    width: 10px;
    height: 100%;
    background: url(../images/moti-bg.png) no-repeat top center;
    display: inline-block;
    height: 40%;
    bottom: 0;
    position: absolute;
    opacity: .25;
    animation: wave 12s linear infinite
}

.motive-wr02 {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    width: 100%
}

.motive-wr02 .motive-ani>div {
    animation: wave02 8s linear infinite
}

@keyframes wave02 {
    1%,33%,35%,66%,68%,99% {
        height: 40%
    }

    5%,29%,31%,62%,72%,95% {
        height: 45%
    }

    12%,22%,45%,55%,79%,89% {
        height: 65%
    }

    16%,18%,49%,51%,83%,85% {
        height: 70%
    }
}

.ani1-loop {
    width: .6rem;
    height: .6rem;
    animation: 5s ease-in-out 0s infinite normal none running logo-ani6
}

.ani2-loop {
    animation: 3s ease-in-out 0s infinite normal none running logo-ani7
}

.about1-section {
    padding: .9rem 0 1.2rem;
    background: url('../images/about2.png') center center no-repeat;
    background-size: cover
}

@media (max-width: 991px) {
    .about1-section {
        padding:60px 0 0
    }
}

.about1-section .con-box-video {
    max-width: 11rem;
    padding: 15px;
    border-radius: .15rem;
    border: 1px solid rgba(255,255,255,0.6);
    margin: .5rem auto .8rem;
    position: relative;
    cursor: pointer
}

.about1-section .con-box-video .public-img {
    border-radius: .15rem;
    overflow: hidden
}

.about1-section .con-box-video .public-img::before {
    padding-top: 54.5%
}

.about1-section .con-box-video .icon {
    position: absolute;
    top: calc(50% - .33rem);
    left: calc(50% - .33rem);
    width: .66rem;
    height: .66rem;
    z-index: 3
}

.about1-section .con-box-video .icon::after {
    border: 1px solid #e1ecff;
    border-radius: 50%;
    background-color: #2a71f5;
    content: '';
    width: .83rem;
    opacity: .11;
    height: .83rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s linear;
    transform-origin: center center
}

.about1-section .con-box-video .icon svg {
    transition: all .5s linear;
    width: .65rem;
    height: .65rem
}

.about1-section .con-box-video:hover .icon::after {
    transform: translate(-50%, -50%) scale(1.1)
}

.about1-section .con-box-video:hover .icon svg {
    transform-origin: center center;
    transform: scale(.75);
    opacity: .85
}

.about1-section .cont {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 767px) {
    .about1-section .cont {
        padding-bottom:.6rem
    }
}

.about1-section .cont .item {
    width: 20%;
    border-right: 1px solid #f1f1f1;
    text-align: center
}

@media (max-width: 1199px) {
    .about1-section .cont .item {
        width:33.333%;
        margin-bottom: .4rem
    }
}

@media (max-width: 1199px) and (min-width:568px) {
    .about1-section .cont .item:nth-child(3n) {
        border-right:none
    }
}

@media (max-width: 567px) {
    .about1-section .cont .item {
        width:50%;
        margin-bottom: .6rem
    }

    .about1-section .cont .item:nth-child(2n) {
        border-right: none
    }
}

.about1-section .cont .item:last-child {
    border-right: none
}

.about1-section .cont .item .tit {
    font-size: 18px;
    color: #505050;
    margin-top: 10px
}

@media (max-width: 1580px) {
    .about1-section .cont .item .tit {
        font-size:16px
    }
}

@media (max-width: 567px) {
    .about1-section .cont .item .tit {
        font-size:14px
    }
}

.about1-section .cont .item .shu {
    line-height: .8;
    font-size: .42rem;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--active-color)
}

.about2-section {
    margin: 10px 0 1.2rem
}

@media (max-width: 991px) {
    .about2-section {
        padding-top:30px
    }
}

.about2-section .con-box {
    background: url('../images/about2-bg.png') bottom center no-repeat;
    border-radius: .6rem;
    background-size: cover;
    padding: 1.2rem 0 1rem;
    width: calc(100% - 1.2rem);
    margin: auto;
    overflow: hidden
}

@media (max-width: 991px) {
    .about2-section .con-box {
        width:90%;
        border-radius: .2rem
    }
}

.about2-section .text-box {
    height: 2.9rem;
    width: 100%;
    background: var(--white-color);
    border-radius: .2rem;
    padding: .3rem;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.about2-section .text-box .desc {
    font-size: 16px;
    color: var(--black-333);
    line-height: 1.625
}

@media (max-width: 1580px) {
    .about2-section .text-box .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .about2-section .text-box .desc {
        font-size:13px
    }
}

.about2-section .text-box .desc span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.about2-section .text-box .year {
    font-size: 42px;
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--active-color)
}

@media (max-width: 1580px) {
    .about2-section .text-box .year {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .about2-section .text-box .year {
        font-size:24px
    }
}

.about2-section .button-list {
    text-align: center;
    padding-top: .7rem
}

.about2-section .swiper-container {
    margin-top: .7rem
}

.about2-section .dots {
    background: url('../images/dots.svg');
    background-size: 100% 100%;
    width: 36px;
    height: 36px;
    margin-bottom: .2rem
}

.about2-section .swiper-slide {
    position: relative
}

.about2-section .swiper-slide:after {
    content: '';
    width: calc(100% - 50px);
    height: 1px;
    position: absolute;
    top: 15px;
    background-color: var(--active-color);
    opacity: .11;
    right: 0
}

.about2-section .swiper-button {
    position: static;
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: none;
    border-radius: 50%;
    box-shadow: 0 8px 35px 0 rgba(128,142,174,0.22)
}

@media (max-width: 767px) {
    .about2-section .swiper-button {
        width:30px;
        height: 30px
    }
}

.about2-section .swiper-button.swiper-button-next {
    transform: rotate(180deg)
}

.about2-section .swiper-button svg {
    width: 100%;
    height: 100%
}

.about2-section .swiper-button svg path {
    transition: all .4s ease-in-out
}

.about2-section .swiper-button svg:hover .bg-fill {
    fill: var(--active-color)
}

.about2-section .swiper-button svg:hover .ico-fill {
    fill: var(--white-color)
}

.about6-section .public-title-box .title span {
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.about6-section .cont {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .6rem 0 .3rem
}

@media (max-width: 767px) {
    .about6-section .cont {
        padding:.2rem 0 .1rem
    }
}

.about6-section .cont .item {
    width: 25%;
    border-right: 1px solid #f1f1f1;
    text-align: center
}

@media (max-width: 1199px) {
    .about6-section .cont .item {
        width:33.333%;
        margin-bottom: .4rem
    }
}

@media (max-width: 1199px) and (min-width:568px) {
    .about6-section .cont .item:nth-child(3n) {
        border-right:none
    }
}

@media (max-width: 567px) {
    .about6-section .cont .item {
        width:50%;
        margin-bottom: .6rem
    }

    .about6-section .cont .item:nth-child(2n) {
        border-right: none
    }
}

.about6-section .cont .item:last-child {
    border-right: none
}

.about6-section .cont .item .tit {
    font-size: 18px;
    color: #505050;
    margin-top: 10px
}

@media (max-width: 1580px) {
    .about6-section .cont .item .tit {
        font-size:16px
    }
}

@media (max-width: 567px) {
    .about6-section .cont .item .tit {
        font-size:14px
    }
}

.about6-section .cont .item .shu {
    line-height: .8;
    font-size: .42rem;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--active-color)
}

.about3-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: .6rem
}

.about3-section .list li {
    background: url('../images/about3-bg.png') center center no-repeat;
    background-size: cover;
    border-radius: .12rem;
    width: calc(50% - 10px);
    margin-bottom: 20px;
    padding: .4rem;
    box-shadow: 0 1px 1px rgba(30,93,252,0.5);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 991px) {
    .about3-section .list li {
        width:100%
    }
}

.about3-section .list li .dots {
    width: .56rem
}

.about3-section .list li .icon {
    height: 1.1rem;
    padding-top: .1rem;
    text-align: right
}

.about3-section .list li .icon svg {
    display: inline-block;
    height: 100%;
    width: 1.6rem
}

.about3-section .list li .text-box {
    width: calc(100% - 1.5rem)
}

.about3-section .list li .tit {
    font-size: 30px;
    color: #334363;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding: .3rem 0 .1rem
}

@media (max-width: 1580px) {
    .about3-section .list li .tit {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .about3-section .list li .tit {
        font-size:20px
    }
}

.about3-section .list li .desc {
    font-size: 16px;
    color: #959ca8
}

@media (max-width: 1580px) {
    .about3-section .list li .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .about3-section .list li .desc {
        font-size:13px
    }
}

.about4-section {
    padding-top: 1.1rem
}

.about4-section .swiper-button-disabled {
    display: none
}

.about4-section .con-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .5rem
}

.about4-section .con-box .left-list {
    background: url('../images/about4-bg.png') bottom center no-repeat;
    background-size: cover;
    height: 5.1rem;
    width: 49%;
    position: relative;
    border-radius: .2rem
}

@media (max-width: 480px) {
    .about4-section .con-box .left-list {
        width:100%;
        margin-bottom: 30px
    }
}

.about4-section .con-box .left-list .swiper-container {
    max-width: 70%;
    margin: auto;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%)
}

@media (max-width: 480px) {
    .about4-section .con-box .left-list .swiper-container {
        bottom:45%
    }
}

.about4-section .con-box .left-list .swiper-container a {
    display: block;
    text-align: center
}

.about4-section .con-box .left-list .swiper-container img {
    max-height: 3.4rem;
    max-width: 3.4rem
}

.about4-section .con-box .left-list .active {
    display: block;
    margin: auto
}

.about4-section .con-box .right-list {
    position: relative;
    height: 5.1rem;
    margin-top: -0.3rem;
    width: 49%
}

@media (max-width: 1580px) {
    .about4-section .con-box .right-list {
        height:5.3rem
    }
}

@media (max-width: 480px) {
    .about4-section .con-box .right-list {
        margin-top:10px;
        width: 100%
    }
}

.about4-section .con-box .right-list .swiper-container {
    height: 100%;
    margin-top: .1rem
}

@media (max-width: 1580px) {
    .about4-section .con-box .right-list .swiper-container {
        height:calc(100% - .8rem);
        margin-top: .2rem
    }
}

.about4-section .con-box .right-list .swiper-container .swiper-slide {
    height: auto
}

.about4-section .con-box .right-list .swiper-button {
    width: .4rem;
    height: .4rem;
    background: none;
    border-radius: 50%;
    left: 80px;
    box-shadow: 0 0 0 1px rgba(128,142,174,0.1)
}

@media (max-width: 1580px) {
    .about4-section .con-box .right-list .swiper-button {
        left:88px
    }
}

@media (max-width: 767px) {
    .about4-section .con-box .right-list .swiper-button {
        width:30px;
        height: 30px;
        left: 85px
    }
}

.about4-section .con-box .right-list .swiper-button svg {
    width: 100%;
    height: 100%
}

.about4-section .con-box .right-list .swiper-button svg path {
    transition: all .4s ease-in-out
}

.about4-section .con-box .right-list .swiper-button svg:hover .bg-fill {
    fill: var(--active-color)
}

.about4-section .con-box .right-list .swiper-button svg:hover .ico-fill {
    fill: var(--white-color)
}

.about4-section .con-box .right-list .swiper-button.swiper-button-prev {
    top: 0;
    transform: rotate(90deg)
}

.about4-section .con-box .right-list .swiper-button.swiper-button-next {
    bottom: -0.22rem;
    top: auto;
    transform: rotate(-90deg)
}

.about4-section .con-box .right-list::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #d2e1fc;
    position: absolute;
    top: 0;
    left: 100px
}

.about4-section .con-box .right-list .swiper-slide {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--black-666);
    font-size: 16px;
    cursor: pointer
}

@media (max-width: 1580px) {
    .about4-section .con-box .right-list .swiper-slide {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .about4-section .con-box .right-list .swiper-slide {
        font-size:13px
    }
}

.about4-section .con-box .right-list .swiper-slide .year {
    width: 90px
}

.about4-section .con-box .right-list .swiper-slide .dots {
    width: 20px;
    height: 20px;
    background: url('../images/dots1.png') center center no-repeat;
    background-size: cover;
    margin-right: 10px
}

.about4-section .con-box .right-list .swiper-slide .event {
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .5rem;
    padding: 0 .2rem;
    border-radius: .1rem
}

.about4-section .con-box .right-list .swiper-slide.swiper-slide-thumb-active .year {
    color: var(--active-color)
}

.about4-section .con-box .right-list .swiper-slide.swiper-slide-thumb-active .dots {
    background: url('../images/dots2.png') center center no-repeat;
    background-size: cover
}

.about4-section .con-box .right-list .swiper-slide.swiper-slide-thumb-active .event {
    background: url('../images/about41.png');
    background-size: cover;
    color: var(--white-color)
}

.about5-section {
    padding: 1.4rem 0 1.2rem;
    overflow: hidden;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(30,93,252,0.1))
}

.about5-section .swiper-button {
    width: .6rem;
    height: .6rem;
    background: none;
    border-radius: 50%;
    box-shadow: 0 8px 35px 0 rgba(128,142,174,0.22);
    cursor: pointer
}

@media (max-width: 767px) {
    .about5-section .swiper-button {
        width:30px;
        height: 30px
    }
}

.about5-section .swiper-button svg {
    width: 100%;
    height: 100%
}

.about5-section .swiper-button svg path {
    transition: all .4s ease-in-out
}

@media (min-width: 992px) {
    .about5-section .swiper-button svg:hover .bg-fill {
        fill:var(--active-color)
    }

    .about5-section .swiper-button svg:hover .ico-fill {
        fill: var(--white-color)
    }
}

.about5-section .swiper-button.swiper-button-prev {
    left: -1rem
}

@media (max-width: 1580px) {
    .about5-section .swiper-button.swiper-button-prev {
        left:-7%
    }
}

@media (max-width: 1260px) {
    .about5-section .swiper-button.swiper-button-prev {
        left:-2%
    }
}

@media (max-width: 480px) {
    .about5-section .swiper-button.swiper-button-prev {
        left:1%
    }
}

.about5-section .swiper-button.swiper-button-next {
    right: -1rem;
    transform: rotate(180deg)
}

@media (max-width: 1580px) {
    .about5-section .swiper-button.swiper-button-next {
        right:-7%
    }
}

@media (max-width: 1260px) {
    .about5-section .swiper-button.swiper-button-next {
        right:-2%
    }
}

@media (max-width: 480px) {
    .about5-section .swiper-button.swiper-button-next {
        right:1%
    }
}

.about5-section .swiper-pagination {
    width: 100%;
    bottom: 0;
    display: none
}

@media (max-width: 991px) {
    .about5-section .swiper-pagination {
        display:block
    }
}

.about5-section .swiper-pagination .swiper-pagination-bullet {
    margin: 3px
}

.about5-section .list {
    position: relative;
    width: 92%;
    margin: .5rem auto 0
}

@media (max-width: 480px) {
    .about5-section .list {
        width:110%;
        margin-left: -5%
    }
}

.about5-section .list li {
    background-color: var(--white-color);
    border-radius: .2rem;
    overflow: hidden;
    padding-bottom: 1.2rem
}

.about5-section .list li .text-box {
    padding: .3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    border-radius: .2rem;
    z-index: 100
}

.about5-section .list li .tit {
    font-size: 24px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding-bottom: 10px
}

@media (max-width: 1580px) {
    .about5-section .list li .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .about5-section .list li .tit {
        font-size:16px
    }
}

.about5-section .list li .desc {
    line-height: 26px;
    font-size: 16px;
    color: var(--black-666);
    height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out
}

@media (max-width: 1580px) {
    .about5-section .list li .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .about5-section .list li .desc {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .about5-section .list li:hover .img::before {
        opacity:1
    }

    .about5-section .list li:hover .desc {
        height: 130px;
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .about5-section .list li:hover .tit {
        color: var(--active-color)
    }
}

.about5-section .list li .img {
    border: 1px solid rgba(255,255,255,0.2);
    padding: .3rem;
    position: relative;
    background-color: #e9f1fe
}

.about5-section .list li .img::before {
    content: '';
    background: url('../images/about6.png') top right no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all .4s ease-in-out
}

.about5-section .list li .img img {
    position: absolute;
    z-index: 3;
    border: 1px solid rgba(255,255,255,0.5);
    padding: .1rem;
    background-color: rgba(255,255,255,0.25);
    border-radius: .2rem
}

.about5-section .list li .img .public-img::before {
    padding-top: 70%
}

.system1-section {
    background-color: #f6f9fe
}

.system1-section .container {
    position: relative;
    z-index: 2;
    padding: .6rem;
    border-radius: .4rem;
    background-color: var(--white-color);
    margin-top: -0.6rem
}

@media (max-width: 991px) {
    .system1-section .container {
        padding:25px 15px
    }
}

.system1-section .con-box {
    margin: auto;
    text-align: center
}

.system1-section .con-box .title {
    font-size: 42px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .system1-section .con-box .title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .system1-section .con-box .title {
        font-size:24px
    }
}

.system1-section .con-box .title img {
    margin-left: .2rem;
    width: .45rem;
    vertical-align: top;
    margin-top: .1rem
}

.system1-section .con-box .desc {
    padding: .2rem 0;
    font-size: 20px;
    color: var(--black-666);
    line-height: 2;
    text-align: left
}

@media (max-width: 1580px) {
    .system1-section .con-box .desc {
        font-size:17px
    }
}

@media (max-width: 991px) {
    .system1-section .con-box .desc {
        font-size:15px
    }
}

.system2-section {
    background-color: #f6f9fe;
    padding: 1.3rem 0 1.5rem
}

.system2-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.system2-section .container .left {
    width: 35%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (max-width: 991px) {
    .system2-section .container .left {
        width:100%
    }
}

.system2-section .container .left .tips {
    font-size: 24px;
    color: var(--active-color);
    padding-bottom: 15px
}

@media (max-width: 1580px) {
    .system2-section .container .left .tips {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .system2-section .container .left .tips {
        font-size:16px
    }
}

.system2-section .container .left .title {
    font-size: 42px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--black-000);
    line-height: 1.43
}

@media (max-width: 1580px) {
    .system2-section .container .left .title {
        font-size:.42rem
    }
}

@media (max-width: 991px) {
    .system2-section .container .left .title {
        font-size:24px
    }
}

.system2-section .container .left .title span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.system2-section .container .left .s-nav-list {
    min-height: 3.6rem;
    padding: 15px 0
}

@media (max-width: 991px) {
    .system2-section .container .left .s-nav-list {
        min-height:0
    }
}

.system2-section .container .left .s-nav-list a {
    margin: 9px 2px 0 0;
    width: calc(33.3% - 6px);
    font-size: 18px;
    cursor: pointer;
    color: var(--active-color);
    border: 1px solid var(--active-color);
    border-radius: .1rem;
    line-height: .5rem;
    text-align: center;
    display: inline-block
}

@media (max-width: 1580px) {
    .system2-section .container .left .s-nav-list a {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .system2-section .container .left .s-nav-list a {
        font-size:14px
    }
}

@media (max-width: 991px) {
    .system2-section .container .left .s-nav-list a {
        line-height:30px
    }
}

.system2-section .container .left .s-nav-list a:nth-child(3n) {
    margin-right: 0
}

.system2-section .container .left .s-nav-list a:hover,.system2-section .container .left .s-nav-list a.active {
    background: linear-gradient(to right, #2a72f5, #5c94fa);
    color: var(--white-color)
}

.system2-section .container .right {
    background: url('../images/system3.png') center bottom no-repeat var(--white-color);
    background-size: cover;
    width: 55.5%;
    padding: .8rem .5rem;
    border-radius: .4rem
}

@media (max-width: 991px) {
    .system2-section .container .right {
        width:100%
    }
}

.system2-section .container .right .r-img-list {
    border: 1px solid var(--white-color);
    background: rgba(255,255,255,0.2);
    border-radius: .2rem;
    padding: .2rem
}

.system2-section .container .right .public-img {
    border-radius: .1rem;
    overflow: hidden
}

.system2-section .container .right .public-img::before {
    padding-top: 57%
}

.system3-section {
    background: url('../images/system2.png') center center no-repeat;
    background-size: cover;
    padding: 1.2rem 0 1.4rem
}

@media (max-width: 991px) {
    .system3-section {
        padding:40px 0
    }

    .system3-section .title {
        padding-bottom: 10px
    }
}

.system3-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.system3-section .list li {
    padding-top: .5rem;
    width: calc(33.3% - 30px);
    margin-left: 45px
}

@media (max-width: 991px) {
    .system3-section .list li {
        width:calc(50% - 8px);
        margin-left: 0
    }

    .system3-section .list li:nth-child(even) {
        margin-left: 16px
    }
}

.system3-section .list li:nth-child(3n - 2) {
    margin-left: 0
}

.system3-section .list li .text-box {
    background: rgba(255,255,255,0.6);
    -webkit-backdrop-filter: saturate(180%) blur(25px);
    backdrop-filter: saturate(180%) blur(25px);
    padding: .5rem .4rem .4rem;
    border: 1px solid rgba(255,255,255,0.85);
    margin-top: -0.8rem;
    border-radius: .2rem;
    text-align: center;
    min-height: 2.9rem
}

@media (max-width: 991px) {
    .system3-section .list li .text-box {
        height:85%
    }
}

.system3-section .list li .desc {
    font-size: 16px;
    color: var(--black-666);
    line-height: 1.7;
    padding-top: 15px
}

@media (max-width: 1580px) {
    .system3-section .list li .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .system3-section .list li .desc {
        font-size:13px
    }
}

.system3-section .list li .tit {
    font-size: 24px;
    color: var(--black-000);
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

@media (max-width: 1580px) {
    .system3-section .list li .tit {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .system3-section .list li .tit {
        font-size:16px
    }
}

.system3-section .list li .no {
    width: 1.74rem;
    height: 1.74rem;
    line-height: 1.65rem;
    background: url('../images/system4.png') center center no-repeat;
    background-size: cover;
    font-size: 48px;
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    color: var(--white-color);
    text-align: center;
    margin: auto
}

@media (max-width: 1580px) {
    .system3-section .list li .no {
        font-size:.48rem
    }
}

@media (max-width: 991px) {
    .system3-section .list li .no {
        font-size:26px
    }
}

.system3-section .list li .no span {
    color: white;
    background: linear-gradient(to left, #fff, rgba(255,255,255,0.3));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.tech-ai3-section {
    padding: 1.3rem 0
}

@media (max-width: 991px) {
    .tech-ai3-section {
        padding:40px 0
    }
}

.tech-ai3-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .6rem 0 0
}

@media (max-width: 991px) {
    .tech-ai3-section .list {
        padding:20px 0 0
    }
}

.tech-ai3-section .list li {
    width: calc(25% - 15px);
    margin-bottom: 30px;
    margin-left: 20px;
    position: relative;
    border-radius: .2rem;
    transition: all .4s ease-in-out
}

.tech-ai3-section .list li:nth-child(4n - 3) {
    margin-left: 0
}

@media (max-width: 991px) {
    .tech-ai3-section .list li {
        margin-left:15px;
        margin-bottom: 15px;
        width: calc(50% - 7.5px)
    }

    .tech-ai3-section .list li:nth-child(odd) {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .tech-ai3-section .list li {
        width:100%;
        margin: 0 auto 20px !important
    }
}

.tech-ai3-section .list li:hover {
    padding-bottom: 10px;
    margin-top: -10px;
    vertical-align: top
}

.tech-ai3-section .list li:hover .after {
    padding-top: .2rem;
    opacity: 1
}

.tech-ai3-section .list .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out,opacity 0s;
    opacity: 0;
    border-radius: .2rem;
    overflow: hidden;
    box-shadow: 0 8px 35px 0 rgba(128,142,174,0.15);
    overflow: auto;
    padding: .6rem .2rem .2rem;
    transition: box-shadow .4s ease,padding .4s ease;
    z-index: 2;
}

.tech-ai3-section .list .after dd {
    font-size: 16px;
    color: var(--black-333);
    line-height: 1.7;
    padding-left: 20px;
    position: relative
}

@media (max-width: 1580px) {
    .tech-ai3-section .list .after dd {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .tech-ai3-section .list .after dd {
        font-size:13px
    }
}

.tech-ai3-section .list .after dd::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%;
    opacity: .1;
    width: 10px;
    height: 10px;
    background-color: var(--black-000)
}

.tech-ai3-section .list .before {
    min-height: 3.6rem;
    background-color: var(--white-color);
    padding: 25px;
    border-radius: .2rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.tech-ai3-section .list .before .icon {
    width: 2.9rem;
    position: absolute;
    bottom: -0.4rem;
    right: -0.75rem;
    z-index:2;
}

.tech-ai3-section .list .before .text-box {
    position: relative;
    z-index: 3;
}
.tech-ai3-section .list .before .name {
    font-size: 24px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    line-height: 1.4;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .tech-ai3-section .list .before .name {
        font-size:20px
    }
}

@media (max-width: 991px) {
    .tech-ai3-section .list .before .name {
        font-size:16px
    }
}

.tech-ai3-section .list .before .desc {
    font-size: 16px;
    line-height: 1.67;
    color: var(--black-666);
    margin: .1rem 0 .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

@media (max-width: 1580px) {
    .tech-ai3-section .list .before .desc {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .tech-ai3-section .list .before .desc {
        font-size:13px
    }
}

.tech-ai1-section {
    padding: 1.3rem 0
}

@media (max-width: 991px) {
    .tech-ai1-section {
        padding:40px 0
    }
}

.tech-ai1-section .list {
    padding-top: .5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 767px) {
    .tech-ai1-section .list {
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tech-ai1-section .list li {
    width: 23.5%;
    height: 5.1rem;
    overflow: hidden;
    /* background: var(--black-000); */
    transition: all .5s ease-in-out;
    white-space: normal;
    position: relative;
    border-radius: .4rem
}

@media (max-width: 1580px) {
    .tech-ai1-section .list li {
        height:6rem
    }
}

@media (max-width: 767px) {
    .tech-ai1-section .list li {
        max-height:200vh;
        border: 0;
        height: auto
    }
}

.tech-ai1-section .list li .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 37.5vw;
    min-width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover
}

.tech-ai1-section .list li::before {
    content: '';
    position: absolute;
    width: 37.5vw;
    height: 100%;
    display: block;
    z-index: 1;
    opacity: .55;
    transition: all .4s ease-in-out;
    background: linear-gradient(to bottom, var(--active-color), rgba(255,255,255,0));
    /* box-shadow: inset 0 0 .2rem 0 #fff; */
}

@media (max-width: 991px) {
    .tech-ai1-section .list li::before {
        display:none
    }
}

.tech-ai1-section .list li .name {
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 30px;
    color: #000
}

@media (max-width: 1580px) {
    .tech-ai1-section .list li .name {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .tech-ai1-section .list li .name {
        font-size:20px
    }
}

.tech-ai1-section .list li .icon-box {
    width: 1.6rem;
    height: 1.6rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto;
    background: url('../images/i0.png');
    background-size: 100% 100%;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .tech-ai1-section .list li .icon-box {
        width:1.4rem;
        height: 1.4rem
    }
}

.tech-ai1-section .list li .icon-box .icon {
    max-width: .4rem
}

.tech-ai1-section .list li .icon-box .icon svg {
    width: 100%
}

.tech-ai1-section .list li .before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    opacity: 1;
    transition: all .5s ease-in-out
}

.tech-ai1-section .list li .before .name {
    padding: .4rem 0
}

.tech-ai1-section .list li .desc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: .4rem
}

.tech-ai1-section .list li .desc .tag {
    color: #7487a5;
    font-size: 16px;
    background-color: var(--white-color);
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 8px;
    padding: 4px 10px
}

@media (max-width: 1580px) {
    .tech-ai1-section .list li .desc .tag {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .tech-ai1-section .list li .desc .tag {
        font-size:13px
    }
}

.tech-ai1-section .list li .text-box {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 5%;
    width: 90%;
    min-width: 35vw;
    z-index: 10;
    text-align: left;
    color: var(--white-color);
    padding-bottom: 15px;
    opacity: 0;
    transition: all .5s ease-in-out
}

@media (max-width: 767px) {
    .tech-ai1-section .list li .text-box {
        position:relative;
        padding: 40px 0;
        z-index: 3
    }
}

.tech-ai1-section .list li .text-box .icon-box {
    margin: 0 0 .5rem
}

@media (max-width: 480px) {
    .tech-ai1-section .list li .text-box .icon-box {
        margin-bottom:15px
    }
}

.tech-ai1-section .list li .text-box .name {
    font-size: 30px;
    padding-bottom: .2rem;
    color: #000
}

@media (max-width: 1580px) {
    .tech-ai1-section .list li .text-box .name {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .tech-ai1-section .list li .text-box .name {
        font-size:20px
    }
}

.tech-ai1-section .list li .text-box .desc {
    font-size: 18px
}

@media (max-width: 1580px) {
    .tech-ai1-section .list li .text-box .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .tech-ai1-section .list li .text-box .desc {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .tech-ai1-section .list li {
        width:100%!important;
        margin-left: 0;
        margin-bottom: .2rem
    }

    .tech-ai1-section .list li .text-box {
        bottom: 0;
        opacity: 1
    }

    .tech-ai1-section .list li .before {
        opacity: 0
    }
}

.tech-ai1-section .list li.active {
    width: 50%!important;
    border: 0
}

.tech-ai1-section .list li.active::before {
    opacity: 0
}

@media (max-width: 767px) {
    .tech-ai1-section .list li.active {
        width:100%!important
    }
}

.tech-ai1-section .list li.active .text-box {
    bottom: 0;
    opacity: 1
}

.tech-ai1-section .list li.active .before {
    opacity: 0
}

.tech-ai2-section {
    background: #edf4fe;
    padding: 1.3rem 0
}

@media (max-width: 991px) {
    .tech-ai2-section {
        padding:40px 0
    }
}

.tech-ai2-section .more-button {
    text-align: center;
    padding-top: .4rem
}

.tech-ai2-section .con-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .5rem
}

.tech-ai2-section .left {
    width: calc(50% - 15px);
    border-radius: .4rem;
    background: var(--white-color);
    display: block;
    padding: .4rem
}

@media (max-width: 991px) {
    .tech-ai2-section .left {
        width:100%;
        margin-bottom: 30px
    }
}

.tech-ai2-section .left .no {
    background-image: linear-gradient(152deg, #2a72f5 2%, #b8d1ff 100%);
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'DIN-Bold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    text-align: center;
    border-radius: 50%;
    color: var(--white-color);
    margin-top: 5px;
    vertical-align: top
}

@media (max-width: 1580px) {
    .tech-ai2-section .left .no {
        font-size:13px
    }
}

@media (max-width: 991px) {
    .tech-ai2-section .left .no {
        font-size:13px
    }
}

.tech-ai2-section .left .desc {
    padding: .2rem 0 .35rem
}

.tech-ai2-section .left .desc dd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 3px 0
}

.tech-ai2-section .left .desc dd .text {
    font-size: 18px;
    line-height: 1.6;
    color: var(--black-333);
    width: calc(100% - 30px)
}

@media (max-width: 1580px) {
    .tech-ai2-section .left .desc dd .text {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .tech-ai2-section .left .desc dd .text {
        font-size:14px
    }
}

.tech-ai2-section .left .name {
    font-size: 36px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding-bottom: 8px;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .tech-ai2-section .left .name {
        font-size:32px
    }
}

@media (max-width: 991px) {
    .tech-ai2-section .left .name {
        font-size:18px
    }
}

.tech-ai2-section .left .name span {
    color: white;
    background: linear-gradient(45deg, #3e7df5, #b93df6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.tech-ai2-section .left .tips {
    font-size: 18px;
    color: var(--black-666);
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1580px) {
    .tech-ai2-section .left .tips {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .tech-ai2-section .left .tips {
        font-size:14px
    }
}

.tech-ai2-section .left .public-img {
    border-radius: .2rem;
    overflow: hidden;
    margin-bottom: .4rem
}

.tech-ai2-section .left .public-img::before {
    padding-top: 52%
}

.tech-ai2-section .right {
    width: calc(50% - 15px)
}

@media (max-width: 991px) {
    .tech-ai2-section .right {
        width:100%
    }
}

.tech-ai2-section .right .item {
    border-radius: .4rem;
    background: var(--white-color);
    display: block;
    padding: .4rem;
    margin-bottom: 30px
}

.tech-ai2-section .right .item:last-child {
    margin-bottom: 0
}

.tech-ai2-section .right .item .icon-box {
    border-radius: .1rem;
    width: 50px;
    height: 50px;
    background-color: #e9f1fe;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.tech-ai2-section .right .item .icon-box .icon {
    width: 30px
}

.tech-ai2-section .right .item .icon-box .icon svg {
    width: 100%
}

.tech-ai2-section .right .item .text-box {
    min-height: 2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: .3rem 0 .1rem
}

.tech-ai2-section .right .item .desc {
    font-size: 18px;
    color: var(--black-666);
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

@media (max-width: 1580px) {
    .tech-ai2-section .right .item .desc {
        font-size:15px
    }
}

@media (max-width: 991px) {
    .tech-ai2-section .right .item .desc {
        font-size:14px
    }
}

.tech-ai2-section .right .item .name {
    font-size: 30px;
    font-family: 'PingFangSC-Semibold','PingFangSC-Regular','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    padding-bottom: 8px;
    color: var(--black-000)
}

@media (max-width: 1580px) {
    .tech-ai2-section .right .item .name {
        font-size:26px
    }
}

@media (max-width: 991px) {
    .tech-ai2-section .right .item .name {
        font-size:20px
    }
}

.public-editor img,.editor img {
    max-width: 100%;
    border-radius: .2rem;
    overflow: hidden
}

.public-editor table td,.editor table td {
    border: 1px solid #eeeeee
}