@charset "UTF-8";



.dropdown-box,

.detail-pagination ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



@font-face {

  font-family: 'BBCICON-l';

  src: url("../bbc-icon/light/fonts/BBC-Light.eot?x03698");

  src: url("../bbc-icon/light/fonts/BBC-Light.eot?x03698#iefix") format("embedded-opentype"), url("../bbc-icon/light/fonts/BBC-Light.ttf?x03698") format("truetype"), url("../bbc-icon/light/fonts/BBC-Light.woff?x03698") format("woff"), url("../bbc-icon/light/fonts/BBC-Light.svg?x03698#BBC-Light") format("svg");

  font-weight: lighter;

  font-style: normal;

}



@font-face {

  font-family: 'BBCICON-r';

  src: url("../bbc-icon/regular/fonts/BBC-Regular.eot?x03698");

  src: url("../bbc-icon/regular/fonts/BBC-Regular.eot?x03698#iefix") format("embedded-opentype"), url("../bbc-icon/regular/fonts/BBC-Regular.ttf?x03698") format("truetype"), url("../bbc-icon/regular/fonts/BBC-Regular.woff?x03698") format("woff"), url("../bbc-icon/regular/fonts/BBC-Regular.svg?x03698#BBC-Regular") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'BBCICON-s';

  src: url("../bbc-icon/solid/fonts/BBC-Solid.eot?x03698");

  src: url("../bbc-icon/solid/fonts/BBC-Solid.eot?x03698#iefix") format("embedded-opentype"), url("../bbc-icon/solid/fonts/BBC-Solid.ttf?x03698") format("truetype"), url("../bbc-icon/solid/fonts/BBC-Solid.woff?x03698") format("woff"), url("../bbc-icon/solid/fonts/BBC-Solid.svg?x03698#BBC-Solid") format("svg");

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'BBC-Brands';

  src: url("../bbc-icon/brands/fonts/BBC-Brands.eot?obir7i");

  src: url("../bbc-icon/brands/fonts/BBC-Brands.eot?obir7i#iefix") format("embedded-opentype"), url("../bbc-icon/brands/fonts/BBC-Brands.ttf?obir7i") format("truetype"), url("../bbc-icon/brands/fonts/BBC-Brands.woff?obir7i") format("woff"), url("../bbc-icon/brands/fonts/BBC-Brands.svg?obir7i#BBC-Brands") format("svg");

  font-weight: normal;

  font-style: normal;

}



.br,

.bl,

.bs,

.bb,

.pages-v2 .next a:before,

.pages-v2 .end a:before,

.pages-v2 .first a:before,

.pages-v2 .prev a:before {

  speak: none;

  font-style: normal;

  text-transform: none;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  display: inline-block;

}



.br {

  font-family: 'BBCICON-r' !important;

}



.bl {

  font-family: 'BBCICON-l' !important;

  font-weight: lighter;

}



.bs {

  font-family: 'BBCICON-s' !important;

  font-weight: bold;

}



.bb {

  font-family: 'BBC-Brands' !important;

  line-height: 1;

  font-weight: normal;

  font-variant: normal;

}



.bbc-angle-double-left:before {

  content: "\e900";

}



.bbc-angle-double-right:before {

  content: "\e909";

}



.bbc-angle-left:before {

  content: "\e902";

}



.bbc-angle-right:before {

  content: "\e903";

}



.bbc-arrow-alt-to-top:before {

  content: "\e904";

}



.bbc-arrow-left:before {

  content: "\e905";

}



.bbc-arrow-right:before {

  content: "\e906";

}



.bbc-arrow-to-top:before {

  content: "\e907";

}



.bbc-calendar:before {

  content: "\e908";

}



.bbc-calendar-alt:before {

  content: "\e90a";

}



.bbc-calendar-check:before {

  content: "\e90b";

}



.bbc-check:before {

  content: "\e90c";

}



.bbc-chevron-left:before {

  content: "\e90d";

}



.bbc-chevron-right:before {

  content: "\e90e";

}



.bbc-comment-alt-dots:before {

  content: "\e901";

}



.bbc-comments-alt:before {

  content: "\e927";

}



.bbc-envelope:before {

  content: "\e90f";

}



.bbc-eye:before {

  content: "\e910";

}



.bbc-globe:before {

  content: "\e924";

}



.bbc-globe-asia:before {

  content: "\e925";

}



.bbc-heart:before {

  content: "\e911";

}



.bbc-home:before {

  content: "\e912";

}



.bbc-link:before {

  content: "\e928";

}



.bbc-lock-alt:before {

  content: "\e913";

}



.bbc-long-arrow-left:before {

  content: "\e914";

}



.bbc-long-arrow-right:before {

  content: "\e915";

}



.bbc-map-marker-alt:before {

  content: "\e916";

}



.bbc-mobile:before {

  content: "\e917";

}



.bbc-mobile-alt:before {

  content: "\e918";

}



.bbc-phone:before {

  content: "\e919";

}



.bbc-phone-volume:before {

  content: "\e91a";

}



.bbc-play:before {

  content: "\e91b";

}



.bbc-plus:before {

  content: "\e91c";

}



.bbc-search:before {

  content: "\e91d";

}



.bbc-share-alt:before {

  content: "\e91e";

}



.bbc-star:before {

  content: "\e91f";

}



.bbc-sync:before {

  content: "\e920";

}



.bbc-times:before {

  content: "\e921";

}



.bbc-trash-alt:before {

  content: "\e922";

}



.bbc-user:before {

  content: "\e923";

}



.bbc-users:before {

  content: "\e926";

}



.bbc-baidu-tie:before {

  content: "\e900";

}



.bbc-douban:before {

  content: "\e901";

}



.bbc-micro-programe:before {

  content: "\e902";

}



.bbc-qq:before {

  content: "\e903";

}



.bbc-qqzone:before {

  content: "\e904";

}



.bbc-renren:before {

  content: "\e905";

}



.bbc-tencent-weibo:before {

  content: "\e906";

}



.bbc-weibo:before {

  content: "\e907";

}



.bbc-weixin:before {

  content: "\e908";

}



.navbar-normal .nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



@media (min-width: 768px) {

  .navbar-normal .nav>li {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    -webkit-box-flex: 1;

    flex-grow: 1;

    max-width: 100%;

  }

}



@media (min-width: 768px) {

  .navbar-normal .nav-icon {

    display: none;

  }

}



.ie9 .navbar-normal .nav {

  display: table;

}



.ie9 .navbar-normal .nav>li {

  display: table-cell;

}



.navbar-auto .nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



@media (min-width: 768px) {

  .navbar-auto .nav>li {

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 0;

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }

}



.ie9 .navbar-auto .nav {

  display: table;

}



.ie9 .navbar-auto .nav>li {

  display: table-cell;

}



@media (min-width: 576px) {

  .navbar-collapse.collapse:not(.show) {

    display: block;

  }

}



@media (max-width: 991.98px) {

  .navbar-collapse.collapse:not(.show) {

    display: none;

  }

}



.navbar-toggle {

  color: #FFF;

  display: block;

  width: 40px;

  height: 38px;

  padding: 4px 0;

}



@media (min-width: 992px) {

  .navbar-toggle {

    display: none;

  }

}



.navbar-toggle .bar {

  display: block;

  width: 22px;

  height: 0;

  border-top: 2px solid;

  margin: 6px auto;

  position: relative;

  -webkit-transition: opacity .35s ease, -webkit-transform .35s ease;

  transition: opacity .35s ease, -webkit-transform .35s ease;

  transition: transform .35s ease, opacity .35s ease;

  transition: transform .35s ease, opacity .35s ease, -webkit-transform .35s ease;

}



.navbar-toggle:not(.collapsed) .bar:first-child {

  -webkit-transform: translate(0, 8px) rotate(45deg);

  transform: translate(0, 8px) rotate(45deg);

}



.navbar-toggle:not(.collapsed) .bar:nth-child(2) {

  opacity: 0;

}



.navbar-toggle:not(.collapsed) .bar:last-child {

  -webkit-transform: translate(0, -8px) rotate(-45deg);

  transform: translate(0, -8px) rotate(-45deg);

}



@media (min-width: 768px) {

  .navbar-right .nav {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }

}



.dropdown-box {

  display: none;

}



@media (min-width: 992px) {

  .dropdown-box {

    display: block;

    position: absolute;

    top: 100%;

    right: 50%;

    -webkit-transform: translate(50%, 0);

    transform: translate(50%, 0);

    z-index: 999;

    min-width: 100%;

    white-space: nowrap;

    background-color: #FFF;

    padding: 5px 0;

    border-top: 1px solid #ddd;

    text-align: center;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: opacity .35s ease;

    transition: opacity .35s ease;

    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);

    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);

  }



  .dropdown-box li {

    border: 0 !important;

  }



  .dropdown-box a {

    padding: 7px 15px;

    text-decoration: none;

  }



  .dropdown:hover .dropdown-box {

    opacity: 1;

    visibility: visible;

  }

}



.banner {

  background-position: center center;

  background-repeat: no-repeat;

  background-color: #eee;

  overflow: hidden;

  display: block;

  background-size: cover;

}



.banner:before {

  display: block;

  content: "";

  position: relative;

  z-index: 1;

}



.banner-index:before {

  padding-top: 500px;

}



@media (max-width: 1199.98px) {

  .banner-index:before {

    padding-top: 26.0416%;

  }

}



.banner-page .banner-index:before {

  padding-top: 300px;

}



@media (max-width: 1199.98px) {

  .banner-page .banner-index:before {

    padding-top: 26.31579%;

  }

}
@media (max-width: 767.98px) {

  .banner-index:before, .banner-page .banner-index:before {

    padding-top: 0;

  }

}



.notify~.notify {

  z-index: 1051;

}



.modal-backdrop~.modal-backdrop {

  z-index: 1050;

}



@media (min-width: 768px) {

  .notify {

    padding-right: 17px;

  }

}



.notify .notify-desc {

  color: #999;

}



.notify .modal-dialog {

  max-width: 420px;

}



.notify .modal-content {

  border-radius: 10px;

}



.notify .modal-footer {

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.notify .modal-footer>.btn {

  margin: 0;

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  border-color: transparent !important;

  -ms-flex-positive: 1;

  padding-top: 10px;

  padding-bottom: 10px;

  -webkit-box-flex: 1;

  flex-grow: 1;

  max-width: 100%;

  border-radius: 0;

  background-color: #FFF;

  color: #444;

  border-left: 1px solid #e9ecef !important;

}



.notify .modal-footer>.btn:hover {

  background-color: #f6f6f6;

}



.notify .modal-footer>.btn:active {

  background-color: #e8e8e8;

}



.notify .modal-footer>.btn.btn-ok,

.notify .modal-footer>.btn.btn-primary {

  color: #2150ac;

}



.notify .modal-footer>.btn:first-child {

  border-left: 0 !important;

  border-bottom-left-radius: 10px;

}



.notify .modal-footer>.btn:last-child {

  border-bottom-right-radius: 10px;

}



.ie9 .notify .notify .modal-footer {

  display: table;

}



.ie9 .notify .notify .modal-footer>.btn {

  display: table-cell;

}



.notify-alert .modal-dialog {

  max-width: 360px;

}



.notify-auto {

  color: #999999;

  font-size: 12px;

  text-align: center;

}



.row-list {

  margin: 0 -15px;

  list-style: none;

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.row-list>li {

  padding: 0 15px;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

  width: 100%;

}



.row-1>li,

.row-1>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

  width: 100%;

}



.row-2>li,

.row-2>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

  width: 50%;

}



.row-3>li,

.row-3>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 33.33333%;

  flex: 0 0 33.33333%;

  max-width: 33.33333%;

  width: 33.33333%;

}



.row-4>li,

.row-4>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

  width: 25%;

}



.row-5>li,

.row-5>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  max-width: 20%;

  width: 20%;

}



.row-6>li,

.row-6>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 16.66667%;

  flex: 0 0 16.66667%;

  max-width: 16.66667%;

  width: 16.66667%;

}



.row-7>li,

.row-7>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 14.28571%;

  flex: 0 0 14.28571%;

  max-width: 14.28571%;

  width: 14.28571%;

}



.row-8>li,

.row-8>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 12.5%;

  flex: 0 0 12.5%;

  max-width: 12.5%;

  width: 12.5%;

}



.row-1>li,

.row-1>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

  width: 100%;

}



.row-2>li,

.row-2>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

  width: 50%;

}



.row-3>li,

.row-3>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 33.33333%;

  flex: 0 0 33.33333%;

  max-width: 33.33333%;

  width: 33.33333%;

}



.row-4>li,

.row-4>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

  width: 25%;

}



.row-5>li,

.row-5>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  max-width: 20%;

  width: 20%;

}



.row-6>li,

.row-6>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 16.66667%;

  flex: 0 0 16.66667%;

  max-width: 16.66667%;

  width: 16.66667%;

}



.row-7>li,

.row-7>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 14.28571%;

  flex: 0 0 14.28571%;

  max-width: 14.28571%;

  width: 14.28571%;

}



.row-8>li,

.row-8>div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 12.5%;

  flex: 0 0 12.5%;

  max-width: 12.5%;

  width: 12.5%;

}



@media (min-width: 576px) {



  .row-sm-1>li,

  .row-sm-1>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-sm-2>li,

  .row-sm-2>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-sm-3>li,

  .row-sm-3>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-sm-4>li,

  .row-sm-4>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-sm-5>li,

  .row-sm-5>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-sm-6>li,

  .row-sm-6>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-sm-7>li,

  .row-sm-7>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 14.28571%;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-sm-8>li,

  .row-sm-8>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%;

    width: 12.5%;

  }

}



@media (min-width: 768px) {



  .row-md-1>li,

  .row-md-1>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-md-2>li,

  .row-md-2>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-md-3>li,

  .row-md-3>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-md-4>li,

  .row-md-4>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-md-5>li,

  .row-md-5>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-md-6>li,

  .row-md-6>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-md-7>li,

  .row-md-7>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 14.28571%;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-md-8>li,

  .row-md-8>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%;

    width: 12.5%;

  }

}



@media (min-width: 992px) {



  .row-lg-1>li,

  .row-lg-1>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-lg-2>li,

  .row-lg-2>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-lg-3>li,

  .row-lg-3>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-lg-4>li,

  .row-lg-4>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-lg-5>li,

  .row-lg-5>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-lg-6>li,

  .row-lg-6>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-lg-7>li,

  .row-lg-7>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 14.28571%;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-lg-8>li,

  .row-lg-8>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%;

    width: 12.5%;

  }

}



@media (min-width: 1200px) {



  .row-xl-1>li,

  .row-xl-1>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-xl-2>li,

  .row-xl-2>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-xl-3>li,

  .row-xl-3>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-xl-4>li,

  .row-xl-4>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-xl-5>li,

  .row-xl-5>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-xl-6>li,

  .row-xl-6>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-xl-7>li,

  .row-xl-7>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 14.28571%;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-xl-8>li,

  .row-xl-8>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%;

    width: 12.5%;

  }

}



.pagination {

  margin: 25px 0;

}



.pagination .pages {

  margin: 0 -5px;

}



.pagination li {

  display: inline-block;

  padding: 0 5px;

  vertical-align: middle;

}



.pagination a {

  height: 28px;

  line-height: 26px;

  min-width: 28px;

  padding: 0 7px;

  text-align: center;

  -webkit-transition: all .35s;

  transition: all .35s;

  border: 1px solid #ddd;

  color: #333333;

  display: block;

}



.pagination a:hover {

  background-color: #f0f0f0;

}



.pagination .active a {

  background-color: #2150ac;

  border-color: #2150ac;

  color: #FFF;

}



.pages-v1 .next a:before {

  content: "下一页";

}



.pages-v1 .end a:before {

  content: "尾页";

}



.pages-v1 .prev a:before {

  content: "上一页";

}



.pages-v1 .first a:before {

  content: "首页";

}



.pages-v2 .next a:before,

.pages-v2 .end a:before,

.pages-v2 .first a:before,

.pages-v2 .prev a:before {

  display: inline-block;

}



.pages-v2 .next a:before {

  content: "\e903";

}



.pages-v2 .prev a:before {

  content: "\e902";

}



.pages-v2 .first a:before {

  content: "\e900";

}



.pages-v2 .end a:before {

  content: "\e901";

}



/*------------------------------------

 *  Box-shadows Styles

 *------------------------------------ */

[class*="shadow--hover"] {

  -webkit-transition: -webkit-box-shadow .35s ease;

  transition: -webkit-box-shadow .35s ease;

  transition: box-shadow .35s ease;

  transition: box-shadow .35s ease, -webkit-box-shadow .35s ease;

}



.shadow-none {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}



.shadow-none--focus:focus {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}



.g-parent:hover .shadow-none--parent-hover {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}



/*------------------------------------

 *  Box-shadows-v1

 *------------------------------------ */

.shadow-v1,

.shadow--hover-v1:hover {

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.shadow-v1-1,

.shadow--hover-v1-1:hover {

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.shadow-v1-2,

.shadow--hover-v1-2:hover {

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.shadow-v1-3,

.shadow--hover-v1-3:hover {

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}



.shadow-v1-4,

.shadow--hover-v1-4:hover {

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

}



/*------------------------------------

 *  Box-shadows-v2

 *------------------------------------ */

.shadow-v2 {

  -webkit-box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2);

  box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2);

}



.shadow-v2-1,

.shadow--hover-v2-1:hover {

  -webkit-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.2);

  box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.2);

}



.shadow-v2-2,

.shadow--hover-v2-2:hover {

  -webkit-box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2);

  box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2);

}



.shadow-v2-3,

.shadow--hover-v2-3:hover {

  -webkit-box-shadow: 0 18px 18px -12px rgba(0, 0, 0, 0.2);

  box-shadow: 0 18px 18px -12px rgba(0, 0, 0, 0.2);

}



.shadow-v2-4,

.shadow--hover-v2-4:hover {

  -webkit-box-shadow: 0 24px 24px -16px rgba(0, 0, 0, 0.2);

  box-shadow: 0 24px 24px -16px rgba(0, 0, 0, 0.2);

}



/*------------------------------------

 *  Box-shadows-v3-v4-v5

 *------------------------------------ */

[class*="shadow--hover-v3"]:after,

[class*="shadow--hover-v3"]:before {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  -webkit-transition: -webkit-box-shadow .35s ease;

  transition: -webkit-box-shadow .35s ease;

  transition: box-shadow .35s ease;

  transition: box-shadow .35s ease, -webkit-box-shadow .35s ease;

}



.shadow-v3 {

  position: relative;

}



.shadow-v3:after,

.shadow-v3:before {

  content: "";

  display: none;

  position: absolute;

  top: 80%;

  max-width: 300px;

  width: 50%;

  background: rgba(0, 0, 0, 0.2);

  z-index: -1;

  bottom: 30px;

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

}



.shadow-v3:after {

  display: block;

  right: 10px;

  -webkit-transform: rotate(3deg);

  transform: rotate(3deg);

}



.shadow-v3:before {

  display: block;

  left: 10px;

  -webkit-transform: rotate(-3deg);

  transform: rotate(-3deg);

}



.shadow-v3:hover:after,

.shadow-v3:hover:before {

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

}



.shadow-v3-left {

  position: relative;

}



.shadow-v3-left:after,

.shadow-v3-left:before {

  content: "";

  display: none;

  position: absolute;

  top: 80%;

  max-width: 300px;

  width: 50%;

  background: rgba(0, 0, 0, 0.2);

  z-index: -1;

  bottom: 30px;

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

}



.shadow-v3-left:before {

  display: block;

  left: 10px;

  -webkit-transform: rotate(-3deg);

  transform: rotate(-3deg);

}



.shadow-v3-left:hover:after,

.shadow-v3-left:hover:before {

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

}



.shadow-v3-right {

  position: relative;

}



.shadow-v3-right:after,

.shadow-v3-right:before {

  content: "";

  display: none;

  position: absolute;

  top: 80%;

  max-width: 300px;

  width: 50%;

  background: rgba(0, 0, 0, 0.2);

  z-index: -1;

  bottom: 30px;

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

}



.shadow-v3-right:after {

  display: block;

  right: 10px;

  -webkit-transform: rotate(3deg);

  transform: rotate(3deg);

}



.shadow-v3-right:hover:after,

.shadow-v3-right:hover:before {

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

}



.shadow--hover-v3-left {

  position: relative;

}



.shadow--hover-v3-left:after,

.shadow--hover-v3-left:before {

  content: "";

  display: none;

  position: absolute;

  top: 80%;

  max-width: 300px;

  width: 50%;

  background: rgba(0, 0, 0, 0.2);

  z-index: -1;

  bottom: 30px;

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

}



.shadow--hover-v3-left:before {

  display: block;

  left: 10px;

  -webkit-transform: rotate(-3deg);

  transform: rotate(-3deg);

}



.shadow--hover-v3-left:hover:after,

.shadow--hover-v3-left:hover:before {

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

}



.shadow--hover-v3-right {

  position: relative;

}



.shadow--hover-v3-right:after,

.shadow--hover-v3-right:before {

  content: "";

  display: none;

  position: absolute;

  top: 80%;

  max-width: 300px;

  width: 50%;

  background: rgba(0, 0, 0, 0.2);

  z-index: -1;

  bottom: 30px;

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);

}



.shadow--hover-v3-right:before {

  display: block;

  left: 10px;

  -webkit-transform: rotate(-3deg);

  transform: rotate(-3deg);

}



.shadow--hover-v3-right:hover:after,

.shadow--hover-v3-right:hover:before {

  -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important;

}



/*------------------------------------

 *  Box-shadows-v7

 *------------------------------------ */

.shadow-v4-left {

  -webkit-box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.075);

  box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.075);

}



.shadow-v4-right {

  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.075);

  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.075);

}



.shadow-v4-left-1,

.shadow--hover-v4-left-1:hover {

  -webkit-box-shadow: -5px 5px 10px -5px rgba(0, 0, 0, 0.075);

  box-shadow: -5px 5px 10px -5px rgba(0, 0, 0, 0.075);

}



.shadow-v4-right-1,

.shadow--hover-v4-right-1:hover {

  -webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.075);

  box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.075);

}



.shadow-v4-left-2,

.shadow--hover-v4-left-2:hover {

  -webkit-box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.1125);

  box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.1125);

}



.shadow-v4-right-2,

.shadow--hover-v4-right-2:hover {

  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.1125);

  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.1125);

}



.shadow-v4-left-3,

.shadow--hover-v4-left-3:hover {

  -webkit-box-shadow: -15px 15px 30px -15px rgba(0, 0, 0, 0.15);

  box-shadow: -15px 15px 30px -15px rgba(0, 0, 0, 0.15);

}



.shadow-v4-right-3,

.shadow--hover-v4-right-3:hover {

  -webkit-box-shadow: 15px 15px 30px -15px rgba(0, 0, 0, 0.15);

  box-shadow: 15px 15px 30px -15px rgba(0, 0, 0, 0.15);

}



.shadow-v4-left-4,

.shadow--hover-v4-left-4:hover {

  -webkit-box-shadow: -20px 20px 40px -20px rgba(0, 0, 0, 0.1875);

  box-shadow: -20px 20px 40px -20px rgba(0, 0, 0, 0.1875);

}



.shadow-v4-right-4,

.shadow--hover-v4-right-4:hover {

  -webkit-box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.1875);

  box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.1875);

}



.label-required {

  position: relative;

}



.label-required:before {

  content: "*";

  color: #dc3545;

  position: absolute;

  display: inline-block;

  vertical-align: middle;

  width: 0.75em;

  margin-left: -0.75em;

}



.help-block {

  display: none;

}



.has-error .form-control {

  border-color: #dc3545;

}



.has-error .help-block {

  margin-top: 5px;

  display: block;

  color: #dc3545;

}



.has-error label {

  color: #dc3545 !important;

}



.has-error .checker .checker-radio:before,

.has-error .checker .checker-checkbox:before {

  border-color: #dc3545;

}



.form-v1 .col-form-label {

  margin-left: 15px;

  width: calc(100% - 30px);

}



.form-label-3 .col-form-label {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 3em;

  flex: 0 0 3em;

  max-width: 3em;

}



.form-label-3 .col-js-select {

  max-width: calc(100% - 3em - 15px);

}



.form-label-4 .col-form-label {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 4em;

  flex: 0 0 4em;

  max-width: 4em;

}



.form-label-4 .col-js-select {

  max-width: calc(100% - 4em - 15px);

}



.form-label-5 .col-form-label {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 5em;

  flex: 0 0 5em;

  max-width: 5em;

}



.form-label-5 .col-js-select {

  max-width: calc(100% - 5em - 15px);

}



.form-label-6 .col-form-label {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 6em;

  flex: 0 0 6em;

  max-width: 6em;

}



.form-label-6 .col-js-select {

  max-width: calc(100% - 6em - 15px);

}



.form-label-7 .col-form-label {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 7em;

  flex: 0 0 7em;

  max-width: 7em;

}



.form-label-7 .col-js-select {

  max-width: calc(100% - 7em - 15px);

}



@media (min-width: 576px) {

  .form-sm-label-3 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 3em;

    flex: 0 0 3em;

    max-width: 3em;

  }



  .form-sm-label-3 .col-js-select {

    max-width: calc(100% - 3em - 15px);

  }

}



@media (min-width: 576px) {

  .form-sm-label-4 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 4em;

    flex: 0 0 4em;

    max-width: 4em;

  }



  .form-sm-label-4 .col-js-select {

    max-width: calc(100% - 4em - 15px);

  }

}



@media (min-width: 576px) {

  .form-sm-label-5 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 5em;

    flex: 0 0 5em;

    max-width: 5em;

  }



  .form-sm-label-5 .col-js-select {

    max-width: calc(100% - 5em - 15px);

  }

}



@media (min-width: 576px) {

  .form-sm-label-6 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 6em;

    flex: 0 0 6em;

    max-width: 6em;

  }



  .form-sm-label-6 .col-js-select {

    max-width: calc(100% - 6em - 15px);

  }

}



@media (min-width: 576px) {

  .form-sm-label-7 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 7em;

    flex: 0 0 7em;

    max-width: 7em;

  }



  .form-sm-label-7 .col-js-select {

    max-width: calc(100% - 7em - 15px);

  }

}



@media (min-width: 768px) {

  .form-md-label-3 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 3em;

    flex: 0 0 3em;

    max-width: 3em;

  }



  .form-md-label-3 .col-js-select {

    max-width: calc(100% - 3em - 15px);

  }

}



@media (min-width: 768px) {

  .form-md-label-4 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 4em;

    flex: 0 0 4em;

    max-width: 4em;

  }



  .form-md-label-4 .col-js-select {

    max-width: calc(100% - 4em - 15px);

  }

}



@media (min-width: 768px) {

  .form-md-label-5 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 5em;

    flex: 0 0 5em;

    max-width: 5em;

  }



  .form-md-label-5 .col-js-select {

    max-width: calc(100% - 5em - 15px);

  }

}



@media (min-width: 768px) {

  .form-md-label-6 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 6em;

    flex: 0 0 6em;

    max-width: 6em;

  }



  .form-md-label-6 .col-js-select {

    max-width: calc(100% - 6em - 15px);

  }

}



@media (min-width: 768px) {

  .form-md-label-7 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 7em;

    flex: 0 0 7em;

    max-width: 7em;

  }



  .form-md-label-7 .col-js-select {

    max-width: calc(100% - 7em - 15px);

  }

}



@media (min-width: 992px) {

  .form-lg-label-3 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 3em;

    flex: 0 0 3em;

    max-width: 3em;

  }



  .form-lg-label-3 .col-js-select {

    max-width: calc(100% - 3em - 15px);

  }

}



@media (min-width: 992px) {

  .form-lg-label-4 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 4em;

    flex: 0 0 4em;

    max-width: 4em;

  }



  .form-lg-label-4 .col-js-select {

    max-width: calc(100% - 4em - 15px);

  }

}



@media (min-width: 992px) {

  .form-lg-label-5 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 5em;

    flex: 0 0 5em;

    max-width: 5em;

  }



  .form-lg-label-5 .col-js-select {

    max-width: calc(100% - 5em - 15px);

  }

}



@media (min-width: 992px) {

  .form-lg-label-6 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 6em;

    flex: 0 0 6em;

    max-width: 6em;

  }



  .form-lg-label-6 .col-js-select {

    max-width: calc(100% - 6em - 15px);

  }

}



@media (min-width: 992px) {

  .form-lg-label-7 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 7em;

    flex: 0 0 7em;

    max-width: 7em;

  }



  .form-lg-label-7 .col-js-select {

    max-width: calc(100% - 7em - 15px);

  }

}



@media (min-width: 1200px) {

  .form-xl-label-3 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 3em;

    flex: 0 0 3em;

    max-width: 3em;

  }



  .form-xl-label-3 .col-js-select {

    max-width: calc(100% - 3em - 15px);

  }

}



@media (min-width: 1200px) {

  .form-xl-label-4 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 4em;

    flex: 0 0 4em;

    max-width: 4em;

  }



  .form-xl-label-4 .col-js-select {

    max-width: calc(100% - 4em - 15px);

  }

}



@media (min-width: 1200px) {

  .form-xl-label-5 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 5em;

    flex: 0 0 5em;

    max-width: 5em;

  }



  .form-xl-label-5 .col-js-select {

    max-width: calc(100% - 5em - 15px);

  }

}



@media (min-width: 1200px) {

  .form-xl-label-6 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 6em;

    flex: 0 0 6em;

    max-width: 6em;

  }



  .form-xl-label-6 .col-js-select {

    max-width: calc(100% - 6em - 15px);

  }

}



@media (min-width: 1200px) {

  .form-xl-label-7 .col-form-label {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 7em;

    flex: 0 0 7em;

    max-width: 7em;

  }



  .form-xl-label-7 .col-js-select {

    max-width: calc(100% - 7em - 15px);

  }

}



.checker {

  padding-top: calc(0.375rem + 1px);

  padding-bottom: calc(0.375rem + 1px);

  margin-bottom: 0;

  display: inline-block;

  font-size: inherit;

  line-height: 1.5;

  margin-right: 15px;

  cursor: pointer;

}



.checker .checker-radio,

.checker .checker-checkbox {

  position: relative;

  padding-left: 1.5em;

  display: block;

}



.checker .checker-radio:before,

.checker .checker-radio:after,

.checker .checker-checkbox:before,

.checker .checker-checkbox:after {

  color: #aaa;

  position: absolute;

  left: 0;

  top: 3px;

  content: "";

  display: block;

  font-size: 16px;

}



.checker .checker-radio:before,

.checker .checker-checkbox:before {

  width: 1em;

  height: 1em;

  border: 1px solid;

}



.checker .checker-radio:hover:before,

.checker .checker-checkbox:hover:before {

  color: #2150ac;

}



.checker .checker-radio:before,

.checker .checker-radio:after {

  border-radius: 50%;

}



.checker .checker-radio:after {

  opacity: 0;

  border: 0.25em solid;

  top: 7px;

  left: 0.25em;

}



.checker .checker-checkbox:before {

  border-radius: 3px;

}



.checker .checker-checkbox:after {

  opacity: 0;

  border-radius: 1px;

  border-bottom: 2px solid;

  border-right: 2px solid;

  width: 0.4em;

  height: 0.6em;

  top: 5px;

  left: 0.325em;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.checker input:checked+.checker-radio:after,

.checker input:checked+.checker-radio:before,

.checker input:checked+.checker-checkbox:after,

.checker input:checked+.checker-checkbox:before {

  color: #2150ac;

}



.checker input:checked+.checker-radio:after,

.checker input:checked+.checker-checkbox:after {

  opacity: 1;

}



.checker-sm {

  font-size: 0.875rem;

}



.select-v1 {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='#888' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right .5rem center;

  background-size: 1rem 1rem;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  padding-right: 1.75rem;

}



.spinner {

  border: 5px solid #eee;

  border-top: 5px solid #2150ac;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  width: 24px;

  height: 24px;

  -webkit-animation: spin 1.2s linear infinite;

  animation: spin 1.2s linear infinite;

}



@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.spinner-sm {

  width: 1em;

  height: 1em;

  border: 2px solid rgba(0, 0, 0, 0.5);

  border-top: 2px solid #eee;

  margin-right: 5px;

}



.mobile-dropdown {

  display: none;

}



@media (max-width: 767.98px) {

  .mobile-dropdown {

    display: block;

    position: fixed;

    z-index: 999;

    right: 100%;

    width: 60%;

    height: 100%;

    top: 0;

    overflow: auto;

    background-color: #131c2c;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: -webkit-transform .35s ease;

    transition: -webkit-transform .35s ease;

    transition: transform .35s ease;

    transition: transform .35s ease, -webkit-transform .35s ease;

  }



  .mobile-dropdown.open {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  .mobile-dropdown .nav>li {

    border-bottom: 1px solid #040508;

  }



  .mobile-dropdown .nav>li>a {

    color: #FFF;

    padding: 10px 35px;

    -webkit-transition: background-color .35s ease;

    transition: background-color .35s ease;

  }



  .mobile-dropdown .nav>li.nav-dropdown-link {

    font-size: 18px;

  }



  .mobile-dropdown .nav>li.nav-dropdown-link>a {

    padding: 10px 20px;

  }



  .mobile-dropdown .nav>li.active a,

  .mobile-dropdown .nav>li:hover a {

    background-color: #040508;

  }



  .mobile-dropdown-backdrop {

    display: block;

    visibility: hidden;

    opacity: 0;

    background-color: rgba(0, 0, 0, 0.5);

    width: 100%;

    height: 100%;

    transtion: opacity .35s ease;

    position: fixed;

    top: 0;

    left: 0;

  }



  .mobile-dropdown-backdrop.open {

    opacity: 1;

    visibility: visible;

  }

}



.header-brand::after {

  display: block;

  clear: both;

  content: "";

}



.header-logo,

.header-hotline {

  display: block;

}



.header-left {

  float: left;

  max-width: 60%;

}



.header-right {

  float: right;

  max-width: 40%;

}



@media (max-width: 767.98px) {

  .navbar-grid[data-nav] .container {

    width: 100%;

    max-width: 100%;

    padding: 0;

  }



  .navbar-grid[data-nav] .nav {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    border-top: 1px solid #131c2c;

    border-right: 1px solid #131c2c;

    font-size: 14px;

  }



  .navbar-grid[data-nav] .nav li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    border: 1px solid #131c2c;

    border-top: 0;

    border-right: 0;

  }



  .navbar-grid[data-nav] .nav-icon {

    font-size: 24px;

    display: block;

    margin-bottom: 8px;

  }



  .navbar-grid[data-nav] .nav-title {

    opacity: 0.75;

  }



  .navbar-grid[data-nav="11"] .nav li:nth-child(8)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



  .navbar-grid[data-nav="7"] .nav li:nth-child(4)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



  .navbar-grid[data-nav="10"] .nav li:nth-child(8)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }



  .navbar-grid.nav10a[data-nav="10"] .nav li:nth-child(4)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



  .navbar-grid.nav10b[data-nav="10"] .nav li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20% !important;

    flex: 0 0 20% !important;

    max-width: 20% !important;

  }



  .navbar-grid.nav10b[data-nav="10"] .nav li .nav-title {

    display: inline-block;

    width: 2em;

  }



  .navbar-grid[data-nav="9"] .nav li,

  .navbar-grid[data-nav="6"] .nav li,

  .navbar-grid.nav12a[data-nav="12"] .nav li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.333%;

    flex: 0 0 33.333%;

    max-width: 33.333%;

  }

}



.is-sticky {

  z-index: 999;

}



.sticky {

  width: 100%;

}



@media (max-width: 767.98px) {

  .header-holder-v1 {

    height: 67px;

  }

}



.header-v1 {

  background-color: #FFF;

}



.header-v1::after {

  display: block;

  clear: both;

  content: "";

}



@media (max-width: 767.98px) {

  .header-holder-v1 .header-v1 {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

  }

}



.header-v1 a {

  text-decoration: none !important;

}



@media (min-width: 768px) {

  .header-v1 .navbar-toggle {

    display: none;

  }

}



.header-v1 .navbar-toggle {

  color: #2150ac;

  width: 42px;

  height: 42px;

  border-radius: 50%;

  border: 1px solid;

  padding: 6px 0;

  margin-left: 8px;

}



.header-v1 .navbar {

  background-color: #2150ac;

}



.header-v1 .header-brand {

  padding: 20px 0;

  border-bottom: 1px solid #eee;

}



@media (max-width: 767.98px) {

  .header-v1 .header-brand {

    padding: 12px 0;

  }



  .header-v1 .header-brand .container {

    max-width: 100%;

  }

}



.header-v1 .header-hotline {

  font-size: 20px;

}



@media (max-width: 767.98px) {

  .header-v1 .header-hotline {

    font-size: 24px;

  }



  .header-v1 .header-hotline span {

    display: none;

  }

}



.header-v1 .hotline-icon {

  font-size: .875em;

  width: 2em;

  height: 2em;

  border: 1px solid;

  line-height: 2em;

  text-align: center;

  border-radius: 50%;

  margin-right: 8px;

}



@media (max-width: 767.98px) {

  .header-v1 .hotline-icon {

    margin-right: 0;

  }

}



@media (min-width: 768px) {

  .header-v1 .navbar-main.collapse {

    display: block;

  }

}



@media (max-width: 767.98px) {

  .header-v1 .header-logo img {

    height: 42px;

    width: auto;

  }



  .header-v1 .header-hotline,

  .header-v1 .navbar-toggle {

    display: inline-block;

    vertical-align: middle;

  }

}



@media (max-width: 767.98px) {

  .navbar-grid[data-nav] .container {

    width: 100%;

    max-width: 100%;

    padding: 0;

  }



  .navbar-grid[data-nav] .nav {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    border-top: 1px solid #131c2c;

    border-right: 1px solid #131c2c;

    font-size: 14px;

  }



  .navbar-grid[data-nav] .nav li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    border: 1px solid #131c2c;

    border-top: 0;

    border-right: 0;

  }



  .navbar-grid[data-nav] .nav-icon {

    font-size: 24px;

    display: block;

    margin-bottom: 8px;

  }



  .navbar-grid[data-nav] .nav-title {

    opacity: 0.75;

  }



  .navbar-grid[data-nav="11"] .nav li:nth-child(8)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



  .navbar-grid[data-nav="7"] .nav li:nth-child(4)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



  .navbar-grid[data-nav="10"] .nav li:nth-child(8)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }



  .navbar-grid.nav10a[data-nav="10"] .nav li:nth-child(4)~li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



  .navbar-grid.nav10b[data-nav="10"] .nav li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20% !important;

    flex: 0 0 20% !important;

    max-width: 20% !important;

  }



  .navbar-grid.nav10b[data-nav="10"] .nav li .nav-title {

    display: inline-block;

    width: 2em;

  }



  .navbar-grid[data-nav="9"] .nav li,

  .navbar-grid[data-nav="6"] .nav li,

  .navbar-grid.nav12a[data-nav="12"] .nav li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.333%;

    flex: 0 0 33.333%;

    max-width: 33.333%;

  }

}



@media (min-width: 768px) {

  .nav-header-v1>li:not(:first-child) {

    padding-left: 1px;

    position: relative;

  }



  .nav-header-v1>li:not(:first-child):before {

    content: "";

    height: 40%;

    top: 30%;

    left: 0;

    position: absolute;

    border-left: 1px solid #131c2c;

  }

}



.nav-header-v1>li>a {

  padding: 12px 15px;

  text-align: center;

  color: #FFF;

  text-decoration: none;

  margin: 0 -1px;

  -webkit-transition: background-color .35s ease;

  transition: background-color .35s ease;

}



@media (max-width: 575.98px) {

  .nav-header-v1>li>a {

    padding: 12px 12px;

    font-size: 13px;

  }

}



.nav-header-v1>li:hover>a,

.nav-header-v1>li.active>a {

  background-color: #131c2c;

}



.header-v2 a {

  text-decoration: none !important;

}



.header-v2 .navbar {

  background-color: #2150ac;

}



@media (max-width: 767.98px) {

  .header-v2 .navbar .container {

    padding: 0;

  }

}



.header-v2 .header-brand {

  padding: 20px 0;

  border-bottom: 1px solid #eee;

}



@media (max-width: 767.98px) {

  .header-v2 .header-brand {

    padding: 12px 0;

  }



  .header-v2 .header-brand .container {

    max-width: 100%;

  }

}



.header-v2 .header-hotline {

  font-size: 20px;

}



@media (max-width: 767.98px) {

  .header-v2 .header-hotline {

    font-size: 24px;

  }



  .header-v2 .header-hotline span {

    display: none;

  }

}



.header-v2 .hotline-icon {

  font-size: .875em;

  width: 2em;

  height: 2em;

  border: 1px solid;

  line-height: 2em;

  text-align: center;

  border-radius: 50%;

  margin-right: 8px;

}



@media (max-width: 767.98px) {

  .header-v2 .hotline-icon {

    margin-right: 0;

  }

}



.header-v2 .navbar-container {

  position: relative;

}



.header-v2 .navbar-container::after {

  display: block;

  clear: both;

  content: "";

}



.header-v2 .nav-toggle-wrap {

  width: 0;

  float: right;

  overflow: hidden;

}



.header-v2 .navbar-toggle {

  width: 40px;

  height: 40px;

  padding: 5px 0;

}



.header-v2 .navbar-has-hidden .nav {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.header-v2 .navbar-has-hidden .nav-toggle-wrap {

  width: 40px;

}



.header-v2 .navbar-has-hidden .navbar-toggle {

  display: block !important;

  color: #FFF;

}



.header-v2 #more-nav {

  text-align: center;

  background-color: #eee;

}



.header-v2 #more-nav li {

  display: inline-block;

}



.header-v2 #more-nav a {

  padding: 8px 12px;

  color: #888;

}



.header-v2 #more-nav a:hover {

  color: #2150ac;

}



.header-v2 #more-nav li.active>a {

  color: #2150ac;

}



.nav-header-v2 {

  overflow: hidden;

}



.nav-header-v2>li>a {

  color: #FFF;

  padding: 10px 15px;

  white-space: nowrap;

}



@media (max-width: 767.98px) {

  .nav-header-v2>li>a {

    padding: 10px 13px;

  }

}



.nav-header-v2>li>a:hover {

  color: #ffffff;

  background-color: #131c2c;

}



.nav-header-v2>li.active>a {

  color: #ffffff;

  background-color: #131c2c;

}



.header-v3 {

  background-color: #ffffff;

  position: relative;

  width: 100%;

  z-index: 991;

  text-align: center;

  -webkit-transition: background .35s;

  transition: background .35s;

}



.header-v3.header-active {

  background: #FFF;

  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);

  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);

}



@media (min-width: 768px) {

  .header-v3 .navbar-main.collapse {

    display: block !important;

    background-color: #2150ac;

  }

}



@media (max-width: 767.98px) {

  .header-v3 .navbar-main.collapse>.container {

    padding: 0;

  }

}



.header-v3 .header-logo {

  padding: 10px 15px;

  float: left;

}



@media (max-width: 767.98px) {

  .header-v3 .header-logo {

    max-width: 70%;

    padding-left: 0;

  }

}



.header-v3 .header-logo img {

  height: 46px;

  width: auto;

}



@media (max-width: 991.98px) {

  .header-v3 .header-logo img {

    height: 36px;

  }

}



.header-v3 .header-hotline {

  font-size: 20px;

  padding: 15px 15px;

  color: #2150ac;

  -webkit-transition: color .35s;

  transition: color .35s;

}



.header-v3 .header-hotline span {

  font-family: 'impact';

  font-size: 25px;

}



@media (max-width: 991.98px) {

  .header-v3 .header-hotline {

    padding: 10px 15px;

  }

}



@media (max-width: 767.98px) {

  .header-v3 .header-hotline {

    padding: 5px;

    display: inline-block;

    vertical-align: middle;

  }



  .header-v3 .header-hotline span {

    display: none;

  }

}



.header-v3 .hotline-icon {

  font-size: 18px;

  border-radius: 50%;

  width: 2em;

  height: 2em;

  line-height: 2em;

  border: 1px solid;

  margin-right: 5px;

}



@media (max-width: 991.98px) {

  .header-v3 .hotline-icon {

    text-align: center;

  }

}



@media (max-width: 767.98px) {

  .header-v3 .hotline-icon {

    margin-right: 0;

    font-size: 20px;

  }

}



.header-v3 .navbar-toggle {

  display: none;

  width: 40px;

  height: 40px;

  border: 1px solid;

  border-radius: 50%;

  vertical-align: middle;

  margin-right: 15px;

  color: #2150ac;

  -webkit-transition: color .35s;

  transition: color .35s;

}



@media (max-width: 767.98px) {

  .header-v3 .navbar-toggle {

    display: inline-block;

    margin-right: 0;

  }

}



@media (min-width: 768px) {

  .nav-header-v3 .dropdown .dropdown-box {

    -webkit-transition: opacity .35s, -webkit-transform .35s;

    transition: opacity .35s, -webkit-transform .35s;

    transition: transform .35s, opacity .35s;

    transition: transform .35s, opacity .35s, -webkit-transform .35s;

    -webkit-transform: translate3d(50%, 50px, 0);

    transform: translate3d(50%, 50px, 0);

  }



  .nav-header-v3 .dropdown .dropdown-box a {

    -webkit-transition: all .35s;

    transition: all .35s;

  }



  .nav-header-v3 .dropdown .dropdown-box a:hover {

    background-color: #2150ac;

    color: #fff;

  }



  .nav-header-v3 .dropdown:hover .dropdown-box {

    -webkit-transform: translate3d(50%, 0, 0);

    transform: translate3d(50%, 0, 0);

    opacity: 1;

    visibility: visible;

  }



  .nav-header-v3 .dropdown-btn {

    display: none !important;

  }



  .nav-header-v3 .nav-title {

    position: relative;

    z-index: 4;

  }



  .nav-header-v3>li {

    -webkit-box-flex: 0 !important;

    -ms-flex: 0 1 100% !important;

    flex: 0 1 100% !important;

  }

}



.nav-header-v3>li>a {

  padding: 0 10px;

  font-size: 16px;

  line-height: 60px;

  text-align: center;

  color: #fff;

  background-color: transparent;

  text-decoration: none;

  position: relative;

  overflow: hidden;

  -webkit-transition: all .35s ease;

  transition: all .35s ease;

}



@media (min-width: 768px) and (max-width: 991.98px) {

  .nav-header-v3>li>a {

    font-size: 14px;

    padding: 0 5px;

  }

}



@media (max-width: 767.98px) {

  .nav-header-v3>li>a {

    text-align: left;

    line-height: 3;

    font-size: 14px;

    color: #fff;

    border: 0;

  }

}



.nav-header-v3>li>a:hover {

  background-color: #193c81;

  color: #fff;

}



@media (max-width: 767.98px) {

  .nav-header-v3>li>a:hover {

    background-color: #193c81;

    color: #fff;

  }

}



.nav-header-v3>li.active>a {

  background-color: #193c81;

  color: #fff;

}



@media (max-width: 767.98px) {

  .nav-header-v3>li.active>a {

    background-color: #193c81;

    color: #fff;

  }

}



@media (min-width: 768px) {

  .header-active .nav-header-v3>li>a {

    color: #333;

  }



  .header-active .nav-header-v3>li>a:before {

    background-color: #eee;

  }

}



.header-active .header-hotline {

  color: #2150ac;

}



.header-active .navbar-toggle {

  color: #2150ac;

}



@media (max-width: 767.98px) {

  .header-v3 .navbar-main {

    position: fixed;

    height: 100% !important;

    width: 60%;

    overflow-x: hidden;

    top: 0;

    left: 0;

    z-index: 1199;

    overflow-y: auto;

    background-color: #2150ac;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    -webkit-transition: -webkit-transform .35s;

    transition: -webkit-transform .35s;

    transition: transform .35s;

    transition: transform .35s, -webkit-transform .35s;

  }



  .header-v3 .navbar-main.navbar-open {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  .header-v3 .dropdown-box {

    max-height: 0;

    display: block;

    overflow: hidden;

    opacity: 0;

    -webkit-transition: opacity .35s;

    transition: opacity .35s;

    padding-left: 30px !important;

    background-color: #193c81;

  }



  .header-v3 .dropdown-box>li>a {

    border-top: 1px solid #193c81;

    border-left: 1px solid #193c81;

    color: #ffffff;

  }



  .header-v3 .dropdown-box>li>a:hover {

    background-color: #0c101a;

  }



  .header-v3 .dropdown-btn {

    float: right;

    text-align: center;

    border-left: 1px solid #193c81;

  }



  .header-v3 .dropdown-btn:before {

    content: "+";

  }



  .header-v3 .dropdown-btn.active:before {

    content: "-";

  }



  .header-v3 .dropdown-btn.active~.dropdown-box {

    opacity: 1;

    max-height: none;

  }



  .header-v3 .navbar-open .nav-header-v3>li {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  .header-v3 .nav-header-v3>li:nth-child(1) {

    -webkit-transition-delay: 0.3s !important;

    transition-delay: 0.3s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(2) {

    -webkit-transition-delay: 0.4s !important;

    transition-delay: 0.4s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(3) {

    -webkit-transition-delay: 0.5s !important;

    transition-delay: 0.5s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(4) {

    -webkit-transition-delay: 0.6s !important;

    transition-delay: 0.6s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(5) {

    -webkit-transition-delay: 0.7s !important;

    transition-delay: 0.7s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(6) {

    -webkit-transition-delay: 0.8s !important;

    transition-delay: 0.8s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(7) {

    -webkit-transition-delay: 0.9s !important;

    transition-delay: 0.9s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(8) {

    -webkit-transition-delay: 1s !important;

    transition-delay: 1s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(9) {

    -webkit-transition-delay: 1.1s !important;

    transition-delay: 1.1s !important;

  }



  .header-v3 .nav-header-v3>li:nth-child(10) {

    -webkit-transition-delay: 1.2s !important;

    transition-delay: 1.2s !important;

  }



  .navbar-backdrop-close {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    opacity: 0;

    -webkit-transition: opacity .25s;

    transition: opacity .25s;

    background-color: #000000;

    z-index: 980;

  }



  .navbar-backdrop-close.open {

    opacity: .6;

  }



  .header-v3 .navbar {

    display: block;

  }



  .nav-header-v3 {

    display: block !important;

    text-align: left;

  }



  .nav-header-v3 a {

    color: #FFF;

    display: block;

    padding: 10px 15px;

    background-color: #2150ac;

  }



  .nav-header-v3>li {

    -webkit-transition: opacity .35s, -webkit-transform .35s;

    transition: opacity .35s, -webkit-transform .35s;

    transition: opacity .35s, transform .35s;

    transition: opacity .35s, transform .35s, -webkit-transform .35s;

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    border-bottom: 1px solid #193c81;

  }



  .nav-header-v3>li>a {

    color: #FFF;

  }



  .nav-header-v3>li>a:hover {

    background-color: #193c81;

  }



  .nav-header-v3>li.dropdown>a {

    width: calc(100% - 40px);

  }



  .nav-header-v3>li.dropdown>a.dropdown-btn {

    width: 40px;

  }

}



@media (max-width: 767.98px) {

  .nav.nav-color>li {

    border: 0 !important;

  }



  .nav.nav-color>li:nth-child(1)>a {

    background-color: #2150ac;

  }



  .nav.nav-color>li:nth-child(1)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(2)>a {

    background-color: #2a3758;

  }



  .nav.nav-color>li:nth-child(2)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(3)>a {

    background-color: #313b61;

  }



  .nav.nav-color>li:nth-child(3)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(4)>a {

    background-color: #384069;

  }



  .nav.nav-color>li:nth-child(4)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(5)>a {

    background-color: #3f4472;

  }



  .nav.nav-color>li:nth-child(5)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(6)>a {

    background-color: #46497b;

  }



  .nav.nav-color>li:nth-child(6)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(7)>a {

    background-color: #4d4d84;

  }



  .nav.nav-color>li:nth-child(7)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(8)>a {

    background-color: #54528c;

  }



  .nav.nav-color>li:nth-child(8)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(9)>a {

    background-color: #5b5795;

  }



  .nav.nav-color>li:nth-child(9)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(10)>a {

    background-color: #625b9e;

  }



  .nav.nav-color>li:nth-child(10)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(11)>a {

    background-color: #6960a7;

  }



  .nav.nav-color>li:nth-child(11)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(12)>a {

    background-color: #7064af;

  }



  .nav.nav-color>li:nth-child(12)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(13)>a {

    background-color: #7769b8;

  }



  .nav.nav-color>li:nth-child(13)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(14)>a {

    background-color: #7e6dc1;

  }



  .nav.nav-color>li:nth-child(14)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(15)>a {

    background-color: #8572ca;

  }



  .nav.nav-color>li:nth-child(15)>a:hover {

    background-color: #131c2c;

  }



  .nav.nav-color>li:nth-child(16)>a {

    background-color: #8c76d2;

  }



  .nav.nav-color>li:nth-child(16)>a:hover {

    background-color: #131c2c;

  }

}



#footer {

  background-image: url(../img/footer_bj.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.copyright {

  text-align: center;

  color: #fff;

  padding: 12px 15px;

  font-size: 12px;

}



@media (max-width: 767.98px) {

  .copyright {

    padding-bottom: 60px;

  }

}



.copyright span,

.copyright a {

  display: inline-block;

  padding: 7px;

  color: #fff;

}



.copyright a:hover {

  color: #bbb;

}



.copyright .beian img {

  width: 20px;

  height: 20px;

  max-width: 20px;

  margin-right: 5px;

}



.footer-menu {

  text-align: center;

  padding-top: 20px;

}



.footer-menu li {

  display: inline-block;

}



@media (max-width: 767.98px) {

  .footer-menu li {

    margin-bottom: 10px;

  }

}



.footer-menu li a {

  padding: 0 5px;

  color: #fff;

  border-right: 1px solid #fff;

}



.footer-menu li a:hover {

  color: #bbb;

}



.footer-menu li:last-of-type a {

  border-right: 0;

}



/*

 *  Owl Carousel - Core */

.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  position: relative;

  z-index: 1;

}



.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;

  -moz-backface-visibility: hidden;

}



.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  -webkit-transform: translate3d(0px, 0px, 0px);

}



.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

}



.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

}



.owl-carousel .owl-item img {

  display: block;

  width: 100%;

}



.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: none;

}



.owl-carousel .owl-nav .owl-prev,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-dot {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.owl-carousel.owl-loaded {

  display: block;

}



.owl-carousel.owl-loading {

  opacity: 0;

  display: block;

}



.owl-carousel.owl-hidden {

  opacity: 0;

}



.owl-carousel.owl-refresh .owl-item {

  visibility: hidden;

}



.owl-carousel.owl-drag .owl-item {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.owl-carousel.owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: grab;

}



.owl-carousel.owl-rtl {

  direction: rtl;

}



.owl-carousel.owl-rtl .owl-item {

  float: right;

}



/* No Js */

.no-js .owl-carousel {

  display: block;

}



/*

 *  Owl Carousel - Animate Plugin */

.owl-carousel .animated {

  -webkit-animation-duration: 1000ms;

  animation-duration: 1000ms;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.owl-carousel .owl-animated-in {

  z-index: 0;

}



.owl-carousel .owl-animated-out {

  z-index: 1;

}



.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@keyframes fadeOut {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



/*

 * 	Owl Carousel - Auto Height Plugin */

.owl-height {

  -webkit-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}



/*

 * 	Owl Carousel - Lazy Load Plugin */

.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}



.owl-carousel .owl-item img.owl-lazy {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}



/*

 * 	Owl Carousel - Video Plugin */

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000;

}



.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url("owl.video.play.png") no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  -webkit-transition: -webkit-transform 100ms ease;

  transition: -webkit-transform 100ms ease;

  transition: transform 100ms ease;

  transition: transform 100ms ease, -webkit-transform 100ms ease;

}



.owl-carousel .owl-video-play-icon:hover {

  -webkit-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

}



.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none;

}



.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}



.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%;

}



select.bs-select-hidden,

select.selectpicker {

  display: none !important;

}



.btn-js-select,

.js-select.form-control:not(.btn-group) {

  background-color: inherit;

  color: inherit;

  border: 1px solid #ccc;

  width: 100%;

  text-align: left;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='#888' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat;

  background-position: right .5rem center;

  background-size: 1rem 1rem;

  padding-right: 1.75rem;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.btn-js-select:focus,

.js-select.form-control:not(.btn-group):focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: 0;

}



.js-select {

  position: relative;

}



.js-select>.dropdown-toggle {

  width: 100%;

  padding-right: 25px;

  z-index: 1;

}



.js-select>.dropdown-toggle.bs-placeholder {

  color: #999;

}



.js-select>.dropdown-toggle.bs-placeholder:hover,

.js-select>.dropdown-toggle.bs-placeholder:focus,

.js-select>.dropdown-toggle.bs-placeholder:active {

  color: #999;

}



.js-select>select {

  display: none;

}



.js-select.mobile-false>select {

  position: absolute !important;

  top: 0;

  left: 0;

  opacity: 0;

  display: block !important;

  width: 100%;

  height: 100%;

  z-index: 2;

}



.has-error .js-select .dropdown-toggle,

.error .js-select .dropdown-toggle {

  border-color: #dc3545;

}



.js-select.fit-width {

  width: auto !important;

}



.js-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

  width: 220px;

}



.js-select.form-control.btn-group {

  margin-bottom: 0;

  padding: 0;

  border: 0;

}



.js-select.form-control.btn-group:not([class*="col-"]) {

  width: 100%;

}



.js-select.form-control.btn-group.input-group-btn {

  z-index: auto;

}



.js-select.form-control.btn-group.input-group-btn:not(:first-child):not(:last-child)>.btn {

  border-radius: 0;

}



.js-select.btn-group:not(.input-group-btn),

.js-select.btn-group[class*="col-"] {

  float: none;

  display: inline-block;

  margin-left: 0;

}



.js-select.btn-group.dropdown-menu-right,

.js-select.btn-group[class*="col-"].dropdown-menu-right {

  float: right;

}



.row .js-select.btn-group[class*="col-"].dropdown-menu-right {

  float: right;

}



.form-inline .js-select.btn-group,

.form-horizontal .js-select.btn-group,

.form-group .js-select.btn-group {

  margin-bottom: 0;

}



.form-group-lg .js-select.btn-group.form-control,

.form-group-sm .js-select.btn-group.form-control {

  padding: 0;

}



.form-group-lg .js-select.btn-group.form-control .dropdown-toggle,

.form-group-sm .js-select.btn-group.form-control .dropdown-toggle {

  height: 100%;

  font-size: inherit;

  line-height: inherit;

  border-radius: inherit;

}



.form-inline .js-select.btn-group .form-control {

  width: 100%;

}



.js-select .dropdown-toggle:after {

  display: none;

}



.js-select.btn-group.disabled {

  cursor: not-allowed;

}



.js-select.btn-group.disabled:focus {

  outline: none !important;

}



.js-select.btn-group>.disabled {

  cursor: not-allowed;

}



.js-select.btn-group>.disabled:focus {

  outline: none !important;

}



.js-select.btn-group.bs-container {

  position: absolute;

  height: 0 !important;

  padding: 0 !important;

}



.js-select.btn-group.bs-container .dropdown-menu {

  z-index: 1060;

}



.js-select.btn-group .dropdown-toggle .filter-option {

  display: block;

  overflow: hidden;

  width: 100%;

  text-align: left;

  text-overflow: ellipsis;

}



.js-select.btn-group[class*="col-"] .dropdown-toggle {

  width: 100%;

}



.js-select.btn-group .dropdown-menu {

  min-width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.js-select.btn-group .dropdown-menu.inner {

  position: static;

  float: none;

  border: 0;

  padding: 0;

  margin: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.js-select.btn-group .dropdown-menu li {

  position: relative;

}



.js-select.btn-group .dropdown-menu li.active small {

  color: #fff;

}



.js-select.btn-group .dropdown-menu li.disabled a {

  cursor: not-allowed;

}



.js-select.btn-group .dropdown-menu li a {

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.js-select.btn-group .dropdown-menu li a.opt {

  position: relative;

  padding-left: 2.25em;

}



.js-select.btn-group .dropdown-menu li a span.check-mark {

  display: none;

}



.js-select.btn-group .dropdown-menu li a span.text {

  display: inline-block;

}



.js-select.btn-group .dropdown-menu li small {

  padding-left: 0.5em;

}



.js-select.btn-group .dropdown-menu .notify {

  position: absolute;

  bottom: 5px;

  width: 96%;

  margin: 0 2%;

  min-height: 26px;

  padding: 3px 5px;

  background: #f5f5f5;

  border: 1px solid #e3e3e3;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

  pointer-events: none;

  opacity: 0.9;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.js-select.btn-group .no-results {

  padding: 3px;

  background: #f5f5f5;

  margin: 0 5px;

  white-space: nowrap;

}



.js-select.btn-group.fit-width .dropdown-toggle .filter-option {

  position: static;

}



.js-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {

  position: absolute;

  display: inline-block;

  right: 15px;

  margin-top: 5px;

}



.js-select.btn-group.show-tick .dropdown-menu li a span.text {

  margin-right: 34px;

}



.js-select.show-menu-arrow.open>.dropdown-toggle {

  z-index: 1061;

}



.bs-searchbox,

.bs-actionsbox,

.bs-donebutton {

  padding: 4px 8px;

}



.bs-actionsbox {

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.bs-actionsbox .btn-group button {

  width: 50%;

}



.bs-donebutton {

  float: left;

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.bs-donebutton .btn-group button {

  width: 100%;

}



.bs-searchbox+.bs-actionsbox {

  padding: 0 8px 4px;

}



.dropdown-menu.inner {

  display: block;

}



.dropdown-menu.inner a {

  display: block;

  padding: 0.25em 0.75em;

  color: #444;

  outline: 0;

}



.dropdown-menu.inner a:hover {

  background-color: #f5f5f5;

}



.dropdown-menu.inner .selected a {

  background-color: #f5f5f5;

  color: #2150ac;

}



.js-select-searching li a {

  display: none !important;

}



.js-select-searching li.no-results a {

  display: block;

}



.js-select-loader {

  position: relative;

}



.js-select-loader .spinner {

  position: absolute;

  bottom: 0.375rem;

  right: 0.5rem;

  background-color: #ffffff;

  z-index: 99;

}



.ajax-load-container {

  text-align: center;

  display: none;

}



.ajax-loading .ajax-load-container,

.ajax-complete .ajax-load-container {

  display: block;

}



.ajax-loading .ajax-load-btn-txt,

.ajax-complete .ajax-load-btn-txt {

  display: none;

}



.ajax-spinner {

  border: 3px solid #182236;

  border-top: 3px solid #FFF;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  width: 21px;

  height: 21px;

  margin-right: 5px;

  -webkit-animation: loader-spin 1.2s linear infinite;

  animation: loader-spin 1.2s linear infinite;

}



@-webkit-keyframes loader-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes loader-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.masonry-item img {

  -webkit-transition: all .35s ease !important;

  transition: all .35s ease !important;

  opacity: 1;

}



.masonry-lazy-error {

  height: 120px;

  position: relative;

  background-color: #ddd;

}



.masonry-lazy-error:before {

  width: 30px;

  height: 30px;

  content: "×";

  display: block;

  border: 2px solid;

  position: absolute;

  margin: auto;

  z-index: 2;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  color: #dc3545;

  font-size: 20px;

  line-height: 24px;

  text-align: center;

  border-radius: 50%;

  opacity: .5;

}



.masonry-lazy-error img {

  opacity: 0;

}



.masonry-lazy-loading {

  position: relative;

  height: 120px;

  overflow: hidden;

}



.masonry-lazy-loading:before,

.masonry-lazy-loading:after {

  width: 30px;

  height: 30px;

  content: "";

  display: block;

  border: 3px solid transparent;

  position: absolute;

  margin: auto;

  z-index: 2;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  border-top-color: #2150ac;

  border-radius: 50%;

  -webkit-animation: spinner 1s infinite ease;

  animation: spinner 1s infinite ease;

}



.masonry-lazy-loading:after {

  border-left-color: #2150ac;

  -webkit-animation: spinner2 1s infinite linear;

  animation: spinner2 1s infinite linear;

  -webkit-transform: rotate(20deg);

  transform: rotate(20deg);

}



.masonry-lazy-loading img {

  opacity: 0;

}



@-webkit-keyframes spinner {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }



  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes spinner {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }



  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-webkit-keyframes spinner2 {

  from {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

  }



  to {

    -webkit-transform: rotate(380deg);

    transform: rotate(380deg);

  }

}



@keyframes spinner2 {

  from {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

  }



  to {

    -webkit-transform: rotate(380deg);

    transform: rotate(380deg);

  }

}



[data-toggle="img"] {

  position: relative;

}



[data-toggle="img"] img {

  opacity: 0;

  display: block;

  width: 0px;

  height: 0px;

}



[data-toggle="img"]:after {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  content: "";

  display: block;

  opacity: 1;

  -webkit-transition: opacity .35s;

  transition: opacity .35s;

  z-index: 2;

  background-color: #eee;

}



.img-cover,

.img-contain {

  background-position: center center;

  background-repeat: no-repeat;

  background-color: #eee;

  position: relative;

}



.img-cover {

  background-size: cover;

}



.img-contain {

  background-size: contain;

}



.img-loaded:after {

  opacity: 0;

}



.img-parallax {

  overflow: hidden;

  position: relative;

}



.parallax-bg {

  position: absolute;

  top: 0;

  min-height: 100%;

  width: 100%;

  left: 0;

  z-index: 1;

}



.z-index-3 {

  position: relative;

  z-index: 3;

}



/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */

.grayscale {

  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  -webkit-filter: gray;

  filter: gray;

}



.grayscale.grayscale-fade {

  -webkit-transition: -webkit-filter .5s;

  transition: -webkit-filter .5s;

  transition: filter .5s;

  transition: filter .5s, -webkit-filter .5s;

}



.grayscale.grayscale-fade:hover {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}



.grayscale.grayscale-off {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}



.grayscale.grayscale-replaced {

  -webkit-filter: none;

  filter: none;

}



.grayscale.grayscale-replaced>svg {

  -webkit-transition: opacity .5s ease;

  transition: opacity .5s ease;

  opacity: 1;

}



.grayscale.grayscale-replaced.grayscale-fade:hover>svg,

.grayscale.grayscale-replaced.grayscale-off>svg {

  opacity: 0;

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

  .grayscale.grayscale-fade {

    -webkit-transition: -webkit-filter .5s;

    transition: -webkit-filter .5s;

  }

}



.lightbox-modal .modal-dialog,

.lightbox-modal .modal-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

  max-width: 100%;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: absolute;

  top: 0;

  left: 0;

  margin: 0;

}



.lightbox-modal .modal-content {

  background-color: rgba(0, 0, 0, 0.75);

}



.lightbox-control {

  position: absolute;

  top: 50%;

  height: 0;

  width: 100%;

  left: 0;

  z-index: 999;

}



.lightbox-control>button {

  position: relative;

  z-index: 99;

}



.lightbox-next {

  float: right;

}



.lightbox-prev {

  float: left;

}



.lightbox-close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 99;

}



.lightbox-container {

  width: 300px;

  height: 300px;

  position: relative;

  -webkit-transition: width .35s, height .35s;

  transition: width .35s, height .35s;

}



.lightbox-item {

  width: 300px;

  height: 300px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

  margin: auto;

  opacity: 0;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

}



.lightbox-item:not(.active) {

  width: 100px !important;

  height: 100px !important;

}



.lightbox-item.active {

  opacity: 1;

  z-index: 200;

}



.lightbox-item>img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.lightbox-item.prev-1,

.lightbox-item.next-1 {

  width: 250px !important;

  height: 300px !important;

  opacity: .85;

  z-index: 80;

}



.lightbox-item.prev-2,

.lightbox-item.next-2 {

  width: 200px !important;

  height: 250px !important;

  opacity: .85;

  z-index: 40;

}



.lightbox-count {

  position: absolute;

  top: 90%;

  font-size: 22px;

  color: #FFF;

  width: 100%;

  z-index: 99;

  text-align: center;

}



.text-desc {

  color: #666666;

  line-height: 1.75em;

}



.zoom .img-bg {

  -webkit-transition: -webkit-transform .35s;

  transition: -webkit-transform .35s;

  transition: transform .35s;

  transition: transform .35s, -webkit-transform .35s;

}



.zoom:hover .img-bg {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.menu-l-top h3,

.menu-l-bot h3 {

  font-size: 36px;

  line-height: 66px;

  background-color: #2150ac;

  /* font-weight: bold;

  background-image: url(../img/icon.png);

  background-repeat: no-repeat;

  background-position: right center;

  background-size: contain; */

  color: #fff;

  margin-bottom: 10px;

  padding: 0 10px;

  text-align: center;

}



@media (max-width: 1199.98px) {



  .menu-l-top h3,

  .menu-l-bot h3 {

    font-size: 16px;

  }

}



/* .menu-l-top h3 .cn-title,

.menu-l-bot h3 .cn-title {

  margin-right: 15px;

}



@media (max-width: 1199.98px) {



  .menu-l-top h3 .cn-title,

  .menu-l-bot h3 .cn-title {

    margin-right: 10px;

  }

} */



.menu-l-top h3 .en-title,

.menu-l-bot h3 .en-title {

  font-weight: normal;

  text-transform: uppercase;

  font-size: 18px;

}



.menu-l-top {

  margin-bottom: 5px;

}



.menu-l-top>ul {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.menu-l-top>ul>li {

  background-color: #f6f6f6;

  margin-bottom: 10px;

}



.menu-l-top>ul>li>a {

  text-align: center;

  display: block;

  padding: 10px 2em;

  text-decoration: none !important;

  color: #333;

  -webkit-transition: all .35s;

  transition: all .35s;

  font-size: 16px;

}



.menu-l-top>ul>li>a:hover,

.menu-l-top>ul>li>a[aria-expanded="true"] {

  background-color: #2150ac;

  color: #fff;

}



.menu-l-top>ul>li.active {

  background-color: #2150ac;

}



.menu-l-top>ul>li.active a {

  color: #fff;

}



.menu-l-bot p {

  margin-bottom: 0;

  font-size: 16px;

}



.menu-l-bot p a {

  color: #333;

  text-decoration: none !important;

  line-height: 2;

}



.menu-l-bot p a:hover {

  color: #2150ac;

}



.menu-l-bot .menu-b-img {

  margin-bottom: 5px;

}



.menu-l-bot .menu-b-img img {

  width: 100%;

  max-width: 100%;

}



.menu-l-bot .menu-b-txt {

  padding: 10px;

  background-color: #f6f6f6;

}



.menu-l-bot .menu-b-txt p {

  font-size: 14px;

}



.submenu-l {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

  border-top: 1px solid #ccc;

  width: 95%;

  margin: 0 auto;

}



.submenu-l li {

  border-bottom: 1px dashed #ccc;

}



.submenu-l li:last-of-type {

  border-bottom: 0;

}



.submenu-l li a {

  padding: 10px;

  text-align: center;

  display: block;

  text-decoration: none !important;

  color: #333333;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.submenu-l li a:hover {

  background-color: #2150ac;

  color: #fff;

}



.dd-owl {

  position: relative;

}



.dd-owl .owl-dots {

  position: absolute;

  bottom: 10px;

  left: 0;

  width: 100%;

  text-align: center;

}



.dd-owl .owl-dots button {

  background: none;

  border: 0;

}



.dd-owl .owl-dots button span {

  background-color: #f5f5f5;

  width: 12px;

  height: 12px;

  display: block;

  border-radius: 15px;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.dd-owl .owl-dots button.active span,

.dd-owl .owl-dots button:hover span {

  background-color: #2150ac;

}



.dd-owl .owl-nav {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 1px;

}



.dd-owl .owl-nav::after {

  display: block;

  clear: both;

  content: "";

}



.dd-owl .owl-nav button {

  background-color: rgba(35, 50, 79, 0.5);

  border: 0;

  padding: 10px 15px;

  color: #fff;

  float: left;

  margin-top: -27.5px;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.dd-owl .owl-nav button:hover {

  background-color: #2150ac;

}



.dd-owl .owl-nav button i {

  vertical-align: middle;

  font-size: 35px;

  line-height: 1;

}



@media (max-width: 767.98px) {

  .dd-owl .owl-nav button {

    padding: 0 10px;

    margin-top: -26px;

  }

}



.dd-owl .owl-nav button:last-of-type {

  float: right;

}



.dd-owl2 {

  padding: 0 50px;

  position: relative;

}



@media (max-width: 991.98px) {

  .dd-owl2 {

    padding: 0 10%;

  }

}



@media (max-width: 767.98px) {

  .dd-owl2 {

    padding: 0 15%;

  }

}



.dd-owl2 .owl-nav {

  position: absolute;

  height: 1px;

  top: 50%;

  left: 0;

  width: 100%;

  line-height: 1;

}



.dd-owl2 .owl-nav::after {

  display: block;

  clear: both;

  content: "";

}



.dd-owl2 .owl-nav button {

  margin-top: -22px;

  background-color: #000000;

  color: #fff;

  border: 0;

  border-radius: 50%;

  float: left;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.dd-owl2 .owl-nav button i {

  font-size: 26px;

  padding: .5rem .7rem;

  line-height: 1;

}



@media (max-width: 767.98px) {

  .dd-owl2 .owl-nav button i {

    padding: .2rem .4rem;

  }

}



.dd-owl2 .owl-nav button.owl-next {

  float: right;

}



.dd-owl2 .owl-nav button:hover {

  background-color: #2150ac;

}



.dd-toggle {

  display: block;

  float: right;

}



.main-title {

  padding-bottom: 10px;

}



.main-title::after {

  display: block;

  clear: both;

  content: "";

}



@media (max-width: 1199.98px) {

  .main-title {

    padding-bottom: 5px;

  }

}



.main-title>h3 {

  text-align: center;

  line-height: 1;

  font-size: 0;

}



.main-title>h3 strong {

  display: inline-block;

  vertical-align: middle;

  margin-left: 25px;

  margin-right: 25px;

  font-size: 32px;

  color: #2150ac;

}



.main-title>h3 .icon-l,

.main-title>h3 .icon-r {

  width: 35px;

  height: 20px;

  font-size: 60px;

  line-height: 1;

  display: inline-block;

  position: relative;

  vertical-align: middle;

}



.main-title>h3 .icon-l span,

.main-title>h3 .icon-r span {

  position: absolute;

  width: 35px;

  height: 2px;

  top: 50%;

  right: 0;

  margin-top: -1px;

  background-color: #2150ac;

}



.main-title>h3 .icon-l:after,

.main-title>h3 .icon-l:before,

.main-title>h3 .icon-r:after,

.main-title>h3 .icon-r:before {

  content: '';

  position: absolute;

  width: 25px;

  height: 2px;

  right: 0;

  background-color: #2150ac;

}



.main-title>h3 .icon-l:after,

.main-title>h3 .icon-r:after {

  bottom: 0;

}



.main-title>h3 .icon-l:before,

.main-title>h3 .icon-r:before {

  top: 0;

}



.main-title>h3 .icon-r span {

  left: 0;

  right: auto;

}



.main-title>h3 .icon-r:after,

.main-title>h3 .icon-r:before {

  right: auto;

  left: 0;

}



.main-title .slogan {

  text-align: center;

  padding-top: 15px;

}



.main-title .slogan p {

  display: inline-block;

  border: 1px solid #e7e7e7;

  padding: 5px 10px;

  margin-bottom: 0;

}



@media (max-width: 767.98px) {

  .main-title .slogan p {

    font-size: 12px;

  }

}



.main-title .slogan:after,

.main-title .slogan:before {

  width: 5px;

  background-color: #e7e7e7;

  content: '';

  display: inline-block;

  height: 33px;

  vertical-align: top;

}



@media (max-width: 767.98px) {



  .main-title .slogan:after,

  .main-title .slogan:before {

    display: none;

  }

}



.main-title.v2>h3 strong {

  color: #fff;

}



.main-title.v2>h3 .icon-l span,

.main-title.v2>h3 .icon-l:before,

.main-title.v2>h3 .icon-l:after,

.main-title.v2>h3 .icon-r span,

.main-title.v2>h3 .icon-r:before,

.main-title.v2>h3 .icon-r:after {

  background-color: #fff;

}



.main-title.v2 .slogan p {

  color: #fff;

}



.about-main {

  background-color: #2150ac;

}



.about-m-cont {

  padding-top: 30px;

}



.about-m-img {

  border: 1px dashed #657084;

  padding: 10px;

}



@media (max-width: 767.98px) {

  .about-m-img {

    margin-bottom: 20px;

  }

}



.about-m-txt {

  color: #fff;

}



.about-m-txt p {

  line-height: 2;

}



.about-txt h3 {

  font-size: 30px;

  color: #2150ac;

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: bold;

}



.about-txt p {

  line-height: 2;

  overflow: hidden;

}



.contact-info p strong {

  font-size: 16px;

}



.contact-info p a {

  color: #000000;

  -webkit-transition: color .35s;

  transition: color .35s;

}



.contact-info p a:hover {

  color: #2150ac;

}



#map:before {

  content: '';

  display: block;

  padding-top: 40%;

}



@media (max-width: 991.98px) {

  #map:before {

    padding-top: 60%;

  }

}



@media (max-width: 767.98px) {

  #map:before {

    padding-top: 100%;

  }

}



.feedback-content {

  width: 60%;

  margin: 0 auto;

}



@media (max-width: 991.98px) {

  .feedback-content {

    width: 70%;

  }

}



@media (max-width: 767.98px) {

  .feedback-content {

    width: 100%;

  }

}



.news-content {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.news-content::after {

  display: block;

  clear: both;

  content: "";

}



.news-item {

  border-bottom: 1px dashed #cccccc;

  margin-bottom: 20px;

  padding-bottom: 20px;

}



@media (max-width: 767.98px) {

  .news-item {

    margin-bottom: 10px;

    padding-bottom: 10px;

  }

}



.news-item a {

  display: block;

  text-decoration: none !important;

  color: #333;

}



.news-item a::after {

  display: block;

  clear: both;

  content: "";

}



.news-item a h3 {

  -webkit-transition: all .35s;

  transition: all .35s;

}



.news-item a:hover h3 {

  color: #2150ac;

}



.news-left {

  width: 260px;

  margin-right: 15px;

  float: left;

}



@media (max-width: 991.98px) {

  .news-left {

    width: 150px;

  }

}



@media (max-width: 767.98px) {

  .news-left {

    width: 110px;

  }

}



@media (max-width: 991.98px) {

  .news-right h3 {

    font-size: 18px;

  }

}



.news-status {

  color: #aaa;

  margin-bottom: 5px;

}



@media (max-width: 991.98px) {

  .news-status {

    display: none;

  }

}



.news-status p {

  display: inline-block;

  vertical-align: middle;

  margin-bottom: 0;

}



.news-status p:not(:last-child) {

  margin-right: 10px;

}



.news-status i,

.news-status span {

  display: inline-block;

  vertical-align: middle;

}





.news-infor {

  height: 84px;

  overflow: hidden;

  line-height: 2;

  margin-bottom: 0;

}



@media (max-width: 991.98px) {

  .news-infor {

    margin-bottom: 0;

    height: 56px;

  }

}



@media (max-width: 767.98px) {

  .news-infor {

    height: 36px;

    font-size: 12px;

    line-height: 1.5;

  }

}



.main-case-item {

  text-decoration: none !important;

  color: #fff;

  display: block;

}



.main-case-item h4 {

  color: #ffffff;

  padding: 10px;

  font-size: 14px;

  margin-bottom: 0;

  line-height: 2;

  -webkit-transition: all .35s;

  transition: all .35s;

  background-color: #2150ac;

  border-top: 2px solid #fff;

  display: block;

}



.main-case-item h4::after {

  display: block;

  clear: both;

  content: "";

}



/* .main-case-item h4 .txt {

  float: left;

  display: inline-block;

  max-width: 80%;

}



@media (max-width: 767.98px) {

  .main-case-item h4 .txt {

    max-width: 60%;

  }

}



.main-case-item h4 .more {

  border: 1px solid #fff;

  color: #fff;

  padding: 5px 10px;

  float: right;

  line-height: 1;

}



.main-case-item:hover h4 {

  color: #fff;

  background-color: #2150ac;

} */



.product-content .row {

  margin-left: -8px;

  margin-right: -8px;

}



.product-content .row>div {

  padding-left: 8px;

  padding-right: 8px;

}



.videos-content .row {

  margin-left: -8px;

  margin-right: -8px;

}



.videos-content .row>div {

  padding-left: 8px;

  padding-right: 8px;

}



.video-items>.ratio:after {

  content: '';

  background-color: rgba(0, 0, 0, 0.5);

  opacity: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.video-items>.ratio span {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

  z-index: 10;

}



.video-items>.ratio span .bbc-play {

  border-radius: 50%;

  font-size: 22px;

  line-height: 1.1em;

  display: inline-block;

  text-align: center;

  padding: .4em .5em;

  color: rgba(255, 255, 255, 0.5);

  border: 2px solid rgba(255, 255, 255, 0.5);

  -webkit-transition: all .35s;

  transition: all .35s;

}



.video-items:hover>.ratio:after {

  opacity: 1;

}



.video-items:hover>.ratio .bbc-play {

  border-color: #ffffff;

  color: #fff;

}



.bread-2 {

  margin-bottom: 15px;

  font-size: 0;

}



.bread-2 li {

  display: inline-block;

  font-size: 14px;

}



.bread-2 li:after {

  content: "|";

}



.bread-2 li:last-of-type:after {

  content: none;

}



.bread-2 li a {

  padding-right: 10px;

  padding-left: 10px;

  color: #333;

}



.bread-2 li a:hover {

  color: #2150ac;

}



.bread-2 li.active a {

  color: #2150ac;

}



.top-title {

  margin-bottom: 20px;

  border-bottom: 4px double #d3d3d3;

}



.top-title::after {

  display: block;

  clear: both;

  content: "";

}



@media (max-width: 767.98px) {

  .top-title {

    margin-top: 0;

  }

}



.top-title .breadcrumbs-more {

  float: right;

  font-size: 14px;

  line-height: 32px;

  color: #858585;

  text-decoration: none;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.top-title .breadcrumbs-more:hover {

  color: #2150ac;

}



@media (max-width: 767.98px) {

  .top-title .breadcrumbs-more {

    display: none;

  }

}



.top-title .title {

  float: left;

}



.top-title .breadcrumbs {

  font-size: 14px;

  line-height: 33px;

  margin-bottom: -1px;

  display: inline-block;

  float: right;

}



@media (max-width: 767.98px) {

  .top-title .breadcrumbs {

    display: none;

  }

}



.top-title .breadcrumbs .title-breadcrumbs,

.top-title .breadcrumbs .nav-breadcrumbs {

  display: inline-block;

}



.top-title .title-breadcrumbs {

  font-size: 14px;

}



.top-title .title-breadcrumbs i {

  color: #2150ac;

  padding-right: 5px;

}



.top-title .nav-breadcrumbs a {

  text-decoration: none;

  font-weight: normal;

  color: #333;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.top-title .nav-breadcrumbs li {

  display: inline-block;

  position: relative;

}



.top-title .nav-breadcrumbs li:not(:last-child) {

  padding-right: 15px;

}



.top-title .nav-breadcrumbs li:not(:last-child):after {

  content: ">";

  position: absolute;

  bottom: 0;

  right: 0;

  color: #333;

}



.top-title .nav-breadcrumbs li.active a,

.top-title .nav-breadcrumbs li:hover a {

  color: #2150ac;

}



.top-title .nav-breadcrumbs li:last-child a {

  pointer-events: none;

  cursor: pointer;

}



.pagination {

  margin: 25px 0;

}



@media (max-width: 991.98px) {

  .pagination {

    margin: 15px 0;

  }

}



.pagination .pages {

  margin: 0 -5px;

  width: 100%;

}



.pagination .pages ul {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.pagination li {

  display: inline-block;

  padding: 0 5px;

  vertical-align: middle;

}



@media (max-width: 991.98px) {

  .pagination li {

    margin-bottom: 10px;

  }

}



.pagination a {

  height: 28px;

  line-height: 26px;

  min-width: 28px;

  padding: 0 7px;

  text-align: center;

  -webkit-transition: all .35s;

  transition: all .35s;

  border: 1px solid #ddd;

  color: #333333;

  display: block;

  text-decoration: none !important;

}



.pagination a:hover {

  background-color: #f0f0f0;

}



.pagination .active a {

  background-color: #2150ac;

  border-color: #2150ac;

  color: #FFF;

}



.pages-v1 .next a:before {

  content: "下一页";

}



.pages-v1 .end a:before {

  content: "尾页";

}



.pages-v1 .prev a:before {

  content: "上一页";

}



.pages-v1 .first a:before {

  content: "首页";

}



.pages-v2 .next a:before,

.pages-v2 .end a:before,

.pages-v2 .first a:before,

.pages-v2 .prev a:before {

  display: inline-block;

}



.pages-v2 .next a:before {

  content: "\e903";

}



.pages-v2 .prev a:before {

  content: "\e902";

}



.pages-v2 .first a:before {

  content: "\e900";

}



.pages-v2 .end a:before {

  content: "\e901";

}



.info-share {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.bdshare a {

  display: inline-block;

  margin-left: 4px;

  border-radius: 3px;

  width: 24px;

  height: 24px;

  line-height: 24px;

  font-size: 16px;

  color: #FFF;

  text-align: center;

  opacity: 0.8;

}



.bdshare a:hover {

  text-decoration: none;

}



.bdshare .bds_weixin {

  background: #58b721;

}



.bdshare .bds_tsina {

  background: #ee3333;

}



.bdshare .bds_tqq {

  background: #4084c1;

}



.bdshare .bds_qzone {

  background: #ffc028;

}



.bdshare .popup_more {

  background: #10d9f3;

}



.foot-tool .popup_more {

  position: relative;

}



.foot-tool .popup_more:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  content: '';

  display: block;

}



.detail-pagination {

  display: inline-block;

  margin: 20px 0;

}



.detail-pagination ul li {

  margin: 5px 0;

  background: #ccc;

}



.detail-pagination ul li a {

  display: block;

  color: #333;

  -webkit-transition: all .35s;

  transition: all .35s;

  padding: 5px 15px;

}



.detail-pagination ul li a:hover {

  color: #ffffff;

  background-color: #2150ac;

  text-decoration: none;

}



.detail-header {

  text-align: center;

  margin-bottom: 20px;

}



.detail-header p {

  margin-bottom: 0;

}



.detail-body p:first-child {

  text-align: center;

}



.detail-body img {

  width: auto;

  max-width: 100%;

}



@media (max-width: 767.98px) {



  .product-content .row,

  .videos-content .row {

    margin-left: -8px;

    margin-right: -8px;

  }



  .product-content .row>div,

  .videos-content .row>div {

    padding-left: 8px;

    padding-right: 8px;

  }

}



.foot-tool {

  display: none;

}



@media (max-width: 767.98px) {

  .foot-tool {

    margin: 0;

    padding: 0;

    list-style: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: fixed;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 998;

  }



  .foot-tool[data-foot='1'] li {

    width: 100%;

  }



  .foot-tool[data-foot='2'] li {

    width: 50%;

  }



  .foot-tool[data-foot='3'] li {

    width: 33.33333%;

  }



  .foot-tool[data-foot='4'] li {

    width: 25%;

  }



  .foot-tool li a {

    display: block;

    text-align: center;

    padding: 15px 10px;

    color: #ffffff;

    text-decoration: none;

    font-size: 16px;

    line-height: 1.5;

    -webkit-transition: all .35s;

    transition: all .35s;

  }



  .foot-tool li a i {

    margin-right: 5px;

    font-size: 18px;

    vertical-align: text-bottom;

    line-height: 1;

  }



  /* .foot-tool li a:hover {

        background-color: rgba(52, 106, 176, 0.6); } */

  .copyright {

    padding-bottom: 60px;

  }

}



.top-footer {

  width: 100%;

  overflow: hidden;

  background: url(../img/lxwm_bj.jpg) no-repeat center center;

  background-size: cover;

  padding: 30px 0;

  color: #fff;

}



.title-f {

  font-size: 16px;

}



.title-f span {

  display: inline-block;

  font-size: 16px;

  vertical-align: middle;

  margin-left: 10px;

}



.txt-company {

  margin-top: 20px;

}



.txt-company p {

  margin-bottom: 0px;

}



.txt-company p a {

  color: #ffffff;

}



.form-message {

  margin-top: 20px;

}



@media (max-width: 767.98px) {

  .form-message .form-v1>.row {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

}



.form-message span {

  position: absolute;

  top: 7px;

  left: 10px;

}



.form-message .form-group {

  position: relative;

  color: #ffffff;

  margin-bottom: 10px;

}



.form-message .form-control {

  background-color: rgba(255, 255, 255, 0.5);

  color: #fff;

  border: 0;

  border-radius: 0;

}



.form-message .form-control::-webkit-input-placeholder {

  color: #fff;

}



.form-message .form-control:-ms-input-placeholder {

  color: #fff;

}



.form-message .form-control::-ms-input-placeholder {

  color: #fff;

}



.form-message .form-control::placeholder {

  color: #fff;

}



.form-message .dd-textarea {

  height: 100%;

}



.form-message textarea.form-control {

  resize: none;

  height: 100%;

}



.form-message .row {

  margin-right: -5px;

  margin-left: -5px;

}



.form-message .row .col-md-6,

.form-message .row .col-md-12 {

  padding-left: 5px;

  padding-right: 5px;

}



.form-message .form-group2 .form-control {

  padding-left: 100px;

}



.form-message .btn {

  border-radius: 0;

  color: #fff;

}



.dd-form-btn button {

  width: 100%;

  padding-left: 20px !important;

  padding-right: 20px !important;

}





/*Custom*/

body {

  min-height: 100vh;

  position: relative;

}



#footer {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 1;

  background-image: none;

  background-color: #2150ac;

}



.header-hotline .hotline-icon,

.header-hotline .hotline-grp {

  display: inline-block;

  vertical-align: middle;

}



.header-hotline .hotline-grp {

  text-align: left;

  color: #666666;

}



.header-hotline .hotline-grp span {

  font-size: 14px;

  line-height: 20px;

  display: block;

  color: #131313;

}



@media (max-width: 767.98px) {

  .header-hotline .hotline-grp span {

    display: none;

  }

}



.header-hotline .hotline-grp .phone {

  font-size: 24px;

  line-height: 24px;

  color: #333;

  font-weight: bold;

  font-family: 'Impact'

}



.custom-top-title {

  border-bottom: 1px solid #d3d3d3;

}



.custom-top-title .breadcrumbs {

  float: left;

  font-size: 16px;

  line-height: 40px;

}



.custom-top-title .title-breadcrumbs {

  font-size: 16px;

  line-height: 40px;

  margin-bottom: 0;

}



.custom-top-title .top-title-more {

  float: right;

}



.custom-top-title .top-title-more a {

  display: block;

  font-size: 14px;

  line-height: 40px;

  color: #131313;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.custom-top-title .top-title-more a:hover {

  color: #2150ac;

}



.custom-product-list {

  margin-left: -8px;

  margin-right: -8px;

}



@media (max-width: 767.98px) {

  .custom-product-list {

    margin-left: -5px;

    margin-right: -5px;

  }

}



.custom-product-list>div {

  padding-left: 8px;

  padding-right: 8px;

}



@media (max-width: 767.98px) {

  .custom-product-list>div {

    padding-left: 5px;

    padding-right: 5px;

  }

}



.custom-product-item {

  margin-bottom: 10px;

  background-color: #f2f2f2;

  position: relative;

}



.custom-product-item:hover h4 {

  background-color: rgba(33, 80, 172, 0.5);

}



.custom-product-item h4 {

  border-top: 0;

  width: 100%;

  padding: 0 10px;

  background-color: rgba(0, 0, 0, 0.5);

  color: #fff;

  font-size: 16px;

  line-height: 40px;

  position: absolute;

  left: 0;

  bottom: 0;

  text-align: center;

  -webkit-transition: all .35s;

  transition: all .35s;

  z-index: 2;

}

@media (max-width: 767.98px) {

  .custom-product-item h4 {

    font-size: 14px;

    line-height: 28px;

  }

}



.header-top {

  width: 100%;

  overflow: hidden;

  background: url(../img/top_bj.jpg) repeat-x left center;

  font-size: 12px;

  line-height: 25px;

  color: #333;

  text-align: left;

}



.header-top span {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.index-service {

  padding: 55px 0;

}

@media (max-width: 767.98px) {

  .index-service {

    padding: 25px 0;

  }

}



.service-list {

  margin-left: -0;

  margin-right: -0;

}



.service-list>div {

  padding-left: 0;

  padding-right: 0;

}



.service-item {

  display: block;

  text-align: center;

  padding: 10px 30px;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

@media (max-width: 767.98px) {

  .service-item {

    padding: 10px;

  }

}

.service-item:hover {

  background-color: #f1f6f9

}



.service-item:hover h4 {

  color: #2150ac;

}



.service-item h4 {

  display: block;

  margin-bottom: 0;

  text-align: center;

  font-size: 24px;

  line-height: 36px;

  color: #131313;

  margin-top: 20px;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 767.98px) {

  .service-item h4 {

    font-size: 18px;

    line-height: 28px;

  }

}

.service-item p {

  display: block;

  margin-bottom: 0;

  text-align: center;

  line-height: 28px;

  font-size: 16px;

  height: 56px;

  color: #5a5a5a;

  margin-top: 10px;

  overflow: hidden;

}

@media (max-width: 767.98px) {

  .service-item p {

    font-size: 14px;

    line-height: 22px;

    height: 44px;

  }

}

.index-about,

.index-vehicle {

  padding: 40px 0;

}

@media (max-width: 767.98px) {

  .index-about,

  .index-vehicle {

    padding: 20px 0;

  }

}

.index-about {

  background: #f1f6f9;

}



.index-vehicle-content {

  padding-top: 40px;

}

@media (max-width: 767.98px) {

  .index-vehicle-content {

    padding-top: 20px;

  }

}

.custom-main-title {

  display: block;

  padding-left: 16px;

  position: relative;

}



.custom-main-title:before,

.custom-main-title:after {

  content: "";

  position: absolute;

  left: 0;

}



.custom-main-title:before {

  width: 6px;

  height: 100%;

  background-color: #2050ad;

  top: 0;

}



.custom-main-title:after {

  width: 6px;

  height: 6px;

  background-color: #100000;

  bottom: 0;

}



.custom-main-title .c-title {

  display: inline-block;

  font-size: 24px;

  line-height: 30px;

  color: #2050ad;

  margin-right: 10px;

}

@media (max-width: 767.98px) {

  .custom-main-title .c-title {

    font-size: 18px;

    line-height: 26px;

  }

}

.custom-main-title .e-title {

  display: inline-block;

  font-size: 16px;

  line-height: 30px;

  color: #131313;

}

@media (max-width: 767.98px) {

  .custom-main-title .c-title {

    font-size: 14px;

    line-height: 26px;

  }

}

.index-about-content  {

  padding-top: 35px;

}

@media (max-width: 767.98px) {

  .index-about-content {

    padding-top: 20px;

  }

}

.index-about-content .about-img {

  padding: 12px 0 0 12px;

  position: relative;

  float: left;

  width: 404px;

  max-width: 40%;

  margin-right: 35px;

}



@media (max-width: 991.98px) {

  .index-about-content .about-img {

    margin-right: 20px;

  }

}

@media (max-width: 767.98px) {

  .index-about-content .about-img {

    float: none;

    padding: 7px 0 0 7px;

    max-width: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

}

.index-about-content .about-img:after {

  content: "";

  display: block;

  width: 352px;

  max-width: 80%;

  height: 184px;

  background: #2150ac;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

}

@media (max-width: 767.98px) {

  .index-about-content .about-img:after {

    height: 100px;

  }

}

.index-about-content .about-img img {

  position: relative;

  z-index: 2;

}

.index-about-content .title {

  display: block;

  overflow: hidden;

  font-family: Arial;

  font-size: 14px;

  line-height: 36px;

  color: #131313;

  text-transform: uppercase;

}

@media (max-width: 991.98px) {

  .index-about-content .title {

    line-height: 28px;

  }

}

.index-about-content .title span {

  display: inline-block;

}

.index-about-content .title .c-title {

  font-size: 20px;

}

.index-about-content .txt {

  display: block;

  overflow: hidden;

  font-family: 'Microsoft YaHei';

  font-size: 15px;

  color: #4f4f4f;

  line-height: 32px;

  height: 180px;

  padding: 10px 0;

  border-bottom: 1px solid #787b7c

}

@media (max-width: 991.98px) {

  .index-about-content .txt {

    line-height: 26px;

    height: 114px;

    padding: 5px 0;

  }

}

.index-about-content .txt p {

  display: block;

  margin-bottom: 0;

}

.index-about-content .more {

  display: block;

  padding-top: 20px;

}

.index-about-content .more a {

  display: block;

  float: left;

  width: 126px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background: #2150ac;

  border-radius: 3px;

  font-size: 15px;

  color: #fff;

}

@media (max-width: 767.98px) {

  .index-about-content .more a {

    float: none;

  }

}

/* nav-toolbar */

.nav-toolbar {

  position: fixed;

  bottom: 30%;

  right: 0;

  z-index: 999; }

  .nav-toolbar li{

    position: relative; }

  @media (max-width: 767.98px) {

    .nav-toolbar {

      display: none;}

    }

  .nav-toolbar li > a {

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background-color: #2150ac;

    position: relative;

    text-align: center;

    font-size: 22px;

    -webkit-transition: background-color .35s;

    -o-transition: background-color .35s;

    transition: background-color .35s;

    position: relative; }

  .nav-toolbar li:hover > a {

    background-color: #193b80; }

  .nav-toolbar li:hover .hover-show {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    visibility: visible; }

  .nav-toolbar .hover-show {

    position: absolute;

    visibility: hidden;

    right: 100%;

    top: 0;

    opacity: 0;

    -webkit-transition: opacity .35s, -webkit-transform .35s;

    transition: opacity .35s, -webkit-transform .35s;

    -o-transition: transform .35s, opacity .35s;

    transition: transform .35s, opacity .35s;

    transition: transform .35s, opacity .35s, -webkit-transform .35s;

    -webkit-transform: translate3d(0, 50%, 0);

    transform: translate3d(0, 50%, 0);

    background-color: #193b80;

    z-index: -1; }

  .nav-toolbar .qrcode {

    width: 140px;

    max-width: none;

    border: 1px solid #d2d2d2; }

  .nav-toolbar .fa-phone {

    transform: rotate(90deg)

  }



.hotline-block {

  color: #fff;

  background-color: #193b80;

  min-width: 180px;

  padding: 17px 16px; }

  .hotline-block:hover {

    background-color: #122855;

    color: #FFF; }

  .hotline-block h5 {

    font-size: 14px;

    margin-bottom: 0; }

  .hotline-block span {

    font-size: 20px;

    font-weight: bold; }

.gotop {

  height: 0;

  overflow: hidden;

  -webkit-transition: height .35s;

  -o-transition: height .35s;

  transition: height .35s; }

  .gotop.active {

    height: 40px; }