.auto-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px;
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: " ";
  clear: both;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.site-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: #fff;
  border-bottom: 0;
}
/* .site-header.active { */
  /* background-color: transparent; */
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.49); */
/* } */
.site-header.active .right-contral .search {
  background-color: #076AB4;
  color: #fff;
}
.site-header.active .right-contral .search img {
  filter: brightness(100);
}
.site-header.active .lan {
  background-color: #076AB4;
  color: #fff;
}
.site-header .header {
  width: 1170px;
  margin: 0 auto;
}
.site-header .header-logo {
  margin-top: 16px;
  float: left;
}
.site-header .header-logo .logo {
  position: relative;
  display: block;
  overflow: hidden;
  _zoom: 1;
  height: 44px;
}
.site-header .header-logo .logo img {
  height: 100%;
}
.site-header .head_dh {
  margin-left: 10%;
  line-height: 80px;
  float: left;
  color: #fff;
  font-size: 16px;
}
.site-header .head_dh img {
  margin-right: 5px;
  vertical-align: middle;
}
.site-header .header-nav {
  float: right;
}
.site-header .header-nav .nav-list {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 18px;
}
.site-header .header-nav .nav-list .nav-item {
  float: left;
  position: relative;
}
.site-header .header-nav .nav-list .nav-item:hover .drop-menu {
  display: block;
}
.site-header .header-nav .nav-list .nav-item::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #222;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.site-header .header-nav .nav-list .nav-item:last-child::after {
  display: none;
}
.site-header .header-nav .nav-list .nav-item.active {
  color: #222;
}
.site-header .header-nav .nav-list .nav-item.active::before {
  content: '';
  display: block;
  width: 49px;
  height: 4px;
  background: #222;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.site-header .header-nav .nav-list .nav-item.active a {
  color: #222;
}
.site-header .header-nav .nav-list .nav-item.active a::before {
  content: '';
  display: block;
  width: 49px;
  height: 4px;
  background: #222;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.site-header .header-nav .nav-list .nav-item:hover::before {
  content: '';
  display: block;
  width: 49px;
  height: 4px;
  background: #222;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.site-header .header-nav .nav-list .nav-item:hover a::before {
  content: '';
  display: block;
  width: 49px;
  height: 4px;
  background: #222;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.site-header .header-nav .nav-list .nav-item a {
  display: block;
  padding: 28px 30px;
  color: #222;
  text-decoration: none;
}
.site-header .header-nav .nav-list .drop-menu {
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  text-align: center;
}
.site-header .header-nav .nav-list .drop-menu a {
  white-space: nowrap;
  padding: 12px 30px;
  display: block;
  color: #333;
  font-size: 14px;
}
.site-header .header-nav .nav-list .drop-menu a:hover {
  color: #076AB4;
}
.site-header .navbar-toggle {
  display: none;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 9px 10px;
  margin: 8px;
  float: right;
  outline: none;
}
.site-header .navbar-toggle .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.site-header .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
  transition: all 0.2s;
}
.site-header .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.site-header .navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 30%;
}
.site-header .navbar-toggle .middle-bar {
  opacity: 0;
}
.site-header .navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 30%;
}
.site-header .navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.site-header .navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
.site-header .navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.site-header .right-contral {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.site-header .right-contral .search {
  width: 38px;
  height: 38px;
  margin-left: 36px;
  background: #076AB4;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 38px;
  color: #fff;
}
.site-header .right-contral .search img {
  display: inline-block;
  vertical-align: middle;
  filter: brightness(100);
}
.site-header .lan {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 38px;
  border-radius: 50%;
  font-size: 14px;
  color: #fff;
  line-height: 38px;
  text-align: center;
  margin-left:15px;
  background:none !important;
}
.site-header .lan img{width:40px;margin-right:5px;float:left;height:27px;margin-top:20px;}
.site-header .lan:hover .lan_sel {
  display: block;
}
.site-header .lan i {
  margin-left: 5px;
}
.site-header .lan .lan_sel {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-color: #fff;
  padding: 0 10px;
}
.site-header .lan .lan_sel a {
  display: block;
  white-space: nowrap;
  padding: 5px 0;
  line-height: 24px;
  color: #333;
  font-size: 14px;
}
.site-header .lan .lan_sel a:hover {
  color: #0059ab;
}
@media (max-width: 991px) {
  .site-topbar .top .left {
    display: none;
  }
  .site-header .header-nav .nav-list {
    font-size: 16px;
  }
  .site-header .header-nav .nav-list .nav-item.active::before {
    display: none;
  }
  .site-header .header-nav .nav-list .nav-item::after {
    display: none;
  }
  .site-header .header-nav .nav-list .nav-item.active a::before {
    display: none;
  }
  .site-header .header-nav .nav-list .drop-menu {
    display: block;
    position: relative;
    top: auto;
    transform: none;
    left: auto;
    text-align: left;
  }
  .site-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
  }
  .site-header .header {
    width: 100%;
    margin: 0 auto;
  }
  .site-header .header-logo {
    float: left;
    margin-top: 0;
  }
  .site-header .header-logo .logo {
    height: 30px;
    position: relative;
    display: block;
    overflow: hidden;
    _zoom: 1;
  }
  .site-header .header-logo .logo img {
    height: 100%;
  }
  .site-header .header-nav .nav-list {
    display: none;
    background: #0059ab;
    position: absolute;
    top: 50px;
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
  }
  .site-header .header-nav .nav-list .nav-item {
    float: none;
  }
  .site-header .header-nav .nav-list .nav-item a {
    padding: 12px 16px;
  }
  .site-header .navbar-toggle {
    display: block;
  }
}
#fullPage-nav li,
.fullPage-slidesNav li {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 30px 7px;
}
#fullPage-nav span,
.fullPage-slidesNav span {
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 0px solid transparent;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
  background-color: #fff;
  z-index: 2;
}
#fullPage-nav li .active:after {
  content: '';
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: #dc7522;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -13px;
  margin-top: -13px;
  z-index: 1;
}
.footer {
  padding-top: 50px;
  position: relative;
  z-index: 3;
  background: #082341;
}
.footer dl {
  padding-right: 12%;
  float: left;
  margin-bottom: 30px;
  color: #fff;
}
.footer dl dt {
  margin-bottom: 35px;
  font-size: 16px;
  font-weight: 600;
}
.footer dl dd {
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}
.footer dl dd a {
  color: #fff;
  opacity: 0.5;
  text-decoration: none;
}
.footer dl dd a:hover {
  color: #ef9b29;
}
.footer dl dd span {
  opacity: 0.5;
}
.footer dl .other_links {
  margin-top: 30px;
}
.footer dl .other_links i {
  margin-right: 8px;
  font-size: 18px;
}
.footer .contact-us {
  padding-right: 0;
  float: right;
}
.footer .contact-us img {
  max-width: 144px;
}
.footer .contact-us dd {
  line-height: 28px;
  color: #fff;
}
.footer .contact-us .dd1 {
  font-size: 15px;
}
.footer .contact-us .dd2 {
  font-size: 30px;
  letter-spacing: -3px;
}
.footer .contact-us .dd3 {
  margin-top: 16px;
  font-size: 13px;
  color: #7d7d7d;
}
.footer .foot_add {
  width: 370px;
  padding-right: 0;
}
.footer .copyright {
  float: left;
}
.footerbar {
  padding: 17px 0;
  background: #061D34;
  text-align: center;
  font-size: 14px;
}
.footerbar .copyright {
  margin-bottom: 10px;
  color: #fff;
  opacity: 0.5;
}
.footerbar a {
  color: #fff;
  opacity: 0.5;
}
.top-search {
  width: 300px;
  background-color: #ffffff;
  border: medium none;
  border-radius: 30px;
  box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.5);
  display: none;
  height: 50px;
  position: absolute;
  right: 0px;
  top: 60px;
  z-index: 99;
  border: 1px solid #e7e7e7;
}
.top-search input.form-control {
  background-color: transparent;
  border: medium none !important;
  box-shadow: inherit;
  color: #1c1c1c;
  min-width: 300px;
  padding: 0 20px;
  height: 50px;
  outline: none;
}
.top-search form button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  color: #666666;
  height: 50px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 50px;
  z-index: 9;
  line-height: 50px;
  outline: none;
}


.site-header .header-nav .nav-list .nav-item.active  .drop-menu a{ color: #222;}
.site-header .header-nav .nav-list .drop-menu a{ color: #222;}
.site-header .header-nav .nav-list .nav-item.active  .drop-menu a:hover{ color: #0059ab;}

.scrollHead.site-header{ background-color: #0059ab;}
.scrollHead.site-header .header-logo .logo img{ filter: brightness(100);}
.scrollHead.site-header .header-nav .nav-list .nav-item a{ color: #fff;}
.scrollHead.site-header .header-nav .nav-list .nav-item.active a{color: #fff;}
.scrollHead.site-header .header-nav .nav-list .nav-item.active::before{ background-color: #fff;}
.scrollHead.site-header .header-nav .nav-list .nav-item.active a::before{ background-color: #fff;}
.scrollHead.site-header .header-nav .nav-list .nav-item::after{ background-color: #fff;}
.scrollHead.site-header .header-nav .nav-list .nav-item:hover a::before{ background-color: #fff;}

.scrollHead.site-header .right-contral .search{ background-color: #fff;     color: #076AB4;}
.scrollHead.site-header .lan{ background-color: #fff;     color: #076AB4;}
.scrollHead.site-header .right-contral .search img{ filter: none;}

.scrollHead.site-header .header-nav .nav-list .nav-item.active .drop-menu a{ color: #222;}

.scrollHead.site-header .header-nav .nav-list .drop-menu a{ color: #222;}
.site-header .header-nav .nav-list .nav-item:hover .drop-menu a::before{ display: none;}




.site-header.onthis.active{   background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.49);}

.site-header.onthis{ background-color: #0059ab;}
.site-header.onthis.active .header-logo .logo img{filter: none; }
.site-header.onthis .header-logo .logo img{ filter: brightness(100);}
.site-header.onthis .header-nav .nav-list .nav-item a{ color: #fff;}
.site-header.onthis .header-nav .nav-list .nav-item.active a{color: #fff;}
.site-header.onthis .header-nav .nav-list .nav-item.active::before{ background-color: #fff;}
.site-header.onthis .header-nav .nav-list .nav-item.active a::before{ background-color: #fff;}
.site-header.onthis .header-nav .nav-list .nav-item::after{ background-color: #fff;}
.site-header.onthis .header-nav .nav-list .nav-item:hover a::before{ background-color: #fff;}
.site-header.onthis .header-nav .nav-list .nav-item.active .drop-menu a{ color: #222;}
.site-header.onthis .header-nav .nav-list .drop-menu a{ color: #222;}
.site-header.onthis .right-contral .search{ background-color: #fff;     color: #076AB4;}
.site-header.onthis .lan{ background-color: #fff;     color: #076AB4;}
.site-header.onthis .right-contral .search img{ filter: none;}


.section_product .index_news_tab #c1:hover{ background-color: #14ab00;}
.section_product .index_news_tab #c2:hover{ background-color: #0059ab;}
.section_product .index_news_tab #c3:hover{ background-color: #ab0086;}
.section_product .index_news_tab #c1.active{ background-color: #14ab00;}
.section_product .index_news_tab #c2.active{ background-color: #0059ab;}
.section_product .index_news_tab #c3.active{ background-color: #ab0086;}

.product_links .item:nth-child(1):hover{background-color: #ab0086;}

.product_links .item:nth-child(1).active{background-color: #ab0086;}

.product_links .item:nth-child(2):hover{background-color: #14ab00;}
.product_links .item:nth-child(3):hover{background-color: #0059ab;}
.product_links .item:nth-child(4):hover{background-color: #ab0086;}
.product_links .item:nth-child(2).active{background-color: #14ab00;}
.product_links .item:nth-child(3).active{background-color: #0059ab;}
.product_links .item:nth-child(4).active{background-color: #ab0086;}


.mobile-navbtn {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  margin: auto;
  font-size: 20px;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  display: none;
}
.mobile-navbtn::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.mobile-navbtn.open {
  transform: rotate(90deg);
}