@charset "utf-8";
/* top */
.top {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.topitem {
    width: 100%;
    height: auto;
    position: relative;
    background-color: transparent;
    transition: background-color .25s ease;
}

/* 顶部菜单栏：鼠标悬停/下拉展开时，整条菜单栏背景着色；移开恢复 */
.topitem:hover {
    background-color: rgba(0, 46, 125, 1);
}

.head {
    width: 100%;
}
.logo {
    width: 240px;
    height: 100px;
/*    background-color: rgba(0, 46, 125, 0.8); */
}
.logo a {
    width: 100%;
    height: 100%;
    justify-content: center;
}
.head_r {
    width: 950px;
    height: 100%;
}

.nav > ul > li > a {
    font-size: 16px;
    color: #ffffff;
    line-height: 100px;
    padding: 0px 15px;
    display: block;
}
/* .nav>ul>li.active {
    background-color: rgba(0, 46, 125, 0.8);
} */
.nav > ul > li.active > a {
    color: #ffb902;
    font-weight: bold;
}
.ernav {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 46, 125, 0.8);
    z-index: 99;
    display: none;
}
.ernavitem {
    width: 100%;
    height: 360px;
}
.ernav_l {
    text-align: left;
}
.ernav_l h3 {
    font-size: 42px;
    font-family: Poppins-SemiBold;
    color: #ffffff;
    text-transform: uppercase;
}
.ernav_l h3 i {
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-family: Poppins-Medium;
    color: #ffffff;
    font-style: normal;
    padding: 0px 15px;
}
.ernav_l h3 span {
    font-size: 18px;
    font-family: Poppins-Medium;
    color: #ffffff;
}
.ernav_l p {
    line-height: 28px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    color: #ffffff;
    opacity: 0.7;
}
.ernav_l ul {
    justify-content: flex-start;
    margin-top: 45px;
}
.ernav_l ul li a {
    padding: 10px 28px;
    display: block;
    background-color: #189bf0;
    color: #ffffff;
    margin-right: 10px;
}
.ernav_r {
    width: 400px;
    text-align: center;
}
.ernav_r img {
    height: 228px;
    width: 100%;
    object-fit: cover;
}
.ernav_r p {
    font-size: 16px;
    font-family: PingFangSC-Regular;
    color: #ffffff;
    margin-top: 20px;
}
.ernav a {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    display: block;
}
.nav > ul > li:hover .ernav {
    display: block;
}
.nav > ul > li .ernav a:hover {
    color: #0146ad;
    background-color: #ffffff;
}

/* JD icon spacing next to language switcher (desktop) */
.top_shop{
  margin-right: 30px; /* 调这里 */
}

/* mobile（如需） */
.waptop_shop{
  margin-right: 10px; /* 调这里 */
}

.top_lang {
    position: relative;
    height: 100px;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
.langitem {
    position: absolute;
    width: 110px;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    left: 50%;
    margin-left: -50px;
    top: 100px;
    text-align: center;
    display: none;
    z-index: 9;
}
.langitem a {
    padding: 0px 10px;
}
.langitem a img {
    height: 20px;
}
.langitem a span {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}
.top_lang:hover .langitem {
    display: block;
}
.top_search {
    margin-left: 45px;
}
.top_searchico {
    cursor: pointer;
}
.searchitem {
    position: fixed;
    width: 100vw;
    background-color: #ffffff;
    left: 0px;
    top: 0px;
    display: none;
}
.searchform {
    justify-content: center;
    height: 100px;
}
.searchform input {
    width: 70%;
    height: 50px;
    border: 1px solid #cccccc;
    padding-left: 20px;
    font-size: 14px;
}
.searchform button {
    width: 10%;
    height: 50px;
    border: 0px;
    background-color: #0146ad;
    color: #ffffff;
    font-size: 14px;
}
.searchclose img {
    width: 22px;
    margin-left: 20px;
    filter: brightness(100%) grayscale(100%) invert(0.3);
    cursor: pointer;
}
.fixednav {
    background-color: rgba(0, 46, 125, 0.8);
}
.fixednav .logo {
    background: none;
}

/* banner */
.banner_img {
    width: 100%;
    height: auto;
}
.banner_pag .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 0px;
    opacity: 1;
    background-color: #ffffff;
    margin: 0px 6px !important;
}
.banner_pag .swiper-pagination-bullet-active {
    background-color: #ffb900;
}
.bannerswiper .swiper-slide {
    position: relative;
}
.bannerswiper video {
    width: 100%;
}
.banner_desc {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}
.banner_desc h2 {
    font-size: 56px;
    font-weight: bold;
    color: #ffb902;
}
.banner_desc p {
    font-size: 20px;
    color: #ffffff;
    padding-top: 15px;
}

/* 首页产品 */
.idx_item {
    padding: 100px 0px 0px;
}
.idx_titles {
    padding-bottom: 80px;
    text-align: center;
}
.idx_titles h3 {
    font-size: 48px;
    color: #222222;
}
.idx_pros ul li {
    height: 300px;
}
.idx_pros ul li a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}
.idx_pros ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.idx_pros ul li:hover a {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.idx_pros ul li:hover a img {
    transform: scale(1.07);
}
.idx_pros_desc {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    background-color: rgba(0, 45, 87, 0.6);
    text-align: center;
    justify-content: center;
    padding: 20px;
    transition: all 0.5s;
}
.idx_pros_desc h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
}
.idx_pros ul li:hover .idx_pros_desc {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.idxpros_more {
    width: 280px;
    height: 72px;
    margin: 60px auto 60px;
}
.idxpros_more a {
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 70px;
    color: #222222;
    background-color: #e5e5e5;
}
.idxpros_more a:hover {
    background-color: #0146ad;
    color: #ffffff;
}

/* 解决方案 */
.idx_fa {
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
}
.idx_fa ul li {
    width: 50vw;
    height: 100%;
    background: url(../images/idxfaimg1.jpg) no-repeat left center;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    transition: all 0.5s;
}
.idx_fa ul li:nth-child(2) {
    background-image: url(../images/idxfaimg2.jpg);
    left: 50%;
    top: 0px;
    z-index: 2;
}
.idx_fa ul li:nth-child(3) {
    background-image: url(../images/idxfaimg3.jpg);
    left: 75%;
    top: 0px;
    z-index: 3;
}
.idxfa_title {
    padding: 0px 50px 120px;
    height: 100%;
    align-items: flex-end;
}
.idx_fadesc {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 13% 33% 0px 50px;
}
.idx_fadesc h3,
.idxfa_title h3 {
    font-size: 28px;
    color: #ffffff;
}
.idx_fadesc p {
    font-size: 16px;
    line-height: 32px;
    color: #ffffff;
    text-align: justify;
    margin: 50px 0px 110px;
}
.idx_fadesc button {
    font-size: 16px;
    width: 120px;
    height: 34px;
    border: solid 1px #ffffff;
    line-height: 32px;
    color: #ffffff;
    background: none;
}
.idx_fadesc button:hover {
    background-color: #0146ad;
    border-color: #0146ad;
}
.idx_fa ul li.active .idxfa_title {
    display: none;
}
.idx_fa ul li.active .idx_fadesc {
    display: block;
}

/* 关于我们 */
.idx_about {
    background: url(../images/idxaboutbg.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 100px;
    overflow: hidden;
}
.idx_about_l {
    padding-right: 11%;
}
.idx_about_l h3 {
    font-size: 28px;
    font-weight: bold;
    color: #222222;
}
.idx_about_l p {
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin: 45px 0px;
}
.idx_about_l a {
    font-size: 16px;
    color: #666666;
    width: 120px;
    height: 34px;
    border: solid 1px #999999;
    display: block;
    line-height: 32px;
    text-align: center;
}
.idx_about_l a:hover {
    background-color: #004eb1;
    color: #ffffff;
    border-color: #004eb1;
}
.idx_about_num {
    margin-top: 80px;
}
.idx_about_num .numCount ul li {
    text-align: center;
}
.idx_about_num .numCount ul li .numCX {
    font-size: 36px;
    font-weight: bold;
    color: #004eb1;
}
.idx_about_num .numCount ul li .unitC {
    font-size: 26px;
    font-weight: bold;
    color: #004eb1;
}
.idx_about_num .numCount ul li .indc {
    font-size: 16px;
    color: #004eb1;
    margin-top: 5px;
}
.idx_about_r {
    width: 100%;
}
.idx_about_r img {
    width: 100%;
}
/* 合作案例 */
.idx_hzitem {
    padding-bottom: 100px;
}
.idx_hezuo {
    position: relative;
}
.idxhz_swiper ul li a {
    width: 100%;
    height: 300px;
    overflow: hidden;
    display: block;
    position: relative;
}
.idxhz_swiper ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.idxhz_title {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 30px;
    left: 0px;
    text-align: center;
}
.idxhz_title h3 {
    font-size: 18px;
    color: #ffffff;
}
.idxhz_swiper ul li:hover img {
    transform: scale(1.05);
}
.idx_hezuo .swiper-button-next,
.idx_hezuo .swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
}
.idx_hezuo .swiper-button-next {
    right: -60px;
}
.idx_hezuo .swiper-button-prev {
    left: -60px;
}
.idx_hezuo .swiper-button-next:after,
.idx_hezuo .swiper-button-prev:after {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.idx_hezuo .swiper-button-next:hover,
.idx_hezuo .swiper-button-prev:hover {
    background: #004eb1;
}
.idx_hezuo .swiper-button-next:hover:after,
.idx_hezuo .swiper-button-prev:hover:after {
    color: #ffffff;
}

/* 新闻动态 */
.idx_news {
    padding-bottom: 100px;
    background-color: #eeeeee;
}
.idxnews_img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.idxnews_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.idxnews_desc {
    background-color: #ffffff;
    padding: 40px 30px;
    transition: all 0.5s;
}
.idxnews_desc h4 {
    font-size: 14px;
    color: #004eb1;
}
.idxnews_desc h3 {
    font-size: 20px;
    font-weight: bold;
    height: 64px;
    line-height: 32px;
    margin: 20px 0px;
    overflow: hidden;
    color: #222222;
}
.idxnews_desc p {
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    height: 78px;
    color: #666666;
}
.idxnews_desc button {
    margin-top: 80px;
    background: none;
    border: 0px;
    font-size: 14px;
    color: #999999;
}
.idxnews_item:hover .idxnews_img img {
    transform: scale(1.05);
}
.idxnews_item:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.idxnews_latest_v2 {
    background: #ffffff;
    min-height: 0;
    padding: 0 30px 0;
    border: 0;
    box-sizing: border-box;
}
.idxnews_latest_v2 .idxnews_latest_hd {
    margin-bottom: 18px;
}
.idxnews_latest_v2 .idxnews_latest_hd span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 22px;
    background: #9a9a9a;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
.idxnews_latest_v2 .idxnews_latest_list {
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
}
.idxnews_latest_v2 .idxnews_latest_list li {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}
.idxnews_latest_v2 .idxnews_latest_list li:last-child {
    border-bottom: 0;
}
.idxnews_latest_v2 .idxnews_latest_list li a {
    display: block;
    padding: 14px 0 10px;
    transition: all .3s ease;
}
.idxnews_latest_v2 .idxnews_latest_list li h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #1f2d3d;
    transition: color .3s ease;
}
.idxnews_latest_v2 .idxnews_latest_list li p {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.6;
    color: #8f98a3;
}
.idxnews_latest_v2 .idxnews_latest_list li a:hover h3 {
    color: #004eb1;
}
.idxnews_latest_v2 .idxnews_latest_list li a:hover {
    padding-left: 6px;
}
.idxnews_link a {
    width: 280px;
    height: 72px;
    background-color: #e5e5e5;
    font-size: 16px;
    color: #222222;
    text-align: center;
    line-height: 70px;
    display: block;
    margin: 60px auto 0;
    transition: all 0.5s;
}
.idxnews_link a:hover {
    background-color: #004eb1;
    color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.idx_news .row {
    display: flex;
    flex-wrap: wrap;
}
.idx_news .row > [class*='col-'] {
    display: flex;
}
.idxnews_item,
.idxnews_latest_v2 {
    width: 100%;
    height: 100%;
}

/* 荣誉资质 */
.idx_kehu {
    padding-bottom: 130px;
}
.idxkehu_item {
    width: 100%;
    height: 400px;
    position: relative;
}

/*.idxkehu_item .swiper-slide {
    height: calc((100% - 30px) / 2);
}*/
.idxkh_simg {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.idxkh_simg img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.idxkh_simg:hover {
    border: 1px solid #dedede;
}
.idxkh_spagination {
    width: 100%;
    text-align: center;
    bottom: -40px;
}
.idxkh_spagination .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 0px;
    margin: 0 6px !important;
}
.idxkh_spagination .swiper-pagination-bullet-active {
    background-color: #ffb900;
}
.idx_footmess {
    padding: 100px 0px;
    background-color: #1d1d1d;
}
.idx_ftitles {
    text-align: center;
}
.idx_ftitles h3 {
    font-size: 48px;
    color: #ffffff;
}
.idx_ftitles p {
    font-size: 20px;
    color: #999999;
    margin: 40px 0px 80px;
}
.idx_fmess {
    width: 100%;
}
.idx_fform {
    width: 100%;
}
.idx_fform input {
    width: 16%;
    height: 60px;
    padding-left: 25px;
    color: #ffffff;
    font-size: 16px;
    border: solid 1px #666666;
}
.idx_fform input.idx_fform3 {
    width: 30%;
}
.idx_fform button {
    font-size: 16px;
    color: #ffffff;
    width: 18%;
    height: 60px;
    background-color: #004eb1;
    border: 0px;
}
/* 底部 */
.foot {
    width: 100%;
    padding: 80px 0px 100px;
    background-color: #004eb1;
}
.foottop {
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}
.footlogo a img {
    max-width: 155px;
}
.footlinks ul {
    position: relative;
}
.footlinks ul li {
    margin-left: 15px;
}
.footlinks ul li a img.fewmico {
    height: 36px;
}
.fewmimg {
    position: absolute;
    width: 150px;
    height: auto;
    background-color: #ffffff;
    bottom: 45px;
    left: 17%;
    display: none;
}
.fewmimg p {
    text-align: center;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}
.footlinks ul li:hover .fewmimg {
    display: block;
}

.footmid {
    margin-top: 55px;
    align-items: flex-start;
}
.footmid_l {
    align-items: flex-start;
}
.footmid_l dl {
    margin-right: 80px;
}
.footmid_l dl dt {
    margin-bottom: 20px;
}
.footmid_l dl dt a {
    font-size: 16px;
    color: #ffffff;
}
.footmid_l dl dd a {
    font-size: 14px;
    line-height: 30px;
    color: #73a2dd;
}
.footmid_l dl dd a:hover {
    color: #ffffff;
}
.footmid_r {
    width: 350px;
}
.footmid_r ul li {
    background: url(../images/footrico1.png) no-repeat left center;
    background-size: 16px;
    margin-bottom: 10px;
}
.footmid_rdesc p {
    font-size: 16px;
    color: #73a2dd;
    padding-left: 30px;
}
.footmid_r ul li:nth-child(2) {
    background-image: url(../images/footrico2.png);
}
.footmid_r ul li:nth-child(3) {
    background-image: url(../images/footrico3.png);
}
.footmid_ewm {
    margin-top: 20px;
}
.footmid_ewm ul li {
    text-align: center;
    width: 45%;
}
.footmid_ewm ul li img {
    width: 100%;
}
.footmid_ewm ul li p {
    font-size: 16px;
    margin-top: 10px;
    color: #ffffff;
}
.footcopy {
    background-color: #00448e;
    padding: 20px 0px;
}
.footc_l span,
.footc_l span a {
    font-size: 14px;
    color: #99b4d2;
}
.footc_l span {
    padding: 0px 30px;
    border-left: 1px solid #175497;
}
.footc_l span.footc_ldesc {
    padding-left: 0px;
    border-left: 0px;
}
.footc_l span a:hover {
    color: #ffffff;
}
.footc_r {
    width: 120px;
    height: 30px;
    border: solid 1px #1f61aa;
    text-align: center;
    background: url(../images/linksico.png) no-repeat left center;
    background-position-x: 95px;
    cursor: pointer;
    position: relative;
}
.footc_r p {
    font-size: 14px;
    color: #99b4d2;
    line-height: 26px;
}
.footc_rlinks {
    position: absolute;
    bottom: 28px;
    left: 0px;
    width: 100%;
    background-color: #ffffff;
    padding: 10px 0px;
    display: none;
}
.footc_rlinks ul li a {
    color: #175497;
    line-height: 24px;
}
.footc_r:hover {
    background-color: #ffffff;
}
.footc_r:hover p {
    color: #1f61aa;
}
.footc_r:hover .footc_rlinks {
    display: block;
}

.xuanfu {
    position: fixed;
    right: 12px;
    bottom: 12px;
    top: auto;
    z-index: 1000;
    padding: 0;
    display: block;
}
.xuanfu ul li {
    width: 56px;
    height: 56px;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    box-shadow: none;
}
.xfimg {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.xfimg img {
    filter: brightness(1000%) invert(1);
}
.xfwx {
    position: absolute;
    top: 0px;
    width: 150px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: -1;
    left: -160px;
    transition: all 0.5s;
    display: none;
}
.xftel {
    width: 180px;
    background-color: #0146ad;
    top: -20px;
    left: -190px;
    transition: all 0.5s;
}

.xfimg p {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}
.xuanfu ul li.xfwxitem:hover .xfwx {
    display: block;
}
.xuanfu ul li.xftelitem:hover .xftel {
    display: block;
}
.xfwx p.xfwxdesc {
    font-size: 16px;
    padding: 5px 0px 10px;
    font-weight: bold;
    color: #333333;
}
.xftel p {
    line-height: 50px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
.xfwx span.xfteldesc {
    line-height: 50px;
    font-size: 16px;
    color: #0146ad;
    font-weight: bold;
    display: block;
    background-color: #ffffff;
}

.waptop.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
}
.waptop_item {
    width: 100%;
    height: 50px;
    background-color: #0146ad;
}
.waptop_l {
    width: 30%;
}
.waptop_l a {
    width: 100%;
    height: 50px;
    padding: 0px 0px;
    justify-content: center;
}
.waptop_lang {
    position: relative;
}
.waptop_lang p {
    font-size: 18px;
    color: #ffffff;
    display: block;
    margin-left: 10px;
    margin-top: 3px;
}
.waptop_rs {
    margin-left: 20px;
}
.waptop_rs img {
    filter: grayscale(1000%) brightness(1000%);
    width: 17px;
}
.waptop_rnav {
    margin-left: 20px;
}
.waptop_rnav img {
    width: 20px;
}
.wapsearch {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}
.wapsea_item {
    width: 100%;
    height: 100%;
    justify-content: center;
}
.wapsea_item form {
    width: 90%;
    height: 50px;
    background-color: #fff;
    border-radius: 25px;
    padding: 0px 20px;
    position: relative;
}
.wapsea_item form input {
    width: 80%;
    height: 100%;
    color: #222222;
}
.wapsea_item form button {
    background: none;
    border: 0px;
    width: 19%;
    text-align: right;
}
.wapsea_close {
    position: absolute;
    top: -30px;
    right: 0px;
}
.wapsea_close img {
    width: 18px;
    filter: grayscale(1000%) brightness(1000%) invert(10);
}
.wapnav {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 46, 125, 0.8);
    z-index: 999;
    display: none;
}
.wapnavitem {
    width: 100%;
    height: auto;
    background-color: #0146ad;
}
.wapnavt_l {
    width: 30%;
}
.wapnavt_l a {
    width: 100%;
    height: 50px;
    padding: 0px 10px;
    justify-content: center;
}
.wapnavt_r img {
    width: 20px;
    filter: invert(10);
}
.wapnavbot {
    padding: 10px 0px 20px;
}
.wapnavbot ul li {
    padding: 15px 10px;
    border-bottom: 1px solid #006ee3;
}
.wapnavbot > ul > li > a {
    color: #ffffff;
    font-size: 18px;
}
.wapnav_ico {
    filter: brightness(1000%) grayscale(1000%);
}
.wapernav {
    padding: 10px 0px 0px 10px;
    width: 100%;
    display: none;
}
.wapernav > a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 34px;
}
.wapnav_ico.active {
    transform: rotate(90deg);
}
.idx_titles {
    padding-bottom: 80px;
}

.neimain {
    overflow: hidden;
}

/* 关于我们内页 */
.neibanner {
    width: 100%;
    height: 400px;
    position: relative;
}
.neibanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.neibannerdesc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    justify-content: center;
    z-index: 1;
}
.neibannerdesc h2 {
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
}
.neinav {
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f8f8;
}
.neinav_item {
    height: 59px;
}
.neinav_item ul {
    justify-content: flex-start;
}
.neinav_item ul li {
    margin-right: 60px;
}
.neinav_item ul li a {
    color: #666;
    display: block;
    line-height: 56px;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}
.neinav_item ul li.active a,
.neinav_item ul li:hover a {
    border-color: #ffb900;
}
.abouttop {
    padding: 70px 0px;
}
.aboutt_l {
    width: 100%;
}
.aboutt_l img {
    width: 100%;
}
.aboutt_r {
    padding-left: 15%;
}
.aboutt_r h3 {
    font-size: 28px;
    margin-bottom: 20px;
}
.aboutt_r p {
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
}
.about_tgs {
    width: 100%;
    padding: 70px 0px 80px;
    background-color: #f5f6f8;
}
.abouttgs_l {
    padding-right: 15%;
    position: relative;
}
.abouttgs_l h3 {
    font-size: 28px;
    margin-bottom: 30px;
}
.abouttgs_l p {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    text-align: justify;
}
.abouttgs_l img {
    height: 57px;
    position: absolute;
    top: 0px;
    left: -72px;
}
.abouttgs_l img.aboutp_ico2 {
    left: unset;
    top: unset;
    right: 15%;
    bottom: -70px;
}
.abouttgs_r {
    width: 100%;
}
.abouttgs_r video {
    width: 100%;
}
.about_qywh {
    width: 100%;
    height: auto;
    overflow: hidden;
}

/* 本例子css */
.slideTxtBox {
    width: 100%;
    text-align: left;
    position: relative;
    height: 900px;
    background-color: rgba(0, 0, 0, 0.8);
}
.slideTxtBox .hd {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
}
.slideTxtBox .hd ul {
    height: 100%;
}
.slideTxtBox .hd ul li {
    float: left;
    cursor: pointer;
    width: 25%;
    height: 100%;
    border-right: 1px solid #9aa7b5;
    padding: 0px 40px;
    position: relative;
}
.slideTxtBox .hd ul li:first-child {
    border-left: 1px solid #9aa7b5;
}
.slideTxtBox .hd ul li .about_qywhd_desc {
    width: 100%;
    height: 70px;
    margin-top: 400px;
    overflow: hidden;
    transition: all 0.5s;
}
.slideTxtBox .hd ul li .about_qywhd_desc h3 {
    font-size: 28px;
    color: #ffffff;
}
.slideTxtBox .hd ul li .about_qywhd_desc p {
    color: #fff;
    font-size: 18px;
    margin: 50px 0 25px;
    line-height: 30px;
}
.slideTxtBox .hd ul li .about_qywhd_line {
    position: absolute;
    left: -1px;
    top: 400px;
    width: 2px;
    height: 31px;
    z-index: 1;
    background-color: #004eb1;
    opacity: 0;
    transition: all 0.5s;
}
.slideTxtBox .hd ul li.on .about_qywhd_desc {
    height: 200px;
    margin-top: 320px;
}
.slideTxtBox .hd ul li.on .about_qywhd_line {
    opacity: 1;
    top: 320px;
}
.slideTxtBox .bd {
    height: 100%;
}
.slideTxtBox .bd ul {
    z-index: 1;
    height: 100%;
}
.slideTxtBox .bd ul li {
    height: 100%;
}
.slideTxtBox .bd ul li img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.about_hz {
    background-color: #f5f6f8;
    padding: 70px 0px 100px;
}
.about_hz_tit h3 {
    color: #333;
    font-size: 28px;
    margin-bottom: 50px;
    text-align: center;
}
.about_hz_item {
    width: 100%;
    height: 400px;
    position: relative;
}
/*.about_hz_item .swiper-slide {
    height: calc((100% - 30px) / 2);
}*/
.about_hz_item .idxkh_simg:hover {
    border: 0px;
}
.about_hz_item .idxkh_simg:hover img {
    transform: scale(1.05);
}
.about_his {
    background: url(../images/processbg.jpg) no-repeat center center;
    background-size: cover;
    padding: 70px 0px 100px;
    color: #333333;
    position: relative;
}
.about_hisitem {
    width: 100%;
    height: 700px;
    position: relative;
}
.about_hisitem_t h3 {
    margin-bottom: 50px;
    font-size: 28px;
    color: #333333;
}
.about_hisitem .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.about_hisitem .swiper-slide {
    background: none;
}
.about_hisitem .gallery-top {
    height: 80%;
    width: 100%;
}
.about_histop {
    width: 100%;
    align-items: flex-start;
}
.abouthist_l {
    text-align: left;
}
.abouthist_l h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}
.abouthist_l p {
    font-size: 16px;
    line-height: 36px;
}
.abouthist_r img {
    width: 600px;
}
.about_hisitem .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 20px 50px 0px;
}
.about_hisitem .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 1;
    display: block;
    cursor: pointer;
}
.about_hisbot_c {
    background-color: #8e8e8e;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    margin: 0 auto 20px;
}
.about_hisbot_y h4 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.about_hisitem .gallery-thumbs .swiper-slide-thumb-active .about_hisbot_c {
    background-color: #fff !important;
    border: 3px solid #0146ad;
    border-radius: 50%;
    color: #0146ad;
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-bottom: 18px;
}
.about_hisitem .swiper-button-next,
.about_hisitem .swiper-button-prev {
    top: 95.5%;
    background-color: #dddddd;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    left: 0px;
}
.about_hisitem .swiper-button-next {
    right: 0px;
    left: unset;
}
.about_hisitem .swiper-button-next::after,
.about_hisitem .swiper-button-prev::after {
    font-size: 16px;
    color: #a3a3a3;
}
.about_hisitem .swiper-button-next:hover,
.about_hisitem .swiper-button-prev:hover {
    background-color: #0146ad;
}
.about_hisitem .swiper-button-next:hover::after,
.about_hisitem .swiper-button-prev:hover::after {
    color: #ffffff;
}
.about_hisitem .swiper-button-prev.swiper-button-disabled,
.about_hisitem .swiper-button-next.swiper-button-disabled {
    opacity: 1;
}
.about_hisline {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 84.6%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

/* 企业文化页面 */
.culture {
    background: #f7f8fa;
    padding: 70px 0px;
}
.cultop {
    width: 100%;
    height: 300px;
    background-color: #ffffff;
}
.cultop_l {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.cultop_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cultop_l .cultop_ltitle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    justify-content: flex-end;
}
.cultop_ltitle i {
    color: #333333;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0px 50px;
}
.cultop_r {
    width: 50%;
    height: 100%;
    padding: 0px 10% 0px 4%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}
.cultop_r h3 {
    color: #333333;
    margin-bottom: 10px;
    font-size: 24px;
}
.cultop_r p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
}
.cultop_rline {
    position: absolute;
    left: 0px;
    top: 65px;
    width: 1px;
    height: 170px;
    background-color: #f1f1f1;
}
.culbot .cultop_rline {
    left: unset;
    right: 0px;
}
.culbot .cultop_ltitle {
    justify-content: flex-start;
}

.cul_qyjs {
    width: 100%;
    padding: 70px 0px;
    background-color: #ffffff;
}
.cul_qyjs .about_hz_tit h3 {
    margin-bottom: 20px;
}
.cul_qyjs .about_hz_tit p {
    color: #666;
    font-size: 14px;
    text-align: center;
}
.cul_items {
    margin-top: 50px;
}
.cul_items ul li {
    width: 33.33%;
    height: 315px;
    overflow: hidden;
    position: relative;
}
.cul_liimg {
    width: 100%;
    height: 100%;
}
.cul_liimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cul_lidesc {
    padding: 0px 80px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.culdesc_item {
    height: 30px;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    transition: all 0.5s;
}
.culdesc_item h3 {
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 30px;
}
.culdesc_item p {
    color: #ffffff;
    font-size: 14px;
    line-height: 28px;
}
.cul_items ul li:hover .culdesc_item {
    height: 120px;
}
/* 社会责任 */
.resppage {
    padding: 70px 0px;
}
.resp_item ul li {
    width: 48.5%;
    height: 325px;
    margin-bottom: 40px;
    position: relative;
    transition: all 0.5s;
}
.resp_item ul li .resp_liimg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.resp_item ul li .resp_liimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.resp_lidesc {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 30px;
    z-index: 1;
    flex-direction: column;
    justify-content: flex-end;
}
.resp_lidesc_item {
    height: 30px;
    transition: all 0.5s;
    margin-bottom: 30px;
    overflow: hidden;
}
.resp_lidesc_item h3 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 20px;
}
.resp_lidesc_item p {
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
}
.resp_item ul li:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.resp_item ul li:hover .resp_liimg img {
    transform: scale(1.05);
}
.resp_item ul li:hover .resp_lidesc_item {
    height: 150px;
}
.respnews {
    background-color: #f5f6f8;
    padding: 70px 0px;
}
.respnews_t h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333333;
}
.respnews_t p {
    font-size: 14px;
    color: #666666;
}
.respnews_list {
    margin-top: 50px;
}
.respnews_liitem {
    width: 100%;
}
.respnews_lil {
    width: 40%;
    padding: 0px 50px;
}
.respnews_lil h3 {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 32px;
    color: #333333;
    text-align: left;
}
.respnews_lil p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    text-align: justify;
}
.respnews_lil span {
    display: block;
    font-size: 20px;
    color: #333333;
    margin-top: 30px;
    text-align: left;
}
.respnews_lil h3:hover {
    color: #0146ad;
}
.respnews_lir {
    width: 60%;
    height: 320px;
}
.respnews_lir img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.respnews_list .swiper-button-next,
.respnews_list .swiper-button-prev {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #8e8e8e;
    top: unset;
    bottom: 20px;
    left: 30%;
}
.respnews_list .swiper-button-next {
    left: 35%;
}
.respnews_list .swiper-button-next:after,
.respnews_list .swiper-button-prev:after {
    font-size: 16px;
    color: #ffffff;
}
.respnews_list .swiper-button-next:hover,
.respnews_list .swiper-button-prev:hover {
    background-color: #0146ad;
}
/* 人才招聘 */
.joblist_t {
    background: #f5f6f8;
    padding: 70px 0px;
}
.joblist_item ul li {
    width: 100%;
    height: 320px;
    background-color: #ffffff;
}
.joblist_tl {
    width: 50%;
    padding: 50px;
}
.joblist_tl h3 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #333333;
}
.joblist_tl p {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
}
.joblist_tr {
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.joblist_tr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.joblist_item ul li:hover .joblist_tr img {
    transform: scale(1.05);
}

.joblist_m {
    padding: 70px 0px;
    background-color: #ffffff;
}
.joblist_m_top h2 {
    font-size: 28px;
    color: #333333;
    text-align: center;
}
.joblist_m_bot {
    margin-top: 50px;
}
.joblist_m_bot ul li {
    width: 32%;
    padding: 40px;
    height: 260px;
    background-color: #f5f6f8;
}
.joblist_m_bot ul li h3 {
    font-size: 20px;
    color: #333333;
}
.joblist_line {
    width: 40px;
    height: 1px;
    margin: 30px 0px;
    background-color: #666666;
}
.joblist_m_bot ul li p {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
}
.joblist_m_bot ul li:hover {
    background-color: #0146ad;
}
.joblist_m_bot ul li:hover .joblist_line {
    background-color: #ffffff;
}
.joblist_m_bot ul li:hover h3 {
    color: #ffffff;
}
.joblist_m_bot ul li:hover p {
    color: #ffffff;
}
.joblist_btitle h2 {
    font-size: 28px;
    color: #333333;
    text-align: center;
}
.joblist {
    margin-top: 50px;
}
.joblist ul li {
    width: 100%;
    height: auto;
    margin-bottom: 45px;
    padding: 40px 0px;
    background-color: #ffffff;
}
.joblitop {
    padding: 0px 60px;
}
.joblitop dl {
    border-left: 1px solid #edeff0;
    text-align: center;
    width: 30%;
}
.joblitop dl dt {
    font-size: 14px;
    color: #999999;
    padding-bottom: 10px;
}
.joblitop dl dd {
    font-size: 20px;
    color: #232324;
}
.joblitop dl:first-child {
    border-left: 0px;
    text-align: left;
    width: 20%;
}
.joblitop dl:last-child {
    text-align: right;
    width: 20%;
}
.joblibot {
    border-top: 1px solid #edeff0;
    border-bottom: 1px solid #edeff0;
    margin-top: 30px;
    padding: 30px 60px;
}
.joblidate p {
    font-size: 14px;
    color: #999999;
}
.joblimore a {
    padding: 5px 25px;
    border-radius: 15px;
    border: solid 1px #0146ad;
    font-size: 14px;
    color: #0146ad;
}
.joblimore a.joblimail {
    background-color: #0146ad;
    color: #ffffff;
}
.jobcontent {
    padding: 50px 60px 0px;
    display: none;
}
.jobcontent p {
    font-size: 14px;
    line-height: 28px;
    color: #555555;
}
.jobcontent.active {
    display: block;
}
/* 联系我们 */
.contact_t {
    background-color: #f7f8fa;
    padding: 70px 0px;
}
.neititle {
    font-size: 28px;
    color: #333333;
    text-align: center;
}
.contact_mapitem {
    margin-top: 50px;
}
.contact_bot {
    padding: 70px 0px;
    background-color: #ffffff;
}
.contact_bl {
    width: 45%;
}
.contact_bl h4 {
    color: #999;
    font-size: 14px;
}
.contact_bl h3 {
    font-size: 28px;
    margin: 20px 0;
    color: #1a1a1a;
}
.contact_blline {
    height: 4px;
    width: 80px;
    background-color: #0146ad;
}
.contact_bl h5 {
    color: #999999;
    font-size: 14px;
    margin-top: 20px;
}
.contact_ways {
    border-top: 1px solid #e6e6e7;
    border-bottom: 1px solid #e6e6e7;
    padding: 15px 0;
    width: 100%;
    margin-top: 20px;
}
.contact_ways {
    align-items: flex-start;
}
.contact_ways li {
    width: 50%;
    margin: 15px 0px;
}
.contact_ways li p {
    font-size: 14px;
    color: #999999;
    padding-bottom: 5px;
}
.contact_ways li h6 {
    color: #242424;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    cursor: default;
    transition: all 0.5s;
    word-break: break-all;
}
.contact_ways li h6:hover {
    padding-left: 5px;
}
.contact_br {
    width: 45%;
}
.contact_br form {
    width: 100%;
}
.contact_br form input {
    width: 49%;
    border: 1px solid #ededed;
    background: #f5f5f7;
    padding: 10px 20px;
    height: 60px;
    font-size: 16px;
    margin-bottom: 15px;
}
.contact_br form textarea {
    width: 100%;
    height: 130px;
    font-size: 16px;
    border: 1px solid #ededed;
    background: #f5f5f7;
    padding: 20px;
}
.contact_br form button {
    background: #0146ad;
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    height: 58px;
    border: 0px;
    cursor: pointer;
    text-align: center;
    margin-top: 15px;
}

/* 新闻列表页面 */
.newslistp {
    width: 100%;
    height: auto;
    padding: 70px 0px;
    background-color: #f7f8fa;
}
.newslistp_item {
    width: 100%;
    height: 400px;
    align-items: flex-start;
}
.newslistp_l {
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.newslistp_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newslistp_r {
    text-align: left;
    padding: 50px;
    width: 50%;
}
.newslistp_r h3 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 40px;
}
.newslistp_r p {
    line-height: 28px;
    font-size: 14px;
    color: #666666;
}
.newslistp_rbot {
    margin-top: 100px;
}
.newslistp_rbot span {
    font-size: 16px;
    color: #333333;
}
.newslistp_rbot strong {
    font-weight: normal;
    font-size: 16px;
    color: #333333;
}
.newslistp_top {
    width: 100%;
    position: relative;
}
.newslistppagination {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.newslistppagination .swiper-pagination-bullet {
    background-color: #e0e0e0;
}
.newslistppagination .swiper-pagination-bullet-active {
    background-color: #ffb900;
}
.newslistp_item:hover .newslistp_l img {
    transform: scale(1.05);
}
.newslistp_item:hover .newslistp_r h3 {
    font-weight: bold;
    color: #0146ad;
}
.newslistp_bot {
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.newslistp_bot ul li {
    margin-bottom: 40px;
    transition: all 0.5s;
}
.newslistp_botimg {
    width: 100%;
    height: 190px;
    overflow: hidden;
}
.newslistp_botimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newslistp_botdes {
    padding: 35px;
    background-color: #ffffff;
    height: 210px;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.5s;
}
.newslistp_botdes h3 {
    color: #333333;
    font-size: 20px;
    line-height: 30px;
}
.newslistp_botdes p {
    font-size: 16px;
    color: #333333;
    width: 100%;
    text-align: right;
}
.newslistp_bot ul li:hover .newslistp_botimg img {
    transform: scale(1.05);
}
.newslistp_bot ul li:hover .newslistp_botdes h3,
.newslistp_bot ul li:hover .newslistp_botdes p {
    color: #0146ad;
}
.newslistp_bot ul li:hover .newslistp_botdes {
    background-color: #0146ad;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.newslistp_bot ul li:hover .newslistp_botdes h3,
.newslistp_bot ul li:hover .newslistp_botdes p {
    color: #ffffff;
}
.jumpto {
    display: none;
}

.newspage {
    text-align: center;
    width: 100%;
}
.newsdetail {
    padding: 70px 0px;
    align-items: flex-start;
}
.newsde_l {
    width: 60%;
    height: auto;
}
.newsde_ll {
    width: 70%;
    height: auto;
}
.newsde_ltime {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.newsdel_left p {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}
.newsdel_left p a {
    color: #0146ad;
}
.newsdel_left p span {
    margin: 0px 5px;
}
.newsdel_left p i {
    font-style: normal;
}
.newsde_ll h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.newsdel_right a {
    margin-left: 10px;
}

.newsdel_right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.newsdel_right a{
    margin-left: 0;
    display: inline-flex;
    align-items: center;
}

.newsdel_right img{
    height: 30px;
    width: auto;
    filter: brightness(200%) grayscale(200%);
}

.newsdel_right img:hover {
    filter: unset;
}
/* 案例详情 - 移动端标题 */
.newsde_mobile_title{
    display: none;
}
.newsde_mobile_title h2{
    margin: 0;
}
.newsde_mobile_meta i{
    font-style: normal;
}
.qrcode_ewmimg {
    display: none;
}
.layui-layer-page .layui-layer-content {
    padding: 10px;
}
.newsde_lcontent {
    padding: 30px 0px;
    background-color: #f7f8fc;
/*  border-top: 1px solid #e5e5e5;  */
    border-bottom: 1px solid #e5e5e5;  
}
.newsde_llcontent {
    padding: 30px 0px;
    background-color: #f7f8fc;
    border-top: 1px solid #e5e5e5;  
    border-bottom: 1px solid #e5e5e5;  
}
.newsde_lcontent p {
    font-size: 16px;
    line-height: 30px;
}
.newsde_r {
    width: 35%;
/*  background-color: #f7f8fc; */
    padding: 20px;
}
.newsde_rr {
    width: 23%;
    background-color: #f7f8fc; 
    padding: 20px;
}
.newsde_r h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.newsde_r ul li {
    margin-top: 20px;
}
.newsde_r ul li:first-child {
    margin-top: 0px;
}
.newsde_rimg {
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.newsde_rimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsde_rdesc {
    padding: 20px 0px;
    border-bottom: 1px solid #e8e8e8;
}
.newsde_rdesc h3 {
    line-height: 1.5;
    font-size: 14px;
}
.newsde_rdesc p {
    font-size: 14px;
    margin-top: 20px;
}
.newsde_lbot {
    margin-top: 30px;
}
.newdelb_l {
    width: 40%;
    height: 20px;
    overflow: hidden;
}
.newdelb_l p,
.newdelb_l p a {
    font-size: 14px;
    color: #666666;
}
.newdelb_m a {
    display: block;
    border: 1px solid #e8e8e8;
    padding: 10px 20px;
}
.newdelb_m a:hover {
    background-color: #0146ad;
    color: #ffffff;
    border-color: #0146ad;
}
.newdelb_l p:hover a {
    color: #0146ad;
}
.newdelb_r {
    text-align: right;
}
.newsde_r ul li:hover .newsde_rimg img {
    transform: scale(1.05);
}
.newsde_r ul li:hover .newsde_rdesc h3 {
    font-weight: bold;
    color: #0146ad;
}

/* 服务案例 */
.casetop {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin: 40px 0px;
}

.caselist_page {
    padding-top: 32px;   /* 调整导航和下方案例列表的间隔 */
    padding-bottom: 50px;
}
.casetop_l {
    align-items: flex-start;
}
.casetop_l h3 {
    font-size: 18px;
    font-weight: bold;
    color: #0146ad;
    padding-bottom: 15px;
    border-bottom: 3px solid #0146ad;
}
.casetop_l span {
    font-size: 14px;
    color: #999999;
    margin-left: 10px;
    font-weight: normal;
    text-transform: uppercase;
}
.casetop_r {
    background: url(../images/shouye.svg) no-repeat left center;
    background-size: contain;
    padding-left: 30px;
}
.casetop_r p,
.casetop_r p a {
    font-size: 14px;
    color: #333333;
}
.casetop_r p a:hover {
    color: #0146ad;
}

/* 筛选栏间距收紧，只影响有筛选的页面 */
.caselistmid {
    margin: 0 0 24px;
    align-items: center;
}
.caselistmid ul {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
}
.caselistmid ul li {
    margin-bottom: 0;
}
.caselistmid ul li a {
    padding: 10px 15px;
    font-size: 16px;
    margin-bottom: 0;
    color: #333333;
    display: block;
}
.caselistmid ul li a:hover,
.caselistmid ul li.active a {
    background-color: #0146ad;
    color: #ffffff;
}
.caselistmid ul li:first-child:hover a {
    background: none;
    color: #333333;
}
.caselistmid ul.active {
    height: auto;
}
.caselistm_r {
    margin-top: 10px;
    cursor: pointer;
}
.caselistm_r img {
    height: 10px;
    transform: rotate(90deg);
}
.caselistm_r p {
    font-size: 16px;
    color: #0146ad;
    margin-left: 10px;
}
.caselistm_r.active img {
    transform: rotate(270deg);
}
.caselist_item {
    width: 100%;
}
.caselist_item ul li {
    margin-bottom: 40px;
}
.caselist_liimg {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.caselist_liimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.caselist_lidesc {
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}
.caselist_lidesc h3 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
    transition: all 0.5s;
}
.caselist_lidesc p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}
.caselist_lidesc button {
    margin-top: 20px;
    font-size: 12px;
    padding: 7px 25px;
    border-radius: 20px;
    background: none;
    border: 1px solid #e5e5e5;
}
.caselist_item ul li:hover .caselist_lidesc {
    border-color: #e5e5e5;
}
.caselist_item ul li:hover .caselist_liimg img {
    transform: scale(1.05);
}
.caselist_item ul li:hover .caselist_lidesc button {
    background-color: #0146ad;
    color: #ffffff;
}
.caselist_item ul li:hover .caselist_lidesc h3 {
    color: #0146ad;
    font-weight: bold;
}
/* case详情页：移动端专用标题，默认隐藏 */
.case-mobile-title{
    display:none;
}

/* 产品列表页面 */
.prolistpage {
    background-color: #f7f8fc;
    padding: 50px 0px;
}
.prolist_item {
    align-items: flex-start;
}
.prolist_l {
    width: 20%;
    background-color: #ffffff;
}
.prolist_ltop {
    width: 100%;
    height: 90px;
    background-color: #0146ad;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 5px;
}
.prolist_ltop h2 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
}
.prolist_lbot > ul {
    width: 100%;
    border-radius: 4px 4px 0px 0px;
}
.prolist_lbot > ul > li {
    width: 100%;
    background-color: #0146ad;
    margin-bottom: 1px;
}
.prolist_lbot > ul > li .pronav1 {
    padding: 20px 0px 20px 24px;
    cursor: pointer;
}
.prolist_lbot > ul > li .pronav1 a {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #ffffff;
}
.erpronav {
    background-color: #ffffff;
    padding: 20px;
    /* display: none; */
}
.erpronav > ul > li > a > span {
    display: block;
    width: 90%;
    font-size: 14px;
    line-height: 24px;
    padding: 7px 10px;
    color: #555555;
}
.erpronav > ul > li > a > img {
    height: 8px;
}
.erpronav > ul > li > a:hover span,
.erpronav > ul > li > a > span.active {
    color: #ffffff;
    background-color: #006ee3;
}
.erpronav.active {
    display: block;
}

.prolist_r {
    width: 77%;
}
.prolist_list {
    width: 100%;
}
.prolist_list ul li {
    margin-bottom: 30px;
}
.prolist_list ul li a {
    background-color: #ffffff;
    display: block;
    padding: 25px;
    transition: all 0.5s;
}
.prolist_list ul li:hover a {
    background-color: #0146ad;
}
.prolist_item_img {
    width: 100%;
    height: 130px;
    overflow: hidden;
}
.prolist_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prolist_item_text {
    padding: 25px 0px 0px;
}
.prolist_item_text h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}
.prolist_item_text p {
    font-size: 14px;
    color: #666666;
}
.prolist_list ul li:hover .prolist_item_text p {
    color: #ffffff;
}
.prolist_list ul li:hover .prolist_item_text h3 {
    color: #ffffff;
}
.prolist2_r {
    width: 100%;
}
.prolist2_r .prolist_item_img {
    height: 260px;
}
.prolist2_r .prolist_list ul li {
    transition: all 0.5s;
}
.prolist2_r .prolist_list ul li a {
    padding: 0px;
}
.prolist2_r .prolist_item_text {
    padding: 20px;
    transition: all 0.5s;
}
.prolist2_r .prolist_item_text h3 {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 16px;
}
.prolist2_r .prolist_item_text img {
    height: 8px;
}

.prolist2_r .prolist_list ul li:hover a {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
.prolist2_r .prolist_list ul li:hover .prolist_item_img img {
    transform: scale(1.05);
}
.prolist2_r .prolist_list ul li:hover .prolist_item_text {
    padding: 20px 15px;
}
.prolist2_r .prolist_list ul li:hover .prolist_item_text img {
    filter: brightness(0) invert(1);
}

.prolist2_top {
    width: 100%;
    padding: 0px 30px;
    background-color: #ffffff;
    margin-bottom: 80px;
}
.prolist2_topsx {
    width: 100%;
    border-top: 1px solid #eeeeee;
    padding: 25px 0px;
    align-items: flex-start;
}
.prolist2_topsx:first-child {
    border-top: 0px;
}
.prolist2_tsx_l {
    width: 7%;
}
.prolist2_tsx_l a {
    display: block;
    width: 100%;
    height: 36px;
    background-color: #0146ad;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    letter-spacing: 1px;
    color: #ffffff;
}
.prolist2_tsx_r {
    width: 90%;
}
.prolist2_tsx_r ul {
    justify-content: flex-start;
}
.prolist2_tsx_r ul li {
    margin-right: 30px;
}
.prolist2_tsx_r ul li a {
    font-size: 16px;
    letter-spacing: 1px;
    height: 36px;
    padding: 0px 15px;
    line-height: 36px;
    display: block;
    color: #666666;
}
.prolist2_tsx_r ul li:hover a,
.prolist2_tsx_r ul li.active a {
    background-color: #0146ad;
    color: #ffffff;
}

.prodetail {
    width: 100%;
}
/* 本例子css */
.slideTxtBoxpro {
    width: 100%;
}
.slideTxtBoxpro .hd {
    width: 100%;
    height: 60px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.prode_topl h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
}
.slideTxtBoxpro .hd ul {
    height: 60px;
}
.slideTxtBoxpro .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
    line-height: 60px;
    font-size: 16px;
    color: #888888;
}
.slideTxtBoxpro .hd ul li:hover {
    color: #0146ad;
}
.slideTxtBoxpro .hd ul li.on {
    color: #000000;
}
.slideTxtBoxpro .bd ul {
    padding: 15px;
    zoom: 1;
}
.prode_contop {
    width: 100%;
    margin: 50px 0px;
}
.prode_contop h3 {
    font-size: 38px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.prode_contop p {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.prode_video video {
    width: 100%;
}
.prode_caselist ol {
    list-style: none;
}
.prode_caselist ol li {
    width: 32%;
    transition: all 0.5s;
}
.prode_caselist ol li a {
    background-color: #f7f8fc;
    padding: 25px;
    display: block;
    width: 100%;
}
.prode_caselist_img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.prode_caselist_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prode_caselist_text h4 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
}
.prode_caselist ol li:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.prode_caselist ol li:hover .prode_caselist_img img {
    transform: scale(1.05);
}
.prode_caselist ol li:hover .prode_caselist_text h4 {
    color: #0146ad;
}
.prode_casemore {
    width: 120px;
    height: 45px;
    background-color: #0146ad;
    border-radius: 3px;
    margin: 50px auto;
    padding: 0px 20px;
    transition: all 0.5s;
}
.prode_casemore a {
    width: 100%;
    height: 100%;
}
.prode_casemore a span {
    color: #ffffff;
}
.prode_casemore a i {
    color: #ffffff;
    font-style: normal;
}
.prode_casemore:hover {
    padding: 0px 12px;
}
.pdp-table {
    padding: 0 25px 60px;
    background-color: #f7f8fc;
}
.pdp-table table {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    border-spacing: 2px;
    border-collapse: separate;
}
.pdp-table table thead td {
    position: relative;
    z-index: 1;
    padding: 25px 20px;
}
.pdp-table table thead td:first-of-type {
    padding-left: 0;
}
.pdp-table table thead td::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: -2px;
    bottom: 0;
    left: -27px;
    right: -27px;
    background-color: #fff;
}
.pdp-table table h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    width: 220px;
    color: #000;
}
.pdp-table table td img {
    display: block;
    max-width: 100px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.pdp-table table td {
    padding: 18px 20px;
    color: #474747;
    vertical-align: middle;
}
.pdp-table table tr:first-of-type td {
    color: #000;
}
.pdp-table table tr:nth-of-type(2n) {
    background-color: #fff;
}
.prode_gzfw {
    margin: 50px 0px;
}
.prode_gzfw h3 {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 30px;
}
.prode_gzfw_item p {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

.prode_down {
    width: 100%;
    padding: 50px 0px;
}
.prode_downlist {
    margin-bottom: 25px;
}
.prode_downitem {
    position: relative;
    padding: 20px 30px;
    background-color: #f7f8fc;
    cursor: pointer;
    transition: all 0.3s;
}
.prode_downitem h3 {
    font-size: 20px;
    font-weight: bold;
    color: #0039c8;
}
.prode_downitem img {
    height: 20px;
}
.slideTxtBoxpro .bd ul.prode_downxl {
    padding: 0px 30px;
    background-color: #f7f8fc;
    display: none;
}
.prode_downxl li a {
    padding: 20px 0px;
    width: 100%;
    border-top: 1px solid rgba(71, 71, 71, 0.2);
}
.prode_downxl li a p {
    font-size: 14px;
    width: 80%;
    line-height: 30px;
    color: #333333;
}
.prode_downxl li a img {
    height: 18px;
    object-fit: contain;
    filter: brightness(200%) grayscale(200%);
}
.prode_downxl li:first-child a {
    border-top: 0px;
}
.prode_downitem.active {
    background-color: #0146ad;
}
.prode_downitem.active h3 {
    color: #ffffff;
}
.prode_downitem.active img {
    filter: grayscale(1000%) brightness(1000%);
    transform: rotate(180deg);
}

.searchpage {
    margin-top: 0px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border-color: #0146ad;
    background-color: #0146ad;
}
.pagination > li > a,
.pagination > li > span {
    color: #0146ad;
}
.detailpage {
    width: 100%;
}
.detailpage h2 {
    text-align: center;
}

.procon1_item {
    align-items: flex-start;
}
.procontent_1 {
    width: 100%;
    background-color: #f9fafc;
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.procontent1_l {
    width: 100%;
    height: 600px;
}
.procontent1_ll {
    width: 55%;
    height: 600px;
}
.procontent1_l .gallery-top {
    height: 80%;
    width: 100%;
}
.procontent1_ll .gallery-top {
    height: 75%;
    width: 100%;
}
.procontent1_l .gallery-thumbs {
    height: 25%;
    box-sizing: border-box;
    padding: 15px 0;
}
.procontent1_ll .gallery-thumbs {
    height: 25%;
    box-sizing: border-box;
    padding: 10px 0;
}
.procontent1_l .swiper-slide,
.procontent1_ll .swiper-slide {
    background: none;
}
.procontent1_l .swiper-slide img,
.procontent1_ll .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.procontent1_l .gallery-thumbs .swiper-slide {
    height: 100%;
    border-bottom: 3px solid #006ee3;
    opacity: 0.4;
    /*transition: all .5s;*/
}
.procontent1_l .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.procontent1_r {
    width: 40%;
}
.procont_ltop h2 {
    font-size: 28px;
    color: #333333;
}
.procont_ltop p {
    letter-spacing: 1px;
    margin-top: 10px;
    font-size: 16px;
    color: #333333;
}
.procont_badges{
  flex-wrap: wrap;
  justify-content: flex-end;
}
.procont_badge{
  font-size: 12px;
  line-height: 24px;
  padding: 0px 10px;
  border-radius: 12px;
  background: #f7f8fc;
  color: #333333;
  margin-left: 8px;
  margin-bottom: 8px;
  border: 1px solid #eef0f4;
}
.procont_lbot {
    margin-top: 30px;
    background-color: #f2f3f5;
    border-radius: 10px;
    padding: 20px;
}
.procont_lbot p {
    font-size: 15px;
    line-height: 30px;
}

.procontent_zx {
    margin-top: 100px;
}
.procontent_zx a {
    width: 165px;
    height: 50px;
    transition: all 0.5s;
    justify-content: center;
    background-color: #282828;
}
.procontent_zx a img {
    height: 20px;
    margin-right: 10px;
}
.procontent_zx a span {
    font-size: 14px;
    color: #ffffff;
}
.procontent_zx a:hover {
    background-color: #00448e;
}
.procontent_zx a:hover img {
    margin-right: 15px;
}

.procontent_2 {
    background-color: #ffffff;
    padding-bottom: 100px;
}
.prodecon_item {
    width: 100%;
    padding: 30px;
}
.procon2_top {
    border-bottom: 1px solid #dfdede;
}
.procon2_top ul {
    justify-content: center;
}
.procon2_top ul li {
    margin: 0px 60px;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.procon2_top ul li a {
    line-height: 90px;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
}
.procon2_top ul li:hover {
    border-bottom: 3px solid #000000;
}
.prodecon_itemcon {
    margin-top: 30px;
}
.prodecon_itemcon p {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.prodecon_itemcon img {
    margin: 5px 0px;
    max-width: 100%;
    height: auto;
}
.prodecon_title h3 {
    font-size: 26px;
    font-weight: bold;
}
.proxgtjlist {
    position: relative;
}
.proxgtjswiper {
    margin-top: 30px;
}
.proxgtjswiper .swiper-slide {
    display: block;
    position: relative;
}
.proxgtj_liimg img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}
.proxgtj_lides {
    position: absolute;
    top: 300px;
    left: 0px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s;
    background-color: #0146ad;
}
.proxgtj_lides h3 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}
.proxgtj_lides p {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}
.proxgtjswiper .swiper-slide:hover .proxgtj_lides {
    top: 0px;
}

.detags {
    margin: 40px 0px 0px;
}
.detags p {
    font-size: 14px;
}
.detags p a {
    font-size: 14px;
    margin: 0px 5px;
}

.search-empty {
    width: 100%;
    text-align: center;
}

/* Product detail: tags as badges (single line, left aligned) */
.procontent1_r .procont_badges--nowrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 14px;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.procontent1_r .procont_badges--nowrap::-webkit-scrollbar{ display:none; }
.procontent1_r .procont_badges--nowrap .procont_badge{
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Product detail: keep original consult button style for first <a>; make other buttons pill outline */
.procontent1_r .procontent_zx{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}
/* Outline pill buttons (2nd/3rd) */
.procontent1_r .procontent_zx a.zx_btn{
    width: auto;
    min-width: 130px;
    height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #111111;
    display: inline-flex;
    align-items: center;
    justify-content: center;   /* avoid flexrow's space-between */
    gap: 8px;
    flex-wrap: nowrap;
    transition: all .2s ease;
    box-sizing: border-box;
}
/* Ensure text uses button color (legacy rules may force white) */
.procontent1_r .procontent_zx a.zx_btn span{ color: inherit; font-size: 14px; line-height: 1; }
.procontent1_r .procontent_zx a.zx_btn:hover{ border-color: #1f6fff; color: #1f6fff; }
.procontent1_r .procontent_zx a.is-disabled{ opacity: .55; cursor: not-allowed; pointer-events: none; }


/* 404页面 */
.page404_main {
   padding: 80px 0 100px;
   background-color: #f7f8fc;
}

.page404_box {
   width: 100%;
   text-align: center;
   background: #ffffff;
   border-top: 4px solid #ffb900;
   box-shadow: 0 15px 40px rgba(1, 70, 173, 0.08);
   padding: 70px 40px;
   position: relative;
   overflow: hidden;
}

.page404_box:before {
   content: "";
   width: 260px;
   height: 260px;
   border-radius: 50%;
   background: linear-gradient(135deg, rgba(1, 70, 173, 0.08), rgba(255, 185, 0, 0.1));
   position: absolute;
   right: -90px;
   top: -90px;
}

.page404_code {
   font-size: 108px;
   line-height: 1;
   color: #0146ad;
   font-family: Poppins, "Microsoft YaHei", sans-serif;
   letter-spacing: 4px;
   margin-bottom: 20px;
   position: relative;
   z-index: 1;
}

.page404_title {
   font-size: 34px;
   color: #222222;
   margin-bottom: 18px;
   position: relative;
   z-index: 1;
}

.page404_desc {
   max-width: 720px;
   margin: 0 auto;
   font-size: 16px;
   line-height: 30px;
   color: #666666;
   position: relative;
   z-index: 1;
}

.page404_action {
   margin-top: 40px;
   position: relative;
   z-index: 1;
}

.page404_action a {
   width: 180px;
   height: 52px;
   line-height: 50px;
   display: inline-block;
   text-align: center;
   border: 1px solid #0146ad;
   color: #0146ad;
   margin: 0 8px;
   transition: all 0.3s;
   font-size: 15px;
}

.page404_action a.page404_home,
.page404_action a:hover {
   background-color: #0146ad;
   color: #ffffff;
}

/* PDP v17: compare cards background images */
.pdpv17[data-pdpv17="detail"] .pd-problem-grid .pd-problem {
    position: relative;
    overflow: hidden;
    min-height: 280px;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pdpv17[data-pdpv17="detail"] .pd-problem-grid .pd-problem::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .32) 62%, rgba(255, 255, 255, .60) 100%);
}

.pdpv17[data-pdpv17="detail"] .pd-problem-grid .pd-problem h3,
.pdpv17[data-pdpv17="detail"] .pd-problem-grid .pd-problem p {
    position: relative;
    z-index: 1;
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

.pdpv17[data-pdpv17="detail"] .pd-problem-grid .pd-problem h3 {
    margin: 0 0 8px;
    font-weight: 700;
}

.pdpv17[data-pdpv17="detail"] .pd-problem-grid .pd-problem p {
    margin: 0;
}

/* preview */

    :root{
      --vmk-blue:#0f4db8;
      --vmk-blue-dark:#0b3a89;
      --vmk-text:#1f2937;
      --vmk-muted:#667085;
      --vmk-line:#d9e2f1;
      --vmk-bg:#f7faff;
      --vmk-white:#ffffff;
      --vmk-radius:18px;
      --vmk-shadow:0 10px 30px rgba(16,24,40,0.05);
    }

    *{
      box-sizing:border-box;
      margin:0;
      padding:0;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
      color:var(--vmk-text);
      background:#fff;
      line-height:1.85;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    img{
      max-width:100%;
      display:block;
      height:auto;
    }

    a{
      text-decoration:none;
      color:inherit;
    }

    .vmk-container{
      width:min(1180px,92%);
      margin:0 auto;
    }

    .vmk-section{
      padding:68px 0;
    }

    .vmk-section.bg{
      background:var(--vmk-bg);
    }

    .vmk-head{
      text-align:center;
      max-width:860px;
      margin:0 auto 38px;
    }

    .vmk-head h2{
      font-size:34px;
      line-height:1.25;
      color:var(--vmk-blue-dark);
      margin-bottom:12px;
      font-weight:700;
    }

    .vmk-head p{
      color:var(--vmk-muted);
      font-size:16px;
    }

    .vmk-btn-group{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
    }

    .vmk-btn{
      display:inline-block;
      padding:14px 22px;
      border-radius:10px;
      font-weight:700;
      transition:.25s ease;
    }

    .vmk-btn.primary{
      background:#fff;
      color:var(--vmk-blue);
    }

    .vmk-btn.primary:hover{
      background:#eaf2ff;
    }

    .vmk-btn.secondary{
      border:1px solid rgba(255,255,255,0.28);
      color:#fff;
    }

    .vmk-btn.secondary:hover{
      background:rgba(255,255,255,0.08);
    }

    .hero{
      background:linear-gradient(135deg,#0f4db8 0%,#123b7a 100%);
      color:#fff;
      padding:108px 0 58px;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1.15fr 0.85fr;
      gap:30px;
      align-items:center;
    }

    .hero-tag{
      display:inline-block;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(255,255,255,0.12);
      border:1px solid rgba(255,255,255,0.18);
      font-size:13px;
      letter-spacing:.3px;
      margin-bottom:16px;
      color:#fff;
    }

    .hero h1{
      font-size:42px;
      line-height:1.2;
      margin-bottom:16px;
      color:#fff;
      font-weight:700;
    }

    .hero p{
      font-size:17px;
      color:rgba(255,255,255,0.92);
      margin-bottom:24px;
      max-width:760px;
    }

    .hero-card{
      background:rgba(255,255,255,0.10);
      border:1px solid rgba(255,255,255,0.18);
      border-radius:20px;
      padding:24px;
      backdrop-filter:blur(4px);
    }

    .hero-card h2{
      font-size:22px;
      margin-bottom:14px;
      color:#fff;
    }

    .hero-card ul{
      padding-left:18px;
    }

    .hero-card li{
      margin-bottom:10px;
      color:rgba(255,255,255,0.92);
    }

    .features{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
    }

    .feature{
      background:#fff;
      border:1px solid var(--vmk-line);
      border-radius:var(--vmk-radius);
      padding:24px 22px;
      box-shadow:0 8px 24px rgba(16,24,40,0.04);
    }

    .feature h3{
      font-size:20px;
      color:var(--vmk-blue-dark);
      margin-bottom:10px;
    }

    .feature p{
      font-size:15px;
      color:var(--vmk-muted);
    }

    .gallery{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
    }

    .gallery-card{
      background:#fff;
      border:1px solid var(--vmk-line);
      border-radius:var(--vmk-radius);
      overflow:hidden;
      box-shadow:var(--vmk-shadow);
    }

    .gallery-card.full{
      grid-column:1 / -1;
    }

    .gallery-card img{
      width:100%;
      background:#eef3fb;
    }

    .gallery-body{
      padding:20px 20px 22px;
    }

    .gallery-body h3{
      font-size:22px;
      color:var(--vmk-blue-dark);
      margin-bottom:8px;
    }

    .gallery-body p{
      font-size:15px;
      color:var(--vmk-muted);
    }

    /* 关键修正：让两个 box 等高 */
    .split{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
      align-items:stretch;
    }

    .box{
      background:#fff;
      border:1px solid var(--vmk-line);
      border-radius:var(--vmk-radius);
      padding:26px 24px;
      box-shadow:var(--vmk-shadow);
      height:100%;
      display:flex;
      flex-direction:column;
    }

    .box h3{
      font-size:24px;
      color:var(--vmk-blue-dark);
      margin-bottom:12px;
    }

    .box p{
      font-size:15px;
      color:var(--vmk-muted);
      margin-bottom:14px;
    }

    .box ul{
      padding-left:18px;
    }

    .box li{
      margin-bottom:10px;
    }

    .cta{
      background:linear-gradient(135deg,#0f4db8 0%,#123b7a 100%);
      border-radius:22px;
      padding:36px 28px;
      text-align:center;
      color:#fff;
    }

    .cta h2{
      font-size:32px;
      margin-bottom:12px;
      color:#fff;
    }

    .cta p{
      font-size:16px;
      margin-bottom:20px;
      color:rgba(255,255,255,0.92);
    }

    .cta-btns{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:14px;
    }

    .footer{
      text-align:center;
      color:var(--vmk-muted);
      font-size:14px;
      padding:22px 0 36px;
    }

    .cta .vmk-btn.secondary{
      border:1px solid rgba(255,255,255,0.28);
      color:#fff;
    }

/* ===== 右侧悬浮栏只保留两个按钮 ===== */
.xuanfu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xuanfu ul li {
  margin-bottom: 12px;
}

.xuanfu.is-hidden {
    display: none !important;
}

.xuanfu .xfimg {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #1dbd44;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.xuanfu .xfimg img {
    max-width: 26px;
    max-height: 26px;
    filter: brightness(1000%) invert(1);
}

.xuanfu .xftopitem .xfimg {
  background: #fff;
}

.xuanfu .xftopitem .xfimg p {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #111;
  line-height: 1;
  text-transform: lowercase;
}

.xuanfu .xfconsultitem .xfwx,
.xuanfu .xftelitem,
.xuanfu .xfwxitem .xfwx {
  display: none !important;
}

.xuanfu .xfconsultitem .xfimg {
  background: #1dbd44;
}

.xuanfu .xfconsultitem .xfimg:hover {
  background: #18a63b;
}

/* ===== 弹窗遮罩 ===== */
.consult-mask {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: all .25s ease;
}

.consult-mask.show {
  opacity: 1;
  visibility: visible;
}

/* ===== 方案B弹窗 ===== */
.consult-panel {
  position: fixed;
  right: 12px;
  bottom: 12px;
  top: auto;
  transform: translateY(20px) scale(.96);
  width: 400px;
  max-width: calc(100vw - 20px);
  border-radius: 0 0 0 0;
  overflow: hidden;
  background: rgba(10,12,20,.96);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
  backdrop-filter: blur(12px);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all .25s ease;
}

.consult-panel.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.consult-panel-head {
  padding: 20px 22px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}

.consult-panel-head h3 {
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  color: #fff;
}

.consult-panel-head p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.7);
}

.consult-close {
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.66);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

.consult-panel-body {
  padding: 18px 22px 22px;
}

.consult-trust-list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
  display: grid;
  gap: 10px;
}

.consult-trust-list li {
  padding: 11px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 14px;
  color: rgba(255,255,255,.9);
}

.consult-contact-grid {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  margin-bottom: 14px;
}

.consult-qrcode {
  min-height: 110px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.consult-cta-stack {
  display: grid;
  gap: 10px;
}

.consult-cta {
  display: block;
  text-align: center;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: .2s ease;
}

.consult-cta-primary {
  background: #1e6cff;
  color: #fff;
}

.consult-cta-secondary {
  background: rgba(255,255,255,.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,.10);
}

.consult-mini-note {
  margin: 10px 0 16px;
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255,255,255,.62);
}

.consult-input {
  width: 100%;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: #fff;
  padding: 13px 14px;
  border-radius: 12px;
  font-size: 14px;
  outline: none;
  margin-bottom: 12px;
}

.consult-input::placeholder {
  color: rgba(255,255,255,.42);
}

.consult-submit-btn {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 800;
  color: #111;
  background: linear-gradient(135deg, #ff8d2b 0%, #ffb247 100%);
  cursor: pointer;
}

.consult-mask,
.consult-mask.show {
  display: none !important;
}

/* =========================
移动端：独立底部菜单 + 独立表单弹窗
========================= */
.m-consult-bar,
.m-form-panel {
  display: none;
}

body.m-form-open {
  overflow: hidden;
}

/* =========================
   list_solution.html 
   ========================= */
.solutionlist_page .solution_title{
    padding: 48px 0 32px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.solutionlist_page .solution_title h3{
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
    color: #111111;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: auto;
    min-width: 0;
}

.solutionlist_page .solution_title h3::before{
    content: "★";
    color: #f3ab13;
    font-size: 34px;
    line-height: 1;
    display: inline-block;
    transform: translateY(-2px);
}

/* 防止其他通用样式把标题变成按钮/白框 */
.solutionlist_page .solution_title,
.solutionlist_page .solution_title h3,
.solutionlist_page .solution_title h3::before{
    text-decoration: none;
}

/* =========================
   Solution Detail - PC
   路线A保留版
   ========================= */

.solution-detail-page{
  --navy:#223553;
  --navy-deep:#18263d;
  --blue:#3a5f93;
  --gold:#d9bc84;
  --gold-soft:#efe3c7;
  --text:#243041;
  --muted:#6f7a89;
  --line:#d7dee8;
  --bg:#f5f7fb;
  --white:#ffffff;
  --radius:18px;
  --radius-lg:26px;
  --shadow:0 16px 40px rgba(24,38,61,.08);
  color:var(--text);
  background:#fff;
  line-height:1.8;
}

.solution-detail-page img{
  max-width:100%;
  display:block;
  height:auto;
}

.solution-detail-page a{
  text-decoration:none;
  color:inherit;
}

.solution-detail-page .solution-container{
  width:min(1440px,94%);
  margin:0 auto;
}

.solution-detail-page .section{
  padding:84px 0;
  position:relative;
  overflow:hidden;
}

.solution-detail-page .section.light{
  background:var(--bg);
}

.solution-detail-page .numbered{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
  align-items:start;
  margin-bottom:38px;
}

.solution-detail-page .numbered .num{
  font-size:78px;
  line-height:1;
  font-weight:300;
  color:#dbe2ed;
  letter-spacing:-3px;
}

.solution-detail-page .numbered .txt h3{
  font-size:30px;
  color:var(--navy);
  margin-bottom:10px;
}

.solution-detail-page .numbered .txt p{
  color:var(--muted);
  font-size:16px;
  max-width:850px;
}

.solution-detail-page .card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* hero */
.solution-detail-page .hero{
  min-height:auto;
  background:linear-gradient(180deg,#f7f9fd 0%, #eef3f9 100%);
  border-bottom:1px solid #e4eaf3;
  position:relative;
  padding-top: 0;
}

.solution-detail-page .hero::after{
  display:none;
}

.solution-detail-page .hero-grid{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;   /* 原来是 center，改成顶部对齐 */
  padding: 56px 0 72px;
}

.solution-detail-page .hero-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#eef4ff;
  border:1px solid #d9e6fb;
  color:#2452a8;
  padding:8px 14px;
  border-radius:999px;
  font-size:13px;
  letter-spacing:.2px;
  margin-bottom:18px;
}

.solution-detail-page .hero h1{
  font-size:50px;
  line-height:1.16;
  margin-bottom:18px;
  font-weight:700;
  letter-spacing:.5px;
  color:#17366f;
}

.solution-detail-page .hero p{
  font-size:17px;
  color:#506079;
  max-width:760px;
  margin-bottom:40px;
}

.solution-detail-page .btns{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.solution-detail-page .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:14px 20px;
  border-radius:999px;
  font-weight:700;
  transition:.25s ease;
}

.solution-detail-page .btn.primary{
  background:#ffffff;
  color:#1148a2;
}

.solution-detail-page .btn.ghost{
  background:#ffffff;
  border:1px solid #cfd8e6;
  color:#17366f;
}

.solution-detail-page .hero-card{
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 24px;
  padding: 18px;        /* 原来 28px，缩小外层上下占位 */
  backdrop-filter: blur(6px);
  box-shadow: 0 12px 32px rgba(0,0,0,.16);
}

.solution-detail-page .hero-grid > div,
.solution-detail-page .hero-grid > aside{
  min-width: 0;
}

.solution-detail-page .hero-card.case-slider{
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  display: block;
  align-self: start;    /* 右侧卡片也强制顶部对齐 */
}

.solution-detail-page .case-slider .case-stage{
  width: 100%;
  position: relative;
  min-height: 380px;    /* 原来 470px，改小 */
  height: 380px;        /* 固定高度，避免继续撑高 */
  border-radius: 20px;
  overflow: hidden;
  background: #10192a;
}

.solution-detail-page .case-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .6s ease;
  background-size:cover;
  background-position:center;
}

.solution-detail-page .case-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(6,14,28,.70) 12%, rgba(6,14,28,.15) 52%, rgba(6,14,28,.05) 100%);
}

.solution-detail-page .case-slide.active{
  opacity:1;
}

.solution-detail-page .case-slide-content{
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 2;
  color: #fff;
}

.solution-detail-page .case-slide-content .kicker{
  display:inline-block;
  margin-bottom:10px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
}

.solution-detail-page .case-slide-content h3{
  font-size:30px;
  line-height:1.25;
  margin-bottom:10px;
}

.solution-detail-page .case-slide-content p{
  font-size:14px;
  color:rgba(255,255,255,.88);
  margin-bottom:14px;
  max-width:520px;
}

.solution-detail-page .case-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}

.solution-detail-page .case-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.16);
  color:rgba(255,255,255,0.88);
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.solution-detail-page .case-dots{
  position:absolute;
  right:22px;
  bottom:20px;
  z-index:3;
  display:flex;
  gap:8px;
}

.solution-detail-page .case-dots button{
  width:10px;
  height:10px;
  border-radius:50%;
  border:none;
  cursor:pointer;
  background:rgba(255,255,255,.35);
}

.solution-detail-page .case-dots button.active{
  background:#fff;
}

/* quick nav */
.solution-detail-page .quick-nav-wrap{
  position:relative;
  z-index:3;
  margin-top:-44px;
}

.solution-detail-page .quick-nav{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
}

.solution-detail-page .quick-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:22px 12px;
  border-right:1px solid #edf1f7;
  color:var(--navy);
  font-weight:600;
  font-size:15px;
  transition:.22s ease;
}

.solution-detail-page .quick-nav a:last-child{
  border-right:none;
}

.solution-detail-page .quick-nav a:hover{
  background:#f8fafc;
  color:#1a2740;
}

.solution-detail-page .quick-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#eef3fb;
  color:var(--blue);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:700;
}

/* advantages */
.solution-detail-page .adv-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.solution-detail-page .adv-card{
  padding:28px;
  position:relative;
}

.solution-detail-page .adv-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--gold),#eed8aa);
}

.solution-detail-page .adv-no{
  width:46px;
  height:46px;
  border-radius:14px;
  background:#f2f5fa;
  color:var(--blue);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:18px;
  margin-bottom:18px;
}

.solution-detail-page .adv-card h4{
  font-size:22px;
  color:var(--navy);
  margin-bottom:10px;
}

.solution-detail-page .adv-card p{
  font-size:15px;
  color:var(--muted);
  margin-bottom:14px;
}

.solution-detail-page .adv-card ul{
  padding-left:18px;
  color:#4a5565;
}

.solution-detail-page .adv-card li{
  margin-bottom:8px;
  font-size:14px;
}

/* product showcase */
.solution-detail-page .product-showcase{
  position:relative;
  padding:40px 0 90px;
}

.solution-detail-page .product-stage{
  position:relative;
  margin-top:12px;
  padding-top:32px;
}

.solution-detail-page .product-stage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:260px;
  background:linear-gradient(180deg,#67738c 0%, #67738c 72%, #5d687f 100%);
  z-index:0;
}

.solution-detail-page .product-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:88px;
  align-items:end;
}

.solution-detail-page .product-card{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
  border:none;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}

.solution-detail-page .product-cover{
  height:420px;
  border-radius:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 18px 36px rgba(24,38,61,.08);
}

.solution-detail-page .product-body{
  padding:22px 18px 24px;
  text-align:center;
  background:#fff;
}

.solution-detail-page .product-body h4{
  font-size:24px;
  font-weight:500;
  margin-bottom:10px;
}

.solution-detail-page .product-body p{
  font-size:14px;
  color:#4c5566;
  line-height:2;
  margin-bottom:0;
}

.solution-detail-page .product-consult{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  margin-top:100px;
  gap: 20px; /* 新增：按钮间距 */
}

.solution-detail-page .product-consult .btn{
  min-width:220px;
  height:56px;
  padding:0 34px;
  border-radius:0;
  background:#e2cfab;
  color:#fff;
  box-shadow:none;
}

.solution-detail-page .product-consult .btn:hover{
  transform:none;
  box-shadow:none;
}

/* structure */
.solution-detail-page .structure-grid{
  position:relative;
  z-index:1;
  margin-top:54px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
  align-items:start;
}

.solution-detail-page .structure-card{
  background:#fff;
  border:1px solid #d9d9d9;
  min-height:100%;
}

.solution-detail-page .structure-card-offset{
  margin-top:34px;
}

.solution-detail-page .structure-media{
  padding:26px 26px 0;
  background:#fff;
}

.solution-detail-page .structure-media img{
  width:100%;
  height:260px;
  object-fit:contain;
  display:block;
}

.solution-detail-page .structure-body{
  padding:22px 28px 28px;
}

.solution-detail-page .structure-body h4{
  font-size:24px;
  line-height:1.35;
  color:#4a4a4a;
  margin-bottom:18px;
  font-weight:500;
}

.solution-detail-page .structure-body p{
  margin:0 0 10px;
  font-size:15px;
  color:#575757;
  line-height:1.55;
}

/* cases */
.solution-detail-page .case-layout{
  display:grid;
  grid-template-columns:1.6fr 1.4fr;
  gap:18px;
  align-items:stretch;
}

.solution-detail-page .case-big,
.solution-detail-page .case-small,
.solution-detail-page .case-wide{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  min-height:220px;
  background:#dfe6ef center/cover no-repeat;
  box-shadow:var(--shadow);
}

.solution-detail-page .case-big{
  min-height:560px;
}

.solution-detail-page .case-right{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.solution-detail-page .case-wide{
  grid-column:1 / span 2;
  min-height:322px;
}

/* 关键：让整个卡片链接铺满 */
.solution-detail-page .case-link-wrap{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  z-index:5;
  color:inherit;
  text-decoration:none;
}

.solution-detail-page .case-link-wrap:hover{
  color:inherit;
  text-decoration:none;
}

/* 遮罩文案层 */
.solution-detail-page .case-overlay{
  position:absolute;
  inset:auto 0 0 0;
  padding:18px 18px 16px;
  color:#fff;
  background:linear-gradient(to top, rgba(16,22,34,.70), rgba(16,22,34,.08));
  z-index:6;
  pointer-events:none;
}

.solution-detail-page .case-overlay h4{
  font-size:18px;
  margin-bottom:4px;
  pointer-events:none;
}

.solution-detail-page .case-overlay p{
  font-size:13px;
  color:rgba(255,255,255,.86);
  pointer-events:none;
}

/* 防止伪元素遮挡点击 */
.solution-detail-page .case-big::before,
.solution-detail-page .case-big::after,
.solution-detail-page .case-small::before,
.solution-detail-page .case-small::after,
.solution-detail-page .case-wide::before,
.solution-detail-page .case-wide::after{
  pointer-events:none;
}

.solution-detail-page .case-actions {
    text-align: center;     /* 居中按钮 */
    margin-top: 40px;       /* 按钮与上方内容的间距，可根据需要调整 */
}

/* 更多案例按钮样式 */
.solution-detail-page .case-actions .more-case-btn {
    display: inline-block;         /* 变成块状可控制宽高 */
    background-color: var(--vmk-blue);  /* 蓝色背景 */
    color: #fff;                   /* 文字白色 */
    padding: 12px 30px;            /* 上下 12px，左右 30px */
    border-radius: 25px;           /* 圆角按钮 */
    text-align: center;
    text-decoration: none;         /* 去掉下划线 */
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.3s ease;
    margin: 0 auto;                /* 居中 */
    display: block;                /* block 才能居中 */
    width: fit-content;            /* 自适应文字宽度 */
}

/* 悬停效果 */
.solution-detail-page .case-actions .more-case-btn:hover {
    background-color: #053f91;     /* 深一点的蓝色 */
    color: #fff;
}

/* 安装流程 */
.solution-detail-page .process-lite{
  background:#f3f3f3;
  padding:72px 0 84px;
  overflow:hidden;
}

.solution-detail-page .flow-lite-head{
  text-align:center;
  margin-bottom:46px;
}

.solution-detail-page .flow-lite-head h3{
  margin:0;
  font-size:42px;
  line-height:1.2;
  font-weight:500;
  color:#243b69;
  letter-spacing:2px;
}

.solution-detail-page .flow-lite-en{
  margin-top:14px;
  font-size:13px;
  line-height:1.8;
  color:#243b69;
  letter-spacing:8px;
  text-transform:uppercase;
}

.solution-detail-page .flow-lite-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:22px;
  align-items:start;
}

.solution-detail-page .flow-lite-grid::after{
  content:"";
  position:absolute;
  left:5.5%;
  right:5.5%;
  bottom:15px;
  height:1px;
  background:#cfd3da;
}

.solution-detail-page .flow-lite-item{
  position:relative;
  text-align:center;
  padding:0 8px 54px;
  z-index:1;
  cursor:pointer;
}

.solution-detail-page .flow-lite-icon{
  width:72px;
  height:72px;
  margin:0 auto 20px;
  border-radius:50%;
  background:#364869;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(54,72,105,.12);
  overflow:hidden;
  transition:background .28s ease, transform .28s ease, box-shadow .28s ease;
}

.solution-detail-page .flow-lite-icon img{
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
  transition:transform .28s ease, filter .28s ease, opacity .28s ease;
}

.solution-detail-page .flow-lite-item h4{
  margin:0 0 10px;
  min-height:44px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  font-size:16px;
  line-height:1.4;
  font-weight:500;
  color:#243b69;
  transition:color .28s ease;
}

.solution-detail-page .flow-lite-item p{
  margin:0;
  font-size:13px;
  line-height:1.9;
  color:#5d6675;
  transition:color .28s ease;
}

.solution-detail-page .flow-lite-no{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #d8c3aa;
  color:#91673f;
  font-size:13px;
  line-height:1;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  z-index:2;
  transition:background .28s ease, border-color .28s ease, color .28s ease;
}

/* 鼠标移入效果 */
.solution-detail-page .flow-lite-item:hover .flow-lite-icon{
  background:#dcc6a2;
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(54,72,105,.18);
}

.solution-detail-page .flow-lite-item:hover .flow-lite-icon img{
  transform:translateY(-1px);
}

.solution-detail-page .flow-lite-item:hover h4{
  color:#b88952;
}

.solution-detail-page .flow-lite-item:hover .flow-lite-no{
  background:#dcc6a2;
  border-color:#dcc6a2;
  color:#fff;
}

/* 点击后保持高亮 */
.solution-detail-page .flow-lite-item.is-active .flow-lite-icon{
  background:#dcc6a2;
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(54,72,105,.18);
}

.solution-detail-page .flow-lite-item.is-active .flow-lite-icon img{
  transform:translateY(-1px);
}

.solution-detail-page .flow-lite-item.is-active h4{
  color:#b88952;
}

.solution-detail-page .flow-lite-item.is-active .flow-lite-no{
  background:#dcc6a2;
  border-color:#dcc6a2;
  color:#fff;
}

/* 资质认证页面 */
.honor-page{
  padding: 40px 0 80px;
  background: #f5f7fb;
}

.honor-wrap{
  background: #fff;
  border-radius: 18px;
  padding: 34px 34px 24px;
  box-shadow: 0 10px 30px rgba(16, 35, 73, .06);
}

.honor-head{
  text-align: center;
  margin-bottom: 22px;
}

.honor-head h1{
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  color: #222;
  line-height: 1.3;
}

.honor-head p{
  margin: 10px 0 0;
  font-size: 14px;
  color: #8a94a6;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.honor-intro{
  margin-bottom: 24px;
}

.honor-intro-box{
  padding: 20px 24px;
  background: #f8fafc;
  border: 1px solid #e8edf5;
  border-radius: 12px;
  color: #666;
  line-height: 1.9;
  font-size: 15px;
}

.honor-intro-box p:last-child{
  margin-bottom: 0;
}

.honor-anchor{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 34px;
}

.honor-anchor a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 148px;
  height: 44px;
  padding: 0 22px;
  background: #f2f5fb;
  border: 1px solid #dde6f6;
  border-radius: 999px;
  font-size: 15px;
  color: #35508b;
  transition: all .3s ease;
}

.honor-anchor a:hover{
  background: #2d5bd1;
  border-color: #2d5bd1;
  color: #fff;
  transform: translateY(-2px);
}

.honor-group{
  margin-bottom: 34px;
  scroll-margin-top: 110px;
}

.honor-group-hd{
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 0 22px;
  border-radius: 14px;
  background: #eaf0ff;
  margin-bottom: 22px;
}

.honor-group-hd i{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2d5bd1;
  margin-right: 12px;
  box-shadow: 0 0 0 6px rgba(45, 91, 209, .12);
  flex: 0 0 auto;
}

.honor-group-hd h2{
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #20428e;
  line-height: 1.4;
}

.honor-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.honor-card{
  display: block;
  background: #f7f7f9;
  border-radius: 8px;
  padding: 18px 18px 16px;
  transition: all .35s ease;
  height: 100%;
}

.honor-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(22, 48, 98, .12);
  background: #f4f6fb;
}

.honor-thumb{
  background: #fff;
  border: 1px solid #ececf1;
  min-height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow: hidden;
}

.honor-thumb img{
  max-width: 100%;
  max-height: 236px;
  object-fit: contain;
  transition: transform .35s ease;
}

.honor-card:hover .honor-thumb img{
  transform: scale(1.04);
}

.honor-name{
  margin-top: 14px;
  font-size: 15px;
  color: #333;
  line-height: 1.7;
  text-align: center;
  height: 52px;
  overflow: hidden;
}

.honor-empty{
  grid-column: 1 / -1;
  padding: 42px 20px;
  text-align: center;
  color: #8b94a7;
  border: 1px dashed #d7e1f3;
  background: #fafcff;
  border-radius: 12px;
  font-size: 15px;
}

.honor-empty-main{
  margin-top: 20px;
}