@charset "UTF-8";


/* 轮播外层 */
.idxtop-swiper-wrap {
    position: relative;
    width: 100%;
}

/* 悬浮顶部导航 */
.idxtop-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.idxtop-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.idxtop-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--w-color);
}

.idxtop-logo img {
    height: 65px;
    margin-bottom: 4px;
}

.idxtop-nav-list {
    display: flex;
    gap: 45px;
    height: 105px;
    align-items: center;
    margin-left: 80px;
}

.idxtop-nav-item {
    height: 100%;
    display: flex;
    align-items: center;
}

.idxtop-nav-item a:hover {
    color: var(--o-color);
}

.idxtop-nav-link {
    color: var(--w-color);
    font-size: 18px;
}

.idxtop-nav-link i {
    margin-left: 4px;
}

/* 头部联系区域 */
.idxtop-header-contact {
    display: flex;
    align-items: center;
    gap: 20px;
}

.idxtop-tel-box {
    background: rgba(255, 255, 255, 0.2);
    color: var(--w-color);
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 16px;
}

.idxtop-tel-box i {
    margin-right: 6px;
}

.idxtop-tel-box:hover {
    background-color: var(--o-color);
    color: var(--w-color);
}

.idxtop-contact-btn {
    background-color: var(--o-color);
    color: var(--w-color);
    padding: 10px 36px;
    border-radius: 30px;
    font-size: 16px;
}

.idxtop-contact-btn:hover {
    color: var(--w-color);
}

/* Swiper基础布局 */
.idxtop-swiper {
    width: 100%;
    height: 100vh;
    min-height: 620px;
}

.idxtop-swiper-slide {
    position: relative;
}

/* 大图响应式核心 */
.idxtop-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 遮罩文字层 */
.idxtop-slide-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    color: var(--w-color);
}

.idxtop-container {
    height: 100%;
}
/*.bannercontainer {*/
/*    justify-content: center;*/
/*    align-items:center ;*/
/*    display: flex;*/
    
/*}*/
.idxtop-banner-text {
    height: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center ;
    gap: 36px;
    max-width: 90%;
}

.idxtop-banner-text h1 {
    font-size: 66px;
    line-height: 1;
    border-left: 5px solid var(--o-color);
    
    color: var(--w-color);
    padding-left: 16px;
}

.idxtop-solution-btn {
    background: var(--w-color);
    color: var(--text-color);
    width: fit-content;
    padding: 10px 8px 10px 20px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all 0.5s;
    font-size: 18px;
}

.idxtop-solution-btn i {
    background: var(--o-color);
    color: var(--w-color);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.idxtop-solution-btn:hover {
    background: var(--o-color);
    color: var(--w-color);
}

/* Swiper控件样式 */
.idxtop-swiper-prev,
.idxtop-swiper-next {
    color: var(--w-color);
}

.idxtop-swiper-pagination .swiper-pagination-bullet {
    background: var(--w-color);
    opacity: 0.45;
}

.idxtop-swiper-pagination .swiper-pagination-bullet-active {
    background: #ff6600;
    opacity: 1;
}

.navxl {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: 45vh;
    background-color: var(--b-color);
    z-index: 999;
    padding: 30px 0;
    display: none;
}

/* 本例子css */
.slideTxtBox {
    width: 100%;
    height: 100%;
    align-items: flex-start;
    text-align: left;
}

.slideTxtBox .hd {
    width: 20%;
    height: 100%;
    padding: 0 10px 0 20px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .5);
}

.slideTxtBox .hd ul {
    float: left;
    position: absolute;
    left: 2px;
    width: 100%;
}

.slideTxtBox .hd ul li {
    font-size: 20px;
    width: 100%;
    padding: 0px 15px;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 15px;
    /* padding-right: 15px; */
    cursor: pointer;
}

.slideTxtBox .hd ul li a {
    color: rgba(255, 255, 255, .5);
}

.slideTxtBox .hd ul li.on {
    color: var(--w-color);
    text-decoration: underline;
    text-underline-offset: 5px;
    /* padding-right: 15px; */
    border-right: 3px solid var(--o-color);
}

.slideTxtBox .hd ul li.on a {
    color: var(--w-color);
}

.slideTxtBox .bd {
    width: 78%;
    height: 100%;
}

.slideTxtBox .bd ul {
    padding: 0px 15px;
    zoom: 1;
    height: 100%;
}

.slideTxtBox .bd ul li {
    height: 100%;
    align-items: flex-start;
}

.navxl_l {
    width: 25%;
    height: 100%;
}

.navxl_l dl dd a {
    font-size: 18px;
    color: rgba(255, 255, 255, .5);
    line-height: 1.6;
    margin-bottom: 10px;
    display: inline-block;
}

.navxl_l dl dd a:hover,
.navxl_l dl dd.on a {
    color: var(--w-color);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.navxl_r {
    width: 75%;
    height: 100%;
}

.navxlr_boxitem {}

.navxl_rimg {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.navxl_rimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navxl_rdesc {
    width: 46%;
}

.navxl_rdesc h3 {
    font-size: 24px;
    color: var(--w-color);
    border-left: 3px solid var(--o-color);
    padding-left: 10px;
}

.navxl_rdesc p {
    font-size: 16px;
    color: var(--w-color);
    line-height: 1.6;
    margin: 30px 0px;
}

.navxl_rdesc a {
    font-size: 16px;
    color: var(--b-color);
    line-height: 1.6;
    margin-bottom: 20px;
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--w-color);
    border-radius: 30px;
}

.navxl_rdesc a:hover {
    background-color: var(--o-color);
    color: var(--w-color);
}

.navxlr_box {
    display: none;
}

.navxlr_box.on {
    display: block;
}

.navxlr_box-2 .navxl_rimg {
    width: 38%;
}

.navxlr_box-2 .navxl_rdesc {
    width: 57%;
}



/* 全局重置 */


/* 容器基础 */
.idxbox1-container {
    margin: 0 auto;
}

.idxbox1-about-section {
    padding: 80px 0;
    background: #ffffff;
}

.idxbox1-row {
    display: flex;
    align-items: center;
}

/* 左侧标题带橙色边框 */
.idxbox1-title-box {
    position: relative;
    padding: 30px 0;
    margin-bottom: 30px;
}

/* 橙色四角边框线条 */
.idxbox1-title-box::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    border: 4px solid #e84700;
    width: 90%;
    height: 100%;
    right: -10px;
    z-index: 0;
}

.idxbox1-main-title {
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: -1px;
    color: var(--text-color);
    position: relative;
    background-color: var(--w-color);
    z-index: 2;
}

.idxbox1-main-title strong {
    font-weight: 700;
}

/* 描述文本 */
.idxbox1-desc-wrap {
    margin: 40px 0px;
}

.idxbox1-desc-text {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.7;
    color: var(--h-color);
    margin-bottom: 20px;
}

/* 橙色按钮 */
.idxbox1-work-btn {
    display: inline-block;
    background: #f25810;
    color: var(--w-color);
    font-size: 18px;
    padding: 18px 42px;
    border-radius: 50px;
    transition: all 0.3s;
}

.idxbox1-work-btn:hover {
    box-shadow: 0px 0px 10px var(--o-color);
    color: var(--w-color);
}


/* 图片响应式核心 */
.idxbox1-lab-img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.idxbox1-lab-img:hover {
    transform: scale(1.03);
}

/* 左右列间距 */
.idxbox1-col-text {
    padding-right: 40px;
}

.idxbox1-col-img {
    padding-left: 20px;
    overflow: hidden;
}

.top {
    transition: all 1s;
    box-shadow: 0px 0px 10px var(--h-color);
}

.fixednav,
.neitop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 105px;
    z-index: 999;
    background-color: var(--w-color);
}

.fixednav .idxtop-nav-link,
.neitop .idxtop-nav-link {
    color: var(--text-color);
}

.fixednav .idxtop-tel-box,
.neitop .idxtop-tel-box {
    background-color: rgba(0, 0, 0, 0.12);
    color: var(--text-color);
}

.fixednav .idxtop-tel-box:hover,
.neitop .idxtop-tel-box:hover {
    background-color: var(--o-color);
    color: var(--w-color);
}

.tophide {
    top: -200px;
}




/* 容器基础 */
.navxl-container {
    margin: 0 auto;
    position: relative;
}

.navxl-partner-section {
    padding: 70px 0;
    background: var(--w-color);
}

/* 顶部标题样式 */
.navxl-head-title {
    margin-bottom: 40px;
}

.navxl-main-title {
    font-size: 42px;
    position: relative;
    padding-left: 16px;
    line-height: 1.2;
    color: #222;
}

.navxl-orange-line {
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: calc(100% + 30px);
    background: #f25810;
}

.navxl-sub-title {
    font-size: 18px;
    color: #666;
    margin-top: 8px;
    padding-left: 16px;
}

/* 内容行布局 */
.idxbox2item {
    display: none;
}

.idxbox2item.on {
    display: block;
}

.navxl-content-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.navxl-col-img {
    padding-right: 30px;
}

.navxl-col-text {
    padding-left: 20px;
    z-index: 1;
}

/* 图片响应式核心 */
.idxbox2img {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.navxl-lab-pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 选项卡按钮组 */
.navxl-tab-buttons {
    display: flex;
    position: absolute;
    top: 130px;
    right: 0;
    width: 48%;
    margin-bottom: 35px;
    border-radius: 30px;
    overflow: hidden;
    background: #f5f5f5;
}

.navxl-tab-btn {
    padding: 12px 48px;
    font-size: 16px;
    width: 33%;
    border: 0px;
    background: #f5f5f5;
    transition: 0.2s;
}

.navxl-tab-btn:first-of-type {
    background: #f25810;
    color: var(--w-color);
}

.navxl-tab-btn.navxl-tab-active {
    background: #f25810;
    border-radius: 30px;
    color: var(--w-color);
}

.navxl-tab-btn:not(.navxl-tab-active) {
    background: #f5f5f5;
    color: var(--text-color);
}

/* 分类项目列表 */
.navxl-category-list {
    margin-bottom: 30px;
    /* padding-top: 100px; */
}

.navxl-category-item {
    font-size: 38px;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}


.navxl-arrow-icon {
    font-size: 22px;
}

/* 底部描述文本 */
.navxl-desc-block {
    margin-top: 150px;
}
.idxbox2item2 .navxl-desc-block {
    margin-top: 290px;
}
.navxl-desc-text {
    font-size: 18px;
    line-height: 1.7;
    color: var(--h-color);
}


/* 本例子css */
.slideTxtBox2 {
    width: 100%;
    text-align: left;
}

.slideTxtBox2 .hd {
    padding: 0 10px 0 20px;
    position: relative;
}

.slideTxtBox2 .hd ul {
    position: absolute;
    width: 48%;
    top: 80px;
    right: 0px;
}

.slideTxtBox2 .hd ul li {
    width: 100%;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.slideTxtBox2 .hd ul li a {
    color: var(--h-color);
    opacity: 0.8;
}

.slideTxtBox2 .hd ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    transition: all .5s;
    left: 0;
    width: 0px;
    height: 3px;
    background: #f25810;
}

.slideTxtBox2 .hd ul li.on a {
    color: #222;
    opacity: 1;
}

.slideTxtBox2 .hd ul li.on::after {
    width: 100%;
}

.slideTxtBox2 .bd ul {
    padding: 15px;
    width: 100%;
    zoom: 1;
}

.slideTxtBox2 .bd li {
    height: 24px;
    line-height: 24px;
}

.slideTxtBox2 .bd li .date {
    float: right;
    color: #999;
}


/* 全局重置与公共样式 前缀idx */
.idx-stat-wrap {
    padding: 60px 0;
    background: #ffffff;
}

.idx-stat-row {
    text-align: center;
}

.idx-stat-item {
    margin-bottom: 30px;
    position: relative;
}

.idx-stat-num {
    font-size: 8rem;
    font-weight: 700;
    color: #e63900;
    /* 匹配原图橙色 */
    line-height: 1;
    margin-bottom: 15px;
}

.idx-stat-desc {
    font-size: 1.8rem;
    color: #333333;
}

/* Swiper基础 */
.idx-swiper-container {
    width: 100%;
    height: auto;
}

.idx-swiper-img {
    width: 100%;
    height: auto;
    display: block;
}

/* FontAwesome图标通用 */
.idx-fa-icon {
    font-size: 2rem;
    color: #e63900;
    margin-right: 8px;
}

.idx-stat-span {
    font-weight: 700;
    font-size: 8rem;
    color: #e63900;

}

/* Swiper容器基础 */
.idxswiper-container {
    width: 100%;
    height: auto;
    position: relative;
}

.idxswiper-slide {
    position: relative;
}

/* Banner外层包裹 */
.idxbanner-wrap {
    position: relative;
    width: 100%;
}

/* 响应式背景图 */
.idxbanner-img {
    width: 100%;
    height: 70vh;
    display: block;
    object-fit: cover;
}

/* 文字浮层定位 */
.idxbanner-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--w-color);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.15));

}

.idxbanner-text .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 80px 0px;
    text-align: left;

}

.idxbanner-text .container::after,
.idxbanner-text .container::before {
    display: none;
}

/* 标题样式 */
.idxbanner-title {
    font-size: 6rem;
    /* text-transform: capitalize; */
    line-height: 1.2;
    border-left: 4px solid #ff4500;
    padding-left: 12px;
    margin-bottom: 20px;
}

/* 描述文字 */
.idxbanner-desc {
    font-size: 2rem;
    line-height: 1.4;
}

/* Contact按钮 */
.idxbanner-btn {
    width: fit-content;
    padding: 12px 30px;
    background: var(--w-color);
    color: #ff4500;
    border: none;
    border-radius: 99px;
    font-size: 1.8rem;
    cursor: pointer;
    transition: all 0.3s;
}

.idxbanner-btn i {
    margin-right: 8px;
}

.idxbanner-btn:hover {
    background: #ff4500;
    color: var(--w-color);
}

/* Swiper控制器微调 */
.idxswiper-prev,
.idxswiper-next {
    color: var(--w-color);
}

.idxswiper-pagination .swiper-pagination-bullet {
    background: var(--w-color);
    opacity: 0.6;
}

.idxswiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff4500;
}


/* ========== 第一部分：通用基础样式（所有分辨率共用） ========== */
.hb5-wrap {
    padding: 60px 0;
}

/* Swiper容器基础 */
.hb5-swiper-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.hb5-swiper-wrapper {
    display: flex;
}

.hb5-swiper-slide {
    width: 100%;
    text-align: center;
}

/* 图片自适应核心 */
.hb5-slide-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    display: block;
    object-fit: cover;
}

/* 箭头按钮样式 */
.hb5-swiper-prev,
.hb5-swiper-next {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hb5-arrow-icon {
    font-size: 18px;
    color: var(--text-color);
}

/* 分页点 */
.hb5-swiper-pagination {
    bottom: 10px;
}

.hb5-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: var(--w-color);
    opacity: 0.6;
}

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

/* hb5 匀速滚动动画 */
.hb5-swiper-wrapper {
    animation: hb5-swiper-scroll 15s linear infinite;
}

/* 鼠标悬停时暂停滚动 */
/* .hb5-swiper-container:hover .hb5-swiper-wrapper {
    animation-play-state: paused;
} */
@keyframes hb5-swiper-scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        /* 滚动一半宽度即可，因为loop模式克隆了一半的内容 */
        transform: translate3d(-50%, 0, 0);
    }
}



/* 全局重置与基础 */
.xrz-swiper-container {
    width: 100%;
    overflow: hidden;
}

.xrz-banner-wrap {
    padding: 80px 5%;
    background: #ffffff;
}

.xrz-text-block {
    max-width: 750px;
    margin: 0 auto;
    text-align: left;
}

/* 标题样式 */
.xrz-main-title {
    font-size: 64px;
    color: #333333;
    text-align: left;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    padding-left: 22px;
    margin-bottom: 30px;
}

.xrz-orange-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #f25022;
    /* 橙色竖线 */
}

/* 描述文本 */
.xrz-desc-text {
    font-size: 18px;
    color: #444444;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 40px;
}

/* 按钮样式 */
.xrz-btn-story {
    display: inline-block;
    padding: 16px 42px;
    background-color: #f25022;
    color: var(--w-color);
    font-size: 18px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s;
}

.xrz-btn-story:hover {
    background-color: #d94318;
    color: var(--w-color);
    text-decoration: none;
}

.idxbox7swiper {
    padding: 15px 0px 50px 10%;
}

/* ====================== 通用基础CSS prj-前缀 ====================== */
.prj-section-wrap {
    padding: 60px 0;
}

.prj-head-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.prj-title-main {
    font-size: 52px;
    color: var(--text-color);
    font-weight: 500;
    position: relative;
    padding-left: 22px;
}

.prj-title-main::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    background-color: #e64a19;
}

.prj-see-all-link {
    font-size: 18px;
    color: #e64a19;
    text-decoration: none;
}

.prj-see-all-link i {
    margin-left: 6px;
}

.prj-see-all-link:hover {
    color: #d84315;
}

.prj-divider-line {
    height: 1px;
    background: #eee;
    margin-bottom: 30px;
}

.prj-swiper-container {
    overflow: hidden;
}

.prj-slide-inner {
    display: flex;
    align-items: center;
}

.prj-text-col {
    text-align: left;
    width: 100%;
    padding-top: 10%;
}

.prj-img-col {
    flex: 1;
}

.prj-slide-title {
    font-size: 42px;
    color: var(--text-color);
    margin: 0 0 8px;
}

.prj-slide-subtitle {
    font-size: 18px;
    color: #555;
    margin: 0 0 30px;
}

.prj-slide-desc {
    font-size: 17px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 30px;
}

.prj-explore-link {
    font-size: 18px;
    color: #e64a19;
    text-decoration: none;
    display: inline-block;
    transition:all .5s ;
}

.prj-explore-link i {
    margin-left: 6px;
}

.prj-explore-link:hover {
    background-color: #d84315;
    color: #fff;
    border-radius: 30px;
    padding:10px 20px;
}

.prj-img-box {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
}

.prj-pagination-num {
    margin-top: 30px;
    font-size: 16px;
    color: #666;
}

.prj-swiper-buttons {
    margin-top: 12px;
}

.prj-swiper-btn {
    width: 36px;
    height: 36px;
    border: 1px solid #e64a19;
    background: transparent;
    color: #e64a19;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
    outline: none;
}

.prj-swiper-btn:hover {
    background-color: #e64a19;
    color: var(--w-color);
}

/* 覆盖swiper默认按钮定位，改用自定义按钮组 */
.swiper-button-prev,
.swiper-button-next {
    /* display: none !important; */
}

/* 确保左右两个Swiper并排排列 */
.prj-layout-row {
    display: flex;
    flex-wrap: wrap;
}

/* 左侧文字Swiper样式调整 */
.prj-text-swiper-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
    position: relative;
}

/* 右侧图片Swiper样式调整 */
.prj-img-swiper-container {
    position: relative;
    overflow: hidden;
    width: 66%;
}

/* 确保渐显效果的slide绝对定位重叠 */
.prj-text-swiper-container .swiper-slide {
    display: flex;
    align-items: center;
    text-align: left;
}

.prj-img-swiper-container .swiper-slide {
    width: 80%;
}




/* 外层容器 */
.qaz-news-section {
    padding: 60px 15px;
}

/* 标题头部 */
.qaz-news-top {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.qaz-news-title {
    font-size: 48px;
    color: #333333;
    font-weight: normal;
    padding-left: 20px;
    position: relative;
    margin: 0;
}

/* 左侧橙色竖线 */
.qaz-news-title::before {
    content: '';
    width: 4px;
    height: 100%;
    background-color: #ff5800;
    position: absolute;
    left: 0;
    top: 0;
}

.qaz-seeall-link {
    color: #ff5800;
    font-size: 18px;
    text-decoration: none;
}

.qaz-seeall-link i {
    margin-left: 5px;
}

.qaz-seeall-link:hover {
    color: #e04e00;
}

/* 新闻列表与卡片 */
.qaz-news-list {
    margin-left: -15px;
    margin-right: -15px;
}

.qaz-news-item {
    padding: 0 15px;
}

.qaz-img-box {
    overflow: hidden;
    margin-bottom: 22px;
}

.qaz-img {
    width: 100%;
    height: 411px;
    object-fit: cover;
    transition: transform 0.3s;
}

.qaz-img:hover {
    transform: scale(1.03);
}

/* 卡片文字内容 */
.qaz-meta-text {
    font-size: 16px;
    color: #666666;
    margin-bottom: 12px;
}

.qaz-item-title {
    font-size: 26px;
    color: #222222;
    font-weight: 500;
    margin: 0 0 22px;
}

.qaz-readmore-link {
    color: #ff5800;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
}

.qaz-readmore-link i {
    margin-left: 5px;
}

.qaz-readmore-link:hover {
    color: #e04e00;
}


.idxcontact {
    padding-top: 50px;
}

/* 外层容器整体底色 */
.zxc-banner-wrap {
    background-color: #f25000;
    padding: 10px 0px;
    overflow: hidden;
}

.zxc-banner-inner {
    display: flex;
    align-items: center;
    min-height: 320px;
    position: relative;
}

.zxc-banner-inner::after,
.zxc-banner-inner::before {
    display: none;
}

/* 左侧文字模块 */
.zxc-banner-textbox {
    padding: 60px 80px;
}

.zxc-banner-title {
    color: #ffffff;
    font-size: 56px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 35px;
    position: relative;
    padding-left: 24px;
}

/* 标题左侧白色竖线 */
.zxc-banner-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--w-color);
}

/* 联系按钮 */
.zxc-banner-btn {
    display: inline-block;
    background: #ffffff;
    color: #f25000;
    font-size: 22px;
    padding: 16px 42px;
    border-radius: 99px;
    text-decoration: none;
    transition: all 0.25s;
}

.zxc-banner-btn:hover {
    background: #fff8f3;
    color: #d84700;
}

/* 右侧线稿logo容器 */
.zxc-banner-logobox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 3%;
    height: 100%;
}

.zxc-banner-logo {
    width: 320px;
    height: 320px;
}


.footrnav {
    align-items: flex-start;
}

/* 整体页脚容器 */
.rtb-footer-wrap {
    background: #ffffff;
    padding: 60px 0px 30px;
}

/* 顶部logo+下载栏 */
.rtb-footer-top {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.rtb-footer-logo {
    max-height: 80px;
}

.rtb-download-btn {
    display: inline-block;
    background-color: #f25000;
    color: var(--w-color);
    font-size: 18px;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.25s;
}

.rtb-download-btn:hover {
    background-color: #d84700;
    color: var(--w-color);
}

/* 中间联系与导航区域 */
.rtb-footer-middle {
    margin-bottom: 50px;
}

/* 联系方式模块 */
.rtb-contact-item {
    margin-bottom: 20px;
    padding-right: 10%;
    display: flex;
    align-items: flex-start;
}

.rtb-contact-icon {
    color: #f25000;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 4px;
    width: 20px;
}

.rtb-contact-item p {
    font-size: 16px;
    color: var(--text-color);
    margin: 0;
    line-height: 1.6;
}

.rtb-contact-item:first-child p {
    /* text-decoration: underline; */
    text-underline-offset: 3px;

}

/* 导航栏目通用 */
.rtb-footer-navcol:last-child {
    padding:0px;
}
.rtb-nav-title {
    font-size: 20px;
    color: #222;
    margin: 0 0 20px;
    font-weight: normal;
}

.rtb-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rtb-nav-list li {
    margin-bottom: 12px;
}

.rtb-nav-list li a {
    color: #666;
    font-size: 16px;
    text-decoration: none;
}

.rtb-nav-list li a:hover {
    color: #f25000;
}

/* 底部版权与社交栏 */
.rtb-footer-bottom {
    padding-top: 30px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
}

.rtb-copyright span {
    font-size: 16px;
    color: #666;
}

.rtb-privacy-link {
    font-size: 16px;
    color: #666;
    margin-left: 15px;
    text-decoration: none;
}

.rtb-privacy-link:hover {
    color: #f25000;
}

/* 社交图标 */
.rtb-social-icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #eee;
    color: #666;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin: 0 6px;
    text-decoration: none;
    transition: all 0.2s;
}

.rtb-social-icon:hover {
    background: #f25000;
    color: var(--w-color);
}

/* 回到顶部按钮 */
.rtb-top-btn {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #f25000;
    color: var(--w-color);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin-left: 8px;
    text-decoration: none;
}

.rtb-top-btn i {
    color: var(--w-color);
}

.rtb-top-btn:hover {
    background: #d84700;
}


/* waphead */
.waptop {
    padding: 10px 20px;
}

.waptopl a img {
    height: 50px;
}

.waptoprnavico {
    font-size: 30px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.5s;

}

.wapnavxl {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.wapnavxlbox {
    background-color: var(--w-color);
    padding: 15px 15px 30px;
    overflow-y: scroll;
}

.wapnavxlbox ul li {
    padding: 15px;
    border-bottom: 1px solid #dfdfdf;
}

.wapnavxlbox>ul>li>a {
    color: var(--text-color);
    font-size: 18px;
}

.wapnavxlbox ul li a:hover {
    color: var(--o-color);
}

.wapnavxlbox ul li>i {
    font-size: 20px;
}

.wapernav,
.wapsannav {
    width: 100%;
    display: none;
    transition: all 0s;
    padding: 15px 15px 0px;
}

.wapernav dt {

    padding-bottom: 10px;
    font-weight: normal;
}

.wapernav dt i {
    font-size: 16px;
}

.wapernav>dt>a {
    color: var(--text-color);
    font-size: 16px;
    margin-top: 5px;
}

.wapernav dt a:hover {
    color: var(--o-color);
}

.wapsannav>a {
    font-size: 14px;
    display: block;
    line-height: 2;
}


.neibanner {
    position: relative;
}

.neibanner img {
    height: 55vh;
    width: 100%;
    object-fit: cover;
}

.neibandesc {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    color: var(--w-color);
    font-size: 40px;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.neibandesc .container {
    height: 100%;
    color: var(--w-color);
    flex-direction: column;
    padding: 0px 0px 60px;
    align-items: flex-start;
    justify-content: flex-end;
}

.neibandesc h4 {
    font-size: 24px;
    padding-top: 20px;
    text-align: left;
    font-weight: normal;
}

.neibandesc h3 {
    font-size: 70px;
    font-weight: normal;
    padding-left: 20px;
    border-left: 5px solid var(--o-color);
}




.servicep1 {
    border-bottom: 1px solid var(--g-color);
}

/* ===================== 通用全局样式（所有尺寸共用） ===================== */
.xqf-container-wrap {
    padding: 0 15px;
}

.xqf-row-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 60px 0;
}

.xqf-col-left,
.xqf-col-right {
    padding: 15px;
}

.xqf-text-sub {
    color: #808080;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 400;
}

.xqf-line-text-wrap {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.xqf-text-main {
    color: #333333;
    font-size: 39px;
    line-height: 1.3;
    font-weight: 500;
    padding-left: 15px;
    border-left: 5px solid var(--o-color);
}



/* ===================== 通用基础样式（全设备共用） ===================== */
.zrp-main-container {
    padding: 0 15px;
}

.zrp-content-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.zrp-text-col {
    padding: 0px 0px 0px 55px;
}

.zrp-img-box {
    width: 100%;
    overflow: hidden;
}

.zrp-main-img {
    width: 100%;
    height: auto;
    display: block;
}

.zrp-img-box:hover img {
    transform: scale(1.1);
}

.zrp-text-wrap {
    padding: 20px 10px;
}

.zrp-desc-text {
    color: #666666;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 40px;
}

.zrp-contact-btn {
    display: inline-block;
    background-color: var(--o-color);
    color: var(--w-color);
    font-size: 20px;
    padding: 16px 42px;
    border-radius: 999px;
    text-decoration: none;
    transition: all 0.5s;
}

.zrp-contact-btn:hover {
    background-color: var(--o-color);
    color: var(--w-color);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.servicep3 {
    padding-top: 80px;
}


.solutionbanner {
    padding-top: 110px;
}



/* ===================== 全局通用基础样式（全尺寸共用） ===================== */
.hmk-wrap {
    padding: 0 15px;
}

.hmk-title-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 60px 10px 100px;
}

.hmk-left-title,
.hmk-right-desc {
    padding: 0 15px;
}

/* 左侧橙色竖线+大标题容器 */
.hmk-line-title-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.hmk-main-title {
    font-size: 72px;
    color: #333333;
    font-weight: normal;
    line-height: 1.1;
    padding-left: 20px;
    border-left: 5px solid var(--o-color);
}

/* 右侧小字描述 */
.hmk-sub-desc {
    font-size: 24px;
    color: #555555;
    line-height: 1.5;
    margin: 10px 0 0;
}

/* 底部大图模块 */
.hmk-img-row {
    /*padding-bottom: 60px;*/
}

.hmk-img-container {
    padding: 0 15px;
}

.hmk-big-img {
    width: 100%;
    height: 45vh;
    object-fit: cover;
    display: block;
}

/* ===================== 通用全局样式（所有尺寸共用） ===================== */
.wsg-container {
    padding: 80px 150px;
}

.wsg-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 36px;
}


.wsg-main-title {
    font-size: 40px;
    color: #333333;
    font-weight: normal;
    line-height: 1.15;
    border-left: 5px solid var(--o-color);
    margin: 0;
    padding-left: 20px;
}

.wsg-desc-text {
    font-size: 22px;
    color: #222222;
    line-height: 1.7;
    max-width: 100%;
    margin: 0;
}

/* ===================== 通用全局基础样式（全尺寸共用） ===================== */
.kgp-wrap {
    margin-top: 150px;
    border-left: 5px solid var(--o-color);
}

/* 标题+橙色竖线容器 */
.kgp-title-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 32px;
}

.kgp-main-title {
    font-size: 60px;
    color: #333333;
    font-weight: normal;
    line-height: 1.1;
    margin: 0;
}

/* 下方描述文本 */
.kgp-desc-text {
    font-size:24px;
    color: #222222;
    line-height: 1.4;
    margin: 0;
}


.servbox5 {
    padding: 0px 0px 100px;
}


/* ===================== 通用全局基础样式（全尺寸共用） ===================== */
.qfr-container {
    padding: 60px 15px;
}

/* 单条折叠项容器 */
.qfr-panel-item {
    border-bottom: 1px solid #dddddd;
}

/* 标题栏：文字+圆形按钮 */
.qfr-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0;
    cursor: pointer;
}

.qfr-panel-title {
    font-size: 30px;
    color: #222222;
    margin: 0;
    font-weight: normal;
}

/* 橙色圆形加减按钮 */
.qfr-circle-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--o-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    flex-shrink: 0;
}

/* 折叠内容区域 */
.qfr-panel-body {
    padding: 0 0 52px;
    overflow: hidden;
    display: none;
}

.qfr-panel-body.open {
    display: block;
}

.qfr-desc-text {
    font-size: 22px;
    color: #808080;
    line-height: 1.6;
    margin: 0;
}



/* ===================== 通用全局基础样式（全尺寸共用） ===================== */
.bnz-wrap {
    padding: 70px 15px;
}

/* 标题区域：橙色竖线+大标题 */
.bnz-title-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 40px;
}


.bnz-main-title {
    font-size: 66px;
    color: #333;
    font-weight: normal;
    margin: 0;
    padding-left: 20px;
    border-left: 5px solid var(--o-color);
}

/* 项目卡片容器 */
.bnz-project-row {
    margin: 0 -15px;
}

.bnz-project-col {
    padding: 0 15px;
    margin-bottom: 30px;
}

/* 图片容器 + 响应式图片 */
.bnz-img-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;
}

.bnz-project-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}

/* 项目名称文字 */
.bnz-project-name {
    font-size: 28px;
    color: #222;
    margin: 0 0 20px;
    font-weight: normal;
}

/* Read More 链接+箭头图标 */
.bnz-readmore-link {
    font-size: 18px;
    color: #003366;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bnz-readmore-link:hover {
    color: #002244;
    text-decoration: none;
}


.prohomebox {
    padding: 100px 0px;
}

.prohomebox .idxbox1-col-text {
    padding: 0 50px;
}


/* ===================== 通用全局基础样式（全尺寸共用） ===================== */
.rdf-container {
    padding: 0px 15px 70px;
}

/* 标题区域：橙色竖线+主标题 */
.rdf-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 45px;
}

.rdf-orange-line {
    width: 5px;
    min-height: 120px;
    background-color: var(--o-color);
    flex-shrink: 0;
}

.rdf-main-title {
    font-size: 72px;
    color: #222222;
    font-weight: normal;
    margin: 0;
}

/* 产品栅格行 */
.rdf-prod-row {
    margin: 0 -15px;
}

.rdf-prod-col {
    padding: 0 15px;
    margin-bottom: 30px;
}

/* 图片容器 + 响应式图片 */
.prolists {
    margin-top: 100px;
}
.rdf-img-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 22px;
}

.rdf-prod-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

/* 产品分类名称 */
.rdf-prod-name {
    font-size: 26px;
    color: #222222;
    margin: 0;
    padding-bottom: 10px;
    font-weight: normal;
}

.rdf-prod-desc {
    font-size: 16px;
    /*height: 65px;*/
    display: block;
}

.rdf-prod-col:hover .rdf-prod-img {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

.rdf-prod-col:hover .rdf-prod-name {
    color: var(--o-color);
}


/* ===================== 通用全局基础样式（全尺寸共用） ===================== */
.xtp-container {}

/* 标题区域：橙色竖线+主标题 */
.xtp-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 45px;
}

.xtp-orange-line {
    width: 5px;
    min-height: 120px;
    background-color: var(--o-color);
    flex-shrink: 0;
}

.xtp-main-title {
    font-size: 72px;
    color: #222222;
    font-weight: normal;
    margin: 0;
}

/* 单条资讯条目 */
.xtp-news-item a {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 24px 15px;
    border-bottom: 1px solid #dddddd;
}

/* 左侧图片容器 */
.xtp-img-box {
    width: 220px;
    flex-shrink: 0;
    overflow: hidden;
}

.xtp-news-img {
    width: 100%;
    height: auto;
    display: block;
}

/* 右侧文字区域 */
.xtp-text-wrap {
    flex: 1;
}

.xtp-news-title {
    font-size: 24px;
    color: #222;
    margin: 0 0 12px;
    font-weight: normal;
}

.xtp-news-desc {
    font-size: 18px;
    color: var(--h-color);
    line-height: 1.6;
    margin: 0;
}

.xtp-news-item:hover .xtp-news-title {
    color: var(--o-color);
}

.xtp-news-item:hover .xtp-news-img {
    transform: scale(1.05);
    transition: transform 0.5s ease-in-out;
}


.pagesbox {
    width: 100%;
    margin-top: 50px;
}

.pagesbox ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagesbox ul li:first-child,
.pagesbox ul li:last-child {
    display: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--o-color);
    border-color: var(--o-color);
}

.pagination>li>a,
.pagination>li>span {
    color: var(--text-color);
}


/* 所有自定义类前缀统一为 xqz */
.xqz-container {
    margin: 0 auto;
    padding: 40px 20px;
    position: relative;
}

.xqz-title-wrap {
    padding: 50px 0px;
    border-bottom: 1px solid var(--g-color);
}

.xqz-subtitle {
    font-size: 18px;
    color: #333;
    margin: 0 0 12px;
}

.xqz-main-title {
    font-size: 60px;
    color: #222;
    border-left: 4px solid var(--o-color);
    padding-left: 16px;
    margin: 0 0 40px;
}

.xqz-swiper-wrap {
    padding-top: 170px;
}

.xqz-page-num {
    position: absolute;
    right: 30px;
    top: 120px;
    font-size: 16px;
    color: #444;
}

.xqz-row {
    margin: 0 -15px;
}

.xqz-col {
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: left;
}

.xqz-card {
    background: #f8f8f8;
    padding: 40px 30px;
    height: 450px;
}
.abpbox4 .xqz-card {
    height:330px;
}
.xqz-card-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.xqz-card-icon i {
    font-size: 50px;
    color: #0066cc;
}

.xqz-card-title {
    font-size: 24px;
    line-height: 1.4;
    border-left: 3px solid var(--o-color);
    padding-left: 12px;
    margin: 0 0 20px;
}

.xqz-card-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

/* Swiper箭头覆盖样式 */
.swiper-button-prev.xqz-swiper-prev,
.swiper-button-next.xqz-swiper-next {
    width: 66px;
    height: 26px;
    border-radius: 16px;
    background: #fff;
    top: 60px;
    opacity: 1;
    border: 1px solid var(--b-color);
}

.swiper-button-prev.xqz-swiper-prev {
    left: unset;
    right: 100px;
}

.xqz-swiper-prev::after,
.xqz-swiper-next::after {
    font-size: 16px;
    content: ' → ';
    color: var(--b-color);
}

.xqz-swiper-prev::after {
    content: ' ← ';
}

.xqz-swiper-page {
    position: absolute;
    right: 30px;
    top: 33px;
    font-size: 20px;
}

.xqz-swiper-page span {
    color: var(--text-color);
    font-size: 20px;
}

.swiper-button-prev.xqz-swiper-prev:hover,
.swiper-button-next.xqz-swiper-next:hover {
    background-color: var(--b-color);
    border-color: var(--b-color);
}

.swiper-button-prev.xqz-swiper-prev:hover::after,
.swiper-button-next.xqz-swiper-next:hover::after {
    color: #fff;
}

.abpbox2 {
    padding: 100px 0px;
}

.abpbox2 .idxbox1-col-text {
    padding: 0px 0px 0px 80px;
}

.idxbox1-main-title p {
    font-size: 20px;
}

.abpbox3 {
    background-color: var(--b-color);
    padding: 150px 0px;
}

.abpbox3 .idxbox1-main-title {
    background-color: var(--b-color);
}

.abpbox3 .idxbox1-main-title,
.abpbox3 .idxbox1-main-title p {
    color: #fff;
}

.abpbox3 .idxbox1-col-text {
    padding: 0px 80px 0px 0px;
}

.abpbox3 .idxbox1-col-text p {
    color: #fff;
}

.abpbox3 .wsg-container {
    padding-top: 100px;
    padding-bottom: 0px;
}

.abpbox3 .wsg-title-wrap {
    flex-wrap: wrap;
}

.abpbox3 .wsg-main-title {
    color: var(--w-color);
}

.abpbox3 .wsg-title-wrap p {
    color: #fff;
    font-size: 20px;
    width: 100%;
    margin-bottom: 30px;
}


.abpbox4 .xqz-card-title {
    padding-left: 0px;
    border-left: 0px;
}


.abpbox5 {
    position: relative;
    padding: 0px 0px 100px;
}

.nrp-container {
    padding: 60px 15px;
}

.nrp-title-box {
    margin-bottom: 50px;
}

.nrp-title {
    font-size: 60px;
    color: #333333;
    padding-left: 16px;
    border-left: 4px solid #ffb300;
    margin: 0;
}

.nrp-divider {
    border-color: #cccccc;
    margin-top: 20px;
}

.nrp-swiper-wrap {
    border-top: 1px solid #bababa;
    padding-top: 100px;
}

.nrp-logo-box {
    background-color: #f7f7f7;
    padding: 25px 15px;
    text-align: center;
}

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

/* 自定义箭头样式 */
.nrp-btn-prev,
.nrp-btn-next {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #ddd;
}

.nrp-btn-prev::after,
.nrp-btn-next::after {
    font-size: 16px;
    color: #333;
}

.nrp-swiper-wrap .swiper-wrapper {
    transition-timing-function: linear !important;
}

.nrp-swiper-wrap .swiper-slide-duplicate {
    transition-timing-function: linear !important;
}



.abhistory {
    width: 100%;
    height: 920px;
    position: relative;
    background-color: #d9dbdb;
}

.abhistory .con1785 {
    height: 100%;
}

.abhisbox {
    width: 100%;
    height: 100%;
    /* align-items: flex-start; */
}

.abhisbox_l {
    width: 40%;
}

.abhisbox_l h3,
.abhisbox_l h4 {
    font-family: MiSans-Regular;
    font-size: 72px;
    color: #111111;
}

.abhisbox_l p {
    font-family: MiSans-Regular;
    font-size: 16px;
    line-height: 1.6;
    color: #666666;
}

.abhisbox_l h3 span,
.abhisbox_l h4 span {
    font-family: MiSans-Regular;
    font-size: 72px;
    color: #e84700;
}

.abhisbox_l h4 {
    margin-bottom: 30px;
}

.abhisbox_r {
    width: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

.abhisbox_r .swiper-slide {
    display: block;
    text-align: left;
}

/* 整个滚动条 */
.abhisbox_rhis::-webkit-scrollbar {
    width: 12px;
    /* 滚动条的宽度 */
    height: 12px;
    /* 滚动条的高度 */
}

/* 滚动条上的滑块 */
.abhisbox_rhis::-webkit-scrollbar-thumb {
    background: url(../images/circle.png) no-repeat center top;
    /* 滑块的颜色 */
    background-size: contain;
    background-color: rgba(0, 0, 0, 0);
}

/* 滚动条轨道 */
.abhisbox_rhis::-webkit-scrollbar-track {
    background: url(../images/gungdongbg.png) no-repeat center;
    /* 轨道的颜色 */
    background-size: 100% 100%;
    margin-top: 300px;

}

.abhisbox_r ul {
    width: 100%;
    height: 100%;
    margin-left: 50%;
    transform: scaleX(-1) !important;
    overflow-y: scroll;
    /* float: right; */
}

.abhisbox_r ul li {
    margin-bottom: 100px;
    transform: scaleX(-1);
    padding-left: 150px;
}

.abhisbox_rhis li h3 {
    font-family: MiSans-Regular;
    font-size: 88px;
    letter-spacing: 0px;
    color: #e84700;
}

.abhiscontent {
    margin-top: 40px;
}

.abhiscontent p {
    font-family: MiSans-Regular;
    font-size: 16px;
    line-height: 1.6;
    width:40%;
    letter-spacing: 0px;
    color: #111111;
}

.hiskbai {
    width: 100%;
    height: 50px;
}

.abhistop_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20vh;
    background: linear-gradient(to bottom, rgb(219, 219, 219, 1), rgba(219, 219, 219, .5));
    z-index: 99;
}

.abhisbot_bg {
    top: unset;
    height: 11vh;
    bottom: 0px;
    background: linear-gradient(to top, rgb(219, 219, 219, 1), rgba(219, 219, 219, .5));
}


/* 基础样式 类前缀：xyz */
.xyz-team-wrap {
    padding: 60px 0;
}

.xyz-team-title {
    font-size: 60px;
    font-weight: 500;
    color: #222;
    border-left: 4px solid var(--o-color);
    padding-left: 20px;
    margin-bottom: 40px;
}

.xyz-tab-nav {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.xyz-tab-nav .xyz-tab-btn {
    border: 1px solid #e5e5e5;
    padding: 10px 26px;
    background: #f8f8f8;
    border-radius: 30px;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.xyz-tab-nav .xyz-tab-btn.active {
    background: var(--o-color);
    color: #fff;
    border-color: var(--o-color);
}

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

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

.xyz-person-card {
    border-bottom: 1px solid var(--g-color);
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.abpteamimg {
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    transition: transform 0.3s ease-in-out;
}
.abpteamsort {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 10px ;
    border-radius: 4px;
    background-color:var(--o-color);
}
.abpteamsort h4 {
    color: #fff;
    font-size:16px;
}

.abpteamsortimg {
    position: absolute;
        bottom: 190px;
    left: 40px;
         padding: 20px 17px;
    border-radius: 52px;
    background-color:var(--w-color);
}
.abpteamsortimg img {
    width: auto;
    height: 50px;
}
.xyz-person-img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.xyz-person-name {
    font-size: 30px;
    color: #222;
    margin: 30px 0 8px;
}

.xyz-person-position {
    font-size: 20px;
    color: var(--h-color);
    margin: 0 0 12px;
}

.xyz-linkedin-link {
    font-size: 18px;
    color:var(--o-color);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.xyz-linkedin-link:hover {
    text-decoration: underline;
}

.xyz-person-card:hover .abpteamimg img {
    transform: scale(1.1);
}

.xyz-person-card:hover .xyz-person-name {
    color: var(--o-color)
}

.jobpbox1 {
    padding: 50px 0px;
}

/* 基础样式 类前缀：qwe */
.qwe-recruit-wrap {
    padding: 60px 0;
}

.qwe-recruit-title {
    font-size: 62px;
    color: #333333;
    font-weight: 500;
    border-left: 5px solid #ff8800;
    padding-left: 22px;
    margin-bottom: 50px;
}

.qwe-quote-row {
    display: flex;
    margin-top: 100px;
    justify-self: flex-start;
    align-items: flex-start;
}

.qwe-quote-icon {
    font-size: 90px;
    color: #e64500;
    line-height: 1;
    margin-right: 30px;
    margin-top: -15px;
}

.qwe-quote-text-box {
    position: relative;
    width: 85%;
    padding-left: 5%;
}

.qwe-quote-text {
    font-size: 26px;
    color: #333333;
    line-height: 1.6;
    padding-bottom: 25px;
}

.qwe-quote-line img {
    width: 100%;
}


/* 基础样式 类前缀：zxc */
.zxc-form-wrap {
    padding: 60px 0;
}

.zxc-form-title {
    font-size: 60px;
    color: var(--o-color);
    border-left: 4px solid var(--o-color);
    padding-left: 16px;
    margin-bottom: 40px;
}

.zxc-form-item {
    margin-bottom: 34px;
}

.zxc-form-label {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: normal;
    color: #333;
}

.zxc-form-label span {
    color:#ff0000;
    font-size: 16px;
    margin-left: 5px;
}

.zxc-form-input {
    width: 100%;
    height: 46px;
    border: 1px solid #ccc;
    border-radius: 999px;
    padding: 0 16px;
    outline: none;
    font-size: 16px;
}

.zxc-form-input:focus {
    border-color: #e64500;
}

.zxc-form-input.zxc-form-inputfile {
    padding-top: 8px;
}

.zxc-two-col-row {
    display: flex;
    gap: 24px;
}

.zxc-col-half {
    flex: 1;
}

.zxc-submit-btn {
    margin-top: 10px;
    background-color: #e64500;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 11px 11px 11px 30px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    gap: 18px;
}

.zxc-submit-btn i {
    border: 1px solid #fff;
    background-color: #fff;
    color: var(--b-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jobpbox2 .kgp-title-box {
    margin-bottom: 0px;
}


.ctatpbox1 {
    padding-top: 50px;
}

/* 基础样式 | 类前缀：rft */
.rft-contact-block {
    padding: 60px 0;
}

.rft-text-col {
    padding-right: 100px;
}

.rft-main-text {
    font-size: 32px;
    color: #222;
    line-height: 1.5;
    border-left: 4px solid var(--o-color);
    padding-left: 20px;
    margin-bottom: 30px;
}

.rft-sub-text {
    font-size: 32px;
    color: #222;
    padding-left: 24px;
}

/* Tab导航 */
.rft-tab-nav {
    display: flex;
    margin-bottom: 20px;
}

.rft-tab-item {
    font-size: 20px;
    color: #333;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
}

.rft-tab-item.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: var(--o-color);
}

/* Tab内容 */
.rft-tab-content {
    margin-bottom: 30px;
}

.rft-tab-panel {
    display: none;
}

.rft-tab-panel.active {
    display: block;
}

.rft-desc-text {
    font-size: 18px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* 表单样式 */
.rft-form-row {
    display: flex;
    gap: 25px;
    margin-bottom: 22px;
}

.rft-form-half {
    flex: 1;
}

.rft-form-full {
    width: 100%;
    margin-bottom: 22px;
}

.rft-form-label {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 8px;
}

.rft-form-label span {
    color: red;
    font-weight: bold;
    font-size: 16px;
    margin-left: 5px;
}

.rft-form-input {
    width: 100%;
    height: 46px;
    border: 1px solid #ccd0d8;
    border-radius: 12px;
    padding: 0 15px;
    background-color: #f7f9fc;
    outline: none;
}

.rft-form-textarea {
    width: 100%;
    min-height: 100px;
    border: 1px solid #ccd0d8;
    border-radius: 12px;
    padding: 15px;
    background-color: #f7f9fc;
    resize: vertical;
    outline: none;
}

.rft-submit-btn {
    background-color: var(--o-color);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 12px 30px;
    font-size: 16px;
}

/* 基础样式 类前缀：klt */
.klt-event-section {
    padding: 60px 0;
}

.klt-event-card {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}

.klt-card-img-box {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.klt-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.klt-event-tag {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--o-color);
    color: #fff;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 3px;
}

.klt-card-content {
    padding: 50px 30px 0px;
    height: 150px;
    position: relative;
}

.klt-card-logo {
    margin-bottom: 16px;
    position: absolute;
    top: -30px;
    left: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center
}

.klt-card-logo img {
    height: 40px;
}

.klt-card-text {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 20px;
    transition: all .5s;
}

.klt-view-link {
    color: var(--o-color);
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.klt-pagination-wrap {
    text-align: center;
    margin-top: 20px;
}

.klt-pagination-wrap ul li:first-child,
.klt-pagination-wrap ul li:last-child {
    display: none;
}

.klt-page-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    margin: 0 4px;
}

.klt-page-btn.active {
    background: var(--o-color);
    color: #fff;
    border-color: var(--o-color);
}

.klt-event-card:hover .klt-card-img-box img {
    transform: scale(1.1);
}

.klt-event-card:hover .klt-card-text {
    color: var(--o-color);
    font-weight: bold;
}

/* 基础样式 类前缀：opr */
.opr-event-detail {
    padding: 60px 0;
}

.opr-top-row {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.opr-logo-box {
    flex: 0 0 45%;
}

.opr-logo-img {
    width: 100%;
}

.opr-title-box {
    flex: 1;
    padding-left: 100px;
}

.opr-label-text {
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
}

.opr-main-title {
    font-size: 30px;
    color: #222;
    border-left: 4px solid var(--o-color);
    padding-left: 16px;
    line-height: 1.4;
}

.opr-content-box {
    border: 4px solid var(--o-color);
    border-radius: 12px;
    padding: 40px;
}

.opr-date-heading {
    font-size: 26px;
    text-align: center;
    border-left: 4px solid var(--o-color);
    padding-left: 16px;
    display: inline-block;
    margin: 0 auto 25px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.opr-desc-text {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
    margin-bottom: 35px;
}

.opr-divider-line {
    width: 60%;
    height: 2px;
    background-color: var(--o-color);
    margin: 0 auto 35px;
}

.opr-location-text {
    font-size: 22px;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.opr-location-text i {
    color: var(--o-color);
}

/* 基础样式 | 类前缀：bnx */
.bnx-banner-wrap {
    padding: 40px 0;
}

.bnx-banner-box {
    border: 2px solid var(--o-color);
    border-radius: 12px;
    padding: 20px 40px;
    position: relative;
}

.bnx-divider-line {
    position: absolute;
    left: 50%;
    top: 20%;
    bottom: 0;
    width: 2px;
    height: 60%;
    background-color: var(--o-color);
    transform: translateX(-50%);
}

.bnx-banner-text {
    font-size: 20px;
    width: 45%;
    color: var(--o-color);
    font-weight: 500;
}

.bnx-banner-textr {
    text-align: right;
}

/* 基础样式 | 类前缀：mnp */
.mnp-more-event-section {
    padding: 60px 0;
}

.mnp-section-title {
    text-align: center;
    font-size: 36px;
    color: #333;
    margin-bottom: 40px;
}

.mnp-event-card {
    background: #ffffff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}

.mnp-card-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.mnp-card-content {
    padding: 25px;
}

.mnp-card-text {
    font-size: 22px;
    color: var(--h-color);
    line-height: 1.5;
    letter-spacing: -0.5px;
    font-weight: bold;
    margin-bottom: 20px;
}

.mnp-view-link {
    color: var(--o-color);
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mnp-event-card:hover .mnp-card-text {
    color: var(--o-color);
}

/* 基础样式 类前缀：sdf */
.sdf-form-block {
    padding: 60px 0;
}

.sdf-form-container {
    background-color: #00335c;
    border-radius: 8px;
    padding: 50px;
    color: #ffffff;
}

.sdf-form-title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 35px;
    line-height: 1.4;
}

.sdf-form-row {
    display: flex;
    gap: 25px;
    margin-bottom: 32px;
}

.sdf-form-col {
    flex: 1;
}

.sdf-form-label {
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 8px;
}

.sdf-form-label span {
    color: #ff0000;
    font-size: 16px;
    margin-left: 5px;
}

.sdf-form-input,
.sdf-form-select {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 6px;
    padding: 0 15px;
    font-size: 16px;
    background-color: #fff;
    color: #333;
}

.sdf-form-textarea {
    width: 100%;
    min-height: 90px;
    border: none;
    border-radius: 8px;
    padding: 15px;
    font-size: 16px;
    color: #333;
    resize: vertical;
}

.sdf-submit-btn {
    background-color: var(--o-color);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 16px;
    margin-top: 40px;
}


/* 基础样式 | 类前缀：tgh */
.tgh-case-section {
    padding: 60px 0;
}

.tgh-case-item {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #dddddd;
}

.tgh-case-item:first-child {

    border-top: 1px solid #dddddd;
}

.tgh-img-col {
    flex: 0 0 40%;
}

.tgh-case-img {
    width: 100%;
}

.tgh-text-col {
    flex: 0 0 60%;
    padding-left: 40px;
    transition: all 0.5s;
}

.tgh-case-title {
    font-size: 36px;
    color: #222222;
    margin-bottom: 20px;
}

.tgh-case-desc {
    font-size: 18px;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 25px;
}

.tgh-learn-btn {
    background-color: var(--o-color);
    color: var(--w-color);
    border: none;
    border-radius: 999px;
    padding: 12px 32px;
    font-size: 16px;
}

.tgh-case-item:hover .tgh-text-col {
    padding-left: 60px;
}

/* 基础样式 类前缀：wxy */
.wxy-case-detail {}

.wxy-box {
    padding: 0px;
}

.wxy-left-col {
    position: sticky;
    top: 30px;
    padding-top: 100px;
}

.wxy-info-item {
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}

.wxy-info-item:last-child {
    border-bottom: none;
}

.wxy-info-label {
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
}

.wxy-info-text {
    font-size: 18px;
    color: #555;
}

.wxy-right-col {
    padding: 100px 0px 0px 50px;
}
.wxy-box2 {
    border-left: 1px solid var(--g-color);

}
.wxy-desc-text {
    font-size: 18px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 25px;
}

.wxy-feature-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.wxy-feature-list {
    padding-left: 20px;
}

.wxy-feature-list li {
    font-size: 17px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 12px;
}

.wxy-btn-group {
    margin-top: 40px;
}

.wxy-quote-btn {
    background-color: #ff9900;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 14px 36px;
    font-size: 18px;
    margin-right: 15px;
}

.wxy-more-btn {
    border: 2px solid #00335c;
    color: #00335c;
    background: #fff;
    border-radius: 999px;
    padding: 14px 36px;
    font-size: 18px;
}

/* 基础样式 类前缀：qaz */
.qaz-swiper-wrap {
    padding: 40px 0;
}

.qaz-swiper-container {
    position: relative;
}

.qaz-swiper-img {
    width: 100%;
}

/* 自定义箭头按钮 */
.qaz-swiper-nav {
    position: absolute;
    top: -50px;
    right: 0;
    display: flex;
    gap: 8px;
}

.qaz-nav-btn {
    width: 50px;
    height: 20px;
    border: 1px solid #00335c;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00335c;
    cursor: pointer;
}

.projeimgsbox {
    margin-top: 50px;
    border-top: 1px solid var(--g-color);
    padding: 60px 0px 0px 50px;
}

.projectpagedesc {
    font-size: 18px;
    color: #444;
    line-height: 1.7;
    margin: 20px 0px;
}
 
  .newsernav {
      margin-bottom:50px;
  }
 .newsernav a {
     padding: 10px 30px;
    border-radius: 20px;
     margin-right: 20px;
     font-size: 20px;
     color: var(--o-color);
    border: 1px solid var(--o-color);
 }
  .newsernav a.active,.newsernav a:hover {
     color: #ffffff;
    background-color: var(--o-color);
      
  }
  
  
  
.circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #e84700;
    position: absolute;
    z-index: 999999;
    pointer-events: none;
    /* 确保鼠标事件不会触发到圆圈上 */
    display: none;
    /* 初始不显示 */
    transition: all 0.05s ease;
    /* opacity: 0.5; */
}










.soluernav {
    justify-content: center;
    padding: 20px 0px;
    background-color: #f5f5f5;
}
.soluernav a {
    margin: 0px 15px;
    font-size: 20px;
}
.soluernav a.active,.soluernav a:hover {
    color:var(--o-color);
}