*{margin:0;padding:0;}
html{height:100%;width:100%;}
body{margin:0;padding:0;color:#5A3733;line-height: 1.6;height: 100%; font-size:14px;background:#FFF;overflow-x: hidden; font-family:  "Microsoft Yahei","PingFang","serif"}
@font-face {
    font-family:"Microsoft Yahei";
    src: url("fonts/Microsoft Yahei.ttf")
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:inherit;line-height:inherit;}
ul li{list-style:none;}
input{ -webkit-appearance: none; }
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none;}
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #000}
a:hover{transition: 0.3s ease-out;color: #5A3733;}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline: none!important; border:none;box-shadow: none!important;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none!important;border-color: #005ABA;box-shadow: none!important;}
select{-webkit-appearance: none; appearance: none;}
input::-moz-placeholder{color:#878787!important;opacity:1}
input:-ms-input-placeholder{color:#878787!important}
input::-webkit-input-placeholder{color:#878787!important}
input{color: #000;}
input:focus{border-color: #EB6D2F!important;}
.form-control{background-color: #FFF;border-radius: 20px;border: 1px solid transparent;padding: 9px 18px;color: #000;min-height: 45px;}
.form-control:focus{border-color: #EB6D2F}
.form-group{margin-bottom: 30px;}
.form_title{margin-bottom: 5px;}
.container{max-width: 1200px;width: 100%;padding: 0 15px;}
header{border-top: 4px solid #EB6D2F;border-bottom: 1px dashed #F8F7F1;}
header .container{display: flex;align-items: center;justify-content: space-between;}
.logo{float: left;padding: 15px 0;}
.logo img{max-width: 186px;}
.offcanvas-header-logo img{max-width: 160px;}
.menu{float: right;}
.offcanvas-header, .navbar-header{display: none;}
.mobile-nav-icon{color: #EB6D2F;font-size: 40px;}
.side-menu >ul{margin-bottom: 0;padding-left: 0;float: left;}
.side-menu >ul> li{display: inline-block;position: relative;}
.side-menu >ul> li> a{font-size: 14px;color: #5A3733; display: block;padding: 12px 10px;position: relative}
.side-menu >ul> li a img{margin-right: 5px;position: relative;top: -1px;}

.side-menu >ul> li.parent >a:after{content: "\f285";font-family: "bootstrap-icons";position: relative;top: 2px;margin-left: 5px;}

.submenu-wrapper{min-width: 100%;display: none;z-index: 999;position: absolute;left: 0;top: 100%;animation:fadeInUp 0.3s;-webkit-animation: fadeInUp 0.3s;-moz-animation: fadeInUp 0.3s;-o-animation: fadeInUp 0.3s;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);padding: 5px 0;background: #FFF;}
.vertical-menu-list{padding-left: 0;}
.vertical-menu-list li a{display: block;padding: 10px 15px 10px 15px;color: #000;font-size: 14px;position: relative;white-space: nowrap;}
.ltx-navbar-icons{float: left;position: relative;padding-top: 12px;margin-left: 20px;}
.nav_search{padding: 0 5px;display: inline-block;}
.nav_search_close{margin:0 8px 0px 0;}
.ltx-navbar-icons a:hover{color: #5A3733}
.ltx-navbar-icons a{color: #EB6D2F;position: relative;z-index: 56;}
.ltx-navbar-icons i:before{font-weight: bold!important;}
.ltx-navbar-icons input{width: 300px;border: 1px solid #EB6D2F;border-radius: 50px;height: 40px;padding: 3px 10px;position: absolute;z-index: 100;top: 3px;right: -100%;opacity: 0;visibility: hidden;transition: all 400ms;}
.nav_search_close{opacity: 0;visibility: hidden;}
.visible_xs{display: none!important;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.banner .swiper-pagination{bottom: 5%;}
.swiper-pagination-bullet-active{background: #EB6D2F}
.swiper-pagination-bullet:only-child{display: none !important;}

.our_service{background:#FFD832 url("../images/honey-hr-white.png") repeat-x;padding: 150px 0 10px;text-align: center;}
h2.h2{font-size: 48px;margin-bottom: 10px;font-weight: bold;}
.subheader{color: #EB6D2F;font-size: 18px;}

.service_c{ margin-left:-15px; margin-right:-15px;margin-top: 50px;}
.service_c:after,.service_c:before{display:table;content:" ";}
.service_c:after{clear:both;}
.service_li{float: left;width: 25%;padding: 0 15px;text-align: center;position: relative;margin-bottom: 70px;}
.service_li a{display: block;color: #5A3733}
.service_li h4{font-size: 30px;margin-bottom: 10px;}
.service_li h4:hover{color: #EB6D2F}
.service_li .img{margin-bottom: 10px;transition: all 0.3s ease;}
.service_li .img:hover{transform: translateY(-20px);}
.service_li+.service_li:before{content: "";position: absolute;left: -20px;top: 70px;background: url("../images/base1.png") no-repeat;width: 45px;height: 5px;}

.section_scene{text-align: center;padding: 80px 0 30px;}
.section_scene_c{margin-top: 60px;}
.section_scene_c{ margin-left:-15px; margin-right:-15px;}
.section_scene_c:after,.section_scene_c:before{display:table;content:" ";}
.section_scene_c:after{clear:both;}
.section_scene_li{float: left;padding: 0 15px;width: 25%;margin-bottom: 30px;}
.section_scene_li .img{margin-bottom: 30px;}
.section_scene_li .s_text{font-size: 24px;}
.section_scene_li .s_text span{color: #EB6D2F}
.partners-wrap .vc_single_image-wrapper{display: block;position: relative;overflow: hidden;text-align: center;}
.partners-wrap  img{transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.375),-moz-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.375),-o-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.375),transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.375);}
.partners-wrap .ltx-img-hover{position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, -100%);-moz-transform: translate(-50%, -100%);-o-transform: translate(-50%, -100%);-ms-transform: translate(-50%, -100%);transform: translate(-50%, -100%);}
.partners-wrap .vc_single_image-wrapper:hover img:not(.ltx-img-hover) {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.partners-wrap .vc_single_image-wrapper:hover .ltx-img-hover {
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.our_partner{background: #5A3733;padding: 50px 0;}
.our_partner >.container{display: table;}
.our_partner .wpb_column{display: table-cell;width: 300px;font-size: 24px;color: #FFF;vertical-align: middle;}
.our_partner .wpb_column p{font-size: 36px;color: #EB6D2F;margin-bottom: 0;}
.our_partner .vc_column-inner{display: table-cell;vertical-align: middle;}
.partners-wrap{margin: 5px 0;}

.application{background: #F8F7F1;text-align: center;position: relative}
.application_c{padding: 120px 0;}
.btn_contact{margin-top: 25px;text-align: center;}
.btn_contact a{display: inline-block;background: #EB6D2F;color: #FFF;padding: 16px;width: 160px;text-align: center;border-radius: 50px;}
.btn_contact a:hover{background: #5A3733}
.app_flower_right{position: absolute;bottom:30px;right: 0;}
.app_flower{position: absolute;bottom: 0;left: 0;}
.Bees2{position: absolute;right: 230px;top: 150px;}
.Bees{position: absolute;left: 280px;top: 120px;}
footer{background: #FFF;padding: 10px 0 50px;}
footer h3{font-size: 24px;color: #EB6D2F;margin-bottom: 35px;font-weight: bold;margin-top: 30px;}
footer .textwidget{margin-bottom: 25px;line-height: 1.9;}
.social-icons-list{font-weight: bold;color: #5A3733}
.social-icons-list a{font-weight: bold;color: #5A3733}
.social-icons-list a:hover{color: #EB6D2F;}
.social-icons-list i{margin-right: 8px;color: #EB6D2F}
footer ul{padding-left: 0;}
footer ul li{margin-bottom: 20px;}
footer ul li a{color: #5A3733}
footer ul li a:hover{color: #EB6D2F;}
footer ul li a i{color: #EB6D2F;margin-right: 5px;}
footer ul li a img{margin-right: 6px;}
.copyright_c{background: #F8F7F1;padding: 20px 0;font-size: 12px;line-height: 1.8;}
.gotop a{display: inline-block;background: url("../images/Link.png") no-repeat;width: 40px;height: 47px;color: #FFF;text-align: center;padding-top: 15px;}
.gotop{position: fixed;bottom: 30px;right: 10%;z-index: 90;}
.gotop a i:before{font-weight: bold !important;font-size: 16px;}
.gotop a:hover{background: url("../images/Link2.png") no-repeat;}

.slideshow{text-align: center;color: #FFF;background: url("../images/Header.png") no-repeat center center;height: 350px;display: flex;align-content: center;align-items: center;justify-content: center;background-size: cover}
.faq_c{padding: 80px 0;}
.faq_li {border: 1px solid #F8F7F1;margin-bottom: 20px; }
.faq_li a {display: block;position: relative;font-size: 18px;font-weight: bold;padding:22px 20px;padding-right: 50px;color: #5A3733; }
.faq_li a i.bi-chevron-down {position: absolute;right: 20px; top: 50%;margin-top: -9px;color: #EB6D2F; }
.faq_li a i.bi-chevron-down:before {font-weight: bold !important; }
  .faq_li a.active .bi-chevron-down:before {content: "\f286"; }
.faq_content {padding: 0 25px 20px; font-size: 14px;line-height: 1.6em;display: none; }

.what_queueup{font-size: 24px;padding: 80px 0 50px;}
.headline_bg{background: url("../images/83588.png") no-repeat top center;}
.service_banner{padding: 80px 0;margin: 0 auto;max-width: 970px;}
.service_banner .banner .swiper-pagination{bottom: 0;}
.service_banner .banner {padding-bottom: 30px;position: relative;}
.service_banner .swiper{position: initial;}
.contact{padding: 100px 0;}
.contact h1{font-size: 26px;margin-bottom: 40px;font-weight: bold;}
.contact .share{margin: 40px 0;}
.contact .share a{font-size: 30px;color: #5A3733;}
.contact .share a:hover{color: #EB6D2F;}
.form_contact{background: #F8F7F1;padding: 45px;border-radius: 10px;font-size: 16px;}
@media (min-width:1090px) {
.side-menu > ul > li.parent:hover .submenu-wrapper{display: block;}
    .side-menu >ul> li.active >a,.side-menu >ul> li:hover >a{color: #EB6D2F;}
    .side-menu >ul> li.parent:hover >a:after{content: "\f282";}
    .vertical-menu-list li a:hover{color: #EB6D2F;}
    .ltx-navbar-icons.active .nav_search_close{opacity: 1;visibility: visible;}
.ltx-navbar-icons.active .nav_search{color: #5A3733}
.ltx-navbar-icons.active input{opacity: 1;visibility: visible;right: -10px;font-size: 12px;color: #5A3733;z-index: 55;}

}
@media (max-width:1200px) {
    .service_li{width: 50%;}
    .service_li+.service_li:before{background: none;}
    .service_li:nth-child(2n):before{content: "";position: absolute;left: -20px;top: 70px;background: url("../images/base1.png") no-repeat;width: 45px;height: 5px;}
}
@media (max-width:1090px) {
    .gotop{right: 20px}
    .side-menu {background:#5A3733;float:none; margin:0 0 0; border-radius:0;position: fixed;float: none;overflow: auto;padding: 0;top: 0;bottom: 0;right:-100%;width: 100%;max-width: 600px; height:100%;opacity:0;z-index: 99999999;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.side-menu.active {right:0;opacity:1;box-shadow: rgba(0, 0, 0, 0.1) 0 0 100px 0;}
body.body-overflow::before {opacity: 1;z-index:999;}
    body.body-overflow{overflow-y: hidden;}
body:before {content: '';background: rgba(41, 45, 53, 0.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;z-index: -1;pointer-events: none;transition: .3s opacity;}
    .navbar-header{display: block;}
    .offcanvas-header{display: flex;background: #FFF;padding: 20px;}
    .mobile_close{font-size: 30px;}
    .mobile_close i:before{font-weight: bold!important;}
    .side-menu > ul{display: block;float: none;}
    .side-menu > ul > li > a{color: #FFF;font-size: 18px;padding: 15px 20px;margin: 20px;border-radius: 50px;font-weight: bold;}
    .side-menu > ul > li.active > a{background: #EB6D2F;}
    .side-menu > ul > li{display: block;}
     .side-menu >ul> li.parent >a:after{content: "\f282";font-family: bootstrap-icons !important;position: absolute;right: 15px;top: 50%;margin-top: -11px;}
     .side-menu >ul> li.parent.active >a:after{content: "\f286";}
    .submenu-wrapper{position: relative;left: 0;top: 0;box-shadow:none;padding: 0 32px;background: none;}
    .vertical-menu-list li a{color:#EB6D2F;font-size: 18px;}
    .ltx-navbar-icons{float: none;padding: 0 20px;margin: 20px 0;}
    .ltx-navbar-icons input{opacity: 1;right: 0;visibility: visible;position: relative;height: 60px;top: 0;z-index: 10;padding: 0 80px 0 20px;max-width: 100%;width: 100%;}
    .ltx-navbar-icons .nav_search{position: absolute;right: 20px;background: #EB6D2F;height: 100%;width: 70px;color: #FFF!important;display: flex;align-content: center;align-items: center;justify-content: center;border-radius: 0 50px 50px 0;top: 0;font-size: 20px;}
    .ltx-navbar-icons .nav_search_close{display: none;}
     .app_flower_right{width: 30%;}
    .app_flower{width: 30%;}
    .Bees{left: 16%;top: 55%;}
    .Bees2{right: 20%;top: 50%;}
    .section_scene_li .s_text{font-size: 20px;}
    .our_partner .wpb_column{font-size: 20px;width: 220px;}
    .our_partner .wpb_column p{font-size: 26px;}
    
}
@media (max-width:767px) {
    .contact{padding: 50px 0;}
    .form_contact{margin-top: 30px;}
    .form_contact{padding:40px 30px;}
    .what_queueup{font-size: 18px;padding: 50px 0 20px;}
    .faq_c{padding: 50px 0;}
    .slideshow{height: 300px;}
    .copyright_c{text-align: center;}
     .gotop{right: 10px}
      .section_scene_li{width: 50%;}
.hidden_xs{display: none;}
.visible_xs{display: block!important}
     .service_li{width: 100%;float: none;padding: 0;}
    .service_li:nth-child(2n):before{background: none;}
    h2.h2{font-size: 36px;}
    .service_li h4{font-size: 26px;}
    .app_flower_right{width: 130px;}
.app_flower{width: 130px;}
    .Bees{top: 75%;width: 35px;left: 80px}
    .Bees2{top: 60%;width: 30px;right: 80px}
    .our_partner .wpb_column{width: 100%;display: block;text-align: center;margin-bottom: 30px;}
    .our_partner .vc_column-inner{width: 100%;display: block;}
    
}
@media (max-width: 576px){
.col-xs-6 {width: 50%;padding: 0 5px;}
    .our_partner .vc_column-inner{padding: 0 10px;}
}
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(15px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-15px);
    }
}
 
@keyframes bounce-up {
    25% {
        transform: translateY(15px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-15px);
    }
}
.animate-bounce-up{animation: bounce-up 3s linear infinite;}