@charset "UTF-8";
.product_details {
    width:100vw;
    border-radius:0rem 0rem 0rem 0rem;
    position:relative;
}
.ask-btn-box{
    display: flex;
    left:calc(50% - 1.9rem);
    position:absolute;
    bottom:1rem;
}
.ask-btn {
    cursor:pointer;
    font-weight:400;
    font-size:0.16rem;
    color:#FFFFFF;
    line-height:0.44rem;
    text-align:center;
    margin: 0.5rem;
    width:2.6rem;
    height:0.44rem;
    background:#164C35;
    border-radius:0.06rem 0.06rem 0.06rem 0.06rem;

}
.ask-btn:hover {
    transform:scale(1.1) !important;
    transition:transform 0.3s ease;
}
.product_details img {
    width:100%;
    height:auto;
}
.effect-box {
    width:100vw;
    position:relative;
}
.effect-box .text-box {
    position:absolute;
    z-index:999;
    text-align:center;
    color:white;
    display:flex;
    width:100vw;
    top:1.2rem;
    justify-content:center;
}
.effect-box .text-box .text-box-title {
    font-size:0.4rem;
    color:#FFFFFF;
    font-weight:bold;
    margin-bottom:0.35rem;
}
.effect-box .text-box .text-box-desc {
    font-weight:400;
    font-size:0.2rem;
    color:#FFFFFF;
}
.effect-box .effect_swiper_box {
    width:100vw;
    height:9.6rem;
}
.effect-box .effect_swiper_box img {
    width:100%;
    height:9.6rem;
}
.advantage-box {
    width:100vw;
}
.advantage-box img {
    width:100%;
}
.weizhi {
    width:100vw;
}
.weizhi img {
    width:100%;
}
.case_box {
    width:100vw;
    height:9.6rem;
    background:#FBFBFB;
    box-sizing:border-box;
    overflow:hidden;
}
.case_box .case_title {
    margin-bottom:0.96rem;
    margin-top:1.2rem;
    font-weight:bold;
    font-size:0.4rem;
    color:#000000;
    text-align:center;
}
.case_box .case_flex_box {
    box-sizing:border-box;
    /*display:flex;*/
    margin:0 auto;
    width:85vw;
    overflow:hidden;
    justify-content:center;
}
.case_box .case_flex_box .case_sub {
    width:5rem;
    height:4.4rem;
    background:#FFFFFF;
    border-radius:0rem 0rem 0rem 0rem;
    margin:0.3rem;
}
.case_box .case_flex_box .case_sub img {
    width:100%;
    height:3.2rem;
}
.case_box .case_flex_box .case_sub .case_text {
    font-weight:500;
    font-size:0.28rem;
    color:#222222;
    line-height:0.8rem;
    box-sizing:border-box;
    padding:0.2rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.case_box .more {
    width:1.6rem;
    height:0.44rem;
    border-radius:0.06rem 0.06rem 0.06rem 0.06rem;
    border:1px solid #164C35;
    font-weight:400;
    font-size:0.16rem;
    color:#164C35;
    line-height:0.44rem;
    text-align:center;
    margin:0 auto;
    margin-top:0.94rem;
    transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out;
    /* 设置过渡效果*/;
}
.case_box .more:hover {
    transform:scale(1.1) !important;
    transition:transform 0.3s ease;
    background:#164C35;
    border:none;
    color:white;
    box-shadow:0rem 0.06rem 0.16rem 0.01rem rgba(0,0,0,0.16);
}
.certificate_box {
    width:100vw;
    overflow:hidden;
    background:#FFFFFF;
}
.certificate_box .certificate_title {
    margin-top:1.2rem;
    margin-bottom:0.2rem;
    font-weight:bold;
    font-size:0.4rem;
    color:#222222;
    text-align:center;
}
.certificate_box .certificate_sub_title {
    font-weight:400;
    width:80vw;
    font-size:0.2rem;
    color:#999999;
    text-align:center;
    margin:0 auto;
    margin-bottom:0.5rem;
}
.certificate_box .certificate_describe {
    display:flex;
    margin-bottom:0.6rem;
    justify-content:center;
}
.certificate_box .certificate_describe .certificate_describe_sub {
    margin:0rem 0.5rem 0rem 0.5rem;
    display:flex;
    justify-content:center;
    align-items:center;
}
.certificate_box .certificate_describe .certificate_describe_sub img {
    width:0.6rem;
    height:0.6rem;
}
.certificate_box .certificate_describe .certificate_describe_sub .line {
    width:0.01rem;
    height:0.4rem;
    border:1px solid #D6D6D6;
    margin:0rem 0.3rem 0rem 0.3rem;
}
.certificate_box .certificate_describe .certificate_describe_sub .describe_sub_title_box .describe_sub_title {
    font-weight:bold;
    font-size:0.22rem;
    color:#222222;
    margin-bottom:0.1rem;
}
.certificate_box .certificate_describe .certificate_describe_sub .describe_sub_title_box .describe_sub_title_sub {
    font-weight:400;
    font-size:0.14rem;
    color:#666666;
    width:3.96rem;
}
.certificate_box .certificate_swiper_box {
    margin:0 auto;
    margin-bottom:0.4rem;
    width:12.4rem;
    height:4.6rem;
}
.certificate_box .certificate_swiper_box .certificateSwiper {
    width:12.4rem;
    height:100%;
}
.certificate_box .certificate_swiper_box .swiper-wrapper {
    width:12.4rem;
}
.certificate_box .certificate_swiper_box .swiper-slide {
    text-align:center;
    font-size:0.18rem;
    background:#fff;
    /* Center slide text vertically*/
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}
.certificate_box .certificate_swiper_box .swiper-slide img {
    display:block;
    width:2.8rem;
    object-fit:cover;
}
/* 分页器的基本样式*/
.swiper-pagination-bullet {
    width:0.4rem !important;
    height:0.08rem !important;
    border-radius:12% !important;
    text-align:center;
    line-height:0.2rem;
    font-size:0.12rem;
    color:#000;
    opacity:1;
    background:#7e7c7c !important;
}
/* 选中的分页器样式*/
.swiper-pagination-bullet-active {
    color:#fff;
    background:#164C36 !important;
}
.product-mask-box {
    background-color:rgb(0,0,0,0.36);
    position:fixed;
    z-index:3000;
    width:100vw;
    height:100vh;
}
.product-mask-box .tel_box {
    box-sizing:border-box;
    padding-top:0.3rem;
    padding-left:0.3rem;
    left:calc(50% - 1.75rem);
    top:calc(50% - 1.9rem);
    width:3.55rem;
    height:3.92rem;
    background-color:white;
    border-radius:5%;
    position:fixed;
    z-index:3001;
}
.product-mask-box .tel_box .tel_top {
    display:flex;
}
.product-mask-box .tel_box .tel_top .logo {
    margin-right:0.2rem;
    width:0.5rem;
    height:0.5rem;
}
.product-mask-box .tel_box .tel_top .text_box .text-title {
    margin-bottom:0.06rem;
    font-weight:400;
    font-size:0.16rem;
    color:#444444;
}
.product-mask-box .tel_box .tel_top .text_box .text-content {
    margin-bottom:0.06rem;
    font-weight:400;
    font-size:0.14rem;
    color:#666666;
}
.product-mask-box .tel_box .line {
    width:2.8rem;
    height:0rem;
    border:1px dashed #E6E6E6;
    margin-top:0.14rem;
}
.product-mask-box .tel_box .tel_bottom {
    margin-top:0.2rem;
    display:flex;
}
.product-mask-box .tel_box .tel_bottom .logo {
    margin-right:0.2rem;
    width:0.5rem;
    height:0.5rem;
}
.product-mask-box .tel_box .tel_bottom .text_box .text-title {
    margin-bottom:0.06rem;
    font-weight:400;
    font-size:0.16rem;
    color:#444444;
}
.product-mask-box .close-btn {
    cursor:pointer;
    position:absolute;
    bottom:-0.7rem;
    width:0.5rem;
    height:0.5rem;
    left:calc(50% - 0.25rem);
}
/* 定义动画*/
@keyframes slideDown {
    from {
        transform:translateY(-80%);
        opacity:0;
    }
    to {
        transform:translateY(0);
        opacity:1;
    }
}/* 应用动画到元素*/
.slide-down-animation {
    animation:slideDown 0.5s ease forwards;
}
.pro-dis-no {
    display:none;
}
.code_box{
    width: 2.1rem;
    height: 2.1rem;
}
.code_box img{
    width: 2.1rem;
    height: 2.1rem;
}
/*# sourceMappingURL=product.css.map*/