/* @charset "utf-8"; */

/* 自定义轮播点容器样式 */
.custom-pagination {
    position: absolute;
    left: 1.9rem !important;
    /* 居左对齐，可根据需要调整距离 */
    bottom: 1rem !important;
    /* 距离底部的距离，可根据需要调整 */
    text-align: left;
    display: flex;
    align-items: center;
}

/* 未选中的轮播点样式 */
.custom-pagination .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    background-color: #fff;
    /* 未选中时的颜色 */
    opacity: 1;
    border-radius: 50%;
    /* 未选中时为实心圆点 */
    margin: 0 0.2rem !important;
    /* 轮播点之间的间距 */
}

/* 选中的轮播点样式 */
.custom-pagination .swiper-pagination-bullet-active {
    width: 0.36rem;
    height: 0.36rem;
    position: relative;
    border: 0.02rem solid #fff;
    /* 设置边框，实现圆环效果 */
    border-radius: 50%;
    background-color: transparent;
    /* 背景透明，形成镂空效果 */
}

/* 选中时内部的实心圆点 */
.custom-pagination .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.12rem;
    /* 调整实心圆点大小 */
    height: 0.12rem;
    /* 调整实心圆点大小 */
    background-color: #fff;
    /* 实心圆点颜色 */
    border-radius: 50%;
}

/* 热门搜索 */
.hotSearchBox {
    background: #fff;
    border-bottom: 0.01rem solid #EDEDED;
    position: relative;
}

.askCon {
    background: url(../images/bgAsk.png) no-repeat center center;
    position: relative;
    z-index: 9;
    margin-top: -1.5rem;
    padding: 0.3rem;
    width: 4rem;
}


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

.hotSearch .souTxt {
    display: flex;
    align-items: center;
    padding: 0.2rem 0;
}

.hotSearch ul {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
}

.hotSearch ul li {
    margin-right: 0.3rem;
}

.hotSearch ul li:last-child {
    margin-right: 0;
}

.hotSearch ul li a {
    color: #999;
}


.askTp {
    display: flex;
    align-items: center;
}

.askTp a {
    color: #fff;
    margin-right: 0.3rem;
}

.askTp img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
}

.askCon .inp {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 0.2rem;
}

.askCon .inp input {
    line-height: 0.5rem;
    flex: 1;
}

.askCon .inp img {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
}


/* 关于我们 */
.aboutBox {
    /* background: url(../images/indexAboutBg.png) no-repeat center;
    background-size: cover;
    border-radius: 0.2rem; */
}

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

.aboutCon .aboutLeft {
    width: 48%;
}

.aboutCon .aboutRight {
    width: 45%;
}

.aboutCon .aboutTxt {
    margin-right: 0.6rem;
    margin-top: 1rem;
}

.aboutCon .aboutTxt h1 {
    color: #21509F;
}

.aboutCon .aboutTxt p {
    margin-top: 0.6rem;
    color: #666;
    line-height: 1.8;
}

.aboutCon .animated-btn {
    margin-top: 0.8rem;
}




/* 应用方案 */
.applyBox {
    padding: 0.8rem 0rem;
}

.applyBox .pubIndexTitle {
    color: #333;
    text-align: center;
}

.applyBox .pubIndexTitle p {
    color: #FF9500;
}

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

.applyItemTxt {
    position: absolute;
    right: 0.5rem;
    top: 1.2rem;
    width: 5.2rem;
    height: 4.5rem;
    background: rgba(255, 255, 255, 0.95);
    padding: 0.3rem 0.4rem;
}

.applyTop {
    padding-bottom: 0.2rem;
    border-bottom: 0.01rem solid #EDEDED;
}

.applyTop h3 {
    color: #FF9500;
}

.applyItemTxt ul {
    margin-top: 0.4rem;
    padding-left: 0.28rem;
}

.applyItemTxt ul li {
    list-style: disc;
    padding: 0.05rem 0rem;
}








.applyTab {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F5F5;
    position: relative;
    padding: 0.2rem;
}

.applyTab ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.applyTab ul li {
    flex: 1;
    min-width: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0.1rem 0;
}

/* .applyTab ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
} */

.applyTab ul li i {
    width: 1rem;
    height: 1rem;
    display: block;
    background: url(../images/apply-s1.png) no-repeat center center;
    background-size: 100% 100%;
    margin: auto;
}

.applyTab ul li:nth-child(2) i {
    background: url(../images/apply-s2.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(3) i {
    background: url(../images/apply-s3.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(4) i {
    background: url(../images/apply-s4.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(5) i {
    background: url(../images/apply-s6.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(6) i {
    background: url(../images/apply-s7.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(7) i {
    background: url(../images/apply-s7.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:hover {
    transform: translateY(-2px);
}

.applyTab ul li.active i {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}



.applyTab ul li p {
    margin-top: 0.1rem;
    color: #666;
    text-align: center;
}

.applyTab ul li.active p {
    color: #FF9500;
}

.applyTab ul li:nth-child(1).active i {
    background: url(../images/apply-s11.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(2).active i {
    background: url(../images/apply-s22.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(3).active i {
    background: url(../images/apply-s33.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(4).active i {
    background: url(../images/apply-s44.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(5).active i {
    background: url(../images/apply-s55.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(6).active i {
    background: url(../images/apply-s66.png) no-repeat center center;
    background-size: 100% 100%;
}

.applyTab ul li:nth-child(7).active i {
    background: url(../images/apply-s77.png) no-repeat center center;
    background-size: 100% 100%;
}



.btnBar .leftBar {
    position: absolute;
    left: 0.2rem;
    /* top: 0rem; */
}

.btnBar .rightBar {
    position: absolute;
    right: 0.2rem;
    /* top: 0rem; */
}


/* 左右箭头按钮样式 */
.btnBar a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.btnBar a:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

/* 内容切换动画 */
.applyItemCont {
    transition: all 0.5s ease;
    margin-top: 0.8rem;
    position: relative;
}






/* 主推产品 */
.productBox {
    overflow: hidden;
    position: relative;
    background: url(../images/prodBg.png) no-repeat center;
    background-size: cover;
    padding: 0.9rem 0rem;
}

.prodTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.pubIndexTitle {
    color: #fff;
}

.pubIndexTitle p {
    color: #ededed;
}

.productList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.7rem;
}

.productList li {
    width: 16%;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.2rem;
    padding: 0.5rem 0.3rem;
    position: relative;
    text-align: center;
    padding-bottom: 0.3rem;
}

.productList li b {
    font-family: 'manrope-simpleBold';
    position: absolute;
    top: 0.25rem;
    left: 0.3rem;
}

.productList li img {
    width: 1rem;
    height: 1rem;
    display: block;
    margin: auto;
    margin-top: 0.5rem;
}

.productList li p {
    margin-top: 0.4rem;
}


/* 适配 */
@media (max-width: 800px) {
    .mobleHeader img {
        height: 0.46rem;
        width: auto;
    }

    .askCon {
        position: absolute;
        bottom: 1.35rem;
        right: 0;
    }

    .askTp img {
        width: 0.6rem;
        height: 0.6rem;
        display: block;
    }

    .hotSearch .souTxt {
        padding: 0.2rem;
    }

    .aboutBox {
        padding: 0.2rem;
    }

    .aboutCon {
        flex-direction: column;
    }

    .aboutCon .aboutLeft,
    .aboutCon .aboutRight {
        width: 100%;
    }

    .aboutCon .aboutTxt {
        margin-right: 0rem;
        margin-top: 0.3rem;
    }

    .aboutCon .aboutTxt p {
        margin-top: 0.4rem;
    }

    .hotSearchBox {
        display: none;
    }

    .productBox {
        padding: 0.8rem 0.2rem;
    }

    .productList {
        flex-direction: column;
    }

    .productList li {
        width: 100%;
        margin-bottom: 0.2rem;
    }



    .applyTab {
        padding: 0.2rem 0.7rem;
    }

    .applyTab ul li {
        min-width: 2rem;
    }

    .applyItemTxt {
        position: relative;
        right: auto;
        top: auto;
        width: 5.2rem;
        height: auto;
        background: rgba(255, 255, 255, 0.95);
        padding: 0.3rem 0.4rem;
    }










}