.title1bg {
    background-image: url(../../static/media/title_rjxz.b6104fd9.png)
}

.title1bg,
.title2bg {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 63px
}

.title2bg {
    background-image: url(../../static/media/title_djys.d5e63959.png);
    background-size: 446px 63px
}

.downloadCls {
    width: 340px;
    margin: 0 30px
}

.downloadCls,
.downloadCls1 {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.downloadCls1 {
    width: 120px;
    margin: 0 10px
}

.downloadInfoCls {
    width: 174px;
    height: 174px;
    border: 8px solid #7ecef4;
    border-radius: 87px
}

.downloadInfoCls,
.downloadInfoCls1 {
    background-color: #0d0d0d;
    display: flex;
    justify-content: center;
    align-items: center
}

.downloadInfoCls1 {
    width: 80px;
    height: 80px;
    border: 4px solid #7ecef4;
    border-radius: 60px
}

.downloadLayoutCls {
    margin-top: 30px;
    height: 450px
}

.downloadLayoutCls,
.downloadLayoutCls1 {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    background-image: linear-gradient(0deg, #1a4e89, #0aa5ce);
    box-shadow: 0 4px 10px 0 rgba(164, 149, 149, .9);
    border-radius: 10px
}

.downloadLayoutCls1 {
    height: 280px
}

.btnBg {
    width: 184px;
    height: 40px;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid #fcfcfc
}

.btnBg1 {
    width: 74px;
    height: 20px;
    cursor: pointer;
    border-radius: 15px;
    border: 1px solid #fcfcfc
}

.btnBg:hover {
    background: #000;
    border: 1px solid #000
}

.bbCls {
    background-size: 581px 581px;
    width: 581px;
    height: 581px
}

.bbCls,
.bbCls1 {
    background-image: url(../../static/media/bb.62210408.png);
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative
}

.bbCls1 {
    background-size: 180px 180px;
    width: 180px;
    height: 180px
}

.bbkCls {
    height: 292px
}

.bbkCls,
.bbkCls1 {
    background-image: url(../../static/media/bbk.4760d5fb.png);
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    transform-origin: bottom center
}

.bbkCls1 {
    background-size: 64px 90px;
    height: 90px
}

.bbContentCls {
    background-image: url(../../static/media/bcontent.1dc20e40.png);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 605px;
    height: 660px;
    left: -50px
}

.bbContentCls,
.bbContentCls1 {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.bbContentCls1 {
    background-color: #edf8fb;
    border: 1px solid #edf8fb;
    box-shadow: 0 0 5px #e2f2f8;
    border-radius: 20px;
    margin-left: 10px;
    width: 142px;
    height: 150px;
    top: 20px
}

.bbContentInfoCls {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    text-align: left
}

.aaaCls1 {
    background-image: url(../../static/media/banner05.bcda0bf0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 50px
}

.btnCls1 {
    background-image: url(../../static/media/btn_jhcx.ad10c449.gif)
}

.btnCls1,
.btnCls2 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 200px;
    height: 50px;
    margin: 10px 0
}

.btnCls2 {
    background-image: url(../../static/media/btn_djxz.a3e5d649.gif)
}

.numCls {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.numInfoCls {
    width: 35px;
    height: 44px;
    font-size: 26px
}

.numInfoCls,
.numInfoCls1 {
    background-color: #7ecef4;
    border-radius: 4px;
    color: #c7006a
}

.numInfoCls1 {
    width: 10px;
    height: 20px
}

.numInfoCls1,
.numInfoCls1>span {
    font-size: 12px
}

.djysCls {
    display: flex;
    justify-content: center;
    flex-direction: row
}

.k0Clsactive {
    background-image: url(../../static/media/k0.abe7701b.png)
}

.k1Clsactive {
    background-image: url(../../static/media/k1.08011a28.png)
}

.k2Clsactive {
    background-image: url(../../static/media/k2.812b2374.png)
}

.k3Clsactive {
    background-image: url(../../static/media/k3.f0410a7d.png)
}

.k4Clsactive {
    background-image: url(../../static/media/k4.ea600265.png)
}

.k5Clsactive {
    background-image: url(../../static/media/k5.e06ac84f.png)
}

.k6Clsactive {
    background-image: url(../../static/media/k6.90696929.png)
}

.k7Clsactive {
    background-image: url(../../static/media/k7.fcfcc87d.png)
}

.k0Clsunactive {
    background-image: url(../../static/media/kk0.52c747a5.png)
}

.k1Clsunactive {
    background-image: url(../../static/media/kk1.245ac4b9.png)
}

.k2Clsunactive {
    background-image: url(../../static/media/kk2.6d3ba39a.png)
}

.k3Clsunactive {
    background-image: url(../../static/media/kk3.eb75685a.png)
}

.k4Clsunactive {
    background-image: url(../../static/media/kk4.44b3ebaf.png)
}

.k5Clsunactive {
    background-image: url(../../static/media/kk5.3e31613b.png)
}

.k6Clsunactive {
    background-image: url(../../static/media/kk6.9471001b.png)
}

.k7Clsunactive {
    background-image: url(../../static/media/kk7.bfe4bd18.png)
}

.jtCls {
    background-image: url(../../static/media/jt.79eea4aa.png);
    background-size: 100px 142px;
    height: 142px
}

.jtCls,
.yjtdCls {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%
}

.yjtdCls {
    background-image: url(../../static/media/yjtd.4c17deb4.png);
    background-size: 446px 67px;
    height: 67px
}

.tdbgCls {
    background-image: url(../../static/media/td-bg.b7f05859.png);
    background-size: 768px 283px;
    height: 283px
}

.qwjysCls,
.tdbgCls {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%
}

.qwjysCls {
    background-image: url(../../static/media/qwjys.c220f29e.png);
    background-size: 658px 169px;
    height: 169px
}

.jhcxCls {
    background-image: url(../../static/media/jhcx.d36ee7b0.png);
    background-size: 446px 66px;
    height: 66px
}

.inputBgCls,
.jhcxCls {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%
}

.inputBgCls {
    background-image: url(../../static/media/input-bg.0751401f.png);
    background-size: 536px 85px;
    height: 85px
}

.btnCls {
    background-image: url(../../static/media/btn-0.f9450bad.png);
    background-size: 210px 65px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 210px;
    height: 65px;
    cursor: pointer
}

.btnCls:hover {
    background-image: url(../../static/media/btn-1.f049e246.png)
}

.wxtsCls {
    background-image: url(../../static/media/wxts.d18b3531.png);
    background-size: 707px 173px;
    width: 100%;
    height: 173px
}

.btn-tj,
.wxtsCls {
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.btn-tj {
    background-image: url(../../static/media/btn-tj0.1b718883.png);
    background-size: 134px 134px;
    width: 134px;
    height: 134px
}

.btn-tj:hover {
    background-image: url(../../static/media/btn-tj1.53a07e2e.png)
}

.qwtyCls {
    background-image: url(../../static/media/qwty.f2573c87.png);
    background-size: 1000px 360px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 360px
}

.buliangCls {
    background-image: url(../../static/media/buliang.0a6297a7.png)
}

.buliangCls,
.zhuanyeCls {
    background-size: 244px 318px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 244px;
    height: 318px
}

.zhuanyeCls {
    background-image: url(../../static/media/zhuanye.3c30c942.png)
}

.zuojiaCls {
    background-image: url(../../static/media/zuojia.427ba741.png);
    background-size: 244px 318px;
    width: 244px;
    height: 318px
}

.mzsmCls,
.zuojiaCls {
    background-repeat: no-repeat;
    background-position: 50%
}

.mzsmCls {
    background-image: url(../../static/media/mzsm.71766896.png);
    background-size: 446px 63px;
    width: 100%;
    height: 63px
}

.lanjtCls {
    background-image: url(../../static/media/lanjt.4647b089.png);
    background-size: 18px 20px;
    background-position: 0;
    height: 20px;
    text-align: left
}

.lanjtCls,
.spjcCls {
    background-repeat: no-repeat;
    width: 100%
}

.spjcCls {
    background-image: url(../../static/media/banner_spjc.ee05040d.png);
    background-size: 1000px 360px;
    background-position: 50%;
    height: 360px
}

.czspCls {
    background-image: url(../../static/media/czsp.a01d96b8.png);
    background-size: 446px 66px;
    height: 66px
}

.btn_x,
.czspCls {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%
}

.btn_x {
    background-image: url(../../static/media/btn_x0.c95c80f8.png);
    background-size: 97px 97px;
    height: 97px;
    cursor: pointer
}

.btn_x:hover {
    background-image: url(../../static/media/btn_x1.4047d960.png)
}

.frame_style {
    border: none
}

.grid {
    display: grid;
    grid-template-columns: 400px 400px 400px;
    grid-template-rows: 330px 330px 330px;
    grid-column-gap: 50px;
    grid-row-gap: 15px;
    justify-items: center;
    align-items: center;
    justify-content: center
}

.videobgCls {
    background-image: url(../../static/media/video-bg.7645b3a9.png);
    background-size: 400px 313px;
    width: 400px;
    height: 313px
}

.videobgCls,
.videoBtn {
    background-repeat: no-repeat;
    background-position: 50%
}

.videoBtn {
    position: relative;
    top: 130px;
    height: 80px;
    z-index: 100;
    background-image: url(../../static/media/btn_x0.c95c80f8.png);
    background-size: contain
}

.videoBtn:hover {
    background-image: url(../../static/media/btn_x1.4047d960.png)
}

.lbggCls {
    background-image: url(../../static/media/lbgg.a9c06f2d.png);
    background-size: 672px 167px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 300px
}

.newCls {
    background-image: url(../../static/media/new.33446c9f.png);
    background-size: 53px 53px;
    width: 53px
}

.newCls,
.zxbbCls {
    background-repeat: no-repeat;
    background-position: 50%;
    height: 53px
}

.zxbbCls {
    background-image: url(../../static/media/zxbb.29a75390.png);
    background-size: 149px 53px;
    width: 149px
}

.btnaCls {
    background-image: url(../../static/media/btn-a0.20dfb25d.png);
    background-size: 266px 61px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 266px;
    height: 61px;
    cursor: pointer
}

.btnaCls:hover {
    background-image: url(../../static/media/btn-a1.0019057c.png)
}

.ico0Cls {
    background-image: url(../../static/media/ico0.9866e955.png)
}

.ico0Cls,
.ico1Cls {
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 40px;
    height: 40px
}

.ico1Cls {
    background-image: url(../../static/media/ico1.5155a5e2.png)
}

.ico2Cls {
    background-image: url(../../static/media/ico2.4c83c5e7.png);
    background-size: 40px;
    width: 40px;
    height: 40px
}

.bgbggbgb,
.ico2Cls {
    background-repeat: no-repeat;
    background-position: 50%
}

.bgbggbgb {
    background-image: url(../../static/media/line-bg.e84747de.png);
    background-size: 838px 45px;
    width: 838px;
    height: 45px
}

.lanjtXXCls {
    background-image: url(../../static/media/lanjt.4647b089.png);
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100px;
    height: 20px;
    text-align: center
}

.collapseCls {
    width: 900px;
    background: #fff !important
}

.collapseCls .ant-collapse-item {
    margin: 0 30px
}

.collapseCls .ant-collapse-item .ant-collapse-header {
    text-align: left
}

.collapseCls .ant-collapse-item .ant-collapse-header>span {
    display: none !important
}

.collapseCls .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center
}

.pic0Cls {
    background-image: url(../../static/media/Banner01.5394f287.png)
}

.pic0Cls,
.pic1Cls {
    background-size: 500px 200px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100% !important;
    height: 200px !important
}

.pic1Cls {
    background-image: url(../../static/media/Banner02.e135b2fa.png)
}

.pic2Cls {
    background-image: url(../../static/media/Banner03.0b5b0a13.png)
}

.pic2Cls,
.pic3Cls {
    background-size: 500px 200px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100% !important;
    height: 200px !important
}

.pic3Cls {
    background-image: url(../../static/media/Banner04.4644ec21.png)
}

.hhc {
    background-image: url(../../static/media/hhc.4d9b040f.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    height: 411px;
    width: 744px
}

.icoqq {
    background-image: url(../../static/media/ico-qq.2b67c098.png)
}

.icofj,
.icoqq {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    height: 59px;
    width: 79px
}

.icofj {
    background-image: url(../../static/media/ico-fj.50fbfbe1.png)
}

.icoym {
    background-image: url(../../static/media/ico-ym.d8a038a3.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    height: 59px;
    width: 79px
}

.bar-content {
    align-items: center
}

.bar-content,
.nav-out {
    display: flex;
    justify-content: center;
    flex-direction: row
}

.nav-out {
    background-image: url(../../static/media/nav_bg.ea9ccc9d.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    width: 100%;
    height: 110px
}

.nav-out1 {
    background-image: url(../../static/media/banner01.fb3be70b.png);
    background-size: contain
}

.ue-bar-nav-left {
    height: 154px
}

.pNavLi {
    color: #fff !important
}

.pNavLi1 {
    color: #727273 !important
}

.ue-bar-nav {
    width: 60%
}

.ue-bar-nav li {
    height: 110px;
    float: left;
    list-style: none
}

.ue-bar-nav li * {
    display: inline-block;
    line-height: 110px
}

.ue-bar-nav li a {
    height: 110px;
    line-height: 110px
}

.ue-bar-nav li.active {
    width: 140px;
    background-image: url(../../static/media/select_fg.d3e6313a.png);
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 140px
}

.ue-bar-nav li.unactive {
    list-style: none;
    width: 140px;
    text-align: center
}

.ue-bar-nav li a:hover {
    width: 140px;
    background-image: url(../../static/media/select_fg.d3e6313a.png);
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 140px
}

.ue-bar-nav li a:hover .bar-content .pNavLi1 {
    color: #fff !important
}

.footCls {
    background-image: url(../../static/media/hyrz.2dbe9738.png);
    background-size: 119px 126px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 119px;
    height: 126px;
    margin-left: 30px
}

.footbgCls {
    width: 600px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px
}

.footbgCls,
.footbgCls1 {
    background: #083787;
    border-radius: 4px;
    margin: 10px 0;
    color: #fff;
    text-align: left
}

.footbgCls1 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 5px
}

#certify {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center
}

#certify .swiper-container {
    padding-bottom: 30px
}

#certify .swiper-slide {
    background: #fff;
    box-shadow: 0 8px 30px #ddd
}

#certify .swiper-slide img {
    display: block
}

#certify .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0
}

#certify .swiper-pagination {
    width: 100%
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background-position: 0 0;
    background-size: 100%
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background-position: 0 -93px;
    background-size: 100%
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

body {
    background: #fff
}

p {
    margin-bottom: 0;
    font-size: 16px
}

a {
    color: #fff
}

span {
    font-size: 16px
}

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

.bgbg {
    background-image: url(../../static/media/bgbg.ed0b0427.png);
    background-size: contain;
    text-align: center;
    width: 100%;
    background-repeat: no-repeat
}

.column-flex-cls {
    flex-direction: column
}

.column-flex-cls,
.row-flex-cls {
    display: flex;
    justify-content: center;
    align-items: center
}

.row-flex-cls {
    flex-direction: row
}

.row-flex-cls1 {
    display: flex;
    justify-content: left;
    flex-direction: row;
    align-items: center
}

.modal .ant-modal-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0
}

.modal .ant-modal-body div:first-child {
    width: 100%;
    background-color: #0282e9;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 24px
}

.modal .ant-modal-body div:nth-child(2) {
    margin-top: 20px
}

.modal .ant-modal-body div:last-child {
    margin-bottom: 20px
}

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

/*# sourceMappingURL=main.bcef55c3.chunk.css */