.relative {
    position: relative;
    background: #222
}

.isabsolute {
    position: absolute;
    background: ""
}

.jdc-advertisement-tips {
    position: relative;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    height: 70px;
    font-size: 12px
}

.jdc-advertisement-tips .advertisement-bg {
    position: absolute;
    height: 70px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    background-size: 1920px 70px
}

.jdc-advertisement-tips .advertisement-pc-close {
    position: absolute;
    right: 18px;
    height: 70px;
    line-height: 70px
}

.jdc-advertisement-tips .advertisement-pc-close img {
    height: 30px;
    width: 30px
}

.jdc-advertisement-tips .advertisement-m-close,
.jdc-advertisement-tips .advertisement-mbg {
    display: none
}

@media (max-width:768px) {
    .jdc-rwd .jdc-advertisement-tips {
        position: relative;
        z-index: 1001;
        top: 0;
        left: 0;
        width: 100%;
        color: #fff;
        height: auto;
        font-size: 12px
    }

    .jdc-rwd .jdc-advertisement-tips .advertisement-bg,
    .jdc-rwd .jdc-advertisement-tips .advertisement-pc-close {
        display: none
    }

    .jdc-rwd .jdc-advertisement-tips .advertisement-mbg {
        position: relative;
        display: block
    }

    .jdc-rwd .jdc-advertisement-tips .advertisement-mbg .advertisement-pic {
        height: auto;
        width: 100%
    }

    .jdc-rwd .jdc-advertisement-tips .advertisement-m-close {
        display: block;
        position: absolute;
        left: 18px;
        top: 55%;
        margin-top: -14px
    }

    .jdc-rwd .jdc-advertisement-tips .advertisement-m-close img {
        height: 14px;
        width: 14px
    }
}

.jdc-search-dropdown {
    padding: 0
}

.nav-search-listBlock .search-to {
    display: none
}

.nav-search-listBlock .search-to.search-resulto-open {
    display: block
}

.nav-search-listBlock .search-result-ul {
    display: none;
    width: 100%;
    top: 38px;
    left: 0;
    z-index: 102;
    background-color: #fff;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .08)
}

.nav-search-listBlock .search-result-ul li {
    padding: 2px 0;
    width: 100%;
    margin: 0
}

.nav-search-listBlock .search-result-ul li .search-result-link {
    font-size: 14px;
    padding: 8px 16px;
    line-height: 24px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.nav-search-listBlock .search-result-ul li .search-result-link:hover {
    background: #f8f9fb;
    color: #8cc7ff
}

.nav-search-listBlock .search-result-ul.search-result-open {
    display: block
}

.jdc-search-dropdown ul {
    overflow: hidden;
    margin: 0
}

.jdc-search-dropdown ul li {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px
}

.jdc-search-dropdown ul li a {
    padding: 2px 8px;
    border: 1px solid #ddd;
    line-height: 22px;
    font-size: 14px
}

.jdc-search-dropdown ul li:hover a {
    border: 1px solid #8cc7ff
}

.jdc-search-dropdown {
    width: 400px
}

.jdc-search-dropdown .search-historyBlock .jdc-search-dropdown-tit,
.jdc-search-dropdown .search-hotBlock .jdc-search-dropdown-tit {
    position: relative;
    color: #8c8c8c;
    font-size: 12px;
    margin-bottom: 8px;
    padding-left: 0
}

.jdc-search-dropdown .search-historyBlock .jdc-search-dropdown-tit:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background: #e5e5e5;
    left: 52px;
    top: 2px
}

.delete-icon {
    position: absolute;
    background: url(../image/gray-delete.png) 50% no-repeat;
    height: 20px;
    width: 20px;
    left: 60px;
    top: -2px;
    background-size: cover;
    cursor: pointer
}

.delete-icon:hover {
    background: url(../image/red-delete.png) 50% no-repeat;
    background-size: cover
}

.search-historyBlock {
    display: none;
    position: relative;
    border-bottom: 1px dashed #e5e5e5;
    margin: 0 16px 8px
}

.search-historyBlock.history-active {
    display: block
}

.search-hotBlock {
    padding-left: 16px
}

.beforeInput-block {
    display: block
}

.beforeInput-block.search-resulbefore-open {
    display: none
}

.hd_menu_dropdown {
    background: #f1f3f6
}

.dropdown-product-left {
    background: url(../image/dropdown-left.jpg);
    background-size: cover
}

.hd-dropdown-col-about {
    background: url(../image/dropdown-left.jpg) 100% 100%;
    background-size: cover
}

.dropdown-product-col-right {
    padding-left: 16px
}

.dropdown-recommend {
    position: relative;
    z-index: 10;
    padding: 24px 10px 0 0
}

.recommend-card {
    margin-bottom: 24px
}

.recommend-card-img .card-tit {
    display: block;
    line-height: 22px;
    color: #595959;
    margin-bottom: 8px
}

.recommend-card-img .card-img {
    display: block;
    padding: 4px;
    background-color: #fff
}

.recommend-card-img .card-img img {
    vertical-align: top;
    width: 100%
}

.recommend-card-txt {
    background: url(../image/bg-card1.png) no-repeat top;
    background-size: auto 100px;
    background-color: hsla(0, 0%, 100%, .7);
    border: 2px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(192, 199, 209, .2);
    padding: 16px 24px 12px
}

.recommend-card-txt .tit {
    font-size: 0;
    overflow: hidden
}

.recommend-card-txt .tit i {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    overflow: hidden
}

.recommend-card-txt .tit i img {
    vertical-align: top;
    max-width: 100%
}

.recommend-card-txt .tit b {
    display: block;
    margin-top: 6px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    -webkit-line-clamp: 1
}

.recommend-card-txt .txt-ul {
    margin-top: 5px
}

.recommend-card-txt .txt-ul li a {
    display: block;
    line-height: 20px;
    padding: 8px 0
}

.recommend-card-txt .txt-ul li+li {
    border-top: 1px dashed #d9d9d9
}

.recommend-card-txt:nth-child(2) {
    background: url(../image/bg-card2.png) no-repeat top;
    background-size: auto 100px;
    background-color: hsla(0, 0%, 100%, .7)
}

.recommend-card-txt:nth-child(3) {
    background: url(../image/bg-card3.png) no-repeat top;
    background-size: auto 100px;
    background-color: hsla(0, 0%, 100%, .7)
}

.hd-dropdown-col-right {
    padding-left: 16px
}

.hd-dropdown-col-right:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    bottom: 0;
    border-left: 1px solid #e5e5e5;
    z-index: 1
}

.dropdown-product-search .hot-box {
    width: auto
}

.hd-dropdown-dl dd p.solution-title {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 22px;
    padding: 5px 0
}

.hd-dropdown-dl dd .solution {
    line-height: 22px;
    padding: 5px 0;
    font-size: 14px;
    white-space: normal
}

.ml16 {
    margin-left: 16px
}

.jdc-index-btn {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 20px;
    min-width: 104px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#004f9b), to(#8cc7ff));
    background: linear-gradient(90deg, #004f9b, #8cc7ff);
    border: 1px solid #8cc7ff
}

.jdc-index-btn:after {
    opacity: 0;
    right: 16px
}

.jdc-index-btn:hover {
    color: #fff;
    padding: 0 25px 0 15px
}

.jdc-index-btn:hover:after {
    opacity: 1
}

.jdc-index-btn2 {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 20px;
    min-width: 104px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #8cc7ff;
    background-color: #fff;
    border: 1px solid #8cc7ff
}

.jdc-index-btn2:after {
    opacity: 0;
    right: 16px
}

.jdc-index-btn2:hover {
    color: #8cc7ff;
    padding: 0 25px 0 15px
}

.jdc-index-btn2:hover:after {
    opacity: 1
}

.jdc-index-btn3 {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 20px;
    min-width: 104px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    background-color: #fff;
    border: 1px solid #262626
}

.jdc-index-btn3:after {
    opacity: 0;
    right: 16px
}

.jdc-index-btn3:hover {
    color: #262626;
    padding: 0 25px 0 15px
}

.jdc-index-btn3:hover:after {
    opacity: 1;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.el-select-dropdown__list .el-select-dropdown__item.selected {
    color: #8cc7ff;
    font-weight: 700;
    background-color: transparent
}

.el-select-dropdown__list .el-select-dropdown__item.selected.hover {
    color: #8cc7ff;
    font-weight: 700;
    background-color: #f5f5f5
}

.el-select-dropdown__list .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
.el-select-dropdown__list .el-select-dropdown__item.hover,
.el-select-dropdown__list .el-select-dropdown__item:hover {
    background-color: #f5f5f5
}

.jc_hd {
    position: absolute;
    background: none;
    background: hsla(0, 0%, 100%, .34);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.jc_hd:hover {
    background: #fff
}

.w600 {
    font-weight: 600
}

.jdc-first-screen {
    position: relative;
    height: 650px
}

.fs-slide {
    height: 650px
}

.fs-slide .swiper-slide .j-w {
    height: 650px;
    position: relative;
    z-index: 2
}

.fs-slide .fs-slide-item {
    display: block;
    position: relative;
    height: 650px;
    color: #333;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    background-color: #eef2f5;
    background-size: 1920px 650px;
    background-repeat: no-repeat;
    background-position: 50%
}

.fs-slide .fs-slide-item img {
    vertical-align: top;
    width: 100%
}

.fs-slide .fs-slide-item .fs-slide-ct {
    padding-top: 115px;
    width: 630px
}

.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-label-box {
    height: 24px;
    margin-bottom: 8px
}

.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-label {
    color: #8cc7ff;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    display: inline-block;
    border: 1px solid #8cc7ff;
    border-radius: 0 12px 12px 12px;
    max-width: 100%
}

.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-txt {
    height: 104px
}

.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-tit {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    max-height: 60px;
    overflow: hidden;
    color: #262626
}

.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-des {
    font-size: 18px;
    margin-top: 16px;
    line-height: 28px;
    max-height: 28px;
    overflow: hidden;
    color: #595959
}

.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn {
    margin-top: 40px;
    border-radius: 0;
    background: -webkit-gradient(linear, left top, right top, from(#004f9b), to(#8cc7ff));
    background: linear-gradient(90deg, #004f9b, #8cc7ff);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    min-width: 96px
}

.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn:after {
    opacity: 0;
    right: 20px
}

.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn:hover {
    color: #fff;
    padding: 8px 25px 8px 15px
}

.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn:hover:after {
    opacity: 1
}

.fs-slide .swiper-slide-active {
    z-index: 10
}

.jdc-first-screen .banner-swiper-paginnation {
    position: absolute;
    left: 0;
    right: 0;
    top: 406px
}

.jdc-first-screen .banner-swiper-paginnation .jdc-swiper-pagination {
    bottom: 6px;
    width: auto;
    left: 0
}

.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet {
    background-color: rgba(38, 38, 38, .15);
    opacity: 1;
    width: 40px;
    height: 3px;
    margin: 0 4px;
    padding: 12px 0;
    position: relative
}

.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #8cc7ff;
    opacity: 1;
    margin-top: -1.5px
}

.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet-active {
    background-color: rgba(38, 38, 38, .15);
    opacity: 1
}

.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet-active:after {
    -webkit-animation: widthAnimat 5s linear forwards;
    animation: widthAnimat 5s linear forwards
}

@keyframes widthAnimat {
    0% {
        width: 0
    }

    to {
        width: 40px
    }
}

@-webkit-keyframes widthAnimat {
    0% {
        width: 0
    }

    to {
        width: 40px
    }
}

.core-wrap {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 2
}

.core-wrap .j-col-9 {
    height: 130px
}

.m-live-box {
    display: none
}

.live-item {
    display: block;
    height: 130px;
    box-shadow: 0 6px 16px 0 rgba(192, 199, 209, .6);
    background: linear-gradient(177.5deg, rgba(230, 238, 255, .6), rgba(232, 240, 255, .6)), linear-gradient(270deg, rgba(255, 225, 225, .48), rgba(248, 222, 237, .6) 28.88156903%, rgba(231, 225, 251, .6) 60.65010438%, rgba(192, 216, 255, .54)), linear-gradient(90deg, #f9faff, #f7f9ff)
}

.live-item .left-img {
    float: left;
    height: 130px;
    position: relative;
    overflow: hidden
}

.live-item .left-img:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 37, 63, .2)
}

.live-item .left-img img {
    vertical-align: top;
    max-height: 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.live-item .left-img .icon-play {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    width: 20px;
    height: 20px;
    padding: 7px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .25);
    background: hsla(0, 0%, 100%, .3);
    text-align: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.live-item .left-img .icon-play i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../image/icon-play.png) no-repeat 2px;
    background-size: 18px auto
}

.live-item .left-img .desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    z-index: 1;
    background: url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/hd-live.png) no-repeat 50%;
    background-size: cover;
    text-align: center;
    font-size: 0;
    box-sizing: border-box;
    padding-top: 3px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.live-item .left-img .desc span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.live-item .left-img .desc .icon-live {
    height: 18px;
    line-height: 18px;
    color: #004f9b;
    padding: 0 4px;
    border-radius: 9px 9px 0 9px;
    background: -webkit-gradient(linear, left top, right top, from(#fec), to(#fed99d));
    background: linear-gradient(90deg, #fec, #fed99d);
    margin-right: 6px;
    width: 48px
}

.live-item .left-img .desc .time {
    color: #fff;
    text-shadow: 0 1px 2px rgba(154, 0, 0, .52)
}

.live-item .left-img:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.live-item .left-img:hover .icon-play {
    background: hsla(0, 0%, 100%, .4)
}

.live-item .center-txt {
    overflow: hidden;
    height: 130px;
    box-sizing: border-box;
    background:rgba(0,0,0,0.1);
     backdrop-filter: blur(20px);
    /*background: url(../image/core-right.jpg) no-repeat 50%;*/
    -webkit-backdrop-filter: blur(20px);
    /*backdrop-filter: blur(4px);*/
    padding: 0 32px;
    background-size: cover;
    color: #fff
}

.live-item .center-txt:hover .title {
    color: #8cc7ff
}

.live-item .center-txt .core-item {
    background: none
}

.live-item .center-txt .core-item .tit {
    font-weight: 600
}

.live-item .center-txt .core-item:hover .tit {
    margin-top: 0
}

.live-item .center-txt .core-item:hover p {
    opacity: 1;
    color: #262626
}

.live-item .center-txt .desc {
    line-height: 20px
}

.live-item .center-txt .desc .icon-live {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 10px 10px 0 10px;
    background: -webkit-gradient(linear, right top, left top, from(#8cbdf9), to(#548aff));
    background: linear-gradient(270deg, #8cbdf9, #548aff);
    margin-right: 10px
}

.live-item .center-txt .desc .icon-live i {
    display: inline-block;
    vertical-align: -2px;
    width: 12px;
    height: 12px;
    background: url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/icon-live0.png) no-repeat 50%;
    background-size: cover;
    margin-right: 3px
}

.live-item .center-txt .desc .st1 {
    background: -webkit-gradient(linear, right top, left top, from(#bec6eb), to(#6c759d));
    background: linear-gradient(270deg, #bec6eb, #6c759d)
}

.live-item .center-txt .desc .st1 i {
    background: url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/icon-live1.png) no-repeat 50%;
    background-size: cover
}

.live-item .center-txt .desc .st2 {
    background: -webkit-gradient(linear, right top, left top, from(#fbbd87), to(#ee9a57));
    background: linear-gradient(270deg, #fbbd87, #ee9a57)
}

.live-item .center-txt .desc .st2 i {
    background: url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/icon-live2.png) no-repeat 50%;
    background-size: cover
}

.live-item .center-txt .desc .time {
    vertical-align: middle;
    font-size: 16px
}

.live-item .center-txt .txt {
    margin-top: 12px;
    line-height: 24px;
    max-height: 48px;
    font-size: 16px;
    font-weight: 600
}

.left-box {
    box-shadow: 0 6px 16px 0 rgba(192, 199, 209, .6);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    height: 130px
    border-radius: 8px;
}

.left-box .left-box-item {
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    padding: 27px 27px 36px 30px
}

.left-box .left-box-item .item-title {
    display: -webkit-box;
    display: flex;
    height: 32px;
    line-height: 32px;
    overflow: hidden
}

.left-box .left-box-item .item-title .item-logo {
    width: 32px;
    height: 32px
}

.left-box .left-box-item .item-title h1 {
    color: #262626;
    font-size: 18px;
    display: inline-block;
    position: relative;
    padding: 0 10px
}

.left-box .left-box-item .item-title h1:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.left-box .left-box-item .item-desc {
    color: #262626;
    font-size: 14px;
    margin-top: 17px
}

.left-box .core-item-market {
    display: none
}

.right-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%
}

.right-box .item-logo {
    width: 32px;
    height: 32px;
    margin: 9px 4px 9px 0
}

.right-box .title {
    color: #262626;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 600;
    padding-right: 20px;
    border-right: 1px solid hsla(0, 0%, 74.9%, .6);
    width: 140px
}

.right-box .item-desc {
    -webkit-box-flex: 1;
    flex: 1;
    line-height: 22px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #262626
}

.core-item {
    position: relative;
    height: 130px;
    padding: 24px;
    background-color: hsla(0, 0%, 100%, .7);
    /*background-image: url(../image/bg-core1.png);*/
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    overflow: hidden
}

.core-item,
.core-item .tit {
    display: block;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.core-item .tit {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.core-item .tit i {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    margin-right: 8px
}

.core-item .tit i img {
    vertical-align: top;
    max-width: 100%
}

.core-item .tit span {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}

.core-item p {
    opacity: 1;
    margin-top: 16px;
    line-height: 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.core-item:hover {
    background-color: #fff
}

.core-item:hover .tit {
    margin-top: 20px
}

.core-item:hover .tit .arr-black {
    color: #8cc7ff
}

.core-item:hover .tit .arr-black:after {
    -webkit-transform: translate(4px);
    transform: translate(4px);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%238cc7ff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.core-item:hover p {
    opacity: 0
}

.core-item-2 {
    background-image: url(../image/bg-core2.png)
}

.core-item-3 {
    background-image: url(../image/bg-core3.png)
}

@-webkit-keyframes fadeInUp-m {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

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

@keyframes fadeInUp-m {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

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

@-webkit-keyframes fadeInUp-s {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

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

@keyframes fadeInUp-s {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

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

@-webkit-keyframes bounce-down {
    50% {
        -webkit-transform: translateY(-4px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes bounce-down {
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fs-pc-img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.fs-m-img,
.m-dynamic {
    display: none
}

.banner-video {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .1s ease .1s;
    transition: all .1s ease .1s
}

.swiper-slide-active .banner-video {
    opacity: 1
}

@media (max-width:1680px) {
    .core-item {
        padding: 24px 16px
    }
}

@media (max-width:1440px) {
    .core-item {
        padding: 24px 8px
    }
}

@media (max-width:1240px) {
    .jdc-rwd {
        overflow-x: auto;
        min-width: 1240px
    }
}

@media (max-width:768px) {
    .jdc-rwd {
        min-width: 320px
    }

    .jdc-rwd .jc_hd {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        -webkit-transition: none;
        transition: none
    }

    .jdc-rwd .banner-video,
    .jdc-rwd .fs-pc-img {
        display: none
    }

    .jdc-rwd .fs-m-img {
        display: block
    }

    .jdc-rwd .jdc-first-screen {
        height: auto
    }

    .jdc-rwd .core-wrap {
        bottom: -36px
    }

    .jdc-rwd .core-wrap .j-col-9 {
        display: none
    }

    .jdc-rwd .fs-slide {
        margin-bottom: 0;
        width: 100%;
        height: auto;
        background: none
    }

    .jdc-rwd .fs-slide .fs-slide-item {
        width: 100%;
        height: 210px;
        background: none
    }

    .jdc-rwd .fs-slide .fs-slide-item .fs-m-img {
        height: 210px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct {
        position: absolute;
        top: 30px;
        left: 16px;
        width: 150px;
        text-align: left;
        padding-top: 0
    }

    .jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-txt {
        width: 100%;
        height: auto;
        padding-bottom: 0
    }

    .jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-tit {
        font-size: 16px;
        line-height: 24px;
        max-height: 48px;
        min-height: 48px
    }

    .jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-des {
        display: none
    }

    .jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .jdc-btn {
        display: none;
        margin-top: 0;
        font-size: 14px;
        padding: 5px 12px;
        min-width: 100px
    }

    .jdc-rwd .fs-slide .swiper-slide .j-w {
        height: auto
    }

    .jdc-rwd .jdc-first-screen .banner-swiper-paginnation {
        top: auto;
        bottom: 34px;
        left: 12px
    }

    .jdc-rwd .jdc-first-screen .jdc-swiper-pagination {
        left: 0;
        bottom: 4px
    }

    .jdc-rwd .fs-slide .jdc-swiper-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 3px;
        margin: 0 4px;
        padding: 8px 0
    }

    .jdc-rwd .live-item {
        display: none
    }

    .jdc-rwd .m-live-box {
        display: block
    }

    .jdc-rwd .bg-floor {
        background: none
    }

    .jdc-rwd .left-box {
        box-shadow: 0 2px 12px 0 rgba(192, 199, 209, .4);
        margin: 0 16px;
        height: auto
    }

    .jdc-rwd .left-box .core-item-market {
        display: block
    }

    .jdc-rwd .core-item {
        height: 72px;
        background-color: hsla(0, 0%, 100%, .7);
        padding: 10px 0 0
    }

    .jdc-rwd .core-item .tit {
        display: block;
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }

    .jdc-rwd .core-item .tit i {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 auto
    }

    .jdc-rwd .core-item .tit span {
        padding-right: 0;
        margin-top: 6px;
        font-size: 12px;
        overflow: hidden;
        height: 18px
    }

    .jdc-rwd .core-item .tit span:after,
    .jdc-rwd .core-item p {
        display: none
    }

    .jdc-rwd .core-item:hover {
        background-color: hsla(0, 0%, 100%, .7)
    }

    .jdc-rwd .core-item:hover .tit {
        margin-top: 0
    }

    .jdc-rwd .core-item:hover .tit .arr-black {
        color: #262626
    }

    .jdc-rwd .core-item:hover p {
        opacity: 0
    }

    @	keyframes widthAnimat {
        0% {
            width: 0
        }

        to {
            width: 20px
        }
    }

    @-webkit-keyframes widthAnimat {
        0% {
            width: 0
        }

        to {
            width: 20px
        }
    }
}

.index-elevator {
    display: block !important;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 10px;
    margin-top: -150px;
    z-index: 500
}

.index-elevator ul li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative
}

.index-elevator ul li i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .2);
    margin-right: 5px
}

.index-elevator ul li span {
    display: none;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 0 8px;
    border-radius: 6px
}

.index-elevator ul li:hover {
    width: auto
}

.index-elevator ul li:hover span {
    display: inline-block
}

.index-elevator ul li.on {
    width: auto
}

.index-elevator ul li.on i {
    background: rgba(255, 37, 27, .8);
    -webkit-animation: iconWidth 1s ease-in-out forwards;
    animation: iconWidth 1s ease-in-out forwards
}

.index-elevator ul li.on span {
    display: inline-block
}

@-webkit-keyframes iconWidth {
    0% {
        width: 8px
    }

    20% {
        width: 40px
    }

    to {
        width: 8px
    }
}

@keyframes iconWidth {
    0% {
        width: 8px
    }

    20% {
        width: 40px
    }

    to {
        width: 8px
    }
}

@media (max-width:768px) {
    .jdc-rwd .index-elevator {
        display: none !important
    }
}

.jdc-main-desc {
    color: #595959;
    margin-top: 16px;
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding-right: 10px
}

.jdc-main-desc:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.jdc-pro-list {
    background: #fff
}

.jdc-pro-list .jdc-main-bd {
    padding-top: 0
}

.jdc-pro-list .jdc-swiper-pagination {
    display: none
}

.jdc-pro-list .row .col-3,
.jdc-pro-list .row .col-9 {
    width: auto
}

.pro-item-img {
    margin-right: 30px;
    box-sizing: border-box;
    position: relative
}

.pro-item-img img {
    display: none
}

.pro-item-img .pc-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important
}

.pro-item-img .pro-item-img-txt {
    position: relative;
    z-index: 1
}

.pro-item-img b {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    display: block;
    color: #fff
}

.pro-item-img p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 20px;
    max-height: 40px;
    color: hsla(0, 0%, 100%, .8)
}

.pro-item-img ul {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .8);
    padding-top: 12px
}

.pro-item-img ul li {
    line-height: 20px;
    margin-top: 6px
}

.pro-list-slider {
    padding-left: 10px;
    height: 332px;
    overflow: visible
}

.pro-list-slider .swiper-slide {
    width: 364px;
    margin-right: 40px
}

.pro-card {
    position: relative;
    padding-left: 24px;
    box-sizing: border-box;
    height: 84px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    display: block
}

.pro-card+.pro-card {
    margin-top: 40px
}

.pro-card .pro-card-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.pro-card .pro-card-tit {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600
}

.pro-card .pro-card-txt {
    font-size: 14px;
    margin-top: 12px;
    color: #595959;
    line-height: 20px
}

.pro-card .pro-card-price {
    font-size: 0;
    height: 22px;
    line-height: 22px;
    margin-top: 15px
}

.pro-card .pro-card-price .price-tag {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 0;
    color: #fff;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 6px
}

.pro-card .pro-card-price .price-tag span {
    font-size: 12px;
    display: inline-block;
    background-color: #004f9b;
    height: 18px;
    line-height: 18px;
    padding: 0 5px
}

.pro-card .pro-card-price .price-tag span+span {
    margin-left: 6px
}

.pro-card .pro-card-price .price-txt {
    display: inline-block;
    font-size: 18px;
    color: #8cc7ff;
    vertical-align: middle
}

.pro-card .pro-tag-box {
    margin-top: 10px;
    font-size: 0;
    height: 20px;
    overflow: hidden
}

.pro-card .pro-tag-box .pro-tag-item {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #bfbfbf;
    padding: 0 6px;
    color: #8c8c8c
}

.pro-card .pro-card-detail {
    z-index: 3;
    width: 100%;
    height: 32px;
    display: -webkit-box;
    display: flex
}

.pro-card .pro-card-detail .btn-pro {
    width: 104px;
    box-sizing: border-box;
    text-align: center;
    line-height: 32px;
    border: 1px solid #8cc7ff;
    background: #8cc7ff;
    color: #fff;
    font-size: 14px
}

.pro-card .pro-card-detail .btn-pro.btn-ghost {
    background: #fff;
    color: #8cc7ff
}

.pro-card .pro-card-detail .btn-pro:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05)
}

.pro-list-more {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px
}

.m-activity-more {
    display: none
}

.nav-item-icon {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 15px;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.nav-item-icon img {
    vertical-align: top;
    width: 100%
}

.pro-tab-hd {
    padding-top: 30px
}

.pro-tab-hd .pro-tab-nav {
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
    text-align: left
}

.pro-tab-hd .nav-item,
.pro-tab-hd .pro-tab-nav {
    position: relative;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.pro-tab-hd .nav-item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    height: 106px;
    line-height: 18px;
    width: 16.66666667%;
    text-align: center
}

.pro-tab-hd .nav-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#004f9b), to(#8cc7ff));
    background: linear-gradient(90deg, #004f9b, #8cc7ff);
    -webkit-transition: width .4s cubic-bezier(.215, .61, .355, 1);
    transition: width .4s cubic-bezier(.215, .61, .355, 1);
    margin: 0 auto
}

.pro-tab-hd .nav-item:hover {
    color: #8cc7ff
}

.pro-tab-hd .nav-item.on {
    color: #8cc7ff;
    font-weight: 600
}

.pro-tab-hd .nav-item.on:after {
    width: 76%
}

.pro-tab-bd {
    position: relative;
    background: #f7f8fb;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s cubic-bezier(.215, .61, .355, 1);
    transition: height .5s cubic-bezier(.215, .61, .355, 1);
    box-shadow: inset 0 8px 16px 0 rgba(8, 20, 49, .08)
}

.pro-tab-bd.active {
    height: 428px
}

.pro-list-wrap {
    padding: 40px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.pro-list-wrap .j-row {
    opacity: 0
}

.pro-list-wrap.on {
    z-index: 1
}

.pro-list-wrap.on .j-row {
    opacity: 1
}

.m-pro-list-hd {
    display: none
}

.pro-card-left {
    background-color: #fff;
    padding: 22px 24px 0;
    height: 162px;
    border: 1px solid #fff;
    box-shadow: 0 2px 8px 0 rgba(8, 20, 49, .03);
    background: url(../image/pro-hover.jpg) no-repeat 50%;
    background-size: cover
}

.pro-card-left+.pro-card-left {
    margin-top: 24px
}

.pro-card-left .pro-card-tit {
    font-size: 18px
}

.pro-card-left .pro-card-detail {
    margin-top: 24px
}

.pro-card-left .pro-card-detail .btn-pro {
    margin-right: 16px;
    background: -webkit-gradient(linear, left top, right top, from(#004f9b), to(#8cc7ff));
    background: linear-gradient(90deg, #004f9b, #8cc7ff)
}

.pro-card-left:hover {
    box-shadow: 0 4px 16px 0 rgba(8, 20, 49, .08)
}

.pro-card-label {
    color: #8cc7ff;
    font-size: 12px;
    height: 18px;
    border: 1px solid #8cc7ff;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    margin-left: 8px;
    padding: 0 6px
}

@media (max-width:1680px) {
    .pro-list-slider .swiper-slide {
        width: 326.667px;
        margin-right: 24px
    }

    .pro-card {
        padding-left: 16px
    }

    .pro-item-img {
        margin-right: 20px
    }

    .pro-card-left {
        padding: 22px 16px 0
    }
}

@media (max-width:1440px) {
    .pro-list-slider .swiper-slide {
        width: 284px;
        margin-right: 16px
    }
}

@media (max-width:768px) {
    .jdc-rwd .m-pro-list-hd {
        display: block;
        position: relative;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #333;
        cursor: pointer;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        overflow: hidden;
        word-wrap: normal;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 40px 0 20px
    }

    .jdc-rwd .jdc-main-bd {
        padding-top: 20px
    }

    .jdc-rwd .jdc-pro-list {
        padding: 36px 0 0;
        background: #f9fbff
    }

    .jdc-rwd .jdc-pro-list .jdc-main-des {
        display: block;
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .jdc-rwd .jdc-pro-list .jdc-main-des a {
        font-size: 14px
    }

    .jdc-rwd .jdc-pro-list .jdc-swiper-pagination {
        display: block;
        margin-bottom: -6px
    }

    .jdc-rwd .pro-tab-bd {
        border-top: 1px solid #eee;
        height: auto
    }

    .jdc-rwd .pro-tab-bd.active {
        height: auto
    }

    .jdc-rwd .pro-tab-bd:last-child {
        border-top: 0
    }

    .jdc-rwd .pro-list-wrap {
        display: block;
        background: #fff;
        box-sizing: border-box;
        padding: 0;
        position: static;
        opacity: 1
    }

    .jdc-rwd .pro-list-wrap.m-on .j-row {
        opacity: 1;
        display: block;
        border-bottom: 1px solid #eee
    }

    .jdc-rwd .pro-list-wrap .j-row {
        display: none
    }

    .jdc-rwd .jdc-pro-list .row .col-9 {
        width: 100%
    }

    .jdc-rwd .pro-list-slider {
        border: 0;
        box-sizing: border-box;
        width: 100%;
        background: none;
        overflow: hidden;
        height: auto;
        padding-bottom: 30px;
        padding-top: 16px;
        padding-left: 0;
        background-color: #f7f8fa
    }

    .jdc-rwd .pro-list-slider .swiper-wrapper {
        margin-left: -16px
    }

    .jdc-rwd .pro-list-slider .swiper-slide {
        width: 85%;
        opacity: .5;
        margin-right: 0
    }

    .jdc-rwd .pro-list-slider .swiper-slide-active {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }

    .jdc-rwd .pro-item-img {
        background: none !important;
        position: relative;
        width: auto;
        height: auto;
        margin: 0;
        padding: 16px;
        overflow: hidden;
        background: #fff;
        box-shadow: inset 0 4px 16px 0 rgba(8, 20, 49, .08);
        border-bottom: 1px solid #e5e5e5
    }

    .jdc-rwd .pro-item-img .pro-card-left {
        margin: 0;
        height: auto;
        border: 1px solid #fff;
        box-shadow: 0 0 12px 0 rgba(8, 20, 49, .12);
        padding: 14px 16px 16px
    }

    .jdc-rwd .pro-item-img .pro-card-left .pro-card-detail {
        margin-top: 12px;
        height: auto
    }

    .jdc-rwd .pro-card {
        margin: 0 4px;
        padding: 14px 16px 16px;
        background: #fff;
        height: 107px;
        box-shadow: none;
        border: 1px solid #e5e5e5
    }

    .jdc-rwd .pro-card+.pro-card {
        margin-top: 10px
    }

    .jdc-rwd .pro-card:hover {
        box-shadow: none
    }

    .jdc-rwd .pro-card:hover .pro-card-tit {
        color: #262626
    }

    .jdc-rwd .pro-card .pro-card-tit {
        line-height: 24px;
        font-size: 14px
    }

    .jdc-rwd .pro-card .pro-card-txt {
        margin-top: 5px;
        line-height: 20px;
        height: 20px;
        font-size: 12px;
        -webkit-line-clamp: 1
    }

    .jdc-rwd .pro-card .pro-tag-box {
        margin-top: 8px
    }

    .jdc-rwd .pro-card .pro-card-price {
        margin-top: 12px
    }

    .jdc-rwd .pro-card .pro-card-price .price-txt {
        font-size: 16px;
        font-weight: 600
    }

    .jdc-rwd .pro-card .pro-card-price .price-txt .price-unit {
        font-size: 12px
    }

    .jdc-rwd .pro-card .pro-card-detail {
        opacity: 1;
        height: 40px;
        bottom: 0
    }

    .jdc-rwd .pro-card .pro-card-detail .btn-pro {
        line-height: 40px;
        font-size: 16px;
        font-weight: 600
    }

    .jdc-rwd .pro-list-more {
        padding-top: 5px;
        padding-bottom: 25px
    }

    .jdc-rwd .pro-list-more .jdc-btn {
        padding: 4px 10px;
        min-width: 72px
    }

    .jdc-rwd .m-pro-list-hd.jdc-common-arr:after {
        font-weight: 400;
        top: 15px
    }

    .jdc-rwd .m-on .m-pro-list-hd {
        border-bottom: 2px solid #8cc7ff
    }

    .jdc-rwd .m-on .m-pro-list-hd.jdc-common-arr:after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.jdc-pro-list-v9 .pro-bd {
    position: relative;
    z-index: 2;
    background: #f7f8fb
}

.jdc-pro-list-v9 .pro-bd .j-col-18 {
    padding-left: 0;
    position: relative;
    z-index: 3;
    background: #fff;
    height: 681px
}

.jdc-pro-list-v9 .pro-bd:after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 681px;
    background-color: #f3f6f9;
    z-index: 1
}

.jdc-pro-list-v9 .pro-tab-nav {
    position: relative;
    width: auto;
    height: 681px;
    box-sizing: border-box;
    font-size: 0;
    text-align: left;
    background-position: 100% 100%;
    background-size: auto 681px;
    z-index: 2
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
    z-index: 2;
    line-height: 28px;
    padding: 16px 0 16px 32px;
    box-sizing: border-box;
    height: 56px
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item .bd {
    position: relative;
    z-index: 3
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item:first-child {
    padding-top: 24px;
    height: 68px
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item .tit {
    display: block;
    color: #262626;
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item .tit em {
    display: inline-block;
    background-color: #ff4d00;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    color: #fff;
    vertical-align: 3px
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item .txt {
    display: none;
    font-size: 16px;
    color: #595959;
    overflow: hidden;
    line-height: 24px;
    margin-top: 12px
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item .link {
    display: none
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item:hover .tit {
    color: #8cc7ff
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item.on {
    padding: 32px 0 32px 32px;
    height: auto;
    background: linear-gradient(269.76deg, rgba(249, 251, 253, .9), rgba(251, 254, 255, .828) 45.02130221%, rgba(247, 250, 252, .864) 77.91298391%, rgba(244, 245, 249, 0));
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item.on:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 253px;
    height: 156px;
    background: url(../image/pro-item310.png) no-repeat 50%;
    background-size: cover;
    z-index: 2;
    -webkit-transform: translate(-50px);
    transform: translate(-50px);
    -webkit-animation: boll 10s linear infinite alternate;
    animation: boll 10s linear infinite alternate
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item.on .tit {
    line-height: 36px;
    font-size: 24px;
    color: #8cc7ff
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item.on .txt {
    display: block
}

.jdc-pro-list-v9 .pro-tab-nav .nav-item.on .link {
    display: inline-block;
    color: #8cc7ff;
    position: relative;
    padding-right: 10px;
    margin-top: 30px;
    font-size: 16px
}

.jdc-pro-list-v9 .pro-tab-right {
    display: -webkit-box;
    display: flex;
    height: 48px;
    background-color: #f7f8fb
}

.jdc-pro-list-v9 .pro-tab-right .tab-right-item {
    font-size: 18px;
    padding: 0 30px;
    min-width: 140px;
    cursor: pointer;
    line-height: 46px;
    border-top: 3px solid transparent;
    text-align: center
}

.jdc-pro-list-v9 .pro-tab-right .tab-right-item:hover {
    color: #8cc7ff
}

.jdc-pro-list-v9 .pro-tab-right .tab-right-item.on {
    font-weight: 600;
    cursor: default;
    color: #8cc7ff;
    background: #fff;
    border-top: 3px solid #8cc7ff
}

.jdc-pro-list-v9 .pro-tab-bd {
    background-color: #fff
}

.jdc-pro-list-v9 .pro-tab-bd .pro-list-desc {
    height: 52px;
    line-height: 52px;
    color: #595959;
    font-size: 16px;
    padding-left: 24px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff
}

.jdc-pro-list-v9 .pro-list-wrap {
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    height: 492px;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card {
    width: 33.33%;
    padding: 24px 36px;
    border-right: 1px solid #e5e5e5;
    height: 246px;
    box-sizing: border-box
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card:hover {
    background: url(../image/cb-hover.jpg) no-repeat 50%;
    background-size: cover;
    box-shadow: 0 2px 16px 0 rgba(8, 20, 49, .08), 0 -2px 16px 0 rgba(8, 20, 49, .04)
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(3),
.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(6) {
    border-right: 0
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card:first-child,
.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(2),
.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(3) {
    border-bottom: 1px solid #e5e5e5
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .title {
    color: #262626;
    font-size: 16px;
    font-weight: 600
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox {
    margin-right: 6px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox__inner {
    border-radius: 1px;
    border: 1px solid #bfbfbf;
    width: 16px;
    height: 16px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox__inner:after {
    top: 0;
    left: 4px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox__input.is-checked .el-checkbox__inner {
    border: 1px solid #8cc7ff;
    background: #8cc7ff
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .select {
    margin-top: 12px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .select .el-select {
    width: 100%
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .select .el-input__inner {
    height: 32px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .select .el-input__inner:focus {
    border-color: #8cc7ff
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .desc {
    margin-top: 12px;
    color: #595959;
    font-size: 14px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap {
    margin-top: 20px;
    font-size: 0;
    line-height: 26px;
    height: 30px;
    overflow: hidden
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap>* {
    display: inline-block;
    vertical-align: middle
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .disc {
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    background: url(../image/icon-pro-tag.png) no-repeat 0 #004f9b;
    background-size: auto 20px;
    padding: 0 10px 0 16px;
    color: #fff;
    font-size: 12px;
    margin-right: 8px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .price-box {
    color: #8cc7ff;
    font-size: 24px;
    font-weight: 600;
    margin-right: 2px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .unit {
    font-size: 14px;
    color: #8c8c8c;
    margin-right: 12px;
    line-height: 26px;
    margin-left: 2px;
    font-weight: 400
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .compose {
    color: #595959;
    font-size: 14px
}

.jdc-pro-list-v9 .pro-list-wrap .pro-card .btn-wrap {
    margin-top: 14px
}

.compose-tag {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    height: 16px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    background: #8cc7ff;
    border-radius: 1px;
    margin-right: 4px;
    vertical-align: 1px
}

.price-wrap {
    padding-top: 24px;
    background-color: #f7f8fb;
    overflow: hidden
}

.price-wrap .price-bd {
    display: -webkit-box;
    display: flex;
    height: 64px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(8, 20, 49, .08);
    -webkit-box-align: center;
    align-items: center;
    padding-left: 24px
}

.price-wrap .price-item {
    min-width: 120px
}

.price-wrap .price-item .txt {
    color: #595959;
    margin-right: 4px
}

.price-wrap .price-item b {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #8cc7ff
}

.price-wrap .price-item .unit {
    margin-left: 2px;
    color: #8c8c8c
}

.price-wrap .price-item .compose {
    margin-top: 2px;
    color: #595959
}

.price-wrap .btn-item {
    margin-left: 30px;
    font-size: 0
}

.bg-right {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 0;
    width: 50%;
    background-color: #fff;
    z-index: 1;
    overflow: hidden
}

.bg-right .hd {
    height: 52px;
    border-bottom: 1px solid #e5e5e5
}

.bg-right .line {
    position: absolute;
    top: 298px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5
}

.bg-right .ft {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f7f8fb;
    padding-top: 24px
}

.bg-right .ft .c-bar {
    height: 64px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(8, 20, 49, .08)
}

@-webkit-keyframes boll {
    0% {
        -webkit-transform: translate(-50px);
        transform: translate(-50px)
    }

    33% {
        -webkit-transform: translate(60px, -20px);
        transform: translate(60px, -20px)
    }

    50% {
        -webkit-transform: translate(160px, -10px);
        transform: translate(160px, -10px)
    }

    66% {
        -webkit-transform: translate(80px, 40px);
        transform: translate(80px, 40px)
    }

    to {
        -webkit-transform: translate(-40px, 20px);
        transform: translate(-40px, 20px)
    }
}

@keyframes boll {
    0% {
        -webkit-transform: translate(-50px);
        transform: translate(-50px)
    }

    33% {
        -webkit-transform: translate(60px, -20px);
        transform: translate(60px, -20px)
    }

    50% {
        -webkit-transform: translate(160px, -10px);
        transform: translate(160px, -10px)
    }

    66% {
        -webkit-transform: translate(80px, 40px);
        transform: translate(80px, 40px)
    }

    to {
        -webkit-transform: translate(-40px, 20px);
        transform: translate(-40px, 20px)
    }
}

.m-pro-nav {
    display: none;
    height: 48px;
    overflow: hidden
}

.m-pro-nav .overflow-scroll {
    overflow-x: auto;
    height: 50px;
    -webkit-overflow-scrolling: touch
}

.m-pro-nav .overflow-scroll::-webkit-scrollbar {
    display: none
}

.m-pro-nav .pro-nav-ul {
    white-space: nowrap
}

.m-pro-nav .pro-nav-ul .pro-nav-item {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #262626;
    height: 48px;
    line-height: 48px;
    padding: 0 18px;
    position: relative
}

.m-pro-nav .pro-nav-ul .pro-nav-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #8cc7ff;
    width: 0;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    margin: 0 auto
}

.m-pro-nav .pro-nav-ul .pro-nav-item.on {
    color: #8cc7ff
}

.m-pro-nav .pro-nav-ul .pro-nav-item.on:after {
    width: 24px;
    -webkit-transition: width .2s;
    transition: width .2s
}

.m-sub-bg {
    display: none
}

@media (max-width:1680px) {
    .jdc-pro-list-v9 .pro-tab-nav .nav-item {
        padding: 16px 0 16px 24px
    }

    .jdc-pro-list-v9 .pro-tab-nav .nav-item.on {
        padding: 32px 0 32px 24px
    }

    .jdc-pro-list-v9 .pro-list-wrap .pro-card {
        padding: 24px
    }
}

@media (max-width:1440px) {
    .jdc-pro-list-v9 .pro-tab-nav .nav-item {
        padding: 16px 0 16px 16px
    }

    .jdc-pro-list-v9 .pro-tab-nav .nav-item.on {
        padding: 32px 0 32px 16px
    }

    .jdc-pro-list-v9 .pro-list-wrap .pro-card {
        padding: 24px 16px
    }

    .jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .compose {
        font-size: 12px
    }
}

@media (max-width:768px) {
    .jdc-rwd .m-pro-nav {
        display: block
    }

    .jdc-rwd .m-sub-bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .jdc-rwd .jdc-pro-list-v9 .jdc-main-des {
        display: block;
        font-size: 14px;
        line-height: 22px;
        margin: 8px 16px 0
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-bd:after {
        display: none
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-nav {
        height: auto
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item {
        display: none
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on {
        display: block;
        padding: 16px;
        height: 118px;
        z-index: 2;
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on:after {
        display: none
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on .tit {
        font-size: 16px;
        line-height: 22px
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on .txt {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on .link {
        margin-top: 16px;
        font-size: 14px;
        line-height: 24px
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-bd .j-col-18 {
        height: auto
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-tab-bd .pro-list-desc,
    .jdc-rwd .jdc-pro-list-v9 .pro-tab-right {
        display: none
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap {
        height: auto;
        padding: 0 16px 16px;
        background-color: #eff2f7
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card {
        width: 100%;
        height: auto;
        padding: 16px;
        border: 0;
        background-color: #fff
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card+.pro-card {
        margin-top: 12px
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .title {
        font-size: 14px
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .select {
        margin-top: 8px
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .desc {
        margin-top: 8px;
        font-size: 12px
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap {
        margin-top: 12px;
        height: auto
    }

    .jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .btn-wrap {
        margin-top: 10px
    }

    .jdc-rwd .price-wrap {
        padding-top: 0
    }

    .jdc-rwd .price-wrap .price-bd {
        display: block;
        padding: 16px;
        height: auto
    }

    .jdc-rwd .price-wrap .price-bd .btn-item {
        margin-top: 6px;
        margin-left: 0
    }

    .jdc-rwd .bg-right {
        display: none
    }
}

.jdc-main-market {
    background: url(../image/bg-market.jpg) no-repeat 50%;
    background-size: cover
}

.jdc-main-market .jdc-main-hd .jdc-main-title {
    color: #fff
}

.jdc-main-market .jdc-main-hd .jdc-main-des {
    color: hsla(0, 0%, 100%, .8)
}

.market-list {
    padding: 0 24px 28px
}

.market-list .j-col-3 {
    display: inline-block;
    vertical-align: top;
    float: none
}

.market-item {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 32px;
    box-sizing: border-box;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.market-item:hover {
    background: -webkit-gradient(linear, right top, left top, from(#004f9b), to(#004f9b));
    background: linear-gradient(270deg, #004f9b, #004f9b);
    box-shadow: 6px 0 16px 0 rgba(0, 0, 0, .1)
}

.market-item i {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px
}

.market-item i img {
    vertical-align: top;
    width: 100%
}

.market-item .tit {
    margin-top: 14px;
    display: block;
    line-height: 22px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

@media (max-width:768px) {
    .jdc-rwd .jdc-main-market {
        background: url(../image/bg-market.jpg) no-repeat 50%;
        background-size: cover
    }

    .jdc-rwd .jdc-main-market .jdc-main-hd .jdc-main-title {
        padding-bottom: 6px
    }

    .jdc-rwd .jdc-main-market .jdc-main-hd .jdc-main-des {
        display: block;
        line-height: 18px;
        font-size: 12px;
        margin: 0 16px
    }

    .jdc-rwd .jdc-main-market .jdc-main-bd {
        padding-top: 0
    }

    .jdc-rwd .market-list {
        padding: 16px
    }

    .jdc-rwd .market-item {
        width: auto;
        height: auto;
        padding: 12px 0
    }

    .jdc-rwd .market-item:hover {
        background: none;
        box-shadow: none
    }

    .jdc-rwd .market-item i {
        width: 40px;
        height: 40px
    }

    .jdc-rwd .market-item .tit {
        margin-top: 6px;
        line-height: 18px;
        font-size: 12px
    }
}

.arrow[data-v-46d89d6e] {
    height: 12px;
    width: 12px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.jdc-solution {
    background-color: #f7f8fb;
    padding-bottom: 60px
}

.solution-list {
    position: relative;
    padding-left: 400px;
    height: 448px
}

.solution-list .left-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 430px;
    height: 100%;
    z-index: 2
}

.solution-list .left-img img {
    vertical-align: top;
    max-width: 100%;
    height: 448px
}

.solution-list .left-img .pc-img {
    display: inline-block
}

.solution-list .left-img .m-img {
    display: none
}

.solution-list .left-img a {
    display: block;
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 50px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border: 1px solid rgba(225, 255, 255, .5);
    text-align: center
}

.solution-slider {
    overflow: visible
}

.solution-slider .swiper-wrapper {
    flex-wrap: wrap;
    z-index: auto
}

.solution-slider .swiper-slide {
    width: 25%;
    height: 50%
}

.solution-slider .jdc-swiper-button-next,
.solution-slider .jdc-swiper-button-prev {
    display: none;
    margin-top: -32px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: 0 6px 24px 12px rgba(139, 185, 234, .12)
}

.solution-slider .jdc-swiper-button-next:hover,
.solution-slider .jdc-swiper-button-prev:hover {
    background: #fff;
    box-shadow: 0 6px 24px 12px rgba(139, 185, 234, .12)
}

.solution-slider .jdc-swiper-button-next i,
.solution-slider .jdc-swiper-button-prev i {
    width: 26px;
    height: 14px;
    background-image: url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/slider-arr.png);
    background-size: 26px 14px;
    position: absolute;
    left: 40%;
    top: 50%;
    margin: -7px auto 0;
    -webkit-animation: arrow 2s ease-in-out infinite;
    animation: arrow 2s ease-in-out infinite
}

.solution-slider .jdc-swiper-button-prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.solution-slider .jdc-swiper-pagination {
    display: none
}

.solution-item {
    position: relative;
    height: 224px;
    background-color: #1a1b1f
}

.solution-item .item-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden
}

.solution-item .item-img img {
    vertical-align: top;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.solution-item .item-txt {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 90px 32px;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s
}

.solution-item .item-txt .item-txt-bd {
    position: relative;
    z-index: 2
}

.solution-item .item-txt .item-txt-bd .top-box {
    position: relative
}

.solution-item .item-txt .item-txt-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.solution-item .item-txt i {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 16px
}

.solution-item .item-txt i img {
    vertical-align: top;
    max-width: 100%
}

.solution-item .item-txt .tit {
    margin-top: 4px;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.solution-item .item-txt .tit:after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 2px;
    width: 24px;
    height: 3px;
    background: hsla(0, 0%, 100%, .5)
}

.solution-item .item-txt .tit:after,
.solution-item .item-txt .txt-link {
    opacity: 0;
    -webkit-transition: all .4s ease .1s;
    transition: all .4s ease .1s
}

.solution-item .item-txt .txt-link {
    height: 96px;
    overflow: hidden;
    margin-top: 50px
}

.solution-item .item-txt .txt-link a {
    color: #fff;
    font-size: 14px;
    display: block;
    width: 100%;
    line-height: 32px
}

.solution-slider {
    z-index: auto
}

.solution-slider .solution-item:hover {
    z-index: 5
}

.solution-slider .solution-item:hover .item-txt {
    top: -30px;
    bottom: -30px;
    padding: 38px 32px
}

.solution-slider .solution-item:hover .item-txt .item-txt-bg {
    background: -webkit-gradient(linear, right top, left top, from(#004f9b), to(#8cc7ff));
    background: linear-gradient(270deg, #004f9b, #8cc7ff);
    box-shadow: 6px 0 16px 0 rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    z-index: 1
}

.solution-slider .solution-item:hover .item-txt i img {
    -webkit-filter: none;
    filter: none
}

.solution-slider .solution-item:hover .item-txt .tit {
    color: #fff
}

.solution-slider .solution-item:hover .item-txt .tit:after {
    opacity: 1
}

.solution-slider .solution-item:hover .txt-link {
    display: block;
    opacity: 1
}

@-webkit-keyframes arrow {
    0% {
        opacity: .2;
        left: 30%
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes arrow {
    0% {
        opacity: .2;
        left: 30%
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (max-width:1440px) {
    .solution-item .item-txt {
        padding: 90px 24px
    }

    .solution-slider .solution-item:hover .item-txt {
        padding: 38px 24px;
        top: -24px;
        bottom: -24px
    }
}

@media (max-width:1240px) {
    .solution-item .item-txt {
        padding: 90px 16px
    }

    .solution-slider .solution-item:hover .item-txt {
        padding: 38px 16px;
        top: -16px;
        bottom: -16px
    }
}

@media (max-width:768px) {
    .solution-list {
        padding-left: 0;
        height: auto
    }

    .solution-list .left-img {
        position: relative;
        width: auto;
        margin-bottom: 24px
    }

    .solution-list .left-img .pc-img,
    .solution-list .left-img a {
        display: none
    }

    .solution-list .left-img .m-img {
        display: inline-block;
        height: auto
    }

    .jdc-solution {
        background-color: #eef2f7;
        padding-bottom: 0
    }

    .jdc-solution .jdc-main-hd .jdc-main-des {
        display: block;
        line-height: 18px;
        font-size: 12px;
        margin: 0 16px
    }

    .jdc-solution .jdc-main-bd {
        padding-top: 16px
    }

    .solution-slider {
        overflow: hidden;
        padding-bottom: 40px
    }

    .solution-slider .swiper-wrapper {
        flex-wrap: nowrap
    }

    .solution-slider .swiper-slide {
        width: 90%;
        height: 100%;
        box-sizing: border-box;
        opacity: .5
    }

    .solution-slider .swiper-slide-active {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }

    .solution-slider .jdc-swiper-pagination {
        display: block
    }

    .solution-slider .jdc-swiper-button-next,
    .solution-slider .jdc-swiper-button-prev {
        display: none
    }

    .solution-item {
        height: 300px;
        margin: 0 6px
    }

    .solution-item .item-img {
        height: 100%
    }

    .solution-item .item-txt {
        top: auto;
        height: 180px;
        padding: 16px
    }

    .solution-item .item-txt .item-txt-bg {
        background: -webkit-gradient(linear, right top, left top, from(#004f9b), to(#8cc7ff));
        background: linear-gradient(270deg, #004f9b, #8cc7ff);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        opacity: 1
    }

    .solution-item .item-txt i {
        width: 20px;
        height: 20px;
        float: none
    }

    .solution-item .item-txt .tit {
        margin-top: 4px;
        font-size: 16px;
        line-height: 22px;
        color: #fff
    }

    .solution-item .item-txt .tit:after {
        opacity: 1;
        width: 16px;
        height: 2px
    }

    .solution-item .item-txt .txt-link {
        opacity: 1;
        height: 72px;
        margin-top: 35px
    }

    .solution-item .item-txt .txt-link a {
        font-size: 12px;
        line-height: 24px
    }

    .solution-slider .solution-item:hover .item-txt {
        top: auto;
        bottom: 0;
        height: 180px;
        padding: 16px
    }
}

.case-background-style {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.jdc-main-case-wrap {
    background: #fff
}

.jdc-main-case-wrap .jdc-main-hd {
    height: 135px;
    background: #fff;
    padding-top: 60px
}

.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav {
    overflow: hidden;
    padding-top: 32px;
    font-size: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item {
    padding-bottom: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    position: relative;
    width: 174px;
    cursor: pointer
}

.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item span {
    font-size: 18px;
    color: #262626
}

.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    width: 0;
    background: #8cc7ff;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    margin: 0 auto
}

.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item.on span {
    color: #8cc7ff
}

.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item.on:after {
    width: 100%
}

.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item:hover span {
    color: #8cc7ff
}

.jdc-main-case-bg {
    box-sizing: border-box
}

.jdc-main-case {
    color: #fff;
    overflow: hidden
}

.jdc-main-case-list {
    width: 100%;
    font-size: 0
}

.jdc-main-case-list .case-item {
    position: relative;
    top: 0;
    height: 350px;
    overflow: hidden
}

.jdc-main-case-list .case-item .case-img-wrap {
    width: 50%;
    height: 350px;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden
}

.jdc-main-case-list .case-item .case-img-wrap .case-img {
    width: 100%;
    height: 350px;
    display: inline-block;
    vertical-align: bottom;
    -webkit-transition: .25s;
    transition: .25s;
    -o-object-fit: cover;
    object-fit: cover
}

.jdc-main-case-list .case-item .case-img-wrap:hover .case-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.jdc-main-case-list .case-item .case-content {
    box-shadow: inset 0 6px 32px -28px #8bb9ea;
    width: 50%;
    height: 350px;
    display: inline-block;
    vertical-align: bottom
}

.jdc-main-case-list .case-item .case-content .case-item-bd {
    padding-left: 40px;
    width: 748px;
    padding-top: 32px
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit-img img {
    width: 140px;
    height: 56px;
    -o-object-fit: cover;
    object-fit: cover
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit {
    position: relative;
    font-size: 22px;
    color: #262626;
    line-height: 56px;
    font-weight: 500
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-txt {
    margin-top: 12px;
    margin-bottom: 24px;
    line-height: 24px;
    max-height: 96px;
    color: #595959;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail {
    margin-bottom: 40px
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul {
    color: #595959;
    float: left;
    margin-right: 60px;
    font-size: 16px;
    line-height: 22px
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul {
    color: #262626;
    font-size: 16px;
    margin-bottom: 14px
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul span {
    font-size: 40px;
    margin-right: 4px;
    font-weight: 700
}

.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul:last-child {
    margin-right: 0
}

.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn {
    background: #fff;
    border: 1px solid #262626;
    box-sizing: border-box;
    border-radius: 0;
    color: #262626;
    line-height: 24px;
    font-size: 14px;
    min-width: 103px;
    padding: 3px 10px
}

.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn .arr {
    padding-right: 0;
    color: #262626
}

.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn .arr:after {
    display: none
}

.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn:hover {
    color: #8cc7ff;
    border: 1px solid #8cc7ff
}

.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn:hover .arr {
    padding-right: 15px;
    color: #8cc7ff
}

.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn:hover .arr:after {
    display: block
}

@media (max-width:1680px) {
    .jdc-main-case-list .case-item .case-content .case-item-bd {
        width: 644px
    }
}

@media (max-width:1440px) {
    .jdc-main-case-list .case-item .case-content .case-item-bd {
        width: 585px
    }
}

@media (max-width:768px) {
    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd {
        padding-top: 24px;
        height: 84px
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .pd20.jdc-main-title {
        line-height: 28px;
        font-size: 18px;
        padding-bottom: 6px
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab {
        position: relative
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-l {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 50px;
        z-index: 100;
        text-align: left;
        background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
        background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-l.show {
        display: block
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-r {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 50px;
        z-index: 100;
        text-align: right;
        background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-r.show {
        display: block
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav-wrap {
        overflow: hidden;
        height: 48px
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 48px;
        white-space: nowrap;
        display: block;
        padding: 0 0 10px
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav::-webkit-scrollbar {
        display: none
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item {
        display: inline-block;
        height: 48px;
        line-height: 48px;
        padding: 0 18px;
        margin: 0 1px;
        width: auto
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item span {
        font-size: 14px
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item:after {
        width: auto;
        left: 18px;
        right: 18px;
        opacity: 0
    }

    .jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item.on:after {
        opacity: 1
    }

    .jdc-rwd .jdc-main-case-bg {
        background: none;
        height: auto;
        margin-bottom: 0;
        padding: 0 16px
    }

    .jdc-rwd .jdc-main-case {
        padding-bottom: 0
    }

    .jdc-rwd .jdc-main-case-list .case-item {
        height: auto
    }

    .jdc-rwd .jdc-main-case-list .case-item.on {
        display: block
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-img-wrap {
        width: 100%;
        height: 225px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-img-wrap .case-img {
        height: 225px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content {
        width: 100%;
        height: auto;
        box-shadow: none
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd {
        width: 100%;
        padding: 16px 0 24px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit {
        font-size: 16px;
        margin-bottom: 8px;
        padding-bottom: 0
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit img {
        height: 30px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-txt {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 24px;
        -webkit-line-clamp: 3;
        max-height: 128px;
        margin-top: 0
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail {
        margin-bottom: 16px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul {
        font-size: 14px;
        line-height: 20px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul {
        font-size: 14px;
        margin-bottom: 4px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul span {
        font-size: 30px
    }

    .jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul:last-child {
        margin-right: 0
    }
}

.jdc-main-developer-wrap {
    background: url(../image/developer-bg.jpg) no-repeat 50% #fff;
    background-size: cover
}

.jdc-main-developer-wrap .jdc-main-hd {
    padding-top: 60px
}

.jdc-main-developer-wrap .jdc-main-hd .jdc-main-title {
    line-height: 48px
}

.jdc-main-developer-wrap .jdc-main-hd .jdc-main-desc {
    font-size: 18px;
    color: #595959;
    margin-top: 16px
}

.jdc-developer-bd {
    color: #fff;
    overflow: hidden;
    padding-top: 32px;
    padding-bottom: 60px
}

.jdc-main-developer-content .j-row {
    margin-left: 0;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex
}

.jdc-main-developer-content .j-row .left-col {
    padding-left: 0
}

.jdc-main-developer-content .j-row .left-col .time-axis {
    background: #fff;
    height: 350px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .1)
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-date {
    overflow: hidden;
    background: linear-gradient(97.7deg, rgba(225, 37, 27, .7) .05%, rgba(225, 37, 27, .9));
    opacity: 1
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li {
    float: left;
    font-weight: 600;
    height: 64px;
    line-height: 62px;
    width: 33.3%;
    font-size: 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: relative;
    letter-spacing: .5px
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span {
    padding-bottom: 6px;
    position: relative
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span:after {
    content: "";
    width: 0;
    height: 3px;
    background: #fff;
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span {
    font-size: 24px
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span:after {
    width: 100%
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block {
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .banner {
    height: 285px;
    width: 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -o-object-fit: cover;
    object-fit: cover
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text {
    position: absolute;
    bottom: 0;
    height: 88px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 41, 60, .01)), to(#26293c));
    background: linear-gradient(180deg, rgba(38, 41, 60, .01), #26293c);
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 11
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text .tip-sign {
    padding: 0 8px;
    border: 1px solid #fff;
    box-sizing: border-box;
    height: 20px;
    line-height: 18px;
    text-align: center;
    margin-left: 15px;
    color: #fff;
    font-size: 10px;
    float: left;
    display: block;
    margin-top: 56px
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text .article-bt {
    float: left;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    padding: 0 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 56px;
    width: 250px
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text .article-bt a {
    color: #fff
}

.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block:hover .banner {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.jdc-main-developer-content .j-row .middle-row {
    margin-left: 24px;
    border-top: 8px solid #8cc7ff;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .1);
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(225, 37, 27, .7)), to(rgba(225, 37, 27, .9))) 1 10;
    -webkit-border-image: linear-gradient(90deg, rgba(225, 37, 27, .7), rgba(225, 37, 27, .9)) 1 10;
    -o-border-image: linear-gradient(90deg, rgba(225, 37, 27, .7), rgba(225, 37, 27, .9)) 1 10;
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(225, 37, 27, .7)), to(rgba(225, 37, 27, .9))) 1 10;
    border-image: linear-gradient(90deg, rgba(225, 37, 27, .7), rgba(225, 37, 27, .9)) 1 10;
    padding-left: 0
}

.jdc-main-developer-content .j-row .middle-row .article-intro {
    height: 342px;
    background: #fff
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure {
    overflow: hidden;
    padding: 24px 0;
    background: #f5f5f5
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure .figure-block {
    float: left;
    margin-left: 24px;
    width: 72px;
    height: 72px
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure .figure-block .figure-img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl {
    float: left;
    margin-left: 16px;
    margin-top: 14px
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dt a {
    font-weight: 600;
    color: #262626;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
    display: inline-block
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dt a:hover {
    color: #8cc7ff
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd {
    color: #595959;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px
}

.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd a,
.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd a:hover {
    color: #595959
}

.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom {
    padding: 0 32px 0 24px
}

.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list {
    color: #595959;
    padding-top: 0;
    max-height: 176px;
    overflow: hidden
}

.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    line-height: 20px;
    padding-top: 24px
}

.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a {
    font-size: 14px;
    color: #262626
}

.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a span {
    display: inline-block;
    height: 4px;
    width: 4px;
    background: #8cc7ff;
    vertical-align: 3px;
    margin-right: 8px
}

.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a:hover {
    color: #8cc7ff
}

.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom.border-none {
    border-right: none
}

@media (max-width:768px) {
    .jdc-rwd .jdc-main-developer-wrap {
        background: #eef2f7;
        padding: 0 16px 24px
    }

    .jdc-rwd .jdc-main-developer-wrap .jdc-main-hd {
        padding: 24px 0 16px
    }

    .jdc-rwd .jdc-main-developer-wrap .jdc-main-hd .pd20.jdc-main-title {
        line-height: 28px;
        font-size: 18px;
        padding-bottom: 4px
    }

    .jdc-rwd .jdc-main-developer-wrap .jdc-main-hd .jdc-main-desc {
        font-size: 12px;
        margin-top: 0;
        padding: 0 24px;
        line-height: 18px;
        letter-spacing: .2px
    }

    .jdc-rwd .jdc-main-developer-wrap .jdc-developer-bd.jdc-main-bd {
        padding: 0;
        background: none
    }

    .jdc-rwd .m-hidden {
        display: none
    }

    .jdc-rwd .jdc-main-developer-content .j-row {
        display: block
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col {
        margin-bottom: 12px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col:last-child {
        margin-bottom: 0
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis {
        height: auto;
        box-shadow: none
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date {
        background: #fff
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li {
        margin-right: 0;
        width: 33.3%;
        font-size: 14px;
        color: #333;
        height: 48px;
        line-height: 46px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span {
        padding-bottom: 14px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span:after {
        -webkit-transition-property: none;
        transition-property: none
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span {
        border-bottom: none;
        font-size: 14px;
        position: relative
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span:after {
        opacity: 1;
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        height: 3px;
        width: 24px;
        background: #8cc7ff;
        margin-left: -12px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content {
        box-shadow: none
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .article-bt {
        margin: 10px 0 0
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .article-bt a {
        line-height: 22px;
        font-size: 16px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner {
        height: 192px;
        width: 100%
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text {
        position: absolute;
        bottom: 0;
        height: 60px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 41, 60, .01)), to(#26293c));
        background: linear-gradient(180deg, rgba(38, 41, 60, .01), #26293c);
        opacity: .8;
        left: 0;
        right: 0;
        overflow: hidden
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .tip-sign {
        padding: 0 6px;
        border: 1px solid #fff;
        box-sizing: border-box;
        text-align: center;
        margin-left: 14px;
        color: #fff;
        font-size: 12px;
        float: left;
        display: block;
        margin-top: 32px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .article-bt {
        float: left;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        padding: 0 8px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        margin-top: 32px;
        width: 240px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .article-bt a {
        font-size: 14px;
        color: #fff
    }

    .jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .article-bt a:hover {
        color: #8cc7ff
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row {
        box-shadow: none;
        border-top: none;
        -webkit-border-image: none;
        -o-border-image: none;
        border-image: none;
        margin-left: 0
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro {
        height: auto
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure {
        padding: 16px 0
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure .figure-block {
        margin-left: 15px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl {
        float: left;
        margin-left: 15px;
        margin-top: 16px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dt {
        line-height: 14px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd {
        font-size: 12px;
        margin-top: 6px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom {
        padding: 0 16px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list {
        padding-bottom: 24px;
        max-height: 144px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li {
        line-height: 14px;
        padding-top: 16px
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a {
        color: #595959
    }

    .jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a span {
        vertical-align: 3px
    }
}

.case-height-pc.jdc-main-certification-wrap {
    background: url(../image/certification-bg.jpg) no-repeat 50% #fff;
    background-size: cover
}

.jdc-main-certification-wrap .jdc-main-hd {
    padding-top: 57px;
    padding-bottom: 26px
}

.jdc-main-aboutus-bd {
    color: #fff;
    overflow: hidden
}

.jdc-main-aboutus-bd .j-gutter {
    margin-left: 0
}

.jdc-main-aboutus-bd .j-gutter>[class*=j-col-] {
    padding-left: 0
}

.jdc-main-about .j-col-6 {
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.jdc-main-about .j-col-6:hover {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .1);
    background: url(../image/certification-hover.jpg) no-repeat 50% #fff;
    background-size: cover
}

.jdc-main-about .about-hd-left {
    background: #f7f8fb;
    padding: 32px 64% 0 32px;
    height: 270px;
    position: relative
}

.jdc-main-about .about-hd-left .whitepaper-bt {
    font-size: 18px;
    color: #262626;
    line-height: 33px;
    font-weight: 500;
    height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jdc-main-about .about-hd-left .whitepaper-bt.whitepaper-bt-m {
    display: none
}

.jdc-main-about .about-hd-left .whitepaper-des {
    margin-top: 24px
}

.jdc-main-about .about-hd-left .jdc-btn {
    margin-top: 39px;
    width: 112px;
    height: 32px;
    border: 1px solid #262626;
    font-size: 14px;
    color: #262626;
    line-height: 32px;
    text-align: center;
    padding: 0;
    border-radius: 0
}

.jdc-main-about .about-hd-left .jdc-btn .arr {
    padding-right: 0;
    color: #262626
}

.jdc-main-about .about-hd-left .jdc-btn .arr:after {
    display: none
}

.jdc-main-about .about-hd-left .jdc-btn:hover {
    color: #8cc7ff;
    border: 1px solid #8cc7ff
}

.jdc-main-about .about-hd-left .jdc-btn:hover .arr {
    padding-right: 15px;
    color: #8cc7ff
}

.jdc-main-about .about-hd-left .jdc-btn:hover .arr:after {
    display: block
}

.jdc-main-about .about-hd-left .about-whitepaper {
    position: absolute;
    right: 24px;
    bottom: 24px;
    overflow: hidden
}

.jdc-main-about .about-hd-left .about-whitepaper img {
    width: auto;
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.jdc-main-about .about-hd-left .about-whitepaper:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.jdc-main-about .about-hdm {
    padding: 52px 40px 0;
    height: 270px
}

.jdc-main-about .about-hdm .whitepaper-bt {
    font-size: 18px;
    color: #262626;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 25px
}

.jdc-main-about .about-hdm .whitepaper-des {
    margin-top: 15px
}

.jdc-main-about .about-hd {
    box-sizing: border-box
}

.jdc-main-about .about-hd .whitepaper-des {
    font-size: 14px;
    color: #595959;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.jdc-main-certification .j-row {
    padding: 16px 0 60px;
    font-size: 0
}

.jdc-main-certification .j-row .j-col-3 {
    width: 12.5%;
    float: none;
    display: inline-block;
    vertical-align: top
}

.jdc-main-certification-hd {
    height: 16px;
    position: relative;
    text-align: center;
    margin-top: 68px
}

.jdc-main-certification-hd:after {
    left: 0
}

.jdc-main-certification-hd:after,
.jdc-main-certification-hd:before {
    content: "";
    position: absolute;
    top: 8px;
    width: 44.9%;
    border-top: 1px solid #e5e5e5;
    z-index: 1
}

.jdc-main-certification-hd:before {
    right: 0
}

.jdc-main-certification-hd .jdc-main-certification-title {
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 8px;
    color: #262626;
    font-weight: 600
}

.jdc-main-certification-item {
    font-size: 0
}

.jdc-main-certification-item .jdc-main-certification-item-ct {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.jdc-main-certification-item .jdc-main-certification-item-ct:hover {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1)
}

.jdc-main-certification-item .jdc-main-certification-item-ct:hover h5,
.jdc-main-certification-item .jdc-main-certification-item-ct:hover h6 {
    opacity: 1;
    color: #8cc7ff
}

.jdc-main-certification-item h5 {
    font-size: 12px;
    color: #595959;
    line-height: 18px;
    padding-top: 10px
}

.jdc-main-certification-item h6 {
    font-size: 12px;
    color: #595959;
    line-height: 18px;
    padding-bottom: 10px
}

@media (max-width:1680px) {
    .jdc-main-about .about-hd-left .about-whitepaper {
        bottom: 16px;
        right: 16px
    }

    .jdc-main-about .about-hd-left .about-whitepaper img {
        height: 240px
    }
}

@media (max-width:1440px) {
    .jdc-main-case-list .case-item .case-content .case-item-bd {
        width: 585px
    }

    .jdc-main-about .about-hd-left .about-whitepaper {
        bottom: 30px
    }

    .jdc-main-about .about-hd-left .about-whitepaper img {
        height: 210px
    }
}

@media (max-width:768px) {
    .jdc-rwd .case-height-pc.jdc-main-certification-wrap {
        height: auto;
        background: #fff
    }

    .jdc-rwd .case-height-pc.jdc-main-certification-wrap .bg-certification {
        height: auto;
        background: none
    }

    .jdc-rwd .jdc-main-aboutus-hd {
        padding: 24px 0 12px
    }

    .jdc-rwd .jdc-main-aboutus-hd .jdc-main-title {
        line-height: 28px
    }

    .jdc-rwd .jdc-main-aboutus-bd {
        padding: 0 16px
    }

    .jdc-rwd .jdc-main-about .about-hd {
        padding: 0;
        height: auto;
        margin-bottom: 12px
    }

    .jdc-rwd .jdc-main-about .about-hd .whitepaper-bt {
        background: #f7f8fb;
        line-height: 22px;
        border-bottom: 1px solid #e5e5e5;
        padding: 14px 16px;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        height: auto
    }

    .jdc-rwd .jdc-main-about .about-hd .whitepaper-bt:after {
        content: "\e8f5";
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 16px;
        width: 12px;
        text-align: center;
        line-height: 12px;
        height: 12px;
        font-size: 16px;
        font-family: jdcfont !important;
        font-weight: 400;
        color: #595959;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .jdc-rwd .jdc-main-about .about-hd .whitepaper-des {
        -webkit-line-clamp: 3;
        width: 100%;
        line-height: 22px;
        box-sizing: border-box
    }

    .jdc-rwd .jdc-main-about .about-hd .jdc-btn {
        display: none
    }

    .jdc-rwd .jdc-main-about .about-hd .about-whitepaper {
        padding: 0;
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 210px
    }

    .jdc-rwd .jdc-main-about .about-hd .about-whitepaper img {
        width: 100%;
        height: 100%
    }

    .jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-bt {
        border: none;
        display: none
    }

    .jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-bt.whitepaper-bt-m {
        display: block
    }

    .jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-des {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        margin: 0;
        padding: 57px 16px 12px;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
        color: #fff
    }

    .jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-des p {
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    .jdc-rwd .jdc-main-about .about-hd.about-hdm {
        width: 100%;
        background: url(../image/certification-idc-bg.jpg) no-repeat 50%/cover;
        padding-bottom: 16px
    }

    .jdc-rwd .jdc-main-about .about-hd.about-hdm .whitepaper-bt {
        background: none;
        margin-left: 16px;
        padding-left: 0;
        padding-right: 80px
    }

    .jdc-rwd .jdc-main-about .about-hd.about-hdm .whitepaper-des {
        padding: 0 16px;
        margin-top: 12px
    }

    .jdc-rwd .jdc-main-about .j-row {
        margin-left: 0
    }

    .jdc-rwd .jdc-main-about .j-row .j-col-6:last-child .about-hdm {
        background: url(../image/certification-research-bg.jpg) no-repeat 50%/cover
    }

    .jdc-rwd .jdc-main-certification {
        background: #fff url(../image/certification-bg-m.jpg) no-repeat 50%/cover;
        margin-bottom: 16px
    }

    .jdc-rwd .jdc-main-certification .jdc-main-certification-hd {
        margin-left: 16px;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
        height: auto;
        line-height: normal;
        margin-top: 0
    }

    .jdc-rwd .jdc-main-certification .jdc-main-certification-hd .jdc-main-certification-title {
        font-weight: 700;
        font-size: 14px;
        font-weight: 600;
        padding: 14px 80px 14px 0;
        position: relative;
        width: 100%;
        box-sizing: border-box
    }

    .jdc-rwd .jdc-main-certification .jdc-main-certification-hd .jdc-main-certification-title:after {
        content: "\e8f5";
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 16px;
        width: 12px;
        text-align: center;
        line-height: 12px;
        height: 12px;
        font-size: 16px;
        font-family: jdcfont !important;
        font-weight: 400;
        color: #595959;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .jdc-rwd .jdc-main-certification .jdc-main-certification-hd:after,
    .jdc-rwd .jdc-main-certification .jdc-main-certification-hd:before {
        display: none
    }

    .jdc-rwd .jdc-main-certification .j-row {
        padding: 12px 15px 2px 4px;
        text-align: center;
        font-size: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .jdc-rwd .jdc-main-certification .j-row:after,
    .jdc-rwd .jdc-main-certification .j-row:before {
        display: none
    }

    .jdc-rwd .jdc-main-certification .j-row .j-col-3 {
        float: none;
        display: block;
        width: 33.3%;
        box-sizing: border-box;
        padding-left: 12px;
        margin-bottom: 14px
    }

    .jdc-rwd .jdc-main-certification-item {
        background: #fff;
        padding: 12px 0
    }

    .jdc-rwd .jdc-main-certification-item .jdc-main-certification-item-ct {
        display: inline-block
    }

    .jdc-rwd .jdc-main-certification-item .jdc-main-certification-item-ct img {
        display: inline-block;
        width: 75px !important;
        height: auto !important
    }

    .jdc-rwd .jdc-main-certification-item .jdc-main-certification-item-ct:hover {
        box-shadow: none
    }

    .jdc-rwd .jdc-main-certification-item h5,
    .jdc-rwd .jdc-main-certification-item h6 {
        display: none
    }
}

.jdc-main-free {
    background: #f7f8fb url(../image/freeTrial-bg.jpg) no-repeat 50%/cover;
    color: #fff;
    overflow: hidden
}

.jdc-main-free .jdc-main-hd {
    padding-top: 60px;
    padding-bottom: 40px
}

.jdc-main-free .jdc-main-hd .jdc-main-title {
    line-height: 48px
}

.jdc-main-free .register-item {
    margin: 0 auto;
    text-align: center;
    padding: 32px 62px 40px 80px;
    font-size: 0;
    position: relative;
    height: 292px;
    box-sizing: border-box;
    overflow: hidden
}

.jdc-main-free .register-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .7);
    z-index: 1;
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.jdc-main-free .register-item .register-cell-wrap {
    position: absolute;
    top: 32px;
    bottom: 0;
    left: 80px;
    right: 0;
    z-index: 2
}

.jdc-main-free .register-item .register-cell {
    width: 50%;
    display: inline-block;
    text-align: left
}

.jdc-main-free .register-item .register-cell h4 {
    font-size: 24px;
    color: #262626;
    line-height: 33px;
    font-weight: 600
}

.jdc-main-free .register-item .register-cell h5 {
    font-size: 16px;
    color: #595959;
    line-height: 22px;
    margin: 8px 0 16px;
    width: 90%
}

.jdc-main-free .register-item .register-cell h5 b {
    color: #8cc7ff
}

.jdc-main-free .register-item .register-cell .cell-list {
    font-size: 14px;
    color: #595959;
    line-height: 28px
}

.jdc-main-free .register-item .register-cell .cell-list li span {
    display: inline-block;
    height: 4px;
    width: 4px;
    background: #d9d9d9;
    vertical-align: 3px;
    margin-right: 8px
}

.jdc-main-free .register-item .register-cell .jdc-btn {
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 0;
    margin-top: 16px;
    line-height: 41px;
    width: 136px;
    height: 41px;
    background: -webkit-gradient(linear, left top, right top, from(#004f9b), to(#8cc7ff));
    background: linear-gradient(90deg, #004f9b, #8cc7ff);
    padding: 0
}

.jdc-main-free .register-item .register-cell .jdc-btn .arr {
    padding-right: 0
}

.jdc-main-free .register-item .register-cell .jdc-btn .arr:after {
    display: none
}

.jdc-main-free .register-item .register-cell .jdc-btn:hover .arr {
    padding-right: 15px
}

.jdc-main-free .register-item .register-cell .jdc-btn:hover .arr:after {
    display: block
}

@media (max-width:768px) {
    .jdc-rwd .jdc-main-free {
        height: 166px;
        background: #000 url(../image/freeTrial-bg-m.jpg) no-repeat 50%/cover
    }

    .jdc-rwd .jdc-main-free .jdc-main-hd {
        display: none
    }

    .jdc-rwd .jdc-main-free .register-item {
        padding: 24px 16px;
        background: none;
        height: auto
    }

    .jdc-rwd .jdc-main-free .register-item .register-cell-wrap {
        position: static
    }

    .jdc-rwd .jdc-main-free .register-item:after {
        display: none
    }

    .jdc-rwd .jdc-main-free .register-item .register-cell {
        width: 100%;
        display: block;
        text-align: center
    }

    .jdc-rwd .jdc-main-free .register-item .register-cell:last-child {
        display: none
    }

    .jdc-rwd .jdc-main-free .register-item .register-cell h4 {
        font-size: 20px;
        color: #fff;
        line-height: 28px
    }

    .jdc-rwd .jdc-main-free .register-item .register-cell h5 {
        font-size: 12px;
        color: #fff;
        width: 100%
    }

    .jdc-rwd .jdc-main-free .register-item .register-cell .cell-list {
        display: none
    }

    .jdc-rwd .jdc-main-free .register-item .register-cell .jdc-btn {
        width: 120px;
        height: 32px;
        line-height: 32px;
        margin-top: 0;
        font-size: 14px
    }
}

.jdc-sg-ul li {
    width: 33.33%;
    box-sizing: border-box;
    padding-left: 100px
}

.qr-icon.icon-e-wx {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.605 10.597c.38.392.842.63 1.351.778l.194.052c.364.068.553.407.57.754 0 .407-.29.753-.686.812-.38.051-.777-.195-.86-.583-.115-.602-.363-1.126-.793-1.567-.05-.05-.016-.16-.033-.246l.176-.014c.037-.002.068.002.081.014zm.702-7.67c.81.881 1.255 1.922 1.272 3.133a1.532 1.532 0 0 0-.653-.144h-.033c-.373.015-.73.167-1.004.428a1.62 1.62 0 0 0-.491.994 1.81 1.81 0 0 0 0 .424 1.92 1.92 0 0 1-1.082.559h-.009a1.5 1.5 0 0 0-.74.405 1.558 1.558 0 0 0-.414.748 1.574 1.574 0 0 0 .519 1.564 5.848 5.848 0 0 1-1.529.263 6.753 6.753 0 0 1-1.974-.196.704.704 0 0 0-.323.034l-1.494.754c-.19.102-.365.119-.53-.017-.157-.119-.173-.297-.157-.508.066-.423.116-.846.158-1.27a.465.465 0 0 0-.116-.28C1.054 9.15.493 8.413.21 7.482c-.528-1.845-.05-3.428 1.256-4.75 2.387-2.395 6.56-2.284 8.84.196v-.001zm2.974 6.105a.81.81 0 0 1 .719.813c0 .405-.24.736-.636.812a2.64 2.64 0 0 0-1.288.626l-.133.127c-.083.085-.207.161-.29.034-.033-.068-.016-.23.034-.28.389-.403.646-.92.735-1.48a.81.81 0 0 1 .305-.5.773.773 0 0 1 .554-.152zm-3.09-.762c-.016.085.017.212-.033.262-.413.423-.636.932-.752 1.515a.757.757 0 0 1-.308.482.723.723 0 0 1-.55.12.823.823 0 0 1-.492-.283.861.861 0 0 1-.202-.538c0-.357.256-.687.603-.754a2.711 2.711 0 0 0 1.478-.77c.05-.051.174-.034.257-.034zm.735-1.592c.365 0 .703.246.777.635.1.584.348 1.092.752 1.515.05.051.017.195.033.28l-.184.01c-.037 0-.069-.007-.088-.027-.414-.441-.926-.67-1.496-.796a.77.77 0 0 1-.454-.317.804.804 0 0 1-.133-.547c.058-.423.381-.736.793-.753z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%
}

.m-qrcode .m-qrcode-txt ul li {
    margin-right: 25px
}

.jdc-footer-channel {
    min-height: 450px
}

.jdc-footer-wrap .jdc-footer-dropdown {
    z-index: 9999
}