/** Company About
    章豪额外补充的自定义样式.2024.07.23
    **/
@charset "utf-8";
/*新banner调整*/
.main-header .navigation > li > a {
    font-size: 15px;
    line-height: 66px;
    padding:0 20px;
}
.sticky-header {
    background-color:transparent;
    height: 66px;
    /*border: 1px solid #D8DEE7;*/
    border-bottom: 1px solid rgb(131 175 240 / 35%);
    box-shadow: 0 4px 8px 0 #1725440a, inset 0 -1px 0 0 #FFFFFF;
    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    border-radius: 6px;
}
.sticky-header-block-cover{
    background:var(--white-color) !important;
    filter:blur(4px);
    opacity:1 !important;
    bottom: 0;
    left: 0;
    /*opacity: .5;*/
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}
.sticky-header .outer-box {
    flex-wrap: nowrap;
    /*justify-content: flex-start;*/
    /*justify-content: space-between;*/
    -webkit-box-pack: justify;
    height: 66px;
}

.leaguebanner {
    position: relative;
    overflow: hidden;
}
.leaguebanner .bag {
    position: relative;
}
.public-img {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.public-img::before {
    content: "";
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 100%;
}
.leaguebanner .bag:before {
    padding-top: 390px;
}
.leaguebanner .bag-warehouse:before {
    padding-top: 540px;
}
.leaguebanner .bag img {
    width: 100%;
}
.public-img > img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.leaguebanner .bag img:nth-child(2) {
    display: none;
}
/*.leaguebanner .bag::after {
    content: '';
    position: absolute;
    background-image: url(../images/background/banner_bj3.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}*/
.leaguebanner .cont {
    position: absolute;
    /*left: 13.8%;*/
    top: 38%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
    width: 100%;
    color: #ffffff;
}
/*.leaguebanner .container {
    position: relative;
}*/
/*.leaguebanner .cont .font {
    *//* max-width: 5.5rem; *//*
    padding-right: 300px;
}*/
@media (max-width: 1580px) {
    .leaguebanner .cont {
        top: 42%;
    }
}
@media (max-width: 767px) {
    .leaguebanner .cont .font {
        max-width: 100%;
        padding-right: 0;
    }
}
.leaguebanner .cont .font .f_tit {
    font-weight: bold;
}
.font54 {
    font-size: 48px;
}
.leaguebanner .cont .font .text {
    margin-top: 20px;
    line-height: 1.5;
    letter-spacing: 4px;
}
@media (max-width: 767px) {
    .leaguebanner .cont .font .text p br {
        display: none;
    }
}
.leaguebanner .cont .font .fz_text {
    margin-top: 20px;
    line-height: 1.5;
    letter-spacing: 4px;
}
@media (max-width: 767px) {
    .leaguebanner .cont .font .fz_text p br {
        display: none;
    }
}
.font20 {
    font-size: 20px;
}
.leaguebox-sec1 {
    margin-top: -87px;
    position: relative;
    z-index: 101;
}
@media (max-width: 1580px) {
    .leaguebox-sec1 {
        margin-top: -0.96rem;
    }
}
@media (max-width: 767px) {
    .leaguebox-sec1 {
        margin-top: 0;
    }
}
.leaguebox-sec1 > .container {
    max-width: 1560px;
    position: relative;
}
.leaguebox-sec1 > .container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 312px;
    background: url(../images/background/banner-home15.png) no-repeat;
    background-position: top;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 30px 0px rgba(174, 95, 13, 0.05);
}
.leaguebox-sec1 > .container:before {
    box-shadow: 0 -30px 30px rgba(174, 95, 13, 0.05) !important;
}
@media (max-width: 767px) {
    .leaguebox-sec1 > .container:before {
        background: none;
    }
}
.leaguebox-sec1 .public-fnav {
    z-index: 2;
}
.service-inner p {
    line-height: 29px;
    /*color: #06f;*/
    /*color: #0661C8;*/
}

/* 其他副页共用小导航 */
.public-fnav {
    width: 100%;
    position: relative;
}
.public-fnav .f_cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3.8rem;
    position: relative;
}
/*@media (max-width: 767px) {
    .public-fnav .f_cont {
        padding: 0;
    }
}*/
.public-fnav .f_cont:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 0;
    width: calc(100% - -0.4rem);
    height: 1px;
    background-color: #f5f5f5;
}
@media (max-width: 767px) {
    .public-fnav .f_cont:before {
        display: none;
    }
}
.public-fnav .f_cont .lt {
    max-width: 70%;
    position: relative;
    z-index: 2;
}
@media (max-width: 767px) {
    .public-fnav .f_cont .lt {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .public-fnav .f_cont .lt:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #f5f5f5;
    }
}
.public-fnav .f_cont .lt .swiper-container {
    width: 100%;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.public-fnav .f_cont .lt .swiper-container .swiper-slide {
     width: auto;
     margin-right: 0.4rem;
 }
.swiper-slide {
    transform: translate3d(0, 0, 0);
    /* overflow: hidden; */
}
.public-fnav .f_cont .lt .swiper-container .swiper-slide .item {
    display: block;
    /*color: #333333;*/
    position: relative;
    transition: all 0.4s;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    padding: 32px 0.8rem;
    -webkit-transition: all 0.4s;
}
.public-fnav .f_cont .lt .swiper-container .on .item {
    color: var(--secondary-color);
}
.public-fnav .f_cont .lt .swiper-container .swiper-slide .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    bottom: 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    height: 3px;
    background-color: var(--secondary-color);
}
.swiper-container a:hover {
    color: var(--secondary-color);
}
.public-fnav .f_cont .lt .swiper-container .on .item:before {
    width: 100%;
}
@media (max-width: 767px) {
    .public-fnav .f_cont .gt {
        width: 100%;
        display: none;
    }
}

.breadbox .fcont {
    display: flex;
    align-items: center;
    padding: 30px 0;
}
.breadbox .fcont a, .breadbox .fcont span {
    transition: all 0.4s;
    font-size: 16px;
    flex: 0 0 auto;
    line-height: 26px;
    color: #999999;
    zoom: 1;
}
.breadbox .fcont a:after, .breadbox .fcont span:after {
    content: '';
    display: block;
    clear: both;
}
.breadbox .fcont span {
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
}
.breadbox .fcont .on {
    flex: 1 1 auto;
    color: #333333;
}
.breadbox .fcont a:last-child {
    color: #333333;
    flex: 1 1 auto;
}
.breadbox .fcont a:after, .breadbox .fcont span:after {
    content: '';
    display: block;
    clear: both;
}
.leaguebox-sec1 a:hover{
    color: var(--tertiary-color);
}

.aboutbox-sec1 .f_play {
    max-width: 1053px;
    margin: 0 auto;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
}
.aboutbox-sec1 .f_play .img {
    transition: all 0.4s;
}
.aboutbox-sec1 .f_play .img:before {
    padding-top: 55.55555556%;
}
/*.aboutbox-sec1 .f_play .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 1;
    opacity: 0.3;
}*/
.aboutbox-sec1 .f_play .fzq_video {
    /*display: block;*/
    /*position: relative;*/
    /*padding-top: 55.55555556%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    opacity: 1;
    transition: all 0.4s;
}
.aboutbox-sec1 .f_play .img video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutbox-sec1 .f_play .f_vidoe {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 117px;
    height: 117px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    z-index: 2;
    transition: 0.4s ease-in-out;
}
.aboutbox-sec1 .f_play .f_vidoe:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*animation: rote360deg 20s linear infinite;*/
    -moz-animation-name: rotateme;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    background: url(../images/blog/JR-big-log.png) center / 100% 100% no-repeat;
}
/*鼠标浮上缩小动画*/
.aboutbox-sec1 .f_play .f_vidoe:hover {
    transform: translate(-50%, -50%) scale(0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.9);
}
/*.about-style-three .about-feature .shape img {
    position: relative;
    display: inline-block;
    width: auto;
    animation-name: rotateme;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 30s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 30s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 30s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}*/
.aboutbox-sec1 .f_play .f_vidoe svg, .aboutbox-sec1 .f_play .f_vidoe img {
    position: relative;
    width: 32px;
    height: 32px;
    object-fit: contain;
    margin-left: 10px;
}
.aboutbox-sec1 .f_play .f_vidoe svg path, .aboutbox-sec1 .f_play .f_vidoe img path {
    fill: #ffffff;
}
.doclosed {
    display: none;
}
.category-list .active-ser {
    color: var(--tertiary-color);
    border-color: var(--secondary-color);
}
.category-content .reliability-text {
    visibility: hidden;
    opacity: 0;
    display: none;
    transform: scale(0.9,0.9) translateY(0px);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.category-content .reliability-text.active-tab {
    visibility: visible;
    opacity: 1;
    display: block;
    transform: scale(1) translateY(0px);
}

/*左右轮播幻灯片*/
.img-dow-title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin: 10px 10px 0;
    /*color: var(--secondary-color);*/
    padding-bottom: 25px;
}
.team-details-pp p {
    color: #4a4949;
    letter-spacing:1px;
    line-height:30px
}
.team-details-content p {
    font-weight: 500;
    font-size: 14px;
}
/*联系我*/
.contact-home-three .contact-box {
    display: flex;
    flex-wrap: wrap;
    /*border: 1px solid #dddddd;*/
    border: 1px solid rgb(243,243,253);
    border-bottom: none;
    margin-top: 0.5rem;
}
.contact-home-three .contact-borde{
    border-right: 1px solid rgb(243,243,253);
    border-bottom: 1px solid rgb(243,243,253);
    padding: 3.4rem 1.15rem 6.96rem;
    position: relative;
}
.contact-home-three .contact-borde:nth-child(4n) {
    border-right: none;
}
.contact-borde h4 a {
    color: #333;
    font-size: 24px;
    font-weight:500;
}
.contact-borde h4 a::before {
    position: absolute;
    bottom: -5px;
    /*left: 50%;*/
    /*margin-left: -40px;*/
    width: 90px;
    height: 1px;
    content: "";
    background-color: var(--secondary-color);
}
.contact-borde .content-sp {
    margin-top: 2.5rem;
}
.contact-borde .x-sp {
    /*color: #666666;*/
    line-height: 2.4;
}
.contact-borde .x-sp span {
    color: #333333;
    flex-shrink: 0;
    display: inline-block;
}
.contact-borde .x-im {
    width: auto;
    height: auto;
    position: absolute;
    right: 0.3rem;
    top: 18rem;
}
.contact-borde .x-im img {
    width: auto;
    height: 100%;
    object-fit: contain;
}
.contact-borde .x-ewm {
    display: flex;
    margin-top: 0.12rem;
}
.contact-borde .x-ewm .x-ew {
    margin-right: 1.18rem;
}
.contact-borde .x-ewm .x-ew .x-img {
    width: 6.6rem;
    /*height: 0.9rem;*/
    margin: 0 auto;
}
.contact-borde .x-ewm .x-ew .x-img img {
     width: 100%;
     height: 100%;
     object-fit: contain;
}
.contact-borde .x-ewm .x-ew p {
    text-align: center;
    color: #999999;
    margin-top: 5px;
}
.font14 {
    font-size: 14px;
}
.fl {
    float: left;
}

/*wanyitong侧边栏在线客服*/
.right-pop {
    position: fixed;
    right: 13px;
    bottom: -50%;
    /*transform: translateY(-50%);*/
    z-index: 999;
    -webkit-transition: all 1s ease;
    transition: 1s ease;
}
.right-pop.open {
    bottom: 250px;
}
@media (max-width: 1580px) {
    .right-pop {
        width: 60px;
    }
}
@media (max-width: 767px) {
    .right-pop {
        display: none !important;
    }
}
.right-pop .box1 {
    width: 60px;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    padding: 10px 7px;
}
@media (max-width: 1580px) {
    .right-pop .box1 {
        width: 60px;
        padding: 14px 7px;
    }
}
.right-pop .box1 a {
    width: 100%;
    display: block;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;

}
.right-pop .box1 a:hover .txt {
    /*background: #CDE2FF;*/
    color: var(--primary-color);
    /*background-color: var(--primary-color);*/
}
/*.box1:hover a {
    background: #CDE2FF;
    *//*color: var(--white-color);*//*
    *//*background-color: var(--primary-color);*//*
}*/
.right-pop .box1 a .icons {
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
}
.right-pop .box1 a .icons.icons1 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0063f8;
    margin: 0 auto 8px;
}
.right-pop .box1 a .icons.icons1::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #0063f8;
    border: 1px solid #0099e2;
    animation: yuanRun 2s infinite linear;
}
.right-pop .box1 a .icons img {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 2;
}
.right-pop .box1 a .icons.icons1 img {
    width: 40px;
    height: 40px;
}
.right-pop .box1 a .icons.icons3 img {
    width: 44px;
    height: 44px;
}
.right-pop .box1 a .icons.icons1::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #0063f8;
    border: 1px solid #0099e2 ;
    animation: yuanRun 2s 1s infinite linear;
}
.right-pop .box1 a .txt {
    line-height: 1.3em;
    color: #505050;
    text-align: center;
    transition: all 0.4s;
    font-size: 12px;
}
.font14 {
    font-size: 14px;
}
.right-pop .box1 a:last-child {
    border-bottom: none;
}
.right-pop .box1 a .icons svg {
    width: 26px;
    height: 26px;
    position: relative;
    z-index: 2;
}
.right-pop .box1 a .icons.icons2 svg {
    animation: iconRun 1.2s infinite linear;
}
/*.right-pop .box1 a .icons.icons2 {
    animation: iconRun 6.2s infinite linear;
}*/
.right-pop .box1 a .icons2 {
    background-color: #0063f8;
    border-radius: 50%;
}
.right-pop .box1 a .icons svg path {
    fill: #0063f8;
}
.right-pop .gotop {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;
    background: #fff;
    margin-top: 13px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 1580px) {
    .right-pop .gotop {
        width: 70px;
        height: 70px;
    }
}
.right-pop .gotop::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #0063f8;
    border-radius: 50%;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.right-pop .gotop svg {
    width: 25px;
    height: auto;
    position: relative;
    z-index: 2;
}
@keyframes iconRun {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}
@keyframes yuanRun {
    form {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    to {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}
/*JR侧边栏悬浮*/
.scroll-top-jr {
    width: 55px;
    height: 55px;
    line-height: 60px;
    /*position: fixed;*/
    bottom: -75px;
    margin-top: 18px;
    /*right: 1px;*/
    font-size: 20px;
    z-index: 199;
    color: var(--primary-color);
    background-color: var(--white-color);
    /*border: 1px solid var(--primary-color);*/
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);*/
    /*box-shadow: 0 12px 32px rgba(87, 101, 124, .15);*/
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transform: rotate(270deg);
    transition: 1s ease;
    /*display:none;*/
}
.scroll-top-jr::before, .scroll-top-jr::after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*-webkit-animation-delay: .9s;*/
    /*animation-delay: .9s;*/
    content: "";
    /*-webkit-box-shadow: 0 0 0 0 var(--primary-color);*/
    /*box-shadow: 0 0 0 0 var(--primary-color);*/
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    /*-webkit-animation: ripple 3s infinite;*/
    /*animation: ripple 3s infinite;*/
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.display-online-wxkf {
    position: absolute;
    width: 150px;
    height: 150px;
    top: -67px;
    left: -159px;
    /*display: none;*/
}
.jr-online-wxkf {
    /*display: block;*/
    width: 150px;
    height: 150px;
    display: none;
}
.online-weixin:hover .jr-online-wxkf {
    display: block;
    /*-webkit-transform: scale(1, 1);*/
    /*-ms-transform: scale(1, 1);*/
    /*-o-transform: scale(1, 1);*/
    /*transform: scale(1, 1);*/
    opacity: 1;
    /*white-space: nowrap;*/
    transition:0.3s ease-out;
}
.cdc-float-c {
    width: 161px;
    height: 73px;
    padding: 9px;
    background: #FFFFFF;
    box-shadow: 0 6px 12px rgba(87, 101, 124, .15);
    border-radius: 12px;
    font-size: 18px;
    color: #0063f8;
    position: absolute;
    top: 0;
    right: 58px;
    text-align: center;
    display: none;
    justify-content: center;
    align-items: end;
    flex-flow: column;
    line-height: 28px;
}
.online-phone:hover .cdc-float-c {
    /*visibility:visible;*/
    display: block;
    /*right:66px;*/
    /*filter:alpha(opacity = 100);*/
    opacity:1;
    z-index:1;
    transition:0.5s ease-out;
}
.scroll-top-jr:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
    -webkit-box-shadow: 0 0 0 0 var(--primary-color);
    box-shadow: 0 0 0 0 var(--primary-color);
    -webkit-animation: ripple 2s infinite;
    animation: ripple 2s infinite;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
/*新版样式20250115*/
.about-jryj {
    background: url(../images/JRUI/1002.png) no-repeat 50%;;
    /* background-position-y: bottom; */
    background-size: cover;
    background-position: bottom;
}
.service-block-002 {
    padding: 20px 2px;
    background-color: var(--white-color);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    width: 350px;
    height: 420px;
}
.qywh {
    padding: 0px 60px 38px;
}
.qywh img {
    /*width: 90%;*/
    /*max-height: 210px;*/
}
.service-002 .content-box {
    text-align: center;
    padding: 0;
}
.content-box h5 {
    color: rgb(27,31,142);
}
.service-block-002 .content-box p {
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 35px;
    color: var(--block-color-two);
    letter-spacing:1px;
}
.icon-box img {
    max-width: 122px;
}
.kf-inner {
    display: block;
    /*background-color: #0661C8;*/
    height: 525px;
    background-image: url(../images/JRUI/HZHB02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.work-block-one .inner-box .icon-box {
    border:0;
}
/*.qywh:hover {
    background-color: rgb(243, 243, 253);
}*/

/*新版EUB*/
.service-block-eub {
    text-align: center;
    padding: 0px 2px 20px;
    background-color: var(--white-color);
    box-shadow: 0px 2px 5px rgba(18, 45, 170, 0.3);
    /*border-radius: 1px;*/
    border-radius: 15px 15px 0 0;
    width: 350px;
    height: auto;
}
.service-block-eub .eub-title{
    font-size: 17px;
    color: #0661C8;
    font-weight:500;
}
.service-block-eub .eub-content{
    font-size: 14px;
    color: #4F4F4F;
    font-weight:400;
}
.kongyun {
    background-color: rgb(18, 45, 170);
    border-radius: 15px 15px 0 0;
}
.kongyun:hover {
    background-color: rgb(243, 243, 253);
}
.lunyun {
    background-color: rgb(243, 243, 253);
    border-radius: 15px 15px 0 0;
}
.lunyun:hover {
    background-color: rgb(18, 45, 170);
}
.button-style-eub {
    position: relative;
    padding: 16px 45px;
    z-index: 1;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    color: var(--white-color);
    /*background: var(--secondary-color);*/
    background: rgb(18, 45, 170);
}
.button-style-eub a {
    color: var(--white-color);
}
.button-style-eub:hover {
    color: var(--white-color);
}
.button-style-eub:hover:before {
    transform: translate(5px, 5px);
}
.button-style-eub:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    transform: translate(0px, 0px);
    /*border: 1px solid var(--secondary-color);*/
    border: 1px solid rgb(18, 45, 170);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}
.button-lunyun {
    background: rgb(243,243, 253);
}
.button-lunyun:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    transform: translate(0px, 0px);
    /*border: 1px solid var(--secondary-color);*/
    border: 1px solid rgb(243,243,253);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}
.button-lunyun a {
    color: rgb(18, 45, 170);
}
.eubys p {
    font-size: 14px;
    color: #4F4F4F;
    font-weight: 400;
}
/*
.eubys .eubys-box .eub-tag:before {
    position: absolute;
    top: -29px;
    left: 0;
    width: 15px;
    height: 15px;
    content: '';
    border-radius: 50%;
    background-color: var(--white-color);
    border: 26px solid var(--tertiary-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.eub-tag {
    color: #fff;
}*/
.service-block-006 .service-inner {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    flex-wrap: nowrap;
}
.service-block-006 .service-inner .icon-box {
    margin: 35px;
    /*box-shadow: 0px 4px 4px rgba(243,243,253, 0.05);*/
}
.eubys-box h6 {
    text-align: center;
    padding-bottom: 10px;
}
.eubys-box p {
    padding:10px 33px 33px;
}
.f-hide {
    display: none;
}
/*.eubys .icon-box img:hover {
    background-color: var(--tertiary-color);
}*/
.eubys .service-block-006:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    transform: translate(0px, 0px);
    /*border: 1px solid var(--secondary-color);*/
    border: 1px solid rgb(243,243,253);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}
.eubys .service-block-006:hover:before {
    transform: translate(5px, 5px);
    background-color: rgb(250,250,250);
}
.bgqg-content .feature-list li {
    font-size: 24px;
    line-height: 64px;
}
.buyer-service .service-inner .icon-box {
    margin: 45px;
    background-color: rgb(243, 243, 243);
    border-radius: 13px;
    padding: 18px 0;
}
.buyer-service h6 {
    color: rgb(39,89,221);
}
/*新版加入我们*/
.rc-image .image-three {
    position: absolute;
    left: -100px;
    width: 48%;
    top: 81px;
    z-index: 99;
}
.rc-image .image-two {
    position: absolute;
    width: 80%;
    right: -106px;
    top: 12px;
}
.rc-image .image-one {
    position: absolute;
    margin-top: 297px;
    margin-left: 20px;
    z-index: 9;
}