body{margin:0}
*{margin:0;padding:0;box-sizing:box-sizing;line-height:1.5;
    font-family:"Courier New", Courier, monospace !important
}
  ul,li{list-style-type:none;margin:0;padding:0}
.container{width:1440px;margin:0 auto}
.container2{width:1600px;margin:0 auto}
  a{text-decoration:none !important;color:black}
  .color a{color:#003486 !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; 
}
.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% !important;}
.relative{position: relative;}
.pointer{cursor: pointer;}
.black{color: #111 !important;}
.color{color: #4f12cd;}
.color2{color: #8a8a8a;}
.border_bom{border-bottom: 2px solid #00a0e9;}
.backcolor{ background-color: #4f12cd;}
.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;}
.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 #003486;}
.indent2{
    text-indent: 2em;
}
.padd30{padding: 20px 30px !important;}

.male10{margin-left: 10px; !important}
.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 !important;}

.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}

.hide{display: none;}
.visibility{visibility:hidden}
.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; /* 使用省略号 */
}



.home_main{min-height:60vh;padding:40px 0 65px}



@media(max-width:1600px){
    
     .container{
        width:1140px;
    }
  
 .Products_block  .pro_box{margin-left:50px}
 
}
@media(max-width:1200px){
         .container{
        width:940px;
    }
}
@media(max-width:1000px){
         .container{
        width:100%;
    }
}
@media(max-width:768px){
    .home_box .shop_menu{position:unset;width:100%}
   .home_box .shop_list{display:none}
   .home_box .shop_menu li{text-align:left;border-top:1px solid rgb(224, 224, 224);padding:10px 20px}
   
   .home_main{padding:30px 0}
   .home_main .container{padding:0}
   .home_main .home_box{width:100%}
   
   .headBox{height:100px;}
   .headers{height:100px;padding:10px;position:fixed;top:0;left:0;width:100%;background:white;z-index:9;}
   .bottom_block{padding:30px 0 !important}
    .shop_menu ul{border-bottom:1px solid rgb(224, 224, 224);}
    
    .Products_block{flex-direction:column}
.Products_block  .pro_imgage{width:100%}
.Products_block .pro_box{margin-left:0}
.Products_details .bot-right{margin-top:30px}
}