@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: flex;

}



@media (min-width: 768px) {

  .navbar-normal .nav>li {

    flex-basis: 0;

    -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: flex;

}



@media (min-width: 768px) {

  .navbar-auto .nav>li {

    -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;

    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: 110%;

    white-space: nowrap;

    background-color: #ffffff;

    /* border: 1px solid #e4eaec; */

    color: #76838f;

    padding: 5px 0;

    /*border-top: 1px solid #ddd;*/

    text-align: left;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: opacity .35s ease;

    transition: opacity .35s ease;

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

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

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

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

    -moz-transition: opacity .35s ease;

    -ms-transition: opacity .35s ease;

    -o-transition: opacity .35s ease;

  }



  .dropdown-box:before {

    display: none;

    content: "";

    position: absolute;

    bottom: 100%;

    right: 10px;

    border-bottom: 7px solid #fff;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    z-index: 2;

  }



  .dropdown-box:after {

    display: none;

    content: "";

    position: absolute;

    bottom: 100%;

    right: 9px;

    border-bottom: 8px solid #e4eaec;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

  }



  .dropdown-box li {

    border: 0 !important;

  }



  .dropdown-box a {

    color: #333;

    padding: 7px 15px;

    font-size: 16px;

    font-weight: bold;

    /* border-radius: 3px; */

    text-decoration: none;

    -webkit-transition: all .35s;

    transition: all .35s;

  }

  

  .dropdown-box a i {

    display: inline-block;

    margin-right: 7px;

  }



  .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;

}



@media (max-width: 767.98px) {

  .banner {

    background-image: unset !important;

  }

  .banner::before {

    content: unset !important;

  }

}



.banner-index:before {

  padding-top: 31.25%;

}



@media (max-width: 767.98px) {

  .banner-index:before {

    padding-top: 43.75%;

  }

}



.banner-page .banner-index:before {

  padding-top: 300px;

}



@media (max-width: 1199.98px) {

  .banner-page .banner-index:before {

    padding-top: 43.75%;

  }

}



.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: flex;

}



.notify .modal-footer>.btn {

  margin: 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: #0c65b6;

}



.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: flex;

  flex-wrap: wrap;

}



.row-list>li {

  padding: 0 15px;

  -webkit-box-flex: 0;

  flex: 0 0 100%;

  max-width: 100%;

  width: 100%;

}



.row-1>li,

.row-1>div {

  -webkit-box-flex: 0;

  flex: 0 0 100%;

  max-width: 100%;

  width: 100%;

}



.row-2>li,

.row-2>div {

  -webkit-box-flex: 0;

  flex: 0 0 50%;

  max-width: 50%;

  width: 50%;

}



.row-3>li,

.row-3>div {

  -webkit-box-flex: 0;

  flex: 0 0 33.33333%;

  max-width: 33.33333%;

  width: 33.33333%;

}



.row-4>li,

.row-4>div {

  -webkit-box-flex: 0;

  flex: 0 0 25%;

  max-width: 25%;

  width: 25%;

}



.row-5>li,

.row-5>div {

  -webkit-box-flex: 0;

  flex: 0 0 20%;

  max-width: 20%;

  width: 20%;

}



.row-6>li,

.row-6>div {

  -webkit-box-flex: 0;

  flex: 0 0 16.66667%;

  max-width: 16.66667%;

  width: 16.66667%;

}



.row-7>li,

.row-7>div {

  -webkit-box-flex: 0;

  flex: 0 0 14.28571%;

  max-width: 14.28571%;

  width: 14.28571%;

}



.row-8>li,

.row-8>div {

  -webkit-box-flex: 0;

  flex: 0 0 12.5%;

  max-width: 12.5%;

  width: 12.5%;

}



.row-1>li,

.row-1>div {

  -webkit-box-flex: 0;

  flex: 0 0 100%;

  max-width: 100%;

  width: 100%;

}



.row-2>li,

.row-2>div {

  -webkit-box-flex: 0;

  flex: 0 0 50%;

  max-width: 50%;

  width: 50%;

}



.row-3>li,

.row-3>div {

  -webkit-box-flex: 0;

  flex: 0 0 33.33333%;

  max-width: 33.33333%;

  width: 33.33333%;

}



.row-4>li,

.row-4>div {

  -webkit-box-flex: 0;

  flex: 0 0 25%;

  max-width: 25%;

  width: 25%;

}



.row-5>li,

.row-5>div {

  -webkit-box-flex: 0;

  flex: 0 0 20%;

  max-width: 20%;

  width: 20%;

}



.row-6>li,

.row-6>div {

  -webkit-box-flex: 0;

  flex: 0 0 16.66667%;

  max-width: 16.66667%;

  width: 16.66667%;

}



.row-7>li,

.row-7>div {

  -webkit-box-flex: 0;

  flex: 0 0 14.28571%;

  max-width: 14.28571%;

  width: 14.28571%;

}



.row-8>li,

.row-8>div {

  -webkit-box-flex: 0;

  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;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-sm-2>li,

  .row-sm-2>div {

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-sm-3>li,

  .row-sm-3>div {

    -webkit-box-flex: 0;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-sm-4>li,

  .row-sm-4>div {

    -webkit-box-flex: 0;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-sm-5>li,

  .row-sm-5>div {

    -webkit-box-flex: 0;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-sm-6>li,

  .row-sm-6>div {

    -webkit-box-flex: 0;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-sm-7>li,

  .row-sm-7>div {

    -webkit-box-flex: 0;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-sm-8>li,

  .row-sm-8>div {

    -webkit-box-flex: 0;

    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;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-md-2>li,

  .row-md-2>div {

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-md-3>li,

  .row-md-3>div {

    -webkit-box-flex: 0;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-md-4>li,

  .row-md-4>div {

    -webkit-box-flex: 0;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-md-5>li,

  .row-md-5>div {

    -webkit-box-flex: 0;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-md-6>li,

  .row-md-6>div {

    -webkit-box-flex: 0;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-md-7>li,

  .row-md-7>div {

    -webkit-box-flex: 0;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-md-8>li,

  .row-md-8>div {

    -webkit-box-flex: 0;

    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;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-lg-2>li,

  .row-lg-2>div {

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-lg-3>li,

  .row-lg-3>div {

    -webkit-box-flex: 0;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-lg-4>li,

  .row-lg-4>div {

    -webkit-box-flex: 0;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-lg-5>li,

  .row-lg-5>div {

    -webkit-box-flex: 0;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-lg-6>li,

  .row-lg-6>div {

    -webkit-box-flex: 0;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-lg-7>li,

  .row-lg-7>div {

    -webkit-box-flex: 0;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-lg-8>li,

  .row-lg-8>div {

    -webkit-box-flex: 0;

    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;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

  }



  .row-xl-2>li,

  .row-xl-2>div {

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

    width: 50%;

  }



  .row-xl-3>li,

  .row-xl-3>div {

    -webkit-box-flex: 0;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

    width: 33.33333%;

  }



  .row-xl-4>li,

  .row-xl-4>div {

    -webkit-box-flex: 0;

    flex: 0 0 25%;

    max-width: 25%;

    width: 25%;

  }



  .row-xl-5>li,

  .row-xl-5>div {

    -webkit-box-flex: 0;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

  }



  .row-xl-6>li,

  .row-xl-6>div {

    -webkit-box-flex: 0;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

    width: 16.66667%;

  }



  .row-xl-7>li,

  .row-xl-7>div {

    -webkit-box-flex: 0;

    flex: 0 0 14.28571%;

    max-width: 14.28571%;

    width: 14.28571%;

  }



  .row-xl-8>li,

  .row-xl-8>div {

    -webkit-box-flex: 0;

    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: #0c65b6;

  border-color: #0c65b6;

  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;

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

  transition: box-shadow .35s ease;

}



.shadow-none {

  box-shadow: none !important;

}



.shadow-none--focus:focus {

  box-shadow: none !important;

}



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

  box-shadow: none !important;

}



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

 *  Box-shadows-v1

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

.shadow-v1,

.shadow--hover-v1:hover {

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

}



.shadow-v1-1,

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

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

}



.shadow-v1-2,

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

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

}



.shadow-v1-3,

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

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

}



.shadow-v1-4,

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

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

}



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

 *  Box-shadows-v2

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

.shadow-v2 {

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

}



.shadow-v2-1,

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

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

}



.shadow-v2-2,

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

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

}



.shadow-v2-3,

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

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

}



.shadow-v2-4,

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

  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 {

  box-shadow: none !important;

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

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

  transition: 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;

  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 {

  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;

  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 {

  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;

  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 {

  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;

  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 {

  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;

  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 {

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

}



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

 *  Box-shadows-v7

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

.shadow-v4-left {

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

}



.shadow-v4-right {

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

}



.shadow-v4-left-1,

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

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

}



.shadow-v4-right-1,

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

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

}



.shadow-v4-left-2,

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

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

}



.shadow-v4-right-2,

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

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

}



.shadow-v4-left-3,

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

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

}



.shadow-v4-right-3,

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

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

}



.shadow-v4-left-4,

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

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

}



.shadow-v4-right-4,

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

  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;

  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;

  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;

  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;

  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;

  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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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: #0c65b6;

}



.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: #0c65b6;

}



.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 #0c65b6;

  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: #094a86;

    -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 #0b421e;

  }



  .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: #0b421e;

  }



  .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 {

    flex-wrap: wrap;

    border-top: 1px solid #094a86;

    border-right: 1px solid #094a86;

    font-size: 14px;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 25%;

    max-width: 25%;

    border: 1px solid #094a86;

    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;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



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

    -webkit-box-flex: 0;

    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;

    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: #0c65b6;

  width: 42px;

  height: 42px;

  border-radius: 50%;

  border: 1px solid;

  padding: 6px 0;

  margin-left: 8px;

}



.header-v1 .navbar {

  background-color: #0c65b6;

}



.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 {

    flex-wrap: wrap;

    border-top: 1px solid #094a86;

    border-right: 1px solid #094a86;

    font-size: 14px;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 25%;

    max-width: 25%;

    border: 1px solid #094a86;

    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;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

  }



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

    -webkit-box-flex: 0;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }



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

    -webkit-box-flex: 0;

    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;

    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 #094a86;

  }

}



.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: #094a86;

}



.header-v2 a {

  text-decoration: none !important;

}



.header-v2 .navbar {

  background-color: #0c65b6;

}



@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;

  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: #0c65b6;

}



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

  color: #0c65b6;

}



.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: #094a86;

}



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

  color: #ffffff;

  background-color: #094a86;

}



.header-v3 {

  background-color: #ffffff;

  position: relative;

  width: 100%;

  z-index: 991;

  text-align: center;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.header-v3.header-active {

  position: fixed;

  top: 0;

  left: 0;

  /* 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: #0c65b6;

  }

}



@media (max-width: 767.98px) {

  .header-v3 {

    padding: 5px 0;

  }

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

    padding: 0;

  }

}

.header-v3 .container {

  position: relative;

}

.header-v3 .header-logo {

  padding: 10px 15px;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

}



@media (max-width: 767.98px) {

  .header-v3 .header-logo {

    max-width: 65%;

    padding: 15px 10px;

  }

}



.header-v3 .header-logo img {

  height: 46px;

  width: auto;

}



@media (max-width: 991.98px) {

  .header-v3 .header-logo img {

    height: 36px;

  }

}

@media (max-width: 767.98px) {

  .header-v3 .header-logo img {

    height: auto;

  }

}



.header-v3 .header-hotline {

  font-size: 20px;

  padding: 15px 15px;

  color: #0c65b6;

  -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: 2.5em;

  height: 2.5em;

  line-height: 2.5em;

  border: 1px solid;

  margin-right: 15px;

}



@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;

    width: 2em;

    height: 2em;

    line-height: 2em;

  }

}



.header-v3 .navbar-toggle {

  display: none;

  width: 40px;

  height: 40px;

  border: 1px solid;

  border-radius: 50%;

  vertical-align: middle;

  margin-right: 15px;

  color: #0c65b6;

  -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: #0c65b6;

    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;

  /* border-right: 1px solid #004534; */

  font-size: 14px;

  line-height: 50px;

  text-align: center;

  color: #fff;

  background-color: transparent;

  text-decoration: none;

  position: relative;

  overflow: hidden;

  -webkit-transition: all .35s ease;

  transition: all .35s ease;

}



/* .nav-header-v3>li>a:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  background-color: transparent;

  -webkit-transition: all .35s;

  transition: all .35s;

} */



@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: #094a86;

  color: #ffc53c;

}



@media (max-width: 767.98px) {

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

    background-color: #094a86;

    color: #fff;

  }



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

    height: 0;

  }

}



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

  background-color: #094a86;

  color: #ffc53c;

}



@media (max-width: 767.98px) {

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

    background-color: #094a86;

    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: #0c65b6;

}



.header-active .navbar-toggle {

  color: #0c65b6;

}



@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: #0c65b6;

    -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: #094a86;

  }



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

    border-top: 1px solid #094a86;

    border-left: 1px solid #094a86;

    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 #094a86;

  }



  .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: #0c65b6;

  }



  .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 #094a86;

  }



  .nav-header-v3>li>a {

    color: #FFF;

  }



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

    background-color: #094a86;

  }



  .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: #0c65b6;

  }



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

    background-color: #094a86;

  }



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

    background-color: #21984e;

  }



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

    background-color: #094a86;

  }



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

    background-color: #289658;

  }



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

    background-color: #094a86;

  }



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

    background-color: #309461;

  }



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

    background-color: #094a86;

  }



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

    background-color: #38926b;

  }



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

    background-color: #094a86;

  }



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

    background-color: #3f9074;

  }



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

    background-color: #094a86;

  }



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

    background-color: #478e7d;

  }



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

    background-color: #094a86;

  }



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

    background-color: #4e8c87;

  }



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

    background-color: #094a86;

  }



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

    background-color: #568b90;

  }



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

    background-color: #094a86;

  }



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

    background-color: #5e8999;

  }



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

    background-color: #094a86;

  }



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

    background-color: #6587a3;

  }



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

    background-color: #094a86;

  }



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

    background-color: #6d85ac;

  }



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

    background-color: #094a86;

  }



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

    background-color: #7583b6;

  }



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

    background-color: #094a86;

  }



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

    background-color: #7c81bf;

  }



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

    background-color: #094a86;

  }



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

    background-color: #847fc8;

  }



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

    background-color: #094a86;

  }



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

    background-color: #8b7dd2;

  }



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

    background-color: #094a86;

  }

}



.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: 13px;

  line-height: 1.4;

  display: block;

}



@media (max-width: 767.98px) {

  .header-hotline .hotline-grp span {

    display: none;

  }

}



.header-hotline .hotline-grp .phone {

  font-size: 26px;

  color: #0c65b6;

}



#footer {

  background-color: #f67280;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 1;

}



.copyright {

  text-align: center;

  /* background-color: #191919; */

  color: #fff;

  padding: 12px 15px 5px;

  font-size: 12px;

}



@media (max-width: 767.98px) {

  .copyright {

    padding-bottom: 60px;

  }

}



.copyright span,

.copyright a {

  display: inline-block;

  padding: 7px;

  color: #fff;

}



@media (max-width: 767.98px) {



  .copyright span,

  .copyright a {

    padding: 5px;

  }

}



.copyright a:hover {

  color: #cfdc60000;

}



.copyright .beian img {

  width: 20px;

  height: 20px;

  max-width: 20px;

  margin-right: 5px;

}



.footer-menu {

  text-align: center;

  padding-top: 15px;

  font-size: 0;

}



@media (max-width: 767.98px) {

  .footer-menu {

    border-bottom: 0;

    padding-bottom: 0;

    text-align: center;

  }

}



.footer-menu li {

  display: inline-block;

  /* border-right: 1px solid #fff; */

  line-height: 1;

  font-size: 12px;

}



@media (max-width: 767.98px) {

  .footer-menu li {

    border-right: 0;

  }

}



.footer-menu li a {

  margin: 0 15px;

  color: #fff;

  display: inline-block;

}



@media (max-width: 767.98px) {

  .footer-menu li a {

    padding: 8px 10px;

    margin: 0;

  }

}



.footer-menu li a:hover {

  color: #cfdc60000;

}





.foot-tool {

  display: none;

}



@media (max-width: 767.98px) {

  .foot-tool {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

    display: -webkit-box;

    display: flex;

    justify-content: space-around;

    -webkit-box-align: center;

    align-items: center;

    position: fixed;

    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(255, 204, 0, 0.6);

  }



  .copyright {

    padding-bottom: 60px;

  }

}



/*

 *  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;

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

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

  -o-transition: -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 {

  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%;

  box-sizing: border-box;

}



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

  position: static;

  float: none;

  border: 0;

  padding: 0;

  margin: 0;

  border-radius: 0;

  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;

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

  pointer-events: none;

  opacity: 0.9;

  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%;

  box-sizing: border-box;

}



.bs-actionsbox .btn-group button {

  width: 50%;

}



.bs-donebutton {

  float: left;

  width: 100%;

  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: #0c65b6;

}



.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 #147b37;

  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-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}



@-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: #0c65b6;

  border-radius: 50%;

  -webkit-animation: spinner 1s infinite ease;

  animation: spinner 1s infinite ease;

}



.masonry-lazy-loading:after {

  border-left-color: #0c65b6;

  -webkit-animation: spinner2 1s infinite linear;

  animation: spinner2 1s infinite linear;

  -webkit-transform: rotate(20deg);

  transform: rotate(20deg);

  -moz-transform: rotate(20deg);

  -ms-transform: rotate(20deg);

  -o-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);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-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;

  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: flex;

  width: 100%;

  height: 100%;

  max-width: 100%;

  -webkit-box-pack: center;

  justify-content: center;

  -webkit-box-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,

.zoom .img-bg,

.zoom .img-cover {

  overflow: hidden;

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

  transition: -webkit-transform .35s;

  transition: transform .35s;

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

}



.zoom:hover img,

.zoom:hover .img-bg,

.zoom:hover .img-cover {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



body {

  position: relative;

  min-height: 100vh;

}



.header-top {

  background: #222222;

  line-height: 40px;

  font-size: 14px;

  position: relative;

  color: #dddddd;

}



@media (max-width: 767.98px) {

  .header-top {

    font-size: 12px;

    line-height: 32px;

  }

}



.header-top>.container::after {

  display: block;

  clear: both;

  content: "";

}



.header-top .grp-left {

  float: left;

}



@media (max-width: 767.98px) {

  .header-top .grp-left {

    float: none;

  }

}



.header-top .grp-left p {

  margin-bottom: 0;

  display: inline-block;

  margin-right: 10px;

}



.header-top .grp-left a {

  display: inline-block;

  line-height: 40px;

  padding: 0 10px;

  color: #ddd;

  position: relative;

}



@media (max-width: 767.98px) {

  .header-top .grp-left a {

    line-height: 32px;

    padding: 0 7px;

  }

}



.header-top .grp-left a:hover {

  color: #fff;

}



.header-top .grp-left a:not(:last-child):after,

.header-top-item:not(:last-child):after {

  content: "";

  height: 12px;

  width: 1px;

  background: #666666;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.header-top a:hover .hover-show {

  opacity: 1;

  visibility: visible;

}



.header-top .hover-show {

  padding: 3px;

  background-color: #fff;

  width: 120px;

  height: 120px;

  position: absolute;

  top: 125%;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

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

  opacity: 0;

  visibility: hidden;

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

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

  z-index: 2;

}



.header-top .hover-show:after {

  content: "";

  border-bottom: 7px solid #fff;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  position: absolute;

  bottom: 100%;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}



.header-top .grp-right {

  float: right;

}



@media (max-width: 767.98px) {

  .header-top .grp-right {

    float: none;

  }

}



.header-top-item {

  font-size: 14px;

  line-height: 40px;

  color: #ddd;

  padding: 0 10px;

  position: relative;

  -webkit-transition: all .35s;

  transition: all .35s;

}



@media (max-width: 767.98px) {

  .header-top-item {

    font-size: 12px;

    line-height: 32px;

    padding: 0 7px;

  }

}



.header-top-item:hover {

  color: #fff;

}



.header-top-item i {

  display: inline-block;

  vertical-align: middle;

  color: #ddd;

  margin-right: 7px;

  font-size: 14px;

  line-height: 40px;

}



.menu-l-top {

  margin-bottom: 25px;

}



.menu-l-top h3 {

  background-color: #0c65b6;

  color: #fff;

  margin-bottom: 0;

  padding: 0 15px;

  position: relative;

  margin-bottom: 6px;

  line-height: 60px;

}



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

  font-size: 24px;

  font-weight: bold;

  padding-right: 7px;

}



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

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

    font-size: 20px;

  }

}



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

  font-family: 'arial';

  text-transform: uppercase;

  font-size: 12px;

  color: #fff;

  line-height: 1;

  margin-top: 5px;

}



.menu-l-top>ul {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.menu-l-top>ul>li {

  margin-bottom: 6px;

  background-color: #ececec;

}



.menu-l-top>ul>li:last-of-type {

  border-bottom: 0;

  margin-bottom: 0;

}



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

  text-align: left;

  display: block;

  padding: 0 40px;

  text-decoration: none !important;

  color: #4d4d4d;

  -webkit-transition: all .35s;

  transition: all .35s;

  font-size: 14px;

  line-height: 40px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



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

  -webkit-transition: all .35s;

  transition: all .35s;

  color: #333;

  -moz-transition: all .35s;

  -ms-transition: all .35s;

  -o-transition: all .35s;

}



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

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

  background-color: #0c65b6;

  color: #fff;

}



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

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

  color: #fff;

}



.menu-l-top>ul>li>a[data-toggle="collapse"] {

  position: relative;

}



.menu-l-top>ul>li>a[data-toggle="collapse"] i {

  position: absolute;

  top: 50%;

  right: 20px;

  line-height: 1;

  margin-top: -8px;

  -webkit-transition: all .35s;

  transition: all .35s;

}



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

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

}



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

  background-color: #0c65b6;

  color: #fff;

}



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

  color: #fff;

}



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

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

}



.menu-l-mid .about-title1 {

  background-color: #0c65b6;

  color: #fff;

  margin-bottom: 0;

  padding: 0 15px;

  position: relative;

  margin-bottom: 20px;

  line-height: 60px;

}



.menu-l-mid .about-title1 .cn-title {

  font-size: 22px;

  font-weight: bold;

  padding-right: 7px;

}



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

  .menu-l-mid .about-title1 .cn-title {

    font-size: 20px;

  }

}



.menu-l-mid .about-title1 .en-title {

  font-family: 'arial';

  text-transform: uppercase;

  font-size: 12px;

  color: #fff;

  line-height: 1;

  margin-top: 5px;

}



.menu-l-mid .about-l-img img {

  width: 100%;

}



.menu-l-mid .about-txt {

  display: block;

  overflow: hidden;

  background-color: #f7f7f7;

  padding: 15px;

  font-size: 14px;

  line-height: 30px;

}



.menu-l-bot h3 {

  background-color: #0c65b6;

  color: #fff;

  margin-bottom: 0;

  padding-bottom: 10px;

  padding-top: 10px;

  text-align: center;

}



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

  font-size: 20px;

}



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

  width: 100%;

  max-width: 100%;

}



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

  padding: 15px 20px 23px 19px;

  background: #fff;

  border: 1px solid #e8e8e8;

  border-top: 0;

  font-size: 14px;

  line-height: 24px;

  color: #333;

}



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

  margin-bottom: 0;

}



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

  color: #333;

}



.menu-l-bot .menu-b-txt p a:hover {

  color: #0c65b6;

}



.menu-b-feedback {

  display: block;

  background-color: #e7e7e7;

  padding: 10px 20px;

}



.menu-b-feedback i {

  float: left;

  display: block;

  font-size: 25px;

  border-radius: 50%;

  margin-right: 10px;

  background-color: #919191;

  padding: .5em;

  color: #fff;

}



.menu-b-feedback .cn-title {

  color: #0c65b6;

  display: inline-block;

  font-size: 20px;

  background: -webkit-gradient(linear, left top, right top, from(#0c65b6), color-stop(50%, #0c65b6), color-stop(50%, #000), to(#000));

  background: linear-gradient(to right, #0c65b6 0%, #0c65b6 50%, #000 50%, #000 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.menu-b-feedback .en-title {

  color: #919191;

  display: block;

  text-transform: uppercase;

  font-size: 14px;

  text-align: right;

  font-family: arial;

}



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

  .menu-b-feedback .en-title {

    font-size: 12px;

  }

}



@media (max-width: 767.98px) {

  .menu-b-feedback .en-title {

    text-align: left;

  }

}



.submenu-l {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

  padding-left: 20px;

  background-color: lightgray;

}



.submenu-l li {

  background-color: #ececec;

  border-bottom: 1px solid #d3d3d3;

  -webkit-transition: all .35s;

  transition: all .35s;

}



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

  border-bottom: 0;

}



.submenu-l li a {

  padding: 10px;

  padding-left: 20px;

  display: block;

  text-decoration: none !important;

  color: #333333;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.submenu-l li:hover {

  background-color: #0c65b6;

}



.submenu-l li:hover a {

  color: #fff;

}



.dd-owl {

  position: relative;

}



.dd-owl .owl-dots {

  position: absolute;

  bottom: 10px;

  left: 0;

  width: 100%;

  text-align: center;

}



@media (max-width: 767.98px) {

  .dd-owl .owl-dots {

    bottom: 0;

  }

}



.dd-owl .owl-dots button {

  background: none;

  border: 0;

}



.dd-owl .owl-dots button span {

  background-color: #fff;

  width: 8px;

  height: 8px;

  display: block;

  border-radius: 50%;

  -webkit-transition: all .35s;

  transition: all .35s;

}



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

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

  background-color: #0c65b6;

}



/* .dd-owl .owl-nav {

  width: 100%;

  height: 1px;

}



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

  display: block;

  clear: both;

  content: "";

} */



.dd-owl .owl-nav button {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

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

  border: 0;

  padding: 15px;

  color: #fff;

  -webkit-transition: all .35s;

  transition: all .35s;

}

@media (max-width: 767.98px) {

  .dd-owl .owl-nav button {

    padding: 5px 10px;

  }

}

.dd-owl .owl-nav .owl-prev {

  left: 10px;

}

.dd-owl .owl-nav .owl-next {

  right: 10px;

}



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

  color: #0c65b6;

}



.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 i {

    font-size: 16px;

  }

}

.dd-toggle {

  display: block;

  float: right;

}



@media (max-width: 767.98px) {

  .dd-toggle {

    display: block;

    float: right;

    padding: 10px 7px;

  }

}



.section-main {

  padding: 40px 0;

}



.gsjj {

  width: 35%;

  float: left;

  background: #0c65b6;

  padding: 20px;

}



@media (max-width: 767.98px) {

  .gsjj {

    width: 100%;

    float: none;

    margin-bottom: 15px;

  }

}



.gsjj_title {

  display: block;

  overflow: hidden;

  height: 34px;

  line-height: 34px;

  font-family: Arial;

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

}



.gsjj_title span {

  font-size: 24px;

  font-weight: bold;

  margin-right: 10px;

}



.gsjj_txt {

  display: block;

  overflow: hidden;

  line-height: 2;

  font-size: 14px;

  color: #fff;

  margin-top: 30px;

  max-height: 20em;

}



.gsjj_more {

  display: block;

  padding-top: 40px;

}



.gsjj_more a {

  width: 170px;

  display: block;

  height: 48px;

  line-height: 44px;

  border: 2px solid #fff;

  padding: 0 15px;

  font-size: 14px;

  color: #fff;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}



.gsjj_more a span {

  float: right;

  font-family: SimSun;

  font-size: 30px;

  font-weight: bold;

}



@media (max-width: 1199.98px) {

  .gsjj_L {

    margin-bottom: 20px;

  }

}



.sol {

  width: 65%;

  float: left;

  background-color: #ededed;

}



@media (max-width: 767.98px) {

  .sol {

    width: 100%;

    float: none;

  }

}



.sol_img {

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

  background-size: cover;

}



.sol_img:before {

  padding-top: 242px;

  content: '';

  display: block;

}



.sol_B {

  padding: 25px;

}



.sol_B .sol_title {

  display: block;

  overflow: hidden;

  height: 40px;

  line-height: 40px;

  font-family: Arial;

  font-size: 14px;

  color: #000;

  text-transform: uppercase;

}



.sol_B .sol_title span {

  font-size: 24px;

  font-weight: bold;

  margin-right: 10px;

}



.sol_B .sol_txt {

  display: block;

  overflow: hidden;

  font-size: 14px;

  color: #000;

  line-height: 1.8;

  margin-top: 14px;

  height: 9em;

}



.lxwm {

  background: #8ac700;

}



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

  .lxwm::after {

    display: block;

    clear: both;

    content: "";

  }

}



.lxwm_B {

  display: block;

  overflow: hidden;

  padding: 30px 15px;

}



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

  .lxwm_B {

    width: 50%;

    float: left;

  }

}



.lxwm_B .lxwm_title {

  display: block;

  overflow: hidden;

  height: 34px;

  line-height: 34px;

  font-family: Arial;

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

}



.lxwm_B .lxwm_title span {

  font-size: 24px;

  font-weight: bold;

  margin-right: 10px;

}



.lxwm_B .lxwm_txt {

  display: block;

  overflow: hidden;

  font-size: 14px;

  color: #fff;

  line-height: 24px;

  padding-top: 15px;

}



.lxwm_B .lxwm_txt p {

  margin-bottom: 0;

}



.lxwm_img {

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

  background-size: cover;

}



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

  .lxwm_img {

    width: 50%;

    float: left;

  }

}



.lxwm_img:before {

  padding-top: 243px;

  content: '';

  display: block;

}



#section1 .container>.row {

  margin-left: -10px;

  margin-right: -10px;

}



#section1 .container>.row>div {

  padding-left: 10px;

  padding-right: 10px;

}



#section2 {

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

  background-size: cover;

}



.cpzs_title {

  display: block;

  overflow: hidden;

  text-align: center;

  line-height: 38px;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.cpzs_p {

  display: block;

  overflow: hidden;

  font-family: Arial;

  font-size: 30px;

}



.cpzs_sp {

  display: inline-block;

  position: relative;

  overflow: hidden;

  font-size: 24px;

  font-weight: bold;

}



.about-img {

  padding-top: 25px;

  width: 100%;

}



.about-txt h3 {

  font-size: 30px;

  color: #0c65b6;

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: bold;

}



.about-txt p {

  line-height: 2;

  color: #666666;

  font-size: 14px;

  overflow: hidden;

  margin-bottom: 0;

}



.contact-info strong {

  font-size: 16px;

  line-height: 1.7;

  margin-bottom: 10px;

  display: block;

}



.contact-info p {

  color: #808080;

  margin-bottom: 10px;

}



.contact-info p.name {

  margin-bottom: 15px;

  font-size: 18px;

  color: #333333;

}



.contact-info p a {

  color: #808080;

  -webkit-transition: color .35s;

  transition: color .35s;

}



.contact-info p a:hover {

  color: #0c65b6;

}



#map:before {

  content: '';

  display: block;

  padding-top: 50%;

}



@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: #0c65b6;

}



.news-left {

  width: 260px;

  margin-right: 15px;

  float: left;

  overflow: hidden;

}



@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-status span {

  margin-left: 5px;

}



.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;

  position: relative;

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

  border: 1px solid #f6f6f6;

  padding: 1px;

  -webkit-transition: all .35s;

  transition: all .35s;

  overflow: hidden;

}



.main-case-item .content {

  padding: 0 10px;

  font-size: 16px;

  line-height: 46px;

  color: #000000;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.main-case-item .content:after {

  content: "";

  display: block;

  clear: both;

}



.main-case-item .content .more {

  float: right;

}



.main-case-item h4 {

  float: left;

  max-width: 70%;

  font-size: 16px;

  line-height: 46px;

  display: block;

  margin-bottom: 0;

  background-color: transparent;

  z-index: 10;

}



@media (max-width: 767.98px) {



  .main-case-item .content,

  .main-case-item h4 {

    font-size: 14px;

    line-height: 30px;

  }



  .main-case-item .content {

    padding: 0 5px;

  }



  .main-case-item h4 {

    max-width: 50%;

  }

}



.main-case-item:hover .ratio {

  border-color: #0c65b6;

}



.main-case-item:hover .content {

  background-color: #0c65b6;

  color: #fff;

}



.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: translateY(-50%);

  transform: translateY(-50%);

  z-index: 10;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.video-items>.ratio span i {

  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 span {

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

}



.video-items:hover>.ratio i {

  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: #0c65b6;

}



.bread-2 li.active a {

  color: #0c65b6;

}



.top-title {

  margin-bottom: 20px;

  border-bottom: 4px double #d5d5d5;

}



.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: 46px;

  color: #000;

  padding: 0 15px;

  text-decoration: none;

  -webkit-transition: all .35s;

  transition: all .35s;

}



.top-title .breadcrumbs-more:hover {

  color: #0c65b6;

}



.top-title .title {

  float: left;

  color: #0c65b6;

  font-weight: bold;

  margin-bottom: 0;

  padding-bottom: 12px;

  background-color: #fff;

  font-size: 18px;

  font-weight: bold;

  color: #000000;

}



@media (min-width: 576px) {

  .top-title .title {

    display: none;

  }

}



.top-title .breadcrumbs {

  color: #a9a9a9;

  font-size: 14px;

  line-height: 40px;

  margin-bottom: -1px;

  display: inline-block;

  float: left;

}



@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;

  margin-bottom: 0;

}



.top-title .title-breadcrumbs i {

  color: #0c65b6;

  padding-right: 5px;

}



.top-title .nav-breadcrumbs a {

  text-decoration: none;

  font-weight: normal;

  color: #a9a9a9;

  -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: #a9a9a9;

}



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

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

  color: #0c65b6;

}



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

  pointer-events: none;

  cursor: pointer;

  color: #0c65b6;

}



.top-title .menu-sub {

  float: right;

}



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

  .top-title .menu-sub {

    float: none;

    display: block;

    text-align: center;

    font-size: 0;

    margin-top: 15px;

  }

}



.top-title .menu-sub li {

  display: inline-block;

  float: left;

  line-height: 53px;

  padding-right: 5px;

  text-align: center;

  font-size: initial;

}



@media (min-width: 576px) {

  .top-title .menu-sub li:last-of-type {

    padding-right: 0;

  }

}



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

  .top-title .menu-sub li {

    float: none;

    line-height: 40px;

  }

}



@media (max-width: 767.98px) {

  .top-title .menu-sub li {

    padding: 0 5px;

    width: 50%;

    line-height: 35px;

  }

}



.top-title .menu-sub li a {

  display: block;

  padding: 0 30px;

  color: #000;

  position: relative;

  overflow: hidden;

  -webkit-transition: all .35s;

  transition: all .35s;

  font-weight: bold;

  font-size: 14px;

}



@media (max-width: 767.98px) {

  .top-title .menu-sub li a {

    background-color: #e9e9e9;

    margin-bottom: 5px;

    padding: 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

}



.top-title .menu-sub li a:before {

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(6px);

  transform: translateX(-50%) translateY(6px);

  content: '';

  border-width: 0 6px 6px;

  border-style: solid;

  border-color: #fff transparent;

  -webkit-transition: all .35s;

  transition: all .35s;

  -moz-transform: translateX(-50%) translateY(6px);

  -ms-transform: translateX(-50%) translateY(6px);

  -o-transform: translateX(-50%) translateY(6px);

}



.top-title .menu-sub li a:hover {

  background-color: #d90000;

  color: #fff;

}



.top-title .menu-sub li a:hover:before {

  -webkit-transform: translateX(-50%) translateY(0);

  transform: translateX(-50%) translateY(0);

}



.top-title .menu-sub li.active a {

  background-color: #d90000;

  color: #fff;

}



.top-title .menu-sub li.active a:before {

  -webkit-transform: translateX(-50%) translateY(0);

  transform: translateX(-50%) translateY(0);

}



.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: #0c65b6;

  border-color: #0c65b6;

  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: flex;

  -webkit-box-pack: end;

  justify-content: flex-end;

  -webkit-box-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 .bds_more {

  background: #10d9f3;

}



.popup_more {

  position: relative;

}



.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: #0c65b6;

  text-decoration: none;

}



.detail-header {

  text-align: center;

  border-bottom: 1px dashed #ccc;

  padding-bottom: 10px;

  margin-bottom: 10px;

}



.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-menu {

  display: none;

}



@media (max-width: 767.98px) {

  .foot-menu {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

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

    z-index: 998;

  }



  .foot-menu li {

    width: 25%;

  }



  .foot-menu li a {

    display: block;

    text-align: center;

    padding: 15px 10px;

    color: #ffffff;

    text-decoration: none;

    font-size: 16px;

    line-height: 1.5;

  }



  .foot-menu li a i {

    margin-right: 5px;

    font-size: 18px;

    vertical-align: text-bottom;

    line-height: 1;

  }



  .foot-menu li a i.bbc-phone {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

  }

}



.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;

    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::-moz-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;

}



/*Index*/

.index-top {

  padding: 10px 0;

  border-bottom: 1px solid #eeeeee;

}

.index-top:after {

  content: "";

  display: block;

  clear: both;

}

.index-top .hotkeys {

  float: left;

  max-width: 50%;

}

.index-top .hotkeys p,

.index-top .hotkeys .hotkey-list {

  display: inline;

  vertical-align: middle;

  margin-bottom: 0;

  font-size: 14px;

  line-height: 35px;

  color: #333;

}

.index-top .hotkeys p {

  font-weight: bold;

}

.index-top .hotkey-list li {

  display: inline-block;

}

.index-top .hotkey-list a {

  display: block;

  padding: 0 10px;

  color: #595959;

}

.index-top .index-search {

  float: right;

  max-width: 50%;

}

.index-search-form .input-grp,

.index-search-form .search-btn {

  float: left;

}

.index-search-form .search-btn {

  border: 0;

  padding: 0;

  min-width: 65px;

  font-size: 12px;

  line-height: 35px;

  color: #fff;

  background-color: #0e6bc0;

}

.index-search-form .form-group {

  margin-bottom: 0;

}

.index-search-form .input-grp {

  position: relative;

}

.index-search-form .input-grp .form-control {

  padding-left: 35px;

}

.index-search-form .input-grp i {

  position: absolute;

  top: 50%;

  left: 10px;

  transform: translateY(-50%);

  font-size: 16px;

  line-height: 1;

}

.index-padding {

  padding: 60px 0;

}

@media (max-width: 991.98px) {

  .index-padding {

    padding: 40px 0;

  }

}

@media (max-width: 767.98px) {

  .index-top .hotkeys,

  .index-top .index-search {

    float: none;

    max-width: 100%;

  }

  .index-padding {

    padding: 40px 0;

  }

}

.index-title {

  display: inline-block;

  margin-bottom: 0;

  font-size: 30px;

  padding: 0 15px;

  position: relative;

}

.index-title.v2:before,

.index-title.v2:after {

  background-color: #fff;

}

.index-title.v2 .e-title,

.index-title.v2 .c-title {

  color: #fff;

}

.index-title.v3 {

  padding: 0;

  padding-bottom: 15px;

}

.index-title.v3:before,

.index-title.v3:after {

  background-color: #595959;

  top: 100%;

  transform: translateY(0);

  left: 0 !important;

}

.index-title:before,

.index-title:after {

  content: "";

  width: 30px;

  height: 2px;

  background-color: #d8d8d8;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.index-title:before {

  left: 100%;

}

.index-title:after {

  right: 100%;

}

.index-title .e-title {

  display: inline-block;

  vertical-align: middle;

  text-transform: uppercase;

  color: #3f3f3f;

  font-weight: bold;

  padding-right: 10px;

}

.index-title .c-title {

  display: inline-block;

  vertical-align: middle;

  color: #0e6bc0;

}

@media (max-width: 991.98px) {

  .index-title {

    font-size: 24px;

  }

  .index-title.v3 {

    padding-bottom: 10px;

  }

}

@media (max-width: 767.98px) {

  .index-title {

    font-size: 20px;

  }

  .index-title .e-title {

    display: block;

    padding-right: 0;

  }

  .index-title .c-title {

    display: block;

  }

}

.product-link {

  text-align: center;

  padding-top: 10px;

}

.product-link li {

  display: inline-block;

  padding: 0 10px;

}

.product-link a {

  display: block;

  padding: 5px 10px;

  font-size: 16px;

  line-height: 1.6;

  font-weight: bold;

  color: #333;

  transition: all .35s;

}

.product-link a:hover {

  background-color: #0e6bc0;

  color: #fff;

}

.index-product-content {

  padding-top: 30px;

}

@media (max-width: 767.98px) {

  .index-product-content {

    padding-top: 20px;

  }

}

.index-product-content .row {

  margin: 0 -9px;

}

.index-product-content .row>div {

  padding: 0 9px;

}

.index-product-item {

  display: block;

  margin-bottom: 18px;

  position: relative;

  overflow: hidden;

}

.index-product-item.more .hover-content,

.index-product-item:hover .hover-content {

  transform: translateY(0);

}

.index-product-item .hover-content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(12, 101, 182, 0.7);

  transform: translateY(100%);

  transition: all .35s;

}

.index-product-item .hover-content .txt {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  transform: translateY(-50%);

  text-align: center;

}

.index-product-item .hover-content i {

  width: 50px;

  height: 50px;

  font-size: 28px;

  line-height: 46px;

  border-radius: 50%;

  text-align: center;

  color: #fff;

  border: 2px solid #fff;

}

.index-product-item .hover-content h3 {

  margin-top: 10px;

  margin-bottom: 0;

  font-size: 22px;

  line-height: 1.6;

  color: #fff;

}

.index-product-item .hover-content p {

  margin-bottom: 0;

  font-size: 16px;

  line-height: 1.6;

  color: #fff;

}

.index-product-item.item1 {

  background-size: cover;

  background-position: top left;

  background-repeat: no-repeat;

  height: 514px;

}

.index-product-item.item2 {

  background-size: cover;

  background-position: top left;

  background-repeat: no-repeat;

  height: 273px;

}

.index-product-item.item3 {

  background-size: cover;

  background-position: top left;

  background-repeat: no-repeat;

  height: 223px;

}

@media (max-width: 991.98px) {

  .index-product-content .row {

    margin: 0 -5px;

  }

  .index-product-content .row>div {

    padding: 0 5px;

  }

  .index-product-item {

    margin-bottom: 10px;

  }

  .index-product-item .hover-content i {

    width: 35px;

    height: 35px;

    font-size: 18px;

    line-height: 31px;

  }

  .index-product-item .hover-content h3 {

    font-size: 18px;

  }

  .index-product-item .hover-content p {

    font-size: 14px;

  }

  .index-product-item.item1 {

    height: 350px;

  }

  .index-product-item.item2 {

    height: 200px;

  }

  .index-product-item.item3 {

    height: 130px;

  }

}

@media (max-width: 767.98px) {

  .index-product-item .hover-content i {

    width: 30px;

    height: 30px;

    font-size: 16px;

    line-height: 26px;

  }

  .index-product-item .hover-content h3 {

    font-size: 16px;

  }

  .index-product-item .hover-content p {

    font-size: 12px;

  }

  .index-product-item.item1 {

    height: 250px;

  }

  .index-product-item.item2 {

    height: 150px;

  }

  .index-product-item.item3 {

    height: 120px;

  }

}

.index-news {

  padding-top: 150px;

}

.index-news-content {

  padding-top: 40px;

}

.index-news-content .row {

  margin: 0 -30px;

}

.index-news-content .row>div {

  padding: 0 30px;

}

.news-item {

  display: block;

  padding: 12px 0;

  border-bottom: 1px dashed #e5e5e5;

}

.news-item .info {

  float: left;

  width: 90px;

  height: 90px;

  text-align: center;

  line-height: 28px;

  background-color: #f2f2f2;

  color: #999;

  position: relative;

}

.news-item .info-date {

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

}

.news-item .info .day {

  display: block;

  font-size: 28px;

}

.news-item .info .m-y {

  display: block;

  font-size: 14px;

}

.news-item .content {

  float: left;

  width: calc( 100% - 90px );

  padding-left: 35px;

}

.news-item h3 {

  margin-bottom: 12px;

  font-size: 18px;

  line-height: 1.5;

  color: #333;

}

.news-item p {

  margin-bottom: 0;

  font-size: 14px;

  line-height: 1.5;

  color: #999999;

  max-height: 3.2em;

  overflow: hidden;

}

@media (max-width: 991.98px) {

  .index-news {

    padding-top: 90px;

  }

  .index-news-content .row {

    margin: 0 -15px;

  }

  .index-news-content .row>div {

    padding: 0 15px;

  }

  .news-item .info {

    width: 80px;

    height: 80px;

    line-height: 22px;

  }

  .news-item .info .day {

    display: block;

    font-size: 22px;

  }

  .news-item .content {

    width: calc( 100% - 80px );

    padding-left: 20px;

  }

  .news-item h3 {

    margin-bottom: 6px;

    font-size: 16px;

  }

}

@media (max-width: 767.98px) {

  .index-news {

    padding-top: 20px;

  }

  .index-news-content .row {

    margin: 0 -5px;

  }

  .index-news-content .row>div {

    padding: 0 5px;

  }

}

.index-contact {

  position: relative;

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

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.index-contact-content {

  padding-top: 40px;

}

.index-contact-content .row {

  margin: 0 -10px;

}

.index-contact-content .row>div {

  padding: 0 10px;

}

.index-contact-item {

  background-color: #fff;

  padding: 60px 10px;

  text-align: center;

}

.index-contact-item img {

  display: block;

  margin: 0 auto 20px;

}

.index-contact-item h3 {

  margin-bottom: 20px;

  padding-bottom: 15px;

  font-size: 18px;

  line-height: 1.5;

  color: #0e6bc0;

  position: relative;

}

.index-contact-item h3:after {

  content: "";

  width: 30px;

  height: 2px;

  background-color: #0e6bc0;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.index-contact-item p,

.index-contact-item a {

  margin-bottom: 0;

  font-size: 14px;

  line-height: 1.5;

  color: #595959;

}

@media (max-width: 991.98px) {

  .index-contact-item {

    padding: 40px 10px;

  }

  .index-contact-item img {

    margin: 0 auto 10px;

  }

  .index-contact-item h3 {

    margin-bottom: 15px;

    padding-bottom: 10px;

    font-size: 16px;

  }

}

@media (max-width: 767.98px) {

  .index-contact {

    padding-bottom: 0;

  }

  .index-contact-content {

    padding-top: 20px;

  }

  .index-contact-content .row {

    margin: 0 -5px;

  }

  .index-contact-content .row>div {

    padding: 0 5px;

  }

  .index-contact-item {

    padding: 30px 10px;

    margin-bottom: 20px;

  }

}

.index-partner {

  background-color: #0e6bc0;

  padding: 10px 0;

}

.partner-item {

  display: block;

  text-align: center;

  padding: 10px;

}

.partner-item img {

  display: block;

  margin: 0 auto;

}

.index-about {

  background-image: url(../img/index-about-bg.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.index-about-content {

  margin-bottom: -150px;

  padding: 50px;

  background-color: #fff;

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

}

.index-about-content .img {

  float: left;

  width: 50%;

  padding-right: 50px;

  position: relative;

}

.index-about-content .img:after {

  content: "";

  width: 1px;

  height: 150px;

  background-color: #cccccc;

  position: absolute;

  left: 100%;

  top: 50%;

  transform: translateY(-50%);

}

.index-about-content .img img {

  width: 100%;

}

.index-about-content .txt {

  float: left;

  width: 50%;

  padding-left: 50px;

}

.index-about-content .txt p {

  margin-top: 20px;

  margin-bottom: 30px;

  font-size: 14px;

  line-height: 1.75;

  color: #595959;

  max-height: 7em;

  overflow: hidden;

}

.index-about-content .txt .detail {

  min-width: 150px;

  border-radius: 50px;

  font-size: 16px;

  line-height: 2;

  padding: 5px 15px;

}

.index-about-content .info {

  padding-top: 30px;

}

.index-about-content .info-item {

  text-align: center;

  font-weight: bold;

}

.index-about-content .info-item .number {

  display: block;

  font-size: 40px;

  line-height: 1.5;

  color: #0e6bc0;

}

.index-about-content .info-item .info-txt {

  display: block;

  font-size: 16px;

  line-height: 1.5;

  color: #595959;

}

@media (max-width: 991.98px) {

  .index-about-content {

    margin-bottom: -100px;

    padding: 30px;

  }

  .index-about-content .img {

    padding-right: 30px;

  }

  .index-about-content .txt {

    padding-left: 30px;

  }

  .index-about-content .txt p {

    margin: 15px 0;

  }

  .index-about-content .txt .detail {

    min-width: 100px;

    line-height: 1.6;

  }

  .index-about-content .info-item .number {

    font-size: 32px;

  }

}

@media (max-width: 767.98px) {

  .index-about-content {

    margin-bottom: 0;

    padding: 20px;

  }

  .index-about-content .img,

  .index-about-content .txt {

    float: none;

    width: 100%;

    padding: 0;

  }

  .index-about-content .img {

    margin-bottom: 20px;

  }

  .index-about-content .img:after {

    display: none;

  }

  .index-about-content .txt .detail {

    font-size: 14px;

  }

  .index-about-content .info {

    padding-top: 20px;

  }

  .index-about-content .info-item {

    margin: 10px 0;

  }

  .index-about-content .info-item .number {

    font-size: 22px;

  }

}

/*End Index*/

/*Product*/

.product-item {

  display: block;

  border: 1px solid #eee;

  text-align: center;

  margin-bottom: 20px;

  transition: all .35s;

}

.product-item:hover {

  border-color: transparent;

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

}

.product-item p {

  margin-bottom: 0;

  padding: 10px;

  font-size: 16px;

  line-height: 1.6;

}

/*End Product*/

/*footer*/

#footer {

  background-color: #2c2b33; }

  

.footer-link {

  padding: 6px 0;

  border-top: 1px solid #444444;

  border-bottom: 1px solid #444444; }

  .footer-link::after {

    display: block;

    clear: both;

    content: ""; }

  .footer-link p, .footer-link .link-list {

    float: left; }

  .footer-link p {

    width: 5em;

    margin-bottom: 0;

    font-size: 16px;

    line-height: 32px;

    color: #999; }

    @media (max-width: 767.98px) {

      .footer-link p {

        font-size: 14px;

        line-height: 24px; } }

  .footer-link .link-list {

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

    .footer-link .link-list::after {

      display: block;

      clear: both;

      content: ""; }

    .footer-link .link-list li {

      float: left; }

      .footer-link .link-list li:first-child a {

        padding-left: 0; }

    .footer-link .link-list a {

      display: block;

      padding: 0 15px;

      font-size: 14px;

      line-height: 32px;

      color: #999999;

      position: relative;

      -webkit-transition: color .35s;

      -o-transition: color .35s;

      transition: color .35s; }

      @media (max-width: 767.98px) {

        .footer-link .link-list a {

          padding: 0 7px;

          line-height: 24px; } }

      .footer-link .link-list a:hover {

        color: #0c65b6; }

      .footer-link .link-list a::after {

        content: '';

        width: 1px;

        height: 14px;

        background-color: #999999;

        position: absolute;

        top: 50%;

        right: 0;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%); }



.footer-content {

  padding: 25px 0; }

  @media (max-width: 991.98px) {

    .footer-content {

      padding: 20px 0; }

      .footer-content .row {

        margin-left: -7px;

        margin-right: -7px; }

        .footer-content .row > div {

          padding-left: 7px;

          padding-right: 7px; } }

  .footer-content img {

    margin-bottom: 10px; }

  .footer-content .footer-text {

    margin-bottom: 0;

    font-size: 14px;

    line-height: 24px;

    color: #999999; }



.footer-title {

  margin-bottom: 15px;

  font-size: 16px;

  line-height: 32px;

  color: #999999;

  border-bottom: 1px solid #999999; }

  @media (max-width: 767.98px) {

    .footer-title {

      margin: 10px 0;

      font-size: 14px;

      line-height: 26px; } }

  .footer-title span {

    display: inline-block;

    border-bottom: 3px solid #0c65b6;

    margin-bottom: -2px; }



.footer-list::after {

  display: block;

  clear: both;

  content: ""; }



.footer-list li {

  float: left;

  width: 50%; }



.footer-list a {

  display: block;

  font-size: 14px;

  line-height: 32px;

  color: #999999;

  -webkit-transition: color .35s;

  -o-transition: color .35s;

  transition: color .35s; }

  @media (max-width: 767.98px) {

    .footer-list a {

      line-height: 24px; } }

  .footer-list a:hover {

    color: #0c65b6; }

  .footer-list a span, .footer-list a i {

    display: inline-block;

    vertical-align: middle; }

  .footer-list a i {

    font-size: 18px;

    line-height: 1; }

    @media (max-width: 767.98px) {

      .footer-list a i {

        font-size: 16px; } }



.footer-contact p {

  margin-bottom: 0;

  font-size: 14px;

  line-height: 24px;

  color: #999999; }

  .footer-contact p span {

    display: inline-block;

    width: calc( 100% - 3em); }

  .footer-contact p .title {

    vertical-align: top;

    width: 3em; }

  .footer-contact p a {

    display: inline-block;

    width: calc( 100% - 3em);

    color: #999999;

    -webkit-transition: color .35s;

    -o-transition: color .35s;

    transition: color .35s; }

    .footer-contact p a:hover {

      color: #0c65b6; }

/*end footer*/

/*nav-toolbar*/

.nav-toolbar {

  position: fixed;

  bottom: 30%;

  right: 0;

  box-shadow: 0 0 20px -6px #333;

  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: #0c65b6;

  position: relative;

  text-align: center;

  font-size: 22px;

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

  transition: background-color .35s;

  position: relative;

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

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

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

}



.nav-toolbar li:hover>a {

  background-color: #094a86;

}



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

  opacity: 1;

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

  transform: translate3d(0, 0, 0);

  visibility: visible;

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

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

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

}



.nav-toolbar .hover-show {

  position: absolute;

  visibility: hidden;

  right: 100%;

  top: 0;

  opacity: 0;

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

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

  -webkit-transition: opacity .35s, -webkit-transform .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: #094a86;

  z-index: -1;

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

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

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

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

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

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

}



.nav-toolbar .qrcode {

  width: 140px;

  max-width: none;

  border: 1px solid #d2d2d2;

}



.nav-toolbar .fa-phone {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

}



.hotline-block {

  color: #fff;

  background-color: #0c65b6;

  min-width: 180px;

  padding: 17px 16px;

}



.hotline-block:hover {

  background-color: #094a86;

  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;

  transition: height .35s;

  -moz-transition: height .35s;

  -ms-transition: height .35s;

  -o-transition: height .35s;

}



.gotop.active {

  height: 40px;

}



/* end nav-toolbar */

/*Custom*/

.header-search {

  float: right;

  font-size: 20px;

  line-height: 100px;

  padding: 0 10px;

  color: #333;

  transition: all .35s;

  -webkit-transition: all .35s;

  -moz-transition: all .35s;

  -ms-transition: all .35s;

  -o-transition: all .35s;

}



@media (max-width: 1199.98px) {

  .header-search {

    font-size: 18px;

    line-height: 60px;

    padding: 0 10px;

  }

}



@media (max-width: 991.98px) {

  .header-search {

    font-size: 16px;

  }

}



@media (max-width: 767.98px) {

  .header-search {

    display: none;

  }

}



.header-search:hover {

  color: #0c65b6;

}



.search-grp {

  position: relative;

}



@media (max-width: 767.98px) {

  .search-grp {

    border-bottom: 0 !important;

  }

}



.search-grp:hover .form-grp {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}



.search-grp .form-grp {

  position: absolute;

  width: 300px;

  top: 100%;

  right: 0;

  visibility: hidden;

  opacity: 0;

  -webkit-transform: translateY(30px);

          transform: translateY(30px);

  -webkit-transition: all .35s;

  transition: all .35s;

}



@media (max-width: 991.98px) {

  .search-grp .form-grp {

    width: 200px;

  }

}



@media (max-width: 767.98px) {

  .search-grp .form-grp {

    position: relative;

    width: auto;

    max-width: 100%;

    padding: 10px;

    visibility: visible;

    opacity: 1;

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



.search-form:before {

  position: absolute;

  border-style: solid;

  border-width: 0 7px 7px 7px;

  border-color: transparent transparent #0c65b6 transparent;

  content: '';

  right: 20px;

  bottom: 100%;

  -webkit-transition: .3s;

  transition: .3s;

}



@media (max-width: 991.98px) {

  .search-form:before {

    border-width: 0 5px 5px 5px;

  }

}



@media (max-width: 767.98px) {

  .search-form:before {

    display: none;

  }

}



@media (min-width: 768px) {

  .search-form:hover .input-grp .form-control {

    background-color: #f8b739;

  }



  .search-form:hover:before {

    border-color: transparent transparent #f8b739 transparent;

  }

}



.search-form .form-group {

  margin-bottom: 0;

}



.search-form .input-grp {

  position: relative;

}



.search-form .input-grp button {

  border: 0;

  background-color: transparent;

  font-size: 16px;

  padding: 0 10px;

  position: absolute;

  top: 50%;

  right: 0;

  color: #fff;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}



@media (max-width: 767.98px) {

  .search-form .input-grp button {

    font-size: 14px;

    padding: 0 10px;

  }

}



.search-form .input-grp .form-control {

  padding: 20px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  color: #fff;

  background-color: #0c65b6;

  border: 0;

  outline: none;

  -webkit-transition: all .35s;

  transition: all .35s;

}



@media (max-width: 991.98px) {

  .search-form .input-grp .form-control {

    padding: 10px 15px;

    padding-right: 35px;

    font-size: 14px;

  }

}



@media (max-width: 767.98px) {

  .search-form .input-grp .form-control {

    padding: 5px 15px;

    padding-right: 30px;

    font-size: 12px;

    border: 1px solid #fff;

    border-radius: 30px;

  }

}



.search-form .input-grp .form-control::-webkit-input-placeholder {

  color: #fff;

  opacity: 0.5;

}



.search-form .input-grp .form-control::-moz-placeholder {

  color: #fff;

  opacity: 0.5;

}



.search-form .input-grp .form-control:-ms-input-placeholder {

  color: #fff;

  opacity: 0.5;

}



.search-form .input-grp .form-control::-ms-input-placeholder {

  color: #fff;

  opacity: 0.5;

}



.search-form .input-grp .form-control::placeholder {

  color: #fff;

  opacity: 0.5;

}



.nav-header-v3>li.dropdown {

  position: relative;

}



/* @media (min-width: 768px) {

  .nav-header-v3>li.dropdown:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 0;

    vertical-align: middle;

    border-top: 4px solid #333;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

  }

} */



@media (max-width: 767.98px) {

  .footer-content {

    padding: 20px 0;

  }



  .footer-contact {

    margin-top: 20px;

  }

}