@charset "UTF-8";
/**
 * 公共css
 */
/**
 * 头部 nav导航
 */
a {
  color: #000; }

a:focus, a:hover {
  color: initial;
  text-decoration: none; }

#logo {
  display: flex;
  align-items: end;
  margin-right: 15px; }

.logo-img {
  margin: 15px; }

.navbar {
  margin: 0; }

.navbar-default .navbar-nav > li > a {
  font-size: 18px; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color: #3f7af8;
  /* color: #fff;
	background-color: #0ca9f2; */ }

/* 超出文本 */
.c-txtHide {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* 留言板 */
.c-modal {
  width: 257px;
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  overflow: hidden;
  z-index: 9999;
  background: #fff;
 }
  .c-modal .head {
    height: 33px;
    background: #3F7CF8;
    color: #fff;
    padding: 6px 10px; }
    .c-modal .head .clear {
      float: right;
      margin-top: -2px;
      font-size: 18px;
      font-style: normal;
      cursor: pointer; }
      .c-modal .head .clear:hover {
        font-weight: bold; }
  .c-modal .body {
    padding: 7px 15px; }
    .c-modal .body textarea {
      resize: none;
      margin-bottom: 10px; }
    .c-modal .body input {
      margin-bottom: 10px; }
  .c-modal .foot {
    padding: 0 15px 30px; }
    .c-modal .foot button {
      color: #fff;
      width: 100%;
      background: #3F7CF8; }

ul {
  list-style: none;
  margin: 0px; }

.c-title {
  font-size: 28px;
  position: relative;
  display: inline-block; }
  .c-title:before, .c-title:after {
    content: "";
    width: 80px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 15px;
    left: -100px; }
  .c-title:after {
    left: unset;
    right: -100px; }

/* 非手机 */
@media (min-width: 768px) {
  .navbar-header {
    margin-left: 10% !important; }
  .navbar .name {
    margin-right: 100px; }
  .navbar .phone {
    background: #000;
    padding: 5px 0;
    padding-left: calc(10% + 12px);
    color: #fff; }
  .navbar .phone .txt::before {
    content: "";
    border: 1px solid #a5a0a0;
    margin: 0 10px 0 5px; }
  .navbar-nav > li > a {
    padding: 30px; }
  .navbar-default .navbar-nav > .active > a::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #3f7df8;
    position: absolute;
    bottom: -1px;
    left: 0; } }