/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

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

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", Arial,
    "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%;
}

.h1,
h1 {
  font-size: 36px;
}

.h2,
h2 {
  font-size: 30px;
}

.h3,
h3 {
  font-size: 24px;
}

.h4,
h4 {
  font-size: 18px;
}

.h5,
h5 {
  font-size: 14px;
}

.h6,
h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

.small,
small {
  font-size: 85%;
}

.mark,
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-muted {
  color: #777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:focus,
a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:focus,
a.text-info:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:focus,
a.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:focus,
a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:focus,
a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:focus,
a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dd,
dt {
  line-height: 1.42857143;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1198px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }

  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"],
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm {
    line-height: 30px;
  }

  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"],
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px;
}

.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px;
}

.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}

fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
  cursor: not-allowed;
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }

  .form-inline .checkbox input[type="checkbox"],
  .form-inline .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default.focus,
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning.focus,
.btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}

.btn-link:focus,
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}

.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown,
.dropup {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}

.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  float: left;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical
  > .btn-group:first-child:not(:last-child)
  > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical
  > .btn-group:last-child:not(:first-child)
  > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="checkbox"],
.input-group-addon input[type="radio"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777;
}

.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #c9302c;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: 700;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-bar-striped,
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: " ";
}

.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
  display: none !important;
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@charset "UTF-8";

/*reset--css*/
body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

body {
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", Arial,
    "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
  font-size: 12px;
}

a,
a:hover,
a:visited,
a:active {
  text-decoration: none;
}

a:focus,
button {
  outline: none !important;
}

/*************************** 表单验证错误提示 *************************/
.onError,
.onFocus {
  position: absolute;
  right: -18px;
  top: -25px;
  padding: 2px 12px;
  line-height: 24px;
  background: #ffcccc;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  color: #be0000;
}

.onFocus,
.onFocus:after {
  background: #ffe59e;
  color: #dd6300;
}

.onError:before,
.onFocus:before {
  content: "";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  margin-right: 0.3em;
}

.onError:after,
.onFocus:after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: #ffcccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.onFocus,
.onFocus:after {
  background: #ffe59e;
  color: #dd6300;
}

.onCorrect {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: none;
}

.onCorrect:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  color: #37bd76;
}

.onShow,
.onLoad {
  display: none;
}

.formvalidator-errorBd {
  border-color: #f00 !important;
}

/************************************ 网站改版  公共样式 ******************************************/
/*蓝色 btn */
.btn_blue {
  display: inline-block;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 3px;
  background: #136cfb;
  color: #fff;
  letter-spacing: 5px;
  border: 0;
  font-size: 18px;
  padding: 0;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: background;
  transition-property: background;
}

.btn_blue:hover,
.btn_blue:active,
.btn_blue.focus,
.btn_blue:focus {
  background: #6ea2eb !important;
  color: #fff !important;
  text-decoration: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* 蓝色边框 btn */
.btn_blue_border {
  display: inline-block;
  height: 56px;
  line-height: 50px;
  text-align: center;
  border-radius: 3px;
  background: #fff;
  color: #7caced;
  letter-spacing: 3px;
  border: 3px solid #7caced;
  font-size: 18px;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.btn_blue_border:hover {
  border-color: #6ea2eb;
  color: #6ea2eb;
  text-decoration: none;
}

/*黑色边框 btn*/
.btn_black_border {
  display: inline-block;
  border: 3px solid #666;
  color: #333 !important;
  padding: 0 32px;
  height: 44px;
  line-height: 40px;
  letter-spacing: 2px;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.btn_black_border:hover {
  border-color: #333;
  color: #272727 !important;
  text-decoration: none;
}

/**************** 公共线 *******************/
.t_line .row {
  border-bottom: 1px solid #e3ecf5;
}

/**************** 公共标题title *********************/
.t_common_title .title h4 {
  font-size: 32px;
  line-height: 45px;
  color: #000000;
  letter-spacing: 0;
  font-weight: bold;
}

.t_common_title .title h4:nth-child(2) {
  margin-top: 10px;
}

.t_common_title .title > div div {
  color: #666;
  font-size: 16px;
  letter-spacing: 3px;
}

.t_common_title .title p {
  width: 36px;
  height: 5px;
  background: #ff507c;
  margin-bottom: 15px;
  margin-top: 6px;
}

.t_common_title .title p.green {
  background: #44e7b9;
}

.t_common_title .title p.red {
  background: #ff507c;
}

/****************** 公共星星样式  *************************/
.t_star b {
  width: 17px;
  height: 15px;
  display: inline-block;
  margin-right: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU3NkZBNjA0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU3NkZBNjE0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTc2RkE1RTQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTc2RkE1RjQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl04O9wAAAD1SURBVHjaYvx/34wBDygG4nYoPRmXIkY8hmgC8UUgZgXiH0CsDcT3sClkwmGABBCvgxoAAhxAvAGIRYg1xAeITwOxBpq4LhCfAWJ3XN6xAeIQIPYAYnUGwuAGEG8D4hUgC0GGSAIZj4GYmYF08AuIJUHeeQPEtxjIA9eB+APIkN9A7AfikGjAC2j4/YMF7B0griDREJD6J+jphA2IXwExPxEGvANicSD+gx7FoEA6QqQrDsAMwJZOnhJpyBN8iU2ASEP4kDksaJJfoPQ/ID4ExMehsSYIxNZQzISkDqshZUC8H4iPAvF9LC5QBmIrIN6MLAgQYACVwTaEllkJ1wAAAABJRU5ErkJggg==)
    no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.t_star b.yellow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU3NkZBNjA0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU3NkZBNjE0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTc2RkE1RTQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTc2RkE1RjQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl04O9wAAAD1SURBVHjaYvx/34wBDygG4nYoPRmXIkY8hmgC8UUgZgXiH0CsDcT3sClkwmGABBCvgxoAAhxAvAGIRYg1xAeITwOxBpq4LhCfAWJ3XN6xAeIQIPYAYnUGwuAGEG8D4hUgC0GGSAIZj4GYmYF08AuIJUHeeQPEtxjIA9eB+APIkN9A7AfikGjAC2j4/YMF7B0griDREJD6J+jphA2IXwExPxEGvANicSD+gx7FoEA6QqQrDsAMwJZOnhJpyBN8iU2ASEP4kDksaJJfoPQ/ID4ExMehsSYIxNZQzISkDqshZUC8H4iPAvF9LC5QBmIrIN6MLAgQYACVwTaEllkJ1wAAAABJRU5ErkJggg==)
    no-repeat center center;
}

.t_star b.gray {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA0MTIxNTA0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0MTIxNTE0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDQxMjE0RTQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDQxMjE0RjQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuKS9JUAAADiSURBVHjaYrz14jMDDmAExDuB+CwQ+wDxH2yKmHBoZgbimUAsAsTuQJyNyxYmHGLTgNgESawDiJ2JMUAJiLcDcRqaOAdUvALKhgNGYBhIAOkkIHYFYhsgZmHAD94C8Q5o+CwDGXAAyLBnIA8kgbxwnEzNv0AxBDKgBoi3kWEAKJwugQz4C+X8IEHzZiBeiBwLT4F4PQkGTMIWjTuJ1PwbiA9iM+ApkQa8ghqCYYAAkQYIInOQE81XJPZdaMw8A2J2INYEYm8g5gHiz7gMAKWuYKgTj2CxmReIvYD4KrIgQIABALXRLxQxz2cZAAAAAElFTkSuQmCC)
    no-repeat center center;
}

/****************** 公共单行省略号 多行省略号  ****************/
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis_3 {
  overflow: hidden;
  line-height: 23px;
  position: relative;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/**************** 公共案例卡片样式*********************/
.t_case_card {
  width: 300px;
  height: 280px;
  background: #fff;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0 20px 0 0;
  padding: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}

.t_case_card:first-child {
  margin-left: 20px;
}

.t_case_card .img_wrap {
  width: 100%;
}

.t_case_card .img_wrap img {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
}

.t_case_card h4 {
  color: #000;
  font-size: 20px;
  padding: 30px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.t_case_card > p {
  text-align: left;
}

.t_case_card p strong {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}

.t_case_card span {
  float: right;
}

.t_case_card .item_hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 3px;
  padding: 20px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}

.over_slider {
  overflow: hidden;
  position: relative;
}

.over_slider .slides li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
}

.over_slider .slides li img {
  display: block;
  width: 100%;
}

.over_slider img {
  width: 100%;
}

.over_slider .slides li:first-child {
  z-index: 2;
}

@keyframes slide_in {
  from {
    transform: translate(60%, 0);
    opacity: 0.6;
  }

  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes slide_in {
  from {
    transform: translate(60%, 0);
    opacity: 0.6;
  }

  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes slide_out {
  from {
    transform: translate(0, 0);
    opacity: 1;
  }

  to {
    transform: translate(-50%, 0);
    opacity: 0.6;
  }
}

@-webkit-keyframes slide_out {
  from {
    transform: translate(0, 0);
    opacity: 1;
  }

  to {
    transform: translate(-50%, 0);
    opacity: 0.6;
  }
}

/*mg动画单品页样式end*/
.t_case_card:hover .item_hover {
  opacity: 1;
  visibility: visible;
}

.t_case_card .item_hover .top {
  text-align: center;
  color: #333333;
  padding: 10px 0 25px 0;
}

.t_case_card .item_hover .top h5 {
  font-size: 18px;
  letter-spacing: 2px;
  margin: 15px 0;
}

.t_case_card .item_hover .top p {
  font-size: 14px;
}

.t_case_card .item_hover .bot {
  border-top: 1px solid #ededed;
  overflow: hidden;
}

.t_case_card .item_hover .bot > div {
  float: left;
  width: 32.5%;
  text-align: center;
  border-right: 1px solid #ededed;
}

.t_case_card .item_hover .bot > div:last-child {
  border-right: 1px solid #fff;
}

.t_case_card .item_hover .bot > div p:nth-child(1) {
  font-size: 20px;
  color: #333;
  padding: 10px 0 5px 0;
}

.t_case_card .item_hover .bot > div p:nth-child(2) {
  font-size: 14px;
  color: #666;
}

/**************** 公共LOGO图片放大效果*********************/
.img_enlarge img {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: transform;
  transition-property: transform;
  cursor: pointer;
}

.img_enlarge:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/************************************ 网站改版   01-新首页 ******************************************/
/*新版首页顶部广告banner*/
.top_banner {
  width: 100%;
  margin: auto;
  height: 44px;
  background: rgba(124, 172, 237, 0.74);
  display: none;
}

.top_banner .container {
  padding-top: 11px;
  padding-bottom: 17px;
}

.top_banner .container p {
  float: left;
  width: 93%;
}

.top_banner .container p a {
  padding-left: 3%;
  text-align: center;
  color: #ffffff;
  font-size: 1.2em;
  text-decoration: none;
  display: block;
  height: 20px;
  width: 100%;
}

.top_banner .container p a button {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  margin-left: 25px;
}

.top_banner .container span {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 0.75;
  color: #ffffff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}

.top_banner .container span:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/*头部*/
.t_n_header {
  padding-top: 16px;
  padding-bottom: 16px;
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 1000;
  box-shadow: none;
  -webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.t_n_header.headroom--pinned {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.t_n_header.headroom--unpinned {
  top: 0px;
}

.t_n_header.headroom--not--top {
  /*top: -60px;*/
}

.t_n_header.headroom--top {
  padding-top: 16px;
  padding-bottom: 16px;
  background: transparent;
  background-color: #fff\0;
  position: fixed;
  z-index: 1000;
  box-shadow: none;
}

.t_n_header .login {
  float: right;
  font-size: 1em;
  color: #333333;
}

.t_n_header .login > div {
  display: inline-block;
  height: 32px;
  width: 64px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.t_n_header .login .sign_in {
  border: 2px solid #333333;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.2s;
}

.t_n_header .login .sign_in:hover {
  border-color: #000000;
}

.t_n_header .login a {
  color: #333333;
  cursor: pointer;
  position: relative;
  z-index: 3;
  display: block;
}

.t_n_header .login a:hover {
  text-decoration: none;
  color: #111;
}

.t_n_header .login .pc_portrait {
  position: relative;
  top: -7px;
  right: 5px;
}

.t_n_header .login .pc_portrait img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  cursor: pointer;
  border: 2px solid #fff;
}

.t_n_header .login .pc_portrait span {
  position: absolute;
  right: 6px;
  top: -3px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  display: block;
  font-size: 12px;
  color: #fff;
  background: #ef1926;
  border-radius: 100%;
  z-index: 4;
}

.t_n_header .login .pc_after_login {
  position: absolute;
  right: 0;
  top: 50px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.t_n_header .login .after_login_cur {
  visibility: visible;
  opacity: 1;
}

.t_n_header .login .pc_after_login_con {
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  letter-spacing: 3px;
  width: 150px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}

.t_n_header .login .pc_after_login_con em {
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  background: transparent;
  margin: 0 3px;
}

.t_n_header .login .pc_after_login_con em.red {
  background: #ef1926;
}

.t_n_header .login .pc_after_login_con .triangle {
  position: absolute;
  right: 24px;
  top: -3px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
  box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1);
}

.t_n_header .login .pc_after_login_con .patch {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 15px;
  background: transparent;
}

.t_n_header .logo {
  float: left;
  padding: 0 0 0 1.5em;
  margin-right: 40px;
}

.t_n_header .logo img {
  width: 9.75em;
  max-width: 9.75em;
}

.t_n_header .nav_wrap {
  padding: 0;
}

.t_n_header .nav_wrap nav {
  padding: 0;
}

.t_n_header .nav > ul > li {
  float: left;
}

.t_n_header .nav > ul > li > a {
  font-size: 16px;
  color: #333333;
  display: block;
  padding: 0 20px 0 20px;
  height: 32px;
  line-height: 32px;
  letter-spacing: 2px;
  position: relative;
  left: -20px;
}

.t_n_header .nav > ul > li a:hover {
  text-decoration: none;
  color: #000;
}

.t_n_header li.classic {
  position: relative;
  margin-right: 1em;
}

.t_n_header li.classic .classic_a {
  background: transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: background;
  transition-property: background;
}

.t_n_header li.classic .classic_a {
  position: relative;
}

.t_n_header li.classic .classic_a span {
  position: absolute;
  right: 1px;
  top: 13px;
  display: block;
  width: 13px;
  height: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDcwOTc4RUY1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDcwOTc4RjA1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzA5NzhFRDVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzA5NzhFRTVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnUxO24AAACPSURBVHjaZI9dCoJQEIVHq10F7UBDfTEKXZtCvdyXttCjWzKoM3BGjjrwXZi557s/Wdf3hrqBAtzB19Z1AiN4g9cRSwsGcCCtSB5+goaYCyWDFkPeaBI2Zq4uPNg0ImWkkqclf7ILs5wYUr35R2JmzjkIKdm+lrA3uWyENMls0nB82jbSGXzAD1w07PUXYACEah4CVol9FQAAAABJRU5ErkJggg==)
    no-repeat right center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.t_n_header li.classic.c_hover .classic_a span {
  position: absolute;
  right: 1px;
  top: 13px;
  display: block;
  width: 13px;
  height: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDcwOTc4RjM1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDcwOTc4RjQ1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzA5NzhGMTVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzA5NzhGMjVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4oG1kAAACKSURBVHjaYoxPSGBAA6xAfAiI/wOxHRD/QZZkwqL4MBBbALElEB8BYhZcGkCKlwGxOZIYiL0cKoeigQWqOIQBE4RA5VhhClmgpiArXgelg5A0gUAUSPESNMVrQBJQNrKtIPovyEmbQAw0xb+hOAoqxgBVswnmdhDwA+JYqEIYgGkCKd4IcjpAgAEAW3oeRPeXxFIAAAAASUVORK5CYII=)
    no-repeat right center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.t_n_header li.classic .details {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -20px;
  top: 43px;
  width: 210px;
  z-index: 10;
  background: #fff;
  padding: 10px 0;
  border-radius: 3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.t_n_header li.classic .designer {
  /* width: 150px; */
  width: 198px;
}

.t_n_header li.classic .arrow {
  position: absolute;
  left: 32px;
  top: 37px;
  background: #fff;
  height: 12px;
  width: 12px;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  /*box-shadow: 0 -2px 11px 0 rgba(0,0,0,0.05);*/
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.t_n_header li.classic .patch {
  position: absolute;
  left: -20px;
  top: 20px;
  background: transparent;
  z-index: 9;
  width: 210px;
  height: 40px;
}

.t_n_header li.classic.c_hover .details,
.t_n_header li.classic.c_hover .arrow {
  opacity: 1;
  visibility: visible;
}

.t_n_header.headroom--unpinned li.classic .details,
.t_n_header.headroom--unpinned li.classic .arrow {
  opacity: 0;
  visibility: hidden;
}

.t_n_header li.classic .details .details_list a {
  color: #666666;
  font-size: 1.167em;
  padding: 0.857em 20px;
  display: block;
  width: 210px;
}

.t_n_header li.classic .designer .details_list a {
  width: 150px;
}

.t_n_header li.classic .details .details_list a:hover {
  text-decoration: none;
  background-color: #f3f2f0;
}

.t_n_header li.classic .details .details_list a {
  position: relative;
}

.t_n_header li.classic .details .details_list a span {
  position: absolute;
  left: 180px;
  top: 17px;
  display: block;
  width: 8px;
  height: 13px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDcwQzg2Mzc1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDcwQzg2Mzg1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzA5NzhGNTVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzA5NzhGNjVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlnBq6kAAACoSURBVHjaYvz//z/DrFmzohgYGPyAOCYtLe0PAxJglpKSigTSi4FYF4i1zp49u97Y2PgfTAETEPuDFEL5IUC8HGgiK7KCWCBeg2QqSNEymCJGqBtAnGVQSRg4CcS2YAUgAFW0AoiDkBQdZ2LADxhhVrCAHIfNCpA3sUmCHO0DDJPfICuWYJGMAknCvLkJiP9ikwSH5ObNmy8DQ+8OkP0HGtS/kV0JEGAATKxAvjX6UgYAAAAASUVORK5CYII=)
    no-repeat right center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.t_n_header li.classic .details .second_level {
  display: none;
  position: absolute;
  left: 210px;
  top: 0;
  right: auto;
  min-width: 210px;
  min-height: 100%;
  background: #fff;
  padding: 10px 0;
  border-radius: 0 3px 3px 0;
}

.t_n_header li.classic .details .details_list.d_hover .second_level {
  display: block;
}

.t_n_header li.classic .details .details_list.d_hover .second_level:before {
  content: " ";
  display: block;
  width: 1px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  z-index: 10;
  background: #efefef;
}

.t_n_header li.classic .details .second_level > ul {
  border-left: 1px solid #e6e6e6;
}

.t_n_header.headroom.top_nav_add_css {
  /* top: 54px !important; */
}

/*banner*/
.tcy_banner_wrap {
  background: #edf0ef;
  color: #666666;
  position: relative;
  overflow: hidden;
}

.tcy_banner_wrap .banner_con > div {
  height: 100%;
}

.tcy_banner_wrap .b_left {
  padding: 0;
  position: relative;
  height: 540px;
}

.tcy_banner_wrap .b_left .b_l {
  position: absolute;
  /*left: 0;*/
  left: 40px;
  top: 50%;
  margin-top: -12.291em;
  max-width: 90%;
}

.tcy_banner_wrap .b_left .b_l .production_map {
  position: absolute;
  top: -40px;
  left: -15px;
  color: #999999;
}

.tcy_banner_wrap .b_left .b_l .production_map a {
  color: #666;
  text-decoration: none;
  margin-right: 5px;
}

.tcy_banner_wrap .b_left .b_l .production_map span {
  margin-right: 5px;
  color: #666666;
}

.tcy_banner_wrap .b_left .b_l div,
.tcy_banner_wrap .b_left .b_l .d_1 {
  font-size: 1.35em;
  letter-spacing: 3px;
}

.tcy_banner_wrap .b_left .b_l .d_1 {
  margin-bottom: 0.35em;
  font-size: 3.167em;
  color: #333333;
  line-height: 1.42857143;
  font-weight: bold;
}

.tcy_banner_wrap .b_left .b_l .d_1 img {
  max-width: 85%;
  width: 85%;
  display: block;
}

.tcy_banner_wrap .b_left .b_l div.d_2 {
  margin-bottom: 0.7em;
}

.tcy_banner_wrap .b_left .b_l div.d_2 a {
  text-decoration: none;
  color: #666;
}

.tcy_banner_wrap .b_left .b_l div.d_3 {
  margin-bottom: 2em;
}

.tcy_banner_wrap .b_left .b_l div.d_4 {
  margin-bottom: 0.7em;
}

.tcy_banner_wrap .b_left .b_l div.d_5 {
  margin-bottom: 2.7em;
}

.tcy_banner_wrap .b_left .b_l div.d_4 b {
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc0RTQ4Q0QzRjU1MTFFNkE2MTNBREU4MDg3OUMyQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc0RTQ4Q0UzRjU1MTFFNkE2MTNBREU4MDg3OUMyQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzRFNDhDQjNGNTUxMUU2QTYxM0FERTgwODc5QzJCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNzRFNDhDQzNGNTUxMUU2QTYxM0FERTgwODc5QzJCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpxiQssAAAJNSURBVHjalJY9LGxBFMfvLkJBZzWCROf5SLRrFbyGEMlreKtR+aqQEFR0iEKieCQqiY+leYmCKDwvsSgl2JZYKpQakVj/s/6Xk3GvnZ3kl7n3zOz/zJw758wGUqmU49V+3u5JVw66QRP4AULgBdyBG/AfbIFr8/cHZa3pPuDlAOIiPAs6QY7zfXulkwmQNB0EPcQ70F2CqIW4qyFzE+y/DGrxIXR/QZEyn4J2UAYKOFZF24maVwjWwYjW/AgRxLvQbYqNY1egB8Qz7CAC/oBavotgFCHa+nDAmCe4CocrGwTnjl0T8SXQwPcnUA0nSTdEM0pcHA1kIS7tggtKqHDNpXfQnNytYDhcZ43wHOcxzdRawD7D4obrSJ2uShH9rcRPRNxy1dNAVrGgvltcffi0dpBJ5KhQ2YpP8VlOXq+PRpM4qFGGM0MoH4wa+aDFHe5i1UejRhwUK8OjIS45Mc/zneMj/gs8K9uDeg7lfhMGyYFWPndxp9UZxD3TXK9a72YFLKp3W/GQ3k1QnV1p9epZjt6w4cRm5VrjUhz8U4ZJY7LpxCYsWuMwyFL7SkMYCRbxcdJnIS6/Desy7taiTSacw1LdzfTPpkk92lDHPoakjboZPM4C5XDCMqjLUnxJiT9R871ESNVjNro1JcwciFiIy5w1VUlFo5eanxcODDFeFu73qGThOgZtoBTkkVLajjmnTomPSXi+XDjGlblm3Go2TcLSz+/gfydjYIexjKndZLr0Y0zEDXMwkMXfFhEo4fA9E/QQbPM+8fzb8ibAAI9duoackRilAAAAAElFTkSuQmCC)
    no-repeat center center;
  background-size: 100% 100%;
}

.tcy_banner_wrap .b_left .b_l div.d_5 b {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc0RTQ4Q0QzRjU1MTFFNkE2MTNBREU4MDg3OUMyQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc0RTQ4Q0UzRjU1MTFFNkE2MTNBREU4MDg3OUMyQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzRFNDhDQjNGNTUxMUU2QTYxM0FERTgwODc5QzJCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNzRFNDhDQzNGNTUxMUU2QTYxM0FERTgwODc5QzJCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpxiQssAAAJNSURBVHjalJY9LGxBFMfvLkJBZzWCROf5SLRrFbyGEMlreKtR+aqQEFR0iEKieCQqiY+leYmCKDwvsSgl2JZYKpQakVj/s/6Xk3GvnZ3kl7n3zOz/zJw758wGUqmU49V+3u5JVw66QRP4AULgBdyBG/AfbIFr8/cHZa3pPuDlAOIiPAs6QY7zfXulkwmQNB0EPcQ70F2CqIW4qyFzE+y/DGrxIXR/QZEyn4J2UAYKOFZF24maVwjWwYjW/AgRxLvQbYqNY1egB8Qz7CAC/oBavotgFCHa+nDAmCe4CocrGwTnjl0T8SXQwPcnUA0nSTdEM0pcHA1kIS7tggtKqHDNpXfQnNytYDhcZ43wHOcxzdRawD7D4obrSJ2uShH9rcRPRNxy1dNAVrGgvltcffi0dpBJ5KhQ2YpP8VlOXq+PRpM4qFGGM0MoH4wa+aDFHe5i1UejRhwUK8OjIS45Mc/zneMj/gs8K9uDeg7lfhMGyYFWPndxp9UZxD3TXK9a72YFLKp3W/GQ3k1QnV1p9epZjt6w4cRm5VrjUhz8U4ZJY7LpxCYsWuMwyFL7SkMYCRbxcdJnIS6/Desy7taiTSacw1LdzfTPpkk92lDHPoakjboZPM4C5XDCMqjLUnxJiT9R871ESNVjNro1JcwciFiIy5w1VUlFo5eanxcODDFeFu73qGThOgZtoBTkkVLajjmnTomPSXi+XDjGlblm3Go2TcLSz+/gfydjYIexjKndZLr0Y0zEDXMwkMXfFhEo4fA9E/QQbPM+8fzb8ibAAI9duoackRilAAAAAElFTkSuQmCC)
    no-repeat center center;
  background-size: 100% 100%;
}

.tcy_banner_wrap .b_left .b_l div.d_4 .cheapen i,
.t_mobile_banner_letter .cheapen i {
  position: relative;
  display: inline-block;
  border-radius: 3px;
  border: 3px solid #ff507c;
  padding: 0 6px;
  font-style: normal;
  font-weight: normal;
  color: #ff507c;
  font-size: 14px;
  letter-spacing: 0;
  margin-left: 10px;
  margin-top: -1px;
}

.tcy_banner_wrap .b_left .b_l div.d_4 .cheapen i:before,
.t_mobile_banner_letter .cheapen i:before {
  display: block;
  content: "";
  position: absolute;
  left: -8px;
  top: 5px;
  border-right: 5px solid #ff507c;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tcy_banner_wrap .start_btn {
  margin-top: 44px;
}

.tcy_banner_wrap .start_exp {
  width: 15.875em;
}

.tcy_banner_wrap .banner_right {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.tcy_banner_wrap .b_right {
  background: #e4e4e4;
  padding: 0;
}

.tcy_banner_wrap .b_right.index-slider .slides li {
  height: 540px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 2;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav li {
  float: left;
  padding-right: 10px;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav li a {
  width: 12px;
  height: 12px;
  border: 3px solid #b3b3b3;
  display: block;
  border-radius: 100%;
  color: transparent;
  background: transparent;
  cursor: pointer;
}

.tcy_banner_wrap .b_right.index-slider .flex-control-nav li a.flex-active {
  transform: scale(1.2);
  border: 3px solid #ff507c;
}

.tcy_banner_580 .b_right.index-slider .slides li {
  height: 580px;
}

.tcy_banner_wrap .b_right.fslider .slides li {
  height: 540px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 2;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav li {
  float: left;
  padding-right: 10px;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav li a {
  width: 12px;
  height: 12px;
  border: 3px solid #b3b3b3;
  display: block;
  border-radius: 100%;
  color: transparent;
  background: transparent;
  cursor: pointer;
}

.tcy_banner_wrap .b_right.fslider .flex-control-nav li a.flex-active {
  transform: scale(1.2);
  border: 3px solid #ff507c;
}

.tcy_banner_580 .b_right.fslider .slides li {
  height: 580px;
}

.tcy_banner_580 .b_left {
  padding: 0;
  position: relative;
  height: 580px;
}

/*公告*/
.tcy_new_index .notification {
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 55px;
  overflow: hidden;
}

.tcy_new_index .notification .vslider {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E1NzAzMUQzRjU1MTFFNkI0NTE5QzRCNTQyQjk2NzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E1NzAzMUUzRjU1MTFFNkI0NTE5QzRCNTQyQjk2NzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTU3MDMxQjNGNTUxMUU2QjQ1MTlDNEI1NDJCOTY3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTU3MDMxQzNGNTUxMUU2QjQ1MTlDNEI1NDJCOTY3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmRbXuQAAADwSURBVHjaYvz//z8DKWDWrFlaQCoUiqWAeDEQl7KQoVkbTToPiH8w4nMR0ABbINUGxDYE7HrHLCUl1Xr27NmNQMxjbGy8D8mQHCC1Cojl0TS9h3qnAojjoGKcIK+VAzEzEJcAcTWShkYgZkR2IBCvTktL24NkGVySBWoICLCh2SyExNYDGnAZn9+YiAlsQoYQbRAxYIgaBIwdIWIM+gtl/0KTe4vEfg40bAYQO+MyCBT9nUCcD8QT0eRA6WgSUtJIB2GgYe9A6QmK4YBQFvGAGmhGKIswEpP7gQZqI2VaLSxKuhjJKEaQDZWEFSMAAQYAoTBPyhEHszcAAAAASUVORK5CYII=)
    left center no-repeat;
  padding-left: 2.8em;
  height: 20px;
  overflow: hidden;
}

.tcy_new_index .notification .slides li {
  font-size: 1.17em;
  color: #666666;
}

.tcy_new_index .notification .slides li strong {
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 70%;
  vertical-align: top;
}

.tcy_new_index .notification .slides li span {
  color: #999999;
  margin-left: 2.5em;
  display: inline-block;
  vertical-align: top;
}

/*分类*/
.tcy_new_index .sort {
  padding-top: 50px;
  padding-bottom: 50px;
}

.tcy_new_index .sort .sort_con a,
.tcy_new_index .sort .sort_con a:hover {
  display: block;
  text-decoration: none;
  outline: none;
}

.tcy_new_index .sort h3 {
  font-size: 1.5em;
  color: #333333;
  margin: 1.2em 0 0.5em;
  letter-spacing: 2px;
  text-decoration: none;
}

.tcy_new_index .sort p {
  color: #666666;
  font-size: 1.2em;
  letter-spacing: 2px;
  text-decoration: none;
}

.tcy_new_index .sort .btn_black_wrap {
  text-align: center;
  padding: 3.122em 0 0;
}

.tcy_new_index .sort .btn_black_wrap a {
  font-size: 16px;
  letter-spacing: 3px;
  color: #7caced;
  text-decoration: none;
}

.tcy_new_index .sort .btn_black_wrap a:hover {
  color: #6ea2ed;
}

/*分类改版*/
.tcy_new_index .sort:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}

.tcy_new_index .sort .sort_con {
  width: 33.33%;
  float: left;
  text-align: center;
  border-right: 1px solid #f2f6fb;
}

.tcy_new_index .sort .sort_con:nth-child(1) {
  height: 240px;
}

.tcy_new_index .sort .sort_con:nth-child(1) a {
  margin-bottom: 10%;
}

.tcy_new_index .sort .sort_con:nth-child(1) img {
  width: 40%;
}

.tcy_new_index .sort .sort_con:nth-child(2) {
  border-bottom: 1px solid #f2f6fb;
  height: 120px;
}

.tcy_new_index .sort .sort_con:nth-child(2) a,
.tcy_new_index .sort .sort_con:nth-child(3) a,
.tcy_new_index .sort .sort_con:nth-child(4) a,
.tcy_new_index .sort .sort_con:nth-child(5) a {
  display: block;
  margin: 0 auto;
  text-align: left;
  width: 80%;
  margin-bottom: 10%;
}

.tcy_new_index .sort .sort_con:nth-child(2) div,
.tcy_new_index .sort .sort_con:nth-child(3) div,
.tcy_new_index .sort .sort_con:nth-child(4) div,
.tcy_new_index .sort .sort_con:nth-child(5) div {
  display: block;
  float: left;
  margin-right: 10%;
}

.tcy_new_index .sort .sort_con:nth-child(2) h3,
.tcy_new_index .sort .sort_con:nth-child(3) h3,
.tcy_new_index .sort .sort_con:nth-child(3) h3,
.tcy_new_index .sort .sort_con:nth-child(4) h3,
.tcy_new_index .sort .sort_con:nth-child(5) h3 {
  padding-top: 10px;
}

.tcy_new_index .sort .sort_con:nth-child(3) {
  border-right: none;
  border-bottom: 1px solid #f2f6fb;
  height: 120px;
}

.tcy_new_index .sort .sort_con:nth-child(4) {
  height: 120px;
}

.tcy_new_index .sort .sort_con:nth-child(5) {
  border-right: none;
  height: 120px;
}

/*更新信息*/
.tcy_new_index .update_info {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.tcy_new_index .update_info .row.top {
  height: 115px;
}

.tcy_new_index .update_info .row .u_scroll {
  height: 114px;
  overflow: hidden;
}

.tcy_new_index .update_info .row .u_scroll ul li {
  height: 114px;
}

.tcy_new_index .update_info .row .bubble_hover {
  position: absolute;
  left: 15px;
  top: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 10;
  background: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  display: block;
}

.tcy_new_index .update_info .row .bubble_con {
  position: absolute;
  left: 15px;
  bottom: 130px;
  z-index: 10;
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity, visible;
  transition-property: opacity, visible;
}

.tcy_new_index .update_info .row .bubble_hover:hover + .bubble_con {
  opacity: 1;
  visibility: visible;
}

.tcy_new_index .update_info .row .bubble_con .b_c {
  position: relative;
  padding: 15px 8px 15px 15px;
  border: 3px solid #e3ecf5;
  background: #ffffff;
  border-radius: 3px;
}

.tcy_new_index .update_info .row .bubble_con .b_c .triangle {
  position: absolute;
  left: 20px;
  bottom: -16px;
  display: block;
  border-left: 8px solid #e3ecf5;
  border-top: 8px solid #e3ecf5;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.tcy_new_index .update_info .u_info_con .left {
  float: left;
  width: 5em;
}

.tcy_new_index .update_info .u_info_con .left img {
  max-width: 100%;
  width: 100%;
}

.tcy_new_index .update_info .u_info_con .right {
  margin-left: 6.67em;
}

.tcy_new_index .update_info .u_info_con .right h3 {
  color: #333333;
  font-size: 1.2em;
}

.tcy_new_index .update_info .u_info_con .right h3 span {
  margin-left: 0.583em;
}

.tcy_new_index .update_info .u_info_con .right .detail {
  color: #fff;
  font-size: 1.2em;
  margin: 1.25em 0 0.5em 0;
  height: 3.75em;
  line-height: 3.75em;
  padding: 0 1.25em;
  border-radius: 3px;
  position: relative;
}

.tcy_new_index .update_info .u_info_con .right .detail strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  font-weight: normal;
}

.tcy_new_index .update_info .u_info_con .right .detail em {
  position: absolute;
  left: -8px;
  top: 0.58em;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 6px solid #000;
}

.tcy_new_index .update_info .u_info_con .right .detail strong span {
  color: #fff !important;
}

.tcy_new_index .update_info .u_info_con.first .right h3 span {
  color: #1ddca8;
}

.tcy_new_index .update_info .u_info_con.second .right h3 span {
  color: #509eed;
}

.tcy_new_index .update_info .u_info_con.third .right h3 span {
  color: #ff3e6b;
}

.tcy_new_index .update_info .u_info_con.first .right .detail {
  background: #44e7b9;
}

.tcy_new_index .update_info .u_info_con.second .right .detail {
  background: #7caced;
}

.tcy_new_index .update_info .u_info_con.third .right .detail {
  background: #ff507c;
}

.tcy_new_index .update_info .u_info_con.first .right .detail em {
  border-top: 6px solid #44e7b9;
}

.tcy_new_index .update_info .u_info_con.second .right .detail em {
  border-top: 6px solid #7caced;
}

.tcy_new_index .update_info .u_info_con.third .right .detail em {
  border-top: 6px solid #ff507c;
}

.tcy_new_index .update_info .u_info_con .right p {
  color: #999999;
  font-size: 1.167em;
}

.tcy_new_index .update_info .row.bot {
  text-align: center;
  font-size: 14px;
  color: #999999;
  padding-top: 40px;
  letter-spacing: 3px;
}

/***首页-最近推荐案例bxm_add***/
.case_slider {
  width: 1660px;
  max-height: 350px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  border-radius: 3px;
}

.case_slider .slides {
  height: 325px;
  overflow: hidden;
}

.case_slider .slides li {
  display: block;
  float: left;
  text-align: center;
}

.case_slider .slides li > div {
  display: none;
  min-height: 110px;
}

.case_slider img {
  width: 100%;
  max-width: 100%;
  border-radius: 3px;
  cursor: pointer;
  height: 150px;
}

.case_slider .flex-prev,
.case_slider .flex-next {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  width: 58px;
  height: 58px;
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4ODMwMDQ2NEFDQUUxMUU2QTEwMThCQUJERUU0OEQxMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4ODMwMDQ2NUFDQUUxMUU2QTEwMThCQUJERUU0OEQxMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg4MzAwNDYyQUNBRTExRTZBMTAxOEJBQkRFRTQ4RDEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg4MzAwNDYzQUNBRTExRTZBMTAxOEJBQkRFRTQ4RDEyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aIM7HwAABnhJREFUeNrcm31MW1UU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)
    no-repeat center center;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  cursor: pointer;
  z-index: 5;
  border-radius: 100%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.case_slider .flex-next {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2Njg2QzRDNEFDQUUxMUU2OTU4NEUxQjkzQ0EwNDkwOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2Njg2QzRDNUFDQUUxMUU2OTU4NEUxQjkzQ0EwNDkwOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2ODZDNEMyQUNBRTExRTY5NTg0RTFCOTNDQTA0OTA4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2ODZDNEMzQUNBRTExRTY5NTg0RTFCOTNDQTA0OTA4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SGHMHAAABmNJREFUeNrcm11MHFUUgA+zLLsUskVbqa1tgIhFW9AUuiGa+vNgMFoxqSk+gH0sGgyFUAKJJkp8gBdpYgUbMCZaDSEi2g3YCEJRY7AQCSC0kT9Ld5ENDUsJsHSX3WU8dzoznZ3Z2R/aHXbnJJeZ2WX2znfPuefcO/fcGJqmIZDEoIg/8nGMkflOfA4tLS07dTod1dTUtNLd3e0R/Tbt5yj3HchcS1kCAYtgA4Hy5yaT6eFjx449l5CQYNRoNBkURR3EnzqAJVFUxR18hgWPxzOFZdLhcIxOTU39bjQab8qABgL3D0SA5YoAghSKLRossVi0bInDosOib29v37u6uvqe2+3+A+930/chCP+P3W7/eGRk5DD5bbaOOLZo2WfQsIUSPWvowD5gNSJYHnR8fPwZp9P5Dd7noB+8bLpcrj6r1XpcBM5BxwqgA4MHgPWlVR706tWrTyBoK1EIrYCg5QxYLJaXZMCDg94KbEFBQSKa2wf4/6u08rKJjfxVR0fHY1uCDhW2v78/ne2j2yqbm5v/obws0LY/aClwELB67EevYUU2OnLEtba2Vh0StB8H5QV7+/btU/i/TjoCBUPZZ/v3748PCtqHdiWwGGpKlHJMWxXs19/6gfbqz35hbTbbyfuNqQpqut6PeXsBi/st46DMZvPz+Dt2OooE+3QVCx0nA+1Tuzri9tFBzdHRJy7We3MhSwLs05RxdGOio1RQUTcvXryYLGPaUlNeWlp6m45ywf78hci0eWAvU25oaNhFgjod/eKZnZ191oeWvbSrxyHjR7RKBLtll1jLXjEKJ+SJ8fHx5aASiY2NzUMtZ4vn8XzfRZdeTqtMUMvtQi1TQnrU7ilQmaCW3+jr63tUGJIY2OvXrx+iKCob1CexRqPxJMfJazglJeUEqFR0Ot3rEg3jhy+qFRjNOrempmYHB62rq6t7KEzvoyJGcC7/KmFlNFxYWHiIDdBhFbfbDT29vYADG8W1bDAYjnIhiVwcVAK2obERRkZGYHJyEt4pLgaNRqOkWR/mnBbo9fqwA1ssFsBIwJwPDg4y8KQRlBJs3BTOacVgONob7grT0tKgoqIC9Lq7PWd4eBg+PX8eNjY2FAFGxkd4L40XBiUqfTIjAyorKwEHOMz12NgY1J87B06nU4nqdwnDUrxSppWeng7VVVUQFxfHXE9MTEBnZ6ciShYC31HSY45fu8abMlmrI+augLh4L41hYk0p2B8vXQKTycQ5Eig+fRqysxUZ0a7ywGTJRIka29ra4KfLl7kwASUlJZB95IgiDY2MK5xJk0WqG+GucOHWLei9coU5J/237MwZxWBZK57n+7DD4ZgKd4V7kpOh8uxZSEpKgvKyMsjKylJ0pOXxeGb4ycTAwMBBBSfk2zKWXl5efpcbS9O5ublm/Myi0BBvW2ZMc3NzfwrDEmDL/6bW6SGZLGVmZk6QU0bDpKyvr/+iVmBU5s9eow8ira2t5MN1NQIvLS19D4LsH/6dNFlyVNvEH8PRjZycnB3Ct5bA0Vut1ka1aRe76udDQ0Nc8hvfh5mL1NTUYRyE9KnIWS02Nzd/KVDq3SEtCNaWzGbzC8QS1GDOdrv9fbj3Ep5fW+JWD7WCvvx11K+keTwT1dXVO8HHYppkMbyrq+tAhGXrhOyruLeUIF0Ul2QAMOtMNpvtrWg1bZwbNIJ82oN8Qgu5MQpN+a/S0lIDyCe2yGbx6MiNOEr5NYpi7hzJFAT5/A4JsMS0m5qadmOoGowC2MWZmZmj4J1/KU1OC5B2yEB3d3fvI6YSwbALgvQGuXSle5l4Mtl4wlDFaBrNuycCYWfHxsaeDgJWFljOiTFpw+jIPokU702mtCSEBg0rBKYDZ8HzieGLi4snsGWt2xl5cBT1YV5eXkJIsGJgOoTU/5aWlj1s2HIprNWe0dHRTPCfFR98Rjwd3OYOXtvT09M5+BA/0GHOtiVOEy3rTT+gwW32oLe2o0UCTlodp2L15HXoA+Rcx8b8bn5+/hUfoKHtdQgE7ANazsS9wMlkm4xj0dzPo1b+pkNMPcYG+5fskCEJ6RcuXEiG4LbwBL2NJ+BGLXb9Z0ubtcif2trahKKioqcMBsPjWq12H0VRu7GQxTstwq2QVQ/UohWtYxYn6uP5+fk20fxVbmPWlnanBQXsA1oO3N/R173+HjjQ0d+5rPwvwAAC3MHOnqyzAgAAAABJRU5ErkJggg==)
    no-repeat center center;
}

.case_slider .flex-prev {
  left: 5px;
}

.case_slider .flex-next {
  right: 5px;
}

.case_slider ul li .t_case_card {
  margin: 0 auto;
}

.t_case_card p em {
  font-size: 14px;
  letter-spacing: 2px;
  font-style: normal;
  padding: 0 10px;
  border-radius: 3px;
}

.em_red {
  color: #ff507c;
  border: 2px solid #ff507c;
}

.em_blue {
  color: #7caced;
  border: 2px solid #7caced;
}

.em_green {
  border: 2px solid #58e9be;
  color: #57e9be;
}

.em_purple {
  border: 2px solid #c190e3;
  color: #c190e3;
}

.t_case_card p span {
  font-size: 14px;
  text-align: center;
  display: block;
  color: #666;
}

.t_case_card .info_number {
  padding: 9px 0;
  width: 300px;
  margin-left: -15px;
  background: #f6f7f7;
  margin-top: 21px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.t_case_card .info_number span {
  line-height: 27px;
  width: 50%;
  height: 27px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #666666;
  letter-spacing: 1px;
  margin-bottom: 9px;
}

.t_case_card .info_number span.n_left {
  border-right: 1px solid #edeeee;
  float: left;
  border-bottom-left-radius: 3px;
}

.t_case_card .info_number span.n_right {
  border-left: 1px solid #e8e9e9;
  float: right;
  border-bottom-right-radius: 3px;
}

.t_case_card .info_number:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

/*案例*/
.tcy_new_index .case {
  background: #f4f6f9;
  padding: 50px 0 0;
}

.tcy_new_index .case .row {
  margin: 0;
}

/*案例上*/
.tcy_new_index .latest_wrap {
  padding: 0;
  margin-bottom: 3.083em;
  position: relative;
}

/*左侧导航*/
.tcy_new_index .latest_nav_con {
  width: 12em;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.tcy_new_index .latest_nav ul {
  position: relative;
}

.tcy_new_index .latest_nav li {
  padding-bottom: 2em;
  position: absolute;
  left: 0;
  cursor: pointer;
  width: 100%;
}

.tcy_new_index .latest_nav li .li_c {
  position: relative;
  width: 100%;
}

.tcy_new_index .latest_nav li:after {
  display: block;
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
}

.tcy_new_index .latest_nav li .li_c > div {
  text-align: center;
  width: 5.333em;
  font-size: 14px;
  color: #333333;
}

.tcy_new_index .latest_nav li .letter {
  display: block;
  color: #333333;
}

.tcy_new_index .latest_nav li .letter_ac {
  display: none;
}

.tcy_new_index .latest_nav li.active .letter {
  display: none;
}

.tcy_new_index .latest_cur_month {
  text-align: center;
  padding-top: 20px;
  display: none;
}

.tcy_new_index .latest_nav li.active .letter_ac,
.tcy_new_index .latest_cur_month .letter_ac {
  display: block;
  border-radius: 3px;
  background: #fff;
  position: relative;
}

.tcy_new_index .latest_nav li.active .letter_ac h4,
.tcy_new_index .latest_cur_month .letter_ac h4 {
  font-size: 16px;
  background: #ff527e;
  padding: 6px 0;
  color: #fff;
  border-radius: 3px 3px 0 0;
  position: relative;
}

.tcy_new_index .latest_nav li.active .letter_ac h4 span,
.tcy_new_index .latest_cur_month .letter_ac h4 span {
  position: absolute;
  right: -8px;
  top: 10px;
  width: 0;
  height: 0;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #ff527e;
}

.tcy_new_index .latest_nav li.active .letter_ac p {
  padding: 8px 0;
  border-radius: 0 0 3px 3px;
  font-size: 14px;
}

.tcy_new_index .latest_nav li .dot {
  float: right;
  width: 13px;
  height: 13px;
  display: block;
  border-radius: 100% 100%;
  background: #7eaded;
  margin: 3px 20px 0 0;
  position: relative;
  z-index: 2;
}

.tcy_new_index .latest_nav li.active .dot {
  background: #ff527e;
  margin-top: 9px;
}

.tcy_new_index .latest_nav .opacity_1,
.tcy_new_index .latest_nav .opacity_2 {
  display: none;
}

.tcy_new_index .latest_nav .opacity_1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8em;
  background: -webkit-linear-gradient(
    rgba(233, 242, 249, 0.9),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0)
  );
  background: -o-linear-gradient(
    rgba(233, 242, 249, 0.9),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0)
  );
  background: -moz-linear-gradient(
    rgba(233, 242, 249, 0.9),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0)
  );
  background: -ms-linear-gradient(
    rgba(233, 242, 249, 0.9),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0)
  );
  background: linear-gradient(
    rgba(233, 242, 249, 0.9),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0)
  );
}

.tcy_new_index .latest_nav .opacity_2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8em;
  background: -webkit-linear-gradient(
    rgba(233, 242, 249, 0),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0.9)
  );
  background: -o-linear-gradient(
    rgba(233, 242, 249, 0),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0.9)
  );
  background: -moz-linear-gradient(
    rgba(233, 242, 249, 0),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0.9)
  );
  background: linear-gradient(
    rgba(233, 242, 249, 0),
    rgba(233, 242, 249, 0.8),
    rgba(233, 242, 249, 0.9)
  );
}

/*右侧案例*/
.tcy_new_index .latest_case {
  overflow: hidden;
}

/*前一个*/
.tcy_new_index .latest_case .scroll_btn {
  width: 4.834em;
  height: 4.834em;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -2.417em;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: transform;
  transition-property: transform;
  z-index: 6;
}

.tcy_new_index .latest_case .scroll_btn.prev {
  left: -2.417em;
}

.tcy_new_index .latest_case .scroll_btn:hover {
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.tcy_new_index .latest_case .scroll_btn > div {
  position: relative;
  height: 100%;
}

.tcy_new_index .latest_case .scroll_btn > div span {
  position: absolute;
  left: 50%;
  top: 50%;
  border-top: 2px solid #5f6060;
  border-right: 2px solid #5f6060;
  width: 8px;
  height: 8px;
  display: block;
  background: #fff;
  margin: -5px 0 0 -5px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.tcy_new_index .latest_case .scroll_btn.next > div span {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tcy_new_index .latest_case .latest_list {
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  font-size: 0;
  position: relative;
  bottom: -17px;
  margin-top: -17px;
}

.tcy_new_index .latest_case .latest_list .latest_card {
  width: 40%;
  overflow: hidden;
  background: #ffffff;
  border-radius: 3px;
  margin: 0 20px 0 0;
  padding: 1.5em 1.5em 2.5em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  font-size: 12px;
}

.tcy_new_index
  .latest_case
  .latest_list
  .latest_card.loading_wrap:hover
  .item_hover {
  opacity: 0;
  visibility: hidden;
}

.tcy_new_index .latest_case .latest_list .latest_card .loading {
  display: none;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 15;
}

.tcy_new_index .latest_case .latest_list .latest_card.loading_wrap .loading {
  display: block;
}

.tcy_new_index .latest_case .latest_list .latest_card .loading img {
  width: 84px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -42px;
}

.tcy_new_index .latest_case .latest_list .latest_card .loading p {
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin: 10px 0 0 0;
  width: 100%;
  color: #787878;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 5;
}

.tcy_new_index .latest_case .latest_list .latest_card:nth-child(1) .item_layer,
.tcy_new_index .latest_case .latest_list .latest_card:nth-child(2) .item_layer {
  display: none;
}

.tcy_new_index .latest_case .latest_list .latest_card .img_wrap {
  width: 100%;
  overflow: hidden;
}

.tcy_new_index .latest_case .latest_list .latest_card .img_wrap img {
  width: 100%;
  max-width: 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card h4 {
  color: #000;
  font-size: 1.75em;
  padding: 1em 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tcy_new_index .latest_case .latest_list .latest_card p strong {
  color: #666666;
  font-size: 1.167em;
  font-weight: normal;
}

.tcy_new_index .latest_case .latest_list .latest_card span {
  float: right;
}

.tcy_new_index .latest_case .latest_list .latest_card span b {
  width: 17px;
  height: 15px;
  display: inline-block;
  margin-left: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU3NkZBNjA0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU3NkZBNjE0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTc2RkE1RTQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTc2RkE1RjQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl04O9wAAAD1SURBVHjaYvx/34wBDygG4nYoPRmXIkY8hmgC8UUgZgXiH0CsDcT3sClkwmGABBCvgxoAAhxAvAGIRYg1xAeITwOxBpq4LhCfAWJ3XN6xAeIQIPYAYnUGwuAGEG8D4hUgC0GGSAIZj4GYmYF08AuIJUHeeQPEtxjIA9eB+APIkN9A7AfikGjAC2j4/YMF7B0griDREJD6J+jphA2IXwExPxEGvANicSD+gx7FoEA6QqQrDsAMwJZOnhJpyBN8iU2ASEP4kDksaJJfoPQ/ID4ExMehsSYIxNZQzISkDqshZUC8H4iPAvF9LC5QBmIrIN6MLAgQYACVwTaEllkJ1wAAAABJRU5ErkJggg==)
    no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card span b.yellow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU3NkZBNjA0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU3NkZBNjE0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTc2RkE1RTQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTc2RkE1RjQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl04O9wAAAD1SURBVHjaYvx/34wBDygG4nYoPRmXIkY8hmgC8UUgZgXiH0CsDcT3sClkwmGABBCvgxoAAhxAvAGIRYg1xAeITwOxBpq4LhCfAWJ3XN6xAeIQIPYAYnUGwuAGEG8D4hUgC0GGSAIZj4GYmYF08AuIJUHeeQPEtxjIA9eB+APIkN9A7AfikGjAC2j4/YMF7B0griDREJD6J+jphA2IXwExPxEGvANicSD+gx7FoEA6QqQrDsAMwJZOnhJpyBN8iU2ASEP4kDksaJJfoPQ/ID4ExMehsSYIxNZQzISkDqshZUC8H4iPAvF9LC5QBmIrIN6MLAgQYACVwTaEllkJ1wAAAABJRU5ErkJggg==)
    no-repeat center center;
  background-size: 100% 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card span b.gray {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA0MTIxNTA0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0MTIxNTE0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDQxMjE0RTQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDQxMjE0RjQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuKS9JUAAADiSURBVHjaYrz14jMDDmAExDuB+CwQ+wDxH2yKmHBoZgbimUAsAsTuQJyNyxYmHGLTgNgESawDiJ2JMUAJiLcDcRqaOAdUvALKhgNGYBhIAOkkIHYFYhsgZmHAD94C8Q5o+CwDGXAAyLBnIA8kgbxwnEzNv0AxBDKgBoi3kWEAKJwugQz4C+X8IEHzZiBeiBwLT4F4PQkGTMIWjTuJ1PwbiA9iM+ApkQa8ghqCYYAAkQYIInOQE81XJPZdaMw8A2J2INYEYm8g5gHiz7gMAKWuYKgTj2CxmReIvYD4KrIgQIABALXRLxQxz2cZAAAAAElFTkSuQmCC)
    no-repeat center center;
  background-size: 100% 100%;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 3px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}

.tcy_new_index .latest_case .latest_list .latest_card:hover .item_hover {
  opacity: 1;
  visibility: visible;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .top {
  text-align: center;
  color: #333333;
  padding: 30px 0;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .top h5 {
  font-size: 1.5em;
  letter-spacing: 2px;
  padding: 20px 0 20px;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .top p {
  font-size: 1.167em;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot {
  border-top: 1px solid #ededed;
  overflow: hidden;
  margin: 0 50px;
}

.tcy_new_index .latest_case .latest_list .latest_card .item_hover .bot > div {
  float: left;
  width: 32.5%;
  text-align: center;
  border-right: 1px solid #ededed;
}

.tcy_new_index
  .latest_case
  .latest_list
  .latest_card
  .item_hover
  .bot
  > div:last-child {
  border-right: 2px solid #fff;
}

.tcy_new_index
  .latest_case
  .latest_list
  .latest_card
  .item_hover
  .bot
  > div
  p:nth-child(1) {
  font-size: 2em;
  color: #333333;
  padding: 0.4em 0 0.3em;
}

.tcy_new_index
  .latest_case
  .latest_list
  .latest_card
  .item_hover
  .bot
  > div
  p:nth-child(2) {
  font-size: 1.4em;
  color: #666666;
  padding-bottom: 0.3em;
}

/*案例下*/
.tcy_new_index .case .examples {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

.tcy_new_index .case .case_list .examples .card_list {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  bottom: -17px;
  margin-top: -17px;
  font-size: 0;
  text-align: center;
}

.tcy_new_index .case .title_con {
  margin-bottom: 30px;
}

/*******案例展示模态框*********/
.t_n_modal .modal-dialog {
  width: 880px;
  position: absolute;
  left: 50%;
  margin-left: -590px;
}

.t_n_modal .modal-dialog .case_thumb {
  width: 100%;
  padding: 0 20px;
  background: #fff;
}

.t_n_modal .case_team {
  position: fixed;
  left: 50%;
  top: 30px;
  width: 300px;
  background: #fff;
  border-radius: 3px;
  padding-bottom: 26px;
  margin-left: 300px;
}

.t_n_modal .modal-dialog .case_thumb {
  border-radius: 3px;
  padding-bottom: 10px;
}

.t_n_modal .modal-dialog .case_thumb h2 {
  font-size: 2.33em;
  line-height: 80px;
}

.t_n_modal .modal-dialog .case_thumb img {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.t_n_modal .modal-dialog .case_thumb p {
  margin-bottom: 30px;
}

.t_n_modal .modal-dialog .case_thumb p span b {
  width: 17px;
  height: 15px;
  display: inline-block;
  margin-left: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU3NkZBNjA0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU3NkZBNjE0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTc2RkE1RTQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTc2RkE1RjQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl04O9wAAAD1SURBVHjaYvx/34wBDygG4nYoPRmXIkY8hmgC8UUgZgXiH0CsDcT3sClkwmGABBCvgxoAAhxAvAGIRYg1xAeITwOxBpq4LhCfAWJ3XN6xAeIQIPYAYnUGwuAGEG8D4hUgC0GGSAIZj4GYmYF08AuIJUHeeQPEtxjIA9eB+APIkN9A7AfikGjAC2j4/YMF7B0griDREJD6J+jphA2IXwExPxEGvANicSD+gx7FoEA6QqQrDsAMwJZOnhJpyBN8iU2ASEP4kDksaJJfoPQ/ID4ExMehsSYIxNZQzISkDqshZUC8H4iPAvF9LC5QBmIrIN6MLAgQYACVwTaEllkJ1wAAAABJRU5ErkJggg==)
    no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.t_n_modal .modal-dialog .case_thumb p span b.yellow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU3NkZBNjA0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU3NkZBNjE0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTc2RkE1RTQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTc2RkE1RjQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl04O9wAAAD1SURBVHjaYvx/34wBDygG4nYoPRmXIkY8hmgC8UUgZgXiH0CsDcT3sClkwmGABBCvgxoAAhxAvAGIRYg1xAeITwOxBpq4LhCfAWJ3XN6xAeIQIPYAYnUGwuAGEG8D4hUgC0GGSAIZj4GYmYF08AuIJUHeeQPEtxjIA9eB+APIkN9A7AfikGjAC2j4/YMF7B0griDREJD6J+jphA2IXwExPxEGvANicSD+gx7FoEA6QqQrDsAMwJZOnhJpyBN8iU2ASEP4kDksaJJfoPQ/ID4ExMehsSYIxNZQzISkDqshZUC8H4iPAvF9LC5QBmIrIN6MLAgQYACVwTaEllkJ1wAAAABJRU5ErkJggg==)
    no-repeat center center;
}

.t_n_modal .modal-dialog .case_thumb p span b.gray {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA0MTIxNTA0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0MTIxNTE0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDQxMjE0RTQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDQxMjE0RjQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuKS9JUAAADiSURBVHjaYrz14jMDDmAExDuB+CwQ+wDxH2yKmHBoZgbimUAsAsTuQJyNyxYmHGLTgNgESawDiJ2JMUAJiLcDcRqaOAdUvALKhgNGYBhIAOkkIHYFYhsgZmHAD94C8Q5o+CwDGXAAyLBnIA8kgbxwnEzNv0AxBDKgBoi3kWEAKJwugQz4C+X8IEHzZiBeiBwLT4F4PQkGTMIWjTuJ1PwbiA9iM+ApkQa8ghqCYYAAkQYIInOQE81XJPZdaMw8A2J2INYEYm8g5gHiz7gMAKWuYKgTj2CxmReIvYD4KrIgQIABALXRLxQxz2cZAAAAAElFTkSuQmCC)
    no-repeat center center;
}

.t_n_modal .modal-dialog .case_thumb p strong {
  font-style: normal;
  font-weight: normal;
  font-size: 1.33em;
  color: #666666;
  padding-right: 1em;
}

.t_n_modal .case_team .top {
  text-align: center;
  color: #333333;
  padding: 3.4em 0;
}

.t_n_modal .case_team .top h5 {
  font-size: 1.5em;
  letter-spacing: 2px;
  margin: 0.834em 0;
}

.t_n_modal .case_team .top p {
  font-size: 1.167em;
}

.t_n_modal .case_team .bot {
  border-top: 1px solid #ededed;
  overflow: hidden;
  margin: 0 1.67em 1.67em;
}

.t_n_modal .case_team .bot > div {
  float: left;
  width: 32.5%;
  text-align: center;
  border-right: 1px solid #ededed;
}

.t_n_modal .case_team .bot > div:last-child {
  border-right: 2px solid #fff;
}

.t_n_modal .case_team .bot > div p:nth-child(1) {
  font-size: 1.67em;
  color: #333333;
  padding: 0.6em 0 0.3em;
}

.t_n_modal .case_team .bot > div p:nth-child(2) {
  font-size: 1.167em;
  color: #666666;
  padding-bottom: 0.3em;
}

.t_n_modal .case_team .start_ds {
  width: 85%;
  margin: auto;
  display: block;
}

/*********客户评价*********/
.tcy_new_index .customer_eval {
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}

.tcy_new_index .customer_eval .customer_eval_con {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: visible;
  position: relative;
  bottom: -17px;
  margin-top: -17px;
  font-size: 0;
  padding: 10px 0 20px 20px;
}

.tcy_new_index .customer_eval .customer_eval_item {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  padding: 30px 20px;
  border-radius: 2px;
  box-shadow: 0 2px 20px 0 rgba(18, 20, 21, 0.1);
  margin-right: 20px;
  width: 280px;
  text-align: center;
  cursor: default;
}

.tcy_new_index .customer_eval .customer_eval_item h4 {
  font-size: 18px;
  color: #333;
  padding-bottom: 10px;
}

.tcy_new_index .customer_eval .customer_eval_item p {
  font-size: 14px;
  color: #999;
  line-height: 22px;
  text-align: center;
  padding-top: 5px;
  white-space: normal;
  cursor: default;
  letter-spacing: 1px;
}

.tcy_new_index .customer_evl .more_eval {
  font-size: 16px;
  letter-spacing: 3px;
  color: #7caced;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-top: 20px;
}

.tcy_new_index .customer_evl .more_eval:hover {
  color: #6ea2ed;
}

.tcy_new_index .customer_evl .more_eval:focus {
  outline: none;
}

/***************** 设计师团队 *************************/
.designers_team {
  padding: 77px 0 80px;
}

.designers_team .row {
  margin: 0;
}

.designers_team .container {
  font-size: 0;
}

.designers_team .team_con .box {
  display: inline-block;
  width: 10%;
  vertical-align: top;
}

.designers_team .team_con .box_con {
  cursor: pointer;
  opacity: 0;
  margin: 0 auto;
}

.designers_team .box .con {
  display: block;
  position: relative;
}

.designers_team .team_con .box .mt120 {
  margin-top: 120px;
}

.designers_team .team_con .box .mt100 {
  margin-top: 100px;
}

.designers_team .team_con .box .mt110 {
  margin-top: 110px;
}

.designers_team .box .mt60 {
  margin-top: 60px;
}

.designers_team .box .mt40 {
  margin-top: 40px;
}

.designers_team .box .mt30 {
  margin-top: 30px;
}

.designers_team .box .mt25 {
  margin-top: 25px;
}

.designers_team .box .mt20 {
  margin-top: 20px;
}

.designers_team .box .mt15 {
  margin-top: 15px;
}

.designers_team .box .mt10 {
  margin-top: 10px;
}

.designers_team .box .mt5 {
  margin-top: 5px;
}

.designers_team .box .mb10 {
  margin-bottom: 10px;
}

.designers_team .box .img_100 {
  width: 100%;
}

.designers_team .box .img_90 {
  width: 90%;
}

.designers_team .box .img_80 {
  width: 80%;
}

.designers_team .box .img_70 {
  width: 70%;
}

.designers_team .box .img_60 {
  width: 60%;
}

.designers_team .box img {
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  width: 100%;
}

.designers_team .m_team_con .box img {
  opacity: 0;
}

.designers_team .team_con .box .box_con.des_animate {
  animation: DesignerFadeIn 1.5s both;
  -webkit-animation: DesignerFadeIn 1.5s both,
    Floating 2.5s 2s infinite alternate;
}

.designers_team .m_team_con img.m_des_animate {
  -webkit-animation: DesignerFadeIn 1.5s both;
  animation: DesignerFadeIn 1.5s both;
}

.designers_team .team_con .box .des_animate.img_delay_1,
.designers_team .m_team_con .m_des_animate.img_delay_1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.designers_team .team_con .box .des_animate.img_delay_2,
.designers_team .m_team_con .m_des_animate.img_delay_2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.designers_team .team_con .box .des_animate.img_delay_6,
.designers_team .m_team_con .m_des_animate.img_delay_6 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.designers_team .team_con .box .des_animate.img_delay_3,
.designers_team .m_team_con .m_des_animate.img_delay_3 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.designers_team .team_con .box .des_animate.img_delay_4,
.designers_team .m_team_con .m_des_animate.img_delay_4 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.designers_team .team_con .box .des_animate.img_delay_5,
.designers_team .m_team_con .m_des_animate.img_delay_5 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

@-webkit-keyframes Floating {
  from {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  to {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

@-webkit-keyframes DesignerFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes DesignerFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*合作伙伴展示动画*/
@-webkit-keyframes companionAnimate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes companionAnimate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.designers_team .team_con .box .box_con .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  text-align: center;
  border-radius: 100%;
  opacity: 0;
  color: #333;
  font-size: 16px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.designers_team .team_con .box .box_con .info p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.designers_team .team_con .box .box_con:hover {
  position: relative;
  z-index: 888;
}

.designers_team .team_con .box .box_con:hover .info {
  opacity: 1;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.designers_team .team_con .box .box_con .tips {
  max-width: 200px;
  position: absolute;
  left: 60%;
  bottom: 110%;
  /*height: 30px;*/
  line-height: 24px;
  color: #fff;
  font-size: 14px;
  display: inline;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.designers_team .team_con .box .box_con .tips_right {
  left: auto;
  right: 60%;
}

.designers_team .team_con .box .box_con:hover .tips {
  opacity: 1;
  visibility: visible;
}

.designers_team .team_con .box .box_con .tips .arrow {
  display: block;
  position: absolute;
  left: 10px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 5px solid #44e7b9;
  border-top: 5px solid #44e7b9;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.designers_team .team_con .box .box_con .tips_right .arrow {
  left: auto;
  right: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid #44e7b9;
}

.designers_team .team_con .box .box_con .tips span {
  display: inline-block;
  background: #44e7b9;
  padding: 3px 10px;
  border-radius: 3px;
  width: 200px;
}

.designers_team .team_btn {
  margin-top: 40px;
  opacity: 0;
  font-size: 14px;
}

.designers_team .team_btn_con {
  padding-left: 1.428em;
}

.designers_team .team_btn_con a {
  color: #333;
}

.designers_team .team_btn.team_btn_fade {
  -webkit-animation: DesignerFadeIn 1.5s 2s both;
  animation: DesignerFadeIn 1.5s 2s both;
}

.designers_team .team_btn p {
  letter-spacing: 3px;
  padding: 25px 0 0 39px;
  cursor: pointer;
}

.designers_team .team_btn p a {
  text-decoration: none;
  color: #7cacee;
}

.designers_team .m_team_con {
  padding: 0 15px;
  font-size: 0;
}

.designers_team .m_team_con .box {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}

.designers_team .m_team_con .ml15 {
  margin-left: 15%;
}

.designers_team .m_team_con .ml5 {
  margin-left: 5%;
}

.designers_team .m_team_con .ml_40 {
  margin-left: -40%;
}

.designers_team .m_team_con .ml_20 {
  margin-left: -20%;
}

.designers_team .m_team_con .ml_15 {
  margin-left: -15%;
}

.designers_team .m_team_con .ml_13 {
  margin-left: -13%;
}

/*设计师弹出层*/
.designers_team_con .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -240px 0 0 -280px;
  width: 560px;
  border-radius: 3px;
  text-align: center;
  box-shadow: none;
  background: #fff;
}

.designers_team_con .img_wrap {
  width: 100%;
  position: absolute;
  top: -44px;
}

.designers_team_con .img_wrap .con {
  position: relative;
}

.designers_team_con .img_wrap .con .img_portrait {
  width: 88px;
  height: 88px;
  border-radius: 100%;
  border: 6px solid #fff;
}

.designers_team_con .img_wrap .con .img_vip {
  position: absolute;
  bottom: 7px;
  left: 50%;
  margin-left: 18px;
}

.designers_team_con .img_wrap .con .vslider_wrap {
  position: absolute;
  left: 55%;
  bottom: 93%;
}

.designers_team_con .img_wrap .con .vslider_wrap .v_c {
  position: relative;
  background: #44e7b9;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  border-radius: 3px;
}

.designers_team_con .img_wrap .con .vslider_wrap .v_c .fslider {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

.designers_team_con .img_wrap .con .vslider_wrap .v_c .arrow {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 10px;
  bottom: -10px;
  border-left: 7px solid #44e7b9;
  border-top: 7px solid #44e7b9;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.designers_team_con h3 {
  margin-top: 44px;
  padding: 20px 0 0;
  letter-spacing: 3px;
  color: #4c4c4c;
  font-size: 24px;
}

.designers_team_con h3 strong {
  font-weight: normal;
}

.designers_team_con h3 span {
  width: 20px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

.designers_team_con h3 span img {
  width: 100%;
  max-width: 100%;
  float: left;
  margin-top: -3px;
}

.designers_team_con .tag,
.designers_team_con .icon {
  padding-top: 17px;
}

.designers_team_con .tag span {
  display: inline-block;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
  margin: 3px 3px 0;
  background: #f2f6fa;
  color: #666666;
  font-size: 14px;
}

.designers_team_con .tips {
  padding: 20px 0 0;
  font-size: 14px;
  color: #666;
}

.designers_team_con .details_img_wrap {
  padding: 25px 30px 30px;
  overflow: hidden;
}

.designers_team_con .details_img_wrap .img_l {
  overflow: hidden;
  width: 335px;
  height: 210px;
  float: left;
  border-radius: 3px;
}

.designers_team_con .details_img_wrap .img_r {
  float: left;
  width: 160px;
  padding-left: 10px;
}

.designers_team_con .details_img_wrap .img_r > div {
  width: 100%;
  height: 100px;
  overflow: hidden;
  border-radius: 3px;
}

.designers_team_con .details_img_wrap .img_r > div:nth-child(2) {
  margin-top: 10px;
}

.designers_team_con .icon span {
  padding: 3px 17px 3px 28px;
  font-size: 14px;
  color: #666;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODkxOTQzRTc5N0YxMUU2OTg0RjhDRjlFNDREQkJCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODkxOTQzRjc5N0YxMUU2OTg0RjhDRjlFNDREQkJCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4OTE5NDNDNzk3RjExRTY5ODRGOENGOUU0NERCQkIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4OTE5NDNENzk3RjExRTY5ODRGOENGOUU0NERCQkIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZAMXuwAAAJ5JREFUeNpi+P//PwM6nnnwRysQfwbR2OSJUcPEgB2UAzEPEJcw4AZ41eAymBlKs+ExGK8aJgYaAVwG/4XSv/DoxasGl8GdQPwFiHvwGIxXDSMwVj2B9FwglqRSKDwH4mQmKhvKADVrLhOVDYUbzoLMS7NjZ6TEtFmHfv4fsOQ2avBINpgFVzqkhouf08DBL0AGp4AYVDT0KagQAggwAH/kXdAWJawvAAAAAElFTkSuQmCC)
    no-repeat left center;
  -webkit-background-size: 22px 20px;
  background-size: 22px 20px;
}

.designers_team_con .icon span:nth-child(2) {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQUYxMTlDRTc5N0YxMUU2QTVBRkEwOUIyRjBGNjlDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQUYxMTlDRjc5N0YxMUU2QTVBRkEwOUIyRjBGNjlDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNBRjExOUNDNzk3RjExRTZBNUFGQTA5QjJGMEY2OUMxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNBRjExOUNENzk3RjExRTZBNUFGQTA5QjJGMEY2OUMxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9/abBwAAAR1JREFUeNpinHnwhycDA8NcIJZkoA54DsTJjECDn1HRULjhTDQwFAQkmdAEGMnFaXbsjMgGMTHQCAxKg1uB+DOUpqrBJUDMA8R51Da4B4i/APEkbJIsaPxjQHwbiC8B8WEgPgvEf3EYXA3FDMQYbAnFMPARiPcC8Sog3gDEP6kVefxAHATEK4D4KRA3ArEwOQZbAXE8EPcB8WU0OZCBdUD8AIhbgJiLFIOPA/EiIC4GYj0gFgfiXCC+jqSGBxq2IDFfcoPiFRBPAWItIPYA4gtIcnJAvAkqz4GuEVS6/UcrKwiBACCeCDUYBs4DsTcQP6MkHYNShw4Qz0ASM4QmVZzJ7T8FGUYBPYyf06AMegkyOAWIX1DRUFB6TwIIMADZizdH42LmfwAAAABJRU5ErkJggg==)
    no-repeat left center;
  -webkit-background-size: 22px 20px;
  background-size: 22px 20px;
}

.designers_team_con .icon span:nth-child(3) {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0OUZFNDAwRTc5N0YxMUU2QjhGM0IzRTUzODM1MkRCMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0OUZFNDAwRjc5N0YxMUU2QjhGM0IzRTUzODM1MkRCMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5RkU0MDBDNzk3RjExRTZCOEYzQjNFNTM4MzUyREIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ5RkU0MDBENzk3RjExRTZCOEYzQjNFNTM4MzUyREIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7IE4zgAAAJdJREFUeNpi/P//PwMMzDr00xNIzQViSQbSwXMgTmZCEyTXMAaovrlMWAQpAZIsuGTS7NgZiTUFGFTwcGNioDJgAZreCqRLgJgNi62/gLgH6NpqYg1kwmYYEgCJ55HiQpCBPVCXYAMg8UmkGMiIlg7/D7pIGfwGjiabQZhsWIixlZJk85xCB75ANzAFJEimYU9BVQBAgAEAdytEaFAFxgQAAAAASUVORK5CYII=)
    no-repeat left center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}

.designers_team_con .icon span:nth-child(4) {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODgzNzE5RTc5N0YxMUU2QURGMUZCNzU3RjhGNDg1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODgzNzE5Rjc5N0YxMUU2QURGMUZCNzU3RjhGNDg1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4ODM3MTlDNzk3RjExRTZBREYxRkI3NTdGOEY0ODVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4ODM3MTlENzk3RjExRTZBREYxRkI3NTdGOEY0ODVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+99LMeAAAAd1JREFUeNqklcsrRHEUx+/1GsKKjcdkIRqKFGpQM5OhbDSrUWJLaf4EMpiVLSLWWAwLw86jGAZNsSBSGiWPnY1HeSyu76/O1Zlf90735tSne37nd+6383vcc1VN0xRhS/EvxcC6QRD4gRN8gwdwCNbAjp447HH8vZSjGJsLLACfFM+lOcEQ2Acj4IYnZRkIekHSQNDIfJTrzSQqKoiBYhYLg3qQB4rID7N5kRvD9rn0gMr2VMXjGLhp7gX0ghOTKtvAFiih8Slox95qvFI/ExQWyCCo0FyAjd2kkbb8PuZPgISFPU1QbpoGF+1kflSxblFZg4s6mZ+yIZqSNbgov/0O5R/GRZ+ZX25Do5L5j7JokvlBG6ID0sGlia4wPwI6LAiKnCk2XpZFt8EVG+/R5TeyfLAK4ix2pjcYLtoAqqXD2gSToI6aSSH5okv1S+9n62MenKMKZBsH19T23slvMchrAqG/bx/ffdDmhTezN7ESdfHgs4D6oWgo56CVXSlR2TrwSE36AzRTziuYpuX3gCfRpCvAIDgComVVgVvaw1EwY3JQF6AGjIFZ6vwRrLpMNfmdiIMoBY3gx2SpXXTataIIK7+TS7CRQVDYLpgHd/KEmajYo3sLBxMyCv4KMAD3U3EemPdlhgAAAABJRU5ErkJggg==)
    no-repeat left center;
  -webkit-background-size: 21px 22px;
  background-size: 21px 22px;
  padding-right: 14px;
}

.designers_team_con .icon span.care {
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA0MTIxNTA0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0MTIxNTE0MEY5MTFFNjk1ODY4MUVGMjU3NzFGMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDQxMjE0RTQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDQxMjE0RjQwRjkxMUU2OTU4NjgxRUYyNTc3MUYzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuKS9JUAAADiSURBVHjaYrz14jMDDmAExDuB+CwQ+wDxH2yKmHBoZgbimUAsAsTuQJyNyxYmHGLTgNgESawDiJ2JMUAJiLcDcRqaOAdUvALKhgNGYBhIAOkkIHYFYhsgZmHAD94C8Q5o+CwDGXAAyLBnIA8kgbxwnEzNv0AxBDKgBoi3kWEAKJwugQz4C+X8IEHzZiBeiBwLT4F4PQkGTMIWjTuJ1PwbiA9iM+ApkQa8ghqCYYAAkQYIInOQE81XJPZdaMw8A2J2INYEYm8g5gHiz7gMAKWuYKgTj2CxmReIvYD4KrIgQIABALXRLxQxz2cZAAAAAElFTkSuQmCC)
    no-repeat left center;
  -webkit-background-size: 18px 17px;
  background-size: 18px 17px;
  letter-spacing: 3px;
  padding-right: 0;
}

.designers_team_con .icon.active span.care {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU3NkZBNjA0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU3NkZBNjE0MEY5MTFFNjhEOTVEOEEzMTkyOEIyRjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTc2RkE1RTQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTc2RkE1RjQwRjkxMUU2OEQ5NUQ4QTMxOTI4QjJGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl04O9wAAAD1SURBVHjaYvx/34wBDygG4nYoPRmXIkY8hmgC8UUgZgXiH0CsDcT3sClkwmGABBCvgxoAAhxAvAGIRYg1xAeITwOxBpq4LhCfAWJ3XN6xAeIQIPYAYnUGwuAGEG8D4hUgC0GGSAIZj4GYmYF08AuIJUHeeQPEtxjIA9eB+APIkN9A7AfikGjAC2j4/YMF7B0griDREJD6J+jphA2IXwExPxEGvANicSD+gx7FoEA6QqQrDsAMwJZOnhJpyBN8iU2ASEP4kDksaJJfoPQ/ID4ExMehsSYIxNZQzISkDqshZUC8H4iPAvF9LC5QBmIrIN6MLAgQYACVwTaEllkJ1wAAAABJRU5ErkJggg==)
    no-repeat left center;
  -webkit-background-size: 18px 17px;
  background-size: 18px 17px;
}

.designers_team_con .icon strong {
  border-left: 1px solid #e2e5e4;
  padding-right: 14px;
}

/***********媒体报道 --"特创易正在发生"*******/
.tcy_new_index .tcy_happening {
  padding: 80px 0 77px;
  background: #f3f9ff;
}

.tcy_new_index .tcy_happening .row {
  margin: 0;
}

.tcy_happening .heading {
  position: relative;
  width: 355px;
  height: 130px;
  margin: auto;
}

.tcy_happening .heading p {
  font-size: 32px;
  color: #4c4c4c;
  letter-spacing: 8px;
  line-height: 60px;
}

.tcy_happening .heading span {
  font-size: 16px;
  color: #666666;
  display: block;
  letter-spacing: 3px;
  line-height: 40px;
}

.tcy_happening .heading:after {
  display: block;
  content: "";
  position: absolute;
  width: 36px;
  height: 5px;
  left: 0;
  bottom: 0;
  background: #44e7b9;
}

.tcy_happening .content > div .img {
  border-radius: 3px;
  margin: auto;
  position: relative;
}

.tcy_happening .content > div .img .img_con {
  overflow: hidden;
  border-radius: 3px 3px 0 0;
}

.tcy_happening .content > div p {
  padding: 32px 7% 0 7%;
  display: block;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.5em;
  color: #4c4c4c;
  margin: auto;
  background: #ffffff;
  text-align: center;
}

.tcy_happening .content > div p a {
  color: #4c4c4c;
  text-decoration: none;
}

.tcy_happening .content > div p a:hover {
  color: #111;
}

.tcy_happening .content > div span {
  display: block;
  text-align: center;
  line-height: 26px;
  margin: auto;
  font-size: 1.2em;
  color: #666666;
  padding: 6px 7% 25px 7%;
  background: #ffffff;
  height: 83px;
  border-radius: 0 0 3px 3px;
}

.tcy_happening .content > div span a {
  color: #666666;
  text-decoration: none;
}

.tcy_happening .content > div .img i {
  position: absolute;
  left: 50%;
  margin-left: -42px;
  bottom: -15px;
  font-style: normal;
  color: #fff;
  font-size: 14px;
  width: 84px;
  height: 30px;
  border-radius: 3px;
  text-align: center;
  line-height: 30px;
}

.tcy_happening .content > div .img i.blue {
  background: #7caced;
}

.tcy_happening .content > div .img i.red {
  background: #ff507c;
}

.tcy_happening .content > div .img i.green {
  background: #44e7b9;
}

.tcy_happening .thumb_event {
  padding-top: 5.5em;
}

.tcy_happening .thumb_event .row > div {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tcy_happening .thumb_event .row > div img {
  width: 100%;
  cursor: pointer;
}

.tcy_happening .thumb_event .row > div p {
  z-index: 100;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 15px;
  line-height: 2em;
  top: -2em;
  right: 15px;
  width: calc(100% - 15px);
  height: 9.42em;
  padding: 1.25em;
  background: #fff;
  font-size: 1.17em;
  overflow: hidden;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}

.tcy_happening .thumb_event .row > div p a {
  text-decoration: none;
  color: #666666;
}

.tcy_happening .thumb_event .row > div img:hover + p {
  opacity: 1;
  visibility: visible;
}

.tcy_happening .thumb_event .row > div p:hover {
  opacity: 1;
  visibility: visible;
}

/*客户评价*/
.tcy_new_index .customer_evl {
  padding-top: 70px;
  padding-bottom: 70px;
}

/********特创易荣誉********/
.tcy_honor {
  background: #f3f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.tcy_honor .content .honor_box {
  opacity: 0;
}

.tcy_honor .content .honor_box.animate {
  opacity: 1;
  -webkit-animation: honor_animate 0.8s ease 0s normal;
  animation: honor_animate 0.8s ease 0s normal;
}

.tcy_honor .content .honor_box.honor_two img {
  margin-left: 30px;
}

.tcy_honor .content .honor_box img {
  display: block;
  max-width: 100%;
}

.tcy_honor .content .honor_box p {
  width: 310px;
  height: 80px;
  padding: 15px 20px;
  background: rgba(74, 144, 226, 0.6);
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 2px;
  line-height: 25px;
  margin: -40px auto 0;
  position: relative;
  z-index: 2;
  max-width: 100%;
}

@keyframes honor_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
    opacity: 0;
  }
}

@-webkit-keyframes honor_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
    opacity: 0;
  }
}

/*****创新合作伙伴*****/
.innovate_partner {
  margin-top: 35px;
  padding-left: 30px;
}

.innovate_partner img {
  display: block;
  width: 150px;
}

.innovate_partner p {
  font-size: 16px;
  color: #666666;
  letter-spacing: 1px;
  line-height: 28px;
  padding-top: 21px;
}

/********他们已和特创易成功合作********/
.tcy_companion {
  background: #ffffff;
  padding-top: 80px;
  padding-bottom: 50px;
}

.tcy_companion .img_wrap {
  opacity: 0;
}

.tcy_companion .img_wrap img {
  display: block;
  width: 140px;
  max-width: 100%;
  margin: 0 auto 15px;
}

.tcy_companion .content .img_wrap.animate {
  opacity: 1;
  -webkit-animation: companionAnimate 0.8s;
  animation: companionAnimate 0.8s;
}

/********开始设计+咨询+获取建议**********/
.design_start {
  /* background: #F4F6F9; */
}

.design_start .container {
  padding: 80px;
}

.design_start .container .row .d_con {
  padding: 0 40px;
  text-align: center;
}

.design_start .container .row .d_con img {
  margin: 0 auto;
  width: 142px;
}

.design_start .container .row .d_con .d_c_1 {
  height: 65px;
  line-height: 65px;
  color: #136cfb;
  font-size: 28px;
  display: block;
  text-align: center;
}

.design_start .container .row .advice .d_c_1 {
  font-size: 16px;
  color: #666666;
  letter-spacing: 3px;
}

.design_start .container .row .d_con .d_c_2 {
  height: 80px;
  font-size: 20px;
  color: #333333;
  letter-spacing: 3px;
  text-align: center;
}

.design_start .container .row .d_con a {
  display: block;
  height: 50px;
  line-height: 44px;
  background: transparent;
}

.design_start .container .row .d_con.phone .d_c_2 p {
  color: #666;
  font-size: 14px;
  letter-spacing: 0;
  padding-top: 8px;
}

.design_start .container .row .d_con.phone .d_c_2 p:nth-child(2) {
  color: #000;
}

.design_start .container .row .phone .form-group {
  margin: auto;
}

.design_start .container .row .phone .form-group input[type="text"] {
  border: 3px solid #ebebeb;
  border-radius: 3px;
  float: left;
  width: 65%;
  height: 50px;
  font-size: 16px;
  color: #999999;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

.design_start .container .row .phone .form-group input[type="text"]:focus {
  border: 3px solid #7fadeb;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.design_start .container .row .phone .form-group input[type="submit"] {
  width: 35%;
  height: 50px;
  float: left;
  margin-left: -3px;
  border-radius: 0 3px 3px 0;
  background: #136cfb;
  outline: none;
  color: #ffffff;
  border: none;
  font-size: 17px;
  letter-spacing: 3px;
  text-align: center;
}

.design_start .dynamic_info {
  text-align: center;
  padding-top: 50px;
  font-size: 14px;
}

.design_start .dynamic_info .vslider {
  height: 20px;
  overflow: hidden;
}

.design_start .dynamic_info .vslider .slides li span {
  padding: 0 7px;
  color: #999999 !important;
}

.design_start .dynamic_info .vslider .slides li span b {
  font-weight: normal;
}

.design_start .start,
.design_start .phone,
.design_start .advice {
  opacity: 0;
}

.design_start .start.animate {
  opacity: 1;
  -webkit-animation: start_animate 2.3s ease 0s 1 normal;
  -moz-animation: start_animate 2.3s ease 0s 1 normal;
  animation: start_animate 2.3s ease 0s 1 normal;
}

.design_start .phone.animate {
  opacity: 1;
  -webkit-animation: phone_animate 2s ease 0s 1 normal;
  -moz-animation: phone_animate 2s ease 0s 1 normal;
  animation: phone_animate 2s ease 0s 1 normal;
}

.design_start .advice.animate {
  opacity: 1;
  -webkit-animation: advice_animate 2.3s ease 0s 1 normal;
  -moz-animation: advice_animate 2.3s ease 0s 1 normal;
  animation: advice_animate 2.3s ease 0s 1 normal;
}

@keyframes start_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(-70%, 0);
    -moz-transform: translate(-70%, 0);
    -o-transform: translate(-70%, 0);
    -ms-transform: translate(-70%, 0);
    transform: translate(-70%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes start_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(-70%, 0);
    -moz-transform: translate(-70%, 0);
    -o-transform: translate(-70%, 0);
    -ms-transform: translate(-70%, 0);
    transform: translate(-70%, 0);
    opacity: 0;
  }
}

@keyframes phone_animate {
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    opacity: 0;
  }
}

@-webkit-keyframes phone_animate {
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    opacity: 0;
  }
}

@keyframes advice_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(70%, 0);
    -moz-transform: translate(70%, 0);
    -o-transform: translate(70%, 0);
    -ms-transform: translate(70%, 0);
    transform: translate(70%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes advice_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(70%, 0);
    -moz-transform: translate(70%, 0);
    -o-transform: translate(70%, 0);
    -ms-transform: translate(70%, 0);
    transform: translate(70%, 0);
    opacity: 0;
  }
}

/***合作伙伴***/
.t_index_partner {
  background: #f3f2f0;
  padding-top: 50px;
  padding-bottom: 15px;
}

.t_index_partner .partner {
  margin-bottom: 15px;
}

.t_index_partner .partner img {
  width: 100%;
}

/**********首页公共底部*********/
.web_footer_pc {
  width: 100%;
  box-sizing: content-box;
  background: #f4f6f9;
  margin: 0 auto;
}

.web_footer_pc .footer_con_top {
  border-bottom: 1px solid #dad9d8;
  padding-top: 60px;
  padding-bottom: 10px;
}

.web_footer_pc .brand {
  width: 20%;
  float: left;
  padding: 0;
}

.web_footer_pc dl {
  width: 20%;
  float: left;
  color: #4c4c4c;
}

.web_footer_pc dt {
  font-size: 20px;
  font-weight: normal;
}

.web_footer_pc dd {
  padding-top: 15px;
}

.web_footer_pc dd a {
  font-size: 14px;
  display: block;
  color: #4c4c4c;
  text-decoration: none;
  line-height: 30px;
}

.web_footer_pc .contact {
  width: 20%;
  float: left;
}

.web_footer_pc .contact p {
  font-size: 20px;
  color: #000000;
  margin-bottom: 15px;
}

.web_footer_pc .contact p span {
  color: #7fadeb;
}

.web_footer_pc .contact img {
  width: 160px;
}

.web_footer_pc .footer_con_bottom {
  padding-bottom: 18px;
}

.web_footer_pc .footer_con_bottom p {
  font-size: 14px;
  color: #999999;
  padding-top: 30px;
}

.web_footer_pc .footer_con_bottom p a {
  color: #999999;
  display: inline;
}

.web_footer_pc .footer_con_bottom a {
  display: block;
  padding-right: 30px;
}

.web_footer_pc .friend_link {
  padding: 20px 0 5px;
  border-bottom: 1px solid #dddddd;
}

.web_footer_pc .friend_link .left {
  width: 150px;
  float: left;
  color: #999;
  font-size: 14px;
}

.web_footer_pc .friend_link .right {
  margin-left: 150px;
  padding-right: 85px;
  position: relative;
  height: 70px;
  overflow: hidden;
}

.web_footer_pc .friend_link .right span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 62px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  border: 2px solid #dddddd;
  border-radius: 2px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}

.web_footer_pc .friend_link .right span i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCA4IDIiPgogIDxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjIiIHk9IjMiIGZpbGw9IiNBNEE0QTQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMykiLz4KPC9zdmc+Cg==)
    center no-repeat;
}

.web_footer_pc .friend_link .right span.show i {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPgogIDxnIGZpbGw9IiNBNEE0QTQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIyIiB5PSIzIi8+CiAgICA8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIyIiB5PSIzIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA0IDQpIi8+CiAgPC9nPgo8L3N2Zz4K)
    center no-repeat;
}

.web_footer_pc .friend_link .right a {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin-right: 25px;
  margin-bottom: 15px;
  padding-top: 0;
}

/********公共的单选按钮input[type="radio"]*******/
.common_blue_radio {
  display: inline-block;
  font-weight: normal;
  line-height: 50px;
  position: relative;
  cursor: pointer;
  letter-spacing: 3px;
  margin-right: 15px;
  font-size: 16px;
  color: #333333;
}

.common_blue_radio input {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  width: 10px\0;
  height: 10px\0;
}

.common_blue_radio input + i {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: -3px;
  top: 17px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTI1RUZEQ0Y1M0FBMTFFNjgyMERCMTM2MUZEM0ZGMzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTI1RUZERDA1M0FBMTFFNjgyMERCMTM2MUZEM0ZGMzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjVFRkRDRDUzQUExMUU2ODIwREIxMzYxRkQzRkYzMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjVFRkRDRTUzQUExMUU2ODIwREIxMzYxRkQzRkYzMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiKNGHgAAAF7SURBVHjanFQ9S8RAEN2EQCCHJFW6M42Fv0D0mjvusLST8x8I/iL/gDZiZ6coHqIc/gGvDCoWqRIkgUg+nBd3ZFlyMfjgEWb27WN2M7NGGIaiBVPikfxuytwr8Y54QbxlYRAEzdfSDLaJp8RJi/mW5DHxnnhCXPGiqQjHxOc1JjomUjvmhCGPhkqWRJcXXNcVg8FAWNZP0UVRiDRNRZIkqiGCXTreCkYGBU9INCWapvB9X9i23VpKnuciiiJRVRWnUMAIR5uxCdBlAmANGgXYO4PRnDOe53WaqGbQKpib8hc3cBxH9IWmncJoyBFfbB9o2iGMco7quhb/BYw+OCjLsvdGTftuysZqkGVZbyP0lIJHGJ1zFMdx0yd/ARpoFZzB6Fo2VQM0W5cZN6QC7L1ZOyLoE/xidURwdK0SjMgejciLoTwjGMAr4kbPa/okHpDJQp9+JHbUY3ZgKbWL377SBHhfRsR94qGcQzTsF/GN+EC8xJ2g7dSN3wIMAAm/e4irFaMyAAAAAElFTkSuQmCC)
    center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

.common_blue_radio input:checked + i {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: -3px;
  top: 17px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E5NEQ4NjM1M0M1MTFFNkFGQzhGRUUxMTYyNTBFOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E5NEQ4NjQ1M0M1MTFFNkFGQzhGRUUxMTYyNTBFOTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTk0RDg2MTUzQzUxMUU2QUZDOEZFRTExNjI1MEU5MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTk0RDg2MjUzQzUxMUU2QUZDOEZFRTExNjI1MEU5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFa7OwAAAGQSURBVHjaYqxZ85YBC3AC4nAoLQcVewTE+4B4FRDvRdfAgsbXAOLpQOyAxXAVKE4D4gNAnAnEN2CSTEgK7YH4FA5D0IEDVK09ukEgl2wEYl4G4gEvVI8GzCBGIJ4PxPzE6FYVZwVrgAJ+qF5GkEHOQGxBjCFOWpwMcTa8DJ76XMiGgfQ6gwwKI9YQR01OMNtShYPBWJEdWTqMCRrFiGgEitiocTAwMWI3BARuvfjNcOHhTxR7QNEvi2xIpCUvg5oEK4OUIAvDmlNfGBw0MQ1Zfvwzw59/KA6WBRkEMpoNxDOQZwcbAgK6MmwM4nz8DGJ8zIQMgUf/Mxjn7P2fDMfv/IBLEmsIEDxhgiYsMPgPxNsvfkMxjAhDQOAoyKClyCLohhFhCAgsAYXRLiA+gZyWYIa9+vQXHDsEDAHp3c0E1ZcIxB/RXXbmPkFDQHqSQMpheQ2Ui/2B+DMJee0zVM919Nx/EIjNoE4lBE5A1R7EVR6BXGYFxK5AHALNh6AE+wuIHwPxYSBeAwoTqO/hACDAAJbJg+pkgIjbAAAAAElFTkSuQmCC)
    center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

/********公共的单选按钮input[type="radio"] end******/
/*电话侧边栏*/
.float_bars_pc {
  position: fixed;
  right: 1px;
  bottom: 120px;
  z-index: 1000;
  width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.float_bars_pc a {
  display: block;
  text-decoration: none;
  /*border-top: 1px solid #e9f2f9;*/
  /* border: 1px solid #EEEEEE; */
  /* background: #7fadeb; */
  width: 80px;
  height: 80px;
  margin-right: 0px;
  text-align: center;
  /* color: #fff; */
  overflow: hidden;
}

.float_bars_pc a.aside4 {
  padding: 8px 0;
}

.float_bars_pc a p {
  padding: 5px 0 0 0;
}

.float_bars_pc a.aside1 {
  background: url(data:image/gif;base64,R0lGODlhPAA8APevAMHW9KfF8OHr+oqz7LDL8unw+/j6/p2/79Lg9/H1/LnQ85S57trm+ICt6/3+/8rb9oGu64Sw7P7+//z9/4Kv6/7//8jc9oOw7IWx7Pr8/vf6/tPj+OHs+uPt++jx+4Cu66HD8IOv7PT4/Yey7J7B8NXk+LPO87DN84iz7KzK8vn7/rHN8+Dr+vv9/uvy/I227cHX9fX5/vb5/oy17ZC47vv8/pW77rXP84ay7Pb6/rTP8/L3/b7V9eXv+/P4/dLi+OXu+7bQ9L3V9b7W9bjR9PX5/erx/Nnn+bfR9LjS9N7q+sTZ9pi977LN8+Tu+5S67qbG8c3f94ax7M/g99rn+avJ8rzU9K7L8tjm+Zq+74u17b/W9ZzA8NHh+Obv++3z/NHi+PP3/fj7/rrT9Mve94mz7ZG57rLO87vU9N/q+t/r+pO67qXF8Za777XQ8+70/I+37cfb9snd96DC8KPE8bnS9J/C8Nbl+crd97DM85K57pu/7+nx/J/B8Ofw++Ls+qfG8ezz/PH2/ery/I+37tDh+KTF8c7f97vT9MXa9sDX9a/M89Tk+Iq07eLt+6/M8tvo+cnc96rI8tzp+s/g+Nfm+Y637anI8sPY9rzU9aTE8Zm+78LY9u/1/c7g95e874iy7JS77p3A8K3K8vD2/cDW9e30/Nfl+afH8arJ8qjH8Za874u07f///3+t6////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNGM4NjlhYi1jNmRjLTQ2MzMtYmRiNS02MWNjNjgyOWM4MmUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTRDQzFGN0E3NENBMTFFNjg0MkVDNDEzQTBFMjI3MTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTRDQzFGNzk3NENBMTFFNjg0MkVDNDEzQTBFMjI3MTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNTc1MTg0NC1hMmVjLTRjZjAtYjk5Yi00OTJlZDk4ZDExYjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjRjODY5YWItYzZkYy00NjMzLWJkYjUtNjFjYzY4MjljODJlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJ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)
    #7fadeb;
}

.float_bars_pc a.aside2 {
  background: url(../../../statics/images/bootstrap/new_website_1/aside_icon2.gif)
    no-repeat center;
  background-size: 78px 78px;
}

.float_bars_pc a.aside3 {
  background: url(data:image/gif;base64,R0lGODlhPAA8ANUuAN3n+Yy07Ozx+/n6/uXs+rXM8vL2/Je67r7S887d9sbY9aLB79bi96zH8d/r+vb5/unx/Mjc9ufw+4Kv64q07dPj+NLi+Pb6/ubv+/f6/sfb9u70/O/1/Njm+eTu+8TZ9sPZ9tfl+bDM8/n7/tfm+bHN8+ry/Ozz/OPt++vy/Iey7Nbl+f///3+t6////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmE0ZTZhMWNjLTdjMzMtMjM0MS1iYTJhLWNhMjUwZGJjNzJlNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNTI0MUY1RkM3MUUxMUU5OTVBMUI4MzdEMTAwNzI1NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNTI0MUY1RUM3MUUxMUU5OTVBMUI4MzdEMTAwNzI1NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmFkOGJlMjFhLWI0ZWQtNDhjNi1hOGU1LTEwOWU2N2I2ZmQ3OSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjVhMWVlNTE3LTRiYjktMjQ0Yi05ZGZiLWJiNmNiZDNhZTBhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUUAC4ALAAAAAA8ADwAAAb/wJZwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+DvJPJgmc/o9PkSmYSHGrV8zgK9hWW63vy4t85SgHeCUIRhhk6IX4pMjF2OSpBbkkiUWZZGmFeaRJxVnkKgU6KigWamLH6kp4Osha6HsImyi7SNto+4kbqTvJW+l8CZwld5e3R9d3HHdB9+YxfMaWxuftbX2Nna29xKAUIHX99C408FAAwsAAIsDAwLQgsC8wQE8wIAQvYtCwQA/wAIhOPHYhyLgU4QoFPHLh0CIQUGJEgwQGICduBYGOjHYIAABgLgtZg3ZEC5JgU0qlTZQAgCAkL+CWmQagiBBakAFAhQ8wAL/gUDDBhgEXQAgyYE1LEQMIBFPQLfUgo1M3VAiwITQy3QqUCAEKYBFCBA8HNsSyYHFGhs4BBAwasGChQQEPdcqgRDvwFMWaCFWqslTy4JMJRFgwMJfraDCLOFzBY0Ax9A0HXiYX+p0pIV27cJTaJUm44jKwdwC5OF0eRL6Vgj3aZPWPRlkI/nuHUL+oVckFiyvodDWD+GXLOJ7NMKWtgWMiC548aRmRvw2oIAcIg5880szqQAAnZDPX7DOTAgv97KzQy0TkS4xYvck/A0IyBcWNEXh7jz+dNmOfbB5eRUPUM5cYBg4FARwEkB2HcSQt1EKOGEFFZo4YUYZqhhEUEAACH5BAUUAC4ALBgADgAGAAYAAAYXQJfLYhEKHQ5hxZHJOCzLkbNyTBqhwiAAIfkEBRQALgAsIAAQAAYAAgAABgnADWvI4giJnCAAIfkEBRQALgAsGAAWAAYABgAABhtAE4ai8kAwLIiHNYSwkhSKEypJOjEnVBSTCgIAIfkEBRQALgAsIAAWAAYABgAABhZAl6sTEgpLIuFKwpSQSE1J55g0EoVBACH5BAUUAC4ALAAAAAABAAEAAAYDQFcQACH5BAUUAC4ALAAAAAABAAEAAAYDQFcQADs=)
    #7fadeb;
}

.float_bars_pc a.aside4 {
  height: 50px !important;
  width: 50px;
  margin-top: 20px;
  border-radius: 50%;
  background: url(../../../statics/images/bootstrap/new_website_1/aside_icon4.png)
    #136cfb no-repeat center;
  background-size: 18px 15px;
}

.float_bars_pc a.aside1:hover {
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTFBMkFCQkIyNjM4RTYxMTgxQTE4OEJGQzQxODU1N0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FCMEQyODY3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0FCMEQyODU3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDIzNjZCRDdGNzVFNjExQkZBNDlBNjNFN0JENUFGMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjZjJlNjY4LTdjNDctMTE3OS04ZDRhLThjOTg1ZDM4NWJlYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADwAPAMBEQACEQEDEQH/xAB+AAEAAgIDAQAAAAAAAAAAAAAAAwQFBgECBwgBAQACAwAAAAAAAAAAAAAAAAACBAEDBRAAAgICAQMDBAEEAwAAAAAAAQIDBAARBSESBjFBFFGBIhMyoVIjYxUWBxEBAAICAQMFAQEAAAAAAAAAAAECEQMEITESQVFxgSITBf/aAAwDAQACEQMRAD8A+qcBgMBgMBgMBgMBgavynkPNy8xLxXB145ZKyhrEkvp1AOhsqPfWX9XH1xSL7J7qmzdebeNI7Mh4xzz8vTkaaIQ267/rsRjet/UbzTytH87dJzEtmjb5x17wzGVm8wGAwGAwNQ8r4Tkq1iXnOGleOdl1bjT1KgAdwHv6DY++dLib62iNd46eilyNVonzr9pvDrHC0/H5La2dnf7L8knRlc9NEdft9cjzK3ts8cfCXGmtaZz8pqvn3j9i0K/dJF3HtWWRQEJ9uoJI+4yF/wDP2RGWa8ukzhseUlowGAwGAwND808UMMc3JcaCsT9blZPTW994A9t+o9vXOvwuXnFbd/SXP5PHx+q/aPnPIOD5Px+Dj6Ncm65jWCsqHcRBG9HWjsdOn1zOjj7NeybWn8+/uxt3UvSKxHVvHHRTQ8fWhmPdNHEiSN67ZVAP9c5WyYm0zHbK/SJisRKxkEjA4eRI0Z5GCIo2zMdAAe5JwMbF5N4/LbnqJyEJnrKjTKXAAEvd2aY/i38D6Hp74E1nnOFqGf5d6vW+MUFgzSJGEMg2ncXI13e31wKkfl/jUta1ahvxz1afb8mxF3SRr3ntH5oGUjfro9PfAqR+T+AVr88Y5DjqtyIIZXZooSRKgdSrt2hwVO/xJyc7LTGJmcIxSsTmIX7nlHAU47Mli6iJThSzOfybUMp0jr2g96seg7d9cgku1+QoWW7a9mKZ9dxVHViB9SAd++BPgYXzapZueI8vVqxtNYmqypFEg2zMVOgBgeP8nxHIG75BUbj5YLDVK+kmfhY+zuWXTOVjQaP+jtb+4/xwNu8g8nNfnH+JcnstfqcfY4t0hrI0YtWXj7WmepMY4gGRtSKzbPT1wO/GR+RcFU5bjuQ5OWA8dUk5Z3rfGtKYZ7E8sgRZKtZhL/jbqzMmzvQHQBhLPCcjU4//AJG7x1qtGp/RErfFlrSRX3EUptlLfyHewzr3Mmu3Q0NDAteeV7D3rvHCSxbsx1+Ntw1YEMsUcrXGjlj0qNqLs0UR99dHrgZD/wA8pT1/IIFt1vjXY+PuGRTEInMct5RCZNKh/hD+OxvA9KwGBQ5DgOB5GVZuQ42rclQdqSWIY5WC73oF1JAwO1rg+GtwywWaUEsM4jWdGjXTrCwaNX6fkEI6A9MCCv4t45WjtRVeMrVorsX6LccMSxLJHph2sECg9HOBD/0nw4dpXhKKMjKyPHXiRgykMCGVQw6j64GZCIGLhQHbQZtdSB6bP3wK1LieKoyTS0qcFWSwe6w8MSRtI2yduVA7j1PrgWsBgMBgMBgMBgMD/9k=)
    #fff;
}

/* .float_bars_pc a.aside2:hover {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTFBMkFCQkIyNjM4RTYxMTgxQTE4OEJGQzQxODU1N0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FCMEQyOEE3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0FCMEQyODk3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDIzNjZCRDdGNzVFNjExQkZBNDlBNjNFN0JENUFGMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjZjJlNjY4LTdjNDctMTE3OS04ZDRhLThjOTg1ZDM4NWJlYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADwAPAMBEQACEQEDEQH/xACLAAEAAgIDAQAAAAAAAAAAAAAABAUDBgECBwgBAQADAQEAAAAAAAAAAAAAAAACAwQBBRAAAgIBAwMBBQYGAwAAAAAAAQIDBBEAEgUhEwYxQVEiMgdhgUKSMxVSI4PTFFWzJDYRAAIBAgQEBgMAAAAAAAAAAAABAhED8CESBFGBUhMxQWGx0SJxwTP/2gAMAwEAAhEDEQA/APqnQDQDQDQDQDQDQDQDQDQGmDkPLuW5fkoOLtw1YaEva2SKDkbmUHJSQ/gOden27NuEXNNuSx5ow67s5NRdKGf9u+o3+1q/lX+xqPc23S8cyWi/1LHIxW6/1Cq1JrUnJ1jHBG0rhUXJCAscZhHu1KEttJpKLzxxOSV5JvUsscC/8b5KbkuEq3ZwBLKGD7egJRymfv251j3NtQuOK8DRYm5QTZZaoLRoBoBoDSvH478l/wApShKsNw2R2ZJBlQe7LnIwfZ9mvU3Dio2tWap+kYbKdZ6fGvybLPBzZPH9mxEojI/ccr+oMDOzocdc6wxlb+1U/T0NTU8qP8kTmouVFfmJJJo241qUoggC/Gr9s7iWx6evt1ZZcKwSX21L3IXVKks/rQ6+Df8AlqX9X/mfXd9/Z8vY5tf5rHmXushoGgGgGgNB44+U1uX5qfiKUdiKa3IrvMQBmOR8bcvHn5uuvYudmUIKbo1H49GedDuKUnFVzLL9x+o3+qq/mX+/qjt7bqeORbrv9KxzMVux9QrVSarJxlYRzxtE5V1yA4KnGZj79ShHbRaak8scDkneaa0rPHEv/G+Nm43hKtKcgyxBi+3qAXcvj7t2NY9zcU7jkvA0WIOMEmWWqC0aAaAj1OQp3GsLWk7hqTGvYwCNsqqrFckDOA49NAdRyFFORHGB8XGiaz2Qrfp7wpcsBtGXb2nJ6/boCHT8s8dt8fJyMd5I6UQjaSxYDV0Cy47bEziP4Xz8J9CemgIyef8AhT2pa45ukHiVWZ2njWM784CuW2sRt6gHpoDtf858YoW5atq06SwnEhWCw8e7s9/aJEjaMt2ju2hs40BN4vn+N5OexBVMwnqiNp4Z689Z1WXdsO2dIyQ3bb092gLDQFb5Gsj8HcWOlDyDmP4alnb2XOR1k3BgVX5iMezp10B5pwfj6h/F0Tx/iLS3uNntubDAGZnFeVnl/wCpJsMbSkIo3DBxkY6gZebp1z59fV70FeqYYoyLM5aCHYh+aGr2WjVUYhFlmQZJbJ6AgQvBYSfHOTr1Yo7EkccQjSvHSimeSrOW/wAjD/E6p8DBpWPU9E9MgVfEvy8UtW1LTtWeF5WfLUP3ZN9hr5RIxYVZcSBt/wAS9hD/ABscaAmebVrMnL37kaCGF7zV0YTyMElj4dQy/wCPjsnaenczu6Y9NAbb9LWuWbvN3bVyW3Pugq3HmeOQm1B3DN2TGqbYP5g7a+nroD0DQHDKrKVYAqRgg9QQdAVDeGeHsctwXHk4AyasB6AYA+T2DQFk9Km8IheCNoQVIiKKVBXG07cY6YGNAcJQopYmspWiWzYAWecIoeRV6AO2MsB9ugIsXjXjkLxvFxVON4mVomSvEpVkOVKkL0KkdNAcz+O+P2JGln4ypLI2/c8kEbMe58+SV/F+L36AkV+N46s4krVYYXEawh441QiJOqpkAfCueg9NASNANANANANANANANANAf//Z) #fff;
} */

.float_bars_pc a.aside3:hover {
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QOdaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MCA3OS4xNjA0NTEsIDIwMTcvMDUvMDYtMDE6MDg6MjEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphNGU2YTFjYy03YzMzLTIzNDEtYmEyYS1jYTI1MGRiYzcyZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzUxNDFCN0FDNzFEMTFFOTk1QTFCODM3RDEwMDcyNTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzUxNDFCNzlDNzFEMTFFOTk1QTFCODM3RDEwMDcyNTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphY2Q4ZDFjOC0xZGUyLTQ5MmUtOTgzZC04OGU2N2ZlMzkyODEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0NjAyYTVjZi1mNmQ1LWZjNGUtOTNlNC1kYzRh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)
    #fff;
}

/* .float_bars_pc a.aside4:hover {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTFBMkFCQkIyNjM4RTYxMTgxQTE4OEJGQzQxODU1N0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0I3QzUyRTc3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0I3QzUyRTY3RDVGMTFFNjgxMTNCODhERTcwMDlGQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDIzNjZCRDdGNzVFNjExQkZBNDlBNjNFN0JENUFGMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjZjJlNjY4LTdjNDctMTE3OS04ZDRhLThjOTg1ZDM4NWJlYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADwAPAMBEQACEQEDEQH/xABzAAEBAQEBAQAAAAAAAAAAAAAAAwYFBwgBAQEBAQEBAAAAAAAAAAAAAAAEAgUBAxAAAQQCAQMEAgMAAAAAAAAAAQACAwQRBSESEwYxUWEiQRRxgSMRAQACAgICAwEAAAAAAAAAAAABAhEDMQQhoUHREiL/2gAMAwEAAhEDEQA/APqlAQEBAQEBAQEBAQZ/cea6nWXm03h0zwf93R4Ij/nnk/Cs09K96/rhNs7Vazh3K9iCxAyeB4khkHUx7eQQVLas1nE8qImJjMKLL0QEBAQRuxTzVJoq8vYmewtjmxnpcRwVqkxFomYzDNomYxDAbbxmprbuhrSH9iS3ZIuSuz98viGPX0+xXY1dq163njEePbnbNEVmsc5nz6azx7x+XTSWo2WnS0ZHB1eBw5Yfzyuf2OxGzE4/pZp0/jPnw7KlfcQEBAQEGa8poXLO40EsELpI69kume0ZDB1xuy724aVd1dla0vEzzH2l30mbVx8T9NKoVQgICAgICAgICAgICAgxXnnj+js7PQWLFCCWe1tIoLMr42l0kX6856HkjluWjj4QQfqvGbfk+3p7+OBtXWwVWaerO/tQxVOz95IW5a0YkBaXjkdIHCDPU4ptpY0Qv6p/kDzqLnYildE1/bbcYyvYc+dzOTF0/YZd9s4Qem+PU7tLRa+nel79yvXijsTZLup7WAOPUeTz+T6oOggICAgnNWrTuidNEyV0D+7CXtDix4Bb1tz6Ow4jI90EL+n1GxMZ2FGvcMRzEZ4mSlp929YOP6QWFSqJ22BCz9hjDEybpHWIyQSwOxkNJaDj4QVQEBAQEBAQEBAQEH//2Q==) #fff;
} */

/* 右侧悬浮的客服页面 */
.chat-div-info {
  width: 270px;
  position: fixed;
  right: 131px;
  bottom: 100px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;

  z-index: 1000;
  background: url(../../../statics/images/bootstrap/new_website_1/chat-bottom-bg.png)
    no-repeat #fff;
  background-size: 100% 157px;
}
.chat-div-info .chat-div-close {
  cursor: pointer;
  position: absolute;
  right: -48px;
  top: -22px;
}
.chat-div-info .chat-div-close img {
  width: 40px;
}
.chat-div-info .chat-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 23px;
  margin-bottom: 20px;
}
.chat-div-info .chat-content .chat-content-title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;

  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.chat-div-info .chat-content .chat-content-ercode {
  width: 190px;
  height: 190px;
  margin-top: 12px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1),
    0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  /**background: url(../../../statics/images/bootstrap/new_website_1/chat-bottom-ercode.png)
    no-repeat #fff;
  background-position: center center; **/
  background-origin: content-box !important;
  padding: 36px !important;
  background-size: contain;
}
.chat-div-info .chat-content .chat-content-phone {
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #136cfb;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.chat-div-info .chat-content .chat-content-resultbtn {
  margin-top: 8px;
}
.chat-div-info .chat-content .chat-content-resultbtn button {
  width: 142px;
  height: 42px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 21px;
  border: 1px solid #136cfb;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #136cfb;
  line-height: 22px;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.chat-div-info .chat-content .chat-content-resultbtn button:hover {
  background-color: #136cfb;
  color: #fff;
}

.t_float_bg,
.t_need_bg,
.t_brand_bg,
.t_enforce_bg,
.t_suggestion_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: none;
  z-index: 9999;
}

.t_float_cons,
.t_need_wrap,
.t_brand_wrap,
.t_enforce_wrap,
.t_suggestion_wrap {
  width: 460px;
  padding: 35px 40px 40px;
  border-radius: 3px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -255px;
  background: #fff;
  z-index: 9999;
  display: none;
  text-align: center;
}

.t_float_cons .close,
.t_need_wrap .close,
.t_brand_wrap .close,
.t_enforce_wrap .close,
.t_suggestion_wrap .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  opacity: 1;
  font-size: 0;
}

.t_float_cons .close img,
.t_need_wrap .close img,
.t_brand_wrap .close img,
.t_enforce_wrap .close img,
.t_suggestion_wrap .close img {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}

.t_float_cons .close:hover img,
.t_need_wrap .close:hover img,
.t_brand_wrap .close:hover img,
.t_enforce_wrap .close:hover img,
.t_suggestion_wrap .close:hover img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*电话咨询-弹出层*/
.float-bars {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 99998;
}

.float-bars .bar-t {
  margin-bottom: 2px;
  height: 70px;
}

.t_float_cons .gray {
  font-size: 18px;
  color: #999999;
  letter-spacing: 3px;
  margin: 12px auto 25px;
}

.t_float_cons .float-list .t1 img {
  width: 56px;
}

.t_float_cons .float-list .t2 {
  font-size: 50px;
  color: #7caced;
  font-weight: normal;
}

.t_float_cons .float-list .t2 img {
  display: inline-block;
  margin-right: 12px;
}

.t_float_cons .or,
.t_enforce_wrap .or {
  padding: 20px 0;
  font-size: 16px;
  color: #999999;
}

.t_float_cons .or p,
.t_enforce_wrap .or p {
  position: relative;
}

.t_float_cons .or p:before,
.t_enforce_wrap .or p:before {
  position: absolute;
  left: 0;
  top: 12px;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #e9f0f6;
  z-index: -1;
}

.t_float_cons .btn-kf:hover {
  text-decoration: none;
}

.t_float_cons .btn-kf,
.t_float_cons .btn-kf .btn_blue_border {
  display: block;
  width: 100%;
}

.t_float_cons .m_tb_1 {
  padding: 0 0 20px 0;
  font-size: 16px;
}

.t_float_cons .m_tb_2 {
  font-size: 18px;
  padding: 10px 0 0 0;
}

.t_float_cons .btn-kf .btn_blue_border:focus {
  outline: none;
}

.t_float_cons .phone-in input {
  width: 260px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 3px solid #ebebeb;
  border-right: 0;
  height: 56px;
  font-size: 16px;
  text-indent: 15px;
  outline: none;
  border-radius: 3px 0 0 3px;
}

.t_float_cons .phone-in input:focus {
  border: 3px solid #7fadeb;
}

.t_float_cons .phone-in span {
  width: 140px;
  height: 56px;
  text-align: center;
  background: #7fadeb;
  font-size: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 56px;
  color: #fff;
  border-radius: 0 3px 3px 0;
}

.t_float_cons .phone-in span#mfjt_03 {
  width: 120px;
}

/**/
.upgrade-v5 .tit a:hover {
  text-decoration: none;
}

.popu-bg-qx-s {
  height: 600px;
  margin-top: -300px;
}

/*发布需求 -- 弹出层样式*/
.t_need_wrap {
  padding: 30px 40px 0;
  width: 460px;
  margin-top: -313px;
}

.t_need_wrap h3,
.t_brand_wrap h3,
.t_enforce_wrap h3 {
  color: #333333;
  font-size: 20px;
  text-align: center;
  letter-spacing: 3px;
  margin-top: -6px;
  margin-bottom: 21px;
}

.t_need_wrap .tips {
  color: #999;
  font-size: 12px;
  padding: 15px 0;
  letter-spacing: 1px;
  text-align: center;
}

.t_need_wrap .btnwrap input {
  font-size: 18px;
  color: #fff;
}

.t_need_wrap .formwrap .input-text,
.t_brand_wrap .s_input .input-text,
.t_enforce_wrap .input-text,
.t_suggestion_wrap .input_wrap input {
  border: 0;
  border-bottom: 1px solid #e9f0f6;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  height: 50px;
  margin-top: 20px;
  border-radius: 0;
  padding: 6px 16px;
}

.t_need_wrap .btnwrap input#sub-require-simple[disabled="disabled"] {
  background-color: #a1c3f3;
}

.t_brand_wrap .s_input .input-text {
  border: 1px solid #ededed;
  border-radius: 3px;
  height: 40px;
  margin-top: 10px;
}

.t_need_wrap .formwrap .input-text:focus,
.t_need_wrap .select_wrap select:focus,
.t_brand_wrap .s_input .input-text:focus,
.t_brand_wrap .select-wrapper select:focus,
.t_enforce_wrap .input-text:focus,
.t_suggestion_wrap .input_wrap input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #7fadeb;
}

.t_brand_wrap .s_input .input-text:focus,
.t_brand_wrap .select-wrapper select:focus {
  border: 1px solid #7caced;
}

/*调用模糊搜索公司名称样式*/
#search_company_tips {
  display: none;
  position: absolute;
  width: 380px;
  height: 40px;
  background: #fff;
  line-height: 40px;
  left: 0;
  top: 39px;
  border: 1px solid #ededed;
  color: #999999;
  font-size: 16px;
  z-index: 3;
  text-align: left;
  padding-left: 13px;
  -webkit-box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
}

#search_company_tips i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/gif;base64,R0lGODlhEAAQALMPAHp6evf394qKiry8vJOTk83NzYKCgubm5t7e3qysrMXFxe7u7pubm7S0tKOjo////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAPACwAAAAAEAAQAAAETPDJSau9NRDAgWxDYGmdZADCkQnlU7CCOA3oNgXsQG2FRhUAAoWDIU6MGeSDR0m4ghRa7JjIUXCogqQzpRxYhi2HILsOGuJxGcNuTyIAIfkECQgADwAsAAAAABAAEAAABGLwSXmMmjhLAQjSWDAYQHmAz8GVQPIESxZwggIYS0AIATYAvAdh8OIQJwRAQbJkdjAlUCA6KfU0VEmyGWgWnpNfcEAoAo6SmWtBUtCuk9gjwQKeQAeWYQAHIZICKBoKBncTEQAh+QQJCAAPACwAAAAAEAAQAAAEWvDJORejGCtQsgwDAQAGGWSHMK7jgAWq0CGj0VEDIJxPnvAU0a13eAQKrsnI81gqAZ6AUzIonA7JRwFAyAQSgCQsjCmUAIhjDEhlrQTFV+lMGLApWwUzw1jsIwAh+QQJCAAPACwAAAAAEAAQAAAETvDJSau9L4QaBgEAMWgEQh0CqALCZ0pBKhRSkYLvM7Ab/OGThoE2+QExyAdiuexhVglKwdCgqKKTGGBgBc00Np7VcVsJDpVo5ydyJt/wCAAh+QQJCAAPACwAAAAAEAAQAAAEWvDJSau9OAwCABnBtQhdCQjHlQhFWJBCOKWPLAXk8KQIkCwWBcAgMDw4Q5CkgOwohCVCYTIwdAgPolVhWSQAiN1jcLLVQrQbrBV4EcySA8l0Alo0yA8cw+9TIgAh+QQFCAAPACwAAAAAEAAQAAAEWvDJSau9WA4AyAhWMChPwXHCQRUGYARgKQBCzJxAQgXzIC2KFkc1MREoHMTAhwQ0Y5oBgkMhAAqUw8mgWGho0EcCx5DwaAUQrGXATg6zE7bwCQ2sAGZmz7dEAAA7)
    center no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

#search_company_name {
  display: none;
  position: absolute;
  width: 380px;
  height: 167px;
  background: #fff;
  z-index: 3;
  left: 0;
  top: 39px;
  border: 1px solid #ededed;
  color: #666666;
  font-size: 16px;
  text-align: left;
  /*-webkit-box-shadow: 0 2px 13px -3px rgba(0,0,0,0.2);*/
  /*box-shadow: 0 2px 13px -3px rgba(0,0,0,0.2);*/
  overflow-y: scroll;
  overflow-x: hidden;
  cursor: default;
}

#search_company_name li {
  list-style: none;
  height: 32px;
  line-height: 32px;
  padding: 0 13px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#search_company_name li.on {
  background: #f1f1f1;
}

.search_not_exist_tips {
  display: none;
  position: absolute;
  width: 380px;
  height: 40px;
  background: #fff;
  line-height: 40px;
  left: 0;
  top: 39px;
  border: 1px solid #ededed;
  color: #999999;
  font-size: 16px;
  z-index: 3;
  text-align: left;
  padding-left: 13px;
  -webkit-box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 13px -3px rgba(0, 0, 0, 0.2);
}

.t_need_wrap .select_wrap select,
.t_brand_wrap .select-wrapper select {
  width: 100%;
  height: 50px;
  margin-top: 20px;
  outline: none !important;
  border-bottom: 1px solid #e9f0f6;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0I5N0ZBRDg1OTIyMTFFNjk5QzI4QkFFMTNDRjYwQkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0I5N0ZBRDk1OTIyMTFFNjk5QzI4QkFFMTNDRjYwQkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjk3RkFENjU5MjIxMUU2OTlDMjhCQUUxM0NGNjBCQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjk3RkFENzU5MjIxMUU2OTlDMjhCQUUxM0NGNjBCQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkhCvrYAAACpSURBVHjaYvz//z8DNQEjTQycNWsWiC0CxElA3A3E6LawAXE/EHcC8aO0tDScBjJBaVEg3gPVMAlkEZphq4E4C4j3A7EcPhfCDNQCYjUoOwfJUJhhflA5CSBWxmcgC5Q+CMSBQLweiDmhhoIMlEUy7BsQB0BdSdCFILATauh3KD8bi2G7CUUKExof3VCSDMNmILKh30g1DDkMsRkqD8RCQHxrQBM2QIABAEQXLKKn5nTeAAAAAElFTkSuQmCC)
    no-repeat right center transparent;
  padding-right: 20px;
}

.t_brand_wrap .select-wrapper select {
  border: 1px solid #ededed;
  padding-left: 16px;
  height: 40px;
  margin-top: 10px;
  border-radius: 3px;
}

.t_need_wrap .select_wrap select::-ms-expand {
  display: none;
}

.t_need_wrap .form-group {
  position: relative;
  height: 50px;
  margin-bottom: 0;
}

.t_need_wrap .form-group .star {
  position: absolute;
  left: -15px;
  bottom: 15px;
  color: #ff517d;
  font-size: 16px;
}

.t_need_wrap .form-group label {
  font-size: 16px;
  color: #333333;
  letter-spacing: 3px;
  float: left;
  width: 27%;
  font-weight: normal;
  height: 60px;
  line-height: 60px;
  margin-bottom: 0;
  text-align: left;
}

.t_need_wrap .formwrap .input-text,
.t_need_wrap .formwrap .select_wrap select {
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  border: 1px solid #ededed;
  border-radius: 3px;
  letter-spacing: 3px;
}

.t_need_wrap .formwrap .input-text:focus {
  border: 1px solid #7caced;
}

.t_need_wrap .form-group .right {
  width: 72%;
  float: left;
}

.t_need_wrap .form-group input,
.t_need_wrap .form-group select {
  border: 1px solid #e9f0f6;
  margin: 10px 0;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-radius: 3px;
}

.t_need_wrap .form-group input:focus,
.t_need_wrap .form-group select:focus {
  border: 1px solid #7fadeb;
}

.t_need_wrap .message {
  text-align: left;
  padding: 0 0 8px 0;
}

.t_need_wrap .message h5 {
  font-size: 16px;
  color: #333333;
  letter-spacing: 2px;
  padding-bottom: 20px;
}

.t_need_wrap .message textarea,
.t_suggestion_wrap textarea {
  width: 100%;
  border: 1px solid #e9f0f6;
  height: 80px;
  line-height: 22px;
  padding: 10px;
  resize: none;
  box-shadow: none;
}

.t_need_wrap .message textarea:focus,
.t_suggestion_wrap textarea:focus {
  border: 1px solid #7fadeb;
  box-shadow: none;
  outline: none;
}

.t_need_wrap .message textarea {
  font-size: 14px;
  border-radius: 3px;
  letter-spacing: 3px;
}

.t_need_wrap .tips {
  color: #999;
  font-size: 12px;
  padding: 10px 0 5px;
  letter-spacing: 1px;
  text-align: center;
}

.t_need_wrap .online-consultation {
  color: #999;
  font-size: 12px;
  padding: 0 0 15px;
  letter-spacing: 2px;
  text-align: center;
}

.t_need_wrap .online-consultation a {
  color: #7caced;
  text-decoration: none;
}

.t_need_wrap .form-group .line {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #e9f0f6;
}

.t_need_wrap .formwrap .input-text:focus + .line,
.t_need_wrap .select_wrap select:focus + .line {
  background: #7fadeb;
}

.s_input_1.pop_add_animation_hide {
  opacity: 0;
  animation: pop_hide 0.5s linear;
  -webkit-animation: pop_hide 0.5s linear;
}

.s_input_2.pop_add_animation_show {
  opacity: 1;
  animation: pop_show 0.5s linear;
  -webkit-animation: pop_show 0.5s linear;
}

@keyframes pop_show {
  0% {
    transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    opacity: 0.2;
  }

  50% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.8;
  }

  100% {
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes pop_show {
  0% {
    transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    opacity: 0.2;
  }

  50% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.8;
  }

  100% {
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes pop_hide {
  0% {
    transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    opacity: 0.7;
  }

  50% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.2;
  }

  100% {
    transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes pop_hide {
  0% {
    transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    opacity: 0.7;
  }

  50% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.2;
  }

  100% {
    transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    opacity: 0;
  }
}

/*第二部获得设计预算*/
.t_brand_wrap .s_input_2 .budget_title {
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 35px;
  margin-top: 35px;
  letter-spacing: 1px;
}

.t_brand_wrap .s_input_2 .select_budget {
  font-size: 16px;
  color: #4d4d4d;
  text-align: center;
  height: 20px;
  margin-top: 35px;
  position: relative;
}

.t_brand_wrap .s_input_2 .select_budget:before {
  display: inline-block;
  content: "";
  width: 32%;
  height: 2px;
  background: #f7f7f7;
  position: absolute;
  left: 0;
  top: 9px;
}

.t_brand_wrap .s_input_2 .select_budget:after {
  display: inline-block;
  content: "";
  width: 32%;
  height: 2px;
  background: #f7f7f7;
  position: absolute;
  right: 0;
  top: 9px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap {
  margin-top: 35px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p {
  text-align: left;
  padding-bottom: 10px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span {
  display: inline-block;
  position: relative;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span:first-child {
  margin-right: 20px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span input {
  display: inline-block;
  margin-right: 20px;
  margin-left: 5px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span input ~ i {
  display: block;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAuhJREFUSA29lktPk0EUht9vWnpBKa0UpC5cqDEhxColUROVhTHxD7g20YUbFxoU1OAtEjfqwrUL/QP+BFcYE6OCSoJEYjRxYbn0Am1oS6/OO+R8frVtwER4F8x0Zs4z5ztz5gxWTQsttFQpYGI1jnfFBOLVAtK1olkZsjyIKB+OesIY2hFBt8vXggBYzTZIaPCLlTm8Ks6j2tJ0fULp5oynFxc6DyLcZKOGDV7n5vE4O4N8rbIBun7ab7kw0tGPU+29dRN1G7zMfMez3Dc4YxZ1BzHk3Y0BXxd63H5jvFjO42MhiYm1BUyXl22gpXuX2g/gXGDfnzEJET0fz0zb8Ijy42qgDzFf2F7crDNVSOBpZlafUd5Mc5M7gaj9JeYLGPOLiTd2WPpcATzsGkSHamvGbBjLVksYS05itpIxcwzX8/AJcyY8I3OgEnN6/i9w2tMR2tCWIotJQimmIrNFxLBs1nOxYUsb2orIJFsxzyUVeaAbxVwAbOOVvB1W/qYtGRSZZCteIhGzZbOa1/Dh1HvcTE9itVa2zZwMshVvqIipuBktapvrqQ9gcnwpLuNe+pNt5mSQreT6c4XkuaymZ08yM8g6PExW1zCi4Qv6CyivzpjzHfvFpI5Bttue+avDTLiVnsKs9nCulMGj0KBZMarhv8o50/dYCg9CA4i2hWxr5yXloJuFK15b94Y3dG/bTrP4czGFr6UV0/9RyuKajrdLA3+WV82YW/fvBo8g5tllfsufJc0Qka1YFUW8/qLj3m7c6DykobybMGBuRHFsLBjFMW/jLXcyyFYsuSLWFqdO+3pxO3gY9FakNHxUb3zS2yNDda2TQbZiPRdzFi7WFqcIuq9DwXhbGj4c6Ac3bibaSvEj07D5WLCei1i4WFucYijGQzFc0Tf1rH+Pc8ru04a2IjLJ3p5ix5eIj8X6ccJUxcuJtw3hEu+cLcPCtVJJySBLXrfte3DEqy19MmWTLX30ZRO2/+Pflt8HdJeBk6d+JAAAAABJRU5ErkJggg==)
    center no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span input:checked ~ i {
  display: block;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAuhJREFUSA29lktPk0EUht9vWnpBKa0UpC5cqDEhxColUROVhTHxD7g20YUbFxoU1OAtEjfqwrUL/QP+BFcYE6OCSoJEYjRxYbn0Am1oS6/OO+R8frVtwER4F8x0Zs4z5ztz5gxWTQsttFQpYGI1jnfFBOLVAtK1olkZsjyIKB+OesIY2hFBt8vXggBYzTZIaPCLlTm8Ks6j2tJ0fULp5oynFxc6DyLcZKOGDV7n5vE4O4N8rbIBun7ab7kw0tGPU+29dRN1G7zMfMez3Dc4YxZ1BzHk3Y0BXxd63H5jvFjO42MhiYm1BUyXl22gpXuX2g/gXGDfnzEJET0fz0zb8Ijy42qgDzFf2F7crDNVSOBpZlafUd5Mc5M7gaj9JeYLGPOLiTd2WPpcATzsGkSHamvGbBjLVksYS05itpIxcwzX8/AJcyY8I3OgEnN6/i9w2tMR2tCWIotJQimmIrNFxLBs1nOxYUsb2orIJFsxzyUVeaAbxVwAbOOVvB1W/qYtGRSZZCteIhGzZbOa1/Dh1HvcTE9itVa2zZwMshVvqIipuBktapvrqQ9gcnwpLuNe+pNt5mSQreT6c4XkuaymZ08yM8g6PExW1zCi4Qv6CyivzpjzHfvFpI5Bttue+avDTLiVnsKs9nCulMGj0KBZMarhv8o50/dYCg9CA4i2hWxr5yXloJuFK15b94Y3dG/bTrP4czGFr6UV0/9RyuKajrdLA3+WV82YW/fvBo8g5tllfsufJc0Qka1YFUW8/qLj3m7c6DykobybMGBuRHFsLBjFMW/jLXcyyFYsuSLWFqdO+3pxO3gY9FakNHxUb3zS2yNDda2TQbZiPRdzFi7WFqcIuq9DwXhbGj4c6Ac3bibaSvEj07D5WLCei1i4WFucYijGQzFc0Tf1rH+Pc8ru04a2IjLJ3p5ix5eIj8X6ccJUxcuJtw3hEu+cLcPCtVJJySBLXrfte3DEqy19MmWTLX30ZRO2/+Pflt8HdJeBk6d+JAAAAABJRU5ErkJggg==)
    center no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}

.t_brand_wrap .s_input_2 .select_budget_wrap p span label {
  font-size: 19px;
  color: #4d4d4d;
  font-weight: normal;
  padding-top: 3px;
  cursor: pointer;
}

/*底部悬浮--“查询商标”*/
.footer_booking_wrap {
  width: 100%;
}

.footer-booking-open {
  bottom: 12px;
  cursor: pointer;
  left: 20px;
  position: fixed;
  z-index: 1001;
  display: block;
}

.footer-booking-open .open_con {
  position: relative;
}

.footer-booking-open .open_con .hi {
  position: absolute;
  right: -10px;
  top: 0;
  display: block;
  z-index: 1;
  width: 28px;
}

.footer-booking-open .open_con .hi.sparking {
  -webkit-animation: Sparking 3s 2s infinite;
  animation: Sparking 3s 2s infinite;
}

@-webkit-keyframes Sparking {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes Sparking {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.footer-booking {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1002;
  transform-origin: 0 50% 0;
  -webkit-transform-origin: 0 50% 0;
  -ms-transform-origin: 0 50% 0;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  background: #7fadeb;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  margin: 0;
}

.footer-booking-con {
  position: relative;
}

.footer-booking .footer_main {
  padding: 12px 0;
  overflow: hidden;
}

.footer-booking .img_wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 160px;
  display: block;
}

.footer-booking .left {
  color: #fff;
  margin-left: 160px;
  float: left;
  height: 47px;
  min-width: 27%;
}

.footer-booking .letter {
  color: #fff;
  font-size: 24px;
  letter-spacing: 3px;
}

.footer-booking .letter .number {
  display: block;
  font-size: 26px;
  margin-right: 30px;
  letter-spacing: 1px;
  font-weight: bold;
}
.footer-booking .left .left-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
}

.footer-booking .left .vslider {
  height: 20px;
  overflow: hidden;
}

.footer-booking .left .vslider li span {
  padding: 0 2px;
}

.footer-booking .left .vslider li span b {
  font-weight: normal;
}

.footer-booking .left .vslider li span span {
  color: #fff !important;
}

.footer-booking .right {
  float: right;
  overflow: hidden;
}

.footer-booking .phone {
  overflow: hidden;
  padding-right: 20px;
  float: left;
}

.footer-booking .phone input {
  border: 0;
  border-radius: 3px 0 0 3px;
  color: #999;
  height: 46px;
  padding: 0 15px 0 35px;
  line-height: 47px;
  letter-spacing: 1px;
  float: left;
  vertical-align: middle;
  font-size: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAARCAYAAAAG/yacAAAAAXNSR0IArs4c6QAAAJ5JREFUKBVjnDlzZhMjI2P5////2RgIAKC6X0B1nUxAdWXEaACZB1VXxgJks4MEWFlZtZOSkq6B2NjAvHnztH7//n0VKMcOsgkM8GkAKUCWh2uCaCWOHNUEDSf6BQQoRWAAYHp8DhSUAOIX6enpkugKsGrCphBZI9xPoLSFLIHORpZnBDrlB1ABONGiK8TB/wmyqQuUT3AoQBGGqusCABp/LpMEy8ovAAAAAElFTkSuQmCC)
    15px center no-repeat #fff;
}

.footer-booking .phone input::-webkit-input-placeholder {
  color: #999;
}

.footer-booking .phone input:-moz-placeholder {
  color: #999;
}

.footer-booking .phone input::-moz-placeholder {
  color: #999;
}

.footer-booking .phone input:-ms-input-placeholder {
  color: #999;
}

.footer-booking .phone input:focus {
  outline: none;
}

.footer-booking .phone span {
  background: #7fadeb;
  border-radius: 0 3px 3px 0;
  height: 46px;
  float: left;
  color: #fff;
  border: 2px solid #fff;
  padding: 0 40px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 42px;
  cursor: pointer;
}

.footer-booking .phone_normal span {
  padding: 0 15px;
  font-size: 18px;
}

.footer-booking .online_adv {
  float: left;
}

.footer-booking .online_adv a,
.footer-booking .online_adv a:hover {
  display: inline-block;
  text-decoration: none;
}

.footer-booking .online_adv .btn_blue_border {
  background: #7caced;
  color: #fff;
  border: 2px solid #fff;
  width: 130px;
  height: 46px;
  line-height: 42px;
  letter-spacing: 1px;
}

.footer-booking .online_adv .number {
  color: #fff;
  font-size: 18px;
  padding: 0 25px;
}

.footer-booking .close_btn {
  cursor: pointer;
  position: absolute;
  right: 45px;
  top: 28px;
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MTMyRkFENzYwNzkxMUU2OTk2Q0VBNDUzREREN0RGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MTMyRkFEODYwNzkxMUU2OTk2Q0VBNDUzREREN0RGNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkxMzJGQUQ1NjA3OTExRTY5OTZDRUE0NTNEREQ3REY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkxMzJGQUQ2NjA3OTExRTY5OTZDRUE0NTNEREQ3REY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BTDR/gAAAJhJREFUeNqMk9ENwzAIRA3pgHVmSjpFPVmGoSUxkmvd0SDdB+B3lgMpZla6nl/JkCN5v0Yexd2ueCcGXm/93Bbwar+BDEYwonpDQWM0QKDnGs7MQBk4vpkZHAycYWYAQQS7FnDj0eslg+XPzcJguflmmWE2jgepS8CSjSMZl6ANa2DDlG2Y65WAyGCfP9h646/Sfu7MPwIMACZa/RvukE0GAAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}

.footer-booking .close_btn:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*查询商标弹出层*/
.t_brand_wrap {
  display: none;
  height: 445px;
  margin-top: -222px;
}

.t_brand_wrap .gray {
  padding-top: 10px;
}

.t_brand_wrap .tips {
  font-size: 12px;
  color: #999;
  text-align: center;
  letter-spacing: 2px;
  bottom: 15px;
  position: absolute;
  width: 100%;
  left: 0;
}

.t_brand_wrap .btn_blue {
  width: 380px;
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.t_brand_wrap .s_input p,
.t_brand_wrap .s_input .must_inp {
  position: relative;
}

.t_brand_wrap .s_input .must_inp:before {
  display: inline-block;
  content: "*";
  color: #ff517d;
  font-size: 16px;
  vertical-align: middle;
  position: absolute;
  left: -15px;
  top: 10px;
}

.t_brand_wrap .s_input .select-wrapper {
  position: relative;
}

.t_brand_wrap .s_input .select-wrapper:before {
  position: absolute;
  vertical-align: middle;
  display: inline-block;
  content: "*";
  font-size: 16px;
  color: #ff517d;
  left: -15px;
  top: 20px;
}

.t_brand_wrap .s_input .select-wrapper.no_must:before {
  display: none;
}

.t_brand_wrap .s_input p input[readonly] {
  background: #fff;
}

.t_brand_wrap .s_input p .get_ver_code {
  position: absolute;
  width: 135px;
  height: 30px;
  border: 3px solid #e0e0e0;
  border-radius: 2px;
  color: #7caced;
  font-size: 14px;
  text-align: center;
  background: #ffffff;
  right: 5px;
  bottom: 5px;
  outline: none;
  letter-spacing: 3px;
}

.t_brand_wrap .s_input p .get_ver_code:hover {
  border: 3px solid #7caced;
}

.t_brand_wrap .s_input p .get_ver_code.on:hover {
  border: 3px solid #e0e0e0;
}

.s_input_1 {
  opacity: 1;
}

/*强制弹出电话的弹出层*/
.t_enforce_wrap .btn_blue,
.t_enforce_wrap .btn_blue_border {
  width: 100%;
  cursor: pointer;
}

.t_enforce_wrap .btn_blue {
  margin-top: 30px;
}

.t_enforce_wrap .or {
  padding: 15px 0;
}

/*公共图片灰色显示类*/
.img_gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

/*底部点击“意见反馈”弹出层*/
.t_suggestion_wrap {
  padding: 30px 30px;
}

.t_suggestion_wrap h3 {
  text-align: left;
}

.t_suggestion_wrap .input_wrap input,
.t_suggestion_wrap .btn_blue {
  width: 100%;
  margin-top: 0;
}

.t_suggestion_wrap textarea,
.t_suggestion_wrap .btn_blue {
  margin-top: 20px;
}

.t_suggestion_wrap textarea {
  font-size: 16px;
  height: 100px;
}

.t_suggestion_wrap .tips {
  color: #999;
  font-size: 14px;
  padding: 10px 0 0;
  letter-spacing: 2px;
  /*text-align: center;*/
}

/*公共登陆弹框样式*/
.common-modal-bg {
  position: fixed;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**只对ie8有效***/
@media \0screen {
  .common-modal-bg {
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C8ffffff);
  }
}

.common-modal {
  /*position: absolute;*/
  position: fixed;
  width: 480px;
  background: #ffffff;
  z-index: 1001;
  padding: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.common-modal .close_a {
  display: block;
  width: 17px;
  height: 15px;
  font-size: 22px;
  line-height: 0.5;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #aaa;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

#commonModal .close_a {
  width: 12px;
  height: 8px;
}

/*          头部导航服务产品 下拉样式改版调整 2018。07。19          */

.t_n_header li.classic .details {
  width: 1170px;
}

.t_n_header li.classic .details .details_list {
  float: left;
  width: 20%;
}

.t_n_header li.classic .details .details_list a {
  width: auto;
  padding: 0.357em 10px;
  margin: 0.5em 10px;
}

.t_n_header li.classic .details .details_list a.top_tit {
  font-size: 1.33em;
  font-weight: bold;
  padding: 0.857em 10px;
  color: #333;
  cursor: default;
}

.t_n_header li.classic .details .details_list a.top_tit:hover {
  background: none;
}

.t_n_header li.classic .details .details_list .sun_lists {
  border-left: 1px solid #f1f1f1;
  margin-bottom: 20px;
}

.t_n_header li.classic .details .details_list:first-child .sun_lists {
  border-left: none;
}

.t_n_header li.classic .designer {
  /* width: 150px; */
  width: 198px;
}

.t_n_header li.classic .designer .details_list {
  float: none;
  width: auto;
}

/*          头部导航服务产品 下拉样式改版调整 2018。07。20          */
.web_footer_pc dt {
  color: #666;
}

.web_footer_pc dd a {
  color: #999;
}

.web_footer_pc .contact p em {
  font-style: normal;
  color: #666;
}

.web_footer_pc .contact img {
  display: block;
  max-width: 85px;
}

.web_footer_pc .contact em {
  font-style: normal;
  font-size: 14px;
  display: block;
  color: #999;
  padding-top: 10px;
}

.footer_con_center {
  background: #f3f2f0;
  width: 100%;
  margin: 0 auto;
  box-sizing: content-box;
}

.footer_con_center .fd_footer_title {
  position: relative;
  padding-top: 45px;
}

.footer_con_center .fd_footer_title li {
  display: inline-block;
  margin-right: 40px;
}

.footer_con_center .fd_footer_title li a {
  font-size: 16px;
  color: #999;
  line-height: 1.8;
  display: block;
  text-decoration: none;
}

.footer_con_center .fd_footer_title li a:hover {
  text-decoration: none;
}

.footer_con_center .fd_footer_title li.on a {
  color: #666;
  border-bottom: 1px solid #666;
  text-decoration: none;
}

.footer_con_center .fd_footer_link {
  width: 100%;
  margin-bottom: 0;
  padding: 40px 0;
  border-top: 1px solid #dad9d8;
  border-bottom: 1px solid #dad9d8;
}

.footer_con_center .fd_footer_link li {
  padding-top: 0;
  display: none;
}

.footer_con_center .fd_footer_link li:first-child {
  display: block;
}

.footer_con_center .fd_footer_link li a {
  display: inline-block;
  padding-right: 22px;
  word-wrap: break-word;
  color: #999;
  font-size: 14px;
  margin-bottom: 10px;
}

.footer_con_center .fd_footer_link li a:hover {
  text-decoration: none;
}

.web_footer_m .contact em {
  font-style: normal;
  font-size: 14px;
  display: block;
  color: #999;
  padding-top: 10px;
}

.footer_con_middle {
  border-bottom: 1px solid #dad9d8;
  padding: 0;
}

.footer_con_middle dl {
  width: 100%;
  padding: 30px 0;
  float: none;
  margin-bottom: 0;
}

.footer_con_middle dl dt {
  float: left;
  width: 60px;
  text-align: center;
}

.footer_con_middle dl dt p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}

.footer_con_middle dl dd {
  width: 90%;
  padding-top: 0;
  float: right;
}

.footer_con_middle dl dd a {
  display: block;
  float: left;
  padding-left: 22px;
  font-size: 14px;
  color: #999;
  white-space: nowrap;
}

.web_footer_pc .footer_con_bottom p {
  padding-left: 0;
}

.web_footer_pc .footer_con_bottom a {
  padding-right: 0;
  text-align: right;
  padding-top: 20px;
}

.web_footer_pc .brand a {
  display: block;
  position: relative;
  margin-top: -8px;
}

/****************首页-最近案例展示改版2017-04******************/
/*案例case*/
.tcy_new_index .current_case_wrap {
  margin-bottom: 52px;
  overflow: hidden;
  position: relative;
}

.tcy_new_index .current_case_wrap .c_case_list {
  overflow-x: scroll;
  font-size: 0;
  white-space: nowrap;
  bottom: -17px;
  margin-top: -17px;
  padding-top: 4px;
  overflow-y: hidden;
  position: relative;
}

.tcy_new_index .current_case_wrap .c_case_list:after {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}

.tcy_new_index .current_case_wrap .c_case_card {
  position: relative;
  display: inline-block;
  width: 520px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 0 4px 2px rgba(22, 30, 40, 0.1);
  border-radius: 2px;
  margin-right: 20px;
  margin-bottom: 4px;
  box-sizing: border-box;
  z-index: 6;
}

.tcy_new_index .current_case_wrap .c_case_card .img_wrap {
  border-radius: 2px;
  display: block;
  overflow: hidden;
}

.tcy_new_index .current_case_wrap .c_case_card .img_wrap img {
  width: 100%;
  height: auto;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap {
  position: relative;
  padding-top: 20px;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap > p {
  margin-top: 5px;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap h4 {
  display: block;
  float: left;
  max-width: calc(100% - 40px);
  font-size: 16px;
  color: #000000;
  font-weight: normal;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap h4 a {
  color: #000000;
  text-decoration: none;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box {
  float: right;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box span {
  display: block;
  width: 32px;
  height: 19px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAATCAYAAADxlA/3AAAAm0lEQVRIS2P8//8/2/v375sYGBjSGBgYBBnoA94zMDDMEhQUrGN89+5dBwMDQzl97MWwpRPkgHd09Dm6C96DHPB/gHwPtnbUAaMhQDAEHj58yPD8+XMGSUlJBnl5eZT0iksOnx70BE/QASdOnGD4+/cvAzMzM4OFhQWKflxy+PSQ7IABDwFalxEEo2DUASMiBAa8NhzY9sBAt4gAlmuLY+dhP+AAAAAASUVORK5CYII=)
    center no-repeat;
  position: relative;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box:before {
  display: none;
  content: "";
  width: 200px;
  height: 47px;
  right: 0;
  position: absolute;
  top: -7px;
}

.tcy_new_index
  .current_case_wrap
  .c_case_card
  .tit_wrap
  .label_box:hover:before {
  display: inline-block;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box:hover div {
  display: block;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box div {
  display: none;
  position: absolute;
  right: 0;
  top: -57px;
  width: auto;
  max-width: 100%;
  padding: 8px 10px 5px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  border: 1px solid #e9e9e9;
  border-radius: 2px;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box div:after {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  position: absolute;
  right: 11px;
  bottom: -6px;
  background: #fff;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box div p {
  font-size: 14px;
  color: #333;
}

.tcy_new_index .current_case_wrap .c_case_card .tit_wrap .label_box div p a {
  display: inline-block;
  color: #7cacee;
  margin-right: 3px;
  margin-bottom: 5px;
}

.tcy_new_index .current_case_wrap .c_case_card p strong {
  font-size: 14px;
  color: #666666;
  line-height: 25px;
  height: 25px;
  font-weight: normal;
  display: block;
}

.tcy_new_index .current_case_wrap .c_case_card p span {
  display: block;
  font-size: 14px;
  color: #666;
  padding-top: 4px;
}

.tcy_new_index .current_case_wrap .c_prev {
  border-radius: 50%;
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 110px;
  top: 50%;
  margin-top: -32px;
  background: url(data:image/png;base64,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)
    center no-repeat;
  cursor: pointer;
  transition: transform ease-out 0.2s;
  -webkit-transition: transform ease-out 0.2s;
  z-index: 6;
}

.tcy_new_index .current_case_wrap .c_next {
  border-radius: 50%;
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  right: 110px;
  top: 50%;
  margin-top: -32px;
  background: url(data:image/png;base64,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)
    center no-repeat;
  cursor: pointer;
  transition: transform ease-out 0.2s;
  -webkit-transition: transform ease-out 0.2s;
  z-index: 6;
}

.tcy_new_index .current_case_wrap .c_prev:hover,
.tcy_new_index .current_case_wrap .c_next:hover {
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

/*案例行业导航*/
.tcy_new_index .industry_nav.row {
  text-align: center;
  margin: 0 auto 31px;
  height: 54px;
  border-bottom: 1px solid #9cc0ef;
}

.tcy_new_index .industry_nav .industry_nav_wrap {
  display: inline-block;
  /*padding: 0 115px;*/
  height: 54px;
  margin: 0 auto;
}

.tcy_new_index .industry_nav .industry_nav_wrap ul li {
  height: 54px;
  display: block;
  float: left;
  cursor: pointer;
}

.tcy_new_index .industry_nav .industry_nav_wrap ul li p {
  height: 43px;
  line-height: 43px;
  padding: 0 15px;
  text-align: center;
  font-size: 16px;
  color: #666666;
}

.tcy_new_index .industry_nav .industry_nav_wrap ul li:hover p {
  color: #333;
}

.tcy_new_index .industry_nav .industry_nav_wrap ul li p a {
  color: #333;
  text-decoration: none;
}

.tcy_new_index .industry_nav .industry_nav_wrap ul li p i {
  width: 8px;
  height: 12px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDcwQzg2Mzc1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDcwQzg2Mzg1Qzc0MTFFNjk5Q0FDRDlBMzFDRDE0N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzA5NzhGNTVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzA5NzhGNjVDNzQxMUU2OTlDQUNEOUEzMUNEMTQ3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlnBq6kAAACoSURBVHjaYvz//z/DrFmzohgYGPyAOCYtLe0PAxJglpKSigTSi4FYF4i1zp49u97Y2PgfTAETEPuDFEL5IUC8HGgiK7KCWCBeg2QqSNEymCJGqBtAnGVQSRg4CcS2YAUgAFW0AoiDkBQdZ2LADxhhVrCAHIfNCpA3sUmCHO0DDJPfICuWYJGMAknCvLkJiP9ikwSH5ObNmy8DQ+8OkP0HGtS/kV0JEGAATKxAvjX6UgYAAAAASUVORK5CYII=)
    center no-repeat;
  margin-left: 5px;
}

.tcy_new_index .industry_nav .industry_nav_wrap ul li.on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAYAAAB7/H1+AAAAAXNSR0IArs4c6QAAAUhJREFUKBWNk99LwlAYht/5g21KVoRQ0EVBQWVXXQTRhe1/7K/pMpAoIoQSnGQKLW3VQCRpv47rfCcm6Ty672Yb3/M+h/OdM8UeehFS1OeQCapcyqaggVwa6n0Q4u7ZE+jpnorNteWxpYTlhHjoeDg/0IS41nRxsgtsbyyOLux2PwI8WgGqhxpWi38joPfrpodwDOyU5fGMbBRtO8CTkKoTKbG0wMWRhoblo22Hsjjmis03H2YvgFHRUNKTh7WiZ4Tc7HOOs/MqIW68+uh8MRjHOopqoj1xUM+o6IKlzGxNJetdDz1+Awy+VT2vzLKJb2KIpUydH/D/EmK6yPcvHpxvxrdYgJpCGkuIpYwzYsIR/xRCXDNdjNyIn34B+eRIY4f0SZkql4/cMW5bruCUyysn2lrP4WxfQ3ZqMFKPtMH4Fbxp/aA/YPgFNux2W6v4n6IAAAAASUVORK5CYII=)
    bottom center no-repeat;
}

.tcy_new_index .industry_nav .industry_nav_wrap ul li.on p {
  color: #7fadeb;
}

#baidu_chant_bridge {
  display: block;
  width: 113px;
  height: 115px;
  position: fixed;
  bottom: 0;
  right: 0;
  outline: none;
  z-index: 102;
}

#baidu_chant_bridge img {
  display: block;
  width: 100%;
  height: 100%;
}

/****案例展示列表模块样式******/
.pro_design_wrap .case_title {
  background: #fff;
  padding-top: 80px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f6f9;
}

.pro_design_wrap .case_title .design_type {
  display: block;
  width: 100%;
  height: auto;
  background: none;
}

.pro_design_wrap .case_title .design_type a {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
  border-radius: 2px;
  letter-spacing: 0;
}

.pro_design_wrap .case_title .design_type.green a {
  background: #44e7ba;
}

.pro_design_wrap .case_title .design_type.blue a {
  background: #7cacee;
}

.pro_design_wrap .case_title .design_type.red a {
  background: #fe507d;
}

.pro_design_wrap .case_title .design_consult {
  text-align: right;
  font-size: 14px;
  color: #999;
  letter-spacing: 0;
}

.pro_design_wrap .case_title .design_consult a {
  display: inline-block;
  width: 110px;
  height: 38px;
  border: 2px solid #7cacee;
  border-radius: 2px;
  color: #7cacee;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  line-height: 34px;
  margin-left: 10px;
}

.pro_design_wrap .case_title .design_consult button {
  display: inline-block;
  width: 110px;
  height: 38px;
  border-radius: 2px;
  background: #7cacee;
  color: #fff;
  letter-spacing: 1px;
  margin-left: 10px;
  border: none;
  outline: none;
  vertical-align: top;
}

.pro_design_wrap .case_wrap {
  background: #f4f6f9;
  /* padding-top: 22px; */
  padding-bottom: 25px;
}

.pro_design_wrap .case_list_title {
  margin-bottom: 12px;
}

.pro_design_wrap .case_list_title .left ul li {
  display: inline-block;
  height: 28px;
  font-size: 16px;
  color: #666;
  margin-right: 23px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.pro_design_wrap .case_list_title .left ul li.on {
  border-bottom: 3px solid #136cfb;
  color: #333;
}

.pro_design_wrap .case_list_title .left ul a {
  display: inline-block;
  color: #136cfb;
  font-size: 16px;
  text-decoration: none;
}

.pro_design_wrap .case_list_title .right .hot_select {
  display: block;
  float: right;
  color: #909399;
  cursor: pointer;
  margin-left: 20px;
  height: 35px;
  position: relative;
  font-size: 14px;
}

.pro_design_wrap .case_list_title .right .hot_select i {
  display: inline-block;
  width: 8px;
  height: 5px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fYXJyb3c8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6aaW6aG1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6aaW6aG1LTQtMjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDQ0LjAwMDAwMCwgLTE2ODUuMDAwMDAwKSIgZmlsbD0iIzkwOTM5OSI+CiAgICAgICAgICAgIDxnIGlkPSJpbnB1dF9ob3Zlci1jb3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNzkuMDAwMDAwLCAxNjgxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fYXJyb3ctMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUuMDAwMDAwLCA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJpY29uX2Fycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgMi41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTQuMDAwMDAwLCAtMi41MDAwMDApICIgcG9pbnRzPSIwIDAgNCA1IDggMCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
    center no-repeat;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  margin-left: 5px;
  margin-bottom: 2px;
}

.pro_design_wrap .case_list_title .right .hot_select:hover i {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.pro_design_wrap .case_list_title .right .hot_select:hover div {
  display: block;
}

.pro_design_wrap .case_list_title .right .hot_select div {
  display: none;
  position: absolute;
  right: -10px;
  top: 30px;
  width: 166px;
  height: 260px;
  border: 1px solid #e4e7ec;
  background: #fff;
  padding: 10px 0;
  z-index: 3;
}

.pro_design_wrap .case_list_title .right .hot_select div:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-left: 1px solid #e4e7ec;
  border-top: 1px solid #e4e7ec;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  position: absolute;
  right: 38px;
  top: -6px;
}

.pro_design_wrap .case_list_title .right .hot_select div ul {
  display: block;
  width: 100%;
  overflow-y: scroll;
  height: 238px;
}

.pro_design_wrap .case_list_title .right .hot_select div ul li {
  height: 34px;
  line-height: 34px;
}

.pro_design_wrap .case_list_title .right .hot_select div ul li a {
  display: block;
  color: #606266;
  font-size: 14px;
  text-decoration: none;
  text-indent: 15px;
}

.pro_design_wrap .case_list_title .right .hot_select div ul li a:hover {
  color: #7cacee;
  background: #f5f7fa;
}

.pro_design_wrap .case_list_con {
  margin-left: -45px;
  margin-right: -45px;
}

.pro_design_wrap .case_list_con .col-lg-3.col-md-4.col-sm-6 {
  padding-left: 10px;
  padding-right: 10px;
}

.pro_design_wrap .case_list_con .col-lg-3:nth-of-type(4n + 1) {
  clear: both;
}

.pro_design_wrap .case_list_con .list_case_wrap {
  background: #fff;
  padding: 10px 10px 15px;
  border-radius: 2px;
  margin-bottom: 20px;
  position: relative;
}

.pro_design_wrap .case_list_con .list_case_wrap .img_wrap img {
  display: block;
  width: 100%;
}

.pro_design_wrap .case_list_con .list_case_wrap h4 {
  font-size: 16px;
  color: #000;
  margin-top: 15px;
}

.pro_design_wrap .case_list_con .list_case_wrap a {
  display: block;
}

.pro_design_wrap .case_list_con .list_case_wrap:hover .hover_box {
  display: block;
}

.pro_design_wrap .case_list_con .list_case_wrap .hover_box {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 20px 15px 15px;
}

.pro_design_wrap .list_case_wrap .hover_box .h_top:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  clear: both;
}

.pro_design_wrap .list_case_wrap .hover_box .h_top img {
  display: block;
  float: left;
  width: 44px;
  height: 44px;
}

.pro_design_wrap .list_case_wrap .hover_box .h_top div {
  margin-left: 45px;
  padding-top: 3px;
}

.pro_design_wrap .list_case_wrap .hover_box .h_top div p {
  font-size: 14px;
  color: #999;
  text-indent: 5px;
  margin-bottom: 4px;
}

.pro_design_wrap .list_case_wrap .hover_box .h_top div p span {
  color: #666;
}

.pro_design_wrap .list_case_wrap .hover_box .ellipsis_3 {
  max-height: 64px;
  overflow: hidden;
  line-height: 22px;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}

.pro_design_wrap .list_case_wrap .hover_box .h_bottom {
  height: 32px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  width: 100%;
  padding: 0 15px;
}

.pro_design_wrap .list_case_wrap .hover_box .h_bottom:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  clear: both;
}

.pro_design_wrap .list_case_wrap .hover_box .h_bottom p {
  float: left;
  font-size: 12px;
  color: #666;
  margin-top: 9px;
}

.pro_design_wrap .list_case_wrap .hover_box .h_bottom a {
  float: right;
  display: block;
  width: 102px;
  height: 32px;
  border: 1px solid #e4e7ec;
  border-radius: 2px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #7cacee;
}

.pro_design_wrap .more_case {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #999;
}

.pro_design_wrap .more_case:hover {
  color: #7cacee;
}

/****品牌知识产权保护*****/
.brand_protect {
  padding-top: 80px;
}

.brand_protect .row.con {
  margin-left: -25px;
  margin-right: -25px;
}

.brand_protect .title_con,
.tcy_companion .title_con {
  margin-bottom: 30px;
}

.brand_protect .col-lg-3.col-md-3.col-sm-6 {
  padding-left: 10px;
  padding-right: 10px;
}

.brand_protect .col-lg-3.col-md-3.col-sm-6 a {
  display: block;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  color: #ebebeb;
}

.brand_protect .brand_wrap {
  border: 1px solid #ebebeb;
  border-radius: 2px;
}

.brand_protect .brand_wrap.brand_wrap_1 {
  border: 1px solid #001048;
}

.brand_protect .brand_wrap .box_top {
  background: #f4f6f9;
  padding: 29px 0 30px;
  height: 127px;
}

.brand_protect .brand_wrap.brand_wrap_1 .box_top {
  background: #001048;
  padding-bottom: 33px;
}

.brand_protect .brand_wrap.brand_wrap_1 .box_top h5,
.brand_protect .brand_wrap.brand_wrap_1 .box_top p {
  color: #fff;
}

.brand_protect .brand_wrap .box_top img {
  display: block;
  width: 34px;
  margin: 0 auto 10px;
}

.brand_protect .brand_wrap .box_top h5 {
  font-size: 18px;
  color: #000;
  text-align: center;
  margin-top: 10px;
}

.brand_protect .brand_wrap .box_top p {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-top: 3px;
}

.brand_protect .brand_wrap .box_bottom {
  height: 136px;
  padding: 22px 25px 0;
}

.brand_protect .brand_wrap .box_bottom p {
  color: #666666;
  font-size: 14px;
  line-height: 25px;
}

.brand_protect .brand_wrap .box_bottom p i {
  display: inline-block;
  width: 105px;
  color: #333;
  font-weight: bold;
  font-style: normal;
}

.brand_protect .brand_wrap.brand_wrap_1 .box_bottom p i {
  font-size: 16px;
  color: #001048;
}

.brand_protect .brand_wrap .box_bottom p span {
  color: #333;
  font-weight: bold;
}

.brand_protect .brand_wrap.brand_wrap_1 .box_bottom form {
  display: block;
  width: 100%;
  height: 44px;
  position: relative;
}

.brand_protect .brand_wrap.brand_wrap_1 .box_bottom form input[type="text"] {
  display: block;
  width: 100%;
  padding-right: 100px;
  padding-left: 10px;
  border: 1px solid #001048;
  border-radius: 2px;
  height: 44px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  font-size: 14px;
}

.brand_protect .brand_wrap.brand_wrap_1 .box_bottom form input[type="button"] {
  display: block;
  width: 90px;
  height: 100%;
  background: #001048;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  outline: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  right: 0;
  top: 0;
}

/****** 荣誉与伙伴 ***/
.honner_partner .honner_list {
  overflow: hidden;
  position: relative;
}

.honner_partner .honner_list ul {
  display: block;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  height: 400px;
  bottom: -17px;
  margin-top: -17px;
  font-size: 0;
  padding: 20px 0 20px 20px;
}

.honner_partner .honner_list ul li {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  width: 220px;
  cursor: default;
  opacity: 0;
}

.honner_partner .honner_list ul li:nth-of-type(1).animate {
  opacity: 1;
  animation: fademove1 2s ease 1 normal;
}

.honner_partner .honner_list ul li:nth-of-type(2).animate {
  opacity: 1;
  animation: fademove2 2s ease 1 normal;
}

.honner_partner .honner_list ul li:nth-of-type(3).animate {
  opacity: 1;
  animation: fademove3 2s ease 1 normal;
}

.honner_partner .honner_list ul li:nth-of-type(4).animate {
  opacity: 1;
  animation: fademove4 2s ease 1 normal;
}

.honner_partner .honner_list ul li:nth-of-type(5).animate {
  opacity: 1;
  animation: fademove5 2s ease 1 normal;
}

.honner_partner .honner_list ul li:nth-of-type(6).animate {
  opacity: 1;
  animation: fademove6 2s ease 1 normal;
}

.honner_partner .honner_list ul li:nth-of-type(7).animate {
  opacity: 1;
  animation: fademove7 2s ease 1 normal;
}

.honner_partner .honner_list ul li:nth-of-type(8).animate {
  opacity: 1;
  animation: fademove8 2s ease 1 normal;
}

@keyframes fademove1 {
  from {
    transform: translate(0, 10%);
    -webkit-transform: translate(0, 10%);
    -moz-transform: translate(0, 10%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fademove2 {
  from {
    transform: translate(0, 20%);
    -webkit-transform: translate(0, 20%);
    -moz-transform: translate(0, 20%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fademove3 {
  from {
    transform: translate(0, 30%);
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fademove4 {
  from {
    transform: translate(0, 40%);
    -webkit-transform: translate(0, 40%);
    -moz-transform: translate(0, 40%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fademove5 {
  from {
    transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fademove6 {
  from {
    transform: translate(0, 60%);
    -webkit-transform: translate(0, 60%);
    -moz-transform: translate(0, 60%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fademove7 {
  from {
    transform: translate(0, 70%);
    -webkit-transform: translate(0, 70%);
    -moz-transform: translate(0, 70%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fademove8 {
  from {
    transform: translate(0, 80%);
    -webkit-transform: translate(0, 80%);
    -moz-transform: translate(0, 80%);
    opacity: 0.5;
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

.honner_partner .honner_list ul li a.img_wrap {
  display: inline-block;
  width: 182px;
  height: 150px;
  line-height: 150px;
  overflow: hidden;
}

.honner_partner .honner_list ul li a.img_wrap img {
  display: inline-block;
}

.honner_partner .honner_list ul li p {
  font-size: 16px;
  color: #666;
  line-height: 22px;
  height: 54px;
}

.honner_partner .honner_list ul li span {
  display: inline-block;
  width: 224px;
  height: 44px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: relative;
}

.honner_partner .honner_list ul li span i {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 3px solid #fff;
  position: absolute;
  left: -7px;
  bottom: -7px;
  background: #dddddd;
}

.honner_partner .honner_list ul li span b {
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: -40px;
}

.honner_partner .honner_list ul li:nth-child(1) {
  width: 210px;
}

.honner_partner .honner_list ul li:nth-child(1) img {
  display: block;
  width: 148px;
}

.honner_partner .honner_list ul li:nth-child(1) span {
  width: 210px;
}

.honner_partner .honner_list ul li:nth-child(2) {
  width: 230px;
}

.honner_partner .honner_list ul li:nth-child(2) span {
  width: 230px;
}

.honner_partner .honner_list ul li:nth-child(3) {
  width: 190px;
}

.honner_partner .honner_list ul li:nth-child(3) span {
  width: 190px;
}

.honner_partner .honner_list ul li:nth-child(4) {
  width: 200px;
}

.honner_partner .honner_list ul li:nth-child(4) span {
  width: 200px;
}

.honner_partner .honner_list ul li:nth-child(5) {
  width: 195px;
}

.honner_partner .honner_list ul li:nth-child(5) span {
  width: 195px;
}

.honner_partner .honner_list ul li:nth-child(6) {
  width: 180px;
}

.honner_partner .honner_list ul li:nth-child(6) span {
  width: 180px;
}

/****资讯与知识****/
.tcy_information {
  margin-top: 80px;
}

.tcy_information .information_wrap {
  margin-top: 20px;
  margin-bottom: 80px;
}

.tcy_information .information_wrap .left {
  width: 50%;
  float: left;
  padding-right: 45px;
  border-right: 1px solid #ebebeb;
}

.tcy_information .information_wrap .left img {
  display: block;
  float: left;
  width: 228px;
}

.tcy_information .information_wrap .left > div {
  padding-left: 20px;
  margin-left: 228px;
}

.tcy_information .information_wrap .left h4 {
  font-size: 18px;
  color: #000;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 5px;
}

.tcy_information .information_wrap .left p {
  font-size: 14px;
  color: #000;
  line-height: 25px;
  margin-bottom: 10px;
  -webkit-line-clamp: 2;
}

.tcy_information .information_wrap .left p span {
  display: inline-block;
  color: #999;
  font-size: 14px;
}

.tcy_information .information_wrap .left a {
  color: #6da7f5;
  font-size: 14px;
  text-decoration: none;
}

.tcy_information .information_wrap .right {
  width: 50%;
  float: left;
  padding-left: 52px;
}

.tcy_information .information_wrap .right p {
  margin-bottom: 18px;
}

.tcy_information .information_wrap .right p span {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #999;
}

.tcy_information .information_wrap .right p a {
  font-size: 16px;
  color: #000;
  display: inline-block;
  text-decoration: none;
  max-width: calc(100% - 80px);
}

.tcy_information .information_wrap .right p a:hover {
  color: #6da7f5;
}

/*  评估/预约服务模块  */
.tcyassess_order_service {
  background: #f4f6f9;
  padding: 20px 0;
}

.tcyassess_order_service a {
  display: block;
  background: #fff;
  padding: 30px 25px;
  position: relative;
}

.tcyassess_order_service a:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.tcyassess_order_service a .tos_info {
  margin-right: 65px;
}

.tcyassess_order_service a .tos_info h3 {
  color: #333;
  font-size: 20px;
  line-height: 1.4;
}

.tcyassess_order_service a .tos_info p {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  margin-top: 8px;
}

.tcyassess_order_service a img {
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
}

.t_n_header .login {
  margin-right: 10px;
}

.t_n_header .login .sign_in {
  border: none;
}

.t_n_header .login .sign_up {
  border: 2px solid #333333;
  border-radius: 3px;
}

.t_n_header .login .sign_up:hover {
  border-color: #000000;
}

/*  底部样式改版  */
.web_footer_pc {
  background: #f5f5f5;
}

.web_footer_pc .footer_con_top {
  padding: 40px 0 22px;
  background: #f5f5f5;
  border-bottom: none;
  position: relative;
}

.web_footer_pc .brand {
  width: auto;
}

.web_footer_pc .brand a {
  margin-top: 0;
}

.web_footer_pc .brand a img {
  display: block;
  width: 123px;
}

.web_footer_pc .footer_con_top .qr_code {
  position: absolute;
  right: 0;
  width: 87px;
  text-align: center;
  top: 40px;
}

.web_footer_pc .footer_con_top .qr_code img {
  display: block;
  width: 100%;
}

.web_footer_pc .footer_con_top .qr_code span {
  font-size: 14px;
  color: #999;
  padding-top: 5px;
  display: block;
}

.web_footer_pc .contact {
  width: auto;
  margin-left: 50px;
}

.web_footer_pc .contact p {
  margin-bottom: 0;
}

.web_footer_pc .contact em {
  display: inline-block;
  padding-top: 0;
  line-height: 28px;
  font-size: 16px;
}

.web_footer_pc .contact p span {
  line-height: 28px;
  display: inline-block;
  position: relative;
  top: 2px;
  font-size: 24px;
  padding-left: 5px;
}

.web_footer_pc .footer_con_top .fr_nav {
  margin-top: 30px;
  margin-right: 100px;
}

.web_footer_pc .footer_con_top .fr_nav a {
  float: left;
  color: #666;
  font-size: 16px;
  margin-right: 30px;
  margin-bottom: 7px;
}

.web_footer_pc .footer_con_top .copyright_cont {
  color: #999;
  font-size: 14px;
  margin-top: 40px;
  border-top: 1px solid #e8e8e8;
  padding-top: 22px;
}

.web_footer_pc .footer_con_top .sina_btn {
  position: absolute;
  right: 0;
  bottom: 11px;
}

.web_footer_pc .friend_link {
  border-top: 1px solid #e8e8e8;
  margin-top: 20px;
}

.web_footer_pc .friend_link .fl_padding {
  padding-left: 0;
  padding-right: 0;
}

/* 服务产品导航下来菜单样式 */
.t_n_header li.classic .service_product_popup {
  left: -2px;
}

.t_n_header li.classic .details .details_list a:hover {
  text-decoration: none;
  background-color: #fff;
  font-weight: bolder;
  color: #7cacee;
}

.t_n_header li.classic .details .details_list a.top_tit:hover {
  color: #333;
  background: none;
}

.t_n_header li.classic .details .details_list a.lk_more_page:hover {
  font-weight: normal;
}

/*  项目案例导航下拉菜单样式  */
.t_n_header li.classic .project_case_popup {
  width: 1170px;
  left: -125px;
}

.t_n_header li.classic .project_case_popup .details_list_one {
  width: 18.7%;
}

.t_n_header li.classic .project_case_popup .details_list_two {
  width: 56.2%;
}

.t_n_header li.classic .project_case_popup .details_list_three {
  width: 24.7%;
}

.t_n_header li.classic .project_case_popup .details_list_one .sun_lists_two a {
  color: #7cacee;
}

.t_n_header li.classic .project_case_popup .details_list .top_tit_box a {
  display: inline-block;
}

.t_n_header
  li.classic
  .project_case_popup
  .details_list
  .top_tit_box
  a.top_tit {
  padding-right: 0;
  margin-right: 0;
}

.t_n_header
  li.classic
  .project_case_popup
  .details_list
  .top_tit_box
  a.lk_more_page {
  font-size: 14px;
  color: #666;
  background: url("../../images/bootstrap/new_website_1/route_arrow.png")
    no-repeat right center;
}

.t_n_header li.classic .details .details_list .sun_lists_two {
  border-left: 1px solid #f1f1f1;
  margin-bottom: 20px;
}

.t_n_header li.classic .details .details_list:first-child .sun_lists_two {
  border-left: none;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list {
  float: left;
  width: 33.33%;
  border-right: 1px solid #f3f3f5;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list p {
  font-size: 16px;
  color: #333;
  padding: 0 10px 0.1em;
  margin: 0 10px 0.5em;
}

.t_n_header
  li.classic
  .details
  .details_list
  .sun_lists_two
  .l_three_list
  .iy_box {
  padding: 0 10px;
  margin: 0 10px;
}

.t_n_header
  li.classic
  .details
  .details_list
  .sun_lists_two
  .l_three_list
  .iy_box
  a {
  display: inline-block;
  padding: 0.3em 0;
  margin: 0.3em 0;
}

.t_n_header
  li.classic
  .details
  .details_list
  .sun_lists_two
  .l_three_list
  .iy_box
  span {
  font-size: 14px;
  padding: 0 5px;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_three_list a {
  color: #666;
}

.t_n_header
  li.classic
  .details
  .details_list
  .sun_lists_two
  .l_three_list
  a:hover {
  color: #7cacee;
  font-weight: bolder;
}

.t_n_header
  li.classic
  .details
  .details_list
  .sun_lists_two
  .l_three_list
  a
  span {
  position: static;
  display: inline-block;
  background: none;
  padding: 0 3px;
  width: auto;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list {
  width: 230px;
  padding-left: 10px;
}

.t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list a {
  display: block;
  width: 33.33%;
  text-align: left;
  float: left;
  padding: 0.357em 10px;
  margin: 0.3em 0;
}

.tcy_information {
  margin-top: 20px;
}

.pro_design_wrap .case_wrap .ld_case_lists {
  width: 85%;
}

.pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left {
  float: none;
}

.pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left .tab_case {
  text-align: center;
}

.pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left ul li {
  margin: 0 15px 5px;
  font-size: 18px;
}

.pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left ul li.on {
  color: #136cfb;
}

.pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left ul li:hover {
  color: #136cfb;
}

.pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left ul li a {
  font-size: 18px;
  color: #666;
}

.pro_design_wrap
  .case_wrap
  .ld_case_lists
  .case_list_title
  .left
  ul
  li
  a:hover {
  color: #136cfb;
}

.pro_design_wrap .ldmore {
  text-align: center;
}

.pro_design_wrap .ldmore a {
  display: inline-block;
  width: 174px;
  height: 50px;
  border: 3px solid #333;
  color: #333;
  font-size: 16px;
  text-align: center;
  margin: 20px auto;
  border-radius: 3px;
  letter-spacing: 2.5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  line-height: 44px;
}

.pro_design_wrap .ldmore a.ldshow {
  display: none;
  width: auto;
  padding: 0 15px;
}

.pro_design_wrap .ldcase_list_con {
}

.super_company .company .ld_newcy_img {
  display: block;
  max-width: 810px;
  margin: 0 auto;
  width: 100%;
}

.pro_design_wrap .case_list_con .list_case_wrap .ldhover_box {
  top: auto;
  bottom: 0;
  background: none;
  z-index: 2;
  background: #fff;
}

.pro_design_wrap .list_case_wrap .ldhover_box .h_bottom {
  position: static;
}

.pro_design_wrap .case_list_con .list_case_wrap .ldhover_box_bg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #000;
  opacity: 0.6;
}

.pro_design_wrap .list_case_wrap .ldhover_box .h_bottom {
  padding-left: 0;
}

.pro_design_wrap .case_list_con .list_case_wrap:hover .ldhover_box_bg {
  display: block;
}

.tcy_banner_wrap .b_left .b_l div.d_4 b.red_ck {
  background: url("../../images/bootstrap/new_website_1/red_check_mark.png")
    no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  top: -3px;
}

.tcy_banner_wrap .b_left .b_l div.d_4 .cn_stand_alone {
  font-size: 1.1em;
}

.float_bars_pc .tc_zxqrcode {
  display: none;
  background: #fff;
  padding: 20px 29px 13px 29px;
  position: absolute;
  left: -188px;
  top: 60px;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.float_bars_pc .tc_zxqrcode img {
  display: block;
  width: 120px;
}

.float_bars_pc .tc_zxqrcode p {
  text-align: center;
  font-size: 14px;
  color: #999;
  margin-top: 5px;
}

.float_bars_pc .tc_zxqrcode .arrow {
  position: absolute;
  right: -5px;
  top: 25px;
  background: #fff;
  height: 12px;
  width: 12px;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

/*  通用底部悬浮改版样式  */
.footer-booking_news {
  background-color: #136cfb;
  bottom: -474px;
}

.footer-booking_news .footer-booking-con .footer_main {
  padding: 16px 0;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: inherit;
  position: relative;
}

.footer-booking_news .footer_main .img_wrap {
  left: 140px;
}

.footer-booking_news .footer_main .left {
  margin-left: 310px;
}

.footer-booking_news .footer-booking-con .footer_main .left .fb_promise {
  display: block;
  margin-top: 8px;
}

.footer-booking_news .footer-booking-con .footer_main .right {
  position: relative;
  overflow: inherit;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box {
  width: 30px;
  height: 42px;
  position: relative;
  margin-right: 134px;
  top: 10px;
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box
  .point_top {
  width: 30px;
  height: 34px;
  position: absolute;
  bottom: 4px;
  left: 0;
  background: url("../../images/bootstrap/new_website_1/suspension/suspension_02.png")
    no-repeat center;
  z-index: 10;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box .dot {
  width: 38px;
  height: 38px;
  position: absolute;
  top: -14px;
  right: 0;
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box
  .dot
  .dot_bg {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box
  .dot
  .dot_animate {
  position: absolute;
  top: 1px;
  left: 0;
  width: 38px;
  height: 38px;
  display: block;
  animation: myfirst 1s;
  -moz-animation: myfirst 1s;
  -webkit-animation: myfirst 1s;
  -o-animation: myfirst 1s;
  animation-iteration-count: infinite;
}

/* ===========================================特创意新增导航样式============================== */
.t_n_header li.classic .details .details_list a.red_color{
    color: #999;
}
.t_n_header li.classic .designer {
	width: 205px;
}



@keyframes myfirst {
  0% {
    width: 0;
    height: 0;
    top: 19px;
    left: 19px;
  }

  25% {
    width: 9.5px;
    height: 9.5px;
    top: 13.5px;
    left: 13.5px;
  }

  50% {
    width: 19px;
    height: 19px;
    top: 9px;
    left: 9px;
  }

  50% {
    width: 28.8px;
    height: 28.5px;
    top: 4.5px;
    left: 4.5px;
  }

  100% {
    width: 38px;
    height: 38px;
    top: 0;
    left: 0;
  }
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box
  .dot
  .dot_animate
  img {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-booking_news .footer-booking-con .footer_main .right .finger_box_close {
  top: -3px;
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box_close
  .point_top {
  bottom: auto;
  top: 0;
  background: url("../../images/bootstrap/new_website_1/suspension/suspension_03.png")
    no-repeat center;
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box_close
  .dot {
  bottom: -9px;
  right: -9px;
  top: auto;
  left: auto;
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box_close
  .dot
  .dot_animate {
  top: 3px;
}

.footer-booking_news
  .footer-booking-con
  .footer_main
  .right
  .finger_box
  .dot
  .dot_bg {
  margin-left: 10px;
}

.footer-booking_news .zb_top_box {
  height: 79px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  cursor: pointer;
}

.footer-booking_news .bottom_booking {
  margin-bottom: 30px;
  position: relative;
}

.footer-booking_news .bottom_booking .fb_container {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.footer-booking_news .bottom_booking .swiper_box {
  padding: 50px 0;
  width: 100%;
  max-width: 388px;
  margin: 0 auto;
}
.footer-booking_news .bottom_booking .swiper_box .img_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-booking_news .bottom_booking .right_swiper_box {
  width: 100%;
  max-width: 330px;
  padding-bottom: 0;
}

.footer-booking_news .bottom_booking .submit_swiper_box {
  padding-bottom: 50px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit h4 {
  font-size: 24px;
  color: #333;
  line-height: 1.4;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit h4 span {
  font-weight: bolder;
  color: #7cacee;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit .line {
  width: 36px;
  border-top: 5px solid #136cfb;
  margin: 10px 0 30px;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .choose_swiper
  .swiper-pagination {
  position: static;
  margin-top: 25px;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .choose_swiper
  .swiper-pagination
  .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 3px;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .choose_swiper
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background: #7cacee;
}

.footer-booking_news .bottom_booking .swiper_box .vslider ul li {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.footer-booking_news .bottom_booking .swiper_box .vslider ul li span {
  padding-left: 5px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess {
  margin-top: 20px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .boa_input {
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 15px;
  max-width: 330px;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .bmbg_order_assess
  .boa_input
  input {
  display: block;
  width: 100%;
  line-height: 38px;
  color: #333;
  font-size: 14px;
  padding-left: 15px;
  border: none;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .bmbg_order_assess
  .boa_input
  input::placeholder {
  color: #999;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .bmbg_order_assess
  .boa_select {
  max-width: 330px;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 15px;
  padding-right: 15px;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .bmbg_order_assess
  .boa_select
  select {
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  border: none;
  width: 100%;
  padding: 0 15px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  background: url("../../images/bootstrap/new_website_1/booking_select_icon.png")
    no-repeat right center transparent;
  outline: none !important;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .bmbg_order_assess
  .boa_select
  select:focus {
  border: none;
}

.footer-booking_news
  .bottom_booking
  .swiper_box
  .bmbg_order_assess
  .order_atonce_btn {
  display: block;
  width: 100%;
  line-height: 40px;
  color: #fff;
  background: #136cfb;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_order_assess .tips {
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}

.footer-booking_news .bottom_booking .swiper_box .process_img {
  padding-top: 26px;
}

.footer-booking_news .bottom_booking .swiper_pd_box {
  max-width: 417px;
}

.footer-booking_news .bottom_booking .swiper_box .process_img img {
  display: block;
  width: 100%;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit_center {
  text-align: center;
}

.footer-booking_news .bottom_booking .swiper_box .bmbg_tit_center p {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}

.footer-booking_news .bottom_booking .swiper_box .follow_qrcode {
  width: 100%;
  margin: 20px auto 0;
}

.footer-booking_news .bottom_booking .swiper_box .follow_qrcode img {
  display: block;
  width: 100%;
  max-width: 138px;
  margin: 0 auto 20px;
}

.footer-booking_news .bottom_booking .swiper_box .follow_qrcode p {
  font-size: 14px;
  text-align: center;
  color: #999;
  margin-top: 10px;
}

.footer-booking_news .bottom_booking .swiper_box .more_case {
  display: block;
  width: 100%;
  border: 1px solid #136cfb;
  line-height: 38px;
  text-align: center;
  color: #136cfb;
  background: #fff;
  margin-top: 40px;
}

.footer-booking_news .bottom_booking .left_pos_qrcode {
  position: absolute;
  width: 85px;
  height: 85px;
  top: 0;
  right: -90px;
}

.footer-booking_news .bottom_booking .left_pos_qrcode img {
  display: block;
  width: 100%;
  background: #fff;
  padding: 10px;
}

.footer-booking_news .bottom_booking .left_pos_qrcode p {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 6px;
}

.footer-booking .close_btn {
  opacity: 0;
}

.footer-booking .sq_close_btn {
  cursor: pointer;
  position: absolute;
  right: 45px;
  top: 28px;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}

.footer-booking_news .bottom_booking .fb_container_02 {
  display: none;
}

.latest_recommend_tab {
  position: absolute;
  right: 0;
  top: 12px;
}

.latest_recommend_tab ul {
  font-size: 0;
  text-align: center;
}

.latest_recommend_tab ul li {
  display: inline-block;
  font-size: 16px;
  color: #333;
  margin-left: 40px;
  cursor: pointer;
}

.latest_recommend_tab ul li.on,
.latest_recommend_tab ul li:hover {
  color: #7cacee;
}

.index_cases_list {
  position: relative;
  padding-bottom: 52px;
}

.index_cases_list .swiper-wrapper {
  padding: 5px 0;
}

.index_cases_list .swiper-slide {
  box-shadow: 0 0 4px 2px rgba(22, 30, 40, 0.1);
  border-radius: 2px;
}

.index_cases_list .swiper-slide .index_cases_card {
  background: #fff;
  padding: 20px;
}

.index_cases_list .swiper-slide .index_cases_card a.img_link {
  display: block;
}

.index_cases_list .swiper-slide .index_cases_card .img_link img.link_images {
  display: block;
  width: 100%;
}

.index_cases_list .swiper-slide .index_cases_card .cont_wraps {
  position: relative;
  padding-top: 20px;
}

.index_cases_list .swiper-slide .index_cases_card .cont_wraps h4 a {
  text-decoration: none;
  color: #333;
}

.index_cases_list .swiper-slide .index_cases_card .cont_wraps p {
  margin-top: 5px;
}

.index_cases_list .swiper-slide .index_cases_card .cont_wraps p strong {
  font-size: 14px;
  color: #666;
  line-height: 25px;
  font-weight: normal;
  display: block;
}

.index_cases_list .swiper-slide .index_cases_card .cont_wraps p span {
  display: block;
  font-size: 14px;
  color: #666;
  padding-top: 4px;
}

.index_cases_list .swiper-button-prev {
  border-radius: 50%;
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 10.4%;
  top: 50%;
  margin-top: -32px;
  background: url(data:image/png;base64,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)
    center no-repeat;
  cursor: pointer;
  transition: transform ease-out 0.2s;
  -webkit-transition: transform ease-out 0.2s;
  z-index: 6;
}

.index_cases_list .swiper-button-next {
  border-radius: 50%;
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  right: 10.4%;
  top: 50%;
  margin-top: -32px;
  background: url(data:image/png;base64,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)
    center no-repeat;
  cursor: pointer;
  transition: transform ease-out 0.2s;
  -webkit-transition: transform ease-out 0.2s;
  z-index: 6;
}

.honner_partner .honner_list ul {
  padding: 20px 0 0 3px;
}

.honner_partner .honner_list ul li {
  width: 182px;
}

.honner_partner .honner_list ul li a {
  cursor: default;
}

.honner_partner .honner_list ul li span {
  width: 182px;
}

/* 电话查询弹窗新增样式*/
.t_float_cons {
  width: 840px;
  margin-left: -420px;
  padding: 0;
  background: #7cacee;
}

.t_float_cons .phone_center_box .pcb-left {
  float: left;
  width: 380px;
  color: #fff;
  text-align: left;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding {
  padding: 40px 0 0 30px;
  position: relative;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding h3 {
  font-size: 22px;
  line-height: 1.4;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding .line {
  width: 36px;
  height: 5px;
  background: #fff;
  margin-top: 15px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul {
  margin-top: 30px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul li {
  font-size: 14px;
  margin-bottom: 10px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul li p b {
  padding-right: 10px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding ul li p span {
  padding-left: 10px;
}

.t_float_cons .phone_center_box .pcb-left .pl_padding .estimate_icon {
  width: 39px;
  height: 39px;
  background: url(../../images/bootstrap/new_website_1/estimate_icon_bg01.png)
    no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  right: 60px;
  top: 60px;
}

.t_float_cons .phone_center_box .pcb-right {
  float: left;
  width: 460px;
  padding: 50px 40px 40px;
  background: #fff;
}

.t_float_cons .close {
  width: 16px;
  height: 16px;
}

.t_float_cons .close img {
  display: block;
  width: 100%;
}

.tlp_float_cons {
  width: 460px;
  margin-left: -250px;
  padding: 35px 40px 40px;
  background: #fff;
}

.tlp_float_cons .phone-in input {
  border: 3px solid #7fadeb;
}

.float_bars_pc {
  bottom: 100px;
}
body .float_bars_pcadjust a {
  width: 80px !important;
  height: 80px !important;
}
body .landing-float a {
    width: 100px !important;
    height: 100px !important;
  }

/*  品牌设计费用评估新增样式  */
.release_demand_edit {
  width: 840px;
  margin-left: -420px;
  padding: 0;
  background: #7cacee;
  border-radius: 3px;
  overflow: hidden;
}

.release_demand_edit .rde_box_center .rbc_left {
  float: left;
  width: 380px;
  color: #fff;
  text-align: left;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding {
  padding: 40px 0 0 30px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding h3 {
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
  text-align: left;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .line {
  width: 36px;
  height: 5px;
  background: #fff;
  margin-top: 15px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul {
  margin-top: 30px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul li {
  font-size: 14px;
  margin-bottom: 10px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul li p b {
  padding-right: 10px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding ul li p span {
  padding-left: 10px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .estimate_icon {
  width: 39px;
  height: 39px;
  background: url(../../images/bootstrap/new_website_1/estimate_icon_bg01.png)
    no-repeat center;
  background-size: 39px auto;
  position: absolute;
  left: 280px;
  top: 60px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .estimate_icon02 {
  width: 33px;
  height: 33px;
  background: url(../../images/bootstrap/new_website_1/estimate_icon_bg02.png)
    no-repeat center;
  background-size: 33px auto;
  position: absolute;
  left: 275px;
  bottom: 60px;
}

.release_demand_edit .rde_box_center .rbc_left .pl_padding .estimate_icon03 {
  width: 170px;
  height: 170px;
  background: url(../../images/bootstrap/new_website_1/estimate_icon_bg03.png)
    no-repeat center;
  background-size: 170px auto;
  position: absolute;
  left: 0;
  bottom: 0;
}

.release_demand_edit .rde_box_center .rbc_right {
  float: left;
  width: 460px;
  padding: 28px 40px 30px;
  background: #fff;
}

.release_demand_edit .rde_box_center .rbc_right h3 {
  text-align: left;
  font-size: 22px;
  margin-top: 0;
}

.release_demand_edit .rde_box_center .rbc_right .form-group {
  height: 55px;
}

.release_demand_edit .rde_box_center .rbc_right .form-group input,
.release_demand_edit .rde_box_center .rbc_right .form-group select {
  margin-bottom: 15px;
}

.release_demand_edit .rde_box_center .rbc_right .form-group .star {
  bottom: 20px;
}

.release_demand_edit .rde_box_center .rbc_right .message {
  padding: 0 0 15px 0;
}

.release_demand_edit .rde_box_center .rbc_right .message textarea {
  height: 100px;
}

.release_demand_edit .rde_box_center .rbc_right .btnwrap input.btn_blue {
  height: 50px;
  line-height: 50px;
}

.release_demand_edit .rde_box_center .rbc_right .tips {
  padding: 14px 0 0 0;
  text-align: left;
}

.release_demand_edit .close {
  width: 16px;
  height: 16px;
}

.release_demand_edit .close img {
  display: block;
  width: 100%;
}

.release_demand_edit .select_wrap {
  position: relative;
}

.release_demand_edit .select_wrap .select_arrow {
  width: 13px;
  height: 8px;
  position: absolute;
  background: url(../../images/bootstrap/new_website_1/single_pro/tab_blue_arrow04.png)
    no-repeat right center transparent;
  background-size: 13px 8px;
  right: 10px;
  top: 18px;
}

.release_demand_edit .select_wrap select {
  background: #fff;
}

.tcy_banner_wrap .b_left .b_l {
  /* margin-top: -10em; */
}

.tcy_banner_wrap .b_left .b_l div.d_4 b,
.tcy_banner_wrap .b_left .b_l div.d_5 b {
  background: url("../../images/bootstrap/new_website_1/index_pc_duigou02.png")
    no-repeat left center;
  background-size: 22px auto;
}

.tcyassess_order_service .col-md-3,
.tcyassess_order_service .col-sm-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.tcyassess_order_service a {
  padding: 36px 20px 36px 25px;
}

.tcyassess_order_service a .tos_info {
  margin-right: 50px;
}

.tcyassess_order_service a img {
  width: 50px;
  height: 50px;
  right: 20px;
  margin-top: -25px;
}

.tcyassess_order_service a .tos_info h3 {
  font-size: 18px;
}

.tcyassess_order_service a .tos_info p {
  font-size: 12px;
  margin-top: 6px;
}

.float_bars_pc a.aside3 {
  background: url(../../../statics/images/bootstrap/new_website_1/aside_icon_order3.gif)
  no-repeat center  #7fadeb;
}

.float_bars_pc a.aside3:hover {
  background: url(../../../statics/images/bootstrap/new_website_1/aside_icon_order3.jpg)
  no-repeat center  #fff;
}

.footer-booking_news .bottom_booking .fb_container {
  max-width: 1170px;
}

.footer-booking_news .bottom_booking .left_pos_qrcode {
  display: none;
}

.t_float_cons .phone_center_box .pcb-right {
  padding: 105px 55px;
  border-radius: 0 3px 3px 0;
}

.t_float_cons .phone_center_box .pcb-right .float-list {
  padding-left: 90px;
  background: url("../../../statics/images/bootstrap/new_website_1/t_tanceng_phone02.png")
    no-repeat left center;
  background-size: 80px auto;
}

.t_float_cons .phone_center_box .pcb-right .float-list .t2 {
  color: #7cacee;
  text-align: left;
}

.t_n_header li a.qywx_activity_btn {
  position: absolute !important;
  width: 46px;
  right: -10px;
  left: auto !important;
  top: 3px;
  padding: 0 !important;
  margin: 0;
}

.t_n_header li a.qywx_activity_btn img {
  display: block;
  width: 100%;
}

.t_n_header {
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", Arial,
    "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
}

.honner_partner .honner_list .left_roll {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #fff;
  opacity: 0.001;
  left: 0;
  top: 0;
  z-index: 10;
}

.honner_partner .honner_list .right_roll {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #fff;
  opacity: 0.001;
  right: 0;
  top: 0;
  z-index: 10;
}

/* 导航下拉菜单 */
@media screen and (max-width: 1350px) {
  .t_n_header li.classic .service_product_popup {
    left: -85px;
  }

  .t_n_header li.classic .project_case_popup {
    left: -208px;
  }
}

@media screen and (max-width: 1260px) {
  .t_n_header li.classic .service_product_popup {
    left: -132px;
  }

  .t_n_header li.classic .project_case_popup {
    left: -255px;
  }
}

@media screen and (max-width: 1220px) {
  .t_n_header li.classic .service_product_popup {
    left: -151px;
  }

  .t_n_header li.classic .project_case_popup {
    left: -275px;
  }

  .t_n_header
    li.classic
    .details
    .details_list
    .sun_lists_two
    .l_three_list
    .iy_box
    span {
    padding: 0 2px;
  }

  .t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list {
    width: 196px;
  }
}

@media screen and (max-width: 1200px) {
  .t_n_header li.classic .service_product_popup {
    width: 970px;
    left: -74px;
  }

  .t_n_header li.classic .project_case_popup {
    left: -198px;
    width: 970px;
  }

  .t_n_header li.classic .details .details_list .sun_lists_two .l_citys_list {
    width: auto;
  }
}

@media screen and (max-width: 1075px) {
  .t_n_header li.classic .service_product_popup {
    left: -123px;
  }

  .t_n_header li.classic .project_case_popup {
    left: -246px;
  }
}

@media screen and (max-width: 1020px) {
  .t_n_header li.classic .service_product_popup {
    width: 770px;
  }

  .t_n_header li.classic .project_case_popup {
    width: 770px;
  }

  .t_n_header li.classic .project_case_popup .details_list a {
    margin: 0.5em 0;
  }

  .t_n_header li.classic .details .details_list .sun_lists .l_three_list p {
    margin-left: 0;
  }

  .t_n_header li.classic .details .details_list .sun_lists .l_citys_list {
    width: auto;
  }

  .t_n_header li.classic .details .details_list .sun_lists .l_citys_list a {
    padding: 0.357em 0;
  }
}

/*大屏*/
@media screen and (min-width: 1200px) {
  /***********新版网站首页*************/
  .tcy_happening .content {
    border-bottom: 1px solid #e9f0f5;
    padding-bottom: 80px;
  }

  .tcy_new_index .sort .sort_con:nth-child(1) img {
    width: auto;
    margin-top: 33px;
  }

  .tcy_new_index .sort .sort_con:nth-child(2) a,
  .tcy_new_index .sort .sort_con:nth-child(3) a,
  .tcy_new_index .sort .sort_con:nth-child(4) a,
  .tcy_new_index .sort .sort_con:nth-child(5) a {
    padding-left: 55px;
  }
}

/*中屏*/
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .t_case_card {
    width: 250px;
    height: 225px;
  }

  .t_case_card h4 {
    font-size: 18px;
    padding: 20px 0 10px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
  .footer-booking_news .footer_main .img_wrap {
    left: -15px;
  }

  .footer-booking_news .footer_main .left {
    margin-left: 162px;
  }

  .footer-booking_news .footer-booking-con .footer_main .right {
    margin-right: 15px;
  }

  .footer-booking_news .footer-booking-con .footer_main .right .finger_box {
    margin-right: 50px;
  }

  .footer-booking_news .bottom_booking .left_pos_qrcode {
    display: none;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tcy_banner_wrap .b_left .b_l {
    margin-top: -15.291em;
  }

  .t_case_card {
    width: 220px;
    height: 205px;
  }

  .t_case_card h4 {
    font-size: 18px;
    padding: 20px 0 10px;
  }

  .pro_design_wrap .case_list_title .left ul li {
    margin-right: 25px;
  }

  .pro_design_wrap .case_title .design_consult a {
    margin-bottom: 15px;
  }

  .brand_protect .brand_wrap .box_bottom {
    padding: 19px 15px 0;
  }

  .brand_protect .brand_wrap .box_bottom p {
    line-height: 22px;
    margin-bottom: 5px;
  }

  .brand_protect .brand_wrap .box_bottom p i {
    width: auto;
    margin-right: 10px;
  }

  .design_start .container .row .d_con.phone .d_c_2 p {
    padding-top: 0;
  }

  .design_start .container .row .phone .form-group input[type="submit"] {
    font-size: 15px;
    letter-spacing: 0;
  }

  .pro_design_wrap .case_list_con .col-lg-3:nth-of-type(4n + 1) {
    clear: none;
  }

  .pro_design_wrap .case_list_con .col-md-4:nth-of-type(3n + 1) {
    clear: both;
  }

  .tcyassess_order_service a {
    padding: 30px 20px;
  }

  .tcyassess_order_service a .tos_info h3 {
    font-size: 16px;
  }

  .tcyassess_order_service a img {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
}

/*平板*/
@media screen and (min-width: 767px) and (max-width: 991px) {
  .tcy_banner_wrap .b_left .b_l {
    margin-top: -15.291em;
  }

  .tcy_new_index .case .case_list .examples .card_list {
    white-space: normal;
  }

  .t_case_card:first-child {
    margin-left: 0;
  }

  .t_case_card {
    margin-bottom: 20px;
  }

  .tcy_new_index .case {
    padding-bottom: 47px;
  }

  .t_n_header .nav > ul > li > a {
    padding: 0 15px 0 15px;
  }

  .t_n_header li.classic .details {
    left: -100px;
    width: 600px;
  }

  .t_n_header li.classic .details .details_list {
    width: 25%;
    background: #fff;
  }

  .t_n_header li.classic .designer {
    background: #fff;
    /* width: 150px; */
    width: 205px;
    left: -20px;
    top: 43px;
  }

  .t_n_header li.classic .designer .details_list {
    width: auto;
  }

  .pro_design_wrap .case_title .design_consult a {
    margin-bottom: 12px;
  }

  .pro_design_wrap .case_list_title .left ul li {
    margin-right: 15px;
  }

  .pro_design_wrap .case_list_title .right .hot_select {
    margin-left: 6px;
  }

  .pro_design_wrap .case_list_con {
    margin-left: -15px;
    margin-right: -15px;
  }

  .brand_protect .row.con {
    margin-left: -15px;
    margin-right: -15px;
  }

  .brand_protect .col-lg-3.col-md-3.col-sm-6 {
    margin-bottom: 20px;
  }

  .design_start .container .row .d_con.phone .d_c_2 p {
    padding-top: 0;
  }

  .design_start .container {
    padding: 80px 15px;
  }

  .design_start .container .row .d_con {
    padding: 0 15px;
  }

  .design_start .container .row .advice .d_c_1 {
    letter-spacing: 1px;
  }

  .design_start .container .row .d_con .d_c_2 {
    font-size: 19px;
  }

  .design_start .container .row .phone .form-group input[type="text"] {
    font-size: 14px;
  }

  .design_start .container .row .phone .form-group input[type="submit"] {
    font-size: 14px;
    letter-spacing: 0;
  }

  .footer-booking .letter {
    font-size: 18px;
  }

  .tcy_information .information_wrap .left {
    padding-right: 20px;
  }

  .tcy_information .information_wrap .right {
    padding-left: 20px;
  }

  .footer-booking .left {
    float: none;
  }

  .footer-booking .right {
    margin-right: 75px;
  }

  .web_footer_pc .footer_con_bottom p {
    padding-left: 15px;
  }

  .web_footer_pc .footer_con_bottom a {
    padding-right: 15px;
  }

  .pro_design_wrap .case_list_con .col-md-4:nth-of-type(3n + 1) {
    clear: none;
  }

  .pro_design_wrap .case_list_con .col-sm-6:nth-of-type(2n + 1) {
    clear: both;
  }

  .tcyassess_order_service a {
    padding: 15px;
  }

  .tcyassess_order_service a img {
    right: 15px;
  }

  .tcyassess_order_service a .tos_info h3 {
    font-size: 18px;
  }

  .t_n_header li.classic .service_product_popup {
    left: -170px;
    width: 760px;
  }

  .t_n_header li.classic .project_case_popup {
    width: 760px;
    left: -284px;
  }

  .t_n_header li.classic .project_case_popup .details_list_one {
    width: 18.7%;
  }

  .t_n_header li.classic .project_case_popup .details_list_two {
    width: 56.2%;
  }

  .t_n_header li.classic .project_case_popup .details_list_three {
    width: 24.7%;
  }

  .t_n_header li.classic .details .details_list a {
    padding-right: 0;
  }

  .t_n_header li.classic .details .details_list a.top_tit {
    font-size: 1.25em;
  }

  .t_n_header
    li.classic
    .details
    .details_list
    .sun_lists_two
    .l_three_list
    .iy_box {
    padding: 0 5px;
  }

  .t_n_header li.classic .details .details_list .sun_lists_two .l_three_list p {
    padding: 0 5px 0.1em;
  }

  .pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left ul li {
    margin: 0 1% 5px;
  }

  .footer-booking_news .footer_main .img_wrap {
    left: -15px;
  }

  .footer-booking_news .footer_main .left {
    margin-left: 162px;
    float: left;
  }

  .footer-booking_news .footer-booking-con .footer_main .right {
    margin-right: 20px;
  }

  .footer-booking_news .footer-booking-con .footer_main .right .finger_box {
    margin-right: 50px;
  }

  .footer-booking .sq_close_btn {
    right: 10px;
  }

  .footer-booking_news .bottom_booking .left_pos_qrcode {
    display: none;
  }

  .footer-booking_news .bottom_booking .swiper_box {
    padding: 40px 0;
    height: 444px;
  }

  .footer-booking_news .bottom_booking .swiper_box .bmbg_tit h4 {
    font-size: 22px;
  }

  .footer-booking_news
    .bottom_booking
    .swiper_box
    .choose_swiper
    .swiper-slide
    img {
    display: block;
    width: 100%;
  }

  .footer-booking_news .bottom_booking .swiper_box .choose_swiper {
    width: 300px;
    margin: 0 auto;
  }
  .footer-booking_news {
    background-color: #136cfb;
  }

  .t_float_cons {
    width: 760px;
    margin-left: -380px;
  }

  .t_float_cons .phone_center_box .pcb-left {
    width: 330px;
  }

  .t_float_cons .phone_center_box .pcb-left .pl_padding {
    padding: 40px 0 0 25px;
  }

  .t_float_cons .phone_center_box .pcb-right {
    width: 430px;
  }

  .release_demand_edit .rde_box_center .rbc_left {
    width: 330px;
  }

  .release_demand_edit .rde_box_center .rbc_left .pl_padding {
    padding: 40px 0 0 15px;
  }

  .release_demand_edit .rde_box_center .rbc_right {
    width: 430px;
    padding: 40px 25px;
  }

  .tcyassess_order_service a {
    padding: 15px 10px;
  }

  .tcyassess_order_service a .tos_info h3 {
    font-size: 14px;
  }

  .tcyassess_order_service a img {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    right: 10px;
  }

  .tcyassess_order_service a .tos_info {
    margin-right: 30px;
  }
}

@media screen and (max-width: 768px) {
  .pro_design_wrap .case_wrap .ld_case_lists {
    width: 96%;
    padding-left: 0;
    padding-right: 0;
  }

  .pro_design_wrap .case_wrap .ld_case_lists .case_list_title .left ul li {
    font-size: 14px;
  }

  .t_float_cons .phone_center_box .pcb-left {
    display: none;
  }

  .t_float_cons {
    width: 96%;
    left: 2%;
    margin-left: 0;
  }

  .t_float_cons .phone_center_box .pcb-right {
    float: none;
    width: auto;
    padding: 20px 0;
  }

  .release_demand_edit .rde_box_center .rbc_left {
    display: none;
  }

  .release_demand_edit .rde_box_center .rbc_right {
    float: none;
    width: auto;
    padding: 20px;
  }

  .release_demand_edit {
    padding: 0;
    width: 94%;
    left: 3%;
  }

  .release_demand_edit .close {
    right: 15px;
    top: 15px;
  }

  .release_demand_edit .rde_box_center .rbc_right .form-group .star {
    left: -10px;
  }

  .t_float_cons {
    width: 300px;
    left: 50%;
    margin-left: -150px;
  }

  .t_float_cons .phone_center_box .pcb-right {
    padding: 40px;
    border-radius: 3px;
  }

  .t_float_cons .phone_center_box .pcb-right .float-list {
    padding-left: 55px;
    background-size: 45px auto;
  }

  .t_float_cons .phone_center_box .pcb-right .float-list .t2 {
    font-size: 22px !important;
  }

  .t_float_cons .phone_center_box .pcb-right .float-list .move_t_big {
    font-size: 20px !important;
  }
}