/* CSS Document */
@media (min-width: 768px) {
  html {
    font-size: 28px !important;
  }
}
@media (min-width: 1025px) {
  html {
    font-size: 30px !important;
  }
}
@media (min-width: 1280px) {
  html {
    font-size: 32px !important;
  }
}
@media (min-width: 1366px) {
  html {
    font-size: 34px !important;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 36px !important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 40px !important;
  }
}
.header {
  height: 100px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.pcnav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 660px;
  height: 100px;
}
.pcnav a {
  display: block;
  height: 100px;
  line-height: 100px;
}
.pcnav li.active {
  position: relative;
}
.pcnav li.active:after {
  content: "";
  width: 1px;
  height: 24px;
  background-color: #d2d2d2;
  position: absolute;
  top: 0;
  left: 50%;
}
.pcnav li.active:before {
  content: "";
  width: 1px;
  height: 24px;
  background-color: #d2d2d2;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.pcnav li.active a {
  font-weight: bold;
}
@font-face {
  font-family: 'gilroyBold';
  src: url('../font/gilroy-extrabold-webfont.woff') format('woff'), url('../font/gilroy-extrabold-webfont.woff2') format('woff2'), url('../font/Gilroy-ExtraBold.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroy';
  src: url('../font/gilroy-light-webfont.woff') format('woff'), url('../font/gilroy-light-webfont.woff2') format('woff2'), url('../font/Gilroy-light.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.gilroy {
  font-family: gilroy;
}
.gilroybold {
  font-family: gilroyBold;
}
.switch-lang {
  border: 1px solid #eeeeee;
  display: block;
  width: 34px;
  height: 34px;
  position: relative;
}
.switch-lang span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-family: gilroyBold;
}
.footer {
  background: url(../images/bottom-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding:58px 0 30px;
}
.footer .footer-in {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
}
.footer .footer-l img {
  margin-bottom: 32px;
}
.footer .footer-addr {
  margin-bottom: 20px;
}
.footer .footer-addr b {
  font-weight: bold;
}
.footer-bot {
  text-align: right;
  font-size: 14px;
  color: #666666;
}
.footer-bot a {
  color: #666666;
}
.footer-r {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.footer-r .footer-r-item {
  margin-left: 60px;
}
.footer-r .footer-r-item > a {
  display: block;
  font-size: 16px;
  color: #333;
  padding-bottom: 24px;
}
.footer-r .footer-r-item ul > li > a {
  font-size: 14px;
  line-height: 32px;
  color: #666;
white-space: nowrap;
}