/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
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 {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
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;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
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 {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !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^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .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 th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  margin:0; padding:0;
}
*:before,
*:after {
  -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;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  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 .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}

.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: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.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,
.h4,
h5,
.h5,
h6,
.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: .2em;
  background-color: #fcf8e3;
}

a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
ul li{list-style-type:none;}
.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;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] { 
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

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;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container02{margin: auto; padding: 0; text-align: center; overflow: hidden;}
@media (min-width: 768px) {
  .container02,
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
    .container02,
	.container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container02,
  .container {
    width: 1170px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .container02 {
    width: 1400px;
  }
}
.container .plan_text {display:none;}
.container .plan_img{display:none;}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
  position:relative;
}



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: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  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="radio"]:focus,
input[type="checkbox"]: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, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .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"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .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"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.cloud_pad02,
.cloud_pad,
.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;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 5px 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;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 10px 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;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.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 .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  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.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  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:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  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, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  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:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  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:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  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:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  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:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  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:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  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:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  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="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .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: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}


@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}


.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 20px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  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;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
/*.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}*/
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
  }
}
@media (min-width: 768px) {
  .navbar-header {
	  border-bottom:1px solid rgba(206,206,204,0.5);
  }
}
.navbar-collapse {
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block;
    /*height: auto !important;*/
    /*padding-bottom: 0;*/
    overflow:hidden;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  width:130px;
  height:52px;
  font-size: 18px;
  background:url(../img/logo.png) no-repeat 10px center;
  background-size: 100%;
  border-left: 1px solid rgba(206, 206, 204, 0.5);
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand{
	  margin-left: -15px;}
  
}
.navbar-toggle {
  position: relative;
  float:left;
  background-color:#393b43;
  background-color:rgba(0,0,0,0.1);
  width:42px;
  height:52px;
  outline: none;
  border:0;
  padding-left:8px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-nav {
  margin: 7.5px 10px;
}
.navbar-nav > li > a {
	line-height: 20px;
	padding-top: 18px;
	padding-bottom: 20px;
	font-size: 16px;
}
@media (max-width: 767px) {
 /* .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }*/
/*  .navbar-nav .open .dropdown-menu > li > a,*/
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
	.navbar-brand{ background-size: 90%;}
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }

}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color:#393b43;
  background-color:rgba(57,59,67,0.6);
  position:fixed;top:0;left:0;
  width:100%;
  z-index:9999; 
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color:#fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color:1px solid rgba(206,206,204,0.5);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse { background-color:rgba(57,59,67,0.9);}
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}


@-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;
  }
}



.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
}
.carousel-control.right {
  right: 0;
  left: auto;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer: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-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.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;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.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;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.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;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.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: 1300px) {
	.team_img_pos{left: 0% !important; width: 42% !important;}
	#timeline{ height: 800px;}
	#issues li .div{ width: 330px !important;}
	#issues li .div_img{ width:45%; margin: 0 auto !important;}
	#next, #prev{ top: 50% !important;}
	#prev{ left: 36.5% !important;}
	#dates{top:-713px !important;}
}
@media (max-width: 767px) {
	.alone_float,
	.footer_addnav,
	.footer_addtext,
	.dis_none,
	.background_color,
	.timtimeline_box,
	.contact_box,
	.plan_img02,
	.plan_text02,
	.about_left,
	.well_icon,
	.poster-main,
	.cloud_pad,
	.search,
	.banner_title{ display: none !important;}
	.well_box_text{width: 203px !important; padding-left: 15px;}
	.carousel-inner > .active{width: 750px;}
	.banner_text{ top: 30% !important; left: 10% !important; padding-right: 50px;}
	.banner_text02{top: 25% !important; padding-right: 50px;}
	.banner_text_tit{font-size: 20px !important;}
	.banner_text02 dl dd,
	.banner_text dl dd{font-size: 16px !important;}
	.unlike{ margin-top: 30px !important;}
	.unlike a{font-size: 14px; border-bottom: 2px solid #4f7ef8 !important;}
	.box{ width:100% !important; margin: 54px auto 35px !important; text-align: center !important;}
	.well{padding: 20px 0 50px 0!important;}
	.box02 h4,
	.box h4{ line-height: 45px;}
	.box_tit{margin: 20px 20px 50px!important;}
	.box_tit h4{font-size: 25px !important;}
	.box_tit p{font-size: 16px !important;}
	.box02{ width:100% !important; margin: 0 auto !important;}
	.box_list li{ width:100% !important; margin-right:0 !important; margin-bottom:40px !important;}
	.box_list_img{ width:100% !important;}
	.cloud-product-wrapper{margin:0 auto;width:auto !important;}
	.cloud-product-ul li{width:76px !important;}
	.product-introduce-line{ width:30px; border-top:4px solid #fff; display:inline-block; margin:0 22px 15px 22px !important;}
	.product-introduce-title{font-size:16px !important; font-weight:normal !important;}
	.active-inner-01{ width:240px !important;}
	.well_box{padding: 0 10px !important; margin: 0 auto !important;}
	.well_box_list ul li{ width: 100% !important;}
	.well_box_blue{width: 40% !important;}
	.well_box_list{margin-top:40px !important;}
	.dis_none02,
	.iframe_box,
	.dis_box,
	.plan_text03,
	.plan_img03,
	#main,
	.box10,
	.voice_2 { display:block !important;}
	.container_footer{padding:30px 20px 50px 20px !important;}
	.footer_add{width: 100% !important; float: none !important; margin-bottom: 30px !important;}
	.footer_nav{width: 100% !important; height:100%!important; border-left: none !important; border-right: none !important; float: none !important;}
	.footer_navtit li:first-child{margin-left: 0 !important;}
	.footer_qr,
	.footer_tel{ width: 50% !important;}
	.footer_teltit dt{font-size: 16px !important;}
	.footer_teltit dd{margin-bottom: 20px !important;}
	.footer_teltit{margin-left: 0!important;}
	.footer_qrimg{ overflow:hidden; }
	.flo_right,
	.flo_left{width: 45% !important;}
	.flo_right img,
	.flo_left img{ width: 100% !important;}
	.footer_sel{margin-top: 0 !important;}
	.about_right{ float: none !important; width: 90% !important; margin: 0 5%;}
	.about_img_text{width: 80%;}
	.about_img_text img{width: 100%;}
	.about_pos{bottom: -20px !important;}
	.pad_top{ padding-top: 50px !important;}
	.about_concept li{ width: 25% !important; margin-left: 7% !important;}
	.advantage_left{ width: 100% !important; float: none !important;}
	.abput_mar{ margin-bottom: 30px !important;}
	.advantage_inner li{width: 90% !important; margin: auto; float: none !important;}
	.advantage_right{ width: 90% !important; margin-right: 18px !important; margin-bottom: 30px;}
	.service li{ width: 90% !important; margin:0 auto 20px !important; float: none !important;}
	.service_tit i{ width: 23% !important;}
	.mar_top{ margin-top: 50px !important;}
	.service_right02,
	.service_left02,
	.service_right,
	.service_left{float: none !important;  width: 100% !important;}
	.service_right{ margin-top: 30px !important;}
	.service_left02{ text-align: center !important; margin-bottom: 15% !important;}
	.service_right02{margin-bottom: 20%!important;}
	.service_rig_inner li{ margin:0 8px 18px 8px !important;}
	.service_inner li{ width: 100% !important; margin-bottom: 30px !important;}
	.service_icon12,
	.service_icon10,
	.service_icon11,
	.service_icon09{width: 95% !important;}
	.service_inner li a h6{ padding-top: 0 !important;}
	.plan_tit,
	.plan{ text-align: center !important;}
	.plan_box li{float: none !important; width: 90% !important; margin: auto !important; margin-bottom: 20px !important;}
	.plan_box li a .plan_box_inner{padding-top: 10px !important;}
	.plan_tab li{ width: 100% !important; margin-bottom: 20px !important;}
	.plan_text03,
	.plan_text{float: none !important; width: 90% !important; margin: auto !important; margin-top: 30px !important; text-align: left;}
	.plan_text03 dt, 
	.plan_text02 dt,
	.plan_text dt{font-size: 20px !important;}
    .container .plan_text {display:block;}
    .container .plan_img{display:block;}
	.plan_img03,
	.plan_img{ float: none !important; width: 100% !important; margin-top: 0px !important; }
    .plan_img img {width:94% !important; }
	.tabs{padding:0 10px;}
	.mediabox{ width: 100% !important;}
	.resources{ margin: 51px 15px 195px 15px !important;}
	.resources_tit{padding: 30px 0 45px 30px!important;}
	.resources_button{width: 100% !important; margin-left: 0 !important;}
	.resources_text{padding-left: 30px !important; padding-bottom: 10px !important; margin-right: 25px !important;}
	.resources_text dl{width: 50%;}
	.resources_inner dd,
	.resources_text dd{ width: 90%; padding-right: 20px; line-height: 25px;}
	.resources_button02{margin-top: 25px !important;}
	.resources_inner{ padding-left: 40px !important;}
	.map{display: block !important; line-height: 40px; margin-top: 20px;}
	.contact_tit{ margin-bottom: 50px !important;}
	.contact_right,
	.contact_left{width: 100%!important; float: none !important; text-align: center !important; padding: 0 15px!important;}
	.contact_left_tit{text-align: left !important;}
	.contact_left_tit li span{ display: inline-block !important; padding-right: 15px;}
	.contact_left_tit li{float: none !important; width:100% !important; padding-left: 35px !important;}
	.contact_icon06,
	.contact_icon05,
	.contact_icon04,
	.contact_icon03,
	.contact_icon02,
	.contact_icon{background-position: center left !important;}
	.contact_right img{ width: 100% !important;}
	.contact_phone_box{ width: 50% !important;}
	.position{z-index: -1;}
	.team_text h2{ font-size: 25px;}
	.team_img_pos{ width: 90% !important; margin: 0 5%;}
	.team_text{width: 90% !important; margin:69% 5% 6%!important;}
	.team_img{top:8% !important;}
	.team_left_box{ width: 100% !important; margin-top: 0!important;}
	.team_box02, 
	.team_box{ background: none !important;}
	.team_box02{background-size: 75% !important; margin: 0 4%; margin-top: 40px !important; background: none !important;}
	.team_left_box h3 img{width: 100%;}
	.team_left_box h3{float: left; width: 42%;}
	.team_left_box p{ float: left; display: block; margin-top: 20px; padding-bottom: 0!important; margin-bottom: 0 !important; margin-left: 10px;}
	.team_centre_box{ margin-left: 5% !important; margin-top: 0!important; width: 90% !important;}
	.team_centre_img02{top:115px !important;}
	.team_centre_right{width: 100% !important; margin-top: 80% !important;}
	.team_centre_right ul{margin-bottom: 10%!important; overflow: hidden; margin-left: 10%;}
	.team_centre_right ul li{ margin-bottom:0!important; float: left; margin-right: 20% !important;}
	.team_centre_right ul li:last-child{margin-bottom: 0% !important; margin-right: 0 !important;}
	.plan_tab li a p{ padding-right: 30%;}
	.plan_icon02,
	.plan_icon{line-height: 35px;}
	.resources_color{font-size: 30px !important;}
	.resources_right{padding-top: 15px !important;}
	.resources_right p{ margin-top: 0 !important;}
	.adva_inn_box{ margin-right: 75px !important;}
	.about_icon07{margin-left: 0!important;}
	.alone_flon{ width: 100% !important; float: none !important; text-align:center;}
	

	
} 

@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;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*.box10 { background: #404344; padding: 0px; height: 401px; margin: auto; display: none;}
.voice_2 { width: 100%; position: relative; overflow: hidden;}
.voice_2 ul li { float: left; display: inline; height: 401px; color: #fff; cursor: pointer; position: relative;}
.voice_2 ul li.li1 { background:url("../img/bg_06.jpg") no-repeat center top;}
.voice_2 ul li.li2 { background:url("../img/bg_01.jpg") no-repeat center top;}
.voice_2 ul li.li3 { background:url("../img/bg_02.jpg") no-repeat center top;}
.voice_2 ul li.li4 { background:url("../img/bg_03.jpg") no-repeat center top;}
.voice_2 ul li.li5 { background:url("../img/bg_04.jpg") no-repeat center top;}
.voice_2 ul li.li6 { background:url("../img/bg_05.jpg") no-repeat center top;}
.voice_2 .fold { width: 20%; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold .img { display: block; background: url("../img/icon.png") 0 0 no-repeat;  margin-top: 50px;}
.voice_2 .li1 .fold .img { background-position: 0 0; width: 29px; height: 25px; margin: 100px 0 50px 4px;}
.voice_2 .li2 .fold .img { background-position: -64px 0; width: 25px; height: 25px; margin: 100px 0 50px 5px;}
.voice_2 .li3 .fold .img { background-position: -132px 0; width: 25px; height:25px; margin: 100px 0 50px 6px;}
.voice_2 .li4 .fold .img { background-position: -194px 0; width: 23px; height: 25px; margin: 100px 0 50px 7px;}
.voice_2 .li5 .fold .img { background-position: -255px 0; width: 30px; height: 25px; margin: 100px 0 50px 3px;}
.voice_2 .li6 .fold .img { background-position: -322px 0; width: 25px; height: 25px; margin: 100px 0 50px 6px;}

.voice_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal; margin: 0px 22px; line-height: 25px;}
.voice_2 .unfold { width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; background-color: #4f7ef8;}
.voice_2 .unfold dl { margin: 35px 60px 0px 60px;}
.voice_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: bold;}
.voice_2 .unfold dd { font-size: 16px; line-height: 35px;}
.voice_2 .unfold dd a{ font-size: 14px; display:block; color: #fff; margin-left: 40px; border: 1px solid #fff; width: 118px; margin: auto; margin-top: 10%; text-align: center;}
*/
.box10 { background: #404344; padding: 0px; height: 401px; display:none;}
.voice_2 { width:100%; position: relative; overflow: hidden; display:none;}
.voice_2 ul{ overflow: hidden; width: 500px;}
.voice_2 ul li { width: 34px; float: left; display: inline; height: 401px; color: #fff; cursor: pointer; position: relative;}
.voice_2 ul li.li1 { background:url("../img/bg_06.jpg") no-repeat center top;}
.voice_2 ul li.li2 { background:url("../img/bg_01.jpg") no-repeat center top;}
.voice_2 ul li.li3 { background:url("../img/bg_02.jpg") no-repeat center top;}
.voice_2 ul li.li4 { background:url("../img/bg_03.jpg") no-repeat center top;}
.voice_2 ul li.li5 { background:url("../img/bg_04.jpg") no-repeat center top;}
.voice_2 ul li.li6 { background:url("../img/bg_05.jpg") no-repeat center top;}
.voice_2 .fold { width: 100%; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold .img { display: block; background: url("../img/icon.png") 0 0 no-repeat;  margin-top: 100px;}
.voice_2 .li1 .fold .img { background-position: 0 0; width: 29px; height: 25px; margin: 100px 0 50px 3px;}
.voice_2 .li2 .fold .img { background-position: -64px 0; width: 25px; height: 25px; margin: 100px 0 50px 5px;}
.voice_2 .li3 .fold .img { background-position: -132px 0; width: 25px; height:25px; margin: 100px 0 50px 6px;}
.voice_2 .li4 .fold .img { background-position: -194px 0; width: 23px; height: 25px; margin: 100px 0 50px 7px;}
.voice_2 .li5 .fold .img { background-position: -255px 0; width: 30px; height: 25px; margin: 100px 0 50px 3px;}
.voice_2 .li6 .fold .img { background-position: -322px 0; width: 25px; height: 25px; margin: 100px 0 50px 6px;}
.voice_2 .fold .txt { width: 15px; font-size: 19px; display: block; font-weight: normal; margin:auto; line-height: 25px;}
.voice_2 .unfold { width:100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; background-color: #4f7ef8;}
.voice_2 .unfold dl { margin: 30px 12px 0px 12px;}
.voice_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: bold;}
.voice_2 .unfold dd { font-size: 15px; line-height:25px;}
.voice_2 .unfold dd a{ font-size: 14px; display:block; color: #fff; margin-left: 40px; border: 1px solid #fff; width: 118px; margin: auto; margin-top: 15%; text-align: center;}

#main{width:100%;height:240px;overflow:hidden;position:relative;margin:30px auto; margin-bottom: 50px; display: none;}
#main .boxmxa{width:80%;height:240px; margin:0px auto;overflow:hidden;position:relative;}
#main .boxmxa img{width:100%;height:240px;position:absolute; left:0px; top:0px; opacity:0; filter:alpha(opacity=0);}
#main .btnLeft{width:35px;height:57px;position:absolute;left:8px;top:100px;background:url(../img/left_ar.png) no-repeat 0px 0px;}
#main .btnRight{width:35px;height:57px;position:absolute;right:0px;top:100px;background:url(../img/right_ar.png) no-repeat 0px 0px;}
#main .page{width:132px;height:22px;position:absolute;bottom:15px;right:50px;}



.search{ float:right; height:52px; display:block; }
.search_inp{ border:0; height:52px; color:#fff; padding-left:15px; background:url(../img/search.png) no-repeat 90% center rgba(247,247,247,0.2);}
.ico{ color:#fff;}
.switch{ float:right; color:#fff; line-height:52px; padding-right:27px; border-right:1px solid rgba(206,206,204,0.5); margin-left:25px;}
.switch a,
.switch a:hover{ color:#fff;text-decoration:none}
.phone{ float:right; color:#FFF; background:url(../img/phone.png) no-repeat left center; line-height:52px; padding-left:25px; margin:0 35px 0 30px;}
.banner_text{ position:absolute; top:24%; left:20%; }
.banner_text dl{ color:#fff;}
.banner_text_tit{ font-size:30px; font-weight:normal;}
.banner_text dl dd{ font-size: 18px;}
.unlike{ margin-top:75px;}
.unlike a{color:#FFF; border-bottom:3px solid #4f7ef8; padding-bottom:10px;}
.unlike a:visited,
.unlike a:hover{ border-bottom:3px solid #4f7ef8; text-decoration:none;}
.banner_title{position:absolute; width:100%; bottom:0; left:0; background:rgba(57,59,67,0.5); height:145px;}
.banner_title ul{ display:block; color:#fff; border-left:1px solid rgba(247,247,247,0.4); margin-left:5%; overflow: hidden;}
.banner_title ul li{ float:left; padding-left:3.5%; padding-right:3%; border-right:1px solid rgba(247,247,247,0.4); height:145px; width: 24%;}
.banner_title ul li:first-child{ border-left:none;}
.banner_title ul li p{ color:#b9b9b9; width: 100%; font-size: 16px;}
.banner_title ul li h3{ font-size:17px; font-weight:bold; height:30px; line-height:30px;}
.ban_icon_01{ width:148px; background:url(../img/icon_01.png) no-repeat top right;}
.ban_icon_02{ width:142px; background:url(../img/icon_02.png) no-repeat top right;}
.ban_icon_03{ width:166px; background:url(../img/icon_03.png) no-repeat top right;}
.ban_icon_04{ width:150px; background:url(../img/icon_04.png) no-repeat top right;}
.box{ margin:auto; margin-bottom:90px; text-align: left;}
.box_tit{ color:#373d41; margin:auto; text-align:center; margin-top:75px; margin-bottom:90px;}
.box_tit h4{font-size:30px;}
.box_tit p{ color:#5f6367; font-size: 18px;}
.box_list{}
.box_list ul{ overflow:hidden;}
.box_list li{ width:293px; float:left; margin-right:75px;}
.box_list li:last-child{ margin-right:0;}
.box_list_img{ width:293px; text-align:center; display:block;}
.box_list_text{ display:block; margin-top:40px; font-size: 16px;}
.box_list_text a:active h5,
.box_list_text a:hover h5,
.box_list_text a:active,
.box_list_text a:hover{ text-decoration:none; color:#4f7ef8;}
.box_list_text a h5{color:#373d41; font-size:24px; text-align:center;}



.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.btn_button{display:inline-block;width:100%;height:34px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:34px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}
.cloud-product-box{background:#373d41; padding: 0 8%;}
.cloud-product-wrapper{margin:0 auto;width:100%;}
.cloud-product{position:relative;z-index:9;}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;width:16.5%;height:401px;float:left;}
.cloud-product-bj01{background:url(../img/bg_01.jpg) center no-repeat; background-size: 100% 100%;}
.cloud-product-bj02{background:url(../img/bg_02.jpg) center no-repeat; background-size: 100% 100%;}
.cloud-product-bj03{background:url(../img/bg_03.jpg) center no-repeat; background-size: 100% 100%;}
.cloud-product-bj04{background:url(../img/bg_04.jpg) center no-repeat; background-size: 100% 100%;}
.cloud-product-bj05{background:url(../img/bg_05.jpg) center no-repeat; background-size: 100% 100%;}
.cloud-product-bj06{background:url(../img/bg_06.jpg) center no-repeat; background-size: 100% 100%;}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space01{width:100%;padding:22% 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(../img/HOME_01.png) center no-repeat}
.server-header-02{background:url(../img/HOME_02.png) center no-repeat}
.server-header-03{background:url(../img/HOME_03.png) center no-repeat}
.server-header-04{background:url(../img/HOME_04.png) center no-repeat}
.server-header-05{background:url(../img/HOME_05.png) center no-repeat}
.server-header-06{background:url(../img/HOME_06.png) center no-repeat}
.product-introduce-title{margin-bottom:14px; margin-top:0;height:22px;line-height:22px;font-size:25px;text-align:center; color:#fff; font-weight:bold;}
.product-introduce-line{ width:30px; border-top:4px solid #fff; display:inline-block; margin:5% 40% 10% 45%;}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:30px auto 26px; padding-left: 5%; padding-right: 5%; line-height:18px;font-size:14px;color:#999}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{background:rgba(79,126,248,0.8);}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.buy-link-btn{display:block;margin:45px auto 0;width:118px;height:34px;line-height:34px; border:1px solid #fff; color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}

.poster-main{ width:1400px; height:387px; margin:0 auto; margin-bottom:165px;}
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list { width: 100%; height: 271px; position:relative;}
.poster-main .poster-list .poster-item {  width: 469px; height:271px; position:absolute; left: 0; top:0;}
.poster-main .poster-btn { position: absolute; top: 0; z-index: 10;}
.View_a{ margin:auto; color:#373d41; border-bottom:2px solid #4f7ef8; width:80px; padding-top:60px; padding-bottom:5px;}
.View_a:hover{ text-decoration:none;}


.well{ background:#f7f7f7; position:relative;}
.well_icon{ background:url(../img/icoer.png) no-repeat left top; position:relative; top:-32px; left:112px; display:inline-block; width:98px; height:88px; float:left;}
.well_box{ background:url(../img/floor_bg.jpg) no-repeat top left; margin-top:0; padding-top: 20px; padding-bottom: 75px; margin-bottom: 0; text-align: left; overflow: hidden;}
.well_box_list{ margin-top: 250px;}
.well_box_list ul{ overflow: hidden;}
.well_box_list ul li{ float:left; margin-right: 5px;}
.well_box_list ul li:last-child{ margin-right: 0; }
.well_box_blue{ color:#4f7ef8; font-size:60px; float:left; padding-right: 5px; top:-10px; position: relative;}
.well_box_text{ font-size:14px !important; color:#5e5e5e; text-align:left; float:left; width: 205px; margin-right: 10px;}
.well_box_text strong{ float:left; display:inline-block;}
.wall_marbot{ margin-bottom: 0;}
footer{ background: #232323; color: #808080;}
.dis_none02{ display: none; }
.container_footer{ margin: auto; padding: 75px 10px 100px 10px; overflow: hidden; text-align: left;}
.footer_add{ width: 31%; float: left;}
.footer_logo{ background: url(../img/logo_footer.jpg) no-repeat top left; width: 100%; height: 58px; margin-top: 0; margin-bottom: 25px;}
.footer_add p{ font-size: 14px; margin-bottom: 0;}
.footer_addtext{ border-bottom: 1px solid #434343; padding-bottom: 10px; width: 80%;}
.footer_addnav{ overflow: hidden;}
.footer_addnav li{ float: left; border-right: 1px solid #808080; padding: 0 10px; margin-top: 15px; line-height: 14px;}
.footer_addnav li a{ color: #808080;}
.footer_addnav li a:focus,
.footer_addnav li a:hover{ text-decoration: none;}
.footer_addnav li:first-child{ padding-left: 0;}
.footer_addnav li:last-child{ border-right: none;}
.footer_nav{width: 35%; float: left; border-left: 1px solid #434343; border-right: 1px solid #434343; height: 160px;}
.footer_navtit{overflow: hidden;}
.footer_navtit li{ float:left; margin-left: 6%; }
.footer_navtit li a{color: #c1bfbf; }
.footer_navtit li a:focus,
.footer_navtit li a:hover{ text-decoration: none;}
.footer_navtwo li{ float:none; margin-left: 0; margin-bottom: 15px;}
.footer_navtwo li:first-child{ margin-top:15px;}
.footer_navtwo li a{ color: #808080; }
.footer_tel{ width: 15%; float: left;}
.footer_teltit{ margin-left: 10%;}
.footer_teltit dt{ color:#c1bfbf; margin-bottom: 19px;}
.footer_teltit dd{ margin-bottom: 13px;}
.footer_teltit dd a{ color: #808080;}
.footer_teltit dd a:focus,
.footer_teltit dd a:hover{ text-decoration: none;}
.footer_qr{width: 17%; float: left;}
.footer_qrimg{}
.footer_qrimg p{ margin-top:10px;}
.flo_left{ float: left;}
.flo_right{ float: right;}
.flo_right{ float: right;}
.footer_sel{ width:100%; height: 37px; background: #3e3e3e; border: none; padding-left: 25px; margin-top: 15px;appearance:none;
-moz-appearance:none;
-webkit-appearance:none;}
.form_select{ color: #dedede; position: relative; top:-25px; right: 16px; float:right;}
.alone_flon{ float: left; width: 75%; margin-top: 50px}
.alone_float{float:left; width: 12%;}
.alone_float img{max-width: 100%; cursor: pointer; transition: all 0.6s;}
/*.alone_float img:hover{ transform: scale(2) translateX(0) translateY(20%);border: 1px solid #999; z-index: 999;}*/

/*case案例展示*/
.banner_text02{ position:absolute; top:43%; left:15%; }
.banner_text02 dl{ color:#fff;}
.banner_text02 dl dd{ font-size: 18px;}
.case{ margin-top: 65px;}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.tabs {	position: relative;	width:100%;	overflow: hidden;margin: auto;font-weight: 300;}
/* Nav */
.tabs nav {text-align: center;}
.tabs nav ul { padding: 0; margin: 0;list-style: none;display: inline-block;}
.tabs nav ul li {margin: 0;display: block;float: left;position: relative;}
.tabs nav li.tab-current {z-index: 100;}
.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {content: '';position: absolute;height: 1px;right: 100%;bottom: 0;width: 1000px;}
.tabs nav li.tab-current:after {right: auto;left: 100%;width: 4000px;}
.tabs nav a {color: #a3a3a3;display: block;font-size: 18px;line-height: 2.5;padding: 0 5px;white-space: nowrap; text-decoration: none;}
.tabs nav a:hover {color: #2b7ef6;}
.tabs nav li.tab-current a {color: #2b7ef6; font-weight: bold;}
/* Icons */
.tabs nav a:before {display: inline-block;vertical-align: middle;text-transform: none;font-weight: normal;font-variant: normal;font-family: 'icomoon';line-height: 1;speak: none;
	-webkit-font-smoothing: antialiased;
}
/* Content */
.content{margin-top: 45px;}
.content section { display: none;max-width: 1400px;margin: 0 auto;}
.content section:before,
.content section:after {content: '';display: table;}
.content section:after { clear: both;}
/* Fallback example */
.no-js .content section { display: block; padding-bottom: 20px; border-bottom: 1px solid #47a3da;}
.content section.content-current { display: block;}
.mediabox { float: left; width: 25%; padding: 0 15px; margin-bottom: 50px; text-align: left;}
.mediabox img { max-width: 100%;height:206px; object-fit:cover; display: block; margin: 10px auto; box-shadow: #cccccc 3px 3px 6px 2px;}
.mediabox h3 { margin: 25px 0 15px; color: #2b7ef6; font-size: 25px; height: 35px;}
.mediabox p { padding: 0 0 10px 0; margin: 0; line-height: 1.3;  font-size: 14px;}
.mediabox p a{color: #696969; text-decoration: none;}

/*resources人力资源*/
.resources{ border: 1px solid #dcdcdc; margin-top: 51px; margin-bottom: 26px;}
.resources_tit{ background-color: #fafafa; padding: 53px 0 45px 57px; overflow: hidden; text-align: left;}
.resources_tit h2{ margin-bottom: 20px;}
.resources_color{color: #00a2ff; font-size: 38px; padding-right: 20px;}
.resources_left{ float: left;}
.resources_left p{color: #686868; font-size: 14px;}
.resources_right{float: right; padding-right: 44px; padding-top: 36px;}
.resources_button{ background-color: #00a2ff; border: 2px solid #00a2ff; border-radius: 5px; width: 141px; height: 46px; color: #fff; font-size: 20px; display: block; text-align: center; line-height: 46px; margin-left: 56%;}
.resources_button:hover{ text-decoration: none; color: #fff;}
.resources_right p{ margin-top: 36px; color: #686868; font-size: 14px;}
.resources_text{text-align: left; padding: 24px 0 30px 50px; overflow: hidden; margin-right: 53px;}
.resources_text dl{float: left;}
.resources_text dt{font-size: 16px; padding-bottom: 5px;}
.resources_inner dd,
.resources_text dd{color: #818181;}
.resources_button02{ display: block; margin-top: 8px; color: #00a2ff; font-size: 14px; float: right; text-decoration: none; background:url(../img/resources_icon.jpg) no-repeat top center; padding-top: 39px; border: none; font-style:normal;}
.margin_bottom{ margin-bottom: 195px;}
.resources_inner{ padding: 24px 45px 50px 50px; text-align: left;}
.resources_inner_box02,
.resources_inner_box{border-bottom: 2px solid #e5e5e5; padding: 30px 0;}
.resources_inner h3{font-size: 22px; font-weight: normal; padding-bottom: 20px;}
.resources_inner p{font-size: 14px; margin-bottom: 3px; color: #818181;}
.padding_bottom{padding-bottom: 25px;}
.resources_inner_box02{ border-bottom: none;}

/*contact联系我们*/
.dis_box{display: none;}
.contact_box{overflow: hidden; margin-top: 70px; margin-bottom: 177px; text-align: center;}
.contact_tit{ font-size: 27px; color: #191919; margin-bottom: 85px;}
.contact_tit i{border-bottom: 4px solid #2b7ef6; display: block; width: 60px; height: 4px; margin:auto; margin-top: 23px;}
.contact_left{ float: left; width: 45%; text-align:left;}
.contact_left_tit{ overflow: hidden; margin-top: 40px;}
.contact_left_tit li{float: left; font-size: 14px; margin-bottom: 27px; padding-left: 30px;}
.contact_left_tit li span{display: block; font-size: 21px; color: #191919;}
.contact_icon{ background: url(../img/contact_icon05.jpg) no-repeat top left; width: 65%;}
.contact_icon02{ background:url(../img/contact_icon08.jpg) no-repeat top left; width: 35%}
.contact_icon03{ background: url(../img/contact_icon03.jpg) no-repeat top left; width: 65%;}
.contact_icon04{ background: url(../img/contact_icon06.jpg) no-repeat top left; width: 35%}
.contact_icon05{ background: url(../img/contact_icon04.jpg) no-repeat top left; width: 65%;}
.contact_icon06{ background: url(../img/contact_icon07.jpg) no-repeat top left; width: 35%}
.contact_phone{ margin-top: 25px; overflow: hidden;}
.contact_phone_box{ width: 30%; text-align: center; float: left;}
.contact_phone_box h4{margin-bottom: 17px; font-size: 16px; color: #3b3b3b;}
.contact_phone_box p{margin-top: 23px; color: #2b7ef6; font-size: 16px; font-weight: bold;}
.contact_right02{ float: right; margin-right: 12%;}
.contact_right{float: right; width: 54%}
.map{ display: none; background-color: #0A9AEB; color: #fff; font-size: 16px;}
.map:focus,
.map:active{color: #fff; text-decoration: none;}

/*plan解决方案*/
.plan{ text-align: left; margin: auto; margin-bottom: 0px; overflow: hidden;}
.plan02{text-align: left; margin-bottom: 55px;}
.plan_tit{margin-bottom: 33px; margin-top: 50px;}
.plan_box{overflow: hidden;}
.plan_box li{ float: left; margin-right: 15px; width: 24%;}
.plan_box li:last-child{ margin-right: 0;}
.plan_box li a{ border: 1px solid #e5e5e5; height: 175px; display: block; text-decoration: none; color: #333;}
.plan_box li a:hover{ border: 1px solid #4f7ef8; color: #4f7ef8;}
.plan_box li a .plan_box_inner{padding: 40px 40px 30px 20px;}
.plan_box li a .plan_box_inner h3{ font-size: 20px;}
.plan_box li a .plan_box_inner h3 span{display: block; font-size: 10px;}
.plan_box li a .plan_box_inner p{color: #a6a6a6; font-size: 14px;}
.plan_box li a .plan_box_inner p:hover{color: #4f7ef8;}
.back_color{ background: #f7f7f7;}
.plan_tab{ overflow: hidden;}
.plan_tab li{float: left; margin-right: 13px; width: 32.5%; background-color: #fff;}
.plan_tab li:last-child{ margin-right: 0;}
.plan_tab li a{ width:100%; color: #4c4c4c; display: block; border: 1px solid #e5e5e5; text-decoration: none; font-size: 16px; line-height: 72px; padding-left: 24px; height: 127px}
.plan_tab li a:hover{ width:100%; border-top: 2px solid #4f7ef8; color: #4f7ef8; height: 127px;}
.plan_tab li a p{ margin-right: 33px; margin-top: 23px; height: 80px !important;}
.plan_icon{background: url(../img/plan_icon.png) no-repeat bottom right; }
.plan_icon:hover{background: url(../img/plan_icon.png) no-repeat top right; }
.plan_icon02{background: url(../img/plan_icon02.png) no-repeat bottom right;}
.plan_icon02:hover{background: url(../img/plan_icon02.png) no-repeat top right;}
.plan_icon03{background: url(../img/plan_icon03.png) no-repeat bottom right;}
.plan_icon03:hover{background: url(../img/plan_icon03.png) no-repeat top right;}
.plan_text03,
.plan_text02,
.plan_text{ float: left; width: 40%; margin-top: 150px;}
.plan_text03 dt,
.plan_text02 dt,
.plan_text dt{font-size: 30px; margin-bottom: 10px;}
.plan_text03 dd,
.plan_text02 dd,
.plan_text dd{ color: #9b9b9b; font-size: 15px;}
.plan_img{float: right; width: 50%; margin-top: 0px;}
.plan_img03{display: none;}
.plan_img03 img,
.plan_img02 img,
.plan_img img{width: 80%;}
.plan_img02{ float: left; width: 40%; margin-left: 5%; margin-top: 0px;}
.plan_text03{ display: none;}
.plan_text02{width: 50%;}
.margin_top{margin-top: 75px;}
.margin_top02{ margin-top: 200px;}
.plan_bottom{margin-bottom: 100px;}
/*inner内容页*/
.inner_banner{position: absolute; top: 45%; left: 40%;}
.inner_bg{ color: #fff; font-size: 33px;}
.inner_bg i{ width: 38px; height: 1px; border-bottom: 1px solid #fff; display: block; padding-top: 26px; margin-left: 47px;}
.back_color02{background-color:#e4e4e4;}
.inner{ line-height: 48px; text-align: left; }
.inner a{color: #7e7e7e; text-decoration:none; font-size: 14px;}
.inner_tit{ font-size: 16px; color: #2e394c; background: url(../img/inner_icon.jpg) no-repeat top left; padding-left: 44px; line-height: 26px; margin: 35px 0;}
.inner_text{ color: #2e394c; font-size: 14px; line-height: 31px; padding-bottom: 27px;}
.inner_a{ color: #2e394c;}
.inner_img{ margin: 60px 0 40px 0;}

/*service 服务*/
.service_color{ color: #a6a6a6!important; font-size: 16px;}
.service{margin-bottom: 95px;}
.service ul{overflow: hidden;}
.service li{float: left; width: 23%; margin-right: 20px;}
.service li:last-child{margin-right: 0;}
.service li a{border: 1px solid #eeeeee; color: #6f6f6f; display: block; text-decoration: none; padding: 45px 22px 35px;}
.service li a:hover{ color: #5b87ff; border: 1px solid #5b87ff;}
.service_tit{ margin: auto; text-align: center;}
.service_tit h5{font-size: 18px; padding-top: 18px; margin: auto; margin-bottom: 10px;}
.service_tit p{ line-height: 23px;}
.service_tit i{width: 30%; height: 65px; display: block; margin: auto;}
.service_back{background: url(../img/service_icon.png) no-repeat top left;}
.service_back:hover{background: url(../img/service_icon.png) no-repeat bottom left;}
.service_back02{background: url(../img/service_icon02.png) no-repeat top left;}
.service_back02:hover{background: url(../img/service_icon02.png) no-repeat bottom left;}
.service_back03{background: url(../img/service_icon03.png) no-repeat top left;}
.service_back03:hover{background: url(../img/service_icon03.png) no-repeat bottom left;}
.service_back04{background: url(../img/service_icon04.png) no-repeat top left;}
.service_back04:hover{background: url(../img/service_icon04.png) no-repeat bottom left;}
.service_box{overflow: hidden;}
.service_left{float: left; width: 55%;}
.service_left img{ width: 100%;}
.service_right{float: right; width: 44%;}
.service_rig_inner{ overflow: hidden;}
.service_rig_inner li{float:left; width: 45%; margin-left: 19px; margin-bottom: 18px; text-align: center;}
.service_rig_inner li a{ display: block; border: 1px solid #e5e5e5; color: #626262; text-decoration: none; padding: 10% 0 0;}
.service_rig_inner li a:hover{ border: 1px solid #5b87ff; color: #5b87ff;}
.service_rig_inner li a h6{font-size: 20px; margin-bottom: 0; line-height: 200px;}
.service_size{font-size: 8px;line-height: 90px;}
.service_icon05{ background: url(../img/service_icon05.png) no-repeat top center; height: 76px; margin: auto;}
.service_icon05:hover{ background: url(../img/service_icon05.png) no-repeat bottom center; height: 76px; margin: auto;}
.service_icon06{ background: url(../img/service_icon06.png) no-repeat top center; height: 76px; margin: auto;}
.service_icon06:hover{ background: url(../img/service_icon06.png) no-repeat bottom center; height: 76px; margin: auto;}
.service_icon07{ background: url(../img/service_icon07.png) no-repeat top center; height: 76px; margin: auto;}
.service_icon07:hover{ background: url(../img/service_icon07.png) no-repeat bottom center; height: 76px; margin: auto;}
.service_icon08{ background: url(../img/service_icon08.png) no-repeat top center;  height: 76px; margin: auto;}
.service_icon08:hover{ background: url(../img/service_icon08.png) no-repeat bottom center; height: 76px; margin: auto;}

.service_left02{ float: left; width:32%; text-align: right; margin: 8% 0 30% 0;}
.service_right02{ float:right; width: 64%; }
.serv_tit{ text-align: left; margin-top: 40%;}
.service_inner{ overflow: hidden;}
.service_inner li{float: left; width:48%; text-align: left; margin-left: 13px; margin-bottom: 65px;}
.service_inner li a{ text-decoration: none;}
.service_inner li a h6{font-size: 20px; color: #4a4a4a; padding-left: 30%; padding-top: 12px;}
.service_inner li a p{ color: #a6a6a6; font-size: 14px; padding-left: 30%;}
.service_icon09{background: url(../img/service_icon09.png) no-repeat top left; height: 96px;}
.service_icon09:hover{background: url(../img/service_icon09.png) no-repeat bottom left; height: 96px;}
.service_icon10{background: url(../img/service_icon10.png) no-repeat top left; height: 96px;}
.service_icon10:hover{background: url(../img/service_icon10.png) no-repeat bottom left; height: 96px;}
.service_icon11{background: url(../img/service_icon11.png) no-repeat top left; height: 96px;}
.service_icon11:hover{background: url(../img/service_icon11.png) no-repeat bottom left; height: 96px;}
.service_icon12{background: url(../img/service_icon12.png) no-repeat top left; height: 96px;}
.service_icon12:hover{background: url(../img/service_icon12.png) no-repeat bottom left; height: 96px;}
/*about关于我们*/
.about_left{float: left; width: 35%; margin-top: 5%;}
.about_left img{ width: 100%;}
.about_right{float: right; width: 62%; text-align:left; margin-top:5%;}
.about_rig_text i{margin-right: 20px; font-size: 12px;}
.about_rig_text a{color: #404040; font-size: 14px; text-decoration: none;}
.about_img_text{ margin-top:20px; margin-bottom: 0;}
.about_text{font-size: 30px; margin: 0;}
.about_text_color{color: #a6a6a6;}
.about_text02{ color: #404040; font-size: 14px; margin-top: 3.5%;}
.pad_top{ padding-top: 80px;}
.about_pos{ position: relative; bottom:-82px;;}
.about_pos img{ width: 100%;}
.about_concept{ overflow: hidden;}
.about_concept li{ float:left; margin-left: 12%; width: 18%; font-size: 16px; padding-top: 83px; color: #545454;}
.about_icon{background:url(../img/about_icon.png) no-repeat  center top;}
.about_icon02{background:url(../img/about_icon02.png) no-repeat  center top;}
.about_icon03{background:url(../img/about_icon03.png) no-repeat  center top;}
.advantage_left{ float: left; width: 60%;}
.advantage_right{ float: right; width: 40%; position: relative; margin-top: 6%;}
.advantage_right img{padding-right: 10px; float: left; width: 95%; }
.advantage_inner{ overflow: hidden;}
.advantage_inner li{float: left; width: 45%; border: 1px solid #e5e5e5; margin-right: 20px; margin-bottom: 20px; height: 180px;}
.adva_inn_box{ color:#a6a6a6; text-align: left; margin: 19px 80px 28px 33px;}
.adva_inn_box h5{ font-size: 16px; height: 56px; padding-left: 80px;}
.adva_inn_box h5 a{ color: #4f7ef8; text-decoration: none;}
.about_icon04{ background: url(../img/about_icon04.jpg) no-repeat top left; line-height: 100px;}
.about_icon05{ background: url(../img/about_icon05.jpg) no-repeat top left; padding-left: 85px !important; line-height: 90px;}
.about_icon06{ background: url(../img/about_icon07.jpg) no-repeat top left; line-height: 80px;}
.about_icon07{ background: url(../img/about_icon06.jpg) no-repeat top left; padding-left: 70px !important; line-height:80px; margin-left: 15px;}
.abput_mar{text-align: left; margin-top: 30%; margin-bottom: 50px;}
.mar_bot{ padding-bottom: 15%;}
.advan_right_line{ border: 1px solid #000; display: block; width: 80%; float: left; position: absolute; top:10%; left:18%; height: 94%; z-index:-2;}
/*team 团队*/
.team_box02,
.team_box{background: url(../img/team_bg02.jpg) no-repeat right top ;background-size: 60%;position: relative; overflow: hidden;}
.position{ background-color: #4f7ef8; box-shadow:#bfbfbf 6px 6px 6px 1px; position: relative;}
.team_logo{background: url(../img/logo.png) no-repeat top left; display: block; width: 88px;height: 26px; float: right; margin: 3% 9% 0 0;}
.team_img_pos{ position: absolute; top: 64px; left: 14.5%; width: 31.5%; z-index: 1;}
.team_img_pos img{width: 100%;} 
.team_text{ background-color: #fff; width:48%; float: left; margin: 6% 0 6% 42%; box-shadow:#446dd7 10px 10px 10px 3px; text-align: left; padding: 3% 7% 5% 5%;}
.team_text h2{margin: 0;}
.team_text span{ padding-bottom: 3%;display: block;}
.team_text p{text-indent: 2em; margin-bottom: 0; color: #666666;}
.team_text i{padding: 8% 0; display: block;}
.team_img{position: absolute; left: 25%; top: 15%; width: 54%; z-index: 2;}
.time{height: 300px;}
.team_box02{background-size: 65%;margin-top: 73px;}
.team_left_box{ float: left; width: 20%; margin-top: 10%; margin-bottom: 6%; text-align: left;}
.team_left_box h3{ margin-bottom: 20px;}
.team_left_box p{font-size: 16px; text-align: left; padding-bottom: 20px;}
.team_centre_box{width: 52%; float: left; margin-left: 10%; margin-top: 5%; position: relative;}
.team_centre_img{ width: 100%; position: absolute; z-index:1; left: 0;}
.team_centre_img02{ position: absolute; top:215px; left: 5%; width: 90%;}
.team_centre_right{float: right; width: 10%; margin-top: 15%;}
.team_centre_right ul{ }
.team_centre_right ul li{ margin-bottom: 25%; text-align: left; }
.team_centre_right ul li a{ color: #2d2d2c; text-decoration: none;}
.team_centre_right ul li span{display: block;}
#container{}
.background_color{ background: #2e394c url('../img/dot.png') left 82% repeat-x; position:relative; top:-84px; width: 50%; height: 1000px;}

#timeline { overflow: hidden; margin-top: -1000px !important; margin: 0 auto; /*background: url('../img/dot.png') left 90% repeat-x;*/ position:relative;z-index:1;}
#dates { height: 60px;overflow: hidden; position: relative; top:-91px; left: -9%; margin-left: 0 !important;}
#dates li {list-style: none;float: left;width: 100px;height:60px;font-size: 24px;text-align: center;background: url('../img/icon_deep.png') center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px; color: #fff; text-decoration: none; font-size: 14px;}
#dates .selected { font-size: 20px; color: #4f7ef8; text-decoration: none; background: url('../img/icon_blue.png') center bottom no-repeat; padding-bottom: 30px;}
#issues { overflow: hidden;}	
#issues li {list-style: none;float: left; padding-top:2%;}

#issues li .div_img img {/*float:right;*/width:100%;}
#issues li .div{ width:446px; float: left;  background: url('../img/tit.jpg') left top no-repeat; padding-top: 10%; margin-left: 60px;}
#issues li .div_img{ float: left; margin: 10px 30px 10px 25px; }
#issues li .div h2 {color: #fff;font-size: 22px;margin: 20px 0;text-shadow: #000 1px 1px 2px; background-color: #505a6c; height: 48px; width: 282px; line-height: 48px; text-align: center;}
#issues li .div p {font-size: 14px;margin-right: 70px;font-weight: normal;line-height: 22px; color: #fff; text-indent: 2em; text-align: left;}	
#next,
#prev {position: absolute; font-size: 70px;top: 54%;width: 22px;height: 38px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next {right:0;background-image: url('../img/prev.png');}
#prev {	left: 35%;background-image: url('../img/next.png');}

.iframe_box{display: none; height: 700px;}
/*# sourceMappingURL=bootstrap.css.map */