a * {
    -webkit-transition: all .4s ease!important;
    -moz-transition: all .4s ease!important;
    transition: all .4s ease!important;
}
html {
    overflow-y: scroll;
    overflow-x: hidden
}
:root {
    overflow-y: auto;
    overflow-x: hidden;
}
:root body {
    position: absolute;
}
body {
    width: 100vw;
    overflow: hidden;
}
::-webkit-scrollbar {
background: #fff;
width: 5px;
height: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #fff;
}
::-webkit-scrollbar {
 background: #fff;
 width: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-thumb {
background-color: #eb6100;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #333;
 border-radius: var(--bs-border-radius) !important;
}
/*.solution{background-image: url("assets/img/bnhb/s-1.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}*/
/*.footer-section{background: #333}*/
/*.footer-widget{padding-top: 30px}*/
/*.swiper-backface-hidden .swiper-slide{margin-right: 0!important}*/

.interesting-list-nav {padding-top: 40px;overflow: hidden;text-align: right;}
.interesting-nav {padding: 20px 0;position: relative;margin: auto;display: inline-block;}
.interesting-nav::after {content: '';width: 100%;height: 3px;background: #ccc;bottom: 5px;position: absolute;right: 0;}
.interesting-list-nav a{font-size: 20px;color: #999999;font-weight: bold;margin-left:50px;position: relative;}
.interesting-list-nav a.cur::after {content: '';width: 100%;height: 3px;background: #eb6100;bottom: -21px;position: absolute;right: 0;z-index: 1;}
.interesting-list-nav a:first-child {margin-left: 0;}
.interesting-list-nav a.cur {color: #1a1a1a;}
.interesting-list-nav a:hover {color: #000;}


.sol-c1 {
    display: flex;
    flex: 2;
    align-items: stretch;
    flex-wrap: wrap;
}
.sol-c2{
    display: flex;
    flex: 3;
    align-items: stretch;
    flex-wrap: wrap;
}
.contact-social img{display: inline-flex;max-width: 140px;}
.bnhb-about.bg-grey-2{padding: 100px 0 80px}
.video-popup-btn{margin-top: -20px;}
.video-content{position: relative;background: url("assets/img/hk/vc-bg.png") no-repeat;background-position: center center;background-size: cover;margin-top: -59px;}
.video-content h3{color: #fff; font-size: 16px;font-family: 'HmMedium'!important;text-align: center;padding: 20px 0}
.bg-ab-black{background: #11141d!important}
.curtz{padding-left: 120px}
.curt p{font-size: 18px;position: relative}
.curt p::before{position: absolute;content: '';background: #eb6100;height: 58px;width: 5px;left: -33px;top: -35px}
.curt{border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;padding:100px 0 380px 30px}
.curimg{z-index: 20;margin-top: -340px;position: relative}
.bg-ab-page{background: url(assets/img/hk/ab-bg-2.jpg) no-repeat!important;background-position: center top;background-size: cover;}
.h3-counter-box .icon-wrapper img{width: 80px;}
.foot-qr{font-size: 14px}
.foot-qr img{}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  right: -33px;
  background-color: #f9f9f9;
  min-width: 80px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding:0;
  text-align: center;
}
.dropdown-content p{color: #333;border-bottom: 1px solid #eee;width:100%;margin-bottom: 0;padding: 5px 0;}
.dropdown-content p:hover{background: #eb6100;color: #fff}
.dropdown:hover .dropdown-content {
  display: block;
}


.breadcrumb-section.solv::before{background: none!important}
.f-title h1{font-size: 75px;color: #eb6100;padding-right: 10px;line-height: 1.2em;font-family: 'HmMedium';font-weight: normal;}
.f-title h4 p{font-family: 'HmMedium'!important;font-size: 20px;margin-bottom: 0;letter-spacing: 2px;font-weight: normal;}
.f-title h4 p:first-child{padding-bottom: 5px;font-size: 30px}
.f-title h4 p:last-child{color: #868686;font-size:20px;text-transform: uppercase;letter-spacing: 0}
.f-title.sol h4 p:first-child{font-size: 40px}
.brinyte-content-left {
    position: relative;
    float: left;
    background: #fff;
    overflow: hidden;
    width: 100%
}
.brinyte-application-search-top {
    padding: 8.5% 7% 7% 7%;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.brinyte-application-search-top .search-1 {
    position: relative;
}
.brinyte-application-search-top .icon-1 {
    position: absolute;
    width: 3rem;
    height: 100%;
    left: 2%;
    top: 0;
    z-index: 11;
    background: url('assets/img/hk/s.png') center no-repeat;
    background-size: 50%;
    opacity: .5;
    cursor: pointer;
}
.brinyte-application-search-top input {
    display: block;
    width: 100%;
    background: #e5e5e5;
    border-radius: 4px;
    line-height: 3.2rem;
    padding: 1% 5% 0 17%;
    box-sizing: border-box;
    border: none;
}
.brinyte-application-search-top input[type="text"]::placeholder {
color: #666;
}
.brinyte-application-search-top .search-bottom {
    margin-top: 5%;
    overflow: hidden;
    position: relative;
}
.brinyte-application-search-top .search-bottom .title-1 {
    color: #222222;
    font-size: 18px;
    line-height: 60px;
    padding-bottom: 0;
    text-transform: uppercase;
}
.brinyte-application-search-top .search-bottom .title-1 strong {
    color: #eb6100;
}
.brinyte-application-search-top .search-bottom .text-1 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.brinyte-application-search-top .search-bottom .text-1 a {
    display: inline-block;
    text-decoration: underline;
    color: #999999;
}
.brinyte-application-search-top .search-bottom .text-1 a:hover {
    color: #eb6100;
}
.brinyte-application-list-bottom {
    padding: 10% 7% 7%;
}
.brinyte-application-type {
    margin-bottom: 15%;
    overflow: hidden;
    position: relative;
}
.brinyte-application-type .title-1 {
    margin-bottom: 3%;
    line-height: 35px;
}
.brinyte-application-type .title-1 a {
    color: #222;
}
.brinyte-application-type .title-1 a:hover {
    color: #eb6100;
}
.brinyte-application-select {
    overflow: hidden;
    font-size: 14px;
}
.brinyte-application-select li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.3%;
    margin-bottom: 1.3%;
    width: 31.2%;
    text-align: center;
}
.brinyte-application-select.full li {
    width: 100%;
}
.brinyte-application-select a {
    display: block;
    border-radius: 4px;
    background: #e5e5e5;
    padding: .3rem 0 .3rem 0;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.brinyte-application-select a:hover {
    background: #eb6100;
    color: #fff;
}
.brinyte-application-select li.cur a {
    background: #eb6100;
    color: #fff;
}
.pro-p {
    padding-left: 3%;
}
.hero3-single-slide .lead {
    font-size: 20px;
    margin-bottom: 10px;
}
.hero3-single-slide .lead span {
    padding-right: 20px;
    font-family: 'HmRegular';
    font-weight: normal
}
.hero3-single-slide .lead span i {
    color: #eb6100;
    padding-right: 5px
}
.g-pro {
 --bs-gutter-x: 3.5rem;
}
.g-pro .promb {
    margin-bottom: 40px
}
.pro-btn {
    display: block;
    overflow: hidden
}
.pro-shap img {
    position: absolute;
    max-width: 400px;
    bottom: -30px;
    left: 130px;
    overflow: hidden
}
.pro-shap.big img {
    position: absolute;
    max-width: 530px;
    bottom: -20px;
    left: 310px;
    overflow: hidden
}
.g-pro .item:hover img {
    bottom: 20px
}
.w-sol {
    width: 70%
}
.sol-bz {
    font-size: 24px;
    color: #fff;
    background: #eb6100;
    display: inline-block;
    margin-top: 40px;
    padding: 8px 10px;
}
.i-ab {
    background: rgba(255,255,255,0.7);
    padding: 30px 30px 50px 40px
}
.ptb-ab {
    padding: 250px 0
}
.evcharger-advantage {
    position: relative;
    overflow: hidden;
    padding: 70px 0 100px
}
.evcharger-advantage .img {
    position: relative;
}
.evcharger-advantage .title {
    position: absolute;
    left: 50%;
    top: 15%;
    text-align: center;
    color: #fff;
    width: 500px;
    margin-left: -250px;
    z-index: 10;
}
.evcharger-advantage .title h3 {
    margin: 0;
    font-size: 40px;
}
.evcharger-advantage .title h4 {
    margin: 10px 0;
    font-weight: normal;
    font-size: 16px;
    opacity: .6;
}
.evcharger-advantage .item3 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}
.evcharger-advantage .item3 a {
    display: block;
    width: 33%;
    height: 100%;
    float: left;
    color: #fff;
    text-align: center;
    opacity: .8;
    background: url("../image/jb2.png") center 200% repeat-x;
    z-index: 10;
    position: relative;
}
.evcharger-advantage .item3 a .main {
    position: relative;
    width: 100%;
    height: 60%;
    z-index: 100;
    padding-top: 65%;
    overflow: hidden;
}
.evcharger-advantage .item3 a::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .15;
}
.evcharger-advantage .item3 a:last-child::before {
    display: none;
}
.evcharger-advantage .item3 i {
    display: block;
    position: relative;
    width: 90px;
    height: 65px;
    margin: auto;
}
.evcharger-advantage .item3 i .img {
    display: block;
}
.evcharger-advantage .item3 h3 {
    margin: 5px 0 20px 0;
}
.evcharger-advantage .item3 .line {
    width: 50px;
    height: 3px;
    background: #eb6100;
    margin: 10px auto;
}
.evcharger-advantage .item3 .text {
    font-size: 15px;
    width: 65%;
    margin: auto;
    line-height: 26px;
}
.evcharger-advantage .item3 a:hover, .evcharger-advantage .item3 a.cur {
    background: url("../image/jb2.png") bottom repeat-x;
    opacity: 1;
    z-index: 50;
}
.evcharger-advantage.sadvantage2 .title {
    position: relative;
    left: auto;
    top: auto;
    margin: auto;
    color: #000;
}
.evcharger-advantage .item4 {
    position: relative;
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
}
.evcharger-advantage .item4 a {
    display: block;
    float: left;
    color: #fff;
    position: relative;
}
.evcharger-advantage .item4 a .text {
    color: #fff;
    position: absolute;
    left: 10%;
    bottom: 5%;
    width: 80%;
    z-index: 30;
}
.evcharger-advantage .item4 a .text h5 {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    opacity: .3;
    color: #fff
}
.evcharger-advantage .item4 a .text h3 {
    margin: 5px 0 15px 0;
    font-size: 24px;
    color: #fff
}
.evcharger-advantage .item4 a .text .line {
    height: 20px;
    position: relative;
}
.evcharger-advantage .item4 a .text .line::before, .evcharger-advantage .item4 a .text .line::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s ease;
}
.evcharger-advantage .item4 a .text .line::before {
    width: 60px;
    background: #eb6100;
}
.evcharger-advantage .item4 a .text .line::after {
    opacity: .3;
}
.evcharger-advantage .item4 a .text h6 {
    color: #fff;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    opacity: .6;
    display: block;
    height: 0px;
    overflow: hidden;
}
.evcharger-advantage .item4 a .img {
    position: relative;
}
.evcharger-advantage .item4 a .img .mark {
    opacity: 0;
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: url("assets/img/bnhb/evc-mark.png") center bottom repeat-x;
}
.evcharger-advantage .item4 a:hover .text .line::before {
    width: 100%;
}
.evcharger-advantage .item4 a:hover .text h6 {
    display: block;
    height: 96px;
}
.evcharger-advantage .item4 a:hover .img .mark {
    opacity: 1;
}
.evcharger-advantage.sadvantage3 {
    margin: 6% auto 5% auto;
}
.evcharger-advantage.sadvantage3 .title {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    color: #000;
    text-align: left;
}
.content-top {
    position: relative;
}
.navr4 {
    position: absolute;
    right: .4%;
    top: 20px;
    padding-bottom: 20px;
}
.navr4::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    bottom: 0;
    position: absolute;
    right: 0;
}
.navr4 a {
    font-size: 17px;
    color: #999999;
    font-weight: bold;
    margin-left: 50px;
    position: relative;
}
.navr4 a.cur::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #eb6100;
    bottom: -21px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.navr4 a:first-child {
    margin-left: 0;
}
.navr4 a.cur {
    color: #1a1a1a;
}
.navr4 a:hover {
    color: #000;
}
.partners-swiper4 {
    position: relative;
    margin-top: 50px;
}
.partners-swiper4 .img {
    width: 19.1%;
    height: 140px;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    position: relative;
    background: #fff;
}
.partners-swiper4 .img.mr0 {
    margin-right: 0;
}
.partners-swiper4 .img img {
    transition: all .4s ease;
}
.partners-swiper4 .img:hover img {
    transform: scale(1.1);
}
.sol-img.fu {
    margin-top: -150px
}
.case-s .title-1 {
    padding-left: 38px
}
.case-s .title-1.boi i, .case-s .title-1.boi em {
    left: 10px
}
.rental-feature-box .title-1 {
    font-size: 35px;
    padding-bottom: 0;
    font-family: 'HmMedium';
}
.rental-feature-box .title-1.boi i, .rental-feature-box.title-1.boi em {
    top: 16px
}
.pro-contet{padding-bottom: 75px}
.car-card {
    margin-bottom: 50px;
    width: 100%
}
.car-card .card-content h5 {
    font-size: 22px;
    color: #000;
    padding-top: 5px
}
.car-card:hover {
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
}
.car-card:hover .card-content h5 {
    color: #30bf78
}
.car-card .card-content .btn-secondary {
    border-radius: 30px;
    background: #fff;
    color: #30bf78;
    margin-top: 80px;
    border: 3px solid #30bf78;
    min-width: 160px
}
.car-card .card-content .btn-secondary:hover {
    color: #fff
}
.bnhb-ser {
    position: relative
}
.bnhb-ser h2 {
    font-size: 45px;
    color: #000;
    font-weight: normal;
    padding-top: 100px;
}
.bnhb-ser h2 span {
    color: #eb6100
}
.bnhb-sol h2 {
    font-size: 35px;
    color: #000;
    font-weight: normal;
}
.bnhb-sol h2 span {
    color: #eb6100
}
.bnhb-sol h3 {
    font-size: 40px;
    padding-bottom: 10px
}
.bnhb-sol .title-1.boi i {
    top: 13px
}
.bnhb-sol .h3-car-card {
    border: 1px solid #e5e5e5
}
.sol-gh {
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5
}
.sol-gy {
    padding: 100px 0
}
.honor .single-staff .staff-social.pp a {
    font-size: 30px;
}
.honor .single-staff .staff-social a {
    width: 50px;
    height: 50px;
}
.bnhb-about {
    background: #fff;
    padding: 100px 0 100px
}
.bnhb-about ul li {
    font-size: 18px;
    color: #252525
}
.bnhb-about .ab-js {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px
}
.bnhb-about .ab-js img {
    position: relative;
    width: 120px;
    height: auto
}
.bnhb-about h2 {
    position: relative;
    font-weight: normal;
    font-size: 42px;
    line-height: 50px;
    color: #000;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: 'HmMedium'!important;
    font-weight: normal;
}
.bnhb-about h2 span, .bnhb-zl h2 span {
    color: #eb6100
}
.bnhb-zl {
    background: url("assets/img/bnhb/zl-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 120px
}
.bnhb-zl h2 {
    color: #fff;
    font-weight: normal;
    font-size: 50px;
    text-align: center
}
.ab-left {
    padding-right: 80px
}
.ab-left p{font-size: 19px;margin-bottom: 0}
.ab-right {
    padding-left: 80px
}
.zl-t li {
    position: relative;
    color: #fff;
    padding: 50px 10px 50px 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
    border-bottom: 1px dashed rgb(255, 255, 255, 0.2)
}
.zl-t.right li {
    padding: 50px 0 50px 10px;
}
.zl-t.left {
    text-align: right
}
.zl-t.left li:hover {
    background-image: -webkit-linear-gradient(180deg, rgba(48,190,120,.3) 0%, rgba(253,208,0,0) 100%);
    transition: all .4s ease;
}
.zl-t li:hover {
    background-image: -webkit-linear-gradient(180deg, rgba(253,208,0,0) 0%, rgba(48,190,120,.3) 100%);
    transition: all .4s ease;
}
.zl-t li::after {
    position: absolute;
    content: "";
    background: #eb6100;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    right: 0;
    bottom: -4px
}
.zl-t.right li::after {
    left: 0
}
.zl-t li h4 {
    color: #fff
}
.contact-sidebar-widget {
    padding-bottom: 50px;
    padding-top: 40px;width: 100%;
}
.contact-sidebar-widget h4 {
    color: #333
}
.contact-sidebar-widget .co-text {
    font-size: 17px
}
.contact-sidebar-widget h6 {
    color: #000;font-size: 18px;
}
.blog-single-area img {
    width: 100%;
}
.comment_form_wrapper h4 {
    color: #333;
    font-size: 2rem
}
.blog-single-area h2 {
    color: #333;
    padding-bottom: 30px
}
.h4-hero-slider-single.case .slide-content {
    max-width: 390px;
    min-height: 300px;
}
.h3-car-brands.ptb-120 {
    padding-top: 0;
    padding-bottom: 0;
    background: #f2f2f2;
}
.h3-car-brands.pro {
    padding-top: 100px;
    padding-bottom: 150px;
    background: #f2f2f2;
}
.kko{padding: 100px 0}
.breadcrumb-section.solv{padding: 180px 0 180px;}
.breadcrumb-section.s1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/bnhb/pro-bg2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.breadcrumb-section.s2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/bnhb/pro-bg3.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.breadcrumb-section.s3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/bnhb/pro-bg4.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.preview {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%
}
.embed-responsive-16by3 {
    padding-bottom: 58%
}
.embed-responsive-4by3 {
    padding-bottom: 75%
}
.embed-responsive-zd {
    padding-bottom: 40%
}
.mt-45 {
    margin-top: 45px
}
.img-center {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: auto!important;
    height: auto!important;
}
.iv_ft_list.sol li {
    display: inline-block;
    padding-right: 30px
}
.iv_ft_list sub {
    bottom: 0.1rem;
    font-size: 5px;
    margin-right: 5px;
    color: #eb6100
}
.sol-t {
    font-size: 24px;
    color: #000
}
.iv_ft_list p {
    margin-bottom: 0
}
.product-range {
    padding: 100px 0 80px 0;
    overflow: hidden;
}
.product-range .title {
    text-align: center;
    margin-bottom: 60px;
}
.product-range .title h2 {
    margin: 0;
    font-size: 40px;
}
.product-range .title h4 {
    margin: 10px auto;
    font-weight: normal;
    font-size: 16px;
    color: #999999;
}
.product-range-list {
    position: relative;
    text-align: center;
    font-size: 0;
}
.product-range-list .item {
    background: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    width: 49.5%;
    margin: 0 1% 1% 0;
    text-align: left;
    float: left;
}
.product-range-list .item.mr0 {
    margin-right: 0;
}
.product-range-list .item .text {
    position: absolute;
    left: 8%;
    top: 0;
    width: 45%;
    height: 100%;
    z-index: 31;
    color: #000;
    overflow: hidden;
}
.product-range-list .item .text h3 {
    display: block;
    width: 100%;
    font-size: 26px;
    color: #1a1a1a;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.product-range-list .item .text h3::before, .product-range-list .item .text h3::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #e8e8e8;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.product-range-list .item .text h3::before {
    width: 60px;
    background: #eb6100;
    z-index: 3;
}
.product-range-list .item .text h5 {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    font-weight: normal;
    margin: 0;
}
.product-range-list .item .text h6 {
    display: inline-block;
    clear: both;
    font-size: 14px;
    color: #999999;
    font-weight: normal;
    margin: 30px 0 0;
    padding-right: 25px;
    background: url("assets/img/bnhb/right11.png") right center no-repeat;
}
.product-range-list .item .img {
    position: relative;
    float: right;
    width: 50%;
}
.product-range-list .item a {
    display: block;
    overflow: hidden;
}
.product-range-list .item a .img img.img-center {
    transform: scale(.96);
}
.product-range-list .item a:hover .img img.img-center {
    transform: scale(1);
}
.product-range-list .item a:hover h3::before {
    width: 100%;
}
.product-range-list .product-range-list-swiper {
    padding-bottom: 50px;
}
.product-range-list .product-range-list-swiper .item {
    width: 100%;
    margin: 0;
    float: none;
}
.product-range-list .product-range-list-swiper .swiper-pagination {
    bottom: 0;
}
.product-range-list .product-range-list-swiper .swiper-pagination span {
    border-radius: 0px;
    width: 40px;
    height: 2px;
}
.product-range-list .product-range-list-swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background: #eb6100;
}
.screen-banner-bottom.position-fixed.top85 {
    top: 0px;
    transform: translateY(85px);
}
.screen-banner-bottom.position-fixed {
    position: fixed;
    top: 0px;
    bottom: auto;
    border-bottom: 1px solid #e5e5e5;
    border-top: none;
    background: #fff;
    z-index: 99;
}
.screen-banner-bottom.position-fixed a {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: normal;
}
.screen-banner-bottom.position-fixed a.cur {
    color: #000;
}
.screen-banner-bottom.position-fixed a::after {
    background: #e5e5e5;
    opacity: 1;
}
.screen-banner-bottom.position-fixed a:hover {
    color: #000;
}
.screen-banner-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 40;
    border-top: 1px solid rgba(255,255,255,.2);
    transition: all .4s ease;
}
.screen-banner-bottom-nav {/*width: 75%;*/
    margin: auto;
    position: relative;
    overflow: hidden;
}
.screen-banner-bottom-nav::before {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    opacity: .1;
}
.screen-banner-bottom-nav a {
    display: block;
    float: left;
    width: 20%;
    height: 70px;
    line-height: 70px;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #f2f2f2;
}
.screen-banner-bottom-nav a::before {
    content: '';
    display: none;
    width: 100%;
    height: 3px;
    background: #eb6100;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.screen-banner-bottom-nav a::after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    opacity: .2;
}
.screen-banner-bottom-nav a::after {
    right: 0;
}
.screen-banner-bottom-nav a.cur {
    background: url("assets/img/bnhb/nav.png") top repeat-x;
    color: #fff;
}
.screen-banner-bottom-nav a:hover {
    background: url("assets/img/bnhb/nav.png") top repeat-x;
    color: #fff;
}
.screen-banner-bottom-nav a:hover::before, .screen-banner-bottom-nav a.cur::before {
    display: block;
}
.screen-banner-bottom-nav.num3 a {
    width: 33.333%;
}
.screen-banner-bottom-nav.num2 a {
    width: 50%;
}
.screen-banner-bottom-nav.num4 a {
    width: 25%;
}
.screen-banner-bottom-nav.num5 {
}
.h3-car-card h4::before, .h3-car-card h4::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.h3-car-card h4::before {
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    background: #eb6100;
    z-index: 3;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.h3-car-card:hover h4::before {
    width: 100%;
}
.pro-btn {
    position: absolute;
    right: 20px;
    bottom: 12%;
    width: 50px;
    height: 50px;
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #eb6100;
    color: #eb6100;
    transition: .2s;
}
.h3-car-card:hover .pro-btn {
    background: #eb6100;
    color: #fff;
    border-color: #eb6100
}
.cz-top-nav {
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 100;
}
.cz-top-nav-item {
    width: 76%;
    margin: auto;
    position: absolute;
    left: 12%;
    top: -55px;
    z-index: 30;
    background: #fff;
    box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);
}
.cz-top-nav-item a {
    display: block;
    overflow: hidden;
    padding: 30px 3%;
    float: left;
    width: 19%;
    position: relative;
}
.cz-top-nav-item a:last-child::after {
    display: none;
}
.cz-top-nav-item a::after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #e6e8ed;
}
.cz-top-nav-item strong {
    color: #666e80;
    font-size: 18px;
    padding: 0;
    display: block;
    width: 100%;
}
.cz-top-nav-item p {
    color: #a1a7b2;
    font-size: 12px;
    padding: 10px 0 0 0;
    margin: 0;
}
.cz-top-nav-item i {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -22.5px;
}
.cz-top-nav-item a:hover, .cz-top-nav-item a.cur {
    background: #6060ea;
}
.cz-top-nav-item a:hover strong, .cz-top-nav-item a:hover p, .cz-top-nav-item a.cur strong, .cz-top-nav-item a.cur p {
    color: #fff;
}
.cz-top-nav-item a:hover img, .cz-top-nav-item a.cur img, .cz-top-nav-item a:hover svg, .cz-top-nav-item a.cur svg, .cz-top-nav-item a.cur svg *, .cz-top-nav-item a:hover svg * {
    fill: #fff;
}
.cz-top-nav-item a.cur p {
    opacity: .6;
}
.cz-top-nav-item.num2 {
    width: 40%;
    left: 30%;
}
.cz-top-nav-item.num2 a {
    width: 40%;
    padding: 30px 5%;
}
.cz-top-nav-item.num3 {
    width: 56%;
    left: 22%;
}
.cz-top-nav-item.num3 a {
    width: 23.33333%;
    padding: 30px 5%;
}
.cz-top-nav-item.num4 {
    width: 76%;
    left: 12%;
}
.cz-top-nav-item.num4 a {
    width: 25%;
    box-sizing: border-box;
}
.cz-top-nav-item.num6 {
    width: 90%;
    width: calc(90% - 60px);
    left: 5%;
    margin: 0 30px;
    top: -75px;
}
.cz-top-nav-item.num6 a {
    width: 16.66666%;
    padding: 30px 0;
}
.cz-top-nav-item.num6 a i {
    left: 50%;
    right: auto;
    top: 20%;
    margin-top: 0;
    margin-left: -25px;
}
.cz-top-nav-item.num6 a strong {
    text-align: center;
    padding-top: 60px;
    display: block;
    font-weight: normal;
}
.cz-top-nav-two {
    width: 85%;
    width: calc(85% - 60px);
    left: 5%;
    margin: 0 30px;
    bottom: -128px;
    padding: 0 2.5%;
    position: absolute;
    background: #eef0f3;
    z-index: 20;
}
.cz-top-nav-tow-nav {
    position: relative;
    overflow: hidden;
    display: none;
}
.cz-top-nav-tow-nav.cur {
    display: block;
}
.cz-top-nav-tow-nav a {
    font-size: 14px;
    color: #666e80;
    display: block;
    float: left;
    padding: 20px 0;
    margin-right: 40px;
    position: relative;
}
.cz-top-nav-tow-nav a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #666f80;
    transition: all .4s ease;
}
.cz-top-nav-tow-nav a:hover::after {
    width: 100%;
}
.cz-top-nav-item strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cz-product-item .title-1 {
    font-size: 18px;
    line-height: 30px;
}
.cz-top-nav-item.num2 {
    width: 40%;
    left: 30%;
}
.cz-top-nav-item.num3 {
    width: 60%;
    left: 20%;
}
.cz-top-nav-item.num4 {
    width: 80%;
    left: 10%;
}
.cz-top-nav-item.num6 {
    width: 90%;
    width: calc(90% - 60px);
    left: 5%;
    margin: 0 30px;
    top: -75px;
}
.breadcrumb-content-wrapper p {
    color: #dddddd;
    font-size: 14px;
    max-width: 80%
}
.breadcrumb-content-wrapper.solv p {
    color: #dddddd;
    font-size: 18px;
    max-width: 80%
}
.breadcrumb-content-wrapper span {
    color: #eb6100;
    margin: 50px 0 0;
}
.breadcrumb-content-wrapper h2 {
    font-size: 140px;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    opacity: .1;
    margin-top: -100px;
    font-weight: 800;
    letter-spacing: 10px
}
.pro-line {
    width: 80px;
    height: 4px;
    background: #eb6100;
    margin: 10px 0 20px
}
.brands-filter.sol ul li {
    transition: 0.5s ease-in;
}
.brands-filter.sol ul li a:hover {
    background: #eb6100 url(assets/img/hk/icon-bg.png) right bottom no-repeat;
    background-size: cover;
}
.brands-filter ul li a:hover h5 span {
    color: #fff
}
.brands-filter ul li a:hover h5 {
    color: #fff
}
.brands-filter ul li a:hover .icon-red {
    display: none
}
.brands-filter ul li a:hover .icon-white {
    display: block
}
.head-phone {
    padding: 8px 15px;
    border-radius: 3px;
    font-size: 18px;
    color: #232323;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    font-weight: 600
}
.head-phone img {
    max-width: 30px;
}
.head-phone i {
    color: #eb6100
}
.head-phone:hover {
    color: #333
}
.flex-x {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.offcanvus-content h4 {
    color: #333;
    font-size: 18px;
    font-weight: 500
}
.offcanvus-contact h4 {
    color: #333;
    font-size: 18px;
    font-weight: 500
}
.offcanvus-contact p {
    margin-bottom: 5px
}
.offcanvus-contact p strong {
    color: #eb6100;
    font-size: 17px;
}
.widget-title-large {
    font-size: 42px;
    color: #eb6100;
}
.widget-basic p {
    font-size: 18px;
    color: #666e80;
    padding: 0;
    margin-bottom: 0;
    list-style-position: 14px
}
.footer-nav-widget h6 {
    font-size: 16px;
    font-weight: 500;
    color: #26334c;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 18px
}
.blog-card:hover .small-btn-meta {
    color: #eb6100
}
.blog-card p {
    font-size: 14px;
    color: #444
}
.blog-card h5 {
    font-weight: normal;
    color: #333;
    font-size: 24px
}
.h2-blog-card:hover .btn-meta {
    color: #fff
}
.mt--50 {
    margin-top: -50px
}
.title-1 {
    position: relative;
}
.title-1.boi i, .title-1.boi em {
    display: block;
    width: 25px;
    height: 17px;
    position: absolute;
    left: -28px;
    top: 12px;
    background: url(assets/img/bnhb/it1.png) no-repeat;
}
.cz-index-cooperative-customers {
    position: relative;
    max-width: 100%
}
.cz-index-cooperative-customers .cz-content {
    width: 100%;
    overflow: hidden;
}
.cz-index-cooperative-customers-top {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    text-align: center;
    font-size: 0;
    overflow: hidden;
}
.cz-index-cooperative-customers-top a {
    position: absolute;
    display: block;
    width: 289px;
    height: 251px;
    background: url('assets/img/bnhb/cooperative2.png') center no-repeat;
    background-size: 100%;
    clear: both;
    margin: 5px auto;
    webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.cz-index-cooperative-customers-top a:hover {
    background: url(' assets/img/bnhb/cooperative1.png') center no-repeat;
    background-size: 100%;
}
.cz-index-cooperative-customers-top a:hover i {
    opacity: 1;
}
.cz-index-cooperative-customers-top a i {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    opacity: .6;
    webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.cz-index-cooperative-customers-top a.item1 {
    left: 50%;
    top: 50%;
    margin-left: -144.5px;
    margin-top: -250px;
}
.cz-index-cooperative-customers-top a.item2 {
    left: 50%;
    top: 50%;
    margin-left: -144.5px;
    margin-top: 7px;
}
.cz-index-cooperative-customers-top a.item3 {
    left: 50%;
    top: 50%;
    margin-left: -367px;
    margin-top: -122px;
}
.cz-index-cooperative-customers-top a.item4 {
    right: 50%;
    top: 50%;
    margin-right: -367px;
    margin-top: -122px;
}
.cz-index-cooperative-customers-top a.item5 {
    left: 50%;
    top: 50%;
    margin-left: -590px;
    margin-top: -250px;
}
.cz-index-cooperative-customers-top a.item6 {
    left: 50%;
    top: 50%;
    margin-left: -590px;
    margin-top: 7px;
}
.cz-index-cooperative-customers-top a.item7 {
    right: 50%;
    top: 50%;
    margin-right: -590px;
    margin-top: -250px;
}
.cz-index-cooperative-customers-top a.item8 {
    right: 50%;
    top: 50%;
    margin-right: -590px;
    margin-top: 7px;
}
.cz-index-cooperative-customers-top a.item9 {
    left: 50%;
    top: 50%;
    margin-left: -815px;
    margin-top: -122px;
}
.cz-index-cooperative-customers-top a.item10 {
    right: 50%;
    top: 50%;
    margin-right: -815px;
    margin-top: -122px;
}
.cz-index-cooperative-customers-bottom {
    background: #000;
}
.mbshow {
    display: none!important;
}
.pcshow {
    display: block!important;
}
.bg-case1 {
    background: url("assets/img/bnhb/case-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.case {
    position: relative;
}
.single-staff .staff-social.pp a {
    font-size: 24px
}
.cvb {
    width: 70%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.z-10 {
    z-index: 10
}
#cz-indexbg {
    width: 100%;
    height: 940px;
    position: relative;
    overflow: hidden;
    margin-top: -900px;
    z-index: 1
}
.news-content {
    padding: 20px 30px
}
.solution-section {
    position: relative;
    margin-top: -5px;
    padding: 150px 0 100px;
}
.listing_info_box h5 {
    font-size: 24px;
    color: #000;
    font-weight: 500
}
.rounded.top-no {
    border-top-right-radius: 0!important;
    border-top-left-radius: 0!important
}
.img-center {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: auto!important;
    height: auto!important;
    z-index: 1;
}
.cz-index-product-right {
    position: relative;
    display: block;
}
.img-block {
    display: block;
    width: 100%;
    height: auto;
}
.cz-index-product-item {
    background: #000;
    position: relative;
    overflow: hidden;
}

/*.cz-index-product-item .colorx{filter: grayscale(100%)}
.cz-index-product-item:hover .colorx{filter: grayscale(0)}*/
.cz-index-product-item a {
    display: block;
    overflow: hidden;
    color: #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.cz-index-product-item .text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    color: #fff;
}
.cz-index-product-item .text .top {
    width: 84%;
    margin: auto;
    position: absolute;
    left: 8%;
    bottom: 8%;
}
.cz-index-product-item.sol .text .top {
    bottom: 1%;
}
.cz-index-product-item.sol .text::before{position: absolute;bottom: 0;left: 0;height: 60px;background: rgba(0,0,0,.5);content: '';width: 100%;}
.cz-index-product-item .text .top .title-1 {
    font-size: 24px;
    color: #fff;
    padding-bottom: 0px;
    line-height: 20px
}
.cz-index-product-item .text .top .title-1 i {
    color: #eb6100;
}
.cz-index-product-item .text .top .title-3 {
    font-size: 30px;
    font-weight: bold;
    color: #eb6100;
}
.cz-index-product-item .text .top .title-3 span {
    font-size: 24px
}
.cz-index-product-item .text .top .title-2 {
    font-size: 24px;
    padding: 3px 0;
    font-weight: 500;
}
.cz-index-product-item .text .bottom {
    width: 84%;
    margin: auto;
    position: absolute;
    left: 8%;
    bottom: 8%;
}
.cz-index-product-item .text .bottom .text-3 {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 30px;
}
.cz-index-product-item .text .bottom .view-4 {
    overflow: hidden;
    padding-top: 30px;
    border-top: 2px solid rgba(255,255,255,.3);
    opacity: .6;
}
.cz-index-product-item .text .bottom .view-4 strong {
    display: block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    float: left;
}
.cz-index-product-item .text .bottom .view-4 i {
    display: block;
    background: url('../image/jt-r1.png') center no-repeat;
    width: 22px;
    height: 8px;
    float: right;
}
.cz-index-product-item .img .mark {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url('assets/img/hk/app/mark1.png');
    z-index: 3;
}
.cz-index-product-item.sol .img .mark{background: url('assets/img/hk/mark2.png')}
.cz-index-product-item.sol:hover .img .mark{background: none}
.cz-index-product-item a:hover .view-4 {
    opacity: 1;
}
.cz-index-product-item a:hover .img img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.cz-index-product-item a:hover .img img.img-center {
    z-index: 1;
    opacity: 1;
    transform: scale(1.03);
}
.brands-filter.sol ul {
    gap: 0
}
.brands-filter.sol ul li {
    width: 20%
}
.single-staff h5 {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    border-top: 1px solid #eee;
    padding-top: 20px;
    font-size: 18px
}
.single-staff h6 {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px
}
.single-staff span {
    text-transform: capitalize
}
.text-right {

    text-align: right
}
.bg-grey-1 {
    background: #f9f9f9
}
.bg-grey-2 {
    background: #f2f4f7
}
.title-1 {
    color: #000;
    font-size: 24px;
    line-height: 60px;
    padding-bottom: 8px;
    text-transform: uppercase
}
.title-1.ss {
    padding-bottom: 5px
}
.title-1 span {
    font-size: 45px;
    font-weight: 400;
}
.title-1 b::after {
    content: '';
    position: absolute;
    background: #eb6100;
    width: 30px;
    left: 120px;
    height: 4px;
    top: 27px
}
.title-1.ab b::after {
    left: 286px
}
.title-1.sol b::after {
    left: 128px
}
.title-1.news b::after {
    left: 80px
}
.title-1.ab {
    padding-bottom: 0
}
.product {
    padding: 50px 0 100px
}
.i_product .top ul li {
    background: #474747;
    border-right: 1px solid #888888;
    color: #fff;
    float: left;
    width: 25%;
    text-align: center;
    font-size: 13.5px;
    padding: 20px 10px;
    line-height: 24px;
}
.i_product .top ul li:hover {
    background: #1d994b;
    cursor: pointer;
}
.i_product .top ul li:last-child {
    border-right: 0;
}
.i_product .top ul li span::before {
    background: url(../image/i_product_icon1.png) no-repeat center center;
    width: 9px;
    height: 13.5px;
    display: inline-block;
    content: '';
    margin-right: 10px;
}
.i_product .bottom .list {
}
.i_product .bottom .list .item {
    margin-bottom: 30px;
    position: relative
}
.i_product .bottom .list .item .text {
    padding: 25px;
    height: 485px;
    background: #f8f8f8;
    position: relative;
}
.i_product .bottom .list .item.item2 .text {
    height: 410px
}
.i_product .bottom .list .item .text::after {
    content: '';
    display: block;
    position: absolute;
    background: #353535;
    width: 100%;
    height: 0;
    z-index: 1;
    overflow: hidden;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 1s;
}
.i_product .bottom .list .item0 .text {
    background: #efefef url(assets/img/hk/i_product_img1.jpg) no-repeat left bottom;
    background-size: cover;
}
.i_product .bottom .list .item1 .text {
    background: #efefef url(assets/img/bnhb/i_product_img2.png) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item2 .text {
    background: #efefef url(assets/img/hk/i_product_img2.jpg) no-repeat left bottom;
    background-size: cover;
}
.i_product .bottom .list .item3 .text {
    background: #efefef url(assets/img/bnhb/i_product_img2.jpg) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item4 .text {
    background: #f8f8f8 url(assets/img/bnhb/i_product_img5.png) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item5 .text {
    background: #f8f8f8 url(assets/img/bnhb/i_product_img6.png) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item6 .text {
    background: #f8f8f8 url(assets/img/bnhb/i_product_img3.jpg) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item7 .text {
    background: #f8f8f8 url(assets/img/bnhb/i_product_img8.png) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item8 .text {
    background: #f8f8f8 url(assets/img/bnhb/i_product_img9.png) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item9 .text {
    background: #f8f8f8 url(assets/img/bnhb/i_product_img4.jpg) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item10 .text {
    background: #f8f8f8 url(assets/img/bnhb/i_product_img11.png) no-repeat left bottom;
    background-size: contain;
}
.i_product .bottom .list .item .top_b {
    position: relative;
    z-index: 3;
}
.i_product .bottom .list .item .top_b h2 {
    color: #000;
    font-size: 30px;
    margin-top: 15px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    webkit-transition: 0.6s ease-in;
    transition: 0.6s ease-in;
}
.i_product .bottom .list .item .top_b .p1 {
    font-size: 14px;
    line-height: 20px;
    color: #444;
}
.i_product .bottom .list .item .top_b ul {
    margin-top: 3%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}
.i_product .bottom .list .item .top_b h5 {
    font-size: 17px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}
.i_product .bottom .list .item .top_b p {
    font-size: 14px;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
.i_product .bottom .list .item .top_b ul li {
    font-size: 18px;
    float: left;
    line-height: 24px;
    margin-bottom: 15px;
    padding-right: 10px;
}
.i_product .bottom .list .item .top_b ul li {
}
.i_product .bottom .list .item .bottom_b {
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 110px;
}
.i_product .bottom .list .item .bottom_b a {
    position: absolute;
    display: block;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 26px;
    opacity: 0;
}
.i_product .bottom .list .item .bottom_b::after {
    content: '';
    display: block;
    position: absolute;
    background: #1d994b;
    width: 100%;
    bottom: 0;
    height: 0;
    z-index: 2;
    overflow: hidden;
    transition: all 1s;
}
.i_product .bottom .list .item0 .top_b .p1 {
    max-width: 100%;
}
.i_product .bottom .list .item:hover .top_b ul {
    opacity: 1;
    transition: all 1s;
}
.i_product .bottom .list .item:hover .top_b h5, .i_product .bottom .list .item:hover .top_b p {
    opacity: 1;
    transition: all 1s;
}
.i_product .bottom .list .item:hover ul {
    display: block;
}
.i_product .bottom .list .item:hover .text::after {
    height: 100%;
    transition: all 1s;
}
.i_product .bottom .list .item:hover .text * {
    color: #fff;
}
.i_product .bottom .list .item:hover .bottom_b {
    display: block;
}
.i_product .bottom .list .item:hover .bottom_b::after {
    height: 100%;
    transition: all 1s;
}
.i_product .bottom .list .item:hover .bottom_b a {
    opacity: 1;
    transition: all 1s;
}
.i_product .bottom .list .item:hover .top_b .p1 {
    color: #333
}
.i_product .bottom .list .item:hover .top_b h2 {
    color: #000
}
.clut {
    margin-left: 200px;
}
.clut::after {
    content: "";
    position: absolute;
    background: #d6d6d6;
    height: 170px;
    width: 1px;
    top: 0;
    right: -25%
}
.clut p {
    font-size: 14px;
    margin-bottom: 0
}
.clut h5 {
    color: #333;
    font-size: 28px;
    font-weight: 500
}
.clut i {
    color: #989898;
    font-size: 72px;
    padding-bottom: 30px;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.clut:hover i {
    color: #eb6100;
}
.text-ab {
    color: #f1f1f1
}
.bg-primary-1 {
    background: #eb6100
}
.tutorial-section {
    padding: 100px 0
}
.tutorial-section.ab p {
    color: #fff;
    padding-bottom: 30px
}
.tutorial-section.ab {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: inherit;
    margin-top: -8px
}
.tutorial-section.bc {
    background: url("assets/img/hk/ab-bg-1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: inherit;
    margin-top: -8px;
    padding: 30px 0
}
/*.tutorial-section.ab a{font-size: 17px;font-weight: 600; color: #333;border-bottom: 4px solid #eb6100;padding-bottom: 10px;-webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;}
.tutorial-section.ab a:hover{color:#eb6100}*/
.tutorial-section.ab .count-ab h3 {
    color: #333;
    font-size: 100px;
    letter-spacing: -5px
}
.tutorial-section.ab .count-ab h3 sub {
    bottom: 3.5rem;
    font-size: 36px
}
.tutorial-section.bc h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 400
}
/*.tutorial-section h2{color: #000; font-size: 48px;line-height: 60px;padding-bottom: 30px}
.tutorial-section h2 span{font-size: 40px;font-weight: 400}*/
.tutorial-section .title-1 {
    color: #fff
}
.header-sticky .logo-light {
    display: inline;
    max-width: 250px
}
.header-sticky .logo-dark {
    display: none
}
.header-sticky.sticky-on .logo-light {
    display: none
}
.header-sticky.sticky-on .logo-dark {
    display: inline;
    max-width: 200px
}
.header-sticky.sticky-on .at_header_nav {
    padding: 0
}
.header-sticky.sticky-on .at_nav_menu ul li.has-submenu .at_megamenu_style_1, .header-sticky.sticky-on .at_nav_menu ul li.has-submenu .submenu-wrapper {
    top: 100%
}
.hero3-slider .slick-active h1 {
    font-size: 65px
}
.hero3-slider .slick-active h1 span {
    color: #eb6100
}
.hero3-slider .slick-active h1 span.little {
    color: #eb6100;
    font-family: 'HmLight';
    color: #333
}
.header-toggle-btn span {
    display: inline
}
.header-toggle-btn img{width: 35px;}

.hero3-slider .slick-active .tran-btn {
    -webkit-animation: 1.9s theme_fadeInUp;
    animation: 1.9s theme_fadeInUp;
}
.app-btn.tran-btn {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.app-btn.tran-btn:hover {
    background: #fff;
    color: #333;
}
.bnhb-bg {
    margin-top: -110px;
}
.sr-service-content h3 {
    text-transform: capitalize;
}
.sub_nav .box, .sub_nav {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.border-bottom-1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.sub_nav {
    position: fixed;
    right: 0px;
    top: 50%;
    background: #fff;
    margin-top: -150px;
    z-index: 15;
    -webkit-transform: translateZ(0);
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgb(0 56 60 / 20%)
}
.sub_nav li {
    position: relative;
}
.sub_nav .pd {
    display: block;
}
.sub_nav .h3 i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #eb6100;
    text-align: center;
    font-size: 26px;
}
.sub_nav .box {
    display: none;
    display: block;
    position: absolute;
    right: 50px;
    white-space: nowrap;
    top: 0px;
    border-right: 1px solid rgba(255,255,255,0);
    height: 50px;
    line-height: 50px;
    color: #fff;
    width: 0px;
    overflow: hidden;
    padding: 0px;
}
.sub_nav .box.two {
    display: none;
    display: block;
    position: absolute;
    right: 50px;
    white-space: nowrap;
    top: 0px;
    border-right: 1px solid rgba(255,255,255,0);
    height: 80px;
    line-height: 40px;
    color: #fff;
    width: 0px;
    overflow: hidden;
    padding: 0px;
}
.sub_nav .ewm_box {
    text-align: center;
    height: auto;
}
.sub_nav .ewm_box img {
    max-width: 250px;
    height: auto;
    display: block;
}
.sub_nav .ewm_box strong {
    padding-top: 10px;
    line-height: 1.3;
    display: block;
}
.sub_nav .box button {
    background: #333;
    color: #fff;
    cursor: pointer
}
.sub_nav .pd:hover .h3 i {
    background-color: #eb6100;
    color: #fff
}
.sub_nav .pd:hover .box {
    display: block;
    background: #333;
    width: auto;
    border-color: rgba(255,255,255,1);
    padding-left: 20px;
    padding-right: 20px;
}
.sub_nav .pd:hover .ewm_box {
    padding: 20px;
}
.sub_nav .back_top {
    display: block
}
.breadcrumb-content-wrapper h1 {
    font-family: 'HmRegular';
    font-size: 60px;
    text-transform: capitalize;
    font-weight: normal
}
.breadcrumb-content-wrapper .down {
    margin-top: 40px;
}
.breadcrumb-content-wrapper .down a {
    color: #fff;
    font-size: 24px;
}
.breadcrumb-content-wrapper .down sub {
    bottom: 0.5em
}
.breadcrumb-content-wrapper .down img {
    max-width: 30px;
    margin-right: 20px
}
.h3-services-wrapper .services-left.right {
    padding: 70px 40px 70px 10px;
}
.zoom-btn {
    position: absolute;
    right: 66px;
    bottom: 0px;
    -webkit-transition: all 300ms ease 300ms;
    -moz-transition: all 300ms ease 300ms;
    -ms-transition: all 300ms ease 300ms;
    -o-transition: all 300ms ease 300ms;
    transition: all 300ms ease 300ms;
    z-index: 2;
}
.zoom-btn a {
    position: relative;
    display: block;
    text-align: center;
    width: 64px;
    height: 64px;
    line-height: 64px;
    bottom: 10px;
    right: -50px;
    color: #7f8a99;
    background: #eb6100;
    overflow: hidden;
    opacity: 0;
    border-radius: var(--bs-border-radius) !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.app:hover .zoom-btn a {
    opacity: 1
}
.zoom-btn a i {
    position: relative;
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    color: #fff
}
.app:hover .zoom-btn a {
    opacity: 1
}
.app:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    border-radius: 10px
}
.app img {
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    /*border-radius: var(--bs-border-radius) !important;*/
}
.mt--120 {
    margin-top: -120px;
}
.pb-e {
    padding-bottom: 57px
}
.equipment-area .e-title {
    font-weight: bolder;
    font-size: 36px
}
.equipment-area {
    padding: 40px 32px;
}
.equipment-area h5 {
    font-size: 32px
}
.bs-blog-meta i {
    color: #eb6100;
    padding-right: 5px
}
.bs-blog-meta a {
    font-size: 14px
}
.blog-card-top i {
    color: #eb6100;
    padding-right: 3px
}
.pro-d-p {
    margin-top: -77px;
}
.bg-gray {
    background: #efefef
}
.c-container {
    max-width: 96%
}
.b-container {
    max-width: 75%
}
.a-container {
    max-width: 85%
}
.at-section-title h2 {
    font-weight: 800;
    font-size: 50px
}
.at-section-title.small h2 {
    font-size: 45px
}
.at-section-title.ab h2 {
    font-weight: 800;
    font-size: 45px;
    text-transform: capitalize
}
.head-search {
    color: #eb6100;
    font-size: 22px;
    padding: 15px;
    border-radius: 3px;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    text-transform: capitalize;
}
.head-search:hover {
    background: none;
    color: #f67921
}
.offcanvus-contact p span {
    color: #333;
    font-weight: 500
}
.at-section-title h2 span {
    color: var(--bs-primary)
}
.at-section-title p {
    font-weight: 500;
    font-size: 18px;
    color: #0b163f;
    line-height: 26px;
}
.footer-banner-left h3 {
    font-size: 26px;
}
.footer-banner-left p {
    color: #fff;
}
.fw-semibold {
    line-height: 16px
}
.raudis-5 {
    border-radius: 5px
}
.img-fluid-1 {
    max-width: 95%
}
.ab-bg {
    background: url( "assets/img/mh3/ab-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ss-bg {
    background: url( "assets/img/mh3/texture-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sr-ft-list li .sr-ft-list-content.icon-left p {
    font-size: 18px
}
.sr-ft-list li .sr-ft-list-content.icon-left h6 {
    font-size: 20px;
    text-transform: uppercase
}
.about-icon-box p {
    font-size: 14px;color: #333
}
.bg-g1, .bg-g2, .bg-g3, .bg-g4, .bg-g5, .bg-g6, .bg-g7, .bg-g8, .bg-g9, .bg-g10 {
    background-position: right!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.bg-g1 {
    background: url( "assets/img/mh3/gys.jpg")
}
.bg-g2 {
    background: url( "assets/img/mh3/gys1.jpg")
}
.bg-g3 {
    background: url( "assets/img/mh3/gys2.jpg")
}
.bg-g4 {
    background: url( "assets/img/mh3/gys3.jpg")
}
.bg-g5 {
    background: url( "assets/img/mh3/gys4.jpg")
}
.bg-g6 {
    background: url( "assets/img/mh3/gys5.jpg")
}
.bg-g7 {
    background: url( "assets/img/mh3/gys6.jpg")
}
.bg-g8 {
    background: url( "assets/img/mh3/gys7.jpg")
}
.bg-g9 {
    background: url( "assets/img/mh3/gys8.jpg")
}
.bg-g10 {
    background: url( "assets/img/mh3/gys9.jpg")
}
.bg-message {
    background: url("assets/img/mh3/bg-message.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.h2-blog-card h4 {
    font-size: 19px;
    color: #333
}
.h2-blog-card p {
    font-size: 14px
}
.brands-filter.pro-list ul li {
    border: 1px solid #eee;
    border-radius: 5px;
}
.brands-filter.pro-list ul li a:hover {
    background: #eb6100;
    color: #fff;
    -webkit-box-shadow: 0px 10px 40px rgb(252 0 18 / 30%);
    box-shadow: 0px 10px 40px rgb(252 0 18 / 30%);
}
.brands-filter.pro-list ul li a:hover .icon-white {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.h4-feature-item-content span {
    font-size: 12px;
    color: #6E6E6E
}
.h4-feature-item-content span:hover {
    color: var(--bs-primary)
}
.h4-feature-item img {
    width: 35px;
    height: auto;
}
.lg-block {
    display: block
}
.sm-block {
    display: none
}
.iv_info_item img {
    width: 30px;
    height: auto
}
.header-sticky.sticky-on {
    box-shadow: 5px 2px 5px rgba(76,76,76,0.2)
}
.header-sticky.sticky-on .header-toggle-btn span {
    background: #eb6100
}
.header-sticky.sticky-on .at_nav_menu ul li a {
    color: #333;
}
.header-sticky.sticky-on .head-phone {
    color: #333;
    border-color: rgba(0,0,0,0.3)
}
.header-sticky.sticky-on .at_nav_menu ul li.has-submenu::after {
    color: #333
}
.header-sticky.sticky-on .head-search {
    color: #333;
    font-size: 18px;
    /*border: 1px solid rgba(0,0,0,0.3);*/
    padding: 15px;
    border-radius: 3px;
}
.hero3-single-slide {
    padding-top: 13%
}
.hero3-single-slide.second {
    padding-top: 8%
}
.listing_info_box p {
    font-size: 18px
}
.widget-basic p.c-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #333
}
.jin {
    letter-spacing: 0.06rem
}
.vip-home {
    padding: 100px 0 0;
    position: relative;
}
.vip-img {
    position: relative;
    overflow: hidden
}
.vip-img img {
    display: block;
    width: 100%;
    overflow: hidden;
    transform: scale(1);
    transition: 0.5s;
}
.vip-img:hover img {
    transform: scale(1.04);
}
.vip-content h3 {
    position: absolute;
    color: #fff;
    top: 15%;
    left: 15%;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 42px;
    font-weight: normal
}
.vip-home {
    background: #fff
}
/*.vip-home::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 404px;
    background: #ffffff;
}*/
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.vip-content a {
    color: #fff;
    position: absolute;
    color: #fff;
    bottom: 12%;
    left: 15%;
    padding: 8px 20px;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500
}
.vip-content a:hover {
    color: #fff;
}
.vip-content i {
    position: absolute;
    color: #fff;
    font-size: 150px;
    top: 30%;
    left: 33%
}
.footer-wrapper {
    border-top: 1px solid #e0e0e0
}
.breadcrumb-section.prov {
    padding: 88px 0 20px 0;
}
.crumbprov {
    text-align: left;
    padding: 15px 0 15px;
    border-bottom: 1px solid var(--bs-border-color);
}
.crumbprov li a {
    color: #333;
    font-size: 16px;
}
.crumbprov li a i {
    padding-right: 5px;
    color: #2b2e35
}
.car-info-box.pro .title-1 {
    font-size: 40px;
    padding-bottom: 0;
    font-family: 'HmMedium';
    font-weight: normal;
}
.car-info-box.pro .title-1.boi i {
    top: 16px
}
.car-info-box.pro .title-1.boi i, .title-1.boi em {
    left: -14px
}
.h2-blog-card.app{padding: 0;border-radius: 0}
.info-left.pro-box img{padding-top:20px}
.pro-box h5 {
    font-size: 24px;
    color: #333;
    font-weight: 500;
    padding: 30px 0 0;
}
.pro-box p {
    font-size: 16px;
    margin-bottom: 0
}
.bntable .first {
    
}
.bntable .first th {
    color: #fff!important;background: #eb6100;
}
.bntable th{font-family: 'HmBold'; color: #111!important;font-weight: normal!important}
.bntable th, .bntable td {
    font-size: 18px;
    white-space: nowrap;
}
.app-btn .icon-wrapper i {
    font-size: 18px
}
.title-wrapper h4 {
    font-family: 'HmMedium';

    color: #333;
    font-size: 35px;
    font-weight: normal;
}
.sidebar-widget .widget-top h4 {
    font-weight: 500;
    color: #333
}
.sol-pp{margin-top: 0}
.sol-pp p {
    max-width: 50%
}
.rent-hero-content{margin-top: -90px}
/*.border-one{border-bottom: 1px solid #dfdfdf}*/

.bnhb-about.cur-about{padding: 0}

@media screen and (max-width: 1920px) {
.img-center {
    width: auto!important;
    height: auto!important;
}
}

@media(max-width:1800px) {
    .rent-hero-content{margin-top: -300px}
    .at_nav_menu ul li a{font-size: 14px;padding: 24px 20px;}
.at_nav_menu ul li.has-submenu::after {
    right: 0
}
.hero3-single-slide.second {
    padding-top: 16%
}
.c-container {
    max-width: 100%
}
.a-container {
    max-width: 95%
}
.services-video-box .video-bg {
    max-width: calc(100% + 204px);
    margin-left: -60px;
}
.hero3-single-slide {
    padding-top: 25%
}
}

@media(max-width:1670px) {
    .at_nav_menu ul li a.at_nav_menu ul li a {
    display: block;
    padding: 24px 15px;
    color: #232323;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    text-transform: capitalize;
}
    .bnhb-bg{margin-top: -100px}
.brands-filter ul li a h5 {
    font-size: 18px;
    white-space: nowrap
}
.pro-shap img {
    max-width: 320px;
    left: 100px
}
.pro-shap.big img {
    max-width: 450px;
    left: 220px
}
.head-search {
    padding: 5px
}
.breadcrumb-section.about {
    padding: 310px 0 350px 0
}
}

@media(max-width:1600px) {

    .hero3-single-slide .lead{font-size: 16px;margin-bottom: 0}
.rent-hero-content {
    margin-top: -240px
}
    
.hero3-slider .slick-active h1, .hero3-slider .slick-active h1 span {
    font-size: 45px
}
.bnhb-about h2 {
    font-size: 35px;
    line-height: 45px
}
.ab-left p{font-size: 16px}
.clut {
    margin-left: 100px
}
}

@media(max-width:1580px) {

    .curt p{font-size: 14px}
.brinyte-application-select li{width: 31.1%}
.title-1.ab span {
    font-size: 40px
}

}

@media(max-width:1500px) {
    .rent-hero-content {
    margin-top: -200px
}
    .dropdown-content{right: -10px}
    .bnhb-bg{margin-top: -75px}
    .header-sticky.sticky-on .at_header_nav {
    padding: 0
}
    .at_header_nav{padding: 0}
    .at_nav_menu ul li.has-submenu::after{top: 25px}
    .header-sticky .logo-light{max-width: 170px}
    .header-sticky.sticky-on .logo-dark{max-width: 170px}
    .car-info-box.pro .title-1{font-size: 35px;}
.brinyte-application-select li{width: 30%}
.breadcrumb-content-wrapper h1 {
    font-size: 40px
}
.h2-blog-card {
    padding: 20px
}
.i_product .bottom .list .item .text {
    height: 430px
}
.i_product .bottom .list .item.item2 .text {
    height: 336px
}
.tutorial-section.bc {
    padding: 20px 0
}
.ab-left {
    padding-right: 20px
}
.ab-right {
    padding-left: 20px
}
.h4-hero-slider-single.case .slide-content {
    min-height: 200px
}
.b-container {
    max-width: 90%
}
.cz-index-cooperative-customers-top a {
    width: 200px;
    height: 200px;
}
.cz-index-cooperative-customers-top a.item1 {
    margin-left: -100px;
    margin-top: -190px;
}
.cz-index-cooperative-customers-top a.item2 {
    margin-left: -100px;
    margin-top: -10px;
}
.cz-index-cooperative-customers-top a.item3 {
    margin-left: -255px;
    margin-top: -100px;
}
.cz-index-cooperative-customers-top a.item4 {
    margin-right: -255px;
    margin-top: -100px;
}
.cz-index-cooperative-customers-top a.item5 {
    margin-left: -410px;
    margin-top: -190px;
}
.cz-index-cooperative-customers-top a.item6 {
    margin-left: -410px;
    margin-top: -10px;
}
.cz-index-cooperative-customers-top a.item7 {
    margin-right: -410px;
    margin-top: -190px;
}
.cz-index-cooperative-customers-top a.item8 {
    margin-right: -410px;
    margin-top: -10px;
}
.cz-index-cooperative-customers-top a.item9 {
    margin-left: -565px;
    margin-top: -100px;
}
.cz-index-cooperative-customers-top a.item10 {
    margin-right: -565px;
    margin-top: -100px;
}
.cz-index-cooperative-customers-top a img.img-center {
    max-width: 60%;
}
}

@media(max-width:1330px) {
.pro-shap img {
    max-width: 320px;
    left: 100px
}
.pro-shap.big img {
    max-width: 450px;
    left: 170px
}
.sol-pp p {
    max-width: 80%
}
.at_nav_menu ul li.has-submenu::after {
    right: -3px;
}
.offer-section {
    padding-top: 125px;
}
.d-sm-n {
    display: none
}
}

@media(max-width:1300px) {
.bnhb-zl img {
    padding-top: 100px
}

.at_nav_menu ul li a {
    font-size: 12px;
    padding: 15px 20px;
}
.at_nav_menu ul li.has-submenu::after {
    top: 16px
}
}

@media(max-width:1250px) {
.brinyte-application-select li{width: 45%}
.pro-shap.big img {
    max-width: 450px;
    left: 140px
}
.k-none {
    display: none!important
}
.breadcrumb-content-wrapper p {
    max-width: 100%
}
}

@media(max-width:1200px) {
.pro-shap img {
    max-width: 290px;
    left: 60px
}
.pro-shap.big img {
    left: 120px
}
.pb-e {
    padding-bottom: 0
}
.vip-content h3 {
    font-size: 28px
}
}


@media(min-width:991px) and (max-width:1200px){
    .rent-hero-content.text-right{text-align: left}
    .rent-hero-content.right-s{text-align: right}
}

@media screen and (max-width:1024px) {
.breadcrumb-section::before{background: url("assets/img/hk/prosm-bg.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;}
.bnhb-zl h2 {
    font-size: 32px;
    line-height: 45px
}
.sub_nav {
    left: 0px;
    bottom: -10px;
    top: auto;
}
.sub_nav li {
    float: left;
    width: 25%;
}
.sub_nav .pd {
    border-right: 1px solid #fff;
}
.sub_nav .h3 i {
    width: auto;
}
.sub_nav .box {
    bottom: 50px;
    top: auto;
    border-right: 0px;
    left: 0px;
    right: auto;
}
.sub_nav .pd:hover .box {
    display: none;
}
.sub_nav .pd:hover .h3 i {
    background: none;
}
.sub_nav .back_top {
    display: none
}
.breadcrumb-section {
    padding: 80px 0 60px 0;
}
}

@media(max-width:991px) {
.bnhb-about h2 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 20px;
}
.at_header_nav{padding: 18px 0}
.breadcrumb-section.solv::before{background: url(assets/img/hk/prosm-bg.jpg) no-repeat;background-size: cover;background-position: center center}
    .breadcrumb-content-wrapper.solv p{max-width: 100%;font-size: 16px;}
    .breadcrumb-section.solv{padding: 80px 0}
    .rental-description.pt-60{padding-top: 30px;}
.pro-btn{bottom: 35%;}
    .f-title.sol h4 p:first-child{font-size: 30px;}
.h3-car-card .pricing-info p{max-width: 100%}
.brinyte-application-select li{width: 48%}
.pro-p{padding-left: 0}
.blog-section.pt-80 {
    padding-top: 0
}
.i_product .promb {
    margin-bottom: 0;
}
.pro-shap.big img {
    max-width: 380px;
    left: 70px;
    bottom: 10px;
}
.pro-shap img {
    max-width: 380px;
    left: 20px;
    bottom: -15px;
}
.i_product .bottom .list .item2 .text {
    background: #efefef url(assets/img/hk/i_product_img3.jpg) no-repeat left bottom;
    background-size: cover;
}
.i_product .bottom .list .item.item2 .text {
    height: 430px
}
.header-sticky .logo-light {
    max-width: 150px
}
.header-sticky.sticky-on .logo-dark {
    max-width: 130px
}
.w-sol {
    width: 100%
}
.ptb-ab {
    padding: 150px 0
}
.sol-pp p {
    max-width: 100%
}
.sol-img.fu {
    margin-top: 0
}
.bnhb-ser h2 {
    font-size: 35px;
    line-height: 50px
}
.bnhb-zl img {
    padding-top: 0 0 40px
}
.bnhb-about {
    padding: 50px 0 50px
}
.ab-left {
    padding-right: 0
}
.ab-right {
    padding-left: 0;
    text-align: center
}
.copyright-text {
    text-align: right
}
.solution-section {
    padding: 50px 0 50px;
}
.vip-content h3 {
    font-size: 45px;
    line-height: 60px;
    left: 5%
}
.vip-content a {
    left: 5%
}
.brands-filter ul li a {
    display: block
}
.brands-filter ul {
    gap: 0
}
.brands-filter ul li {
    width: 50%
}
.flex-x {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    padding-bottom: 30px
}
.lg-block {
    display: none
}
.sm-block {
    display: block
}
.hero3-single-slide {
    padding-top: 30%
}
.hero3-slider .slick-active h1, .hero3-slider .slick-active h1 span {
    font-size: 40px
}
.hero3-single-slide.second {
    padding-top: 20%
}
.text-ab {
    padding-bottom: 100px
}
.clut {
    margin-left: 0;
}
.clut::after {
    right: -5%
}
.tutorial-section.bc {
    background: url(assets/img/hk/ab-bgsm-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: inherit;
}
}

@media(max-width:767px) {
.rent-hero-content {
    margin-top: -100px;
}
.title-1.ab span {
    font-size: 30px
}
.a-container {
    max-width: 99%
}
.breadcrumb-section.about {
    padding: 250px 0 251px 0;
}
.breadcrumb-content-wrapper h1 {
    font-size: 40px;
    text-transform: capitalize;
    font-weight: normal;
}
.breadcrumb-section.about {
}
.h4-hero-slider-single.case .slide-content {
    min-height: 100%;
}
.brands-filter.sol ul li {
    width: 50%
}
}

@media(max-width:640px) {
.ptb-ab {
    padding: 70px 0 100px
}
.vip-home {
    padding: 0
}
.cz-top-nav-item.num4 {
    width: 90%;
    left: 5%;
    top: -103px;
}
.cz-top-nav-item.num4::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #e6e8ed;
}
.cz-top-nav-item.num4 a {
    width: 50%;
}
.cz-top-nav-item i {
    width: 40px;
    position: relative;
    right: auto;
    top: auto;
    margin-top: auto;
}
.cz-top-nav-item p {
    display: none;
}
.cz-top-nav-item strong {
    font-size: 14px;
    text-align: center;
}
.cz-top-nav-item a {
    padding: 5%;
}
.cz-top-nav-item.num6 {
    width: 90%;
    width: calc(90% - 0px);
    left: 5%;
    margin: 0px;
    top: -103px;
}
.cz-top-nav-item.num6::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #e6e8ed;
}
.cz-top-nav-item.num6 a {
    width: 33.3333333%;
    padding: 5%;
    box-sizing: border-box;
}
.cz-top-nav-item.num6 a strong {
    padding-top: 0px;
}
.cz-top-nav-item.num6 a i {
    margin-left: 0px;
    left: auto;
    margin: auto;
    top: auto;
}
.cz-top-nav-item.num6 a:nth-child(3)::after, .cz-top-nav-item.num4 a:nth-child(2)::after {
    display: none;
}
.cz-top-nav-item.num3 {
    width: 90%;
    left: 5%;
    text-align: center;
}
.cz-top-nav-item.num2 {
    width: 90%;
    left: 5%;
}
.cz-top-nav-item.num2 a {
    width: 40%;
    padding: 5%;
}
.cz-top-nav-item i {
    margin: auto;
}
.cz-top-nav-two {
    display: none!important;
}
.head-phone {
    display: none
}
.hero3-single-slide {
    padding-top: 60%
}
.mbshow {
    display: block!important;
}
.pcshow {
    display: none!important;
}
.cz-index-cooperative-customers-top {
    text-align: center;
    padding-top: 30%;
}
.cz-index-cooperative-customers-top a {
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    right: auto!important;
    top: auto!important;
    left: auto!important;
    margin: 0;
}
.cz-index-cooperative-customers-top a {
    margin-left: auto!important;
    margin-top: auto!important;
    margin-right: auto!important;
}
.cz-index-product-item .text .bottom .text-3 {
    display: none;
}
}

@media(max-width:578px) {
.car-info-box.pro .title-1 {
    font-size: 28px;
}
    .copyright-text{text-align: left}
    .footer-widget.text-right{text-align: left}
    .brinyte-application-search-top{padding: 8.5% 10px 7%;}
    .brinyte-application-list-bottom{padding: 10% 10px 7%;}
.title-wrapper h4{font-size: 28px}
.rental-feature-box.tto{padding: 10px 0}
.car-info-box.pro{padding: 0}
.rental-feature-box .title-1{font-size: 28px;}
.car-info-box.pro .title-1.boi i, .title-1.boi em {
    left: 11px;
}
.title-1 {
    padding-bottom: 0;
    font-size: 24px
}
.rental-feature-box.pro {
    padding: 0px 8px 20px;
}
.offer-section {
    padding-top: 15px;
}
.b-container {
    max-width: 100%
}
.dl-hero-single {
    padding-top: 220px;
    padding-bottom: 20px
}
.d-smm-n {
    display: none
}
.dl-hero-single-1, .dl-hero-single {
    padding: 200px 0 50px 0;
}
.hero3-single-slide.second {
    padding-top: 35%
}
.clut::after {
    display: none
}
.clut h5 {
    font-size: 20px
}
.clut i {
    font-size: 60px
}
.clut p {
    font-size: 12px
}
.ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px
}
}