@charset "UTF-8";
 
body { width:100%; height:100%; padding:0px; margin:0px;   }


html  { width:100%; height:100%; padding:0px; margin:0px;  }

#wrap                {width:100%; float:left; min-width:1200px; }


#header   {width:100%; top:0;  float:left; background-color:rgba(255,255,255,.4);   min-width:1200px; position:relative;} 
#header   .top_utill   {width:100%;  float:left;    }
#header  .top_utill  ul  {width:1200px; margin:0 auto; text-align:right;}
#header  .top_utill  li   {font-size:0.85em; position:relative;  display:inline-block; margin-top:2px;}  
#header  .top_utill  li a {color:#fff !important;}
#header  .top_utill li.right      { padding-left:5px; } 

#header     .top_utill li a:link		{color:#fff;  letter-spacing:0.2px !important;  background-color:#7ab704; padding:10px 15px 5px 15px; line-height:1em; } 
  
#header .logo {width:20%; float:left; margin-top:10px;}

nav  {width:65%; float:right; text-align:center;   margin:20px 0; }

 
 nav {   }
 nav a:link		{text-decoration:none; color:#333;}
 nav a:visited	{ text-decoration:none; color:#333;}
 nav a:hover		{ text-decoration:none; color:#111;}
 nav a:active	{text-decoration:none; color:#111;}

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;

}

nav ul li {
  display: inline-block;  
  position: relative; width:20%; text-align:center;
  }

nav ul li:last-child {
  background:none;
}


nav ul li a {
  color: #fff  ;
  font-weight:600;
  display: block;
  font-size: 20px;
  padding: 10px 0px;
  
  transition: 0.3s linear;
}

nav ul li:hover { }

nav ul li ul {
  border-bottom: 1px solid #333;
  display: none;
  position: absolute;
   z-index:999999;
  width:100%;
}

nav ul li ul li {
  border-top: 1px solid #fff;  
  display: block; width:100%; 
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #f9f9f9;
  display: block;
  font-size:15px; font-weight:400; color:#777 !important;
  padding: 10px 14px;
}

nav ul li ul li a:hover { background: #333; color:#fff !important; }

nav .fa.fa-angle-down { margin-left: 6px; }
 

 
 .fixed_top {width:70px; font-size:14px;  border-radius:50%;line-height:70px; background-color:#f1f1f1; color:#333;  text-align:center;  position:fixed; bottom:10%; right:3%;}
 
#footer        {width:100%; min-width:1200px;  margin-top:20px; padding:0px 0px; float:left;  border-top:1px solid #ddd; background-color:#fff;  }
#footer  .footer_in  {width:1200px; margin:0 auto;  text-align:Center; font-size:14.5px;  color:#777;  }



 #footer   ul     {  width:1200px; text-align:Center; margin:0 auto;  }
#footer   ul  li  {display:inline-block;  font-size:15px;   font-weight:400; color:#333; padding:20px 10px 0 0; }
#footer   ul  li a {color:#333 !important;}
  
   
  #footer .copy_bar  {background-color:#333; color:#b1b1b1; font-size:0.85em; width:100%; float:left; padding:14px 0; margin-top:20px;}
#footer .copy_bar p  {width:1200px; margin:0 auto; }
#footer .copy_bar p  span {float:right;}