.bg-primary {
  background-color: #428bca;
}

.color-primary {
  color: #428bca;
}

body {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:hover:hover,
.btn-primary:hover:focus,
.btn-primary:hover:active,
.btn-primary:hover.active,
.btn-primary:focus,
.btn-primary:focus:hover,
.btn-primary:focus:focus,
.btn-primary:focus:active,
.btn-primary:focus.active,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active:active,
.btn-primary:active.active,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active:active,
.btn-primary.active.active,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active:active,
.btn-primary:active.active,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active:active,
.btn-primary.active.active,
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:hover:hover,
.btn-success:hover:focus,
.btn-success:hover:active,
.btn-success:hover.active,
.btn-success:focus,
.btn-success:focus:hover,
.btn-success:focus:focus,
.btn-success:focus:active,
.btn-success:focus.active,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active:active,
.btn-success:active.active,
.btn-success.active,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active:active,
.btn-success.active.active,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active:active,
.btn-success:active.active,
.btn-success.active,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active:active,
.btn-success.active.active,
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success: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:hover:hover,
.btn-info:hover:focus,
.btn-info:hover:active,
.btn-info:hover.active,
.btn-info:focus,
.btn-info:focus:hover,
.btn-info:focus:focus,
.btn-info:focus:active,
.btn-info:focus.active,
.btn-info:active,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active:active,
.btn-info:active.active,
.btn-info.active,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active:active,
.btn-info.active.active,
.btn-info:active,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active:active,
.btn-info:active.active,
.btn-info.active,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active:active,
.btn-info.active.active,
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info: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:hover:hover,
.btn-warning:hover:focus,
.btn-warning:hover:active,
.btn-warning:hover.active,
.btn-warning:focus,
.btn-warning:focus:hover,
.btn-warning:focus:focus,
.btn-warning:focus:active,
.btn-warning:focus.active,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active:active,
.btn-warning:active.active,
.btn-warning.active,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active:active,
.btn-warning.active.active,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active:active,
.btn-warning:active.active,
.btn-warning.active,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active:active,
.btn-warning.active.active,
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning: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:hover:hover,
.btn-danger:hover:focus,
.btn-danger:hover:active,
.btn-danger:hover.active,
.btn-danger:focus,
.btn-danger:focus:hover,
.btn-danger:focus:focus,
.btn-danger:focus:active,
.btn-danger:focus.active,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active:active,
.btn-danger:active.active,
.btn-danger.active,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active:active,
.btn-danger.active.active,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active:active,
.btn-danger:active.active,
.btn-danger.active,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active:active,
.btn-danger.active.active,
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

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

.link-default {
  color: #fff;
}

.link-primary {
  color: #428bca;
}

.link-success {
  color: #5cb85c;
}

.link-info {
  color: #5bc0de;
}

.link-warning {
  color: #f0ad4e;
}

.link-danger {
  color: #d9534f;
}

.link-black {
  color: #000;
}

.text-default {
  color: #fff;
}

.text-primary {
  color: #428bca;
}

.text-success {
  color: #5cb85c;
}

.text-info {
  color: #5bc0de;
}

.text-warning {
  color: #f0ad4e;
}

.text-danger {
  color: #d9534f;
}

.text-black {
  color: #000;
}

.nav_style_01 .navbar-nav > li > a {
  display: -webkit-box !important;
  display: flex !important;
  display: -ms-flexbox !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  color: #ececec;
  cursor: pointer;
  border-radius: 0px !important;
}
.nav_style_01 .navbar-nav > li > a::after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background-color: #c6c6c6;
  position: absolute;
  opacity: 1;
  bottom: 0;
  left: 15px;
  right: auto;
  top: auto;
  transition: all 0s ease;
}
@media (max-width: 767px) {
  .nav_style_01 .navbar-nav > li > a {
    height: 40px !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 20px !important;
  }
}
.nav_style_01 .navbar-nav > li > a:hover {
  color: white;
  background-color: #5d5d5d !important;
}
@media (min-width: 767px) {
  .nav_style_01 .navbar-nav > li > a:hover {
    position: relative;
  }
  .nav_style_01 .navbar-nav > li > a:hover::after {
    content: "";
    display: block;
    width: calc(100% - 30px);
    transition: all 0.3s ease;
  }
}
@media (min-width: 767px) and (max-width: 767px) {
  .nav_style_01 .navbar-nav > li > a:hover {
    border-style: none;
  }
}
.nav_style_01 .navbar-nav > li > a > p {
  margin-top: 10px !important;
}

.nav_style_01 .navbar-nav > .active > a {
  font-weight: bold;
}
@media (min-width: 767px) {
  .nav_style_01 .navbar-nav > .active > a {
    position: relative;
  }
  .nav_style_01 .navbar-nav > .active > a::after {
    content: "";
    display: block;
    width: calc(100% - 30px);
    transition: all 0.3s ease;
  }
}
@media (min-width: 767px) and (max-width: 767px) {
  .nav_style_01 .navbar-nav > .active > a {
    border-style: none;
  }
}
@media (max-width: 767px) {
  .nav_style_01 .navbar-nav > .active > a {
    color: white;
    background-color: #5d5d5d !important;
  }
}

.nav_style_01 .dropdown-menu {
  background-color: #505050 !important;
  border-style: none;
  padding: 0px !important;
  border-radius: 0px !important;
  left: 0px !important;
}
@media (max-width: 767px) {
  .nav_style_01 .dropdown-menu {
    padding-top: 15px !important;
  }
}
.nav_style_01 .dropdown-menu a {
  color: #ececec;
  min-height: 40px;
  line-height: 40px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .nav_style_01 .dropdown-menu a {
    padding-left: 55px !important;
    border-style: none;
  }
}
.nav_style_01 .dropdown-menu a:hover,
.nav_style_01 .dropdown-menu a:focus,
.nav_style_01 .dropdown-menu a:active {
  color: white;
  background-color: #5d5d5d !important;
}

.nav_style_01 .icon-bar {
  background-color: #ececec !important;
}

@media (max-width: 767px) {
  .nav_style_01 .navbar-header:after {
    display: none;
    content: none;
  }
}

@media (max-width: 767px) {
  .nav_style_01 .navbar-collapse {
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
    background-color: #434343;
  }
}

.cst_navbar_BKcolor {
  background-color: #434343 !important;
}

.nav_style_01 {
  border-radius: 0px;
  margin-bottom: 0px;
  border-style: none;
}
.nav_style_01 .collapse {
  -webkit-transform: rotate(0deg) scale(1) translate(0px, 0%);
  -ms-transform: rotate(0deg) scale(1) translate(0px, 0%);
  transform: rotate(0deg) scale(1) translate(0px, 0%);
}
.nav_style_01 .container-fluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  display: table;
}
@media (max-width: 767px) {
  .nav_style_01 .container-fluid {
    display: block;
  }
}
.nav_style_01 .container {
  background-color: #434343;
  padding-right: 0px;
  padding-left: 0px;
  display: table;
}
@media (max-width: 767px) {
  .nav_style_01 .container {
    display: block;
  }
}
.nav_style_01 .navbar-header {
  display: table-cell;
  vertical-align: middle;
  float: none;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .nav_style_01 .navbar-header {
    display: block;
  }
}
@media (min-width: 767px) {
  .nav_style_01 .navbar-brand {
    height: 70px;
  }
}
.nav_style_01 .dropdown-toggle .dropdown {
  height: 100%;
  background-color: transparent !important;
}

.nav_style_01 .nav .open > a {
  color: white;
  background-color: #5d5d5d !important;
}

@media (max-width: 767px) {
  .nav_style_01 .dropdown-menu {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .nav_style_01 .open > .dropdown-menu {
    display: block !important;
  }
}

@media (min-width: 767px) {
  .nav_style_side {
    border-radius: 0;
    padding-left: 0px !important;
    margin-bottom: 0px;
    border-style: none;
    min-height: 0px !important;
  }
  .nav_style_side .collapse {
    width: 300px;
    height: 100% !important;
    position: fixed;
    background-color: rgba(72, 72, 72, 0.95) !important;
    z-index: 10;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  }
  .nav_style_side .collapse:hover {
    box-shadow: rgba(0, 0, 0, 0.270588) 0px 0px 27px 0px;
  }
  .nav_style_side .container {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    display: block;
  }
  .nav_style_side .navbar-header {
    position: fixed;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: none;
    padding-left: 15px;
    padding-top: 10px;
    z-index: 1000;
  }
  .nav_style_side .navbar-header:after {
    content: none !important;
  }
  .nav_style_side .navbar-header:before {
    content: none !important;
  }
  .nav_style_side .navbar-header .navbar-brand {
    float: none;
    margin-left: 20px;
    height: 100%;
  }
}
@media (min-width: 767px) and (max-width: 767px) {
  .nav_style_side .navbar-header {
    display: block;
  }
}
@media (min-width: 767px) {
  .nav_style_side .dropdown-toggle .dropdown {
    height: 100%;
    background-color: transparent !important;
  }
  .nav_style_side .dropdown-menu {
    position: relative !important;
    width: 100%;
  }
  .nav_style_side .navbar-nav {
    padding-top: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    float: none !important;
    width: 100%;
  }
  .nav_style_side .navbar-nav li {
    width: 100%;
  }
  .nav_style_side .navbar-nav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 50px;
    border-bottom-style: dotted !important;
    border-bottom-width: 1px;
    border-bottom-color: rgba(236, 236, 236, 0.3);
    padding-left: 25px;
  }
  .nav_style_side .navbar-nav li .dropdown-menu {
    box-shadow: none;
  }
  .nav_style_side .navbar-nav li .dropdown-menu a {
    padding-left: 35px;
  }
  .nav_style_side .navbar-toggle {
    display: none !important;
  }
  .nav_style_side .navbar-toggle .icon-bar {
    background-color: #ececec !important;
  }
  .nav_style_side .navbar-toggle-desktop {
    display: block !important;
    margin-right: 25px;
    color: #ececec !important;
  }
}

@media (min-width: 767px) {
  .left .collapse {
    left: 0px;
    right: auto;
    transform: rotate(0deg) scale(1) translate(-300px, 0%);
    transition: All 0.3s ease;
    -ms-transform: rotate(0deg) scale(1) translate(-300px, 0%);
    -moz-transform: rotate(0deg) scale(1) translate(-300px, 0%);
    -webkit-transform: rotate(0deg) scale(1) translate(-300px, 0%);
    -ms-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
  }
  .left .c-state1 {
    left: 300px !important;
  }
  .right .collapse {
    right: 0px !important;
    left: auto;
    transform: rotate(0deg) scale(1) translate(300px, 0%);
    transition: All 0.3s ease;
    -ms-transform: rotate(0deg) scale(1) translate(300px, 0%);
    -moz-transform: rotate(0deg) scale(1) translate(300px, 0%);
    -webkit-transform: rotate(0deg) scale(1) translate(300px, 0%);
    -ms-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
  }
  .right .c-state1 {
    right: 300px !important;
  }
}

@media (min-width: 767px) {
  .cst_navbar_center .navbar-header {
    display: none !important;
  }
  .cst_navbar_center .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .cst_navbar_center .navbar-nav li {
    min-width: 100px;
  }
  .cst_navbar_center .navbar-nav li a:after {
    height: 1px;
    left: 15px;
  }
}

.cst_richtextList02 > ul li:before {
  color: #ff9900;
}

.headroom--not-top {
  background-color: #434343 !important;
  transition: all 0.4s ease-in-out;
}

.cst_textLinkstyle a:not(.btn) {
  color: inherit;
}
.cst_textLinkstyle a:not(.btn):hover,
.cst_textLinkstyle a:not(.btn):active,
.cst_textLinkstyle a:not(.btn):focus {
  color: #d9534f;
}

.cst_tabs .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cst_tabs .nav-tabs li a {
  margin-right: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0;
  opacity: 0.7;
  color: black;
}
.cst_tabs .nav-tabs li a:hover {
  background-color: white;
  color: black;
}
.cst_tabs .nav-tabs li.active a {
  opacity: 1;
  color: black;
  background-color: white;
}
.cst_tabs .nav-tabs li.active a:hover,
.cst_tabs .nav-tabs li.active a :focus {
  color: black;
}

.cst_tabs_full li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.cst_tabs_center .nav-tabs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cst_tabs_borderStyle01 .nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.cst_tabs_borderStyle01 .nav-tabs li a:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.cst_tabs_borderStyle01 .nav-tabs li.active a {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom-color: transparent;
}

.cst_tabs_borderStyle02 .nav-tabs {
  border-bottom: 1px solid transparent;
}
.cst_tabs_borderStyle02 .nav-tabs li a {
  border: 0;
}
.cst_tabs_borderStyle02 .nav-tabs li a:hover {
  border: 0;
}
.cst_tabs_borderStyle02 .nav-tabs li.active a {
  border: 0;
  border-bottom: 3px solid black;
  padding-top: 8px;
}

.cst_tabs_borderStyle03 .nav-tabs {
  border-bottom: 1px solid transparent;
}
.cst_tabs_borderStyle03 .nav-tabs li a {
  border: 0;
}
.cst_tabs_borderStyle03 .nav-tabs li a:hover {
  border: 0;
}
.cst_tabs_borderStyle03 .nav-tabs li.active a {
  border: 0;
  border-top: 3px solid black;
  padding-bottom: 8px;
}

.cst_tabs_noborder .nav-tabs {
  border-bottom: 1px solid transparent;
}
.cst_tabs_noborder .nav-tabs li a {
  border: 0;
}
.cst_tabs_noborder .nav-tabs li a:hover {
  border: 0;
}
.cst_tabs_noborder .nav-tabs li.active a {
  border: 0;
}

html {
  font-size: 5.208vw;
}

@media screen and (min-width: 1920px) {
  html {
    font-size: 100px;
  }
}

p.c-paragraph {
  font-family: "PingFang SC", "Microsoft YaHei" !important;
  max-width: 100%;
}

@media (max-width: 1280px) {
  .cbsect_52f7e3a5 {
    padding: 0px 1vh 0px 1vh !important;
  }
  .c-div.div_V5Vl2m {
    padding: 0px 1vh 0px 1vh !important;
  }
  .cbdiv_d6e9f207 {
    width: 180px !important;
  }
}

.div_sub p,
.div_sub a {
  color: #fff !important;
}

.color_white {
  color: #fff !important;
}

.img_full {
  width: 100%;
  height: 100%;
}

.link_box.active .link_text {
  opacity: 0.6;
  transition: All 0.3s ease;
}

.link_box.active .link_number {
  opacity: 0.6;
  transition: All 0.3s ease;
}

.link_box:hover .link_line {
  width: 20px;
  background-color: white;
  transition: All 0.3s ease;
}

.link_box:hover .link_number {
  opacity: 1;
  transition: All 0.3s ease;
}

.link_box:hover .link_text {
  opacity: 1;
  transition: All 0.3s ease;
}

.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
}

.dropdown-menu {
  box-shadow: 0 6px 12px transparent;
  min-width: 90px;
}

.dropdown-menu.custom_1 {
  box-shadow: 0 6px 12px transparent;
  min-width: 120px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: transparent !important;
  color: #ffffff;
  transition: All 0.3s ease;
}

.dropdown-menu > li > .nav_page:hover,
.dropdown-menu > li > a:focus {
  background-color: transparent !important;
  color: #333;
  transition: All 0.3s ease;
}

.btn-listitem.active .nav_page_first {
  color: #333 !important;
}

.div_service_box:hover .div_service_border {
  border-right: 1px solid rgba(255, 255, 255, 0);
  transition: All 0.3s ease;
}

.btn-listitem.active .div_map_border {
  border-color: #8892a1 !important;
  transition: All 0.3s ease;
}

.div_layout:hover .div_layout_box {
  transition: All 0.3s ease;
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.div_layout:hover .div_layout_icon_box {
  transition: All 0.3s ease;
  opacity: 0;
}

.div_layout:hover .img_layout {
  transition: All 0.3s ease;
  opacity: 1;
}

.div_layout:hover .text_layout {
  transition: All 0.3s ease;
  color: #ddd;
}

.list_layout_bg + .list_layout_bg {
  background-color: rgba(56, 59, 67, 0.3) !important;
}

.link_energy.active {
  border-right: 2px solid rgba(136, 146, 161, 0.8);
  transition: All 0.3s ease;
  background-color: rgba(204, 204, 204, 0.1);
}

.link_energy.active .nav_energy {
  color: #8892a1;
  transition: All 0.3s ease;
}

.div_layout_border:hover .img_layout {
  -webkit-transform: rotate(0deg) scale(1.1) translate(0%, 0%);
  -ms-transform: rotate(0deg) scale(1.1) translate(0%, 0%);
  transform: rotate(0deg) scale(1.1) translate(0%, 0%);
  transition: All 10s ease;
}

.div_across_box:nth-child(even) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.div_layout_border:hover .div_layout_line {
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-transform: rotate(90deg) scale(1) translate(0%, 0%);
  -ms-transform: rotate(90deg) scale(1) translate(0%, 0%);
  transform: rotate(90deg) scale(1) translate(0%, 0%);
  transition: All 0.3s ease;
}

.btn_nav_page.active .div_nav_border {
  width: calc(100% + 4vh);
  transition: All 0.3s ease;
  opacity: 0.2;
}

.btn_nav_page:hover .div_nav_border {
  width: calc(100% + 4vh);
  transition: All 0.3s ease;
  opacity: 0.1;
}

.btn_nav_page:hover .div_nav_page_page {
  height: 18vh;
  bottom: -18vh;
  transition: All 0.3s ease;
}

.btn_nav_page:hover .div_nav_page_page2 {
  height: 14vh;
  bottom: -14vh;
  transition: All 0.3s ease;
}

.btn_nav_page:hover .div_nav_page_page3 {
  height: 18vh;
  bottom: -18vh;
  transition: All 0.3s ease;
}

.div_class:hover .div_opacity_0 {
  opacity: 0;
  transition: All 0.5s ease;
}

.div_class:hover .div_opacity_1 {
  opacity: 1;
  transition: All 0.5s ease;
}

.cst_block_slide .c-slider-nav-dot {
  width: 7vh !important;
  height: 7vh !important;
  border-radius: 0 !important;
}

.c-slider-nav-dot.c-active {
  border-width: 2px;
  border-color: rgba(136, 146, 161, 0.6);
  border-bottom-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
}

.cbslid_8fcb5db4 .c-slider-nav-dot.c-active {
  border-width: 0px;
}

.div_project_color.active .div_project_color_bg {
  background-color: rgba(204, 204, 204, 0.3);
  transition: All 0.5s ease;
}

.div_project_color_more:hover .div_project_color_more_line {
  background-color: #0080c5;
  transition: All 0.5s ease;
}

.div_project_color_more:hover .text_project_color_more {
  color: #383b43;
  transition: All 0.5s ease;
}

.div_advantage:hover .div_advantage_line {
  width: 100%;
  transition: All 0.5s ease;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid rgba(204, 204, 204, 0.4);
  border-bottom-color: #021420 !important;
}

.div_custom1:hover .text_custom0 {
  width: 0px;
  padding: 0px;
  opacity: 0;
  transition: All 0.3s ease;
}

.div_custom1:hover .text_custom1 {
  width: auto;
  padding-left: 1.5vh;
  padding-right: 1.5vh;
  opacity: 1;
  transition: All 0.3s ease;
}

.nav > li > a:hover,
.nav > li > a:focus {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #3b3c45 !important;
  transition: All 0.3s ease;
}

.btn-listitem.active .img_btn_custom {
  opacity: 1;
  transition: All 0.3s ease;
}

input::-webkit-input-placeholder {
  color: #8c95a2;
  letter-spacing: 1px;
  font-family: "PingFang SC" !important;
}

input::-moz-input-placeholder {
  color: #8c95a2;
  letter-spacing: 1px;
  font-family: "PingFang SC" !important;
}

input::-ms-input-placeholder {
  color: #8c95a2;
  letter-spacing: 1px;
  font-family: "PingFang SC" !important;
}

.div_SS1OZD.active .div_Ua0c0w {
  background-color: #3b3c44;
  border-color: #3b3c44;
  transition: All 0.3s ease;
}

.div_SS1OZD.active .text_btn_contact {
  color: #3b3c44;
  transition: All 0.3s ease;
}

@media (max-width: 1441px) {
  .c-div.cbdiv_fe377af9 {
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 12.5%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 12.5%);
    transform: rotate(0deg) scale(1) translate(0%, 12.5%);
  }
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent !important;
  border-bottom: 2px solid #021420;
  border-top: 1px solid rgba(204, 204, 204, 0);
  border-left: 1px solid rgba(204, 204, 204, 0);
  border-right: 1px solid rgba(204, 204, 204, 0);
}

.nav-tabs.border_bottom_0px {
  border-bottom: 0px solid #ddd !important;
}

.height_120 {
  width: 120% !important;
  -webkit-transform: rotate(0deg) scale(1) translate(-10%, 0%) !important;
  -ms-transform: rotate(0deg) scale(1) translate(-10%, 0%) !important;
  transform: rotate(0deg) scale(1) translate(-10%, 0%) !important;
}

.div_custom_wf1:hover .div_custom_wf2 {
  opacity: 1;
  transition: All 0.5s ease;
}

.div_custom_wf1:hover .text_custom_wf1 {
  opacity: 1;
  transition: All 0.5s ease;
}

.btn-listitem.active .div_custom_wf2 {
  opacity: 1;
  transition: All 0.5s ease;
}

.btn-listitem.active .text_custom_wf1 {
  opacity: 1;
  transition: All 0.5s ease;
}

.icon_ap1 {
  width: 90% !important;
}

.icon_ap2 {
  width: 120% !important;
}

.icon_ap3 {
  width: 160% !important;
}

.icon_ap4 {
  width: 210% !important;
}

p.number {
  background-repeat: no-repeat;
  background-position: 50% 0%;
  padding-top: 10vh;
  background-size: auto 6vh;
  text-align: center;
}

p.number span {
  display: block;
  font-size: 1.8vh;
  font-family: "PingFang SC" !important;
  line-height: 1.5em;
}

p.number span.number {
  font-size: 4vh;
  font-weight: normal;
  letter-spacing: 3px;
}

/* p.p1 {
  background-image: url("../image/1ebfd2d7baae2c75f77a9652f0374194_origin.png");
}

p.p2 {
  background-image: url("../image/22c28dab0f3505a0c950b619c6136768_origin.png");
}

p.p3 {
  background-image: url("../image/06da5a459359cef85a6b5ae9d91e0a80_origin.png");
} */

@media (max-width: 996px) {
  p.number,
  p.p1,
  p.p2,
  p.p3 {
    display: none;
  }
}

.img_index_1000 {
  z-index: 1000 !important;
  transition: All 0.5s ease;
  opacity: 1 !important;
}

div.color_0727 {
  background-color: #dec875 !important;
}

div.color_4319 {
  background-color: #8db1c9 !important;
}

div.color_0343 {
  background-color: #aac576 !important;
}

div.color_1520 {
  background-color: #f0cecc !important;
}

p.color_0727 {
  color: #dec875 !important;
}

p.color_4319 {
  color: #8db1c9 !important;
}

p.color_0343 {
  color: #aac576 !important;
}

p.color_1520 {
  color: #f0cecc !important;
}

.imageblock_BZi7DJ.c0727 {
  background-image: url(../image/34206486ca333a326390148c248b656a_origin.jpg) !important;
}

.imageblock_BZi7DJ.c4319 {
  background-image: url(../image/8f1b1441fd9dcf54024c8f5566f88f46_origin.jpg) !important;
}

.imageblock_BZi7DJ.c0343 {
  background-image: url(../image/b94f174d6a0b7edbce494a5d4cf7ffa7_origin.jpg) !important;
}

.imageblock_BZi7DJ.c1520 {
  background-image: url(../image/9005d2c378938b09d9aa3a43bb7a7f85_origin.jpg) !important;
}

.color_red {
  color: #e21823 !important;
}

div.color_red {
  border-color: #e21823;
  background-color: #e21823;
}

.color_pink {
  color: #e11471 !important;
}

div.color_pink {
  border-color: #e11471;
  background-color: #e11471;
}

.color_yellow {
  color: #e0882d !important;
}

div.color_yellow {
  border-color: #e0882d;
  background-color: #e0882d;
}

.color_gold {
  color: #f8c300 !important;
}

div.color_gold {
  border-color: #f8c300;
  background-color: #f8c300;
}

.color_green {
  color: #9cc713 !important;
}

div.color_green {
  border-color: #9cc713;
  background-color: #9cc713;
}

.color_indigo {
  color: #84cacd !important;
}

div.color_indigo {
  border-color: #84cacd;
  background-color: #84cacd;
}

.color_ice {
  color: #c2d5ec !important;
}

div.color_ice {
  border-color: #c2d5ec;
  background-color: #c2d5ec;
}

.color_blue {
  color: #19afe5 !important;
}

div.color_blue {
  border-color: #19afe5;
  background-color: #19afe5;
}

.color_violet {
  color: #604d9c !important;
}

div.color_violet {
  border-color: #604d9c;
  background-color: #604d9c;
}

.imageblock_BZi7DJ.red {
  background-image: url(../image/cd1c0a2aaaf877701838fe530d9a2ca2_origin_CGprOz5.png) !important;
}

.imageblock_BZi7DJ.pink {
  background-image: url(../image/4d1a029ee4245f11017cf2a30f6f375d_origin.png) !important;
}

.imageblock_BZi7DJ.yellow {
  background-image: url(../image/7e6420a1f922d24c99663e51eae77e3e_origin.png) !important;
}

.imageblock_BZi7DJ.gold {
  background-image: url(../image/11e66d516ee8190e92c2e61c0d331900_origin.png) !important;
}

.imageblock_BZi7DJ.green {
  background-image: url(../image/524dfb41b92b4204891870561d0840b9_origin.png) !important;
}

.imageblock_BZi7DJ.indigo {
  background-image: url(../image/afdad7e21cb37dcb61622ce39d8e5c5f_origin.png) !important;
}

.imageblock_BZi7DJ.ice {
  background-image: url(../image/0e4c2838f71066457cf14484915ebd08_origin_TmNg8Hc.png) !important;
}

.imageblock_BZi7DJ.blue {
  background-image: url(../image/ab893abf2427f059b46751123716e2f4_origin.png) !important;
}

.imageblock_BZi7DJ.violet {
  background-image: url(../image/bcc802bee06b80968dc6f1b07ceb64dd_origin.png) !important;
}

@media (max-width: 1281px) {
  .citysymbol {
    padding-top: 30px !important;
  }
}

.citysymboles {
  margin-left: -3vw;
}

.citysymboles li.btn_list_item_Du9TJY {
  height: 8vh;
  min-height: 60px;
}

.citysymboles li.btn_list_item_Du9TJY.active .div_citysymbol {
  width: 5vw;
  height: 5vh;
  margin-left: -0.5vw;
  margin-right: 0vw;
}

.symbole_ywm {
  background-image: url(../image/d7796c1e406c712e11e54b545fcd524f_origin.png);
}

.symbole_bqm {
  background-image: url(../image/c1a0e97c25edce9e45481a819a039302_origin.png);
}

.symbole_jlc {
  background-image: url(../image/15418a88fc2bec22d68194ffb971c8b6_origin.png);
}

.symbole_kgg {
  background-image: url(../image/c7d0e937dfe2d377914948b6a36f2aed_origin.png);
}

.symbole_yx {
  background-image: url(../image/2ff65bae3a0a59470508a0cf83f717f1_origin.png);
  background-size: 70% !important;
}

.symbole_wbt {
  background-image: url(../image/3b6bc9757bf0d3a413acc9bd6c337fc6_origin.png);
}

.symbole_xh {
  background-image: url(../image/ff90cbeebe3daaf2c89c4f9e1b45faa7_origin.png);
}

.imageblock_BZi7DJ.ywm {
  background-image: url(../image/42287b704c49847e517ab22dac389631_origin_gk2D9ze.png) !important;
}

.imageblock_BZi7DJ.bqm {
  background-image: url(../image/64b396a07396d3c0b97fdd56305602ea_origin.png) !important;
}

.imageblock_BZi7DJ.jlc {
  background-image: url(../image/edd549862e7b9441d27c8936e3673754_origin.png) !important;
}

.imageblock_BZi7DJ.kgg {
  background-image: url(../image/3ce0f548a3f7dc625bb8701ed3ffd220_origin.png) !important;
}

.imageblock_BZi7DJ.yx {
  background-image: url(../image/ba521e9a8349912ea08ff18c2e6ff62e_origin.png) !important;
}

.imageblock_BZi7DJ.wbt {
  background-image: url(../image/74380041e01ce930dbb11d85db4efa9f_origin.png) !important;
}

.imageblock_BZi7DJ.xh {
  background-image: url(../image/c32de2301f44b045ab1ea612fc224eb3_origin.png) !important;
}

@media (max-width: 1281px) {
  .word {
    padding-top: 65px !important;
  }
}

.word {
  margin-left: -3vw;
}

.word li.btn_list_item_Du9TJY {
  height: 6vh;
  min-height: 50px;
}

.word li.btn_list_item_Du9TJY.active .div_word {
  width: 2.2vw;
  height: 2.2vw;
  margin-left: -0.5vw;
  margin-right: 1vw;
  border: 5px solid white;
  border-radius: 1.1vw;
}

.word_ri {
  background-image: url(../image/64450978fe1d7e87617bff250a236484_origin.png);
}

.imageblock_BZi7DJ.ri {
  background-image: url(../image/b5972efcebfb22edc71ac86dc30d1959_origin.png) !important;
}

.word_yue {
  background-image: url(../image/715d9e6c08c6af666863dab1ad691654_origin.png);
}

.word_di {
  background-image: url(../image/e8a98a0f4226231647ac0792972714aa_origin.png);
}

.word_ren {
  background-image: url(../image/635759c25c49f0bf527702d58749ce8c_origin.png);
}

.word_tian {
  background-image: url(../image/13b840427a38bc86786ef99cebdf17d5_origin.png);
}

.word_mu {
  background-image: url(../image/772e36088229d7c5c23ddef6859ec00b_origin.png);
}

.word_hua {
  background-image: url(../image/7d36fa490a2bc0cd5c98de91df818c90_origin.png);
}

.word_niao {
  background-image: url(../image/3eed6b8a62834ff5f7bf755584accc0c_origin.png);
}

.word_shui {
  background-image: url(../image/c0d54b945131b6e75e925b7bfef077e1_origin.png);
}

.word_shan {
  background-image: url(../image/fb5746d0ac6b1503770ed77719b4b9ac_origin.png);
}

.imageblock_BZi7DJ.yue {
  background-image: url(../image/f7e19a410059f1cdcc1f7fac395c6f3a_origin.png) !important;
}

.imageblock_BZi7DJ.di {
  background-image: url(../image/143cfa39bf2c4a3d986fcf11d3296b89_origin.png) !important;
}

.imageblock_BZi7DJ.ren {
  background-image: url(../image/11e0e64c51757a98322d20b93c818463_origin.png) !important;
}

.imageblock_BZi7DJ.tian {
  background-image: url(../image/30ed974fe055fbd81ecb7475ba962ff4_origin.png) !important;
}

.imageblock_BZi7DJ.mu {
  background-image: url(../image/01038d9a99f19555644cf7d547ee7532_origin.png) !important;
}

.imageblock_BZi7DJ.hua {
  background-image: url(../image/b078875ca3799e523536d535f1a2154e_origin.png) !important;
}

.imageblock_BZi7DJ.niao {
  background-image: url(../image/28a99edbcddcfc1059cb5ec3008ee2fc_origin.png) !important;
}

.imageblock_BZi7DJ.shui {
  background-image: url(../image/5739621acbefe118189f4c4a04345f8d_origin.png) !important;
}

.imageblock_BZi7DJ.shan {
  background-image: url(../image/a76883a3f290d0175a432e53cf27cc91_origin.png) !important;
}

.idiom {
  padding-top: 11vh;
}

@media (max-width: 1281px) {
  .idiom {
    padding-top: 98px;
  }
}

.idioms li.btn_list_item_Du9TJY {
  height: 7vh;
  min-height: 50px;
}

.idioms li.btn_list_item_Du9TJY.active .div_idiom {
  width: 4vw;
  height: 4vh;
  margin-left: -0.5vw;
  margin-right: 0vw;
}

.idiom_yffs {
  background-image: url(../image/0d4bcf939f2ba78e3c3e2647ed202eb9_origin.png);
}

.idiom_eqqm {
  background-image: url(../image/be32c05b77ade3f642b782eb5987333f_origin.png);
}

.idiom_sykt {
  background-image: url(../image/4fa734227942c447e73df78d7332ef5f_origin.png);
}

.idiom_sjpa {
  background-image: url(../image/560bcfd1b871661523958314dcebe2d1_origin.png);
}

.idiom_wflm {
  background-image: url(../image/92473762107e7c820cddd2f9f1da6bd9_origin.png);
}

.idiom_lhtc {
  background-image: url(../image/b93b7285b5406b1cbe95e2e895b8e8d7_origin.png);
}

.idiom_qxgz {
  background-image: url(../image/c1747127d08109e4acad4d790a6fff38_origin.png);
}

.idiom_bflc {
  background-image: url(../image/6f66d7ab76e391024b9b3ee0ac4a3bab_origin.png);
}

.idiom_jjtx {
  background-image: url(../image/857d2a569b759c430961065ff9ab0de8_origin.png);
}

.imageblock_BZi7DJ.yffs {
  background-image: url(../image/f83ac3b0dfed300654211bfa3575efac_origin.png) !important;
}

.imageblock_BZi7DJ.eqqm {
  background-image: url(../image/b115924f46161a88b60b25ade94d8b23_origin.png) !important;
}

.imageblock_BZi7DJ.sykt {
  background-image: url(../image/9f58bd579a050f54d3981142835aeeec_origin.png) !important;
}

.imageblock_BZi7DJ.sjpa {
  background-image: url(../image/5f8f8426d247a8381b335b3e70ee231f_origin.png) !important;
}

.imageblock_BZi7DJ.wflm {
  background-image: url(../image/bfbc6ee3ba2e794919f593c6718e1d1f_origin.png) !important;
}

.imageblock_BZi7DJ.lhtc {
  background-image: url(../image/a1095b46d3b344f22eb7785f6ace8dab_origin.png) !important;
}

.imageblock_BZi7DJ.qxgz {
  background-image: url(../image/34b1c0e0e6d7f8883938f821b5245f22_origin.png) !important;
}

.imageblock_BZi7DJ.bflc {
  background-image: url(../image/0b126c88d19c11e29f1a059b37b5cde8_origin.png) !important;
}

.imageblock_BZi7DJ.jjtx {
  background-image: url(../image/6929bcf6eac164034bda76715590fd40_origin.png) !important;
}

.animal {
  padding-top: 27vh;
}

@media (max-width: 1281px) {
  .animal {
    padding-top: 235px;
  }
}

@media (max-width: 996px) {
  .animal {
    padding-top: 265px;
  }
}

.animals {
  margin-left: -3vw;
}

.animals li.btn_list_item_Du9TJY {
  height: 5.5vh;
  min-height: 40px;
}

@media (max-width: 996px) {
  .animals li.btn_list_item_Du9TJY {
    height: 50px;
    min-height: 0px;
  }
}

.animals li.btn_list_item_Du9TJY.active .div_animal {
  margin-right: 1vw;
  width: 2.2vw;
  height: 2.2vw;
  border: 5px solid #fff !important;
  border-radius: 1.1vw;
  margin-left: -0.5vw;
}

.animal_shu {
  background-image: url(../image/7c5d3156068164a9920157519408b8d0_origin.png);
}

.animal_niu {
  background-image: url(../image/3ac7876f3c6b3c4cd574a2f7713ba5e5_origin.png);
}

.animal_hu {
  background-image: url(../image/46cf9ae800264f61738e2aeab1a56c15_origin.png);
}

.animal_tu {
  background-image: url(../image/5f06b645649858f47300203f221e7188_origin.png);
}

.animal_long {
  background-image: url(../image/ce92c5fcacbbdfbd46027712c1980ea2_origin.png);
}

.animal_she {
  background-image: url(../image/295d8f37acb44c7590c63b30691c1457_origin.png);
}

.animal_ma {
  background-image: url(../image/cc955f92faccd68a4fe7698fa8217b9d_origin.png);
}

.animal_yang {
  background-image: url(../image/08800c2072acaa7071e3ba7edc99a99e_origin.png);
}

.animal_hou {
  background-image: url(../image/0c1a1291fac7406818670c71c71578a7_origin.png);
}

.animal_ji {
  background-image: url(../image/830fc39f4a0c3689cd86d136a2646c62_origin.png);
}

.animal_gou {
  background-image: url(../image/237b901a4ccaac37ce0f6670836d0346_origin.png);
}

.animal_zhu {
  background-image: url(../image/a0d7bca9fde607f0f00000191c1f3778_origin.png);
}

.imageblock_BZi7DJ.shu {
  background-image: url(../image/802e49993e4a2ea3d178985a79d0129d_origin.png) !important;
}

.imageblock_BZi7DJ.niu {
  background-image: url(../image/7fba457d5c0dc9bf50144087ead53638_origin.png) !important;
}

.imageblock_BZi7DJ.hu {
  background-image: url(../image/be7c49c8207a674975497d622e2f851c_origin.png) !important;
}

.imageblock_BZi7DJ.tu {
  background-image: url(../image/7fba457d5c0dc9bf50144087ead53638_origin.png) !important;
}

.imageblock_BZi7DJ.long {
  background-image: url(../image/79cf741a728d8a2c124e5d9f384b5370_origin.png) !important;
}

.imageblock_BZi7DJ.she {
  background-image: url(../image/e6c0743edbd19212b992a4aed98afbf1_origin.png) !important;
}

.imageblock_BZi7DJ.ma {
  background-image: url(../image/5bb9a18cb568a837e0c37d1fd89e3a0d_origin.png) !important;
}

.imageblock_BZi7DJ.yang {
  background-image: url(../image/68b28f96337cbad9cc2ab9bfec10509b_origin.png) !important;
}

.imageblock_BZi7DJ.hou {
  background-image: url(../image/d62c2cefeb186478376e809ca73ab6d3_origin.png) !important;
}

.imageblock_BZi7DJ.ji {
  background-image: url(../image/b409ea49703f4a46e86b0872e06e6fe9_origin.png) !important;
}

.imageblock_BZi7DJ.gou {
  background-image: url(../image/c1a09a367f80cff6384265f7719aee78_origin.png) !important;
}

.imageblock_BZi7DJ.zhu {
  background-image: url(../image/8062122dda3f40b0b4bda65e0c69df49_origin.png) !important;
}

.hand {
  padding-top: 16vh;
}

@media (max-width: 1281px) {
  .hand {
    padding-top: 135px;
  }
}

.hands li.btn_list_item_Du9TJY {
  height: 22vh;
  min-height: 60px;
}

.hand_zzzs {
  background-image: url(../image/7a5158883cd66a7984c9c398803dbc9e_origin.png);
}

.hands li.btn_list_item_Du9TJY.active .div_hand.hand_zzzs {
  background-image: url(../image/250e17cb6d0adccd77c813fdc50f2630_origin.png);
}

.hand_yzxl {
  background-image: url(../image/52c2a7bdc20299d67e488131d6417bca_origin.png);
}

.hands li.btn_list_item_Du9TJY.active .div_hand.hand_yzxl {
  background-image: url(../image/4339f3d8098d54acb1fe52191771f88f_origin.png);
}

.imageblock_BZi7DJ.zzzs {
  background-image: url(../image/7f51eab9bc962e6e56ca808cde64e208_origin.png) !important;
}

.imageblock_BZi7DJ.yzxl {
  background-image: url(../image/6640af5c127f486e9d57f6e9a1258f6b_origin.png) !important;
}

.qingtong.c-div.div_DPpW0R {
  padding-top: 19vh;
}

@media (max-width: 1281px) {
  .qingtong.c-div.div_DPpW0R {
    padding-top: 165px;
  }
}

.qingtongs {
  margin-left: -3vw;
}

.qingtongs li.btn_list_item_Du9TJY {
  height: 8vh;
  min-height: 60px;
}

.qingtongs li.btn_list_item_Du9TJY.active .div_qingtong {
  margin-right: 1vw;
  width: 2.2vw;
  height: 2.2vw;
  border: 5px solid #fff !important;
  border-radius: 1.1vw;
  margin-left: -0.5vw;
}

.qingtong_xingyun {
  background-image: url(../image/e3719d7815cb842ccb4036b174d3821b_origin.png);
}

.qingtong_huiwen {
  background-image: url(../image/33c2b99c5b4aad5b768eb2f1e31ddd4e_origin.png);
}

.imageblock_BZi7DJ.xingyun {
  background-image: url(../image/3dce7ca63092762dcb0e7bc1dcb00481_origin.png) !important;
}

.imageblock_BZi7DJ.huiwen {
  background-image: url(../image/9e24f4191490d4e3e9e57b915a8dc73c_origin.png) !important;
}

.jisi.c-div.div_DPpW0R {
  padding-top: 23vh;
}

@media (max-width: 1281px) {
  .jisi.c-div.div_DPpW0R {
    padding-top: 200px;
  }
}

.jisis {
  margin-left: -3vw;
}

.jisis li.btn_list_item_Du9TJY {
  height: 8vh;
  min-height: 60px;
}

.jisis li.btn_list_item_Du9TJY.active .div_jisi {
  margin-right: 1vw;
  width: 2.2vw;
  height: 2.2vw;
  border: 5px solid #fff !important;
  border-radius: 1.1vw;
  margin-left: -0.5vw;
}

.jisi_jisi {
  background-image: url(../image/18d1f777ce2c708efabfc5963fab7bee_origin.png);
}

.jisi_shoulie {
  background-image: url(../image/d0011cd22d30eca0429528f299c89574_origin.png);
}

.imageblock_BZi7DJ.jisi {
  background-image: url(../image/b5b48234fb1c876b61d884d8fe24ef51_origin.png) !important;
}

.imageblock_BZi7DJ.shoulie {
  background-image: url(../image/0b92c7bb1e356c1f14ed7cea2f4aa350_origin.png) !important;
}

@media (max-width: 1024px) {
  .tab-content.c-tabcontent.tabcontent_16uJMn {
    margin-left: 9vw;
  }
}

@media (max-width: 800px) {
  .tab-content.c-tabcontent.tabcontent_16uJMn {
    margin-left: 17vw;
  }
}

@media (max-width: 991px) {
  .div_vHng3y {
    width: 20px !important;
    height: 20px !important;
    border-radius: 10px !important;
  }
  a.btn_list_textitem_lGecPt.active .div_vHng3y {
    width: 30px !important;
    height: 30px !important;
    border-radius: 15px !important;
    margin-left: -5px !important;
  }
  .word li.btn_list_item_Du9TJY.active .div_word {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: -5px;
  }
  .qingtongs li.btn_list_item_Du9TJY.active .div_qingtong {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: -5px;
  }
  .jisi li.btn_list_item_Du9TJY.active .div_jisi {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: -5px;
  }
  .animals li.btn_list_item_Du9TJY.active .div_animal {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: -5px;
  }
}

.location.hover {
  width: 1.7vw;
  height: 1.7vw;
  margin-left: -0.5vw;
  margin-top: -0.5vw;
}

.btn_list_item_YXElUR.hover .c-div.div_sBOXm7 {
  height: 10.3vw;
  width: 2.1vw;
  transition: all 0.5s ease 0s;
  background-image: url(../image/ae44d4f92395c4a14dba5270d95745ba_origin.png);
  background-size: 2.1vw 10.3vw;
  left: -1.8vw;
  bottom: 1.2vw;
}

.btn_list_item_YXElUR.hover .c-div.div_Rp3Onm {
  top: -13.5vw;
  left: -12.1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
}

.btn_list_item_YXElUR.hover .c-div.div_sGmr36 {
  background-image: url("../image/2d5c85fac5e5775e9cfcbbf0f3b7fdff_origin.png");
  background-size: 0.8vw 1.8vw;
}

.btn_list_item_YXElUR2.hover .c-div.div_sBOXm7 {
  height: 25.3vw;
  width: 1px;
  transition: all 0.5s ease 0s;
  background-color: #6a6a6a;
  left: 0.8vw;
  bottom: 1.2vw;
}

.btn_list_item_YXElUR2.hover .c-div.div_Rp3Onm {
  top: -28vw;
  left: -1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
}

.btn_list_item_YXElUR2.hover .c-div.div_sGmr36 {
  background-image: url("../image/7c0f9434d984acf608b609aa705edff3_origin.png");
  background-size: 1.7vw 1.2vw;
}

.btn_list_item_YXElUR3.hover .c-div.div_sBOXm7 {
  height: 22.3vw;
  width: 1px;
  transition: all 0.5s ease 0s;
  background-color: #6a6a6a;
  left: 0.8vw;
  bottom: 1.2vw;
}

.btn_list_item_YXElUR3.hover .c-div.div_Rp3Onm {
  top: -23vw;
  left: -1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
}

.btn_list_item_YXElUR3.hover .c-div.div_sGmr36 {
  background-image: url("../image/7c0f9434d984acf608b609aa705edff3_origin.png");
  background-size: 1.8vw 1.6vw;
}

.btn_list_item_YXElUR4.hover .c-div.div_sBOXm7 {
  height: 16.3vw;
  width: 1px;
  transition: all 0.5s ease 0s;
  background-color: #6a6a6a;
  left: 0.8vw;
  bottom: 1.2vw;
}

.btn_list_item_YXElUR4.hover .c-div.div_Rp3Onm {
  top: -16vw;
  left: -1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
}

.btn_list_item_YXElUR4.hover .c-div.div_sGmr36 {
  background-image: url("../image/1228000124dc1f2658ec11b97f8b6d3a_origin.png");
  background-size: 1.6vw 1.3vw;
}

.btn_list_item_YXElUR5.hover .c-div.div_sBOXm7 {
  height: 20.4vw;
  width: 6.7vw;
  transition: all 0.5s ease 0s;
  background-image: url(https://a.epub360.com/yuanjing/path1.svg);
  background-image: url(../image/0b90c7a3a0beed2b5adf7908ffcbc039_origin.svg);
  background-size: 6.7vw 20.4vw;
  left: 1vw;
}

.btn_list_item_YXElUR5.hover .c-div.div_Rp3Onm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
  top: -21.62vw;
  left: 5.8vw;
}

.btn_list_item_YXElUR5.hover .c-div.div_sGmr36 {
  background-image: url("../image/c0f56096bd79aafccc8041e90f05d8ca_origin.png");
  background-size: 1.51vw 2.34vw;
}

.btn_list_item_YXElUR6.hover .c-div.div_sBOXm7 {
  height: 14.3vw;
  width: 9.7vw;
  transition: all 0.5s ease 0s;
  background-image: url(../image/4cfcfd5110851bb5b86f727c48a96379_origin.svg);
  background-size: 9.7vw 14.3vw;
  left: 1vw;
}

.btn_list_item_YXElUR6.hover .c-div.div_Rp3Onm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
  top: -15.52vw;
  left: 8.8vw;
}

.btn_list_item_YXElUR6.hover .c-div.div_sGmr36 {
  background-image: url("../image/c0f56096bd79aafccc8041e90f05d8ca_origin.png");
  background-size: 1.51vw 2.34vw;
}

.btn_list_item_YXElUR7.hover .c-div.div_sBOXm7 {
  height: 18.3vw;
  width: 1px;
  transition: all 0.5s ease 0s;
  background-color: #6a6a6a;
  left: 0.8vw;
  bottom: 1.2vw;
}

.btn_list_item_YXElUR7.hover .c-div.div_Rp3Onm {
  top: -21vw;
  left: -1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
}

.btn_list_item_YXElUR7.hover .c-div.div_sGmr36 {
  background-image: url("../image/021c132892de7bc92041044c50efc2a2_origin.png");
  background-size: 1.8vw 1.1vw;
}

.btn_list_item_YXElUR8.hover .c-div.div_sBOXm7 {
  height: 14.7vw;
  width: 7.1vw;
  transition: all 0.5s ease 0s;
  background-image: url(../image/0b90c7a3a0beed2b5adf7908ffcbc039_origin.svg);
  background-size: cover;
  left: 1vw;
}

.btn_list_item_YXElUR8.hover .c-div.div_Rp3Onm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
  top: -16.12vw;
  left: 6.2vw;
}

.btn_list_item_YXElUR8.hover .c-div.div_sGmr36 {
  background-image: url("../image/d896fd20f34c80a6771d89ba84d5cb14_origin.png");
  background-size: 1.9vw 1.5vw;
}

.btn_list_item_YXElUR9.hover .c-div.div_sBOXm7 {
  height: 31.6vw;
  width: 1px;
  transition: all 0.5s ease 0s;
  background-color: #6a6a6a;
  left: 0.8vw;
  bottom: 1.2vw;
}

.btn_list_item_YXElUR9.hover .c-div.div_Rp3Onm {
  top: -34.3vw;
  left: -1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease 0.3s;
}

.btn_list_item_YXElUR9.hover .c-div.div_sGmr36 {
  background-image: url("../image/a57b1535bd8d584f7db416455a031ae5_origin.png");
  background-size: 2vw 2vw;
}

.white_pv.btn-default:hover,
.white_pv.btn-default:focus,
.white_pv.btn-default.focus,
.white_pv.btn-default:active,
.white_pv.btn-default.active,
.white_pv.open > .dropdown-toggle.btn-default {
  color: #3b3c45 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.div_IKP3LB.art {
  left: 0px;
  position: absolute;
}

.div_IKP3LB.technical {
  right: 0px;
  position: absolute;
}

.technical .div_IKP3LB.art {
  width: 0vw;
  transition: all 0.5s ease 0s;
  z-index: 0;
}

.technical .div_IKP3LB.technical {
  width: 50vw;
  z-index: 6;
  left: 20%;
}

.art .div_IKP3LB.art {
  width: 100vw;
  z-index: 6;
  transition: all 0.5s ease 0s;
}

.art .div_IKP3LB.technical {
  width: 0vw;
}

.btn_list_item_bh3C5k.active,
.btn_list_item_bh3C5k:hover {
  padding-left: 0px;
  border-left: 0px;
}

.btn_list_item_bh3C5k.active .paragraph_pcdriv {
  border-bottom: 3px solid #3b3c44 !important;
  padding-bottom: 2vh;
}

@media (max-width: 991px) {
  .div_IKP3LB.technical {
    display: none;
  }
  .div_bqxZDU .embedcode_Ambk9l {
    display: none;
  }
  .div_IKP3LB.art {
    width: 100%;
  }
  .btn_list_item_bh3C5k.active .paragraph_pcdriv {
    border-bottom: 1px solid #3b3c44 !important;
    padding-bottom: 1vh;
  }
}

.column_left.active {
  background-color: #f4f4f5;
}

.column_left.active .div_zLAXB0 {
  opacity: 1;
}

.column_right.active {
  background-color: #f4f4f5;
}

.column_right.active .div_zLAXB0 {
  opacity: 1;
}

.column_right.active .opacity_0 {
  opacity: 1 !important;
}

.active .cbpara_wsa4 {
  border-bottom: 3px solid #383b43;
  padding-bottom: 2vh;
}

.div_AdLLwg.wind p.wind {
  opacity: 1;
}

.div_AdLLwg.design p.design {
  opacity: 1;
}

.div_AdLLwg.net p.net {
  opacity: 1;
}

.div_AdLLwg.env p.env {
  opacity: 1;
}

@media (max-width: 1024px) {
  .c-div.element {
    width: 22vw;
    height: 17vw;
  }
  .cbhead_68df6599 {
    max-width: 90%;
    margin-left: 15px;
  }
  .cbpara_a8495af6 {
    margin-left: 15px;
  }
  .cbpara_60da1a27 {
    font-size: 12px;
    margin-left: 6px;
    margin-top: 10px;
  }
}

.mover.dragging .image-container {
  opacity: 0.8 !important;
}

.mover.dragging .element:hover .animation {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.mover.dragging:hover {
  background-color: #fff !important;
}

@media all and (-ms-high-contrast: none) {
  video.img-responsive {
    width: 100%;
    height: auto;
  }
}