/* fixediv */
.fixediv {
    position: absolute;
    top: 360px;
    z-index: 99;
    height: 216px;
    width: 108px;
}

*html .fixediv {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
    margin: 140px 0 0 0;
}

.fixediv-l {
    left: 75px;
    border-radius: 10px;
}

.fixediv-r {
    right: 75px;
    border-radius: 10px;
    width: 108px;
    height: 608px;
    background: #e40301;
    color: #fff;
    font-size: 12px;
}

.fixediv-r a {
    color: #fff;
    font-size: 12px;
}

.fixediv .btn22 {
    height: 25px;
    background: #f2f2f2;
    text-align: right;
    line-height: 25px;
    overflow: hidden;
}

.container {
    position: relative
}

.container .banner {
    position: relative;
    z-index: 1
}

.container .content {
    margin: 0 auto 40px;
    width: 1300px
}

.container .content .breadcrumb {
    padding: 20px 0;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container .content .breadcrumb .item {
    position: relative;
    font-family: SourceHanSansCN-Regular;
    cursor: pointer
}

.container .content .breadcrumb .item .is-link {
    color: #666;
    font-weight: 400
}

.container .content .breadcrumb .item:hover {
    color: #2963cf
}

@media only screen and (max-width:900px) {
    .container {
        min-width: 100%
    }

    .container .banner {
        margin-bottom: 1px
    }

    .container .content {
        padding: 0 30px;
        width: 100%
    }

    .container .content .children-content {
        width: 100%
    }
}

.container {
    position: relative;
    min-width: 1300px
}

.container .content {
    margin: 0 auto;
    width: 1300px
}

.container .content .breadcrumb {
    padding: 45px 0 35px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container .content .breadcrumb .item {
    position: relative;
    padding: 0 13px 0 0;
    font-family: Source Han Sans CN;
    color: #333;
    cursor: pointer
}

.container .content .breadcrumb .item span {
    margin-right: 13px
}

.container .content .breadcrumb .item:hover {
    color: #2963cf
}

.container .content .children-content {
    margin: 0 auto
}

@media only screen and (max-width:900px) {
    .container {
        min-width: 100%
    }

    .container .content {
        padding: 0 30px;
        width: 100%
    }

    .container .content .children-content {
        width: 100%
    }
}

blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    word-break: break-all
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

body,
html {
    font-family: SF-UI-Display;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px
}

body {
    -webkit-overflow-scrolling: touch
}

a {
    text-decoration: none
}

a,
img {
    -webkit-touch-callout: none
}

img {
    border: 0
}

a,
input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a,
button,
input {
    -webkit-appearance: none
}

button,
input {
    border: none;
    outline: none
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: break-spaces
}

.fb {
    font-weight: 700
}

.fill-bottom {
    padding-bottom: 34px
}

@font-face {
    font-family: Impact;
    src: url(../../static/fonts/Impact.3eb51b5f.ttf)
}

.base-subtitle,
.base-title {
    font-family: Source Han Sans CN;
    line-height: 1
}

.base-title {
    font-size: 22px;
    font-family: SourceHanSerifCN-SemiBold;
    color: #333
}

.base-subtitle {
    font-size: 26px;
    color: #999
}

.base-title-hover:hover {
    color: #489eff;
    cursor: pointer
}

.item-btn {
    white-space: nowrap
}

.only-border-bottom {
    border: none;
    border-bottom: 1px solid #e4e4e4
}

.article-group2 p {
    font-size: 16px !important
}

.article-group2 p:nth-child(2) {
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0
}

.article-group2 p:nth-child(3) {
    padding-top: 30px
}

.el-dialog__body {
    padding: 10px 20px 10px
}

.el-form-item:last-child {
    margin-bottom: 0 !important
}

.mt-8 {
    margin-top: 8px
}

.mt-10 {
    margin-top: 10px
}

.mt-11 {
    margin-top: 11px
}

.mt-13 {
    margin-top: 13px
}

.mt-14 {
    margin-top: 14px
}

.mt-15 {
    margin-top: 15px
}

.mt-16 {
    margin-top: 16px
}

.mt-17 {
    margin-top: 17px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-34 {
    margin-top: 34px
}

.mt-40 {
    margin-top: 40px
}

.mt-42 {
    margin-top: 42px
}

.mt-45 {
    margin-top: 45px
}

.mt-51 {
    margin-top: 51px
}

.mt-59 {
    margin-top: 59px
}

.mt-63 {
    margin-top: 63px
}

.mt-75 {
    margin-top: 75px
}

.mr-5 {
    margin-right: 5px
}

.mr-17 {
    margin-right: 17px
}

.mr-52 {
    margin-right: 52px
}

.ml-10 {
    margin-left: 10px
}

.ml-17 {
    margin-left: 17px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-35 {
    margin-left: 35px
}

.ml-40 {
    margin-left: 40px
}

.ml-60 {
    margin-left: 60px
}

.d-flex,
.df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-1 {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.layout-qz {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layout-baseline,
.layout-qz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.layout-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.layout-zy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layout-slide {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layout-slide,
.layout-slide-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layout-slide-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.layout-sx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layout-rc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layout-rc,
.layout-rr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layout-rr {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.layout-cl {
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left
}

.layout-cc,
.layout-cl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layout-cc,
.layout-col-zy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layout-col-zy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:900px) {

    .md\:column,
    .md\:layout-qz {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .md\:layout-qz {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md\:layout-baseline,
    .md\:layout-qz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .md\:layout-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .md\:layout-zy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .layout-slide {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .layout-slide,
    .layout-sx {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .layout-sx {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .layout-rc {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .layout-rc,
    .layout-rr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .layout-rr {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .layout-cc {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .layout-cc,
    .layout-col-zy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f21 {
    font-size: 21px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.f25 {
    font-size: 25px
}

.f26 {
    font-size: 26px
}

.f28,
.f29 {
    font-size: 28px
}

.f30 {
    font-size: 30px
}

.f32 {
    font-size: 32px
}

.f33 {
    font-size: 33px
}

.f34 {
    font-size: 34px
}

.f35 {
    font-size: 35px
}

.f36 {
    font-size: 36px
}

.f38 {
    font-size: 38px
}

.f39 {
    font-size: 39px
}

.f40 {
    font-size: 40px
}

.f42 {
    font-size: 42px
}

.f44 {
    font-size: 44px
}

.f46 {
    font-size: 46px
}

.f48 {
    font-size: 48px
}

.f50 {
    font-size: 50px
}

.f52 {
    font-size: 52px
}

.f54 {
    font-size: 54px
}

.f56 {
    font-size: 56px
}

.f59 {
    font-size: 59px
}

.f60 {
    font-size: 60px
}

.f64 {
    font-size: 64px
}

.f68 {
    font-size: 68px
}

.f70 {
    font-size: 70px
}

.f72 {
    font-size: 72px
}

.f76 {
    font-size: 76px
}

.f80 {
    font-size: 80px
}

.f90 {
    font-size: 90px
}

.f100 {
    font-size: 100px
}

@media screen and (max-width:1450px) {
    .f14 {
        font-size: 12px
    }

    .f15 {
        font-size: 13px
    }

    .f16 {
        font-size: 14px
    }

    .f18 {
        font-size: 16px
    }

    .f20 {
        font-size: 18px
    }

    .f21 {
        font-size: 19px
    }

    .f22,
    .f24 {
        font-size: 20px
    }

    .f25 {
        font-size: 23px
    }

    .f26 {
        font-size: 24px
    }

    .f28 {
        font-size: 26px
    }

    .f29 {
        font-size: 27px
    }

    .f30 {
        font-size: 28px
    }

    .f32 {
        font-size: 30px
    }
}

.lh-23 {
    line-height: 23px
}

.lh-29 {
    line-height: 29px
}

.lh-30 {
    line-height: 30px
}

.lh-34 {
    line-height: 34px
}

.lh-36 {
    line-height: 36px
}

.lh-54 {
    line-height: 54px
}

@font-face {
    font-family: DIN-Medium;
    src: url(../../static/fonts/DIN-Medium.1bbe3460.otf)
}

@font-face {
    font-family: DIN-Regular;
    src: url(../../static/fonts/DIN-Regular.799221d7.otf)
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../../static/fonts/Roboto-Bold.36b5bab5.ttf)
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../../static/fonts/Roboto-Medium.9745415b.ttf)
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../../static/fonts/Roboto-Regular.5673da52.ttf)
}

@font-face {
    font-family: SourceHanSansCN-Regular;
    src: url(../../static/fonts/SourceHanSansCN-Regular.11c302dd.otf)
}

@font-face {
    font-family: SourceHanSansCN-Bold;
    src: url(../../static/fonts/SourceHanSansCN-Bold.8e4c4a88.otf)
}

@font-face {
    font-family: SourceHanSerifCN-Heavy;
    src: url(../../static/fonts/SourceHanSerifCN-Heavy-4.f983acba.otf)
}

@font-face {
    font-family: SourceHanSerifCN-SemiBold;
    src: url(../../static/fonts/SourceHanSerifCN-SemiBold-7.3cec8b39.otf)
}

.usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.wn {
    word-wrap: normal
}

.wep,
.wn {
    white-space: nowrap
}

.wep {
    overflow: hidden;
    text-overflow: ellipsis
}

.wb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}

.wes {
    -webkit-line-clamp: 2
}

.wes,
.wes3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.wes3 {
    -webkit-line-clamp: 3
}

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

.clearfix:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden
}

.ellipsis {
    width: 300px
}

.ellipsis,
.text-hide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

body,
html {
    background: #fff
}

.wh100,
body,
html {
    width: 100%;
    height: 100%
}

.w100 {
    width: 100%
}

.h-full {
    height: 100%
}

.w-auto {
    width: auto
}

.block {
    display: block
}

.full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mc {
    color: #ff305d
}

.mr {
    color: #f06
}

.dc {
    color: #98999b
}

h2 {
    font-size: 32px
}

.fb {
    font-weight: bolder
}

.fyh {
    font-family: Microsoft YaHei
}

.fdb {
    font-family: DIN-Bold
}

.fdm {
    font-family: DIN-Medium
}

.fdr {
    font-family: DIN-Regular
}

.frb {
    font-family: Roboto-Bold
}

.frm {
    font-family: Roboto-Medium
}

.frr {
    font-family: Roboto-Regular
}

.fsh {
    font-family: Source Han Sans CN
}

.fsr {
    font-family: SourceHanSerifCN-Regular
}

.fsb,
.fscb {
    font-family: SourceHanSansCN-Bold
}

.fscr {
    font-family: SourceHanSansCN-Regular
}

.fscsb {
    font-family: SourceHanSerifCN-SemiBold
}

.fcw {
    color: #fffefe
}

.fcf {
    color: #fff
}

.fcb {
    color: #5e7482
}

.fc0 {
    color: #333
}

.fc01 {
    color: #010101
}

.fc3 {
    color: #333
}

.fc6 {
    color: #666
}

.fc9 {
    color: #999
}

.fcc {
    color: #ccc
}

.fc-primary {
    color: #489eff
}

.fc-blue-dark {
    color: #36a2e1
}

.lin1 {
    line-height: 1
}

.mp {
    cursor: pointer
}

input::-webkit-input-placeholder {
    color: #98999b
}

input,
textarea {
    -webkit-appearance: none
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.pagechange {
    position: relative;
    text-align: center
}

.pagechange li {
    margin-right: 10px;
    min-width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 50%;
    border-color: #58585d;
    background: transparent
}

.pagechange li.ivu-page-disabled,
.pagechange li.ivu-page-item,
.pagechange li.ivu-page-item-jump-next,
.pagechange li.ivu-page-item-jump-prev {
    border: none
}

.pagechange li a {
    font-family: Roboto-Bold
}

.home-content {
    margin: 0 auto;
    width: 100%
}

@media only screen and (max-width:900px) {
    .home-content {
        padding: 0 20px;
        width: 100%
    }
}

.required-color {
    color: #0a2727
}

.nowrap {
    white-space: nowrap
}

p img {
    display: block;
    max-width: 100%
}

.normal-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    word-wrap: break-word;
    line-height: 29px;
    text-indent: 2em
}

.normal-detail video {
    margin: 0 auto;
    max-width: 100%;
    display: block
}

.normal-detail img+br {
    display: none
}

.normal-detail p {
    display: block;
    width: 100%;
    line-height: 30px
}

.normal-detail p img {
    margin: 0 auto;
    display: block;
    max-width: 600px
}

.normal-detail li {
    margin: 5px 10px 10px;
    width: 450px;
    height: 300px
}

.normal-detail li img {
    max-width: 100%;
    max-height: 100%
}

.normal-detail img {
    margin: 0 auto;
    display: block
}

.card-item {
    margin-bottom: 20px
}

.faci-detail img {
    margin: 0 auto
}

.el-calendar__body {
    padding: 0
}

.plate-card-content {
    margin-bottom: 40px
}

:root {
    --customerColor: #0077d9;
    --customerHoverColor: #52a6f9;
    --customerbgColor: #409eff;
    --customerActiveColor: #7dbaff
}

.el-button--primary {
    background-color: var(--customerbgColor);
    border-color: var(--customerbgColor)
}

.nav-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    -webkit-box-shadow: 0 5px 9px 1px rgba(12, 29, 60, .1);
    box-shadow: 0 5px 9px 1px rgba(12, 29, 60, .1);
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    z-index: 999
}

.nav-container .top-group {
    padding: 17px 38px 17px 41px;
    width: 100%
}

.nav-container .top-group .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 400px;
    margin-left: 220px
}

.nav-container .top-group .search .search-box {
    position: relative;
    width: 400px;
    height: 46px;
    overflow: hidden;
    border-radius: 60px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav-container .top-group .search .search-box:hover {
    width: 400px
}

.nav-container .top-group .search .search-box input {
    position: relative;
    padding: 0 94px 0 34px;
    display: block;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    z-index: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-container .top-group .search .search-box i {
    position: absolute;
    width: 46px;
    height: 100%;
    top: 0;
    right: 0;
    display: block;
    z-index: 1;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAADZ0lEQVRIibXXzW8VVRjH8c+9hSqEYosaFkYIREGLlA1qk0sMATEm4tsGiBsT/4Jxc/4HZsPduTLRnbEL2GjiTjSj10QjsuHVwkJB4gK0WEqF4uKckeF2eltu4bc5c58zM9/nmed5zjm3ceTwYYtoLbZhE9ZjFQYxiylcwiTOZCFML/ayqho94CPYi1E0k20uAWfxCIbQSHO3cAJfZyFc7xfewMt4FSswjZ9xWozyduXelXgqOTiGR3ETX2QhnFwMPvD6vn3V3028g124g+OYwDn8nWxVzWUhXBtvtc51iuJHDGAjRjtFsWK81ZrsBW9Wrht4GzsS6OME/3exCCALYSYL4St8ihvY1c7zPUuFj3eBLy0FWuPERXyCGbzSzvPnF4OvE4vrNj7DX/2AKw5cEdN1B2+283xVL/gesbi+cW/E67A/jffrwK/4CavRWgg+JFbrNL6vzK3G+9iJDfcLTzoutuDOdp6vrINvS+MJsX9LvYbHcBaLtk2dshCmcEpswWfq4BvT9emKfY3YtzM4Ji4u/epUGjfXwdeLhVHN9dY0d1JMx3L0exofr4OPiEvmrYr9iTReWCaY2LpzGK6DN8xfSMrWWG7UshDuiLXU7J5rJq8Gu+wzXU70rXaeN8RN6Hb3XFP8LEPiJlHqchrnFUkfGha/7rU6eAl6umI/K9bAji6n+lH53svdE02cT9ejFfsNfKvG2z5UvvdiHfyUmI8x9+b4OD6yxF2tTu08H8EW/KOmc5ruHhYGsbtf0ALamxidLITagiNGeRMveTBFpp3n2/GCuEP+UHdPCZ/Cl2JVHhRXveWAN+Gt9LNhgYCqjf8LvhN78gM82yd4O94Tu2RKbOOD7Twf6763+ww3mR7aJBbgWnHNn+1+sNR4q1VChztFsV+sm4EEPoI/xIof7RTF1fFW68pC8NKBP5MDG8Q6eFL8SrMVRxoY7hTFlk5R7MYbYrquimvEGlzOQjjTKYordQ70OrevEk8gL4qpKDXn7rm9UbFPiYXVEVN2IN37eRbCmXaeb022Jo5mIZzsBS81mF62OUVWLsU3xP79TVxAzmch/L/vpxy/28OBiaXAeyoLYcG5BRx4TuyoqXnb3INU+tdyVIz0QIr8rPjFhh4qvMaBQ/hQLMYLDx1ecWAC18WamcSx/wB6+AzUe6JtwgAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 22px auto
}

.nav-container .top-group .people-number .people {
    margin-right: 18px;
    color: var(--customerColor);
    white-space: nowrap
}

.nav-container .top-group .people-number span {
    color: var(--customerColor);
    margin-right: 12px
}

.nav-container .top-group .btn {
    margin-right: 18px;
    width: 149px;
    height: 36px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(var(--customerColor)), to(var(--customerColor)));
    background: linear-gradient(90deg, var(--customerColor), var(--customerColor));
    border-radius: 18px;
    cursor: pointer;
    font-family: SourceHanSerifCN-Regular
}

.nav-container .top-group .btn img {
    margin-right: 9px;
    display: block;
    width: 22px
}

.nav-container .top-group .btn:last-child {
    margin-right: 0
}

.nav-container .top-group .btn:last-child img {
    width: 19px
}

.menu-logo {
    height: 211px;
    background: #eff8ff
}

.menu-logo img {
    display: block;
    height: 86px
}

.el-menu-item-group__title {
    display: none
}

.m-m-icon {
    margin-right: 10px;
    width: 24px
}

.menu-wrapper {
    position: relative;
    width: 100%
}

.menu-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 101px;
    background: var(--customerColor);
    z-index: 1
}

.menu-wrapper .menu-wrapper-container {
    position: relative;
    width: 1640px;
    max-width: 100%
}

.menu-wrapper .logo {
    position: relative;
    width: 642px;
    z-index: 2
}

.menu-wrapper .logo img {
    display: block;
    width: 100%
}

.menu-wrapper .group {
    position: relative;
    margin-top: 15px;
    margin-left: -2.5%;
    z-index: 2
}

.menu-wrapper .group .item {
    position: relative;
    margin: 0 5px;
    width: 12.5%;
    max-width: 120px;
    height: 86px;
    padding: 10px 10px;
    cursor: pointer;
    line-height: 1
}

.menu-wrapper .group .item:last-child:after {
    display: none
}

.menu-wrapper .group .item .title {
    margin-top: 8px;
    position: relative;
    white-space: nowrap;
    width: 88px;
    max-width: 100%;
    text-align: center
}

.menu-wrapper .group .item .title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 4px;
    background: transparent
}

.menu-wrapper .group .item.active {
    background: #fff;
    border-radius: 16px 16px 0 0
}

.menu-wrapper .group .item.active .title {
    color: var(--customerColor)
}

.menu-wrapper .group .item.active img {
    -webkit-animation: rotateIn .2s linear;
    animation: rotateIn .2s linear
}

.menu-wrapper .group .item .children {
    position: absolute;
    top: calc(100% + 6px);
    left: -20px;
    width: 160px;
    height: 0;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all .15s;
    transition: all .15s;
    -webkit-box-shadow: -1px 5px 10px 0 rgba(97, 97, 97, .5);
    box-shadow: -1px 5px 10px 0 rgba(97, 97, 97, .5)
}

.menu-wrapper .group .item .children .c-item {
    width: 100%;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0, 0%, 89.4%, .8);
    -webkit-transition: all .15s;
    transition: all .15s
}

.menu-wrapper .group .item .children .c-item:last-child {
    border: none
}

.menu-wrapper .group .item .children .c-item:hover {
    color: #fff;
    background: var(--customerColor);
    border-color: var(--customerColor)
}

@media screen and (max-width:1540px) {
    .menu-wrapper .group .item .title {
        width: 66px;
        font-size: 16px
    }
}

@media screen and (max-width:1450px) {
    .top-group-container {
        width: 1300px
    }

    .top-group-container .search {
        margin-right: 61px !important
    }

    .menu-wrapper {
        margin-top: 15px;
        min-width: 1300px
    }

    .menu-wrapper .menu-wrapper-container {
        width: 1300px;
        padding-bottom: 6px
    }

    .menu-wrapper .logo {
        position: absolute;
        width: 520px;
        left: 0;
        top: -19px
    }

    .menu-wrapper .group {
        padding-left: 520px;
        margin-top: 0
    }

    .menu-wrapper .group .item {
        width: 86px
    }

    .menu-wrapper .group .item.active .title,
    .menu-wrapper .group .item .title {
        font-size: 16px
    }
}

.footer-container {
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.footer-container.notop {
    padding-top: 0
}

.footer-container .bottom-icon {
    position: relative;
    margin-bottom: -158px;
    height: 480px;
    z-index: 2;
    background: url(../../static/img/bottom_back.5eb8efc0.png) no-repeat -50px 0;
    background-size: 1970px 100%
}

.footer-container .footer-content {
    position: relative;
    padding-bottom: 23px;
    background: #2b3340;
    z-index: 1
}

.footer-container .top {
    padding: 20px 0;
    border-bottom: 1px solid var(--customerColor)
}

.footer-container .top .item {
    position: relative;
    padding: 0 123px;
    line-height: 1
}

.footer-container .top .item:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 96%;
    right: -.5px;
    top: 50%;
    background: var(--customerColor);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-container .top .item:last-child:after {
    display: none
}

.footer-container .top .item .title {
    margin-bottom: 20px
}

.footer-container .center {
    padding: 25px 0 20px;
    border-bottom: 1px solid var(--customerColor)
}

.footer-container .center a {
    color: #fff
}

.footer-container .bottom {
    margin: 0 auto;
    max-width: 80%;
    padding: 24px 0 0;
    line-height: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-container .bottom .item {
    margin-bottom: 15px;
    cursor: pointer
}

.footer-container .bottom .item:hover {
    color: #27b2f3
}

@media only screen and (max-width:900px) {
    .footer-container {
        margin-top: 41px
    }

    .footer-container .top .item {
        padding: 0 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .footer-container .top .item .desc {
        white-space: nowrap
    }

    .footer-container .bottom {
        padding: 30px 42px
    }

    .footer-container .bottom .address-info.pc {
        display: none
    }

    .footer-container .bottom .address-info.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.f-email {
    margin-bottom: 30px
}

.pagechange {
    position: relative
}

.pagechange li {
    border: none
}

.title-group {
    padding: 0 0 25px 0
}

.title-group .more {
    cursor: pointer
}

.ad-banner {
    position: relative;
    margin-top: 106px
}

@media only screen and (max-width:900px) {
    .ad-banner {
        margin-top: 0
    }
}

.ellipsis-wrap {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.item-wrapper {
    position: relative;
    margin-bottom: 12px;
    padding-left: 8px;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.item-wrapper:hover {
    color: #0077D9;
}

.item-wrapper:hover:before {
    background: #0077D9;
}

.item-wrapper:before {}

.card2-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.card2-wrapper .tabs {
    margin-right: 5px;
    width: 64px
}

.card2-wrapper .tabs .tab {
    margin-bottom: 16px;
    cursor: pointer
}

.card2-wrapper .tabs .tab:last-child {
    margin-bottom: 0
}

.card2-wrapper .tabs .tab.active .tab-content,
.card2-wrapper .tabs .tab:hover .tab-content {
    color: #fff;
    background: var(--customerColor)
}

.card2-wrapper .tabs .tab.active .tab-content:after,
.card2-wrapper .tabs .tab:hover .tab-content:after {
    border-left-color: var(--customerColor)
}

.card2-wrapper .tabs .tab.active .icon,
.card2-wrapper .tabs .tab:hover .icon {
    -webkit-animation: rotateIn .2s linear;
    animation: rotateIn .2s linear
}

.card2-wrapper .tabs .tab.active .icon.edu,
.card2-wrapper .tabs .tab:hover .icon.edu {
    background: url(data:image/png;	base64,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) 50% no-repeat
}

.card2-wrapper .tabs .tab.active .icon.jc,
.card2-wrapper .tabs .tab:hover .icon.jc {
    background: url(data:image/png;	base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAiCAYAAAAd6YoqAAAEZElEQVRYR92YeahVVRSHvy9sojCyUCqwggYqIiNpoAGkAS2aNTNLKokmqKSiMJpHLSIbJVSMtMmSCgqlgYgkmkuaSzCaMxuQZmvFgn3j9njvnXvOu0K5/nmPe/b5rf3ts9faa21ZS8yBcETEJOCegWj0eHeeelITvVogETEI2LDN0TTgTGAx8FmPZ+3ziX4m9wewAXA88CZwQNvY1eovnYDVBVkObN2L8Ej1tU4c9jUmIn4D1uvxfAVwtXpblXZdkFzZH4C3ivAOwBbAserCKmf9QKTOB8C3wDvAOsDwsmgL1OOqtJuAzFDPS+GIOAO4C5ik3lvlrB+QfYEXgFvUKUX7HGAGcKd6dpV2E5CF6rHF2RHAY8Cl6jVVzvoByfi4HzhXvbVo3wBcBExX82+/VhckA+9rdZvibATwRsKoR1U56wfkSuAy4Gj10aL9BHAoMFmdU6VdF+R5YH9gsLoqIjI4fwVWqMOqnPUD8gAwHthR/bCA5KL9DuyjvlulXRfkRuACYIy6qDh8BRgJDFO/qXLY2/OI+KQE9yD1z4hoBf/jJZGsrtKtC7In8BKwSB1TQKYDFwIT1FzZWhYRWwKfA0vV3Yrm5cAVwAlqxk6l1QIpTr4DNgU2V1dGxCjgWWCuekqlxx4DImICcB9wiXpd8fFFSesbqT93otkEZCpwLTBHnRwR6wJ5mP2oJmAti4ingQOBbdXlEXEM8AgwXz2xU7EmIDnxPHE3AbZTl0VEZpojgYPUZzp1HhGZIL4CPla3L18jD8XNgCHq951q1QYpzjLDZDx8qg6PiDyFM2AXq6M7dR4RNwHnZ52lPhgR8zMugKnq9Z3q5LhGIAVmJnA68Jw6KiJyn+d+H6G2Spg+5xIRQ4DMch+pO0VETvxi4GV1rzoQAwIpMK0VXFoCNk/jt9VdqyYSEZlaDwdmAVtlSgey8MzUnlu3ljX+Ii0vEdFKle2Op6m5ur1aRJwF3NHj4Sz1tFqzbxs8YJDyZXYq2+wQIP9Py/I7y45/WURMBOaVH7MtWALMVLNobGxdAWn3HhFZyWb6zIyUDVfWSa8COwPjslIupUdmuafyJG88+25/kV5WPfd8QuzSyyQzu41W3+8GQEuj61+kLXZuB7KPmAv8VJqlbIufVA/rJkRqrUmQBcDY7MfVPPmzEcsO83V1j/8TyGzgVOCfeqmALFH3+0+DRMT65WzIEiNTaa58Zq4sAjfOVhZYBmQ7kL1GVtFfdgOqa1srIjLtZs2VvUSnls3TWPXJTl/oa1xXQCIi76UyGw0FbgbeKw4zJvIurGXZIKXPv8ppflV5MLTJad4O1S2QvYEXs5BUs97qyCIit9/dwEQ1a7XG1i2Q3TMbAVPUjIOOrK2lHa8+1NFLfQwaMEhE5BVq3j/l6ubFQfYjg4u/1O/rujQvLbL8P7h8zZNbFw9NgLoBkuX4yibOe7wzTn24qU43QPJ6MwvBLN2zv66rmclgFTB7IAFf12nTBVvj7601IH8DKWuaMizG3PIAAAAASUVORK5CYII=) 50% no-repeat
}

.card2-wrapper .tabs .tab.active .icon.px,
.card2-wrapper .tabs .tab:hover .icon.px {
    background: url(data:image/png;	base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAiCAYAAAAd6YoqAAADg0lEQVRYR+2YW6hVVRSGv9/Ma97QwiuoqYhIGUKB4MkyxQcffTR90DwIIiKRglGa2L0IIzAfgxBSMHpUBAVvhagEhpRlFGWJmKkppTnkh7Fiu89Z5+x9Ouphswesh73W2mPMf4wx51zzEw1iKtMREUOAh4GpwCPAYMD3egEPAj8CB4BfJV2pNx8RYT9jgMeAmenzFnAN+AO4BHwLnAMuSPq3oxhthESE7z0PzAFmAKNTQL8qR38CPwFHgM+Bg7UIiggnYTqwIK9JwMhMUBHCYv5KQRZzFPhUkpPXrt0hJCJGAOuAF0vevwn0Lnl2KgXtleRK3WERMRmYDywEnivx46w/UOLfgmZLOt/e82ohrcBbWQEP7CvgZGbe5XaW3GbjgVFZrXnAuCrnu4B3JX3p+xHxBrAccKIKc1L2AKfdntlC3wOu/BRgLDARmAA8DjwELJX0SS1CNmdFXP5Vkj7qrPcjwiJagMWARRUZdevtAB7N+4Wr79wmwG5JX9fg3/PSgp8EXpX0Wi1CNgHrgT7ASknbOgtUPM/enwasBZa087+zwJvAZ5I8kWu2iDgEzAJelrSlFiEbU0hfYLWkD2uOVvFiRCwCHNAt4hXtA+A9Sa5SXRYRbrX9wFPABkmv3zMhOS/eyUXjG69SkqIuBflyTxDyMbAi94KnJf3WFHKfW6vhKuLltqURWqthhPjToiEme7MiuR/d9w2xuWpVbpw9aWdvmDnSFNLTJnuzIs2KRES3nBAzk8U+8n9by6dVU5m6ToiV8KFV0vaIMP4ZmBTDp7zLkq52dkiKiLqE5Jl/WII6A7m/K3hAcWZ/RZLH2MaqcdBLJhXAgMQzFwFnxFTFl+0fwEF8Fjcw+wU4kaTDA7hRVREjnicKeBcRQ5NePpOExZTFiMlxfJlAXs8Yjm9QYVhoHFTKEaqFmCy+DzhIvXY5qePOxECGD2tSpMGcWZjZlpGReVVXbKak451WJDNp8vF2ZsBI1BVwhtxOFj4oW214QjQPsBK82c3h/J9518/AGWBu1QBc1R8S/pkeusK+fN8fim7n/hnP1dgHbC0qXi2mI4jdW5JpYKlFhMF2AbqNgMxzzXH/a+8UX/y2P6MdV81if09A3SXCUjmwUiFdqXuy4xeAZdn/hRu3nUG3F4BjklzlbrVuFZKt6cn6bCJUY04Txi+SMJof3xXrdiF3ZZQ1OL0Nx9QWQV76/f4AAAAASUVORK5CYII=) 50% no-repeat
}

.card2-wrapper .tabs .tab .icon {
    width: 25px;
    height: 16px;
    background-size: auto 100% !important
}

.card2-wrapper .tabs .tab .icon.edu {
    background: url(data:image/png;	base64,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) 50% no-repeat
}

.card2-wrapper .tabs .tab .icon.jc {
    background: url(data:image/png;	base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAiCAYAAAAd6YoqAAAFhklEQVRYR92Ye4hUVRzHv987s6tSJKuhZGAFPbCIjKIHPSB6kEVZ2earZHPnnjslVktFUVTT2zRSM3PP76xrkZq1KRYkShkRRfSyB71LUEt7WFpEW+1O9xdH7sa0OM7c2Smq88/AnHO/39/nPH/nEP+TwoFwRFE0TVUfHYhGv2+XishlteilAikUCtktW7YM6TPKZrP3AbiC5Lo4jr8k+WddaTAkdQ/B9arqYACTALxTLBZP7Ws7dOjQ4ty5c3+pBiwViDFmE4AD+gvHcXxsR0fHW9UYlmtjjPkNQGO/+u0k77TWLqiknRbE9+wPAN5NhA8FsB/JCdbaVZXMytWHYXgoyU8AfAfgA5KBqo5OOq1LRC6ppJ0ahOR8a+01XjiKoryqLlLVac65xyqZlavP5/MnxXH8MoB5ItLm2xljrgIwn+TD1toZlbRTgwBYJSITvHAYhueTfJrkLdbauyqZ7WFEJpF8HMDVIvJgoj2L5A0AZouI/91jSQviF943InJgYjaW5Nuq+rRz7oJKZuXqoyi6XVVvBXChiKxOtJ8leY6qtjrnOitppwKJouglVT2lWCzu09nZ+VNzc3NjU1PTrwC2i8jISmZ7WOgrAExU1cOcc58mU8t3Wg/JE621H1bSTgsyR1WvIznOWrs2MXwDwLFBEIxsb2//tpLh7uqNMZsBjN65c2e2q6vr95LF/8yoUaMmFAqFYiXdVCD5fP64OI5fA7BWRMYlILMBXK+qk51zvmdTlenTp4/KZrNbAbwnIkclmrcBKJCcYq31a6diSQWSmOwA0NTQ0LDvwoULvzfGnAbgBZKPWGsvr+jYr0EURZNVdTmAm0XknsRjm9/WAewlIt3VaNYCchOAuwF0ikirMaYBgD/MfhSRpmpMS9sYY54HcHoQBAe1t7dviqLoIlVdSXKZtfbSavVqAfGBbwcwFMDBIrIxDMPVJMeTPMNau75a81wuNzIIgq8BfC4ihySj4Q/F4ZlMZtiiRYt2VquVGsQLR1Hkdxi/Hr4QkdHGGH8Kb/Y5l7X27GrNjTH3A7iW5CRr7RPGmGUApqjqTc65e6vV8e1qAkl6rt0zqeqLzrnTwjBcTnIyybHW2r4Upmwsra2twzKZjN/lPhORMcYYH/iNqvq6c+74NBADAklgdvWg33FILlfVWQDeF5EjKwVijHkGwHkAOgDsD2Acybd6enrGLVmyxE/dVKXmEelzMcbs2ipLXVX1PufcjeUiCcPwSpIL+9V3iEiYKvqSxgMG8Vq5XG5MJpPx0+wsAGMS/TtFxKcdfylhGE4luTT5cxPJV1S1XUR80lhzqQtIqXuSya4EMDK5cHVms9k3i8Xi4QCaSU5LUo/xO3bseM6f5DVHX+8R6R9IPp/fP47jdQCO2E2QPh05W0Q+rgdAn0bdR6Rk7TwEYIY/8VX1ZwCBvxar6hrn3Ln1hPBafxtIGIZdJC8eNGjQ4AULFviT31+W/A1zg4gc858BMcYsBjC9NF/yIKr6inPu5H81yMyZMwf19PScp6rDSYaq6nv+VpLb4jjem+Q8ABsBzCHZo6o+i/6qHlB1m1p+Cw6CwN/u/INEteUXP/2stWuq/aBcu7qAtLS0DG5sbPS70QhVfYDkR7sWIOmnUvbPnYUsqqr/MybpT/M7fF1vb++IWk7zUqi6gORyuROCIHgVwAoRmVxt74ZhGJIUAFNFxN9Jai51Acnn80fHcbwBQJuI+HVQVem70qrqROfck1V9VKbRgEHa2tqGdHd3z1dVnyf5h4P1JPfxfn4alXsujePYP1qMJnkmgFdVtaXv4aEWoAGDJOn497WY/2WOk83W2qdq1RkwSKFQCLZu3eoTQZ+6d/shSBNMshn81Nvbu3ggCz6VaZoA/+m2/xuQPwCbTEtBJQ3tyAAAAABJRU5ErkJggg==) 50% no-repeat
}

.card2-wrapper .tabs .tab .icon.px {
    background: url(data:image/png;	base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAiCAYAAAAd6YoqAAAEV0lEQVRYR+2ZbWhbVRjH///T267auiluxZcN5tQxZOhkoCBY38c++NGPvgQ052IxIiIqKC46fH9BLKa5J6UtwhAWweFHRdjAbSqiIiiyOR1KMy1lbdrpuGlyH3ngBrLQmHREJyHPx9xzn+f8z/M8557zC9EhxkY6rLVrKpXKOmPMFgBDJFcDWEPSAOgFcNwYcyAMw8LExMTiStcjnU6bmZmZy8vl8rUisl19GmMiAH8BmIuiaB7AERE5USwWZ/P5fOWfYiwnhL7v3ycitwLYBuAyFQCgv85REcCvAA6LyL5KpfJZK4KstTrhrZVKZSfJnQCuAnAJAF2gqqmYP1UQSRXzuTFmTzabPd5IzBlCrLVrST4lIk80eKEMwGvw7HsA+0Tkk1wud6B+jO/7V4vIDgB3A7izgR9d9Z4G/o8YY27OZrMzyz2vF+IDeDXOgE7sSwDf6sqLyJwxRldpKIqijQAuJanZugvAhlrnIvIByTecc1/o79balwE8BGBtzbiyiHwM4EeSBQAnABwTEc38ZmPMehHZJCJXkLwOwCDJB4IgeK+pkGQyuVszEvfAI865d5vV/sjIyIalpaVhkvfGoqorWhSR9wFcSVLFVu0ogD1RFH04Pj7+XTP/2qsqmOQNIrIrl8u90FSI7/vPi8jTAPpIPhwEQbZZoOpzrX2S10RR9DjJ+5d57xeSr4RhuHdqakobuWWz1h4EcBOAZ51zLzYVYq1NA1Ahq0g+GgTBaMvRagb6vn+PiGjAzQB0R3sbwJvOOd0gVmSJRKK/r69vP4AbATzjnHvpPxOigXzffz3eNH5wzm0FICtSEA8+50KstYH2uX4LPM+7JZPJ/N4Vci5LqxMzctTzvOFOKK2OEdIxzd7NiG7X3e9IO44o8Ym3+kHsmNLqCvm/9Ug3I92MtOti1d21lrmwpFKpVWEYKpVp/YZYCx9I+kEQuHQ67RUKhQFjzGCpVJL+/v6FTCZzqtklqeYY31Kzx7zrIgUfvb29s6Ojo2END6je2Z9zzu1u5ar7JIBdAM6P8cxJvb/HVEXpoloJgAZZFBGljdMi8g0ARTuzzrmlutI6Vi6Xr6/Cu0QicaHneVtI3qaEJaYsQ3EcjaWg7nQc4yTJ+RgWKg5qyBHO4FrJZHIbybcAaJCV2gLJwwDyMQZS+PAYABW5g+RGEVG2pWho00qdx+O3O+e+bpoRHZBMJpV8vEZyMEaimoHTInKKpAq/QEQGSF4MYD0AhXW14E3dHBKREslhAL8B+AnAHXUT0Kz+TFLh3wzJxSiKFo0xYQzpBgCcp/EUzgH4FMA71YzXi2kIsbU30um0ItKGlkqlVodhuA6AlooiIGW5ynGrpuSkNob6208yT/JQGIZ/TE5Ozp4tYamdWEMhZ5N6ZccikiT5YFz/VTcLCroBBPPz81/l83nNclutrUJ0Zvp3wfT09O0xQlXMqYTxo56enr1jY2NzbZ19jbO2C/m3JtrM7990lr5BNuYcMwAAAABJRU5ErkJggg==) 50% no-repeat
}

.card2-wrapper .tabs .tab .tab-content {
    position: relative;
    width: 56px;
    height: 56px;
    color: var(--customerColor);
    background: #eee;
    border-radius: 10px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.card2-wrapper .tabs .tab .tab-content:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    right: -8px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 6px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s
}

.card2-wrapper .tab-panels {
    width: calc(100% - 69px)
}

.item-wrapper {
    position: relative;
    margin-bottom: 12px;
    padding-left: 8px;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.item-wrapper:hover {

    background: #0077D9
}

.item-wrapper:hover:before {
    background: #0077D9
}

.item-wrapper:before {}

@media screen and (max-width:1450px) {
    .card2-wrapper .tabs .tab .tab-content {
        height: 52px
    }
}

.img-swiper {
    position: relative
}

.item-wrapper {
    position: relative;
    height: 100%;
    background-size: cover !important;
    background-position: 50%;
    cursor: pointer
}

.item-wrapper .title-content {
    position: absolute;
    padding: 0 10px;
    width: 100%;
    height: 36px;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .6)
}

@media screen and (max-width:1450px) {
    .el-carousel__container {
        height: 191px !important
    }
}

.itemm-content {
    margin-bottom: 15px
}

.itemm-content .img {
    position: relative;
    height: 140px;
    overflow: hidden;
    cursor: pointer
}

.itemm-content .img img {
    position: absolute;
    display: block;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s;
    transition: all .2s
}

.itemm-content .img img:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
}

.itemm-content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    cursor: pointer
}

.itemm-content .content .idx {
    margin-right: 20px;
    width: 25px;
    font-size: 20px;
    font-weight: 700;
    color: #9da5ad;
    font-family: Impact;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.itemm-content .content .idx.red {
    color: #ff3939
}

.itemm-content .content .title {
    width: calc(100% - 45px)
}

.itemm-content .content .title:hover {
    color: #333
}

.headline {
    position: relative
}

.headline .title-group {
    margin-bottom: 10px;
    line-height: 1
}

.headline .title {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.headline .more {
    font-size: 14px;
    color: #999;
    cursor: pointer
}

.headline .more:hover {
    color: #333
}

.headline .more span {
    margin-right: 13px
}

.headline .more img {
    display: block;
    width: 10px
}

.border-box {
    border: 1px solid #e4e4e4;
    padding: 10px 10px 10px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.border-box-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 24px
}

.border-box-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.border-box-title {
    font-size: 18px;
    color: #333
}

.border-box-more {
    font-size: 14px;
    font-weight: 700;
    color: #999;
    cursor: pointer
}

.pagination {
    margin-top: 40px;
    height: 37px;
    text-align: center
}

.pagination .btn-prev,
.pagination .el-pagination {
    padding: 0
}

.pagination .btn-prev:disabled .el-icon-arrow-left {
    background-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAACQAAAA0CAMAAADVCGoxAAAAh1BMVEUAAACZmZmVlZWZmZmZmZmYmJibm5uampqZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmYmJiZmZmZmZn+P2yeAAAALHRSTlMAFQkb9DgMBuDk2D/4pJ5gV8u4s30h7ujGUdGYk4R4by4kv4xEMyl1Z1xKqw80SLIAAAGiSURBVDjLpZVJdoMwEEQDQmIKAoQhZgYzedD9z5eGOC8rSotoXQ99qrtKH65tWeLDcGzGw9U2iPJ5ijpuUM1d4FwvoQVF8eRrJ60ThkRln/lae9FjtAHTEEtP6y/VLS74FivrytHaAGaFl+undoK6RGDusikC82W8CuDo+Ig8UqmOCwSWNOkO1s4Mg90IrJKPHA1x6bPdi5cBLKl31e0CR2k9m92xtJ0tF6h4R2CfgUwQmDv8gEX3QQBVnsjgAAsFAiuna0Fg05NBsC1zCCy6jxDs/iKwIjOAlU1AqmuLweYpfYMBY8XSq2IHi2He8ntWHGA5upK3xKW9mjMI7x3w3AI2RIGj/aznln1uqHK0Q9w5GE3z68DpVePPkBUNGa2LT5ooHsR/Fo/9rTAIgzSFweYHjk+xss0BZSDqdUoreQNRt9d3aWxcnKe8U180dPlYBSoyTThUZKgSA8JBlSjWOPIPnPNyFWGnDDXtsrklnCJtzgtfjLGsCEd1oKF58tr/POsXG70twR6JhHCAqK38qnniV2ooG7lxqCGrl36DTUTnGwxzL3S0VXFFAAAAAElFTkSuQmCC);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination .btn-prev:disabled .el-icon-arrow-left:before {
    content: ""
}

.pagination .btn-prev .el-icon-arrow-left {
    width: 36px;
    height: 37px;
    background-image: url(data:image/png;
 base64, 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);
        background-size:cover;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination .btn-prev .el-icon-arrow-left:before {
    content: ""
}

.pagination .more {
    line-height: 37px
}

.pagination .el-pager {
    height: 37px;
    margin: 0 18px
}

.pagination .el-pager .number {
    height: unset;
    margin: 0 21px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #58585d;
    line-height: 37px
}

.pagination .el-pager .active {
    color: #0d4d7c;
    font-weight: 700
}

.pagination .btn-next {
    padding: 0
}

.pagination .btn-next:disabled .el-icon-arrow-right {
    background-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAACQAAAA0CAMAAADVCGoxAAAAh1BMVEUAAACZmZmVlZWZmZmZmZmYmJibm5uampqZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmYmJiZmZmZmZn+P2yeAAAALHRSTlMAFQkb9DgMBuDk2D/4pJ5gV8u4s30h7ujGUdGYk4R4by4kv4xEMyl1Z1xKqw80SLIAAAGiSURBVDjLpZVJdoMwEEQDQmIKAoQhZgYzedD9z5eGOC8rSotoXQ99qrtKH65tWeLDcGzGw9U2iPJ5ijpuUM1d4FwvoQVF8eRrJ60ThkRln/lae9FjtAHTEEtP6y/VLS74FivrytHaAGaFl+undoK6RGDusikC82W8CuDo+Ig8UqmOCwSWNOkO1s4Mg90IrJKPHA1x6bPdi5cBLKl31e0CR2k9m92xtJ0tF6h4R2CfgUwQmDv8gEX3QQBVnsjgAAsFAiuna0Fg05NBsC1zCCy6jxDs/iKwIjOAlU1AqmuLweYpfYMBY8XSq2IHi2He8ntWHGA5upK3xKW9mjMI7x3w3AI2RIGj/aznln1uqHK0Q9w5GE3z68DpVePPkBUNGa2LT5ooHsR/Fo/9rTAIgzSFweYHjk+xss0BZSDqdUoreQNRt9d3aWxcnKe8U180dPlYBSoyTThUZKgSA8JBlSjWOPIPnPNyFWGnDDXtsrklnCJtzgtfjLGsCEd1oKF58tr/POsXG70twR6JhHCAqK38qnniV2ooG7lxqCGrl36DTUTnGwxzL3S0VXFFAAAAAElFTkSuQmCC);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.pagination .btn-next:disabled .el-icon-arrow-right:before {
    content: ""
}

.pagination .btn-next .el-icon-arrow-right {
    width: 36px;
    height: 37px;
    background-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAHwAAAB+CAMAAADRCIWHAAAAkFBMVEUAAABUVF9YWF1bW15YWF1YWF1YWF1YWFxYWF1YWF1VVVlXV11YWF1XV1xYWF1YWF1YWF1YWF1YWF1YWF1ZWV1XV11XV11YWF1YWF1YWF1YWF1YWF1YWF1XV11YWF1YWF1YWF1YWF1YWF1YWF1YWF1XV11YWF1YWF1YWF1YWF1YWF1YWFxYWF1YWF1XV11YWF3G2PwYAAAAL3RSTlMACPkR3OnzFuLWDSnuI8E/x0/MGy7RRbqrSjOlhLR3nn6JOY5wVJiTXLBhV2tmH9FosowAAAm+SURBVGjetVvXgpw6DMWm9947Qx2G4f //7spkc9kkmyxVj9kMsqQj+Ui2qf2CQCSJ/iSShECo+wXRvK3KUVRV+odUVeTIqs1Ld6tHvOONU5Z0eTCkvq9pfpoOQd4l2dToMk3dJYhXncqcii7wLUbB8yfBCmP5cZc9w8pR+RscQDtm3QWaJQost2pe9XOsIMIKHrXp0Ncabct6X+QG+8NMVmBcyzC0DzEMy2V+Lkkw8qzX5evMR05fBobIcjMIC+aREPeNGXq67oVm0wMI2th3l7VxrGjEyeiga6yOzCJgiMksRDZ4ALS8SP2EbSTZauQ1P9EwgzBBYUY2Oq07ena+yBLd4pBMBFE2T6MvEvANeAynchAx8Y/od8+T1tNyWKTsj4/FRV/x3/3Arvok1sTlJ2kRnkk+3isGUSFujDOzkrf4UbLlysyWMCniUOj8UdVO37kLxIJylNGOUMljOSzwsx7jscTjzdJnMLG69iB19tbBOgbrMeMn4X7jYfW5CInDpGWjUgdEbR4+A8kptqOKduquslTAMzbKxuGPRm18GPAJIc0itOuHemIQpw2ZfgKvtJ4NDLGg2PMV28yJx6zSVCXqhEiq+XAhdmK7OfDoPeYCgNwvdIk6KZJeaAB7oW3sbbrVZwC6hfgpg+7T2uWPr/XqRt3KzLntaFOXyLvPoeKycf/eontgSbg9nrpI7JAEng2+1/5e7DYSXbqQh3ilxYHt3/nSbgKW5EZFX8qCqsQgnjf5f/4vE3COraK6yO4V9AnYLrThP2xCegvIdMurdYP2qrRIxuno78QhEYEzPLwbKDDtPUQo9MVfCYaaWXgW8tU312onETXqv6Q7P6aYYJKnbhF+BCxzacN/+ceQBNx/2tRNYk8ahP3rMu+U7ozdQqZuEycRMXYT5yuv+NzMlNWN3R7SH8zM+Q395x86YeYGk6ZuFNpMwcDHHwaqhYs5I1OpW0UuDIyt37VI4YBhTRsYx8l8A//iwJN+0e0UIiB9vFk3aO8B8W72S6nh+1TBTOlQt4vzEDA7jPwv/8RiNr4XbWupwUIpf454Cvyh3syv0Yl0kzNgFmmI1v47EwEGOtraj8gqOq6dGOpmMvrsCiaRN2ImemZTJJ2L+hpiOWEwGzQbIy7XqeufoBt8P7DY/T/X9ZibRXDExpWXsP8YiWcfHrIUzKzk0YcfR8g9zURbqfBLw0Ct8/59lNU0oM//oQ/JADcurrYzojolbUBwuKmowNNu/Uagmw5ziEGhbp9/ymPLABHXioNboJyIWGgJWUPgRk4Zen4PZsLOJY1kcqyzsJ+pwvmTjSgEAMJ793G6yiDwmMlH9RCR7kBlAgiXlgi87L2QhcATxjcdmLkgtXZnLodaYYf+gvXdHxhz5mgfjUzAewoxc3qDlNYjA6OHoZCWMtyf8TqwB2OUqRASje2cI6WqyoAVcWL83B34qFVmsfao6cFg8RhnRc6LNP7s8HKkvcnGAMh7KotZgP2xaoXUpoPAK9rejvpdGxybZ1SZKmzc8MdbMEshvWW4a8Zs94OiDAmVG1jojhNHOqp9DjI+7tVdYM1ZTmupQYR8j9AJOvwKGDwrwSuid5QZQJobUDCpck/RdfQ2O5GU+mR7a40IWxZ8CiYG1ss+x4fDkgzb3M58b/UgqXGKQcGijX5d8tHADwoEPnjJW4M+WdCVUgwob9DZFlB+xhB4Lq03Bp5+WjCnoARS2S84BgrJ2EMxym2Bl0YDJvkUC8rDKxohPdEEjN1HI9Po+8U2oFygFFDuXTJwcl4DuwR+C68m+xpLcaBcpy6RCHp/sOexpdaGoFy5UrmeC6BcLCK0TTlYfpHbke2RGadideaWqmEai/KLAKf2uajMip9VNqK2Ao69JNXoaCITY2GonW3o7JdUI73PiE6POxJSYMW2UdHmIoNFCgqT9aTPhfsdPqylwpj8vvJqrcT5qKjTR22taGrfxqKxS4d6qriky64yyWjvlhqcJBNQVgmDFsl+uq9nsWKgURxp2i7YUHbRqBhoVLcQyGDkz22lPmyle1tFJUiojFC51/saErEdb+DvvKaeJfD3Qj5In4yVPu1sGmbSNHi1OCttdJI47pQoV2A2oVMycAo86Oco817RUwzkTaV4L11a5OuahW3bCk51npKi/Md45v42aW3xMgg1GQ6gpWME9nF3g7iK5HUC6YwR4GbSOCV92ve3xusxk79oRMSDLYvFRN5e1PR1KHBI5JKZP5pTpNa7hoB201nrOOSI6MGyk6L/x5HaKG0+pHHPXaigCYvxf07cq1xZjli3Vyc2mA7f95Mi8oH/y5qauZjdPIO0+9xfw30IbsqnA13ajJdzj62XX7wxPNHQOx0oW4/xkVxDGIcQbR79nrjiKpk+oPW1Ek0UDuu5x22yEigceOiXzFujfqvwQCN+O8+hyREP20XU7RK1oChu6D9Ou7T7TeefBjnB+zXAyIOqsxDJW4UPc3ZWYh39waowtoBO3SpO4mLI8fcfV/9KhlynuM309XZCEqGvT/U7/cZ0k7xWAANN6asNw8JYTG48xoaxCTi9kL9mRgwgHqbfN4laW/NfbyfQJiBeGe66KPOeIOBc8LdDepUcVC7D9xuEb8hFO+2l/vNgnckb/g7dufDv/QNVJOzMDbWGD1tmBpIc/ZvUMndcSqOhs8LzdwSdDhfvPDz+Wruhq9tQvcnpB9jeXhl3fswZctHOpL9nxrGwoO6qjENv0A12x1smkzbBJWYIR7xE1Gm58rvRl3ZDvMSmL4e+AGrRj1lVbvKb8cGsQ55TwnvlMqsCBO9sgMVuPGc87/SLGdauJpiuMp9bXyQcFNssfQF0p3UkHRh6zG77PPgSB9nVc3kVIcYvef+4hwxzsaC1h17iIGdqDQGWb5ThGx2YaxYpwy0vcczovctv0jsyi1RZHoNkx7pZWjYTDbQrot9NFb0HMa/WF4luozRl6XA3W8fW8g7JL3vdedPo+zZOdby+9BUSMSvOzlxVR6peA2rAesYYHq/wOzNoOay71CDRwmJe66p0sjo2SWAJHDFfa7PeI2/Gfu9S0fJk06nCPms14ilOsILCvKA+87L3ag1l+aRo+PEje5p6pNr8sgQk0fxbJm/lskfsG+LHMruXLvMXcT+vbj+eZJJQpvmjyF7Ts29Ms+mf02t5JWgJPx9qpl3tXciBaTUKp0cqcj++LzCi6FqWYSyvIy1XZAQWVgaiuEM5hZF6NQ+z9WfRDprLCAqHv34Zqg3t8pzvBpFsOdLNV5KTFayPUzHHsYyrBW3xAizItkTdIgjQpVZjDRFONYv4mmUFBgKg+XGb1E2lAgb3lNL/AP2eHs97zh+oAAAAAElFTkSuQmCC);
        background-repeat:no-repeat;
    background-position: 50%;
    background-size: cover
}

.pagination .btn-next .el-icon-arrow-right:before {
    content: ""
}

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

.base-item img {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0
}

.base-item .video-box {
    padding-top: 60%;
    position: relative
}

.base-item .video-box>video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.base-item> {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.base-item.is-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:768px) {
    .base-item.is-row.auto-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .base-item.is-row.auto-col img {
        width: 100% !important
    }
}

.base-item.is-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.base-item.is-col>img {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.base-item.is-col> {
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0
}

.base-item.is-border {
    border: 1px solid #e4e4e4
}

.base-item.is-border:hover {
    -webkit-box-shadow: 0 5px 9px 1px rgba(2, 4, 8, .1);
    box-shadow: 0 5px 9px 1px rgba(2, 4, 8, .1)
}

.column {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
    width: 13rem
}

@media (max-width:768px) {
    .column {
        padding: 20px 50px
    }
}

.column-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.column-header-divider,
.column-header-word {
    color: #1e73e2
}

.column-header-word {
    margin-bottom: 14px;
    font-size: 24px
}

.column-header-divider {
    width: 42px;
    height: 4px;
    margin-bottom: 16px;
    background: #1e73e2
}

.column-header-word_en {
    font-size: 14px;
    color: #ccc
}

.column-header.hidden-sm-and-up {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 50px 0 50px
}

.column-header.hidden-sm-and-up .el-divider--vertical {
    width: 20px;
    height: 1.3rem;
    margin-left: 40px;
    background: #1e73e2
}

.column-header.hidden-sm-and-up .column-header-word {
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: 700
}

.column-header.hidden-sm-and-up .column-header-word_en {
    margin-top: 50px;
    margin-left: 40px;
    font-size: 14px
}

.column-content {
    width: 100%
}

.el-tabs .el-tabs__header {
    margin: 0
}

.el-tabs .el-tabs__header .el-tabs__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__active-bar {
    bottom: 4px;
    height: 4px
}

.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
    display: block;
    color: #333;
    text-align: center;
    min-width: 115px;
    padding-top: 10px;
    padding-bottom: 15px;
    line-height: normal;
    height: auto;
    font-size: 18px
}

.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
    color: #fff
}

.el-tabs .el-tabs__header .el-tabs__nav-next,
.el-tabs .el-tabs__header .el-tabs__nav-prev {
    width: 40px;
    line-height: 48px
}

.el-tabs .el-tabs__header .el-tabs__nav-next>i,
.el-tabs .el-tabs__header .el-tabs__nav-prev>i {
    font-size: 14px
}

.el-tabs .el-tabs__header .el-tabs__nav-wrap.el-tabs__nav-wrap.is-scrollable {
    padding: 0 40px
}

.el-tabs.el-tabs--border-card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.el-tabs.el-tabs--border-card .el-tabs__header {
    background: #fff
}

.el-tabs.el-tabs--border-card .el-tabs__nav-wrap {
    margin-bottom: 0;
    border-bottom: 4px solid var(--customerColor)
}

.el-tabs.el-tabs--border-card .el-tabs__content {
    display: none
}

.el-tabs.el-tabs--border-card .el-tabs__item {
    margin-top: 0;
    background: #fff;
    color: var(--customerColor);
    border: 1px solid #e4e4e4;
    padding-bottom: 10px
}

.el-tabs.el-tabs--border-card .el-tabs__item.is-active {
    background: var(--customerColor);
    color: #fff;
    border-color: var(--customerColor)
}

.el-tabs.active-initial .el-tabs__header .el-tabs__nav-scroll {
    padding-bottom: 20px
}

.el-tabs.active-initial .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
    color: #333
}

.contact-us {
    line-height: 18px;
    background: #f7f7f7
}

.contact-us img {
    display: block
}

.contact-us .info {
    padding: 18px 12px 12px
}

.contact-us .title {
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.contact-us .en {
    margin-bottom: 14px;
    font-size: 14px;
    color: #999
}

.contact-us .item {
    margin-bottom: 10px;
    color: #666;
    font-size: 14px
}

.contact-us .item:last-child {
    margin-bottom: 0
}

.appointment {
    max-width: 100%;
    width: 310px;
    height: 260px;
    padding-top: 88px;
    font-size: 31px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-image: url(../../static/img/appointment.d643bf35.png);
    background-size: cover;
    background-position: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.appointment-button {
    width: 143px;
    height: 34px;
    margin: 50px auto 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 34px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer
}

@media (max-width:900px) {
    .appointment {
        width: 100%
    }
}

.link-title {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.link-title .title {
    font-weight: 400;
    color: #333
}

.link-title .more {
    white-space: nowrap;
    cursor: pointer
}

@media (max-width:900px) {
    .link-title {
        font-size: 12px
    }

    .link-title .title {
        font-size: 24px
    }
}

.link-title {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.link-title .title {
    font-weight: 400;
    color: #333
}

.link-title .more {
    cursor: pointer;
    white-space: nowrap
}

.link-title .more:hover {
    color: var(--customerColor)
}

@media (max-width:900px) {
    .link-title {
        font-size: 12px
    }

    .link-title .title {
        font-size: 24px
    }
}

.star {
    margin-right: 10px;
    cursor: pointer;
    color: #999
}

.star.el-icon-star-on {
    color: #27b2f3
}

.no-data {
    width: 100%;
    min-height: 500px
}

.no-data img {
    display: block;
    max-width: 100%
}

.more {
    cursor: pointer
}

.plate-title {
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px
}

.plate-title .title-wrapper {
    position: relative;
    width: calc(100% - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plate-title .title {
    position: relative;
    padding: 0 0 15px 0;
    color: var(--customerColor);
    font-size: 20px
}

.plate-title .title:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 4px;
    background: var(--customerColor);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.plate-title .more {
    white-space: nowrap;
    cursor: pointer
}

.plate-content {
    margin-bottom: 30px
}

.plate-content .list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.third-login .group {
    padding: 0
}

.third-login .group .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    cursor: pointer
}

.third-login .group .item img {
    display: block;
    width: 40px;
    margin-bottom: 11px
}

.el-dialog__header {
    display: none
}

.el-dialog {
    background: #333
}

.qrcode {
    position: relative;
    width: 100%;
    height: L 260px
}

.qrcode .wi {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1
}

.qrcode .wi.op0 {
    opacity: 0
}

.qrcode .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    z-index: 2;
    background: rgba(0, 0, 0, .5)
}

.userinfo-card {
    position: relative;
    width: 100%;
    padding: 33px 30px 59px 30px;
    border: 1px solid #e4e4e4;
    border-radius: 8px
}

.userinfo-card .title-box {
    margin-bottom: 20px
}

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

.auto-flex.is-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.auto-flex.is-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768px) {
    .auto-flex.is-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.auto-flex-item {
    position: relative
}

@media (max-width:768px) {
    .auto-flex-item {
        margin: 0 !important;
        width: 100% !important
    }
}

.go-top {
    position: fixed;
    display: none;
    right: 100px;
    bottom: 10%;
    width: 54px;
    cursor: pointer;
    z-index: 88
}

.go-top.show {
    display: block
}


.fn {
    color: #fff;
    text-decoration: none;
}

.fn a {
    color: #fff;
    text-decoration: none;
}

.fn a:hover {
    color: #fff;
    text-decoration: none;
}

.mh2 {
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mh1 {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-contentm {
    position: relative;
    -webkit-user-select: text;
    user-select: text
}

.footer-contentm.notop {
    padding-top: 0
}

.footer-contentm .bottom-icon {
    position: relative;
    margin-bottom: -2.106667rem;
    height: 6.4rem;
    z-index: 2;
    background: url(../../static/img/bottom_back.5eb8efc0.png) no-repeat -.666667rem 0;
    background-size: 26.266667rem 100%
}

.footer-contentm {
    position: relative;
    background: #2b3340;
    z-index: 1
}

.footer-contentm>.item {
    border-bottom: .013333rem solid #3f4b5f;
    margin-top: .6rem;
    padding: .3rem;
}

.footer-contentm a {
    color: #fff
}

.footer-contentm .top {
    padding: .35rem 0
}

.footer-contentm .top .item {
    position: relative;
    padding: 0 1.64rem;
    line-height: 1
}

.footer-contentm .top .item .title {
    margin-bottom: .55rem
}

..footer-contentm .center {
    padding: .333333rem 0 .266667rem
}

.footer-contentm .bottom {
    margin: 0 auto;
    max-width: 80%;
    padding: 1.2rem 0 .306667rem;
    line-height: 1;
    flex-wrap: wrap
}

.footer-contentm .bottom .item {
    margin-bottom: .5rem;
    cursor: pointer
}

.footer-contentm .bottom .item:hover {
    color: #27b2f3
}

@media only screen and (max-width: 900px) {
    .footer-container {
        margin-top: .546667rem
    }

    .footer-contentm .top .item {
        padding: 0 .266667rem;
        flex: 1
    }

    .footer-contentm .top .item .desc {
        white-space: nowrap
    }

    .footer-contentm .bottom .address-info.pc {
        display: none
    }

    .footer-contentm .bottom .address-info.mobile {
        display: flex
    }
}

.ctr-list {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid var(--customerColor)
}

.ctr-list .item {
    position: relative;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 5px;
    width: calc(50% - 10px);
    height: 131px;

    cursor: pointer;
    border: 1px solid #e4e4e4;

}

.ctr-list .item:hover {
    color: #0077D9;
    font-weight: 600;
}

.ctr-list .item .back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #0077D9;
}

.ctr-list .item .item-wrapper {
    position: relative;
    height: 100%;
    z-index: 2;

}

.ctr-list .item .item-wrapper:hover {
    background: #c3e4ff;
}

.ctr-list .item img {
    margin-bottom: 8px;
    width: 40px
}

.ctr-list .item img:hover {
    /*filter: brightness(0) invert(1); */
    /*opacity: 0.8; */
}


/*导航*/
.dh_bg {

    float: right;
    position: relative;
}

.dh_bg ul:after {
    display: table;
    content: '';
    clear: both;
    /*清除浮动*/
}

.dh_bg ul li {
    float: left;
    width: 96px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.dh_bg ul li>a {
    font-size: 16px;
    color: #fff;
    display: block;
    height: 78px;
    padding-top: 22px;
    text-decoration: none;
    font-family: "SourceHanSerifCN-Regular";
}

.dh_bg ul li>a i {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 28px;
    background-position-y: 0;
    transition: background-position-y .3s;
    -moz-transition: background-position-y .3s;
    /* Firefox 4 */
    -webkit-transition: background-position-y .3s;
    /* Safari and Chrome */
    -o-transition: background-position-y .3s;
    /* Opera */
}

.dh_bg ul li>a span {
    display: block;
    height: 22px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    font-size: 18px;
    font-family: "SourceHanSerifCN-Regular";
}

.dh_bg_cur {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 96px;
    overflow: hidden;
}

.dh_bg_cur img {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -43px;
}

.dh_bg ul li.cur>a {
    color: #0077D9;
}

.dh_bg ul li.cur>a i {
    background-position-y: -28px;
}

.two_nav_box {
    position: relative;
    position: absolute;
    width: 1200px;
    right: 0;
    top: 90px;
}

.two_nav_box .two_nav {
    position: absolute;
    right: 0;
    overflow: visible;
    background-color: #ffffff;
    box-shadow: 0 0 6px #888888;
    border-radius: 3px;
    padding: 10px 0;
    display: none;
    width: 180px;
}

.two_nav_box .two_nav dl {
    float: left;
    padding: 0 20px;
    position: relative;
}

.two_nav_box .two_nav dl dt {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    width: 140px;
    margin: 0 auto;
    min-height: 40px;
}

.two_nav_box .two_nav dl dt a {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    line-height: 36px;
    text-decoration: none;
    color: #333;

}

.two_nav_box .two_nav dl i {
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    background: url(../images/menu_line.png) no-repeat center center;
    background-size: 1px 100%;
}

.two_nav_box .two_nav>div dl:first-child i {
    display: none;
}

.two_nav_box .two_nav>span {
    position: absolute;
    right: 24px;
    top: -13px;
    width: 37px;
    height: 13px;
    background: url(../images/menu_xsj.png) no-repeat center center;
}

.two_nav_box .two_nav dl dd a {
    font-size: 12px;
    color: #999;
    line-height: 26px;
}

.two_nav_box .two_nav dl dd:hover a {
    color: #3385cc;
    text-decoration: underline;
}

/*css雪碧图*/
.imgss {
    background: url(../images/img.png) no-repeat;
}

.xjt_l {
    height: 20px;
    width: 18px;
    background-position: -136px -64px;
}

.xjt_r {
    height: 20px;
    width: 18px;
    background-position: -112px -64px;
}

.more_grid {
    height: 18px;
    width: 21px;
    background-position: -160px -64px;
}

.dh_01HOME {
    height: 28px;
    width: 24px;
    background-position: 0 0;
}

.dh_04GRID {
    height: 28px;
    width: 24px;
    background-position: -81px 0;
}

.dh_03TARGET {
    height: 28px;
    width: 24px;
    background-position: -54px 0;
}

.dh_02COMPASS {
    height: 28px;
    width: 24px;
    background-position: -27px 0;
}

.dh_05NOTEPAD {
    height: 28px;
    width: 24px;
    background-position: -108px 0;
}

.dh_06PEN {
    height: 28px;
    width: 44px;
    background-position: -136px 0;
}

.dh_07USER {
    height: 28px;
    width: 24px;
    background-position: -162px 0;
}

.dh_08USER {
    height: 28px;
    width: 24px;
    background-position: -189px 0;
}

.qweix {
    height: 34px;
    width: 34px;
    background-position: 0 -120px;
}

.qweibo {
    height: 34px;
    width: 34px;
    background-position: -37px -120px;
}

.qq {
    height: 34px;
    width: 34px;
    background-position: -74px -120px;
}

.foot_tel {
    height: 24px;
    width: 24px;
    background-position: -112px -120px;
}

.jt_right {
    height: 50px;
    width: 50px;
    background-position: -53px -63px;
}

.jt_left {
    height: 50px;
    width: 50px;
    background-position: 0 -63px;
}

.toTop {
    width: 50px;
    height: 150px;
    bottom: 30px;
    right: 35px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
    display: none;
}