/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2023-08-09 16:28:36
*/
/*banner*/

.wrap{width: 14.4rem !important;}

.navson ul{display:none;}

/*banner*/

.banner{display:none !important;}
#banner{width:100%;position:relative;overflow:hidden;height:9.3rem;}
#banner .wrap{width: 85%;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 0.55rem;height: 0.55rem;left:0.5rem;}
#banner .swiper-button-next {outline：none;background: none;width: 0.55rem;height: 0.55rem;right:0.5rem;}
#banner .swiper-pagination-bullets{bottom: 0.5rem !important;}
#banner .swiper-pagination-bullet{width: 4% !important;height: 2px;background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 0rem !important;margin:0rem 0.1rem;}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}

#banner img{width: 100%;display: block;}
#banner .biao p{padding-top: 2.8rem;font-size: 0.6rem;color: #fff;margin-bottom: 0.5rem;}
#banner .biao span{font-weight: bold;display: block;}
#banner .biao{font-size: 0.22rem;color: #fff;}

#banner .more{width: 1.4rem;height:0.5rem;line-height:0.5rem;background: #0059aa;color: #fff;display: block;text-align:center;margin-top: 0.7rem;border-radius: 0.5rem;font-size: 0.14rem;}

#banner .dian a{width: 1.83rem;height: 0.54rem;display: block;margin-right: 0.5rem;float: left;margin-top: 0.8rem;}
#banner .tu{width: 7.41rem;height: 2.02rem;display: block;margin-top: 25%;}


#banner .c-wrap{position:absolute;width:100%;text-align:center;top:3.5rem;left:0;}



.sub-menu{display:none;position:absolute;width:100% !important;padding:0 10%;background:#fff;} 

/*代工模式*/

#daig .wrap{width: 14.4rem !important;margin:0 auto;margin-top: 1.5rem;}
#daig .wrap .fl{width: 7.04rem;height: 8.6rem;background: url(/statics/images/index/zuo1.jpg)no-repeat center;background-size: 100%;overflow: hidden;padding:0 0.2rem;font-family: 'ali';float: left;}
#daig .wrap #fl p{font-size: 0.6rem;color: #101010;font-weight: bold;padding-top: 0.85rem;padding-bottom: 0.1rem;}
#daig .wrap #fl span{font-size: 0.24rem;color: #101010;}
#daig .wrap #fl .dian{margin-top: 0.4rem;}
#daig .wrap #fl ol{height: 0.55rem;line-height:0.55rem;padding:0 0.25rem;background: rgba(255,255,255,0.5);display: inline-block;border-radius: 0.55rem;margin-right: 0.2rem;font-size: 0.18rem;color:#101010;margin-bottom: 0.2rem;}
#daig .wrap .fr{width: 7.04rem;height: 8.6rem;background: url(/statics/images/index/you1.jpg)no-repeat center;background-size: 100%;overflow: hidden;padding:0 0.2rem;font-family: 'ali';float:right;}


/*电动牙刷*/



.c-home3{height: 250vh !important;margin-top: 1.5rem;}



#bg1{width: 100%;height: 8.5rem;display: block;background:url(/statics/images/index/bg1.jpg)no-repeat center;overflow: hidden;background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

#bg1 .fl{margin-top: 1rem;}


#bg1 img{width: 1.63rem;height: 0.27rem;display: block;margin:0 auto;}
#bg1 p{font-size: 0.6rem;color: #333;text-align: center;padding: 0.2rem 0;}
#bg1 span{font-size: 0.26rem;color: #333;}
#bg1 a{font-size: 0.22rem;color: #333;display: block;text-align: center;padding-top: 0.5rem;}
#bg1 a img{width: 0.1rem;height: 0.19rem;display: inline-block;margin-top: 0.08rem;margin-left: 0.1rem;}

.c-cm{height: 140% !important;}


/*解决方案*/
#fangan{
    margin-top: 0%;
    left: 0;
    z-index: 50;
    width: 100%;
  }


.public-box1{text-align: left !important;}

.ptb160{padding:0 !important;}


#fangan .title{font-size: 0.6rem;color: #101010;} 
#fangan .bottom{width: 100%;height: 7rem;margin-top: 0.6rem;position:relative;}
#fangan .bottom .fl{width: 5.8rem;padding:0 0.5rem;padding-top: 0.95rem;color: #101010;font-family: 'ali';line-height: 0.35rem;position:relative;z-index:1;}
#fangan .bottom .fl p{font-size: 0.2rem;margin-bottom: 0.35rem;}
#fangan .bottom .fl p span{font-size: 0.24rem;color: #101010;display: block;}

#fangan .more{font-size: 0.18rem;color: #0061ee;display: block;padding-top: 0rem;}
#fangan .more img{width: 0.08rem;height: 0.15rem;display: inline-block;margin-top: 0.1rem;margin-left: 0.1rem;}

#fangan .dian{margin-top: 0.7rem;}
#fangan .dian a{width: 2.15rem;height: 0.55rem;line-height: 0.55rem;border-radius: 0.55rem;display: block;float: left;background: #b2b1b0;color: #fff;text-align: center;margin-right: 0.2rem;margin-bottom: 0.3rem;}
#fangan .dian a:hover{background: #0061ee;}
#fangan .dian a.active{background: #0061ee;}

#fangan .tab-con{position:absolute;top:0;left:0;z-index:0;}
#fangan .tab-con img{width:100%;display:block;}
/*sp*/
#sp{width: 100%;height: 8.5rem;background: url(/statics/images/index/sp.jpg)no-repeat center;background-size: cover;margin-top: 1.5rem;}
#sp img{width: 100%;display: block;}


/*#核心技术*/




/*优点*/
#youdian{width: 100%;background: #fff;height:4rem;position:relative;z-index: 1;}
#youdian .wrap{width:15rem !important;}
#youdian li{width: 14.28%;float: left;text-align: center;font-size: 0.18rem;color: #101010;padding: 1.3rem 0 0;}
#youdian li img{width: 1rem;display: block;margin:0 auto;padding-bottom: 0.2rem;}
#youdian li span{font-size: 0.34rem;font-weight: bold;padding-right: 0.05rem;}





#zixun{width: 100%;height: 8.3rem;background:#f2f4f7;margin-top: 2.3rem;position: sticky;
    top: 0;
    height: 100vh;}
#zixun .shang .fl{font-size: 0.64rem;color: #333333;}
#zixun .shang .fr{font-size: 0.18rem;color: #666666;line-height: 0.3rem;padding-top: 0.1rem;}
#zixun .shang{padding-bottom: 0.7rem;padding-top: 1.2rem;height: 0.8rem;}



.tab-menu3 ul li{ 
display: inline-block;
cursor: pointer;
font-size: 0.2rem;
color: #333;
background: #fff;
float: left;
height: 0.8rem;
line-height: 0.8rem;
float:left;
letter-spacing: 1px;
text-align: center;
border-radius: 0.8rem;
margin-right: 0.42rem;
}


.tab-menu3 ul li span{color:#444854;font-weight: bold;padding-bottom: 0.1rem;}
.tab-menu3 ul li:last-child{margin-right: 0;}
.tab-menu3 ul li.active span{color: #00d5de;border-bottom:3px solid #00d5de;}

.tab-con3 .lll{display: none;width: 100%;padding-top: 1rem;}
.tab-con3 .lll a{width:4.6rem;overflow: hidden;display: block;float: left;margin-right: 0.3rem;}
.tab-con3 .lll a img{border-radius: 0.3rem;width: 4.6rem;display: block;}

.tab-con3 .lll a .div{display: block;width:100%;}
.tab-con3 .lll a .div p{font-size: 0.26rem;color: #101010;padding-top: 0.4rem;padding-bottom: 0.15rem;}
.tab-con3 .lll a .div span{font-size: 0.18rem;color: #0061ee;}
.tab-con3 .lll a .div i{width: 0.08rem;height: 0.15rem;overflow: hidden;display: inline-block;margin-left: 0.1rem;}
.tab-con3 .lll a .div i img{width: 100%;display: block;}
.tab-con3 .lll a:last-child{margin-right: 0;}
.tab-con3 .lll:first-child{display: block;}


.c-home2{width:100%;margin:0 auto;margin-top:1rem;height:8.5rem;position:relative}
.c-home2 .c-text-box{position:absolute;width:100%;text-align:center;z-index:99;top:3.2rem;left:0;}
.c-home2 .c-text-box p{font-size:0.6rem;color:#fff;}
.c-home2 .c-text-box a{display:block;margin-top:0.25rem;}
.c-home2 .c-text-box img{width:1.2rem;display:block;margin:0 auto;}


#hexin .title{font-size: 0.6rem;color: #101010;padding-top:1.45rem;} 
#hexin .bottom{margin-top:0.5rem;position:relative;}
#hexin a{width:100%;height:6.5rem;position:relative;border-radius:0.46rem;overflow:hidden;display:block}
#hexin a img{width:100%;display:block;border-radius:0.46rem;}
#hexin a .wen{font-size:0.24rem;color:#101010;position:absolute;top:1.4rem;left:0.7rem;}
#hexin a .wen p{font-size:0.6rem;padding-bottom:0.1rem;}
#hexin .li1{z-index:1;width:100%;top:0;left:0;transition:0.5s}
#hexin .li2{z-index:-1;width:95%;top:1rem;transition:0.5s;position:absolute;left:2.5%;}

#hexin .bottom:hover .li2{z-index:1;width:100%;top:0;left:0;}
#hexin .bottom:hover .li1{z-index:-1;width:95%;top:1rem;left:2.5%;}



video{
    width:100%;
    height:100%;
    object-fit:fill;  
}


/* 视频弹出 */


.dialog-header{display: none;}
.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 10rem;
  height: 100%;
  padding: 32px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }

.customClass video{width:100%;}

.header .fr .we1 img{margin-top:0rem;}
.box-active .we1 img{margin-top:-0.24rem !important;}


.tab-con div{display:none;}