@charset "utf-8";
* {
    font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

:root {
    --dark-color: #222;
    --web-color: #E64340;
    --other-color: #A63232;
    --other-color2: #ddcab9;
    --gray-color: #999;
    --yellow-color: #FF7E29;
	--yellow-color2: #FBF1C7
    --dark-border-color: #041501;
}

.web-color {
    color: var(--web-color);
}

/* @font-face {
    font-family: hytiaotiao;
    src: url(../fonts/HYTiaoTiao.woff2') format('woff2');	
    font-display: swap;
} */

@font-face {
    font-family: 'azonixregular';
    src: url('../fonts/azonix-webfont.woff2') format('woff2'),
    url('../fonts/azonix-webfont.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINCond-Light';
    src: url('../fonts/DINCond-Light.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}
.x-item a{
    line-height: 2;
    display: inline;
}
.ui-sidebar {
    right: 1.5%;
}

.l-page {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.l-page:after {
    content: "";
    position: absolute;
    top: 0;
    left: 28.2%;
    z-index: -5;
    display: block;
    width: 65.4%;
    height: 100%;
    background-color: #f9f9f9;
}

.l-page__line {
    position: absolute;
    top: 0;
    z-index: 60;
    display: none;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, .03);
}

.page-section {
    padding: 0 7.14286%;
}

.section-title {
    padding-bottom: 15px;
}

.section-title h1 {
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-family: DINCond-Regular, sans-serif;
}

.section-title span {
    font-size: 18px;
    line-height: 3;
}
.x-padding{
    padding-top: 60px;
    padding-bottom: 60px;
}

.index-video {
    position: relative;
    width: 100%;
    height: 100%;
}

/* 视频 slide：仅给文案本身加局部浮层，不让整张图变暗（保持背景清晰） */
.index-video .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 5;
}

.index-video .mask .x-width {
    background: linear-gradient(180deg, rgba(8, 10, 14, 0.58) 0%, rgba(8, 10, 14, 0.38) 100%);
    padding: 22px 38px;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(8, 10, 14, 0.25);
}

.index-video .mask h2 {
    text-shadow: 0 2px 12px rgba(8, 10, 14, 0.45);
}

.index-video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255, .1);
    z-index: 2;
}

.index-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.big-txt {
    font-size: 32px;
    color: var(--web-color);
}

.proshow {
    margin-bottom: 60px;
}

.proshow-body {
    position: relative;
    overflow: hidden;

}

.proshow-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 93.6%;
    background: #000 url('../images/proshow-bg.jpg') 0 0 /cover no-repeat fixed;
}

.proshow-bg .c-mask {
    position: absolute;
    width: 108.33333%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, .6);
    background-image: linear-gradient(
            -45deg, transparent 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));
    background-position: left top;
    background-size: 4px 4px;
    background-repeat: repeat;
}

.proshow-bg img {
    width: 100%;
    height: auto;
}

.more-link2 {
    position: relative;
    display: block;
    padding: 8px 0;
    width: 100%;
    border: solid 1px rgba(0, 0, 0, .5);
    color: #000;
    text-align: center;
    letter-spacing: .2em;
    font-weight: 400;
    font-display: swap;
    font-size: 14px;
    font-family: "DINCond-Light", sans-serif;
    line-height: 1.57143;
    transition: all .3s;
}

.more-link2:hover {
    background-color: #000;
    color: #fff;
}

.pro-a {
    width: 25%;
    padding: 4%;
    color: #fff;
    position: relative;
}

.pro-a h3 {
    font-weight: normal;
    padding-bottom: 20px;
    margin: 0;
    position: relative;
}

.pro-a h3:after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    left: 0;
    bottom: 0;
}

.pro-b {
    width: 75%;
    position: relative;
}

.ui-collapse-menu-body ul li {
    padding: 0 20px;
    line-height: 40px;
}

span.dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    color: #E64340;
}

.col-left #video {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: #000;
    position: relative;
}

.col-left #video video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-bullet-active {
    background: var(--web-color);
}

.ui-btn:hover {
    color: #fff;
    border-color: var(--web-color);
    box-shadow: 0 0 20px var(--web-color);
}

.ax-font-lighter {
    font-family: 'DINCond-Light';
}

@font-face {
    font-family: 'DINCond-Regular';
    src: url('../fonts/DINCond-Regular.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-light {
    font-family: 'DINCond-Regular';
}

@font-face {
    font-family: 'DINCond-Medium';
    src: url('../fonts/DINCond-Medium.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-regular {
    font-family: 'DINCond-Medium';
}

.x-flex li img {
    width: 100%;
}

@font-face {
    font-family: 'DINCond-Bold';
    src: url('../fonts/DINCond-Bold.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-bold {
    font-family: 'DINCond-Bold';
}

@font-face {
    font-family: 'DINCond-Black';
    src: url('../fonts/DINCond-Black.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-bolder {
    font-family: 'DINCond-Black';
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

.artshow h1 {
    font-size: 36px;
}

.x-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul, li {
    list-style: none;
}

.x-flex-start {
    align-items: start !important;
}

.x-flex-stretch {
    align-items: stretch !important;
}

.x-flex-center {
    justify-content: center !important;
}

.x-flex-around {
    justify-content: space-around;
}

.x-flex-list-2 > li {
    width: 50%;
}

.x-flex-list-3 > li {
    width: 33.3333%;
}

.x-flex-list-4 > li {
    width: 25%;
}

.x-flex-list-5 > li {
    width: 20%;
}

.x-flex-list-6 > li {
    width: 16.66667%;
}

.ui-collapse-menu-title:hover a, .ui-collapse-menu-body li a:hover {
    padding-left: 0;
}

.ui-collapse-menu-title:hover {
    background-color: var(--web-color);
}

.ui-collapse-menu-title:hover a, .ui-collapse-menu-title:hover i {
    color: #fff;
}

.ui-collapse-menu-title:hover
.ui-collapse-menu-body li:hover {
    background-color: #f5f5f5;
}

.ui-collapse-menu-title i {
    min-width: unset;
    font-size: 16px;
}

.container-left {
    width: 25%;
}
.container-left .ui-box{
    width: 240px;
}
.container-right {
    width: 75%;
    padding: 0 3%;
}

.ui-tabs-nav li.active {
    border-width: 1px;
}

.ui-tabs-nav li a:hover {
    color: var(--web-color);
}

.ui-collapse-menu-body li > a {
    display: inherit;
    font-size: 15px;
}

.ui-collapse-menu-body li a p {
    padding-left: 5px;
}

.ui-collapse-menu-body li a span {
    font-size: 13px;
    font-weight: 100;
}

.ui-collapse-menu-body.shows {
    display: block;
}

.am-text-nowrap {
    white-space: nowrap;
}

.am-scrollable-horizontal {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.container-right .content table tr > td:first-child,
.container-right .content table td.td-bg,
.container-right .content table tr:first-child {
    background-color: #f4f4f4;
}

.ui-filter {
    box-shadow: none;
}

.ui-modal {
    border: none;
    overflow: hidden;
}

.ui-collapse-menu-title.active a {
    color: #fff !important;
}

.ui-modal:before {
    content: '';
    width: 80%;
    height: 5px;
    background: var(--web-color);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1% 100%);
}

.yewu li {
    background-color: #f5f5f5;
    margin-bottom: 30px;
}

.yewu li .content {

    padding: 20px;
}

.yewu li h3 {
    font-size: 20px;
    line-height: 3;
}

.yewu li p {
    font-size: 16px;
    line-height: 2;
}

.yewu li .more-link {
    margin-top: 20px;
}

.xgnr {
    display: block !important;
}

.xgnr li {
    width: 100% !important;
    line-height: 45px;
    border: none !important;
    margin-bottom: 10px !important;
}

.border-none, .border-none * {
    border: none !important;
}

.xgnr li a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee !important;
}

.xgnr li span {
    font-size: 14px;
}

.bg-banner {
    height: 120px;
    position: relative;

}

.bg-banner .x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
}

@media screen and (min-width: 993px) {
    .proshow-body {
        overflow: visible;

    }

    .proshow-bg {
        top: auto;
        right: auto;

        height: 100%;
        width: 108.33333%;
    }

    .l-page:after {
        right: 7.14286%;
        left: auto;
        width: 64.28571%;
    }

    .l-page__line {
        display: block;
    }

    .l-page__line--item1 {
        left: 7.14286%;
    }

    .l-page__line--item2 {
        left: 28.57143%;
    }

    .l-page__line--item3 {
        left: 50%;
    }

    .l-page__line--item4 {
        left: 71.42857%;
    }

    .l-page__line--item5 {
        left: 92.85714%;
    }

}

@media only screen and (max-width: 992px) {

    .proshow-bg{
        width: 100%;
        height: 100%;
    }
    .pro-a,.pro-b{
        width: 100%;
    }
    .index-banner .swiper-slide > a .mask {
        display: none;
    }

    .x-thumb-content {
        position: static;

    }

    .x-effect:before, .x-effect:after {
        display: none;
    }

    .proshow .col-right .tags {
        margin: 15px 0;

    }

    .proshow .col-right .tags a {
        font-size: 12px;
        padding: 0 5px;
        margin: 0 5px 5px 0;
    }

    .ui-collapse-menu-title:hover a {
        padding-left: 0;
    }

    .x-main-title h3 {
        font-size: 24px;
    }

    .left-adv {
        display: none
    }

    .page-title em {
        font-size: 24px;
    }

    .page-left {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .left-pro, .left-con, .left-video, .left-solu, .left-work {
        margin-top: 0;
        padding: 0;
        border: none;
    }

    .left_title {
        margin-bottom: 0;
        padding: 0 10px;
        background: var(--web-color);
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .left_title > em {
        margin: 0;
        font-size: 18px;
        color: #fff;
        padding: 0;
        height: 50px;
        line-height: 50px
    }

    .left_title em:before {
        display: none
    }

    .page-left .left_title > span {
        display: none;
    }

    .left-con .left_title {
        display: block;
    }

    .left_title .column_icon_toggle {
        display: block;
        position: relative;
        font-size: 18px;
        font-weight: normal;
        color: #fff;

    }

    .page-right {
        width: 100%;
        padding: 0;
        float: none;
    }

    .left-cat {
        margin-bottom: 10px;
    }

    .left-cat .left_title em {
        font-size: 20px;
    }

    .left-cat .left_title em:before {
        display: none
    }
}

.textarea-content .ui-form-icon {
    top: 28px;
}

.ui-modal-header .ui-modal-close {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
    justify-content: center;
}

.ui-box-radius .ui-box-title span {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
}

.ui-box-radius .ui-box-title span i {
    font-size: 14px;
}

.x-container .container-left {
    transform: scale(0, 1);
    height: 0;
}

.x-container .container-right {
    width: 100%;
}

.x-container.open .container-left {
    transform: scale(1);
    height: auto;
}

#open-nav {
    position: fixed;
    top: 60%;
    width: 40px;
    left: -100px;
    z-index: 999;
    background: linear-gradient(90deg, var(--web-color) 40%, var(--other-color) 100%);
    padding: 20px 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 0 10px 10px 0;
    transition: all .3s;
}

#open-nav span {
    font-size: 14px;
}

#open-nav.open {
    left: 0;
}

.x-container.open .container-right {
    width: calc(100% - 280px);
}

.ui-box-radius .ui-box-title #nav-left.active i:before {

}

.container-left .ui-box-radius .ui-box-title h3 span {
    font-size: 24px;
}

.artlist-item:hover .artlist-item-body .title, .ui-tabs-nav li.active a {
    color: var(--web-color);
}

.ui-timeline-dot, .ui-tabs-nav li.active, .ui-box-h2:after {
    border-color: var(--web-color);
}

.ui-btn {
    background: var(--web-color);
    border-color: var(--web-color);
    color: #fff;
}

.ui-box-title {
    background: linear-gradient(90deg, var(--web-color) 40%, var(--other-color) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ui-box-title {
    padding: 30px 20px;
}

.ui-box-radius {
    overflow: hidden;
}

.ui-table td {
    padding: 10px;
}

.ui-collapse-menu {
    margin: 0;
}

.ui-collapse-menu-title {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.ui-collapse-menu-title.active {
    background: #000;
    color: #fff;
}

.ui-collapse-menu-title > a {

    flex: unset;
    transition: unset;
}
.ui-page .page-num{padding:9px 15px;border:1px solid #e4eaec;background:#ffffff;margin-right:6px;}
.ui-page .page-num-current {color:#ffffff;border:0px;background: var(--web-color);border-color: var(--web-color);}
.ui-page .page-num-current a, .page-num-current:hover {color:#ffffff;background: var(--web-color);}
/* 
.ui-page ul li.active {background: var(--web-color);border-color: var(--web-color);}
.ui-page ul li.active a, .ui-page ul li.active a:hover {background: var(--web-color);}
*/
.proshow .col-right .intro {
    text-align: justify;
    line-height: 2;
}

.a-title2 {
    margin-bottom: 30px;
    overflow: hidden;
}

.a-title2 h1 {
    font-size: 40px;
    position: relative;
}

.a-title2 h1 span {
    padding-right: 20px;
}

.a-title2 h1:after {
    content: '';
    width: 100%;
    top: 35px;
    position: absolute;
    background-color: #fff;
    border-bottom: 1px dotted #262626;

}

.banner .swiper-slide img {
    width: 100%;
}

.mobile-show {
    display: none !important;
}

.artshow .info {
    text-indent: -1em;
}

.artlist-item-body .tags {
    margin-top: 5px;
}

.artlist-item-body .tags a {
    background-color: #fff;
    box-shadow: none;
    font-size: 12px;
    line-height: 24px;
    border-color: #ccc;
}

.artlist-item {
    align-items: start;
}

.artlist-item-body .tags a:hover {
    color: #000;
    border-color: #000;
}

.artlist-item-body .desc {
    line-height: 30px;
    margin-top: 10px;
    font-size: 14px;
}

.ui-menu .ui-menu-name {
    border-color: var(--web-color);
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: bold;
}

.ui-menu {
    margin-bottom: 20px;
}

.banner_inner {
    position: relative;
    width: 100%;

}

.banner_inner .ui-bread ul {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.ui-bread ul li {
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
}

.ui-bread ul li i {
    font-size: 16px;
    padding: 0;
}

.ui-bread ul li + li:before {
    padding: 0 8px 0 5px;
    content: '/';
}

#x-loading {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
}

.loader {
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    font-family: sans-serif;
    color: #ffffff;
    font-size: 16px;
    display: block;
    position: relative;
}

.loader span {
    z-index: 3;
}

.loader-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent repeat-x 0 100px/150px 300px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAEsCAYAAACG+vy+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABLdJREFUeNrs299nXGkcx/FPMhVKSZUQSinLUEooJSxlWEIJvS1lydXeLqX/Qf+H3i5bpVQverVEo9XYUkqJhhJql2UJIeSq2ovzDacju82PTjKTeb04TjMTjTyZ9zznPOfMxPmHK4Ejmkpy9X+e30myNoq/2Bl/W/ZwKckPtc3V/kLr+Zn6nsN6U/t/k3xMsp5kK8nb1mMC4USdTXKl3vkvVwTdCqIz4J99bR/f045mvfbvKiCBMJAgekluJLlVQQyzbu2v9z3+d8XythXNukA47Dv1QkXRO4aZ4ThcrO1m67GtJC9rW07yWiD814unl2SxopgZk997uoLZjWa7FcxK7QUypmaS3KltznAkSc7VzLnQmmH+SPK49pv7/Y8mLPOOpE69Wy7VvmNIDmS5QnmUZEMgp2u2+LXCmDEc38WbCuX3WgAQyAjqVhg/p7kox2C8TPJbxbItkOE3n+RummVZjs92zSoPJpPcS7P6wfBYTPIiyStxnNhJ/lKSPyeT3E/yV5LnSX5JMmt8TsRU/VHeJ3ma5EdDcvImzj9c+bzH46tJntWx2IZhGviJ91KdYzjxHpFA2j4keZLmgstymjszOfpssVgn3QuxTDvSgbR9aoWyXDMN+3c9zQW92/n67liG1EGvpHfS3MrQq683K5LVNPe/rNYKAI3dGwQX01zQsxhyygPpdyFf3wOTNHdXrrSi+TBmY9pN8lMdOvUqEsbkEOswtiqatTRXLddq2zwF4zeV5lrFfJpVp3mHTmaQg5quF0//suU/Fcq71n4nzT3+wzozXOnb5ryEBDIos7X19nhuO82HYHY/fvmx/r3eOsdZy9FX1Dp9L/LdT9nN1vlCtwIXgkCGyrns72OZ/Ta+ceh2MS6EcgoCOazLtcF3MWkIQCAgEBAICAQEAgIBgYBAQCCAQEAgIBAQCAgEBAICAYGAQEAggEBAICAQEAgIBAQCAgGBgEAAgYBAQCAgEBAICAQEAgIBgYBAAIGAQEAgIBAQCAgEBAICAYEAAgGBgEBAICAQEAgIBAQCAgGBAAIBgYBAQCAgEBAICAQEAgIBBAICAYGAQEAgIBAQCAgEBAICAQQCAgGBgEBAICAQEAgIBAQCAjEEIBAQCAgEBAICAYGAQEAgIBBAICAQEAgIBAQCAgGBgEBAICAQQCAgEBAICAQEAgIBgYBAQCCAQEAgIBAQCAgEBAICAYGAQEAggEBAICAQEAgIBAQCAgGBgEAAgYBAQCAgEBAICAQEAgIBgYBAAIGAQEAgIBAQCAgEBAICAYEAAgGBgEBAICAQEAgIBAQCAgGBAAIBgYBAQCAgEBAICAQEAgIBgRgCEAgIBAQCAgGBgEBAICAQEAggEBAICAQEAgIBgYBAQCAgEBAIIBAQCAgEBAICAYGAQEAgIBBAICAQEAgIBAQCAgGBgEBAICAQQCAgEBAICAQEAgIBgYBAQCCAQEAgIBAQCAgEBAICAYGAQEAggEBAICAQEAgIBAQCAgGBgEAAgYBAQCAgEBAICAQEAgIBgYBAAIGAQEAgIBAQCAgEBAICAYGAQAwBCAQEAgIBgYBAQCAgEBAICAQQCAgEBAICAYGAQEAgIBAQCIy3LwMAZISJmhIzD54AAAAASUVORK5CYII=');
    z-index: 2;
    animation: wave 1s ease-out forwards;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes drop {
    0% {
        bottom: 0px;
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        bottom: -200px;
    }
}

@keyframes wave {
    0% {
        background-position: 0 160px;
        background-size: 170px 300px;
    }

    100% {
        background-position: 500px -18px;
        background-size: 250px 150px;
    }
}

span.dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #E64340;
    vertical-align: middle;
    margin-right: 5px;
}

#sun-mode {
    display: none;
}
.x-path2{
    border-bottom: 1px solid #eee;
}
.x-path2 .ui-bread-1{
    padding: 10px 0;
}
.x-path {
    border-top: 1px solid #eee;
}

.x-path .ui-bread-1 {
    padding: 30px 0;
    display: flex;
    justify-content: flex-end;

}

.x-path .f-tel span {
    font-size: 24px;
}

.banner_inner {
    position: relative;
    background: linear-gradient(60deg, #000 0%, #1a1a1a 100%);
    height: 33vh;
    min-height: 330px; /* 防矮视口内容与悬浮 header 重叠 2026-10-14 */

}

.banner_inner .title {
    padding-top: 0;
}

.banner_inner .x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.3);
}

.banner_inner .x-mask .content {
    color: #fff;

}

.banner_inner .x-mask .content h1 {
    font-size: 35px;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1;
    font-family: DINCond-Regular,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
.banner_inner .x-mask .content span{
    font-size: 18px;
}
.banner_inner .x-mask2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .4);
}

.banner_inner .x-mask2 h3 {
    font-size: 48px;
}

.banner_inner .x-mask h1 {
    font-size: 36px;
}

.banner_inner .x-mask .t2 {
    margin-bottom: 20px;
    max-width: 480px;
}

.banner_inner .title, .banner_inner .intro {
    color: var(--web-color);
}

.banner_inner img {
    width: 100%;
}

.x-pro-list {
    align-items: stretch;
}
.x-pro-list li{
    padding: 10px;
}
.li-padding {
    padding: 3%;
}

.x-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.x-effect:before {
    content: "";
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, .2);
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all 0.25s linear;
}

.x-effect:after {
    content: "";
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, .2);
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    transition: all 0.25s linear;
}
.x-effect .img{padding:10px 0; height:100%;overflow:hidden;margin-bottom:1px}
.x-effect .img div{height:320px;}
.x-effect .img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
/* .x-effect .txt{background:#fff;border-top:1px solid #eee;position:relative}
.x-effect .txt:after{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:#15569d;transition:.6s}
.x-effect a:hover .txt:after{height:3px;width:100%}
.x-effect .txt h5{font-size:1.25rem;line-height:2}
.x-effect .txt i{font-size:2rem}
.x-effect a{display:block;border:0px solid #eee}
.x-effect a:hover i{padding-left:2rem} */
li:hover .x-effect:before, li:hover .x-effect:after {
    height: calc(100%);
    width: calc(100%);
}
.x-thumb-content{
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;

}
.x-thumb-content a{
    font-size: 16px;
}
li:hover .x-thumb-content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
    font-weight: bold;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s linear;
    transition-delay: 0.25s;
    transform: scale(0, 0);
}

li:hover .x-thumb-content > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px; 
}

.x-effect:hover .x-thumb-content {
    transform: scale(1, 1);
}

a:hover {
    color: var(--web-color);
}

.ui-sidebar {
    width: max-content;
    height: auto;
    top: 40%;
}

.ui-sidebar ul {
    box-shadow: none;
}

.ui-sidebar ul li {
    margin-bottom: 10px;
}

.ui-sidebar ul li a {
    height: 50px;
    border-radius: 50% !important;
    color: #999;
}

.ui-sidebar ul li a:hover {
    background: var(--web-color);
    border-color: var(--web-color);
}

.more-link {
    position: relative;
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    min-width: 160px;
    background-image: linear-gradient(90deg, var(--web-color), var(--other-color));
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    transition: all .3s;
    cursor: pointer;
}

.more-link span {
    z-index: 2;
    position: relative;
    color: #fff !important;
    cursor: pointer;
    font-size: 16px;
}

.more-link span i {
    color: #fff !important;
}

.more-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: scale(0);
    transition: all 150ms ease-out;
}

.more-link:hover {
    box-shadow: 0 10px 30px #ccc;
}

.more-link:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.more-link:hover span {
    color: var(--web-color) !important;
}

.x-border {
    border: 1px solid #eaeaea;
}

.x-picture {
    overflow: hidden;
}
.x-picture .img{height:100%;overflow:hidden;margin-bottom:1px}
.x-picture .img div{height:240px;}
.x-picture .img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.x-picture img {
    height: 100%;
    overflow:hidden;
}
.x-picture img {
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
}

.x-picture:hover img {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05); /* IE 9 */
    -moz-transform: scale(1.05, 1.05); /* Firefox */
    -webkit-transform: scale(1.05, 1.05); /* Safari and Chrome */
    -o-transform: scale(1.05, 1.05); /* Opera */
}

footer {
    background-color: #000;
    color: #999;
    padding: 3% 0;
    position: relative;
}

footer .foot-logo span {
    color: #fff;
}

.copyright {
    background-color: #000;
    font-size: 14px;
    border-color: #333;
    color: #999;
}

.foot-logo-div p {
    line-height: 2;
}

footer a, .copyright a {
    color: #999;
}

footer a:hover, .copyright a:hover {
    color: #fff;
}

.x-sns a {
    margin-left: 15px;
}

footer .x-sns a:hover {
    color: var(--web-color);
}

.x-sns span {
    font-size: 30px;
}

.foot-logo {
    display: block;
}

.foot-logo img {
    height: 60px;
    margin-bottom: 15px;
}

.foot-logo span {
    font-size: 60px;
    color: var(--web-color);
}

footer .foot-1 {
    border-top: 1px solid #666;
}

footer .foot-1 li h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

footer .foot-1 li h3 span {
    font-weight: normal;
}

footer .foot-1 .list-container li {
    line-height: 30px;
}

footer .link {
    margin-top: 30px;
}

footer .link h4 {
    display: inline-block;
    margin-right: 20px;
}

footer .link a {
    background-color: transparent;
    color: #ccc;
    border-color: #ccc;
    font-size: 14px;
    padding: 5px 10px;
}

footer .link a:hover {
    color: #fff;
    border-color: #fff;
}

footer .foot-1 .contactInfo P {
    margin-bottom: 10px;
}

footer .foot-text {
    padding: 20px 0;
}

footer .contactInfo p.t1 {
    font-size: 32px;
    font-weight: bold;
}

footer .footer-list li h4 {
    display: inline-block;
    line-height: 3;
    border-bottom: 1px solid #666;
    margin-bottom: 15px;
}

footer .footer-list li .list-container li {
    line-height: 2.4;
}

.head-logo {
    height: 65px;
}

.x-header {
    width: 100%;
    padding-left: 30px;
    margin: 0 auto; 
	/*background: rgba(0, 0, 0, 0.1);以下两行均是调整背景色透明度的*/
	background-color: hsla(0, 0%, 100%, 0.1); 
}

.x-main-title {
    position: relative;
    z-index: 2;
    margin-bottom: 60px;
    text-align: center;
}

.x-main-title h1 {
    font-size: 40px;
    position: relative;
    padding-bottom: 20px;
    margin: 0;
}

.x-main-title h1::after {
    content: "";
    display: block;
    position: absolute;
    width: 3.34rem;
    height: 0.25rem;
    border-radius: 0.5rem;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    background: linear-gradient(90deg, #E64340, #A63232);
    box-shadow: 0 3px 10px rgba(230, 67, 64, .35);
}

.x-main-title h3 {
    line-height: 2;
    font-size: 24px;
    font-weight: normal;
    opacity: 0.3;
    margin: 0;
    font-family: 'azonixregular', sans-serif;
}

.x-main-title .x-mask {
    z-index: -1;
    top: 0;
    left: 0;
}

.x-main-title .x-mask span {
    font-size: 100px;
    color: #dedede;
}

.about-video {
    display: block;
    position: relative;
    z-index: 10;
}

.about-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: fill;

}

.about-video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 2;
}

.about-video span {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: #fff;
    position: absolute;
    font-size: 24px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    transition: all .3s;
    z-index: 5;
}

.about-video:hover span {
    color: var(--web-color);
    background-color: #fff;
    webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.x-pr {
    position: relative;
}

.x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.x-cover {
    width: 100%;
    height: 100%;
    position: relative;
}

.x-cover:before, .x-cover:after {
    content: '';
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: all 700ms ease 0s;
    -webkit-transition: all 700ms ease 0s;
    -moz-transition: all 700ms ease 0s;
    -ms-transition: all 700ms ease 0s;
    -o-transition: all 700ms ease 0s;
}

.x-pro-list li:hover .x-cover:before {
    left: 50%;
    opacity: 1;
    right: 50%;
}

.x-pro-list li:hover .x-cover:after {
    bottom: 50%;
    opacity: 1;
    top: 50%;
}

/*头部*/
/* 顶部导航：纯白实底 + 深字，彻底独立于背景图亮度（参考图2的纯净白底导航，文字改为深蓝保证可读） */
header {
    position: absolute;
    z-index: 990;
    width: 100%;
    top: 0;
    background-color: #ffffff;
    box-shadow: 0 2px 14px rgba(15, 23, 42, 0.10);
}

/* 顶部导航：浅底深字，不再依赖背景图亮度（解决白字在亮图上看不清） */
.x-header .nav ul li a:hover {
    color: var(--web-color);
}
.x-header .nav ul li.active > a {
    color: var(--web-color);
}

.x-header {
    width: 100%;
    margin: 0 auto;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

._fixed .x-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-radius: 0;
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);
}

@-webkit-keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

@keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

.head-logo {
    display: flex;
    align-items: center;
    height: 90px;
}

._fixed .head-logo {
    height: 40px;
}

.head-logo a span {
    font-size: 66px;
    color: var(--web-color);
}

._fixed header .head-logo a span {
    font-size: 40px;
}

.head-logo img {
    height: 50px;
}

.logo-text {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid var(--web-color);
}
.logo1{
    display: none;
}
._fixed .logo1{
    display: block;
}
._fixed .logo2{
    display: none;
}

.logo-text p {
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    color: #1f2d3d;
}
._fixed .logo-text p{
    color: #000;
}

.logo-text .t3 {
    font-size: 18px;
    display: none;
}

.nav {
    min-width: unset;
}

.nav .ui-nav > ul {
    display: flex;
    align-items: center;
}

.nav .ui-nav {
    height: 90px;
    align-items: center;
}

.nav ul li {
    border: none;
}

.nav ul li a {
    font-size: 18px;
    line-height: 90px;
    color: #1f2d3d;
}

._fixed .nav ul li a {
    line-height: 60px;
    color: #000;
}

.nav ul li ul li a, ._fixed .nav ul li ul li a {
    line-height: 40px;
}

.nav ul li.hotline {
    line-height: normal;
    padding: 0 10px;

}

.nav ul li.hotline .t1 {
    font-size: 14px;
    line-height: 1;
    color: #1f2d3d;
}

.nav ul li.hotline .t2 {
    font-size: 24px;
    font-family: DINCond-Bold, sans-serif;
    color: var(--web-color);
}

.nav ul li.hotline span {
    font-size: 36px;
    margin-right: 10px;
    color: var(--web-color);
}
._fixed .nav ul li.hotline .t1{
    color: #333;
}
._fixed .nav ul li.hotline .t2,._fixed .nav ul li.hotline span{
    color: var(--web-color);
}
.nav ul li ul {
    border-top: 2px solid var(--web-color);
}

.nav ul li ul li a {
    font-size: 14px;
    padding: 0 5px;
    text-align: center;
}

.nav ul li.active > a {
    color: var(--web-color);
}

.nav ul li ul li a:hover {
    background-color: var(--web-color);
}

header li.top-search a span {
    font-size: 24px;

}

header li.top-search #searchForm {
    position: absolute;
    padding: 20px;
    background-color: #fff;
    width: 340px;
    right: 0;
    opacity: 0;
    transition: all .3s ease 0s;
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
    box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.1);
}

header li.top-search #searchForm .ui-form-group {
    margin: 0;
    padding: 0;
}

header li.top-search #searchForm .ui-input-group {
    width: 100%;
}

header li.top-search #searchForm.open {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
}

header li.top-search #searchForm input {
    font-size: 14px;
}

/*首页*/
.index-banner .swiper-slide {
    height: 100vh;
}

.index-banner .swiper-slide > a {
    display: block;
    height: 100%;
}

/* hero 主图不再叠加任何遮罩，背景图保持清晰（用户要求：不用 mask 样式） */
.index-banner .swiper-slide > a .mask {
    display: none;
}

.index-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-banner .more-link {
    background: #fff;
}

.index-banner .more-link:hover {
    box-shadow: none;
}

.index-banner .more-link span {
    color: var(--web-color);
}

.index-banner .more-link:hover:before {
    background-color: var(--web-color);
}

.index-banner .more-link:hover span {
    color: #fff;
}

.index-banner-b {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-start {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 60px;
    z-index: 2;
    opacity: .5;
    transition: all .3s;
}

.button-start:hover {
    opacity: 1;
}

.bottom-style {
    position: absolute;

    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 20;
}

.headShake {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    border: 1px solid #fff;
    transition: 300ms ease-in-out;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    display: block;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes headShake {
    0% {
        transform: translateY(0);
    }
    6.5% {
        transform: translateY(-6px) rotateX(-9deg);
    }
    18.5% {
        transform: translateY(5px) rotateX(7deg);
    }
    31.5% {
        transform: translateY(-3px) rotateX(-5deg);
    }
    43.5% {
        transform: translateY(2px) rotateX(3deg);
    }
    50% {
        transform: translateY(0);
    }
}

@keyframes headShake {
    0% {
        transform: translateY(0);
    }
    6.5% {
        transform: translateY(-6px) rotateX(-9deg);
    }
    18.5% {
        transform: translateY(5px) rotateX(7deg);
    }
    31.5% {
        transform: translateY(-3px) rotateX(-5deg);
    }
    43.5% {
        transform: translateY(2px) rotateX(3deg);
    }
    50% {
        transform: translateY(0);
    }
}

.organic-bump {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%
}

.organic-bump svg {
    width: 100%;
    fill: #fff;
    z-index: 1;
    margin-bottom: -1px;
}

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

/* Animation */

.parallax > use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/
@media (max-width:768px){
.waves {
        height: 40px;
        min-height: 40px;
    }

    .waves .content {
        height: 30vh;
    }

    .waves h1 {
        font-size: 24px;
    }
.artshow .content, .proshow_content, .artshow_content{ overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }
  .artshow .content table, .proshow_content table, .artshow_content table{ min-width:0 !important; width:100% !important; }
  .artshow .content table td, .artshow .content table th, .proshow_content table td, .proshow_content table th{
    font-size:12px !important; line-height:1.5 !important; padding:5px 7px !important;
  }
  .artshow .content table th, .proshow_content table th{ white-space:nowrap !important; }
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    background-size: 8px 14px;
}

.banner .banner-control {
    height: 70px;
    display: flex;
    align-items: center;
}

.banner-nav {
    color: var(--web-color);
}

.banner-nav .btn-down span {
    font-size: 20px;
    font-weight: bold;
}

.banner-nav .swiper-pagination-custom {
    position: static;
    width: auto;
    height: 40px;
    line-height: 40px;
    margin-left: 30px;
    font-weight: 700;
    font-family: 'azonixregular', sans-serif;
}

.swiper-pagination-custom .line {
    display: inline-block;
    position: relative;
    height: 1px;
    width: 60px;
    background-color: #a1a1a1;
    vertical-align: middle;
    margin: 0 10px;
}

.banner-nav {
    position: absolute;
    width: 100%;
    height: 70px;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.banner-nav .x-width {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0 30px;
    height: 70px;
    position: relative;
}

.banner-nav .ui-list li {
    border: none;
}

.banner-nav .x-width > .x-flex {
    height: 100%;
}

.banner-news-info {
    text-align: right;
}

.banner-news-info span {
    argin-left: 10px;
    margin-right: 5px;
}

.banner-nav .swiper-button-prev.square-style {
    left: 50px;
}

.banner-nav .swiper-button-next.square-style {
    right: auto;
    left: 110px;
}

.banner .btn-down {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 24px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;

}

.square-style {
    height: 40px;
    width: 40px;
    background-color: var(--web-color);
    opacity: 1;
    display: inline-block;
    margin-right: 10px;
    margin-top: 0;
}

.banner .swiper-button-prev, .banner .swiper-button-next {
    position: static;
}

.banner .swiper-button-prev {
    background-image: url(../images/prev-2.png);
}

.banner .swiper-button-next {
    background-image: url(../images/next-2.png);
}

.banner-nav .banner-tel {
    position: absolute;
    right: 50px;
    top: 0;
    font-size: 24px;
    line-height: 70px;
    display: flex;
    align-items: center;
    color: var(--web-color);
}

.banner-nav .banner-tel span {
    font-size: 24px;
    margin-right: 10px;
}

.banner .banner-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

.banner .x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;

}

.banner .x-mask .content {
    width: 50%;
    text-align: left;
}

.banner .x-mask .content .t1, .banner .x-mask .content .t2 {
    font-size: 48px;
}

.banner .x-mask .content .t3 {
    margin-top: 30px;
}

.banner .x-mask .content ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.banner .x-mask .content ul li {
    width: 30%;
    line-height: 30px;
    margin-bottom: 10px;
}

.banner .x-mask .content ul li p {
    font-size: 18px;
}

.banner .x-mask h1 {
    font-size: 4vw;
}

.banner .x-mask p {
    font-size: 1.3vw;
}

.banner .video {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner .video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: fill;
}

.solution-list li .content {
    padding: 10px;
    text-align: center;
}

.solution-list li {
    margin: 20px 0;
}

.product-new-label {
    color: #fff;
    background: var(--web-color);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 15% 75%, 0 100%, 0% 25%);
    z-index: 1;
}

.product-hot-label {
    color: #fff;
    background: #cd1b29;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 15% 75%, 0 100%, 0% 25%);
    z-index: 1;
}

/*index*/

#index-proshow {

}

#index-proshow .x-cate-list {
    padding: 5% 0;
    color: #fff;

}
#index-proshow .x-pro-list{
    margin: 3% 0 1.5%;
}
#index-proshow .mores{
    display: inline-block;
    text-align: left;
}
#index-proshow .x-cate-list li {
    width: calc(33.3333% - 1px);
    margin-bottom: 1px;
    position: relative;
    transition: all .3s;
    color: #fff;
}

#index-proshow .x-cate-list li h4 {
    margin: 0;
}

.c-btn {
    position: relative;
    display: block;
    background: var(--web-color);
    color: #fff;
    padding: 5%;
    transition: all .3s;
}
.c-btn:hover {
    background-color: #222;
    color: #fff;
}
.c-btn-line {
    position: absolute;
    top: 0;
    right: 8%;
    bottom: 0;
    display: block;
    margin: auto;
    max-width: 24px;
    width: 8%;
    height: 1px;
    background-color: rgba(255,255,255,.75);

}

.c-btn-line:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 10px;
    height: 1px;
    background-color: rgba(255, 255, 255, .75);
    content: "";
    opacity: 0;
    transition: .3s ease;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.c-btn:hover .c-btn-line {
    animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);
}

.c-btn:hover .c-btn-line:before,.active .c-btn-line:before{
    opacity: 1;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.c-btn.mores{
    width: 25%;
    padding: 20px;
}
#left-nav{
    max-width: 300px;
}
.left-nav .c-btn{
    background-color: #999;
}
.left-nav li.active .c-btn{
    background-color: #000;
}
.left-nav li{
    margin-bottom: 1px;
}
.left-nav li:hover .c-btn{
    background-color: #000;
}
.left-nav li p{
    line-height: 38px;
    padding-left: 20px;
}
.left-nav li.active > a{
    background-color: #000;
}
#index-about{
    background: linear-gradient(to right, #000000, #1a1a1a);
    color: #fff;
}
#index-about a{
    color: inherit;
}

#index-app ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

#index-app ul li {
    width: 25%;
    padding: 2px;
}
.section-intro{
    width: 50%;
}
#index-app ul li .x-bg {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
}

#index-app ul li .x-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    transition: all 0.5s;
}

#index-app ul li:hover .x-bg img {
    transform: scale(1.2);
}

#index-app ul li .x-bg .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
}

#index-app ul li .x-bg .content span {
    padding: 10px 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.index-div {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}
#index-case{
    background: linear-gradient(to right, #1a1a1a, #000000);
    color: #fff;
}
#index-case .pro-a{
    position: relative;
    padding: 3% 0 3% 3%;
    z-index: 2;
}
#index-case .pro-a > div{
    width: 100%;
}
#index-case .pro-a .section-title{
    text-align: right;
}
.second-about {
    text-align: center;
    border-radius: 10px;
    background: var(--web-color);
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    margin: 0 auto 60px;
    background-image: -moz-linear-gradient(0deg, rgb(212 49 42) 0%, rgb(212 121 42) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(212 49 42) 0%, rgb(212 121 42) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(212 49 42) 0%, rgb(212 121 42) 100%);
}

.about-text span {
    font-size: 60px;
    line-height: 1;
    position: relative;
    display: block;
    font-weight: 600;
    /*font-family: 'azonixregular',sans-serif;*/
}

.about-text span sub {
    font-size: 24px;
    color: var(--web-color);
    font-weight: 400;
}
#index-about li{
    width: 47%;
}
#index-about li img {
    max-width: 100%;
}

#index-about .about-txt p{
    line-height: 2;
    text-align: justify;
    margin-bottom: 20px;
}

#index-news .section-title{
    color: #000;
}
#index-news .pro-a{
    padding: 10px 40px 0 0;
}
#index-news .pro-a li{
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
.wz-list .list{
    padding: 0 5.6% 0 6.4%;
}
.wz-list  li, .list li{
    border-top: 1px solid #bbb;
    margin: 0;
}
.wz-list  li a{ 
    display: flex; 
    font-size: 14px;
    padding: 16px 0;
    line-height: 2;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}
.pro-a .list{display:block;
    line-height: 2;
	}
.news-date {
    padding-right: 0;
    padding-left: 3.07692%;
	width: 30.25641%;
}
.news-title {
    padding-right: 0;
    font-weight: bold;
    width: 69.74359%;
}
#index-contact {
    position: relative;
    background: linear-gradient(to right, #000000, #1a1a1a);
    color: #fff;
}
#index-contact a{
    color: inherit;
}
#index-contact:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
}
#index-contact .pro-a {
    width: 33.333%;
    color: #fff;
    padding: 0;
    position: relative;
}
#index-contact .pro-a form{

    position: relative;
    z-index: 10;
}
#index-contact .ui-form-limit-text{
    color: #fff;
}
#index-contact .pro-a .ui-form-group .ui-form-ip{
    color: #fff;
    background-color: #333;
    border: none;
}
#index-contact .pro-b{
    width: 63.66667%;
    padding-left: 40px;

}
#index-contact .pro-b p{
    line-height: 3;
}
.en-font {
    font-size: 20px;
}
#particles-js canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

#index-news .more-link {
    display: block;
    margin: 40px auto 0;
    width: 160px;
}

.news-list li {
    padding: 10px;
    margin-bottom: 0.75%;
    transition: all .3s;
}

.news-list li > a {
    display: block;
    overflow: hidden;
}

.news-list li .img-box {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5e5e5;
    position: relative;
    overflow: hidden;
}

li .no-pic, li .has-pic {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    background: linear-gradient(90deg, #ddd, #fff, #ddd);
    position: relative;
    transition: all .3s
}
li:hover .no-pic, li:hover .has-pic{
    transform: scale(1.1);
}
li .no-pic .p-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex; 
    align-items: center;
    justify-content: center;

}
li .no-pic img{
    width: 40%;
}
li .has-pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

li .no-pic span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: var(--web-color);
    font-size: 60px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.news-list li .img-box img {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.news-list li .x-content {
    background-color: #f5f6f8;
    padding: 20px 5px;
    text-align: left;
}

.news-list li h4 {
    position: relative;
    margin-bottom: 15px;
}

.news-list li h4 a {
    display: inline;
}

.news-list li h4:after {
    /*content: '';*/
    display: block;
    width: 60px;
    height: 2px;
    background-color: var(--web-color);
    margin: 5px auto;
}

.news-list li p {
    font-size: 14px;
    margin: 0;
    color: #999;
}

.news-list li p span {
    font-size: 14px;
}

#zhineng {
    position: relative;
}

#zhineng li {
    background-color: #fff;
    padding: 0 !important;
    border: 5px solid #ddd !important;
}

#zhineng .content {
    position: relative;
    padding: 30px;
}

#zhineng li .xh {
    width: 160px;
    line-height: 60px;
    background-color: #E64340;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    border-radius: 20px 0 20px 0;
    position: absolute;
    transition: all .5s;
    z-index: 2;

}

#zhineng li:nth-child(3), #zhineng li:nth-child(4) {
    margin-bottom: 0;
}

#zhineng li:nth-child(1) .xh {
    right: -15px;
    bottom: -15px;
    border-radius: 0 20px 0 20px;
}

#zhineng li:nth-child(2) .xh {
    left: -15px;
    bottom: -15px;
}

#zhineng li:nth-child(3) .xh {
    right: -15px;
    top: -15px;
    border-radius: 20px 0 20px 0;
}

#zhineng li:nth-child(4) .xh {
    left: -15px;
    top: -15px;
    border-radius: 0 20px 0 20px;
}

#zhineng li:nth-child(1):hover .xh {
    right: 0;
    bottom: 0;
    border-radius: 0;
}

#zhineng li:nth-child(2):hover .xh {
    left: 0;
    bottom: 0;
    border-radius: 0;
}

#zhineng li:nth-child(3):hover .xh {
    right: 0;
    top: 0;
    border-radius: 0;
}

#zhineng li:nth-child(4):hover .xh {
    left: 0;
    top: 0;
    border-radius: 0;
}

#zhineng li:hover {
    box-shadow: none !important;
}

#zhineng li .nr {
    padding: 30px;
    height: 180px;
    transition: all .5s;
}

#zhineng li:hover {
    border-color: #E64340 !important;
}

#zhineng li .nr p {
    font-size: 20px;
    font-weight: bold;
}

#zhineng li:hover span, #zhineng li:hover .nr p {
    color: #E64340;
}

#zhineng h1 {
    margin: 0;
    line-height: normal;
}

#zhineng h1 span {
    font-size: 50px;
}

.am-text-danger {
    color: var(--web-color);
}

.container-right .ui-text-center p {
    font-size: 20px;
    text-align: center !important;
}

#support .container-right li {
    border: none;
    text-align: left;
}

#support .container-right .ui-tabs-nav li {
    border: 1px solid #eee;
}

#support .container-right .ui-tabs-nav li.active {
    border-color: var(--web-color);
}

#support .container-right .ui-tabs-nav li.active a {
    color: var(--web-color);
}

#support .container-right li p {
    text-align: left !important;
    margin-bottom: 25px;
}

#download li {
    width: 100%;
    border: none;
}

.download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.download p {
    width: 48%;
    border-bottom: 1px solid #ddd;
}

.download p:after {
    content: "\e809";
    display: inline-block;
    float: right;
    font-size: 20px;
    font-family: "iconfont" !important;
}

#solution ul {
    margin-bottom: 40px;
}

#about {
    background: #fff;
    position: relative;
    height: 100vh;
    z-index: 10;
}

#about .x-mask {
    position: absolute;
    width: 75%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#about .x-mask .content {

    width: 80%;
}

#about .x-mask .content h1 {
    color: var(--web-color);
}

#about .x-mask .content p {
    margin: 24px 0;

    text-align: justify;
    line-height: 1.6;
}

#about .x-mask2 {
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    right: 0;
    background: #000;
    background: url("../images/about-bg1.jpg") 0 0 /cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about .x-mask2:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
}
#about .x-mask2 .content {
    width: 80%;
    text-align: center;
    padding: 10px;
    color: #fff;
    position: relative;
    z-index: 2;
}
#about .x-mask2 .content .item{
    padding: 30px 0;
}
#about .x-mask2 .content h2 span{
    line-height: 1;
    font-size: 50px;
}
#about .x-mask2 .content h2 b{
    font-weight: normal;
    font-size: 14px;
}
#about .x-mask2 .content p {
    line-height: 1;
    font-size: 16px;
    color: #fff;
}

#about .x-mask2 .content p span {
    font-size: 30px;
}

#about2 .pro-a{
    width: 25%;
    padding: 0;
    color: #000;
}
#about2 .pro-b{
    width: 75%;
}
#about2 .pro-b ul{
    padding: 0 3%;
}
#about2 h1 {
    color: var(--web-color);

}

#about2 li {

    overflow: hidden;
    padding: 10px;
    transition: all .3s;
    background-color: transparent;

}
#about2 li img{
    border-radius: 15px;
    transition: all .3s;
}
#about2 li:first-child{
    width: 100%;
}
#about2 li:hover img{
    padding: 0;
    transform: scale(1.1);
    box-shadow: 0 0 10px #ccc;
}

#about2 li h2 {
    font-size: 26px;
    margin-bottom: 20px;
}

#about2 li span {
    font-size: 50px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
    color: var(--web-color);
    text-align: center;
    font-weight: normal;
    margin: 0 auto 20px;
}

#about2 li p {
    font-size: 16px;
    text-align: justify;
}
#about2 .about-video{
    width: 80%;
}
#about2 .about-video:before{
    border-radius: 20px;
}
#about2 .pro-a img{
    width: 100%;
    border-radius: 20px;
}
#about3 {
    background-color: #eee;
}

#about3 h1 {
    color: var(--web-color);
}

#about3 .swiper-slide {
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    margin-top: 40px;
}

#about3 .swiper-slide img {
    width: 60%;
}

#about3 .swiper-slide .x-mask {
    width: 40%;
    padding: 40px;
    left: auto;
    right: 0;
    display: flex;
    align-items: center;
}

#about3 .swiper-slide .x-mask .content {
    position: relative;
    z-index: 10;
}

#about3 h3 {
    font-size: 28px;
    font-weight: 500;
}

#about3 .swiper-slide i {
    position: absolute;
    line-height: 1;
    text-align: center;
    font-size: 200px;
    color: #f8f8f8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#about3 .swiper-slide h3 {
    margin-bottom: 20px;
}

#about3 .swiper-slide h3 span {
    color: var(--web-color);
}

#about4 ul {
    margin-top: 40px;
}

#about4 li, #culture li {
    text-align: center;
    position: relative;
}

#about4 h1 {
    text-align: center;
    color: var(--web-color);
}

.data-a {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--web-color);
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .2);;
    color: #fff;
    position: relative;
}

#about4 li:before, #culture li:before {
    content: '';
    width: 100%;
    height: calc(100% - 110px);
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #eee;
}

.data-b {
    font-size: 18px;
}

.data-b span {
    font-size: 40px;
    line-height: 1;
    margin-right: 10px;
}

.data-c {
    position: relative;
    padding: 20px 20px 40px;
    background-color: #eee;
    z-index: 2;
}
/*单页*/
.thumb-list li{
    padding: 10px;
}
/*荣誉资质*/
.honor-list li{
    padding: 10px;
}
.honor-list li .x-content {
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    background-color: #f5f5f5;
}

.honor-list li .x-content span {
    display: inherit;
}

.honor-list li {
    margin-bottom: 4%;
    transition: all .3s;
}

.honor-list li:hover {
    box-shadow: 0 0 10px #ccc;
}

.honor-list li .honor-bg {
    position: relative;
    height: 0;
    padding-top: 62.5%;
}

.honor-list li .honor-bg > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.honor-list li .honor-bg > a img {
    height: 100%;
    width: auto;
    transition: all .3s;
}

.honor-list li:hover .honor-bg > a img {
    transform: scale(1.1);
}
@media (min-width: 2400px) {
    .banner_inner {
        padding-top: 10%;
    }
}

@media (max-width:1440px){
.x-main-title h1 {
        font-size: 32px;
    }

    .nav ul li a {
        padding: 0 15px;
    }
.head-logo a span {
        font-size: 32px;
    }

    .nav ul li a {
        font-size: 16px;
    }
#index-pro .drop {
        transform: scale(0.8);
    }
.x-pro-list li {
        width: 31%;
    }
.ui-tabs-nav li a {
        font-size: 16px;
    }

    h1 {
        font-size: 36px;
    }

    .nav ul li ul li a {
        font-size: 14px;
        line-height: 36px;
    }

    .about2 li h3 {
        font-size: 18px;
    }

    .about2 li span {
        margin-right: 10px;
        font-size: 30px;
    }

    #story li.item h2, #culture li:nth-child(5) .mask h1 {
        font-size: 24px;
    }

    .contact-info h1, h1.pro-title {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }
body {
        font-size: 14px;
    }

    .nav ul li a {
        padding: 0 15px;
    }

    #index-pro .cate-list li a {
        font-size: 14px;
    }

    .proshow .col-right .intro {
        font-size: 14px;
        line-height: 1.6;
    }

    h1.pro-title {
        margin-bottom: 15px;
    }

    .banner-nav .ui-list li {
        font-size: 12px;
    }

    h1 {
        font-size: 32px;
    }

    .x-main-title h3 {
        font-size: 18px;
    }

    .x-main-title .x-mask span {
        font-size: 80px;
    }

    .second-about {
        width: 100px;
        height: 100px;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .head-logo img {
        height: 50px;
    }

    .logo-text p {
        font-size: 16px;
    }

.banner_inner .x-mask .content {
        padding: 20px;
    }

    .head-logo img {
        height: 40px;
    }

    header {
        top: 30px;
    }

    header, .head-logo, .nav .ui-nav {
        height: 80px;
    }

    .nav ul li a {
        line-height: 80px;
    }

    .pro-tel {
        font-size: 24px;
    }

    .head-logo a span, .foot-logo span {
        font-size: 50px;
    }

    .logo-text p {
        font-size: 16px;
    }

    .nav ul li a {
        padding: 0 15px;
        font-size: 16px;
    }
.head-logo a span, .foot-logo span {
        font-size: 30px;
    }
    .logo-text p {
        font-size: 14px;
    }
    .nav ul li a {
        padding: 0 12px;
        font-size: 16px;
    }
}

@media (max-width:767px){

#rz-kefu-panel { width: calc(100vw - 24px); right: 12px; bottom: 80px; } }

/* ===== 移动端底部固定导航防遮挡（2026-09-30）：页脚底部留白，内容可完整滚动到导航之上（断点随导航提升到 992px） ===== */
@media screen and (max-width: 992px) {
    footer { margin-bottom: 64px; }
    .plc-wrap { padding-bottom: 66px; }
}

@keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-o-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.x-play:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(218, 14, 43, .5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 100% !important;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -moz-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1
}

.x-play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(218, 14, 43, .5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -moz-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}

/*栏目*/
#law h1 {
    margin-bottom: 60px;
}

#team {
    background-color: #f5f5f5;
}

#team .page-content {
    max-width: 1400px;
    margin: 0 auto;
}

img.qrcode {
    width: 120px !important;
}

#intro .x-main-title {
    text-align: center;
    margin-bottom: 40px;
}

.cate-left {
    width: 70%;
    padding-right: 60px;
}

.cate-right {
    width: 30%;
    margin-bottom: 30px;
}

/*定制服务*/
#service ul {
    width: 100%;
    padding: 100px;
    margin: 40px auto;
    background-color: var(--web-color);
}

#service ul li {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    height: 180px;
    margin: 1.2% 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

#service ul li span {
    display: block;
    font-size: 60px;
    color: var(--web-color);
    font-family: DINCond-Bold, sans-serif;
}

#video-center .x-main-title {
    margin-bottom: 40px;
}

.video-list li {
    margin-bottom: 30px;
}

.video-content {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    background-color: #000;
}

.video-content iframe, .video-content video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#masonry li {
    width: 25%;
    padding: 10px;
    margin: 0;
}

#masonry li img {
    width: 100%;
}

.banner_about {
    position: relative;
    height: 700px;
}

.cate-nav {
    border-bottom: 1px solid #eee;
}
#contact-1 {
    background-color: #f5f5f5;
}
.box-icon{
    width: 80px;
    height: 80px;
    background-color: #F2F3F5;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    position: relative;
    z-index: 10;
}
li:hover .box-icon{
    background: #E64340;
    box-shadow: -5px 10px 30px rgba(230,67,64,.35);
    transition: all .12s ease-in-out;
}
.box-icon span{
    font-size: 30px;
    color: #E64340;
}
li:hover .box-icon span{
    color: #fff;
}
.box-content{
    width: calc(100% - 100px);
    position: relative;
    z-index: 10;
}
.icon-list1{
    margin-bottom: 40px;

}
#contact-2{
    background-color: #fff;
}
#contact-2 .pro-a{
    width: 40%;
    padding: 0;
}
#contact-2 .pro-b{
    width: 55%;
}
#contact-2 .ui-input-group{
    margin-bottom: 15px;
}
button.more-link{
    border: none;
}
#allmap1 {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}
#job .job-left {
    width: 70%;
}

#job .job-right {
    width: 30%;
    padding-left: 60px;
}

.add_job {
    width: 100%;
    padding: 20px;
    position: fixed;
    text-align: center;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    border-top: 1px solid #ccc;
    display: none;
}

.add_job.close {
    display: none !important;
}

.add_job .job-btn-close {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    font-size: 16px;
}

#job .job-pic {
    max-width: 1200px;
    margin: 20px auto;
    padding: 40px;
    border: 1px solid #ccc;
}

#job .gshd li {
    margin-bottom: 20px;
}

#job #job-top {

}

.lmjs {
    text-align: center;
}

.lmjs h1 {
    margin-bottom: 20px;
}

.lmjs p {
    font-size: 16px;
}

#job #job-top .swiper-button-next, #job #job-top .swiper-button-prev {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
    background-color: #fff;
    opacity: 0;
    transition: all .3s;
    color: #333;
}

#job #job-top:hover .swiper-button-next, #job #job-top:hover .swiper-button-prev {
    opacity: 1;
    background-color: var(--web-color);
    color: #fff;
}

#job #job-thumbs {
    margin-top: 20px;
}

#job #job-thumbs .swiper-slide {
    cursor: pointer;
    opacity: 0.3;
}

#job #job-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

#job .swiper-slide img {
    width: 100%;
}

.subject {
    font-size: 24px;
    margin: 40px 0 20px;
}

h3.am-text-danger {
    font-size: 22px;
    font-weight: bold;
    color: var(--web-color);
}

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.subject:before {
    content: '';
    border-left: 3px solid var(--web-color);
    margin-right: 10px;
}

.next-prev {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px 0;
}

.next-prev .wz-content {
    border: 1px solid #ddd;
    line-height: 40px;
    padding: 0 10px;
}

.wz-content span {
    font-size: 16px;
}

.page-content h3 {
    margin: 30px 0 10px;
}

.page-content p {
    margin-bottom: 20px;
    line-height: 2;
    text-align: justify;
}

.page-content p img {
    max-width: 100%;
}

.page-content p.am-margin-sm {
    line-height: 2;
    margin-bottom: 5px;
}

table.no-bg {
    border: none;
    font-size: 14px;
}

table.no-bg td {
    border: none;
}

.culture-content {
    position: relative;
}

.culture-content img {
    width: 100%;
}

.culture-content .x-mask {
    display: flex;
    align-items: center;
    padding: 0 5%;
}

.culture-content .x-mask h3 {
    font-family: azonixregular, sans-serif;
    color: var(--web-color);
    font-size: 60px;
}

/*contact*/
.contact-map {
    width: 50%;
    position: relative;
}

.contact-map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.contact-info {
    width: 45%;
}

.contact-info .item, .contact-map .item {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.contact-info h1, .contact-map h1 {
    font-size: 32px;
}

.contact-map h4 {
    line-height: 2;
}

/*产品详情*/
.content3 .more-link {
    margin-top: 30px;
}
.ui-collapse-menu-body ul li>a{
    font-size: 17px;
}
.son-cate2{
    border-left: 1px solid #ddd;
    margin-left: 5px;
}
.son-cate2 p{
    font-size: 15px;
    display: flex;
    align-items: center;
}
.son-cate2 p:before{
    content: '';
    width: 10px;
    height: 1px;
    background-color: #ddd;
    display: block;
    margin-right: 3px;
}
.ui-collapse-menu-body ul li.active > a {
    color: var(--web-color);
}

.ui-modal-header .ui-modal-title {
    font-size: 24px;
}

.gallery-top {
    padding-right: 5px;
}

.gallery-top .swiper-slide img {
    width: 100%;
}

.gallery-top .swiper-slide {
    border: 1px solid #eee;
}

.gallery-thumbs {
    margin-top: 20px;
}

.gallery-thumbs .swiper-slide {
    cursor: pointer;
    padding: 2px;
    border: 1px solid #eee;
    opacity: 0.5;
}

.gallery-thumbs .swiper-slide img {
    width: 100%;
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--web-color);
    opacity: 1;
}

h1.pro-title {
    font-size: 36px;
    margin-bottom: 30px;

}

.ui-tabs-nav li a {
    font-size: 20px;
}

.ui-tabs-content .ui-tabs-pane h3 {
    margin-top: 30px;
}

.proshow .contact-info .x-flex {
    justify-content: start;
}

.proshow .contact-info {
    width: 100%;
    justify-content: start;
    align-items: center;
    margin-top: 30px;
}

.proshow .contact-info .hotline span {
    font-size: 50px;
    line-height: 1;
    margin-right: 10px;
    color: var(--web-color);
}

.proshow .contact-info p {
    margin: 0;
}

.proshow .contact-info .hotline {
    padding-right: 40px;
}

.proshow .contact-info p.t1 {
    font-size: 14px;
    line-height: 1;
}

.proshow .contact-info p.t2 {
    font-size: 32px;
    color: var(--web-color);
    line-height: 1;
}

.proshow .contact-info .m-code {
    padding-left: 40px;
    text-align: center;
    border-left: 1px solid #eee;
}

.proshow .contact-info .m-code p {
    font-size: 12px;
}

#qrcode {
    text-align: center;
}

#qrcode canvas {
    padding: 5px;
    border: 1px solid rgba(13, 141, 82, .3);
}

.case-list .ui-piclist-item {
    margin: 0;
    padding: 0;
}
.pro-contact{
    margin: 3% 0;

    border-radius: 20px;
    background-color: #fff;
}
.pro-contact ul{
    padding: 40px 0;
}
.pro-contact ul li{
    display: flex;
    padding: 0 30px;
    align-items: center;
    justify-content: space-between;
}
.pro-contact ul li+li{
    border-left: 1px solid #eee;
}

.pro-other {
    padding: 3%;
    background-color: #fff;
}
.pro-other .x-pro-list li{
    width: 24%;
    padding: 0;
}
.pro-other .x-pro-list{
    margin-bottom: 40px;
}
.pro-other .ui-list li {
    padding: 10px;
}

@media (min-width: 1921px) {

    .banner_inner img {
        max-height: 600px;
        overflow: hidden;
    }

    .x-header {
        padding-left: 50px;
    }
}

li.empty {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    height: unset !important;
}

li.empty:before, li.empty:after {
    display: none !important;
}

li.empty:hover {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.other {
    margin-top: 40px;
}

.container-right .other ul li {
    border: none;
    line-height: 40px;
    margin-bottom: 0;
}

.job-cate {
    margin-top: 60px;
}

.job-cate li {
    width: 49%;
    margin-bottom: 20px;
}

.job-cate li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.job-cate li a img {
    transition: all .5s;
    transition-duration: 1.5s;
}

.job-cate li a .content {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    top: 0;
    left: 0;
}

.job-cate li:hover img {
    transform: scale(1.1);
}

.job-content {
    max-width: 800px;
    margin: 0 auto;
}

.job-content p {
    text-align: center !important;
}

.ui-col-form-label {
    padding: 0;
}

.ui-form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:1199px){

.nav li.hotline {
        display: none;
    }
.mobile-100 > li {
        width: 100% !important;
    }
.plc-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;}}
.plc-card{display:flex;flex-direction:column;background:#fff;border:1px solid #f5f5f5;border-radius:12px;overflow:hidden;transition:all .25s;box-shadow:0 2px 8px rgba(26, 26, 26,.05);}
.plc-card:hover{border-color:#C9D4E8;box-shadow:0 10px 24px rgba(26, 26, 26,.10);transform:translateY(-3px);}
.plc-pic{position:relative;display:block;background:#F5F5F5;overflow:hidden;}
.plc-pic::before{content:"";display:block;padding-top:75%;}
.plc-pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.plc-card:hover .plc-pic img{transform:scale(1.05);}
.plc-tag{position:absolute;left:10px;top:10px;background:rgba(26, 26, 26,.82);color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.15);}
.plc-body{flex:1;display:flex;flex-direction:column;padding:12px 14px 14px;}
.plc-title{font-size:15px;font-weight:700;color:#333333;line-height:1.45;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;}
.plc-title a{color:inherit;text-decoration:none;}
.plc-title a:hover{color:#E64340;}
.plc-desc{font-size:12.5px;color:#7A8292;line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;}
.plc-actions{display:flex;gap:8px;align-items:center;margin-top:auto;}
.plc-btn{flex:1;display:block;text-align:center;background:#fff;color:#E64340;font-size:13px;font-weight:600;border:1px solid #E64340;border-radius:7px;padding:8px 0;text-decoration:none;transition:all .2s;}
.plc-btn:hover{background:#FDF1F0;color:#E64340 !important;border-color:#E64340;}
.plc-tel{flex:1.25;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#E64340,#cf362f);border-radius:7px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;padding:8px 0;transition:all .2s;white-space:nowrap;}
.plc-tel:hover{background:linear-gradient(135deg,#cf362f,#b52d26);color:#fff !important;}
.plc-tel i{font-size:15px;color:#fff;}
/* 移动端适配 */
@media (max-width:767px){
    .plc-wrap{padding-bottom:66px;}
    .plc-trust{gap:5px 14px;padding:9px 12px;}
    .plc-trust span{font-size:12px;}
    .plc-chips{gap:6px;margin-bottom:12px;}
    .plc-chip{font-size:12px;padding:4px 11px;}
    .plc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
    .plc-title{font-size:13.5px;min-height:40px;margin-bottom:6px;}
    .plc-desc{font-size:12px;min-height:38px;margin-bottom:10px;}
    .plc-btn{font-size:12px;padding:7px 0;}
    .plc-tel{font-size:12px;padding:7px 0;}
    .plc-tag{font-size:10px;padding:2px 8px;}
}

@media (max-width:992px){
li:hover .x-thumb-content{
        position: relative;
    }
    #pro-show{
        padding-top: 3% !important;
    }
    .product-content .banner_inner{
        display: none;
    }
    .banner_inner .x-mask .content h1{
        margin: 10px 0 0;
    }
    .logo1,._fixed .logo1{
        display: block;
    }
    .logo2,._fixed .logo2{
        display: none;
    }
    .logo-text p{
        color: #000;
    }
    #about2 .about-video{
        width: 100%;
    }
    .banner_inner .x-mask .page-section{
        width: 100%;

    }
    .page-show .banner_inner .x-mask .page-section{
        text-align: center;
    }
    .banner_inner .x-mask .content span{
        font-size: 14px;
        line-height: 2.6;
    }
    .honor-list li,
    .thumb-list li,
    .x-pro-list li,
    .news-list li,
    .wz-list,
    #about2 .pro-b ul{
        padding: 0;
    }
    #contact-2 .pro-a,#contact-2 .pro-b{
        width: 100%;
    }
    #contact-2 .pro-b{
        height: 400px;
    }
    .news-date{
        padding: 0;
        text-align: right;
    }
    #contact-1 .section-title h1{
        font-size: 28px;
        line-height: 2;
    }
    #contact-1 .box-icon{
        box-shadow: none!important;
    }
    .thumb-list li,.news-list li{
        margin: 1% 0;
        border-radius: 10px;
    }
    #index-case .pro-b{
        order: 2;
    }
    #index-case .pro-a{
        order: 1;
        padding-left: 0;
    }
    #index-proshow .section-title,
    #index-about .section-title,
    #index-app .section-title ,
    #index-case .pro-a .section-title,
    #index-news .section-title{
        width: 100%;
        text-align: center;
    }
    #index-news .pro-b ul{
        padding: 0;
    }
    #index-news .pro-a li{
        font-size: 16px;
        font-weight: bold;
    }
    #index-news .pro-b ul li a{
        padding: 10px 0;
    }
    .pro-contact ul{
        padding: 20px 0;
    }
    .pro-contact ul li{
        padding: 10px 0;
    }
    .pro-contact ul li+li{
        border: none;
    }
    #index-contact .pro-a,#index-contact .pro-b{
        width: 100%;
        padding-left: 0;
    }
    #index-contact .pro-b{
        order: 1;
    }
    #index-contact .pro-a{
        order: 2;
    }
    #index-contact .pro-a{
        padding-top: 20px;
    }
    .x-padding{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .l-page:after{
        left: 25%;
        width: 72%;
    }
    .section-title h1{
        font-size: 40px;
        margin: 0;
    }
    .section-title span{
        line-height: 2;
    }
    .page-section{
        padding-left: 3%;
        padding-right: 3%;
    }
    #index-proshow .x-cate-list li{
        width: calc(50% - 1px);
        margin-bottom: 2px;
    }
    #index-proshow .x-cate-list li h4{
        font-size: 16px;
    }
    #service h1 {
        text-align: center;
    }

    #service ul {
        padding: 20px;
    }

    #service li span {
        line-height: 1;
        margin-bottom: 10px;
    }

    #service li {
        font-size: 16px;
    }

    #culture .culture-a {
        width: 80%;
        font-size: 16px;
        margin: 0 auto;
        text-align: center;
        line-height: 1.6;
    }

    #about4 li, #culture li {
        margin-bottom: 15px;
    }

    #culture li p {
        font-size: 18px;
    }
    #about2 .pro-a{
        text-align: center;
        margin-bottom: 20px;
    }
    #about2 .pro-a,#about2 .pro-b{
        width: 100%;
    }
    #about2 li {
        padding: 0;
        margin-bottom: 10px;
    }
    #about2 li img{
        border-radius: 10px;
    }

    #index-proshow .ui-text-right {
        text-align: center !important;
    }

    .x-pro-list > li {
        width: 49%;
        padding: 0;
        border: 1px solid #ddd;
        margin-bottom: 2%;
    }

    .x-thumb-content{
        position: static;
        transform:scale(1);
        padding: 0 10px;
        background-color: #eee;
        color: #333;
    }
    .x-thumb-content a{
        color: #333;
        font-size: 14px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    li .no-pic span {
        font-size: 30px;
    }

    .news-list li .x-content {
        padding: 10px;
    }

    #index-contact {
        background-size: 120%;

    }

    #index-contact .index-contact-a, #index-contact .index-contact-b {
        width: 100%;
    }

    #index-contact .index-contact-b {
        padding: 20px 0 50px;
    }

    #index-contact .index-contact-b .content h3 {
        font-size: 16px;
        margin: 0;

    }

    #index-pro .x-main-title {
        margin-top: 30px;
    }

    #index-pro .cate-list li:nth-child(2) h3 {
        color: #333;
    }

    #index-news .more-link {
        margin-top: 10px;
    }

    .big-txt {
        font-size: 24px;
    }
    #index-case .pro-a{
        padding-right: 0;
    }
    .section-intro{
        width: 100%;
        margin-bottom: 20px;
    }
    #index-app .drop {
        display: none;
    }

    #index-app ul li {
        width: 50%;
    }

    #index-pro .cate-list li:nth-child(2) .item i {
        padding-right: 0;
        line-height: 1;
        font-size: 40px;
    }

    header {top: 0;}

    .ui-offside .ui-form-group {
        width: 100%;
        display: block;
    }

    .x-header {
        width: 100%;
        border-radius: 0;
    }

    .index-banner {    }
    .index-banner .swiper-slide {height: auto;}
    .index-banner .swiper-slide ul {width: 90%;}
    .index-banner .swiper-slide li h3 {
        padding: 15px 0;
        margin: 0;
        font-size: 4.5vw;
    }

    .x-main-title h1 {
        width: 100%;
        font-size: 28px;
        text-align: center;
        top: -20px;
    }

    .x-main-title h2 {
        font-size: 28px;
        text-align: center;
    }

    #index-pro .more-link {
        margin: 30px auto 0;
    }

    #index-pro .cate-list li:nth-child(2) {
        padding-top: 0;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #index-pro .cate-list li .item {
        width: 33.33%;
        text-align: center;
        padding-bottom: 0 !important;
    }

    #index-pro .cate-list li .item .x-flex {
        display: block;
    }

    #index-pro .cate-list li .item p {
        display: none;
    }
    #index-about .section-title{
        margin-top: 20px;
    }
    #index-about .about-txt {
        width: 100%;
    }
    #index-about .about-txt p{
        font-size: 14px;
    }
    #index-about .more-link {

        display: block;
        width: max-content;
        margin: 20px auto 0;
    }
    #about {
        height: auto;
        padding: 0;
    }

    #about .x-mask2, #about .x-mask {
        width: 100%;
        position: relative;
    }

    #about .x-mask .content {
        width: 100%;
        padding: 20px 20px 0;
    }

    #about .x-mask2 {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
    }

    #about .x-mask2 .content {
        width: 100%;
        padding: 0;
    }

    #index-pro .dz-swiper {
        padding: 0 30px;
    }

    #index-pro .cate-list li .content {
        padding: 10px;
        display: flex;
        justify-content: space-between;
    }

    #about .x-mask2 .content p {
        width: 22%;
        display: inline-block;
        text-align: center;
        line-height: 2;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }

    #about .x-mask2 .content p span {
        font-size: 24px;
        display: block;
    }

    .x-main-title h3 {
        font-size: 16px;
        letter-spacing: 0;
    }

    #index-pro .cate-list {
        margin-bottom: 0;
    }

    #index-pro .cate-list li {
        margin-bottom: 0;
    }

    #index-pro .cate-list li .pro-content {
        padding: 10px;
    }

    #index-pro .cate-list li h3 {
        margin-top: 5px;
        font-weight: normal;
        font-size: 16px;
    }

    #index-pro .cate-list li:nth-child(2) .more-link {
        margin-top: 15px;
    }

    .mores,#index-proshow .mores {
        width: 100%;
        display: block;
    }

    .video-slide {
        display: none;
    }

    #solution ul {
        margin-bottom: 20px;
    }

    .about-content .content p {
        line-height: 2;
    }

    #index-advantage .x-main-title {
        margin-bottom: 10px;
    }

    .adv-swiper {
        padding: 0;
    }
    #index-news .pro-a{
        padding-right: 0;
    }
    #index-news .pro-a ul{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #index-news .pro-a li{
        width: 33.333%;
        text-align: center;
    }
    .adv-swiper .swiper-slide .content .mask {
        position: static;
        height: auto;
        background-color: #fff;
    }

    .adv-swiper .swiper-slide .mask .mask-a, .adv-swiper .swiper-slide .mask .mask-b {
        width: 100%;
        height: auto;
    }

    .adv-swiper .swiper-slide .mask .mask-a {
        display: none;
        padding: 10px 20px;
        justify-content: start;
    }

    .adv-swiper .swiper-slide .mask .mask-a .mask-content {
        display: flex;
        align-items: center;

    }

    .adv-swiper .swiper-slide .mask .mask-a .mask-content span {
        font-size: 30px;
    }

    .adv-swiper .swiper-slide .mask .mask-a div {
        width: calc(100% - 60px);
        text-align: left;
    }

    .adv-swiper .swiper-slide .mask .mask-a div h3 {
        line-height: 1;
        margin: 0;
    }

    .adv-swiper .swiper-slide .mask .mask-a div {
        font-size: 13px;
        font-weight: 300;
    }

    .adv-swiper .swiper-slide .mask .mask-b {
        display: block;
        padding: 10px 0;
        color: #333;
    }

    .adv-swiper .swiper-slide .mask .mask-b h2 {
        font-size: 18px;
    }

    .adv-swiper .swiper-slide .mask .mask-b p {
        font-size: 12px;
    }

    .ui-scroll .ui-list {
        display: none;
    }

    .more-link {
        height: 40px;
        line-height: 40px;
        min-width: 100px;

    }

    .more-link span {
        font-size: 14px;
        font-weight: normal;
    }

    .banner .swiper-slide {
        height: auto;
    }

    .banner .x-mask .t3 {
        display: none;
    }

    .banner .x-mask .content .t1, .banner .x-mask .content .t2 {
        font-size: 24px;
    }

    .banner .x-mask .content {
        width: 100%;
    }

    h2 {
        font-size: 24px;
    }

    body {
        padding-top: 60px;
    }

    .download {
        margin-top: 20px;
    }

    .download p {
        width: 100%;
    }

    .download p:after {
        display: none;
    }

    footer {
        display: none;
    }

    .svg-img {
        height: 60px;
    }

    .page-content p {
        line-height: 2;
    }

    .banner-nav {
        position: static;
        height: auto;
    }

    .banner-news-info span {
        margin-right: 5px;
    }

    .banner-nav .x-width {
        height: auto;
        padding: 0 3%;
    }

    .banner .banner-control {
        height: auto;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        padding: 10px 0 0;
    }

    .square-style {
        margin: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .swiper-pagination-custom .line {
        width: 40px;
    }

    .ui-scroll {
        height: 40px;
    }

    .ui-scroll li .banner-news-info {
        font-size: 14px;
        text-align: left;
    }

    .ui-scroll .date {
        display: none;
    }

    .x-path {
        display: none;
    }

    .x-header {
        padding: 0 3%;

    }

    ._fixed .x-header {
        height: 60px;
        background-color: #fff;

    }

    .m-banner {
        position: relative;
    }

    .m-banner img {
        width: 100%;
    }

    .m-banner .x-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, .3);
        color: #fff;
    }

    .m-banner .x-mask .title {
        font-size: 24px;
        padding: 0 20px;
        text-align: center;
        margin: 0;
        display: none;
    }

    .m-banner .x-mask a {
        color: #fff;
    }

    .m-banner-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        transform: rotate(180deg);
    }

    .m-banner-shape svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 20px;
        transform: rotateY(180deg);
    }

    .m-banner-shape .shape-fill {
        fill: #FFFFFF;
    }

    .x-foot-nav {
        color: #fff;background: #111111;
      /*  background: #000 url('../images/foot-nav-bg.jpg') center /cover no-repeat;*/
    }

    .container-right .am-u-md-6 {
        width: 100%;
    }

    .container-right ul.list-4 li, .container-right ul.list-3 li {
        width: 48%;
    }

    .container-right .content p {
        line-height: 2;
        font-size: 14px;
    }

    .container-right .content li p {
        margin: 0;
    }

    .container-right .content .am-u-md-6 p, .container-right .content .am-u-md-6 h3 {
        padding-left: 0;
    }

    .ui-card {
        border: none;
        background: none;

    }

    .ui-card-header {
        border-bottom: 1px solid #222;
    }

    .x-foot-nav .ui-card .ui-card-header {
        background: none;
    }

    .x-foot-nav .ui-card-body {
        background: none;
    }

    .x-foot-nav .ui-card-body li {
        line-height: 40px;
        font-size: 16px;
        padding: 0 20px;
    }

    .x-foot-nav .ui-card:last-child {
        border-bottom: none;
    }

    .ui-card-header .ui-card-header-title {
        border-color: var(--web-color);
    }

    .x-foot-nav .ui-card-body li a, .x-foot-nav .ui-card-header-title a {
        color: #fff;
    }

    #contact-1 li .item .content span {
        font-size: 40px;
    }

    #contact-1 li:nth-child(2) {
        padding-top: 20px;
    }

    .ui-collapse .ui-card .ui-card-header .ui-icon-right {
        color: #fff;
    }

    .x-foot-nav .ui-card-header-title > a {
        display: block;
        width: 100%;
    }

    .banner_inner {
        height: 20vh;
    }

    .banner_inner .x-width {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -20px;
    }

    .banner_inner .ui-bread ul {
        margin: 0;

    }

    .banner_inner .title {
        font-size: 24px;
        color: #333;
    }

    .ui-bread ul li, .ui-bread ul li i {
        font-size: 12px;
        line-height: 1;
    }

    .ui-form-icon {
        font-size: 20px;
    }

    .textarea-content .ui-form-icon {
        top: 22px;
    }

    .gallery-top {
        padding: 0;
    }

    .mobile-100 .ui-piclist-item, #masonry li {
        width: 100%;
    }

    .mobile-50 .ui-piclist-item {
        width: 48%;
    }

    .x-pro-list .x-mask a {
        padding: 0 5px;
    }

    .ui-col-3 .td-hide {
        display: none;
    }

    .top-header a {
        color: var(--web-color);
        display: flex;
        align-items: center;
    }

    .top-header a i {
        font-size: 24px;
        margin-left: 5px;
    }

    #culture .item h3 {
        font-size: 18px;
    }

    #culture .item h3 span {
        display: block;
        font-size: 16px;
    }

    #culture .item h3 span:before {
        display: none;
    }

    .cate-right {
        width: 100%;

    }

    .cate-left {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }

    .x-type2 {
        display: none;
    }

    .head-logo a span {
        font-size: 40px;

    }

    .ui-offside-show i {
        font-size: 32px;
        color: var(--web-color);
    }

    .ui-offside .head-logo a span {
        color: var(--web-color);
    }

    .ui-table td {
        white-space: unset;
        padding: 3px;
        font-size: 12px;
    }

    #contrast .swiper-slide {
        font-size: 12px;
    }

    #contrast .img-border {
        height: 120px;
    }

    #contrast .ui-col-3 {
        width: 100px !important;
        flex: unset;
        max-width: unset;
        font-size: 12px;
    }

    #contrast .ui-col-3 h3 {
        font-size: 14px;
    }

    .x-center-button .swiper-button {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        margin: 0;
    }

    .x-center-button .swiper-button span {
        font-size: 12px;
    }

    .x-center-button {
        margin: 10px auto;
    }

    #contrast .more-link {
        margin-top: 0;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        font-size: 12px;
    }

    #contrast .ui-col-9 {
        width: calc(100% - 100px);
        flex: unset;
    }

    .contrast .swiper-slide img {
        width: 80px;
    }

    .case-list .ui-piclist-item {
        margin-bottom: 10px;
    }

    .artlist-item-image img {
        height: 40px;
    }

    .product-content .ui-tabs {
        margin-top: 0;
    }

    .ui-piclist {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

    .ui-piclist-body {
        padding: 0 10px;
    }

    .ui-piclist-item {
        width: 47%;
        margin: 5px 0;
    }

    .contact-info, .contact-map {
        width: 100%;
    }

    .contact-info h1, .contact-map h1 {
        font-size: 22px;
    }

    .contact-info h3, .contact-map h3 {
        font-size: 19px;
    }

    .contact-info {
        order: 1
    }

    .contact-map {
        order: 2;
        height: 400px;
    }

    .ui-list li {
        padding: 8px 0;
    }

    .ui-box {
        box-shadow: none;
    }

    .show {
        display: block;
    }

    .ui-offside {
        width: 100%;

    }

    .ui-offside:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(255, 255, 255, .8);
        top: 0;
        left: 0;
        z-index: -1;
    }

    .ui-offside .top-header {
        height: 60px;
        padding: 0 3%;
        border-bottom: 1px solid #eee;
    }

    .ui-offside .top-header .logo img {
        height: 36px;
    }

    .ui-offside form {
        padding: 10px 3% 0;
    }

    .nav-contact {
        padding: 20px;
    }

    .nav-contact p {
        line-height: 2;
        font-size: 16px;
        font-weight: bold;

    }

    .nav-contact p span {
        font-size: 32px;
        font-weight: normal;
    }

    .nav-contact a {
        font-size: 22px;
        font-weight: bold;
        color: inherit;
    }

    .nav-contact a.tel {
        font-size: 32px;
        font-family: DINCond-Bold, sans-serif;
    }

    .banner .x-mask {
        padding: 0 6%;
    }

    .banner .x-mask h1 {
        font-size: 30px;
    }

    .banner .x-mask p {
        font-size: 16px;
    }

    .culture-content .x-mask h3 {
        font-size: 24px;
    }

    .ui-footbar {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 9999;
        align-items: stretch;
    }

    .ui-footbar-left a {
        font-size: 12px;
        color: var(--web-color) !important;
    }

    .ui-footbar-right a:last-child, .ui-footbar-right button:last-child {
        background-color: var(--web-color) !important;
        line-height: 30px;
    }

    .ui-footbar-right a:hover {
        color: #fff;
    }

    .ui-menu .ui-menu-more a {
        font-size: 14px;
        padding: 0;
    }

    .ui-box {
        border: none;
    }

    .pro-other .ui-menu {
        margin-top: 20px;
    }

    .container {
        padding: 0;
    }

    .proshow {
        display: block;
        margin-bottom: 0;
    }

    .proshow .col-left, .proshow .col-right {
        width: 100%;
    }

    .proshow .col-right {
        padding: 5% 0;
    }

    .mobile-show {
        display: block !important;
    }

    .container .x-width {
        flex-wrap: wrap;
    }

    .mobile-hide {
        display: none !important;
    }

    .container-left, .container-right {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .ui-footbar-left {
        flex: 1;
    }

    #masonry li {
        padding: 0;
        margin-bottom: 10px;
    }

    .ui-tabs-header-nav > .ui-tabs-nav {
        position: fixed;
        bottom: 100px;
        right: 0;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        background-color: rgba(255,255,255,.8);
        z-index: 99;
    }

    .artshow h1 {
        font-size: 20px;
    }

   .ui-box-body {
        padding: 0;
        min-height: unset;
    }

    .proshow_content p {
        margin-bottom: 10px;
    }

    .product-content .ui-form-group > label {
        display: none;
    }

    .product-content .ui-form-group .ui-col-9 {
        max-width: 100%;
        width: 100%;
        flex: unset;
    }

    .pro-tel, .pro-tel span {
        font-size: 24px;
    }

    .ui-form-group {
        margin-bottom: 5px;
    }

    .ui-form-ip {
        padding: 10px;
        font-size: 14px;
    }

    .x-main-title .x-mask span {
        font-size: 60px;
    }

    .head-logo img {
        height: 32px;
    }

    header, .head-logo {
        height: 60px;
        border-bottom: none;
    }

    .logo-text {
        margin-left: 8px;
        padding-left: 8px;
    }

    .logo-text p, ._fixed .logo-text p {
        font-size: 12px;
    }

    header .nav {
        display: none;
    }

    .logo-text .t3 {
        color: #fff;
        display: inline-block;
    }

    ._fixed .logo-text .t3 {
        color: #333;
    }

    .x-container.open .container-right {
        width: 100%;
        padding: 3% 0;
    }

    .banner-nav .btn-down, .banner-nav .banner-tel {
        display: none;
    }

    .banner_inner .x-mask .content {
        padding: 0;
        width: 100%;
        background: transparent;
    }

    .banner_inner .x-mask .content h1 {
        font-size: 22px;
        line-height: 1.4;
    }

    .ui-collapse-menu-title, .ui-collapse-menu-body {
        font-size: 16px;
    }

    h1.pro-title {
        font-size: 24px;
    }

    .x-pro-list li .content {
        min-height: unset;
    }

    #index-news .x-main-title {
        margin-bottom: 20px;
    }

    #index-pro .x-pro-list li .pro-content a {
        line-height: 30px;
    }

    .ui-menu .ui-menu-name {
        font-size: 16px;
    }

    .ui-menu .ui-menu-name span a {
        font-size: 14px;
    }

    .ui-mt-60 {
        margin-top: 20px !important;
    }

    .news-list li h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .news-list li p span {
        font-size: 12px;
    }

    #index-news .ui-list .list-a {
        width: 75%;
        padding-right: 5px;
    }

    #index-news .ui-list .list-b {
        width: 25%;
    }

    .product-content {
        padding: 0;
    }

    .product-content .container {
        padding-top: 0;
    }

    .proshow_content .ui-form-group > label {
        display: none;
    }

    .proshow_content .ui-form-group .ui-col-9 {
        max-width: 100%;
        flex: unset;
    }

    .page-content .x-flex li {
        margin-bottom: 10px;
    }

    .container-left {
        display: none;
    }

    .news-list li .x-content p {
        line-height: 2;
        font-size: 14px;
        margin-bottom: 0;
    }
    .news-list li .img-box {
        width: 25%;
        height: auto;
    }

    .news-list li .img-box img {
        position: relative;
        height: auto;
    }

    .container-right ul li p.t1, .container-right ul li p.t2 {
        padding: 0;
        line-height: 1;
    }

    .container-right ul {

    }
    .pro-other .x-pro-list{
        margin-bottom: 20px;
    }
    .pro-other .ui-tabs-header-nav {
        border: none;
    }

    .pro-other .ui-tabs-nav li a {
        font-size: 14px;
        padding: 5px;
        text-align: center;
        font-weight: bold;
    }

    #support .container-right li p {
        margin-bottom: 0;
    }

    .x-pro-list li .x-mask {
        font-size: 14px;
        background-color: #fff;
    }

    .x-pro-list li .x-mask a {
        color: #333;
        padding: 0 5px;
    }

    h3.am-text-danger {
        font-size: 18px;
    }

    .ui-box-h2 {
        font-size: 18px;
        margin-bottom: 20px;
        padding: 0 0 10px 0;
    }

    .ui-box-h2:after {
        left: 0;
    }

    .container-left .ui-box-radius, .container-left .ui-box-radius .ui-box-title {
        border-radius: 0;
    }

    .m-banner .banner-bg {
        height: 160px;
    }

    .ui-box-title {
        padding: 10px;
        font-size: 18px;
    }

    .artlist-item, .artlist-item:first-child {
        min-height: unset;
        padding: 10px 0;
    }

    .container-left .ui-collapse-menu-body ul li {
        padding: 0 10px;
    }

    .container-left .ui-collapse-menu-title {
        padding: 0 10px;
    }

    .container-left .ui-box-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .container-left .ui-box-title span {
        font-size: 20px;
    }

    .container-left .ui-box-nav {
        display: none;
    }

    .ui-icon-plus.active:before {
        content: "\e832";
    }

    .container-left.open .ui-box-nav {
        display: block;
    }

    .container-left .ui-box-nav.show {
        display: block;
    }

    .container-left .ui-collapse-menu-title:hover a {
        padding: 0;
    }

    .artlist-item-image {
        display: none;
    }

    .artlist-item-body {

    }

    .ui-modal, .ui-dialog {
        width: 90%;
        max-width: 540px;
    }

    .artlist-item-date {
        width: 80px;
        font-size: 18px;
    }

    .artlist-item-body .title {
        font-size: 16px;
    }

    .artlist-item-body .desc {
        display: none;
    }

    .page-content p img {
        width: 100%;
    }

    .about-bg {
        height: auto;
        padding: 80px 0 0;
    }

    .about-bg .x-mask2 {
        height: auto;
        background: transparent;
        margin-top: 40px;
    }

    .x-sns, .foot-text {
        display: none;
    }

    .foot-logo {
        width: 100%;
        text-align: center;
        display: none;
    }

    footer .foot-1 {
        border: none;
        display: none;
    }

    footer .x-sns span {
        font-size: 18px;
    }

    footer .x-sns a {
        margin-left: 5px;
    }

    footer .link {
        display: none;
        margin-top: 10px;
    }

    footer .link h4 {
        font-size: 14px;
        margin-right: 0;
    }

    footer .link a {
        margin: 5px 0;
        border: none;
        padding: 5px;
        color: #666;
        font-size: 12px;
    }

    .foot-logo span {
        font-size: 30px;
        line-height: 1;
    }

    footer .foot-1 li h3 {
        font-size: 16px;
    }

    footer .foot-1 .list-container li {
        font-size: 12px;
    }

    .foot-logo-div p {
        line-height: 1.6;
    }

    .copyright {
        line-height: normal;
        font-size: 12px;

    }

    .copyright div {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .visible-xs {
        display: block !important;

    }

    .hidden-xs {
        display: none !important;
    }

    h1 {
        font-size: 28px;
    }

    #index-pro .x-flex li {
        width: 48%;
    }

    #index-pro .x-flex li.pro-item {
        border: 1px solid #ddd;
        box-shadow: none;
    }

    .mobile-50 > li {
        padding: 0!important;
        width: 49% !important;
        margin: 1% 0;
    }

    .x-pro-list {
        align-items: stretch;
    }

    #index-pro .right-content, .index-div .right-content {
        width: 100%;
    }

    #index-pro .x-flex li p {
        line-height: 2;
        font-size: 14px;
    }

    .right-content p {
        line-height: 1.6;
        text-align: justify;
        font-size: 14px;
    }

    .index-div {
        flex-wrap: wrap;
    }

    .second-about {
        width: 100px;
        height: 100px;
        font-size: 14px;
        font-weight: 100;
        line-height: 1;
    }

    .about-text span {
        font-size: 30px;
    }

    #index-data {
        padding: 30px 0;
    }

    #index-data li {
        margin: 10px 0;
    }

    #index-data li span {
        font-size: 24px;
    }

    #index-data li h2 {
        font-size: 30px;
        line-height: 1;
    }

    #index-data li h2:after {
        font-size: 14px !important;
    }

    #partner .swiper-slide img {
        width: 100%;
    }

    .team-list {
        margin-top: 40px;
    }

    .team-list li {
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff;
    }

    .team-list li .x-img {
        width: 120px;
    }

    .team-list li:first-child .x-img {
        width: 100%;
        text-align: center;
    }

    .team-list li .x-img img {
        border-radius: 50%;
    }

    .team-list li:first-child .x-img img {
        width: 120px;
    }

    .team-list li .x-info {
        width: calc(100% - 120px);
        padding: 20px 10px;
        font-size: 14px;
    }

    .team-list li:first-child .x-info {
        width: 100%;
        text-align: center;
    }

    .team-list li:after {
        display: none;
    }

    .cate-right {
        display: none;
    }

    .about2 li {
        padding: 10px;
    }

    .x-main-title .x-mask span {
        color: #ccc;
    }

    .page-section .x-main-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .news-list li p {
        margin-bottom: 0;
    }
}

/* ===== 产品列表页样式（原内联，2026-09-29 整合）===== */

/* ===== 产品列表页改造（AI 2026-09-29）===== */
.plc-wrap{padding-bottom:8px;}
/* 信任条 */
.plc-trust{display:flex;flex-wrap:wrap;gap:6px 22px;background:#f7f8fa;border:1px solid #f0f1f3;border-radius:10px;padding:10px 16px;margin-bottom:14px;}
.plc-trust span{font-size:13px;color:#333333;display:inline-flex;align-items:center;gap:6px;}
.plc-trust span i{font-style:normal;color:#333333;font-weight:700;}
/* 分类快捷入口 */
.plc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.plc-chip{font-size:13px;color:#333333;border:1px solid #f5f5f5;background:#fff;border-radius:20px;padding:5px 14px;text-decoration:none;transition:all .2s;}
.plc-chip:hover{border-color:#333333;background:#1a1a1a;color:#fff;}
/* 产品卡片栅格 */
@media (min-width:768px){
.plc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;margin:0;padding:0;}
}

#my-inquiry.inquiry-open{display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:520px;}
@media (min-width:768px){#my-inquiry.inquiry-open{width:500px;}}

/* ===== 移动端底部固定导航（原内联，2026-09-29 整合）===== */

/* 移动端底部固定导航（修复版 2026-09-29：删除多余标签、配色与全站深蓝/红统一、flex 均分、适配安全区） */
.foot-show{display:none}
@media screen and ( max-width:992px ){.foot-show{display:block}}
.foot-show{left:0;position:fixed;bottom:0;width:100%;overflow:hidden;z-index:999;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom);}
.foot-show .x-flex{margin:0;padding:0;list-style:none;display:flex;align-items:stretch;border-top:1px solid #f5f5f5;}
.foot-show .x-flex li{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;text-align:center;padding:6px 2px;}
.foot-show .x-flex li a{display:block;text-decoration:none;line-height:1.3;}
.foot-show .x-flex li i{font-size:22px;display:block;color:#333333;}
.foot-show .x-flex li span{font-size:11px;color:#333333;display:block;}
.foot-show .foot-call{background:#E64340!important;}
.foot-show .foot-call a{color:#fff;text-decoration:none;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;line-height:1;}
.foot-show .foot-call a i{color:#fff;font-size:19px;display:block;}
.foot-show .foot-call a span{color:#fff;display:block;font-size:12px;opacity:1;white-space:nowrap;}

/* ===== 页脚配色样式1（原内联，2026-09-29 整合）===== */

    /* 页脚配色统一：黑底 → 品牌深蓝（与全站深蓝/白/红体系协调） */
    footer, .copyright { background: #1a1a1a !important; }
    footer { border-top: 3px solid #E64340; }
    .copyright { border-top: 1px solid rgba(255,255,255,.12); }
    footer .link h4 { color: rgba(255,255,255,.92); }
    footer .link a, .copyright, .copyright a, .copyright div { color: rgba(255,255,255,.75); }
    footer .link a:hover, .copyright a:hover { color: #fff; }
    footer .foot-text p { color: rgba(255,255,255,.6); }

/* ===== 页脚配色样式2（原内联，2026-09-29 整合）===== */

    #rz-kefu-wrap { position: fixed; right: 16px; bottom: 90px; z-index: 9999; font-family: "Microsoft YaHei", Arial, sans-serif; }    #rz-kefu-btn { display: flex; flex-direction: column; gap: 12px; align-items: center; }
    #rz-kefu-main { width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(135deg, #E64340, #E64340); color: #fff; box-shadow: 0 8px 24px rgba(230, 67, 64,.35); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all .3s ease; animation: rz-pulse 2.4s infinite; }
    #rz-kefu-main:hover { transform: translateY(-3px) scale(1.05); }
    #rz-kefu-main .t { font-size: 12px; font-weight: 700; letter-spacing: 1px; }
    #rz-kefu-main svg { width: 24px; height: 24px; margin-bottom: 2px; }
    @keyframes rz-pulse { 0%,100% { box-shadow: 0 8px 24px rgba(230, 67, 64,.35);} 50% { box-shadow: 0 8px 32px rgba(230, 67, 64,.55);} }
    #rz-kefu-tel, #rz-kefu-top { width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1px solid #f5f5f5; color: #E64340; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.08); transition: all .3s ease; }
    #rz-kefu-tel:hover, #rz-kefu-top:hover { border-color: #E64340; transform: translateY(-2px); }
    #rz-kefu-tel svg, #rz-kefu-top svg { width: 20px; height: 20px; }
    /* 聊天面板 */
    #rz-kefu-panel { display: none; position: fixed; right: 16px; bottom: 90px; width: 360px; max-width: calc(100vw - 32px); height: 520px; max-height: calc(100vh - 120px); background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,.22); z-index: 10000; flex-direction: column; overflow: hidden; }
    #rz-kefu-panel.on { display: flex; }
    #rz-kefu-head { background: linear-gradient(135deg, #1a1a1a, #1e2458); color: #fff; padding: 14px 16px; display: flex; align-items: center; gap: 10px; }
    #rz-kefu-head .ava { width: 38px; height: 38px; border-radius: 50%; background: #E64340; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
    #rz-kefu-head .t1 { font-size: 15px; font-weight: 700; }
    #rz-kefu-head .t2 { font-size: 12px; color: rgba(255,255,255,.75); }
    #rz-kefu-close { margin-left: auto; cursor: pointer; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); font-size: 14px; }
    #rz-kefu-body { flex: 1; overflow-y: auto; padding: 14px 14px 6px; background: #f5f5f5; }
    #rz-kefu-msgs { display: flex; flex-direction: column; gap: 10px; }
    .rz-msg { max-width: 82%; padding: 9px 12px; border-radius: 10px; font-size: 13px; line-height: 1.7; word-break: break-word; white-space: pre-wrap; }
    .rz-msg.bot { background: #fff; border: 1px solid #f5f5f5; color: #333; align-self: flex-start; border-top-left-radius: 2px; }
    .rz-msg.user { background: #E64340; color: #fff; align-self: flex-end; border-top-right-radius: 2px; }
    .rz-msg.loading { color: #999; font-style: italic; }
    #rz-kefu-quick { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 14px 4px; }
    #rz-kefu-quick button { border: 1px solid #E64340; color: #E64340; background: #fff; border-radius: 16px; padding: 5px 12px; font-size: 12px; cursor: pointer; transition: all .2s; }
    #rz-kefu-quick button:hover { background: #E64340; color: #fff; }
    #rz-kefu-input { display: flex; gap: 8px; padding: 10px 12px 12px; border-top: 1px solid #f5f5f5; }
    #rz-kefu-input input { flex: 1; border: 1px solid #f5f5f5; border-radius: 18px; padding: 8px 14px; font-size: 13px; outline: none; }
    #rz-kefu-input input:focus { border-color: #E64340; }
    #rz-kefu-input button { background: #E64340; color: #fff; border: none; border-radius: 18px; padding: 8px 18px; font-size: 13px; cursor: pointer; }
    #rz-kefu-foot { padding: 8px 14px; font-size: 12px; color: #999; text-align: center; background: #fff; border-top: 1px solid #f5f5f5; }
    #rz-kefu-foot a { color: #E64340; text-decoration: none; }
    #rz-kefu-max { cursor: pointer; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); margin-right: 6px; }
    #rz-kefu-max:hover { background: rgba(255,255,255,.22); }
    #rz-kefu-panel.maximized { left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw; height: 100vh; max-width: none; max-height: none; border-radius: 0; }
    #rz-kefu-panel.maximized #rz-kefu-body { padding: 18px 24px 12px; }
    #rz-kefu-panel.maximized #rz-kefu-msgs { gap: 12px; }
    #rz-kefu-panel.maximized #rz-kefu-q { font-size: 15px; padding: 10px 16px; }
    #rz-kefu-panel.maximized #rz-kefu-send { font-size: 15px; padding: 10px 24px; }
    #rz-kefu-panel.maximized #rz-kefu-foot { padding: 10px 24px; font-size: 13px; }

/* ===== 移动端富文本表格适配（表头不断行，横向滑动查看） ===== */

/* ===== 富文本排版优化增强（工业极简 · 20261002p） ===== */
/* 表格：深灰表头白字 + 斑马纹 + 圆角 */
.artshow .content table, .proshow_content table, .artshow_content table{ border-radius:8px; overflow:hidden; }
.artshow .content table thead td, .proshow_content table thead td, .artshow_content table thead td, .artshow .content table tr:first-child th, .proshow_content table tr:first-child th, .artshow_content table tr:first-child th{ background:#333333 !important; color:#ffffff !important; border-color:#333333 !important; font-weight:700; }
.artshow .content table tr:nth-child(even) td, .proshow_content table tr:nth-child(even) td, .artshow_content table tr:nth-child(even) td{ background:#FAFAFA; }
/* 表格内段落/图片间距与顶部对齐 */
.artshow .content table td, .proshow_content table td, .artshow_content table td{ vertical-align:top; }
.artshow .content table td p, .proshow_content table td p, .artshow_content table td p{ margin:0 0 8px; }
.artshow .content table td p:last-child, .proshow_content table td p:last-child{ margin-bottom:0; }
.artshow .content table td img, .proshow_content table td img{ margin:4px auto; display:block; }
/* 图片：居中 + 轻阴影 */
.artshow .content img:not([width]), .proshow_content img:not([width]), .artshow_content img:not([width]){ display:block; margin:14px auto; box-shadow:0 2px 8px rgba(0,0,0,.08); }
/* 列表 marker 品牌红 */
.artshow .content ul li::marker, .artshow .content ol li::marker, .proshow_content ul li::marker, .proshow_content ol li::marker{ color:#E64340; }
/* 段落间距 18px->12px（更紧凑） */
.artshow .content p{ margin-bottom:12px; }

/* ================================================================
   富文本内容区批量规范化 2026-10-01
   覆盖全站详情页右侧正文（.container-right），收敛字号层级、统一行高/间距/图片/表格
   ================================================================ */
.container-right .theiaStickySidebar,
.container-right .theiaStickySidebar .proshow_content,
.container-right .theiaStickySidebar .content,
.container-right .theiaStickySidebar .news-content,
.container-right .theiaStickySidebar [class*="content"] {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    word-break: break-word;
}
/* 标题层级收敛 */
.container-right h1,
.container-right h2 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    color: #1A1A1A !important;
    font-weight: 700 !important;
    margin: 1.4em 0 0.6em !important;
}
.container-right h3 {
    font-size: 20px !important;
    line-height: 1.5 !important;
    color: #1A1A1A !important;
    font-weight: 600 !important;
    margin: 1.2em 0 0.5em !important;
}
.container-right h4,
.container-right h5,
.container-right h6 {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #333 !important;
    font-weight: 600 !important;
    margin: 1em 0 0.4em !important;
}
/* 正文/列表统一 */
.container-right p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #333 !important;
    margin: 0 0 1em !important;
}
.container-right li {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #333 !important;
}
.container-right ul,
.container-right ol {
    margin: 0 0 1em 1.2em !important;
    padding: 0 !important;
}
.container-right span:not(.iconfont),
.container-right div:not(.box-icon),
.container-right section,
.container-right article {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}
/* 历史行内字号兜底（编辑器粘贴残留） */
.container-right [style*="font-size"] {
    font-size: 16px !important;
}
.container-right font {
    font-size: 16px !important;
}
/* 加粗保留 */
.container-right strong,
.container-right b {
    font-weight: 700 !important;
    color: #1A1A1A !important;
}
/* 图片等比例约束 */
.container-right img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
    margin: 0.4em auto;
}
.container-right img[style] {
    max-width: 100% !important;
    height: auto !important;
}
/* 表格统一 */
.container-right table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0.6em 0 1.2em !important;
    font-size: 14px !important;
}
.container-right th {
    background: #333 !important;
    color: #fff !important;
    padding: 10px 12px !important;
    font-weight: 600 !important;
    text-align: left !important;
    border: 1px solid #444 !important;
}
.container-right td {
    padding: 8px 12px !important;
    border: 1px solid #E0E0E0 !important;
    font-size: 14px !important;
    color: #333 !important;
}
.container-right tr:nth-child(even) td {
    background: #F7F7F7 !important;
}
/* 引用/分隔 */
.container-right blockquote {
    border-left: 4px solid #E64340 !important;
    background: #FAFAFA !important;
    margin: 1em 0 !important;
    padding: 12px 16px !important;
    color: #555 !important;
    font-size: 15px !important;
}
.container-right hr {
    border: none !important;
    border-top: 1px solid #E5E5E5 !important;
    margin: 1.5em auto !important;
}
/* 移动端正文适配 */
@media (max-width: 767px) {
    .container-right .theiaStickySidebar {
        font-size: 15px !important;
        line-height: 1.75 !important;
    }
    .container-right p {
        font-size: 15px !important;
        line-height: 1.75 !important;
    }
    .container-right h1,
    .container-right h2 {
        font-size: 21px !important;
    }
    .container-right h3 {
        font-size: 18px !important;
    }
    .container-right th,
    .container-right td {
        padding: 6px 8px !important;
        font-size: 13px !important;
    }
}


/* ===== 产品卡片区还原（2026-10-01：防批量正文规则误伤）+ 列数断点调整 ===== */
.plc-grid .plc-tag{color:#fff !important;}
.plc-grid .plc-title{font-size:15px !important;color:#333 !important;line-height:1.45 !important;min-height:44px !important;font-weight:700 !important;margin:0 0 8px !important;}
.plc-grid .plc-title a{color:inherit !important;}
.plc-grid .plc-title a:hover{color:#E64340 !important;}
.plc-grid .plc-desc{font-size:12.5px !important;color:#7A8292 !important;line-height:1.6 !important;min-height:40px !important;margin:0 0 12px !important;}
@media (max-width:767px){
    .plc-grid{grid-template-columns:1fr;}
}

/* >1200px 产品卡片三列（2026-10-01） */
@media (min-width:1440px){
    .plc-grid{grid-template-columns:repeat(3,1fr);gap:20px;}
}

/* ===== 2026-10-01 H1 详情页标题多视窗字号约束 ===== */
@media (min-width: 1441px) { .banner_inner .x-mask .content h1 { font-size: 35px; } }
@media (max-width: 1440px) and (min-width: 1201px) { .banner_inner .x-mask .content h1 { font-size: 30px; line-height: 1.15; } }
@media (max-width: 1200px) and (min-width: 993px) { .banner_inner .x-mask .content h1 { font-size: 22px; line-height: 1.2; } }

/* ===== banner 深底上 info 区（人气/解决方案/分类）配色 ===== */
.banner_inner .x-mask .content .info { color: #f2f2f2; }
.banner_inner .x-mask .content .info a,
.banner_inner .x-mask .content .info a:visited { color: #ffffff; border-bottom: 1px solid rgba(255,255,255,.4); }
.banner_inner .x-mask .content .info a:hover { color: #ffd7d6; border-bottom-color: #ffd7d6; }

/* ===== 产品适用性评估引导（AI友好结构 P0-1 20261003） ===== */
.fit-zone{ margin:24px 0; padding:20px 22px; border:1px solid #E5E5E5; border-left:4px solid #E64340; background:#FAFAFA; border-radius:6px; }
.fit-zone h4{ margin:0 0 10px; font-size:16px; color:#1F2329; }
.fit-zone p{ margin:6px 0; font-size:14px; line-height:1.8; color:#333; }
.fit-zone ul{ margin:8px 0; padding-left:18px; }
.fit-zone li{ font-size:13.5px; line-height:2; color:#444; }
.fit-cta{ display:flex; gap:12px; margin:14px 0 6px; flex-wrap:wrap; }
.fit-btn{ display:inline-block; padding:11px 22px; border-radius:4px; font-size:14px; font-weight:600; color:#fff !important; text-decoration:none; }
.fit-btn-red{ background:#E64340; } .fit-btn-red:hover{ background:#A63232; }
.fit-btn-dark{ background:#1A1A1A; } .fit-btn-dark:hover{ background:#333; }
.fit-note{ font-size:12px; color:#666; }
@media (max-width:767px){ .fit-zone{ padding:16px; } .fit-btn{ width:100%; text-align:center; box-sizing:border-box; } }


/* ===== 恢复 bak_art 独有样式（10/01 备份补齐，仅真正缺失项）===== */




@media (max-width: 1600px) {
    .x-main-title h1 {
        font-size: 32px;
    }

    #index-map .flexbox .leftbox h2 {
        font-size: 50px;
    }

    .nav ul li a {
        padding: 0 15px;
    }
}



    #index-map .flexbox .leftbox h2 {
        font-size: 50px;
    }


    #index-map .flexbox .leftbox h2 {
        margin: 0 0 15px;
    }



@media (max-width: 575px) {
    #index-map .flexbox .leftbox h2 {
        font-size: 25px;
        /* text-align: center; */
    }
}


    #index-map .flexbox .leftbox h2 {
        font-size: 25px;
        /* text-align: center; */
    }



#index-map .flexbox .leftbox .tit {
    font-size: 36px;
    color: #333;
    margin: 0 0 35px;
}



@media (max-width: 1600px) {
    .head-logo a span {
        font-size: 32px;
    }

    .nav ul li a {
        font-size: 16px;
    }
}



    #index-map .flexbox .leftbox .tit {
        font-size: 25px;
    }



@media (max-width: 1366px) {
    .x-pro-list li {
        width: 31%;
    }

}


    #index-map .flexbox .leftbox .tit {
        margin: 0 0 20px;
    }



@media (max-width: 575px) {
    #index-map .flexbox .leftbox .tit {
        font-size: 18px;
        /* text-align: center; */
        margin: 0 0 5px;
    }
}


    #index-map .flexbox .leftbox .tit {
        font-size: 18px;
        /* text-align: center; */
        margin: 0 0 5px;
    }



#index-map .flexbox .leftbox .des {
    font-size: 18px;
    color: #666;
}



@media (max-width: 575px) {
    #index-map .flexbox .leftbox .des {
        font-size: 14px;
        /* text-align: center; */
    }
}


    #index-map .flexbox .leftbox .des {
        font-size: 14px;
        /* text-align: center; */
    }



#index-map .flexbox .rightbox {
    flex: 1;
}



#index-map .flexbox .rightbox .bussiness-map {
    position: relative;
    width: 100%;
    max-width: 994px;
    margin: 0 0 0 auto;
}



#index-map .flexbox .rightbox .bussiness-map img {
    width: 100%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #062863;
    display: flex;
    justify-content: center;
    align-items: center;
}



#index-map .flexbox .rightbox .bussiness-map .appoint .i {
    flex: 0 0 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(106, 189, 226);
    border: 1px solid #062863;
    animation: scalemap 2s linear infinite;
    -moz-animation: scalemap 2s linear infinite;
    -webkit-animation: scalemap 2s linear infinite;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a1 {
    top: 20%;
    left: 15%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a2 {
    top: 40.1%;
    left: 13.3%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a3 {
    top: 33.5%;
    left: 16.7%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a4 {
    top: 30.2%;
    left: 20.8%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a5 {
    top: 42.1%;
    left: 24.3%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a6 {
    top: 37%;
    left: 27.6%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a7 {
    top: 58.7%;
    left: 27.6%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a8 {
    top: 65.5%;
    left: 32.7%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a9 {
    top: 52%;
    left: 46.8%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a10 {
    top: 28.5%;
    left: 50.9%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a11 {
    top: 48.5%;
    left: 50.1%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a12 {
    top: 68.7%;
    left: 50.9%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a13 {
    top: 25%;
    left: 58.5%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a14 {
    top: 47.2%;
    left: 61%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a15 {
    top: 26.7%;
    left: 69.3%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a16 {
    top: 53.7%;
    left: 69.4%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a17 {
    top: 31.7%;
    left: 71%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a18 {
    top: 25%;
    left: 72.8%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a19 {
    top: 29.9%;
    left: 73.6%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a20 {
    top: 45.1%;
    left: 73.7%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a21 {
    top: 53.7%;
    left: 76.1%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a22 {
    top: 43.6%;
    left: 79.5%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a23 {
    top: 63.7%;
    left: 79.4%;
}



#index-map .flexbox .rightbox .bussiness-map .appoint.a24 {
    top: 82.3%;
    left: 81.1%;
}


.icon-list1 li{
    width: 32%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    padding: 50px 25px 50px 60px;
    border-radius: 20px;
    background-color: #fff;
}


.icon-list1 li:after{
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    opacity: 0;
    transition: opacity .25s ease-in;
}


.icon-list1 li:nth-child(1):after{
    background: transparent radial-gradient(closest-side at 20% 35%,#6e93fb 0%,#0041ff 100%);
}


.icon-list1 li:nth-child(2):after{
    background: transparent radial-gradient(closest-side at 20% 35%,#f897af 0%,#f44571 100%);
}


.icon-list1 li:nth-child(3):after{
    background: transparent radial-gradient(closest-side at 20% 35%,#1cc156 0%,#0d6336 100%);
}


.icon-list1 li:nth-child(1) .box-icon{
    box-shadow: -5px 15px 30px #0041FF;
    background-image: linear-gradient(180deg,#6e93fb 0%,#0041ff 100%);
    
}


.icon-list1 li:nth-child(2) .box-icon {
    box-shadow: -5px 15px 30px #F44571;
    background-image: linear-gradient(180deg, #f897af 0%, #f44571 100%);
}


.icon-list1 li:nth-child(3) .box-icon {
    box-shadow: -5px 15px 30px #45f47f;
    background-image: linear-gradient(180deg, #1cc156 0%, #0d6336 100%);
}


.icon-list1 li:hover:after{
    opacity: 1;
}


.icon-list1 li:hover .box-icon{
    box-shadow: none;
    background: #fff!important;
}


.icon-list1 li:hover .box-content,.icon-list1 li:hover .box-content a{
    color: #fff;
}


.icon-list1 li .box-icon span{
    color: #fff;
}


.icon-list1 li:nth-child(1):hover{
    box-shadow: -10px 40px 80px #214bd2 !important;
}


.icon-list1 li:nth-child(2):hover{
    box-shadow: -10px 40px 80px #F44571 !important;
}


.icon-list1 li:nth-child(3):hover{
    box-shadow: -10px 40px 80px #27a75f !important;
}


.icon-list1 li:nth-child(1):hover .box-icon span{
    color: #0041ff;
}


.icon-list1 li:nth-child(2):hover .box-icon span{
    color: #f44571;
}


.icon-list1 li:nth-child(3):hover .box-icon span{
    color: #0d6336;
}



@media (max-width: 1280px) {
    body {
        font-size: 14px;
    }

    .nav ul li a {
        padding: 0 15px;
    }

    #index-pro .cate-list li a {
        font-size: 14px;
    }

    .proshow .col-right .intro {
        font-size: 14px;
        line-height: 1.6;
    }

    h1.pro-title {
        margin-bottom: 15px;
    }

    .banner-nav .ui-list li {
        font-size: 12px;
    }

    h1 {
        font-size: 32px;
    }

    .x-main-title h3 {
        font-size: 18px;
    }

    .x-main-title .x-mask span {
        font-size: 80px;
    }

    #index-map #partner {
        padding: 30px 0 0;
    }

    .second-about {
        width: 100px;
        height: 100px;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .head-logo img {
        height: 50px;
    }

    .logo-text p {
        font-size: 16px;
    }

}



    #index-map #partner {
        padding: 30px 0 0;
    }



@media (max-width: 1710px) {
    #index-map .flexbox .leftbox {
        flex: 0 0 470px;
        min-width: 470px;
    }
}


    #index-map .flexbox .leftbox {
        flex: 0 0 470px;
        min-width: 470px;
    }



    #index-map .flexbox .leftbox {
        flex: 0 0 410px;
        min-width: 410px;
    }



@media (max-width: 1280px) {

    .head-logo a span, .foot-logo span {
        font-size: 30px;
    }
    .logo-text p {
        font-size: 14px;
    }
    .nav ul li a {
        padding: 0 12px;
        font-size: 16px;
    }

}


    #index-map .flexbox .leftbox {
        flex: 0 0 315px;
        min-width: 315px;
    }



@media (max-width: 1100px) {
    .nav li.hotline {
        display: none;
    }
}



@media (max-width: 1024px) {

    .mobile-100 > li {
        width: 100% !important;
    }

}


    .icon-list1 li{
        padding: 30px 20px;
        margin-bottom: 2%;
    }



    #index-map .flexbox .rightbox {
        flex: unset;
        width: 100%;
    }



    #index-map .x-main-title {
        margin-bottom: 10px;
    }


    #index-map .flexbox .leftbox {
        flex: inherit;
        min-width: inherit;
        width: 100%;
        margin: 0 0 40px;
    }



@media (max-width: 575px) {
    #index-map .flexbox .leftbox {
        margin: 0 0 20px;
    }
}


    #index-map .flexbox .leftbox {
        margin: 0 0 20px;
    }


/* 产品卡片栅格 */
.plc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0;}


        @media (max-width: 640px) { #rz-kefu-panel { width: calc(100vw - 24px); right: 12px; bottom: 80px; } }

/* ===== 纯图片段落收紧：图片贴图不留白（2026-10-05 v4 最终） ===== */
.container-right p:has(> img:only-child) {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}
.container-right p:has(> img:only-child) img {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
}
/* ===== 2026-10-06 从 head.html <style> 块提取：顶部导航润图标+双行LOGO配色（各视窗+滚动状态） ===== */
/* 顶部导航配色：header 现已统一为纯白实底（非滚动/吸顶均白底），故导航文字一律深色，active/hover 用品牌红 */
.logo-brand{color:#1F2329 !important;}
.logo-company{color:#7C7C7C !important;}
body._fixed .logo-brand{color:#1F2329 !important;}
body._fixed .logo-company{color:#7C7C7C !important;}
/* 双行LOGO在吸顶矮条中的适配：提升容器高度避免文字被裁切 */
body._fixed .head-logo{height:56px;}
/* 导航链接：默认深灰、active 品牌红 */
header .nav ul li > a{color:#1F2329 !important;}
body._fixed .nav ul li > a{color:#333 !important;}
/* 当前一级栏目：品牌红加粗 */
header .nav ul > li.active > a{color:#E64340 !important;font-weight:700;text-decoration:none;}
body._fixed .nav ul > li.active > a{color:#E64340 !important;font-weight:700;text-decoration:none;}
/* hover（仅一级）：品牌红 */
header .nav ul > li > a:hover{color:#E64340 !important;text-decoration:none;}
body._fixed .nav ul > li > a:hover{color:#E64340 !important;text-decoration:none;}
/* 下拉菜单内当前二级项：品牌红深字（白底清晰），不继承一级白字样式 */
header .nav ul li ul li.active > a, body._fixed .nav ul li ul li.active > a{color:#E64340 !important;font-weight:700;text-decoration:none;}
/* 热线电话：默认深灰、吸顶品牌红 */
header .nav ul li.hotline .t1{color:#666;}
header .nav ul li.hotline .t2, header .nav ul li.hotline span{color:#E64340;}
body._fixed .nav ul li.hotline .t1{color:#666;}
body._fixed .nav ul li.hotline .t2, body._fixed .nav ul li.hotline span{color:#E64340;}
/* 搜索图标 */
header li.top-search a span{color:#333;}
body._fixed header li.top-search a span{color:#333;}
/* 下拉菜单（二级导航）：任何状态一律白底深字，不随顶部透明/吸顶状态变色 */
header .nav ul li ul{background:#fff !important;box-shadow:0 5px 12px rgba(0,0,0,.12);}
header .nav ul li ul li a{color:#333 !important;}
header .nav ul li ul li a:hover{color:#fff !important;background:#E64340 !important;}
body._fixed .nav ul li ul{background:#fff !important;}
body._fixed .nav ul li ul li a{color:#333 !important;}
body._fixed .nav ul li ul li a:hover{color:#fff !important;background:#E64340 !important;}
/* 小屏（<992px 移动端）：LOGO 与导航统一深色字（模板移动端为浅底） */
@media (max-width:992px){
  .logo-brand{color:#1F2329 !important;}
  .logo-company{color:#7C7C7C !important;}
  body._fixed .logo-brand{color:#1F2329 !important;}
  body._fixed .logo-company{color:#7C7C7C !important;}
  header .nav ul li > a{color:#333 !important;}
  header .nav ul li.hotline .t1{color:#4E5969;}
  header .nav ul li.hotline .t2, header .nav ul li.hotline span{color:#E64340;}
}


/* ========== 模板内联样式迁移 20261005233633 ========== */
/* ===== from /caselist.html ===== */
/* ===== 工程案例列表页美化（图卡式，与解决方案/技术指南列表成套） ===== */
    .geo-news-list { list-style: none; margin: 0; padding: 0; }
    .geo-news-card {
        display: flex; gap: 24px;
        background: #fff;
        border: 1px solid #f5f5f5;
        border-radius: 12px;
        padding: 18px;
        margin-bottom: 18px;
        transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
    }
    .geo-news-card:hover {
        box-shadow: 0 8px 24px rgba(26, 26, 26, .09);
        border-color: #E64340;
        transform: translateY(-2px);
    }
    .geo-news-card .thumb {
        flex: 0 0 240px; width: 240px; height: 160px;
        border-radius: 8px; overflow: hidden;
        background: linear-gradient(135deg, #1a1a1a 0%, #1a1a1a 100%);
        display: block; position: relative; text-decoration: none;
    }
    .geo-news-card .thumb img {
        width: 100%; height: 100%; object-fit: cover; display: block;
        transition: transform .35s ease;
    }
    .geo-news-card:hover .thumb img { transform: scale(1.06); }
    /* 无图占位 */
    .geo-news-card .thumb.no-pic::after {
        content: "案例展示";
        position: absolute; inset: 0;
        display: flex; align-items: center; justify-content: center;
        color: rgba(255, 255, 255, .78); font-size: 15px; letter-spacing: 3px;
    }
    /* 视频角标 */
    .geo-news-card .video-badge {
        position: absolute; top: 10px; left: 10px; z-index: 2;
        display: inline-flex; align-items: center; gap: 5px;
        background: rgba(230, 67, 64, .92); color: #fff;
        font-size: 12px; padding: 3px 10px; border-radius: 4px;
        line-height: 1.4;
    }
    .geo-news-card .video-badge::before {
        content: ""; width: 0; height: 0;
        border-left: 7px solid #fff;
        border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent;
    }
    .geo-news-card .info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
    .geo-news-card .title {
        margin: 0 0 10px; font-size: 17px; font-weight: 700; line-height: 1.5;
    }
    .geo-news-card .title a { color: #333333; text-decoration: none; transition: color .2s; }
    .geo-news-card .title a:hover { color: #E64340; }
    .geo-news-card .desc {
        margin: 0 0 14px; font-size: 14px; line-height: 1.75; color: #666;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    .geo-news-card .meta {
        margin-top: auto;
        display: flex; align-items: center; gap: 14px;
        font-size: 13px; color: #999;
        border-top: 1px dashed #f5f5f5; padding-top: 12px;
    }
    .geo-news-card .meta .date { display: inline-flex; align-items: center; gap: 6px; }
    .geo-news-card .meta .date::before {
        content: ""; width: 5px; height: 5px; border-radius: 50%; background: #E64340;
    }
    .geo-news-card .meta .sort {
        color: #E64340; background: #ffffff;
        padding: 2px 10px; border-radius: 4px; font-size: 12px;
    }
    .geo-news-card .meta .view { margin-left: auto; }
    @media (max-width: 768px) {
        .geo-news-card { gap: 14px; padding: 12px; margin-bottom: 14px; }
        .geo-news-card .thumb { flex: 0 0 110px; width: 110px; height: 82px; }
        .geo-news-card .title { font-size: 15px; margin-bottom: 6px; }
        .geo-news-card .desc { display: none; }
        .geo-news-card .meta { padding-top: 8px; gap: 10px; }
        .geo-news-card .meta .sort { display: none; }
    }
/* ===== from /about.html ===== */
/* ===== 公司简介页样式 ===== */
    .about-main { background: #fff; }
    .about-main .content {margin: 0 auto;}
    .about-main .content h3 {
        font-size: 24px;
        color: #333;
        border-left: 4px solid #E64340;
        padding-left: 14px;
        margin: 44px 0 18px;
        font-weight: 700;
    }
    .about-main .content p { color: #555; line-height: 1.9; font-size: 15px; }
    .about-main .content strong { color: #333; }
    .about-main .content a { color: #E64340; }
    .about-main .content a:hover { text-decoration: underline; }
    /* 数据墙 */
    .abt-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin: 24px 0 8px;
    }
    .abt-stat {
        flex: 1 1 200px;
        background: #f8f8f8;
        border: 1px solid #f0f0f0;
        border-radius: 10px;
        padding: 28px 16px;
        text-align: center;
        transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    }
    .abt-stat:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
        border-color: #E64340;
    }
    .container-right .abt-stat .num {
        font-size: 38px;
        font-weight: 700;
        color: #E64340;
        font-family: DINCond-Regular, Arial, sans-serif;
    }
    .container-right .abt-stat .unit { font-size: 16px; color: #E64340; margin-left: 3px; }
    .container-right .abt-stat p { color: #666; margin: 6px 0 0; font-size: 14px; }
    /* 列表（优势 / 资质） */
    .abt-ul { list-style: none; margin: 14px 0 8px; padding: 0; }
    .abt-ul li {
        position: relative;
        padding: 7px 0 7px 26px;
        color: #555;
        line-height: 1.8;
        font-size: 15px;
    }
    .abt-ul li::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 14px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #E64340;
    }
    /* 服务行业标签 */
    .abt-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 8px; }
    .container-right .abt-tags span {
        background: #f8f8f8;
        border: 1px solid #eee;
        border-radius: 20px;
        padding: 7px 18px;
        color: #555;
        font-size: 14px;
        transition: all .3s ease;
    }
    .container-right .abt-tags span:hover { background: #E64340; border-color: #E64340; color: #fff; }
    /* 发展历程时间线 */
    .abt-timeline { list-style: none; margin: 16px 0 8px; padding: 0; }
    .abt-timeline li {
        position: relative;
        padding: 0 0 24px 30px;
        color: #555;
        line-height: 1.7;
        font-size: 15px;
    }
    .abt-timeline li::before {
        content: "";
        position: absolute;
        left: 2px;
        top: 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #E64340;
        box-shadow: 0 0 0 3px rgba(230, 67, 64, .15);
    }
    .abt-timeline li::after {
        content: "";
        position: absolute;
        left: 7px;
        top: 26px;
        bottom: 2px;
        width: 2px;
        background: #eee;
    }
    .abt-timeline li:last-child { padding-bottom: 4px; }
    .abt-timeline li:last-child::after { display: none; }
    .container-right .abt-timeline .year {
        display: inline-block;
        background: #E64340;
        color: #fff;
        border-radius: 4px;
        padding: 1px 10px;
        margin-right: 10px;
        font-size: 14px;
        font-weight: 700;
    }
    /* CTA 咨询条 */
    .abt-cta {
        background: #ccc;
        border-radius: 10px;
        padding: 22px 26px;
        margin: 20px 0 12px;
        line-height: 1.9;
        font-size: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px 32px;
        align-items: center;
    }
    .abt-cta a {  font-weight: 700; font-size: 17px; }
    .abt-cta a:hover { text-decoration: none; }
    .abt-cta-note { font-size: 13px; color: #999; line-height: 1.8; margin-top: 10px; }
    /* 图集区内嵌视频播放器 */
    #about2 .abt-video-inline { width: 80%; border-radius: 20px; background: #000; display: none; }
    @media (max-width: 768px) {
        .about-main .content h3 { font-size: 20px; margin: 32px 0 14px; }
        .abt-stat { flex: 1 1 42%; }
        .abt-cta { padding: 16px 18px; font-size: 15px; }
        #about2 .abt-video-inline { width: 100%; }
    }
/* ===== from /product.html ===== */
/* ===== 定制 CTA 块豁免：正文统一规则不压定制 CTA（2026-10-05） ===== */
.container-right .geo-cta { color:#fff !important; }
.container-right .geo-cta p:first-child { font-size:22px !important; color:#fff !important; font-weight:700 !important; margin:0 0 8px !important; }
.container-right .geo-cta p:nth-child(2) { font-size:14px !important; color:#f0f0f0 !important; margin:0 0 12px !important; }
.container-right .geo-cta span { font-size:14px !important; color:#fff !important; }

/* ===== 产品详情页版面重排 v1（2026-10-05）===== */

/* —— 首屏信息层级：分类小标签 + 产品名 h1 + 描述 —— */
.col-right .pro-crumb {
    display:inline-block; font-size:12px; color:#999; letter-spacing:1px;
    background:#f5f5f5; border:1px solid #eee; border-radius:3px;
    padding:2px 10px; margin-bottom:10px;
}
.col-right .pro-title { font-size:24px; line-height:1.4; margin:0 0 10px; color:#222; }
.col-right .pro-tag-label { color:#999; font-size:13px; }
.col-right .pro-tag { margin-right:8px; }
.col-right .pro-desc { color:#666; font-size:14px; line-height:1.8; display:block; margin-top:6px; }
.col-right .contact-info { margin:14px 0 8px; }
.col-right .action { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:6px; }
/* CTA 三按钮统一视觉：我要询价 + 免费勘测 + 电话咨询 等高 */
.col-right .action .more-link,
.col-right .pro-quick a {
    display:inline-flex; align-items:center; justify-content:center; gap:6px;
    height:40px; padding:0 18px; border-radius:4px;
    font-size:14px; line-height:1; margin:0; box-sizing:border-box;
    text-decoration:none; transition:opacity .2s; white-space:nowrap;
}
.col-right .action .more-link { background:#c7000b; color:#fff !important; }
.col-right .action .more-link:hover { opacity:.85; }
/* 快捷 CTA 副行 */
.col-right .pro-quick { display:flex; gap:10px; flex-wrap:wrap; }
.col-right .pro-quick a { padding:0 16px; }
.col-right .pro-quick a:hover { opacity:.85; }
.col-right .pro-quick-fit { background:#c7000b; color:#fff !important; }
.col-right .pro-quick-tel { background:#333; color:#fff !important; }
/* 防 iconfont 16px 覆盖按钮字号 */
.col-right .pro-quick a span { font-size: inherit; }
/* 右栏底部轻量联系方式（替代原 pro-contact 大块，去重电话） */
.col-right .pro-meta {
    margin-top:12px; padding-top:10px; border-top:1px dashed #eee;
    display:flex; flex-wrap:wrap; gap:6px 16px;
    font-size:12px; color:#999; line-height:1.6;
}
.col-right .pro-meta a { color:#999; text-decoration:none; }
.col-right .pro-meta a:hover { color:#c7000b; }

/* —— 正文目录（自动锚点导航）—— */
.pro-toc {
    background:#f8f8f8; border:1px solid #ececec; border-left:3px solid #c7000b;
    border-radius:4px; padding:12px 16px; margin:0 0 18px;
}
.pro-toc .pro-toc-t { font-size:14px; font-weight:700; color:#333; margin-bottom:8px; }
.pro-toc ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px 18px; }
.pro-toc li { margin:0; }
.pro-toc a { font-size:13px; color:#c7000b; text-decoration:none; }
.pro-toc a:hover { text-decoration:underline; }

/* —— 正文排版：标题层级 / 表格 / 图片 —— */
.proshow_content { line-height:1.9; color:#444; font-size:14px; }
.proshow_content h2, .proshow_content h3 {
    scroll-margin-top:140px;
    border-left:4px solid #c7000b; padding-left:10px;
    color:#222; margin:28px 0 14px;
}
.proshow_content h2 { font-size:20px; }
.proshow_content h3 { font-size:17px; border-left-color:#bbb; }
.proshow_content p { margin:0 0 12px; }
.proshow_content ul, .proshow_content ol { padding-left:22px; margin:0 0 14px; }
.proshow_content img { max-width:100%; height:auto; display:block; margin:0 auto; }
/* 表格：PC 自适应宽度，移动端横向滚动 */
.proshow_content table {
    width:100%; max-width:100%; border-collapse:collapse; margin:0 0 16px;
    font-size:13px; line-height:1.6;
}
.proshow_content table th, .proshow_content table td {
    border:1px solid #e3e3e3; padding:8px 10px; text-align:center; word-break:break-word;
}
.proshow_content table th { background:#f0f0f0; font-weight:600; color:#222; }
@media (max-width:768px){
    .proshow_content table { display:block; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; }
    .col-right .pro-title { font-size:20px; }
    .col-right .action { width:100%; }
    .col-right .action .more-link { flex:1; text-align:center; }
    .col-right .pro-quick { width:100%; }
    .col-right .pro-quick a { flex:1; justify-content:center; }
    .pro-toc ul { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:6px; }
    .pro-toc li { flex:0 0 auto; }
}
/* ===== from /tags.html ===== */
.tbox{background:#F8F8F8;overflow:hidden;}
.tbox dt{height:40px;clear:both;margin:10px 0;line-height:40px;border-bottom:2px solid #ED4014;}
.tbox dd{overflow:hidden;}
.tbox dt strong{padding-left:20px;float:left;color:#000;}
.tag-list dd{line-height:220%;}
.tag-list dd a{white-space:nowrap;margin:.5rem!important;border:1px solid #ccc;color:#000;}
.tag-list dd a:hover{background:#F04055;border-color:#F04055;color:#fff;}
/* ===== from /index.html ===== */
/* ===== 首页 GEO 布局 ===== */
    /* 品牌定位条（GEO Step1 品牌知识库·定义段） */
    .geo-brand-line {
        background: #1a1a1a;
        color: #fff;
        padding: 20px 0;
        text-align: center;
    }
    .geo-brand-line h1, .geo-brand-line h2 { font-size: 24px; font-weight: 700; margin: 0 0 6px; }
    .geo-brand-line h1 em, .geo-brand-line h2 em { color: #E64340; font-style: normal; }
    .geo-brand-line p { color: #999999; font-size: 14px; margin: 0; }
    /* 公司简介速览（左图右文，等高拉伸） */
    .geo-about-pic { position: relative; display: block; border-radius: 10px; overflow: hidden; height: 320px; }
    .geo-about-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .geo-about-pic .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 62px; height: 62px; border-radius: 50%; background: rgba(230, 67, 64, .88); color: #fff; font-size: 26px; line-height: 62px; text-align: center; }
    .geo-about-txt p { color: #555; line-height: 1.75; font-size: 15px; margin: 0 0 8px; }
    .geo-about-txt strong { color: #333; }
    .geo-about-txt .geo-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 12px; }
    .geo-about-txt .geo-tags span { background: #f8f8f8; border: 1px solid #eee; border-radius: 20px; padding: 5px 14px; color: #555; font-size: 13px; }
    .geo-about-txt .geo-tags span i { color: #E64340; font-style: normal; font-weight: 700; }
    .geo-btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
    /* 资质证书墙（品牌权威信号） */
    .geo-cert-grid { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; }
    .geo-cert {
        flex: 1 1 calc(19% - 12px); background: #fff; border: 1px solid #eee; border-radius: 8px;
        overflow: hidden; transition: all .3s ease;
    }
    .geo-cert:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, .08); border-color: #E64340; }
    .geo-cert .img {
        width: 100%; height: 150px; object-fit: contain; display: block; box-sizing: border-box;
        background: #f5f5f5; padding: 12px;
    }
    /* 完整资质清单入口 */
    .geo-cert-more { margin-top: 16px; text-align: center; }
    .geo-cert-more a {
        color: #E64340; font-size: 13px; text-decoration: none; border: 1px solid #E64340;
        border-radius: 18px; padding: 6px 18px; display: inline-block; transition: all .3s ease;
    }
    .geo-cert-more a:hover { background: #E64340; color: #fff; }
    .geo-cert-more span { margin-left: 3px; }
    .geo-cert .tt { display: block; padding: 10px 10px 12px; color: #444; font-size: 13px; line-height: 1.5; text-align: center; }
    .geo-cert:hover .tt { color: #E64340; }
    /* 业务优化单元（GEO Step2：六大产品线分区）卡片 - 文字在上、产品图常显、hover 图微放大 */
    .geo-biz-card {
        position: relative; display: flex; flex-direction: column; height: 100%;
        background: #fff; border: 1px solid #f5f5f5; border-radius: 10px; overflow: hidden;
        transition: all .3s ease; text-align: left;
    }
    .geo-biz-card:hover { border-color: #e64340; transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.12); }
    /* 业务优化单元：卡片间距与边界感 */
    .geo-biz-row { gap: 24px; }
    .geo-biz-row.x-flex-list-3 > li { width: calc(33.3333% - 16px); }
    /* 产品中心折叠（方案A瘦身）：默认显示首行3卡，其余收起 */
    .geo-biz-row .geo-biz-more { display: none; }
    .geo-biz-row.open .geo-biz-more { display: flex; }
    .geo-biz-toggle {
        display: inline-block; cursor: pointer; border: 1px solid #E64340; background: #fff; color: #E64340;
        border-radius: 24px; padding: 9px 26px; font-size: 14px; line-height: 1.6; transition: all .3s ease;
    }
    .geo-biz-toggle:hover { background: #E64340; color: #fff; }
    .geo-biz-body { padding: 20px 20px 14px; position: relative; flex: 1; }
    .geo-biz-num {
        position: absolute; top: 20px; right: 20px; font-size: 30px; font-weight: 700; line-height: 1;
        color: #f5f5f5; font-family: DINCond-Regular, Arial, sans-serif; z-index: 2;
    }
    .geo-biz-body h4 { font-size: 20px; font-weight: 700; color: #333333; margin: 0 0 10px; padding-right: 34px; }
    .geo-biz-params { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; }
    .geo-biz-params span {
        display: block; text-align: left; background: #f5f5f5; border: 1px solid #f5f5f5;
        border-radius: 6px; padding: 6px 12px; color: #555; font-size: 13px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .geo-biz-body p { color: #666; font-size: 13.5px; line-height: 1.7; margin: 0 0 14px; }
    .geo-biz-link {
        display: inline-flex; align-items: center; gap: 6px; padding: 8px 20px;
        border: 1px solid #E64340; border-radius: 20px; color: #E64340; font-size: 13.5px;
        background: #fff; transition: all .3s ease;
    }
    .geo-biz-link .arr { transition: transform .3s ease; }
    .geo-biz-link:hover { background: #E64340; color: #fff; }
    /* 方案卡产品区：双图并排 + 产品名（图片直达详情页） */
    .geo-biz-imgs { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-bottom: 14px; }
    .geo-biz-prod { display: block; background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden; transition: all .3s ease; }
    .geo-biz-prod:hover { border-color: #E64340; box-shadow: 0 6px 16px rgba(0,0,0,.08); }
    .geo-biz-pic { display: block; height: 118px; overflow: hidden; background: #f5f5f5; }
    .geo-biz-pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
    .geo-biz-card:hover .geo-biz-pic img { transform: scale(1.07); }
    .geo-biz-pname { display: block; padding: 7px 9px; font-size: 12.5px; line-height: 1.5; color: #555; background: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .geo-biz-prod:hover .geo-biz-pname { color: #E64340; }
    /* 业务优化单元：特性标签墙 + 卡片参数行 */
    .geo-biz-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; }
    .geo-biz-tags span {
        background: #fff; border: 1px solid #f5f5f5; border-radius: 20px; padding: 6px 16px;
        color: #555; font-size: 13px;
    }
    .geo-biz-tags span i { font-style: normal; color: #E64340; font-weight: 700; margin-right: 2px; }
    /* 首屏快捷导航行（Banner 文案区下方） */
    .geo-banner-nav { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
    .geo-banner-nav a {
        display: inline-block; padding: 7px 18px; border-radius: 20px;
        background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.45);
        color: #fff; font-size: 13px; letter-spacing: 1px; transition: all .3s ease;
    }
    .geo-banner-nav a:hover { background: #E64340; border-color: #E64340; color: #fff; }
    /* 留言表单：钩子文案区 */
    .geo-form-hook { margin-bottom: 18px; }
    .geo-form-hook h3 { font-size: 22px; color: #333333; margin: 0 0 8px; }
    .geo-form-hook h3 em { color: #E64340; font-style: normal; }
    .geo-form-hook p { color: #888; font-size: 14px; margin: 0; }
    .geo-form-hook .promise { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
    .geo-form-hook .promise span {
        background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; padding: 4px 10px;
        color: #666; font-size: 12px;
    }
    .geo-form-tel { margin: 12px 0 0; color: #999; font-size: 13px; }
    .geo-form-tel a { color: #E64340; font-weight: 700; text-decoration: none; }
    /* 产品列表复用旧版 x-pro-list 样式（渲染页已有） */
    /* FAQ（GEO Step3 用户意图） */
    .geo-faq { background: #f5f5f5; }
    .geo-faq-item { background: #fff; border: 1px solid #eee; border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
    .geo-faq-q {
        position: relative; padding: 15px 18px 15px 46px; color: #333; font-size: 15px; font-weight: 700; cursor: pointer;
    }
    .geo-faq-q::before {
        content: "Q"; position: absolute; left: 14px; top: 12px; width: 22px; height: 22px; border-radius: 50%;
        background: #E64340; color: #fff; font-size: 12px; line-height: 22px; text-align: center;
    }
    .geo-faq-q .arr { float: right; color: #999; font-size: 12px; font-weight: 400; }
    .geo-faq-a { display: none; padding: 4px 18px 16px 46px; color: #666; font-size: 14px; line-height: 1.9; }
    .geo-faq-a::before { content: "A"; position: absolute; margin-left: -32px; width: 22px; height: 22px; border-radius: 50%; background: #1a1a1a; color: #fff; font-size: 12px; line-height: 22px; text-align: center; }
    .geo-faq-item.open .geo-faq-a { display: block; }
    .geo-faq-item.open .arr { transform: rotate(180deg); }
    /* FAQ 折叠（方案A）：默认显示4条高频，其余引导至 FAQ 单页 */
    .geo-faq-item:nth-child(n+5) { display: none; }
    .geo-faq-more {
        display: inline-block; color: #E64340; font-size: 14px; font-weight: 600; text-decoration: none;
        border: 1px solid #E64340; border-radius: 24px; padding: 9px 26px; transition: all .3s ease;
    }
    .geo-faq-more:hover { background: #E64340; color: #fff; }
    /* 转化（留言咨询）白色化（仅首页覆盖全局样式） */
    #index-contact { background: #fff; color: #333; }
    #index-contact a { color: inherit; }
    #index-contact .pro-a { color: #333; }
    #index-contact .pro-a .ui-form-group .ui-form-ip {
        color: #333; background-color: #fff; border: 1px solid #f5f5f5; border-radius: 4px; padding: 12px 14px;
    }
    #index-contact .ui-form-limit-text { color: #999; }
    #particles-js { display: none; }
    /* 数据墙（GEO 权威数据）卡片化 - 白色风格 */
    .geo-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 46px; }
    .geo-stats .stat-item { flex: 1 1 150px; max-width: 175px; text-align: center; }
    .geo-stats .stat-number { font-size: 36px; font-weight: 700; color: #333333; line-height: 1.2; margin-bottom: 8px; }
    .geo-stats .stat-number .suffix { font-size: 19px; font-weight: 700; }
    .geo-stats .stat-label { display: inline-block; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 16px; padding: 5px 16px; font-size: 13px; color: #333; }
    /* 合作客户（居中大标题 + 数字统计墙） */
    .geo-client { background: #f5f5f5; }
    .geo-client-head { text-align: center; margin-bottom: 40px; }
    .geo-client-head h2 { font-size: 30px; color: #333333; margin: 0; font-weight: 700; }
    .geo-client-head h2 em { color: #E64340; font-style: normal; }
    .geo-client-head p { color: #888; font-size: 14px; margin: 12px 0 0; }
    .geo-client-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
    .geo-client-stats .stat-item { flex: 1 1 160px; max-width: 200px; text-align: center; }
    .geo-client-stats .stat-number { font-size: 44px; font-weight: 700; color: #333333; line-height: 1.2; margin-bottom: 10px; }
    .geo-client-stats .stat-number .suffix { font-size: 22px; }
    .geo-client-stats .stat-label { display: inline-block; background: #fff; border: 1px solid #f5f5f5; border-radius: 16px; padding: 5px 16px; font-size: 13px; color: #555; }
    @media (max-width: 480px) {
        .geo-client-head { margin-bottom: 20px; }
        .geo-client-head p { display: none; }
        .geo-client-head h2 { font-size: 23px; }
        .geo-client-stats .stat-number { font-size: 34px; }
    }
    .geo-client-note { text-align: center; color: #999; font-size: 13.5px; margin: 44px 0 18px; }
    .geo-client-cases { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    /* 工程案例：默认显示4条，其余收起（HTML保留供AI抓取），展开按钮 .open 恢复 */
    .geo-client-cases .case-card:nth-child(n+5) { display: none; }
    .geo-client-cases.open .case-card { display: block; }
    .geo-client-cases .case-card {
        display: block; background: #fff; border: 1px solid #f5f5f5; border-radius: 8px; overflow: hidden;
        transition: all .3s ease; text-align: left;
    }
    .geo-client-cases .case-card:hover { border-color: #E64340; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,.1); }
    .geo-client-cases .case-img { position: relative; height: 130px; overflow: hidden; background: #f5f5f5; }
    .geo-client-cases .case-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
    .geo-client-cases .case-card:hover .case-img img { transform: scale(1.06); }
    .geo-client-cases .case-ph { display: flex; align-items: center; justify-content: center; height: 100%; color: #999; font-size: 13px; padding: 0 12px; text-align: center; }
    .geo-client-cases .case-tt { padding: 10px 14px; font-size: 14px; color: #333; line-height: 1.5; }
    .geo-client-cases .case-card:hover .case-tt { color: #E64340; }
    .geo-client-more { text-align: center; margin-top: 22px; }
    .geo-client-more-a { display: inline-block; padding: 9px 26px; background: #E64340; border-radius: 20px; color: #fff; font-size: 13.5px; text-decoration: none; transition: all .3s ease; }
    .geo-client-more-a:hover { background: #c2000f; color: #fff; }
    .geo-client-more-a span { margin-left: 4px; }
    @media (max-width: 992px) { .geo-client-cases { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 480px) { .geo-client-cases { grid-template-columns: 1fr; } }
    /* 通用"查看更多"展开按钮 */
    .geo-more-toggle {
        display: inline-block; cursor: pointer; border: 1px solid #E64340; background: #fff; color: #E64340;
        border-radius: 24px; padding: 9px 26px; font-size: 14px; line-height: 1.6; transition: all .3s ease;
    }
    .geo-more-toggle:hover { background: #E64340; color: #fff; }
    .geo-stat {
        flex: 1 1 200px; background: #fff; border: 1px solid #f5f5f5; border-radius: 14px;
        padding: 26px 16px 22px; text-align: center; color: #333; position: relative;
        box-shadow: 0 2px 10px rgba(0,0,0,.05); transition: all .3s ease;
    }
    .geo-stat:hover { transform: translateY(-5px); border-color: #E64340; box-shadow: 0 12px 26px rgba(230, 67, 64,.10); }
    .geo-stat .ico { display: block; width: 36px; height: 36px; margin: 0 auto 10px; color: #E64340; }
    .geo-stat .num { font-size: 42px; font-weight: 700; color: #E64340; font-family: DINCond-Regular, Arial, sans-serif; line-height: 1.1; }
    .geo-stat .unit { font-size: 18px; color: #E64340; margin-left: 3px; }
    .geo-stat p { color: #666; margin: 8px 0 0; font-size: 14px; }
    /* 应用行业墙（GEO 权威行业）分组卡片化 - 白色风格 */
    .geo-industry-groups { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 16px; }
    .geo-ind-group {
        background: #fff; border: 1px solid #f5f5f5; border-radius: 12px; padding: 18px 18px 16px;
        box-shadow: 0 2px 10px rgba(0,0,0,.04); transition: all .3s ease;
    }
    .geo-ind-group:hover { border-color: #E64340; box-shadow: 0 8px 20px rgba(230, 67, 64,.08); transform: translateY(-3px); }
    .geo-ind-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: #333333; margin-bottom: 12px; }
    .geo-ind-title .ico { width: 20px; height: 20px; color: #E64340; }
    .geo-ind-tags { display: flex; flex-wrap: wrap; gap: 8px; }
    .geo-ind-tags span {
        background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 6px; padding: 5px 12px;
        color: #555; font-size: 13px; transition: all .3s ease; white-space: nowrap;
    }
    .geo-ind-tags span:hover { background: #E64340; border-color: #E64340; color: #fff; }
    /* CTA 免费勘测条 - 白色风格（精简版：无行业卡片时直接顶格） */
    /* CTA 免费勘测条 - 精简强化（手机号红底直拨） */
    .geo-cta {
        background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 12px; padding: 18px 24px;
        display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px;
    }
    .geo-cta-txt { font-size: 17px; font-weight: 700; color: #333; display: flex; align-items: center; gap: 10px; }
    .geo-cta-txt::before { content: ''; width: 6px; height: 22px; background: #E64340; border-radius: 3px; flex: none; }
    .geo-cta-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
    .geo-cta-phone { display: inline-flex; align-items: center; gap: 9px; background: #E64340; color: #fff !important; font-size: 21px; font-weight: 700; padding: 11px 24px; border-radius: 9px; transition: background .2s; }
    .geo-cta-phone:hover { background: #C93836; color: #fff !important; text-decoration: none; }
    .geo-cta-phone svg { width: 18px; height: 18px; fill: #fff; flex: none; }
    .geo-cta-tel { font-size: 14px; color: #999; }
    /* 区块标题（沿用 section-title 体系） */
    .geo-sec-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 18px; margin-bottom: 18px; }
    .geo-sec-head .section-title { margin: 0; }
    .geo-sec-head .intro { color: #888; font-size: 14px; }
    @media (max-width: 768px) {
        .geo-brand-line h1, .geo-brand-line h2 { font-size: 19px; }
        .geo-cert { flex: 1 1 44%; max-width: none; }
        .geo-about-pic { height: 240px; }
        .geo-stat { flex: 1 1 42%; }
        .geo-industry-groups { grid-template-columns: repeat(2, 1fr); }
        .geo-cta { padding: 16px 16px; justify-content: center; text-align: center; }
        .geo-cta-txt { width: 100%; justify-content: center; }
        .geo-cta-actions { width: 100%; justify-content: center; gap: 14px; }
        .geo-cta-phone { font-size: 19px; padding: 12px 20px; }
        .geo-cta-tel { width: 100%; text-align: center; }
    }
    @media (max-width: 480px) {
        .geo-industry-groups { grid-template-columns: 1fr; }
    }
    /* 主推产品区（GEO：爆款主推 + 推荐滚动） */
    .geo-fea-main { position: relative; height: 440px; border-radius: 12px; overflow: hidden; display: flex; align-items: center; }
    .geo-fea-main .geo-fea-bg { position: absolute; inset: 0; background: url('/static/upload/image/20250629/1751168319173687.jpg') 72% center/cover no-repeat; }
    .geo-fea-main::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.88) 42%, rgba(255,255,255,.55) 68%, rgba(255,255,255,0) 88%); }
    .geo-fea-info { position: relative; z-index: 2; padding: 48px 58px; max-width: 660px; color: #333; }
    .geo-fea-tag { display: inline-block; background: #E64340; color: #fff; font-size: 13.5px; padding: 6px 16px; border-radius: 20px; letter-spacing: 1px; margin-bottom: 18px; }
    .geo-fea-info h2 { font-size: 42px; font-weight: 700; color: #333333; margin: 0 0 12px; }
    .geo-fea-info .geo-fea-desc { font-size: 16px; color: #555; line-height: 1.7; margin: 0 0 22px; }
    .geo-fea-params { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px; padding: 0; list-style: none; }
    .geo-fea-params li { background: rgba(255,255,255,.92); border: 1px solid rgba(26, 26, 26,.14); border-radius: 6px; padding: 7px 16px; font-size: 14px; color: #333; }
    .geo-fea-info .c-btn { border-color: #E64340; color: #E64340; background: #fff; padding: 13px 36px; font-size: 15px; }
    .geo-fea-info .c-btn:hover { background: #E64340; border-color: #E64340; color: #fff; }
    .geo-fea-nav { position: absolute; top: -46px; right: 0; display: flex; gap: 8px; }
    .geo-fea-nav button { width: 34px; height: 34px; border: 1px solid #f5f5f5; border-radius: 50%; background: #fff; color: #555; cursor: pointer; font-size: 15px; line-height: 1; transition: all .3s ease; }
    .geo-fea-nav button:hover { background: #E64340; border-color: #E64340; color: #fff; }
    @media (max-width: 768px) {
        .geo-fea-main { height: auto; min-height: 320px; }
        .geo-fea-info { padding: 30px 24px; }
        .geo-fea-info h2 { font-size: 30px; }
    }
    /* Banner 主视觉文字白色（覆盖公共模板默认色） */
    .index-banner .mask { background: linear-gradient(90deg, rgba(26, 26, 26,.62) 0%, rgba(26, 26, 26,.34) 45%, rgba(26, 26, 26,.06) 100%); }
    .index-banner .mask h1,
    .index-banner .mask h2 { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.55), 0 0 2px rgba(0,0,0,.45); }
    /* 小屏隐藏 Banner：首屏直接落到品牌定位条 */
    @media (max-width: 768px) {
        .index-banner { display: none !important; }
    }
    /* 业务优化单元并入主推区后的容器 */
    .geo-biz-block { background: #f5f5f5; border-radius: 12px; padding: 36px 32px 40px; margin-top: 28px; }
    .geo-biz-block .geo-sec-head { margin-bottom: 12px; }
    /* P1 区头层级：英文装饰 .en + 中文真实标题 h2 */
    .geo-sec-head .section-title .en { font-size: 30px; font-weight: 700; color: #333333; line-height: 1.3; margin: 0 0 2px; }
    .geo-sec-head .section-title h2 { font-size: 20px; font-weight: 700; color: #E64340; line-height: 1.4; margin: 0; }
    /* 主推大卡双按钮行 */
    .geo-fea-btns { display: flex; flex-wrap: wrap; gap: 14px; }
    .geo-fea-info .btn-quote { background: #E64340; border-color: #E64340; color: #fff; }
    .geo-fea-info .btn-quote:hover { background: #c5000f; border-color: #c5000f; color: #fff; }
    /* 主推区信任条 */
    .geo-trust-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
    .geo-trust-row span { background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 6px; padding: 8px 18px; font-size: 13.5px; color: #444; }
    .geo-trust-row span i { color: #E64340; font-style: normal; margin-right: 5px; }
    /* 小屏（手机）紧凑适配 */
    @media (max-width: 480px) {
        .geo-fea-info .c-btn { padding: 11px 22px; font-size: 14px; }
        .geo-fea-info h2 { font-size: 26px; }
        .geo-fea-info .geo-fea-desc { font-size: 14.5px; }
        .geo-fea-params li { padding: 6px 12px; font-size: 13px; }
        .geo-biz-block { padding: 26px 18px 30px; }
        .geo-trust-row span { padding: 7px 13px; font-size: 12.5px; }
        .geo-trust-row { gap: 9px; }
    }

    /* 权威内容 · 右侧图配文卡片升级（自定义样式） */
    .geo-kn-card { position: relative; border-radius: 10px; overflow: hidden; height: 180px; box-shadow: 0 2px 10px rgba(26, 26, 26,.06); }
    .geo-kn-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
    .geo-kn-card:hover img { transform: scale(1.06); }
    .geo-kn-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26, 26, 26,0) 36%, rgba(26, 26, 26,.52) 66%, rgba(26, 26, 26,.88) 100%); pointer-events: none; }
    .geo-kn-info { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 18px 14px; z-index: 2; }
    .geo-kn-date { display: inline-block; font-size: 11.5px; letter-spacing: .5px; color: rgba(255,255,255,.8); background: rgba(26, 26, 26,.3); border-radius: 10px; padding: 2px 9px; }
    .geo-kn-title { margin: 8px 0 0; font-size: 15.5px; font-weight: 600; color: #fff; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0 1px 4px rgba(0,0,0,.22); }
    .geo-kn-card:hover .geo-kn-title { color: #ffe3e4; }
    /* 权威内容 · 大屏默认精简（左侧列表7→6条，内容保留于HTML供AI抓取） */
    .geo-kn-list li:nth-child(n+7) { display: none; }
    /* 权威内容 · 右侧图卡中小屏折叠（方案B：≤992默认2张+展开按钮，大屏保持4张全显） */
    .geo-kn-toggle { display: none; }
    @media (max-width: 992px) {
        .geo-kn-imgs li:nth-child(n+3) { display: none; }
        .geo-kn-imgs.open li:nth-child(n+3) { display: block; }
        .geo-kn-toggle { display: inline-block; }
    }
    /* 权威内容 · 低分辨率精简数量 */
    @media (max-width: 768px) {
        .geo-kn-list li:nth-child(n+7) { display: none; }
    }
    @media (max-width: 480px) {
        .geo-kn-list li:nth-child(n+5) { display: none; }
        .geo-kn-card { height: 190px; }
    }

    /* 客户见证 · 真实评价（信任信号） */
    .geo-ev { background: #f5f5f5; }
    .geo-ev-head { text-align: center; margin-bottom: 34px; }
    .geo-ev-head .en { color: #E64340; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; }
    .geo-ev-head h2 { color: #333333; font-size: 30px; margin: 8px 0 10px; }
    .geo-ev-head p { color: #888; font-size: 14px; margin: 0; }
    .geo-ev-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    /* 客户见证：默认显示3条，其余收起（HTML保留供AI抓取），展开按钮 .open 恢复 */
    .geo-ev-card:nth-child(n+4) { display: none; }
    .geo-ev-grid.open .geo-ev-card { display: flex; }
    .geo-ev-card {
        background: #fff; border: 1px solid #f5f5f5; border-radius: 12px; padding: 26px 26px 20px;
        position: relative; transition: all .3s ease; display: flex; flex-direction: column;
    }
    .geo-ev-card::before {
        content: "“"; position: absolute; top: 8px; right: 22px; font-size: 74px;
        line-height: 1; color: #f5f5f5; font-family: Georgia, serif;
    }
    .geo-ev-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(26, 26, 26,.08); border-color: #E64340; }
    .geo-ev-tag {
        align-self: flex-start; font-size: 12px; color: #E64340; background: #ffffff;
        border: 1px solid #ffffff; padding: 3px 12px; border-radius: 20px; margin-bottom: 14px;
    }
    .geo-ev-text { color: #333333; font-size: 14px; line-height: 1.9; margin: 0 0 16px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
    .geo-ev-link { margin-top: auto; font-size: 13px; color: #333333; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
    .geo-ev-link:hover { color: #E64340; }
    @media (max-width: 992px) {
        .geo-ev-grid { grid-template-columns: repeat(2, 1fr); }
        /* 第3条评价中屏横跨整行，避免 2+1 不对称 */
        .geo-ev-grid .geo-ev-card:nth-child(3) { grid-column: 1 / -1; }
    }
    @media (max-width: 768px) {
        .geo-ev-grid { grid-template-columns: 1fr; }
        .geo-ev-grid .geo-ev-card:nth-child(3) { grid-column: auto; }
        .geo-ev-head h2 { font-size: 22px; }
    }

    /* 客户案例 · 标题美化 */
    .geo-client-cases .case-tt { padding: 12px 14px 14px; font-size: 14.5px; font-weight: 600; color: #333; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .geo-client-cases .case-tt::after { content: ' \2192'; color: #E64340; opacity: 0; margin-left: 3px; transition: all .3s ease; }
    .geo-client-cases .case-card:hover .case-tt::after { opacity: 1; margin-left: 6px; }
    /* 客户案例 · 低分辨率精简数量 */
    /* 案例条数折叠统一为全局 n+5 规则（见 .geo-client-cases 基础样式），媒体查询仅保留布局断点 */
/* ===== from /faq.html ===== */
/* ===== FAQ 常见问题聚合页（AI友好结构 P1-1 20261003） ===== */
.faq-page{ background:#fff; }
.faq-head{ padding:26px 0 8px; border-bottom:1px solid #f0f0f0; margin-bottom:6px; }
.faq-head .en{ font-size:13px; letter-spacing:4px; color:#E64340; font-weight:700; }
.faq-head h1{ margin:6px 0 8px; font-size:26px; color:#1F2329; }
.faq-head p{ margin:0; font-size:14px; color:#666; line-height:1.8; }
.faq-nav{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 4px; }
.faq-nav a{ display:inline-block; padding:7px 16px; border:1px solid #eee; border-radius:20px; font-size:13px; color:#333; text-decoration:none; transition:.2s; }
.faq-nav a:hover{ border-color:#E64340; color:#E64340; }
.faq-group{ margin-top:22px; }
.faq-group > h2{ font-size:18px; color:#1F2329; margin:0 0 12px; padding-left:12px; border-left:4px solid #E64340; line-height:1.4; }
.faq-group > h2 span{ font-size:12px; color:#999; font-weight:400; margin-left:8px; }
.faq-list{ list-style:none; margin:0; padding:0; }
.faq-list li{ border-bottom:1px dashed #eee; }
.faq-list a{ display:block; padding:12px 4px; font-size:14.5px; color:#333; text-decoration:none; line-height:1.6; transition:color .2s; }
.faq-list a::before{ content:"Q"; display:inline-block; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:11px; line-height:20px; text-align:center; margin-right:10px; vertical-align:middle; }
.faq-list a:hover{ color:#E64340; }
.faq-list a:hover::before{ background:#E64340; }
.faq-hot{ margin-top:22px; }
.faq-hot h2{ font-size:18px; color:#1F2329; margin:0 0 12px; padding-left:12px; border-left:4px solid #1A1A1A; line-height:1.4; }
.faq-item{ background:#fff; border:1px solid #eee; border-radius:8px; margin-bottom:10px; overflow:hidden; }
.faq-item .q{ padding:12px 16px; font-size:14.5px; color:#333; cursor:pointer; font-weight:600; position:relative; padding-right:36px; }
.faq-item .q::after{ content:"▼"; position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#999; font-size:11px; transition:transform .2s; }
.faq-item.open .q::after{ transform:translateY(-50%) rotate(180deg); }
.faq-item .a{ display:none; padding:0 16px 14px 16px; font-size:13.5px; color:#666; line-height:1.9; }
.faq-item.open .a{ display:block; }
.faq-cta{ margin:30px 0 10px; background:#FAFAFA; border:1px solid #eee; border-left:4px solid #E64340; border-radius:8px; padding:20px 24px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.faq-cta p{ margin:0; font-size:14px; color:#333; flex:1; min-width:200px; line-height:1.7; }
.faq-cta a{ display:inline-block; padding:10px 22px; border-radius:4px; font-size:14px; color:#fff; text-decoration:none; }
.faq-cta .b-red{ background:#E64340; }
.faq-cta .b-dark{ background:#1A1A1A; }
@media (max-width:767px){
    .faq-head h1{ font-size:21px; }
    .faq-list a{ font-size:14px; padding:11px 2px; }
    .faq-cta{ padding:16px; }
    .faq-cta a{ width:100%; text-align:center; box-sizing:border-box; }
}
/* ===== from /caselist-1.html ===== */
/* ===== 解决方案/厂房降温方案列表页美化（图卡式，与新闻/技术指南列表成套） ===== */
    .geo-news-list { list-style: none; margin: 0; padding: 0; }
    .geo-news-card {
        display: flex; gap: 24px;
        background: #fff;
        border: 1px solid #f5f5f5;
        border-radius: 12px;
        padding: 18px;
        margin-bottom: 18px;
        transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
    }
    .geo-news-card:hover {
        box-shadow: 0 8px 24px rgba(26, 26, 26, .09);
        border-color: #E64340;
        transform: translateY(-2px);
    }
    .geo-news-card .thumb {
        flex: 0 0 240px; width: 240px; height: 160px;
        border-radius: 8px; overflow: hidden;
        background: linear-gradient(135deg, #1a1a1a 0%, #1a1a1a 100%);
        display: block; position: relative; text-decoration: none;
    }
    .geo-news-card .thumb img {
        width: 100%; height: 100%; object-fit: cover; display: block;
        transition: transform .35s ease;
    }
    .geo-news-card:hover .thumb img { transform: scale(1.06); }
    /* 无图占位：渐变底 + 栏目水印 */
    .geo-news-card .thumb.no-pic::after {
        content: "解决方案";
        position: absolute; inset: 0;
        display: flex; align-items: center; justify-content: center;
        color: rgba(255, 255, 255, .78); font-size: 15px; letter-spacing: 3px;
    }
    .geo-news-card .info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
    .geo-news-card .title {
        margin: 0 0 10px; font-size: 17px; font-weight: 700; line-height: 1.5;
    }
    .geo-news-card .title a { color: #333333; text-decoration: none; transition: color .2s; }
    .geo-news-card .title a:hover { color: #E64340; }
    .geo-news-card .desc {
        margin: 0 0 14px; font-size: 14px; line-height: 1.75; color: #666;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    .geo-news-card .meta {
        margin-top: auto;
        display: flex; align-items: center; gap: 14px;
        font-size: 13px; color: #999;
        border-top: 1px dashed #f5f5f5; padding-top: 12px;
    }
    .geo-news-card .meta .date { display: inline-flex; align-items: center; gap: 6px; }
    .geo-news-card .meta .date::before {
        content: ""; width: 5px; height: 5px; border-radius: 50%; background: #E64340;
    }
    .geo-news-card .meta .sort {
        color: #E64340; background: #ffffff;
        padding: 2px 10px; border-radius: 4px; font-size: 12px;
    }
    .geo-news-card .meta .view { margin-left: auto; }
    @media (max-width: 768px) {
        .geo-news-card { gap: 14px; padding: 12px; margin-bottom: 14px; }
        .geo-news-card .thumb { flex: 0 0 110px; width: 110px; height: 82px; }
        .geo-news-card .title { font-size: 15px; margin-bottom: 6px; }
        .geo-news-card .desc { display: none; }
        .geo-news-card .meta { padding-top: 8px; gap: 10px; }
        .geo-news-card .meta .sort { display: none; }
    }
/* ===== from /message.html ===== */
.media-body{-ms-flex:1;flex:1}
	.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
	.media-body{-ms-flex:1;flex:1}
	.border-bottom{border-bottom:1px solid #dee2e6!important}
	.border-top-dashed {border-top: 1px dashed #dee2e6 !important;}
/* ===== from /newslist.html ===== */
/* ===== 新闻/技术指南列表页美化（全站深蓝+红体系，图卡式排版） ===== */
    .geo-news-list { list-style: none; margin: 0; padding: 0; }
    .geo-news-card {
        display: flex; gap: 24px;
        background: #fff;
        border: 1px solid #f5f5f5;
        border-radius: 12px;
        padding: 18px;
        margin-bottom: 18px;
        transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
    }
    .geo-news-card:hover {
        box-shadow: 0 8px 24px rgba(26, 26, 26, .09);
        border-color: #E64340;
        transform: translateY(-2px);
    }
    .geo-news-card .thumb {
        flex: 0 0 240px; width: 240px; height: 160px;
        border-radius: 8px; overflow: hidden;
        background: linear-gradient(135deg, #1a1a1a 0%, #1a1a1a 100%);
        display: block; position: relative; text-decoration: none;
    }
    .geo-news-card .thumb img {
        width: 100%; height: 100%; object-fit: cover; display: block;
        transition: transform .35s ease;
    }
    .geo-news-card:hover .thumb img { transform: scale(1.06); }
    /* 无图占位：渐变底 + 栏目水印 */
    .geo-news-card .thumb.no-pic::after {
        content: "技术指南";
        position: absolute; inset: 0;
        display: flex; align-items: center; justify-content: center;
        color: rgba(255, 255, 255, .78); font-size: 15px; letter-spacing: 3px;
    }
    .geo-news-card .info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
    .geo-news-card .title {
        margin: 0 0 10px; font-size: 17px; font-weight: 700; line-height: 1.5;
    }
    .geo-news-card .title a { color: #333333; text-decoration: none; transition: color .2s; }
    .geo-news-card .title a:hover { color: #E64340; }
    .geo-news-card .desc {
        margin: 0 0 14px; font-size: 14px; line-height: 1.75; color: #666;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    .geo-news-card .meta {
        margin-top: auto;
        display: flex; align-items: center; gap: 14px;
        font-size: 13px; color: #999;
        border-top: 1px dashed #f5f5f5; padding-top: 12px;
    }
    .geo-news-card .meta .date { display: inline-flex; align-items: center; gap: 6px; }
    .geo-news-card .meta .date::before {
        content: ""; width: 5px; height: 5px; border-radius: 50%; background: #E64340;
    }
    .geo-news-card .meta .sort {
        color: #E64340; background: #ffffff;
        padding: 2px 10px; border-radius: 4px; font-size: 12px;
    }
    .geo-news-card .meta .view { margin-left: auto; }
    @media (max-width: 768px) {
        .geo-news-card { gap: 14px; padding: 12px; margin-bottom: 14px; }
        .geo-news-card .thumb { flex: 0 0 110px; width: 110px; height: 82px; }
        .geo-news-card .title { font-size: 15px; margin-bottom: 6px; }
        .geo-news-card .desc { display: none; }
        .geo-news-card .meta { padding-top: 8px; gap: 10px; }
        .geo-news-card .meta .sort { display: none; }
    }
/* ===== from /case.html ===== */
/* ===== 案例内容页（五段式结构化版） ===== */
    .case-title { margin: 0 0 12px; font-size: 22px; font-weight: 700; color: #333333; line-height: 1.5; }
    .case-meta {
        display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
        font-size: 13px; color: #999; margin-bottom: 16px;
        padding-bottom: 14px; border-bottom: 1px solid #f5f5f5;
    }
    .case-meta .date { display: inline-flex; align-items: center; gap: 6px; }
    .case-meta .date::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #E64340; }
    .case-meta .sort { color: #E64340; background: #ffffff; padding: 2px 10px; border-radius: 4px; font-size: 12px; }
    .case-meta .view { margin-left: auto; }

    /* 案例摘要卡 */
    .case-summary {
        margin: 4px 0 20px; padding: 16px 18px;
        background: #f2f5fc; border-left: 4px solid #1a1a1a; border-radius: 6px;
        font-size: 14px; line-height: 1.9; color: #333333;
    }
    .case-summary b { color: #333333; }
    .case-tags { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }
    .case-tags span {
        font-size: 12px; color: #E64340; background: #fff; border: 1px solid #ffffff;
        padding: 2px 10px; border-radius: 20px;
    }

    /* 本案例目录（正文 h3≥3 自动生成） */
    .case-toc { display: none; margin: 0 0 20px; padding: 14px 16px; background: #fff; border: 1px solid #f5f5f5; border-radius: 8px; }
    .case-toc .toc-tit { font-size: 13px; font-weight: 700; color: #333333; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
    .case-toc .toc-tit::before { content: ""; width: 5px; height: 14px; border-radius: 2px; background: #E64340; }
    .case-toc .toc-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .case-toc .toc-list a {
        font-size: 12px; color: #333333; background: #f6f8fc; border: 1px solid #e6ebf5;
        padding: 4px 12px; border-radius: 20px; text-decoration: none;
    }
    .case-toc .toc-list a:hover, .case-toc .toc-list a.on { background: #E64340; color: #fff; border-color: #E64340; }

    /* 正文 */
    .artshow { margin-top: 18px; line-height: 1.95; font-size: 15px; color: #444; }
    .artshow p { margin: 0 0 14px; }
    .artshow img { max-width: 100%; height: auto; border-radius: 6px; display: block; margin: 0 auto; }
    .artshow h3, .artshow h4 {
        color: #333333; margin: 26px 0 12px; line-height: 1.5;
        padding-left: 12px; border-left: 4px solid #E64340;
        scroll-margin-top: 130px;
    }
    .artshow h3 { font-size: 17px; }
    .artshow h4 { font-size: 15px; border-left-color: #b9c4de; }
    /* 参数表：响应式红头白底条纹 */
    .artshow table { width: 100%; border-collapse: collapse; margin: 16px 0 20px; font-size: 14px; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 6px rgba(26, 26, 26,.06); }
    .artshow table th { background: #1a1a1a; color: #fff; font-weight: 600; padding: 11px 14px; text-align: left; border: none; }
    .artshow table td { padding: 10px 14px; border: 1px solid #f5f5f5; color: #333333; }
    .artshow table tr:nth-child(even) td { background: #f7f8fb; }
    .artshow table tr:hover td { background: #fff3f3; }
    .artshow table td:first-child { font-weight: 600; color: #333333; width: auto; }
    @media (max-width: 768px) {
        .artshow table td, .artshow table th { padding: 8px 10px; font-size: 13px; }
        .artshow table td:first-child { white-space: normal; }
    }
    /* FAQ 问答卡 */
    .artshow .faq-item { margin: 12px 0; padding: 14px 16px; background: #fafbfe; border: 1px solid #f5f5f5; border-radius: 8px; }
    .artshow .faq-item .faq-q { color: #333333; font-weight: 700; font-size: 14px; margin-bottom: 6px; display: flex; align-items: flex-start; gap: 8px; }
    .artshow .faq-item .faq-q::before { content: "Q"; flex: 0 0 22px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #fff; background: #E64340; border-radius: 4px; }
    .artshow .faq-item .faq-a { color: #333333; font-size: 14px; line-height: 1.9; display: flex; align-items: flex-start; gap: 8px; }
    .artshow .faq-item .faq-a::before { content: "A"; flex: 0 0 22px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #fff; background: #1a1a1a; border-radius: 4px; }

    /* 转化 CTA */
    .case-cta {
        margin: 24px 0 0; padding: 18px 20px;
        background: linear-gradient(90deg, #1a1a1a, #1a1a1a); border-radius: 10px;
        display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
    }
    .case-cta .cta-tip { color: #fff !important; font-size: 16px !important; font-weight: 700 !important; }
    .case-cta .cta-tip small { display: block !important; font-weight: 400 !important; font-size: 13px !important; color: rgba(255,255,255,.9) !important; margin-top: 3px !important; }
    .case-cta .cta-btns { display: flex; gap: 10px; flex-wrap: wrap; }
    .case-cta .btn-tel, .case-cta .btn-msg {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none;
    }
    .case-cta .btn-tel { background: #E64340; color: #fff; }
    .case-cta .btn-msg { background: #fff; color: #333333; }
    /* 相关案例 */
    .case-related { margin-top: 28px; }
    .case-related .rl-title { font-size: 17px; font-weight: 700; color: #333333; margin: 0 0 14px; padding-left: 12px; border-left: 4px solid #E64340; }
    .case-related ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 14px; flex-wrap: wrap; }
    .case-related li { flex: 1 1 200px; max-width: 240px; }
    .case-related a.rc-thumb { display: block; width: 100%; height: 130px; border-radius: 8px; overflow: hidden; position: relative; background: linear-gradient(135deg,#1a1a1a,#1a1a1a); }
    .case-related a.rc-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
    .case-related li:hover a.rc-thumb img { transform: scale(1.05); }
    .case-related a.rc-thumb.no-pic::after { content: "案例展示"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.75); font-size: 13px; letter-spacing: 2px; }
    .case-related .rc-tit { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: #333; text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .case-related .rc-tit:hover { color: #E64340; }
    /* 上下篇与分享 */
    .case-prevnext { margin-top: 24px; }
    .case-prevnext ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 14px; }
    .case-prevnext li { flex: 1; min-width: 200px; }
    .case-prevnext .back-list { flex: 0 0 auto; }
    .case-prevnext a { color: #333333; text-decoration: none; }
    .case-prevnext a:hover { color: #E64340; }
    .case-qr { display: flex; align-items: center; gap: 12px; margin-top: 16px; font-size: 13px; color: #888; }
    .case-qr #qrcode { padding: 6px; border: 1px solid #f5f5f5; border-radius: 6px; display: inline-block; }
    .video-content video { width: 100%; border-radius: 8px; }
    @media (max-width: 768px) {
        .case-title { font-size: 18px; }
        .case-cta { padding: 14px 16px; }
        .case-cta .btn-tel, .case-cta .btn-msg { flex: 1; justify-content: center; padding: 10px 12px; }
        .case-related li { flex: 1 1 46%; max-width: none; }
        .case-related a.rc-thumb { height: 110px; }
    }
/* ===== from /zizhi.html ===== */
/* ===== 荣誉资质页（仿 zizhi 布局，沿用 aircool 主色 #e64340，与公司简介新页成套） ===== */
    .zz-main { background: #fff; }
    .zz-wrap { max-width: 1180px; margin: 0 auto; padding: 20px 0 10px; }
    .zz-lead {
        background: #f8f8f8;
        border: 1px solid #f0f0f0;
        border-left: 4px solid #e64340;
        border-radius: 6px;
        padding: 18px 22px;
        color: #555;
        line-height: 1.9;
        font-size: 15px;
        margin: 0 0 26px;
    }
    .zz-lead strong { color: #e64340; }
    .zz-sec-tit {
        font-size: 22px;
        color: #333;
        font-weight: 700;
        border-left: 4px solid #e64340;
        padding-left: 14px;
        margin: 36px 0 16px;
    }
    .zz-ul { list-style: none; margin: 12px 0 6px; padding: 0; }
    .zz-ul li {
        position: relative;
        padding: 7px 0 7px 26px;
        color: #555;
        line-height: 1.8;
        font-size: 15px;
    }
    .zz-ul li::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 14px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #e64340;
    }
    /* 证书图文墙 */
    .zz-cert-grid { display: flex; flex-wrap: wrap; gap: 16px; margin: 14px 0 8px; }
    .zz-cert {
        display: block;
        flex: 1 1 250px;
        max-width: calc(33.333% - 12px);
        background: #fff;
        border: 1px solid #eee;
        border-radius: 10px;
        overflow: hidden;
        transition: all .3s ease;
        text-decoration: none;
    }
    .zz-cert:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, .10);
        border-color: #e64340;
        text-decoration: none;
    }
    .zz-cert .img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        display: block;
        background: #f5f5f5;
    }
    .zz-cert .tt {
        padding: 12px 14px 14px;
        color: #333;
        font-size: 14px;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 44px;
    }
    /* 数据墙（深蓝底，与 CTA 呼应） */
    .zz-stats { display: flex; flex-wrap: wrap; gap: 16px; margin: 20px 0 10px; }
    .zz-stat {
        flex: 1 1 200px;
        border-radius: 10px;
        padding: 28px 16px;
        text-align: center;
        transition: transform .3s ease, box-shadow .3s ease;
    }
    .zz-stat:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, .15); }
    .zz-stat .num {
        font-size: 38px;
        font-weight: 700;
        color: #e64340;
        font-family: DINCond-Regular, Arial, sans-serif;
    }
    .zz-stat .unit { font-size: 16px; color: #e64340; margin-left: 3px; }
    .zz-stat p { margin: 6px 0 0; font-size: 14px; }
    /* CTA 咨询条 */
    .zz-cta {
        border-radius: 10px;
        padding: 22px 26px;
        margin: 20px 0 12px;
        line-height: 1.9;
        font-size: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px 32px;
        align-items: center;
    }
    .zz-cta a { color: #e64340; font-weight: 700; font-size: 17px; }
    .zz-cta a:hover { color: #c0392b; text-decoration: none; }
    @media (max-width: 768px) {
        .zz-cert { max-width: 100%; }
        .zz-stat { flex: 1 1 42%; }
        .zz-cta { padding: 16px 18px; font-size: 15px; }
    }
/* ===== from /comm/left.html ===== */
.left-nav p.active:hover,.left-nav p.active,.left-nav p a:hover.active{background:#000;}
.left-nav p.active a{color:#fff;}

/* ========== 行内style迁移规则 ========== */
.inl1{display:none;}
.inl2{padding-right:132px;}
.inl3{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:40px;border-radius:4px;cursor:pointer;}
.inl4{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:98;}
.inl5{max-height: 350px; object-fit: cover; width: 100%;}
.inl6{width: 100%;margin:0 auto}
.inl7{white-space: normal;}
.inl8{background: url([list:ico]) no-repeat center;background-size: contain;background-color: #fff;}
.inl9{color:#fff;text-decoration:underline;}
.inl10{display:inline-block; width:auto; white-space:nowrap;}
.inl11{text-align:center;margin-top:18px;}
.inl12{gap:44px;}
.inl13{width:calc(25% - 22px);}
.inl14{margin-top:14px;}
.inl15{display:inline-block; width:auto; white-space:nowrap; padding:12px 28px; line-height:1.5;}
.inl16{width:calc(75% - 22px);}
.inl17{gap:16px;}
.inl18{width:calc(50% - 8px);}
.inl19{text-align:center;margin-top:14px;}
.inl20{background:#fff;}
.inl21{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;}
.inl22{flex:1;min-width:150px;text-align:center;padding:16px 10px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:10px;color:#333333;text-decoration:none;font-size:14px;font-weight:700;transition:all .2s;}
.inl23{display:block;font-weight:400;font-size:12px;color:#7A8292;margin-top:4px;}
.inl24{font-size:12px;color:#7A8292;margin-top:10px;}
.inl25{color:#E64340;}
.inl26{text-align:center;margin-top:20px;}
.inl27{gap:40px;}
.inl28{width:calc(50% - 20px);}
.inl29{display:none}
.inl30{display:flex;justify-content:center;gap:14px;margin-top:20px;flex-wrap:wrap;}
.inl31{text-align:center;margin-top:24px;}
.inl32{gap:28px;flex-wrap:wrap;}
.inl33{flex:1;min-width:300px;}
.inl34{background:linear-gradient(180deg,#F8F8F8 0%,#FFFFFF 40%);border:1px solid #E5E5E5;border-left:4px solid #E64340;border-radius:6px;padding:26px 24px;height:100%;box-sizing:border-box;box-shadow:0 2px 10px rgba(230,67,64,.06);}
.inl35{margin:0 0 22px;font-size:18px;color:#E64340;font-weight:700;}
.inl36{display:inline-block;width:4px;height:18px;background:#E64340;border-radius:2px;vertical-align:-2px;margin-right:8px;}
.inl37{list-style:none;margin:0;padding:0;}
.inl38{display:flex;gap:12px;margin-bottom:24px;}
.inl39{min-width:0;}
.inl40{margin:0 0 5px;font-size:14px;color:#86909C;}
.inl41{margin:0;font-size:15px;color:#1F2329;line-height:1.7;word-break:break-all;font-weight:500;}
.inl42{margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2;}
.inl43{color:#E64340;text-decoration:none;}
.inl44{margin:0;font-size:14px;color:#4E5969;}
.inl45{color:#4E5969;text-decoration:none;}
.inl46{display:flex;gap:12px;}
.inl47{margin:0;font-size:14px;color:#4E5969;word-break:break-all;}
.inl48{flex:1.4;min-width:320px;}
.inl49{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;}
.inl50{flex:1;min-width:220px;max-width:280px;background:#fff;border:1px solid #eee;border-radius:8px;padding:24px 16px;text-align:center;}
.inl51{font-size:16px;font-weight:600;color:#1F2329;margin-bottom:14px;}
.inl52{width:150px;height:150px;object-fit:contain;margin:0 auto;}
.inl53{margin:12px 0 0;font-size:13px;color:#86909C;line-height:1.6;}
.inl54{background: #fff url('/theme/2022/images/honor-bg.jpg') center /cover no-repeat;}
.inl55{max-height:120px}
.inl56{background:linear-gradient(90deg, rgba(230,67,64,.55) 0%, rgba(230,67,64,0) 26%), linear-gradient(135deg,#111111 0%,#444444 50%,#F2F2F2 100%);}
.inl57{height:100px; width:100px; border:1px solid #ccc; margin-bottom:5px; border-radius:2px}
.inl58{max-width:100%;max-height:100%}
.inl59{max-width:200px;}
.inl60{height:33px;}
.inl61{color:red}
.inl62{cursor:pointer}
.inl63{display:flex;align-items:center;gap:10px;text-decoration:none;}
.inl64{width:42px;height:42px;border-radius:50%;background:#E64340;color:#fff;font-size:24px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.inl65{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.3;}
.inl66{font-size:21px;font-weight:700;white-space:nowrap;}
.inl67{font-size:13px;font-weight:500;white-space:nowrap;}
.inl68{display:flex;align-items:center;gap:8px;text-decoration:none;}
.inl69{width:36px;height:36px;border-radius:50%;background:#E64340;color:#fff;font-size:20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.inl70{font-size:18px;font-weight:700;color:#1F2329;white-space:nowrap;}
.inl71{margin-left: 8%;}
.inl72{margin-left: 16%;}
.inl73{color:#999}
.inl74{width:14px;height:14px;}


/* ========== 模板内联样式迁移 20261005233650 ========== */


/* ========== 行内style迁移规则 ========== */
.inl1{display:none;}
.inl2{padding-right:132px;}
.inl3{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:40px;border-radius:4px;cursor:pointer;}
.inl4{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:98;}
.inl5{max-height: 350px; object-fit: cover; width: 100%;}
.inl6{width: 100%;margin:0 auto}
.inl7{white-space: normal;}
.inl8{background: url([list:ico]) no-repeat center;background-size: contain;background-color: #fff;}
.inl9{color:#fff;text-decoration:underline;}
.inl10{display:inline-block; width:auto; white-space:nowrap;}
.inl11{text-align:center;margin-top:18px;}
.inl12{gap:44px;}
.inl13{width:calc(25% - 22px);}
.inl14{margin-top:14px;}
.inl15{display:inline-block; width:auto; white-space:nowrap; padding:12px 28px; line-height:1.5;}
.inl16{width:calc(75% - 22px);}
.inl17{gap:16px;}
.inl18{width:calc(50% - 8px);}
.inl19{text-align:center;margin-top:14px;}
.inl20{background:#fff;}
.inl21{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;}
.inl22{flex:1;min-width:150px;text-align:center;padding:16px 10px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:10px;color:#333333;text-decoration:none;font-size:14px;font-weight:700;transition:all .2s;}
.inl23{display:block;font-weight:400;font-size:12px;color:#7A8292;margin-top:4px;}
.inl24{font-size:12px;color:#7A8292;margin-top:10px;}
.inl25{color:#E64340;}
.inl26{text-align:center;margin-top:20px;}
.inl27{gap:40px;}
.inl28{width:calc(50% - 20px);}
.inl29{display:none}
.inl30{display:flex;justify-content:center;gap:14px;margin-top:20px;flex-wrap:wrap;}
.inl31{text-align:center;margin-top:24px;}
.inl32{gap:28px;flex-wrap:wrap;}
.inl33{flex:1;min-width:300px;}
.inl34{background:linear-gradient(180deg,#F8F8F8 0%,#FFFFFF 40%);border:1px solid #E5E5E5;border-left:4px solid #E64340;border-radius:6px;padding:26px 24px;height:100%;box-sizing:border-box;box-shadow:0 2px 10px rgba(230,67,64,.06);}
.inl35{margin:0 0 22px;font-size:18px;color:#E64340;font-weight:700;}
.inl36{display:inline-block;width:4px;height:18px;background:#E64340;border-radius:2px;vertical-align:-2px;margin-right:8px;}
.inl37{list-style:none;margin:0;padding:0;}
.inl38{display:flex;gap:12px;margin-bottom:24px;}
.inl39{min-width:0;}
.inl40{margin:0 0 5px;font-size:14px;color:#86909C;}
.inl41{margin:0;font-size:15px;color:#1F2329;line-height:1.7;word-break:break-all;font-weight:500;}
.inl42{margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2;}
.inl43{color:#E64340;text-decoration:none;}
.inl44{margin:0;font-size:14px;color:#4E5969;}
.inl45{color:#4E5969;text-decoration:none;}
.inl46{display:flex;gap:12px;}
.inl47{margin:0;font-size:14px;color:#4E5969;word-break:break-all;}
.inl48{flex:1.4;min-width:320px;}
.inl49{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;}
.inl50{flex:1;min-width:220px;max-width:280px;background:#fff;border:1px solid #eee;border-radius:8px;padding:24px 16px;text-align:center;}
.inl51{font-size:16px;font-weight:600;color:#1F2329;margin-bottom:14px;}
.inl52{width:150px;height:150px;object-fit:contain;margin:0 auto;}
.inl53{margin:12px 0 0;font-size:13px;color:#86909C;line-height:1.6;}
.inl54{background: #fff url('/theme/2022/images/honor-bg.jpg') center /cover no-repeat;}
.inl55{max-height:120px}
.inl56{background:linear-gradient(90deg, rgba(230,67,64,.55) 0%, rgba(230,67,64,0) 26%), linear-gradient(135deg,#111111 0%,#444444 50%,#F2F2F2 100%);}
.inl57{height:100px; width:100px; border:1px solid #ccc; margin-bottom:5px; border-radius:2px}
.inl58{max-width:100%;max-height:100%}
.inl59{max-width:200px;}
.inl60{height:33px;}
.inl61{color:red}
.inl62{cursor:pointer}
.inl63{display:flex;align-items:center;gap:10px;text-decoration:none;}
.inl64{width:42px;height:42px;border-radius:50%;background:#E64340;color:#fff;font-size:24px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.inl65{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.3;}
.inl66{font-size:21px;font-weight:700;white-space:nowrap;}
.inl67{font-size:13px;font-weight:500;white-space:nowrap;}
.inl68{display:flex;align-items:center;gap:8px;text-decoration:none;}
.inl69{width:36px;height:36px;border-radius:50%;background:#E64340;color:#fff;font-size:20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.inl70{font-size:18px;font-weight:700;color:#1F2329;white-space:nowrap;}
.inl71{margin-left: 8%;}
.inl72{margin-left: 16%;}
.inl73{color:#999}
.inl74{width:14px;height:14px;}


/* ===== LOGO 迁移特异性修正v2 ===== */
.head-logo a.inl63 { display:flex !important; align-items:center !important; gap:10px !important; text-decoration:none !important; }
.head-logo a span.inl64 { width:42px !important; height:42px !important; border-radius:50% !important; background:#E64340 !important; color:#fff !important; font-size:24px !important; font-weight:700 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; line-height:1 !important; }
.head-logo a span.inl65 { display:inline-flex !important; flex-direction:column !important; justify-content:center !important; line-height:1.3 !important; }
.head-logo a span.inl66 { font-size:21px !important; font-weight:700 !important; white-space:nowrap !important; line-height:1.3 !important; }
.head-logo a span.inl67 { font-size:13px !important; font-weight:500 !important; white-space:nowrap !important; line-height:1.3 !important; }





/* ===== GEO 首页区块布局（语义化类名，替代 inlN 迁移补丁）===== */
.x-flex-list-2 > li.geo-kn-col-left { width: calc(25% - 22px); }
.x-flex-list-2 > li.geo-kn-col-right { width: calc(75% - 22px); }
.x-flex-list-2 > li.geo-kn-img-item { width: calc(50% - 8px); }
.x-flex-list-2 > li.geo-about-col { width: calc(50% - 20px); }
.ui-text-right a.geo-kn-more-btn { width: auto !important; display: inline-block !important; white-space: nowrap !important; padding: 12px 28px !important; }


/* ===== 产品列表列数断点修正（2026-10-06：移动端一行一列）===== */
.plc-grid{grid-template-columns:1fr;gap:16px;}
@media (min-width:768px){.plc-grid{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media (min-width:1200px){.plc-grid{grid-template-columns:repeat(3,1fr);gap:20px;}}


/* ===== 文章正文表格防撑破（2026-10-06：嵌套表格+图片自适应）===== */
.artshow table { max-width: 100% !important; }
.artshow table table { max-width: 100% !important; }
.artshow table img { max-width: 100% !important; height: auto !important; }


/* ===== 主推爆款区按钮 inl10 修复（压过 .c-btn.mores 25% 宽）===== */
.geo-fea-btns a.inl10 { width: auto !important; display: inline-block !important; white-space: nowrap !important; padding: 13px 36px !important; }

/* ===== css11 修复：文章表格深色表头行内段落文字被正文样式覆盖为深色，黑底看不清 ===== */
.artshow .content table tr:first-child th p,
.artshow .content table tr:first-child th span,
.artshow .content table tr:first-child th div,
.artshow .content table tr:first-child th li,
.artshow .content table tr:first-child th a,
.artshow .content table thead td p,
.artshow .content table thead td span,
.artshow .content table thead td div,
.artshow .content table thead td li,
.artshow .content table thead td a,
.proshow_content table tr:first-child th p,
.proshow_content table tr:first-child th span,
.proshow_content table tr:first-child th div,
.artshow_content table tr:first-child th p,
.artshow_content table tr:first-child th span,
.artshow_content table tr:first-child th div {
    color: #fff !important;
}

/* 隐藏fancybox弹窗视频（点击封面时才显示） */
.fancybox-video { display: block; width: 100%; height: 100%; }


/* ===== 主推爆款参数网格卡片（2026-10-06：5项参数网格化）===== */
.geo-fea-params{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 26px;padding:0;list-style:none;max-width:540px;}
.geo-fea-params li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:rgba(255,255,255,.94);border:1px solid rgba(26,26,26,.14);border-radius:10px;padding:12px 8px;box-shadow:0 2px 8px rgba(26,26,26,.05);}
.geo-fea-params .gfp-n{font-size:12px;color:#7A8292;letter-spacing:.5px;}
.geo-fea-params .gfp-v{font-size:16px;font-weight:700;color:#1a1a1a;line-height:1.3;white-space:nowrap;}
@media (max-width:767px){
  .geo-fea-params{grid-template-columns:repeat(2,1fr);gap:8px;max-width:100%;}
  .geo-fea-params .gfp-v{font-size:14px;white-space:normal;}
}

/* ===== 侧边导航LOGO配色修正（2026-10-06）：修复红底红字与字号覆盖 ===== */
.ui-offside .head-logo a span.inl69 {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    background: #E64340 !important;
}
.ui-offside .head-logo a span.inl70 {
    color: #1F2329 !important;
    font-size: 18px !important;
}


/* ===== 移动端页脚栏目导航改造（2026-10-06 方案A：浅色两列展开式） ===== */
/* 桌面隐藏（修复 mobile-show 规则缺失导致的桌面误显示） */
@media (min-width:768px){
  .x-foot-nav{display:none !important;}
}
/* 移动端：浅色底 + 两列网格 + 全部展开 + 紧凑行距 */
@media (max-width:767px){
  .x-foot-nav{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:16px 24px;
    background:#f6f7f8 !important;
    color:#333 !important;
    padding:24px 4% 14px;
  }
  .x-foot-nav .ui-card{background:none !important;border:none !important;box-shadow:none !important;}
  .x-foot-nav .ui-card-header{background:none !important;border-bottom:1px solid #e6e7e9 !important;padding:0 0 8px !important;margin:0 !important;}
  .x-foot-nav .ui-card-header-title{font-size:15px !important;font-weight:700 !important;color:#1a1a1a !important;}
  .x-foot-nav .ui-card-header-title a{color:#1a1a1a !important;}
  .x-foot-nav .ui-card-header-more{display:none !important;}
  .x-foot-nav .ui-card-body{display:block !important;padding:8px 0 0 !important;background:none !important;}
  .x-foot-nav .ui-card-body.hide{display:block !important;}
  .x-foot-nav .ui-card-body li{line-height:28px !important;font-size:13px !important;padding:0 !important;color:#555 !important;background:none !important;}
  .x-foot-nav .ui-card-body li a{color:#555 !important;}
  .x-foot-nav .ui-card-body li.active a{color:#E64340 !important;font-weight:600 !important;}
  .x-foot-nav .ui-backtop{grid-column:1 / -1 !important;text-align:center !important;background:none !important;color:#888 !important;font-size:13px !important;padding:10px 0 2px !important;border-top:1px solid #e6e7e9 !important;margin-top:6px !important;}
}


/* ===== 产品详情页信息卡+头部大屏改造（2026-10-06 方案A）===== */
/* banner：栏目名+卖点（详情页专用，去H1） */
.pro-banner-crumb{font-size:15px;color:rgba(255,255,255,.8);letter-spacing:3px;margin-bottom:12px;}
.pro-banner-slogan{font-size:30px;font-weight:700;color:#fff;line-height:1.4;margin-bottom:14px;}
.banner_inner .info{font-size:13px;color:rgba(255,255,255,.75);}
.banner_inner .info a{color:rgba(255,255,255,.9);}
/* 右侧信任徽章 */
.pro-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
.pro-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;background:#f6f7f8;border:1px solid #e9eaec;color:#555;font-size:12px;white-space:nowrap;line-height:1.4;}
.pro-badge b{color:#E64340;margin-right:4px;font-weight:700;}
/* 类型/场景/TAG 标签行横向胶囊化 */
.proshow .col-right .intro{display:inline-flex;align-items:center;margin:0 6px 10px 0;background:#f6f7f8;border:1px solid #e9eaec;border-radius:20px;font-size:12px;color:#555;line-height:1;text-align:left;}
.proshow .col-right .intro .pro-tag-label{background:none;color:#888;padding:7px 4px 7px 12px;font-size:12px;line-height:1;}
.proshow .col-right .intro .pro-tag{padding:7px 12px 7px 4px;color:#E64340;font-size:12px;line-height:1;}
.proshow .col-right .intro:last-of-type{margin-bottom:16px;}
/* 二维码缩小 */
.proshow .contact-info .m-code{transform:scale(.8);transform-origin:left center;padding-left:30px;}
/* 移动端适配 */
@media (max-width:767px){
  .pro-banner-slogan{font-size:22px;}
  .pro-banner-crumb{font-size:13px;}
}


/* ===== 方案A细节修正（2026-10-06 planA-fix）===== */
.col-right .contact-info .hotline .t2{font-size:26px !important;color:#E64340 !important;line-height:1.2 !important;}
.col-right .pro-meta{font-size:12px !important;color:#999 !important;line-height:1.6 !important;}
.col-right .pro-meta a{color:#999 !important;}
.col-right .pro-meta a:hover{color:#c7000b !important;}
.col-right .pro-badge{font-size:12px !important;}
.proshow .col-right .m-code{transform:scale(.8) !important;transform-origin:left center !important;padding-left:30px !important;}
@media (max-width:767px){
  .col-right .contact-info .hotline .t2{font-size:22px !important;}
  .col-right .pro-badge{font-size:11px !important;padding:4px 10px !important;}
}


/* ===== TAG多标签独立胶囊+换行（2026-10-06 tag-multi）===== */
.proshow .col-right .intro{background:none !important;border:none !important;border-radius:0 !important;display:inline-flex !important;flex-wrap:wrap !important;gap:6px !important;align-items:center !important;margin:0 0 12px !important;padding:0 !important;line-height:1 !important;}
.proshow .col-right .intro .pro-tag-label{display:inline-flex;align-items:center;background:#f6f7f8;border:1px solid #e9eaec;border-radius:20px;padding:7px 12px;color:#888;font-size:12px;line-height:1;white-space:nowrap;}
.proshow .col-right .intro .pro-tag{display:inline-flex;align-items:center;background:#f6f7f8;border:1px solid #e9eaec;border-radius:20px;padding:7px 12px;color:#E64340;font-size:12px;line-height:1;margin:0;white-space:nowrap;text-decoration:none;}
.proshow .col-right .intro .pro-tag:hover{background:#E64340;color:#fff;}
@media (max-width:767px){
  .proshow .col-right .intro .pro-tag-label{padding:5px 10px;font-size:11px;}
  .proshow .col-right .intro .pro-tag{padding:5px 10px;font-size:11px;}
}


/* ===== 详情页正文首段厂家句（2026-10-07）===== */
.proshow_content .pro-lead{background:#f6f7f8;border-left:4px solid #E64340;border-radius:0 8px 8px 0;padding:12px 16px;margin:0 0 16px;font-size:14px;line-height:1.8;color:#444;}
.proshow_content .pro-lead b{color:#333;}
@media (max-width:767px){
  .proshow_content .pro-lead{font-size:13px;padding:10px 12px;}
}

/* ===== zizhi 数据墙/CTA 白底黑字化（2026-10-12）：去除黑底，仅保留数字红色强调 ===== */
.zz-wrap .zz-stat .num,
.zz-wrap .zz-stat .unit {
    color: #e64340 !important;
}

/* === v4.2 站群分离：隐藏与垂直站重叠的栏目导航入口（内容保留可访问） === */
[data-scode="29"],[data-scode="55"]{display:none !important;}

/* === 栏目简介块 sort-desc（2026-10-13 展示 {sort:def1}） === */
.sort-desc{margin:0 0 18px;padding:16px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #2b6cb0;border-radius:6px}
.sort-desc h2{font-size:16px;color:#1a202c;margin-bottom:8px}
.sort-desc p{font-size:14px;line-height:1.8;color:#4a5568;margin:0}

/* === 小屏/矮视口 banner 防重叠（2026-10-14）：header 悬浮 absolute，33vh 在矮视口会让栏目标题顶进 header === */
@media only screen and (max-width: 992px) {
    .banner_inner { min-height: 230px; }
}
@media only screen and (max-width: 575px) {
    .banner_inner { min-height: 210px; }
}
/* 修复：图片+文字混合段落 line-height 问题（2026-10-19） */
.container-right p:has(> img) { line-height: inherit !important; font-size: inherit !important; }
.container-right p:has(> img:only-child) { line-height: 0 !important; font-size: 0 !important; }


/* 案例视频点击播放覆盖层(解决 autoplay 被拦截只显示封面图) */
.video-play-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);cursor:pointer;z-index:3;}
.video-play-btn{width:66px;height:66px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;transition:transform .15s;}
.video-play-mask:hover .video-play-btn{transform:scale(1.08);}
.video-play-btn:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff;margin-left:6px;}



/* ===== 主推爆款区：大屏左文字参数 / 右横排按钮，小屏上下堆叠 2026-11-02 ===== */
@media (min-width: 993px) {
    .geo-fea-info {
        display: grid;
        grid-template-columns: minmax(0, 1.32fr) minmax(0, 0.68fr);
        grid-template-areas:
            "tag    btns"
            "title  btns"
            "desc   btns"
            "params btns";
        column-gap: 48px;
        align-items: center;
        max-width: none;
        width: 100%;
    }
    .geo-fea-tag { grid-area: tag; justify-self: start; }
    .geo-fea-info > a { grid-area: title; }
    .geo-fea-desc { grid-area: desc; }
    .geo-fea-params { grid-area: params; }
    .geo-fea-btns {
        grid-area: btns;
        justify-self: end;
        align-self: center;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 14px;
    }
}
@media (max-width: 992px) {
    .geo-fea-info { display: block; max-width: 660px; }
    .geo-fea-tag, .geo-fea-info > a, .geo-fea-desc, .geo-fea-params, .geo-fea-btns { grid-area: auto; }
    .geo-fea-btns { flex-direction: row; flex-wrap: wrap; }
}