@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?tvevoq');
  src:  url('fonts/icomoon.eot?tvevoq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?tvevoq') format('truetype'),
    url('fonts/icomoon.woff?tvevoq') format('woff'),
    url('fonts/icomoon.svg?tvevoq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-QQ:before {
  content: "\e900";
}
.icon--2:before {
  content: "\e901";
}
.icon-uniE902:before {
  content: "\e902";
}
.icon-1:before {
  content: "\e903";
}
.icon-2:before {
  content: "\e904";
  color: #1d2c6a;
}
.icon--1:before {
  content: "\e905";
}
.icon-3:before {
  content: "\e906";
}
.icon--:before {
  content: "\e90e";
}
.icon--21:before {
  content: "\e907";
}
.icon-4:before {
  content: "\e908";
}
.icon-5:before {
  content: "\e909";
}
.icon-6:before {
  content: "\e90a";
}
.icon-7:before {
  content: "\e90b";
}
.icon-9:before {
  content: "\e90c";
}
.icon-8:before {
  content: "\e90d";
}




.bottom-box{ width:100%; position:absolute; left:0; bottom:0; background-color: #fe2925; z-index: 9999;}
.bottom-box ul{ width:100%; max-width:640px; margin:0 auto;}
.bottom-box ul li{ width:25%; height:50px; float: left; position: relative; text-align:center;}
.bottom-box ul li h4{ width:100%; height:14px; line-height:14px; font-size:12px; color:#fff;  overflow:hidden; position: absolute; left: 0; bottom: 5px}
.bottom-box ul li .icon{ font-size:26px; color:#fff; margin-top: 4px; }

.bottom-box ul li a{-webkit-tap-highlight-color:rgba(0,0,0,0); }


/* 浮动层 */
.fd-bj{ background-color: #ece7e9 ; position: fixed; right: 0; top: 35%; z-index: 9999;}
.fd-box{ width: 100% ; position: relative;}
.fd-b{width: 51px; height: 60px; border-bottom: 1px solid #d2d2d2; text-align: center; cursor: pointer;}
.fd-b1{ background: url(../images/d1.png) no-repeat center center;}
.fd-b2{ background: url(../images/d2.png) no-repeat center center;}
.fd-b3{ background: url(../images/d3.png) no-repeat center center;}
.fd-b4{ background: url(../images/d4.png) no-repeat center center;}
.fd-b1:hover{ background: url(../images/d1-1.png) no-repeat center center;}
.fd-b2:hover{ background: url(../images/d2-1.png) no-repeat center center;}
.fd-b3:hover{ background: url(../images/d3-1.png) no-repeat center center;}
.fd-b4:hover{ background: url(../images/d4-1.png) no-repeat center center;}

.zx-box{ width: 159px; position: absolute;right: -159px; top: -30px; background-color: #f5c46e;}
.zx-c{ width: 100%; position: relative;}
.zx-box h3{ padding-left: 16px; font-size: 14px; color: #fff ; height: 39px; line-height: 39px;}
.zx-box h4{ width: 100%; height: 55px; line-height: 55px; background-color: #fff;text-indent: 16px; font-size: 20px; color: #5f5f5f; }
.gg2{ position: absolute;right: 17px;top: 11px}

.wxb{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) ; position: fixed; left: 0; top: 0; z-index: 99999999; display: none}
.wxc{ width: 100%; height: 100%; position: relative;    display: flex;
  align-items: center;}
.mmb{background-color: #fff; margin: 0 auto; text-align: center ; padding: 11px}
.mmb img{ width: 266px; height: 266px;}
.mmb h6{ font-size: 16px; color: #3e3e3e; padding-top: 3px;}




.nav-bj{ width: 100% ; height: 88px; background: rgba(11, 0, 9, 0.4); position: absolute; left: 0; top: 0; z-index: 999;}
.nav-box{ width: 100% ; height: 100%; position: relative;}
.nav-box .lg{ width: 249px; position: absolute; left: 40px;top: 7px;}
.nav-box .lg .logo{ width: 100%; height: auto;}
.nav{ width: calc(100% - 28%); height: 88px; float: right;}
.nav ul{ width: 100% ; height: 100%;}
.nav ul li{ width: 11% ; height: 100%;  border-right: 1px solid #2f262e;float: left; text-align: center; position: relative;}
.nav ul li:last-of-type{border: none}
.nav ul li a{ display: inline-block; margin-top: 40px;}
.nav ul li a h4{ display: inline-block; font-size: 18px; color: #a97fae; background: url(../images/dow.png) no-repeat right center; background-size: 9px auto; padding-right: 23px}
.nav ul li .nav_menu-bj{ width: 150px; background: rgba(53, 0, 42, 0.8);position: absolute; left: 0;top: 88px; padding: 10px 0 10px 0 ;display: none}
.nav ul li .nav_menu{ width: 88%; margin: 0 auto;}
.nav ul li .nav_menu a{ width: 100% ; height: 34px; line-height: 34px; font-size: 16px; color: #b8aac1; text-align: center; white-space:nowrap;  text-overflow:ellipsis; display: block; margin: 0; margin-bottom: 5px; overflow: hidden;}
.nav ul li .nav_menu a:hover{ background-color: #930014; color: #fff}

.nav ul li:hover a.to h4{ font-weight: bold;color: #fff;background: url(../images/up.png) no-repeat right center; background-size: 9px auto;}