*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
 
@media screen and (max-width: 1280px){
 
 

}
@media screen and (max-width: 1024px){
 

}
@media screen and (max-width: 980px){

#content{  max-width:100%;  }
.content{ width:100%; margin:0 auto; } 
 
#bxheader{ height:60px; border-bottom:rgba(204,204,204,0.3) solid 1px;  }   
.headerbx > .bxlogo{ width:126px; vertical-align:middle; text-align:left; }
.headerbx > .bxlogo > .logobx img{  max-height:46px;  }  
.headerbx > .bxmenu > .menubx.desktop{ display:none;  }
.headerbx > .bxmenu > .menubx.mobile{ display:block; position:relative; padding:0; }
.headerbx > .bxmenu{  vertical-align:middle;   }
.bxnavm{ display:inline-block; position:relative;  margin-right:9px; vertical-align:middle; }

#navmb {
  width:20px; height:16px; position: relative; margin:0; cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#navmb span {
  display:block; position:absolute; height:2px; width:100%; background:#000000; opacity:1; left:0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
 
#navmb{ }
#navmb span:nth-child(1) {
  top: 2px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#navmb span:nth-child(2) {
  top: 7px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#navmb span:nth-child(3) {
  top:12px; width:12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#navmb.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top:0px; left:1px; }

#navmb.open span:nth-child(2){ width:0%; opacity:0; }
#navmb.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 14px; left: 1px; width:100%; }


#bxnavmobile{ 
 display:none; position:fixed; top:60px; width:100%; height:100%; overflow:auto;  z-index:9999;  }
.bxmenumobile{ display:block; position:relative; background:#ffffff; margin-bottom:100px; border-bottom:#000 solid 3px; } 
/*.bxmenumobile ul{ padding:0; margin:0; list-style:none; }
.bxmenumobile ul li{ display:block; position:relative; border-bottom:rgba(204,204,204,0.3) solid 1px;  }
.bxmenumobile ul li a{ display:block; position:relative; padding:10px; color:#000000; transition:ease 0.5s;   }
.bxmenumobile ul li a.mactiv,
.bxmenumobile ul li a:hover{ color:#f15922; }
*/
.mpane{ display:block; position:relative; } 
.mpane .mmcc{ 
  display:block; position:relative; cursor:pointer; padding:10px; text-align:left;  transition:ease 0.5s; 
  background:url(../img/icon-down-black.png) 90% no-repeat;  border-bottom:rgba(204,204,204,0.3) solid 1px;  }
.mpane .macc.mactiv{ color:#f15922;  } 
.macc_body{	display:none; background-image:none !important;  padding:0; background-color:#f1f1f1; font-size:18px; }

.mmcclink{ 
 display:block; position:relative;  border-bottom:rgba(204,204,204,0.3) solid 1px;  background-image:none !important;   }
.mmcclink a{ display:block; position:relative; color:000000; padding:10px; transition:ease 0.5s;  }
.mmcclink a.mactiv,
.mmcclink a:hover{ color:#f15922;  }
 
.bxmsub{ display:block; position:relative; padding:6px 20px; color:#000000; border-bottom:rgba(204,204,204,0.2) solid 1px;  } 
.bxmsub > a{ display:block; position:relative; color:#666666; transition:ease 0.5s; }
.bxmsub > a.mactiv,
.bxmsub > a:hover{ color:#f15922;  }
 


#bxnavmobile .bxsearch{ display:block; position:relative; padding:16px 10px;  }

#bxinner{ display:block; position:relative; margin-bottom:10px; padding-top:60px; }

.bxproduct{ padding:26px 0; }
.productbx > .l{ width:30%; }
.productbx > .r{ width:70%;  }

.bxcatalog{ padding:26px 0 39px; min-height:220px;  }

a.catalogbx{  width:48%; margin-right:0px;   margin-bottom:16px;  }
a.catalogbx > .bx{  padding:10px; }
a.catalogbx.one{ float:left; }
a.catalogbx.two{ float:right; } 
 
.catalogbx{  width:48%; margin-right:0px;   }
.catalogbx.one{ float:left; }
.catalogbx.two{ float:right; } 

a.catalogbx > .bx > .bxtxt{  font-size:20px; }
.catalogbx > .bxtxt{ font-size:20px;  }

 
}
 

@media screen and (max-width: 640px){
	
.homenewsbx > .left{ width:100%;  }
.homenewsbx > .right{ width:100%;  }
#bxfooter{ padding:16px;   }
.bxfooter > .l{  width:100%; padding:0 0 26px;  }
.bxfooter > .r{  width:100%; text-align:left; }	
.bxfootercopy{  padding:10px 16px; font-size:13px; }

.newsbx{   padding:0 0 39px; }
.bxhomenews-bxh{  width:100%;  }
.bxhomenews{ padding:16px 16px 10px; } 

.footerbxlink ul li{ width:100%;  } 
 
.footerbx > .txt1{ font-size:22px; line-height:22px;  }
.footerbx > .txt2{ font-size:18px; padding-bottom:20px; }
.footerbx > .txt3{  font-size:18px; line-height:16px;   } 
.footerbx > .txt3 img{ height:32px; }

.productbx > .l{ width:40%; }
.productbx > .r{ width:60%;  }

.probxh{ display:block;  }
.probxh > .c1{ display:block; width:100%; }
.probxh > .c2{ display:block; width:100%; padding:10px 0;  }
.probx{ display:block;  padding:0 0 16px;  }
.probx > .c1{ display:block; width:100%;  }
.probx > .c2{ display:block; width:100%;  }


 
}

@media screen and (max-width: 480px){ 
.productbx{ display:block;  padding:10px 0;  } 
.productbx > .l{ display:block; width:100%; padding:0 0 10px; }
.productbx > .r{ display:block; width:100%;  } 
.productbx > .l > .bximg{  width:100%;  }

a.catalogbx{  width:100%; }
.catalogbx{  width:100%;  }

}

@media screen and (max-width: 360px){


}

@media screen and (max-width: 320px){
 	

}