/* 第一屏 */
.banner-box {
    width: 100%;
    height: 8.6rem;
}

.bannerSwiper {
    width: 100%;
    height: 100%;
    position: relative;
}

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

.bannerSwiper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bannerSwiper video::-webkit-media-controls {
    display: none !important;
}

.bannerSwiper .swiper-button-next,
.bannerSwiper .swiper-button-prev {
    color: #fff;
}

.bannerSwiper .swiper-button-next {
    right: .65rem;
}

.bannerSwiper .swiper-button-prev {
    left: .65rem;
}

/*  */
.shuzi-box {
    height: 2.2rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem .15rem .01rem rgba(0, 119, 255, 0.16);
    border-radius: .2rem .2rem .2rem .2rem;
    transform: translateY(-1rem);

    display: flex;
    align-items: center;
    justify-content: space-around;

    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.shuzi-inerr {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.shuzi-text {
    font-size: .18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-bottom: .1rem;
}

.shuzi-item {
    display: flex;
    align-items: baseline;
}

.shuzi-number {
    font-size: .8rem;
    font-family: Bahnschrift-Bold SemiCondensed, Bahnschrift;
    font-weight: bold;
    color: #0B308F;
}

.shuzi-span {
    font-size: .24rem;
    font-family: Bahnschrift-Bold SemiCondensed, Bahnschrift;
    font-weight: normal;
    color: #0B308F;
}

/*  */
.about-wrap {
    width: 100%;
}

.about-text {
    font-size: 0.24rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
}

.about-title {
    font-size: 0.32rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #0B308F;
    margin-top: .35rem;
    text-align: center;
}

.about-list {
    width: 100%;
    margin-top: .6rem;
    display: flex;
    flex-wrap: wrap;
}

.about-item {
    width: 33.3333%;
    height: 3.6rem;
    position: relative;
    cursor: pointer;
}

.about-item::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(11, 48, 143, .7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    transition: all .365s;
}

.about-item:hover::after {
    opacity: 0;
}

.about-img {
    width: 100%;
    height: 100%;
}

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

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

.about-img video::-webkit-media-controls {
    display: none !important;
}

.about-des {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.about-des img {
    width: 1rem;
    height: 1rem;
}

.about-des p {
    font-size: 0.3rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: .4rem;
}

/*  */
.intro-wrap {
    width: 100%;
    background: url(../img/index/intro-bg.jpg) no-repeat;
    background-size: cover;
    padding: 1rem 0;
}

.intro-box {
    margin: 0 auto;
}

.intro-title {
    font-size: 0.44rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    padding-bottom: .25rem;
    position: relative;
    text-align: center;
}

.intro-title::after {
    content: '';
    width: 1.2rem;
    height: 0.04rem;
    background: #E50032;
    border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.intro-des,.intro-des p {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.52rem;
    text-align: center;
    margin-top: .3rem;
}

.intro-more {
    width: 3rem;
    height: 0.5rem;
    background: #E50032;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    border: 0.01rem solid #E50032;
    margin: 0 auto;
    margin-top: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.intro-more span {
    font-size: .32rem;
    padding-left: .15rem;
}

.intro-num-box {
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
}

.intro-num-box .shuzi-inerr {
    cursor: pointer;
}

.intro-num-box .shuzi-inerr .tip {
    position: fixed;
    left: 0;
    top: 0;
    width: fit-content;
    padding: 0.05rem 0.1rem;
    background-color: #FFF;
    border: 0.01rem solid #eee;
    border-radius: 0.05rem;
    color: #333;
    z-index: 99;
    display: none;
}
.intro-num-box .shuzi-inerr:hover .shuzi-text {
    color: #E50032;
}
.intro-num-box .shuzi-inerr:hover .shuzi-item .shuzi-number {
    color: #E50032;
}
.intro-num-box .shuzi-inerr:hover .shuzi-item .shuzi-span  {
    color: #E50032;
}



.scheme-wrap {
    background: url(../img/index/scheme-bg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    padding: 1rem 0;
    /* 11.17 客户要求先隐藏，有内容后再显示 */
    display: none;
}

.scheme-wrap .intro-title,
.scheme-wrap .intro-des {
    color: #fff;
}

.scheme-title {
    font-size: 0.3rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: .7rem 0 .5rem 0;
    text-align: center;
}

.scheme-swiper {
    width: 17.8rem;
    margin: 0 auto;
    position: relative;
}

.schemeSwiper {
    width: 100%;
}

.scheme {
    width: 100%;
    background: #fff;
}

.scheme-img,
.scheme-img img {
    width: 100%;
    height: 2.5rem;
    object-fit: cover;
}

.scheme-text {
    width: 100%;
    height: .6rem;
    text-align: center;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 0.6rem;
}

.schemeSwiper-next,
.schemeSwiper-prev {
    color: #fff;
}

.schemeSwiper-next::after,
.schemeSwiper-prev::after {
    font-size: .45rem;
}

.schemeSwiper-next {
    right: -0.5rem;
}

.schemeSwiper-prev {
    left: -0.5rem;
}

/*  */
.index-bottom {
    background: url(../img/index/bottom-bg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    padding: 1.6rem 0 1.5rem;
}

.index-bottom-text,.index-bottom-text p {
    font-size: 0.44rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.index-bottom-text span {
    color: #0B308F;
    font-size: .44rem;
}

.index-bottom-btn {
    margin: 0 auto;
    margin-top: .5rem;
    width: 2.4rem;
    height: 0.5rem;
    background: #E50032;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    border: 0.01rem solid #E50032;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

/* 弹窗1  设备投入 */
.facility-popup-wrap {
    width: 100%;
    height: 100%;
    background: url(../img/index/facility-bg.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.facility-close {
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: .4rem;
    right: .4rem;
    cursor: pointer;
}

.facility-title {
    font-size: 0.4rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #0B308F;
    text-align: center;
    position: relative;
    padding-bottom: .3rem;
}

.facility-title::after {
    content: '';
    width: 1.6rem;
    height: 0.05rem;
    background: #0B308F;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.facility-swiper {
    width: 100%;
    margin-top: 1rem;
}

.facilitySwiper {
    width: 100%;
}

.facility {
    width: 100%;
}

.facility-img,
.facility-img img {
    width: 100%;
    height: 3.2rem;
    object-fit: cover;
}

.facility-text {
    width: 100%;
    height: .6rem;
    text-align: center;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 0.6rem;
}

/* 弹窗2  技术人才 */
.talents-popup-wrap {
    width: 100%;
    height: 100%;
    background: url(../img/index/talents-bg.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.talents-close {
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: .4rem;
    right: .4rem;
    cursor: pointer;
}

.talents-popup-box {
    position: relative;
    padding-left: .4rem;
    padding-top: .4rem;
    margin-top: .3rem;
}

.talents-popup-box::after {
    content: '';
    width: 7.38rem;
    height: 6.4rem;
    background: #BBE2FF;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.talents-popup {
    width: 100%;
    background: url(../img/index/talents-popup.jpg) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding-bottom: .3rem;
}

.talents-des-box {}

.talents-des {
    display: none;
    padding: 0 .3rem;
}

.talents-des:first-child {
    display: flex;
}

.talents-img {
    width: 4.5rem;
    height: 3.9rem;
    position: relative;
    flex-shrink: 0;
}

.talents-img img {
    width: 100%;
    height: 4.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.talents-content {
    flex: 1;
    padding: 0.37rem .3rem 0 .4rem;
}

.talents-name {
    font-size: 0.24rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #0B308F;
}

.talents-text {
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    padding: .2rem 0;
    position: relative;
}

.talents-text::after {
    content: '';
    width: 0.4rem;
    height: 0.04rem;
    background: #0B308F;
    position: absolute;
    bottom: 0;
    left: 0;
}

.talents-p {
    height: 2.21rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;

    margin-top: .3rem;
    overflow-y: auto;
}

.talents-swiper {
    position: relative;
    margin-top: .4rem;
    padding: 0 .3rem;
}

.talentsSwiper {
    width: 100%;
}

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

.talentsSwiper .swiper-slide.active .talentsSwiper-img {
    border-color: #0B308F;
}

.talentsSwiper .swiper-slide.active .talentsSwiper-name {
    color: #0B308F;
    font-weight: bold;
}

.talentsSwiper-img {
    border: 0.03rem solid transparent;
}

.talentsSwiper-img img {
    width: 100%;
    height: 1.6rem;
    object-fit: contain;
    background: #fff;
}

.talentsSwiper-name {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin: .15rem 0 .1rem 0;
}

.talentsSwiper-text {
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
}

.talentsSwiper-next {
    right: -0.8rem;
}

.talentsSwiper-prev {
    left: -0.8rem;
}

/* 弹窗3  知识产权 */
.know-popup-wrap {
    width: 100%;
    height: 100%;
    background: url(../img/index/know-bg.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.know-close {
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: .4rem;
    right: .4rem;
    cursor: pointer;
}

.know-text {
    font-size: 0.24rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin: .5rem 0;
    text-align: center;
}

.know-swiper {
    margin: 1rem auto 0 auto;
}

.knowSwiper {
    width: 100%;
}

.knowSwiper-img img {
    width: 100%;
}

/* 弹窗4 实力平台*/
.plat-popup-wrap {
    width: 100%;
    height: 100%;
    background: url(../img/index/plat-bg.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.plat-close {
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: .4rem;
    right: .4rem;
    cursor: pointer;
}

.plat-swiper {
    margin: 1rem auto 0 auto;
    position: relative;
}

.platSwiper {
    width: 100%;
    height: 2.4rem;
}

.platSwiper .swiper-slide {
    height: calc((100% - 20px) / 2);
}

.plat-swiper .platSwiper-pagination {
    bottom: -.6rem;

}

.plat-swiper .swiper-pagination-bullet-active {
    background: #000;
}

/*  */
.platSwiper-img {
    width: 100%;
    height: 100%;
    background: #fff;
}

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



/* 弹窗5 干荣科技，能为你做什么？*/
.do-popup-wrap {
    width: 100%;
    height: 100%;
    background: url(../img/index/facility-bg.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.do-popup-wrap .do-close {
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: .4rem;
    right: .4rem;
    cursor: pointer;
}
.do-popup-wrap .title {
    font-size: 0.4rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #0B308F;
    text-align: center;
    position: relative;
    padding-bottom: .3rem;
}
.do-popup-wrap .title::after {
    content: '';
    width: 1.6rem;
    height: 0.05rem;
    background: #0B308F;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.do-popup-wrap .infobox {
    width: 12rem;
    max-height: 6rem;
    margin: 0.5rem auto 0;
    overflow-y: auto;
}
.do-popup-wrap .infobox::-webkit-scrollbar {
    width: 0.04rem;
}
.do-popup-wrap .infobox::-webkit-scrollbar-track {
    background: #DDDDDD;
}
.do-popup-wrap .infobox::-webkit-scrollbar-thumb {
    background: #666666;  /* 定义滚动滑块的颜色 */  
    border-radius: 0.1rem;  /* 为了使滑块圆角，你可以设置边框半径 */  
}
.do-popup-wrap .infobox p {
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.42rem;
    text-indent: 2em;
}
.do-popup-wrap .infobox img {
    max-width: 100%;
    max-height: 100%;
    margin: 0.3rem auto;
}
.do-popup-wrap .infobox video {
    max-width: 100%;
    max-height: 100%;
    margin: 0.3rem auto;
}