/*
Theme Name:     Orange
Theme URI:      
Description:    Orange child theme for yulong
Author:         nicetheme
Author URI:     
Template:       Orange
Version:        1.1.0
*/

@charset "utf-8";

@import url("../Orange/style.css");

:root {
    --blue: #002fa7;
}

body {
    background: #fff;
}

.pe-xxl-4{
    padding-right: 1.5rem!important;
}
.ml-3 {
    margin-left: 3rem;
}

.mb-8{
    margin-bottom: 6rem;
}

.tabs-title.mb-2,
.mb-2 {
    margin-bottom: 2rem !important;
}

.block {
    box-shadow: none !important;
}

.mr-3 {
    margin-right: 3rem;
}

.pd-3 {
    padding: 3rem;
}

.site-main {
    padding: 4.25rem 0;
}

.pd-2 {
    padding: 2rem;
}

.site-poster {
    margin-top: 135px;
}

.text-dark.text-xxl {
    font-size: 2.75rem;
    line-height: 1.5715;
    font-weight: 500;
    color: rgb(23, 26, 29);
    margin-bottom: 2.5rem;
}

.partners-section .text-dark.text-xxl{
    margin-bottom: 1.75rem;
}

.caseSwiper .list-body a img{
    height: 33px;
}
/*Top Adbannber*/
.top-adbanner {
    background: #d1eeff;
    font-size: 21px;
    line-height: 54px;
    font-weight: 600;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    left: 0;
}

.top-adbanner img {
    height: 54px;
}

/*My Swiper */
.mySwiper {
    padding-top: 136px; 
    height: 36vw;
}

/*Footer*/
.site-footer {
    background: #e7eff7;
}

.footer-menu>li.menu-item-has-children>a,
.site-footer a:not(.btn):hover,
.site-footer a:not(.btn),
.site-footer .footer-copyright,
.site-footer .footer-copyright a:not(.btn) {
    color: #000;
}

.site-footer .text-light,
.site-footer .text-white {
    color: #000 !important;
}

.site-footer .footer-contact .text-xxl {
    font-weight: bold;
}

.site-footer .footer-copyright {
    background: #aacdee;
    font-size: 16px;
}

.site-footer .footer-contact li i.svg-phone {
    background-image: url(images/phone.png);
}



.site-footer .footer-contact li i.svg-wechat {
    background-image: url(images/wechat.png);
}

/*Header*/
.site-header {
    border: none;
    box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06); 
    width: 100%;
    position: fixed;
}

.site-header .navbar-site li a {
    font-size: 18px;
}

/*Link the world*/
.linkworld-btn,
.linkworld-btn.btn-link:hover {
    background-color: #0083ff;
    border-color: #0083ff;
    color: #fff;
}

.testing-section.section {
    padding: 6rem 0 6rem;
    background-size: auto 100%;
    -webkit-transition: background-size 6s ease-out;
    background-color: #01160b;
    position: relative;
    background-position: center center;
    transition: background-size 6s ease-out; 
}

.testing-section.section::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.testing-content {
    position: relative;
    z-index: 9;
}

.testing-section:hover {
    background-size: auto 115% ;
}


/*Partners*/
.partners-more a{
    font-size: 16px;
}
.lee-partners{
    overflow: hidden;
    position: relative;
}

.lee-partners::before{
    background-image: -webkit-linear-gradient(left, #ebedf0 20%, rgba(235, 237, 240, 0));
    content: "";
    height: 120%;
    left: -15px;
    position: absolute;
    top: -10px;
    width: 100px;
    z-index: 2;
}

.lee-partners::after{
    background-image: -webkit-linear-gradient(right, #ebedf0 20%, rgba(235, 237, 240, 0));
    content: "";
    height: 120%;
    position: absolute;
    right: -15px;
    top: -10px;
    width: 100px;
    z-index: 2;
}


.partners-logo {
    display: flex;  
}

.partners-logo:hover{
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.partners-two.partners-logo{
    animation-duration: 80s;
}

@-webkit-keyframes CasePlay--move--zgwQAZu {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@keyframes CasePlay--move--zgwQAZu {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}


.partners-logo ul{
     display: flex;
     -webkit-animation: CasePlay--move--zgwQAZu 50s linear infinite;
    animation: CasePlay--move--zgwQAZu 50s linear infinite;
    /* animation-duration: 50s; */
}
.partners-logo li{
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.partner-item{
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    height: 100px;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 200px;
    background-size: 100% 100%;
    background-position: center center;
}

 



/*Case Center*/
.lee-case {
    padding: 0 30px;
}

.same-swiper .block {
    border: none;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
}

.same-swiper .block:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(23, 26, 29, .12) !important;
    box-shadow: 0 10px 20px 0 rgba(23, 26, 29, .12) !important;
}

.same-swiper .media {
    border-radius: .5rem .5rem 0 0;
    margin-bottom: 1rem;
}

.same-swiper .list-content h2 {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    height: 56px;
}

.same-swiper .list-content a {
    display: block;
    margin-bottom: 1.5rem;
}

.blog-section.same-swiper .list-content h2 {
    margin-top: 0;
    height: 28px;
}

.same-swiper .case-more {
    font-size: 16px;
    margin-bottom: 1.5rem;
    display: block;
    color: #0083ff;
}

.case-bottom-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    padding-top: 4.5rem;
}


.case-bottom-btn .swiper-button-next,
.case-bottom-btn .swiper-button-prev {
    position: relative;
    border: 1px solid hsla(210, 7%, 53%, .24);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: hsla(210, 7%, 53%, .24);
}

.case-bottom-btn .swiper-button-next {
    right: -0.25rem;
}

.case-bottom-btn .swiper-button-prev {
    left: -0.25rem;
}

.case-bottom-btn .swiper-button-next:after,
.case-bottom-btn .swiper-button-prev:after {
    font-size: 1.25rem;
    color: #0083ff;
}

.case-bottom-btn .swiper-button-next.swiper-button-disabled:after,
.case-bottom-btn .swiper-button-prev.swiper-button-disabled:after {
    color: hsla(210, 7%, 53%, .24) !important;
}

.case-bottom-btn .swiper-button-next.swiper-button-disabled,
.case-bottom-btn .swiper-button-prev.swiper-button-disabled {
    opacity: .75;
}

.case-bottom-btn .swiper-next {
    margin-right: 1rem;
}

/*宇龙宏兴管业产品质量保证*/
.our_queality-section {
    background: #000;
    color: #fff;
}

.our_queality-section .heading-title {
    color: #fff !important;
    margin-bottom: 2rem;
}

.our_queality-section .section-heading {
    margin-bottom: 3.5rem;
}

.our_queality-section .black-box p,
.our_queality-section .black-box h2,
.our_queality-section .black-box h3 {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.our_queality-section .black-box h2 {
    font-size: 2.125rem;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(left,#69b3ff,#007fff 50%,rgba(105,179,255,.14));
}

.our_queality-section .black-box h3 {
    font-size: 2rem;
    -webkit-transition: .8s;
    transition: .8s;
}

.our_queality-section .black-box .mt-md-4 {
    max-width: 80%;
    color: hsla(0, 0%, 100%, .8);
    font-size: 18px;
    line-height: 32px;
    z-index: 2;
}




.black-box {
    background: rgba(255, 255, 255, .08);
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.black-box::before {
    content: '';
    width: 286px;
    height: 286px;
    display: block;
    background-image: url(images/line-around.png);
    position: absolute;
    right: -32px;
    top: -39px;
    background-size: 100%;
    -webkit-transition: .2s;
    transition: .2s;
}

/* .our_queality-section .black-box h2::after{
    width: 0;
    content: '';
    height: 4px;
    background-image: -webkit-linear-gradient(left, #129477, #0bb38d 50%, #03d0a2);
    position: absolute;
    left: 0;
    bottom: -4px;
    -webkit-transition: .2s;
    transition: .2s;
}

.our_queality-section .black-box:hover h2::after{
    width: 40px;  
} */

@keyframes zoomInOut {  
    0%, 100% {  
      transform: scale(1); /* 初始和结束状态都是原始大小 */  
    }  
    50% {  
      transform: scale(1.2); /* 在动画中间放大到1.5倍 */  
    }  
  }

.black-box:hover::before{
    animation: zoomInOut 2s infinite alternate; 
}

.our_queality-section .list-abs-img {
    position: absolute;
    right: 36px;
    top: 36px;
    z-index: 1;
}

@keyframes textColorCycle {  
    0% { text-shadow: 0 0 10px #00ebb6; }   
    25% {text-shadow: 0 0 10px #d27c09;}
    50% { text-shadow: 0 0 10px #0ebdb9; }    
    75% { text-shadow: 0 0 10px #3667ac; } 
    100% { text-shadow: 0 0 10px #040506; }  
  } 
.our_queality-section .black-box:hover h3{
    color: transparent; /* 隐藏实际文字颜色 */  
    background-image: linear-gradient(to right, #00ebb6, #d27c09, #0ebdb9, #3667ac, #040506); /* 可选，用于背景渐变效果 */  
    -webkit-background-clip: text; /* Chrome, Safari, Opera */  
    background-clip: text;  
    animation: textColorCycle 4s infinite linear; /* 应用动画 */  
    cursor: pointer; /* 指示可交互 */  
}
/*主营产品*/
/* .section {
    padding-bottom: 4.125rem;
    padding-top: 6.4375rem;
} */
.product-cat-section{
    padding-bottom: 1.5rem;
}
.product-cat-section.section .block {
    box-shadow: none;
}

.main-pro-item{
    border-radius: 8px;     
    flex: 0 0 25%; 
    overflow: hidden;
    -webkit-transition: width .4s;
    transition: width .4s;
}

.list-padding.list-grouped .main-pro-item .list-item .list-title{
   margin-top: 48px;
}
  
.main-pro-item .list-item .list-title .h-1x{
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 12px;
    color:rgb(0, 32, 129);
}

.list-padding.main-pro-list .list-item .list-title{
    height: 26px !important;
    margin-bottom: 12px;
}

.main-pro-list .main-pro-item .pro-wapper{
    border-radius: 8px;
    flex: 1;
    overflow: hidden;
}

.main-pro-list .main-pro-item .pro-wapper h2{
    margin-top: 16px;
}

.main-pro-item.on .list-item .list-title .h-1x,
.main-pro-item.on .pro-item-des,
.main-pro-item.on .china-pro,
.main-pro-item.on .pro-tem-btn .flex a:last-child{
    color: #fff;
}
/**/
.tabs-main {
    height: 416px;
    position: relative;
    display: block;
}

.tabs-main .cont {
    position: absolute;
    width: 100%;
    display: none;
    opacity: 0;
}

.tabs-main .cont.active {
    display: block;
    opacity: 1;
}

.tabs-title ul li {
    margin: 0 .5rem;
    padding: .5em 1.25rem;
    border-radius: 40px;
    color: #231815;
}

.tabs-title ul li h3 {
    font-size: 18px;
    font-weight: 500;
}

.tabs-title ul li.active {
    background: #231815;
    color: #fff;
}

.tabs-main .cont {
    border-radius: 8px;
    overflow: hidden;
}

.tabs-main .left-img {
    height: 26rem;
    position: relative;
    -webkit-transition: background-size 2s;
    transition: background-size 2s;
    background-size: auto 100%;
}


.tabs-main .cont:hover .left-img {
    background-size: auto 110%;
}



.r-tabs {
    background: #171a1f;
}

.u-main-sub {
    font-size: 21px;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #aacdee, #0083ff);
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(right, #aacdee, #0083ff);
    /* Opera 12.00 - 12.10 */
    background: -moz-linear-gradient(right, #aacdee, #0083ff);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #aacdee, #0083ff);
    /* 标准的语法 */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* 确保文字颜色透明以显示渐变 */
    margin-bottom: 1.5rem;
}

.u-main-ti,
.u-main-t {
    color: #fff;
}

.u-main-ti {
    margin-bottom: 1rem;
}

.u-main-t {
    margin-bottom: 3rem;
}

.tabs-main .btn {
    padding: .25rem 1.5rem;
    background-color: #0083ff;
    border-color: #0083ff;
}

/*动态页面*/

.yulong-menu ul .current-menu-item a {
    color: var(--color-primary);
}


.yulong-menu ul .current-menu-item a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 3px;
    background-color: var(--bg-primary);
    transform: translateX(-50%);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

/*视频*/
.videoSwiper .block{
    -webkit-box-shadow: 0 8px 24px 0 rgba(34, 38, 48, .12) !important;
    box-shadow: 0 8px 24px 0 rgba(34, 38, 48, .12) !important;
}

/*.videoSwiper  .list-item .media::before{*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #0089ff; */
/*    display: block;*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    opacity: 0;*/
/*    -webkit-transition: .2s;*/
/*    transition: .2s;*/
/*}*/


/*.videoSwiper .list-content::before,*/
.videoSwiper .list-content::after{
    content: '';
    width: 56px;
    height: 56px; 
    position: absolute;
    display: block;
    left: calc(50% - 28px);
    top: 88px; 
    background-size: 100%;
    z-index: 3; 
    -webkit-transition: .4s;
    transition: .4s;
}

/*.videoSwiper .list-content::before{*/
/*    transform:scale(0);*/
/*    top: 88px; */
/*    background-image: url(images/video-1.png);*/
/*}*/

.videoSwiper .list-content::after{
    background-image: url(images/video.png);
    right: 36px;
    top: auto;
    bottom: 150px;
    left: auto;
    -webkit-transition: .2s;
    transition: .2s;
    transform:scale(1);
}


.videoSwiper  .list-item:hover .media::before{
    opacity: 0.8;
}

.videoSwiper .list-item:hover .list-content::before{
    transform:scale(1);
}

.videoSwiper .list-item:hover .list-content::after{
    transform:scale(0);
}

.videoSwiper .list-body .feature-icon{
    height: 28px;
}

/*Card样式*/
.list-padding.list-grouped .list-item.no-padding {
    padding: 0;
    background: #fff;
    transition: all .3s;
    border: 1px solid rgba(0, 0, 0, .05);
    margin-bottom: 1.875rem;
}

.list-padding.list-grouped .list-item .media {
    border-radius: 16px 16px 0 0;
}

.list-padding.list-grouped .list-item .list-content {
    padding: 0;
}

.list-padding.list-grouped .list-item .pd-2 {
    padding: 24px 28px;
}


.list-padding.list-grouped .list-item .news-maker p {
    font-size: 14px;
    color: #666;
}


.list-padding.list-grouped .list-item .list-title {
    height: 64px;
}

.list-item .list-title .h-2x,
.list-item .list-title .h-1x {
    font-size: 22px;
    line-height: 32px;
    color: #171a1d;
    font-weight: 500;
    margin-bottom: 10px;
}

.list-padding.list-grouped .list-item .text-secondary {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    color: #666;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    height: 125px;
    margin: 0;
    overflow: hidden;
    word-break: break-all;
}

.list-padding.list-grouped .list-item .list-footer a {
    color: var(--primary-color);
}

.list-date {
    position: relative;
}

.list-padding.list-grouped .list-item.no-padding:hover {
    box-shadow: 0 10px 16px rgba(0, 0, 0, .14) !important;
}

.list-padding.list-grouped .list-item.no-padding.news-videopage {
    background: none;
    border: none;
}

.list-padding.list-grouped .list-item.no-padding.news-videopage:hover {
    box-shadow: none !important;
}

.list-padding.list-grouped .list-item.news-videopage .media {
    border-radius: 8px;
    margin-bottom: 1rem;
}

.list-padding.list-grouped .list-item.news-videopage .list-title {
    height: 28px;
    margin-bottom: .5rem;
}

.news-videopage .media a::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    opacity: 0;
    background-color: rgba(0, 0, 0, .35);
}

.news-videopage .media a:after {
    content: '';
    width: 60px;
    opacity: 0;
    height: 60px;
    background-image: url(images/news-video.png);
    background-size: 100%;
    position: absolute;
    left: calc(100% - 95px);
    top: calc(100% - 95px);
    transition: all 0.3s ease-in-out;
    z-index: 3;
}


.news-videopage .media:hover a::after,
.news-videopage .media:hover a::before {
    opacity: 1;
}

.wall-bg {
    padding: 0 0 4rem;
}



/**
yulong poster
**/
.yulong-poster {
    position: relative;
    margin-top: 135px;
    height: 20.1vw;
    background-color: #000;
    background-size: 100%;
    background-repeat: no-repeat; 
}

.yulong-poster .poster-content {
    display: flex;
    flex: 1 1 auto;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    height: 20.1vw;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .yulong-poster .poster-content {
        height: 300px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .yulong-poster .poster-content {
        height: 240px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

/**
yulong menu
**/
.yulong-menu {
    background-color: #f0f1f4;
}

.yulong-menu ul {
    display: flex;
    justify-content: center;
}

.yulong-menu ul li {
    position: relative;
    margin-right: 10px;
}

.yulong-menu ul li a {
    display: block;
    padding: 15px 25px;
}

.yulong-menu ul li.active a {
    color: var(--color-primary);
}

.yulong-menu ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 3px;
    background-color: var(--bg-primary);
    transform: translateX(-50%);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.yulong-menu ul li:hover::after,
.yulong-menu ul li.active::after {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .yulong-menu ul {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .yulong-menu ul li {
        flex-shrink: 0;
    }

    .yulong-menu ul li a {
        display: block;
        padding: 15px 20px;
    }

    .yulong-menu ul::-webkit-scrollbar {
        display: none
    }
}

@media (max-width: 767.98px) {

    .yulong-menu ul {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .yulong-menu ul li {
        flex-shrink: 0;
    }

    .yulong-menu ul li a {
        display: block;
        padding: 15px 15px;
    }

    .yulong-menu ul::-webkit-scrollbar {
        display: none
    }

}

/**
yulong grid
**/
.yulong-grid {
    position: relative;
    padding: 5rem 0;
    background-color: #f1f7ff;
}



.yulong-grid h2 {
    font-size: 2.25rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .yulong-grid {
        padding: 3rem 0;
    }

    .yulong-grid h2 {
        font-size: 1.75rem; 
    }
}

@media (max-width: 767.98px) {
    .yulong-grid {
        padding: 2rem 0;
    }

    .yulong-grid h2 {
        font-size: 1.75rem;
        font-weight: normal;
    }
}

/**
yulong about 1
**/


.yulong-about-1 .yulong-slogan {
    display: flex;
    margin-bottom: 4rem;
    line-height: 1.75;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .yulong-about-1 .yulong-slogan {
        margin-bottom: 3rem;
    }
}

@media (max-width: 767.98px) {
    .yulong-about-1 .yulong-slogan {
        margin-bottom: 2rem;
    }

}

/**
yulong about 2
**/

.yulong-about-2 {
    position: relative;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.yulong-about-2 .grid-content {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 300px;
    width: 100%;
}

.yulong-about-2 .history-tabs {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 80%;
    font-size: 1.2rem;
}

.yulong-about-2 .history-tabs a {
    position: relative;
    color: #fff;
    cursor: pointer;
}

.yulong-about-2 .history-tabs a:hover,
.yulong-about-2 .history-tabs a:focus {
    color: #fff;
}

.yulong-about-2 .history-tabs::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    width: 100%;
    height: 1px;
    background-color: #fff;
}


.yulong-about-2 .history-tabs a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    transform: translate(-50%, 150%);
}

.yulong-about-2 .history-tabs a.active::after {
    box-shadow: 0 0 0 4px rgb(255 255 255 / 50%);
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .yulong-about-2 .grid-content {
        height: auto;
        padding: 3rem 0 4rem;
    }

    .yulong-about-2 .history-tabs {
        width: 100%;
    }

    .yulong-about-2 .history-tabs::after {
        bottom: -16px;
    }

    .yulong-about-2 .history-tabs a::after {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 767.98px) {
    .yulong-about-2 .grid-content {
        height: auto;
        padding: 2rem 0 4rem;
    }

    .yulong-about-2 .history-tabs {
        width: 100%;
        font-size: 1rem;
    }

    .yulong-about-2 .history-tabs::after {
        bottom: -16px;
    }

    .yulong-about-2 .history-tabs a::after {
        width: 15px;
        height: 15px;
    }

}

/**
yulong about 3
**/

.framework-box .compy {
    text-align: center;
    margin-top: 12px;
    position: relative;
    margin-bottom: 64px;
}

.framework-box .compy img {
    width: 183px;
}

.framework-box .compy:after {
    content: ' ';
    height: 26px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    bottom: -38px;
    left: calc(50% + 1px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.framework-box .framework-tabmenu {
    width: 100%;
    position: relative;
    display: flex;
}

.framework-box .framework-tabmenu::before {
    content: ' ';
    position: absolute;
    display: block;
    left: calc(50% + 1px);
    top: -26px;
    width: calc(80% + 7px);
    height: 2px;
    background: #D8D9DC;
    -webkit-transform: translateX(-50%);
}

.framework-box .framework-tabmenu a {
    position: relative;
    flex:1 0 0;
    background: #f0f1f4;
    padding: 32px 10px;
    margin-right: .5%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -ms-transition: background-color 1s linear;
}

.framework-box .framework-tabmenu a:last-child {
    margin-right: 0%;
}

.framework-box .framework-tabmenu a.active {
    background: #fff;
}

.framework-box .framework-tabmenu a:before {
    content: ' ';
    height: 26px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -26px;
}

.framework-box .framework-tabmenu a .desc {
    display: none;
}

.framework-box .framework-tabbox {
    width: 100%;
    margin-top: 48px;
    background: #fff;
    position: relative;
}

.framework-box .framework-tab .item {
    position: relative;
    display: none;
    color: #5F6464;
    line-height: 25px;
    background: #fff;
    padding: 32px 42px;
    margin-top: 48px;
    transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -ms-transition: opacity 1s linear;
}

.framework-box .framework-tab .item::before {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color: transparent transparent #fff transparent;
    transform: translate(0%, -99%);
    display: none;
}

.framework-box .framework-tab .item1:before {
    left: 50px;
    display: block;
}

.framework-box .framework-tab .item1.active:before {
    left: 6%;
    display: block;
}

.framework-box .framework-tab .item2.active:before {
    left: 22.5%;
    display: block;
}

.framework-box .framework-tab .item3.active:before {
    left: 39.334%;
    display: block;
}

.framework-box .framework-tab .item4.active:before {
    left: 56%;
    display: block;
}

.framework-box .framework-tab .item5.active:before {
    left: 73%;
    display: block;
}

.framework-box .framework-tab .item6.active:before {
    left: 89.55%;
    display: block;
}

.framework-box .framework-tab .item.active {
    display: block;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .framework-box .framework-tabmenu a {
        padding: 20px 15px;
    }

    .framework-box .framework-tabmenu a h3 {
        font-size: 1.125rem;
        margin-bottom: 5px;
    }
}

@media (max-width: 767.98px) {
    .framework-box .compy {
        margin-bottom: 16px;
    }


    .framework-box .framework-tabmenu {
        flex-direction: column;
    }

    .framework-box .framework-tabmenu a {
        padding: 10px 15px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: left;
        background: #fff;
    }

    .framework-box .framework-tabmenu a .title {
        display: flex;
        align-items: center;
    }

    .framework-box .framework-tabmenu a .title:after {
        position: absolute;
        content: "";
        display: block;
        right: 21px;
        top: 20px;
        height: 6px;
        width: 6px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        transform: rotate(315deg);
        transition: all 0.2s;
    }

    .framework-box .framework-tabmenu a.active .desc {
        display: block;
        top: 20px;
        border-top: 1px solid #f1f1f1;
        margin-top: 10px;
        padding-top: 10px;
        color: var(--color-dark)
    }

    .framework-box .framework-tabmenu a.active .title:after {
        transform: rotate(135deg);
        top: 22px;
    }

    .framework-box .framework-tabmenu a h3 {
        font-size: 1.25rem;
        margin-bottom: 0;
        margin-right: 15px;
    }

    .framework-box .compy:after,
    .framework-box .framework-tabmenu::before,
    .framework-box .framework-tabmenu a:before {
        display: none;
    }

    .framework-box .framework-tab .item,
    .framework-box .framework-tab .item.active {
        display: none;
    }
}

/**
yulong about 4
**/

.yulong-team .item:first-child .item-title .text-lg::before{
    content: '创始人';
    display: block;
    margin-top: 1.5rem;
    color:#002fa7;
}

.yulong-team .item:nth-child(n+2) .item-title h3{
    margin-bottom: 2rem;
}


.yulong-team .item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px
}

.yulong-team .item .item-title {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.yulong-team .item .item-title h3 {
    font-size: 1.75rem;
}

.yulong-team .item .item-image {
    position: relative;
    width: 70%;
}

.yulong-team .item .item-image .image-box {
    position: relative;
}

.yulong-team .item .item-image .image-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    background-color: var(--bg-primary);
    transform: translate(-50%, 50%);
    transition: all 0.3s ease-in-out;
}

.yulong-team .item:hover .item-image .image-box::after {
    transform: translate(0%, 0%);
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .yulong-team .item .item-title {
        width: 35%;
    }

    .yulong-team .item .item-image {
        width: 60%;
    }

    .yulong-team .item .item-image .image-box::after {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .yulong-team .item {
        margin-bottom: 64px
    }

    .yulong-team .item .item-title {
        width: 45%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .yulong-team .item .item-title h3 {
        font-size: 1.25rem;
    }

    .yulong-team .item .item-title .text-lg {
        font-size: .875rem;
    }

    .yulong-team .item .item-image {
        position: relative;
        width: 50%;
    }

    .yulong-team .item .item-image .image-box::after {
        width: 30px;
        height: 30px;
    }
}

/**
yulong about 5
**/

.workplace-tabmenu ul {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #d7d7d7;
}

.workplace-tabmenu li {
    position: relative;
    margin: 0 10px
}

.workplace-tabmenu li a {
    position: relative;
}

.workplace-tabmenu li a::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 0%;
    height: 5px;
    background-color: var(--bg-primary);
    transform: translateX(-50%);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.workplace-tabmenu li:hover a::after,
.workplace-tabmenu li a.active::after {
    width: 100%;
}

.workplace-tabmenu li a {
    display: block;
    padding: 15px 30px;
}

.workplace-tab .item {
    display: none;
    margin-top: 4rem;
}

.workplace-tab .item.active {
    display: block;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .workplace-tabmenu ul {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .workplace-tabmenu ul::-webkit-scrollbar {
        display: none
    }

    .workplace-tabmenu li {
        flex-shrink: 0;
        margin: 0 10px 0 0;
    }

    .workplace-tabmenu li a {
        display: block;
        padding: 15px 20px;
    }

    .workplace-tab .item {
        margin-top: 2rem;
    }
}

@media (max-width: 767.98px) {
    .workplace-tabmenu ul {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .workplace-tabmenu ul::-webkit-scrollbar {
        display: none
    }

    .workplace-tabmenu li {
        flex-shrink: 0;
        margin: 0 10px 0 0;
    }

    .workplace-tabmenu li a {
        display: block;
        padding: 15px 20px;
    }

    .workplace-tab .item {
        display: none;
        margin-top: 2rem;
    }
}



/**
industry
**/

.industry-main {
    padding: 5rem 0;
    background-color: #FBFBFB;
}

.industry-main .industry {
    margin-bottom: 5rem;
}

.industry-main .industry:last-child {
    margin-bottom: 0;
}

.industry-main .industry .industry-top {
    display: flex;
}

.industry-main .industry .industry-top .top-title {
    width: 20%;
}

.industry-main .industry .industry-top .top-desc {
    width: 80%;
    line-height: 1.75;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .industry-main {
        padding: 3rem 0;
    }

    .industry-main .industry {
        margin-bottom: 3rem;
    }
}

@media (max-width: 767.98px) {
    .industry-main {
        padding: 2rem 0;
    }

    .industry-main .industry {
        margin-bottom: 2rem;
    }

    .industry-main .industry .industry-top {
        flex-direction: column;
    }

    .industry-main .industry .industry-top .top-title {
        width: 100%;
    }

    .industry-main .industry .industry-top .top-desc {
        width: 100%;
        margin-top: .5rem;
    }

}

/**
industry-tab
**/

.industry-tab {}

.industry-tab .item {
    display: none;
}

.industry-tab .item.active {
    display: block;
}

.industry-tab .tabs ul {
    display: flex;
    flex-wrap: wrap;
}

.industry-tab .tabs ul li {
    flex: 1 1 auto;
    width: 25%;
    display: flex;
}

.industry-tab .tabs ul li a {
    position: relative;
    display: block;
    padding: 20px 25px;
    background-color: #f0f1f4;
    width: 100%;
}

.industry-tab .tabs ul li a.active {
    background-color: #fff;
}

.industry-tab .tabs ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 3px;
    background-color: var(--bg-primary);
    transform: translateX(-50%);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.industry-tab .tabs ul li a.active::after {
    width: 100%;
}

.industry-tab .tabs ul li a.active::after {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .industry-tab .tabs ul li a {
        padding: 15px 20px
    }
}

@media (max-width: 767.98px) {

    .industry-tab .tabs ul li a {
        display: flex;
        flex: 1 1 auto;
        text-align: center;
        align-items: center;
        justify-content: center;
        height: 60px;
        padding: 10px 10px;
    }

    .industry-tab .tabs ul li a .text-lg {
        font-size: .875rem;
    }

}


/**
staff
**/
.staff-main {
    padding: 4rem 0;
}

.staff-grid {
    margin-bottom: 4rem;
}

.staff-grid h2 {
    font-size: 2.25rem;
}

.staff-1 .staff-box {
    position: relative;
}

.staff-1 .staff-content {
    position: absolute;
    width: 50%;
    background-color: #fff;
    padding: 3rem;
    top: 50%;
    transform: translateY(-50%);
}

.staff-1 .staff-content::before {
    content: '';
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: width .5s;
    transition: width .5s;
}

.staff-1:hover .staff-content::before {
    width: 100%;
    background: linear-gradient(48deg, rgb(0, 71, 250) 22%, rgb(217, 227, 255) 126%), rgb(255, 255, 255);
}

.staff-1:hover h2,
.staff-1:hover .text-secondary {
    color: #fff !important;
    position: relative;
    z-index: 9;
}

.staff-1 .staff-content.right {
    right: 0;
}

.staff-3 .item {
    position: relative;
}

.staff-3 .item .item-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    color: #fff;
    padding: 15px 20px;
}

.staff-4 {
    margin-bottom: 0;
}

.staff-4 .staff-content {
    position: relative;
}

.staff-4 .staff-content h2 {
    position: absolute;
    top: 50%;
    left: 12%;
    transform: translateY(-50%);
    z-index: 1;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .staff-main {
        padding: 3rem 0;
    }

    .staff-grid {
        margin-bottom: 2.5rem;
    }

    .staff-1 .staff-content {
        padding: 1.5rem;
    }

    .staff-grid h2 {
        font-size: 1.75rem;
    }

    .staff-grid .text-lg,
    .staff-grid .text-md {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .staff-main {
        padding: 2rem 0;
    }

    .staff-grid {
        margin-bottom: 2rem;
    }

    .staff-grid h2 {
        font-size: 1.5rem;
    }

    .staff-1 .staff-box {
        border: 1px solid var(--border-light);
    }

    .staff-1 .staff-content {
        padding: 1rem;
        position: relative;
        width: 100%;
        top: auto;
        transform: translateY(0%);
    }

    .staff-1 .staff-content h2 {
        font-size: 1.5rem;
    }

    .staff-4 {
        margin-bottom: 0;
    }

    .staff-4 .staff-content h2 {
        left: 10%;
    }
}

.quotes-left {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCI+PHBhdGggZD0iTTE5NS41NDEgNzM5LjAzQzE1MS41OTUgNjkyLjM1MSAxMjggNjQwIDEyOCA1NTUuMTM1YzAtMTQ5LjMzMyAxMDQuODMyLTI4My4xNzkgMjU3LjI4LTM0OS4zNTVsMzguMTAxIDU4Ljc5NWMtMTQyLjI5MyA3Ni45Ny0xNzAuMTEyIDE3Ni44NTMtMTgxLjIwNSAyMzkuODMgMjIuOTEyLTExLjg2MiA1Mi45MDctMTYgODIuMzA0LTEzLjI3IDc2Ljk3IDcuMTI1IDEzNy42NDMgNzAuMzE1IDEzNy42NDMgMTQ4Ljg2NGExNDkuMzMzIDE0OS4zMzMgMCAwIDEtMTQ5LjMzNCAxNDkuMzMzIDE2NS4xNjMgMTY1LjE2MyAwIDAgMS0xMTcuMjQ4LTUwLjMwNHptNDI2LjY2NyAwYy00My45NDctNDYuNjc4LTY3LjU0MS05OS4wMy02Ny41NDEtMTgzLjg5NCAwLTE0OS4zMzMgMTA0LjgzMi0yODMuMTc5IDI1Ny4yOC0zNDkuMzU1bDM4LjEwMSA1OC43OTVjLTE0Mi4yOTMgNzYuOTctMTcwLjExMiAxNzYuODUzLTE4MS4yMDUgMjM5LjgzIDIyLjkxMi0xMS44NjIgNTIuOTA2LTE2IDgyLjMwNC0xMy4yNyA3Ni45NyA3LjEyNSAxMzcuNjQyIDcwLjMxNSAxMzcuNjQyIDE0OC44NjRhMTQ5LjMzMyAxNDkuMzMzIDAgMCAxLTE0OS4zMzMgMTQ5LjMzMyAxNjUuMTYzIDE2NS4xNjMgMCAwIDEtMTE3LjI0OC01MC4zMDR6Ii8+PC9zdmc+');
}

.quotes-right {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCI+PHBhdGggZD0iTTgyOC40NTkgMjg0Ljk3Qzg3Mi40MDUgMzMxLjY0OSA4OTYgMzg0IDg5NiA0NjguODY1YzAgMTQ5LjMzMy0xMDQuODMyIDI4My4xNzktMjU3LjI4IDM0OS4zNTVsLTM4LjEwMS01OC43OTVjMTQyLjI5My03Ni45NyAxNzAuMTEyLTE3Ni44NTMgMTgxLjIwNS0yMzkuODMtMjIuOTEyIDExLjg2Mi01Mi45MDcgMTYtODIuMzA0IDEzLjI3LTc2Ljk3LTcuMTI1LTEzNy42NDMtNzAuMzE1LTEzNy42NDMtMTQ4Ljg2NGExNDkuMzMzIDE0OS4zMzMgMCAwIDEgMTQ5LjMzNC0xNDkuMzMzYzQ1Ljc4MSAwIDg5LjU1NyAyMC45MDYgMTE3LjI0OCA1MC4zMDR6bS00MjYuNjY3IDBjNDMuOTQ3IDQ2LjY3OCA2Ny41NDEgOTkuMDMgNjcuNTQxIDE4My44OTQgMCAxNDkuMzMzLTEwNC44MzIgMjgzLjE3OS0yNTcuMjggMzQ5LjM1NWwtMzguMTAxLTU4Ljc5NWMxNDIuMjkzLTc2Ljk3IDE3MC4xMTItMTc2Ljg1MyAxODEuMjA1LTIzOS44My0yMi45MTIgMTEuODYyLTUyLjkwNiAxNi04Mi4zMDQgMTMuMjctNzYuOTctNy4xMjUtMTM3LjYtNzAuMzE1LTEzNy42LTE0OC44NjRhMTQ5LjMzMyAxNDkuMzMzIDAgMCAxIDE0OS4zMzQtMTQ5LjMzM2M0NS43ODEgMCA4OS41NTcgMjAuOTA2IDExNy4yNDggNTAuMzA0eiIvPjwvc3ZnPg==');
}

.yulong-about-3.yulong-grid {
    background: #fbfbfb;
}

/**
culture culture-timeline
**/

.culture-timeline .timeline-inner {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 400px;
    background-color: #fff;
}


.culture-timeline .timeline-container {
    margin-top: 36px;
    height: 100%;
    width: 100%;
    position: relative;
}

.culture-timeline .timeline-container .timeline-panel {
    width: 380px;
    transition: all 1s ease;
    position: absolute;
}

.culture-timeline .timeline-container .timeline-panel .panel-label {
    font-size: 30px;
    margin: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-light);
}

.culture-timeline .timeline-container .timeline-panel .panel-content {
    margin: 20px;
}

.culture-timeline .timeline-container .timeline-panel .panel-content li {
    margin-bottom: 10px;
}

.culture-timeline .slide-nav {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.culture-timeline .slide-nav a {
    cursor: pointer;
    display: inline-block;
    padding: 10px 16px;
    transition: all 0.5s ease;
}


.use-ing-section.section {
    background: rgb(229, 244, 252);
    margin-top: 4.125rem;
}

.cases-section.section {
    padding-bottom: 0;
}


/*q企业荣誉*/
.wall-page-title {
    position: relative;
    display: block;
    padding: 4rem 0 3.5rem;
    text-align: center; 
    background-position: center center;
    background-repeat: no-repeat;
}
 
.wall-page-title h2 {
    font-size: 48px;
    margin-bottom: 1.5rem;
    color: rgb(23, 26, 29);
    font-weight: 500;
}


.wall-page-title p {
    font-size: 32px;
}


.wall-itemimg {
    height: 64px;
    margin-bottom: 1.25rem !important;
}

.wall-itemimg img{
    height: 64px ;
    width: auto;
}

.wall-item-title {
    font-size: 18px;
    font-weight: 500;
}

.wall-item-main {
    font-size: 14px;
    color: #666;
    margin-top: 0;
}

.wall-box {
    border: 1px solid rgba(0, 0, 0, .05);
    -webkit-transition: box-shadow .2s linear;
    -webkit-transition: transform .2s linear;
    transition: box-shadow .2s linear;
    transition: transform .2s linear;
}

.wall-box:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.company-imgtext .introduce-title {
    text-align: left;
}

.introduce-section .introduce-image {
    min-height: 278px;
}


.party-img {
    padding-top: 48%;
    margin-right: 1.5rem;
    -webkit-transition: background-size 5s;
    transition: background-size 5s;
    background-size: auto 100%;
}

.party-right h3 {
    font-size: 2rem;
}

.company-party .d-flex {
    margin-bottom: 2rem;
}

.company-party .col-8 {
    background: #fff;
    /* border-radius: 16px 0 0 16px; */
    overflow: hidden;
}

.party-right {
    padding-top: 2rem;
    background: #fff;
    padding-right: 1.5rem;
    /* border-radius: 0 16px 16px 0; */
}

.company-party .d-flex:nth-child(2n) .col-8 {
    order: 1;
    /* border-radius: 0 16px 16px 0; */
}

.company-party .d-flex:nth-child(2n) .col-8 .party-img {
    margin-right: 0;
    margin-left: 1.5rem;
    /* border-radius: 0 16px 16px 0; */
}

.company-party .d-flex:nth-child(2n) .col-4 {
    order: 0;
}

.company-party .d-flex:nth-child(2n) .party-right {
    /* border-radius: 16px 0 0 16px;   */
    padding-left: 2rem;
}

.company-party .d-flex:hover .party-img {
    background-size: auto 115%;
}

.staff-3 {
    background-color: #f8f8f8;
    padding: 6rem 0 6rem;
}


.partners-section {
    background: #eaecef;
    margin-top: 2.4rem;
}


/*CASE PAGE*/

.category-case  .list-padding.list-grouped .list-item .text-secondary{
    margin: 14px 0 32px;
    height: 72px;
    width: 312px;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: rgba(23, 26, 29, .6);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.category-case .list-padding.list-grouped .list-item::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #0089ff;
    opacity: 0;
    display: block;
    position: absolute;
    left: 0;
    z-index: 3;
    top: 0;
    -webkit-transition: .2s;
    transition: .2s;
}

.category-case .list-padding.list-grouped .list-item::after{
    content: '';
    width: 58px;
    height: 42px;
    background-image: url(images/eye.png);
    left: calc(50% - 29px);
    top: calc(50% - 21px);
    background-size: 100%;
    display: block;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    transform: scale(0);
    z-index: 4;
}

.category-case .list-padding.list-grouped .list-item:hover::before{
    opacity: .8;
}

.category-case .list-padding.list-grouped .list-item:hover::after{
    transform: scale(1);
}

.category-case  .list-padding.list-grouped .list-item{
    -webkit-box-shadow: 0 8px 24px 0 rgba(34, 38, 48, .12) !important;
    box-shadow: 0 8px 24px 0 rgba(34, 38, 48, .12) !important;
    background: none;
    padding: 2.5rem 2rem;
    border:none;
    border-radius: 8px;
    overflow: hidden;
}
.case-icon img{
    height: 33px;
    margin-top: 1.125rem;
    margin-bottom: 2rem;
}

.category-case .list-padding.list-grouped .list-item .list-title{
    height: 32px;
}

.category-case .list-padding.list-grouped .list-item .list-title a::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    display: block;
    background: rgba(0, 0, 0, .0);
}

.post-tags {
    padding-bottom: 32px;
    height: 28px;
}

.post-tags span{
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    padding: 4px 8px;
    font-size: 12px; 
    border: 1px solid rgba(126, 134, 142, .24);
    border-radius: 4px;
    text-align: center; 
    margin-right: 8px;
    margin-top: 0;
}

.post-tags span:first-child{ 
    border: 1px solid rgba(0, 176, 66, .48); 
}

.post-tags span a{
    color: rgba(23, 26, 29, .6);
}


.post-tags span:first-child a{
    color: #00b042;
}


.testing-section h1.text-white{
    line-height: 1;
}


/*扫光效果*/
.list-item.light-around.mr-3{
    border-radius: 62px;
    overflow: hidden;
}

.light-around::after{
    content: '';
    position: absolute;
    inset: -20%;
    background: linear-gradient(45deg, rgba(255,255,255,0) 40%, rgba(255, 255, 255, 0.7), rgba(255,255,255,0) 60%); 
    transform: translateX(-100%);
  }

  .black-box:hover .light-around::after{
    animation: shark-wrap 2s infinite;
  }
  @keyframes shark-wrap {
    to {
      transform: translateX(100%);
    }
  }
  


/**/
.post-content p img+img{
    margin-top: 24px;
}
.post-content .in-ifream{
    position: relative;  
    width: 100%; /* 或指定宽度 */  
    padding-bottom: 56.25%; /* 16:9的比例 */  
    height: 0;  
    overflow: hidden;  
}

.post-content .in-ifream iframe{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.post-template-default .site-main{
    padding-top: 164px;
}

.post-template-default .breadcrumbs{
    font-size: 1rem;
}

.post-template-default .post-title .text-dark.text-xxl{
    font-size: 2.25rem;
}


.h11{
    height: 1rem;
    display: none;
    width: 100%;
}


@media (max-width: 767.98px) {
    .text-dark.text-xxl{
        font-size: 2rem;
        margin-bottom: .75rem;
    }
    /*Home*/
    .mySwiper{
        padding-top: 7rem;
        height:20rem;
    }     
    .u-main-t{
        margin-bottom: 1.5rem;
    }

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

    .main-pro-item,
    .main-pro-item.on{
        width: 100%;
    }

    .main-pro-item{
       padding-top:0 ;
    }

    .main-pro-item .pro-wappper{
        height: auto !important;
    }

    .main-pro-item.on .pro-wappper .block{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .list-padding.list-grouped .main-pro-item .list-item .list-title,
    .pro-tem-btn{
        margin-top: 0;
    }
    .main-pro-item .list-item .list-title .h-1x{
        font-size: 1.5rem;
        font-weight: normal;
    }
    .pro-item-des{
        height: 40px; 
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: .75rem !important;
    }

    .pro-tem-btn .btn-outline-primary{
        padding: 4px 16px; 
        font-size: 14px;
    }

    .main-pro-item .pro-wappper .block{
        padding:1rem 1.5rem;
    }

    .pro-tem-btn{
        opacity: 1;
    }

    .pro-tem-btn a:last-child{
        font-size: 14px;
    }

    .main-pro-item .china-pro{
        display: none;
    }

    .tabs-title ul li{
        padding:0 .5rem;
        margin:0;
    }
    
    .tabs-title ul li h3{
        font-size: 1rem;
    }
    .tabs-main{
        height: 306px;
    }
    .pd-3{
        padding:1rem;
    }

    .partner-item{
        width: 8rem;
        height: 4rem;
    }

    .partners-section .partners-more{
        margin-top: 0;
        margin-bottom: .75rem;
    }

    .black-box::before{
        width: 10rem;
        height: 10rem;
        animation: zoomInOut 2s infinite alternate;
    }
    .our_queality-section .list-abs-img img{
        width: 6rem;
    }
    .our_queality-section .list-abs-img{
        position: absolute;
        right: 0px;
        top: 5px;
        z-index: 1;
    }
    .our_queality-section .black-box h3{
        font-size: 1.5rem;
    }
    .our_queality-section .black-box p.mt-md-4{
        font-size: 1rem;
        margin-top: 1.5rem;
        width: 100%;
        max-width: 100%;
        line-height: 1.5;
    }
    .h11{
        display: block;
    }

    .yulong-poster{
        height:15rem;
        background-size: cover;
        margin-top: 115px;
    }

    .wall-page-title{
        padding:1rem 0 1.5rem;
    }

    .wall-page-title h2{
        font-size: 2rem;
        margin-bottom: .75rem;
    }
    .wall-page-title p{
        font-size: 1.5rem;
    }

    .post-template-default .site-main{
        padding-top: 120px;
    }

    .company-party .d-flex{
        flex-wrap: wrap;
    }
    .company-party .col-8,
    .company-party .col-4{
        width: 100%;
    }
    .party-img{
        margin-right: 0;
        background-size: 100%;
    }
   
    .company-party .d-flex:nth-child(2n) .col-8 .party-img{
        margin-left: 0;
    }
    .party-right{
        padding:1rem;
    }
    .party-right h3{
      font-size: 1.25rem;
    }
    .list-padding.list-grouped .main-pro-item .list-item .list-title{
        margin-bottom: .5rem;
    }
    .videoSwiper .list-content::after{
        left: calc(50% - 28px);
        top: calc(50% - 28px);
        bottom: auto;
    }
    .case-bottom-btn{
        padding-top: 2.5rem;
    }
    .case-bottom-btn .swiper-button-next, .case-bottom-btn .swiper-button-prev{
        width: 2rem;
        height: 2rem;
    }
    .case-bottom-btn .swiper-button-next:after, .case-bottom-btn .swiper-button-prev:after{
        font-size: 1rem;
    }
    .same-swiper .list-content h2{
        margin: .75rem 0;
        height: 28px;
    }
    .caseSwiper .list-item .list-title .h-2x{
        font-size: 1rem;
    }
    .lee-case{
        padding:0 1rem;
    }
    .our_queality-section .black-box .list-grouped{
        display: none;
    }
    
    .mb-8{
        margin-bottom:0;
    }
    .mb-8 .introduce-title{
        margin:1rem 0;
        font-size: 1.5rem;
    }
    .staff-3{
        padding:1.5rem 0;
    }
    .staff-3 h2{
        margin-bottom: 1rem !important;
    }
    .yulong-about-1 .grid-content h2{
        font-size: 1.5rem;
    }
    .our_queality-section .black-box h2{
        font-size: 1.75rem;
    }
}

/* === Accessibility & SEO Improvements === */

/* Skip-link */
.skip-link.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link.sr-only:focus {
    position: fixed;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    padding: 0.5rem 1rem;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    background: #000;
    color: #fff;
    z-index: 100000;
    font-size: 1rem;
    text-decoration: none;
}

/* Screen-reader only utility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Focus-visible for keyboard navigation */
:focus-visible {
    outline: 2px solid #002fa7;
    outline-offset: 2px;
}

/* Remove outline for mouse users */
:focus:not(:focus-visible) {
    outline: none;
}