/* 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;
}
/*QQ*/
.main-im{ position:fixed; right: 10px; top:100px; z-index: 999999; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 52px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:7px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url("../images/weixing-icon.png") no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url("../images/toTop-icon.png") no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url("../images/close_im.png") no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px;display:none; background: url("../images/open_im.png") no-repeat left top; }