body{margin:0;
    font-size: 14px;
}
*{margin:0;padding:0;box-sizing:box-sizing;line-height:1.6;
    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}
  ul,li{list-style-type:none;margin:0 }
.container{width:1440px;margin:0 auto;padding:0}
  a{text-decoration:none !important;color:black}
  li a:hover{color:#fe744a !important}
.center{ text-align: center;}
.right{ text-align: right;}
.middle{ vertical-align: middle;}
.flexBox{   
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; 
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; 
}
/*a:hover{color:#fe744a}*/
.border_box{
	box-sizing: border-box ;
}
.fixed{position: fixed;top: 0;left: 0;width: 100%;}

.z-999{z-index: 999;}
.z-99{z-index: 99;}
.flex{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex_1{flex: 1;}
.overflow{overflow: auto;}
.flex_between{-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex_around{-webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; }
.wrap{flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex_start{align-items: start;}
.flex_end{align-items: end;}
.flex_column{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column}
.white{color: white !important;}
.translate{transform: translate(-50%,-50%);}
.flex_items{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.justify_center{justify-content: center;}
.radius50{border-radius: 50%;}
.width_100{width: 100%;}
.height100{height:100%}
.relative{position: relative;}
.pointer{cursor: pointer;}
.black{color: #111 !important;}
.color{color: #fe744a !important;}
.border_bom{border-bottom: 2px solid #00a0e9;}
.backcolor{ background-color: #fe744a;}
.hidden{overflow: hidden;}
.transition{transition:all .5s}
.line-15{ line-height: 1.5;}
.backwhite{background-color: white;}
.col_999{ color: #999;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.inlineb{display: inline-block}
.font18{font-size: 18px;}
.font20{ font-size: 20px;}
.font22{ font-size: 22px;}
.font24{ font-size: 24px;}
.font26{ font-size: 26px;}
.font28{ font-size: 28px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font34{ font-size: 34px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font42{ font-size: 42px;}
.font44{ font-size: 44px;}
.font46{ font-size: 46px;}
.font48{ font-size: 48px;}
.font50{ font-size: 50px;}
.font52{ font-size: 52px;}
.font56{ font-size: 56px;}
.border{border: 1px solid #fe744a;}
.indent2{
    text-indent: 2em;
}
.padd30{padding: 20px 30px !important;}

.male10{margin-left: 10px;}
.male20{margin-left: 20px;}
.male30{ margin-left: 30px !important;}
.male40{ margin-left: 40px;}

.mbot10{margin-bottom: 10px;}
.mbot20{margin-bottom: 20px;}
.mbot30{margin-bottom: 30px}

.mtop10{margin-top: 10px;}
.mtop20{margin-top: 20px;}
.mtop30{margin-top: 30px;}
.mtop40{margin-top: 40px;}

.mar10{margin-right: 10px;}
.mar20{margin-right: 20px;}
.mar30{margin-right: 30px;}
.mar40{margin-right: 40px;}

.line2{
    line-height: 2;
}
.line30{
    line-height: 30px;
}
.block{display: block;}
.radius50{border-radius: 50px}
.bold{font-weight: bold;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}

.fw800{font-weight: 800;}
.fw900{font-weight: 900 !important;}

.bordernone{
    border-radius:0px !important;
}
.Masking{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);
}
.phoneshow{display:none}

.titlee{font-size:46px;margin-bottom:55px;font-weight:bold}
.hide{display: none;}
.visibility{visibility:hidden}
.strike { text-decoration: line-through;}
.absolute{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.ellipsis2{
       display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
      -webkit-box-orient: vertical; /* 垂直排列 */
      -webkit-line-clamp: 2; /* 限制显示两行 */
      overflow: hidden; /* 隐藏超出范围的内容 */
      text-overflow: ellipsis; /* 使用省略号 */
}
.ellipsis1{
       display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
      -webkit-box-orient: vertical; /* 垂直排列 */
      -webkit-line-clamp: 1; /* 限制显示两行 */
      overflow: hidden; /* 隐藏超出范围的内容 */
      text-overflow: ellipsis; /* 使用省略号 */
}

 .post_video{position:fixed !important;width:100%;height:100%; z-index:9999;background:rgba(0,0,0,0.7) !important}
        .video_box{width:50%;}
        .post_video video{width:100%}
        .post_video .closex{color:white;font-size:30px;position:absolute;right:-30px;top:-30px;}


.brandBox{position:absolute;top:50%;left:0;transform:translateY(-50%)}
    .silder ul{display:flex;justify-content:center;gap:130px}
    .silder li{padding:20px;font-size:18px}

.silder{position:sticky;left:0;top:73px;background:white;z-index:9;border-top:1px solid #ddd}
.rotate{transform:rotate(180deg)}

.morebtn{display:inline-block;color:white;background:#fe744a;padding:10px 45px;border-radius:50px;font-size:16px}

.btnHover1{transition:all 0.5s}
.btnHover1:hover{background:black}

.btnHover2{transition:all 0.5s}
.btnHover2:hover{background:#fe744a;color:white !important}

.swiper-button-next, .swiper-button-prev{color:#fe744a}
.swiper-pagination-bullet-active {background:#fe744a}


@media(max-width:1000px){
    .header_main{display:none}
    #header .phoneNav{display:flex}
}

@media(max-width:1600px){
    
       .container{
        width:85%;
    }

 
}






@media(max-width:768px){
        .phoneshow{display:block}
    .pcshow{display:none}
    .container{width:95%}
    .brand_block h1{font-size:36px}
    .brand_img{height:400px;object-fit:cover}
    .titlee{font-size:26px;margin-bottom:30px}
    
    .home_product{flex-direction:column;gap:20px}
    .product_sile{width:100%}
    
    .product_box{margin-left:0px;grid-template-columns:repeat(1,1fr)}
    .pro_name{padding:10px 5px}
    .product_box .product_item{min-height:auto}
    .latest_main{grid-template-columns:repeat(1,1fr);padding:0}
    
    .latest_post img{width:100%}
    .latest_post{text-align:center;width:100%;height:auto}
    .brand{padding:50px 10px}
    .product_main,.latest{padding:50px 0}
    
    .bot_left{display:none}
    .bottom_nav,.bc-rd{flex-direction:column;}
    .bottom .bc-rd{margin:40px 0}
    .dyue{margin-top:30px}
    .bottom_nav .bot_right ul{grid-template-columns:repeat(1,1fr)}
    .uptop{display:none}
    
    .brandBox h2{font-size:36px}
    .hitbox{flex-direction:column !important;gap:0px}
    .hitbox_t1 img{width:100%}
    .box2{grid-template-columns:repeat(1,1fr)}
    .Corporate_box{padding:20px}
    .font46{font-size:36px}
    .Corporate_box div{margin-top:20px}
    
    .swiper-button-next, .swiper-button-prev{width:50px;height:50px}
    .swiper-button-next:after, .swiper-button-prev:after{font-size:20px}
    .box4_crid{grid-template-columns:repeat(1,1fr)}
    
    .product_sile{display:none}
    
    .video_box{width:80%}
    .brand_box p{width:100%;display:none}
    
    .silder ul{gap:20px;flex-wrap:wrap;align-items:center}
    .silder li{width:40%;text-align:center;padding:10px}
    .video_list{grid-template-columns:repeat(1,1fr)}
    
    .step_block{flex-direction:column}
    .step_solide{width:100%}
    .setp_box{padding:20px}
    .select_box{grid-template-columns:repeat(2,1fr)}
    .pro_swhite ul{gap:10px}
    .MANUAL_list_item{flex-direction:column;padding:10px}
    .MANUAL_list_item div{width:100%;}
    .MANUAL_list_item img{width:100%}
    
    .faq_list li div {padding:20px}
    .faq_list li p{padding:20px}
    .main_block{padding:40px 0}
    .rec_tit{padding:10px;align-items:center}
    .it-post{padding:20px}
    
    .tdd2{flex-direction:column;padding:10px}
    
    .listBox{grid-template-columns:repeat(1,1fr)}
    .list_main{grid-template-columns:repeat(1,1fr)}
    .mackList{grid-template-columns:repeat(1,1fr)}
    .mackcont{margin:0}
    .mackTech{flex-direction:column}
    .sidebar{width:100%;padding:0;margin-bottom:20px}
    .titleub{display:none}
    .typeBox ul li a{padding:10px 30px}
    .dtacer{width:90%}
    .contact{flex-direction:column;}
    .contact #map{width:100%;flex:auto !important}
    .contact_info{width:100%}
    
    .contact_main{padding:20px 0}
    .submit{width:100%}
    
    .proinfo{flex-direction:column}
    .proinfo_image img{width:100%}
    .navbar{display:none}
    .parameter{padding:10px}
    .parameter li{font-size:14px}
    .parameter ul{grid-template-columns:repeat(1,1fr)}
    .form_item{width:100%}
    .news-list {
        grid-template-columns:repeat(1, 1fr)
    }
    .datailsidel{display:none}
    .detailscont{margin:0}
    .font36{font-size:26px}
    
    .rec_tit{flex-direction:column;align-items:baseline}
    .rec_tit span{width:auto}
    
    .latest_item{height:auto}
    .font24{font-size:20px}
    .proew1{width:100%}
    .proew2{margin-top:20px;padding-left:0;margin-bottom:40px}

    .pro_swhite li{padding:10px}
    .font30{font-size:24px}
    
    .pro_post,.morebtn {display:none !important}
    .latest_model>div{display:none}
    
    .silder li{font-size:14px}
    .rec_tit{position:relative}
    .expand2 {position:absolute;bottom:8px;left:50%}
    
}