/* bff-banner */
 
        body{margin: 0;padding: 0;background: #ccc;} 
        body .imp{width: 100%;height: auto;display: block;}
        body .lines1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
        body .lines2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
        body .lines3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
            
        .bff-banner{width: 100%;overflow: hidden;}
        .bff-banner-content{position: relative;}
        .bff-banner-content .text-1{position: absolute;top:50%;left:19%;width: 35%;z-index: 11;transform: translateY(-50%);}
        .bff-banner-content .text-1 .title-1{font-size: 7.2rem;color: #fff;line-height: 7.2rem;}
        .bff-banner-content .text-1 .txt-2{font-size: 1.4rem;color: #fff;margin-top:2rem;line-height: 2.5rem;}
        .bff-banner-content .pic{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;}
    
        /* bff-product */
        .bff-product{width: 100%;position: relative;padding-bottom: 5%;}
        .bff-product-content{width: 80%;margin: auto;margin-top: -8%;}
        .bff-product-content-wrap{background-color: #fff;}
        .bff-product-wrap-top{background-color: #0c0c0c;position: relative;padding:2rem 4rem;}
        .bff-product-wrap-top::after{content: "";position: absolute;width:.8rem;height: 100%;background-color:#3CC8DC;left: 0;top: 0;}
        .bff-product-wrap-top .title-1{font-size: 1.4rem;font-weight: bold;color: #fff;}
        .bff-product-wrap-top .title-1 a{color: #fff;}
        .bff-product-wrap-top .title-1 a:hover{color: #3CC8DC;}
        .bff-product-wrap-bottom{padding: 5rem;display: flex;flex-wrap: wrap;}
        .bff-product-wrap-bottom .item{width: 48%;margin-right: 4rem;margin-bottom:1rem;border: 1px solid #e3e3e3;box-sizing: border-box;}
        .bff-product-wrap-bottom .item:nth-child(2n){margin-right: 0;}
        .bff-product-wrap-bottom .item a{display: flex;align-items: center;}
        .bff-product-wrap-bottom .item .pic-1{max-width:35%;background-position: center center; background-repeat: no-repeat; background-size: cover;}
        .bff-product-wrap-bottom .item .text-2{display: flex;flex-wrap: wrap; flex-direction: column;width: 55%;margin-left: 3rem;}
        .bff-product-wrap-bottom .item .text-2 .title-1{font-size: 2.4rem;color: #000;line-height:3.6rem;font-weight: bold;}
        .bff-product-wrap-bottom .item .text-2 .txt-2{font-size:1.2rem;color: #a3a3a3;border-bottom: 1px solid #a3a3a3;width: 6rem;}
        .bff-product-wrap-bottom .item a:hover .text-2 .title-1{color: #3CC8DC;}
        .bff-product-wrap-bottom .item a:hover .pic-1{transform: scale(1.01);}
    
            /* basic-hardware */ 
        .bff-product-wrap-top .title-1 .spr{color: #3CC8DC;font-weight: 500;}
    
        .bff-product-wrap-bottom2{padding:4rem 4.5rem 7rem;}
        .bff-product-wrap-bottom2-nav{margin-bottom: 4rem;display: flex;}
        .bff-product-wrap-bottom2-nav {width: 100%;overflow: hidden;flex-wrap: wrap;}
        .bff-product-wrap-bottom2-nav a{font-size:1.4rem;color:#8d8d8d;width: 17rem;height: 4rem;text-align: center;font-family:Arial,PingFang SC, Helvetica, sans-serif;border: 1px solid #ebebeb;display: flex;align-items: center;justify-content: center;margin-right:2%;margin-bottom: .5rem;}
        .bff-product-wrap-bottom2-nav a:last-child{margin-right: 0;}
        .bff-product-wrap-bottom2-nav .qur{background-color: #3CC8DC;color: #fff; border: 1px solid #3CC8DC;}
        .bff-product-wrap-bottom2-nav a:hover{background-color: #3CC8DC;color: #fff;}
        .bff-product-wrap-bottom2 .box{display: flex;flex-wrap: wrap;}
        .bff-product-wrap-bottom2 .box .item{width: 24%;margin-right:1.3%;margin-bottom: 2rem;}
        .bff-product-wrap-bottom2 .box .ite4{margin-right: 0;}
        .bff-product-wrap-bottom2 .box .item a{display: flex;flex-direction: column;align-items: center;border:1px solid #e3e3e3;position: relative;}
        .bff-product-wrap-bottom2 .box .item a .pic-1{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;}
        .bff-product-wrap-bottom2 .box .item a .title-2 {color: #000;bottom: auto;transform: none;position: relative;width: 100%;box-sizing: border-box;left: auto;text-align: center;border-top: 1px #e3e3e3 solid;padding: 1rem 0;font-size: 2.4rem;}
        .bff-product-wrap-bottom2 .box .item a:hover .title-2{opacity: 1;}
        .bff-product-wrap-bottom2 .box .item a:hover{border:1px solid #64c5d1;}
        .bff-product-wrap-bottom2 .box .item a:hover .pic-1{transform: scale(.95) }
        .turnpage {font-size: 0;clear: both;padding:1rem 0;}
        .turnpage a{display: inline-block;vertical-align: middle;width: 3rem;;height: 3rem;line-height: 3rem; text-align: center;color: #b3b3b3;font-size: 0px;border: 1px solid #e3e3e3;margin-right: 1rem;}
        .turnpage a i{width: 1.5rem; height: 1.5rem; opacity:.3; display: inline-block; vertical-align: middle; margin:.65rem 0.5rem;}
        .turnpage a.prev i{background: url("../pic/left-jiantuo.png") center no-repeat;}
        .turnpage a.next i{background: url("../pic/right-jiantuo.png") center no-repeat;}
        .turnpage a span{display: inline-block;vertical-align: middle;font-size:1.4rem;}
        .turnpage a.cur{background: #64c5d1;color: #fff;}
        .turnpage a:hover {background: #fff;border: 1px solid #ccc;}
        .turnpage a:hover span {color: #000;}
        .turnpage a.prev:hover i{background: url("../pic/left-jiantuo.png") center no-repeat;opacity: 1;}
        .turnpage a.next:hover i{background: url("../pic/right-jiantuo.png") center no-repeat;opacity: 1;}
    
    
    
    
    
                /* toplianje right-icon */
        .right-icon{position: fixed;right:5%;bottom:35%;z-index: 50;width: 6.8%;}
        .right-icon .item{margin-bottom:1rem;position: relative;transition: all .4s ease;}
        .right-icon .item a{display: block;width:5.8rem;height: 5.8rem; position: relative;background: #989898; z-index:3;box-shadow: 0px 2px 10px 0px rgb(152 152 152 / 41%);border-radius: 9rem;}
        .right-icon .item .pic{width:2.7rem;height: 2.7rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);filter: brightness(0%) invert(100%);}
        .right-icon .item .pc2{width: 2.8rem;height: 2.9rem;}
        .right-icon .item .pc4{width: 1.8rem;height: 2.4rem;}
        .right-icon .item .pic img{width: 100%;height: auto;display: block;}
        .right-icon .item a:hover{background-color:#5ac3d0;}
    
                /* news-detial */
        .bff-banner2 .bff-banner2-content .text-2{width:62%;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1{display: flex;align-items: center; justify-content: space-between;width: 100%;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .title-1{font-size: 3.6rem;line-height: 7.2rem;color: #fff;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2{overflow: hidden;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2 a{display: flex;align-items: center;width: 11rem;height: 3.3rem;border: 1px solid #aaaaaa;justify-content: center;border-radius:5rem;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2 a .pic-1{width:1.3rem;height:.7rem;margin-right: 1rem;opacity: .3;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2 a .txt-2{font-size: 1.4rem;line-height: 2.6rem;color: #c1c1c1;margin-top: 0;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2 a:hover{background-color: #3CC8DC;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2 a:hover .pic-1{opacity: 1;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2 a:hover .txt-2{color: #fff;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-2{display: flex;align-items: center;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-2 .pic-1{width: 1.9rem;height:1.9rem;margin-right: 1rem;filter: brightness(0%) invert(100%);opacity: .4;}
        .bff-banner2 .bff-banner2-content .text-2 .inner-2 .txt-2{font-size: 1.6rem;line-height: 2.6rem;color: #cecece;margin-top: 0;}
    
    
                /* black-overlay 遮罩 显示bff-video*/
        .black-overlay {position: fixed;left: 0;top:0;width: 100%;overflow: hidden;transition:all .4s ease;}
        .black-overlay {height: 100%; z-index: -1; background: rgba(0,0,0,.7); opacity: 0;display:none;}
        .black-overlay.kur{display: block;opacity: 1;z-index:6000;}
    
        .bff-video{position: fixed; top:50%; left: 50%; transform: translate(-50%,-50%); width: 72%;z-index:7200;display: none;}
        .bff-video .lihan-history-content{width:100%;margin: auto;background-color: #fff;position: relative;padding:2rem;box-sizing: border-box;z-index:200;}
        .bff-video .switch-3{position: absolute;right:3.5rem;top:3.5rem;display: block;z-index: 22;width:4rem;height:4rem;z-index: 10;}
        .bff-video .switch-3 .line-1{transform: translate(-50%,-50%) rotate(45deg);width: 2rem;height:2px;background-color:#009d85;position: absolute;top: 50%;left: 50%;}
        .bff-video .switch-3 .line-2{transform: translate(-50%,-50%) rotate(-45deg);width: 2rem;height:2px;background-color:#009d85;position: absolute;top: 50%;left: 50%;}
        .bff-video .line{position: absolute;z-index: 1;background-color: rgba(51,51,51,.05);width:200%;height: 2px;left:0;top:.8rem;}
    
        .bff-video .video{width: 100%;box-sizing: border-box;}
        .bff-video .video video{width: 100%;height: 100%;object-fit: contain;}
    
    
    
    
     /* download */ 
                .bff-product-wrap-bottom3{padding:4rem 3.5rem 7rem;} 
                .bff-download{width: 100%;margin-top: 1rem;}
                .bff-download-content{margin: auto;}
                .bff-download-content-top{padding-bottom: 2rem;border-bottom: 1px solid rgba(173, 173, 173, 0.1);}
                .bff-download-content-top a{color: #919191;font-size:1.6rem;border: 1px solid #ededed;padding: 1rem 2rem;display: inline-block;margin-right: 1rem;}
                .bff-download-content-top .vur1{background-color:#009d85;color: #fff;}
                .bff-download-content-top a:hover{background-color:#009d85;color: #fff;} 
                .bff-download-content-bottom .box-1{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 4rem;border-top: 2px solid #f7f7f7;}
                .bff-download-content-bottom .item{width:45%;display: flex;justify-content: space-between;align-items: center;margin-bottom:5rem;}
                .bff-download-content-bottom .item .pic-1{position: relative; background-position: center center; background-repeat: no-repeat; background-size: contain;width: 40%;background-color: #efefef;}
                .bff-download-content-bottom .item .pic-1 .img-center{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 50%; max-height: 50%;width: 6rem;height: 6rem;z-index: 11;opacity: .5;}
                .bff-download-content-bottom .item .text-2{width:50%;}
                .bff-download-content-bottom .item .text-2 .title-1{font-size:3rem;color: #000;font-weight: bold;}
                .bff-download-content-bottom .item .text-2 .txt-2{color: #a3a3a3;font-size:1.6rem;}
                .bff-download-content-bottom .item .text-2 .more-3{margin-top:3rem;display: inline-block;}
                .bff-download-content-bottom .item .text-2 .more-3 a{display: flex;align-items: center;padding:.5rem 2rem;border: 1px solid #757575;}
                .bff-download-content-bottom .item .text-2 .more-3 a .txt-1{font-size:1.4rem;color: #000;margin-right: 1rem;}
                .bff-download-content-bottom .item .text-2 .more-3 a .pic-2{width: 1.8rem;height:1.8rem;filter: grayscale(100%);opacity: .6;}
                .bff-download-content-bottom .item .text-2 .more-3 a:hover{background-color:#3CC8DC;border:1px solid #3CC8DC;}
                .bff-download-content-bottom .item .text-2 .more-3 a:hover .txt-1{color: #fff;}
                .bff-download-content-bottom .item .text-2 .more-3 a:hover .pic-2{filter: brightness(0%) invert(100%);opacity: 1;}
                .bff-product-wrap-bottom3 .turnpage2{padding:5rem 0 0;border-top: 2px solid #f7f7f7;text-align: center;}
                .bff-product3-content{top: -28%;}
    
    
    
    
     /* showroom */  
                .bff-template-bottom{overflow: hidden;padding:4rem 3.5rem;}
                .bff-template-bottom-content{position: relative;padding-bottom: 4.5rem;}
                .tsk-1{font-size: 2.4rem;line-height: 2.4rem;color: #fff;font-weight: bold;font-family: Arial, PingFang SC, Helvetica, sans-serif;background-color: #3CC8DC;
                 padding: 2rem;text-align: center;}
                .bff-template-bottom-lbt{margin-top: 5rem;}
                .bff-template-bottom-lbt .item-1{display: flex;justify-content: space-between;}
                .bff-template-bottom-lbt .item-1 .pic{width:32.47%;margin-right: 1rem;}
                .bff-template-bottom-lbt .item-1 .pic-1-3{margin-right: 0;}
    
                .bff-template-bottom-lbt .swiper-pagination-bullet{background-color: #000;opacity: 1;width: 1rem;height: 1rem;}
                .bff-template-bottom-lbt .swiper-pagination-bullet-active{background-color: #3CC8DC;}
                .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1rem;}
                .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0;}
    
                .bff-template-bottom2{margin-top:7rem;}
                
                .bff-template-bottom2-content{width:100%;display: inline-block;margin-bottom: 2rem;}
                .bff-template-bottom2-content .video-1{width: 100%;position: relative;}
                .bff-template-bottom2-content .video-1 .button-1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:7.8rem;height:7.8rem;background-color: #3CC8DC;border-radius: 50%;z-index: 11;}
                .bff-template-bottom2-content .video-1 .button-1 img{width: 3rem;height: 3rem;display: block;position: absolute;left: 55%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
                .bff-template-bottom2-content .video-1 .pic-2{width: 100%;}
                .bff-template-bottom2-content a:hover .button-1{transform: translate(-50%, -50%) scale(1.1);transform-origin: center;}
                .bff-about-lbt{margin-top:3rem;position: relative;padding-bottom: 4rem;}
                .bff-about-lbt .item{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
                .bff-about-lbt .item .pic-1{width:49%;margin-bottom: 1rem;}
                .swiper-wrapper{height: auto;}
                .bff-about-lbt .swiper-pagination-bullet{background-color: #000;opacity: 1;width: 1rem;height: 1rem;}
                .bff-about-lbt .swiper-pagination-bullet-active{background-color: #3CC8DC;}
                .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1rem;}
    
    
    
    
                 /* news */  
                .bff-news-bottom{width: 100%;overflow: hidden;}
                .bff-news-bottom .box-2{padding:5rem 3.5rem 4rem;display: flex;flex-wrap: wrap;}
                .bff-news-bottom .box-2 .item{width:32.72%;margin-right:1rem;border-bottom: 1px solid #e5e5e5;margin-bottom: 4rem;}
                .bff-news-bottom .box-2 .itm3{margin-right:0;}
                .bff-news-bottom .box-2 .item .pic-1{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;}
                .bff-news-bottom .box-2 .item .title-2{font-size: 1.9rem;font-weight: bold;color: #000;line-height: 4rem;margin-top: 1rem;}
                .bff-news-bottom .box-2 .item .txt-3{font-size: 1.4rem;color: #686868;margin-bottom:2rem;}
                .bff-news-bottom .box-2 .item .time-4{font-size: 1.4rem;color: #a3a3a3;padding-bottom: 1rem;}
                .bff-news-bottom .box-2 .item a:hover .title-2{color: #3CC8DC;}
                .bff-news-bottom .turnpage{text-align: center;margin-bottom:6rem;}
    
    
    
      /* about */  
                .mySwiper2{width: 100%;overflow: hidden;}
                .bff-banner-content .text-1-1{width: 50%;} 
                .bff-about-bottom{display: flex;padding:5rem 3.5rem;justify-content: space-between;overflow: hidden;flex-wrap: wrap;position: relative;}
                .bff-about-wrap-top{display: flex;justify-content: space-between;align-items: center;}
                .bff-about-wrap-top .icon-2{display: flex;align-items: center;justify-content: space-between;width:19%;}
                .bff-about-wrap-top .icon-2 a{filter: brightness(0%) invert(100%);}
                .bff-about-wrap-top .icon-2 .sg1{width:4rem;height:4rem;}
                .bff-about-wrap-top .icon-2 .sg2{width:.9rem;height: 1.8rem;}
                .bff-about-wrap-top .icon-2 .sg3{width:1.8rem;height:1.7rem;}
                .bff-about-wrap-top .icon-2 .sg4{width:2rem;height:1.8rem;}
                .bff-about-wrap-top .icon-2 .sg5{width: 2.4em;height:2.4rem;}
                .bff-about-wrap-top .icon-2 a:hover{transform: scale(1.4);}
                .bff-about-bottom-content{overflow: hidden;display: flex;justify-content: space-between;}
                .bff-about-bottom-left{width:49%;display: inline-block;}
                .bff-about-bottom-left .video-1{width: 100%;position: relative;}
                .bff-about-bottom-left .video-1 .button-1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:7.8rem;height:7.8rem;background-color: #3CC8DC;border-radius: 50%;z-index: 11;}
                .bff-about-bottom-left .video-1 .button-1 img{width: 3rem;height: 3rem;display: block;position: absolute;left: 55%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
                .bff-about-bottom-left .video-1 .pic-2{width: 100%;}
                .bff-about-bottom-left a:hover .button-1{transform: translate(-50%, -50%) scale(1.1);transform-origin: center;}
                .bff-about-lbt{margin-top: 1rem;position: relative;padding-bottom: 4rem;}
                .bff-about-lbt .item{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
                .bff-about-lbt .item .pic-1{width:49%;margin-bottom: 1rem;}
                .swiper-wrapper{height: auto;}
                .bff-about-bottom-right{width: 47%;display: inline-block;}
                .bff-about-bottom-right .title-1{font-size: 2.4rem;color: #3CC8DC;line-height:2.4rem;font-weight: bold;font-family: Arial, PingFang SC, Helvetica, sans-serif;margin-bottom: 2rem;}
                .bff-about-bottom-right .txt-2{font-size: 1.4rem;line-height: 2.2rem;color: #000;font-family: Arial, PingFang SC, Helvetica, sans-serif;}
    
                .bff-about-lbt .swiper-pagination-bullet{background-color: #000;opacity: 1;width: 1rem;height: 1rem;}
                .bff-about-lbt .swiper-pagination-bullet-active{background-color: #3CC8DC;}
                .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1rem;}
    
                .bff-about-bottoms{width: 100%;margin-top: 4rem;padding-bottom:12rem;}
                .bff-about-bottoms .title-1{font-size: 2.4rem;line-height:2.4rem;font-weight: bold;color: #fff;font-family: Arial, PingFang SC, Helvetica, sans-serif;background-color: #3CC8DC;padding: 2rem;text-align: center;}
                .bff-about-bottoms-lbt{width: 100%;overflow: hidden;display: flex;position: relative;margin-top: 3rem;}
                .bff-about-bottoms-lbt .wrap-1-1{display: flex;flex-wrap: wrap;width: 100%;}
                .bff-about-bottoms-lbt .item-1{width: calc(20% - 2rem);border: 1px solid #dddddd;margin-right:2.5rem;margin-bottom: 2.5rem;display: inline-block;box-sizing: border-box;}
                .bff-about-bottoms-lbt .ite-5{margin-right: 0;} 
                .bff-about-bottoms-lbt .item-1 a .pic-2{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;position: relative;}
                .bff-about-bottoms-lbt .item-1 a .pic-2 .mg1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); max-width: 60%; max-height:80%;z-index: 10;}
                .bff-about-bottoms-lbt .item-1 a .pic-2 .fd1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width:2.4rem;height: 2.4rem;z-index: 15;display: none;}
                .bff-about-bottoms-lbt .item-1 a .txt-3{font-size: 1.6rem;line-height: 2.4rem;color: #000;font-family: Arial, PingFang SC, Helvetica, sans-serif;text-align: center;background-color:#efefef;padding: 1rem;}
                .bff-about-bottoms-lbt .item-1 a:hover .pic-2 .fd1{display: block;}
                .bff-about-bottoms-lbt .item-1 a:hover .pic-2 .mg1{opacity: .3;}
                .swiper-button-prev1{top: 93%;left:46.5%;}
                .swiper-button-next1{top: 93%;right:46.5%;}
                .swiper-button-prev1:after{color: #b8b8b8;border-radius:10rem;font-size:1.8rem;padding: 1.2rem 1.6rem;border: 1px solid #cbcbcb;}
                .swiper-button-next1:after{color: #fff;background-color: #3CC8DC;border-radius:10rem;font-size:1.8rem;padding:1.2rem 1.6rem;border: 1px solid #3CC8DC;}
    
    
    
                 /* contact */  
                .bff-contact-bottom{display: flex;padding:4rem 5rem;justify-content: space-between;}
                .bff-contact-bottom-left{width:48%;}
                .bff-contact-bottom-left .title-1{font-size: 2.4rem;font-weight: bold;color: #3CC8DC;margin-bottom: 4rem;}
                .bff-contact-bottom-left .text-2{padding-bottom: 2rem;border-bottom: 1px solid #c7c7c7;font-family: Arial, PingFang SC, Helvetica, sans-serif;margin-bottom: 1.5rem;}
                .bff-contact-bottom-left .text-2 .txt-1{font-size: 1.8rem;color: #000;line-height: 2.6rem;font-weight: bold;margin-bottom: 1rem;}
                .bff-contact-bottom-left .text-2 .txt-2{font-size: 1.4rem;color: #000;line-height: 2.6rem;}
                .bff-contact-bottom-left .text-2:last-child{border-bottom: none;}
                .bff-contact-bottom-right{width: 48.5%;}
                .bff-contact-bottom-right .pic-1{width: 100%;}
                .bff-contact-bottom-bg{padding:3rem 5rem 8rem;}
                .bff-contact-bottom-bg-content{width:100%;margin: auto;}
                .bff-contact-bottom-bg-content .text{display: flex;flex-wrap: wrap;flex-direction: column;}
                .bff-contact-bottom-bg-content .text .title-1{font-size:2.4rem;color: #3CC8DC;font-weight: bold;font-family: Arial, PingFang SC, Helvetica, sans-serif;}
                .bff-contact-bottom-bg-content .text .txt-2{font-size: 2.2rem;color: #010b2d;margin-top: 1rem;}
                .bff-contact-bottom-bg-content .frame{display: flex;flex-wrap: wrap;margin-top:2rem;flex-direction: column;}
                .bff-contact-bottom-bg-content .frame .list-1{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
                .bff-contact-bottom-bg-content .frame input{padding:2rem;outline: none;border: none; border:1px solid #d1d1d1;color: #000;width:49%;margin-bottom:1.5rem;font-size: 1.8rem;box-sizing: border-box;}
                .bff-contact-bottom-bg-content .frame input:nth-child(2n){margin-right: 0;}
                .bff-contact-bottom-bg-content .frame input[type="text"]::placeholder {color: #858585;}
                .bff-contact-bottom-bg-content .frame .from-1{width: 100%;}
                .bff-contact-bottom-bg-content .frame .from-1 textarea{width: 100%; border:1px solid #d6d6d6;color: #000;outline: none;padding:1rem 2rem;font-size:1.8rem;height:10rem;font-family: PingFang SC, Montserrat-Regular, Arial, Helvetica, sans-serif;box-sizing: border-box;}
                .bff-contact-bottom-bg-content .frame .from-1 textarea[type="text"]::placeholder {color: #858585;}
                .bff-contact-bottom-bg-content .more-1{margin-top:1.5rem;display: flex;}
                .bff-contact-bottom-bg-content .more-1 a{color:#fff;font-size:1.8rem;background-color:#000;width:16rem;height:5rem;display: flex;justify-content: center;align-items: center;}
                .bff-contact-bottom-bg-content .more-1 a:hover{background-color:#3CC8DC;}
    
    
    
    
    
     /* news detial */  
                .bff-product-wrap-bottom4{padding: 3rem;}
                .bff-product-wrap-bottom4 .text-1{font-size: 1.6rem;line-height: 2.6rem;color: #000;margin-bottom: 6rem;}
                .bff-product-wrap-bottom4 .text-1 img{width: 100%;display: block;height: auto;}
                .bff-product-wrap-bottom4 .item-2{display: flex;justify-content: space-between;padding:1rem 0;border-top: 1px solid #cecece;}
                .bff-product-wrap-bottom4 .item-2 a{font-size: 1.6rem;line-height: 2.6rem;color: #000;} 
    
    
    
    
     /* product detial */  
                .bff-banner2 .text-2 .title-1-1{color: #000;font-size: 7.2rem;line-height: 7.2rem;font-weight: bold;}
                .bff-banner2 .bff-banner2-content .text-2{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
                .bff-banner2 .bff-banner2-content .text-2 .more-2-1{overflow: hidden;}
                .bff-banner2 .bff-banner2-content .text-2 .more-2-1 a{display: flex;align-items: center;width: 11rem;height: 3.3rem;border: 1px solid #aaaaaa;justify-content: center;border-radius:5rem;}
                .bff-banner2 .bff-banner2-content .text-2 .more-2-1 a .pic-1{width:1.3rem;height:.7rem;margin-right: 1rem;opacity: 0.5;filter: brightness(100%) invert(100%);}
                .bff-banner2 .bff-banner2-content .text-2 .more-2-1 a .txt-2{font-size: 1.4rem;line-height: 2.6rem;color: #717171;margin-top: 0;font-weight: bold;}
                .bff-banner2 .bff-banner2-content .text-2 .more-2-1 a:hover{background-color: #3CC8DC;}
                .bff-banner2 .bff-banner2-content .text-2 .more-2-1 a:hover .pic-1{opacity: 1;filter: brightness(0%) invert(100%);}
                .bff-banner2 .bff-banner2-content .text-2 .more-2-1 a:hover .txt-2{color: #fff;}
    
    
    
                
                .bff-product-detial-bottom{display: flex;justify-content: space-between;}
                .bff-product-detial-bottom-left{width:46%;background-color: #fff;padding:2rem;}
                .bff-product-detial-bottom-left .pic-1{max-width:70%;width:70%;margin:4rem auto;}
                .bff-product-detial-bottom-left .pic-2{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;background-color:#e9ecef;transition: all .2s ease;box-sizing: border-box;border: 1px solid #dcdcdc;}
                .bff-product-detial-bottom-left .tur{border: 1px solid #3CC8DC;}
                .bff-product-detial-bottom-left .baikuan{position: relative;}
                .bff-product-detial-bottom-left .baikuan .swiper-button-next1{right:8%;}
                .bff-product-detial-bottom-left .baikuan .swiper-button-prev1{left:8%;}
                .bff-product-detial-bottom-left .baikuan .swiper-button-next1::after{font-size: 1.8rem;color: #000;font-weight: bold;}
                .bff-product-detial-bottom-left .baikuan .swiper-button-prev1::after{font-size: 1.8rem;color: #000;font-weight: bold;}
                .swiper-wrapper{height: auto;}
                .mySwiper6 {border: 1px solid #e3e3e3;margin-bottom: 1rem;position: relative;z-index: 6500;}
    
                .bff-product-detial-bottom-left a{position: relative;display: block;}
                .bff-product-detial-bottom-left a .button-1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:7.8rem;height:7.8rem;background-color: #3CC8DC;border-radius: 50%;z-index: 11;}
                .bff-product-detial-bottom-left a .button-1 img{width:2rem;height:2.5rem;display: block;position: absolute;left: 55%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
    
                .bff-product-detial-bottom-left a:hover .button-1{transform: translate(-50%, -50%) scale(1.1);transform-origin: center;}
    
                .bff-video2{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width:100%;z-index:7200;display: none;height: 100%;box-sizing: border-box;padding: 2rem;}
                .bff-video2 .lihan-history-content{width:100%;margin: auto;background-color: #fff;position: relative;box-sizing: border-box;z-index:200;}
                .bff-video2 .switch-3{position: absolute;right:2.5rem;top:2.5rem;display: block;z-index: 22;width:4rem;height:4rem;z-index: 10;}
                .bff-video2 .switch-3 .line-1{transform: translate(-50%,-50%) rotate(45deg);width: 2rem;height:2px;background-color:#009d85;position: absolute;top: 50%;left: 50%;}
                .bff-video2 .switch-3 .line-2{transform: translate(-50%,-50%) rotate(-45deg);width: 2rem;height:2px;background-color:#009d85;position: absolute;top: 50%;left: 50%;}
                .bff-video2 .line{position: absolute;z-index: 1;background-color: rgba(51,51,51,.05);width:200%;height: 2px;left:0;top:.8rem;}
    
                .bff-video2 .video{width: 100%;box-sizing: border-box;}
                .bff-video2 .video video{width: 100%;height: 100%;object-fit: contain;}
    
                .black-overlay {position: fixed;left: 0;top:0;width: 100%;overflow: hidden;transition:all .4s ease;}
                .black-overlay {height: 100%; z-index: -1; background: rgba(0,0,0,.7); opacity: 0;display:none;}
                .black-overlay.kur{display: block;opacity: 1;z-index:6000;}
    
    
    
                .bff-product-detial-bottom-right{width: 46%;padding:4rem 2rem;} 
                .bff-product-detial-right-top .title-1{font-size: 2.4rem;line-height: 3.6rem;color: #000;font-weight: bold;padding-bottom: 2rem;border-bottom: 3px solid #e5e5e5;}
                .bff-product-detial-right-top .txt-2{font-size: 1.8rem;color: #969696;padding: 2rem 0;line-height:3rem;border-bottom: 3px solid #e5e5e5;}
                .bff-product-detial-right-top .more-3{margin-top: 2rem;display: flex;}
                .bff-product-detial-right-top .more-3 a{border: 1px solid #acacac;display: flex;padding: .5rem 1.5rem;align-items: center;border-radius: 1rem;margin-right:1rem;}
                .bff-product-detial-right-top .more-3 a .pic-1{width: 2.6rem;height: 2.5rem;margin-right: 1rem;opacity: .7;}
                .bff-product-detial-right-top .more-3 a .txt-3{font-size: 1.6rem;color: #000;}
                .bff-product-detial-right-top .more-3 a:hover {background: #3CC8DC;}
                .bff-product-detial-right-top .more-3 a:hover .pic-1{filter: brightness(0%) invert(100%);opacity: 1;}
                .bff-product-detial-right-top .more-3 a:hover .txt-3{color: #fff;}
                .bff-product-detial-right-bottom{margin-top:6rem;}
                .bff-product-detial-right-bottom .bff-product-detial-up{position: relative;}
                .bff-product-detial-right-bottom .bff-product-detial-up .title-1{font-size:1.4rem;color: #000;} 
                .bff-product-detial-down .box-2{display: flex;justify-content: space-around;margin-top: 2rem;}
                .bff-product-detial-down .item-1{display: flex;flex-direction: column;margin-right: 2%;width: 24%;}
                .bff-product-detial-down .item-1 .pic-3{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;border: 1px solid #acacac;}
                .bff-product-detial-down .item-1 .txt-2{font-size:1.4rem;color: #000;text-align: center;margin-top: 1rem;}
                .bff-product-detial-down .item-1:last-child{margin-right: 0;}
                .bff-product-detial-right-bottom .swiper-button-next2{right:1%;}
                .bff-product-detial-right-bottom .swiper-button-prev2{left:86%;}
                .bff-product-detial-right-bottom .swiper-button-next2::after{font-size: 1rem;color: #585858;font-weight: bold;}
                .bff-product-detial-right-bottom .swiper-button-prev2::after{font-size: 1rem;color: #585858;font-weight: bold;}
    
    
                .script{padding: 2rem;}
                .script .title-1{font-size: 1.8rem;line-height: 4rem;color: #010101;font-weight: bold;padding-bottom: 1rem;border-bottom: 1px solid #e5e5e5;width: 100%;position: relative;}
                .script .title-1::after{content: '';width:9.8rem;height: 2px;background-color: #3CC8DC;position: absolute;left: 0;bottom: 0;}
                .script .txt-2{font-size: 1.4rem;color: #373737;margin-top: 2rem;line-height: 2.5rem;}
                
    
    
                .bff-productss{padding: 2rem;margin-top: 6rem;}
                .bff-product-detial-content .tite-1-1 { font-size: 3rem; line-height: 4rem; color: #010101; font-weight: bold; padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5; margin-bottom:3rem;}
                .bff-productss-bottom-lbt{position: relative;padding-bottom: 2rem;}
                .bff-productss-bottom-lbt .item-1{display: flex;justify-content: space-between;margin-bottom: 3rem;}
                .bff-productss-bottom-lbt .item-1 .pic{width:24%;margin-right: 1rem;border: 1px solid #acacac;}
                .bff-productss-bottom-lbt .item-1 .pic-1-4{margin-right: 0;}
    
                .bff-productss-bottom-lbt .swiper-pagination-bullet{background-color: #989898;opacity: 1;width: 1rem;height: 1rem;}
                .bff-productss-bottom-lbt .swiper-pagination-bullet-active{background-color: #58b4c0;}
                .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1rem;}
    
    
                .bff-Contact{padding: 2rem;margin-top: 6rem;}
                .bff-Contact .frame{display: flex;width: 100%;flex-direction: column;}
                .bff-Contact .frame .list-1{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
                .bff-Contact .frame input{padding:2rem;outline: none;border: none; border:1px solid #d1d1d1;color: #000;width:49%;margin-bottom:1.5rem;font-size: 1.8rem;box-sizing: border-box;}
                .bff-Contact .frame input:nth-child(2n){margin-right: 0;}
                .bff-Contact .frame input[type="text"]::placeholder {color: #858585;}
                .bff-Contact .frame .from-1{width: 100%;}
                .bff-Contact .frame .from-1 textarea{width: 100%; border:1px solid #d6d6d6;color: #000;outline: none;padding:1rem 2rem;font-size:1.8rem;height:10rem;font-family: PingFang SC, Montserrat-Regular, Arial, Helvetica, sans-serif;box-sizing: border-box;}
                .bff-Contact .frame .from-1 textarea[type="text"]::placeholder {color: #858585;}
                .bff-Contact .more-1{display: flex;margin:1.5rem 0 5rem;}
                .bff-Contact .more-1 a{color:#fff;font-size:1.8rem;background-color:#000;width:16rem;height:5rem;display: flex;justify-content: center;align-items: center;}
                .bff-Contact .more-1 a:hover{background-color:#3CC8DC;}
    
    
    
                @media screen and (max-width: 5120px) {    
                }
                @media screen and (max-width: 3840px) {  
                }
                @media screen and (max-width: 2560px) {	
                }
                @media screen and (max-width: 2048px) {
                }
                @media screen and (max-width: 1920px) {	   
                }
                @media screen and (max-width: 1680px) { 
                    
                }
                @media screen and (max-width: 1440px) {  
                    
                }
                @media screen and (max-width: 1366px) { 
                }
                @media screen and (max-width: 1280px) {  
                    
                }
                @media screen and (max-width: 1152px) { 
                    
                }
                @media screen and (max-width: 1024px) { 
                    
                }
                @media screen and (max-width: 980px) { 
                    
                }
                @media screen and (max-width: 640px) { 
                    html{font-size: 32.5%;}
    
                    .bff-banner-content .text-1{width: 75%;left: 5%;}
                    .bff-banner-content .text-1 .title-1{font-size:4rem;line-height: 3.5rem;}
                    .bff-product-content{width:100%;margin-top:0;}
                    .bff-product-wrap-bottom .item,.bff-download-content-bottom .item,.bff-news-bottom .box-2 .item,.bff-contact-bottom-left
                    ,.bff-contact-bottom-right,.bff-about-bottom-left,.bff-about-bottom-right,.bff-about-bottoms-lbt .item-1,.bff-product-detial-bottom-left{width: 100%;}
                    .bff-product-wrap-bottom .item{margin-right:0;}
                    .bff-product-wrap-bottom .item .text-2 .txt-2{width:45%;}
                    .bff-banner2 .bff-banner2-content .text-2 .inner-1 .more-2,.bff-banner2 .bff-banner2-content .text-2 .more-2-1{display: none;}
                    .bff-product-wrap-bottom2 .box .item{width: 49%;margin-right:2%;margin-bottom:2%;}
                    .bff-product-wrap-bottom2 .box .item:nth-child(2n){margin-right:0;}
    
                    .bff-product-wrap-bottom2-nav{flex-wrap: wrap;}
                    .bff-product-wrap-bottom2-nav a{width: 48%;margin-bottom: 1rem;}
                    .bff-banner-content .pic{width: 200%;}
                    
                    .bff-download-content-bottom .box-1,.bff-banner2 .bff-banner2-content .text-2,.bff-banner2 .bff-banner2-content .text-2 .inner-1,.bff-product-wrap-bottom4 .item-2
                    ,.bff-contact-bottom,.bff-about-bottom-content,.bff-about-bottoms-lbt .wrap-1-1{flex-direction: column}
                    .bff-banner2 .bff-banner2-content .text-2 {width:100%;align-items: normal;margin-top: 5%;}
                    .bff-banner2 .bff-banner2-content .text-2 .inner-1 .title-1{font-size:3rem;line-height: 5rem;}
                    .bff-banner2 .bff-banner2-content .text-2 .inner-1{align-items: normal;}
                    .bff-product-wrap-bottom4 .text-1,.bff-product-wrap-bottom4 .item-2 a,.bff-contact-bottom-left .text-2 .txt-2,.bff-contact-bottom-left .text-2 .txt-1
                    ,.bff-about-bottom-right .title-1,.bff-about-bottom-right .txt-2,.script .txt-2{line-height: 4rem;}
    
                    .bff-about-bottom-right{margin-top:3rem;}
    
                    .swiper-button-prev1 { top: 99%; left: 40%;}
                    .swiper-button-next1 { top: 99%; right: 40%; }
                    
                    .turnpage a{width: 8rem; height: 8rem; line-height: 8rem;}
                    .turnpage a i { width: 5.5rem; height: 6.5rem;}
                    .bff-about-wrap-top .icon-2{width: 30%;}
                    .bff-about-wrap-top .icon-2 .sg1{width: 5.5rem;height: 5.5rem;}
                    .bff-about-wrap-top .icon-2 .sg2 { width: 1.2rem; height: 2rem;}
                    .bff-about-wrap-top .icon-2 .sg3{width: 2.8rem;height: 2.7rem;}
                    .bff-about-wrap-top .icon-2 .sg4 { width: 3rem; height: 2.8rem; }
                    .bff-about-wrap-top .icon-2 .sg5 { width: 3.4em; height: 3.4rem; }
                    .bff-product-wrap-bottom2 .box .item a .title-2{position: initial;transform:none;opacity: 1;width: 100%;text-align: center;padding: 2rem 0;border-top: 1px solid #e3e3e3;}
                        
    
                }