@charset "utf-8";
/* CSS Document */
body{ font:14px/0.875em microsoft yahei; line-height:1.8em; color:#596267; background-color: #fff;}
img{ border:none; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease; outline:none;}
#top{ background:#ECEDE9; color:#fff; line-height:30px; padding-bottom: 3.6em; padding-top: 1.5em;}
#top a{ color:#fff;}
#top a i{ padding-right: 10px; }
#header{ margin-top: 0; width: 100%;z-index: 5;}
@media (min-width: 768px){
#header .menu{ background: #62ab00; border-radius: 3px; }
}
#top .tel::before,#top .mail::before{font-size: 36px;position: absolute; font-family: FontAwesome; margin-top: 12px;}
#top .tel::before{content:"\f095"; margin-left: -40px; }
#top .mail::before{content:"\f095"; margin-left: -50px;  }
#top .icons a{ color:#029159; font-size: 24px;  padding: 5px;}
#top .icons a:hover{ color: #cfcfcf; }
@media (min-width: 768px) {
#top .col-sm-8{ padding-top: 20px; }
#top .tel,#top .mail{display: block; color: #888888; line-height: 20px; text-decoration: none; float: right; padding-right: 30px; position: relative; }
#top .mail{ padding-left: 80px; }
#top .tel::after,#top .mail::after{position: absolute; width: 1px; height: 30px; background: #6d6d6d; top:50%; right: 0; content: ""; margin-top: -15px;}
#top .tel span,#top .mail span{ color: #000000; font-weight: bold; display: block; }
#top .icons{ padding-left: 30px; float: right; padding-top: 5px; }
}
@media (min-width: 768px) and (max-width: 991px){
#top .icons a{ padding-left: 1px; padding-right: 1px; }
#top .icons{ padding-left: 15px; }
#top .tel,#top .mail{ padding-right: 15px; }
#top .tel::before,#top .mail::before{ font-size: 30px;margin-left: -40px; }
#top .mail { padding-left: 60px;}
}
@media (max-width: 767px) {
  #top{ line-height: 20px; padding: 10px 0; background: #f3f3f3;}
  #top .tel,#top .mail{ padding-left: 25px; display: block; padding-top: 3px; padding-bottom: 3px; color: #888888;}
  #top .tel::before,#top .mail::before{font-size: 18px; margin-left: -25px; margin-top: 0;  }
  #top{text-align:center;}
  #top a:hover.tel,#top a:hover.mail{ color: #fff; text-decoration: none; }
}
#header .menu{ position: relative; }
#header .menu ul{ margin: 0; padding: 0 35px 0 0; list-style: none; text-align: center; }
#header .menu li{ display: inline-block; padding: 0 2.2em; text-transform: uppercase; position:relative;}
#header .menu li::before{ height: 12px; width: 1px; background: #c5c5c5; position: absolute; content: ""; top: 50%; margin-top: -6px;  right: 0; }
#header .menu li:last-child::before{ background: none; }
#header .menu li a{ color: #fff; font-size:15px; font-weight: bold; display: block; padding: 1.6em 0;  }
#header .menu li a:hover,#header .menu li.active a{ color: #000; text-decoration: none;}
#header .search{ position: absolute; right:  15px; top: 0;}
#header .searchform{ position: absolute;  top: 25px; right: 0; background: #fff;  border-top: 2px solid #32626f;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); padding: 10px; width: 270px;}
#header .searchbut{ width: 40px; height: 40px;display: block !important; border-radius: 50%;color: #fff; background: #383e42; padding:0; line-height: 40px; text-align: center; outline: none; }
#header .searchbutopen{ background: #32626f; }
#header .searchbutopen i{transform: rotate(180deg);transition:all 0.3s ease;}
#header .searchbut:hover{ color: #fff;  background: #32626f;}
#header .search-txt{ border: 1px solid #32626f; height: 34px; padding: 6px 12px; width: 211px; display: inline-block; float: left; }
.btn-search{ background: #383e42;color: #fff; height: 34px; border-radius: 0; }
.btn-search:hover{ background:#32626f; color: #fff;  }
.dropdown{ display: none; }
#offcanvas-toggler{ text-align: center; padding-top: 10px; font-size:42px;  color: #888888; outline: none;}
a:hover#offcanvas-toggler{ color: #fff; }
.is-sticky #header {margin-top: 0; box-shadow: 1px 1px 2px #b6b3b3;}
@media (max-width: 767px){
  #top .links{ position: absolute; margin-top: 68px; z-index: 2; left: 0;width: 100%; border-top: 1px solid #525252; padding-top: 10px; padding-left: 15px; padding-right: 15px;}
   #top .links .icon{float: left;}
  
  #top .links .tel{margin-left: 15px;}
  #header { height: 130px; background:#454545; }
  .is-sticky #header{ background: #454545; height: 50px;}
 .is-sticky #offcanvas-toggler{ font-size: 40px; padding-top: 5px; text-align: right;}
}
@media (min-width: 473px) and (max-width: 767px){
  #top .links .mail, #top .links .tel{ display:inline; }
}
@media (max-width: 472px){
#header{ height: 160px; }
}
@media (min-width: 768px){#header{position: absolute; margin-top: -2.5em;}}
@media (min-width: 992px) and (max-width: 1199px){
  #header .menu li{ padding-left: 18px; padding-right: 18px; }
}
@media (min-width: 768px) and (max-width: 991px){
  #header .menu li{ padding-left: 8px; padding-right: 8px; }
}
.menu .open {
  -webkit-animation: spMenuFadeInUp 400ms;
  animation: spMenuFadeInUp 400ms;
  display: block;
}
@-webkit-keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
 .offcanvas-menu { 
  -webkit-transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), right 400ms cubic-bezier(0.7,0,0.3,1);
  transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), right 400ms cubic-bezier(0.7,0,0.3,1);
}
 .body-innerwrapper:after {
  right: 0;
}
 .offcanvas-menu {
  right: -280px;
}
.offcanvas .offcanvas-menu {
  right: 0;
}
.body-innerwrapper:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  background: rgba(0,0,0,0.8);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  z-index: 999;
}
.offcanvas {
  width: 100%;
  height: 100%;
  position: relative;
}
.offcanvas .body-innerwrapper:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.offcanvas .offcanvas-menu {
  opacity: 1;
}
.offcanvas .offcanvas-menu ul.nav-child li {
  padding-left: 10px;
}
.menu .nav-child.small {
  font-size: inherit;
}
.offcanvas-menu {
  padding-top: 50px;
  width: 280px;
  height: 100%;
  background: #fff;
  color: #999;
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: 9999;
  overflow-y: scroll;
}
.close-offcanvas{ font-size: 20px; position: absolute; border: 2px solid #eee;border-radius: 50%;
    color: #000;
    font-size: 12px;
    height: 30px; width: 30px; text-align: center; right: 15px; top: 10px;}
a.close-offcanvas:hover{ background:#f94545; color: #fff;  }
.mobilemenu{ list-style: none; margin: 0; padding: 0; }
.mobilemenu li a{ color: #3f464a; display: block; padding:10px 15px; text-transform: uppercase; text-decoration: none;}
.mobilemenu li a:hover{ background: #e1e2e3; }
.mobilemenu li.active a{ background: #32626f;  color: #fff; }
@media (max-width: 767px){
  .min-center{ max-width:420px; margin:0 auto 20px;}.min-center img{ width:100%; height:auto;}
}
#footer{ padding: 2.1% 0; background:#222220; font-size: 12px; color: #bdbdbd; }
#footer a{color: #bdbdbd;}
#footer .catename{ color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
#footer ul{ margin: 0; padding: 0; list-style: none; }
#footer ul li{ line-height: 18px; padding: 2px 0; }
#footer ul i{ padding-right: 10px; }
@media (max-width: 767px){
#footer .catename{ margin-top: 25px; }
#footer{ padding: 25px 0; }
#footer .flogo{ text-align: center; }
}
@media (min-width: 768px){
#footer .flogo{ margin-top: 2.85%; }
}
#gotop{ position: fixed;bottom:0;right:0; width:210px; height:40px; z-index: 1;
_bottom:auto;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.cd-top {
  position:absolute; top:0; right:0;
  height: 40px; line-height: 40px;
  width: 50px;
  background:#474747 url(../images/cd-top-arrow.svg) no-repeat center center;
  overflow: hidden; color:#fff; text-align:center;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer;border-radius:0 8px 0 0; text-indent: 99999px;
}
#gotop .b-live{ line-height:40px; background:#029159; display:block; color:#fff;border-radius:8px 8px 0 0; padding-left:15px; text-decoration:none; outline:none;}
#gotop .b-live a{ color: #fff; text-decoration: none; font-size: 16px; outline: none;}
#gotop .b-live i{ padding-right:5px; font-size: 20px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.live800{top: 50%; margin-top: -16px; position: fixed; right: 2px;}
@media (max-width:767px){
.live800{display: none;}
}