*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
 

@media screen and (max-width: 1280px){
 
 
}

@media screen and (max-width: 1080px){
 
.content{ width:92%; max-width:750px; }
	
#header{ display:none;  }
#headermobile{ display:block; position: relative;  width: 100%; left: 0;  top: 0; z-index:9999; background:#fff;  }
.bxheader{ height:60px;  z-index:699;  } 
.bxheader > .tb{ display:table;   }
.bxheader > .tb > .c1{ display:table-cell;  width:100%; text-align:center; }
.bxheader > .tb > .c2{ display:none;  }
	
#bxnavmb{ display:block; position: absolute; left:0; top:0;   }	
.bxnavmb{ display:table-cell; position:relative; width:80px; height:60px; vertical-align: middle; }
#navmb{ 
  display:inline-block; width:26px; height:18px; position: relative; margin:0; cursor: pointer; vertical-align:middle; 
  -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:3px; width:100%; background:#bfa013; opacity:1; left:0; vertical-align:middle; 
  -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; border-radius:4px;  }
#navmb span:nth-child(1) {
  top: 0px; -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:14px; -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:0px; }
#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:18px; left: 0px; width:100%; }
	
#navmb > .txt{ display:block; position:absolute; right:0; left:36px; top:-4px; color:#bfa013; }	


	
#bxnavmobile{ display:none; position: absolute; top:0; left:0; right:0px; z-index:199;   }	
.bxnavmobile{ display:block; position:relative; background:#fff; padding:60px 0 0;  }
.bxnavmobile  > .bxtop{ display:block; position: relative; background:#bfa013; height:53px;   }	
.bxnavmobile  > .bxtop > .icontg{ display:block; position:absolute; width:20px; height:20px; top:-20px; left:4%; margin-left:36px; }	
.bxnavmobile  > .bxtop > .icontg > span{
  width: 0; height: 0; position: absolute; bottom:0; 
  border-left: 10px solid transparent; border-right: 10px solid transparent;  border-bottom: 10px solid #bfa013;	 }
	
.bxnavmobile  > .bxtop > .tb{ display:table; position: relative; width:100%; height:100%;  }
.bxnavmobile  > .bxtop > .tb > .tc{ display:table-cell; position: relative; vertical-align: middle;   }	
.bxmenutop{ color:#fff;  } 
.bxmenutop ul > li{ margin-right:12px; }
.bxmenutop a{  color:#fff;   } 
	
.icon-globe{ background: url("../img/icon-globe-white.png"); background-size:100%; } 
.icon-home{ background: url("../img/icon-home-white.png");  background-size:100%;  } 
.icon-call{ background: url("../img/icon-call-white.png");  background-size:100%;  } 
.icon-pin{ background: url("../img/icon-pin-white.png");  background-size:100%;  } 

.social-icon{ display:block; position:relative; width:100%; height:100%; border-left:1px solid #fff; }
.social-icon > .tb{ display:block; position: relative; width:100%;  }	
.social-icon > .tb > .c1{ display:inline-block; position: relative;   }
.social-icon > .tb > .c2{ display:inline-block; position: relative;  }	
.social-icon a > .icon{  color:#fff;  }
 
.bxmenumobile{ display:block; position: relative; margin:0; padding:0; }	
.bxmenumobile > ul{ list-style:none; padding:0 0 0 0; margin:0;  }	
.bxmenumobile > ul > li{ display:block; position: relative; border-bottom:#eee solid 1px; padding:10px 16px; }
.bxmenumobile > ul > li > a{ color:#999; }	
.bxmenumobile > ul > li > a.active{ color: #bfa013; }
	
 
#bxlead{ height:360px;   }
	
 
.bxnamecat{  width:48%; }   
.bxitemlist{ text-align: center; }	
.bxitemlist > .bxitem{ width:48%; margin-right:0;  }
.bxitemlist > .bxitem:nth-child(2n){ margin-left:3%;   }	
.bxitemlist > .bxitem:nth-child(3n){ margin-right:0;  }

 
.bxitemlist > .bxitem.itemwidth{ width:auto; margin-right:12px;  }
.bxitemlist > .bxitem.itemwidth:nth-child(2n){ margin-left:0;   }	
.bxitemlist > .bxitem.itemwidth:nth-child(3n){ margin-right:12px;  }
.bxitemlist > .bxitem.itemwidth > .itembx > .bximg > img{ width:auto; height:236px; }	
	
 
.bxfooter > .bximg{ width:40%;  }
.bxfooter > .bxlink{ width:60%; }

.footerbximg > .tb > .c1{ display:none;  width:0; }  
.footerbximg > .tb > .c2 > .bx{  margin:0 0 0 auto; }

.footerbxlink > .tb{ display:block;  }
.footerbxlink > .tb > .tc{ display:inline-block; position: relative; width:49%; vertical-align: top; }
.footerbxlink > .tb > .tc > .bx{ width:100%;  }
.footerbxlink > .tb > .tc:last-child{ width:100%;  }
.footerbxlink > .tb > .tc:last-child > .bx{ margin:0; }
.footerbxlink > .tb > .tc:last-child > .bx > ul{ padding:0;  }	
.footerbxlink > .tb > .tc:last-child > .bx > ul li{ display:inline-block; width:49%;   }	
.footerbxlink > .tb > .tc:last-child > .bx > ul li::before{ content: url("../img/bullet-polygon-white.png"); margin-left:8px;  left:-6px; position: relative; }	
 
	
  
 	
}


@media screen and (max-width:960px){ 
 	
	
}


@media screen and (max-width:640px){	
	 	
	
.content{ width:90.625%; }	
	
 
.bxnavmobile  > .bxtop{ height:auto; padding:0 0;    }	  	
.bxnavmobile  > .bxtop > .tb{ display:table; position: relative; width:100%; height:100%;  }
.bxnavmobile  > .bxtop > .tb > .tc{ display:table-cell; position: relative; vertical-align: middle; }	
.bxmenutop{ color:#fff; } 
.bxmenutop ul{ margin:0; padding:0;  }
.bxmenutop ul > li{ display:block; margin-right:0; padding:16px; border-bottom:#fff solid 1px; }
.bxmenutop ul > li:nth-child(2){ display:block; width:60%;   }
.bxmenutop ul > li:nth-child(3){ display:inline-block; width:49%;   }
.bxmenutop ul > li:nth-child(4){ display:inline-block; width:49%; margin-left:-10px;   }
.bxmenutop ul > li:nth-child(6){ padding:0; }
	
.social-icon{ border-left:0px solid #fff; }
.social-icon > .tb{ display:table;   }	
.social-icon > .tb > .c1{ display:table-cell; width:50%; text-align: center; border-right:1px solid #fff; padding:16px;  }
.social-icon > .tb > .c2{ display:table-cell; width:50%; text-align: center; padding:12px; }	
  
#bxlead{ height:300px; background: url("../img/lead-article-xs.jpg") center no-repeat; background-size:cover;  } 
#bxlead:after { display: none;  }
	 
#bxlead > .bx > .tb > .tc{ vertical-align: bottom; }
.bxleadtxt{ margin-bottom:26px;  }
.bxleadtxt > h1{ font-size:36px;   }
.bxleadtxt > p{ font-size:18px;   }
.bxleadtxt > p > br{ display:none; }
	
	
#bxcontent{ padding:39px 0; }
.bxnamecat{ padding:0 0 26px; width:100%; }
  

.bxitemlist{   padding:0 0 26px; }
.bxitemlist > .bxitem{ display:block; width:100%; margin:0 0 39px;  }
.bxitemlist > .bxitem:nth-child(2n){ margin:0 0 39px;  }
.bxitemlist > .bxitem:nth-child(3n){ margin:0 0 39px;  }
  
.bxitemlist > .bxitem > .itembx > .bxtxt > .namebx{ font-size:24px; } 
 
 
.bxitemlist > .bxitem.itemwidth{ width:100%; margin-right:0;  }
.bxitemlist > .bxitem.itemwidth:nth-child(3n){ margin-right:0;  }
.bxitemlist > .bxitem.itemwidth > .itembx > .bximg > img{ width:100%; height: auto; }
	
	
.bxfooter > .bximg{ float:left; width:100%;  }
.bxfooter > .bxlink{ width:100%; }

.footerbximg{   max-width:300px; margin:0 auto; }
.footerbximg > .tb{ display:table; position: relative; width:100%; }
.footerbximg > .tb > .c1{ display:table-cell;  width:90px; }
.footerbximg > .tb > .c1 > .bx{  margin-top:0px;  }  
.footerbximg > .tb > .c2 > .bx{  width:100%; }  
.footerbximg > .tb > .c2 > .bx > .app > a > img{ max-width:80px; } 
	
.footerbximg > .tb > .c2 > .bx > .mascot{  margin-left:-90px;   }

.footerbxlink{  padding:20px 0; border-top:#fff solid 1px; }
.footerbxlink > .tb{ display:block; position: relative; width:100%;  }
.footerbxlink > .tb > .tc{ display:block; position: relative; width:100%; vertical-align: top; }
.footerbxlink > .tb > .tc > .bx{ display:block; position: relative; width:100%;  }
.footerbxlink > .tb > .tc:last-child > .bx{ margin:0 0 0 auto; }
.footerbxlink > .tb > .tc:last-child > .bx > ul li{ display:inherit; width:100%;   }	
 
 	
.footertxtbx{ display:block; position: relative; }
.footertxtbx > .tb{ display:block; position: relative; width:100%; }
.footertxtbx > .tb > .c1{ display:none;  }
.footertxtbx > .tb > .c2{ display:block; width:100%; text-align:center; }
 

.footersocial{ display:block; position: relative; }
.footersocial > div{ display:block; position: relative; padding:0 0 10px; } 
.footersocial > a:hover > span{ background:#000; coloR:#fff; }
.footercopy.mobile{ display:block; padding:20px 0 0; } 
	
	
	
}

@media screen and (max-width:460px){
	

	
}

@media screen and (max-width:380px){
 
}

@media screen and (max-width:320px){
 
	
}

