@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'NotoSansHans-Regular';
  src: url('../fonts/siyuanzitidab/SourceHanSansCN-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'NotoSansHans-Bold';
  src: url('../fonts/siyuanzitidab/SourceHanSansCN-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'NotoSansHans-ExtraLight';
  src: url('../fonts/siyuanzitidab/SourceHanSansCN-ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'NotoSansHans-Heavy';
  src: url('../fonts/siyuanzitidab/SourceHanSansCN-Heavy.ttf') format('truetype');
}
@font-face {
  font-family: 'NotoSansHans-Light';
  src: url('../fonts/siyuanzitidab/SourceHanSansCN-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'NotoSansHans-Medium';
  src: url('../fonts/siyuanzitidab/SourceHanSansCN-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'NotoSansHans-Normal';
  src: url('../fonts/siyuanzitidab/SourceHanSansCN-Normal.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.header {
  width: 25rem;
  height: 3.67rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.header .opacity {
  width: 25rem;
  height: 3.67rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.1;
  display: none;
}
.header .header-main {
  width: 22.33rem;
  height: 3.67rem;
  margin: 0 auto;
  position: relative;
}
.header .header-main img {
  float: left;
  width: 7.2rem;
  display: block;
  margin-top: 1.2rem;
}
.header .header-main i {
  display: block;
  float: right;
  font-size: 1.4rem;
  color: #fff;
  margin-top: 1.2rem;
}
.header .header-main .languge {
  font-family: "NotoSansHans-Regular";
  display: block;
  float: right;
  font-size: 1rem;
  color: #fff;
  margin-top: 1.4rem;
  margin-right: 1rem;
}
.header .header-main .close {
  display: none;
}
.header-other {
  width: 25rem;
  height: 3.67rem;
  position: fixed;
  top: 0;
  left: 0;
  margin-bottom: 3.67rem;
  z-index: 200000;
}
.header-other .opacity {
  width: 25rem;
  height: 3.67rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
  display: none;
}
.header-other .header-main {
  width: 22.33rem;
  height: 3.67rem;
  margin: 0 auto;
  position: relative;
}
.header-other .header-main img {
  float: left;
  width: 7.2rem;
  display: block;
  margin-top: 1.2rem;
}
.header-other .header-main i {
  display: block;
  float: right;
  font-size: 1.4rem;
  color: #4581FD;
  margin-top: 1.2rem;
}
.header-other .header-main .languge {
  display: block;
  float: right;
  font-size: 1rem;
  color: #4581FD;
  margin-top: 1.4rem;
  margin-right: 1rem;
}
.header-other .header-main .close {
  display: none;
}
.subNavBox {
  clear: both;
  background: #393d42;
}
.subNavBox .subNav {
  border-bottom: solid 0.0667rem #2c2c2c;
  height: 3.733rem;
  font-size: 1.0667rem;
  color: #fff;
  font-family: "NotoSansHans-Regular";
  line-height: 3.733rem;
  padding-left: 1.667rem;
  background: url(../image/common/down.png) no-repeat;
  background-position: 21.67rem 50%;
}
.subNavBox .subNav:hover {
  /*color:#277fc2;*/
}
.subNavBox .nosub {
  background: none !important;
}
.subNavBox .navContent {
  display: none;
}
.subNavBox .navContent li a {
  display: block;
  height: 2.6rem;
  color: #C3C5C4;
  font-family: "NotoSansHans-Regular";
  padding-left: 1.667rem;
  font-size: 0.93rem;
  line-height: 2.6rem;
}
.subNavBox .navContent li a:active {
  color: #4A83FF;
}
.subNavBox .navContent li:last-child {
  border-bottom: solid 0.0667rem #2c2c2c;
}
.subNavBox .currentDt {
  background: url(../image/common/up.png) no-repeat;
  background-position: 21.67rem 50%;
}
.subNavBox .contact {
  font-family: "NotoSansHans-Regular";
  font-size: 0.933rem;
  color: #C4C6C5;
}
.subNavBox .contact .address {
  margin-top: 1rem;
  margin-bottom: 1.667rem;
  height: 9.4rem;
}
.subNavBox .contact .address .name {
  float: left;
  width: 3rem;
  margin-left: 1.667rem;
  margin-right: 0.8rem;
  line-height: 9.6rem;
}
.subNavBox .contact .address p {
  width: 15rem;
  float: left;
  line-height: 1.4rem;
}
.subNavBox .contact .phone {
  clear: both;
  padding-bottom: 1.667rem;
  height: 1.4rem;
}
.subNavBox .contact .phone .name {
  float: left;
  width: 3rem;
  margin-left: 1.667rem;
  margin-right: 0.8rem;
  line-height: 1.4rem;
}
.subNavBox .contact .phone p {
  width: 14.67rem;
  float: left;
  line-height: 1.4rem;
}
.subNavBox .contact .email {
  clear: both;
  padding-bottom: 1.667rem;
  height: 1.4rem;
  border-bottom: solid 0.0667rem #2c2c2c;
}
.subNavBox .contact .email .name {
  float: left;
  width: 3rem;
  margin-left: 1.667rem;
  margin-right: 0.8rem;
  line-height: 1.4rem;
}
.subNavBox .contact .email p {
  width: 14.67rem;
  float: left;
  line-height: 1.4rem;
}
.qr {
  width: 25rem;
  height: 19.2rem;
  background: #393d42;
}
.qr img {
  display: block;
  padding-top: 3.07rem;
  width: 9.33rem;
  height: 9.33rem;
  margin: 0 auto;
}
.qr p {
  font-family: "NotoSansHans-Regular";
  text-align: center;
  color: #C4C6C5;
  padding-top: 1.2rem;
  font-size: 0.8rem;
  line-height: 1.13rem;
}
.nav {
  z-index: 1000;
  display: none;
}
.nav .nosub {
  background-image: none;
}
.nav a:active {
  color: #4A83FF;
}