/**
 * style.less
 * 层叠样式表
 */

@font-face {
   font-family: "Montserrat";
   font-weight: 500;
   font-style: normal;
   src: url("../flaticon/Montserrat-Medium.eot");
   src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../flaticon/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../flaticon/Montserrat-Medium.woff2") format("woff2"), url("../flaticon/Montserrat-Medium.woff") format("woff"), url("../flaticon/Montserrat-Medium.ttf") format("truetype"), url("../flaticon/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
   font-display: swap;
}

@font-face {
   font-family: "Montserrat";
   font-weight: normal;
   font-style: normal;
   src: url("../flaticon/Montserrat-Regular.eot");
   src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../flaticon/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../flaticon/Montserrat-Regular.woff2") format("woff2"), url("../flaticon/Montserrat-Regular.woff") format("woff"), url("../flaticon/Montserrat-Regular.ttf") format("truetype"), url("../flaticon/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
   font-display: swap;
}

@font-face {
   font-family: "Montserrat";
   font-weight: 300;
   font-style: normal;
   src: url("../flaticon/Montserrat-Light.eot");
   src: local("Montserrat Light"), local("Montserrat-Light"), url("../flaticon/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../flaticon/Montserrat-Light.woff2") format("woff2"), url("../flaticon/Montserrat-Light.woff") format("woff"), url("../flaticon/Montserrat-Light.ttf") format("truetype"), url("../flaticon/Montserrat-Light.svg#Montserrat-Light") format("svg");
   font-display: swap;
}

@font-face {
   font-family: "Montserrat";
   font-weight: 900;
   font-style: normal;
   src: url("../flaticon/Montserrat-Black.eot");
   src: local("Montserrat Black"), local("Montserrat-Black"), url("../flaticon/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../flaticon/Montserrat-Black.woff2") format("woff2"), url("../flaticon/Montserrat-Black.woff") format("woff"), url("../flaticon/Montserrat-Black.ttf") format("truetype"), url("../flaticon/Montserrat-Black.svg#Montserrat-Black") format("svg");
   font-display: swap;
}

@font-face {
   font-family: "Montserrat";
   font-weight: 200;
   font-style: normal;
   src: url("../flaticon/Montserrat-ExtraLight.eot");
   src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("../flaticon/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../flaticon/Montserrat-ExtraLight.woff2") format("woff2"), url("../flaticon/Montserrat-ExtraLight.woff") format("woff"), url("../flaticon/Montserrat-ExtraLight.ttf") format("truetype"), url("../flaticon/Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg");
   font-display: swap;
}

@font-face {
   font-family: "Montserrat";
   font-weight: bold;
   font-style: normal;
   src: url("../flaticon/Montserrat-Bold.eot");
   src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../flaticon/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../flaticon/Montserrat-Bold.woff2") format("woff2"), url("../flaticon/Montserrat-Bold.woff") format("woff"), url("../flaticon/Montserrat-Bold.ttf") format("truetype"), url("../flaticon/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
   font-display: swap;
}

body {
   font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "PingFang SC", "Hiragino Sans GB", sans-serif;
   font-size: 14px;
   font-weight: normal;
   color: #333;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

@-ms-viewport {
   width: auto !important;
}

li,
ol,
ul {
   list-style: none;
}

a {
   color: inherit;
}

a:hover,
a:link,
a:visited {
   text-decoration: none;
   color: inherit;
}

ul {
   margin: 0;
   padding: 0;
}

button,
input,
textarea {
   border: none;
   outline: none;
}

a[data-fancybox] {
   outline: none;
}

a[data-fancybox] img {
   outline: none !important;
}

.lazy {
   /* background-image: url(../js/slick/ajax-loader.gif); */
   background-repeat: no-repeat;
   background-position: center;
}

.at-resp-share-element .at-share-btn {
   margin-bottom: 0 !important;
}

@media (min-width: 1470px) {
   .container {
      width: 1440px;
   }
}

@media (min-width: 1660px) {
   .container {
      width: 1630px;
   }
}

@media (max-width: 767px) {
   .col-xs-6:nth-child(2n+1) {
      padding-right: 7.5px;
   }
   .col-xs-6:nth-child(2n) {
      padding-left: 7.5px;
   }
}

input[type="number"] {
   -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   margin: 0;
   -webkit-appearance: none;
}

.ibox {
   position: relative;
   z-index: 1;
   display: block;
   overflow: hidden;
   height: 0;
   padding-bottom: 100%;
}

.ibox img {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
}

.fancybox-slide--iframe .fancybox-content {
   width: 733px !important;
   max-width: 80%;
   height: 500px !important;
   max-height: 50% !important;
   margin: 0;
}

.swiper-button-next,
.swiper-button-prev {
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   opacity: 0.5;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-filter: gray;
   filter: gray;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
   opacity: 0.8;
}

.flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.hs-header-box {
   position: fixed;
   z-index: 10;
   top: 0;
   width: 100%;
   height: 110px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-align: center;
}

@media (max-width: 1199px) {
   .hs-header-box {
      height: 60px;
      background-color: #fff;
   }
}

.hs-header-box .logo {
   float: left;
   height: 50px;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   font-size:24px;
   font-weight:bold;
   line-height:50px;
   margin-top:30px;
}

@media (max-width: 1199px) {
   .hs-header-box .logo {
      height: 40px;
      margin-top: 10px;
   }
}

.hs-header-box .logo a {
   display: block;
   height: 100%;
}

.hs-header-box .logo img {
   display: inline-block;
   height: 100%;
   margin-right: 18px;
   vertical-align: middle;
}

@media (max-width: 1560px) {
   .hs-header-box .logo img {
      margin-right: 8px;
   }
}

.hs-header-box .header-navigation {
   display: inline-block;
   vertical-align: middle;
}

@media (max-width: 1199px) {
   .hs-header-box .header-navigation {
      display: none;
   }
}

.hs-header-box .header-navigation .xs-down {
   display: none;
}

.hs-header-box .header-navigation>ul>li {
   display: inline-block;
   vertical-align: middle;
}

.hs-header-box .header-navigation>ul>li>a {
   font-size: 20px;
   line-height: 110px;
   position: relative;
   display: block;
   padding: 0 20px;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   text-transform: capitalize;
}

@media (max-width: 1560px) {
   .hs-header-box .header-navigation>ul>li>a {
      font-size: 18px;
      padding: 0 14px;
   }
}

@media (max-width: 1350px) {
   .hs-header-box .header-navigation>ul>li>a {
      padding: 0 10px;
   }
}

.hs-header-box .header-navigation>ul>li>a:before {
   position: absolute;
   z-index: 2;
   bottom: 0;
   left: 50%;
   display: block;
   width: 0;
   height: 0;
   margin-left: -10px;
   content: "";
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   opacity: 0;
   border-width: 0 10px 10px 10px;
   border-style: solid;
   border-color: transparent transparent #fff transparent;
}

.hs-header-box .header-navigation>ul>li:hover>a,
.hs-header-box .header-navigation>ul>li.active>a {
   color: #0d843d;
}

.hs-header-box .header-navigation>ul>li:hover>a:before {
   opacity: 1;
}

.hs-header-box .header-navigation>ul>li.more>a:after {
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 6px 4px 0 4px;
   border-color: #666666 transparent transparent transparent;
   display: inline-block;
   vertical-align: middle;
   margin-left: 8px;
}

.hs-header-box .header-navigation>ul>li.more:hover>a:after,
.hs-header-box .header-navigation>ul>li.more.active>a:after {
   border-color: #0d843d transparent transparent transparent;
}

.hs-header-box .header-navigation>ul>li .pc-navdown {
   font-size: 0;
   font-size: 20px;
   position: absolute;
   top: 100%;
   left: 0;
   display: none;
   width: 100%;
   padding: 30px 0;
   color: #333;
   background-color: #fff;
   box-shadow: 0 9px 9px 0 rgba(31, 104, 179, 0.15);
}

.hs-header-box .header-navigation>ul>li .pc-navdown .container {
   font-size: 0;
   /* max-width: 1200px; */
   margin: 0 auto;
}

.hs-header-box .header-navigation>ul>li .pc-navdown .title-nav,
.hs-header-box .header-navigation>ul>li .pc-navdown .nav-list {
   font-size: 14px;
   display: inline-block;
   vertical-align: middle;
}

@media (max-width: 1199px) {
   .hs-header-box .header-navigation>ul>li .pc-navdown .title-nav,
   .hs-header-box .header-navigation>ul>li .pc-navdown .nav-list {
      display: none;
   }
}

.hs-header-box .header-navigation>ul>li .pc-navdown .title-nav {
   width: 40%;
   padding: 30px 0;
   padding-left: 10%;
   border-right: 1px solid #e7e7e7;
}

.hs-header-box .header-navigation>ul>li .pc-navdown .title-nav h2 {
   font-size: 72px;
   font-weight: bold;
   line-height: 1;
   position: relative;
   color: rgba(218, 218, 218, 0.2);
}

.hs-header-box .header-navigation>ul>li .pc-navdown .title-nav h2 span {
   font-size: 36px;
   position: absolute;
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   color: #0d843d;
}

.hs-header-box .header-navigation>ul>li .pc-navdown .nav-list {
   font-size: 0;
   width: 60%;
   padding-left: 5%;
   text-align: left;
}

@media (max-width: 1470px) {
   .hs-header-box .header-navigation>ul>li .pc-navdown .title-nav {
      width: 28%;
      padding-left: 0;
   }
   .hs-header-box .header-navigation>ul>li .pc-navdown .title-nav h2 {
      font-size: 60px;
   }
   .hs-header-box .header-navigation>ul>li .pc-navdown .nav-list {
      width: 72%;
   }
}

.hs-header-box .header-navigation>ul>li .pc-navdown .nav-list>li {
   font-size: 14px;
   display: inline-block;
   width: 33.33333333%;
   vertical-align: top;
}

.hs-header-box .header-navigation>ul>li .pc-navdown .nav-list>li>a {
   font-size: 18px;
   position: relative;
   display: inline-block;
   padding: 10px 20px;
   padding-left: 18px;
}

.hs-header-box .header-navigation>ul>li .pc-navdown .nav-list>li>a:before {
   position: absolute;
   top: 20px;
   left: 0;
   display: block;
   width: 0;
   height: 0;
   content: "";
   border-width: 4px 0 4px 8px;
   border-style: solid;
   border-color: transparent transparent transparent #0d843d;
}

.hs-header-box .header-navigation>ul>li .pc-navdown .nav-list>li.active>a,
.hs-header-box .header-navigation>ul>li .pc-navdown .nav-list>li:hover>a {
   color: #0d843d;
}

.hs-header-box .header-navigation>ul>li .phone-nav {
   display: none;
}

.hs-header-box .link {
   position: absolute;
   top: 50%;
   right: 5%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: left;
}

.hs-header-box .linkhover,
.hs-header-box .email,
.hs-header-box .tel {
   line-height: 40px;
   position: relative;
   display: inline-block;
   height: 40px;
   margin: 0;
   padding: 0 10px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   vertical-align: middle;
   text-decoration: none;
}

@media (max-width: 1199px) {
   .hs-header-box .linkhover,
   .hs-header-box .email,
   .hs-header-box .tel {
      padding: 0 4px;
   }
}

.hs-header-box .linkhover .flaticon,
.hs-header-box .email .flaticon,
.hs-header-box .tel .flaticon {
   font-size: 30px;
   margin-top: -2px;
   color: #0d843d;
}

.hs-header-box .linkhover ul,
.hs-header-box .email ul,
.hs-header-box .tel ul {
   font-size: 14px;
   line-height: 30px;
   position: absolute;
   top: 100%;
   left: -40px;
   display: none;
   min-width: 100px;
   padding: 10px;
   white-space: nowrap;
   color: #333;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.hs-header-box .linkhover li:hover,
.hs-header-box .email li:hover,
.hs-header-box .tel li:hover {
   text-decoration: underline;
   color: #0d843d;
}

.hs-header-box .email,
.hs-header-box .tel {
   overflow: hidden;
   max-width: 40px;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
   white-space: nowrap;
   border-radius: 30px;
}

.hs-header-box .email i,
.hs-header-box .tel i,
.hs-header-box .email span,
.hs-header-box .tel span {
   display: inline-block;
   vertical-align: middle;
}

@media (max-width: 1199px) {
   .hs-header-box .email span,
   .hs-header-box .tel span {
      display: none;
   }
}

@media (min-width: 1200px) {
   .hs-header-box .email:hover,
   .hs-header-box .tel:hover {
      max-width: 300px;
      color: #fff;
      background-color: #0d843d;
   }
   .hs-header-box .email:hover .flaticon,
   .hs-header-box .tel:hover .flaticon {
      margin-right: 6px;
      color: #fff;
   }
}

.hs-header-box .toggle-navigation {
   position: relative;
   right: 0;
   display: none;
   width: 30px;
   height: 60px;
   margin-left: 16px;
}

@media (max-width: 1199px) {
   .hs-header-box .toggle-navigation {
      display: inline-block;
      height: 60px;
      margin-left: 10px;
      vertical-align: middle;
   }
}

.hs-header-box .toggle-navigation a {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.hs-header-box .toggle-navigation a:before,
.hs-header-box .toggle-navigation a:after {
   display: block;
   height: 2px;
   content: "";
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   background: #0d843d;
}

.hs-header-box .toggle-navigation a span {
   display: block;
   height: 2px;
   margin: 7px 0;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   background: #0d843d;
}

.hs-header-box:hover {
   color: #333;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.stuck-header {
   height: 80px;
   color: #333;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
   .stuck-header {
      height: 60px;
   }
}

.stuck-header .logo {
   margin-top: 15px;
}

@media (max-width: 1199px) {
   .stuck-header .logo {
      margin-top: 10px;
   }
}

.stuck-header .header-navigation>ul>li>a {
   line-height: 80px;
}

.hc-mobile-nav .nav-wrapper {
   text-transform: capitalize;
   color: #fff;
   background-color: #287a49;
}

.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a {
   border-color: #0d843d;
   background-color: #0d843d;
}

.hc-mobile-nav a {
   border-bottom-color: #0d843d;
}

.hc-mobile-nav h2 {
   color: #fff;
}

.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover {
   background-color: #0d843d;
}

.hc-mobile-nav.side-right span.nav-next::before {
   -webkit-transform: translate(0%, 0%) rotate(135deg);
   -ms-transform: translate(0%, 0%) rotate(135deg);
   transform: translate(0%, 0%) rotate(135deg);
}

.hc-mobile-nav:not(.touch-device) a:hover {
   background-color: #0d843d;
}

.hc-mobile-nav a[href]:not([href="#"])>span.nav-next {
   border-color: #0d843d;
}

.hc-mobile-nav ul.nav-list2 {
   text-indent: 10px !important;
}

.hc-mobile-nav ul.nav-list3 {
   text-indent: 20px !important;
}

.hc-mobile-nav .title-nav {
   display: none;
}

@-webkit-keyframes movedown {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   30% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
   }
   60% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

@keyframes movedown {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   30% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
   }
   60% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

.bodywhite .hs-header-box {
   color: #fff;
}

.bodywhite .hs-header-box.stuck-header {
   color: #287a49;
}

.customer-service {
   position: fixed;
   z-index: 9;
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.customer-service ul li {
   margin: 2px 0;
}

.customer-service a {
   position: relative;
   display: block;
   color: #fff;
   border-radius: 6px;
}

.customer-service a .flaticon {
   font-size: 30px;
   line-height: 50px;
   position: relative;
   z-index: 3;
   display: block;
   width: 50px;
   height: 50px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-align: center;
   border-radius: 6px;
   background-color: #000;
}

@media (max-width: 1470px) {
   .customer-service a .flaticon {
      line-height: 50px;
      width: 50px;
      height: 50px;
   }
}

.customer-service a .flaticon img {
   width: 30px;
   margin: 0 auto;
}

.customer-service a p {
   font-size: 16px;
   line-height: 30px;
   position: absolute;
   top: 0;
   right: 50px;
   margin: 0;
   padding: 10px;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   -webkit-transform: translateX(180%);
   -ms-transform: translateX(180%);
   transform: translateX(180%);
   white-space: nowrap;
   border-radius: 6px;
   background-color: #0d843d;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.customer-service a p img {
   width: 120px;
}

.customer-service a:hover .flaticon {
   color: #fff;
   background-color: #0d843d;
}

.customer-service a:hover p {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
}

.customer-service .service-wechat p {
   background-color: #0d843d;
}

.customer-service .service-top .flaticon {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.xs-customer-service {
   position: fixed;
   z-index: 9;
   bottom: 0;
   width: 100%;
   text-align: center;
   color: #fff;
   background-color: #287a49;
}

.xs-customer-service ul {
   font-size: 0;
}

.xs-customer-service ul li {
   display: inline-block;
   width: 33.33333333%;
   vertical-align: top;
}

.xs-customer-service a {
   display: block;
   padding: 7px;
}

.xs-customer-service a .flaticon {
   font-size: 24px;
   line-height: 1;
   display: block;
}

.xs-customer-service a span {
   font-size: 12px;
   line-height: 1.5;
   display: block;
}

.banner-wrap {
   overflow: hidden;
}

@media (max-width: 1199px) {
   .banner-wrap {
      padding-top: 60px;
   }
}

@media (max-width: 991px) {
   .banner-wrap .bannerswiper {
      width: 110%;
      margin-left: -6%;
   }
}

.banner-wrap .bannerswiper .swiper-group {
   position: relative;
   overflow: hidden;
}

.banner-wrap .bannerswiper .swiper-group .swiper-img img {
   width: 100%;
}

@media (min-width: 1200px) {
   .banner-wrap .bannerswiper .swiper-group .bimg img {
      left: 50%;
      top: 50%;
      position: absolute;
   }
}

@media (max-width: 1199px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-img img,
   .banner-wrap .bannerswiper .swiper-group .text-imgtop img,
   .banner-wrap .bannerswiper .swiper-group .text-imgbottom img,
   .banner-wrap .bannerswiper .swiper-group .text-yumi img {
      width: 100% !important;
      height: auto !important;
      margin-left: 0 !important;
      margin-top: 0 !important;
   }
   .banner-wrap .bannerswiper .swiper-group {
      height: auto !important;
   }
}

.banner-wrap .bannerswiper .swiper-group .swiper-text {
   position: absolute;
   z-index: 2;
   top: 40%;
   width: 100%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

@media (max-width: 1199px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text {
      top: 50%;
      padding: 0 15% 0 10%;
   }
}

@media (max-width: 767px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text {
      top: 44%;
   }
}

.banner-wrap .bannerswiper .swiper-group .swiper-text h3 {
   font-size: 30px;
   font-weight: bold;
   line-height: 1.5;
   margin-top: 0;
   color: #000;
}

@media (max-width: 1560px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h3 {
      font-size: 24px;
   }
}

@media (max-width: 1199px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h3 {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h3 {
      font-size: 16px;
      line-height: 1.2;
   }
}

.banner-wrap .bannerswiper .swiper-group .swiper-text h2 {
   font-size: 50px;
   font-weight: bold;
   margin: 0;
   color: #0d843d;
}

@media (max-width: 1560px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h2 {
      font-size: 40px;
   }
}

@media (max-width: 1199px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h2 {
      font-size: 30px;
   }
}

@media (max-width: 991px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h2 {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h2 {
      font-size: 16px;
      line-height: 1.2;
   }
}

.banner-wrap .bannerswiper .swiper-group .swiper-text h4 {
   font-size: 48px;
   font-weight: bold;
   line-height: 30px;
   display: inline-block;
   padding: 20px 30px;
   text-transform: uppercase;
   color: #fff;
   border-radius: 10px;
   background-color: rgba(40, 122, 73, 0.9);
}

@media (max-width: 1560px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h4 {
      font-size: 38px;
   }
}

@media (max-width: 1199px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h4 {
      font-size: 30px;
      padding: 10px;
   }
}

@media (max-width: 991px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h4 {
      font-size: 22px;
      line-height: 24px;
   }
}

@media (max-width: 767px) {
   .banner-wrap .bannerswiper .swiper-group .swiper-text h4 {
      font-size: 14px;
      line-height: 18px;
   }
}

.banner-wrap .bannerswiper .swiper-group .text-imgtop,
.banner-wrap .bannerswiper .swiper-group .text-imgbottom,
.banner-wrap .bannerswiper .swiper-group .text-yumi {
   position: absolute;
   z-index: 4;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.banner-wrap .bannerswiper .swiper-group .text-imgtop img,
.banner-wrap .bannerswiper .swiper-group .text-imgbottom img,
.banner-wrap .bannerswiper .swiper-group .text-yumi img {
   width: 100%;
}

.banner-wrap .bannerswiper .swiper-group .text-imgbottom {
   z-index: 2;
}

.banner-wrap .bannerswiper .swiper-group .text-yumi {
   z-index: 3;
}

.banner-wrap .bannerswiper .slick-dots {
   position: absolute;
   right: 5%;
   bottom: 30px;
   left: auto;
   display: inline-block;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 10px;
   border-radius: 50px;
   background-color: rgba(13, 132, 61, 0.9);
}

@media (max-width: 991px) {
   .banner-wrap .bannerswiper .slick-dots {
      right: auto;
      left: 10%;
      bottom: 10px;
      padding: 5px 10px;
   }
}

.banner-wrap .bannerswiper .slick-dots li {
   display: inline-block;
   vertical-align: top;
}

.banner-wrap .bannerswiper .slick-dots li button {
   font-size: 20px;
   line-height: 36px;
   width: 36px;
   height: 36px;
   margin: 0 6px;
   text-align: center;
   opacity: 1;
   color: #fff;
   border-radius: 50%;
   background: none;
   background-color: none;
   padding: 0;
   background: none;
}

@media (max-width: 991px) {
   .banner-wrap .bannerswiper .slick-dots li button {
      font-size: 14px;
      line-height: 20px;
      width: 20px;
      height: 20px;
   }
}

.banner-wrap .bannerswiper .slick-dots li button:before {
   content: "0";
}

.banner-wrap .bannerswiper .slick-dots li.slick-active button {
   color: #0d843d;
   background: #fff;
}

.banner-inner-wrap {
   position: relative;
   overflow: hidden;
}

@media (max-width: 1199px) {
   .banner-inner-wrap {
      padding-top: 60px;
   }
}

.banner-inner-wrap .banner-group img {
   width: 100%;
}

.banner-inner-wrap .group-text {
   position: absolute;
   z-index: 2;
   top: 50%;
   left: 0;
   width: 100%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

@media (max-width: 1199px) {
   .banner-inner-wrap .group-text {
      top: -webkit-calc(50% + 30px);
      top: calc(50% + 30px);
   }
}

.banner-inner-wrap .group-text h2 {
   font-size: 36px;
   font-weight: bold;
   line-height: 1.5;
   margin: 0;
   text-transform: capitalize;
   color: #000;
}

@media (max-width: 1560px) {
   .banner-inner-wrap .group-text h2 {
      font-size: 30px;
   }
}

@media (max-width: 1199px) {
   .banner-inner-wrap .group-text h2 {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   .banner-inner-wrap .group-text h2 {
      font-size: 20px;
   }
}

.banner-inner-wrap .group-text h2:before {
   display: inline-block;
   width: 20px;
   height: 20px;
   margin-top: -2px;
   margin-right: 20px;
   content: "";
   vertical-align: middle;
   background-color: #0d843d;
}

@media (max-width: 767px) {
   .banner-inner-wrap .group-text h2:before {
      width: 10px;
      height: 10px;
      margin-right: 10px;
   }
}

.banner-products {
   height: 110px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
}

@media (max-width: 1199px) {
   .banner-products {
      height: 60px;
   }
}

.section {
   overflow: hidden;
   padding: 80px 0;
}

@media (max-width: 991px) {
   .section {
      padding: 50px 0;
   }
}

.hs-more {
   margin-top: 30px;
}

.hs-more a,
.hs-more span {
   line-height: 42px;
   display: inline-block;
   padding: 0 20px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #fff;
   border-radius: 16px;
   background-color: #0d843d;
}

@media (max-width: 767px) {
   .hs-more a,
   .hs-more span {
      line-height: 34px;
   }
}

.hs-more a:after,
.hs-more span:after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-top: -4px;
   margin-left: 10px;
   content: "";
   vertical-align: middle;
   border-width: 4px 0 4px 8px;
   border-style: solid;
   border-color: transparent transparent transparent #fff;
}

.hs-more a:hover,
.hs-more span:hover {
   background-color: #287a49;
}

.title-section h2 {
   font-size: 48px;
   font-weight: bold;
   line-height: 1.5;
   margin: 0;
   text-transform: capitalize;
   color: #0d843d;
}

@media (max-width: 1560px) {
   .title-section h2 {
      font-size: 40px;
   }
}

@media (max-width: 1199px) {
   .title-section h2 {
      font-size: 30px;
   }
}

@media (max-width: 991px) {
   .title-section h2 {
      font-size: 24px;
   }
}

.title-section.center {
   text-align: center;
}

.hs-section-advantage {
   padding: 50px 0;
   color: #fff;
   background-color: #0d843d;
}

@media (max-width: 767px) {
   .hs-section-advantage {
      padding: 30px 0;
   }
}

.hs-section-advantage .advantage>ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media (max-width: 767px) {
   .hs-section-advantage .advantage>ul>li {
      margin: 10px 0;
   }
}

.hs-section-advantage .advantage .advantage-group {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.hs-section-advantage .advantage .advantage-group .num {
   font-size: 60px;
   font-weight: 200;
   line-height: 1;
   display: inline-block;
}

@media (max-width: 1560px) {
   .hs-section-advantage .advantage .advantage-group .num {
      font-size: 50px;
   }
}

@media (max-width: 1470px) {
   .hs-section-advantage .advantage .advantage-group .num {
      font-size: 50px;
   }
}

@media (max-width: 1199px) {
   .hs-section-advantage .advantage .advantage-group .num {
      font-size: 50px;
   }
}

.hs-section-advantage .advantage .advantage-group .content {
   position: relative;
   padding-top: 20px;
   padding-left: 80px;
}

@media (max-width: 1560px) {
   .hs-section-advantage .advantage .advantage-group .content {
      padding-top: 10px;
      padding-left: 40px;
   }
}

@media (max-width: 1199px) {
   .hs-section-advantage .advantage .advantage-group .content {
      padding-top: 0;
      padding-left: 10px;
   }
}

.hs-section-advantage .advantage .advantage-group .content:before {
   position: absolute;
   top: 0;
   left: 20px;
   display: block;
   width: 1px;
   height: 200px;
   content: "";
   -webkit-transform: rotate(20deg);
   -ms-transform: rotate(20deg);
   transform: rotate(20deg);
   background-color: rgba(255, 255, 255, 0.3);
}

@media (max-width: 1560px) {
   .hs-section-advantage .advantage .advantage-group .content:before {
      left: 0;
   }
}

@media (max-width: 1199px) {
   .hs-section-advantage .advantage .advantage-group .content:before {
      left: 0;
      display: none;
   }
}

.hs-section-advantage .advantage .advantage-group .content .flaticon {
   font-size: 60px;
   line-height: 60px;
}

@media (max-width: 1199px) {
   .hs-section-advantage .advantage .advantage-group .content .flaticon {
      font-size: 50px;
      line-height: 50px;
   }
}

@media (max-width: 767px) {
   .hs-section-advantage .advantage .advantage-group .content .flaticon {
      font-size: 40px;
      line-height: 40px;
   }
}

.hs-section-advantage .advantage .advantage-group .content p {
   font-size: 16px;
   line-height: 1.5;
   max-width: 220px;
   margin: 30px 0 0 0;
   color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1470px) {
   .hs-section-advantage .advantage .advantage-group .content p {
      max-width: 150px;
      font-size: 14px;
   }
}

@media (max-width: 767px) {
   .hs-section-advantage .advantage .advantage-group .content p {
      max-width: 100%;
      margin: 10px 0 0 0;
   }
}

.hs-section-about .title-section {
   position: relative;
}

.hs-section-about .title-section h3 {
   font-size: 200px;
   font-weight: 900;
   line-height: 1;
   margin: 0;
   color: rgba(0, 0, 0, 0.03);
}

@media (max-width: 1560px) {
   .hs-section-about .title-section h3 {
      font-size: 150px;
   }
}

@media (max-width: 1199px) {
   .hs-section-about .title-section h3 {
      font-size: 100px;
   }
}

@media (max-width: 991px) {
   .hs-section-about .title-section h3 {
      font-size: 80px;
   }
}

@media (max-width: 767px) {
   .hs-section-about .title-section h3 {
      font-size: 60px;
   }
}

.hs-section-about .title-section h2 {
   position: absolute;
   z-index: 2;
   top: 54%;
   left: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.hs-section-about .flex {
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-top: -60px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 1199px) {
   .hs-section-about .flex {
      margin-top: 0;
   }
}

.hs-section-about .flex .about-info {
   width: 50%;
   padding-top: 50px;
   padding-right: 10%;
}

@media (max-width: 1199px) {
   .hs-section-about .flex .about-info {
      padding-right: 5%;
   }
}

@media (max-width: 767px) {
   .hs-section-about .flex .about-info {
      width: 100%;
      padding-top: 30px;
      padding-right: 0;
   }
}

.hs-section-about .flex .title-about {
   color: #0d843d;
}

.hs-section-about .flex .title-about h3 {
   font-size: 20px;
   font-weight: bold;
   line-height: 1.4;
   margin: 0;
}

@media (max-width: 1199px) {
   .hs-section-about .flex .title-about h3 {
      font-size: 18px;
   }
}

.hs-section-about .flex .title-about h4 {
   font-size: 48px;
   font-weight: 300;
   line-height: 1.4;
   margin: 0;
}

@media (max-width: 1560px) {
   .hs-section-about .flex .title-about h4 {
      font-size: 40px;
   }
}

@media (max-width: 1199px) {
   .hs-section-about .flex .title-about h4 {
      font-size: 30px;
   }
}

.hs-section-about .flex .content {
   margin-top: 30px;
}

.hs-section-about .flex .content p {
   font-size: 18px;
   line-height: 1.66666667;
   margin: 0;
   text-align: justify;
}

@media (max-width: 1199px) {
   .hs-section-about .flex .content p {
      font-size: 16px;
   }
}

.hs-section-about .flex .hs-more {
   margin-top: 80px;
}

@media (max-width: 1560px) {
   .hs-section-about .flex .hs-more {
      margin-top: 50px;
   }
}

@media (max-width: 767px) {
   .hs-section-about .flex .hs-more {
      margin-top: 30px;
   }
}

.hs-section-about .flex .about-img {
   width: 50%;
}

@media (max-width: 767px) {
   .hs-section-about .flex .about-img {
      width: 100%;
      margin-top: 30px;
   }
}

.hs-section-about .flex .about-img ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -10px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

@media (max-width: 767px) {
   .hs-section-about .flex .about-img ul {
      margin: 0 -5px;
   }
}

.hs-section-about .flex .about-img ul li {
   position: relative;
   width: 50%;
   padding: 0 10px;
}

@media (max-width: 767px) {
   .hs-section-about .flex .about-img ul li {
      padding: 0 5px;
   }
}

.hs-section-about .flex .about-img ul li img {
   width: 100%;
   margin-top: 20px;
}

@media (max-width: 767px) {
   .hs-section-about .flex .about-img ul li img {
      margin-top: 10px;
   }
}

.hs-section-about .flex .about-img ul li .year {
   font-size: 18px;
   line-height: 50px;
   position: absolute;
   z-index: 2;
   top: 60px;
   right: -30px;
   padding: 0 20px;
   color: #fff;
   background-color: #f90;
}

@media (max-width: 767px) {
   .hs-section-about .flex .about-img ul li .year {
      font-size: 16px;
      line-height: 40px;
      top: 30px;
      right: -15px;
   }
}

.hs-section-category {
   padding: 0;
   color: #fff;
}

.hs-section-category .category {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-section-category .category .category-group {
   height: calc(100vh - 110px);
   text-align: right;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

@media (max-width: 1560px) {
   .hs-section-category .category .category-group {
      height: calc(100vh - 110px);
   }
}

@media (max-width: 1199px) {
   .hs-section-category .category .category-group {
      height: 600px;
   }
}

@media (max-width: 767px) {
   .hs-section-category .category .category-group {
      height: 400px;
   }
}

.hs-section-category .category .category-group .title-category {
   position: absolute;
   z-index: 2;
   top: 50%;
   right: -200px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   width: 400px;
   height: 400px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;
   border-radius: 50%;
   background: rgba(40, 122, 73, 0.9);
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media (max-width: 1560px) {
   .hs-section-category .category .category-group .title-category {
      right: -150px;
      width: 300px;
      height: 300px;
   }
}

.hs-section-category .category .category-group .title-category .cate-mask {
   padding-right: 55%;
   text-align: right;
}

.hs-section-category .category .category-group .title-category .cate-mask .flaticon {
   font-size: 50px;
   line-height: 1;
}

@media (max-width: 1470px) {
   .hs-section-category .category .category-group .title-category .cate-mask .flaticon {
      font-size: 40px;
   }
}

.hs-section-category .category .category-group .title-category .cate-mask h3 {
   font-size: 26px;
   font-weight: bold;
   line-height: 1.2;
   margin: 10px 0;
}

@media (max-width: 1560px) {
   .hs-section-category .category .category-group .title-category .cate-mask h3 {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .hs-section-category .category .category-group .title-category .cate-mask h3 {
      font-size: 18px;
   }
}

.hs-section-category .category .category-group .title-category .cate-mask .more {
   font-size: 16px;
   line-height: 30px;
   opacity: 0.5;
}

.hs-section-category .category .category-group .category-menu {
   position: relative;
   z-index: 1;
   display: inline-block;
   width: calc(100vh - 110px);
   height: calc(100vh - 110px);
   margin-right: calc(-50vh + 55px);
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
   -webkit-transform: scale(0.5);
   -ms-transform: scale(0.5);
   transform: scale(0.5);
   opacity: 0;
}

/* @media (max-width: 1470px) {
    .hs-section-category .category .category-group .category-menu {
        width: calc(100vh - 110px);
        height: calc(100vh - 110px);
        margin-right: calc(-50vh - 55px);
    }
} */

.hs-section-category .category .category-group .category-menu ul {
   position: absolute;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   padding: 8% 0;
   padding-right: 50%;
   border-radius: 50%;
   background: rgba(13, 132, 61, 0.75);
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   text-align: left;
}

@media (max-width: 1560px) {
   .hs-section-category .category .category-group .category-menu ul {
      padding: 5% 0;
   }
}

.hs-section-category .category .category-group .category-menu ul li {
   opacity: 0;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(1),
.hs-section-category .category .category-group .category-menu ul li:nth-child(6) {
   padding-left: 40%;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(2),
.hs-section-category .category .category-group .category-menu ul li:nth-child(5) {
   padding-left: 25%;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(3),
.hs-section-category .category .category-group .category-menu ul li:nth-child(4) {
   padding-left: 5%;
}

/* .hs-section-category .category .category-group .category-menu ul li:nth-child(2),
.hs-section-category .category .category-group .category-menu ul li:nth-child(5) {
    padding-left: 15%;
    text-align: left;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(3),
.hs-section-category .category .category-group .category-menu ul li:nth-child(4) {
    padding-left: 0%;
    text-align: left;
}

.hs-section-category .category .category-group .category-menu ul li:last-child {
    padding-right: 0;
} */

.hs-section-category .category .category-group .category-menu ul a {
   font-size: 18px;
   font-weight: 500;
   line-height: 24px;
   display: inline-block;
   max-width: 200px;
   padding: 10px 20px;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
   text-align: left;
}

@media (max-width: 1560px) {
   .hs-section-category .category .category-group .category-menu ul li:nth-child(1),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(6) {
      padding-left: 25%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(2),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(5) {
      padding-left: 10%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(3),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(4) {
      padding-left: 5%;
   }
   /* .hs-section-category .category .category-group .category-menu ul li:nth-child(4),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(7)
   {
      padding-left: 5%;
   } */
   .hs-section-category .category .category-group .category-menu ul a {
      padding: 10px 10px;
      font-size: 14px;
      max-width: 150px;
   }
}

@media (max-width: 1470px) {
   .hs-section-category .category .category-group .category-menu ul li:nth-child(1),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(6) {
      padding-left: 25%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(2),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(5) {
      padding-left: 10%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(3),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(4) {
      padding-left: 5%;
   }
   /* .hs-section-category .category .category-group .category-menu ul li:nth-child(4),
   .hs-section-category .category .category-group .category-menu ul li:nth-child(7)
   {
      padding-left: 5%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(5)
   {
      padding-left:15%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(6)
   {
      padding-left:25%;
   } */
   .hs-section-category .category .category-group .category-menu ul a {
      padding: 10px 10px;
      font-size: 14px;
      max-width: 150px;
   }
}

.hs-section-category .category .category-group .category-menu ul a:hover {
   color: #f90;
}

@media (min-width: 1200px) {
   .hs-section-category .category .category-group:hover .category-menu {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   .hs-section-category .category .category-group:hover .category-menu ul li {
      animation: fadeIn 0.5s 0.6s ease both;
   }
}

.hs-section-category .category>li {
   position: relative;
   overflow: hidden;
   width: 50%;
}

.hs-section-category .category>li:nth-child(2) .category-group {
   text-align: left;
}

.hs-section-category .category>li:nth-child(2) .category-group .title-category {
   right: auto;
   left: -200px;
   padding-right: auto;
   background: rgba(255, 153, 0, 0.9);
}

@media (max-width: 1560px) {
   .hs-section-category .category>li:nth-child(2) .category-group .title-category {
      left: -150px;
   }
}

.hs-section-category .category>li:nth-child(2) .category-group .title-category .cate-mask {
   padding-right: 0;
   padding-left: 55%;
   text-align: left;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu {
   margin-right: auto;
   margin-left: calc(-50vh + 55px);
}

/* @media (max-width: 1470px) {
    .hs-section-category .category>li:nth-child(2) .category-group .category-menu {
        margin-left: -350px;
    }
 }*/

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul {
   padding-right: 0;
   padding-left: 50%;
   text-align: right;
   background: rgba(255, 153, 0, 0.75);
}

/* .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li a{
    text-align: right;
} */

/* .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
    padding-right: 15%;
    text-align: right;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2) a,
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) a,
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3) a,
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4) a {
    text-align: right;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4) {
    padding-right: 0%;
    text-align: right;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:last-child {
    padding-left: 0;
} */

/* .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
    padding-right: 25%;
    text-align: right;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4) {
    padding-right: 10%;
    text-align: right;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:last-child {
    text-align: left;
}
 */

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(1),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(8) {
   padding-right: 40%;
   padding-left: 0;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(7) {
   padding-right: 25%;
   padding-left: 0;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(6) {
   padding-right: 15%;
   padding-left: 0;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4),
.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
   padding-right: 5%;
   padding-left: 0;
}

/* .hs-section-category .category > li:nth-child(2) .category-group .category-menu ul li:nth-child(5),
.hs-section-category .category > li:nth-child(2) .category-group .category-menu ul li:nth-child(6)
{
    padding-right: 5%;
    padding-left: 0;
} */

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li a {
   text-align: right;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li a:hover {
   color: #0d843d;
}

@media (max-width: 1560px) {
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(1),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(8) {
      padding-right: 35%;
      padding-left: 0;
      /* text-align: left; */
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(7) {
      padding-right: 10%;
      padding-left: 15%;
      /* text-align: left; */
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(6) {
      padding-right: 10%;
      padding-left: 0;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
      padding-right: 5%;
      padding-left: 0;
   }
   /* .hs-section-category .category > li:nth-child(2) .category-group .category-menu ul li:nth-child(5),
   .hs-section-category .category > li:nth-child(2) .category-group .category-menu ul li:nth-child(6)
   {
       padding-right: 3%;
       padding-left: 0;
   } */
}

@media (max-width: 1470px) {
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(1),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(8) {
      padding-right: 30%;
      padding-left: 0;
      /* text-align: left; */
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(7) {
      padding-right: 20%;
      padding-left: 10%;
      /* text-align: left; */
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(6) {
      padding-right: 10%;
      padding-left: 0;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4),
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
      padding-right: 5%;
      padding-left: 0;
   }
   /* .hs-section-category .category > li:nth-child(2) .category-group .category-menu ul li:nth-child(5),
   .hs-section-category .category > li:nth-child(2) .category-group .category-menu ul li:nth-child(6)
   {
       padding-right: 1%;
       padding-left: 0;
   } */
}

.hs-section-certificates {
   background: url(../images/certificates_bg.webp) bottom center;
   background-size: cover;
}

@media (max-width: 991px) {
   .hs-section-certificates {
      padding-bottom: 100px;
   }
}

.hs-section-certificates .flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-section-certificates .certificates-info {
   width: 50%;
   padding-right: 5%;
}

@media (max-width: 991px) {
   .hs-section-certificates .certificates-info {
      width: 100%;
      padding-right: 0;
   }
}

.hs-section-certificates .content {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .hs-section-certificates .content {
      margin-top: 30px;
   }
}

.hs-section-certificates .content p {
   font-size: 18px;
   line-height: 1.66666667;
   margin: 0;
   text-align: justify;
}

@media (max-width: 991px) {
   .hs-section-certificates .content p {
      font-size: 16px;
   }
}

.hs-section-certificates .brand {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .hs-section-certificates .brand {
      margin-top: 30px;
   }
}

.hs-section-certificates .brand img {
   margin-right: 10px;
   margin-top: 15px;
   height: 40px;
}

.hs-section-certificates .hs-more {
   margin-top: 100px;
}

@media (max-width: 1560px) {
   .hs-section-certificates .hs-more {
      margin-top: 50px;
   }
}

@media (max-width: 991px) {
   .hs-section-certificates .hs-more {
      margin-top: 30px;
   }
}

.hs-section-certificates .certificates {
   position: relative;
   width: 50%;
}

@media (max-width: 991px) {
   .hs-section-certificates .certificates {
      width: 100%;
      margin-top: 30px;
   }
}

.hs-section-certificates .certificates .certificatesswiper {
   overflow: hidden;
   -webkit-box-reflect: below 2px linear-gradient(transparent 60%, rgba(0, 0, 0, 0.3));
}

.hs-section-certificates .certificates .swiper-slide {
   width: 260px;
   -webkit-transform-origin: center bottom;
   -ms-transform-origin: center bottom;
   transform-origin: center bottom;
}

@media (max-width: 767px) {
   .hs-section-certificates .certificates .swiper-slide {
      width: 200px;
   }
}

.hs-section-certificates .certificates .group {
   position: relative;
   display: block;
}

.hs-section-certificates .certificates .group .ibox {
   overflow: visible;
   padding-bottom: 141.93548387%;
   background-color: #fff;
}

.hs-section-certificates .certificates .group .ibox img {
   z-index: 2;
}

.hs-section-certificates .certificates .group .ibox .daoying {
   z-index: 1;
   top: 100%;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   box-shadow: none;
}

.hs-section-certificates .certificates .slick-center {
   position: relative;
   z-index: 2;
}

.hs-section-certificates .certificates .slick-center .group {
   -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
}

@media (max-width: 767px) {
   .hs-section-certificates .certificates .slick-center .group {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }
}

.hs-section-choose {
   padding-bottom: 0;
   background: url(../images/choose_bg.webp) no-repeat center bottom;
   background-size: contain;
}

.hs-section-choose .title-section {
   text-align: center;
}

.hs-section-choose .choose {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .hs-section-choose .choose {
      margin-top: 30px;
   }
}

.hs-section-choose .choose ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -15px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

@media (max-width: 767px) {
   .hs-section-choose .choose ul {
      margin: 0 -10px;
   }
}

.hs-section-choose .choose ul li {
   width: 20%;
   margin-top: 30px;
   padding: 0 15px;
}

@media (max-width: 991px) {
   .hs-section-choose .choose ul li {
      width: 33.33333333%;
   }
}

@media (max-width: 767px) {
   .hs-section-choose .choose ul li {
      width: 50%;
      padding: 0 10px;
   }
}

.hs-section-choose .choose .choose-group {
   max-width: 240px;
   height: 100%;
   margin: 0 auto;
   padding: 40px;
   cursor: pointer;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
   text-align: center;
   background-color: #fff;
   box-shadow: 0 20px 27px 2px rgba(0, 0, 0, 0.17);
}

@media (max-width: 991px) {
   .hs-section-choose .choose .choose-group {
      padding: 20px 14px;
   }
}

.hs-section-choose .choose .choose-group .icon-img {
   width: 70px;
   margin: 0 auto;
}

@media (max-width: 767px) {
   .hs-section-choose .choose .choose-group .icon-img {
      width: 50px;
   }
}

.hs-section-choose .choose .choose-group .icon-img img {
   width: 100%;
}

.hs-section-choose .choose .choose-group p {
   font-size: 20px;
   font-weight: 500;
   line-height: 24px;
   margin: 20px 0 0 0;
   color: #0d843d;
}

@media (max-width: 767px) {
   .hs-section-choose .choose .choose-group p {
      font-size: 18px;
      margin-top: 10px;
   }
}

.hs-section-choose .choose .choose-group:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
   box-shadow: 0 20px 27px 2px rgba(13, 132, 61, 0.3);
}

.hs-section-choose .choose-more {
   position: relative;
   margin-top: 180px;
   text-align: center;
}

@media (max-width: 1199px) {
   .hs-section-choose .choose-more {
      margin-top: 100px;
   }
}

@media (max-width: 991px) {
   .hs-section-choose .choose-more {
      margin-top: 50px;
   }
}

.hs-section-choose .choose-more:before {
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 30px;
   content: "";
   background-color: #0d843d;
   display: none;
}

@media (max-width: 991px) {
   .hs-section-choose .choose-more:before {
      height: 10px;
   }
}

.hs-section-choose .choose-more a {
   font-size: 20px;
   line-height: 28px;
   position: relative;
   z-index: 2;
   display: inline-block;
   padding: 20px 200px;
   color: #fff;
   border-radius: 80px 80px 0 0;
   background: #0d843d;
}

@media (max-width: 991px) {
   .hs-section-choose .choose-more a {
      font-size: 18px;
      padding: 20px;
      border-radius: 30px 30px 0 0;
   }
}

@media (max-width: 767px) {
   .hs-section-choose .choose-more a {
      font-size: 16px;
      padding: 10px;
   }
}

.hs-section-partners {
   padding-bottom: 0;
   background: url(../images/partners_bg.webp) no-repeat center bottom;
   background-size: cover;
}

.hs-section-partners .partners {
   position: relative;
}

.hs-section-partners .partners .earth {
   max-width: 959px;
   margin: 0 auto;
   margin-top: 220px;
}

@media (max-width: 1199px) {
   .hs-section-partners .partners .earth {
      margin-top: 180px;
   }
}

@media (max-width: 767px) {
   .hs-section-partners .partners .earth {
      margin-top: 140px;
   }
}

.hs-section-partners .partners .earth .ibox {
   padding-bottom: 40%;
}

@media (max-width: 991px) {
   .hs-section-partners .partners .earth .ibox {
      padding-bottom: 50%;
   }
}

.hs-section-partners .partners .earth .ibox img {
   height: auto;
   -webkit-animation: zhuan 40s linear infinite;
   animation: zhuan 40s linear infinite;
}

.hs-section-partners .partners .plogo {
   position: absolute;
   overflow: hidden;
   background: #f9f9f9;
   box-shadow: 0 20px 27px 2px rgba(88, 88, 88, 0.17);
}

.hs-section-partners .partners .plogo .ibox {
   padding-bottom: 40.95238095%;
}

.hs-section-partners .partners .plogo-1,
.hs-section-partners .partners .plogo-7 {
   top: -80px;
   left: 0;
}

@media (max-width: 767px) {
   .hs-section-partners .partners .plogo-1,
   .hs-section-partners .partners .plogo-7 {
      top: -40px;
   }
}

.hs-section-partners .partners .plogo-2,
.hs-section-partners .partners .plogo-8 {
   top: 20%;
   left: 10%;
}

.hs-section-partners .partners .plogo-3,
.hs-section-partners .partners .plogo-9 {
   top: -120px;
   left: 20%;
}

@media (max-width: 767px) {
   .hs-section-partners .partners .plogo-3,
   .hs-section-partners .partners .plogo-9 {
      top: -100px;
   }
}

.hs-section-partners .partners .plogo-4,
.hs-section-partners .partners .plogo-10 {
   top: -80px;
   right: 25%;
}

@media (max-width: 767px) {
   .hs-section-partners .partners .plogo-4,
   .hs-section-partners .partners .plogo-10 {
      top: -60px;
      right: 5%;
   }
}

.hs-section-partners .partners .plogo-5,
.hs-section-partners .partners .plogo-11 {
   top: 30%;
   right: 5%;
}

@media (max-width: 767px) {
   .hs-section-partners .partners .plogo-5,
   .hs-section-partners .partners .plogo-11 {
      top: 20%;
   }
}

.hs-section-partners .partners .plogo-6,
.hs-section-partners .partners .plogo-12 {
   top: -190px;
   right: 5%;
}

@media (max-width: 767px) {
   .hs-section-partners .partners .plogo-6,
   .hs-section-partners .partners .plogo-12 {
      top: -120px;
      right: 0;
   }
}

.hs-section-partners .partners .plogo:nth-child(1) {
   -webkit-animation: ofade 4s 0s linear infinite;
   animation: ofade 4s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(7) {
   -webkit-animation: ofade_last 4s 0s linear infinite;
   animation: ofade_last 4s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(2) {
   -webkit-animation: ofade 8s 0s linear infinite;
   animation: ofade 8s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(8) {
   -webkit-animation: ofade_last 8s 0s linear infinite;
   animation: ofade_last 8s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(3) {
   -webkit-animation: ofade 6s 0s linear infinite;
   animation: ofade 6s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(9) {
   -webkit-animation: ofade_last 6s 0s linear infinite;
   animation: ofade_last 6s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(4) {
   -webkit-animation: ofade 9s 0s linear infinite;
   animation: ofade 9s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(10) {
   -webkit-animation: ofade_last 9s 0s linear infinite;
   animation: ofade_last 9s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(5) {
   -webkit-animation: ofade 5s 0s linear infinite;
   animation: ofade 5s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(11) {
   -webkit-animation: ofade_last 5s 0s linear infinite;
   animation: ofade_last 5s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(6) {
   -webkit-animation: ofade 6s 0s linear infinite;
   animation: ofade 6s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(12) {
   -webkit-animation: ofade_last 6s 0s linear infinite;
   animation: ofade_last 6s 0s linear infinite;
}

/* .hs-section-partners .partners .plogo:nth-child(-n+7) {
    -webkit-animation: ofade 8s 0s linear infinite;
    animation: ofade 8s 0s linear infinite;
}

.hs-section-partners .partners .plogo:nth-child(n+7) {
    -webkit-animation: ofade_last 8s 0s linear infinite;
    animation: ofade_last 8s 0s linear infinite;
} */

.hs-section-partners .partners .plogo:nth-child(6n+1),
.hs-section-partners .partners .plogo:nth-child(6n+3),
.hs-section-partners .partners .plogo:nth-child(6n+4),
.hs-section-partners .partners .plogo:nth-child(6n+5) {
   width: 210px;
}

@media (max-width: 991px) {
   .hs-section-partners .partners .plogo:nth-child(6n+1),
   .hs-section-partners .partners .plogo:nth-child(6n+3),
   .hs-section-partners .partners .plogo:nth-child(6n+4),
   .hs-section-partners .partners .plogo:nth-child(6n+5) {
      width: 150px;
   }
}

.hs-section-partners .partners .plogo:nth-child(6n+2),
.hs-section-partners .partners .plogo:nth-child(6n+6) {
   width: 160px;
}

@media (max-width: 991px) {
   .hs-section-partners .partners .plogo:nth-child(6n+2),
   .hs-section-partners .partners .plogo:nth-child(6n+6) {
      width: 100px;
   }
}

@-webkit-keyframes zhuan {
   0% {
      -webkit-transform: rotate(0deg);
   }
   25% {
      -webkit-transform: rotate(90deg);
   }
   50% {
      -webkit-transform: rotate(180deg);
   }
   75% {
      -webkit-transform: rotate(270deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
   }
}

@keyframes zhuan {
   0% {
      -webkit-transform: rotate(0deg);
   }
   25% {
      -webkit-transform: rotate(90deg);
   }
   50% {
      -webkit-transform: rotate(180deg);
   }
   75% {
      -webkit-transform: rotate(270deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
   }
}

@-webkit-keyframes ofade {
   0% {
      opacity: 0;
   }
   25% {
      opacity: 1;
   }
   50% {
      opacity: 0;
   }
   75% {
      opacity: 0;
   }
   100% {
      opacity: 0;
   }
}

@keyframes ofade {
   0% {
      opacity: 0;
   }
   25% {
      opacity: 1;
   }
   50% {
      opacity: 0;
   }
   75% {
      opacity: 0;
   }
   100% {
      opacity: 0;
   }
}

@-webkit-keyframes ofade_last {
   0% {
      opacity: 0;
   }
   25% {
      opacity: 0;
   }
   50% {
      opacity: 0;
   }
   75% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}

@keyframes ofade_last {
   0% {
      opacity: 0;
   }
   25% {
      opacity: 0;
   }
   50% {
      opacity: 0;
   }
   75% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}

.hs-section-news .news .news-group,
.hs-inner-news .news .news-group {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
   padding: 0 5px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-section-news .news .news-group .news-img,
.hs-inner-news .news .news-group .news-img {
   width: 50%;
}

@media (max-width: 767px) {
   .hs-section-news .news .news-group .news-img,
   .hs-inner-news .news .news-group .news-img {
      width: 100%;
   }
}

.hs-section-news .news .news-group .news-img .ibox,
.hs-inner-news .news .news-group .news-img .ibox {
   padding-bottom: 62.85714286%;
}

.hs-section-news .news .news-group .news-img .ibox img,
.hs-inner-news .news .news-group .news-img .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}

.hs-section-news .news .news-group .news-text,
.hs-inner-news .news .news-group .news-text {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   width: 50%;
   padding: 40px 3% 20px 5%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media (max-width: 767px) {
   .hs-section-news .news .news-group .news-text,
   .hs-inner-news .news .news-group .news-text {
      width: 100%;
      padding: 20px 0;
   }
}

.hs-section-news .news .news-group .news-text h3,
.hs-inner-news .news .news-group .news-text h3 {
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
   display: -webkit-box;
   overflow: hidden;
   height: 30px;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

@media (max-width: 1199px) {
   .hs-section-news .news .news-group .news-text h3,
   .hs-inner-news .news .news-group .news-text h3 {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .hs-section-news .news .news-group .news-text h3,
   .hs-inner-news .news .news-group .news-text h3 {
      font-size: 18px;
   }
}

.hs-section-news .news .news-group .news-text .date,
.hs-inner-news .news .news-group .news-text .date {
   font-size: 16px;
   line-height: 30px;
   margin-top: 30px;
   color: #0d843d;
}

@media (max-width: 767px) {
   .hs-section-news .news .news-group .news-text .date,
   .hs-inner-news .news .news-group .news-text .date {
      font-size: 14px;
      margin-top: 10px;
   }
}

.hs-section-news .news .news-group .news-text .date .flaticon,
.hs-inner-news .news .news-group .news-text .date .flaticon {
   font-size: 24px;
   display: inline-block;
   margin-right: 10px;
   vertical-align: middle;
}

.hs-section-news .news .news-group .news-text p,
.hs-inner-news .news .news-group .news-text p {
   font-size: 16px;
   line-height: 24px;
   display: -webkit-box;
   overflow: hidden;
   height: 48px;
   margin: 40px 0 0 0;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

@media (max-width: 767px) {
   .hs-section-news .news .news-group .news-text p,
   .hs-inner-news .news .news-group .news-text p {
      font-size: 14px;
      margin-top: 10px;
   }
}

.hs-section-news .news .news-group:hover .swiper-img .ibox img,
.hs-inner-news .news .news-group:hover .swiper-img .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.hs-section-news .news .news-group:hover .swiper-text h3,
.hs-inner-news .news .news-group:hover .swiper-text h3 {
   color: #0d843d;
}

.hs-section-news {
   position: relative;
   z-index: 2;
   margin-top: -40px;
   padding-top: 0;
}

.hs-section-news .news {
   position: relative;
   padding: 40px;
   background: #fff;
   box-shadow: 0 12px 20px 0 rgba(151, 151, 151, 0.24);
}

@media (max-width: 991px) {
   .hs-section-news .news {
      padding: 20px;
   }
}

@media (max-width: 767px) {
   .hs-section-news .news {
      padding: 20px 10px;
   }
}

.hs-section-news .news .swiper-button-prev {
   left: -80px;
}

@media (max-width: 991px) {
   .hs-section-news .news .swiper-button-prev {
      left: -15px;
   }
}

.hs-section-news .news .swiper-button-next {
   right: -80px;
}

@media (max-width: 991px) {
   .hs-section-news .news .swiper-button-next {
      right: -15px;
   }
}

.gettop {
   position: fixed;
   z-index: 8;
   right: 0;
   bottom: 30px;
   display: none;
   cursor: pointer;
   color: #0d843d;
}

.gettop .icon {
   font-size: 40px;
   display: block;
   width: 60px;
   -webkit-animation: Mouse 1.6s linear infinite;
   animation: Mouse 1.6s linear infinite;
   text-align: center;
}

@-webkit-keyframes Mouse {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   50% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

@keyframes Mouse {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   50% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

.hs-inner {
   overflow: hidden;
   padding: 80px 0;
}

@media (max-width: 991px) {
   .hs-inner {
      padding: 50px 0;
   }
}

@media (max-width: 767px) {
   .hs-inner {
      padding: 40px 0;
   }
}

.title-inner h2 {
   font-size: 30px;
   font-weight: bold;
   line-height: 1.4;
   margin: 0;
   text-transform: capitalize;
}

@media (max-width: 991px) {
   .title-inner h2 {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   .title-inner h2 {
      font-size: 20px;
   }
}

.title-inner h3 {
   font-family: "Objectivity";
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
   margin: 14px 0 0 0;
   text-transform: capitalize;
   color: #999;
}

@media (max-width: 991px) {
   .title-inner h3 {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .title-inner h3 {
      font-size: 16px;
   }
}

.hs-inner-location {
   padding: 20px 0;
}

@media (max-width: 767px) {
   .hs-inner-location {
      padding: 10px 0;
   }
}

.hs-inner-location .flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

.hs-inner-location .location {
   font-size: 16px;
   line-height: 40px;
   position: relative;
   display: inline-block;
   padding-left: 30px;
   color: #999;
}

.hs-inner-location .location:before {
   position: absolute;
   top: 10px;
   left: 0;
   display: block;
   width: 20px;
   height: 20px;
   content: "";
   opacity: 0.5;
   background: url(../images/home.webp) no-repeat center;
   background-size: cover;
}

@media (max-width: 767px) {
   .hs-inner-location .location {
      display: block;
      width: 100%;
      font-size: 13px;
      line-height: 20px;
   }
   .hs-inner-location .location:before {
      top: 0;
   }
}

.hs-inner-location .location ul {
   display: inline-block;
   vertical-align: middle;
}

.hs-inner-location .location ul li {
   display: inline-block;
   vertical-align: top;
   text-transform: capitalize;
}

.hs-inner-location .location ul li:after {
   display: inline-block;
   margin: 0 4px;
   content: "/";
   vertical-align: top;
}

.hs-inner-location .location ul li:last-child:after {
   display: none;
}

.hs-inner-location .location ul li a {
   display: inline-block;
   vertical-align: top;
   text-transform: capitalize;
}

.hs-inner-location .location ul li a:hover {
   text-decoration: underline;
   color: #0d843d;
}

.hs-inner-location .title-inner h2 {
   font-size: 24px;
}

@media (max-width: 1199px) {
   .hs-inner-location .title-inner h2 {
      font-size: 20px;
   }
}

@media (max-width: 991px) {
   .hs-inner-location .title-inner h2 {
      font-size: 18px;
   }
}

@media (min-width: 1200px) {
   .inner-info {
      font-size: 0;
   }
   .inner-info .inner-left,
   .inner-info .inner-right {
      font-size: 14px;
      position: relative;
      display: inline-block;
      vertical-align: top;
   }
   .inner-left {
      width: 360px;
   }
   .inner-right {
      width: -webkit-calc(100% - 360px);
      width: calc(100% - 360px);
   }
}

@media (min-width: 1200px) and (max-width: 1470px) {
   .inner-left {
      width: 300px;
   }
}

@media (min-width: 1200px) and (max-width: 1470px) {
   .inner-right {
      width: -webkit-calc(100% - 300px);
      width: calc(100% - 300px);
   }
}

.inner-right {
   padding-left: 3%;
}

@media (max-width: 1199px) {
   .inner-right {
      margin-top: 30px;
      padding-left: 0;
   }
}

.catalog-menu {
   position: relative;
   z-index: 6;
   padding: 30px;
   border: 1px solid #ddd;
   background-color: #fff;
}

@media (max-width: 1470px) {
   .catalog-menu {
      padding: 20px;
   }
}

@media (max-width: 1199px) {
   .catalog-menu {
      padding: 0 10px;
      background-color: #0d843d;
   }
}

.catalog-menu .tit-menu {
   position: relative;
}

.catalog-menu .tit-menu h2 {
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
   margin: 0;
   color: #0d843d;
}

@media (max-width: 1199px) {
   .catalog-menu .tit-menu h2 {
      font-size: 20px;
      line-height: 50px;
      color: #fff;
   }
}

.catalog-menu .tit-menu .btn-toggle {
   position: absolute;
   top: 0;
   right: 15px;
   display: none;
   width: 30px;
   height: 50px;
}

@media (max-width: 1199px) {
   .catalog-menu .tit-menu .btn-toggle {
      top: 0;
      display: block;
      height: 50px;
   }
}

.catalog-menu .tit-menu .btn-toggle span {
   position: absolute;
   display: block;
   width: 30px;
   height: 2px;
   border-radius: 5px;
   background-color: #fff;
}

.catalog-menu .tit-menu .btn-toggle .line1 {
   top: 35%;
   left: 50%;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   -webkit-transform: translateX(-50%) rotateZ(0deg);
   -ms-transform: translateX(-50%) rotate(0deg);
   transform: translateX(-50%) rotateZ(0deg);
}

.catalog-menu .tit-menu .btn-toggle .line2 {
   top: 50%;
}

.catalog-menu .tit-menu .btn-toggle .line3 {
   top: 65%;
   left: 50%;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   -webkit-transform: translateX(-50%) rotateZ(0deg);
   -ms-transform: translateX(-50%) rotate(0deg);
   transform: translateX(-50%) rotateZ(0deg);
}

.catalog-menu .tit-menu .btn-toggle.active .line2 {
   opacity: 0;
}

.catalog-menu .tit-menu .btn-toggle.active .line1 {
   top: 50%;
   left: 50%;
   -webkit-transform: translateX(-50%) rotateZ(-45deg);
   -ms-transform: translateX(-50%) rotate(-45deg);
   transform: translateX(-50%) rotateZ(-45deg);
}

.catalog-menu .tit-menu .btn-toggle.active .line3 {
   top: 50%;
   left: 50%;
   -webkit-transform: translateX(-50%) rotateZ(45deg);
   -ms-transform: translateX(-50%) rotate(45deg);
   transform: translateX(-50%) rotateZ(45deg);
}

.catalog-menu .menu-nav {
   margin-top: 20px;
}

@media (max-width: 1199px) {
   .catalog-menu .menu-nav {
      position: absolute;
      top: 50px;
      left: 0;
      display: none;
      width: 100%;
      margin-top: 0;
      padding: 10px;
      background-color: #e9eef1;
   }
}

.catalog-menu .menu-nav .menu-nav1>li {
   position: relative;
   margin: 10px 0;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
}

@media (max-width: 1199px) {
   .catalog-menu .menu-nav .menu-nav1>li {
      display: inline-block;
      vertical-align: top;
   }
}

.catalog-menu .menu-nav .menu-nav1>li>a {
   font-size: 18px;
   line-height: 24px;
   position: relative;
   display: block;
   padding: 15px 20px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-transform: capitalize;
}

@media (max-width: 991px) {
   .catalog-menu .menu-nav .menu-nav1>li>a {
      font-size: 16px;
      padding: 10px 20px;
   }
}

.catalog-menu .menu-nav .menu-nav1>li>a:after {
   font-family: "flaticon_shengda";
   font-size: 16px;
   line-height: 50px;
   position: absolute;
   top: 2px;
   right: 0;
   width: 50px;
   height: 50px;
   content: "\f122";
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   text-align: center;
   color: #666;
}

@media (max-width: 1470px) {
   .catalog-menu .menu-nav .menu-nav1>li>a:after {
      line-height: 30px;
      top: 12px;
      width: 30px;
      height: 30px;
   }
}

@media (max-width: 1199px) {
   .catalog-menu .menu-nav .menu-nav1>li>a:after {
      display: none;
   }
}

.catalog-menu .menu-nav .menu-nav1>li.active>a,
.catalog-menu .menu-nav .menu-nav1>li:hover>a {
   color: #fff;
   background-color: #0d843d;
}

.catalog-menu .menu-nav .menu-nav1>li.active>a:after,
.catalog-menu .menu-nav .menu-nav1>li:hover>a:after {
   color: #fff;
}

.catalog-menu .menu-nav .menu-nav2 {
   display: none;
   padding-bottom: 10px;
}

.catalog-menu .menu-nav .menu-nav2>li {
   position: relative;
   border-bottom: 1px solid rgba(41, 55, 66, 0.2);
}

.catalog-menu .menu-nav .menu-nav2>li>a {
   font-size: 16px;
   line-height: 30px;
   position: relative;
   display: block;
   padding: 10px 0;
   color: #777;
}

@media (max-width: 991px) {
   .catalog-menu .menu-nav .menu-nav2>li>a {
      font-size: 14px;
   }
}

.catalog-menu .menu-nav .menu-nav2>li.active>a,
.catalog-menu .menu-nav .menu-nav2>li:hover>a {
   color: #0d843d;
}

.side-news {
   margin-top: 20px;
   padding: 40px 20px;
   border: 1px solid #ddd;
}

@media (max-width: 1199px) {
   .side-news {
      display: none;
   }
}

.side-news .title-inner h2 {
   font-size: 24px;
   color: #0d843d;
}

.side-news .list ul li:last-child .news-group {
   border: none;
}

.side-news .list .news-group {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   padding: 20px 0;
   border-bottom: 1px solid #eee;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

.side-news .list .news-group .news-img {
   width: 92px;
}

.side-news .list .news-group .news-img .ibox {
   padding-bottom: 62.85714286%;
}

.side-news .list .news-group .news-img .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}

.side-news .list .news-group .news-text {
   width: -webkit-calc(100% - 92px);
   width: calc(100% - 92px);
   padding-left: 18px;
}

.side-news .list .news-group .news-text h3 {
   font-size: 16px;
   line-height: 24px;
   display: -webkit-box;
   overflow: hidden;
   max-height: 48px;
   margin: 0;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.side-news .list .news-group:hover h3 {
   color: #0d843d;
}

.catalog-menu-news {
   padding-top: 0;
}

.catalog-menu-news .menu-nav {
   margin-top: 30px;
}

.inner-menu {
   position: relative;
   z-index: 2;
   margin-top: -90px;
   text-align: center;
   background-color: rgba(0, 99, 182, 0.8);
}

@media (max-width: 1199px) {
   .inner-menu {
      margin-top: 0;
      background-color: #0d843d;
   }
}

@media (max-width: 767px) {
   .inner-menu {
      padding: 10px 0;
   }
}

.inner-menu ul li {
   display: inline-block;
   vertical-align: middle;
}

.inner-menu ul li a {
   font-size: 18px;
   line-height: 30px;
   display: block;
   padding: 30px 40px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   opacity: 0.8;
   color: #fff;
}

@media (max-width: 1199px) {
   .inner-menu ul li a {
      font-size: 16px;
      line-height: 24px;
      padding: 10px;
   }
}

@media (max-width: 767px) {
   .inner-menu ul li a {
      font-size: 15px;
      padding: 5px;
   }
}

.inner-menu ul li:hover a,
.inner-menu ul li.active a {
   opacity: 1;
}

.progress-circle {
   /* 辅助色 */
   position: relative;
   width: var(--size);
   height: var(--size);
   border-radius: 50%;
   --percent: 0;
   /* 百分数 */
   /* --size: 140px; */
   /* 尺寸大小 */
   --border-width: 2px;
   /* 环宽（粗细） */
   --gap-degree: 0;
   /* 缺口夹角 */
   --color: #0d843d;
   /* 主色 */
   --inactive-color: #ccc;
}

@media (max-width: 991px) {
   .progress-circle {
      /* --size: 94px; */
   }
}

/* SVG 容器 */

.progress-circle>svg {
   width: 100%;
   height: 100%;
   -webkit-transform: rotate(-webkit-calc((var(--gap-degree) + (520 - var(--gap-degree)) / 2) * 1deg));
   -ms-transform: rotate(calc((var(--gap-degree) + (520 - var(--gap-degree)) / 2) * 1deg));
   transform: rotate(calc((var(--gap-degree) + (520 - var(--gap-degree)) / 2) * 1deg));
   display: none;
}

/* 进度条圆环 */

.progress-circle circle {
   --r: -webkit-calc((var(--size) - var(--border-width)) / 2);
   --r: calc((var(--size) - var(--border-width)) / 2);
   --active-degree: -webkit-calc(360 - var(--gap-degree));
   --active-degree: calc(360 - var(--gap-degree));
   cx: -webkit-calc(var(--size) / 2);
   cx: calc(var(--size) / 2);
   cy: -webkit-calc(var(--size) / 2);
   cy: calc(var(--size) / 2);
   r: var(--r);
   fill: none;
   stroke-width: var(--border-width);
   stroke-linecap: round;
}

.progress-value {
   -webkit-transition: stroke-dasharray 1s linear, stroke 1s;
   transition: stroke-dasharray 1s linear, stroke 1s;
   opacity: var(--percent);
}

.hs-inner-about .flex {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   align-items: center;
}

.hs-inner-about .about {
   /* width: -webkit-calc(100% - 490px);
    width: calc(100% - 490px); */
   padding-right: 7%;
   padding-left: 7%;
}

.hs-inner-about .about,
.hs-inner-about .img {
   width: 60%;
}

.hs-inner-about .img {
   width: 40%;
   text-align: center;
}

.hs-inner-about .img img {
   max-width: 80%;
   display: inline-block;
}

@media (max-width: 991px) {
   .hs-inner-about .about,
   .hs-inner-about .img {
      width: 100%;
      padding: 0 15px;
   }
}

.hs-inner-about .about .about-text {
   margin-top: 40px;
}

@media (max-width: 767px) {
   .hs-inner-about .about .about-text {
      margin-top: 20px;
   }
}

.hs-inner-about .about .about-text p {
   font-size: 16px;
   line-height: 1.875;
   margin: 0;
}

@media (max-width: 991px) {
   .hs-inner-about .about .about-text p {
      font-size: 14px;
   }
}

.hs-inner-about .title-about {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   width: 490px;
   /*height: 100%;*/
   padding: 80px 6% 80px 60px;
   text-align: right;
   color: #fff;
   background-color: #0d843d;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media (max-width: 991px) {
   .hs-inner-about .title-about {
      width: 50%;
      margin-top: 30px;
      margin-left: 50%;
      padding: 30px;
   }
}

@media (max-width: 767px) {
   .hs-inner-about .title-about {
      width: 80%;
      margin-left: 20%;
   }
}

.hs-inner-about .title-about h3 {
   font-size: 20px;
   font-weight: bold;
}

.hs-inner-about .title-about h2 {
   font-size: 48px;
   font-weight: normal;
}

@media (max-width: 991px) {
   .hs-inner-about .title-about h2 {
      font-size: 40px;
   }
}

@media (max-width: 767px) {
   .hs-inner-about .title-about h2 {
      font-size: 30px;
   }
}

.hs-inner-about .title-about .year {
   font-size: 18px;
   line-height: 50px;
   position: absolute;
   z-index: 2;
   top: 60px;
   left: -30px;
   padding: 0 20px;
   color: #fff;
   background-color: #f90;
}

@media (max-width: 991px) {
   .hs-inner-about .title-about .year {
      font-size: 16px;
      line-height: 40px;
      top: 30px;
      left: -15px;
   }
}

@media (max-width: 767px) {
   .hs-inner-about .title-about .year {
      left: -30px;
   }
}

.hs-inner-about .number-box {
   margin-top: 80px;
}

@media (max-width: 991px) {
   .hs-inner-about .number-box {
      margin-top: 40px;
   }
}

.hs-inner-about .number-box ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media (max-width: 991px) {
   .hs-inner-about .number-box ul {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }
}

.hs-inner-about .number-box ul li {
   max-width: 20%;
   margin: 10px 0;
}

@media (max-width: 991px) {
   .hs-inner-about .number-box ul li {
      max-width: 33.33333333%;
   }
}

@media (max-width: 767px) {
   .hs-inner-about .number-box ul li {
      max-width: 50%;
   }
}

.hs-inner-about .number-box .num-group {
   max-width: 230px;
   text-align: center;
}

.hs-inner-about .number-box .num-group .progress-circle {
   position: relative;
   margin: 0 auto;
   color: #0d843d;
}

.hs-inner-about .number-box .num-group .progress-circle span {
   font-size: 60px;
   font-weight: normal;
   line-height: 60px;
   position: relative;
   /* position: absolute; */
   z-index: 3;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   /* border-radius: 50%; */
}

@media (max-width: 991px) {
   .hs-inner-about .number-box .num-group .progress-circle span {
      font-size: 40px;
      line-height: 40px;
      /*     width: 94px;
        height: 94px; */
   }
}

.hs-inner-about .number-box .num-group p {
   font-size: 16px;
   line-height: 24px;
   margin: 30px 0 0 0;
}

@media (max-width: 991px) {
   .hs-inner-about .number-box .num-group p {
      margin-top: 10px;
   }
}

@media (max-width: 767px) {
   .hs-inner-about .number-box .num-group p {
      font-size: 14px;
   }
}

.hs-inner-about .number-box ul li:nth-child(1) .num-group.active .progress-circle {
   --percent: 20;
}

.hs-inner-about .number-box ul li:nth-child(2) .num-group.active .progress-circle {
   --percent: 80;
}

.hs-inner-about .number-box ul li:nth-child(3) .num-group.active .progress-circle {
   --percent: 28;
}

.hs-inner-about .number-box ul li:nth-child(4) .num-group.active .progress-circle {
   --percent: 30;
}

.hs-inner-about .number-box ul li:nth-child(5) .num-group.active .progress-circle {
   --percent: 50;
}

.hs-inner-culture {
   background: url(../images/culture_bg.webp) no-repeat center;
   background-size: cover;
}

.hs-inner-culture .culture .group {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 30px 0;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 991px) {
   .hs-inner-culture .culture .group {
      margin: 20px 0;
   }
}

.hs-inner-culture .culture .group .icon {
   width: 130px;
   text-align: center;
   color: #0d843d;
}

.hs-inner-culture .culture .group .icon .flaticon {
   font-size: 40px;
}

.hs-inner-culture .culture .group .icon h4 {
   font-size: 20px;
}

@media (max-width: 991px) {
   .hs-inner-culture .culture .group .icon h4 {
      font-size: 18px;
      margin: 0;
   }
}

.hs-inner-culture .culture .group p {
   font-size: 18px;
   line-height: 1.66666667;
   width: -webkit-calc(100%- 130px);
   width: calc(100%- 130px);
   margin: 0;
   padding-left: 30px;
}

@media (max-width: 767px) {
   .hs-inner-culture .culture .group p {
      font-size: 16px;
   }
}

.hs-inner-culture .culture .group:hover .icon {
   -webkit-animation: swing 1s 0s ease both;
   animation: swing 1s 0s ease both;
}

.hs-inner-history {
   padding-bottom: 130px;
   background: url(../images/history_bg.webp) no-repeat left bottom;
}

.hs-inner-history .history {
   position: relative;
   margin-top: 80px;
   padding: 0 5%;
}

@media (max-width: 991px) {
   .hs-inner-history .history {
      margin-top: 40px;
      padding: 0 30px;
   }
}

.hs-inner-history .history:before {
   position: absolute;
   top: 50%;
   left: -100%;
   display: block;
   width: 300%;
   height: 7px;
   content: "";
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   background: url(../images/history.webp) repeat-x;
}

.hs-inner-history .swiper-history {
   padding-left: 5px;
}

@media (max-width: 767px) {
   .hs-inner-history .swiper-history {
      padding-left: 10px;
   }
}

.hs-inner-history .swiper-history .swiper-slide {
   position: relative;
   width: 460px;
   padding-bottom: 20px;
   padding-left: 20px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   border-left: 1px solid #0d843d;
}

@media (max-width: 991px) {
   .hs-inner-history .swiper-history .swiper-slide {
      padding-left: 10px;
   }
}

.hs-inner-history .swiper-history .swiper-slide:before {
   position: absolute;
   top: 0;
   left: -4px;
   display: block;
   width: 7px;
   height: 7px;
   content: "";
   border-radius: 50%;
   background: #0d843d;
}

.hs-inner-history .swiper-history .swiper-slide:nth-child(2n) {
   margin-top: 210px;
   padding-top: 20px;
   padding-bottom: 0;
}

.hs-inner-history .swiper-history .swiper-slide:nth-child(2n):before {
   position: absolute;
   top: auto;
   bottom: 0;
   left: -4px;
   display: block;
   width: 7px;
   height: 7px;
   content: "";
   border-radius: 50%;
   background: #0d843d;
}

.hs-inner-history .swiper-history .swiper-slide .year {
   font-size: 30px;
   line-height: 40px;
   color: #0d843d;
}

@media (max-width: 991px) {
   .hs-inner-history .swiper-history .swiper-slide .year {
      font-size: 24px;
   }
}

.hs-inner-history .swiper-history .swiper-slide .history-text {
   overflow-y: auto;
   width: 150%;
   height: 140px;
   margin-top: 10px;
}
.hs-inner-history .swiper-history .swiper-slide:last-child .history-text {
   width: 100%;
}
.hs-inner-history .swiper-history .swiper-slide .history-text::-webkit-scrollbar {
   position: absolute;
   left: 0;
   width: 4px;
}

.hs-inner-history .swiper-history .swiper-slide .history-text::-webkit-scrollbar-track {
   background-color: #dcdcdc;
}

.hs-inner-history .swiper-history .swiper-slide .history-text::-webkit-scrollbar-thumb {
   background-color: #9f9f9f;
}

.hs-inner-history .swiper-history .swiper-slide .history-text p {
   font-size: 16px;
   line-height: 24px;
   margin: 0;
   color: #666;
}

@media (max-width: 991px) {
   .hs-inner-history .swiper-history .swiper-slide .history-text p {
      font-size: 14px;
   }
}

.hs-inner-history .swiper-history .swiper-slide-prev .history-text {
   opacity: 0;
}

.hs-inner-history .swiper-button-next,
.hs-inner-history .swiper-button-prev {
   font-size: 16px;
   line-height: 35px;
   top: -webkit-calc(50% + 3px);
   top: calc(50% + 3px);
   width: 35px;
   height: 35px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-align: center;
   opacity: 1;
   color: #fff;
   border-radius: 50%;
   background: #0d843d;
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
}

.hs-inner-history .swiper-button-next:before,
.hs-inner-history .swiper-button-prev:before {
   font-family: "flaticon_shengda";
   display: block;
   content: "\f122";
}

.hs-inner-history .swiper-button-next:hover,
.hs-inner-history .swiper-button-prev:hover {
   background-color: #287a49;
}

.hs-inner-history .swiper-button-next:before {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.hs-inner-factory-honor {
   padding: 0;
}

.hs-inner-factory-honor ul {
   margin: 0;
}

.hs-inner-factory-honor ul li {
   padding: 0;
}

.hs-inner-factory-honor .group {
   position: relative;
   display: block;
   background-color: #000;
}

.hs-inner-factory-honor .group .ibox {
   padding-bottom: 52.08333333%;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   opacity: 0.5;
}

.hs-inner-factory-honor .group .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}

.hs-inner-factory-honor .group .title-group {
   position: absolute;
   z-index: 2;
   top: 50%;
   width: 100%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;
   color: #fff;
}

.hs-inner-factory-honor .group .title-group h3 {
   font-size: 30px;
   font-weight: bold;
   margin-top: 0;
}

@media (max-width: 991px) {
   .hs-inner-factory-honor .group .title-group h3 {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   .hs-inner-factory-honor .group .title-group h3 {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .hs-inner-factory-honor .group .title-group .hs-more {
      margin-top: 20px;
   }
}

.hs-inner-factory-honor .group .title-group .hs-more span {
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   border: 2px solid #fff;
   background: none;
}

.hs-inner-factory-honor .group:hover .ibox {
   opacity: 0.4;
}

.hs-inner-factory-honor .group:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.hs-inner-factory-honor .group:hover .title-group .hs-more span {
   border-color: #0d843d;
   background-color: #0d843d;
}

.hs-inner-partners {
   background: url(../images/partners_in_bg.webp) no-repeat left center;
   background-size: cover;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-partners .partners {
   width: 52%;
   padding: 0 5%;
}

@media (max-width: 767px) {
   .hs-inner-partners .partners {
      width: 100%;
      padding: 0 15px;
   }
}

.hs-inner-partners .partners .list {
   margin-top: 30px;
}

@media (max-width: 767px) {
   .hs-inner-partners .partners .list {
      margin-top: 0;
   }
}

.hs-inner-partners .partners .list .partner-group {
   margin-top: 30px;
   cursor: pointer;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
   background: #fff;
   box-shadow: 0 7px 12px 1px rgba(88, 88, 88, 0.17);
}

@media (max-width: 767px) {
   .hs-inner-partners .partners .list .partner-group {
      margin-top: 20px;
   }
}

.hs-inner-partners .partners .list .partner-group .ibox {
   padding-bottom: 40.95238095%;
}

.hs-inner-partners .partners .list .partner-group:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}

.hs-inner-partners .earth {
   width: 48%;
}

@media (max-width: 767px) {
   .hs-inner-partners .earth {
      width: 100%;
      margin-top: 20px;
   }
}

@media (max-width: 1440px) {
   .hs-inner-partners .partners {
      width: 60%;
   }
   .hs-inner-partners .earth {
      width: 40%;
   }
}

.hs-inner-partners .earth .ibox {
   padding-bottom: 80%;
}

.hs-inner-partners .earth .ibox img {
   width: 110%;
   height: auto;
   -webkit-animation: zhuan 40s linear infinite;
   animation: zhuan 40s linear infinite;
}

.hs-inner-location-product {
   position: relative;
   z-index: 9;
   color: #fff;
   background: -webkit-gradient(linear, left top, right top, from(#0d843d), to(#60b758));
   background: -webkit-linear-gradient(left, #0d843d, #60b758);
   background: linear-gradient(90deg, #0d843d, #60b758);
}

.hs-inner-location-product .product-menu>ul {
   margin: 0 -40px;
}

@media (max-width: 1199px) {
   .hs-inner-location-product .product-menu>ul {
      margin: 0 -20px;
   }
}

@media (max-width: 767px) {
   .hs-inner-location-product .product-menu>ul {
      margin: 0 -6px;
   }
}

.hs-inner-location-product .product-menu>ul>li {
   display: inline-block;
   vertical-align: top;
}

.hs-inner-location-product .product-menu>ul>li>a {
   font-size: 20px;
   line-height: 40px;
   display: block;
   padding: 0 40px;
   text-transform: capitalize;
   opacity: 0.5;
}

@media (max-width: 1560px) {
   .hs-inner-location-product .product-menu>ul>li>a {
      font-size: 18px;
   }
}

@media (max-width: 1199px) {
   .hs-inner-location-product .product-menu>ul>li>a {
      font-size: 16px;
      padding: 0 20px;
   }
}

@media (max-width: 767px) {
   .hs-inner-location-product .product-menu>ul>li>a {
      font-size: 14px;
      padding: 0 6px;
   }
}

.hs-inner-location-product .product-menu>ul>li>a:after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 6px;
   content: "";
   vertical-align: middle;
   border-width: 8px 4px 0 4px;
   border-style: solid;
   border-color: #fff transparent transparent transparent;
}

@media (max-width: 767px) {
   .hs-inner-location-product .product-menu>ul>li>a:after {
      margin-left: 2px;
      border-width: 5px 3px 0 3px;
   }
}

.hs-inner-location-product .product-menu>ul>li>a .flaticon,
.hs-inner-location-product .product-menu>ul>li>a span {
   display: inline-block;
   vertical-align: middle;
}

.hs-inner-location-product .product-menu>ul>li>a .flaticon {
   font-size: 30px;
   margin-right: 6px;
}

@media (max-width: 767px) {
   .hs-inner-location-product .product-menu>ul>li>a .flaticon {
      font-size: 20px;
      margin-right: 2px;
   }
}

.hs-inner-location-product .product-menu>ul>li.active>a,
.hs-inner-location-product .product-menu>ul>li:hover>a {
   opacity: 1;
}

.hs-inner-location-product .product-menu>ul>li>ul {
   font-size: 0;
   position: absolute;
   z-index: 9;
   top: 100%;
   left: 0;
   display: none;
   width: 100%;
   padding: 40px 0;
   text-align: center;
   color: #333;
   font-weight: 500;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
   .hs-inner-location-product .product-menu>ul>li>ul {
      display: none !important;
   }
}

.hs-inner-location-product .product-menu>ul>li>ul>li {
   font-size: 14px;
   position: relative;
   display: inline-block;
   width: 16.66667%;
   vertical-align: top;
}

.hs-inner-location-product .product-menu>ul>li>ul>li:after {
   position: absolute;
   top: 50%;
   right: 0;
   display: inline-block;
   content: "|";
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   vertical-align: middle;
}

.hs-inner-location-product .product-menu>ul>li>ul>li:nth-child(6n+6):after {
   display: none;
}

.hs-inner-location-product .product-menu>ul>li>ul>li>a {
   font-size: 16px;
   line-height: 30px;
   display: block;
   padding: 10px 0;
   text-align: center;
}

.hs-inner-location-product .product-menu>ul>li>ul>li:hover>a,
.hs-inner-location-product .product-menu>ul>li>ul>li.active>a {
   color: #0d843d;
}

.hs-inner-location-product .location {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}

.hs-inner-location-product .location:before {
   opacity: 0.8;
}

.hs-inner-location-product .product-menu-phone {
   margin-top: 10px;
}

.hs-inner-location-product .product-menu-phone>ul {
   margin: 0 -10px;
}

.hs-inner-location-product .product-menu-phone>ul>li {
   display: inline-block;
   vertical-align: top;
   color: rgba(255, 255, 255, 0.8);
}

.hs-inner-location-product .product-menu-phone>ul>li:after {
   display: inline-block;
   content: "|";
   vertical-align: middle;
}

.hs-inner-location-product .product-menu-phone>ul>li>a {
   line-height: 30px;
   display: inline-block;
   padding: 0 10px;
}

.hs-inner-location-product .product-menu-phone>ul>li.active>a {
   color: #fff;
}

.hs-inner-products .product-item,
.hs-inner-product-show .swiper-relate .product-item {
   display: block;
   margin-top: 50px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   border-bottom: 1px solid #ddd;
}

@media (max-width: 1199px) {
   .hs-inner-products .product-item,
   .hs-inner-product-show .swiper-relate .product-item {
      margin-top: 30px;
   }
}

.hs-inner-products .product-item .ibox,
.hs-inner-product-show .swiper-relate .product-item .ibox {
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}

.hs-inner-products .product-item .ibox img,
.hs-inner-product-show .swiper-relate .product-item .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}

.hs-inner-products .product-item .title-product,
.hs-inner-product-show .swiper-relate .product-item .title-product {
   padding: 10px 0;
}

.hs-inner-products .product-item .title-product h3,
.hs-inner-product-show .swiper-relate .product-item .title-product h3 {
   font-size: 18px;
   line-height: 30px;
   display: -webkit-box;
   overflow: hidden;
   height: 30px;
   margin: 0 0 4px 0;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

.hs-inner-products .product-item .title-product .flex,
.hs-inner-product-show .swiper-relate .product-item .title-product .flex {
   line-height: 30px;
   color: #0d843d;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.hs-inner-products .product-item .title-product .flex span,
.hs-inner-product-show .swiper-relate .product-item .title-product .flex span {
   position: relative;
   display: inline-block;
   padding-left: 20px;
}

.hs-inner-products .product-item .title-product .flex span:before,
.hs-inner-product-show .swiper-relate .product-item .title-product .flex span:before {
   position: absolute;
   top: 8px;
   left: 0;
   display: block;
   width: 14px;
   height: 14px;
   content: "";
   background: url(../images/picon.webp) no-repeat center;
   background-size: cover;
}

.hs-inner-products .product-item .title-product .flex span.more:before,
.hs-inner-product-show .swiper-relate .product-item .title-product .flex span.more:before {
   width: 0;
   height: 0;
   content: "";
   border-width: 4px 0 4px 8px;
   border-style: solid;
   border-color: transparent transparent transparent #0d843d;
   background: none;
}

.hs-inner-products .product-item:hover .ibox img,
.hs-inner-product-show .swiper-relate .product-item:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.hs-inner-products .product-item:hover .title-product h3,
.hs-inner-product-show .swiper-relate .product-item:hover .title-product h3 {
   color: #0d843d;
}

.hs-inner-products {
   padding-top: 50px;
}

@media (max-width: 991px) {
   .hs-inner-products {
      padding-top: 0;
   }
}

@media (min-width: 1560px) {
   .hs-inner-products .products ul {
      margin: 0 -30px;
   }
   .hs-inner-products .products ul li {
      padding: 0 30px;
   }
}

.hs-inner-product-show {
   overflow: hidden;
   padding-top: 50px;
   background-repeat: repeat-y;
   background-position: center top;
}

@media (max-width: 1199px) {
   .hs-inner-product-show {
      background-size: 100% auto;
   }
}

.hs-inner-product-show .title-section {
   text-align: center;
}

.hs-inner-product-show .title-pro {
   text-align: center;
   text-transform: uppercase;
}

.hs-inner-product-show .title-pro h2 {
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;
   margin: 0;
   color: #0d843d;
}

.hs-inner-product-show .title-pro h3 {
   font-size: 30px;
   font-weight: bold;
   margin: 0;
   color: #f90;
}

@media (max-width: 1199px) {
   .hs-inner-product-show .title-pro h3 {
      font-size: 24px;
   }
}

@media (max-width: 991px) {
   .hs-inner-product-show .title-pro h3 {
      font-size: 20px;
   }
}

.hs-inner-product-show .product-show-nav {
   margin-top: 20px;
   text-align: center;
}

.hs-inner-product-show .product-show-nav ul li {
   font-size: 18px;
   display: inline-block;
   vertical-align: middle;
   color: #0d843d;
}

@media (max-width: 1199px) {
   .hs-inner-product-show .product-show-nav ul li {
      font-size: 16px;
   }
}

/* @media (max-width: 991px)
{
    .hs-inner-product-show .product-show-nav ul li
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .hs-inner-product-show .product-show-nav ul li
    {
        font-size: 16px;
    }
} */

.hs-inner-product-show .product-show-nav ul li:after {
   display: inline-block;
   content: "|";
   vertical-align: middle;
}

.hs-inner-product-show .product-show-nav ul li:last-child:after {
   display: none;
}

.hs-inner-product-show .product-show-nav ul li a {
   line-height: 30px;
   display: inline-block;
   padding: 0 20px;
   vertical-align: middle;
}

@media (max-width: 1199px) {
   .hs-inner-product-show .product-show-nav ul li a {
      line-height: 24px;
   }
}

.hs-inner-product-show .product-show {
   padding-top: 100px;
}

@media (max-width: 1199px) {
   .hs-inner-product-show .product-show {
      padding-top: 80px;
   }
}

@media (max-width: 767px) {
   .hs-inner-product-show .product-show {
      padding-top: 40px;
   }
}

.hs-inner-product-show .product-show .flex {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-product-show .product-show .pro-show-img {
   position: relative;
   width: 40%;
}

@media (max-width: 991px) {
   .hs-inner-product-show .product-show .pro-show-img {
      width: 50%;
      margin: 0 auto;
   }
}

@media (max-width: 767px) {
   .hs-inner-product-show .product-show .pro-show-img {
      width: 100%;
   }
}

.hs-inner-product-show .product-show .pro-show-img img {
   width: 100%;
   transform: scale(1.2);
}

.hs-inner-product-show .product-show .product-info {
   position: relative;
   width: 60%;
   padding-left: 5%;
}

@media (max-width: 991px) {
   .hs-inner-product-show .product-show .product-info {
      width: 100%;
      margin-top: 30px;
      padding-left: 0;
   }
}

.hs-inner-product-show .product-show .product-info .title-product-info h2 {
   font-size: 48px;
   font-weight: bold;
   line-height: 65px;
   color: #0d843d;
}

@media (max-width: 1560px) {
   .hs-inner-product-show .product-show .product-info .title-product-info h2 {
      font-size: 40px;
      line-height: 60px;
   }
}

@media (max-width: 1199px) {
   .hs-inner-product-show .product-show .product-info .title-product-info h2 {
      font-size: 30px;
      line-height: 45px;
   }
}

@media (max-width: 991px) {
   .hs-inner-product-show .product-show .product-info .title-product-info h2 {
      font-size: 20px;
      line-height: 35px;
   }
}

.hs-inner-product-show .product-show .product-info .desc-box {
   min-height: 300px;
   margin-top: 20px;
}

.hs-inner-product-show .product-show .product-info .desc-box p {
   font-size: 16px;
   line-height: 1.875;
   margin: 0;
   color: #666;
}

@media (max-width: 767px) {
   .hs-inner-product-show .product-show .product-info .desc-box p {
      font-size: 14px;
   }
}

.hs-inner-product-show .product-show .product-info .desc-box ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-top: 20px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-product-show .product-show .product-info .desc-box ul li {
   position: relative;
   width: 50%;
   margin-top: 30px;
   padding-left: 30px;
}

@media (max-width: 767px) {
   .hs-inner-product-show .product-show .product-info .desc-box ul li {
      width: 100%;
      margin-top: 10px;
   }
}

.hs-inner-product-show .product-show .product-info .desc-box ul li:before {
   font-family: "flaticon_shengda";
   font-size: 20px;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   content: "\f11e";
   color: #0d843d;
}

.hs-inner-product-show .product-show .product-info .link-box {
   margin-top: 20px;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-product-show .product-show .product-info .link-box .link {
   margin: 10px 0;
}

.hs-inner-product-show .product-show .product-info .link-box .link .btn-feedback,
.hs-inner-product-show .product-show .product-info .link-box .link .btn-contact {
   display: inline-block;
   vertical-align: middle;
}

.hs-inner-product-show .product-show .product-info .link-box .link .btn-feedback a,
.hs-inner-product-show .product-show .product-info .link-box .link .btn-contact a {
   line-height: 40px;
   display: inline-block;
   padding: 0 20px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #fff;
   border-radius: 12px;
   background-color: #f90;
}

.hs-inner-product-show .product-show .product-info .link-box .link .btn-feedback a:after,
.hs-inner-product-show .product-show .product-info .link-box .link .btn-contact a:after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 8px;
   content: "";
   border-width: 4px 0 4px 8px;
   border-style: solid;
   border-color: transparent transparent transparent #fff;
}

.hs-inner-product-show .product-show .product-info .link-box .link .btn-feedback a:hover,
.hs-inner-product-show .product-show .product-info .link-box .link .btn-contact a:hover {
   color: #fff;
   border-color: #0d843d;
   background-color: #0d843d;
}

.hs-inner-product-show .product-show .product-info .link-box .link .btn-feedback a:hover:after,
.hs-inner-product-show .product-show .product-info .link-box .link .btn-contact a:hover:after {
   border-color: transparent transparent transparent #fff;
}

.hs-inner-product-show .product-show .pro-application {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .hs-inner-product-show .product-show .pro-application {
      margin-top: 30px;
   }
}

.hs-inner-product-show .product-show .pro-application .application {
   margin-top: 20px;
}

.hs-inner-product-show .product-show .pro-application .application ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   margin: 0 -10px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-product-show .product-show .pro-application .application ul li {
   width: 20%;
   margin-top: 30px;
   padding: 0 10px;
}

@media (max-width: 1199px) {
   .hs-inner-product-show .product-show .pro-application .application ul li {
      width: 25%;
   }
}

@media (max-width: 767px) {
   .hs-inner-product-show .product-show .pro-application .application ul li {
      width: 50%;
      margin-top: 20px;
   }
}

.hs-inner-product-show .product-show .pro-application .application .app-group {
   height: 100%;
   padding: 30px 10px;
   text-align: center;
   transition: all 0.6s;
   border: 1px solid #e8e8e8;
}

@media (max-width: 1199px) {
   .hs-inner-product-show .product-show .pro-application .application .app-group {
      padding: 20px 10px;
   }
}

.hs-inner-product-show .product-show .pro-application .application .app-group .icon {
   width: 96px;
   height: 96px;
   margin: 0 auto;
   line-height: 96px;
   text-align: center;
   border-radius: 50%;
   transition: all 0.2s;
   background: #0d843d;
   position: relative;
}

.hs-inner-product-show .product-show .pro-application .application .app-group .icon .sufree {
   position: absolute;
   bottom: -10px;
   right: -20px;
   background-color: #f90;
   background-image: url(/images/nosugar.webp);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 70% 70%;
   border-radius: 50%;
   width: 40px;
   height: 40px;
}

.hs-inner-product-show .product-show .pro-application .application .app-group .icon .flaticon {
   font-size: 50px;
   color: #ffffff;
}

@media (max-width: 1400px) {
   .hs-inner-product-show .product-show .pro-application .application .app-group .icon {
      width: 80px;
      height: 80px;
      line-height: 80px;
   }
}

@media (max-width: 767px) {
   .hs-inner-product-show .product-show .pro-application .application .app-group .icon {
      width: 60px;
      height: 60px;
      line-height: 60px;
   }
   .hs-inner-product-show .product-show .pro-application .application .app-group .icon .flaticon {
      font-size: 30px;
   }
}

.hs-inner-product-show .product-show .pro-application .application .app-group h4 {
   font-size: 18px;
   line-height: 30px;
   margin: 10px 0 0 0;
   color: #0d843d;
}

@media (max-width: 1400px) {
   .hs-inner-product-show .product-show .pro-application .application .app-group h4 {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   .hs-inner-product-show .product-show .pro-application .application .app-group h4 {
      font-size: 14px;
   }
}

.hs-inner-product-show .product-show .pro-application .application .app-group:hover .icon {
   background-color: #ff9900;
}

.hs-inner-product-show .product-show .pro-application .application .app-group:hover {
   transform: translateY(-10px);
}

.hs-inner-product-show .product-show .pro-application .application .app-group:hover .icon .sufree {
   background-color: #0d843d;
}

.hs-inner-product-show .product-show:nth-child(4n+4) .pro-show-img {
   left: 60%;
}

@media (max-width: 991px) {
   .hs-inner-product-show .product-show:nth-child(4n+4) .pro-show-img {
      left: 0;
   }
}

.hs-inner-product-show .product-show:nth-child(4n+4) .product-info {
   right: 40%;
   padding-right: 5%;
   padding-left: 0;
}

@media (max-width: 991px) {
   .hs-inner-product-show .product-show:nth-child(4n+4) .product-info {
      right: 0;
      padding-right: 0;
   }
}

.hs-inner-product-show .feedback {
   padding-top: 120px;
}

@media (max-width: 1199px) {
   .hs-inner-product-show .feedback {
      padding-top: 80px;
   }
}

@media (max-width: 767px) {
   .hs-inner-product-show .feedback {
      padding-top: 40px;
   }
}

.hs-inner-product-show .feedback .flex {
   margin-top: 50px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-product-show .feedback .flex .feedbackform,
.hs-inner-product-show .feedback .flex .img {
   width: 50%;
}

@media (max-width: 991px) {
   .hs-inner-product-show .feedback .flex .feedbackform,
   .hs-inner-product-show .feedback .flex .img {
      width: 100%;
   }
}

.hs-inner-product-show .feedback .flex .img {
   padding-left: 5%;
}

@media (max-width: 991px) {
   .hs-inner-product-show .feedback .flex .img {
      padding-left: 0;
   }
}

.hs-inner-product-show .feedback .flex .img img {
   width: 100%;
}

.feedbackform form .group-feedback {
   margin-bottom: 20px;
}

.feedbackform form .group-feedback input,
.feedbackform form .group-feedback textarea,
.feedbackform form .group-feedback select {
   line-height: 30px;
   width: 100%;
   min-height: 50px;
   padding: 10px 20px;
   resize: vertical;
   border: 1px solid #dcdcdc;
   outline: none;
}

.feedbackform form .group-feedback select {
   padding: 10px;
}

@media (max-width: 767px) {
   .feedbackform form .group-feedback input,
   .feedbackform form .group-feedback textarea,
   .feedbackform form .group-feedback select {
      font-size: 14px;
      line-height: 24px;
      min-height: 44px;
      padding: 10px;
   }
}

.feedbackform form .group-feedback.group-read input {
   background-color: #eee;
}

.feedbackform form .group-feedback input::-webkit-input-placeholder,
.feedbackform form .group-feedback textarea::-webkit-input-placeholder {
   color: #666;
}

.feedbackform form .group-feedback input:-o-placeholder,
.feedbackform form .group-feedback textarea:-o-placeholder {
   color: #666;
}

.feedbackform form .group-feedback input::-moz-placeholder,
.feedbackform form .group-feedback textarea::-moz-placeholder {
   color: #666;
}

.feedbackform form .group-feedback input:-ms-input-placeholder,
.feedbackform form .group-feedback textarea:-ms-input-placeholder {
   color: #666;
}

.feedbackform form .group-feedback input:focus::-webkit-input-placeholder,
.feedbackform form .group-feedback textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}

.feedbackform form .group-feedback input:focus::-o-placeholder,
.feedbackform form .group-feedback textarea:focus::-o-placeholder {
   color: #c5c5c5;
}

.feedbackform form .group-feedback input:focus::-moz-placeholder,
.feedbackform form .group-feedback textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}

.feedbackform form .group-feedback input:focus::-ms-input-placeholder,
.feedbackform form .group-feedback textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}

.feedbackform form .group-feedback .send {
   font-size: 16px;
   line-height: 50px;
   padding: 0 30px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #fff;
   outline: none;
   background-color: #0d843d;
}

@media (max-width: 767px) {
   .feedbackform form .group-feedback .send {
      font-size: 14px;
   }
}

.feedbackform form .group-feedback .send .flaticon {
   font-size: 20px;
   display: inline-block;
   margin-right: 10px;
   vertical-align: middle;
}

.feedbackform form .group-feedback .send:hover {
   background-color: #287a49;
}

.hs-inner-honor {
   padding-top: 30px;
}

@media (max-width: 767px) {
   .hs-inner-honor {
      padding-top: 10px;
   }
}

.hs-inner-honor .honor-brand img {
   display: inline-block;
   margin: 5px 0;
   margin-right: 20px;
}

.hs-inner-honor .honor-editor {
   margin-top: 30px;
}

.hs-inner-honor .honor-editor p {
   font-size: 18px;
   line-height: 1.66666667;
   margin: 0;
}

@media (max-width: 1199px) {
   .hs-inner-honor .honor-editor p {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   .hs-inner-honor .honor-editor p {
      font-size: 14px;
   }
}

@media (min-width: 1560px) {
   .hs-inner-honor .honor ul {
      margin: 0 -25px;
   }
   .hs-inner-honor .honor ul li {
      padding: 0 25px;
   }
}

.hs-inner-honor .honor .honor-group {
   position: relative;
   display: block;
   margin-top: 50px;
   /* cursor: pointer; */
   text-align: center;
}

@media (max-width: 1199px) {
   .hs-inner-honor .honor .honor-group {
      margin-top: 30px;
   }
}

.hs-inner-honor .honor .honor-group .honor-img {
   padding: 15px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   border: 1px solid #ddd;
}

.hs-inner-honor .honor .honor-group .honor-img img {
   height: 280px;
}

@media (max-width: 1660px) {
   .hs-inner-honor .honor .honor-group .honor-img img {
      height: 240px;
   }
}

@media (max-width: 991px) {
   .hs-inner-honor .honor .honor-group .honor-img img {
      height: 200px;
   }
}

@media (max-width: 767px) {
   .hs-inner-honor .honor .honor-group .honor-img {
      padding: 6px;
   }
}

.hs-inner-honor .honor .honor-group .ibox {
   padding-bottom: 141.93548387%;
}

.hs-inner-honor .honor .honor-group .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}

.hs-inner-honor .honor .honor-group .title-honor h3 {
   font-size: 18px;
   font-weight: normal;
   line-height: 60px;
   display: -webkit-box;
   overflow: hidden;
   height: 60px;
   margin: 15px 0 0 0;
   padding: 0 10px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #0d843d;
   border: 1px solid #ddd;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

@media (max-width: 991px) {
   .hs-inner-honor .honor .honor-group .title-honor h3 {
      font-size: 16px;
      line-height: 40px;
      height: 40px;
   }
}

.hs-inner-honor .honor .honor-group:hover .honor-img {
   border-color: #0d843d;
}

.hs-inner-honor .honor .honor-group:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.hs-inner-honor .honor .honor-group:hover .title-honor h3 {
   color: #fff;
   background-color: #0d843d;
}

.hs-inner-factory {
   padding-top: 30px;
}

@media (max-width: 767px) {
   .hs-inner-factory {
      padding-top: 10px;
   }
}

.hs-inner-factory .factory-brand img {
   display: inline-block;
   margin: 5px 0;
   margin-right: 20px;
}

.hs-inner-factory .factory-editor {
   margin-top: 30px;
}

.hs-inner-factory .factory-editor p {
   font-size: 18px;
   line-height: 1.66666667;
   margin: 0;
}

@media (max-width: 1199px) {
   .hs-inner-factory .factory-editor p {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   .hs-inner-factory .factory-editor p {
      font-size: 14px;
   }
}

@media (min-width: 1560px) {
   .hs-inner-factory .factory ul {
      margin: 0 -25px;
   }
   .hs-inner-factory .factory ul li {
      padding: 0 25px;
   }
}

.hs-inner-factory .factory .factory-group {
   position: relative;
   display: block;
   margin-top: 50px;
   cursor: pointer;
   text-align: center;
}

@media (max-width: 1199px) {
   .hs-inner-factory .factory .factory-group {
      margin-top: 30px;
   }
}

.hs-inner-factory .factory .factory-group .factory-img {
   padding: 15px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   border: 1px solid #ddd;
}

@media (max-width: 767px) {
   .hs-inner-factory .factory .factory-group .factory-img {
      padding: 6px;
   }
}

.hs-inner-factory .factory .factory-group .ibox {
   padding-bottom: 75%;
}

.hs-inner-factory .factory .factory-group .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}

.hs-inner-factory .factory .factory-group .title-factory h3 {
   font-size: 18px;
   font-weight: normal;
   line-height: 60px;
   display: -webkit-box;
   overflow: hidden;
   height: 60px;
   margin: 15px 0 0 0;
   padding: 0 10px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #0d843d;
   border: 1px solid #ddd;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

@media (max-width: 991px) {
   .hs-inner-factory .factory .factory-group .title-factory h3 {
      font-size: 16px;
      line-height: 40px;
      height: 40px;
   }
}

.hs-inner-factory .factory .factory-group:hover .factory-img {
   border-color: #0d843d;
}

.hs-inner-factory .factory .factory-group:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.hs-inner-factory .factory .factory-group:hover .title-factory h3 {
   color: #fff;
   background-color: #0d843d;
}

.hs-inner-news {
   padding-top: 30px;
}

@media (max-width: 1199px) {
   .hs-inner-news {
      padding-top: 0;
   }
}

.hs-inner-news .news {
   margin-top: -60px;
}

@media (max-width: 1199px) {
   .hs-inner-news .news {
      margin-top: 0;
   }
}

.hs-inner-news .news .news-group {
   margin-top: 60px;
}

@media (max-width: 1199px) {
   .hs-inner-news .news .news-group {
      margin-top: 30px;
   }
}

.hs-inner-news .news .news-group .news-img {
   width: 40%;
}

@media (max-width: 767px) {
   .hs-inner-news .news .news-group .news-img {
      width: 100%;
   }
}

.hs-inner-news .news .news-group .news-text {
   width: 60%;
   padding: 0 3%;
}

@media (max-width: 767px) {
   .hs-inner-news .news .news-group .news-text {
      width: 100%;
      margin-top: 20px;
      padding: 0;
   }
}

.hs-inner-news .news .news-group .news-text h3 {
   margin-top: 0;
}

@media (max-width: 1560px) {
   .hs-inner-news .news .news-group .news-text .date {
      margin-top: 10px;
   }
}

@media (max-width: 1560px) {
   .hs-inner-news .news .news-group .news-text p {
      margin-top: 10px;
   }
}

.hs-inner-faqs {
   padding-top: 30px;
}

@media (max-width: 1199px) {
   .hs-inner-faqs {
      padding-top: 0;
   }
}

.hs-inner-faqs .faqs {
   margin-top: -30px;
}

@media (max-width: 767px) {
   .hs-inner-faqs .faqs {
      margin-top: 0;
   }
}

.hs-inner-faqs .faqs .faqs-group {
   position: relative;
   margin-top: 60px;
   cursor: pointer;
   border-radius: 58px;
   background: #fff;
   box-shadow: 0 7px 14px 0 rgba(212, 212, 212, 0.48);
}

@media (max-width: 767px) {
   .hs-inner-faqs .faqs .faqs-group {
      margin-top: 40px;
      border-radius: 28px;
   }
}

.hs-inner-faqs .faqs .faqs-group:before {
   position: absolute;
   z-index: 2;
   top: -30px;
   right: 5%;
   display: block;
   width: 83px;
   height: 99px;
   content: "";
   background: url(../images/faq.webp) no-repeat center;
   background-size: cover;
}

@media (max-width: 1199px) {
   .hs-inner-faqs .faqs .faqs-group:before {
      top: -10px;
      width: 42px;
      height: 50px;
   }
}

.hs-inner-faqs .faqs .faqs-group .title-faqs {
   position: relative;
   padding: 30px 100px 30px 50px;
}

@media (max-width: 1199px) {
   .hs-inner-faqs .faqs .faqs-group .title-faqs {
      padding: 20px 50px 20px 20px;
   }
}

.hs-inner-faqs .faqs .faqs-group .title-faqs h3 {
   font-size: 20px;
   line-height: 30px;
   display: -webkit-box;
   overflow: hidden;
   height: 30px;
   margin: 0;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

@media (max-width: 991px) {
   .hs-inner-faqs .faqs .faqs-group .title-faqs h3 {
      font-size: 18px;
   }
}

@media (max-width: 767px) {
   .hs-inner-faqs .faqs .faqs-group .title-faqs h3 {
      font-size: 16px;
   }
}

.hs-inner-faqs .faqs .faqs-group .faqs-text {
   display: none;
   padding: 0 50px 40px 50px;
}

@media (max-width: 1199px) {
   .hs-inner-faqs .faqs .faqs-group .faqs-text {
      padding: 0 20px 20px 20px;
   }
}

.hs-inner-faqs .faqs .faqs-group .faqs-text p {
   font-size: 16px;
   line-height: 1.875;
   margin: 0;
   color: #666;
}

@media (max-width: 767px) {
   .hs-inner-faqs .faqs .faqs-group .faqs-text p {
      font-size: 14px;
   }
}

.hs-inner-news-show {
   padding-top: 30px;
}

@media (max-width: 1199px) {
   .hs-inner-news-show {
      padding-top: 0;
   }
}

.hs-inner-news-show .title-news-show h2 {
   font-size: 24px;
   font-weight: bold;
   line-height: 1.5;
   margin: 0;
}

@media (max-width: 991px) {
   .hs-inner-news-show .title-news-show h2 {
      font-size: 20px;
   }
}

.hs-inner-news-show .news-info {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-top: 20px;
   padding: 10px 0;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-news-show .news-info .date,
.hs-inner-news-show .news-info .user {
   font-size: 16px;
   display: inline-block;
   margin-right: 20px;
   vertical-align: middle;
   color: #0d843d;
}

.hs-inner-news-show .news-info .date .flaticon,
.hs-inner-news-show .news-info .user .flaticon,
.hs-inner-news-show .news-info .date span,
.hs-inner-news-show .news-info .user span {
   display: inline-block;
   vertical-align: middle;
}

.hs-inner-news-show .news-info .date .flaticon,
.hs-inner-news-show .news-info .user .flaticon {
   font-size: 20px;
   margin-right: 4px;
}

.hs-inner-news-show .news-info .a2a_kit {
   margin: 10px 0;
}

.hs-inner-news-show .editor-text {
   margin-top: 30px;
}

@media (max-width: 767px) {
   .hs-inner-news-show .editor-text {
      margin-top: 10px;
   }
}

.hs-inner-news-show .editor-text p {
   font-size: 16px;
   line-height: 1.875;
   margin: 0;
   color: #666;
}

@media (max-width: 767px) {
   .hs-inner-news-show .editor-text p {
      font-size: 14px;
   }
}

.hs-inner-news-show .editor-text img {
   max-width: 100%;
   height: auto !important;
}

.hs-inner-news-show .button-news {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .hs-inner-news-show .button-news {
      margin-top: 30px;
   }
}

.hs-inner-news-show .button-news a {
   line-height: 66px;
   display: inline-block;
   width: 66px;
   height: 66px;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-align: center;
   vertical-align: middle;
   color: #999;
   background: #f9f9f9;
}

@media (max-width: 991px) {
   .hs-inner-news-show .button-news a {
      line-height: 50px;
      width: 50px;
      height: 50px;
   }
}

.hs-inner-news-show .button-news a .flaticon {
   font-size: 24px;
   display: block;
}

.hs-inner-news-show .button-news a.prev {
   margin-right: 30px;
}

.hs-inner-news-show .button-news a.prev .flaticon {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.hs-inner-news-show .button-news a:hover {
   color: #fff;
   background-color: #287a49;
}

.hs-inner-news-show .news-article {
   padding: 20px;
   border-top: 1px solid #ddd;
}

.hs-inner-news-show .news-article .article-title h2 {
   font-size: 20px;
   font-weight: bold;
   line-height: 1.4;
   margin: 0;
   color: #fff;
}

.hs-inner-news-show .news-article .listbox ul li:last-child .subject {
   border-bottom: none;
}

.hs-inner-news-show .news-article .listbox .subject {
   display: block;
   padding: 20px 0;
   color: #fff;
   border-bottom: 1px solid #fff;
}

.hs-inner-news-show .news-article .listbox .subject h3 {
   font-size: 16px;
   line-height: 28px;
   display: -webkit-box;
   overflow: hidden;
   height: 28px;
   margin: 0;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}

.hs-inner-news-show .news-article .listbox .subject p {
   line-height: 18px;
   display: -webkit-box;
   overflow: hidden;
   max-height: 36px;
   margin: 6px 0;
   opacity: 0.8;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.hs-inner-news-show .news-article .listbox .subject .date {
   line-height: 24px;
   display: block;
   color: #fff;
}

.hs-inner-news-show .news-article .listbox .subject:hover h3 {
   text-decoration: underline;
}

.a2a_svg {
   background-color: #287a49 !important;
}

.hs-inner-contact {
   position: relative;
   z-index: 2;
   margin-top: -50px;
   padding: 0;
}

@media (max-width: 767px) {
   .hs-inner-contact {
      margin-top: -20px;
   }
}

.hs-inner-contact .flex {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.hs-inner-contact .title-inner {
   color: #fff;
}

.hs-inner-contact .contact,
.hs-inner-contact .feedback {
   width: 50%;
   padding: 60px;
}

@media (max-width: 1560px) {
   .hs-inner-contact .contact,
   .hs-inner-contact .feedback {
      padding: 40px 5%;
   }
}

@media (max-width: 767px) {
   .hs-inner-contact .contact,
   .hs-inner-contact .feedback {
      width: 100%;
   }
}

.hs-inner-contact .contact {
   color: rgba(255, 255, 255, 0.7);
   background: url(../images/contact_bg.webp) no-repeat bottom left;
   background-size: cover;
}

.hs-inner-contact .contact .foot-group {
   position: relative;
   max-width: 480px;
   margin-top: 40px;
   padding-left: 70px;
}

@media (max-width: 767px) {
   .hs-inner-contact .contact .foot-group {
      margin-top: 20px;
      padding-left: 50px;
   }
}

.hs-inner-contact .contact .foot-group .flaticon {
   font-size: 40px;
   position: absolute;
   top: 0;
   left: 0;
}

@media (max-width: 767px) {
   .hs-inner-contact .contact .foot-group .flaticon {
      font-size: 30px;
   }
}

.hs-inner-contact .contact .foot-group h3 {
   font-size: 16px;
   line-height: 24px;
}

.hs-inner-contact .contact .foot-group p {
   font-size: 16px;
   line-height: 24px;
   color: #fff;
}

@media (max-width: 767px) {
   .hs-inner-contact .contact .foot-group p {
      font-size: 14px;
   }
}

.hs-inner-contact .feedback {
   background-color: #60b758;
}

.hs-inner-contact .feedback .feedbackform {
   margin-top: 20px;
}

.baidu-map {
   margin-top: 60px;
}

@media (max-width: 767px) {
   .baidu-map {
      margin-top: 30px;
   }
}

.baidu-map #map {
   width: 100%;
   height: 600px;
}

@media (max-width: 991px) {
   .baidu-map #map {
      height: 500px;
   }
}

@media (max-width: 767px) {
   .baidu-map #map {
      height: 300px;
   }
}

.footer {
   position: relative;
   overflow: hidden;
   background-color: #111;
}

.footer:before {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 44px;
   content: "";
   background-color: #fff;
}

@media (max-width: 1199px) {
   .footer:before {
      height: 20px;
   }
}

.footer .share {
   margin-bottom: 50px;
   text-align: right;
}

@media (max-width: 991px) {
   .footer .share {
      margin-bottom: 30px;
   }
}

.footer .share ul {
   margin: 0 -15px;
}

.footer .share ul li {
   display: inline-block;
   padding: 0 15px;
   vertical-align: middle;
}

.footer .share ul li a {
   line-height: 40px;
   position: relative;
   display: block;
   width: 40px;
   height: 40px;
   text-align: center;
   color: #fff;
   border-radius: 18px;
   background-color: #60b758;
}

@media (max-width: 1350px) {
   .footer .share ul li a {
      line-height: 34px;
      width: 34px;
      height: 34px;
   }
}

.footer .share ul li a .flaticon {
   font-size: 18px;
   display: block;
}

.footer .share ul li a .flaticon:before {
   line-height: 40px;
   display: block;
}

@media (max-width: 1350px) {
   .footer .share ul li a .flaticon:before {
      line-height: 34px;
   }
}

.footer .share ul li a .flaticon-facebook {
   font-size: 24px;
}

.footer .share ul li a:hover .tooltip {
   top: -35px;
   visibility: visible;
   pointer-events: auto;
   opacity: 1;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.footer .share .tooltip {
   font-size: 15px;
   position: absolute;
   top: 0;
   left: 50%;
   padding: 5px 8px;
   -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   text-transform: capitalize;
   pointer-events: none;
   opacity: 0;
   color: #333;
   border-radius: 5px;
   background: #fff;
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.footer .share .tooltip::before {
   position: absolute;
   bottom: -3px;
   left: 50%;
   width: 8px;
   height: 8px;
   content: "";
   -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   -webkit-transform: translate(-50%) rotate(45deg);
   -ms-transform: translate(-50%) rotate(45deg);
   transform: translate(-50%) rotate(45deg);
   background: #fff;
}

.footer .share .facebook a:hover {
   background-color: #0055db;
}

.footer .share .facebook:hover .tooltip,
.footer .share .facebook:hover .tooltip::before {
   color: #fff;
   background: #0055db;
}

.footer .share .twitter:hover .tooltip::before {
   color: #fff;
   background: #3ea2f7;
}

.footer .share .instagram:hover a {
   background: #e75151;
}

.footer .share .instagram:hover .tooltip,
.footer .share .instagram:hover .tooltip::before {
   color: #fff;
   background: #e75151;
}

.footer .share .linkedin:hover a {
   background: #0a66c2;
}

.footer .share .linkedin:hover .tooltip,
.footer .share .linkedin:hover .tooltip::before {
   color: #fff;
   background: #0a66c2;
}

.footer .share .youtube:hover a {
   background: #b50b0b;
}

.footer .share .youtube:hover .tooltip,
.footer .share .youtube:hover .tooltip::before {
   color: #fff;
   background: #b50b0b;
}

.footer .share .twitter:hover a {
   background: #3ea2f7;
}

.footer .share .twitter:hover .tooltip,
.footer .share .twitter:hover .tooltip::before {
   color: #fff;
   background: #3ea2f7;
}

.footer .desc {
   color: rgba(255, 255, 255, 0.7);
}

.footer .desc .foot-group {
   position: relative;
   margin-top: 40px;
   padding-left: 70px;
}

@media (max-width: 767px) {
   .footer .desc .foot-group {
      margin-top: 20px;
      padding-left: 50px;
   }
}

.footer .desc .foot-group .flaticon {
   font-size: 40px;
   position: absolute;
   top: 0;
   left: 0;
   color: #60b758;
}

@media (max-width: 767px) {
   .footer .desc .foot-group .flaticon {
      font-size: 30px;
   }
}

.footer .desc .foot-group h3 {
   font-size: 16px;
   line-height: 24px;
   color: #60b758;
}

.footer .desc .foot-group p {
   font-size: 16px;
   line-height: 24px;
   color: #fff;
}

@media (max-width: 767px) {
   .footer .desc .foot-group p {
      font-size: 14px;
   }
}

.footer .flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.footer .foot-follow {
   position: relative;
   z-index: 2;
   width: 40%;
   padding: 60px 5%;
   padding-right: 5%;
   background: url(../images/footer_bgb.webp) no-repeat top center;
   background-size: 100% 100%;
}

@media (max-width: 1560px) {
   .footer .foot-follow {
      width: 35%;
   }
}

@media (max-width: 991px) {
   .footer .foot-follow {
      width: 50%;
   }
}

@media (max-width: 767px) {
   .footer .foot-follow {
      width: 100%;
      padding: 30px 15px;
   }
}

.footer .foot-follow .foot-logo {
   height: 60px;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
}

@media (max-width: 1470px) {
   .footer .foot-follow .foot-logo {
      height: 50px;
   }
}

@media (max-width: 1199px) {
   .footer .foot-follow .foot-logo {
      height: 40px;
   }
}

.footer .foot-follow .foot-logo a {
   display: block;
   height: 100%;
}

.footer .foot-follow .foot-logo img {
   display: inline-block;
   height: 100%;
   margin-right: 18px;
   vertical-align: middle;
}

@media (max-width: 1199px) {
   .footer .foot-follow .foot-logo img {
      margin-right: 8px;
   }
}

.footer .foot-follow .foot-logo p {
   font-family: "Objectivity";
   font-size: 24px;
   font-weight: bold;
   line-height: 1.4;
   display: inline-block;
   margin: 0;
   vertical-align: middle;
   color: #0d843d;
}

@media (max-width: 1199px) {
   .footer .foot-follow .foot-logo p {
      font-size: 20px;
   }
}

@media (max-width: 991px) {
   .footer .foot-follow .foot-logo p {
      font-size: 18px;
      line-height: 20px;
   }
}

@media (max-width: 767px) {
   .footer .foot-follow .foot-logo p {
      font-size: 16px;
   }
}

.footer .foot-nav {
   position: relative;
   z-index: 2;
   width: 60%;
   padding: 70px 5%;
}

@media (max-width: 1560px) {
   .footer .foot-nav {
      width: 65%;
   }
}

@media (max-width: 991px) {
   .footer .foot-nav {
      width: 50%;
      padding: 50px 15px;
   }
}

@media (max-width: 767px) {
   .footer .foot-nav {
      width: 100%;
      margin-top: 10px;
      padding: 30px 15px;
   }
}

.footer .foot-nav .title-foot h3 {
   font-size: 20px;
   font-weight: 500;
   line-height: 2;
   margin: 0;
   text-transform: capitalize;
   color: #fff;
}

@media (max-width: 1199px) {
   .footer .foot-nav .title-foot h3 {
      font-size: 16px;
   }
}

.footer .foot-nav .title-foot h3:hover {
   text-decoration: underline;
}

@media (max-width: 991px) {
   .footer .foot-nav .flex li {
      width: 100%;
      margin: 10px 0;
   }
}

.footer .foot-nav .info {
   margin-top: 20px;
}

@media (max-width: 991px) {
   .footer .foot-nav .info {
      margin-top: 0;
   }
}

.footer .foot-nav .info a {
   font-size: 16px;
   font-weight: 500;
   line-height: 2.25;
   display: block;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-transform: capitalize;
   color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1199px) {
   .footer .foot-nav .info a {
      font-size: 14px;
      line-height: 2;
   }
}

@media (max-width: 991px) {
   .footer .foot-nav .info a {
      display: inline-block;
      margin-right: 20px;
      vertical-align: top;
   }
}

.footer .foot-nav .info a:hover {
   text-decoration: underline;
   color: #fff;
}

.footer .copyright {
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   padding: 10px 5%;
   color: rgba(255, 255, 255, 0.5);
   background-color: #0d843d;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media (max-width: 1199px) {
   .footer .copyright {
      padding: 10px 15px;
   }
}

@media (max-width: 991px) {
   .footer .copyright {
      padding-bottom: 60px;
   }
}

.footer .copyright p {
   font-size: 16px;
   font-weight: 300;
   line-height: 30px;
   margin: 0;
   color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 767px) {
   .footer .copyright p {
      font-size: 14px;
      line-height: 24px;
   }
}

@media (max-width: 767px) {
   .footer .copyright a {
      display: block;
      margin: 0;
   }
}

.footer .copyright a:hover {
   text-decoration: underline;
   color: #fff;
}

.hc-mobile-nav.nav-levels-overlap ul ul .iconimg {
   display: none;
}

.hc-mobile-nav.nav-levels-overlap ul ul b {
   font-weight: normal;
}

.zoom:after {
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   width: 33px;
   height: 33px;
   content: "";
   background: url(../images/icon.png);
}

.zoom img {
   display: block;
}

.zoom img::-moz-selection {
   background-color: transparent;
}

.zoom img::selection {
   background-color: transparent;
}

.hidetxt {
   font-size: 0;
}

.hidetxt h1 {
   font-size: 0;
   margin: 0;
}

.flaticon:before {
   line-height: inherit !important;
   display: block;
}

.hs-inner-service-exportation .exportation-text,
.hs-inner-service-logistics .exportation-text,
.hs-inner-service-domestic .exportation-text,
.hs-inner-service .exportation-text,
.hs-inner-service-exportation .logistics-text,
.hs-inner-service-logistics .logistics-text,
.hs-inner-service-domestic .logistics-text,
.hs-inner-service .logistics-text,
.hs-inner-service-exportation .domestic-text,
.hs-inner-service-logistics .domestic-text,
.hs-inner-service-domestic .domestic-text,
.hs-inner-service .domestic-text,
.hs-inner-service-exportation .service-text,
.hs-inner-service-logistics .service-text,
.hs-inner-service-domestic .service-text,
.hs-inner-service .service-text,
.hs-inner-service-exportation .service,
.hs-inner-service-logistics .service,
.hs-inner-service-domestic .service,
.hs-inner-service .service {
   margin-top: 30px;
   text-align: justify;
}

.hs-inner-service-exportation .exportation-text p,
.hs-inner-service-logistics .exportation-text p,
.hs-inner-service-domestic .exportation-text p,
.hs-inner-service .exportation-text p,
.hs-inner-service-exportation .logistics-text p,
.hs-inner-service-logistics .logistics-text p,
.hs-inner-service-domestic .logistics-text p,
.hs-inner-service .logistics-text p,
.hs-inner-service-exportation .domestic-text p,
.hs-inner-service-logistics .domestic-text p,
.hs-inner-service-domestic .domestic-text p,
.hs-inner-service .domestic-text p,
.hs-inner-service-exportation .service-text p,
.hs-inner-service-logistics .service-text p,
.hs-inner-service-domestic .service-text p,
.hs-inner-service .service-text p,
.hs-inner-service-exportation .service p,
.hs-inner-service-logistics .service p,
.hs-inner-service-domestic .service p,
.hs-inner-service .service p {
   font-size: 16px;
   line-height: 30px;
   margin: 0;
}

@media (max-width: 991px) {
   .hs-inner-service-exportation .exportation-text p,
   .hs-inner-service-logistics .exportation-text p,
   .hs-inner-service-domestic .exportation-text p,
   .hs-inner-service .exportation-text p,
   .hs-inner-service-exportation .logistics-text p,
   .hs-inner-service-logistics .logistics-text p,
   .hs-inner-service-domestic .logistics-text p,
   .hs-inner-service .logistics-text p,
   .hs-inner-service-exportation .domestic-text p,
   .hs-inner-service-logistics .domestic-text p,
   .hs-inner-service-domestic .domestic-text p,
   .hs-inner-service .domestic-text p,
   .hs-inner-service-exportation .service-text p,
   .hs-inner-service-logistics .service-text p,
   .hs-inner-service-domestic .service-text p,
   .hs-inner-service .service-text p,
   .hs-inner-service-exportation .service p,
   .hs-inner-service-logistics .service p,
   .hs-inner-service-domestic .service p,
   .hs-inner-service .service p {
      font-size: 14px;
      line-height: 26px;
   }
}

.hs-inner-service-exportation .exportation-text img,
.hs-inner-service-logistics .exportation-text img,
.hs-inner-service-domestic .exportation-text img,
.hs-inner-service .exportation-text img,
.hs-inner-service-exportation .logistics-text img,
.hs-inner-service-logistics .logistics-text img,
.hs-inner-service-domestic .logistics-text img,
.hs-inner-service .logistics-text img,
.hs-inner-service-exportation .domestic-text img,
.hs-inner-service-logistics .domestic-text img,
.hs-inner-service-domestic .domestic-text img,
.hs-inner-service .domestic-text img,
.hs-inner-service-exportation .service-text img,
.hs-inner-service-logistics .service-text img,
.hs-inner-service-domestic .service-text img,
.hs-inner-service .service-text img,
.hs-inner-service-exportation .service img,
.hs-inner-service-logistics .service img,
.hs-inner-service-domestic .service img,
.hs-inner-service .service img {
   max-width: 100%;
   height: auto !important;
}

.hs-inner-service-logistics {
   padding: 120px 0;
   color: #fff;
   background: url(../images/service_bg1.webp) no-repeat right center;
   background-size: cover;
}

@media (min-width: 1200px) {
   .hs-inner-service-logistics {
      background-attachment: fixed;
   }
}

@media (max-width: 1199px) {
   .hs-inner-service-logistics {
      padding: 50px 0;
   }
}

.hs-inner-service-logistics .logistics-text {
   max-width: 70%;
}

@media (max-width: 1199px) {
   .hs-inner-service-logistics .logistics-text {
      max-width: 80%;
   }
}

@media (max-width: 767px) {
   .hs-inner-service-logistics .logistics-text {
      max-width: 100%;
   }
   .hs-inner-service-logistics .logistics-text p {
      text-shadow: 0 1px 1px #000;
   }
}

@media (max-width: 767px) {
   .hs-inner-service-logistics .title-inner h2 {
      text-shadow: 0 1px 1px #000;
   }
}

.hs-inner-service-domestic {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   padding: 0;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

.hs-inner-service-domestic .domestic-left,
.hs-inner-service-domestic .domestic-img {
   width: 50%;
}

@media (max-width: 767px) {
   .hs-inner-service-domestic .domestic-left,
   .hs-inner-service-domestic .domestic-img {
      width: 100%;
   }
}

.hs-inner-service-domestic .domestic-left {
   padding-right: 10%;
   padding-left: -webkit-calc(50% - 800px);
   padding-left: calc(50% - 800px);
}

@media (max-width: 1660px) {
   .hs-inner-service-domestic .domestic-left {
      padding-left: -webkit-calc(50% - 710px);
      padding-left: calc(50% - 710px);
   }
}

@media (max-width: 1470px) {
   .hs-inner-service-domestic .domestic-left {
      padding-right: 5%;
      padding-left: -webkit-calc(50% - 580px);
      padding-left: calc(50% - 580px);
   }
}

@media (max-width: 1199px) {
   .hs-inner-service-domestic .domestic-left {
      padding: 30px;
   }
}

@media (max-width: 767px) {
   .hs-inner-service-domestic .domestic-left {
      padding: 30px 15px;
   }
}

.hs-inner-service-domestic .domestic-img img {
   width: 100%;
}

.hs-inner-service {
   padding-top: 150px;
   background: url(../images/service_bg2.webp) no-repeat top center;
}

@media (max-width: 1199px) {
   .hs-inner-service {
      padding-top: 100px;
   }
}

@media (max-width: 991px) {
   .hs-inner-service {
      padding-top: 50px;
   }
}

.hs-inner-service:before {
   display: block;
   width: 100%;
   content: "";
}

.hs-inner-service .service-top {
   max-width: 1460px;
   margin: 0 auto;
   padding: 80px 5%;
   background-color: #fff;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.hs-inner-service .service {
   margin-top: 50px;
   text-align: center;
   text-align: justify;
}

.swiper-partners .swiper-wrapper {
   flex-wrap: wrap;
   padding-bottom: 20px;
}

.hs-inner-service-new {
   padding: 0;
}

.hs-inner-service-new .service-group {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.hs-inner-service-new .service-group .img,
.hs-inner-service-new .service-group .desc {
   width: 50%;
   position: relative;
}

.hs-inner-service-new ul li:nth-child(2n+1) .service-group .img {
   left: 50%;
}

.hs-inner-service-new ul li:nth-child(2n+1) .service-group .desc {
   right: 50%;
}

.hs-inner-service-new .service-group .img {
   overflow: hidden;
}

.hs-inner-service-new .service-group .desc {
   padding: 0 5%;
}

.hs-inner-service-new .service-group .desc .title-service h3 {
   font-size: 30px;
   font-weight: bold;
   margin: 0;
}

.hs-inner-service-new .service-group .desc .txt {
   margin-top: 30px;
}

.hs-inner-service-new .service-group .desc .txt p {
   font-size: 16px;
   line-height: 30px;
   color: #333333;
   margin: 0;
}

@media (max-width: 1560px) {
   .hs-inner-service-new .service-group .desc .txt p {
      line-height: 24px;
      font-size: 14px;
   }
}

@media (max-width: 991px) {
   .hs-inner-service-new .service-group .img,
   .hs-inner-service-new .service-group .desc {
      width: 100%;
   }
   .hs-inner-service-new ul li:nth-child(2n+1) .service-group .img {
      left: 0%;
   }
   .hs-inner-service-new ul li:nth-child(2n+1) .service-group .desc {
      right: 0%;
   }
   .hs-inner-service-new .service-group .img img {
      width: 100%;
   }
   .hs-inner-service-new .service-group .desc {
      padding: 30px 15px;
   }
   .hs-inner-service-new .service-group .desc .title-service h3 {
      font-size: 24px;
   }
}

.language>a {
   display: inline-block;
   width: 30px;
   height: 30px;
   background-color: #0d843d;
   border-radius: 50%;
   line-height: 30px;
   text-align: center;
   color: #ffffff;
}

#service-exportation,
#service-logistics,
#service-domestic,
#service-oil,
#service-service {
   position: relative;
   top: -100px;
}

.hs-inner-honor .honor {
   position: relative;
   padding: 0 5%;
}

.hs-inner-honor .honor-swiper {}

.hs-inner-honor .honor-swiper .swiper-slide {
   width: auto;
   padding: 0 20px;
}

@media (max-width: 991px) {
   .hs-inner-honor .honor-swiper .swiper-slide {
      padding: 0 8px;
   }
   .hs-inner-honor .honor {
      padding: 0;
   }
   .hs-inner-honor .swiper-button-next,
   .hs-inner-honor .swiper-button-prev {
      transform: scale(0.7);
   }
   .hs-inner-honor .swiper-button-prev {
      left: -20px;
   }
   .hs-inner-honor .swiper-button-next {
      right: -20px;
   }
}

.page_info {
   font-size: 16px;
   line-height: 40px;
   clear: both;
   width: 100%;
   padding-top: 50px;
   text-align: center;
}

.page_info span {
   margin: 0 2px;
}

.page_list {
   font-size: 16px;
   line-height: 40px;
   clear: both;
   width: 100%;
   padding-top: 50px;
   text-align: center;
}

.page_list a,
.page_list span {
   display: inline-block;
   width: 40px;
   height: 40px;
   margin: 0 4px;
   text-align: center;
   color: #333;
   border: 1px solid #e8e8e8;
   border-radius: 50%;
}

.page_list a:hover {
   color: #fff;
   border: 1px solid #000;
   background: #000;
}

.page_list .current_page {
   color: #fff;
   border: 1px solid #000;
   background: #000;
}

@media (max-width: 991px) {
   .page_list a,
   .page_list span {
      line-height: 30px;
      width: 30px;
      height: 30px;
   }
}

.table_a {
   overflow-x: auto;
   width: 100%;
}

/* .table_a table {
    width: 100%;
    border-right: 1px solid #0061b3;
    border-bottom: 1px solid #0061b3;
}

.table_a table td,
.table_a table th {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    line-height: 30px;
    width: 25%;
    height: 30px;
    padding: 0 0 0 5px;
    text-align: left;
    border-top: 1px solid #0061b3;
    border-left: 1px solid #0061b3;
}

.table_a table tr:nth-child(odd) {
    background: #f5f5f5;

}*/

/* .table_a table th{border-left:1px solid #0061b3;border-top:1px solid #0061b3;background:#0061b3;color:#fff;font-weight:bold;text-align:left;font-size:16px;height:40px;line-height:40px;padding:5px;font-family:"Microsoft YaHei"} */

.biao2 {
   background: #f1f1f1;
}

/* @media (max-width: 767px) {
    .table_a table th {
        line-height: 20px;
        height: auto;

      }
} */

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list>li {
   width: 43%;
   padding-left: 5%;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list>li:nth-child(1) {
   width: 57%;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list ul {
   display: flex;
   flex-wrap: wrap;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list ul li {
   display: inline-block;
   vertical-align: top;
   width: 50%;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list>li:nth-child(1) {
   border-right: 1px solid #dcdcdc;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list ul li a {
   display: block;
   padding: 10px 0;
   line-height: 24px;
   font-size: 16px;
   color: #666666;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list ul li a:hover {
   color: #0d843d;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list ul li a:before {
   content: "";
   display: inline-block;
   width: 4px;
   height: 4px;
   vertical-align: middle;
   margin-right: 4px;
   background-color: #0d843d;
}

.hs-header-box .header-navigation>ul>li:nth-child(3) .pc-navdown .nav-list>li>a:before {
   transform: rotate(90deg);
   display: inline-block;
}

.hs-inner-honor .honor-brand,
.hs-inner-honor .honor-editor {
   text-align: center;
}

.hs-inner-product-show .product-show .product-info .title-product-info h2 {
   /* padding-left: 70px; */
   position: relative;
   display: flex;
}

/* .hs-inner-product-show .product-show .product-info .title-product-info h2 span {
   position: absolute;
   left: 0;
   top: 0;
} */

.hs-inner-product-show .product-show .pro-show-img .swiper-button-next,
.hs-inner-product-show .product-show .pro-show-img .swiper-button-prev {
   width: 40px;
   height: 40px;
   background-color: #0d843d;
   border-radius: 50%;
   line-height: 40px;
   color: #ffffff;
   font-size: 20px;
   filter: grayscale(0%);
   display: flex;
   align-items: center;
   justify-content: center;
   background-image: none;
   text-align: center;
   opacity: 1;
}

.hs-inner-product-show .product-show .pro-show-img .swiper-button-next:before,
.hs-inner-product-show .product-show .pro-show-img .swiper-button-prev:before {
   font-family: "flaticon_shengda";
   content: "\f121";
   display: block;
}

.hs-inner-product-show .product-show .pro-show-img .swiper-button-next:before {
   transform: rotate(180deg);
}

.hs-inner-product-show .product-show .pro-show-img .swiper-button-next.swiper-button-disabled,
.hs-inner-product-show .product-show .pro-show-img .swiper-button-prev.swiper-button-disabled {
   opacity: 0.3;
}

.hs-section-category .category .category-group .category-menu ul {
   position: relative;
}

.hs-section-category .category .category-group .category-menu ul li {
   position: absolute;
   z-index: 2;
   padding: 0 !important;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(1) {
   top: 10%;
   left: 29%;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(2) {
   top: 23%;
   left: 17%;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(3) {
   top: 39%;
   left: 9%;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(4) {
   top: auto;
   bottom: 39%;
   left: 8%;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(5) {
   top: auto;
   bottom: 25%;
   left: 15%;
}

.hs-section-category .category .category-group .category-menu ul li:nth-child(6) {
   top: auto;
   bottom: 10%;
   left: 23%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(1) {
   top: 10%;
   right: 27%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2) {
   top: 20%;
   right: 20%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3) {
   top: 30%;
   right: 9%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4) {
   top: 45%;
   right: 9%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
   top: auto;
   bottom: 40%;
   right: 9%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(6) {
   top: auto;
   bottom: 30%;
   right: 13%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(7) {
   top: auto;
   bottom: 20%;
   right: 21%;
}

.hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(8) {
   top: auto;
   bottom: 10%;
   right: 30%;
}

/* @media(max-width:1560px) {
   .hs-section-category .category .category-group .category-menu ul li:nth-child(1) {
      top: 10%;
      left: 29%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(2) {
      top: 23%;
      left: 17%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(3) {
      top: 39%;
      left: 9%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(4) {
      top: auto;
      bottom: 39%;
      left: 8%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(5) {
      top: auto;
      bottom: 25%;
      left: 15%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(6) {
      top: auto;
      bottom: 10%;
      left: 23%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(1) {
      top: 10%;
      right: 27%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2) {
      top: 20%;
      right: 20%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3) {
      top: 30%;
      right: 9%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4) {
      top: 45%;
      right: 9%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
      top: auto;
      bottom: 40%;
      right: 9%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(6) {
      top: auto;
      bottom: 30%;
      right: 13%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(7) {
      top: auto;
      bottom: 20%;
      right: 21%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(8) {
      top: auto;
      bottom: 10%;
      right: 30%;
   }
}

@media(max-width:1470px) {
   .hs-section-category .category .category-group .category-menu ul li:nth-child(1) {
      top: 10%;
      left: 29%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(2) {
      top: 23%;
      left: 17%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(3) {
      top: 39%;
      left: 9%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(4) {
      top: auto;
      bottom: 39%;
      left: 8%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(5) {
      top: auto;
      bottom: 25%;
      left: 15%;
   }
   .hs-section-category .category .category-group .category-menu ul li:nth-child(6) {
      top: auto;
      bottom: 10%;
      left: 23%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(1) {
      top: 10%;
      right: 27%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(2) {
      top: 20%;
      right: 20%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(3) {
      top: 30%;
      right: 9%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(4) {
      top: 45%;
      right: 9%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(5) {
      top: auto;
      bottom: 40%;
      right: 9%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(6) {
      top: auto;
      bottom: 30%;
      right: 13%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(7) {
      top: auto;
      bottom: 20%;
      right: 21%;
   }
   .hs-section-category .category>li:nth-child(2) .category-group .category-menu ul li:nth-child(8) {
      top: auto;
      bottom: 10%;
      right: 30%;
   }
} */

.bannerswiper {
   font-size: 0;
}

.banner-video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banner.hide-video video {
   display: none !important;
}

.banner-video-box {
   position: relative;
   display: block;
   padding-bottom: 100vh;
   -webkit-transform: translateZ(10px);
   transform: translateZ(10px);
}
@media(max-width:1199px) {
   .banner-video-box {
      padding-bottom: 46.875%;
   }
}
.banner-video-box .fluid_video_wrapper {
   position: absolute;
   z-index: 10;
}

.banner-video-box .fluid_initial_play {
   background-color: #006c41 !important;
}
.banner-video-box video {
   object-fit: cover;
}
.banner .mobile-video {
   position: relative;
   display: block;
}

.banner .mobile-video:after {
   z-index: 2;
   content: "";
   background-color: rgba(0, 0, 0, 0.1);
}

.banner .mobile-video:before {
   font-size: 50px;
   position: absolute;
   z-index: 3;
   top: 50%;
   left: 50%;
   content: "\e644";
   -webkit-transform: translateY(-50%) translateX(-50%);
   -ms-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
   color: #fff;
   text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.fluid_pseudo_poster,
.fluid_controls_container {
   display: none;
}