@charset "UTF-8";
/* scss */
/* 文本居中*/
/* 块元素*/
img {
  display: block; }

/* 行内元素*/
/*左浮动*/
.floatL {
  float: left; }

/*右浮动*/
.floatR, .header_top .header_text .bdsharebuttonbox {
  float: right; }

/* 清除浮动*/
/*上下居中*/
.header_middle .header_logo:before, .header_middle .header_tel:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.header_middle .header_logo img, .header_middle .header_logo span, .header_middle .header_tel img, .header_middle .header_tel span {
  display: inline-block;
  vertical-align: middle; }

/*超出省略号*/
.overEllipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

a, .nav ul li {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, hr {
  padding: 0;
  margin: 0; }

body {
  color: #000;
  /*设置字体颜色*/
  font-size: 14px;
  font-family: "微软雅黑";
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

ol, ul, li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

/* 链接颜色设置*/
a {
  color: #000;
  text-decoration: none; }
  a:hover {
    color: #d10100; }

.main {
  width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.wrap {
  min-width: 1000px;
  width: 100%; }

/* 清理浮动 */
.fn-clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.fn-clear {
  zoom: 1
  /* for IE6 IE7 */ }

.overflowH {
  overflow: hidden; }

input, textarea {
  outline: none; }

i, strong, em, b {
  font-style: normal; }

.view {
  background-color: #000; }

.nav ul {
  display: block; }
  .nav ul li {
    float: left;
    min-width: 100px;
    text-align: center; }

.nav-onBg ul:hover li {
  background-color: transparent !important; }
.nav-onBg ul li:hover {
  background-color: #d10100 !important; }
.nav-onBg ul li.on {
  background-color: #d10100; }

.nav-onFont ul:hover li a {
  color: #fff !important; }
.nav-onFont ul li.on a {
  color: #000; }
.nav-onFont ul li:hover a {
  color: #000 !important; }

.header_top {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e5e5e5; }
  .header_top, .header_top a {
    color: #888; }

.header_middle {
  height: 113px; }
  .header_middle .main {
    height: 100%; }
  .header_middle .header_logo {
    height: 100%; }
    .header_middle .header_logo img {
      margin-right: 10px; }
    .header_middle .header_logo span {
      color: #d10100; }
  .header_middle .header_tel {
    height: 100%; }
    .header_middle .header_tel img {
      margin-right: 10px; }
    .header_middle .header_tel span i {
      font-size: 24px;
      font-family: "Impact"; }

.header-nav {
  background-color: #d10100; }
  .header-nav li {
    height: 45px;
    line-height: 45px; }
    .header-nav li a {
      position: relative;
      font-size: 14px;
      color: #fff; }
    .header-nav li.on a:after {
      content: "";
      position: absolute;
      width: 100%;
      top: 100%;
      left: 0;
      height: 0;
      border-top: 2px solid #fff;
      background: url("../Images/triangle.png") no-repeat center 0;
      padding-bottom: 4px; }

.footer {
  background-color: #333;
  overflow: hidden;
  line-height: 1.5; }
  .footer, .footer a {
    color: #fff; }
  .footer .footer_nav {
    margin-top: 20px; }
    .footer .footer_nav li {
      border-left: 1px solid #fff; }
      .footer .footer_nav li:first-child {
        border-left: 0; }
  .footer .footer_main {
    padding: 40px 0; }
    .footer .footer_main .code {
      width: 88px;
      height: 88px;
      margin-left: 60px; }
      .footer .footer_main .code img {
        width: 100%;
        height: 100%; }
  .footer .footer_line {
    background-color: #000; }
    .footer .footer_line, .footer .footer_line a {
      color: #898989; }
    .footer .footer_line .main a:hover {
      color: #d10100; }

.goTop {
  position: fixed;
  z-index: 2333;
  bottom: 50px;
  left: 50%;
  margin-left: 510px;
  width: 45px;
  height: 45px;
  border-radius: 5px;
  cursor: pointer;
  background: #d10100 url(../Images/go-top.png) no-repeat center center; }

.marginTop {
  margin-top: 20px; }

.online_btn a {
  margin-right: 10px; }