/* ---------12-2 新增-------------*/
.top-link dl:hover .iconfont {
    color: #132C8D;
}

.top-link dl dd a:hover,
.top-link dl dd:hover,
.top-link dl:hover dd {
    color: #132C8D;
}

/* ---------12-2 新增-------------*/
.main-header {
    background: #fff;
}

.nav-outer .mobile-nav-toggler span b {
    background: #132c8d !important;
}

/* li:last-child.nav-item>a {
    color: #132c8d
} */

.logo {
    width: 2.1rem;
    height: 0.62rem;
    position: relative;
    margin-top: 0.07rem;
    background: url(../images/logo1.png)no-repeat;
    background-size: cover;
}

li.nav-item>a:after {
    width: 0.16rem;
    height: 0.12rem;
    position: absolute;
    content: "";
    background: url(../images/nav-jt3.png)no-repeat;
    background-size: 0.16rem 0.11rem;
    right: -0.3rem;
    top: 0.2rem;

}

li.nav-item>a,
.top-link dl dd,
.top-link dl dd a {
    color: #262323;
}

.top-link dl .iconfont {
    color: #132c8d;
}

.nav-top {
    margin-top: 1.05rem !important;
    /* background: #f9f9f9; */
    /* padding-top: 0.3rem; */
    padding-bottom: 0.4rem;
}

/* ------banner------- */
.ne-banner {
    width: 100%;
    background: #000;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 1rem;

}

.ne-banner img {
    width: 100%;
    animation: changeScale 1 2.5s;
}

.ne-banner .dw {
    width: 100%;
    position: absolute;
    left: 0;
    top: 38%;
    text-align: center;
    font-size: 0.42rem;
    color: #fff;
    line-height: 0.6rem;
    z-index: 9;
}

.ne-banner .dw img {
    width: 0.66rem;
}

.ne-banner .pos {
    width: 100%;
    position: absolute;
    line-height: 0.4rem;

    color: #fff;
    font-size: 0.2rem;
    font-weight: normal;
    z-index: 9;
    bottom: 0.25rem;
}

.ne-banner .pos p {
    background: url(../images/pos1.png)no-repeat left center;
    padding-left: 33px;
}

.ne-banner .pos p a {
    color: #fff;
}

.ne-banner .dw p {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.42rem;
    font-weight: normal;
    margin-top: 10px;
}

.ne-banner .dw p span {
    display: inline-block;
    padding: 0 0.23rem;
    font-size: 0.28rem;
    font-weight: normal;
    position: relative;
}

.ne-banner .dw p span:after {
    width: 1px;
    height: 40%;
    right: 0;
    top: 30%;
    background: #fff;
    position: absolute;
    content: "";
}

.ne-banner .dw p span:last-child:after {
    display: none;
}

.ne-banner .pos1 {
    width: 100%;
    position: absolute;
    left: 0;
    color: #fff;
    bottom: 0.25rem;

}

.ne-banner .pos1 p {
    font-size: 0.2rem;
    padding-left: 0.35rem;
    background: url(../images/pos1.png) no-repeat left center;
}

.pc-banner {
    display: block;
}

.mobile-banner {
    display: none;
}

/* --------banner----------- */
.ne-warp {
    width: 83.33333%;
    margin: 0 auto;

}

/* 2024-11-22新增 */
.ser-warp {
    width: 65%;
    margin: 0 auto;
    padding-bottom: 1rem;

}

.ser-warp .proRight {
    width: 100%;
    padding-bottom: 1rem;
}

.ser-warp .proSb .serBox {
    width: 100%;
}

.ser-warp .proSb .serBox input {
    width: 90%;
}

.ser-warp .proSb .serBox .but {
    width: 10%;
}

/* 2024-11-22新增 */
/* -------------solution-------------- */
.solu-bit {
    text-align: center;
    padding: 0.6rem 0;
    line-height: 0.6rem;
    font-size: 0.42rem;
    color: #333333;
}

.soluList {
    width: 100%;
    position: relative;
    padding-bottom: 0.6rem;
}

.soluList dl {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 0.6rem;
    float: left;
    cursor: pointer;
    border-bottom: 3px solid #132c8d;
}

.soluList dl:nth-child(2n) {
    margin-right: 0;
}

.soluList dl dt {
    width: 100%;
    overflow: hidden;
    background: #000;
    position: relative;
}

.soluList dl dt:after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.soluList dl:hover dt:after {
    -webkit-animation: shine2 1s;
    animation: shine2 1s;
}

@-webkit-keyframes shine2 {
    100% {
        left: 125%;
    }
}

@keyframes shine2 {
    100% {
        left: 125%;
    }
}

.soluList dl dt img {
    display: block;
    width: 100%;
    transition-duration: .5s;
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
}

.soluList dl:hover dt img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.soluList dl dd {
    width: 100%;
    background: #f7f7f7;
    overflow: hidden;
    padding: 0.3rem 0.35rem 0.35rem 0.35rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.soluList dl dd h1 {
    line-height: 0.54rem;
    font-size: 0.34rem;
    color: #333333;
    font-weight: normal;
}

.soluList dl dd .text {
    margin: 0.1rem 0 0.2rem 0;
    overflow: hidden;
    font-size: 0.2rem;
    height: 0.6rem;
    line-height: 0.3rem;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.soluList dl dd .more {
    display: flex;
    justify-content: left;
}

.soluList dl dd .more p {
    line-height: 0.26rem;
    color: #132c8d;
    font-size: 0.18rem;
}

.soluList dl dd .more p a:hover {
    color: #132c8d;
}

.soluList dl dd .more span {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: url(../images/n-about-jt.png) #132c8d;
    margin-left: 0.15rem;
    overflow: hidden;
    transition-duration: .5s;
    background-size: 52px 25px;
}

.soluList dl:hover dd .more span {
    background-position: 0.26rem 0;
}

.soluBread {
    width: 100%;
    background: url(../images/pos.png) no-repeat left center;
    padding-left: 0.4rem;
    font-size: 0.2rem;
    color: #555555;
    line-height: 0.8rem;
}

.soluListbox {
    width: 100%;
    padding-bottom: 0.65rem;
    display: flex;
    justify-content: space-between;
}

.soluListbox .left {
    width: 45%;

}

.soluListbox .left h1 {
    border-bottom: 1px solid #d7d7d7;
    padding: 0.3rem 0;
    font-size: 0.42rem;
    font-weight: normal;
    line-height: 0.5rem;
    margin-bottom: 0.65rem;
}

.soluListbox .left h1 span {
    width: 100%;
    color: #132c8d;
    line-height: 0.4rem;
    font-size: 0.24rem;
    display: inline-block;

}

.soluListbox .left .intro .bit {
    line-height: 0.48rem;
    background: url(../images/solo-icon.png) no-repeat left center;
    background-size: 0.27rem 0.3rem;
    color: #132c8d;
    padding-left: 0.4rem;
    font-size: 0.24rem;
    margin-bottom: 0.15rem;
}

.soluListbox .left .intro .text {
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #555555;
}

.soluListbox .right {
    width: 50%;
}

.soluListbox .right img {
    display: block;
    width: 100%;
}

.advanBox {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.2rem;
    padding-top: 0.4rem;
}

.advanBox .pic-dw {
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: auto;
    overflow: hidden;

}

.advanBox .pic-dw img {
    width: 100%;
    display: block;
    animation: run 12s linear infinite;
}

.advanBoxList {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 0.4rem;
}

.columnBit {
    display: table;
    position: relative;
    margin: 0 auto;
    line-height: 0.9rem;
    color: #333333;
    font-size: 0.48rem;
    margin-bottom: 0.35rem;
}

.advanBoxList {
    margin-bottom: 0.4rem;
}

.advanBoxList dl {
    width: 100%;
    background: #fff;
    cursor: pointer;
}

.advanBoxList dl dt {
    width: 50%;
    overflow: hidden;
    background: #000;
    float: left;
}

.advanBoxList dl dt img {
    display: block;
    width: 100%;
    transition-duration: .5s;
}

.advanBoxList dl:hover dt img {
    transform: scale(1.1);
    opacity: 0.7;
}

.advanBoxList dl dd {
    width: 50%;
    float: right;
    padding: 0.65rem 0.6rem 0 0.6rem;

}


@keyframes line-anm {

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-anm {
    from {
        fill: transparent;
    }

    to {
        fill: #b60007;
    }
}

@keyframes line-anm2 {

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-anm2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: #b60007;
    }
}

.icon1 {
    animation: fill-anm 4s ease forwards 1000ms;
}

.icon1 path {
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: line-anm 4s ease forwards;
}

.advanBoxList dl dd .iconBox {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 10px;
}

.advanBoxList dl dd .svgBox {
    width: 0.75rem;
    height: 0.75rem;
}

.advanBoxList dl dd .svgBox svg {
    width: 100%;
}

.advanBoxList dl:hover dd .svgBox .icon1 {
    animation: fill-anm2 2s ease forwards 300ms;
}

.advanBoxList dl:hover dd .svgBox .icon1 path {
    animation: line-anm2 2s ease forwards;
}

.advanBoxList dl dd h1 {
    width: calc(100% - 0.75rem);
    line-height: 0.48rem;
    font-weight: normal;
    font-size: 0.3rem;
    color: #333333;
    margin-bottom: 0.1rem;
    padding-left: 0.1rem;
}

.advanBoxList dl dd .intro {
    font-size: 0.2rem;
    line-height: 0.36rem;
    color: #555555;
    padding-bottom: 0.2rem;
}

.advanBoxList dl:nth-child(2n) dt {
    float: right;
}

.advanBoxList dl:nth-child(2n) dd {
    float: left;
}

.columnBit:after {
    width: 70%;
    left: 15%;
    bottom: 0;
    position: absolute;
    content: "";
    height: 3px;
    background: #132c8d;
}

.advanBox .columnBit {
    color: #fff;
    position: relative;
    z-index: 2;

}

.advanBox .columnBit:after {
    background: #fff;
}

@keyframes run {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.04);
    }

    50% {
        transform: scale(1.08);
    }

    75% {
        transform: scale(1.04);
    }

    100% {
        transform: scale(1);
    }
}

.benchmark {
    width: 100%;
    margin-top: 0.2rem;
    margin-bottom: 0.45rem;
}

.benchmarkBox {
    margin-top: 0.4rem;
    position: relative;
}

.benchmarkBox .swiper-slide {
    background: #f6f5f5;
    display: flex;

}

.benchmarkBox .swiper-slide a {
    display: flex;
    justify-content: space-between;
}

.soluPic {
    width: 50%;
    overflow: hidden;
    background: #000;
}

.soluPic img {
    display: block;
    width: 100%;
    transition-duration: .5s;
}

.benchmarkBox .swiper-slide:hover .soluPic img {
    transform: scale(1.1);
    opacity: 0.7;
}

.soluText {
    width: 50%;
    padding: 0.4rem 0.4rem 0 0.4rem;
}

.soluText h1 {
    font-weight: normal;
    line-height: 0.44rem;
    font-size: 0.26rem;
    color: #313131;
    margin-bottom: 0.1rem;
}

.soluText .text {
    font-size: 0.17rem;
    line-height: 0.3rem;
    color: #777777;
    overflow: hidden;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; */
}

.soluText .more {
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #d0d0d0;
    background: url(../images/s-jt.png) no-repeat center center;
    margin-top: 0.25rem;
    transition-duration: .5s;
}

.soluText:hover .more {
    background: url(../images/s-jt1.png) no-repeat center center #132c8d;
    border: 1px solid #132c8d;
}

.benchmouse {
    width: 5.5rem;
    margin: 0.4rem auto 0;
    position: relative;
    padding-bottom: 0.1rem;
}

.benchmouse .mouse {
    width: 24px;
    height: 40px;
    margin: 0 auto;
}

.benchmouse .mouse img {
    display: block;
    width: 100%;
}

.benchmouse .swiper-button-prev:after,
.benchmouse .swiper-button-next:after {
    color: #787878;
    font-size: 0.24rem;
}

.benchmouse .swiper-button-prev:hover:after,
.benchmouse .swiper-button-next:hover:after {
    color: #132c8d;
}

.benchmouse .mess {
    width: 100%;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.15rem;
    color: #5f5f5f;
    margin-top: 0.15rem;

}

.benchmouse .swiper-pagination {
    bottom: 0 !important;
    height: 1px !important;
    background: #cecece;
    top: inherit !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #132c8d !important;
}

.soluProList {
    padding: 0.5rem 0 1.05rem 0;
}

.soluProList .swiper-slide {
    cursor: pointer;
}

.soluProList .swiper-slide .pic {
    width: 100%;
    height: 4.22rem;
    background: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition-duration: .5s;
}

.soluProList .swiper-slide .pic img {
    max-width: 80%;
    display: block;
    transition-duration: .5s;
}

.soluProList .swiper-slide:hover .pic {
    background: #e8e5e5;
}

.soluProList .swiper-slide:hover .pic img {
    transform: scale(0.95);
}

.soluProList .swiper-slide .text {
    width: 100%;
    background: #efefef;
    line-height: 0.74rem;
    text-align: center;
    color: #333333;
    font-size: 0.24rem;
    transition-duration: .5s;
    position: relative;
    overflow: hidden;
}

.soluProList .swiper-slide:hover .text a,
.soluProList .swiper-slide .text a:hover,
.soluProList .swiper-slide:hover .text {
    color: #fff;
}


.soluProList .swiper-slide:hover .text span {
    display: inline-block;
    z-index: 2;
    position: relative;
}

.soluProList .swiper-slide .text:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #132c8d;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .32s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
    z-index: 1;
}

.soluProList .swiper-slide:hover .text:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

/* 2024-11-1 */
.souWarp {
    width: 83.33%;
    margin: 0 auto;
}

.solT {
    padding-bottom: 0.45rem;
    padding-top: 0.1rem;
}

.solT p {
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #555555;
    padding-bottom: 0.4rem;
}

.xtList {
    margin-bottom: 0.65rem;
    display: flex;
    justify-content: space-between;
}

.xtList dl {
    width: 31%;
    border-radius: 0.2rem;
    box-shadow: 0 0 15px #dddddd;
    padding: 0 0.3rem 0.3rem 0.3rem;
    background: #fff;
    transition-duration: 1s;
    cursor: pointer;
}

.xtList dl dt {
    line-height: 0.96rem;
    text-align: center;
    font-size: 0.3rem;
    color: #333333;
}

.xtList dl dd {
    width: 100%;
    overflow: hidden;
}

.xtList dl dd img {
    width: 100%;
    display: block;
    transition-duration: 1s;
}

.xtList dl:hover img {
    transform: scale(1.1);
}

.xtList dl:hover {
    background: #132c8d;
}

.xtList dl:hover dt {
    color: #fff;
}

/* -------------solution-------------- */
/* --------------product------------- */
.proBox {
    width: 100%;
    position: relative;
    background: #f6f6f6;
}

.probenchmark {
    width: 100%;
    position: relative;
    /* top: -1.1rem; */
    z-index: 9;
    background: #f6f6f6;
    padding: 0.28rem 0.26rem 0 0.26rem;
    display: flex;
    justify-content: space-between;
}

.proLeft {
    width: 24%;
}

.proLeft h1 {
    width: 100%;
    height: 0.84rem;
    background: #132c8d;
    color: #fff;
    line-height: 0.84rem;
    font-size: 0.26rem;
    font-weight: normal;
    display: flex;
    padding-left: 0.45rem;
    margin-bottom: 0.11rem;
    align-items: center;
}

.proLeft h1 img {
    margin-right: 25px;
}

.proRight {
    width: 72.5%;
}


/* 2024-11-20 */
.proRight .probench {
    width: 100%;
    background: #fff;
    font-size: 0.2rem;
    margin-bottom: 0.35rem;
    position: relative;
}

.proRight .proPos {
    width: 100%;
    line-height: 0.44rem;
    padding: 0 0.35rem;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.2rem;
    display: flex;
    margin-bottom: 0.11rem;
    position: relative;
}

.proRight .proPos img {
    display: block;
    width: 23px;
    height: 19px;
    margin-right: 0.14rem;
}

.proSb {
    padding: 0.25rem 0.3rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #555555
}

/* 2024-12-24修改 */
.proSb .intro {
    width: 100%;
    font-size: 0.2rem;
    line-height: 0.3rem;
}

/* 2024-12-24修改 */
.proSb .intro span {
    display: inline-block;
    font-size: 0.3rem;
    line-height: 0.44rem;
}

/* 2024-12-24修改 */
.proSb .serBox {
    width: 3.2rem;
    background: #fff;
    border-radius: 0.08rem;
    height: 0.6rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    display: none;
}

/* 2024-12-24修改 */
.proSb .serBox input {
    width: 80%;
    line-height: 0.6rem;
    padding: 0 0.2rem;
    font-size: 0.17rem;
    outline: none;
    border: none;
    background: #ededed;
    font-family: 'syhtN';
}

.proSb .serBox .but {
    width: 20%;
    height: 0.6rem;
    background: #132c8d;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}

.proSb .serBox .but .iconfont {
    font-size: 0.3rem;
}

.proSb .serBox .but svg {
    width: 0.4rem;
}



.solu-List ul {
    width: 100%;
    display: flex;
    justify-content: left;
    padding: 0 0.3rem;
    border-top: 1px solid #eaeaea;
}



.solu-List ul li a {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.9rem;
    padding-right: 0.6rem;
}

.solu-List ul li:last-child a {
    padding-right: 0;
}

.solu-List ul li a:hover {
    color: #003380;
    font-weight: bold;
}

.solu-List ul li .ts {
    color: #003380;
    font-weight: bold;
}

/* 2024-11-20 */

.proListbox {
    width: 100%;
}

.proListbox dl {
    width: 32.5%;
    margin-right: 1.25%;
    background: #fff;
    margin-bottom: 0.15rem;
    padding: 0.15rem;
    float: left;
    cursor: pointer;
}

.proListbox dl:nth-child(3n) {
    margin-right: 0;
}

.proListbox dl dt {
    height: 3.7rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.proListbox dl dt img {
    width: 100%;
    display: block;
    transition-duration: .5s;
}

.proListbox dl dd h1 {
    text-align: center;
    line-height: 0.5rem;
    font-weight: normal;
    font-size: 0.24rem;
    color: #333333;
    margin: 0.25rem 0 0.1rem 0;
}

.proListbox dl:hover dd h1 {
    color: #132c8d;
}

.proListbox dl dd .btn {
    width: 100%;
    border-radius: 0.05rem;
    text-align: center;
    color: #fff;
    background: #132c8d;

    font-size: 0.2rem;
    transition-duration: .5s;
    overflow: hidden;
    height: 0rem;
}

.proListbox dl:hover dd .btn {
    line-height: 0.46rem;
    height: 0.46rem;
}

.proListbox dl dd .btn a {
    color: #fff;
}

.proListbox dl dd .btn:hover {
    border-radius: 0.5rem;
}

.proListbox dl dd .cs {
    width: 100%;
    text-align: center;
}

.proListbox dl dd .cs span {
    display: inline-block;
    padding: 0 0.15rem;
    font-size: 0.2rem;
    line-height: 0.6rem;
    position: relative;
    color: #555555;
}

.proListbox dl dd .cs span:after {
    position: absolute;
    content: "";
    right: 0;
    height: 36%;
    top: 32%;
    width: 1px;
    background: #555555;
}

.proListbox dl dd .cs span:last-child:after {
    display: none;
}

.proListbox dl:hover dt img {
    transform: scale(0.95);
}

/* 产品导航 */

.navMenubox {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.navMenu>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    position: relative;
    background: #fff;
}

.navMenu>li>a {
    width: 100%;
    line-height: 0.8rem;
    font-size: 0.23rem;
    color: #1c233c;
    position: relative;
    transition: all .3s;
    display: block;
    background: #fff;
    transition-duration: .5s;
    margin-bottom: 0.1rem;
    padding-left: 0.95rem;
    overflow: hidden;
    background: url(../images/pro-bg1.png)no-repeat 0.44rem center;
    background-size: 0.21rem 0.21rem;
}


.navMenu li .arrow {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: 0.25rem;
    top: 0.31rem;
    text-shadow: none;
    background: url(../images/nav-icon.png) no-repeat;
}

.navMenu li a .arrow.open {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: 0.25rem;
    top: 0.31rem;
    text-shadow: none;
    background: url(../images/nav-icon1.png) no-repeat;
}

.navMenu>li>a.active,
.navMenu>li>a:hover {
    color: #132c8d;
    background: url(../images/pro-bg2.png)no-repeat 0.44rem center;
    background-size: 0.21rem 0.21rem;
}

.navMenu>li>ul.sub-menu,
.navMenu>li>ul.sub-menu>li>ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;

}

.navMenu>li>ul.sub-menu li {
    background: none;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.twoMenu {
    display: flex;
    justify-content: space-between;
    font-size: 0.2rem;
    line-height: 0.56rem;
    padding-left: 0.55rem;
    color: #555;
    clear: both;
    position: relative;
    background: #fff;
    margin-bottom: 0.1rem;
}

.twoMenu .arrow {
    cursor: pointer
}

.navMenu>li>ul.sub-menu li .twoMenu .arrow.open {
    background: url(../images/nav-icon2.png) no-repeat;
}

.navMenu>li>ul.sub-menu li a .arrow.open {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: 0.25rem;
    top: 0.19rem;
    text-shadow: none;
    background: url(../images/nav-icon2.png) no-repeat;
}

.navMenu>li>ul.sub-menu li .arrow {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: 0.25rem;
    top: 0.185rem;
    text-shadow: none;
    background: url(../images/nav-icon.png) no-repeat;
}

.navMenu>li>ul.sub-menu li>a {
    display: block;
    font-size: 0.2rem;
    line-height: 0.56rem;
    padding-left: 0.55rem;
    color: #555;
    clear: both;
    position: relative;
    background: #fff;
    margin-bottom: 0.1rem;

}

.navMenu>li>ul.sub-menu li>.sub-menu li>a {
    padding-left: 0.7rem;
}

.navMenu>li>ul.sub-menu li>.sub-menu li>a:after {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #555;
    position: absolute;
    content: "";
    left: 0.55rem;
    top: 0.25rem;
}

.navMenu>li>ul.sub-menu li>.sub-menu li:hover>a:after {
    background: #132c8d;
}

.navMenu>li>ul.sub-menu li>a.active,
.navMenu>li>ul.sub-menu li>a:hover,
.navMenu>li>ul.sub-menu>li.active>a {
    color: #132c8d;
    /* background: #12181b; */
}

/* 产品导航 */

.hotPro dl {
    width: 100%;
    margin-bottom: 0.15rem;
    background: #fff;
    padding-bottom: 0.15rem;
    cursor: pointer;
}

.hotPro dl dt {
    width: 100%;
    padding: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hotPro dl:hover img {
    transform: scale(0.95);
}

.hotPro dl dt img {
    width: 75%;
    display: block;
    transition-duration: .5s;
}

.hotPro dl dd {
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.24rem;
    color: #333333;
}

.hotPro dl:hover dd {
    color: #132c8d;
}

.proDetail {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.proDetail .left {
    width: 50%;
    background: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2rem;
    height: 5rem;
}

.proDetail .left img {
    width: 50%;
}

.proDetail .right {
    width: 48%;
}

.proBit {
    width: 100%;
}

.proModelpic {
    display: none;
}

/* 12-9新增 */
.proModelpic table {
    width: 100%;
}

.proModelpic table tr td {
    line-height: 0.44rem !important;
    font-size: 0.18rem !important;
    background: #ebebeb !important;
}

.firstRow td {
    background: rgb(205, 225, 252) !important;
}

/* 12-9新增 */
.nameBox {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    line-height: 0.66rem;
    font-size: 0.48rem;
    font-weight: bold;
    position: relative;
    display: none;
}

.nameBox span {
    display: inline-block;
    font-weight: normal;
    font-size: 0.3rem;
    padding-left: 0.15rem;
}

.proNavbit {
    width: 100%;
    line-height: 0.4rem;
    margin: 0.1rem 0;
    color: #666666;
    font-size: 0.2rem;
}

.proNavlist {
    width: 100%;


    position: relative;
}

.proNavlist ul {
    width: 100%;
    min-height: 0.42rem;
    display: flow-root;
}

.proNavlist li {
    width: 1.16rem;
    float: left;
    text-align: center;
    cursor: pointer;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: center;
    font-size: 0.2rem;
    background: #e9e9e9;
    position: relative;
    margin-right: 0.12rem;
    margin-bottom: 0.1rem;
}

.proNavlist li.hover {
    background: #000000;
    color: #fff;
}


.smList {
    display: none;
}

.Contentbox1 {
    width: 100%;
}

.CbContainer1 {
    position: relative;
    display: none;

}

.proModel {
    width: 100%;
    min-height: 0.42rem;
    margin-bottom: 0.5rem;
}

.proModel ul {
    width: 100%;
    display: flow-root;
}

.proModel li {
    width: auto;
    float: left;
    text-align: center;
    cursor: pointer;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: center;
    font-size: 0.17rem;
    border: 1px solid #d9d9d9;
    position: relative;
    margin-right: 0.08rem;
    margin-bottom: 0.1rem;
    padding: 0 18px;
}

.proModel li.hover {
    border: 1px solid #132c8d;
    background: #132c8d;
    color: #fff;
}

.ModelBtn {
    margin-top: 0.4rem;
}

.ModelBtn ul {
    display: flex;
}

.ModelBtn li {
    width: 2rem;
    border-radius: 0.08rem;
    line-height: 0.56rem;
    text-align: center;
    margin-right: 0.15rem;
    color: #132c8d;
    border: 1px solid #132c8d;
    font-size: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ModelBtn li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ModelBtn li img {
    margin-right: 0.1rem;
}

.ModelBtn li a {
    color: #132c8d;
}

.ModelBtn li:nth-child(1) {
    background: #132c8d;
    color: #fff;
}

.ModelBtn li:nth-child(1) a {
    color: #fff;
}

.mproList {
    width: 100%;
    margin-bottom: 30px;
    display: none;
}

.mproList ul {
    width: 100%;
}

.mproList li {
    width: 47%;
    float: left;
    margin: 0 1.5%;
    cursor: pointer;
    margin-bottom: 10px;
}

.mproList li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 17px;
    background: #dcdcdc;
    position: relative;
}

.mproList li .ts {
    background: #132c8d;
    color: #fff;
}


/* ----------------------------------------------- */

.proParameter {
    width: 100%;
    background: url(../images/parameter-bg.jpg)no-repeat;
    background-size: cover;
    height: 1.2rem;
    color: #fff;
    line-height: 1.2rem;
    font-size: 0.42rem;
    margin-top: 0.55rem;
}

.Parameter {
    padding: 0.7rem 0;
    text-align: center;
}

.Parameter img {
    display: block;
    width: 100%;
}

.proSolu {
    width: 100%;
    padding: 0.5rem 0 0.7rem 0;
    background: url(../images/case-bg.jpg) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.3rem;
}

.proSolu .columnBit {
    color: #fff;
}

.proSolu .columnBit:after {
    background: #fff;
}

.solutionList {
    margin-top: 0.3rem;
}

.solutionList .swiper-slide {
    background: #fff;
}

.solutionList .swiper-slide .pic {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #000;
}

.solutionList .swiper-slide .pic img {
    display: block;
    width: 100%;
    transition-duration: .5s;
}

.solutionList .swiper-slide:hover .pic img {
    transform: scale(1.1);
    opacity: 0.7;
}

.solutionList .swiper-slide .text {
    line-height: 0.96rem;
    text-align: center;
    color: #fff;
    font-size: 0.24rem;
    background: #132c8d;
}

/*  */

.soluTab {
    width: 100%;
    position: relative;
    display: flow-root;
    margin-top: 0.2rem;
}

.soluTab ul {
    width: 100%;
    display: flex;
    justify-content: left;
}

.soluTab li {
    display: table;
    cursor: pointer;
    height: 0.46rem;
    font-size: 0.24rem;
    color: #fff;
    position: relative;
    margin-right: 0.15rem;
    padding: 0 0.25rem;
    background: #666666;
}


.soluTab li.hover {
    color: #fff;
    background: #132c8d;
}

.soluTabBox {
    width: 100%;
    padding-top: 0.2rem;
}

.soluTabtext {
    position: relative;
    font-size: 0.2rem;
    line-height: 0.36rem;

}

/* ---------------------about-news----------------------- */
.news-warp {
    width: 76%;
    margin: 0 auto;

}

.about-nav {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    height: 0.78rem;
}

.about-nav .news-warp {
    display: flex;
    justify-content: space-between;
}

.newsCenter {
    width: 100%;
    padding: 0.8rem 0;
}

.newsNav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.newsNav li {
    float: left;
    width: 14.285%;
}

.newsNav li a:hover {
    color: #132c8d;
}

.newsNav li a {
    display: inline-block;
    line-height: 0.78rem;
    font-size: 0.24rem;
    color: #333333;
}

/* 2025-1-3修改 */
.newsNav li .ts {
    color: #132c8d;
    position: relative;
}

.newsNav li .ts:after {
    position: absolute;
    content: "";
    width: 80%;
    height: 3px;
    background: #122882;
    left: 10%;
    bottom: 0;
}

/* 2025-1-3修改 */
.newsPos {
    line-height: 0.78rem;
    background: #fff;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.2rem;
    display: flex;

}

.newsPos img {
    margin-right: 6px;
}

.newsCenter .swiper-pointer-events {
    border-radius: 0.1rem;
}

.newsCenter .swiper-slide {
    width: 100%;
    background: #f5f5f5;
    display: flex;
    justify-content: "";
    padding: 0.3rem;
    border-radius: 0.01rem;
    overflow: hidden;
    transition-duration: 1s;
}

.newsCenter .swiper-slide:hover {
    background: #132c8d;
}

.newsCenter .swiper-slide .pic {
    width: 50%;
    overflow: hidden;
    background: #000;
}

.newsCenter .swiper-slide .pic img {
    width: 100%;
    height: 4.5rem;
    display: block;
    transition-duration: .5s;
}

.newsCenter .swiper-slide:hover .pic img {
    transform: scale(1.1);
    opacity: 0.8;
}

.newsCenter .swiper-slide .text {
    width: 50%;
    padding: 0.6rem 0.55rem 0 0.55rem;
    color: #333;

}

.newsCenter .swiper-slide:hover .text a {
    color: #fff;
}

.newsCenter .swiper-slide .text h1 {
    font-weight: normal;
    width: 100%;
    font-size: 0.3rem;
    line-height: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;

}

.newsCenter .swiper-slide .text .neir {
    width: 100%;
    margin: 0.35rem 0 0.4rem 0;
    font-size: 0.2rem;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    opacity: 0.8;
}

.newsCenter .swiper-slide .text .more {
    line-height: 0.4rem;
    font-size: 0.18rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e0e0e0;
}

.newsCenter .swiper-slide .text .more .time {
    font-weight: bold;
    font-size: 0.22rem;
}

.newsListBox {
    padding: 0.55rem 0 1.1rem 0;
}

.selectBox {
    width: 63%;
    display: flex;
}

.selectBox select {
    width: 48.5%;
    margin-right: 3%;
    border: 2px solid #e5e5e5;
    outline: none;
    background: #fff;
    font-size: 0.2rem;
    color: #888888;
    padding: 0 0.3rem;
    line-height: 0.7rem;
    height: 0.7rem;
}

.selectBox select:nth-child(2) {
    margin-right: 0;
}

.select-nav {
    margin-bottom: 0.5rem;
}

.newslistNav ul {
    display: flex;
}

.newslistNav ul li a {
    width: 1.5rem;
    display: inline-block;
    line-height: 0.5rem;
    font-size: 0.22rem;
    color: #333333;
    position: relative;
    border: 1px solid #d9d9d9;
    text-align: center;
    border-radius: 0.08rem;
    margin: 0 0.1rem;
}

.newslistNav ul li a:hover {
    color: #132c8d;
}



.newslistNav ul li .ts {
    color: #fff;
    background: #132c8d;
}

.newslistNav {
    display: table;
    margin-top: 0.1rem;
}

.newsList {
    width: 100%;
    margin-top: 0.62rem;
}

.newsList li {
    width: 100%;
    margin-bottom: 0.6rem;
    position: relative;
    cursor: pointer;
    border-radius: 0.15rem;
    box-shadow: 0 0 15px #d9d9d9;
    padding: 0.3rem 0.45rem;
    color: #333;
    transition-duration: .5s;
}



.newsList li .neir {
    font-size: 0.18rem;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 0.05rem;
}

.newsList li:hover {
    background: #132c8d;
    color: #fff;
}

.newsList li .time {
    line-height: 0.36rem;
    font-size: 0.18rem;
}

.newsList li .bit {
    line-height: 0.48rem;
    font-size: 0.24rem;
}

.newsList li .more {
    line-height: 0.36rem;
    margin-top: 0.1rem;
    color: #132c8d;
    display: table;
    border-bottom: 1px solid #132c8d;
    font-size: 0.18rem;
    transition-duration: .5s;
}

.newsList li:hover .more {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.newsList li:hover .more a {
    color: #fff;
}

.jianT {
    width: 100%;
    text-align: center;
    margin-top: 0.5rem;
}

.jianT li {
    background: #e2e2e2;
    line-height: 0.45rem;
    height: 0.45rem;
    display: inline-block;
    min-width: 0.45rem;
    margin: 0 4px;
    padding: 0;
}

.jianT li:nth-child(1) a,
.jianT li:last-child a {
    padding: 0 0.2rem;
}


.jianT li a {
    font-size: 0.2rem;
    color: #474747;
    display: block
}

.jianT li a:hover {
    text-decoration: none;
    background: #132c8d;
    color: #fff;
}

.jianT li .on {
    background: #132c8d;
    color: #fff;
    display: block;
}

/* 下载中心 */
.down-list {
    width: 100%;

}

.down-list dl {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.2rem;
    cursor: pointer;
}

.down-list dl:hover dd .dw {
    background: url(../images/pdf1.png) no-repeat;
    background-size: contain;
}

.down-list dl:nth-child(4n) {
    margin-right: 0;
}

.down-list dl dt {
    width: 100%;
    overflow: hidden;
}

.down-list dl dt img {
    display: block;
    width: 100%;
    height: 4.6rem;
}

.down-list dl:hover dd {
    color: #132c8d;
}

.down-list dl dd {
    width: 100%;
    position: relative;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.66rem;
}

.down-list dl dd .dw {
    width: 0.31rem;
    height: 0.31rem;
    position: absolute;
    right: 0.05rem;
    top: 15%;
    background: url(../images/pdf.png) no-repeat;
    background-size: contain;
}




.rcpyList li.selected {
    position: relative;
}

.rcpyList li.selected:after {
    position: absolute;
    content: "";
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 100%;
    background: #132c8d;
    border: 1px solid #fff;
    right: -0.22rem;
    top: 0.32rem;
    z-index: 3;
}

.procaseBit {
    display: table;
    position: relative;
    margin: 0 auto;
    line-height: 0.6rem;
    color: #333333;
    font-size: 0.3rem;
    margin-bottom: 0.35rem;
}

.procaseBit:after {
    width: 70%;
    left: 15%;
    bottom: 0;
    position: absolute;
    content: "";
    height: 3px;
    background: #132c8d;
}

.lookMore,
.proMore {
    width: 100%;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.2rem;
    color: #132c8d;
    cursor: pointer;
}

.hrLink {
    padding: 1.7rem 0 1.3rem 0;
}

.hrLinkBox {
    width: 100%;
    position: relative;
}

.circularline {
    width: 1.83rem;
    height: 0.91rem;
    background: url(../images/line.png) no-repeat;
    background-size: 100% 100%;
    top: -0.91rem;
    right: 1.3rem;
    position: absolute;
    overflow: hidden;
}

.hrLinkpic {
    width: 100%;
    overflow: hidden;
    border-radius: 0.15rem;
    position: relative;
    margin-bottom: 1rem;
}

.hrLinkpic .dw {
    width: 2.7rem;
    position: absolute;
    right: 0.6rem;
    top: 26%;
    z-index: 2;
}

.hrLinkpic .dw li {
    width: 100%;
    border-bottom: 1px solid #fff;
    line-height: 0.76rem;
    font-size: 0.24rem;
    color: #fff;
    position: relative;
    background: url(../images/link-jt.png) no-repeat right center;
    cursor: pointer;
    transition-duration: .5s;
}

.hrLinkpic .dw li a {
    color: #fff;
}

.hrLinkpic .dw li:after {
    width: 0;
    height: 1px;
    left: 0;
    content: "";
    position: absolute;
    bottom: -1px;
    background: #132c8d;
    transition-duration: .5s;
}

.hrLinkpic .dw li:hover:after {
    width: 100%;
}

.hrLinkpic .dw li:hover {
    color: #132c8d;
    background: url(../images/link-jt1.png) no-repeat right center;
}

.hrLinkpic .text {
    display: table;
    position: absolute;
    left: 0.9rem;
    top: 0.5rem;
    line-height: 0.8rem;
    font-size: 0.48rem;
    font-weight: bold;
    z-index: 2;
    color: #fff;
    padding-bottom: 0.15rem;
}

.hrLinkpic .text:after {
    position: absolute;
    content: "";
    width: 0.95rem;
    height: 4px;
    background: #fff;
    left: 0;
    bottom: 0;
}

.hrLinkpic img {
    width: 100%;
    animation: run 12s linear infinite;
    position: relative;
    z-index: 1;
}

.hrLinkdw {
    position: relative;
}

.hrLinkdw:after {
    width: 1.83rem;
    height: 0.91rem;
    position: absolute;
    content: "";
    background: url(../images/line.png)no-repeat;
    background-size: 100% 100%;
    top: -0.91rem;
    right: 0.65rem;
}

.growthBox {
    width: 100%;
    position: relative;
    padding-top: 0.55rem;
}

.growthBox .pic {
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    overflow: hidden;
}

.growthBox .pic img {
    width: 100%;
    animation: run 12s linear infinite;
}

.czgs-box {
    position: relative;
    z-index: 2;
}

.growthBox .hr-text {
    color: #fff;
    width: 70%;
    margin: 0 auto;
    line-height: 0.3rem;
    opacity: 0.7;
    padding: 0.25rem 0 0.3rem 0;
}

.grow-warp {
    width: 88%;
    background: #fff;
    border-radius: 0.3rem 0 0 0;
    margin-left: 12%;
    position: relative;
    z-index: 3;
    padding-right: 14%;
    margin-top: 0.6rem;
    overflow: hidden;
    padding-left: 0.45rem;
    padding-top: 0.58rem;
}

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

}

.growthPic .mySwiper .swiper-slide {
    cursor: pointer;
}

.growthPic .mySwiper .swiper-slide .picBox {
    width: 100%;
    overflow: hidden;
    background: #000;
}

.growthPic .mySwiper .swiper-slide .picBox img {
    display: block;
    width: 100%;
    transition-duration: .5s;
}

.growthPic .mySwiper .swiper-slide:hover .picBox img {
    transform: scale(1.1)
}

.growthPic .mySwiper .swiper-slide .text {
    width: 100%;
    text-align: center;
    line-height: 0.42rem;
    font-weight: bold;
    color: #333333;
    font-size: 0.24rem;
    padding-bottom: 0.3rem;
    position: relative;
    overflow: hidden;
}

.growthPic .mySwiper .swiper-slide .text:after {
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    left: 45%;
    background: #f1eaeb;
    transform: rotate(45deg);
    bottom: -0.15rem;
    content: "";
    opacity: 0;
}

.growthPic .mySwiper2 {
    background: #f1eaeb;
}

.growthPic .mySwiper2 .textBox {
    width: 100%;
    padding: 0.2rem 0.25rem 0.25rem 0.25rem;
    color: #555555;
    font-size: 0.18rem;
}

.growthPic .mySwiper2 .textBox h1 {
    font-weight: normal;
    width: 100%;
    line-height: 0.46rem;
}

.growthPic .mySwiper2 .textBox h1 span {
    display: inline-block;
    padding-right: 0.55rem;
    font-size: 0.2rem;
    color: #333333;
}

.growthPic .mySwiper2 .textBox p {
    margin-top: 0.2rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    text-indent: 2em;
}

.growthPic .mySwiper .swiper-slide img {
    width: 25%;
    height: 100%;
    opacity: 0.5;
}

.growthPic .mySwiper .swiper-slide-thumb-active img {
    opacity: 1;
}

.growthPic .mySwiper .swiper-slide-thumb-active .text:after {
    opacity: 1;
}

.growthPic .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.growthPic .swiper-button-prev,
.growthPic .swiper-button-next {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background: #999999;
    transition-duration: .5s;
}

.growthPic .swiper-button-prev:hover,
.growthPic .swiper-button-next:hover {
    background: #132c8d;
}

.growthPic .swiper-button-prev {
    top: 25% !important;
    left: -20px;
}

.growthPic .swiper-button-next {
    top: 25% !important;
    right: -20px;
}

.growthPic .swiper-button-next:after,
.growthPic .swiper-button-prev:after {
    font-size: 22px;
    color: #fff;
}

/* 购物车 */
.shopCenter {
    width: 100%;
    padding: 1.6rem 0 0.6rem 0;
    background: #f8f8f8;
}

.gwcBox {
    width: 100%;
    background: #fff;
    padding: 0 0.42rem 0.95rem 0.42rem;

}

.gwcBox h1 {
    line-height: 1rem;
    font-size: 0.36rem;
    color: #333333;
    font-weight: normal;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 0.3rem;
}

.gwclistBox dl {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.25rem;
    cursor: pointer;
    border: 1px solid #eaeaea;
    padding: 0.16rem 0.16rem 0.25rem 0.16rem;
}


.gwclistBox dl:nth-child(4n) {
    margin-right: 0;
}

.gwclistBox dl:hover dt img {
    transform: scale(0.95);
}

.gwclistBox dl dt {
    width: 100%;
    overflow: hidden;
    background: #f8f8f8;
    display: flex;
    align-items: center;
}

.gwclistBox dl dt img {
    display: block;
    width: 100%;
    transition-duration: .5s;
}

.gwclistBox dl:hover dd {
    color: #132c8d;
}

.gwclistBox dl dd {
    width: 100%;
    position: relative;
}

.gwclistBox dl dd h2 {
    text-align: center;
    line-height: 0.72rem;
    color: #333333;
    font-size: 0.24rem;
    font-weight: normal;
}

.gwclistBox dl dd .btn {
    width: 1.62rem;
    line-height: 0.46rem;
    border-radius: 0.05rem;
    background: #132c8d;
    text-align: center;
    color: #fff;
    font-size: 0.2rem;
    margin: 0 auto;
    transition-duration: .5s;
}

.gwclistBox dl dd .btn:hover {
    border-radius: 0.5rem;
}

/* ------------ */
.pro-search {
    position: absolute;
    top: 0.17rem;
    left: 0.35rem;
    width: 5rem;
    display: flex;
    justify-content: space-between;
}

.pro-search .input {
    width: calc(96% - 0.4rem);
    outline: none;
    border: none;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.1rem;
    background: #f0f0f0;
    font-size: 0.2rem;
}

.pro-search .s-btn {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.05rem;
    background: #132c8d;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-search .s-btn .iconfont {
    font-size: 0.3rem;
}

/* safe */
.safe-padd {
    padding: 0.66rem 0 0.88rem 0;
}

.sbcz h1 {
    line-height: 0.8rem;
    display: inline-block;
    position: relative;
    font-size: 0.48rem;
    color: #333333;
    font-weight: normal;
}

.sbcz h1:after {
    position: absolute;
    content: "";
    width: 0.94rem;
    left: 0;
    height: 4px;
    background: #132c8d;
    bottom: -4px;
}

.fbit {
    line-height: 0.3rem;
    font-size: 0.3rem;
    margin-top: 0.4rem;
}

.fbit span {
    width: 100%;
    display: inline-block;
    padding-left: 0.65rem;
    line-height: 0.24rem;
    font-size: 0.18rem;
    color: #666666;
}

.sbcz .neir {
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #333333;
    margin: 0.25rem 0 0.4rem 0;
}

.sbczBox {
    width: 100%;
    overflow: hidden;
    border-radius: 0.15rem;
    position: relative;
}

.sbczBox img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.sbczBox .dw {
    width: 3rem;
    height: 140%;
    background: rgba(19, 44, 141, 0.7);
    position: absolute;
    right: -0.6rem;
    transform: rotate(10deg);
    z-index: 2;
    top: -20%;
}

.sbczBox .dw1 {
    width: 3rem;
    height: 140%;
    background: rgba(19, 44, 141, 0.7);
    position: absolute;
    right: -0.6rem;
    transform: rotate(-10deg);
    z-index: 2;
    top: -20%;
}

.sbczBox .dw2 {
    position: absolute;
    display: table;
    right: 0.15rem;
    bottom: 25%;
    z-index: 4;
}

.sbczBox .dw2 img {
    width: 2.1rem;
}

.sbczBox .dw2 p {
    font-size: 0.27rem;
    line-height: 0.35rem;
    color: #fff;
    padding-top: 0.2rem;
    letter-spacing: 4px;
}

.sbczBox .dw2 p span {
    font-size: 0.24rem;
    letter-spacing: 0;
}

.aqbzBox {
    background: url(../images/sa-bg.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 0.66rem 0 1.3rem 0;
}

.aqbzBox h1 {
    display: table;
    line-height: 0.86rem;
    font-size: 0.48rem;
    position: relative;
    margin: 0 auto;
    font-weight: normal;
    color: #333;

}

.aqbzBox h1:after {
    width: 50%;
    left: 25%;
    position: absolute;
    height: 0.04rem;
    background: #132c8d;
    content: "";
    bottom: 0;
}

.service-pic {
    margin-top: 0.5rem;
}

.service-pic .swiper-slide {
    background: #fff;
    height: 3.75rem;
    border-radius: 0.05rem;
}

.aqpxBox {
    padding: 0.5rem 0 1.1rem 0;
}

.aqpxBox h1 {
    display: table;
    line-height: 0.86rem;
    font-size: 0.48rem;
    position: relative;
    margin: 0 auto;
    font-weight: normal;
    color: #333;

}

.aqpxBox h1:after {
    width: 50%;
    left: 25%;
    position: absolute;
    height: 0.04rem;
    background: #132c8d;
    content: "";
    bottom: 0;
}

/* ceo */
.ceoBox {
    display: flex;
    justify-content: space-between;
    padding: 0.95rem 0 1.3rem 0;
}

.ceoBox .picBox {
    width: 5.42rem;
    overflow: hidden;
}

.ceoBox .picBox img {
    display: block;
    width: 100%;
}

.ceoBox .ceoIntro {
    width: calc(96% - 5.42rem);
    padding-top: 27px;


}

.introBit {
    width: 100%;
    padding: 0.15rem 0;
    position: relative;
    background-image: url('../images/ceo-line.jpg'), url('../images/ceo-line.jpg');
    background-position: bottom, top;
    background-repeat: repeat-x, repeat-x;
    margin-bottom: 0.3rem;
}

.introBit:after {
    width: 35px;
    height: 30px;
    background: url(../images/cen-icon1.png)no-repeat #fff;
    position: absolute;
    content: "";
    left: 0;
    top: -0.24rem;


}

.introBit:before {
    width: 35px;
    height: 30px;
    background: url(../images/cen-icon2.png)no-repeat #fff;
    position: absolute;
    content: "";
    right: 0;
    bottom: -0.24rem;
}

.introNeir {
    width: 100%;
    border-radius: 0.1rem;
    background: #f2f2f2;
    color: #132c8d;
    padding: 0.25rem 1.3rem 0.25rem 0.5rem;
    position: relative;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.36rem;
}

.introNeir .dw {
    width: 1.08rem;
    height: 0.58rem;
    position: absolute;
    right: 0.4rem;
    bottom: 0.02rem;
}

.introNeir .dw img {
    display: block;
    width: 100%;
}

.introNeir .dw:after {
    width: 0.83rem;
    height: 1px;
    background: #000;
    position: absolute;
    content: "";
    left: -0.9rem;
    top: 50%;
}

.ceoBit {
    font-size: 0.2rem;
    line-height: 0.28rem;
    padding-bottom: 0.3rem;
    color: #555555;
}

.ceoBit h1 {
    display: inline-block;
    font-size: 0.24rem;
    line-height: 0.46rem;

}

.news-bit {
    line-height: 0.8rem;
    color: #333333;
    font-size: 0.48rem;
    display: table;
    position: relative;
}

.news-bit:after {
    position: absolute;
    content: "";
    width: 0.92rem;
    height: 4px;
    background: #132c8d;
    left: 0;
    bottom: -0.04rem;
}

/*  */
.kcxfz-padd {
    padding: 0.5rem 0 1rem 0;
}

.kcxfzBox {
    margin-top: 0.5rem;
}

/*  */
.kcxfzTab {
    width: 100%;
    position: relative;
    margin-top: 0.6rem;
}

.kcxfzTab ul {
    height: auto;
    display: flex;
    justify-content: space-between;
}

.kcxfzTab li {
    width: 48.5%;
    cursor: pointer;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.2rem;
    position: relative;
    border-top: 1px solid #b3b3b3;
    display: flex;
    justify-content: space-between;
}

.kcxfzTab li:nth-child(1) {
    margin-right: 3%;
}

.kcxfzTab li span {
    display: inline-block;
}

.kcxfzTab li.hover {
    color: #132c8d;
    border-top: 1px solid #132c8d;
}

.kcxfzPic {
    width: 100%;

}

.kcxfzPicBox {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.4rem;
    cursor: pointer;
}

.kcxfzPicBox .left {
    width: 50%;
    background: url(../images/kcxfz-bg.jpg)no-repeat;
    background-size: cover;
    height: 100%;
    height: 4.4rem;
    padding: 0.8rem 0.4rem 0 0.4rem;
}

.kcxfzPicBox .left .bit {
    line-height: 0.54rem;
    display: flex;
    font-size: 0.36rem;
    color: #333;
}

.kcxfzPicBox .left .bit .iconfont {
    color: #132c8d;
    font-size: 0.38rem;
    margin-right: 0.15rem;
}

.kcxfzPicBox .left .neir {
    font-size: 0.22rem;
    line-height: 0.36rem;
    margin-top: 0.25rem;
}

.kcxfzPicBox .left .bit .kcxfzPicBox .right {
    width: 50%;


}

.kcxfzPicBox .right {
    overflow: hidden;
}

.kcxfzPicBox .right img {
    display: block;
    width: 100%;
    transition-duration: 1s;
}

.kcxfzPicBox:hover .right img {
    transform: scale(1.1);
}

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

.jnjpBox .pic {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.jnjpBox .pic img {
    display: block;
    width: 100%;
    animation: run 12s linear infinite;
}

.jnjpBox .text {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0.82rem;
    color: #fff;
}

.jnjpBox .textBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.jnjpBox .textBox h1 {
    line-height: 0.98rem;
    display: table;
    position: relative;
    font-size: 0.48rem;

}

.jnjpBox .textBox h1:after {
    width: 0.92rem;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}

.jnjpBox .textBox .intro {
    width: 70%;
    font-size: 0.2rem;
    line-height: 0.36rem;
    padding-top: 0.15rem;
}

.jnjpBox .numlist {
    width: 100%;
    margin-top: 1.5rem;
}

.jnjpBox .numlist ul {
    display: flex;
    justify-content: space-between;
}

.jnjpBox .numlist ul {
    width: 100%;
}

.jnjpBox .numlist li {
    width: 33.3333%;
    text-align: center;
    list-style: none;
    font-size: 0.72rem;
    line-height: 0.72rem;
    font-weight: bold;
}

.jnjpBox .numlist li span {
    display: inline-block;
    font-size: 0.24rem;
    padding-left: 0.2rem;
    font-weight: normal;
}

.jnjpBox .numlist li p {
    width: 100%;
    line-height: 0.54rem;
    font-size: 0.24rem;
    display: inline-block;
    font-weight: normal;
}

.kjcxText {
    width: 90%;
    margin: 0 auto;
    font-size: 0.2rem;
    line-height: 0.3rem;
    text-align: center;
    padding-bottom: 0.5rem;
}

.kjcxList dl {
    width: 100%;
    margin-bottom: 0.85rem;
    position: relative;
}

.kjcxList dl:nth-child(2) {
    margin-bottom: 0.35rem;
}

.kjcxList dl dt {
    width: 65.75%;
    border-radius: 0.1rem;
    overflow: hidden;
}

.kjcxList dl dt img {
    display: block;
    width: 100%;
    animation: run 12s linear infinite;
}

.kjcxList dl dd {
    width: 41.37%;
    position: absolute;
    background: url(../images/kcxfz-bg.png)no-repeat;
    background-size: 100% 100%;
    height: 3.99rem;
    color: #fff;
    top: 0.6rem;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
}

.kjcxList dl:nth-child(1) dd {
    right: 0;

}

.kjcxList dl:nth-child(2) dd {
    left: 0;

}

.kjcxList dl dd .intor .num {
    line-height: 0.46rem;
    font-size: 0.24rem;
}

.kjcxList dl dd .intor h1 {
    line-height: 0.5rem;
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}

.kjcxList dl dd .intor .t1 {
    font-size: 0.19rem;
    line-height: 0.32rem;
}

.kjcxList dl dd:after {
    width: 0.34rem;
    height: 0.27rem;
    position: absolute;
    content: "";
    left: 85%;
    top: 0.6rem;
    background: url(../images/kcx-icon.png)no-repeat;
}

.esg-padd {
    padding-bottom: 1.15rem;
    overflow: hidden;
}

.esgBox {
    margin-top: 0.8rem;
    position: relative;
}

.esgBox .swiper-slide {
    opacity: 0.3;
    transform: scale(0.9);
}

.esgBox .swiper-slide .pic img {
    display: block;
    width: 100%;
}

.esgBox .swiper-slide .text {
    width: 100%;
    background: #f1f1f1;
    line-height: 0.5rem;
    display: flex;
    justify-content: center;
    color: #333;
    opacity: 0;
}

.esgBox .swiper-slide .text span {
    display: flex;
    margin: 0 0.15rem;
    font-size: 15px;
    align-items: center;

}

.esgBox .swiper-slide .text .iconfont {
    color: #132c8d;
    font-size: 0.3rem;
    margin-right: 8px;
}

.esgBox .swiper-slide .text span:nth-child(2) .iconfont {
    font-size: 0.24rem;
}

.esgBox .swiper-slide-active,
.esgBox .swiper-slide-duplicate-active {
    opacity: 1;
    transform: scale(1.2);
}

.esgBox .swiper-slide-active .text,
.esgBox .swiper-slide-duplicate-active .text {
    opacity: 1;
}

.esgBox .swiper-slide-prev,
.esgBox .swiper-slide-next {
    opacity: 0.5;
    transform: scale(1.1);
    position: relative;
}

.esgBox .swiper-slide-next {
    right: -0.25rem;
}

.esgBox .swiper-slide-prev {
    left: -0.25rem;
}

/* contact */
.contBox {
    width: 100%;
    padding-top: 0.7rem;
}

.contAdd {
    margin-bottom: 0.4rem;
    margin-top: 0.55rem;
}

.contAdd ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contAdd li {
    display: flex;
    align-items: center;
}

.contAdd li .iconfont {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 100%;
    background: #132c8d;
    margin-right: 0.18rem;
    color: #fff;
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contAdd li .text {
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.3rem;
}

.contAdd li .text span {
    display: inline-block;
    font-weight: normal;
    font-size: 0.18rem;
    color: #888888;
}

.contMap {
    height: 6.2rem;
}

.contList {
    padding: 0.85rem 0 0.35rem 0;
}

.contList dl {
    width: 31%;
    float: left;
    margin-right: 3.5%;
    background: #f9f9f9;
    margin-bottom: 0.55rem;
    height: 3.05rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.contList dl:nth-child(3n) {
    margin-right: 0;
}

.contList dl dt {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0.3rem 0.3rem;
    z-index: 2;
}

/* .contList dl.on dd {
    top: 0;
    opacity: 1;
} */


.contList dl dt h1 {
    line-height: 0.4rem;
    font-weight: normal;
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 0.1rem;
}

.contList dl dt .add {
    display: flex;
    font-size: 0.17rem;
    line-height: 0.26rem;
    color: #777777;
    height: 1.3rem;
}

.contList dl dt .add span {
    color: #333333;
}

.contList dl dt .add .iconfont {
    padding-right: 10px;
    color: #132c8d;
    font-size: 0.24rem;
}

.contList dl dt .but {
    width: 1.53rem;
    height: 0.5rem;
    display: flex;
    position: relative;
    border-radius: 0.08rem;
    border: 1px solid #d9d9d9;
    font-size: 0.18rem;
    color: #132c8d;
    align-items: center;
    justify-content: center;
}

.contList dl dt .but .iconfont {
    padding-right: 0.1rem;
    font-size: 0.2rem;
}

.contList dl dd {
    width: 100%;
    position: absolute;
    left: 0;
    top: -100%;
    z-index: 3;
    height: 3.05rem;
    overflow: hidden;
    background: #fff;
    opacity: 0;
    transition-duration: .5s;
}

.contList dl dd img {
    display: block;
    width: 100%;
}

/* .contList dl.on dd {
    display: block;
} */

.contList dl:hover dd {
    top: 0;
    opacity: 1;
    display: block;
}



/* --------------- */
.hwbj-bit {
    font-size: 0.36rem;
    line-height: 0.76rem;
    color: #333333;
    text-align: center;
}

.hwbj-bit span {
    font-weight: bold;
    color: #132c8d;
    font-size: 0.6rem;
}

.network-warp {
    padding: 0 0.65rem;
    position: relative;
}

.network-map {
    width: 100%;
    position: relative;
}

.map-left {
    width: 9.42rem;
    height: 9.02rem;
    position: relative;
    margin-top: 0.5rem;
}

.c-line img {
    width: 100%;
    -webkit-animation: yuan1 16s linear infinite;
    animation: yuan1 16s linear infinite;
}

.c-map {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.c-map img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.c-ch {
    width: 0.67rem;
    height: 0.88rem;
    position: absolute;
    top: 3.65rem;
    right: 2.9rem;
    z-index: 4;
}

.c-ch img {
    display: block;
    width: 100%;
}

.c-ch:after {
    position: absolute;
    content: "中国";
    right: -0.3rem;
    top: 0.2rem;
    font-size: 0.18rem;
    color: #333;
}

.c-hk {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5.6rem;
    right: 2.9rem;
    z-index: 4;
    display: none;
}

.c-hk img {
    display: block;
    width: 100%;
}

.c-hk:after {
    position: absolute;
    content: "香港";
    right: -0.45rem;
    top: -0.1rem;
    font-size: 0.15rem;
    color: #333;
}

.c-line1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.c-line1 img {
    width: 100%;
    display: block;
    animation: yuan2 3s linear infinite;
}

@-webkit-keyframes yuan2 {
    0% {
        -webkit-clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
        clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
    }

    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}

@keyframes yuan2 {
    0% {
        -webkit-clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
        clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
    }

    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}

@-webkit-keyframes yuan1 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes yuan1 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/* ----map----- */
.cityBox {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
}

.cityBox ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.cityBox li {
    cursor: pointer;
    line-height: 0.3rem;
    font-size: 0.18rem;
    color: #555;
    position: absolute;
    padding-top: 0.4rem;
}

.cityBox li::before {
    width: 0.39rem;
    height: 0.39rem;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/map-icon.png)no-repeat center center;
    background-size: 100% 100%;
    left: 0;
    z-index: 1;
}



@keyframes circle2 {
    0% {
        transform: rotateZ(0);
    }

    50% {
        transform: rotateZ(180deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.cityBox li.hover {
    color: #132c8d;
    font-weight: bold;

}




.cityBox li:nth-child(4) {
    bottom: 2.2rem;
    right: 3.85rem;
}

.cityBox li:nth-child(1) {
    bottom: 1.4rem;
    right: 3.5rem;
}

.cityBox li:nth-child(2) {
    bottom: 1.4rem;
    right: 2.1rem;
}

.cityBox li:nth-child(3) {
    bottom: 2rem;
    right: 3.4rem;
}



.cityBox li:nth-child(5) {
    top: 3.15rem;
    left: 1.45rem;
}

.cityBox li:nth-child(6) {
    top: 5.3rem;
    left: 1.4rem;
    padding-left: 0;
}



.cityBox li:nth-child(7) {
    top: 5rem;
    left: 1.9rem;
}

.cityBox li:nth-child(8) {
    top: 5.5rem;
    left: 6.25rem;
}


.addinfoBox {
    position: relative;
    color: #333;
    text-align: left;
}

.addinfoBox h2 {
    font-size: 0.24rem;
    line-height: 0.3rem;
}

.addinfoBox h2 span {
    width: 1.08rem;
    border-radius: 0.1rem;
    display: inline-block;
    font-size: 0.18rem;
    font-weight: normal;
    background: #132c8d;
    color: #fff;
    text-align: center;
    line-height: 0.4rem;
}

.addinfoBox h2 span a {
    color: #fff;
}

.addinfoBox .intro {
    color: #333333;
    font-size: 0.22rem;
    line-height: 0.4rem;
    margin: 0.1rem 0;
}

.addinfoBox .t1 {
    font-size: 0.19rem;
    line-height: 0.26rem;
    margin-top: 0.15rem;
    color: #888888;
}

.addinfoBox .t1 span {
    color: #333333;
}

.addinfoBox .caseBit {
    line-height: 0.54rem;
    padding-left: 45px;
    font-size: 0.3rem;
    color: #333333;
    background: url(../images/net-icon1.png)no-repeat left center;
    background-size: 29px 29px;
    margin: 0.1rem 0;
}

.addinfoBox .caseList {
    width: 100%;
    height: 5.6rem;
    padding-right: 0.2rem;
    overflow-y: scroll;
}

.style-4::-webkit-scrollbar {
    width: 5px;
}

.style-4::-webkit-scrollbar-thumb {
    background-color: #132c8d;
}

.addinfoBox .listBox dl {
    width: 48.5%;
    float: left;
    margin-right: 3%;
}

.addinfoBox .listBox dl:nth-child(2n) {
    margin-right: 0;
}

.addinfoBox .listBox dl dt {
    width: 100%;
    overflow: hidden;
}

.addinfoBox .listBox dl dt img {
    width: 100%;
    display: block;
}

/* 2025-2-14修改 */

.addinfoBox .listBox dl dd {
    width: 100%;
    line-height: 0.22rem;
    height: 0.44rem;
    text-align: left;
    font-size: 0.18rem;
    display: block;
    color: #333333;
    margin-bottom: 0.1rem;
    overflow: auto;
    position: relative;
    margin-top: 0.06rem;
}

/* 2025-2-10修改 */
.addinfoBox .listBox dl dd::-webkit-scrollbar {
    width: 3px;
    height: 16px;
    background-color: #F5F5F5;
}

.addinfoBox .listBox dl dd::-webkit-scrollbar-thumb {
    background: #122882;
    border-radius: 5px;
}

.addinfoBox .listBox dl dd::-webkit-scrollbar-track {
    background: #caccd7;
    border-radius: 5px;
}

/* 2025-2-14修改 */
.addinfoBox .t2 {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-top: 0.15rem;
}

.addinfoBox .t3 {
    display: table;
    line-height: 0.28rem;
    font-size: 0.18rem;
    border-bottom: 1px solid #fff;
    margin-top: 0.2rem;
}

.addinfo {
    clear: both;
    width: 7.32rem;
    height: 9.5rem;
    position: absolute;
    background: #fff;
    background-size: 100% 100%;
    top: 0;
    right: 0.95rem;
    padding: 0.4rem 0.4rem 0.3rem 0.4rem;
    z-index: 2;
    box-shadow: 0 0 15px #dfdfdf;
    border-radius: 0.15rem;
}

.gnbj {
    padding: 0.7rem 0 1rem 0
}

.gnbjBox {
    width: 100%;
    position: relative;
    margin-bottom: 0.5rem;
}

.gnbjBox .pic {
    width: 8.14rem;
}

.gnbjBox .pic img {
    display: block;
    width: 100%;
}

.gnbjBox .text {
    display: table;
    position: absolute;
    right: 0;
    top: 25%;
    text-align: right;

}

.gnbjBox .text .t1 {
    font-size: 0.3rem;
    line-height: 0.48rem;
    margin-bottom: 1rem;
}

.gnbjBox .text .t2 {
    font-size: 0.34rem;
    line-height: 0.54rem;
}


.gnbjBox .text .t2 span {
    color: #132c8d;
    font-size: 0.6rem;
    font-weight: bold;
}

.gnbjBox .text .t2 sup {
    font-size: 0.4rem;
}

.yyjdBox .bit {
    display: table;
    margin: 0 auto;
    line-height: 0.52rem;
    font-size: 0.3rem;
    color: #333;
    background: url(../images/jd-icon.png)no-repeat left center;
    background-size: 35px 31px;
    padding-left: 51px;
    margin-bottom: 0.25rem;
}


.yyjdBox .swiper-slide {
    box-shadow: 0 0 15px #dbdbdb;
    border-radius: 0.1rem 0.1rem 0 0;
}

.yyjdBox .pic {
    width: 100%;
    overflow: hidden;
}

.yyjdBox .pic img {
    display: block;
    width: 100%;
    border-radius: 0.1rem 0.1rem 0 0;
    transition-duration: 1s;
}

.yyjdBox .swiper-slide:hover .pic img {
    transform: scale(1.1);
    opacity: 0.8;
}

.yyjdBox .text {
    line-height: 0.62rem;
    text-align: center;
    font-size: 0.24rem;
    width: 100%;
}

.yyjdBox .swiper-wrapper {
    padding: 0.15rem
}

.jdTab {
    width: 100%;
    background: url(../images/jd-bg.jpg) no-repeat;
    background-size: cover;
    height: 7.17rem;
    color: #fff;
    overflow: hidden;
}

/* ----------- */
.proList {
    display: flex;
    width: 100%;
    background-size: cover;
    height: 7.17rem;
    overflow: hidden;
}



.proList dl {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition-duration: .5s;
    border-right: 1px solid #fff;
}

.proList dl a {
    color: #fff;
}

.proList dl:last-child {
    border-right: none;
}

.proList dl:hover {
    background: rgba(0, 0, 0, 0.1);
}

.item {
    flex: 1;
    transition: flex 0.5s ease-in-out;
    position: relative;

}


.item .dw,
.item .dw1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;

    background: rgba(0, 0, 0, 0.2);
    padding: 35% 20%;
}


.item .dw .icon-img {
    height: 0.95rem;
}

.item .dw h1 {
    font-weight: normal;
    line-height: 0.36rem;
    font-size: 0.24rem;
    margin-top: 0.15rem;
}

.item .dw .text {
    width: 100%;
    margin-top: 0.2rem;
    line-height: 0.36rem;
    text-align: left;
    font-size: 0.22rem;
    position: relative;
    display: none;
}

.item .dw .more {
    line-height: 0.4rem;
    font-size: 0.18rem;
    margin-top: 0.2rem;
    display: table;
    border-bottom: 1px solid #fff;
    position: relative;
}

.item .dw .more:after {
    width: 0.28rem;
    height: 0.28rem;
    position: absolute;
    content: ">";
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #132c8d;
    color: #fff;
    position: absolute;
    text-align: center;
    right: -0.4rem;
    top: 0.06rem;
}

.item:hover .dw .more {
    display: none;
}

.item:hover .dw .text {
    display: block;
}

.item:hover .dw {
    padding: 25% 10%;
}

.item .dw .text a {
    color: #fff;
}

.item .dw1 {
    display: none;

}


.item:hover {
    flex: 2;


}

.MproList {
    display: none;
}

.MproList dl {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.MproList dl:nth-child(1) {
    padding-top: 40px;
}

.MproList dl:nth-child(4) {
    padding-bottom: 40px;
}

.MproList dl dt {
    width: 80px;
}

.MproList dl dd {
    width: calc(95% - 80px);
}

.MproList dl dd h1 {
    font-size: 17px;
}

.MproList dl dd .text {
    font-size: 16px;
    line-height: 26px;
}

/* -------------------- */
.enquiryBox {
    width: 100%;
    background: url(../images/xj-bg.jpg)no-repeat;
    background-size: cover;
    padding: 1.45rem 0 1.8rem 0;
}

.xjList {
    display: flex;
    justify-content: space-between;
}

.xjList dl {
    width: 32%;
    border-radius: 0.15rem;
    background: #fff;
    box-shadow: 0 0 15px #c7c7c7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.92rem;
    padding: 0.25rem;
    transition-duration: .5s;
}

.xjList dl dt {
    width: 0.9rem;
}

.xjList dl dt .iconfont {
    font-size: 0.65rem;
}

.xjList dl:nth-child(2) .iconfont,
.xjList dl:nth-child(3) .iconfont {
    font-size: 0.75rem;
}

.xjList dl dt img {
    display: block;
    width: 0.79rem;
}

.xjList dl:hover {
    background: #132b8d;
    color: #fff;
}

.xjList dl dd {
    width: calc(100% - 0.9rem);
}

.xjList dl:hover dd h1 {
    color: #fff;
}

.xjList dl dd h1 {
    line-height: 0.46rem;
    font-size: 0.3rem;
    color: #555555;
    margin-bottom: 0.1rem;
}

.xjList dl dd p {
    font-size: 0.18rem;
    line-height: 0.3rem;
}

.faqBox {
    width: 100%;
    padding: 0.7rem 0;
    background: #f8f8f8;
}

.faqList dl {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 0.3rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.faqList dl:nth-child(2n) {
    margin-right: 0;
}

.faqList dl:nth-child(6) {
    display: none;
}

.faqList dl:nth-child(7) {
    margin-right: 0;

}

.faqList dl:nth-child(8) {
    width: 100%;
}

.faqList dl dt {
    width: 1.4rem;
    line-height: 0.56rem;
    font-size: 0.2rem;
    color: #333333;
}

.faqList dl dt span {
    font-size: 14px;
    color: #b50007;
}

.faqList dl dd {
    width: calc(100% - 1.4rem);
    display: flex;
}

.faqList dl dd span {
    width: 1.5rem;
    height: 0.56rem;
    display: inline-block;
    margin-left: 0.1rem;
}

.faqList dl dd span img {
    display: block;
    width: 100%;
}

.faqList dl dd input,
.faqList dl dd select {
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fff;
    outline: none;
    padding: 0 0.2rem;
    font-size: 0.2rem;
    height: 0.56rem;
    line-height: 0.56rem;
}

.faqList dl dd select {
    text-align: center;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align-last: center;
    -moz-text-align-last: center;
}

.faqList dl dd textarea {
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fff;
    outline: none;
    padding: 0.1rem 0.2rem;
    font-size: 0.2rem;
    height: 0.56rem;
    line-height: 0.36rem;
}

.faqList .input-code {
    width: 2rem;
}

.faqList .code {
    width: 1.8rem !important;
    height: 0.56rem;
    line-height: 0.56rem;
    margin-left: 10px;

}

.faqList .code span {
    font-size: 0.2rem;
}

.faqBut {
    width: 2rem;
    line-height: 0.56rem;
    text-align: center;
    background: #132b8d;
    font-size: 0.2rem;
    border-radius: 0.1rem;
    color: #fff;
    margin: 0.2rem auto;
    transition-duration: .5s;
    cursor: pointer;
}

.faqBut:hover {
    background: #1b3ecd;
}

/* 自定义箭头 */
.faqList dl:nth-child(3) dd:after,
.faqList dl:nth-child(4) dd:after,
.faqList dl:nth-child(5) dd:after,
.faqList dl:nth-child(6) dd:after {
    width: 14px;
    height: 10px;
    content: '';
    position: absolute;
    top: 50%;
    right: 0.25rem;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../images/select-icon.png)no-repeat;
}

/*  */
.detailBit {
    width: 100%;
    border-bottom: 1px solid #003380;
    padding-bottom: 0.2rem;
    margin-bottom: 0.5rem;
}

.detailBit h1 {
    line-height: 0.7rem;
    font-size: 0.35rem;
    color: #114088;
}

.detailTime {
    display: flex;
    justify-content: space-between;
}

.detailTime .t {
    line-height: 0.44rem;
    color: #132b8d;
    font-size: 0.16rem;
}

.detailtext {
    width: 100%;
    padding-bottom: 0.3rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #333333;
}

.detailtext img {
    display: inline-block;
    max-width: 100%;
}

/* 2025-3-20新增 */
.detailtext video {
    width: 60%;
    max-width: inherit !important;
    margin-left: 20%;
}

/* 2025-3-20新增 */
.Listmore {
    width: 2rem;
    height: 0.68rem;
    display: flex;
    justify-content: space-between;
    background: #132b8d;
    border-radius: 15px 0 15px 0;
    color: #ffffff;
    font-size: 0.2rem;
    padding: 0 0.19rem;
    margin: 0.36rem auto 0.8rem;
    align-items: center;
    transition-duration: .5s;
    -webkit-border-radius: 15px 0 15px 0;
    -moz-border-radius: 15px 0 15px 0;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
}

.Listmore a {
    color: #fff;
}

.Listmore:hover {
    border-radius: 15px;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.safeBox {
    background: #132c8d;
    padding: 0.25rem 0.25rem 0 0.25rem;
    margin-top: 0.2rem;
}

.joinBox {
    width: 100%;
    height: 27.85rem;
    background: url(../images/join-pic.jpg)no-repeat top center;
    background-size: cover;
    text-align: center;
}

.joinBox img {
    width: 14.55rem;
    display: inline-block;
}

.join-pic {
    width: 14.55rem;
    text-align: center;
    margin: 0 auto;
}

.join-pic img {
    display: inline-block;
    max-width: 100%;
}

.lnb.on .lnb_area {
    right: 0
}

/*  */

.num {
    width: 1.4rem;
    border-top: 1px solid #cccccc;
}

.num dl {
    width: 100%;
    padding: 0.35rem 0;
    position: relative;
    cursor: pointer;
    color: #555555;
}

.num dl:after {
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.4;
}

.num dl:before {
    width: 0%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition-duration: .5s;
}

.num dl:hover:before {
    width: 80%;
}

.num dl dt {
    font-size: 0.3rem;
    color: #555555;
    line-height: 0.5rem;
}


.num dl dt span {
    font-size: 0.54rem;
    font-weight: bold;
    display: inline-block;
    color: #003380;
}

.num dl:nth-child(1) {

    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* .num dl:nth-child(4):after,
.num dl:nth-child(4):before {
    display: none;
} */

.num dl dd {
    font-size: 0.21rem;
    line-height: 0.3rem;
    color: #555555;
}

/* -------------------加入我们------------------- */
.joinTab {
    width: 100%;
    position: relative;
    margin-top: 0.6rem;
    margin-bottom: 0.35rem;
}

.joinTab ul {
    height: auto;
    display: flex;
    justify-content: space-around;
}

.joinTab li {
    cursor: pointer;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.3rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.joinTab li .iconfont {
    font-size: 0.36rem;
}

.joinTab li:nth-child(3) .iconfont,
.joinTab li:nth-child(4) .iconfont {
    margin-right: 15px;
}

.joinTab li span {
    display: inline-block;
}

.joinTab li.hover {
    color: #132c8d;
}

/* -------------------加入我们------------------- */

/* 除名查询 */
.tsjy {
    width: 100%;
    border: 0.01rem solid #dfdfdf;
    background: url(../images/cm-bg.png) no-repeat 95% 95% #fff;
    padding: 0.55rem 0.85rem 0.7rem 0.85rem;
    margin-bottom: 1rem;
}

.tsjy h1 {
    line-height: 0.66rem;
    font-size: 0.36rem;
    color: #b70005;
    margin-bottom: 0.65rem;
}

.tsjy h1 span {
    color: #565656;
}

.tsjy .left {
    width: 64%;
}

.cmcx {
    width: 76%;
}

.cmcx dl {
    width: 100%;
    position: relative;
    margin-bottom: 0.25rem;
}

.cmcx dl dt {
    width: 1.08rem;
    line-height: 0.46rem;
    float: left;
    font-size: 0.18rem;
    text-align: right;
}

/*  */
.cmcx dl dd {
    width: calc(100% - 1.08rem);
    float: left;
    position: relative;
    display: flex;
}

.cmcx dl dd span {
    display: inline-block;
    width: 1.3rem;
    margin-left: 0.1rem;
}

.cmcx dl dd span img {
    display: block;
    width: 100%;
}

/*  */
.cmcx dl dd .dw {
    position: absolute;
    width: 0.88rem;
    font-size: 0.14rem;
    top: 0;
    line-height: 0.46rem;
    right: -0.88rem;
    display: inline-block;
    text-align: center;
}

.cmcx dl dd .yzm {
    width: 1.24rem;
    height: 0.46rem;
    position: absolute;
    right: 0.5rem;
    top: 0;
}

.cmcx dl:nth-child(3) dd input {
    width: 60%;
}

.cmcx dl dd input {
    width: 100%;
    height: 0.48rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #d2d2d2;
    outline: none;
    padding: 0 0.1rem;
    font-size: 0.16rem;
}

.cjcx-an {
    width: calc(100% - 1.08rem);
    text-align: center;
    margin-left: 1.08rem;
    margin-top: 0.25rem;
}

.cjcx-an a {
    width: 100%;
    border-radius: 0.05rem;
    height: 0.5rem;
    text-align: center;
    font-size: 0.18rem;
    color: #fff;
    background: #132c8d;
    display: inline-block;
    line-height: 0.5rem;
}

.tsjy .right {
    width: 36%;
    text-align: left;
}

.tsjy .right h1 {
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #555555;
    margin-bottom: 0.5rem;
}

.tsjy .right p {
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #555555;
    margin-bottom: 0.15rem;
}

.tsjy-list {
    width: 100%;
    margin: 0 auto;
}

.tsjy-list dl {
    width: 49%;
    float: left;
    list-style: none;
    padding-top: 0.4rem;
    padding-left: 0.9rem;
    padding-bottom: 0.4rem;
}

.tsjy-list dl dt {
    width: 100%;
    height: 0.6rem;
}

.tsjy-list dl dd {
    line-height: 0.36rem;
    font-size: 0.18rem;
    color: #333333;
    height: 0.7rem;
    width: 90%;
}

.tsjy-list dl:nth-child(1),
.tsjy-list dl:nth-child(2) {
    border-bottom: 1px solid #efefef;
    padding-top: 0.11rem;
}

.tsjy-list dl:nth-child(1),
.tsjy-list dl:nth-child(3) {
    padding-left: 0.1rem;
}

.tsjy-list dl:nth-child(1),
.tsjy-list dl:nth-child(3) {
    border-right: 0.01rem solid #efefef;
}

/* 验证码 */
.cmcx dl .input-code {
    width: 75%;
}

.cmcx dl .sub {
    width: 80px;
    position: absolute;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #155191;
    right: 10px;
    top: 4px;
    font-size: 15px;
    text-align: center;
}

.cmcx dl .code {
    width: 120px !important;
    height: 46px;
    line-height: 46px;
    margin-left: 10px;

}

.cmcx dl .code span {
    font-size: 18px;
}

/* 除名查询 */
/* 加入我们 */
.joinList dl {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 4.92rem;
}

.joinList dl:nth-child(2) {
    margin-bottom: 0.35rem;
}

.joinList dl dt {
    width: 58.5%;
    border-radius: 0.1rem;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;

}

.joinList dl dt img {
    display: block;
    width: 100%;
    animation: run 12s linear infinite;
}

.joinList dl dd {
    width: 46.5%;
    min-height: 3.2rem;
    color: #333;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px #d1d1d1;
    border-radius: 0.15rem;
    z-index: 2;
    position: relative;
}




.joinList dl dd .intor .num img {
    display: block;
    width: 100%;
}

.joinList dl dd .intor h1 {
    line-height: 0.5rem;
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
    color: #132c8d;
}

.joinList dl dd .intor .t1 {
    font-size: 0.19rem;
    line-height: 0.32rem;
}

.joinList dl dd:after {
    width: 0.35rem;
    height: 0.31rem;
    position: absolute;
    content: "";
    right: 5%;
    top: -0.15rem;
    background: url(../images/cen-icon2.png)no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: left;
}

.joinText {
    width: 100%;
    margin-top: 0.2rem;
}

.joinText p {
    width: 0.81rem;
    height: 0.81rem;
    background: url(../images/joinText.jpg)no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 0.81rem;
    color: #003380;
    font-size: 0.36rem;
    font-weight: bold;
    margin-right: 0.1rem;
    float: left;
}

.joinText p:nth-child(6) {
    margin-right: 0;
}

.joinText p:nth-child(2),
.joinText p:nth-child(4) {
    margin-right: 0.4rem;
}

.joinText1 {
    width: 100%;
    margin-top: 0.2rem;
}

.joinText1 div {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.joinText1 p {
    width: 0.7rem;
    height: 0.7rem;
    background: url(../images/joinText.jpg)no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 0.7rem;
    color: #003380;
    font-size: 0.36rem;
    font-weight: bold;
    margin-right: 0.05rem;
    margin-bottom: 0.2rem;
    float: left;
}

.joinText1 p:nth-child(4),
.joinText1 p:nth-child(12) {
    margin-right: 0.2rem;
}

.rcpyBox {
    width: 100%;
    position: relative;
    padding-top: 0.65rem;
}

.rcpyBox .pic {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.rcpyBox .pic img {
    display: block;
    width: 100%;
}

.rcpyNeir {
    width: 100%;
    position: relative;
    z-index: 2;

}

.rcpyNeir .columnBit {
    color: #fff;
}

.rcpyNeir .text {
    width: 90%;
    margin: 0.45rem auto 0.45rem;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #fff;
}

.rcpytx {
    width: 100%;
    border-radius: 0.2rem;
    background: #fff;
    padding: 0.3rem 0.2rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.rcpytx dl {
    width: 24%;
    position: relative;
    cursor: pointer;

}

.rcpytx dl:after {
    width: 0.47rem;
    height: 0.15rem;
    position: absolute;
    content: "";
    right: -0.37rem;
    top: 0.3rem;
    background: url(../images/jt.png) no-repeat;
    background-size: 100% 100%;
}

.rcpytx dl:nth-child(4):after {
    display: none;
}

.rcpytx dl dt {
    width: 100%;
    text-align: center;
    position: relative;
}

.rcpytx dl dd .dw {
    width: 80%;
    left: 10%;
    position: absolute;
    z-index: 2;
}

.rcpytx dl dd .dw li {
    width: 100%;
    line-height: 0.55rem;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
    margin: 7px 0;
}

.rcpytx dl dt img {
    width: 0.52rem;
    height: 0.52rem;
    display: inline-block;


}



.rcpytx dl:hover dt img {
    animation: icon-bounce 1 1.5s;
}

.rcpytx dl dt .tBox {
    width: 100%;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.3rem;
    color: #132c8d;
    padding-bottom: 0.15rem;
    padding-top: 0.1rem;
}

.rcpytx dl dd .picBox {
    width: 100%;
    overflow: hidden;
    border-radius: 0.15rem 0.15rem 0 0;
    display: flex;
    align-items: center;


}

.rcpytx dl dd {}

.rcpytx dl dd .picBox img {
    display: block;
    width: 100%;
    transition-duration: .5s;
    position: relative;
    z-index: 1;
}

.rcpytx dl:hover dd .picBox img {
    transform: scale(1.1);
}

.rcpytx dl dd .intro {
    width: 100%;
    min-height: 2rem;
    border: 1px solid #cecece;
    border-top: none;
    padding: 0.15rem;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    line-height: 0.24rem;
    color: #555555;
    transition-duration: .5s;
}

.rcpytx dl:hover dd .intro {
    background: #132c8d;
    color: #fff;
}

.rcpytx dl:hover dd .picBox {
    border-radius: 0.15rem 0.15rem 0 0;
}

.jlgh .fbt {
    width: 100%;
    text-align: center;
    line-height: 0.56rem;
    font-size: 0.3rem;
    color: #555555;
}

.jlgh .columnBit {
    margin-bottom: 0.2rem;
}

/* ------ */
.jlghTab {
    width: 100%;
    position: relative;
    margin-top: 0.2rem;
    margin-bottom: 0.25rem;
}

.jlghTab ul {
    height: auto;
    display: flex;
    justify-content: center;
}

.jlghTab li {
    cursor: pointer;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.3rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 0.3rem;
}

.jlghTab li .iconfont {
    font-size: 0.42rem;
    margin-right: 12px;
    height: 100px;
}

.jlghTab li:nth-child(2) .iconfont {
    font-size: 0.46rem;
}

.jlghTab li span {
    display: inline-block;
}

.jlghTab li.hover {
    color: #132c8d;
}

.jlghPic {
    margin-bottom: 1.3rem;
}

.jlrkText {
    width: 100%;
    font-size: 0.22rem;
    line-height: 0.36rem;
    text-align: center;
}

.jlrklist {
    display: flex;
    justify-content: space-between;
    margin: 0.35rem 0 0.6rem 0;
}

.jlrklist dl {
    width: 49%;
    cursor: pointer;
}

.jlrklist dl dt {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0.15rem;
}

.jlrklist dl dt img {
    display: block;
    width: 100%;
    transition-duration: 1s;
}

.jlrklist dl:hover dt img {
    transform: scale(1.1);
}

.jlrklist dl dd {
    width: 100%;
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.jlrklist dl dd h1 {
    display: inline-block;
    width: 100%;
    line-height: 0.6rem;
    margin-top: 0.1rem;
    font-size: 0.24rem;
    color: #000000;
}

.jlrktbox ul {
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding: 0 0.1rem;
}

.jlrktbox ul li {
    width: 31%;
    border-radius: 0.15rem;

    min-height: 3rem;
    position: relative;
    top: 0;
    padding: 0.3rem;
    transition-duration: .5s;
    cursor: pointer;
    border: 1px solid #e8e8e8;
}

.jlrktbox ul li h1 {
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    color: #003380;
    line-height: 0.6rem;
}

.jlrktbox ul li p {
    width: 100%;
    margin-top: 0.1rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.jlrktbox ul li:hover {
    top: -5px;
    box-shadow: 0 0 15px #d6d6d6;
    border: 1px solid #fff;
}

/* 加入我们 */

/* 2024-11-29 新增产品详情样式 */
.proNavneir {
    width: 75%;
    line-height: 0.4rem;
    margin: 0.1rem 0;
    color: #666666;
    font-size: 0.2rem;
    padding-top: 0.5rem;
    padding-left: 0.2rem;
}

/* 2024-11-29 新增产品详情样式 */
/* 2024-12-4 案例分类样式*/
.caseTab ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 0.3rem;

}

.caseTab ul li {
    padding: 0 0.2rem;
    font-size: 0.24rem;
    color: #333333;
    cursor: pointer;
    position: relative;
}

.caseTab ul li:after {
    width: 1px;
    height: 60%;
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    background: #e0e0e0;
}

.caseTab ul li:nth-child(1)::before {
    width: 1px;
    height: 60%;
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    background: #e0e0e0;
}

.caseTab ul li.hover {
    color: #003380;
    position: relative;
    font-weight: bold;
}


/* 2024-12-4 案例分类样式*/
/* 12-11新增样式 */
.bgLis dl {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0.3rem;
}

.bgLis dl:nth-child(3n) {
    margin-right: 0;
}

.bgLis dl dt {
    overflow: hidden;
}

/* 2024-12-24修改 */
.bgLis dl dt img {
    width: 100%;
    display: block;
    transition-duration: .5s;
    height: 2.46rem;
}

/* 2024-12-24修改 */
.bgLis dl:hover dt img {
    transform: scale(1.1);
}

.bgLis dl dd {
    background: #f0f0f0;
    padding: 0.15rem;
    transition-duration: .5s;
}

/* 2024-12-24修改 开始*/
.bgLis dl dd h1 {
    font-size: 0.2rem;
    font-family: "SourceHanSansCN-bold";
    overflow: auto;
    line-height: 0.24rem;
    height: 50px;
    position: relative;
    padding-right: 6px;
    font-weight: normal;
}


.bgLis dl dd h1::-webkit-scrollbar {
    width: 3px;
    height: 16px;
    background-color: #F5F5F5;

}


.bgLis dl dd h1::-webkit-scrollbar-thumb {
    background: #122882;
    border-radius: 5px;
}

.bgLis dl dd h1::-webkit-scrollbar-track {
    background: #caccd7;
    border-radius: 5px;
}

/* 2024-12-24修改 结束*/
.bgLis dl dd p {
    font-size: 0.18rem;
    overflow: auto;
    line-height: 0.24rem;
    height: 50px;
    position: relative;
    padding-right: 6px;
    display: none;
}

.bgLis dl dd p::-webkit-scrollbar {
    width: 3px;
    /* 竖向滚动条的宽度 */
    height: 16px;
    /* 横向滚动条的高度 */
    background-color: #F5F5F5;
    /* 滚动条背景颜色 */
}

/* 定义滑块部分的样式 */
.bgLis dl dd p::-webkit-scrollbar-thumb {
    background: #122882;
    /* 滑块背景颜色 */
    border-radius: 5px;
    /* 滑块圆角 */
}

/* 定义轨道部分的样式 */
.bgLis dl dd p::-webkit-scrollbar-track {
    background: #caccd7;
    /* 轨道背景颜色 */
    border-radius: 5px;
    /* 轨道圆角 */
}

.bgLis dl:hover dd {
    background: #132c8d;
    color: #fff;
}

/* 2025-1-7 修改 */
.zhPic {
    position: relative;
}

.zhPic .dw {
    width: 0.33rem;
    height: 0.33rem;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
}

.d1 {
    left: 1.48rem;
    bottom: 1.41rem;
}

.d2 {
    left: 4.15rem;
    top: 0.97rem;
}

.d3 {
    left: 4.85rem;
    top: 0.1rem;
}

.d4 {
    left: 4.15rem;
    bottom: 1.1rem;
}

.d5 {
    left: 5.21rem;
    bottom: 0.6rem;
}

.d6 {
    right: 3rem;
    bottom: 1.04rem;
}

.d7 {
    right: 4.91rem;
    bottom: 0.18rem;
}

.d8 {
    right: 1.48rem;
    top: 1.74rem;
}

.d9 {
    right: 0.75rem;
    top: 1.98rem;
}

.d10 {
    right: 4.06rem;
    bottom: 0.645rem;
}

.d11 {
    right: 1.47rem;
    bottom: 0.95rem;
}

.c1 {
    left: 1.85rem;
    bottom: 1.78rem;
}

.c2 {
    left: 5.35rem;
    bottom: 0.08rem;
}

.zhPic .c2 .pic {
    top: -1.7rem !important;
}

.c3 {
    left: 5.45rem;
    top: 0.7rem;
}

.c4 {
    right: 1.83rem;
    bottom: 2.58rem;
}

/*  */
.m1 {
    right: 0.45rem;
    top: 0.18rem;

}

.m2 {
    right: 1.35rem;
    top: 1.35rem;

}

.m3 {
    right: 0.4rem;
    top: 1.95rem;

}

.m4 {
    right: 0.23rem;
    top: 2.6rem;

}

.m5 {
    right: 0.8rem;
    bottom: 0.37rem;

}

.m6 {
    right: 0.05rem;
    bottom: 0.12rem;

}

.m7 {
    right: 1.55rem;
    bottom: 0.12rem;

}

/* 2025-1-8 修改 */

.zhPic .dw .pic {
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    top: 0.33rem;
    display: none;
    left: -1.3rem;
    border-radius: 100%;
    overflow: hidden;
}

.zhPic .dw .pic.on {
    display: block
}


.zhPic .dw .pic img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.zhPic .dw .pic .t1 {
    width: 100%;
    line-height: 0.36rem;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 0.16rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
}

.zhPic .dw:hover .pic {
    display: block;

}

.zhPic .dw:hover .text {
    display: block;

}

.zhPic img {
    width: 100%;
    display: block;
    overflow: auto;

}

.zhPic .dw .text {
    position: relative;
    position: absolute;
    left: 0.33rem;
    top: -0.1rem;
    display: none;
}

.zhPic .m1 .text {
    padding-left: 0.7rem;
}

.zhPic .m2 .text {
    padding-left: 1.6rem;
}

.zhPic .m3 .text {
    padding-left: 0.68rem;
}

.zhPic .m4 .text {
    padding-left: 0.48rem;
}

.zhPic .m5 .text {
    padding-left: 1.05rem;
}

.zhPic .m6 .text {
    padding-left: 0.35rem;
}

.zhPic .m7 .text {
    padding-left: 1.85rem;
}

.zhPic .dw .text::after {
    width: 100%;
    position: absolute;
    content: "";
    height: 1px;
    background: #333;
    left: 0;
    top: 50%;
    z-index: 1;
}

.zhPic .dw .text .t1 {
    background: #fff;
    padding: 5px;
    display: table;
    min-width: 1rem;
    text-align: center;
    position: relative;
    z-index: 3;
}

.zhPic .dw .text.on {
    display: block
}

.Erpro {
    width: 100%;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    margin: 0.3rem 0 1rem 0;
}

.Erpro img {
    display: block;
    width: 100%;
}

.Erpro .dw {
    width: 2rem;
    height: 0.58rem;
    position: absolute;
    left: 45%;
    top: 45%;
    right: 50%;
    bottom: 50%;
    border-radius: 0.15rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.2rem;
    background: #132c8d;
    cursor: pointer;
    transition-duration: 1s;
}

.Erpro .dw a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Erpro .dw:hover {
    background: #183cc7;
}

.Erpro .dw img {
    width: 0.26rem;
    height: 0.22rem;
}

.Erpro .dw a {
    color: #fff;
}

.pcpic {
    display: block;
}

.mobilepic {
    display: none !important;
}

/* 2025-1-7 */
/*  */


@media only screen and (max-width: 1440px) {
    .news-warp {
        width: 80%;
    }

    .nav-top {
        margin-top: 1.1rem !important;
    }

}

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

    .news-warp,
    .wrap,
    .ne-warp {
        width: 86%;
    }

    .nav-top {
        margin-top: 1.15rem !important;
    }
}

@media only screen and (max-width: 1280px) {
    .nav-top {
        margin-top: 1.2rem !important;
    }
}

@media only screen and (max-width: 1024px) {
    .nav-top {
        margin-top: 1.25rem !important;
    }
}

@media only screen and (max-width: 760px) {
    .pc-banner {
        display: none;
    }

    .mobile-banner {
        display: block;
    }

    .ne-warp,
    .ser-warp {
        width: 96%;
        margin: 0 auto;
        overflow: hidden;
    }

    .proLeft h1 {
        display: none;
    }

    .solu-bit {
        padding: 20px 0;
        line-height: 26px;
        font-size: 0.32rem;
    }

    .soluList dl dd {
        padding: 10px;
    }

    .soluList dl dd .text {
        font-size: 15px;
        height: 50px;
        line-height: 26px;
    }

    .soluList dl dd .more p {
        line-height: 26px;
        font-size: 15px;

    }

    .nav-outer .mobile-nav-toggler {
        top: -30px !important;
    }

    .soluListbox {
        display: block;
    }

    .soluListbox .left {
        width: 100%;
    }

    .soluListbox .right {
        width: 100%;
    }

    .soluListbox .left h1 span {
        line-height: 26px;
        font-size: 15px;
    }

    .soluListbox .left .intro .bit {
        line-height: 32px;
        font-size: 18px;
        padding-left: 25px;
        margin-bottom: 15px;
    }

    .soluListbox .left .intro .text {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .advanBoxList dl dt {
        width: 100%;
    }

    .advanBoxList dl dd {
        width: 100%;
        padding: 15px;
    }

    .advanBoxList dl dd h1 {
        line-height: 30px;
        font-size: 22px;
        padding-left: 15px;
    }

    .advanBoxList dl dd .svgBox svg {
        width: 50px;
        height: 50px;
    }

    .advanBoxList dl dd .intro {
        font-size: 15px;
        line-height: 25px;
    }

    .benchmarkBox .swiper-slide a {
        display: block;
    }

    .soluPic {
        width: 100%;
    }

    .soluText {
        width: 100%;
        padding: 15px;
    }

    .soluText h1 {
        line-height: 34px;
        font-size: 20px;
    }

    .soluText .text {
        font-size: 15px;
        line-height: 24px;
    }

    .benchmouse .mess {
        width: 100%;
        line-height: 32px;
        font-size: 15px;
        margin-top: 0;
    }

    .benchmouse .swiper-button-prev:after,
    .benchmouse .swiper-button-next:after {
        font-size: 20px;
    }

    .soluProList .swiper-slide .text {
        line-height: 50px;
        font-size: 18px;
    }

    .proListbox dl dt img {
        max-width: 100%;
    }

    .solutionList .swiper-slide .text {
        line-height: 56px;
        font-size: 16px;
    }

    .homeFaq h1 {
        font-size: 20px;
        line-height: 22px;
    }

    .homeFaq h1 span {
        font-size: 15px;
    }

    .benchmark {
        width: 96%;
        margin: 0 auto;
        margin-top: 0.2rem;
        margin-bottom: 0.45rem;
        overflow: hidden;
    }

    .nav-top {
        margin-top: 60px !important;
    }

    .soluBread {
        padding-left: 35px;
        font-size: 15px;
        line-height: 40px;
    }

    .benchmouse {
        width: 80%;
    }

    .proDetail {
        display: block;
    }

    .proDetail .left {
        width: 100%;
        height: auto;
    }

    .proDetail .right {
        width: 100%;
        padding-top: 15px;
    }

    .proNavbit {
        line-height: 40px;
        font-size: 18px;
    }

    .proModel {
        margin-bottom: 0;
    }

    .proParameter {
        margin-top: 0;
    }

    .probenchmark {
        display: block;
        top: 0;
        padding: 10px 0;
    }

    .proLeft {
        width: 100%;
    }

    /* .proRight .probench {
        display: none;
    } */

    .navMenu>li {
        width: 49%;
        margin-right: 2%;
        float: left;
    }

    .navMenu>li>a {
        font-size: 17px;
    }

    .navMenu>li:nth-child(2n) {
        margin-right: 0;
    }


    .hotPro {
        display: none;
    }

    .proRight {
        width: 100%;
        margin-top: 10px;
    }

    .proListbox dl {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .proListbox dl dd h1 {
        line-height: 20px;
        font-size: 16px;
        height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .proListbox dl dd .btn {
        line-height: 32px;
        font-size: 15px;
    }

    .proListbox dl dd .cs span {
        font-size: 15px;
        line-height: 30px;
    }

    .proRight .probench {
        font-size: 15px;
    }

    .mproList {
        display: block;
    }

    .proNavlist li {
        width: 23%;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
        margin-right: 2%;
        margin-bottom: 0.1rem;
    }

    .proModel li {
        height: 34px;
        line-height: 34px;
        font-size: 15px;
    }

    .ModelBtn li {
        width: 48%;
        line-height: 40px;
        margin-right: 2%;
        font-size: 16px;
    }

    .benchmarkBox .swiper-slide {
        display: block;
    }

    .soluTabtext {
        font-size: 15px;
        line-height: 26px;
    }

    .soluTab li {
        height: 30px;
        line-height: 30px;
        font-size: 16px;

    }

    .advanBoxList dl dd .iconBox {
        align-items: end;
    }

    .newsCenter .swiper-slide {
        display: block;
    }

    .newsCenter .swiper-slide .pic {
        width: 100%;
    }

    .newsCenter .swiper-slide .text {
        width: 100%;
        padding: 20px;
    }

    .news-warp {
        width: 96%;
    }

    .newsCenter .swiper-slide .text h1,
    .newsList li .bit {
        font-size: 18px;
        line-height: 30px;
    }

    .newsCenter .swiper-slide .text .neir,
    .newsList li .neir {
        width: 100%;
        margin: 10px 0 15px 0;
        font-size: 15px;
        line-height: 24px;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .newsCenter .swiper-slide .text .more,
    .newsCenter .swiper-slide .text .more .time,
    .newsList li .time,
    .newsList li .more {
        font-size: 15px;
    }

    .select-nav {
        display: block;
        margin-bottom: 10px;
    }

    .selectBox {
        width: 100%;

    }

    .selectBox select {
        font-size: 16px;
    }

    .newslistNav {
        width: 100%;
        margin-top: 10px;
    }

    .newslistNav li {
        width: 33.3333%;
    }

    .newslistNav ul li a {
        padding: 0 0;
        line-height: 50px;
        font-size: 18px;
        width: 100%;
        text-align: center;
    }

    .newsList dl {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .newsList dl:nth-child(3n) {
        margin-right: 1%;
    }

    .newsList dl dd .neir {
        font-size: 15px;
        line-height: 24px;
    }

    .newsList dl dd .time {
        line-height: 28px;
        font-size: 15px;
    }

    .down-list dl {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .down-list dl dd {
        font-size: 16px;
        line-height: 40px;
    }

    .down-list dl dd .dw {
        width: 26px;
        height: 26px;
        top: 7px;

    }

    .about-nav {
        height: auto;
    }

    .newsPos {
        display: none;
    }

    .newsNav {
        width: 100%;
        display: block;
        padding: 5px 0;
    }

    .newsNav li {
        width: 33.333%;
        padding-right: 0;
    }

    .newsNav li a {
        width: 100%;
        text-align: center;
        font-size: 18px;
    }


    .lookMore {
        line-height: 40px;
        font-size: 17px;
    }

    .hr-text {
        line-height: 26px;
        font-size: 15px;
        padding: 8px 0;
    }



    .joinCenter {
        padding: 30px 0 40px 0;
    }

    .rcpyBox .left {
        width: 100%;
        position: relative;
        padding: 20px 10px 20px 10px;
        min-height: 360px;
    }

    .rcpyBox .right {
        width: 100%;
        overflow: hidden;

    }

    .rcpyBox .circular {
        border: none;
        width: 2.3rem;
        height: 2.3rem;
    }

    .rcpyBox .circular1 {
        border: none;
        width: 2.2rem;
        height: 2.2rem;
    }

    .rcpyTextbox p {
        font-size: 16px;
        line-height: 26px;
    }

    .rcpyList {
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
    }

    .rcpyList ul li {
        width: 50%;
        float: left;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        padding-right: 0;
    }

    .rcpyList ul li:nth-child(2),
    .rcpyList ul li:nth-child(3),
    .rcpyList ul li:nth-child(4),
    .rcpyList ul li:nth-child(5) {
        margin-right: 0;
    }

    .rcpyList ul li:after {
        display: none;
    }

    .rcpyText {
        width: 100%;
        margin-left: 0;
        padding-top: 36%;
    }

    .rcpyTextbox h1 {
        line-height: 46px;
        font-size: 20px;
        margin-bottom: 5px;
        font-weight: normal;
    }

    .rcpyTextbox {
        width: 90%;
        margin: 0 auto;
    }

    .growthBox .hr-text {
        width: 90%;
        line-height: 26px;
    }

    .growthBox .pic {
        height: 350px;
    }

    .growthBox .pic img {
        height: 100%;
    }

    .grow-warp {
        width: 90%;
        border-radius: 0.3rem 0.3rem 0 0;
        margin-left: 5%;
        padding-right: 0.35rem;
        margin-top: 0.6rem;
        padding-left: 0.35rem;
        padding-top: 20px;
    }

    .growthPic .mySwiper .swiper-slide .text {
        line-height: 30px;
        font-size: 16px;
    }


    .growthPic .mySwiper2 .textBox h1 {
        line-height: 28px;
    }

    .growthPic .mySwiper2 .textBox h1 span {
        width: 100%;
        padding-right: 0;
        font-size: 15px;
    }

    .growthPic .mySwiper2 .textBox {
        width: 100%;
        padding: 0.2rem 0.25rem 0.25rem 0.25rem;
        height: 300px;
        overflow-y: auto;
    }

    .growthPic .mySwiper2 .textBox p {
        font-size: 15px;
        line-height: 26px;
    }

    .growthPic .swiper-button-prev,
    .growthPic .swiper-button-next {
        width: 32px;
        height: 32px;
    }

    .growthPic .swiper-button-next:after,
    .growthPic .swiper-button-prev:after {
        font-size: 20px;
    }

    .growthPic .swiper-button-next {
        top: 20% !important;
        right: -15px;
    }

    .growthPic .swiper-button-prev {
        top: 20% !important;
        left: -15px;
    }

    .hrLinkpic .text {
        left: 15%;
        text-align: center;
        width: auto;
        top: 10%;
        display: table;
    }

    .hrLinkpic .dw {
        width: 70%;
        right: 15%;
        top: 30%;
    }

    .hrLinkpic .dw li {
        line-height: 50px;
        font-size: 18px;
    }

    .gwcBox {
        padding: 0 12px 0.95rem 12px;
    }

    .gwclistBox dl {
        width: 47%;
        margin-right: 1.5%;
        margin-left: 1.5%;
    }

    .gwclistBox dl dd h2 {
        line-height: 40px;
        font-size: 15px;
    }

    .gwclistBox dl dd .btn {
        width: 70%;
        line-height: 36px;
        font-size: 15px;
    }

    .jianT li a {
        font-size: 15px;
    }

    .jianT li {
        line-height: 30px;
        height: 30px;
        min-width: 32px;
        margin: 0 4px;
    }

    .ne-banner .dw .pos {
        font-size: 15px;
    }

    .ceoBox {
        display: block;
        padding: 30px 0 50px 0;
    }

    .ceoBox .picBox {
        width: 100%;
    }

    .ceoBox .picBox img {
        display: block;
        width: 100%;
    }

    .ceoBox .ceoIntro {
        width: 100%;
    }

    .ceoBit {
        font-size: 16px;
        line-height: 28px;
    }

    .introNeir {
        width: 100%;
        padding: 0.25rem 20px 80px 0.5rem;
        font-size: 17px;
        line-height: 28px;
    }

    .introNeir .dw {
        width: 108px;
        height: 58px;
        right: 20px;
        bottom: 10px;
    }

    .ceoBit h1 {
        font-size: 18px;
        line-height: 40px;
    }

    .newsCenter {
        width: 100%;
        padding: 30px 0 50px 0
    }

    .news-bit {
        line-height: 60px;
        margin-bottom: 20px;
    }

    .contAdd ul {
        width: 100%;
        display: block;
    }

    .contAdd li {
        margin-bottom: 15px;
    }

    .contAdd li .text span {
        font-size: 16px;
    }

    .contAdd li .text {
        font-size: 16px;
        line-height: 26px;
    }

    .contAdd li .iconfont {
        width: 38px;
        height: 38px;
        font-size: 18px;

    }

    .contList dl {
        width: 100%;
        margin-right: 0;
        height: 230px;
    }

    .contList dl dd {
        height: 200px;
    }

    .contList dl dt h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contList dl dt .add {
        font-size: 16px;
        line-height: 26px;
        height: auto;
        padding-bottom: 20px;
    }

    .contList dl dt .but .iconfont {
        font-size: 17px;
    }

    .contList dl dt .but {
        width: 100px;
        height: 36px;
        font-size: 15px;
    }

    .contList dl dt .add .iconfont {
        font-size: 20px;
    }

    .kcxfzPicBox {
        display: block;
        height: auto;
    }

    .kcxfzPicBox .left {
        width: 100%;
        height: 100%;
        height: auto;
        padding: 20px;
    }

    .kcxfzPicBox .left .bit .iconfont {
        font-size: 28px;
    }

    .kcxfzPicBox .left .neir {
        font-size: 15px;
        line-height: 26px;
    }

    .kcxfzTab li {
        height: 36px;
        line-height: 36px;
        font-size: 17px;

    }

    .kjcxText {
        width: 100%;
        margin: 0 auto;
        font-size: 15px;
        line-height: 26px;
        text-align: center;
    }

    .kjcxList dl dt {
        width: 100%;
    }

    .kjcxList dl dd {
        width: 100%;
        position: relative;
        top: 0;
        padding: 25px;
        height: auto;
    }

    .kjcxList dl dd .intor h1 {
        line-height: 24px;
        font-size: 17px;
    }

    .kjcxList dl dd .intor .t1 {
        font-size: 15px;
        line-height: 24px;
    }

    .kjcxList dl dd .intor .num {
        line-height: 30px;
        font-size: 18px;
    }

    .kjcxList dl dd:after {
        width: 27px;
        height: 20px;
        background-size: cover;
    }

    .jnjpBox .textBox,
    .jnjpBox .text {
        color: #333;
        position: relative;
    }

    .jnjpBox .textBox {
        display: block;
    }

    .jnjpBox .text {
        top: 0;
    }

    .jnjpBox .textBox .intro {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .jnjpBox .numlist {
        margin: 10px 0 20px 0;
    }

    .jnjpBox .numlist ul {
        display: block;
    }

    .jnjpBox .numlist li p {
        line-height: 32px;
        font-size: 16px;
    }

    .jnjpBox .numlist li {
        width: 100%;
    }

    .enquiryBox {
        padding: 30px 0;
    }

    .xjList {
        display: block;
    }

    .xjList dl {
        width: 100%;
        margin-bottom: 15px;
        height: auto;
    }

    .xjList dl dt {
        width: 68px;
        margin-right: 15px;
    }

    .xjList dl dt img {
        width: 100%
    }

    .xjList dl dd h1 {
        line-height: 28px;
        font-size: 18px;
    }

    .xjList dl dd p {
        font-size: 16px;
        line-height: 24px;
    }

    .faqList dl {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .faqList dl dd input,
    .faqList dl dd select {
        width: 100%;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .faqList dl dt {
        width: 26%;
        line-height: 40px;
        font-size: 16px;
    }

    .faqList dl dd {
        width: 74%;
    }

    .faqList .code {
        width: 120px !important;
        height: 40px;
        line-height: 40px;
        margin-left: 10px;
    }

    .faqList .code span {
        font-size: 18px;
    }

    .faqList dl dd textarea {
        font-size: 16px;
        height: 80px;
        line-height: 26px;
    }

    .faqBut {
        width: 160px;
        line-height: 40px;
        font-size: 16px;
    }

    .gnbjBox .pic {
        width: 100%;
    }

    .gnbjBox .text {
        display: table;
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }

    .gnbjBox .text .t1 {
        font-size: 17px;
        line-height: 32px;
        margin-bottom: 25px;
    }

    .yyjdBox {
        overflow: hidden;
        width: 100%;
    }

    .yyjdBox .bit {
        line-height: 38px;
        font-size: 20px;
    }

    .yyjdBox .text {
        line-height: 40px;
        font-size: 17px;
    }

    .network-warp {
        padding: 0 15px;
    }

    .addinfo {
        width: 100%;
        height: auto;
        position: relative;
        background: #fff;
        top: 0;
        right: 0;
        padding: 15px;
        z-index: 2;
    }

    .c-map img {
        position: relative;
        display: block;
        width: 100%;
    }

    .map-left {
        width: 100%;
        height: 370px;
        position: relative;
        margin-bottom: 20px;
    }

    .c-line1 {
        display: none;
    }

    .c-ch {
        top: 140px;
        right: 100px;
    }

    .cityBox {
        width: 100%;
        height: auto;
        position: absolute;
        top: 230px;
    }


    .c-line {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .c-ch:after {
        right: -55px;
        font-size: 16px;
    }

    .addinfoBox h2 {
        font-size: 18px;
        line-height: 30px;
    }

    .addinfoBox h2 span {
        width: 108px;
        font-size: 16px;
        line-height: 32px;
    }

    .addinfoBox .intro {
        font-size: 16px;
        line-height: 36px;
    }

    .addinfoBox .t1 {
        font-size: 16px;
        line-height: 26px;
    }

    .addinfoBox .caseBit {
        line-height: 46px;
        font-size: 18px;
        margin: 10px 0;
    }

    .addinfoBox .listBox dl dd {
        line-height: 20px;
        font-size: 15px;
        height: 50px;
        overflow: auto;
    }

    .addinfoBox .listBox dl dd::-webkit-scrollbar {
        width: 3px;
        height: 16px;
        background-color: #F5F5F5;
    }

    .addinfoBox .listBox dl dd::-webkit-scrollbar-thumb {
        background: #122882;
        border-radius: 5px;
    }


    .addinfoBox .listBox dl dd::-webkit-scrollbar-track {
        background: #caccd7;
        border-radius: 5px;
    }

    /*  */

    .mySwiper {
        width: 100%;
    }

    .cityBox li {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 30px;
        line-height: 36px;
        font-size: 16px;
        padding-top: 0;
    }

    .cityBox li::before {

        top: 10px;
    }

    .cityBox li:nth-child(6) {
        padding-left: 30px;
    }

    .cityBox li:nth-child(1),
    .cityBox li:nth-child(4),
    .cityBox li:nth-child(7) {
        width: 50%;
    }

    .cityBox li:nth-child(1),
    .cityBox li:nth-child(2),
    .cityBox li:nth-child(3),
    .cityBox li:nth-child(4),
    .cityBox li:nth-child(5),
    .cityBox li:nth-child(6),
    .cityBox li:nth-child(7) {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ne-banner .dw p {
        font-size: 18px;
    }

    .hwbj-bit span {
        font-size: 0.4rem;
    }

    .cityBox ul {
        width: 100%;
        height: auto;
    }

    .kcxfz-padd {
        overflow: hidden;
    }

    .proList {
        display: none;
    }

    .jdTab {
        height: auto;
    }

    .MproList {
        display: block;
    }

    .ne-banner .pos {
        font-size: 16px;
    }

    .xtList {
        margin-bottom: 0.65rem;
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .xtList dl {
        width: 100%;
        margin-bottom: 15px;
    }

    .xtList dl dt {
        font-size: 18px;
    }

    .solT p {
        font-size: 16px;
        line-height: 26px;
    }

    .ne-banner .pos1 p {
        font-size: 16px;
        padding-left: 35px;
    }

    .c-hk {
        top: 4rem;
        right: 2.1rem;
    }

    .num {
        width: 100%;

    }

    .num dl {
        width: 50%;
        padding: 0.35rem 0;
        float: left;
    }

    .num dl dd {
        font-size: 15px;
        line-height: 28px;
    }

    .proSb {
        display: block;
    }

    .proSb .intro {
        width: 100%;
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .proSb .serBox {
        width: 100%;
    }

    .proSb .serBox input {
        width: 80%;
        line-height: 40px;
        font-size: 15px;
    }

    .solu-List ul {
        width: 100%;
        flex-wrap: wrap;
    }

    .solu-List ul li {
        width: 50%;
        float: left;

    }

    .solu-List ul li a {
        font-size: 15px;
        padding-right: 0;
    }

    .tsjy {
        padding: 10px;
        margin-bottom: 35px;
    }

    .tsjy .left,
    .tsjy .right {
        width: 100%;
    }

    .tsjy .right {
        margin-top: 20px;
    }

    .cmcx dl dt {
        width: 80px;
        line-height: 30px;
        font-size: 16px;
    }

    .cmcx dl dd {
        width: calc(100% - 80px);
    }

    .cmcx dl dd input {
        width: 100%;
        height: 30px;
        font-size: 15px;
    }

    /* .cmcx dl dd span {
        width: 80px;
        right: -80px;
    } */

    .tsjy .right p {
        font-size: 14px;
        line-height: 24px;
    }

    .tsjy-list dl {
        width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #efefef;
        padding: 25px 0 !important;
    }

    .tsjy-list dl dd {
        font-size: 15px;
        line-height: 25px;
        height: auto !important;
    }

    .joinTab ul {
        height: auto;
        display: flow-root;
        justify-content: start;
    }

    .joinTab li {
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        float: left;
        font-weight: bold;
        justify-content: left;
    }

    .joinTab li:nth-child(3) .iconfont,
    .joinTab li:nth-child(4) .iconfont {
        margin-right: 8px;
    }

    .joinList dl {
        width: 100%;
        display: block;
        min-height: auto;
    }

    .joinList dl dt {
        width: 100%;
        position: relative;
    }

    .joinList dl dd {
        width: 100%;
        min-height: auto;
        padding: 15px;
    }

    .joinList dl dd .intor h1 {
        line-height: 32px;
        font-size: 20px;
    }

    .joinList dl dd .intor .t1 {
        font-size: 16px;
        line-height: 26px;
    }

    .joinText {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .joinText1 p {
        margin-right: 8px;
    }

    .joinText1 p:nth-child(4),
    .joinText1 p:nth-child(12) {
        margin-right: 0.22rem;
    }

    .rcpyNeir .text {
        width: 96%;
        font-size: 16px;
        line-height: 24px;
        color: #333;
        padding-top: 10px;
    }

    .rcpytx {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    .rcpytx dl {
        width: 100%;
        margin-bottom: 15px;
    }

    .rcpytx dl:after {
        display: none;
    }

    .rcpytx dl dt img {
        width: 52px;
        height: 52px;
    }

    .rcpytx dl dt .tBox {
        width: 100%;
        line-height: 40px;
        font-size: 20px;
        padding-top: 0;
    }

    .rcpytx dl dd .intro {
        width: 100%;
        min-height: auto;
        padding: 15px;
        font-size: 15px;
        line-height: 26px;
    }

    .jlghTab li {
        font-size: 22px;
    }

    .jlrkText {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .jlrklist {
        display: block;
        margin: 30px auto;
        width: 80%;
    }

    .jlrklist dl {
        width: 100%;
        margin-bottom: 30px;
    }

    .jlrklist dl dd h1 {
        line-height: 44px;
        font-size: 20px;
    }

    .jlrklist dl dd {
        font-size: 16px;
        line-height: 24px;
    }

    .rcpytx dl dd .dw li {
        line-height: 40px;
        font-size: 18px;
    }

    .cmcx dl dd .dw {
        width: 80px;
        right: -80px;
        text-align: left;
    }

    .cmcx {
        width: 80%;
    }

    .cmcx dl:nth-child(3) dd input {
        width: 40%;
    }

    .cmcx dl .code {
        width: 100px !important;
    }

    .cjcx-an a {
        width: 100%;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }

    .newsCenter .swiper-slide .pic img {
        height: 4.2rem;
    }

    .proModelpic {
        width: 100%;
        overflow-x: auto;
    }

    .proModelpic table {
        width: 1000px;
    }

    .proModelpic table tr td {
        line-height: 30px !important;
        font-size: 16px !important;
    }

    .firstRow td {
        background: rgb(205, 225, 252) !important;
    }

    .zhPic .dw .pic {
        width: 1.2rem;
        height: 1.2rem;
        top: 0.33rem;
        left: -0.3rem;
    }

    .d1 {
        left: 0.77rem;
        bottom: 0.72rem;
    }

    .d2 {
        left: 2.32rem;
        top: 0.55rem;
    }

    .d3 {
        left: 2.75rem;
        top: 0.03rem;
    }

    .d4 {
        left: 2.35rem;
        bottom: 0.6rem;
    }

    .d5 {
        left: 2.93rem;
        bottom: 0.3rem;
    }

    .d6 {
        right: 1.7rem;
        bottom: 0.5rem;
    }

    .d7 {
        right: 2.75rem;
        bottom: 0rem;
    }

    .d8 {
        right: 0.8rem;
        top: 0.95rem;
    }

    .d9 {
        right: 0.35rem;
        top: 1.05rem;
    }

    .d10 {
        right: 2.25rem;
        bottom: 0.3rem;
    }

    .d11 {
        right: 0.8rem;
        bottom: 0.45rem;
    }

    .zhPic .dw {
        width: 0.4rem;
        height: 0.4rem;
    }

    /* ----1-9---- */
    .c1 {
        left: 50px;
        bottom: 51px;
    }

    .c2 {
        left: 160px;
        bottom: 0;
    }

    .c3 {
        left: 165px;
        top: 15px;
    }

    .c4 {
        right: 52px;
        top: 38px;
    }

    /* ----1-9---- */
    .zhPic .c2 .pic {
        top: -1.2rem !important;
    }

    .pcpic {
        display: none !important;
    }

    .mobilepic {
        width: 220px !important;
        display: block !important;
        margin-right: 45% !important;
    }

    .m1 {
        right: 125px;
        top: 25px;
    }

    .m2 {
        right: 203px;
        top: 88px;
    }

    .m3 {
        right: 150px;
        top: 128px;
    }

    .m4 {
        right: 130px;
        top: 173px;
    }

    .m5 {
        right: 165px;
        bottom: 63px;
    }

    .m6 {
        right: 129px;
        bottom: 45px;
    }

    .m7 {
        right: 215px;
        bottom: 40px;
    }

    .zhPic .dw .text .t1 {
        min-width: 100px;
    }

    .lookMore,
    .proMore {
        font-size: 16px;
    }

    .bgLis dl {
        width: 48%;
    }

    .bgLis dl:nth-child(3n) {
        margin-right: 2%;
    }

    .bgLis dl dd h1 {
        font-size: 16px;
        line-height: 20px;
    }

    .zhPic {
        width: 350px;
        margin: 0 auto;
    }

    .zhPic .dw .pic .t1 {
        width: 100%;
        height: 100%;
        line-height: 20px;
        background: rgba(0, 0, 0, 0.2);
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faqList dl dd span img {
        width: 110px;
    }

    /* 2025-3-20新增 */
    .detailtext video {
        width: 100%;
        max-width: inherit !important;
        margin-left: 0;
    }

    /* 2025-3-20新增 */
}