@charset "utf-8";


.top {
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    transition: all .5s;
}

.topbox {
    width: 100%;
    height: 90px;
}

.logo a img {
    height: 50px;
    object-fit: contain;
}

.nav,
.nav ul,
.nav ul li {
    height: 100%;
    position: relative;
}

.nav>ul>li>a {
    padding: 0px 30px;
    font-size: 20px;
    line-height: 90px;
}

.nav ul li.active,
.nav>ul>li:hover {
    background-color: var(--o-color);
}

.nav ul li.active a,
.nav>ul>li:hover a,
.nav>ul>li:hover a i,
.nav ul li.active a i {
    color: #ffffff;
}

.erxlnav {
    position: absolute;
    top: 90px;
    left: 0px;
    width: 300px;
    height: auto;
    padding: 20px;
    background-color: rgba(0, 0, 0, .8);
    display: none;
    z-index: 99;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* Safari支持 */
}

.ernavbox {

    align-items: flex-start;
}

.ernav_l {
    width: 30%;
}

.ernav_l img {
    width: 100%;
}

.ernav_r {

    justify-content: flex-start;
}

.ernav_r dd {
    margin-bottom: 20px;
}

.ernav_r>dd>a {
    color: #ffffff;
    font-size: 16px;
}

.ernav_r>dd>a:hover {
    color: var(--o-color);
}

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

.ernav_r2 dd {
    width: 50%;
}

.ernav_rpro {
    padding: 10px;
}

.ernav_rpro a {
    display: block;
    font-size: 16px;
    position: relative;
    color: #ffffff;
    line-height: 2;
    padding-left: 20px;
}

.ernav_rpro a i {
    font-size: 8px;
    color: #ffffff;
    margin-right: 5px;
    position: absolute;
    left: 0px;
    top: 12px;
    display: inline-block;
}

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

.topr {
    position: relative;
    cursor: pointer;
    height: 100%;
    padding-top: 30px;
}

.topr i.fa-globe {
    font-size: 20px;
}

.topr span {
    font-size: 20px;
    padding-left: 5px;
}

.topr ul {
    position: absolute;
    top: 88px;
    right: -15px;
    width: 100px;
    background-color: #ffffff;
    z-index: 99;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    display: none;
}

.topr ul li {
    justify-content: flex-start;
    padding: 3px 0px;
}

.topr ul li img {
    height: 20px;
    margin-right: 10px;
}

.topr ul li a {
    font-size: 18px;
}

.topr:hover ul {
    display: block;
}

.bannerimg {
    width: 100%;
    /*height: 92vh;*/
    position: relative;
}

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

.bannerl_txt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
    z-index: 9;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(20, 39, 66, 0) 70%);
}

.bannerl_txt .con1700 {
    height: 100%;
}

.bannerl_txtbox {
    width: 50%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transition: all 1s linear;
    padding-top: 60px;
    opacity: 0;
}

.bannerl_txtbox h3 {
    padding: 25px 0px 25px 0px;
    color: #d9e1e3;
            font-size: 50px;
}

.bannerl_txtbox h3 span {
    color: var(--o-color);
}

.bannerl_txtbox h4 {
    color: #d9e1e3;

}

.bannerl_txtbox h5 {
    display: inline-block;
    margin-bottom: 20px;
    background-color: var(--o-color);
    border-radius: 6px;
    padding: 10px;
}

.bannerl_txtbox p {
    margin-top: 20px;
}

.bannerl_btn {
    margin: 40px 0px;
}

.bannerl_btn_y {
    padding: 12px 24px;
    font-size: 16px;
    background: var(--o-color);
    border: none;
    border-radius: 4px;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.2s ease;
}

.bannerl_btn_y:hover {
    background: var(--ho-color);
    color: #ffffff;
}

.bannerl_btn_b {
    color: #ffffff;
    border: 1px solid #666666;
    background: #333333;
    border-radius: 4px;
    margin-left: 20px;
}

.bannerl_btn_b:hover {
    background: #444444;
    color: #ffffff;
}


.bannertext {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(20, 39, 66, 0));
}

.bannertext .container {
    height: 100%;
}

.bannertxt {
    height: 100%;
    width: 100%;
    padding-top: 120px;
    flex-direction: column;
    justify-content: flex-start;
    opacity: 0;
    transition: all 2s linear;
}


.bannertxt h1 {
    font-weight: 600;
}

.bannertxt h1 {
    margin: 20px 0px;
}

.bannertxt h3 {
    font-weight: 400;
    padding: 20px 25%;
    line-height: 1.4;
}

.bannerdl {
    margin-top: 30px;
}

.bannerdl dd {
    justify-content: flex-start;
    margin-bottom: 10px;
}

.bannerdl dd i {
    color: #2483de;
    font-size: 18px;
}

.bannertxt dd p {
    color: #cbcbcb;
    font-weight: 400;
    font-size: 18px;
    padding-left: 10px;
}

.bannertxtlink {
    margin: 10px 0px 40px;
}

.bannerbot {
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .25);
    padding: 10px 0px;
}

.bannerbot ul li {
    border-left: 1px solid var(--o-color);
    padding: 0px 15px;
}

.bannerbot ul li:first-child {
    border-left: 0px;
}

.bannerl_txtbox_item {
    width: 92%;
    height: 50%;
    padding: 0px 20px;
    background-color: rgba(0, 0, 0, .5);
}

.bannerl_txtbox_item h3 {
    padding: 15px 0px;
}



.idxa_color {
    background-color: #e46128;
    color: #ffffff;
    font-size: 18px;
    padding: 20px 40px;
    border-radius: 6px;
    display: inline-block;
    transition: all .5s;
}

.idxa_color:hover {
    color: #ffffff;
    box-shadow: 0px 0px 20px rgba(246, 96, 2, .85);
}

.idxa_line {
    border: 1px solid #5d7b9d;
    font-size: 18px;
    padding: 12px 30px;
    border-radius: 6px;
    display: inline-block;
    color: #5d7b9d;
    transition: all .5s;
}

.idxa_line:hover {
    background-color: var(--o-color);
}

.bannertxtlink a:first-child {
    margin-right: 20px;
}

.bannertxtlink a:hover {
    color: #ffffff;
}

.bannericos li {
    text-align: center;
    margin-right: 40px;
}

.bannericos li img {
    height: 100px;
    object-fit: contain;
}

.bannericos li p {
    font-size: 18px;
    color: #cbcbcb;
    margin-top: 15px;
}


.banner .swiper-slide-active .bannertxt {
    opacity: 1;
    padding-top: 60px;
}

.banner .swiper-slide-active .bannerl_txtbox {
    opacity: 1;
    padding-top: 0px;
}

.fixednav.top {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .25);
}

.fixednav.tophide {
    top: -200px;
}



.foot {

    background-color: var(--db-color);
}

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

.footitem {
    width: 25%;
    padding: 20px;
}

.footitem:first-child {
    border-left: none;
    padding: 20px 0% 20px 0px;
    width: 25%;
}

.footitem h2 {
    margin-bottom: 50px;
}

.footitem h4 {
    margin: 30px 0px 20px;
}

.flogo {
    height: 70px;
    filter: brightness(10%) grayscale(1000%) invert(1);
}

.footlbot {}

.footitem dl dd {
    margin-bottom: 25px;
}

.footitem dl dd a {
    color: #e5e5e5;
    font-size: 20px;
    display: block;
    margin-bottom: 13px;
}

.footitem dl dd a:hover {
    color: var(--o-color);
}

.footcontact dl dd.footicos {
    padding-left: 40px;
    background: url(../images/footico1.jpg) no-repeat left top;
    background-size: 25px;
}

.footcontact dl dd a {
    color: #ffffff;
}

.footcontact dl dd a span,
.footcontact dl dd i {
    color: #d15f32;
    font-size: 20px;
}

.footcontact dl dd.footemail {
    background-image: url(../images/footico1.jpg);
}

.footcontact dl dd.foottel {
    background-image: url(../images/footico2.jpg);
}

.footcontact dl dd.footaddress {
    background-image: url(../images/footico3.jpg);
    margin-bottom: 40px;
}

.footcontact dl dd.footlinks a {
    display: inline;
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #ffffff;
}

.footcopy {
    width: 100%;
    padding: 20px 0px;
    margin-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.fcopybox {
    width: 100%;
}

.fcopubox_r a {
    padding: 0px 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
}

.fcopubox_r a:first-child {
    border-left: none;
}

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



.wapnavxl {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 88px;
    left: 0px;
    z-index: 999;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: none;
}

.wapnavxl .wapnavxlbox {
    width: 80%;
    height: 100%;
}

.wapnavxl ul {
    background-color: #ffffff;
    padding: 20px;
}

.wapnavxl ul li {
    padding: 20px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.wapnavxl>ul>li>a {
    color: #333333;
    font-size: 18px;
}

.wapnavxl ul li i {
    font-size: 20px;
    padding-left: 40px;
}

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

.wapnavxl ul li i.on {
    transform: rotate(90deg);
    padding: 0px;
}

.wapernavxl {
    width: 100%;
    padding: 15px;
    display: none;
}

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

.wapsannavxl {
    justify-content: flex-start;
    margin: 10px 0px;
}

.wapsannavxl>a {
    padding: 10px 20px;
    margin-right: 10px;
    background-color: #5d7b9d;
    color: #ffffff;
    display: block;
    border-radius: 6px;
}

.acve.wapnavxl {
    top: 0px;
    transition: all .5s;
}

.wapnavico i.fa-bars,
.wapnavico i.fa-times.on {
    display: block;
}

.wapnavico i.fa-times,
.wapnavico i.fa-bars.on {
    display: none;
}





/* diy start */



/* ========== 通用基础CSS ========== */
.idxpro {

    background-color: #f8fafc;
}

.xyz-wrap {
    padding: 60px 20px;
    margin: 0 auto;
}

.xyz-title-main {
    font-size: 52px;
    /* color: var(--o-color); */
    font-weight: 700;
    text-align: center;
    padding: 0px 15%;
    margin-bottom: 16px;
}

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

.xyz-sub-desc {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-bottom: 50px;
}

.xyz-card-item {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    flex-wrap: wrap;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    transition: all 0.5s;
    display: flex;
}

.xyz-card-left {
    width: 40%;
    padding: 20px 0px 0px 20px;
    height: 100%;
}

.xyz-card-left a {
    display: block;
}

.xyz-icon-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #edf4fc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all .5s;
}

.xyz-icon-circle i {
    font-size: 40px;
    color: var(--o-color);
}

.xyz-card-title {
    font-size: 20px;
    color: var(--o-color);
    font-weight: 600;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.xyz-card-split {
    width: 40px;
    height: 2px;
    background: var(--o-color);
    margin-bottom: 16px;
}

.xyz-card-text {
    font-size: 17px;
    color: #444;
    line-height: 1.6;
}

.xyz-card-right {
    width: 58%;
    height: 100%;
    overflow: hidden;
}

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

.idxprotop .xyz-card-right img {
    height: 380px;
}

.xyz-img-gradient {
    position: relative;
    overflow: hidden;
}

.xyz-img-gradient::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    /* 控制渐变阴影的宽度，可根据需求调整 */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), 50%, rgba(255, 255, 255, 0));
    pointer-events: none;
    /* 确保阴影不会遮挡图片的鼠标交互事件 */
    z-index: 1;
    transition: all 0.5s;
}

.xyz-card-item:hover .xyz-card-right img {
    transform: scale(1.1);
}

.xyz-card-item:hover .xyz-img-gradient::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), 0%, rgba(255, 255, 255, 0));
}

.xyz-card-item:hover .xyz-icon-circle i {
    color: var(--ho-color);
}

.idxcom {
    background: #f7f9fc;
}

/* ===================== 通用基础CSS 统一存放 ===================== */
.qaz-container-wrap {
    padding: 0px 20px 60px;
    margin: 0 auto;
}

.qaz-main-title {
    font-size: 48px;
    color: var(--o-color);
    font-weight: 700;
    text-align: center;
    margin: 0 0 18px;
}

.qaz-sub-desc {
    text-align: center;
    font-size: 20px;
    color: #222;
    margin-bottom: 50px;
}

.qaz-card-box {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
}

.qaz-card-img-block {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.qaz-card-img-block img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.qaz-card-content {
    padding: 30px 26px;
}

.qaz-icon-title-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
}

.qaz-icon-circle {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: var(--o-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all .5s;
}

.qaz-icon-circle i {
    color: #fff;
    font-size: 26px;
}

.qaz-card-h2 {
    font-size: 26px;
    color: var(--o-color);
    font-weight: 600;
    margin: 0;
}

.qaz-divider-short {
    width: 44px;
    height: 2px;
    background: var(--o-color);
    margin: 8px 0 20px;
    transition: all 0.5s;
}

.qaz-card-intro-text {
    font-size: 17px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e2e7ef;
}

.qaz-list-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    color: #333;
    margin-bottom: 12px;
}

.qaz-list-item i {
    color: var(--o-color);
    border: 1px solid var(--o-color);
    border-radius: 14px;
    padding: 3px 3.5px;
    font-size: 12px;
}

.qaz-explore-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 26px;
    font-size: 18px;
    color: var(--o-color);
    font-weight: 500;
    text-decoration: none;
}

.qaz-explore-link:hover {
    color: var(--ho-color);
    text-decoration: none;
}

.qaz-card-box:hover .qaz-icon-circle {
    background-color: var(--ho-color);
}

.qaz-card-box:hover .qaz-divider-short {
    width: 100%;
}

.qaz-card-box:hover .qaz-card-img-block img {
    transform: scale(1.1);
}

.qaz-list-item:hover i {
    background-color: var(--o-color);
    color: var(--w-color);
}



/* ===================== 通用基础CSS 统一存放 ===================== */
.rty-banner-wrap {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rty-banner-bg-img {
    /* position: absolute; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.rty-banner-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rty-banner-content {
    position: absolute;
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}

.rty-big-title {
    font-size: 100px;
    color: var(--o-color);
    font-weight: 700;
    margin: 0 0 24px;
}

.rty-big-title sup {
    color: var(--o-color);
    font-size: 30px;
    top: -60px;
}

.rty-divider-line {
    width: 52%;
    height: 2px;
    background: url(../images/idxsealine.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto 40px;
}

.rty-feature-row {
    display: flex;
    width: 60%;
    margin: 0 auto 36px;
    justify-content: space-between;
}

.rty-feature-item {
    text-align: center;
    background: url(../images/idxsealine2.png) no-repeat center left;
    background-size: auto 100%;
    width: 25%;
    padding: 0px 40px;
    transition: all .5s;
}

.rty-feature-item:first-child {
    background: none;
}

.rty-feature-icon-box {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}

.rty-feature-icon-box i {
    font-size: 66px;
    transition: all .5s;
    color: var(--o-color);
}

.rty-feature-text {
    font-size: 30px;
    color: var(--o-color);
    font-weight: 600;
}

.rty-desc-text {
    font-size: 20px;
    color: #222;
    margin-bottom: 42px;
}

.rty-explore-btn {
    display: inline-block;
    background-color: var(--o-color);
    color: #fff;
    font-size: 22px;
    padding: 16px 54px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
}

.rty-explore-btn:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
}

.rty-explore-btn sup {
    font-size: 14px;
    color: var(--w-color);
}

.rty-explore-btn i {
    margin-left: 10px;
    color: var(--w-color);
}

.rty-explore-btn:hover {
    background-color: var(--o-color);
    color: #fff;
    text-decoration: none;
}



.idxbuilt {
    background: #f7f9fc;
}

/* ===================== 通用基础CSS 统一存放 ===================== */
.jkl-main-wrap {
    padding: 60px 20px;
    max-width: 1850px;
    margin: 0 auto;
    background-color: #f7f9fc;
}

.jkl-section-title {
    font-size: 48px;
    color: var(--o-color);
    font-weight: 700;
    text-align: center;
    margin: 0 0 16px;
}

.jkl-section-desc {
    text-align: center;
    font-size: 20px;
    color: #222;
    margin-bottom: 50px;
}

.jkl-app-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
}

.jkl-card-img-box {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.jkl-card-img-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.jkl-card-content {
    padding: 26px 22px;
}

.jkl-icon-title-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
    width: 15%;
}

.jkl-circle-icon {
    width: 100%;
    height: 70px;
    border: 2px solid var(--o-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    transition: all .5s;
    justify-content: center;
    flex-shrink: 0;
}

.jkl-circle-icon i {
    font-size: 34px;
    color: var(--o-color);
}

.jkl-card-head {
    font-size: 24px;
    color: var(--o-color);
    font-weight: 600;
    margin: 0;
}

.jkl-card-text {
    font-size: 16px;
    color: #333;
    line-height: 1.55;
    margin: 0;
}

.jkl-icon-title-box {
    width: 75%;
}

.jkl-app-card:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.32);
}

.jkl-app-card:hover .jkl-card-head {
    color: var(--o-color);
}

.jkl-app-card:hover .jkl-card-img-box img {
    transform: scale(1.1);
}

.jkl-app-card:hover .jkl-circle-icon {
    /* transform: rotateX(360deg); */
}



/* ===================== 通用基础CSS 统一存放 ===================== */
.zxc-banner-box {
    position: relative;
    width: 100%;
}

.zxc-bg-img-wrap {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.zxc-bg-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.zxc-dark-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 58%;
    height: 100%;
    background: linear-gradient(90deg, #072050 0%, rgba(7, 32, 80, 0.92) 78%, transparent 100%);
    z-index: 2;
}

.zxc-content-area {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    padding: 0 6%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

.zxc-main-title-top {
    font-size: 64px;
    color: #ffffff;
    font-weight: 700;
    margin: 0 0 12px;
    line-height: 1.1;
}

.zxc-main-title-blue {
    font-size: 64px;
    color: var(--o-color);
    font-weight: 700;
    margin: 0 0 22px;
    line-height: 1.1;
}

.zxc-divider-short {
    width: 48px;
    height: 3px;
    background: var(--o-color);
    margin-bottom: 26px;
}

.zxc-desc-text {
    font-size: 21px;
    color: #eef4ff;
    line-height: 1.6;
    max-width: 520px;
    margin-bottom: 42px;
}

.zxc-feature-row {
    display: flex;
    gap: 0;
    margin-bottom: 50px;
}

.zxc-feature-item {
    padding: 0px 30px;
    text-align: center;
    position: relative;
}

.zxc-feature-item:nth-child(1) {
    padding-left: 0px;
}

.zxc-feature-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
    height: 70%;
    background: rgba(255, 255, 255, 0.3);
}

.zxc-feature-icon {
    font-size: 50px;
    color: var(--o-color);
    margin-bottom: 10px;
}

.zxc-feature-label {
    font-size: 17px;
    color: #fff;
}

.zxc-btn-conf-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
}

.zxc-main-btn {
    background-color: var(--o-color);
    color: #fff;
    font-size: 22px;
    padding: 18px 46px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.zxc-main-btn i {
    color: var(--w-color);
}

.zxc-main-btn:hover {
    background-color: var(--ho-color);
    color: #fff;
    text-decoration: none;
}

.zxc-conf-text {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #eef4ff;
    font-size: 16px;
}

.zxc-conf-text i {
    font-size: 24px;
    color: var(--o-color);
}


.zxc-feature-item:hover .zxc-feature-icon {
    color: var(--w-color);
}

.rty-feature-item:hover .rty-feature-text {
    color: var(--ho-color);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}


/* ===================== 通用基础样式 ===================== */
.idxwhy_us {
    background-color: #f8f9fa;
}

.xyz-section-wrap {
    padding: 60px 0;
}

.xyz-section-headline {
    text-align: center;
    margin-bottom: 45px;
}

.xyz-section-subtitle {
    font-size: 20px;
    color: var(--o-color);
    /* letter-spacing: 2px; */
    position: relative;
    font-weight: bold;
    margin-bottom: 16px;
}

/* .xyz-section-subtitle::before,
.xyz-section-subtitle::after {
    content: "——";
    margin: 0 16px;
} */

.xyz-section-title {
    font-size: 44px;
    color: #0a1428;
    font-weight: 700;
    margin: 0 0 18px;
    line-height: 1.2;
}

.xyz-section-desc {
    max-width: 820px;
    margin: 0 auto;
    font-size: 18px;
    color: #555862;
    line-height: 1.6;
}

.wxyz-card-item {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
}

.xyz-card-icon-box {
    padding: 30px 30px 20px;
    height: 300px;
    position: relative;
}

.xyz-card-itembg {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -100px;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255), rgba(255, 255, 255, 0));
}

.xyz-card-icon-circle {
    width: 56px;
    height: 56px;
    transition: all .5s;
    border: 2px solid var(--o-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.xyz-card-icon-circle i {
    font-size: 30px;
    color: var(--o-color);
}

.xyz-card-title {
    font-size: 24px;
    color: #0a1428;
    font-weight: 600;
    margin: 0 0 14px;
    line-height: 1.3;
}

.xyz-card-text {
    font-size: 16px;
    color: #444752;
    margin: 0;
}

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

.xyz-card-link-box {
    padding: 18px 30px 26px;
}

.xyz-card-link {
    color: var(--o-color);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.xyz-card-link:hover {
    color: var(--ho-color);
}

.xyz-card-link i {
    margin-left: 10px;
    color: var(--o-color);
}

.wxyz-card-item:hover {
    box-shadow: 0px 0px 10px rgba(190, 114, 0, 0.6);
}

.wxyz-card-item:hover .xyz-card-icon-circle {
    margin-left: 15px;
}


/* ========== 通用基础CSS（非响应式样式统一放此处） ========== */
.xzt-feature-wrap {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.xzt-feature-item {
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-right: 1px solid #dcdcdc;
}

.xzt-feature-wrap .row div:last-child .xzt-feature-item {
    border-right: none;
}

.xzt-feature-icon {
    font-size: 42px;
    color: #1a2436;
    margin-right: 16px;
    flex-shrink: 0;
}

.xzt-feature-textbox p {
    margin: 4px 0;
    color: #1a2436;
    font-family: "Microsoft Yahei", sans-serif;
}

.xzt-feature-textbox .xzt-line1 {
    font-size: 22px;
    font-weight: 600;
}

.xzt-feature-textbox .xzt-line2 {
    font-size: 20px;
}

.xzt-feature-item:hover .xzt-feature-icon i {
    color: var(--o-color);
}

/* ====================== 通用基础样式 ====================== */
.qwz-top-headline {
    background: #f8f9fa;
    padding: 22px 15px;
    text-align: center;
}

.qwz-top-headline-text {
    font-size: 30px;
    color: #102038;
    padding: 15px 0px;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

/* .qwz-top-headline-text::before {
    content: "";
    width: 110px;
    height: 2px;
    background-color: #4488dd;
    position: absolute;
    left: -130px;
    top: 50%;
    transform: translateY(-50%);
} */

/* .qwz-top-headline-text::after {
    content: "";
    width: 110px;
    height: 2px;
    background-color: #4488dd;
    position: absolute;
    right: -130px;
    top: 50%;
    transform: translateY(-50%);
} */

.qwz-hero-wrap {
    width: 100%;
    background: url("../images/idxherobg.webp") center center no-repeat;
    background-size: cover;
    height: 820px;
    display: flex;
    align-items: flex-start;
    padding: 60px 0;
}

.qwz-hero-content h1 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 14px;
}

.qwz-hero-content .qwz-sub-title {
    color: #fff;
    font-size: 26px;
    margin-bottom: 16px;
}

.qwz-hero-content .qwz-desc-text {
    color: #fff;
    font-size: 20px;
    line-height: 1.6;
    max-width: 520px;
    margin-bottom: 32px;
}

.qwz-btn-primary {
    background-color: var(--o-color);
    color: #ffffff;
    border: none;
    font-size: 18px;
    padding: 12px 28px;
    border-radius: 4px;
    font-weight: 500;
    margin-right: 16px;
}

.qwz-btn-primary:hover {
    background-color: #e5b01c;
    color: #111;
}

.qwz-btn-outline {
    background: transparent;
    color: #fff;
    border: 2px solid #ffffff;
    font-size: 18px;
    padding: 9px 28px;
    border-radius: 4px;
    font-weight: 500;
}

.qwz-btn-outline:hover {
    background: var(--o-color);
    color: #fff;
}

/* ====================== 【基础通用CSS】 ====================== */
.ft2-footer-wrap {
    background-color: var(--db-color);
    padding: 65px 15px 15px;
    color: #c2cdd6;
}

.ft2-col-title {
    font-size: 28px;
    color: #ffffff;
    font-weight: 700;
    margin: 0 0 14px;
    position: relative;
}

.ft2-col-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 42px;
    height: 4px;
    background-color: #ff5722;
}

.ft2-col-inner {
    padding: 0 20px;
}

.ft2-divider-right {
    border-right: 1px solid #233848;
    height: 100%;
    min-height: 250px;
}

.ft2-logo-box {
    margin: 36px 0 24px;
}

.ft2-logo-text {
    height: 64px;
    font-weight: 900;
    object-fit: contain;
    color: #fff;
    line-height: 1;
    display: inline-block;
}

.ft2-logo-or {
    background-color: #ff5722;
    padding: 4px 10px;
    margin-left: 4px;
}

.ft2-slogan {
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 30px;
    line-height: 1.4;
}

.ft2-list-wrap {
    margin-top: 30px;
}

.ft2-list-item {
    font-size: 18px;
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.ft2-list-item i {
    color: #ff5722;
    margin-top: 3px;
    font-size: 10px;
}
.ft2-list-item a {
    color: #fff;
}
.ft2-list-item:hover {
    color: #ff5722;
}

.ft2-contact-title {
    font-size: 20px;
    color: #fff;
    margin: 32px 0 22px;
}

.ft2-quote-btn {
    display: inline-block;
    background-color: #ff5722;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 32px;
    margin: 26px 0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ft2-quote-btn:hover {
    background-color: #e64a19;
    color: #fff;
    text-decoration: none;
}

.ft2-social-row {
    display: flex;
    gap: 16px;
    margin-top: 20px;
}

.ft2-social-icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    transition: transform 0.3s ease;
}

.ft2-social-icon:hover {
    transform: scale(1.12);
}

.ft2-linkedin {
    background-color: #0077b5;
}

.ft2-youtube {
    background-color: #ff0000;
}

.ft2-facebook {
    background-color: #1877f2;
}


/* ====================== 【基础通用CSS】 ====================== */
.smr-wrap {
    padding: 60px 15px;
    background-color: #ffffff;
}

.smr-title-main {
    font-size: 44px;
    color: var(--db-color);
    text-align: center;
    font-weight: 700;
    margin: 0 0 20px;
}

.smr-title-sub {
    font-size: 26px;
    color: var(--g-color);
    text-align: center;
    margin: 0 0 50px;
    font-weight: normal;
}

.smr-card-item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 40px 25px;
    transition: all 0.5s;
    height: 290px;
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
}

.smr-card-icon {
    font-size: 64px;
    color: var(--db-color);
    margin-bottom: 24px;
}

.smr-card-head {
    font-size: 24px;
    color: var(--db-color);
    font-weight: 600;
    margin: 0 0 16px;
}

.smr-card-desc {
    font-size: 17px;
    color: #444444;
    line-height: 1.6;
    margin: 0;
}

.smr-card-item:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.smr-card-item:hover .smr-card-icon {
    color: var(--o-color);
}

.smr-card-item:hover .smr-card-head {
    color: var(--o-color);
}


/* ====================== 【基础通用CSS】 ====================== */
.smr2-wrap {
    padding: 50px 15px;
    background-color: #f7f8fa;
}

.smr2-title-main {
    font-size: 42px;
    color: var(--db-color);
    text-align: center;
    font-weight: 700;
    margin: 0 0 12px;
}

.smr2-title-sub {
    font-size: 28px;
    color: var(--g-color);
    text-align: center;
    margin: 0 0 45px;
    font-weight: 500;
}

.smr2-card-item {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e5ec;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
    height: 100%;
    margin-bottom: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 卡片hover整体上浮效果 */
.smr2-card-item:hover {
    box-shadow: 0 8px 24px rgba(10, 36, 75, 0.12);
    transform: translateY(-4px);
}

.smr2-card-img-wrap {
    overflow: hidden;
    border-radius: 12px;
    display: block;
    margin-bottom: 22px;
}

.smr2-card-img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

/* 鼠标悬浮图片放大 */
.smr2-card-item:hover .smr2-card-img {
    transform: scale(1.06);
}

.smr2-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    color: var(--db-color);
    font-weight: 700;
    margin: 0 0 18px;
    transition: color 0.3s ease;
}

.smr2-card-icon {
    font-size: 22px;
    transition: color 0.3s ease;
}

/* hover标题与图标变色 */
.smr2-card-item:hover .smr2-card-head,
.smr2-card-item:hover .smr2-card-icon {
    color: var(--o-color);
}

.smr2-card-text {
    font-size: 18px;
    color: var(--db-color);
    line-height: 1.55;
    /* height: 55px; */
    margin: 0;
    transition: color 0.3s ease;
}

/* hover描述文字变色 */
.smr2-card-item:hover .smr2-card-text {
    color: var(--o-color);
}

/* ====================== 【基础通用CSS】 ====================== */
.smr3-wrap {
    padding: 0px 15px 55px;
    background-color: #f8f9fc;
}

.smr3-title-main {
    font-size: 44px;
    color: var(--db-color);
    text-align: center;
    font-weight: 700;
    margin: 0 0 14px;
}

.smr3-title-sub {
    font-size: 28px;
    color: var(--g-color);
    text-align: center;
    margin: 0 0 50px;
    font-weight: 500;
}

.smr3-card-item {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #e4e7f0;
    padding: 20px;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.07);
    height: 100%;
    margin-bottom: 32px;
    cursor: pointer;
    transition: all 0.32s ease;
}

/* 卡片悬浮上浮+加深阴影 */
.smr3-card-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(10, 36, 75, 0.13);
}

.smr3-img-container {
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 24px;
}

.smr3-card-img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

/* 图片放大效果 */
.smr3-card-item:hover .smr3-card-img {
    transform: scale(1.06);
}

.smr3-card-head {
    font-size: 20px;
    color: var(--db-color);
    font-weight: 700;
    text-align: center;
    margin: 0 0 14px;
    transition: color 0.3s ease;
}

.smr3-card-desc {
    font-size: 16px;
    color: #22334e;
    text-align: center;
    line-height: 1.55;
    margin: 0;
    height: 50px;
    transition: color 0.3s ease;
}

/* 悬浮文字变色 */
.smr3-card-item:hover .smr3-card-head,
.smr3-card-item:hover .smr3-card-desc {
    color: var(--o-color);
}

/* ====================== 【基础通用CSS】 ====================== */
.smr4-wrap {
    padding: 60px 15px 60px;
    background-color: #ffffff;
}

.smr4-title-main {
    font-size: 46px;
    color: var(--db-color);
    text-align: center;
    font-weight: 700;
    margin: 0 0 20px;
}

.smr4-title-sub {
    font-size: 26px;
    color: #636363;
    text-align: center;
    margin: 0 0 50px;
    font-weight: normal;
}

.smr4-card-item {
    background: #fff;
    border: 1px solid #dde1e8;
    border-radius: 16px;
    padding: 30px 14px;
    text-align: center;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.06);
    height: 266px;
    cursor: pointer;
    transition: all 0.32s ease;
}

/* 卡片hover上浮+加深阴影 */
.smr4-card-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(10, 36, 75, 0.12);
}

.smr4-card-icon {
    font-size: 60px;
    color: var(--db-color);
    margin-bottom: 26px;
    transition: all 0.3s ease;
}

.smr4-card-head {
    font-size: 25px;
    color: var(--db-color);
    font-weight: 700;
    margin: 0 0 18px;
    transition: color 0.3s ease;
}

.smr4-card-desc {
    font-size: 16px;
    color: #222222;
    height: 50px;
    line-height: 1.6;
    margin: 0;
    transition: color 0.3s ease;
}

/* 悬浮图标、标题、描述变色 */
.smr4-card-item:hover .smr4-card-icon,
.smr4-card-item:hover .smr4-card-head,
.smr4-card-item:hover .smr4-card-desc {
    color: var(--o-color);
}


.neibanner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

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

.neibanner .bannerl_txtbox {
    opacity: 1;
    padding-top: 0px;
}

.neibanner .bannerl_txtbox_item {
    height: 55%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.neibanner .bannerl_txtbox_item h3,
.footpicbox .bannerl_txtbox h3 {
    line-height: 1.2;
    font-size: 44px;
}

.footpicbox .neibanner img {
    height: 70vh;
}
  



/* ====================== 通用全局CSS ====================== */
.sim3-container-wrap {
    padding: 40px 15px;
    background: #ffffff;
}

.sim3-title-header {
    text-align: center;
    margin-bottom: 40px;
}

.sim3-main-title {
    font-size: 48px;
    color: var(--db-color);
    font-weight: 700;
    margin: 0 0 16px;
}

.sim3-sub-desc {
    font-size: 20px;
    color: #444444;
    margin: 0;
}

.sim3-scene-card {
    border: 1px solid #e8edf5;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.32s ease-in-out;
    background: #fff;
}

/* 卡片hover上浮+阴影 */
.sim3-scene-card:hover {
    box-shadow: 0 10px 30px rgba(0, 43, 128, 0.18);
    transform: translateY(-6px);
}

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

.sim3-scene-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

/* 图片hover放大 */
.sim3-scene-card:hover .sim3-scene-img {
    transform: scale(1.05);
}

.sim3-card-text-area {
    padding: 22px 24px;
}

.sim3-icon-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.sim3-card-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f0f4fc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--db-color);
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.sim3-scene-card:hover .sim3-card-icon {
    background: var(--o-color);
    color: #fff;
}

.sim3-scene-name {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin: 0;
    transition: color 0.3s ease;
}

/* 标题文字hover变色 */
.sim3-scene-card:hover .sim3-scene-name {
    color: var(--o-color);
}

.sim3-scene-desc {
    font-size: 15px;
    color: #555;
    height: 50px;
    line-height: 1.6;
    margin: 0;
    padding-top: 10px;
    transition: color 0.3s ease;
}

.sim3-scene-card:hover .sim3-scene-desc {
    color: #222;
}


.sripbox2 .smr2-card-text {
    height: auto;
}

/* ========== 通用基础CSS（统一放此处） ========== */
.stc3-card-wrap {
    margin-bottom: 30px;
}

.stc3-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

/* 鼠标悬浮卡片上浮阴影 */
.stc3-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

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

.stc3-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.stc3-card-head {
    text-align: center;
    width: 100%;
    font-size: 24px;
    padding: 20px 0px 0px;
    display: block;
    font-weight: 700;
    color: var(--db-color);
}

/* hover图片放大 */
.stc3-card:hover .stc3-card-img {
    transform: scale(1.06);
}

.stc3-card-text-box {
    width: 100%;
    padding: 28px 20px;
}

.stc3-card-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--db-color);
    margin-top: 0;
    margin-bottom: 16px;
    transition: color 0.3s ease;
}

/* hover标题变色 */
.stc3-card:hover .stc3-card-title {
    color: var(--o-color);
}

.stc3-card-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.5;
    /* margin-bottom: 16px; */
}

.stc3-card-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.stc3-card-list {
    padding-left: 5px;
    margin: 0;
}

.stc3-card-list li {
    font-size: 14px;
    color: #444;
    line-height: 1.7;
}

/* FA图标通用样式 */
.stc3-fa-icon {
    margin-right: 8px;
    color: var(--o-color);
}


.stcbox4 .smr4-card-item {
    min-height: 270px;
}

.footpicbox .bannerl_txtbox {
    justify-content: flex-start;
    padding-top: 60px;
}

.footpicbox .bannerl_txtbox p {
    padding-top: 10px;
}

.footpicbox .bannerl_btn {
    margin: 25px 0px 0px 0px;
}





.pac1-wrap {
    padding: 40px 15px;
    max-width: 1920px;
    margin: 0 auto;
}

.pac1-main-title {
    text-align: center;
    margin-bottom: 30px;
}

.pac1-top-small-title {
    font-size: 28px;
    color: #112240;
    font-weight: 600;
    margin-bottom: 12px;
}

.pac1-big-title {
    font-size: 56px;
    font-weight: 900;
    color: #0a1c42;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.pac1-desc-text {
    font-size: 18px;
    color: #333;
    max-width: 1100px;
    margin: 0 auto 35px;
}

.pac1-cfm-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
    background: url(../images/pac1line.jpg) no-repeat center;
    padding: 0px 10%;
}

.pac1-cfm-desc {
    font-size: 18px;
    color: #333;
    background: #ffffff;
    font-weight: 600;
    z-index: 9;
}

.pac1-cfm-tag {
    border: 2px solid #3366bb;
    padding: 6px 10px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #224488;
    background: #fff;
    position: relative;
    z-index: 2;
}

.pac1-col-card {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    flex-wrap: wrap;
    display: flex;
    transition: all 0.3s ease;
}

.pac1-card-header {
    text-align: center;
    /* margin-bottom: 30px; */
    width: 100%;
}

.pac1-card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #ffffff;
    padding: 15px 0px;
}

.pac1-card-green .pac1-card-title {
    background: #347734;
}

.pac1-card-blue .pac1-card-title {
    background: #225599;
}

.pac1-card-purple .pac1-card-title {
    background: #663399;
}

.pac1-cfm-num {
    font-size: 34px;
    font-weight: 900;
    margin: 10px 0;
}

.pac1-card-green .pac1-cfm-num {
    color: #489948;
}

.pac1-card-blue .pac1-cfm-num {
    color: #3377cc;
}

.pac1-card-purple .pac1-cfm-num {
    color: #8844bb;
}

.pac1-card-subtitle {
    font-size: 16px;
    color: #444;
    width: 100%;
    margin-top: 30px;
}

.pac1-task-list {
    padding: 0 15px;
    list-style: none;
    width: 45%;
}

.pltbox1row .pac1-task-list {
    padding-left: 0px;
}


.pltbox1row .pac1-task-item {
    font-size: 20px;
    line-height: 2;
    font-weight: bold;
    display: block;
}

.pltbox1row .pac1cardmid {
    justify-content: center;
}

.pac1-task-item {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    font-size: 15px;
    color: #333;
    transition: color 0.25s ease;
}

.pac1-task-item i {
    font-size: 20px;
    width: 32px;
    margin-right: 12px;
    text-align: center;
}

.pac1-card-green .pac1-task-item i {
    color: #489948;
}

.pac1-card-blue .pac1-task-item i {
    color: #3377cc;
}

.pac1-card-purple .pac1-task-item i {
    color: #8844bb;
}

.pac1-img-box {
    overflow: hidden;
    text-align: center;
    width: 55%;
    padding: 0 10px 20px;
}

.pltbox1row .pac1-img-box {
    width: 50%;
    padding: 0px;
}

.pst1box1row .pac1-img-box {
    width: 40%;
}

.pst1box1row .pac1-task-list {
    width: 60%;
}


.pac1-compressor-img {
    max-width: 92%;
    height: 200px;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.pltbox1row .pac1-compressor-img,
.pst1box1row .pac1-compressor-img {
    height: auto;
    width: 100%;
    max-width: unset;
}

.pac1-feature-row {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 10px;
    /* margin-top: 30px; */
    height: 65px;
    justify-content: space-between;
    width: 100%;
    background-color: #f1f2ed;
}

.pac1-feature-row p {
    padding: 0px 0px 0px 15px;
}

.pac1-card-blue .pac1-feature-row {
    background-color: #e6f0ff;
}

.pac1-card-purple .pac1-feature-row {
    background-color: #f0e6ff;
}

.pac1-feature-item {
    flex: 1;
    width: 31%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #c3c3c3;
    font-size: 13px;
    padding: 0px 5px;
    transition: color 0.25s ease;
}

.pac1-feature-item:first-child {
    border-left: 0px;
}

.pac1-feature-item i {
    font-size: 16px;
    padding-right: 10px;
}

.pac1-card-green .pac1-feature-item i {
    color: #489948;
}

.pac1-card-blue .pac1-feature-item i {
    color: #3377cc;
}

.pac1-card-purple .pac1-feature-item i {
    color: #8844bb;
}

/* ====== 鼠标hover交互效果（通用） ====== */
.pac1-col-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-6px);
}

.pac1-col-card:hover .pac1-compressor-img {
    transform: scale(1.08);
}

.pac1-card-green:hover .pac1-task-item,
.pac1-card-green:hover .pac1-feature-item {
    color: #347734;
    font-weight: 500;
}

.pac1-card-blue:hover .pac1-task-item,
.pac1-card-blue:hover .pac1-feature-item {
    color: #225599;
    font-weight: 500;
}

.pac1-card-purple:hover .pac1-task-item,
.pac1-card-purple:hover .pac1-feature-item {
    color: #663399;
    font-weight: 500;
}

/* ===================== 【通用基础样式 - 所有分辨率共用】 ===================== */
.pac-section {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.pac-headline {
    text-align: center;
    margin-bottom: 45px;
}

.pac-headline h2 {
    font-size: 36px;
    color: #0a2448;
    font-weight: 600;
    margin-bottom: 16px;
}

.pac-headline .pac-divider {
    width: 60px;
    height: 3px;
    background: #0a2448;
    margin: 0 auto 24px;
}

.pac-headline p {
    max-width: 780px;
    margin: 0 auto;
    font-size: 18px;
    color: #444444;
    line-height: 1.6;
}

.pac2_boxitem {
    height: 564px;
}

.pltbox2item {
    height: 700px;
}

.pstbox2item {
    height: 480px;
}


/* 空压机图片容器 */
.pac-img-wrap {
    overflow: hidden;
    border-radius: 6px;
    width: 50%;
    height: 100%;
    background-color: #ffffff;
}

.pac-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.32s ease;
}

.pac-img-wrap:hover img {
    transform: scale(1.04);
    /* hover图片放大 */
}

/* 特性卡片容器 */
.pac-feature-list {
    display: flex;
    flex-direction: column;
    width: 45%;
    height: 100%;
    justify-content: space-between;
}

.pac-feature-item {
    background: #ffffff;
    padding: 24px;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.pac-feature-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(10, 36, 72, 0.1);
}

.pltbox2item .pac-feature-item {
    padding: 15px;
}

.pac-feature-icon {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #edf2fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pac-feature-icon i {
    font-size: 26px;
    color: #0a2448;
}

.pac-feature-text h4 {
    font-size: 20px;
    color: #0a2448;
    margin: 0 0 8px;
    transition: color 0.3s ease;
}

.pac-feature-item:hover .pac-feature-text h4,
.pac-feature-item:hover .pac-feature-icon i {
    color: var(--o-color);
    /* hover标题变色 */
}


.pac-feature-text p {
    margin: 0;
    color: #555555;
    line-height: 1.6;
    font-size: 15px;
}


/* ===================== 【通用基础样式 - 所有分辨率共用】 ===================== */
.pac3-section {
    padding: 60px 0;
    background-color: #ffffff;
}

.pac3-headline {
    text-align: center;
    margin-bottom: 50px;
}

.pac3-headline h2 {
    font-size: 42px;
    color: #0a2450;
    font-weight: 700;
    margin: 0 0 18px;
}

.pac3-headline .pac3-divider {
    width: 70px;
    height: 3px;
    background-color: #0a2450;
    margin: 0 auto 22px;
}

.pac3-headline p {
    font-size: 20px;
    color: #555555;
}

/* 卡片外层容器 */
.pac3-card-row {
    display: flex;
    align-items: stretch;
}

.pac3-card-wrap {
    position: relative;
}

/* 箭头分隔 */
.pac3-arrow-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    font-size: 30px;
    color: #0a2450;
}

/* 步骤卡片 */
.pac3-step-card {
    height: 100%;
    border: 1px solid #dde2ec;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.32s ease;
}

.pac3-step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 26px rgba(10, 36, 80, 0.11);
    border-color: var(--o-color);
}

/* 步骤圆形编号 */
.pac3-step-num {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #0a2450;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.pac3-step-title {
    text-align: center;
    font-size: 22px;
    color: #0a2450;
    font-weight: 600;
    padding-bottom: 14px;
    border-bottom: 1px solid #a0b4d8;
    margin-bottom: 24px;
    transition: color 0.3s ease;
}

.pac3-step-title p {
    margin-top: 10px;

}

.pac3-step-card:hover .pac3-step-title {
    color: var(--o-color);
}

.pac1cardmid {
    width: 100%;
}

/* 列表条目 */
.pac3-item-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pac3-list-item {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #edf1f8;
}

.pac3-list-item:last-child {
    border-bottom: none;
}

.pltbox3_item .pac3-list-item {
    padding: 10px 0;
}

.pac3-list-icon {
    font-size: 24px;
    color: #0a2450;
    min-width: 30px;
    transition: color 0.3s ease;
}

.pac3-card-wrap.pacbox3item1:first-child .pac3-list-icon,
.pltbox3_item .pac3-list-icon {
    margin-top: 10px;
    font-size: 12px;
}

.pac3-step-card:hover .pac3-list-icon {
    color: var(--o-color);
}

.pac3-list-text {
    width: 50%;
}

.pdg3-list-item .pac3-list-text {
    width: 100%;
    justify-content: center;
}

.pdg3-list-item .pac3-list-text img {
    width: 45%;
    object-fit: contain;
    display: inline;
    text-align: right;
}

.pdg3-list-item .pac3-list-text span {
    margin-left: 15px;
    width: 45%;
}

.pac3-list-text h5 {
    font-size: 20px;
    color: #0a2450;
    font-weight: bold;
    margin: 0 0 6px;
    transition: color 0.3s ease;
}

.pac3-list-text img {
    height: 40px;
}

.pac3-step-card:hover .pac3-list-text h5 {
    color: var(--o-color);
}

.pltbox3_item .pac3-step-title {
    font-size: 20px;
}

.pltbox3_item:last-child .pac3-list-text h5 {
    font-size: 15px;
}

.pac3-list-text p {
    font-size: 15px;
    color: #586272;
    margin: 0;
}

.pltbox3_item:last-child .pac3-list-text p {
    font-size: 13px;
}

.pst3box1 ul li {
    align-items: center;
    justify-content: space-between;
}

.pst3box1 .pac3-list-text {
    width: 50%;
}

.pst3box1 .pac3-list-text h5 {
    font-size: 18px;
}

.pst3box1 ul li img {
    width: 35%;
    height: 100px;
    border-radius: 10px;
    object-fit: cover;
}

.pst3box1 .pac3-list-text p i {
    font-size: 14px;
}

.pst3box2item .pac3-list-text p {
    line-height: 2;
}

.pst3box3item .pac3-list-text p {
    line-height: 1.7;
}

.pst3box2item ul li img {
    object-fit: contain;
    height: 150px;
}



/* ===================== 【通用基础样式 - 所有分辨率共用】 ===================== */
.pac4-section {
    padding: 0px 0 65px;
    background-color: #ffffff;
}

.pac4-head-block {
    text-align: center;
    margin-bottom: 55px;
}

.pac4-head-block h2 {
    font-size: 46px;
    color: #0a2450;
    font-weight: 700;
    margin: 0 0 16px;
}

.pac4-divider-line {
    width: 75px;
    height: 3px;
    background: #0a2450;
    margin: 0 auto 24px;
}

.pac4-head-desc {
    font-size: 20px;
    color: #505866;
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 资料卡片容器 */
.pac4-resource-card {
    border: 1px solid #e6e9f0;
    border-radius: 12px;
    padding: 32px 24px;
    text-align: center;
    height: 100%;
    transition: all 0.32s ease;
}

.pac4-resource-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(10, 36, 80, 0.1);
    border-color: #c4cde0;
}

/* 卡片顶部PDF图标容器 */
.pac4-pdf-icon-wrap {
    margin-bottom: 26px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.pac4-pdf-icon-wrap img {
    height: 100%;
    object-fit: contain;
}

.pac4-pdf-icon {
    font-size: 90px;
    color: #0a2450;
    transition: transform 0.3s ease;
}

.pac4-resource-card:hover .pac4-pdf-icon {
    transform: scale(1.06);
}

/* 标题文字 */
.pac4-card-title {
    font-size: 24px;
    color: #0a2450;
    font-weight: 600;
    margin: 0 0 12px;
    transition: color 0.3s ease;
}

.pac4-resource-card:hover .pac4-card-title {
    color: var(--o-color);
}

.pac4-card-divider {
    width: 60px;
    height: 2px;
    background-color: #a0b4d8;
    margin: 0 auto 18px;
}

.pac4-card-text {
    font-size: 16px;
    color: #505866;
    line-height: 1.6;
    margin-bottom: 30px;
    height: 50px;
}

/* 下载链接 */
.pac4-download-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #0a2450;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pac4-download-link:hover {
    color: var(--o-color);
    text-decoration: none;
}



/* ===================== 通用基础CSS ===================== */
.idxw-banner-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}


.idxw-banner-img-box {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}



.idxw-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), 50%, rgba(0, 0, 0, 0));
    color: #fff;
}

.idxwtoptit {
    text-align: center;
}

.idxw-main-title {
    font-size: 60px;
    font-weight: 900;
    color: #ffffff;
    transition: color 0.3s ease;
}

.idxw-main-title span {
    color: var(--o-color);
    font-size: 60px;
}

.idxw-sub-title {
    font-size: 28px;
    color: #e6e6e6;
    margin: 11px 0px 30px;
    font-weight: 400;
    transition: color 0.3s ease;
}

.idxwhydesc {
    width: 80%;
    margin: 0 auto;
    height: 90px;
    background: url(../images/whylinebg.webp) no-repeat center;
    background-size: 100% 100%;
}

.idxwhydesc ul {

    height: 100%;
}

.idxwhydesc::after,
.idxwhydesc::before {
    display: none;
}

.idxw-feature-item {
    margin-bottom: 35px;
    width: 24%;
    cursor: default;
    height: 100%;
    justify-content: center;
    transition: all 0.3s ease;
}

.idxw-feature-num {
    font-size: 50px;
    float: left;
    color: #ffffff;
    width: 20%;
    font-weight: bold;
    line-height: 1;
}

.idxw-feature-title {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    width: 73%;
    margin-left: 10px;
    transition: color 0.3s;
}




.idxw-banner-img {
    width: 100%;
    height: auto;
    display: block;
}


.idxftpower {
    position: relative;
}

.idxftpimg img {
    width: 100%;
}

.idxftpdbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    flex-direction: column;
    z-index: 2;
    justify-content: center;
}

.idxftpd_tit {
    text-align: center;
}

.idxftpd_tit h1 {
    font-size: 50px;
    font-weight: 600;
    color: #ffffff;
    transition: color 0.3s ease;
}

.idxftpd_tit h3 {
    font-size: 24px;
    color: #e6e6e6;
    margin-top: 10px;
    font-weight: 400;
    transition: color 0.3s ease;
}

.idxftpd_line {
    width: 110px;
    height: 5px;
    background-color: var(--o-color);
    margin: 40px auto 80px;
}

.idxftpd_list {
    padding: 0px 15%;
    width: 100%;
}

.idxftpd_list li {
    width: 24%;
    height: 150px;
    overflow: hidden;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.3s;
    background-color: #ffffff;
}

.idxftpd_list li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.idxftpd_list li:hover {
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}

.idxftpd_list li:hover img {
    transform: scale(1.05);
}


.zfr-wrap {
    display: flex;
    width: 100%;
    padding: 100px 0px;
}

/* 左侧侧边栏 */
.zfr-sidebar {
    width: 260px;
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
    transition: width 0.4s ease;
    flex-shrink: 0;
}

.zfr-sidebar.zfr-collapse {
    width: 60px;
}

.zfr-sidebar-header {
    background: var(--o-color);
    color: #fff;
    padding: 16px ;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zfr-toggle-btn {
    cursor: pointer;
    font-size: 20px;
    transition: transform 0.3s;
}

.zfr-toggle-btn:hover {
    transform: scale(1.15);
}

/* 侧边菜单 百叶窗基础 */
.zfr-menu-list {
    list-style: none;
}

.zfr-menu-item {
    border-bottom: 1px solid #f0f0f0;
}

.zfr-menu-title {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #333;
    transition: all 0.25s ease;
}

.zfr-menu-title i:first-child {
    /* margin-right: 10px; */
    width: 20px;
    text-align: center;
}
.zfr-menu-title span {
    text-transform: capitalize;
}
.zfr-menu-title:hover {
    background-color: #e8f0fe;
    color: var(--o-color);
    padding-left: 20px;
}

.zfr-menu-title.zfr-active,.zfr-menu-title.active {
    background-color: #dceaff;
    color: var(--o-color);
}

/* 子菜单 百叶窗折叠容器 */
.zfr-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);
    background: #fafbfc;
}

.zfr-submenu.zfr-open {
    max-height: 800px;
    transition: max-height 0.6s ease-in-out;
}

.zfr-submenu li a {
    display: block;text-transform: capitalize;
    padding: 10px 35px;
    color: #555;
    text-decoration: none;
    transition: all 0.2s;
}

.zfr-submenu li a:hover ,.zfr-submenu li.active a{
    background: #e1edff;
    color: var(--o-color);
    padding-left:40px;
}

/* 右侧主内容区 */
.zfr-main-content {
    flex: 1;
    padding: 0px 30px;
    overflow-y: auto;
}

.zfr-page-title {
    font-size: 32px;
    margin-bottom: 25px;
    color: #222;
}

/* 产品卡片样式 + hover动效 */
.zfr-product-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.zfr-product-card:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.zfr-img-box {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.zfr-img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.35s ease;
}

.zfr-product-card:hover .zfr-img-box img {
    transform: scale(1.08);
}

.zfr-card-info {
    padding: 15px;
    text-align: center;
}

.zfr-card-name {
    color: #444;
    font-size: 14px;
    margin-bottom: 8px;
    transition: color 0.25s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zfr-product-card:hover .zfr-card-name {
    color: var(--o-color);
}

.zfr-card-price {
    color: #e53935;
    font-size: 16px;
    height: 48px;
    font-weight: bold;
    padding-bottom: 5px;
}

.zfr-arrow.active {
    transform: rotate(180deg);
}


.bd-pagination {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.pages a ,.pages span {
    padding: 3px 10px;
display: block;
margin:0px 4px ;
    border: 1px solid  var(--o-color);
}
.page-numbers.current {
    background-color: var(--o-color);
    color: #fff;
}

/* 产品详情 */
.proptop {
    align-items: flex-start;
}

.propt_l {
    width: 45%;
    height: 400px;
    overflow: hidden;
}

.propt_l .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.propt_l .swiper-slide img:hover {
    transform: scale(1.05);
}
.propt_r {
    width: 47%;
    padding-top: 10px;
}
.propt_r h1 {
    font-weight: bold;
    color: var(--o-color);
}
.proptr_desc {
    border-top: 1px solid #d8d9dd;
    border-bottom: 1px solid #d8d9dd;
    padding: 20px 0px;
    margin: 20px 0px 40px;
    /*height: 200px;*/
    overflow: hidden;
}

.proptr_desc_p h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.propb_detail h3 {
    border-bottom:2px solid var(--o-color);
    padding: 20px 10px;
    width: 250px;
    text-align: center;
}
.propb_content {
    border-top:1px solid #d8d9dd ;
    border-bottom: 1px solid #d8d9dd;
}
.propb_content p,.propb_content h1,.propb_content li,.propb_content strong,.propb_content span ,.propb_content h3,.propb_content h2{
    font-size: 18px;
    line-height: 2;
    
}

.propb_content table {
    width: 100%;
    table-layout: fixed;
}
.propb_content table tr td {
    border: 1px solid #d8d9dd;
    padding: 10px;
    font-size: 17px;
    text-align: center;
}
.propb_content table tr {
    background-color: #eeeeee;
}
.propb_content table tr:nth-child(2n) {
    background-color: #ffffff
}
.propb_content table tr:first-child {
    background-color: var(--o-color);
}
.propb_content table tr:first-child td {
    color: #fff;
}

.propb_content img {
    margin: 10px 0px;
}
.propb_content ul {
    list-style:disc;
    margin-left:25px;
}

.blogp_detail .propb_content img {
     margin: 10px auto;
     display: block;
}
.blogp_detail .propb_content p {
    font-size: 18px;
    line-height: 2;
}
.blogp_detail .propb_content ul li {
    font-size: 16px;
    line-height: 2;
}
.propb_next {
    padding: 15px 0px;
}
.propb_next ul li {
    width: 48%;
}
.propb_next ul li a {
    justify-content: flex-start;
    width: 100%;
}

.propb_nextico {
    width: 32px;
    height: 30px;
    background-color:var(--o-color);
    justify-content: center;
    margin-right: 10px;
}
.propb_next ul li:nth-child(2) a {
    justify-content: flex-end;
}
.propb_next ul li:nth-child(2) .propb_nextico {
    margin-left: 10px;
    margin-right: 0px;
}




.proplikebox {
    position: relative;
    padding-bottom: 50px;
}
.proplikesimg {
    width: 100%;
    height:250px;
    overflow: hidden;
}
.proplikesimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.proplikestit {
    padding: 10px 0px;
}

.proplikeswiper .swiper-slide:hover img {
    transform: scale(1.1);
}
.proplikeswiper .swiper-slide:hover h3 {
    color:var(--o-color);
}

.proplikepagination {
    justify-content: center;
    width: 100%;
}

.proplikepagination .swiper-pagination-bullet {
    margin: 0px 5px;
    background-color: var(--o-color);
}

/* 产品详情  end * /








/* cap page 20260814 */
/* ===================== 通用基础样式 ===================== */
.cap_section_wrap {
    padding: 60px 0;
    background-color: #f8f8f8;
}

.cappage_line {
    width: 100px;
    height: 3px;
    background-color: var(--o-color);
    margin: 0 auto 20px
}

.cap_section_head {
    text-align: center;
    margin-bottom: 40px;
}

.cap_section_label {
    color: var(--o-color);
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.cap_section_title {
    font-size: 52px;
    font-weight: 700;
    color: #111c2c;
    margin: 0 0 16px;
}

.cap_section_desc {
    max-width: 720px;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

/* 卡片容器 */
.cap_process_card {
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.cap_img_box {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.cap_img_box img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

.capboxlidesc {
    width: 87%;
    padding-right: 10%;
}

/* hover图片放大 */
.cap_process_card:hover .cap_img_box img {
    transform: scale(1.06);
}

/* 卡片内容 */
.cap_card_icon {
    font-size: 50px;
    color: var(--o-color);
    margin-bottom: 12px;
}

.cap_card_title {
    font-size: 20px;
    font-weight: 600;
    color: #111c2c;
    margin: 0 0 10px;
    transition: color 0.3s ease;
}

.cap_process_card:hover .cap_card_title {
    color: var(--o-color);
}

.cap_card_text {
    font-size: 15px;
    color: #444;
    line-height: 1.55;
    margin: 0;
}

/* ===================== 通用基础样式 ===================== */
.cpec_section_wrap {
    padding: 0px 0 60px;
    background: #f7f7f7;
}

.cpec_section_head {
    text-align: center;
    margin-bottom: 45px;
}

.cpec_section_label {
    color: var(--o-color);
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.cpec_section_title {
    font-size: 50px;
    font-weight: 700;
    color: #122030;
    margin: 0 0 16px;
}

.cpec_section_desc {
    max-width: 760px;
    margin: 0 auto;
    font-size: 17px;
    color: #333333;
    line-height: 1.6;
}

/* 两大主栏目卡片 */
.cpec_main_card {
    background: #ffffff;
    margin-bottom: 30px;
    overflow: hidden;
}

.cpec_card_header {
    background-color: #122030;
    color: #fff;
    padding: 24px 48px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.cpec_header_icon {
    font-size: 50px;
    color: var(--o-color);
}

.cpec_header_text {
    padding-left: 10px;
}

.cpec_header_text h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.cpec_header_text p {
    margin: 6px 0 0;
    font-size: 15px;
    opacity: 0.85;
    line-height: 1.5;
}

.cpec_img_wrapper {
    overflow: hidden;
}

.cpec_img_wrapper img {
    width: 100%;
    transition: transform 0.4s ease;
}

.cpec_main_card:hover .cpec_img_wrapper img {
    transform: scale(1.05);
}

/* 列表条目 */
.cpec_item_list {
    padding: 24px 28px;
}

.cpec_list_item {
    display: flex;
    gap: 16px;
    width: 85%;
    padding: 16px 0;
    height: 100px;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
    transition: all 0.3s ease;
}

.cpec_list_item:last-child {
    border-bottom: none;
}

.cpec_list_icon {
    font-size: 40px;
    color: var(--o-color);
    min-width: 26px;
    margin-top: 3px;
}

.cpec_list_content {
    width: 80%;
    margin-left: 15px;
}

.cpec_list_content h4 {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 600;
    color: #122030;
    transition: color 0.3s ease;
}

.cpec_list_content p {
    margin: 0;
    font-size: 14px;
    color: #444;
    line-height: 1.5;
}

.cpec_list_item:hover .cpec_list_content h4 {
    color: var(--o-color);
}

/* 底部数据栏 */
.cpec_data_bar {
    display: flex;
    background: #efefef;
}

.cpec_data_item {
    flex: 1;
    text-align: center;
    padding: 20px 10px;
    height: 130px;
    border-right: 1px solid #dddddd;
    transition: background-color 0.3s ease;
}

.cpec_data_item:last-child {
    border-right: none;
}

.cpec_data_item:hover {
    background-color: #e6e6e6;
}

.cpec_data_item i {
    font-size: 24px;
    color: #122030;
    margin-bottom: 8px;
}

.cpec_data_num {
    font-size: 12px;
    font-weight: 700;
    color: #122030;
    display: block;
}

.cpec_data_text {
    font-size: 12px;
    color: #555;
}

.cpec_main_card_l .cpec_data_num {
    font-size: 20px;
}


/* ===================== 通用基础样式 ===================== */
.aqfp_section_wrap {
    padding: 0px 0 60px;
    background-color: #f8f8f8;
}

.aqfp_section_head {
    text-align: center;
    margin-bottom: 50px;
}

.aqfp_section_label {
    color: var(--o-color);
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.aqfp_section_title {
    font-size: 52px;
    font-weight: 700;
    color: #112030;
    margin: 0 0 18px;
}

.aqfp_section_desc {
    max-width: 800px;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

/* 流程步骤容器 */
.aqfp_step_row {
    margin-bottom: 40px;
}

.aqfp_step_item {
    text-align: center;
    position: relative;
}

.aqfp_step_circle_wrap {
    position: relative;
    margin-bottom: 20px;
}

.aqfp_step_circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.aqfp_step_item:hover .aqfp_step_circle {
    box-shadow: 0 4px 14px rgba(214, 40, 40, 0.15);
}

.aqfp_step_circle i {
    font-size: 50px;
    color: var(--o-color);
}

.aqfp_step_num {
    font-size: 32px;
    font-weight: 700;
    color: var(--o-color);
    margin-bottom: 12px;
}

.aqfp_step_title {
    font-size: 22px;
    font-weight: 600;
    padding: 0px 15%;
    color: #112030;
    transition: color 0.3s ease;
    margin-bottom: 12px;
}

.aqfp_step_item:hover .aqfp_step_title {
    color: var(--o-color);
}

.aqfp_step_text {
    font-size: 15px;
    color: #444;
    line-height: 1.6;
    padding: 0 10px;
}

/* 连接线 仅大屏显示 */
.aqfp_step_connector {
    position: absolute;
    top: 110px;
    left: 60%;
    width: calc(100% - 0px);
    height: 2px;
    background: #cccccc;
    z-index: 0;
}

.aqfp_step_dot {
    position: absolute;
    left: 0;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--o-color);
}

/* 下方图片区块 */
.aqfp_img_row {
    margin-bottom: 40px;
}

.aqfp_img_row>div {
    padding: 0px 5px;
}

.aqfp_img_box {
    overflow: hidden;
    width: 100%;
    height: 300px;
    position: relative;
}

.aqfp_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.aqfp_img_box:hover img {
    transform: scale(1.06);
}

.aqfp_img_caption {
    position: absolute;
    left: 0;
    height: 75px;
    bottom: 0;
    width: 100%;
    background: rgba(0, 31, 67, 0.95);
    color: #fff;
    padding: 16px 14px;
    font-size: 14px;
    line-height: 1.5;
}

/* 底部标语栏 */
.aqfp_bottom_bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}

.aqfp_bottom_item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    color: #333;
}

.aqfp_bottom_item i {
    font-size: 40px;
    color: var(--o-color);
    margin-right: 15px;
}

.aqfp_bottom_main_text {
    font-weight: 600;
    font-size: 20px;
}

.aqfp_img_box:hover .aqfp_img_caption {
    background-color: rgba(119, 46, 0, 0.85);
}

.capbox3list {
    padding: 0 10%;
}

.footpicbox .capfootbox {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.capfootdesc {
    width: 62%;
}

.footpicbox .bannerl_txtbox.capfootbox h3 {
    font-size: 44px;
}

.footpicbox .bannerl_txtbox.capfootbox h4 {
    font-size: 26px;
}

.capfootbox .bannerl_btn .bannerl_btn_y {
    font-size: 24px;
}










/* newslist 20260815 */
.newsernav {
    justify-content: center;
}

.newsernav a {
    padding: 10px 30px;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    margin: 0 10px 15px;
    text-transform: uppercase;
    font-size: 18px;
}

.newsernav a:hover,
.newsernav a.active {
    background-color: var(--o-color);
    color: #fff;
    border-color: var(--o-color);
}

/* ====================== 通用基础样式（非媒体查询） ====================== */
.newslistbox {
    margin-top: 30px;
}

.nsl_case_wrap {
    padding: 30px 0;
}

.nsl_case_card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    transition: all 0.32s ease;
    margin-bottom: 24px;
}

.nsl_case_card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.nsl_case_img_box {
    width: 100%;
    height: 260px;
    overflow: hidden;
}

.nsl_case_img {
    width: 100%;
    height: 100%;
    object-fit:contain;
    padding: 15px;
    display: block;
    transition: transform 0.4s ease;
}

.nsl_case_card:hover .nsl_case_img {
    transform: scale(1.06);
    /* 鼠标划入图片放大 */
}

.nsl_case_body {
    padding: 22px;
}

.nsl_case_tag {
    font-size: 16px;
    color: var(--o-color);
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.nsl_case_title {
    font-size: 24px;
    color: #1a2539;
    font-weight: 700;
    margin: 0 0 14px;
    transition: color 0.28s ease;
    height: 40px;
}

.nsl_case_card:hover .nsl_case_title {
    color: var(--o-color);
    /* hover标题变蓝色 */
}

.nsl_case_desc {
    font-size: 16px;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 20px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  /* 控制显示行数，这里2行 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.nsl_case_icon_group {
    display: flex;
    gap: 18px;
    font-size: 26px;
    color: #444;
    margin-bottom: 24px;
}

.nsl_case_link {
    font-size: 14px;
    color: #111111;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.28s ease;
}

.nsl_case_link:hover {
    color: var(--o-color);
    text-decoration: none;
}



/* about page 20260815 */
/* ====================== 【通用基础样式】 ====================== */
.abpc_intro_wrap {
    padding: 60px 0;
}

.abpc_intro_container {
    display: flex;
    flex-wrap: wrap;
}

.abpc_intro_text_area {
    padding: 20px 15% 20px 0;
}

.abpc_intro_img_wrap {
    overflow: hidden;
}

.abpc_intro_img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

.abpc_intro_img_wrap:hover .abpc_intro_img {
    transform: scale(1.05);
    /* 鼠标悬浮图片放大 */
}

.abpc_section_label {
    font-size: 22px;
    color: #203050;
    font-weight: 600;
    position: relative;
    padding: 10px 0px 0px 60px;
    margin-bottom: 22px;
}

.abpc_section_label::before {
    content: "01";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    font-weight: 700;
}

.abpc_section_label::after {
    content: "";
    width: 38px;
    height: 3px;
    background-color: var(--o-color);
    position: absolute;
    left: 0;
    top: 50px;
}

.abpc_main_title {
    font-size: 42px;
    color: #162440;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 24px;
    transition: color 0.3s ease;
}


.abpc_desc_text {
    font-size: 18px;
    color: #444858;
    line-height: 1.7;
    margin-bottom: 40px;
}

.abpc_data_row {
    display: flex;
    gap: 24px;
}

.abpc_data_item {
    flex: 1;
    text-align: center;
    padding: 10px 5px;
    transition: all 0.28s ease;
}

.abpc_data_item:hover {
    transform: translateY(-4px);
}

.abpc_data_icon {
    font-size: 50px;
    color: #203050;
    margin-bottom: 12px;
    transition: color 0.3s;
}

.abpc_data_item:hover .abpc_data_icon {
    color: var(--o-color);
}

.abpc_data_number {
    font-size: 40px;
    font-weight: 700;
    color: #162440;
    line-height: 1;
    margin-bottom: 8px;
}

.abpc_data_bigtext {
    font-size: 20px;
    font-weight: 600;
    color: #203050;
}

.abpc_data_smalltext {
    font-size: 16px;
    color: #555;
    margin-top: 6px;
}

/* ===================== 通用基础样式 ===================== */
.abpb_global_wrap {
    padding: 60px 0;
    background-color: #f8f8f8;
}



.abpb_section_label {
    font-size: 24px;
    color: #102040;
    font-weight: 600;
    position: relative;
    padding: 10px 0px 0px 70px;
    margin-bottom: 26px;
}

.abpb_section_label::before {
    content: "02";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    font-weight: 700;
}

.abpb_section_label::after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: var(--o-color);
    position: absolute;
    left: 0;
    top: 50px;
}

.abpb_main_title {
    font-size: 46px;
    color: #102040;
    font-weight: 700;
    margin: 30px 0px;
    transition: color 0.3s ease;
}


.abpb_item_box {
    padding: 10px 15px;
    transition: transform 0.32s ease;
}

.abpb_item_box:hover {
    transform: translateY(-6px);
}

.abpb_icon_circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #102040;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    transition: background-color 0.3s ease;
}

.abpb_item_box:hover .abpb_icon_circle {
    background-color: var(--o-color);
}

.abpb_icon_circle i {
    font-size: 48px;
    color: #ffffff;
}

.abpb_item_title {
    font-size: 26px;
    font-weight: 700;
    color: #102040;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 18px;
    transition: color 0.3s ease;
}

.abpb_item_title::after {
    content: "";
    width: 36px;
    height: 3px;
    background-color: var(--o-color);
    position: absolute;
    left: 0;
    bottom: 0;
}

.abpb_item_box:hover .abpb_item_title {
    color: var(--o-color);
}

.abpb_item_text {
    font-size: 19px;
    color: #333950;
    line-height: 1.6;
}

/* ===================== 通用基础样式 ===================== */
.abpv_vision_wrap {
    padding: 60px 0;
    background: #ffffff;
}

.abpv_section_head {
    margin-bottom: 45px;
}

.abpv_section_label {
    font-size: 24px;
    color: #102040;
    font-weight: 600;
    position: relative;
    padding:10px 0px 0px 70px;
    margin-bottom: 24px;
}

.abpv_section_label::before {
    content: "03";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    font-weight: 700;
}

.abpv_section_label::after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: var(--o-color);
    position: absolute;
    left: 0;
    top: 50px;
}

.abpv_main_title {
    font-size: 46px;
    color: #102040;
    font-weight: 700;
    transition: color 0.3s ease;
    margin: 0 0 22px;
}



.abpv_intro_text {
    font-size: 20px;
    color: #303850;
    line-height: 1.7;
    max-width: 75%;
}

.abpv_item_box {
    padding: 15px 5px;
    align-items: flex-start;
    transition: transform 0.32s ease;
}

.abpv_item_box:hover {
    transform: translateY(-6px);
}

.abpv_icon_circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #102040;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.abpv_item_box:hover .abpv_icon_circle {
    transform: rotateY(180deg);
}

.abpv_icon_circle i {
    font-size: 46px;
    color: var(--o-color);
}
.abpv_item_box_r {
    width: 70%;
}
.abpv_item_num {
    font-size: 44px;
    font-weight: 700;
    color: var(--o-color);
    line-height: 1;
    margin-bottom: 8px;
}

.abpv_item_title {
    font-size: 26px;
    font-weight: 700;
    color: #102040;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 18px;
    transition: color 0.3s ease;
}

.abpv_item_title::after {
    content: "";
    width: 36px;
    height: 3px;
    background-color: var(--o-color);
    position: absolute;
    left: 0;
    bottom: 0;
}

.abpv_item_box:hover .abpv_item_title {
    color: var(--o-color);
}

.abpv_item_desc {
    font-size: 19px;
    color: #303850;
    line-height: 1.6;
}

.footpicbox .bannerl_txtbox.abtpfoot {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.footpicbox .abtpfoot .bannerl_btn_y {
   
    display: block;
}

.abtpititle {
    padding-bottom: 20px;
}

.abtpititle p {
    width: 60%;
    margin: 0 auto;
}



/*contact*/

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

.contact_l {
    width: 49%;
}

.contact_lbox {
    background-color: #f3f8f8;
    border: 1px solid #c7c7c7;
    padding: 30px ;
    border-radius: 10px;
    margin-bottom: 30px;
}
.contact_llist {
    margin-top: 30px;
}
.contact_llist li {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.contact_llist li img {
    height: 45px;
    margin-right: 20px;
}
.contact_llist li a {
    width: 80%;
    display: block;
    padding-top: 10px;
}

.contact_lbox_b p {
    margin: 20px 0px 10px;
}
.contact_lbox_b ul {
    padding-left: 20px;
}
.contact_lbox_b ul p {
    list-style:disc;
    line-height: 1.8;
}

.contact_r {
    background-color: #f3f8f8;
    border: 1px solid #c7c7c7;
    padding: 30px ;
    border-radius: 10px;
}
.contact_rform,.ff-default {
    margin-top: 30px;
}

.contact_rform input,.ff-default input.ff-el-form-control  {
    width: 100%;
    height: 43px;
    border-radius: 6px;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 0px 15px;
}
.fluentform .ff-el-group {
    margin-bottom: 0px !important;
}
.contact_rform textarea ,.ff-default textarea.ff-el-form-control{
    width: 100%;
    height:112px;
    border-radius: 6px;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 15px;
}
.contact_rform input:focus, .contact_rform textarea:focus {
    border-color: #11416f;
}
.contact_rform button,form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style),form.fluent_form_2 .ff-btn-submit:not(.ff_btn_no_style) ,form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style),form.fluent_form_4 .ff-btn-submit:not(.ff_btn_no_style) {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    border: 1px solid var(--o-color);
    background-color: var(--o-color) !important;
    color: #ffffff;
    font-weight: 600;
    margin-top: 10px;
}

.contact_rform button:hover {
    background-color: #ffffff;
    color: var(--o-color);
}
.contact_bot {
    width: 100%;
}
.contact_bot_top {
    width: 100%;
    padding: 20px 0px;
    margin: 20px 0px;
    justify-content: center;
    background-color: #f3f8f8;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
}
.contact_bot_top img {
    height: 30px;
    margin-right: 15px;
}
.contact_bot_bot {
    width: 100%;
    padding: 20px ;
    background-color: #e7f0f9;
}





/* 20260819 */
.blogp_detailtop {
    padding-bottom: 30px;
}
.blogp_detailtop p span {
    margin: 0px 10px ;
}
.bd-pagination a,.bd-pagination span {
    padding: 5px 10px;
    border: 1px solid var(--o-color);
    margin: 0px 3px;
}
.blogp_detail .propb_content hr {
    margin-bottom: 15px;
}