@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Bebsa HTML Template
    Template URI: site.com
    Description: Bebsa HTML Template
    Author: Abu Hena
    Author URI: site.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
    橙色全部修改（#ff7554  to  #114085）
    01. Theme default css
	  02. Header css   ————   已修改在用
    03. Hero css
    04. About css
    05. Service css
    06. Features css
    07. Portfolio css
    08. Testimonial css
    09. Team css
    10. Blog css
    11. Contact css
    12. Footer css

-----------------------------------------------------------------------------------*/
/*===========================
    1. COMMON css 
===========================*/
html {
  font-size: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

i,
span,
a {
  display: inline-block;
}

h1,
h2,
h3 {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Microsoft YaHei",微软雅黑,sans-serif;
  color: #0e1b2c;
  margin: 0px;
}

h1 {
  font-size: 65px;
  line-height: 75px;
}

h2 {
  font-size: 44px;
  line-height: 54px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  color: #555b63;
  margin: 0px;
}

input, textarea {
  display: inherit;
}

img {
  max-width: 100%;
}

body {
  font-family: "Microsoft YaHei",微软雅黑,sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #555b63;
  font-size: 16px;
  line-height: 28px;
  overflow-x: hidden;
}

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.slick-slide {
  outline: 0;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.custom-container {
  max-width: 1420px;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.form_group {
  position: relative;
}
.form_group i {
  font-size: 14px;
}

.form_control {
  width: 100%;
  padding: 0 30px;
  height: 70px;
  border: none;
}

.section-title span {
  color: #114085;
  margin-bottom: 10px;
  font-weight: 500;
}
.section-title span:before, .section-title span:after {
  display: inline-block;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #114085;
  vertical-align: middle;
}
.section-title span:before {
  margin-right: 20px;
}
@media (max-width: 575px) {
  .section-title span:before {
    margin-right: 10px;
  }
}
.section-title span:after {
  margin-left: 20px;
}
@media (max-width: 575px) {
  .section-title span:after {
    margin-left: 10px;
  }
}
.section-title h2 {
  margin-bottom: 15px;
  font-size: 44px;
  line-height: 56px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h2 {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .section-title h2 {
    font-size: 26px;
    line-height: 36px;
  }
}
.section-title.section-title-left span:after {
  display: none;
}

.section-white-title h2 {
  color: #fff;
}

.dark-bg {
  background: #0d3168;
  opacity:0.5;
}

.light-bg {
  background: #f8f9fa;
}

.main-bg {
  /* background-color: #114085; */
  background-color: #fff;
}

/*===== All Button Style =====*/
.main-btn {
  display: inline-block;
  padding: 14px 45px;
  font-size: 16px;
  font-family: "Microsoft YaHei",微软雅黑,sans-serif;
  color: #fff;
  background: #f08519;
  text-transform: capitalize;
  border-radius: 28px;
  transition: all 0.3s ease-out 0s;
}
.main-btn:hover, .main-btn:focus {
  background: #114085;
  color: #fff;
}

button {
  border: none;
}

/*
    nice select css
*/
.nice-select {
  width: 100%;
  outline: none;
}
.nice-select.open:after {
  transform: none;
}
.nice-select:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  right: 20px;
  font-size: 12px;
  font-weight: 600;
  transform: none;
  border: none;
  top: 0;
  margin-top: 0;
  color: #2E2E2E;
}
.nice-select .list {
  width: 100%;
}

/*
    Start Preloader css
*/
.preloader {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.lds-ellipsis {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  text-align: center;
  z-index: 9999;
}

.lds-ellipsis span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #114085;
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(1) {
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(2) {
  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
}
@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px);
  }
  66% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
/*
    End Preloader css
*/
@keyframes pulse-border {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
/*
    Start scroll_up css
*/
.back-to-top {
  background: #f08519;
  border-radius: 50%;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 15px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  z-index: 337;
}

.back-to-top:hover,
.back-to-top:focus {
  /* background: #0e1b2c; */
  background: #114085;
  color: #fff;
}

/*
    End scroll_up css
*/
/*---=======================
   02. Start Header css 
===========================---*/
.transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

/* Header Navigation*/
.header-navigation {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-navigation {
    padding: 15px 0;
  }
}
@media (max-width: 991px) {
  .header-navigation {
    padding: 15px 0;
  }
}
/* 新增 头部宽度 菜单右padding */
@media only screen and (min-width: 768px) {
  .header-navigation .container {
    max-width: 1200px;
  }
  
  .header-navigation .main-menu {
    padding-right: 30px;
  }
}

/* 去掉导航大屏下拉标志
.header-navigation .main-menu ul > li.menu-item-has-children > a:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-left: 5px;
  display: inline-block;
  color: #0e1b2c;
  font-size: 14px;
} 
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-navigation .main-menu ul > li.menu-item-has-children > a:after {
    display: none;
  }
}
@media (max-width: 991px) {
  .header-navigation .main-menu ul > li.menu-item-has-children > a:after {
    display: none;
  }
}
*/
.header-navigation .main-menu ul li {
  display: inline-block;
  position: relative;
}
.header-navigation .main-menu ul li > a {
  display: block;
  font-size: 16px;
  color: #0e1b2c;
  font-weight: 500;
  text-transform: capitalize;
  font-family: "Microsoft YaHei",微软雅黑,sans-serif;
  padding: 38px 15px;
  line-height: 1;
}
.header-navigation .main-menu ul li .sub-menu {
  position: absolute;
  left: 0;
  top: 120%;
  width: 200px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-out 0s;
  z-index: 99;
  height: auto;
}
/* 新增 中屏菜单字体padding修改 菜单下拉宽度修改 */
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .header-navigation .main-menu ul li > a {
    font-size: 14px;
    padding: 30px 12px;
  }
  .header-navigation .main-menu ul li .sub-menu {
    width: 160px;
  }
}
.header-navigation .main-menu ul li .sub-menu li {
  display: block;
  margin: 0;
}
.header-navigation .main-menu ul li .sub-menu li:last-child > a {
  border-bottom: none;
}
.header-navigation .main-menu ul li .sub-menu li a {
  display: block;
  padding: 8px 15px;
  font-size: 14px;
  position: relative;
  transition: all 0.3s ease-out 0s;
  border-radius: 0;
  line-height: 2;
  margin: 0;
  border-bottom: 1px solid #ececec;
  color: #1b3255;
}
.header-navigation .main-menu ul li .sub-menu li a:hover {
  background-color: #114085;
  color: #fff;
  border-color: transparent;
}
.header-navigation .main-menu ul li .sub-menu li .sub-menu {
  left: 100%;
  top: 50%;
}
.header-navigation .main-menu ul li .sub-menu li:hover .sub-menu {
  top: 100%;
}
/* 去掉导航下拉标志
.header-navigation .main-menu ul li:hover.menu-item-has-children > a:after {
  color: #114085;
}
*/
.header-navigation .main-menu ul li:hover > a {
  color: #114085;
}
.header-navigation .main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-navigation .main-menu ul li .dd-trigger {
  display: none;
}
.header-navigation .site-branding {
  position: relative;
}
.header-navigation .nav-menu {
  float: right;
}
.header-navigation .nav-right {
  width: 100%;
  text-align: right;
}
.header-navigation .nav-right ul {
  display: -webkit-box;
}
.header-navigation .nav-right ul li {
  display: inline-block;
  margin-left: 45px;
}
.header-navigation .nav-right ul li:first-child {
  margin-left: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-navigation .nav-right ul li {
    margin-left: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-navigation .nav-right ul li {
    margin-left: 17px;
  }
}
@media (max-width: 991px) {
  .header-navigation .nav-right ul li {
    margin-left: 0px;
  }
}
.header-navigation .nav-right ul li a {
  color: #0e1b2c;
  position: relative;
}
.header-navigation .nav-right ul li a span.count {
  font-size: 10px;
  padding: 5px;
  background-color: #114085;
  border-radius: 50%;
  line-height: 6px;
  color: #fff;
  position: absolute;
  top: -6px;
  right: -9px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-navigation .nav-right ul li a.search-btn {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .header-navigation .nav-right ul li a.search-btn {
    display: none;
  }
}
.header-navigation .nav-right ul li .main-btn {
  border-radius: 0px;
  text-transform: capitalize;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-navigation .nav-right ul li .main-btn {
    padding: 14px 25px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-navigation .nav-right ul li .main-btn {
    padding: 14px 15px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .header-navigation .nav-right ul li .main-btn {
    display: none;
  }
}
.header-navigation.breakpoint-on .nav-menu {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 9999;
  width: 300px;
  height: 100%;
  transition-duration: 500ms;
  padding: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 70px;
}
.header-navigation.breakpoint-on .nav-menu.menu-on {
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-navigation.breakpoint-on .nav-menu .site-branding {
    display: block !important;
  }
}
@media (max-width: 991px) {
  .header-navigation.breakpoint-on .nav-menu .site-branding {
    display: block !important;
  }
}
.header-navigation.breakpoint-on .nav-menu .nav-search {
  margin: 0 20px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .header-navigation.breakpoint-on .nav-menu .nav-search {
    display: block !important;
  }
}
.header-navigation.breakpoint-on .nav-menu .nav-search .form_group .form_control {
  border: 1px solid #e1e1e1;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li {
  display: block;
  margin: 0;
  -bottoborderm: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li:last-child {
  border-bottom: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu {
  border-top: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #0e1b2c;
  padding: 13px 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: none;
  background-color: transparent;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: none;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a {
  color: #0e1b2c;
  padding: 0px 20px 0 40px;
  line-height: 45px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
  display: block;
  position: absolute;
  right: 0;
  height: 45px;
  width: 45px;
  top: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 2;
  background: transparent;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  color: #0e1b2c;
  font-size: 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu.menu-on {
  left: 0;
}
.header-navigation.breakpoint-on .navbar-close,
.header-navigation.breakpoint-on .navbar-toggler {
  display: block;
}
.header-navigation .navbar-toggler {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
}
.header-navigation .navbar-toggler span {
  position: relative;
  background-color: #0e1b2c;
  border-radius: 3px;
  display: block;
  height: 3px;
  margin-top: 5px;
  padding: 0;
  transition-duration: 300ms;
  width: 30px;
  cursor: pointer;
  display: block;
}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
  opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
  transform: rotate3d(0, 0, 1, -45deg);
  top: -8px;
}
.header-navigation .navbar-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
  display: none;
  background: #114085;
  padding: 5px;
}
.header-navigation .navbar-close .cross-wrap {
  width: 34px;
  height: 34px;
  cursor: pointer;
  position: relative;
}
.header-navigation .navbar-close .cross-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #fff;
}
.header-navigation .navbar-close .cross-wrap span.top {
  top: 17px;
  left: 0;
  transform: rotate(45deg);
}
.header-navigation .navbar-close .cross-wrap span.bottom {
  bottom: 15px;
  left: 0;
  transform: rotate(-45deg);
}
.header-navigation .container-fluid {
  padding-left: 65px;
  padding-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-navigation .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .header-navigation .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.header-top {
  background-color: #0e1b2c;
  padding: 11px 0px;
}
.header-top .container-fluid {
  padding-left: 65px;
  padding-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-top .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .header-top .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .header-top .top-left {
    display: none;
  }
}
.header-top .top-left ul li {
  display: inline-block;
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-top .top-left ul li {
    margin-right: 20px;
  }
}
.header-top .top-left ul li span {
  color: #fff;
}
.header-top .top-left ul li span i {
  margin-right: 10px;
}
.header-top .top-right {
  float: right;
}
@media (max-width: 991px) {
  .header-top .top-right {
    float: none;
    text-align: center;
  }
}
.header-top .top-right ul.social-link li {
  display: inline-block;
  margin-left: 25px;
}
@media (max-width: 991px) {
  .header-top .top-right ul.social-link li {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.header-top .top-right ul.social-link li a {
  color: #fff;
}

.header-area-v2 .main-menu ul > li.menu-item-has-children > a:after {
  color: #fff;
}
.header-area-v2 .main-menu ul li {
  display: inline-block;
  position: relative;
}
.header-area-v2 .main-menu ul li > a {
  color: #fff;
}
.header-area-v2 .navbar-toggler span {
  background-color: #fff;
}
.header-area-v2 .nav-right ul li a {
  color: #fff;
}

.header-navigation.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  animation: sticky 1s;
  background-color: #fff;
  box-shadow: 0px 12px 30px 0px rgba(174, 184, 198, 0.2);
}

.header-area-v2 .header-navigation.sticky {
  background-color: #0e1b2c;
}
@keyframes sticky {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
/*---=======================
   End Header css 
===========================---*/
/*---=======================
   Start banner css 
===========================---*/

/* 新增 START */
.hero-area-v1 .hero-slider-one .banner-box {
  position: relative;
  display: flex;
  width: 100%;
}
.hero-area-v1 .hero-slider-one .banner-box .img-box {
  height: 0;
  padding-bottom: 35%;
}
.hero-area-v1 .hero-slider-one .banner-box .img-box img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
 }
/* 新增 END */

.hero-area-v1 .hero-content span.span {
  color: #114085;
  font-weight: 500;
  color: #114085;
  text-transform: uppercase;
}
.hero-area-v1 .hero-content span.span:before {
  display: inline-block;
  content: "";
  width: 50px;
  height: 2px;
  background-color: #114085;
  vertical-align: middle;
  margin-right: 20px;
}
.hero-area-v1 .hero-content h1 {
  margin-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-area-v1 .hero-content h1 {
    font-size: 52px;
    line-height: 62px;
  }
}
@media (max-width: 767px) {
  .hero-area-v1 .hero-content h1 {
    font-size: 32px;
    line-height: 42px;
  }
}
.hero-area-v1 .hero-content p {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 28px;
}
.hero-area-v1 .hero-content ul.button li {
  display: inline-block;
  margin-bottom: 10px;
}
.hero-area-v1 .hero-content ul.button li:last-child {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .hero-area-v1 .hero-content ul.button li:last-child {
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-area-v1 .hero-content ul.button li:last-child {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .hero-area-v1 .hero-content ul.button li:last-child {
    margin-left: 10px;
  }
}
.hero-area-v1 .hero-content ul.button li .main-btn {
  padding: 14px 30px;
  border: 2px solid #114085;
  color: #0e1b2c;
  background-color: transparent;
  line-height: 23px;
}
.hero-area-v1 .hero-content ul.button li .main-btn.active-btn, .hero-area-v1 .hero-content ul.button li .main-btn:hover, .hero-area-v1 .hero-content ul.button li .main-btn:focus {
  background-color: #114085;
  color: #fff;
  border-color: transparent;
}
.hero-area-v1 .hero-img {
  position: absolute;
  right: 0;
  bottom: -72%;
  margin-right: -100px;
}
.hero-area-v1 .hero-slider-one {
  position: relative;
}
.hero-area-v1 .hero-slider-one .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  border: 2px solid #f08519;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}
.hero-area-v1 .hero-slider-one .slick-arrow:hover {
  background-color: #f08519;
  border-color: transparent;
  color: #fff;
}
.hero-area-v1 .hero-slider-one .slick-arrow.prev {
  left: 60px;
}
.hero-area-v1 .hero-slider-one .slick-arrow.next {
  right: 60px;
}
.hero-area-v1 .hero-slider-one .single-slider {
  padding: 252px 0 248px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-area-v1 .hero-slider-one .single-slider {
    padding: 172px 0 168px;
  }
}
@media (max-width: 991px) {
  .hero-area-v1 .hero-slider-one .single-slider {
    padding: 152px 0 148px;
  }
}


/* breadcrumbs css */
.breadcrumbs-section {
  position: relative;
  z-index: 1;
  padding: 115px 0 120px;
}
.breadcrumbs-section:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 27, 44, 0.85);
  z-index: -1;
}
.breadcrumbs-section .breadcrumbs-content h1 {
  color: #fff;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .breadcrumbs-section .breadcrumbs-content h1 {
    font-size: 32px;
    line-height: 42px;
  }
}
.breadcrumbs-section .breadcrumbs-content ul.link li {
  display: inline-block;
}
.breadcrumbs-section .breadcrumbs-content ul.link li:after {
  display: inline-block;
  content: "-";
  margin-left: 5px;
  margin-right: 5px;
  color: #fff;
}
.breadcrumbs-section .breadcrumbs-content ul.link li:last-child:after {
  display: none;
}
.breadcrumbs-section .breadcrumbs-content ul.link li a {
  color: #fff;
}
.breadcrumbs-section .breadcrumbs-content ul.link li.active {
  color: #114085;
}

/*---=======================
   End banner css 
===========================---*/


/*---=======================
   10. Start Blog css 
===========================---*/
.blog-grid-v1 .blog-post-item .post-thumbnail {
  margin-bottom: 18px;    
  position: relative;
  display: flex;
  width: 100%;
}

.blog-grid-v1 .blog-post-item .post-thumbnail .img-box {
  height: 0;
  padding-bottom: 60%;
}
.blog-grid-v1 .blog-post-item .post-thumbnail img {
  /* width: 100%;
  height: 100%; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog-grid-v1 .blog-post-item .entry-content .post-meta {
  margin-bottom: 10px;
}
.blog-grid-v1 .blog-post-item .entry-content h3.title {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 10px;
  
  /* height: 65px; */
  overflow: hidden;
}
/* 限制标题 2 行 并固定高度*/
.blog-grid-v1 .blog-post-item .entry-content h3.title a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-orient: vertical;
  overflow: hidden;
}

.blog-grid-v1 .blog-post-item .entry-content p {
  margin-bottom: 18px;
  height: 110px;

  /* 限制内容 4 行 并固定高度*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  box-orient: vertical;
  overflow: hidden;
}
.blog-grid-v1 .blog-post-item .entry-content .main-btn {
  padding: 11px 32px;
}

.blog-grid-v2 .button-box {
  float: right;
}
@media (max-width: 991px) {
  .blog-grid-v2 .button-box {
    float: left;
  }
}
.blog-grid-v2 .blog-post-item {
  background-color: #fff;
  box-shadow: 0px 8px 30px 0px rgba(174, 184, 198, 0.35);
}
.blog-grid-v2 .blog-post-item .post-thumbnail img {
  width: 100%;
}
.blog-grid-v2 .blog-post-item .entry-content {
  padding: 30px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-grid-v2 .blog-post-item .entry-content {
    padding: 30px 25px;
  }
}
@media (max-width: 991px) {
  .blog-grid-v2 .blog-post-item .entry-content {
    padding: 30px 25px;
  }
}
@media (max-width: 575px) {
  .blog-grid-v2 .blog-post-item .entry-content {
    padding: 30px 15px;
  }
}
.blog-grid-v2 .blog-post-item .entry-content .post-meta {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-grid-v2 .blog-post-item .entry-content .post-meta ul li {
    margin-right: 15px;
  }
}
@media (max-width: 991px) {
  .blog-grid-v2 .blog-post-item .entry-content .post-meta ul li {
    margin-right: 15px;
  }
}
.blog-grid-v2 .blog-post-item .entry-content h3.title {
  font-size: 22px;
  line-height: 32px;
}

.blog-standard-section .blog-post-item {
  background-color: #fff;
  box-shadow: 0px 12px 30px 0px rgba(174, 184, 198, 0.2);
}
.blog-standard-section .blog-post-item .post-thumbnail {
  position: relative;
}
.blog-standard-section .blog-post-item .post-thumbnail img {
  width: 100%;
}
.blog-standard-section .blog-post-item .post-thumbnail-slide .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  background-color: #0e1b2c;
  color: #fff;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991px) {
  .blog-standard-section .blog-post-item .post-thumbnail-slide .slick-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.blog-standard-section .blog-post-item .post-thumbnail-slide .slick-arrow:hover {
  background-color: #114085;
  color: #fff;
}
.blog-standard-section .blog-post-item .post-thumbnail-slide .slick-arrow.prev {
  left: 40px;
}
.blog-standard-section .blog-post-item .post-thumbnail-slide .slick-arrow.next {
  right: 40px;
}
.blog-standard-section .blog-post-item .entry-content {
  padding: 35px 40px 40px;
}
@media (max-width: 991px) {
  .blog-standard-section .blog-post-item .entry-content {
    padding: 35px 20px 40px;
  }
}
@media (max-width: 575px) {
  .blog-standard-section .blog-post-item .entry-content {
    padding: 35px 15px 40px;
  }
}
.blog-standard-section .blog-post-item .entry-content h3.title {
  font-size: 34px;
  line-height: 50px;
  margin-bottom: 15px;
}
.blog-standard-section .blog-post-item .entry-content h3.title:hover, .blog-standard-section .blog-post-item .entry-content h3.title:focus {
  color: #114085;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-standard-section .blog-post-item .entry-content h3.title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .blog-standard-section .blog-post-item .entry-content h3.title {
    font-size: 22px;
    line-height: 32px;
  }
}
.blog-standard-section .blog-post-item .entry-content p {
  margin-bottom: 30px;
}
.blog-standard-section .blog-post-item.post-without-thumb {
  background-color: #114085;
}
.blog-standard-section .blog-post-item.post-without-thumb .entry-content {
  padding: 35px 40px 35px;
}
@media (max-width: 991px) {
  .blog-standard-section .blog-post-item.post-without-thumb .entry-content {
    padding: 35px 20px 35px;
  }
}
.blog-standard-section .blog-post-item.post-without-thumb .entry-content .post-meta ul li span {
  color: #fff;
}
.blog-standard-section .blog-post-item.post-without-thumb .entry-content .post-meta ul li span i {
  color: #fff;
}
.blog-standard-section .blog-post-item.post-without-thumb .entry-content h3.title {
  color: #fff;
  margin-bottom: 0px;
}
.blog-standard-section .blog-post-item.post-without-thumb .entry-content h3.title:hover, .blog-standard-section .blog-post-item.post-without-thumb .entry-content h3.title:focus {
  color: #0e1b2c;
}
.blog-standard-section .blog-post-item.blog-post-audio .post-thumbnail iframe {
  border: none;
  display: inherit;
  width: 100%;
  height: 235px;
}
.blog-standard-section .blog-post-item.blog-post-video .post-thumbnail .play-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog-standard-section .blog-post-item.blog-post-video .post-thumbnail .play-content a.video-popup {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  color: #fff;
  background-color: #114085;
  font-size: 22px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .blog-standard-section .blog-post-item.blog-post-video .post-thumbnail .play-content a.video-popup {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}

.post-meta {
  margin-bottom: 20px;
}
.post-meta ul li {
  display: inline-block;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .post-meta ul li {
    margin-right: 15px;
  }
}
.post-meta ul li span i {
  padding-right: 7px;
  color: #114085;
}
.post-meta ul li span:hover, .post-meta ul li span:focus {
  color: #114085;
}

.blog-details-section .blog-details-wrapper {
  background-color: #fff;
  padding: 40px;
}
@media (max-width: 767px) {
  .blog-details-section .blog-details-wrapper {
    padding: 40px 15px;
  }
}
.blog-details-section .blog-details-wrapper .post-thumbail {
  margin: -40px -40px 35px;
}
@media (max-width: 991px) {
  .blog-details-section .blog-details-wrapper .post-thumbail {
    margin: 0px;
  }
}
.blog-details-section .blog-details-wrapper .entry-content {
  margin-bottom: 30px;
}
.blog-details-section .blog-details-wrapper .entry-content h3.title {
  font-size: 34px;
  margin-bottom: 13px;
}
@media (max-width: 767px) {
  .blog-details-section .blog-details-wrapper .entry-content h3.title {
    font-size: 24px;
    line-height: 36px;
  }
}
.blog-details-section .blog-details-wrapper .entry-content p {
  line-height: 27px;
  padding-bottom: 25px;
}
.blog-details-section .blog-details-wrapper .entry-content p span.big-text {
  float: left;
  width: 68px;
  height: 68px;
  text-align: center;
  background-color: #114085;
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  margin-right: 10px;
  line-height: 68px;
  margin-top: 9px;
}
.blog-details-section .blog-details-wrapper .entry-content .blockquote {
  padding: 32px 40px 37px;
  margin-bottom: 0px;
  background-color: #114085;
  margin-bottom: 40px;
}
.blog-details-section .blog-details-wrapper .entry-content .blockquote span, .blog-details-section .blog-details-wrapper .entry-content .blockquote h4 {
  color: #fff;
}
.blog-details-section .blog-details-wrapper .entry-content .blockquote span {
  font-weight: 500;
  margin-bottom: 10px;
}
.blog-details-section .blog-details-wrapper .entry-content .block-img {
  margin-bottom: 32px;
}
.blog-details-section .blog-details-wrapper .entry-content ul.list {
  margin-bottom: 15px;
}
.blog-details-section .blog-details-wrapper .entry-content ul.list li {
  margin-bottom: 5px;
}
.blog-details-section .blog-details-wrapper .entry-content ul.list li:last-child {
  margin-bottom: 0px;
}
.blog-details-section .blog-details-wrapper .entry-content ul.list li:before {
  display: inline-block;
  padding-right: 10px;
  content: "";
  font-family: "Font Awesome 5 Free";
  color: #114085;
  font-weight: 600;
}
.blog-details-section .blog-details-wrapper .post-tag-share ul li {
  display: inline-block;
}
.blog-details-section .blog-details-wrapper .post-tag-share ul li span {
  color: #0e1b2c;
  font-weight: 500;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-section .blog-details-wrapper .post-tag-share ul li span {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .blog-details-section .blog-details-wrapper .post-tag-share .post-tag {
    text-align: center;
  }
}
.blog-details-section .blog-details-wrapper .post-tag-share .post-tag ul li a {
  padding: 5px 12px;
  background-color: #f4f4f4;
  font-size: 14px;
  line-height: 20px;
  border-radius: 15px;
  margin-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-section .blog-details-wrapper .post-tag-share .post-tag ul li a {
    font-size: 13px;
  }
}
.blog-details-section .blog-details-wrapper .post-tag-share .post-share {
  float: right;
}
@media (max-width: 991px) {
  .blog-details-section .blog-details-wrapper .post-tag-share .post-share {
    float: none;
    margin-top: 20px;
    text-align: center;
  }
}
.blog-details-section .blog-details-wrapper .post-tag-share .post-share ul li {
  margin-left: 10px;
}
@media (max-width: 991px) {
  .blog-details-section .blog-details-wrapper .post-tag-share .post-share ul li {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.blog-details-section .blog-details-wrapper .post-prev-next {
  padding-bottom: 35px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item {
  display: flex;
}
@media (max-width: 991px) {
  .blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item {
    align-items: center;
  }
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item:hover .post-nav-img .overlay {
  visibility: visible;
  opacity: 1;
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-img {
  position: relative;
  overflow: hidden;
  min-width: 70px;
  max-width: 70px;
  height: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-img {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
  }
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 117, 84, 0.9);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-img .overlay i {
  color: #fff;
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-content {
  margin-left: 15px;
  margin-top: -7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-content span {
    font-size: 12px;
    line-height: 16px;
  }
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-content h5 {
  font-weight: 600;
  font-size: 17px;
  line-height: 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item .post-nav-content h5 {
    font-size: 13px;
    line-height: 17px;
  }
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item.post-nav-next {
  direction: rtl;
  text-align: right;
}
@media (max-width: 991px) {
  .blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item.post-nav-next {
    direction: ltr;
    text-align: left;
  }
}
.blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item.post-nav-next .post-nav-content {
  margin-left: 0px;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .blog-details-section .blog-details-wrapper .post-prev-next .post-nav-item.post-nav-next .post-nav-content {
    margin-right: 0;
    margin-left: 15px;
  }
}
.blog-details-section .blog-details-wrapper .comments-area {
  padding-bottom: 35px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-details-section .blog-details-wrapper .comments-area h4.comments-title {
  margin-bottom: 15px;
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment {
  display: flex;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment {
    flex-direction: column;
  }
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment:nth-child(even) {
  margin-left: 100px;
}
@media (max-width: 767px) {
  .blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment:nth-child(even) {
    margin-left: 0px;
  }
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-avatar {
  min-width: 80px;
  height: 80px;
  max-width: 80px;
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-avatar img {
  width: 100%;
  border-radius: 50%;
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content {
  position: relative;
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content span.author-name {
  color: #0e1b2c;
  font-size: 18px;
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content span.date {
  color: #114085;
  padding-left: 5px;
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content .reply {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content .reply {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px;
  }
}
.blog-details-section .blog-details-wrapper .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content .reply i {
  padding-left: 10px;
}
.blog-details-section .blog-details-wrapper .comments-respond h4.comments-heading {
  margin-bottom: 15px;
}
.blog-details-section .blog-details-wrapper .comments-respond form .form_group .form_control {
  background-color: #f6f6f6;
  margin-bottom: 30px;
}
.blog-details-section .blog-details-wrapper .comments-respond form .form_group textarea.form_control {
  padding-top: 15px;
  height: 200px;
}

.sidebar-widget-area .widget {
  background-color: #fff;
  padding: 35px 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-area .widget {
    padding: 35px 15px 40px;
  }
}
@media (max-width: 991px) {
  .sidebar-widget-area .widget {
    padding: 35px 15px 40px;
  }
}
.sidebar-widget-area .widget h4.widget-title {
  font-weight: 700;
  margin-bottom: 33px;
}
.sidebar-widget-area .widget.widget-search .form_group .form_control {
  background-color: #f4f4f4;
  height: 55px;
  padding: 0 30px;
  border-radius: 28px;
}
.sidebar-widget-area .widget.widget-search .form_group .icon {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px 27.5px 27.5px 0px;
  background-color: #114085;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 55px;
  height: 55px;
  line-height: 55px;
}
.sidebar-widget-area .widget.widget-about .about-content .img {
  width: 180px;
  height: 180px;
  border: 5px solid #114085;
  padding: 5px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: 28px;
}
.sidebar-widget-area .widget.widget-about .about-content .content p {
  margin-bottom: 20px;
}
.sidebar-widget-area .widget.widget-about .about-content .content p.position {
  color: #114085;
  margin-bottom: 8px;
}
.sidebar-widget-area .widget.widget-about .about-content .content ul.social-link li {
  margin-left: 3px;
  margin-right: 3px;
}
.sidebar-widget-area .widget.widget-about .about-content .content ul.social-link li a {
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background-color: #f4f4f4;
  color: #555b63;
  border-radius: 50%;
  transition: all 0.3s ease-out 0s;
}
.sidebar-widget-area .widget.widget-about .about-content .content ul.social-link li a:hover {
  color: #fff;
  background-color: #114085;
}
.sidebar-widget-area .widget.widget-categories ul.categories-list li {
  margin-bottom: 10px;
}
.sidebar-widget-area .widget.widget-categories ul.categories-list li:last-child {
  margin-bottom: 0px;
}
.sidebar-widget-area .widget.widget-categories ul.categories-list li a {
  position: relative;
  display: block;
  padding: 13px 25px;
  background-color: #f4f4f4;
  border-radius: 27px;
  color: #0e1b2c;
  font-weight: 500;
  transition: all 0.3s ease-out 0s;
}
.sidebar-widget-area .widget.widget-categories ul.categories-list li a:hover {
  background-color: #114085;
  color: #fff;
}
.sidebar-widget-area .widget.widget-categories ul.categories-list li a span {
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 54px;
  background-color: #114085;
  color: #fff;
  text-align: center;
  line-height: 54px;
  border-radius: 0px 27.5px 27.5px 0px;
}
.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content:last-child {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 0px;
}
.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content img {
  min-width: 70px;
  max-width: 70px;
  height: 75px;
}
.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date {
  margin-top: -7px;
  margin-left: 15px;
}
.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date span.posted-on {
  color: #114085;
  display: block;
}
.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6 {
  font-weight: 600;
  line-height: 26px;
}
.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6:hover, .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6:focus {
  color: #114085;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6 {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 575px) {
  .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6 {
    font-size: 14px;
    line-height: 24px;
  }
}
.sidebar-widget-area .widget.widget-tag-cloud {
  padding-bottom: 30px;
}
.sidebar-widget-area .widget.widget-tag-cloud a {
  padding: 5px 12px;
  background-color: #f4f4f4;
  font-size: 14px;
  line-height: 20px;
  border-radius: 15px;
  margin-bottom: 10px;
  margin-right: 5px;
}
.sidebar-widget-area .widget.widget-tag-cloud a:hover {
  background-color: #114085;
  color: #fff;
}
.sidebar-widget-area .widget.instagram-widget {
  padding-bottom: 25px;
}
.sidebar-widget-area .widget.instagram-widget ul.instagram-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.sidebar-widget-area .widget.instagram-widget ul.instagram-list li {
  padding-left: 7.5px;
  padding-right: 7.5px;
  flex: 0 0 33.33%;
  margin-bottom: 15px;
}
.sidebar-widget-area .widget.instagram-widget ul.instagram-list li a {
  position: relative;
  display: block;
}
.sidebar-widget-area .widget.instagram-widget ul.instagram-list li a img {
  width: 100%;
}
.sidebar-widget-area .widget.instagram-widget ul.instagram-list li a:hover .insta-overlay {
  visibility: visible;
  opacity: 1;
}
.sidebar-widget-area .widget.instagram-widget ul.instagram-list li a .insta-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #114085;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.sidebar-widget-area .widget.instagram-widget ul.instagram-list li a .insta-overlay i {
  color: #fff;
}

/* 分页 */
.bebsa-pageniation .pagination {
  display: inline-block;
}
.bebsa-pageniation ul li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.bebsa-pageniation ul li a, .bebsa-pageniation ul li span {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  border: 1px solid #eaeaea;
}
.bebsa-pageniation ul li a:hover, .bebsa-pageniation ul li a:focus, .bebsa-pageniation ul li a.active {
  background-color: #114085;
  color: #fff;
  border-color: transparent;
}
.bebsa-pageniation ul li span:hover, .bebsa-pageniation ul li span:focus, .bebsa-pageniation ul li span.active {
  background-color: #114085;
  color: #fff;
  border-color: transparent;
}
.bebsa-pageniation ul li.active span{
  background-color: #114085;
  color: #fff;
  border-color: transparent;
}

.blog-grid-v2 .blog-post-item .entry-content h3.title:hover,
.blog-grid-v2 .blog-post-item .entry-content h3.title:focus,
.blog-grid-v1 .blog-post-item .entry-content h3.title:hover,
.blog-grid-v1 .blog-post-item .entry-content h3.title:focus {
  color: #114085;
}

/*---=======================
   End Blog css 
===========================---*/

/*---=======================
     Start Footer css 
===========================---*/
.bebsa-footer {
  position: relative;
  background-image: url(../images/footer_bg.jpg);
}
.bebsa-footer .newsletter-area {
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
  .bebsa-footer .newsletter-area .section-title {
    margin-bottom: 20px;
  }
}
.bebsa-footer .newsletter-area .newsletter-form .form_group .form_control {
  background-color: #fff;
  padding: 0 40px;
  border-radius: 37px;
  box-shadow: 0px 12px 30px 0px rgba(174, 184, 198, 0.2);
  height: 75px;
}
.bebsa-footer .newsletter-area .newsletter-form .form_group .main-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}
@media (max-width: 767px) {
  .bebsa-footer .newsletter-area .newsletter-form .form_group .main-btn {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px;
  }
}
.bebsa-footer .footer-widget .widget h4.widget-title {
  font-weight: 700;
  margin-bottom: 25px;
}
.bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info {
  margin-bottom: 20px;
}
.bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info .icon {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff7554;
  background-color: #fff;
  box-shadow: 0px 8px 20px 0px rgba(157, 167, 179, 0.3);
}
.bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info .info p {
  line-height: 24px;
}
/* 不需要改字体
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info .info p {
    font-size: 12px;
  }
} 
*/

/* 新增input button */
.bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info input, textarea {
  padding: 0 15px !important;
  line-height: 30px;
  height: 40px;
  border-radius: 5px;
}
.bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info button {
  background: #f08519;
  font-size: 18px;
  font-weight: 600;
}
.bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info button:hover {
  background: #114085;
}
/* 新增input button end*/
.bebsa-footer .footer-widget .widget.useful-link-widget ul.widget-link li {
  margin-bottom: 10px;
}
.bebsa-footer .footer-widget .widget.useful-link-widget ul.widget-link li a {
  font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bebsa-footer .footer-widget .widget.useful-link-widget ul.widget-link li a {
    font-size: 12px;
  }
}
.bebsa-footer .footer-widget .widget.useful-link-widget ul.widget-link li a:before {
  display: inline-block;
  content: "--";
  padding-right: 5px;
  vertical-align: middle;
}
.bebsa-footer .footer-widget .widget.useful-link-widget ul.widget-link li a:hover, .bebsa-footer .footer-widget .widget.useful-link-widget ul.widget-link li a:focus {
  color: #114085;
}
.bebsa-footer .footer-widget .widget.recent-news-widget .blog-item {
  display: flex;
}
.bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .post-thumb {
  min-width: 70px;
  max-width: 70px;
  height: 75px;
}
.bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .entry-content {
  margin-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .entry-content {
    margin-left: 10px;
  }
}
.bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .entry-content .post-meta {
  margin-bottom: 0px;
}
.bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .entry-content .post-meta ul li {
  line-height: 22px;
}
.bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .entry-content .post-meta ul li span {
  color: #114085;
}
.bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .entry-content h3.title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bebsa-footer .footer-widget .widget.recent-news-widget .blog-item .entry-content h3.title {
    font-size: 11px;
    line-height: 24px;
  }
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li {
  padding-left: 4px;
  padding-right: 4px;
  flex: 0 0 33.33%;
  margin-bottom: 8px;
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a {
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a img {
    width: 100%;
  }
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a:hover .insta-overlay {
  visibility: visible;
  opacity: 1;
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a .insta-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #114085;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a .insta-overlay i {
  color: #fff;
}
.bebsa-footer .copyright-area {
  background-color: #0e1b2ce1;
  padding: 6px 0;
}
@media (max-width: 767px) {
  .bebsa-footer .copyright-area .footer-social {
    text-align: center;
  }
}
.bebsa-footer .copyright-area .footer-social ul.social-link li {
  margin-right: 25px;
}
.bebsa-footer .copyright-area .footer-social ul.social-link li a {
  font-size: 14px;
  color: #fff;
}
.bebsa-footer .copyright-area .footer-social ul.social-link li a:hover, .bebsa-footer .copyright-area .footer-social ul.social-link li a:focus {
  color: #114085;
}
/* 
.bebsa-footer .copyright-area .copyright-text {
  float: right; 
}

@media (max-width: 767px) {
  .bebsa-footer .copyright-area .copyright-text {
    float: none;
    text-align: center;
    margin-top: 10px;
  }
} 
*/

.bebsa-footer .copyright-area .copyright-text p {
  color: #fff;
}
.bebsa-footer.footer-v2 {
  z-index: 1;
}
.bebsa-footer.footer-v2::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 27, 44, 0.85);
  z-index: -1;
}
.bebsa-footer.footer-v2 .newsletter-area {
  border-color: rgba(229, 229, 229, 0.15);
}
.bebsa-footer.footer-v2 .newsletter-area .newsletter-form .form_group .form_control {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
  color: #fff;
}
.bebsa-footer.footer-v2 .newsletter-area .newsletter-form .form_group .form_control::placeholder {
  color: #fff;
}
.bebsa-footer.footer-v2 .footer-widget .widget h4.widget-title {
  color: #fff;
}
.bebsa-footer.footer-v2 .footer-widget .widget.contact-widget .contact-info .single-info .icon {
  background-color: #f08519;
  box-shadow: none;
  color: #fff;
}
.bebsa-footer.footer-v2 .footer-widget .widget.contact-widget .contact-info .single-info .info p {
  color: #fff;
}
.bebsa-footer.footer-v2 .footer-widget .widget.useful-link-widget ul.widget-link li a {
  color: #fff;
}
.bebsa-footer.footer-v2 .footer-widget .widget.useful-link-widget ul.widget-link li a:hover, .bebsa-footer.footer-v2 .footer-widget .widget.useful-link-widget ul.widget-link li a:focus {
  color: #114085;
}
.bebsa-footer.footer-v2 .footer-widget .widget.recent-news-widget .blog-item .entry-content h3.title {
  color: #fff;
}

ul.social-link li {
  display: inline-block;
}

/*---=======================
   End Footer css 
===========================---*/

/*---=======================
  新增侧边浮动栏 Start
===========================---*/
.side-tools {
  position: fixed;
  top: 50%;
  right: 10px;
  z-index: 1000;
}
.side-tools ul {
  padding: 0;
  margin: 0;
}
.side-tools ul li {
  list-style: none;
  margin-bottom: 3px;
}
.side-tools ul li .icon {
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  /* border-radius: 50%; */
  border-radius: 3px;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #f08519;
  box-shadow: 0px 8px 20px 0px rgba(157, 167, 179, 0.3);
  text-align: center;
}
.side-tools ul li .icon:hover{
  background-color: #114085;
}
.side-tools ul li .icon i {
  line-height: 40px;
  pointer-events: none; /* 关闭事件 */
}
.side-tools ul li .icon .icon-text {
  font-size: 12px;
  height : 15px;
  line-height : 15px;
  pointer-events: none;/* 关闭事件 */
}


.side-tools-modal {
  margin-top: 10%;
  width: 350px;
}
.side-tools-modal .modal-content {
  border-radius: 0px;
}
.side-tools-modal .item-line {
  position: relative;
  overflow: hidden;
}
.side-tools-modal .item-line .title {
  float: left !important;
  text-align: right;
  width: 70px;
  line-height: 35px;
  padding-right: 10px;
  font-size: 16px;
}
.side-tools-modal .item-line .input {
  float: left !important;
  width: 230px;
}

/*---=======================
  新增侧边浮动栏 End
===========================---*/


/*---=======================
  新增首页公司介绍 Start
===========================---*/
.index-about .about {
  font-size: 16px;
}

.index-about .about-video .video-box {
  position: relative;
  width: 100%;
  height: 400px;
  z-index: 1;
}
.index-about .about-video .video-box:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(14, 27, 44, 0.7);
  z-index: -1;
}
.index-about .about-video .play-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index-about .about-video .play-content .play-video {
  position: relative;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  border-radius: 50%;
  color: #fff;
  background-color: #f08519;
  z-index: 1;
  animation: radial-pulse 2s infinite;
}
/* 
.index-about .about-video .play-content .play-video:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #f08519;
  animation: play 1500ms ease-out infinite;
  z-index: -1;
} 
*/
.index-about .about-video .video-bg {
  content: '';
  width: calc(100% - 30px);
  height: 100%;
  position: absolute;
  right: 0;
  top: 15px;
  background-color: #f08519;
}
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.6);
  }

  100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}

.video {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*---=======================
  新增首页公司介绍 End
===========================---*/


/*---=======================
  新增首页品牌 Start
===========================---*/
.index-brand {
  width: 100%;
}
.index-brand .brand-box {
  height: 120px;
  width: 100%;
}
.index-brand .img-box {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-brand .img-box img {
  max-height: 100%;
  margin: auto;
}
/*---=======================
  新增首页品牌 End
===========================---*/

/*---=======================
  新增首页产品 Start
===========================---*/
.index-product .index-product-box .index-product-img-box {
  position: relative;
  display: flex;
  width: 100%;
}
.index-product .index-product-box .index-product-img-box .index-product-img-box2{
  height: 0;
  padding-bottom: 60%;
}
.index-product .index-product-box .index-product-img-box .index-product-img-box2 img{
   /* width: 100%;
  height: 100%; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.index-product .index-product-box .product-info {
  padding: 15px;
  background: #fff;
  border: 1px solid #eee;
  align-items: center;
}
/* 
.index-product .index-product-box .product-info h4 {
  padding-left: 25px;
}
*/
@media only screen and (max-width: 991px) {
  .index-product .index-product-box .product-info {
    padding: 12px;
  }
}

/* 滚动 */

.product-roll-p {
  padding: 0 5px;
}

.index-product-roll {
  width: 100%;
}
.index-product-roll .roll-box {
  /* height: 120px; */
  width: 100%;
  padding: 10px;
}

.index-product-roll .title-box a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-orient: vertical;
  overflow: hidden;
  padding: 0 10px;
}

.index-product-roll .model-box a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  padding: 0 10px;
}

.index-product-roll .img-box {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-product-roll .img-box img {
  max-height: 100%;
  margin: auto;
}
/*---=======================
  新增首页产品 End
===========================---*/


/*---=======================
  新增公司介绍 Start
===========================---*/
.about .about-img {
  height: 100%;
  width: 100%;
}
/*---=======================
  新增公司介绍 End
===========================---*/


/*---=======================
  新增联系我们 Start
===========================---*/
.contact .img {
  background: url("../images/contact.jpg") no-repeat!important;
  background-size: 100% 100%;
}
.contact .contact-box{
  min-height: 300px;
  box-shadow: 0px 8px 8px 0px rgb(174 174 174 / 10%)
}
.contact .contact-title {
  padding: 30px 0;
}
.contact .contact-content {
  padding-bottom: 30px;
  min-width: 160px;
}
.contact .contact-content p {
  line-height: 30px;
}
.contact .first {
  padding: 0 15px;
}
.contact .first h3,.contact .first p {
  color: #fff;
}
/*---=======================
  新增联系我们 End
===========================---*/



/*---=======================
  新增招聘 Start
===========================---*/
.hr {
  box-shadow: 0px 8px 8px 0px rgb(174 174 174 / 10%);
}
.hr .img {
  background-image: url("../images/contact.jpg");
  background-size: 100% 100%;
}
.hr .hr-box{
  padding: 30px;
  border-bottom: 1px solid #E6E6E6;
}
.hr .hr-title {
  width: 200px;
  padding-left: 20px;
}
.hr .hr-content {
  padding: 20px;
}
.hr .hr-content p {
  line-height: 30px;
}
.hr .contact {
  padding: 30px;
}
/*---=======================
  新增招聘 End
===========================---*/

/*---=======================
  新增新闻列表详情 Start
===========================---*/
/* 列表放上面
@media only screen and (max-width: 1199px) {
  .news .row {
    flex-wrap: wrap-reverse;
  }
} 
*/
.news .sidebar .widget {
  background-color: #fff;
  padding: 25px;
}
.news .sidebar .widget h4.widget-title {
  font-weight: 700;
  margin-bottom: 20px;
}
.news .sidebar .widget.widget-search .form_group .form_control {
  background-color: #f4f4f4;
  height: 55px;
  padding: 0 30px;
  border-radius: 28px;
}
.news .sidebar .widget.widget-search .form_group .icon {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px 27.5px 27.5px 0px;
  background-color: #114085;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 55px;
  height: 55px;
  line-height: 55px;
}
.news .sidebar .widget.widget-categories ul.categories-list li {
  margin-bottom: 10px;
}
.news .sidebar .widget.widget-categories ul.categories-list li:last-child {
  margin-bottom: 0px;
}
.news .sidebar .widget.widget-categories ul.categories-list li a {
  position: relative;
  display: block;
  padding: 13px 25px;
  background-color: #f4f4f4;
  border-radius: 27px;
  color: #0e1b2c;
  font-weight: 500;
  transition: all 0.3s ease-out 0s;
}
.news .sidebar .widget.widget-categories ul.categories-list li a:hover {
  background-color: #114085;
  color: #fff;
}
.news .sidebar .widget.widget-categories ul.categories-list li a.active {
  background-color: #114085;
  color: #fff;
}
.news .sidebar .widget.widget-categories ul.categories-list li a span {
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 54px;
  background-color: #114085;
  color: #fff;
  text-align: center;
  line-height: 54px;
  border-radius: 0px 27.5px 27.5px 0px;
}
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content:last-child {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 0px;
}
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content img {
  min-width: 80px;
  max-width: 80px;
  height: 60px;
}
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content .post-title-date {
  margin-top: -7px;
  margin-left: 15px;
}
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content .post-title-date span.posted-on {
  color: #114085;
  display: block;
}
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content .post-title-date h6 {
  font-weight: 600;
  line-height: 22px;
}
 /* 限制标题 2 行 并固定高度*/
 .news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content .post-title-date h6 a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  overflow: hidden;
}
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content .post-title-date h6:hover, 
.news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content .post-title-date h6:focus {
  color: #114085;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news .sidebar .widget.hot-news ul.hot-news-widget li.hot-news-content .post-title-date h6 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }
}
@media (max-width: 575px) {
  .news .sidebar .widget.hot-news ul.recent-post-widget li.hot-news-content .post-title-date h6 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }
  .news .sidebar .widget.hot-news {
    display: none;
  }
}


.news .list .news-img {
  height: 200px;
  display: flex;
  overflow: hidden;
  align-items: center;
  background-clip: content-box;
  background-color: #fff;
}
.news .list .news-img img {
  width: 100%;
  min-height: 100%;
}
.news .list .news-title a {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;

  max-height: 65px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  overflow: hidden;
}
.news .list .news-content {
  line-height: 26px;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .news .list .news-img {
    height: 160px;
  }
  .news .list .news-title a {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
  }
  .news .list .news-content{
    height: 75px;
    -webkit-line-clamp: 3;
  }
}
@media only screen and (max-width: 767px) {
  .news .list .news-img {
    height: 140px;
  }
  .news .list .news-content{
    height: 50px;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 575px) {
  .news .list .news-img {
    height: 140px;
  }
  .news .list .news-content{
    height: 50px;
    -webkit-line-clamp: 2;
  }
  .news .list .news-title a {
    font-size: 20px;
    -webkit-line-clamp: 1;
  }
}

.news .list .post-meta {
  position: absolute;
  margin-top: 10px;
  margin-bottom: 0px;
  bottom: 0px;
}

.news .details .img {
  width: 100%;
  text-align: center;
}
.news .details .img img {
  width: 100%;
}
.news .details .title {
  text-align: center;
}
.news .details .title h3 {
  text-align: left;
  display: inline-block;
  margin-bottom: 15px;
}
.news .details .news-content {
  /* display: flex;
  flex-wrap: wrap; */
  word-wrap:break-word;
}
.news .details .news-content p{
  max-width: 100%;
}

.news .details .news-content span{
  display: initial;
}

/*---=======================
  新增新闻列表详情 End
===========================---*/


/*---=======================
  新增品牌列表详情 Start
===========================---*/
.brand .brand-category {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 16.74px 1.26px rgba(95, 95, 100, 0.13);
  padding: 35px 20px;
  font-size: 18px;
  cursor: pointer;
}
.brand #brandTabHeader .layui-this>div {
  background-color: #114085;
  color: #fff;
}

.brand #brandTabBody>div {
  display: none;
}

.brand .brand-box {
  padding: 35px;
}
.brand .brand-box .brand-content {
  text-align: center;
}
.brand .brand-box .brand-content .img{
  width: 100%;
  height: 100px;
  padding: 10px 0 10px 0;
  display: flex;
}
.brand .brand-box .brand-content img{
  align-self: center;
  margin: 0 auto;
  max-height: 100%;
}
.brand .brand-box .brand-content .title{
  padding: 10px 0;
  height: 80px;
}
.brand .brand-box .brand-content .tag{
  color: #114085;
  padding-bottom: 20px;
  font-size: 12px;
  font-weight: 600;
}
.brand .brand-box .brand-content .content{
  line-height: 26px;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  box-orient: vertical;
  overflow: hidden;
}

.brand .details .content {
  padding: 30px;
}
.brand .details .content .img {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
}
.brand .details .content .img img {
  align-self: center;
  margin: 0 auto;
}

.brand .details .content .brand-logo {
  height: 80px;
}
.brand .details .content .summary-box .summary {
  text-indent: 2em;
}

@media only screen and (max-width: 992px) {
  .brand .details .content .img {
    padding: 40px 0 70px;
  }
}

.brand .details .product-box {
  padding: 30px;
}
.brand .details .product-box .brand-product {
  padding-bottom: 40px;
  border-bottom: 1px solid rgb(167, 167, 167);
  margin-top: 30px;
}
.brand .details .product-box .brand-product .type{
  font-weight: bold;
  margin-bottom: 20px;
}
.brand .details .product-box .brand-product .brand-product-details {
  /* box-shadow: 0px 8px 8px 0px rgb(174 174 174 / 10%) */
  box-shadow: 0 8px 10px rgb(0 0 0 / 15%);
}
.brand .details .product-box .brand-product .brand-product-details a{
  width: 100%;
}
.brand .details .product-box .brand-product .brand-product-details .product-title {
  padding: 5px;
  background: #e4e4e4;
  /* background: #f08519; */
  /* background: #114085; */
  text-align: center;
  color: #000;
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis;
}
/* .brand .details .product-box .brand-product .brand-product-details:hover .product-title{
  background: #114085;
} */
.brand .details .product-box .brand-product .brand-product-details .product-img {
  padding: 10px;
  height: 140px;
  text-align: center;
  vertical-align: middle;
}
.brand .details .product-box .brand-product .brand-product-details .product-img img {
  height: 100%;
}
.brand .details .product-box .brand-product .brand-product-details .product-img .icon {
  margin: auto;
}
  
/*---=======================
  新增品牌列表详情 End
===========================---*/


/*---=======================
  新增产品页 Start
===========================---*/

/* 分类 */
.header-category {
  /* position: relative; */
}
.header-category > .title {
  /* display: flex; */
  align-items: center;
  padding: 20px 20px;
  min-height: 70px;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  border-radius: 4px 4px 0 0;
  background: #114085;
}
.header-category > .title i{
  margin-right: 18px;
}
.category-menu {
  /* position: absolute; */
  /* left: 0; */
  /* top: 100%; */
  display: block;
  /* padding: 8px 0 15px; */
  position: relative;
  top: 0;
  background: #fff;
  width: 100%;
  border: 1px solid rgb(175 175 175 / 25%);
  border-bottom: 4px solid #114085;
  margin: 0;
}
.category-menu a {
  width: 100%;
}
.category-menu > li {
  display: block;
}
.category-menu > li > a {
  display: flex;
  color: #545252;
  font-size: 16px;
  padding: 10px 30px 10px 20px;
  border-bottom: 1px solid rgb(175 175 175 / 75%);
  position: relative;
  align-items: center;
}
.category-menu > li:last-child > a {
  border: none;
}
.category-menu > li > a > i {
  font-size: 16px;
  color: #acacac;
  margin-right: 15px;
}

.category-menu li .icon {
  position: absolute;
  right: 20px;
  top: auto;
  font-size: 13px;
  font-weight: 700;
  color: #737373;
}
.category-menu .children-menu {
  position: relative;
}
.category-menu .children-menu > li {
  display: block;
}
.category-menu .children-menu > li > a {
  display: flex;
  color: #545252;
  font-size: 14px;
  padding: 5px 20px;
  border-bottom: 1px solid rgb(175 175 175 / 25%);
  position: relative;
  align-items: center;
}


/* 修改layui-panel 样式 */
/* 
.category-menu .children-menu > li .layui-panel > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 450px;
  height: 100%;
}
.category-menu .children-menu > li .layui-panel > ul > li {
  display: block;
  width: 150px;
}
.category-menu .children-menu > li .layui-panel > ul > li > a {
  display: flex;
  color: #545252;
  position: relative;
  align-items: center;
} 
*/


/* breadcrumbs css */

.w3l-breadcrumb {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  /* background: #f8f9fa;  */
}

.breadcrumbs-custom-path {
  text-align: center;
  display: inline-block; 
}

.breadcrumbs-custom-path li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize; 
}

.breadcrumbs-custom-path a,
.breadcrumbs-custom-path a:active,
.breadcrumbs-custom-path a:focus {
  color: #114085;
}

.breadcrumbs-custom-path a:hover {
  text-decoration: underline;
  color: #114085;
}

.breadcrumbs-custom-path li.active {
  color: #3f3a64;
  opacity: 0.45;
}

/* 产品搜索框 */
.product-search .widget {
  background-color: #fff;
  /* padding: 25px; */
}
.product-search .widget h4.widget-title {
  font-weight: 700;
  margin-bottom: 20px;
}
.product-search .widget.widget-search .form_group .form_control {
  background-color: #f4f4f4;
  height: 40px;
  /* padding: 0 30px; */
  border-radius: 28px;
}
.product-search .widget.widget-search .form_group .icon {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px 27.5px 27.5px 0px;
  background-color: #114085;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 40px;
  height: 40px;
  /* line-height: 55px; */
}

/* 产品列表 */
.product-min {
  min-width: 1201px;
}
.product-list {
  margin-top: 20px;
}
.product-list .product-box {
  padding: 10px;
}
.product-list .product-box .product-content {
  /* text-align: center; */
  height: 280px;
}

.product-list .product-box .product-content .img {
  padding-bottom: 10px;
  width: 100%;
  height: 200px;
  display: flex;
}
.product-list .product-box .product-content .img img {
  align-self: center;
  margin: 0 auto;
  max-height: 100%;
}
.product-list .product-box .product-content .title, .product-list .product-box .product-content .title a {
  height: 50px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  overflow: hidden;
}
.product-list .product-box .product-content .model {
  color: #114085;
  font-size: 14px;
}



/* 产品详情 */
.product-details {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.product-details h2 {
  margin-bottom: 30px;
  font-size: 25px;
  font-weight: 600;
}

.product-details h3 {
  margin-bottom: 15px;
  font-size: 22px;
}

.product-details h4 {
  font-size: 18px;
}

/* 产品图片 START */
.product-details .products-details-image img {
  width: 330px;
  /* height: 330px; */
}
.product-details .products-details-image .slider-nav {
  width: 280px;
  margin-left: 25px;
}
.product-details .products-details-image .slider-nav img {
  width: 85px;
  /* height: 85px; */
  /* margin-right: 10px; */
  cursor: pointer;
}
.product-details .products-details-image .slick-prev:before, .slick-next:before {
  color: #114085;
}
/* 产品图片END */

.product-details .brief {
  padding-left: 0;
  margin-bottom: 10px;
  list-style-type: none;
}

.product-details .brief  li span, .product-details .brief  li a {
  font-weight: 600;
  color: #777777;
}

.product-details .brief  li a.brand-link {
  color: #0081cc;
}

.product-details .param {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.product-details .param li {
  color: #777777;
  font-weight: 500;
}

.product-details .param li span {
  /* float: right; */
}

.product-content .content-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  border-radius: 5px 5px 0 0;
  margin: 0;
  padding: 0 10px;
  line-height: 40px;
  font-size: 16px;
  background-color: #e2e3e5;
}

.product-content .content-details {
  padding: 10px 25px;
}
/*---=======================
  新增产品页 End
===========================---*/



/*---=======================
  新增杂项页 Start
===========================---*/

.sundry .sundry-list {
  margin-top: 20px;
}
.sundry .sundry-list .cert-box {
  padding: 10px;
}
.sundry .sundry-list .cert-box .cert-content {
  /* text-align: center; */
  height: 300px;
}
.sundry-list .cert-box .cert-content .img {
  padding-bottom: 10px;
  width: 100%;
  height: 260px;
  display: flex;
}
.sundry-list .cert-box .cert-content .img img {
  align-self: center;
  margin: 0 auto;
  max-height: 100%;
  cursor: pointer;
}
.sundry-list .cert-box .cert-content .title, .sundry-list .cert-box .cert-content .title a {
  height: 50px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-orient: vertical;
  overflow: hidden;
  text-align: center;
}
/*---=======================
  新增杂项页 End
===========================---*/